@syncfusion/ej2-angular-splitbuttons 24.1.41-ngcc → 24.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 (301) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +23 -0
  3. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +64 -0
  4. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +34 -0
  5. package/esm2020/src/drop-down-button/items.directive.mjs +46 -0
  6. package/esm2020/src/index.mjs +13 -0
  7. package/esm2020/src/progress-button/progressbutton-all.module.mjs +23 -0
  8. package/esm2020/src/progress-button/progressbutton.component.mjs +59 -0
  9. package/esm2020/src/progress-button/progressbutton.module.mjs +25 -0
  10. package/esm2020/src/split-button/items.directive.mjs +46 -0
  11. package/esm2020/src/split-button/splitbutton-all.module.mjs +23 -0
  12. package/esm2020/src/split-button/splitbutton.component.mjs +64 -0
  13. package/esm2020/src/split-button/splitbutton.module.mjs +34 -0
  14. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +5 -0
  15. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  16. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  17. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +405 -0
  18. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +1 -0
  19. package/package.json +26 -12
  20. package/src/drop-down-button/dropdownbutton-all.module.d.ts +6 -0
  21. package/src/drop-down-button/dropdownbutton.component.d.ts +3 -0
  22. package/src/drop-down-button/dropdownbutton.module.d.ts +7 -0
  23. package/src/drop-down-button/items.directive.d.ts +5 -0
  24. package/src/progress-button/progressbutton-all.module.d.ts +6 -0
  25. package/src/progress-button/progressbutton.component.d.ts +3 -0
  26. package/src/progress-button/progressbutton.module.d.ts +6 -0
  27. package/src/split-button/items.directive.d.ts +5 -0
  28. package/src/split-button/splitbutton-all.module.d.ts +6 -0
  29. package/src/split-button/splitbutton.component.d.ts +3 -0
  30. package/src/split-button/splitbutton.module.d.ts +7 -0
  31. package/styles/bootstrap-dark.css +1761 -1
  32. package/styles/bootstrap.css +1811 -1
  33. package/styles/bootstrap4.css +1836 -1
  34. package/styles/bootstrap5-dark.css +1851 -1
  35. package/styles/bootstrap5.css +1851 -1
  36. package/styles/button-group/_all.scss +2 -0
  37. package/styles/button-group/_bootstrap-dark-definition.scss +33 -0
  38. package/styles/button-group/_bootstrap-definition.scss +30 -0
  39. package/styles/button-group/_bootstrap4-definition.scss +30 -0
  40. package/styles/button-group/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/button-group/_bootstrap5-definition.scss +31 -0
  42. package/styles/button-group/_fabric-dark-definition.scss +33 -0
  43. package/styles/button-group/_fabric-definition.scss +30 -0
  44. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  45. package/styles/button-group/_fluent-definition.scss +31 -0
  46. package/styles/button-group/_fusionnew-definition.scss +31 -0
  47. package/styles/button-group/_group-button-mixin.scss +72 -0
  48. package/styles/button-group/_highcontrast-definition.scss +32 -0
  49. package/styles/button-group/_highcontrast-light-definition.scss +35 -0
  50. package/styles/button-group/_layout.scss +294 -0
  51. package/styles/button-group/_material-dark-definition.scss +33 -0
  52. package/styles/button-group/_material-definition.scss +30 -0
  53. package/styles/button-group/_material3-dark-definition.scss +1 -0
  54. package/styles/button-group/_material3-definition.scss +31 -0
  55. package/styles/button-group/_tailwind-dark-definition.scss +1 -0
  56. package/styles/button-group/_tailwind-definition.scss +31 -0
  57. package/styles/button-group/_theme.scss +454 -0
  58. package/styles/button-group/bootstrap-dark.css +752 -1
  59. package/styles/button-group/bootstrap-dark.scss +4 -1
  60. package/styles/button-group/bootstrap.css +726 -1
  61. package/styles/button-group/bootstrap.scss +4 -1
  62. package/styles/button-group/bootstrap4.css +756 -1
  63. package/styles/button-group/bootstrap4.scss +4 -1
  64. package/styles/button-group/bootstrap5-dark.css +751 -1
  65. package/styles/button-group/bootstrap5-dark.scss +4 -1
  66. package/styles/button-group/bootstrap5.css +751 -1
  67. package/styles/button-group/bootstrap5.scss +4 -1
  68. package/styles/button-group/fabric-dark.css +752 -1
  69. package/styles/button-group/fabric-dark.scss +4 -1
  70. package/styles/button-group/fabric.css +758 -1
  71. package/styles/button-group/fabric.scss +4 -1
  72. package/styles/button-group/fluent-dark.css +755 -1
  73. package/styles/button-group/fluent-dark.scss +4 -1
  74. package/styles/button-group/fluent.css +755 -1
  75. package/styles/button-group/fluent.scss +4 -1
  76. package/styles/button-group/highcontrast-light.css +752 -1
  77. package/styles/button-group/highcontrast-light.scss +4 -1
  78. package/styles/button-group/highcontrast.css +803 -1
  79. package/styles/button-group/highcontrast.scss +4 -1
  80. package/styles/button-group/material-dark.css +752 -1
  81. package/styles/button-group/material-dark.scss +4 -1
  82. package/styles/button-group/material.css +756 -1
  83. package/styles/button-group/material.scss +4 -1
  84. package/styles/button-group/material3-dark.css +901 -1
  85. package/styles/button-group/material3-dark.scss +4 -1
  86. package/styles/button-group/material3.css +957 -1
  87. package/styles/button-group/material3.scss +4 -1
  88. package/styles/button-group/tailwind-dark.css +739 -1
  89. package/styles/button-group/tailwind-dark.scss +4 -1
  90. package/styles/button-group/tailwind.css +739 -1
  91. package/styles/button-group/tailwind.scss +4 -1
  92. package/styles/drop-down-button/_all.scss +2 -0
  93. package/styles/drop-down-button/_bootstrap-dark-definition.scss +51 -0
  94. package/styles/drop-down-button/_bootstrap-definition.scss +48 -0
  95. package/styles/drop-down-button/_bootstrap4-definition.scss +48 -0
  96. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/drop-down-button/_bootstrap5-definition.scss +50 -0
  98. package/styles/drop-down-button/_fabric-dark-definition.scss +51 -0
  99. package/styles/drop-down-button/_fabric-definition.scss +48 -0
  100. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  101. package/styles/drop-down-button/_fluent-definition.scss +52 -0
  102. package/styles/drop-down-button/_fusionnew-definition.scss +50 -0
  103. package/styles/drop-down-button/_highcontrast-definition.scss +47 -0
  104. package/styles/drop-down-button/_highcontrast-light-definition.scss +50 -0
  105. package/styles/drop-down-button/_layout.scss +238 -0
  106. package/styles/drop-down-button/_material-dark-definition.scss +51 -0
  107. package/styles/drop-down-button/_material-definition.scss +48 -0
  108. package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
  109. package/styles/drop-down-button/_material3-definition.scss +51 -0
  110. package/styles/drop-down-button/_tailwind-dark-definition.scss +1 -0
  111. package/styles/drop-down-button/_tailwind-definition.scss +49 -0
  112. package/styles/drop-down-button/_theme.scss +83 -0
  113. package/styles/drop-down-button/bootstrap-dark.css +231 -1
  114. package/styles/drop-down-button/bootstrap-dark.scss +6 -1
  115. package/styles/drop-down-button/bootstrap.css +231 -1
  116. package/styles/drop-down-button/bootstrap.scss +6 -1
  117. package/styles/drop-down-button/bootstrap4.css +226 -1
  118. package/styles/drop-down-button/bootstrap4.scss +6 -1
  119. package/styles/drop-down-button/bootstrap5-dark.css +236 -1
  120. package/styles/drop-down-button/bootstrap5-dark.scss +6 -1
  121. package/styles/drop-down-button/bootstrap5.css +236 -1
  122. package/styles/drop-down-button/bootstrap5.scss +6 -1
  123. package/styles/drop-down-button/fabric-dark.css +231 -1
  124. package/styles/drop-down-button/fabric-dark.scss +6 -1
  125. package/styles/drop-down-button/fabric.css +231 -1
  126. package/styles/drop-down-button/fabric.scss +6 -1
  127. package/styles/drop-down-button/fluent-dark.css +233 -1
  128. package/styles/drop-down-button/fluent-dark.scss +6 -1
  129. package/styles/drop-down-button/fluent.css +233 -1
  130. package/styles/drop-down-button/fluent.scss +6 -1
  131. package/styles/drop-down-button/highcontrast-light.css +231 -1
  132. package/styles/drop-down-button/highcontrast-light.scss +6 -1
  133. package/styles/drop-down-button/highcontrast.css +232 -1
  134. package/styles/drop-down-button/highcontrast.scss +6 -1
  135. package/styles/drop-down-button/icons/_bootstrap-dark.scss +10 -0
  136. package/styles/drop-down-button/icons/_bootstrap.scss +10 -0
  137. package/styles/drop-down-button/icons/_bootstrap4.scss +10 -0
  138. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +1 -0
  139. package/styles/drop-down-button/icons/_bootstrap5.scss +10 -0
  140. package/styles/drop-down-button/icons/_fabric-dark.scss +10 -0
  141. package/styles/drop-down-button/icons/_fabric.scss +10 -0
  142. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  143. package/styles/drop-down-button/icons/_fluent.scss +10 -0
  144. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  145. package/styles/drop-down-button/icons/_highcontrast-light.scss +10 -0
  146. package/styles/drop-down-button/icons/_highcontrast.scss +10 -0
  147. package/styles/drop-down-button/icons/_material-dark.scss +10 -0
  148. package/styles/drop-down-button/icons/_material.scss +10 -0
  149. package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
  150. package/styles/drop-down-button/icons/_material3.scss +10 -0
  151. package/styles/drop-down-button/icons/_tailwind-dark.scss +10 -0
  152. package/styles/drop-down-button/icons/_tailwind.scss +10 -0
  153. package/styles/drop-down-button/material-dark.css +231 -1
  154. package/styles/drop-down-button/material-dark.scss +6 -1
  155. package/styles/drop-down-button/material.css +231 -1
  156. package/styles/drop-down-button/material.scss +6 -1
  157. package/styles/drop-down-button/material3-dark.css +292 -1
  158. package/styles/drop-down-button/material3-dark.scss +6 -1
  159. package/styles/drop-down-button/material3.css +348 -1
  160. package/styles/drop-down-button/material3.scss +6 -1
  161. package/styles/drop-down-button/tailwind-dark.css +241 -1
  162. package/styles/drop-down-button/tailwind-dark.scss +6 -1
  163. package/styles/drop-down-button/tailwind.css +241 -1
  164. package/styles/drop-down-button/tailwind.scss +6 -1
  165. package/styles/fabric-dark.css +1761 -1
  166. package/styles/fabric.css +1841 -1
  167. package/styles/fluent-dark.css +1852 -1
  168. package/styles/fluent.css +1852 -1
  169. package/styles/highcontrast-light.css +1761 -1
  170. package/styles/highcontrast.css +1813 -1
  171. package/styles/material-dark.css +1761 -1
  172. package/styles/material.css +1839 -1
  173. package/styles/material3-dark.css +1999 -1
  174. package/styles/material3-dark.scss +1 -0
  175. package/styles/material3.css +2049 -1
  176. package/styles/material3.scss +1 -0
  177. package/styles/progress-button/_all.scss +2 -0
  178. package/styles/progress-button/_bootstrap-dark-definition.scss +27 -0
  179. package/styles/progress-button/_bootstrap-definition.scss +24 -0
  180. package/styles/progress-button/_bootstrap4-definition.scss +24 -0
  181. package/styles/progress-button/_bootstrap5-dark-definition.scss +1 -0
  182. package/styles/progress-button/_bootstrap5-definition.scss +21 -0
  183. package/styles/progress-button/_fabric-dark-definition.scss +27 -0
  184. package/styles/progress-button/_fabric-definition.scss +24 -0
  185. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  186. package/styles/progress-button/_fluent-definition.scss +21 -0
  187. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  188. package/styles/progress-button/_highcontrast-definition.scss +24 -0
  189. package/styles/progress-button/_highcontrast-light-definition.scss +24 -0
  190. package/styles/progress-button/_layout.scss +396 -0
  191. package/styles/progress-button/_material-dark-definition.scss +27 -0
  192. package/styles/progress-button/_material-definition.scss +24 -0
  193. package/styles/progress-button/_material3-dark-definition.scss +1 -0
  194. package/styles/progress-button/_material3-definition.scss +25 -0
  195. package/styles/progress-button/_tailwind-dark-definition.scss +1 -0
  196. package/styles/progress-button/_tailwind-definition.scss +21 -0
  197. package/styles/progress-button/_theme.scss +638 -0
  198. package/styles/progress-button/bootstrap-dark.css +445 -1
  199. package/styles/progress-button/bootstrap-dark.scss +5 -1
  200. package/styles/progress-button/bootstrap.css +522 -1
  201. package/styles/progress-button/bootstrap.scss +5 -1
  202. package/styles/progress-button/bootstrap4.css +525 -1
  203. package/styles/progress-button/bootstrap4.scss +5 -1
  204. package/styles/progress-button/bootstrap5-dark.css +538 -1
  205. package/styles/progress-button/bootstrap5-dark.scss +5 -1
  206. package/styles/progress-button/bootstrap5.css +538 -1
  207. package/styles/progress-button/bootstrap5.scss +5 -1
  208. package/styles/progress-button/fabric-dark.css +445 -1
  209. package/styles/progress-button/fabric-dark.scss +5 -1
  210. package/styles/progress-button/fabric.css +522 -1
  211. package/styles/progress-button/fabric.scss +5 -1
  212. package/styles/progress-button/fluent-dark.css +538 -1
  213. package/styles/progress-button/fluent-dark.scss +5 -1
  214. package/styles/progress-button/fluent.css +538 -1
  215. package/styles/progress-button/fluent.scss +5 -1
  216. package/styles/progress-button/highcontrast-light.css +445 -1
  217. package/styles/progress-button/highcontrast-light.scss +5 -1
  218. package/styles/progress-button/highcontrast.css +445 -1
  219. package/styles/progress-button/highcontrast.scss +5 -1
  220. package/styles/progress-button/material-dark.css +445 -1
  221. package/styles/progress-button/material-dark.scss +5 -1
  222. package/styles/progress-button/material.css +522 -1
  223. package/styles/progress-button/material.scss +5 -1
  224. package/styles/progress-button/material3-dark.css +556 -1
  225. package/styles/progress-button/material3-dark.scss +5 -1
  226. package/styles/progress-button/material3.css +612 -1
  227. package/styles/progress-button/material3.scss +5 -1
  228. package/styles/progress-button/tailwind-dark.css +542 -1
  229. package/styles/progress-button/tailwind-dark.scss +5 -1
  230. package/styles/progress-button/tailwind.css +542 -1
  231. package/styles/progress-button/tailwind.scss +5 -1
  232. package/styles/split-button/_all.scss +2 -0
  233. package/styles/split-button/_bootstrap-dark-definition.scss +26 -0
  234. package/styles/split-button/_bootstrap-definition.scss +23 -0
  235. package/styles/split-button/_bootstrap4-definition.scss +26 -0
  236. package/styles/split-button/_bootstrap5-dark-definition.scss +1 -0
  237. package/styles/split-button/_bootstrap5-definition.scss +24 -0
  238. package/styles/split-button/_fabric-dark-definition.scss +26 -0
  239. package/styles/split-button/_fabric-definition.scss +23 -0
  240. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  241. package/styles/split-button/_fluent-definition.scss +24 -0
  242. package/styles/split-button/_fusionnew-definition.scss +24 -0
  243. package/styles/split-button/_highcontrast-definition.scss +23 -0
  244. package/styles/split-button/_highcontrast-light-definition.scss +26 -0
  245. package/styles/split-button/_layout.scss +484 -0
  246. package/styles/split-button/_material-dark-definition.scss +26 -0
  247. package/styles/split-button/_material-definition.scss +23 -0
  248. package/styles/split-button/_material3-dark-definition.scss +1 -0
  249. package/styles/split-button/_material3-definition.scss +26 -0
  250. package/styles/split-button/_tailwind-dark-definition.scss +1 -0
  251. package/styles/split-button/_tailwind-definition.scss +24 -0
  252. package/styles/split-button/_theme.scss +187 -0
  253. package/styles/split-button/bootstrap-dark.css +330 -1
  254. package/styles/split-button/bootstrap-dark.scss +6 -1
  255. package/styles/split-button/bootstrap.css +330 -1
  256. package/styles/split-button/bootstrap.scss +6 -1
  257. package/styles/split-button/bootstrap4.css +326 -1
  258. package/styles/split-button/bootstrap4.scss +6 -1
  259. package/styles/split-button/bootstrap5-dark.css +323 -1
  260. package/styles/split-button/bootstrap5-dark.scss +6 -1
  261. package/styles/split-button/bootstrap5.css +323 -1
  262. package/styles/split-button/bootstrap5.scss +6 -1
  263. package/styles/split-button/fabric-dark.css +330 -1
  264. package/styles/split-button/fabric-dark.scss +6 -1
  265. package/styles/split-button/fabric.css +327 -1
  266. package/styles/split-button/fabric.scss +6 -1
  267. package/styles/split-button/fluent-dark.css +323 -1
  268. package/styles/split-button/fluent-dark.scss +6 -1
  269. package/styles/split-button/fluent.css +323 -1
  270. package/styles/split-button/fluent.scss +6 -1
  271. package/styles/split-button/highcontrast-light.css +330 -1
  272. package/styles/split-button/highcontrast-light.scss +6 -1
  273. package/styles/split-button/highcontrast.css +330 -1
  274. package/styles/split-button/highcontrast.scss +6 -1
  275. package/styles/split-button/material-dark.css +330 -1
  276. package/styles/split-button/material-dark.scss +6 -1
  277. package/styles/split-button/material.css +327 -1
  278. package/styles/split-button/material.scss +6 -1
  279. package/styles/split-button/material3-dark.css +412 -1
  280. package/styles/split-button/material3-dark.scss +6 -1
  281. package/styles/split-button/material3.css +462 -1
  282. package/styles/split-button/material3.scss +6 -1
  283. package/styles/split-button/tailwind-dark.css +344 -1
  284. package/styles/split-button/tailwind-dark.scss +6 -1
  285. package/styles/split-button/tailwind.css +344 -1
  286. package/styles/split-button/tailwind.scss +6 -1
  287. package/styles/tailwind-dark.css +1868 -1
  288. package/styles/tailwind.css +1868 -1
  289. package/syncfusion-ej2-angular-splitbuttons.d.ts +5 -0
  290. package/@syncfusion/ej2-angular-splitbuttons.es5.js +0 -565
  291. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +0 -1
  292. package/@syncfusion/ej2-angular-splitbuttons.js +0 -516
  293. package/@syncfusion/ej2-angular-splitbuttons.js.map +0 -1
  294. package/CHANGELOG.md +0 -256
  295. package/dist/ej2-angular-splitbuttons.umd.js +0 -603
  296. package/dist/ej2-angular-splitbuttons.umd.js.map +0 -1
  297. package/dist/ej2-angular-splitbuttons.umd.min.js +0 -11
  298. package/dist/ej2-angular-splitbuttons.umd.min.js.map +0 -1
  299. package/ej2-angular-splitbuttons.d.ts +0 -7
  300. package/ej2-angular-splitbuttons.metadata.json +0 -1
  301. package/postinstall/tagchange.js +0 -18
