@syncfusion/ej2-splitbuttons 22.2.8 → 23.1.41

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 (118) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/dist/ej2-splitbuttons.min.js +3 -3
  3. package/dist/ej2-splitbuttons.umd.min.js +3 -3
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +19 -7
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +19 -7
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +3 -3
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button-model.d.ts +1 -1
  14. package/src/drop-down-button/drop-down-button.d.ts +1 -0
  15. package/src/drop-down-button/drop-down-button.js +15 -5
  16. package/src/progress-button/progress-button-model.d.ts +1 -1
  17. package/src/progress-button/progress-button.js +2 -2
  18. package/src/split-button/split-button.js +2 -1
  19. package/styles/button-group/bootstrap-dark.scss +1 -1
  20. package/styles/button-group/bootstrap.scss +1 -1
  21. package/styles/button-group/bootstrap4.scss +1 -1
  22. package/styles/button-group/bootstrap5-dark.scss +1 -1
  23. package/styles/button-group/bootstrap5.scss +1 -1
  24. package/styles/button-group/fabric-dark.scss +1 -1
  25. package/styles/button-group/fabric.scss +1 -1
  26. package/styles/button-group/fluent-dark.scss +1 -1
  27. package/styles/button-group/fluent.scss +1 -1
  28. package/styles/button-group/highcontrast-light.scss +1 -1
  29. package/styles/button-group/highcontrast.scss +1 -1
  30. package/styles/button-group/material-dark.css +0 -1
  31. package/styles/button-group/material-dark.scss +1 -1
  32. package/styles/button-group/material.css +0 -1
  33. package/styles/button-group/material.scss +1 -1
  34. package/styles/button-group/material3-dark.css +0 -1
  35. package/styles/button-group/material3-dark.scss +1 -1
  36. package/styles/button-group/material3.css +0 -1
  37. package/styles/button-group/material3.scss +1 -1
  38. package/styles/button-group/tailwind-dark.css +0 -1
  39. package/styles/button-group/tailwind-dark.scss +1 -1
  40. package/styles/button-group/tailwind.css +0 -1
  41. package/styles/button-group/tailwind.scss +1 -1
  42. package/styles/drop-down-button/bootstrap-dark.scss +1 -1
  43. package/styles/drop-down-button/bootstrap.scss +1 -1
  44. package/styles/drop-down-button/bootstrap4.scss +1 -1
  45. package/styles/drop-down-button/bootstrap5-dark.scss +1 -1
  46. package/styles/drop-down-button/bootstrap5.scss +1 -1
  47. package/styles/drop-down-button/fabric-dark.scss +1 -1
  48. package/styles/drop-down-button/fabric.scss +1 -1
  49. package/styles/drop-down-button/fluent-dark.scss +1 -1
  50. package/styles/drop-down-button/fluent.scss +1 -1
  51. package/styles/drop-down-button/highcontrast-light.scss +1 -1
  52. package/styles/drop-down-button/highcontrast.scss +1 -1
  53. package/styles/drop-down-button/material-dark.css +0 -1
  54. package/styles/drop-down-button/material-dark.scss +1 -1
  55. package/styles/drop-down-button/material.css +0 -1
  56. package/styles/drop-down-button/material.scss +1 -1
  57. package/styles/drop-down-button/material3-dark.css +0 -1
  58. package/styles/drop-down-button/material3-dark.scss +1 -1
  59. package/styles/drop-down-button/material3.css +0 -1
  60. package/styles/drop-down-button/material3.scss +1 -1
  61. package/styles/drop-down-button/tailwind-dark.css +0 -1
  62. package/styles/drop-down-button/tailwind-dark.scss +1 -1
  63. package/styles/drop-down-button/tailwind.css +0 -1
  64. package/styles/drop-down-button/tailwind.scss +1 -1
  65. package/styles/material-dark.css +0 -1
  66. package/styles/material.css +0 -1
  67. package/styles/material3-dark.css +0 -1
  68. package/styles/material3-dark.scss +1 -1
  69. package/styles/material3.css +0 -1
  70. package/styles/material3.scss +1 -1
  71. package/styles/progress-button/bootstrap-dark.scss +1 -1
  72. package/styles/progress-button/bootstrap.scss +1 -1
  73. package/styles/progress-button/bootstrap4.scss +1 -1
  74. package/styles/progress-button/bootstrap5-dark.scss +1 -1
  75. package/styles/progress-button/bootstrap5.scss +1 -1
  76. package/styles/progress-button/fabric-dark.scss +1 -1
  77. package/styles/progress-button/fabric.scss +1 -1
  78. package/styles/progress-button/fluent-dark.scss +1 -1
  79. package/styles/progress-button/fluent.scss +1 -1
  80. package/styles/progress-button/highcontrast-light.scss +1 -1
  81. package/styles/progress-button/highcontrast.scss +1 -1
  82. package/styles/progress-button/material-dark.css +0 -1
  83. package/styles/progress-button/material-dark.scss +1 -1
  84. package/styles/progress-button/material.css +0 -1
  85. package/styles/progress-button/material.scss +1 -1
  86. package/styles/progress-button/material3-dark.css +0 -1
  87. package/styles/progress-button/material3-dark.scss +1 -1
  88. package/styles/progress-button/material3.css +0 -1
  89. package/styles/progress-button/material3.scss +1 -1
  90. package/styles/progress-button/tailwind-dark.css +0 -1
  91. package/styles/progress-button/tailwind-dark.scss +1 -1
  92. package/styles/progress-button/tailwind.css +0 -1
  93. package/styles/progress-button/tailwind.scss +1 -1
  94. package/styles/split-button/bootstrap-dark.scss +1 -1
  95. package/styles/split-button/bootstrap.scss +1 -1
  96. package/styles/split-button/bootstrap4.scss +1 -1
  97. package/styles/split-button/bootstrap5-dark.scss +1 -1
  98. package/styles/split-button/bootstrap5.scss +1 -1
  99. package/styles/split-button/fabric-dark.scss +1 -1
  100. package/styles/split-button/fabric.scss +1 -1
  101. package/styles/split-button/fluent-dark.scss +1 -1
  102. package/styles/split-button/fluent.scss +1 -1
  103. package/styles/split-button/highcontrast-light.scss +1 -1
  104. package/styles/split-button/highcontrast.scss +1 -1
  105. package/styles/split-button/material-dark.css +0 -1
  106. package/styles/split-button/material-dark.scss +1 -1
  107. package/styles/split-button/material.css +0 -1
  108. package/styles/split-button/material.scss +1 -1
  109. package/styles/split-button/material3-dark.css +0 -1
  110. package/styles/split-button/material3-dark.scss +1 -1
  111. package/styles/split-button/material3.css +0 -1
  112. package/styles/split-button/material3.scss +1 -1
  113. package/styles/split-button/tailwind-dark.css +0 -1
  114. package/styles/split-button/tailwind-dark.scss +1 -1
  115. package/styles/split-button/tailwind.css +0 -1
  116. package/styles/split-button/tailwind.scss +1 -1
  117. package/styles/tailwind-dark.css +0 -4
  118. package/styles/tailwind.css +0 -4
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fabric-definition.scss';
4
4
  @import 'fabric-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
