@syncfusion/ej2-splitbuttons 25.2.4 → 26.2.4

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 (178) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +30 -45
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button.js +6 -1
  14. package/src/progress-button/progress-button.js +3 -3
  15. package/src/split-button/split-button.js +2 -1
  16. package/styles/bootstrap-dark.css +263 -97
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +263 -97
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +227 -80
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +227 -174
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +227 -174
  25. package/styles/bootstrap5.scss +14 -4
  26. package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
  27. package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
  28. package/styles/button-group/_fabric-dark-definition.scss +0 -2
  29. package/styles/button-group/_fluent2-definition.scss +31 -0
  30. package/styles/button-group/_group-button-mixin.scss +21 -0
  31. package/styles/button-group/_highcontrast-light-definition.scss +0 -2
  32. package/styles/button-group/_layout.scss +5 -13
  33. package/styles/button-group/_material-dark-definition.scss +0 -2
  34. package/styles/button-group/_theme.scss +30 -84
  35. package/styles/button-group/bootstrap-dark.css +93 -57
  36. package/styles/button-group/bootstrap.css +93 -57
  37. package/styles/button-group/bootstrap4.css +69 -46
  38. package/styles/button-group/bootstrap5-dark.css +69 -46
  39. package/styles/button-group/bootstrap5.css +69 -46
  40. package/styles/button-group/fabric-dark.css +93 -57
  41. package/styles/button-group/fabric.css +98 -62
  42. package/styles/button-group/fluent-dark.css +109 -65
  43. package/styles/button-group/fluent.css +109 -65
  44. package/styles/button-group/fluent2.css +1849 -0
  45. package/styles/button-group/fluent2.scss +4 -0
  46. package/styles/button-group/highcontrast-light.css +93 -57
  47. package/styles/button-group/highcontrast.css +93 -57
  48. package/styles/button-group/material-dark.css +107 -64
  49. package/styles/button-group/material.css +109 -65
  50. package/styles/button-group/material3-dark.css +151 -77
  51. package/styles/button-group/material3.css +151 -77
  52. package/styles/button-group/tailwind-dark.css +91 -57
  53. package/styles/button-group/tailwind.css +91 -57
  54. package/styles/drop-down-button/_bds-definition.scss +5 -5
  55. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
  56. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  57. package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
  58. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
  59. package/styles/drop-down-button/_fluent-definition.scss +0 -1
  60. package/styles/drop-down-button/_fluent2-definition.scss +48 -0
  61. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  62. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
  63. package/styles/drop-down-button/_layout.scss +51 -6
  64. package/styles/drop-down-button/_material-dark-definition.scss +0 -3
  65. package/styles/drop-down-button/_material3-definition.scss +0 -1
  66. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  67. package/styles/drop-down-button/_theme.scss +8 -8
  68. package/styles/drop-down-button/bootstrap-dark.css +27 -14
  69. package/styles/drop-down-button/bootstrap.css +27 -14
  70. package/styles/drop-down-button/bootstrap4.css +23 -12
  71. package/styles/drop-down-button/bootstrap5-dark.css +23 -12
  72. package/styles/drop-down-button/bootstrap5.css +23 -12
  73. package/styles/drop-down-button/fabric-dark.css +27 -14
  74. package/styles/drop-down-button/fabric.css +27 -14
  75. package/styles/drop-down-button/fluent-dark.css +27 -14
  76. package/styles/drop-down-button/fluent.css +27 -14
  77. package/styles/drop-down-button/fluent2.css +1308 -0
  78. package/styles/drop-down-button/fluent2.scss +6 -0
  79. package/styles/drop-down-button/highcontrast-light.css +27 -14
  80. package/styles/drop-down-button/highcontrast.css +27 -14
  81. package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
  82. package/styles/drop-down-button/icons/_fluent2.scss +10 -0
  83. package/styles/drop-down-button/material-dark.css +27 -14
  84. package/styles/drop-down-button/material.css +27 -14
  85. package/styles/drop-down-button/material3-dark.css +33 -17
  86. package/styles/drop-down-button/material3.css +33 -17
  87. package/styles/drop-down-button/tailwind-dark.css +27 -14
  88. package/styles/drop-down-button/tailwind.css +27 -14
  89. package/styles/fabric-dark.css +263 -97
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +268 -102
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +271 -102
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +271 -102
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3068 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +263 -97
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +263 -97
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +277 -104
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +279 -105
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +357 -134
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +353 -132
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bds-definition.scss +0 -5
  112. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  113. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  114. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  115. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  116. package/styles/progress-button/_fluent-definition.scss +0 -1
  117. package/styles/progress-button/_fluent2-definition.scss +21 -0
  118. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  119. package/styles/progress-button/_layout.scss +0 -2
  120. package/styles/progress-button/_material-dark-definition.scss +0 -3
  121. package/styles/progress-button/_material3-definition.scss +0 -1
  122. package/styles/progress-button/_tailwind-definition.scss +0 -1
  123. package/styles/progress-button/_theme.scss +115 -50
  124. package/styles/progress-button/bootstrap-dark.css +118 -13
  125. package/styles/progress-button/bootstrap.css +118 -13
  126. package/styles/progress-button/bootstrap4.css +118 -13
  127. package/styles/progress-button/bootstrap5-dark.css +118 -106
  128. package/styles/progress-button/bootstrap5.css +118 -106
  129. package/styles/progress-button/fabric-dark.css +118 -13
  130. package/styles/progress-button/fabric.css +118 -13
  131. package/styles/progress-button/fluent-dark.css +118 -13
  132. package/styles/progress-button/fluent.css +118 -13
  133. package/styles/progress-button/fluent2.css +1632 -0
  134. package/styles/progress-button/fluent2.scss +5 -0
  135. package/styles/progress-button/highcontrast-light.css +118 -13
  136. package/styles/progress-button/highcontrast.css +118 -13
  137. package/styles/progress-button/material-dark.css +118 -13
  138. package/styles/progress-button/material.css +118 -13
  139. package/styles/progress-button/material3-dark.css +119 -14
  140. package/styles/progress-button/material3.css +119 -14
  141. package/styles/progress-button/tailwind-dark.css +118 -13
  142. package/styles/progress-button/tailwind.css +118 -13
  143. package/styles/split-button/_bds-definition.scss +0 -1
  144. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  146. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  147. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  148. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  149. package/styles/split-button/_fluent-definition.scss +0 -1
  150. package/styles/split-button/_fluent2-definition.scss +23 -0
  151. package/styles/split-button/_fusionnew-definition.scss +0 -1
  152. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  153. package/styles/split-button/_layout.scss +16 -4
  154. package/styles/split-button/_theme.scss +0 -2
  155. package/styles/split-button/bootstrap-dark.css +25 -13
  156. package/styles/split-button/bootstrap.css +25 -13
  157. package/styles/split-button/bootstrap4.css +17 -9
  158. package/styles/split-button/bootstrap5-dark.css +17 -9
  159. package/styles/split-button/bootstrap5.css +17 -9
  160. package/styles/split-button/fabric-dark.css +25 -13
  161. package/styles/split-button/fabric.css +25 -13
  162. package/styles/split-button/fluent-dark.css +17 -9
  163. package/styles/split-button/fluent.css +17 -9
  164. package/styles/split-button/fluent2.css +1379 -0
  165. package/styles/split-button/fluent2.scss +6 -0
  166. package/styles/split-button/highcontrast-light.css +25 -13
  167. package/styles/split-button/highcontrast.css +25 -13
  168. package/styles/split-button/material-dark.css +25 -13
  169. package/styles/split-button/material.css +25 -13
  170. package/styles/split-button/material3-dark.css +57 -28
  171. package/styles/split-button/material3.css +53 -26
  172. package/styles/split-button/tailwind-dark.css +25 -13
  173. package/styles/split-button/tailwind.css +25 -13
  174. package/styles/tailwind-dark.css +261 -98
  175. package/styles/tailwind-dark.scss +14 -4
  176. package/styles/tailwind.css +261 -98
  177. package/styles/tailwind.scss +14 -4
  178. package/CHANGELOG.md +0 -373
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 25.2.4
3
+ * version : 26.2.4
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-splitbuttons@*",
3
- "_id": "@syncfusion/ej2-splitbuttons@25.2.3",
3
+ "_id": "@syncfusion/ej2-splitbuttons@26.1.35",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-QhJTvWmDM4iVnlxAq1BSFRLN1qf1zYDmPOwx7hL1/udWwrCqFzKOrkchHZhSOU3szVPaI0ihFc3h4p7LlJkyyg==",
5
+ "_integrity": "sha512-3wxdvZ26iMwLNEq2ALI9QZmaDXHOTSb1d5oJ/K6sskC3xtL2Qa19Nu+jGQcdrW4CWHbZKdV/MfdKjOXu2XWRXQ==",
6
6
  "_location": "/@syncfusion/ej2-splitbuttons",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -33,10 +33,10 @@
