@syncfusion/ej2-multicolumn-combobox 31.2.4 → 32.1.19

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 (142) hide show
  1. package/dist/ej2-multicolumn-combobox.umd.min.js +1 -10
  2. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-multicolumn-combobox.es2015.js +39 -34
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  5. package/dist/es6/ej2-multicolumn-combobox.es5.js +39 -34
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
  7. package/dist/global/ej2-multicolumn-combobox.min.js +1 -10
  8. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
  9. package/dist/global/index.d.ts +0 -9
  10. package/package.json +3 -3
  11. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +1 -0
  12. package/src/multicolumn-combobox/multi-column-combo-box.js +39 -34
  13. package/styles/bds-lite.scss +10 -11
  14. package/styles/bds.scss +11 -12
  15. package/styles/bootstrap-dark-lite.scss +10 -11
  16. package/styles/bootstrap-dark.scss +11 -12
  17. package/styles/bootstrap-lite.scss +10 -11
  18. package/styles/bootstrap.scss +11 -12
  19. package/styles/bootstrap4-lite.scss +10 -11
  20. package/styles/bootstrap4.scss +11 -12
  21. package/styles/bootstrap5-dark-lite.scss +10 -11
  22. package/styles/bootstrap5-dark.scss +11 -12
  23. package/styles/bootstrap5-lite.scss +11 -11
  24. package/styles/bootstrap5.3-lite.css +88 -8
  25. package/styles/bootstrap5.3-lite.scss +11 -11
  26. package/styles/bootstrap5.3.css +88 -8
  27. package/styles/bootstrap5.3.scss +12 -12
  28. package/styles/bootstrap5.scss +12 -12
  29. package/styles/fabric-dark-lite.scss +11 -11
  30. package/styles/fabric-dark.scss +12 -12
  31. package/styles/fabric-lite.scss +11 -11
  32. package/styles/fabric.scss +12 -12
  33. package/styles/fluent-dark-lite.scss +11 -11
  34. package/styles/fluent-dark.scss +12 -12
  35. package/styles/fluent-lite.scss +11 -11
  36. package/styles/fluent.scss +12 -12
  37. package/styles/fluent2-lite.css +125 -10
  38. package/styles/fluent2-lite.scss +11 -11
  39. package/styles/fluent2.css +125 -10
  40. package/styles/fluent2.scss +12 -12
  41. package/styles/highcontrast-light-lite.scss +11 -11
  42. package/styles/highcontrast-light.scss +12 -12
  43. package/styles/highcontrast-lite.scss +11 -11
  44. package/styles/highcontrast.scss +12 -12
  45. package/styles/material-dark-lite.scss +11 -11
  46. package/styles/material-dark.scss +12 -12
  47. package/styles/material-lite.scss +10 -11
  48. package/styles/material.scss +11 -12
  49. package/styles/material3-dark-lite.css +147 -8
  50. package/styles/material3-dark-lite.scss +11 -11
  51. package/styles/material3-dark.css +147 -8
  52. package/styles/material3-dark.scss +12 -14
  53. package/styles/material3-lite.css +147 -8
  54. package/styles/material3-lite.scss +11 -11
  55. package/styles/material3.css +147 -8
  56. package/styles/material3.scss +12 -14
  57. package/styles/multicolumn-combobox/_all.scss +2 -2
  58. package/styles/multicolumn-combobox/_bds-definition.scss +16 -4
  59. package/styles/multicolumn-combobox/_bigger.scss +6 -4
  60. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +17 -0
  61. package/styles/multicolumn-combobox/_bootstrap-definition.scss +17 -0
  62. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +17 -0
  63. package/styles/multicolumn-combobox/_bootstrap5-dark-definition.scss +49 -1
  64. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +17 -0
  65. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +18 -1
  66. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +17 -0
  67. package/styles/multicolumn-combobox/_fabric-definition.scss +17 -0
  68. package/styles/multicolumn-combobox/_fluent-dark-definition.scss +49 -1
  69. package/styles/multicolumn-combobox/_fluent-definition.scss +17 -0
  70. package/styles/multicolumn-combobox/_fluent2-definition.scss +18 -1
  71. package/styles/multicolumn-combobox/_fusionnew-definition.scss +17 -0
  72. package/styles/multicolumn-combobox/_highcontrast-definition.scss +17 -0
  73. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +17 -0
  74. package/styles/multicolumn-combobox/_layout.scss +18 -16
  75. package/styles/multicolumn-combobox/_material-dark-definition.scss +17 -0
  76. package/styles/multicolumn-combobox/_material-definition.scss +17 -0
  77. package/styles/multicolumn-combobox/_material3-dark-definition.scss +49 -1
  78. package/styles/multicolumn-combobox/_material3-definition.scss +18 -1
  79. package/styles/multicolumn-combobox/_tailwind-dark-definition.scss +49 -1
  80. package/styles/multicolumn-combobox/_tailwind-definition.scss +17 -0
  81. package/styles/multicolumn-combobox/_tailwind3-definition.scss +18 -1
  82. package/styles/multicolumn-combobox/_theme-variables.scss +1 -0
  83. package/styles/multicolumn-combobox/_theme.scss +2 -0
  84. package/styles/multicolumn-combobox/bds.scss +12 -12
  85. package/styles/multicolumn-combobox/bootstrap-dark.scss +12 -12
  86. package/styles/multicolumn-combobox/bootstrap.scss +12 -12
  87. package/styles/multicolumn-combobox/bootstrap4.scss +12 -12
  88. package/styles/multicolumn-combobox/bootstrap5-dark.scss +12 -12
  89. package/styles/multicolumn-combobox/bootstrap5.3.css +88 -8
  90. package/styles/multicolumn-combobox/bootstrap5.3.scss +12 -12
  91. package/styles/multicolumn-combobox/bootstrap5.scss +12 -12
  92. package/styles/multicolumn-combobox/fabric-dark.scss +12 -12
  93. package/styles/multicolumn-combobox/fabric.scss +12 -12
  94. package/styles/multicolumn-combobox/fluent-dark.scss +12 -12
  95. package/styles/multicolumn-combobox/fluent.scss +12 -12
  96. package/styles/multicolumn-combobox/fluent2.css +125 -10
  97. package/styles/multicolumn-combobox/fluent2.scss +12 -12
  98. package/styles/multicolumn-combobox/highcontrast-light.scss +12 -12
  99. package/styles/multicolumn-combobox/highcontrast.scss +12 -12
  100. package/styles/multicolumn-combobox/icons/_bds.scss +1 -0
  101. package/styles/multicolumn-combobox/icons/_bootstrap-dark.scss +1 -0
  102. package/styles/multicolumn-combobox/icons/_bootstrap.scss +1 -0
  103. package/styles/multicolumn-combobox/icons/_bootstrap4.scss +1 -0
  104. package/styles/multicolumn-combobox/icons/_bootstrap5-dark.scss +1 -1
  105. package/styles/multicolumn-combobox/icons/_bootstrap5.3.scss +1 -0
  106. package/styles/multicolumn-combobox/icons/_bootstrap5.scss +1 -0
  107. package/styles/multicolumn-combobox/icons/_fabric-dark.scss +1 -0
  108. package/styles/multicolumn-combobox/icons/_fabric.scss +1 -0
  109. package/styles/multicolumn-combobox/icons/_fluent-dark.scss +1 -1
  110. package/styles/multicolumn-combobox/icons/_fluent.scss +1 -0
  111. package/styles/multicolumn-combobox/icons/_fluent2.scss +1 -0
  112. package/styles/multicolumn-combobox/icons/_fusionnew.scss +1 -0
  113. package/styles/multicolumn-combobox/icons/_highcontrast-light.scss +1 -0
  114. package/styles/multicolumn-combobox/icons/_highcontrast.scss +1 -0
  115. package/styles/multicolumn-combobox/icons/_material-dark.scss +1 -0
  116. package/styles/multicolumn-combobox/icons/_material.scss +1 -0
  117. package/styles/multicolumn-combobox/icons/_material3-dark.scss +1 -1
  118. package/styles/multicolumn-combobox/icons/_material3.scss +1 -0
  119. package/styles/multicolumn-combobox/icons/_tailwind-dark.scss +1 -1
  120. package/styles/multicolumn-combobox/icons/_tailwind.scss +1 -0
  121. package/styles/multicolumn-combobox/icons/_tailwind3.scss +1 -0
  122. package/styles/multicolumn-combobox/material-dark.scss +12 -12
  123. package/styles/multicolumn-combobox/material.scss +12 -12
  124. package/styles/multicolumn-combobox/material3-dark.css +147 -8
  125. package/styles/multicolumn-combobox/material3-dark.scss +12 -13
  126. package/styles/multicolumn-combobox/material3.css +147 -8
  127. package/styles/multicolumn-combobox/material3.scss +12 -13
  128. package/styles/multicolumn-combobox/tailwind-dark.scss +12 -12
  129. package/styles/multicolumn-combobox/tailwind.scss +12 -12
  130. package/styles/multicolumn-combobox/tailwind3.css +78 -8
  131. package/styles/multicolumn-combobox/tailwind3.scss +12 -12
  132. package/styles/tailwind-dark-lite.scss +11 -11
  133. package/styles/tailwind-dark.scss +12 -12
  134. package/styles/tailwind-lite.scss +11 -11
  135. package/styles/tailwind.scss +12 -12
  136. package/styles/tailwind3-lite.css +78 -8
  137. package/styles/tailwind3-lite.scss +11 -11
  138. package/styles/tailwind3.css +78 -8
  139. package/styles/tailwind3.scss +12 -12
  140. package/.eslintrc.json +0 -263
  141. package/aceconfig.js +0 -17
  142. package/tslint.json +0 -111