4
4
  @import 'fluent-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fluent-definition.scss';
4
4
  @import 'fluent-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
4
4
  @import 'highcontrast-light-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
4
4
  @import 'highcontrast-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  0% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
4
4
  @import 'material-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  0% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-buttons/styles/button/material-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/material-definition.scss';
4
4
  @import 'material-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/button/material3-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  0% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
4
4
  @import 'tailwind-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  0% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
4
4
  @import 'tailwind-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
4
4
  @import './../drop-down-button/bootstrap-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
4
  @import './../drop-down-button/bootstrap-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
4
  @import './../drop-down-button/bootstrap4-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
4
4
  @import './../drop-down-button/bootstrap5-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
4
4
  @import './../drop-down-button/bootstrap5-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
4
4
  @import './../drop-down-button/fabric-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-definition.scss';
4
4
  @import './../drop-down-button/fabric-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
4
4
  @import './../drop-down-button/fluent-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
4
  @import './../drop-down-button/fluent-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
4
4
  @import './../drop-down-button/highcontrast-light-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
4
4
  @import './../drop-down-button/highcontrast-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
4
3
  display: -ms-inline-flexbox;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-dark-definition.scss';
4
4
  @import './../drop-down-button/material-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! splitbutton layout */
3
2
  .e-split-btn-wrapper {
4
3
  display: -ms-inline-flexbox;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-buttons/styles/button/material-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-definition.scss';
4
4
  @import './../drop-down-button/material-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-buttons/styles/button/material3-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  /*! splitbutton layout */
4
3
  .e-split-btn-wrapper {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
4
4
  @import './../drop-down-button/tailwind-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  /*! splitbutton layout */
4
3
  .e-split-btn-wrapper {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/tailwind-definition.scss';
4
4
  @import './../drop-down-button/tailwind-definition.scss';
@@ -1,8 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
6
2
  .e-dropdown-btn .e-caret::before,
7
3
  .e-dropdown-btn.e-btn .e-caret::before {
8
4
  content: "\e70d";
@@ -1,8 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
6
2
  .e-dropdown-btn .e-caret::before,
7
3
  .e-dropdown-btn.e-btn .e-caret::before {
8
4
  content: "\e729";