33
33
  "/@syncfusion/ej2-richtexteditor",
34
34
  "/@syncfusion/ej2-vue-splitbuttons"
35
35
  ],
36
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-25.2.3.tgz",
37
- "_shasum": "3d9fabd2b9843287d3774210bb5d2bf0c10d33d7",
36
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-26.1.35.tgz",
37
+ "_shasum": "8ecd769d4c8490e7aa19dbbb2201e7d27b66b264",
38
38
  "_spec": "@syncfusion/ej2-splitbuttons@*",
39
- "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
39
+ "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
40
40
  "author": {
41
41
  "name": "Syncfusion Inc."
42
42
  },
@@ -45,8 +45,8 @@
45
45
  },
46
46
  "bundleDependencies": false,
47
47
  "dependencies": {
48
- "@syncfusion/ej2-base": "~25.2.3",
49
- "@syncfusion/ej2-popups": "~25.2.4"
48
+ "@syncfusion/ej2-base": "~26.2.4",
49
+ "@syncfusion/ej2-popups": "~26.2.4"
50
50
  },
51
51
  "deprecated": false,
52
52
  "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
89
89
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
90
90
  },
91
91
  "typings": "index.d.ts",
92
- "version": "25.2.4",
92
+ "version": "26.2.4",
93
93
  "sideEffects": false
