@syncfusion/ej2-dropdowns 20.4.43 → 20.4.48

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 (79) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +18 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +18 -5
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/drop-down-list/drop-down-list.js +1 -1
  14. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  15. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  16. package/src/drop-down-tree/drop-down-tree.js +14 -4
  17. package/src/list-box/list-box.js +3 -0
  18. package/styles/bootstrap-dark.css +5 -2
  19. package/styles/bootstrap.css +5 -2
  20. package/styles/bootstrap4.css +5 -2
  21. package/styles/bootstrap5-dark.css +5 -2
  22. package/styles/bootstrap5.css +5 -2
  23. package/styles/drop-down-list/_layout.scss +3 -0
  24. package/styles/drop-down-list/bootstrap-dark.css +3 -0
  25. package/styles/drop-down-list/bootstrap.css +3 -0
  26. package/styles/drop-down-list/bootstrap4.css +3 -0
  27. package/styles/drop-down-list/bootstrap5-dark.css +3 -0
  28. package/styles/drop-down-list/bootstrap5.css +3 -0
  29. package/styles/drop-down-list/fabric-dark.css +3 -0
  30. package/styles/drop-down-list/fabric.css +3 -0
  31. package/styles/drop-down-list/fluent-dark.css +3 -0
  32. package/styles/drop-down-list/fluent.css +3 -0
  33. package/styles/drop-down-list/highcontrast-light.css +3 -0
  34. package/styles/drop-down-list/highcontrast.css +3 -0
  35. package/styles/drop-down-list/material-dark.css +3 -0
  36. package/styles/drop-down-list/material.css +3 -0
  37. package/styles/drop-down-list/tailwind-dark.css +3 -0
  38. package/styles/drop-down-list/tailwind.css +3 -0
  39. package/styles/fabric-dark.css +5 -2
  40. package/styles/fabric.css +5 -2
  41. package/styles/fluent-dark.css +5 -2
  42. package/styles/fluent.css +5 -2
  43. package/styles/highcontrast-light.css +5 -2
  44. package/styles/highcontrast.css +5 -2
  45. package/styles/material-dark.css +4 -1
  46. package/styles/material.css +4 -1
  47. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  48. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  49. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  50. package/styles/multi-select/_bootstrap5-definition.scss +1 -0
  51. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  52. package/styles/multi-select/_fabric-definition.scss +1 -0
  53. package/styles/multi-select/_fluent-definition.scss +1 -0
  54. package/styles/multi-select/_fusionnew-definition.scss +1 -0
  55. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  56. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  57. package/styles/multi-select/_layout.scss +2 -2
  58. package/styles/multi-select/_material-dark-definition.scss +1 -0
  59. package/styles/multi-select/_material-definition.scss +1 -0
  60. package/styles/multi-select/_tailwind-definition.scss +1 -0
  61. package/styles/multi-select/bootstrap-dark.css +2 -2
  62. package/styles/multi-select/bootstrap.css +2 -2
  63. package/styles/multi-select/bootstrap4.css +2 -2
  64. package/styles/multi-select/bootstrap5-dark.css +2 -2
  65. package/styles/multi-select/bootstrap5.css +2 -2
  66. package/styles/multi-select/fabric-dark.css +2 -2
  67. package/styles/multi-select/fabric.css +2 -2
  68. package/styles/multi-select/fluent-dark.css +2 -2
  69. package/styles/multi-select/fluent.css +2 -2
  70. package/styles/multi-select/highcontrast-light.css +2 -2
  71. package/styles/multi-select/highcontrast.css +2 -2
  72. package/styles/multi-select/material-dark.css +1 -1
  73. package/styles/multi-select/material.css +1 -1
  74. package/styles/multi-select/tailwind-dark.css +2 -2
  75. package/styles/multi-select/tailwind.css +2 -2
  76. package/styles/tailwind-dark.css +5 -2
  77. package/styles/tailwind.css +5 -2
  78. package/.eslintrc.json +0 -259
  79. package/tslint.json +0 -111
@@ -2520,8 +2520,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
2520
2520
  this.setScrollPosition(e);
2521
2521
  }