package/styles/split-button/bootstrap.css CHANGED
@@ -1 +1,330 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/bootstrap.css';
1
+ /*! splitbutton layout */
2
+ .e-split-btn-wrapper {
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: min-content;
7
+ }
8
+ .e-split-btn-wrapper .e-split-btn {
9
+ border-bottom-right-radius: 0;
10
+ border-top-right-radius: 0;
11
+ text-transform: none;
12
+ z-index: 1;
13
+ padding-left: 10px;
14
+ padding-right: 10px;
15
+ }
16
+ .e-split-btn-wrapper .e-split-btn:focus {
17
+ outline-offset: 0;
18
+ }
19
+ .e-split-btn-wrapper .e-split-btn:hover {
20
+ box-shadow: none;
21
+ }
22
+ .e-split-btn-wrapper .e-split-btn:focus {
23
+ box-shadow: none;
24
+ }
25
+ .e-split-btn-wrapper .e-split-btn:active {
26
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
27
+ z-index: 2;
28
+ }
29
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
30
+ padding-bottom: 10px;
31
+ padding-top: 10px;
32
+ }
33
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
34
+ font-size: 14px;
35
+ margin-left: 0;
36
+ padding-right: 8px;
37
+ width: auto;
38
+ }
39
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
40
+ padding-bottom: 4px;
41
+ padding-right: 0;
42
+ }
43
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
44
+ padding-left: 10px;
45
+ padding-right: 10px;
46
+ }
47
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
48
+ padding-right: 0;
49
+ }
50
+ .e-split-btn-wrapper .e-dropdown-btn {
51
+ border-bottom-left-radius: 0;
52
+ border-top-left-radius: 0;
53
+ margin-left: -1px;
54
+ padding-left: 4px;
55
+ padding-right: 4px;
56
+ }
57
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
58
+ box-shadow: none;
59
+ }
60
+ .e-split-btn-wrapper .e-dropdown-btn:active {
61
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
62
+ z-index: 2;
63
+ }
64
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
65
+ z-index: 0;
66
+ }
67
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
68
+ outline-offset: 0;
69
+ }
70
+ .e-split-btn-wrapper .e-btn {
71
+ box-shadow: none;
72
+ }
73
+ .e-split-btn-wrapper .e-btn:hover {
74
+ box-shadow: none;
75
+ }
76
+ .e-split-btn-wrapper .e-btn:focus {
77
+ box-shadow: none;
78
+ }
79
+ .e-split-btn-wrapper .e-btn:active {
80
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
81
+ }
82
+ .e-split-btn-wrapper .e-btn:disabled {
83
+ box-shadow: none;
84
+ }
85
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
86
+ box-shadow: none;
87
+ }
88
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
89
+ border-bottom-left-radius: 0;
90
+ border-bottom-right-radius: 4px;
91
+ border-top-left-radius: 0;
92
+ border-top-right-radius: 4px;
93
+ margin-left: -1px;
94
+ padding-left: 4px;
95
+ padding-right: 10px;
96
+ }
97
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
98
+ margin-right: 0;
99
+ padding-left: 8px;
100
+ padding-right: 0;
101
+ }
102
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
103
+ padding-left: 0;
104
+ }
105
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
106
+ padding-left: 10px;
107
+ padding-right: 10px;
108
+ }
109
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
110
+ padding-left: 0;
111
+ }
112
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
113
+ border-bottom-left-radius: 4px;
114
+ border-bottom-right-radius: 0;
115
+ border-top-left-radius: 4px;
116
+ border-top-right-radius: 0;
117
+ margin-left: 0;
118
+ }
119
+ .e-split-btn-wrapper.e-vertical {
120
+ display: inline-block;
121
+ }
122
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
123
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
124
+ display: block;
125
+ width: 100%;
126
+ }
127
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
128
+ border-bottom-left-radius: 0;
129
+ border-top-right-radius: 4px;
130
+ line-height: 1;
131
+ padding-bottom: 4px;
132
+ padding-right: 10px;
133
+ }
134
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
135
+ padding-bottom: 4px;
136
+ }
137
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
138
+ border-bottom-left-radius: 4px;
139
+ border-top-right-radius: 0;
140
+ line-height: 0.334em;
141
+ margin-left: 0;
142
+ margin-top: -1px;
143
+ padding-bottom: 4px;
144
+ padding-top: 4px;
145
+ }
146
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
147
+ padding-top: 0;
148
+ }
149
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
150
+ border-bottom-right-radius: 0;
151
+ border-top-left-radius: 4px;
152
+ margin-left: 0;
153
+ }
154
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
155
+ border-bottom-right-radius: 4px;
156
+ border-top-left-radius: 0;
157
+ }
158
+
159
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
160
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
161
+ padding-left: 12px;
162
+ padding-right: 6px;
163
+ }
164
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
165
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
166
+ padding-bottom: 12px;
167
+ padding-top: 12px;
168
+ }
169
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
170
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
171
+ font-size: 16px;
172
+ margin-left: 0;
173
+ padding-right: 10px;
174
+ width: auto;
175
+ }
176
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
177
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
178
+ padding-bottom: 6px;
179
+ padding-right: 0;
180
+ }
181
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
182
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
183
+ padding-left: 12px;
184
+ padding-right: 12px;
185
+ }
186
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
187
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
188
+ padding-right: 0;
189
+ }
190
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
191
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
192
+ padding-left: 4px;
193
+ padding-right: 4px;
194
+ }
195
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
196
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
197
+ padding-left: 6px;
198
+ padding-right: 12px;
199
+ }
200
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
201
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
202
+ padding-left: 10px;
203
+ padding-right: 0;
204
+ }
205
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
206
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
207
+ padding-left: 0;
208
+ }
209
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
210
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
211
+ padding-left: 12px;
212
+ padding-right: 12px;
213
+ }
214
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
215
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
216
+ padding-left: 0;
217
+ }
218
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
219
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
220
+ padding-bottom: 6px;
221
+ padding-right: 12px;
222
+ }
223
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
224
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
225
+ padding-bottom: 4px;
226
+ padding-top: 4px;
227
+ }
228
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
229
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
230
+ padding-top: 0;
231
+ }
232
+
233
+ /*! splitbutton theme */
234
+ .e-split-btn-wrapper .e-split-btn {
235
+ border-right-color: #ccc;
236
+ }
237
+ .e-split-btn-wrapper .e-split-btn:focus {
238
+ border-right-color: #8c8c8c;
239
+ }
240
+ .e-split-btn-wrapper .e-split-btn:active {
241
+ border-right-color: #adadad;
242
+ }
243
+ .e-split-btn-wrapper .e-split-btn:disabled {
244
+ border-right-color: rgba(255, 255, 255, 0.65);
245
+ }
246
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
247
+ border-color: transparent;
248
+ }
249
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
250
+ border-right-color: #adadad;
251
+ }
252
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
253
+ border-right-color: rgba(204, 204, 204, 0.65);
254
+ }
255
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
256
+ border-left-color: #ccc;
257
+ border-right-color: #ccc;
258
+ }
259
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
260
+ border-left-color: #8c8c8c;
261
+ border-right-color: #8c8c8c;
262
+ }
263
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
264
+ border-left-color: #adadad;
265
+ border-right-color: #adadad;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
268
+ border-left-color: rgba(204, 204, 204, 0.65);
269
+ border-right-color: rgba(204, 204, 204, 0.65);
270
+ }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
272
+ border-color: transparent;
273
+ }
274
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
275
+ border-left-color: #adadad;
276
+ border-right-color: #adadad;
277
+ }
278
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
279
+ border-left-color: rgba(204, 204, 204, 0.65);
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
282
+ border-bottom-color: #ccc;
283
+ border-right-color: #ccc;
284
+ }
285
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
286
+ border-color: transparent;
287
+ }
288
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
289
+ border-bottom-color: #8c8c8c;
290
+ border-right-color: #8c8c8c;
291
+ }
292
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
293
+ border-bottom-color: #adadad;
294
+ border-right-color: #adadad;
295
+ }
296
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
297
+ border-bottom-color: rgba(204, 204, 204, 0.65);
298
+ border-right-color: rgba(204, 204, 204, 0.65);
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
301
+ border-bottom-color: #adadad;
302
+ border-right-color: #adadad;
303
+ }
304
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
305
+ border-color: transparent;
306
+ }
307
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
308
+ border-bottom-color: rgba(204, 204, 204, 0.65);
309
+ }
310
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
311
+ border-left-color: #ccc;
312
+ }
313
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
314
+ border-color: transparent;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
317
+ border-left-color: #8c8c8c;
318
+ }
319
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
320
+ border-left-color: #adadad;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
323
+ border-left-color: #ccc;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
326
+ border-left-color: #adadad;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
329
+ border-color: transparent;
330
+ }
package/styles/split-button/bootstrap.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/bootstrap.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
+ @import './../drop-down-button/bootstrap-definition.scss';
5
+ @import 'bootstrap-definition.scss';
6
+ @import 'all.scss';
package/styles/split-button/bootstrap4.css CHANGED
@@ -1 +1,326 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/bootstrap4.css';
1
+ /*! splitbutton layout */
2
+ .e-split-btn-wrapper {
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: min-content;
7
+ }
8
+ .e-split-btn-wrapper .e-split-btn {
9
+ border-bottom-right-radius: 0;
10
+ border-top-right-radius: 0;
11
+ text-transform: none;
12
+ z-index: 1;
13
+ padding-left: 8px;
14
+ padding-right: 8px;
15
+ padding-left: 10px;
16
+ padding-right: 10px;
17
+ }
18
+ .e-split-btn-wrapper .e-split-btn:focus {
19
+ outline-offset: 0;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:focus {
22
+ box-shadow: none;
23
+ }
24
+ .e-split-btn-wrapper .e-split-btn:active {
25
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
26
+ z-index: 2;
27
+ }
28
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
29
+ padding-bottom: 10px;
30
+ padding-top: 10px;
31
+ }
32
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
33
+ font-size: 14px;
34
+ margin-left: 0;
35
+ padding-right: 8px;
36
+ width: auto;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
39
+ padding-bottom: 4px;
40
+ padding-right: 0;
41
+ }
42
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
43
+ padding-left: 8px;
44
+ padding-right: 8px;
45
+ }
46
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
47
+ padding-right: 0;
48
+ }
49
+ .e-split-btn-wrapper .e-dropdown-btn {
50
+ border-bottom-left-radius: 0;
51
+ border-top-left-radius: 0;
52
+ margin-left: -1px;
53
+ padding-left: 8px;
54
+ padding-right: 8px;
55
+ }
56
+ .e-split-btn-wrapper .e-dropdown-btn:active {
57
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
58
+ z-index: 2;
59
+ }
60
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
61
+ z-index: 0;
62
+ }
63
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
64
+ outline-offset: 0;
65
+ }
66
+ .e-split-btn-wrapper .e-btn:focus {
67
+ box-shadow: none;
68
+ }
69
+ .e-split-btn-wrapper .e-btn:active {
70
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
71
+ }
72
+ .e-split-btn-wrapper .e-btn:disabled {
73
+ box-shadow: none;
74
+ }
75
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
76
+ box-shadow: none;
77
+ }
78
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
79
+ border-bottom-left-radius: 0;
80
+ border-bottom-right-radius: 4px;
81
+ border-top-left-radius: 0;
82
+ border-top-right-radius: 4px;
83
+ margin-left: -1px;
84
+ padding-left: 8px;
85
+ padding-right: 8px;
86
+ padding-left: 4px;
87
+ padding-right: 10px;
88
+ }
89
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
90
+ margin-right: 0;
91
+ padding-left: 8px;
92
+ padding-right: 0;
93
+ }
94
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
95
+ padding-left: 0;
96
+ }
97
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
98
+ padding-left: 8px;
99
+ padding-right: 8px;
100
+ }
101
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
102
+ padding-left: 0;
103
+ }
104
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
105
+ border-bottom-left-radius: 4px;
106
+ border-bottom-right-radius: 0;
107
+ border-top-left-radius: 4px;
108
+ border-top-right-radius: 0;
109
+ margin-left: 0;
110
+ }
111
+ .e-split-btn-wrapper.e-vertical {
112
+ display: inline-block;
113
+ }
114
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
115
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
116
+ display: block;
117
+ width: 100%;
118
+ }
119
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
120
+ border-bottom-left-radius: 0;
121
+ border-top-right-radius: 4px;
122
+ line-height: 1;
123
+ padding-bottom: 8px;
124
+ padding-right: 8px;
125
+ padding-bottom: 4px;
126
+ padding-right: 10px;
127
+ }
128
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
129
+ padding-bottom: 4px;
130
+ }
131
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
132
+ border-bottom-left-radius: 4px;
133
+ border-top-right-radius: 0;
134
+ line-height: 0.334em;
135
+ margin-left: 0;
136
+ margin-top: -1px;
137
+ padding-bottom: 8px;
138
+ padding-top: 8px;
139
+ padding-bottom: 4px;
140
+ padding-top: 4px;
141
+ }
142
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
143
+ padding-top: 0;
144
+ }
145
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
146
+ border-bottom-right-radius: 0;
147
+ border-top-left-radius: 4px;
148
+ margin-left: 0;
149
+ }
150
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
151
+ border-bottom-right-radius: 4px;
152
+ border-top-left-radius: 0;
153
+ }
154
+
155
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
156
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
157
+ padding-left: 12px;
158
+ padding-right: 12px;
159
+ }
160
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
161
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
162
+ padding-bottom: 12px;
163
+ padding-top: 12px;
164
+ }
165
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
166
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
167
+ font-size: 16px;
168
+ margin-left: 0;
169
+ padding-right: 10px;
170
+ width: auto;
171
+ }
172
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
173
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
174
+ padding-bottom: 6px;
175
+ padding-right: 0;
176
+ }
177
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
178
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
179
+ padding-left: 12px;
180
+ padding-right: 12px;
181
+ }
182
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
183
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
184
+ padding-right: 0;
185
+ }
186
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
187
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
188
+ padding-left: 10px;
189
+ padding-right: 10px;
190
+ }
191
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
192
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
193
+ padding-left: 12px;
194
+ padding-right: 12px;
195
+ }
196
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
197
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
198
+ padding-left: 10px;
199
+ padding-right: 0;
200
+ }
201
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
202
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
203
+ padding-left: 0;
204
+ }
205
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
206
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
207
+ padding-left: 12px;
208
+ padding-right: 12px;
209
+ }
210
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
211
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
212
+ padding-left: 0;
213
+ }
214
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
215
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
216
+ padding-bottom: 12px;
217
+ padding-right: 12px;
218
+ }
219
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
220
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
221
+ padding-bottom: 12px;
222
+ padding-top: 12px;
223
+ }
224
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
225
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
226
+ padding-top: 0;
227
+ }
228
+
229
+ /*! splitbutton theme */
230
+ .e-split-btn-wrapper .e-split-btn {
231
+ border-right-color: #6c757d;
232
+ }
233
+ .e-split-btn-wrapper .e-split-btn:focus {
234
+ border-right-color: #6c757d;
235
+ }
236
+ .e-split-btn-wrapper .e-split-btn:active {
237
+ border-right-color: #4e555b;
238
+ }
239
+ .e-split-btn-wrapper .e-split-btn:disabled {
240
+ border-right-color: rgba(108, 117, 125, 0.65);
241
+ }
242
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
243
+ border-color: transparent;
244
+ }
245
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
246
+ border-right-color: #545b62;
247
+ }
248
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
249
+ border-right-color: transparent;
250
+ }
251
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
252
+ border-left-color: #6c757d;
253
+ border-right-color: #6c757d;
254
+ }
255
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
256
+ border-left-color: #6c757d;
257
+ border-right-color: #6c757d;
258
+ }
259
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
260
+ border-left-color: #4e555b;
261
+ border-right-color: #4e555b;
262
+ }
263
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
264
+ border-left-color: transparent;
265
+ border-right-color: rgba(108, 117, 125, 0.65);
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
268
+ border-color: transparent;
269
+ }
270
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
271
+ border-left-color: #545b62;
272
+ border-right-color: #545b62;
273
+ }
274
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
275
+ border-left-color: transparent;
276
+ }
277
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
278
+ border-bottom-color: #6c757d;
279
+ border-right-color: #6c757d;
280
+ }
281
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
282
+ border-color: transparent;
283
+ }
284
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
285
+ border-bottom-color: #6c757d;
286
+ border-right-color: #6c757d;
287
+ }
288
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
289
+ border-bottom-color: #4e555b;
290
+ border-right-color: #4e555b;
291
+ }
292
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
293
+ border-bottom-color: transparent;
294
+ border-right-color: rgba(108, 117, 125, 0.65);
295
+ }
296
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
297
+ border-bottom-color: #545b62;
298
+ border-right-color: #545b62;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
301
+ border-color: transparent;
302
+ }
303
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
304
+ border-bottom-color: transparent;
305
+ }
306
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
307
+ border-left-color: #6c757d;
308
+ }
309
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
310
+ border-color: transparent;
311
+ }
312
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
313
+ border-left-color: #6c757d;
314
+ }
315
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
316
+ border-left-color: #6c757d;
317
+ }
318
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
319
+ border-left-color: rgba(108, 117, 125, 0.65);
320
+ }
321
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
322
+ border-left-color: #545b62;
323
+ }
324
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
325
+ border-color: transparent;
326
+ }
package/styles/split-button/bootstrap4.scss CHANGED
@@ -1 +1,6 @@
1
- @import 'ej2-splitbuttons/styles/split-button/bootstrap4.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
+ @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
+ @import './../drop-down-button/bootstrap4-definition.scss';
5
+ @import 'bootstrap4-definition.scss';
6
+ @import 'all.scss';