94
94
  }
@@ -312,6 +312,7 @@ var DropDownButton = /** @class */ (function (_super) {
312
312
  return false;
313
313
  };
314
314
  DropDownButton.prototype.appendArrowSpan = function () {
315
+ this.cssClass = isNullOrUndefined(this.cssClass) ? '' : this.cssClass;
315
316
  this.element.appendChild(this.createElement('span', {
316
317
  className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
317
318
  ? 'bottom' : 'right') + ' e-caret'
@@ -416,6 +417,7 @@ var DropDownButton = /** @class */ (function (_super) {
416
417
  }
417
418
  EventHandler.add(this.element, 'click', this.clickHandler, this);
418
419
  EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
420
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
419
421
  EventHandler.add(window, 'resize', this.windowResize, this);
420
422
  };
421
423
  DropDownButton.prototype.windowResize = function () {
@@ -608,6 +610,7 @@ var DropDownButton = /** @class */ (function (_super) {
608
610
  else {
609
611
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
610
612
  if (this.isReact && popupElem.childNodes.length < 1) {
613
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
611
614
  isReact = true;
612
615
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
613
616
  this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
@@ -641,7 +644,7 @@ var DropDownButton = /** @class */ (function (_super) {
641
644
  if (popupLeft < 0) {
642
645
  popupLeft = 0;
643
646
  }
644
- ul_1.parentElement.style.left = popupLeft + "px";
647
+ ul_1.parentElement.style.left = popupLeft + 'px';
645
648
  }
646
649
  var openArgs = { element: ul_1, items: _this.items };
647
650
  _this.trigger('open', openArgs);
@@ -703,6 +706,7 @@ var DropDownButton = /** @class */ (function (_super) {
703
706
  EventHandler.remove(this.getPopUpElement(), 'click', this.clickHandler);
704
707
  EventHandler.remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
705
708
  }
709
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
706
710
  EventHandler.remove(window, 'resize', this.windowResize);
707
711
  };
708
712
  /**
@@ -746,6 +750,7 @@ var DropDownButton = /** @class */ (function (_super) {
746
750
  this.appendArrowSpan();
747
751
  }
748
752
  var arrowSpan = this.element.querySelector('span.e-caret');
753
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
749
754
  newProp.cssClass.indexOf(classNames.VERTICAL) > -1 ? classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right'])
750
755
  : classList(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);
751
756
  }
@@ -247,7 +247,7 @@ var ProgressButton = /** @class */ (function (_super) {
247
247
  var isVertical = clsList.contains('e-vertical');
248
248
  clsList.add(PROGRESSACTIVE);
249
249
  if (!(clsList.contains(HIDESPINNER))) {
250
- showSpinner(this.element.querySelector(".e-spinner"));
250
+ showSpinner(this.element.querySelector('.e-spinner'));
251
251
  }
252
252
  this.startAnimate(Date.now(), progressTime ? progressTime : 0, progressTime ? Date.now() - (this.duration * 1 / 100) : Date.now(), percent ? percent : 0, 0, this.step, 0, isVertical);
253
253
  this.startContAnimate();
@@ -380,7 +380,7 @@ var ProgressButton = /** @class */ (function (_super) {
380
380
  ProgressButton.prototype.hideSpin = function () {
381
381
  var cont = this.element.getElementsByClassName(CONTENTCLS)[0];
382
382
  if (!(this.element.classList.contains(HIDESPINNER))) {
383
- hideSpinner(this.element.querySelector(".e-spinner"));
383
+ hideSpinner(this.element.querySelector('.e-spinner'));
384
384
  }
385
385
  this.element.classList.remove(PROGRESSACTIVE);
386
386
  if (this.animationSettings.effect !== 'None') {
@@ -437,7 +437,7 @@ var ProgressButton = /** @class */ (function (_super) {
437
437
  this.setContent();
438
438
  this.createSpinner();
439
439
  if (isSpinning) {
440
- showSpinner(this.element.querySelector(".e-spinner"));
440
+ showSpinner(this.element.querySelector('.e-spinner'));
441
441
  isSpinning = false;
442
442
  }
443
443
  if (this.enableProgress) {
@@ -183,7 +183,7 @@ var SplitButton = /** @class */ (function (_super) {
183
183
  _this.trigger('select', args);
184
184
  };
185
185
  dropDownBtnModel.beforeOpen = function (args) {
186
- if (_this.createPopupOnClick && _this.items.length == 0) {
186
+ if (_this.createPopupOnClick && _this.items.length === 0) {
187
187
  _this.secondaryBtnObj.dropDown.relateTo = _this.wrapper;
188
188
  _this.dropDown = _this.secondaryBtnObj.dropDown;
189
189
  }
@@ -269,6 +269,7 @@ var SplitButton = /** @class */ (function (_super) {
269
269
  if (this.element && !this.element.getAttribute('class')) {
270
270
  this.element.removeAttribute('class');
271
271
  }
272
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
272
273
  if (this.refreshing && this.isAngular) {
273
274
  this.element = this.wrapper;
274
275
  ['e-control', 'e-split-btn', 'e-lib'].forEach(function (key) {