2522
2522
  if (Browser.info.name !== 'mozilla') {
2523
- attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
2524
2523
  if (this.targetElement()) {
2524
+ attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
2525
2525
  attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
2526
2526
  this.targetElement().removeAttribute('aria-live');
2527
2527
  }
@@ -5469,7 +5469,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5469
5469
  if (isValid && this.value !== null && (this.value && this.value.length !== 0)) {
5470
5470
  addClass([this.inputEle], CHIP_INPUT);
5471
5471
  }
5472
- else if (this.value === null || (this.value && this.value.length === 0)) {
5472
+ else if (this.value === null || (this.value && this.value.length === 0) || this.chipWrapper) {
5473
5473
  addClass([this.chipWrapper], HIDEICON);
5474
5474
  }
5475
5475
  }
@@ -5827,6 +5827,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5827
5827
  nodeSelected: this.onNodeSelected.bind(this),
5828
5828
  nodeChecked: this.onNodeChecked.bind(this),
5829
5829
  nodeChecking: this.beforeCheck.bind(this),
5830
+ nodeExpanded: this.onNodeExpanded.bind(this),
5830
5831
  actionFailure: this.onActionFailure.bind(this),
5831
5832
  nodeClicked: this.onNodeClicked.bind(this),
5832
5833
  dataBound: this.OnDataBound.bind(this),
@@ -5934,7 +5935,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5934
5935
  var height = Math.round(this.header.getBoundingClientRect().height);
5935
5936
  popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
5936
5937
  }
5937
- if (this.showCheckBox && this.showSelectAll) {
5938
+ if (this.showCheckBox && this.showSelectAll && (!this.popupDiv.classList.contains(NODATA))) {
5938
5939
  var height = Math.round(this.checkAllParent.getBoundingClientRect().height);
5939
5940
  popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
5940
5941
  }
@@ -6345,6 +6346,13 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6345
6346
  this.oldValue = this.value ? this.value.slice() : this.value;
6346
6347
  }
6347
6348
  };
6349
+ DropDownTree.prototype.onNodeExpanded = function (args) {
6350
+ if (this.hasTemplate && this.portals) {
6351
+ this.portals = [].concat(this.treeObj.portals);
6352
+ /* eslint-enable */
6353
+ this.renderReactTemplates();
6354
+ }
6355
+ };
6348
6356
  DropDownTree.prototype.updateClearButton = function (state) {
6349
6357
  if (state) {
6350
6358
  if (!this.inputWrapper.contains(this.overAllClear)) {
@@ -6940,8 +6948,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6940
6948
  }
6941
6949
  else {
6942
6950
  this.noRecord = this.createElement('div');
6943
- addClass([this.noRecord], NODATACONTAINER);
6944
- prepend([this.noRecord], this.popupDiv);
6945
6951
  }
6946
6952
  if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
6947
6953
  var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
@@ -6953,6 +6959,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6953
6959
  if (tempArr) {
6954
6960
  tempArr = Array.prototype.slice.call(tempArr);
6955
6961
  append(tempArr, this.noRecord);
6962
+ addClass([this.noRecord], NODATACONTAINER);
6963
+ prepend([this.noRecord], this.popupDiv);
6956
6964
  }
6957
6965
  }
6958
6966
  else {
@@ -6961,6 +6969,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6961
6969
  this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
6962
6970
  this.noRecord.innerHTML = actionFailure ?
6963
6971
  this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
6972
+ addClass([this.noRecord], NODATACONTAINER);
6973
+ prepend([this.noRecord], this.popupDiv);
6964
6974
  }
6965
6975
  };
6966
6976
  DropDownTree.prototype.updateRecordTemplate = function (action) {
@@ -15702,6 +15712,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
15702
15712
  else {
15703
15713
  text = value;
15704
15714
  }
15715
+ if (typeof (text) === 'string') {
15716
+ text = text.split("\\").join("\\\\");
15717
+ }
15705
15718
  li = _this.list.querySelector('[data-value="' + text + '"]');
15706
15719
  if (li) {
15707
15720
  if (_this.selectionSettings.showCheckbox) {