@syncfusion/ej2-dropdowns 19.4.38 → 19.4.47

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 +8 -0
  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 +15 -3
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +15 -3
  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 +10 -10
  12. package/src/drop-down-base/drop-down-base.js +2 -1
  13. package/src/drop-down-list/drop-down-list.js +1 -1
  14. package/src/multi-select/multi-select.js +12 -1
  15. package/styles/bootstrap-dark.css +15 -0
  16. package/styles/bootstrap.css +15 -0
  17. package/styles/bootstrap4.css +15 -0
  18. package/styles/bootstrap5-dark.css +15 -0
  19. package/styles/bootstrap5.css +15 -0
  20. package/styles/fabric-dark.css +15 -0
  21. package/styles/fabric.css +15 -0
  22. package/styles/highcontrast-light.css +15 -0
  23. package/styles/highcontrast.css +15 -0
  24. package/styles/list-box/_bootstrap-dark-definition.scss +3 -0
  25. package/styles/list-box/_bootstrap-definition.scss +3 -0
  26. package/styles/list-box/_bootstrap4-definition.scss +3 -0
  27. package/styles/list-box/_bootstrap5-definition.scss +3 -0
  28. package/styles/list-box/_fabric-dark-definition.scss +3 -0
  29. package/styles/list-box/_fabric-definition.scss +3 -0
  30. package/styles/list-box/_fluent-definition.scss +3 -0
  31. package/styles/list-box/_highcontrast-definition.scss +3 -0
  32. package/styles/list-box/_highcontrast-light-definition.scss +3 -0
  33. package/styles/list-box/_material-dark-definition.scss +3 -0
  34. package/styles/list-box/_material-definition.scss +3 -0
  35. package/styles/list-box/_tailwind-definition.scss +3 -0
  36. package/styles/list-box/_theme.scss +8 -0
  37. package/styles/list-box/bootstrap-dark.css +10 -0
  38. package/styles/list-box/bootstrap.css +10 -0
  39. package/styles/list-box/bootstrap4.css +10 -0
  40. package/styles/list-box/bootstrap5-dark.css +10 -0
  41. package/styles/list-box/bootstrap5.css +10 -0
  42. package/styles/list-box/fabric-dark.css +10 -0
  43. package/styles/list-box/fabric.css +10 -0
  44. package/styles/list-box/highcontrast-light.css +10 -0
  45. package/styles/list-box/highcontrast.css +10 -0
  46. package/styles/list-box/material-dark.css +10 -0
  47. package/styles/list-box/material.css +10 -0
  48. package/styles/list-box/tailwind-dark.css +10 -0
  49. package/styles/list-box/tailwind.css +10 -0
  50. package/styles/material-dark.css +15 -0
  51. package/styles/material.css +15 -0
  52. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  53. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  54. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  55. package/styles/multi-select/_bootstrap5-definition.scss +1 -0
  56. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  57. package/styles/multi-select/_fabric-definition.scss +1 -0
  58. package/styles/multi-select/_fluent-definition.scss +1 -0
  59. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  60. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  61. package/styles/multi-select/_material-dark-definition.scss +1 -0
  62. package/styles/multi-select/_material-definition.scss +1 -0
  63. package/styles/multi-select/_tailwind-definition.scss +1 -0
  64. package/styles/multi-select/_theme.scss +5 -0
  65. package/styles/multi-select/bootstrap-dark.css +5 -0
  66. package/styles/multi-select/bootstrap.css +5 -0
  67. package/styles/multi-select/bootstrap4.css +5 -0
  68. package/styles/multi-select/bootstrap5-dark.css +5 -0
  69. package/styles/multi-select/bootstrap5.css +5 -0
  70. package/styles/multi-select/fabric-dark.css +5 -0
  71. package/styles/multi-select/fabric.css +5 -0
  72. package/styles/multi-select/highcontrast-light.css +5 -0
  73. package/styles/multi-select/highcontrast.css +5 -0
  74. package/styles/multi-select/material-dark.css +5 -0
  75. package/styles/multi-select/material.css +5 -0
  76. package/styles/multi-select/tailwind-dark.css +5 -0
  77. package/styles/multi-select/tailwind.css +5 -0
  78. package/styles/tailwind-dark.css +15 -0
  79. package/styles/tailwind.css +15 -0
@@ -1225,7 +1225,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1225
1225
  li.innerText = itemText;
1226
1226
  }
1227
1227
  if (this.itemTemplate && !isHeader) {
1228
- var compiledString = compile(this.itemTemplate);
1228
+ var itemCheck = this.templateCompiler(this.itemTemplate);
1229
+ var compiledString = itemCheck ? compile(select(this.itemTemplate, document).innerHTML.trim()) : compile(this.itemTemplate);
1229
1230
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
1230
1231
  var addItemTemplate = compiledString(item, this, 'itemTemplate', this.itemTemplateId, this.isStringTemplate, null, li);
1231
1232
  if (addItemTemplate) {
@@ -3665,7 +3666,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
3665
3666
  DropDownList.prototype.checkCustomValue = function () {
3666
3667
  this.itemData = this.getDataByValue(this.value);
3667
3668
  var dataItem = this.getItemData();
3668
- this.setProperties({ 'value': dataItem.value, 'text': dataItem.text });
3669
+ this.setProperties({ 'text': dataItem.text, 'value': dataItem.value });
3669
3670
  };
3670
3671
  DropDownList.prototype.updateInputFields = function () {
3671
3672
  if (this.getModuleName() === 'dropdownlist') {
@@ -11836,7 +11837,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
11836
11837
  'li.e-list-item[aria-selected="true"]:not(.e-reorder-hide)');
11837
11838
  }
11838
11839
  if (this.enableGroupCheckBox && this.mode === 'CheckBox' && !isNullOrUndefined(this.fields.groupBy)) {
11839
- var target = (event ? event.target : null);
11840
+ var target = (event ? (this.groupTemplate ? closest(event.target, '.e-list-group-item') : event.target) : null);
11840
11841
  target = (event && event.keyCode === 32) ? list : target;
11841
11842
  target = (target && target.classList.contains('e-frame')) ? target.parentElement.parentElement : target;
11842
11843
  if (target && target.classList.contains('e-list-group-item')) {
@@ -12210,6 +12211,17 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
12210
12211
  this.notify('selectAllText', false);
12211
12212
  break;
12212
12213
  case 'popupHeight':
12214
+ if (this.popupObj) {
12215
+ var overAllHeight = parseInt(this.popupHeight, 10);
12216
+ if (this.popupHeight !== 'auto') {
12217
+ this.list.style.maxHeight = formatUnit(overAllHeight);
12218
+ this.popupWrapper.style.maxHeight = formatUnit(this.popupHeight);
12219
+ }
12220
+ else {
12221
+ this.list.style.maxHeight = formatUnit(this.popupHeight);
12222
+ }
12223
+ }
12224
+ break;
12213
12225
  case 'headerTemplate':
12214
12226
  case 'footerTemplate':
12215
12227
  this.reInitializePoup();