@@ -327,6 +327,10 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
327
327
  };
328
328
  MultiColumnComboBox.prototype.render = function () {
329
329
  this.renderInput();
330
+ if ((!isNullOrUndefined(this.value) || !isNullOrUndefined(this.text) || !isNullOrUndefined(this.index)) && !isNullOrUndefined(this.dataSource)
331
+ && this.dataSource instanceof DataManager) {
332
+ this.isInitialValueRender = true;
333
+ }
330
334
  if (this.gridData == null) {
331
335
  this.setGridData(this.dataSource);
332
336
  }
@@ -354,6 +358,10 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
354
358
  _this.remoteDataLength = _this.gridData.length;
355
359
  _this.isMainDataUpdated = true;
356
360
  }
361
+ if (_this.isInitialValueRender) {
362
+ _this.isInitialValueRender = false;
363
+ _this.initValue(null, null, true);
364
+ }
357
365
  if (_this.popupDiv) {
358
366
  _this.updateGridDataSource();
359
367
  }
@@ -472,7 +480,7 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
472
480
  SortOrder.Ascending : SortOrder.Descending }] };
473
481
  }
474
482
  this.gridObj.appendTo(this.gridEle);
475
- if (!isNullOrUndefined(this.value) || !isNullOrUndefined(this.text) || !isNullOrUndefined(this.index)) {
483
+ if ((!isNullOrUndefined(this.value) || !isNullOrUndefined(this.text) || !isNullOrUndefined(this.index)) && !isNullOrUndefined(this.dataSource) && this.dataSource instanceof Array) {
476
484
  this.initValue(null, null, true);
477
485
  }
478
486
  };
