@syncfusion/ej2-dropdowns 30.2.6 → 31.1.17

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 (76) 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 +24 -8
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +24 -8
  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 +8 -8
  12. package/src/combo-box/combo-box.js +2 -2
  13. package/src/drop-down-base/drop-down-base.js +12 -4
  14. package/src/drop-down-list/drop-down-list.d.ts +5 -1
  15. package/src/drop-down-tree/drop-down-tree.js +10 -2
  16. package/styles/auto-complete/bootstrap4.css +8 -0
  17. package/styles/bds-lite.css +0 -1
  18. package/styles/bds.css +0 -1
  19. package/styles/bootstrap-dark-lite.css +0 -1
  20. package/styles/bootstrap-dark.css +0 -1
  21. package/styles/bootstrap-lite.css +0 -1
  22. package/styles/bootstrap.css +0 -1
  23. package/styles/bootstrap4-lite.css +8 -1
  24. package/styles/bootstrap4.css +10 -3
  25. package/styles/bootstrap5-dark-lite.css +0 -1
  26. package/styles/bootstrap5-dark.css +0 -1
  27. package/styles/bootstrap5-lite.css +0 -1
  28. package/styles/bootstrap5.3-lite.css +0 -1
  29. package/styles/bootstrap5.3.css +1 -2
  30. package/styles/bootstrap5.css +0 -1
  31. package/styles/combo-box/bootstrap4.css +8 -0
  32. package/styles/drop-down-base/_fluent2-definition.scss +2 -2
  33. package/styles/drop-down-base/fluent2.css +4 -4
  34. package/styles/drop-down-list/_bootstrap4-definition.scss +8 -0
  35. package/styles/drop-down-list/bootstrap4.css +8 -0
  36. package/styles/drop-down-tree/_bigger.scss +8 -2
  37. package/styles/drop-down-tree/_layout.scss +12 -0
  38. package/styles/drop-down-tree/bds.css +0 -1
  39. package/styles/drop-down-tree/bootstrap-dark.css +0 -1
  40. package/styles/drop-down-tree/bootstrap.css +0 -1
  41. package/styles/drop-down-tree/bootstrap4.css +0 -1
  42. package/styles/drop-down-tree/bootstrap5-dark.css +0 -1
  43. package/styles/drop-down-tree/bootstrap5.3.css +1 -2
  44. package/styles/drop-down-tree/bootstrap5.css +0 -1
  45. package/styles/drop-down-tree/fabric-dark.css +0 -1
  46. package/styles/drop-down-tree/fabric.css +0 -1
  47. package/styles/drop-down-tree/fluent-dark.css +0 -1
  48. package/styles/drop-down-tree/fluent.css +0 -1
  49. package/styles/drop-down-tree/fluent2.css +5 -1
  50. package/styles/drop-down-tree/highcontrast-light.css +0 -1
  51. package/styles/drop-down-tree/highcontrast.css +0 -1
  52. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  53. package/styles/drop-down-tree/tailwind.css +0 -1
  54. package/styles/drop-down-tree/tailwind3.css +0 -1
  55. package/styles/fabric-dark-lite.css +0 -1
  56. package/styles/fabric-dark.css +0 -1
  57. package/styles/fabric-lite.css +0 -1
  58. package/styles/fabric.css +0 -1
  59. package/styles/fluent-dark-lite.css +0 -1
  60. package/styles/fluent-dark.css +0 -1
  61. package/styles/fluent-lite.css +0 -1
  62. package/styles/fluent.css +0 -1
  63. package/styles/fluent2-lite.css +6 -2
  64. package/styles/fluent2.css +9 -5
  65. package/styles/highcontrast-light-lite.css +0 -1
  66. package/styles/highcontrast-light.css +0 -1
  67. package/styles/highcontrast-lite.css +0 -1
  68. package/styles/highcontrast.css +0 -1
  69. package/styles/multi-select/_bigger.scss +2 -2
  70. package/styles/multi-select/bootstrap4.css +2 -2
  71. package/styles/tailwind-dark-lite.css +0 -1
  72. package/styles/tailwind-dark.css +0 -1
  73. package/styles/tailwind-lite.css +0 -1
  74. package/styles/tailwind.css +0 -1
  75. package/styles/tailwind3-lite.css +0 -1
  76. package/styles/tailwind3.css +0 -1
@@ -1404,11 +1404,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1404
1404
  else {
1405
1405
  item = this.typeOfData(this.listData);
1406
1406
  }