@@ -841,22 +849,21 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
841
849
  };
842
850
  if ((!isRerender && (!isNullOrUndefined(this.value) || !isNullOrUndefined(this.text))) || (isRerender && isValue !== undefined)) {
843
851
  var value_1 = isRerender ? (isValue ? this.value : this.text) : (!isNullOrUndefined(this.value) ? this.value : this.text);
844
- if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager) {
845
- this.dataSource.executeQuery(new Query).then(function (e) {
846
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
847
- var dataLists = e.result;
848
- var filteredData = dataLists.filter(function (item) {
849
- var fieldVal = item ? (_this.updateFieldValue(isRerender ? (isValue ? _this.fields.value :
850
- _this.fields.text) : !isNullOrUndefined(_this.value) ? _this.fields.value : _this.fields.text, item)) : null;
851
- return fieldVal === value_1;
852
- });
853
- if (filteredData.length > 0) {
854
- item = filteredData[0];
855
- updateValues(dataLists);
856
- _this.updateChangeEvent(item, prevItemData, prevItemEle, currentValue, currentText, currentIndex, isRerender, isInitial);
857
- _this.gridObj.selectRow(_this.index);
858
- }
852
+ if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager && this.mainData
853
+ && this.isMainDataUpdated) {
854
+ var dataLists = ((this.query && this.getQuery(this.query).isCountRequired) ||
855
+ !this.query) ? this.mainData : this.mainData.result ? this.mainData.result : this.mainData;
856
+ var filteredData = dataLists.filter(function (item) {
857
+ var fieldVal = item ? (_this.updateFieldValue(isRerender ? (isValue ? _this.fields.value :
858
+ _this.fields.text) : !isNullOrUndefined(_this.value) ? _this.fields.value : _this.fields.text, item)) : null;
859
+ return fieldVal === value_1;
859
860
  });
861
+ if (filteredData.length > 0) {
862
+ item = filteredData[0];
863
+ updateValues(dataLists);
864
+ this.updateChangeEvent(item, prevItemData, prevItemEle, currentValue, currentText, currentIndex, isRerender, isInitial);
865
+ this.gridObj.selectRow(this.index);
866
+ }
860
867
  }
861
868
  else if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof Array) {
862
869
  item = this.dataSource.filter(function (data) {
@@ -868,15 +875,14 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
868
875
  }
869
876
  }
870
877
  else if (!isNullOrUndefined(this.index)) {
871
- if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager) {
872
- this.dataSource.executeQuery(new Query).then(function (e) {
873
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
874
- var dataLists = e.result;
875
- item = dataLists[_this.index];
876
- updateValues(dataLists);
877
- _this.updateChangeEvent(item, prevItemData, prevItemEle, currentValue, currentText, currentIndex, isRerender, isInitial);
878
- _this.gridObj.selectRow(_this.index);
879
- });
878
+ if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager && this.mainData
879
+ && this.isMainDataUpdated) {
880
+ var dataLists = ((this.query && this.getQuery(this.query).isCountRequired) ||
881
+ !this.query) ? this.mainData : this.mainData.result ? this.mainData.result : this.mainData;
882
+ item = dataLists[this.index];
883
+ updateValues(dataLists);
884
+ this.updateChangeEvent(item, prevItemData, prevItemEle, currentValue, currentText, currentIndex, isRerender, isInitial);
885
+ this.gridObj.selectRow(this.index);
880
886
  }
881
887
  else if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof Array) {
882
888
  if (!this.fields.groupBy) {
@@ -1692,15 +1698,14 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
1692
1698
  return fieldValue === value;
1693
1699
  })[0];
1694
1700
  }
1695
- else if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager) {
1696
- this.dataSource.executeQuery(new Query()).then(function (e) {
1697
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
1698
- var dataLists = e.result;
1699
- return dataLists.filter(function (item) {
1700
- var fieldValue = _this.updateFieldValue(_this.fields.value, item);
1701
- return fieldValue === value;
1702
- })[0];
1703
- });
1701
+ else if (!isNullOrUndefined(this.dataSource) && this.dataSource instanceof DataManager && this.mainData
1702
+ && this.isMainDataUpdated) {
1703
+ var dataLists = ((this.query && this.getQuery(this.query).isCountRequired) ||
1704
+ !this.query) ? this.mainData : this.mainData.result ? this.mainData.result : this.mainData;
1705
+ return dataLists.filter(function (item) {
1706
+ var fieldValue = _this.updateFieldValue(_this.fields.value, item);
1707
+ return fieldValue === value;
1708
+ })[0];
1704
1709
  }
1705
1710
  return null;
1706
1711
  };