1407
- if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
1407
+ if (!isNullOrUndefined(item.item) &&
1408
+ typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
1408
1409
  item.typeof === 'number') {
1409
1410
  return parseFloat(value);
1410
1411
  }
1411
- if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
1412
+ if (!isNullOrUndefined(item.item) &&
1413
+ typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
1412
1414
  item.typeof === 'boolean') {
1413
1415
  return ((value === 'true') || ('' + value === 'true'));
1414
1416
  }
@@ -2293,7 +2295,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
2293
2295
  this.renderGroupTemplate(this.fixedHeaderElement);
2294
2296
  };
2295
2297
  DropDownBase.prototype.updateGroupFixedHeader = function (element, target) {
2296
- if (this.fixedHeaderElement) {
2298
+ if (this.fixedHeaderElement && this.list && this.list.parentElement) {
2297
2299
  if (!isNullOrUndefined(element.innerHTML)) {
2298
2300
  if (this.groupTemplate && this.isAngular && this.getModuleName() === 'multiselect') {
2299
2301
  this.updateFixedGroupTemplateHader(element);
@@ -3043,7 +3045,13 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
3043
3045
  */
3044
3046
  DropDownBase.prototype.destroy = function () {
3045
3047
  if (document) {
3046
- EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
3048
+ if (this.fields && this.fields.groupBy) {
3049
+ var elements = this.getScrollableParent();
3050
+ for (var i = 0; i < elements.length; i++) {
3051
+ var ele = elements[i];
3052
+ EventHandler.remove(ele, 'scroll', this.updateGroupFixedHeader);
3053
+ }
3054
+ }
3047
3055
  if (document.body.contains(this.list)) {
3048
3056
  EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
3049
3057
  if (!isNullOrUndefined(this.rippleFun)) {
@@ -8388,6 +8396,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
8388
8396
  };
8389
8397
  /* Handles touch events specifically for iOS devices */
8390
8398
  DropDownTree.prototype.handleIosTouch = function (e) {
8399
+ var target = e.target;
8400
+ if (target && target.classList.contains('e-clear-icon')) {
8401
+ return;
8402
+ }
8391
8403
  e.preventDefault();
8392
8404
  this.dropDownClick(e);
8393
8405
  };
@@ -10154,12 +10166,16 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
10154
10166
  if (!this.valueTemplate) {
10155
10167
  return null;
10156
10168
  }
10157
- if (this.valueTemplateContainer) {
10169
+ if (this.isReact && !isNullOrUndefined(this.valueTemplateContainer)) {
10170
+ detach(this.valueTemplateContainer);
10171
+ this.valueTemplateContainer = null;
10172
+ }
10173
+ else if (this.valueTemplateContainer) {
10158
10174
  while (this.valueTemplateContainer.firstChild) {
10159
10175
  this.valueTemplateContainer.removeChild(this.valueTemplateContainer.firstChild);
10160
10176
  }
10161
10177
  }
10162
- else {
10178
+ if (isNullOrUndefined(this.valueTemplateContainer)) {
10163
10179
  this.valueTemplateContainer = this.createElement('span', { className: OVERFLOW_VIEW + ' ' + SHOW_TEXT + ' ' + 'e-input-value' + ' ' + HIDEICON });
10164
10180
  }
10165
10181
  this.inputWrapper.insertBefore(this.valueTemplateContainer, this.inputEle);
@@ -11471,7 +11487,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
11471
11487
  _this.itemData = e.result[0];
11472
11488
  var dataItem = _this.getItemData();
11473
11489
  var value = _this.allowObjectBinding ?
11474
- _this.getDataByValue(dataItem.value) : dataItem.value;
11490
+ _this.itemData : dataItem.value;
11475
11491
  var valueFieldValue = _this.allowObjectBinding &&
11476
11492
  !isNullOrUndefined(_this.value) ? getValue((_this.fields.value) ?
11477
11493
  _this.fields.value : '', _this.value) : _this.value;
@@ -11526,7 +11542,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
11526
11542
  this.customValue();
11527
11543
  }
11528
11544
  }
11529
- else {
11545
+ else if (!isNullOrUndefined(this.activeIndex) && !isNullOrUndefined(this.liCollections[this.activeIndex])) {
11530
11546
  this.setSelection(this.liCollections[this.activeIndex], null);
11531
11547
  }
11532
11548
  this.setHiddenValue();