@syncfusion/ej2-angular-splitbuttons 20.2.45 → 20.3.47

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 (134) hide show
  1. package/package.json +8 -8
  2. package/schematics/collection.json +25 -0
  3. package/schematics/generators/dropdownbutton-default/index.d.ts +3 -0
  4. package/schematics/generators/dropdownbutton-default/index.js +8 -0
  5. package/schematics/generators/dropdownbutton-default/sample-details.d.ts +5 -0
  6. package/schematics/generators/dropdownbutton-default/sample-details.js +7 -0
  7. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +49 -0
  8. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  9. package/schematics/generators/dropdownbutton-default/schema.d.ts +3 -0
  10. package/schematics/generators/dropdownbutton-default/schema.js +2 -0
  11. package/schematics/generators/dropdownbutton-default/schema.json +125 -0
  12. package/schematics/generators/progressbutton-default/index.d.ts +3 -0
  13. package/schematics/generators/progressbutton-default/index.js +8 -0
  14. package/schematics/generators/progressbutton-default/sample-details.d.ts +5 -0
  15. package/schematics/generators/progressbutton-default/sample-details.js +7 -0
  16. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +47 -0
  17. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +53 -0
  18. package/schematics/generators/progressbutton-default/schema.d.ts +3 -0
  19. package/schematics/generators/progressbutton-default/schema.js +2 -0
  20. package/schematics/generators/progressbutton-default/schema.json +125 -0
  21. package/schematics/generators/splitbutton-default/index.d.ts +3 -0
  22. package/schematics/generators/splitbutton-default/index.js +8 -0
  23. package/schematics/generators/splitbutton-default/sample-details.d.ts +5 -0
  24. package/schematics/generators/splitbutton-default/sample-details.js +7 -0
  25. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +37 -0
  26. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  27. package/schematics/generators/splitbutton-default/schema.d.ts +3 -0
  28. package/schematics/generators/splitbutton-default/schema.js +2 -0
  29. package/schematics/generators/splitbutton-default/schema.json +125 -0
  30. package/schematics/ng-add/index.d.ts +3 -0
  31. package/schematics/ng-add/index.js +9 -0
  32. package/schematics/ng-add/schema.d.ts +13 -0
  33. package/schematics/ng-add/schema.js +2 -0
  34. package/schematics/ng-add/schema.json +34 -0
  35. package/schematics/tsconfig.json +25 -0
  36. package/schematics/utils/lib-details.d.ts +4 -0
  37. package/schematics/utils/lib-details.js +6 -0
  38. package/schematics/utils/lib-details.ts +2 -2
  39. package/styles/bootstrap-dark.css +18 -218
  40. package/styles/bootstrap-dark.scss +0 -1
  41. package/styles/bootstrap.css +18 -218
  42. package/styles/bootstrap.scss +0 -1
  43. package/styles/bootstrap4.css +18 -218
  44. package/styles/bootstrap4.scss +0 -1
  45. package/styles/bootstrap5-dark.css +18 -218
  46. package/styles/bootstrap5-dark.scss +0 -1
  47. package/styles/bootstrap5.css +18 -218
  48. package/styles/bootstrap5.scss +0 -1
  49. package/styles/drop-down-button/_theme.scss +20 -0
  50. package/styles/drop-down-button/bootstrap-dark.css +18 -0
  51. package/styles/drop-down-button/bootstrap.css +18 -0
  52. package/styles/drop-down-button/bootstrap4.css +18 -0
  53. package/styles/drop-down-button/bootstrap5-dark.css +18 -0
  54. package/styles/drop-down-button/bootstrap5.css +18 -0
  55. package/styles/drop-down-button/fabric-dark.css +18 -0
  56. package/styles/drop-down-button/fabric.css +18 -0
  57. package/styles/drop-down-button/fluent-dark.css +18 -0
  58. package/styles/drop-down-button/fluent.css +18 -0
  59. package/styles/drop-down-button/highcontrast-light.css +18 -0
  60. package/styles/drop-down-button/highcontrast.css +18 -0
  61. package/styles/drop-down-button/material-dark.css +18 -0
  62. package/styles/drop-down-button/material.css +18 -0
  63. package/styles/drop-down-button/tailwind-dark.css +18 -0
  64. package/styles/drop-down-button/tailwind.css +18 -0
  65. package/styles/fabric-dark.css +18 -218
  66. package/styles/fabric-dark.scss +0 -1
  67. package/styles/fabric.css +18 -218
  68. package/styles/fabric.scss +0 -1
  69. package/styles/fluent-dark.css +18 -218
  70. package/styles/fluent-dark.scss +0 -1
  71. package/styles/fluent.css +18 -218
  72. package/styles/fluent.scss +0 -1
  73. package/styles/highcontrast-light.css +18 -218
  74. package/styles/highcontrast-light.scss +0 -1
  75. package/styles/highcontrast.css +18 -218
  76. package/styles/highcontrast.scss +0 -1
  77. package/styles/material-dark.css +18 -218
  78. package/styles/material-dark.scss +0 -1
  79. package/styles/material.css +18 -218
  80. package/styles/material.scss +0 -1
  81. package/styles/tailwind-dark.css +18 -219
  82. package/styles/tailwind-dark.scss +0 -1
  83. package/styles/tailwind.css +18 -219
  84. package/styles/tailwind.scss +0 -1
  85. package/styles/speed-dial/_all.scss +0 -2
  86. package/styles/speed-dial/_bootstrap-dark-definition.scss +0 -37
  87. package/styles/speed-dial/_bootstrap-definition.scss +0 -37
  88. package/styles/speed-dial/_bootstrap4-definition.scss +0 -37
  89. package/styles/speed-dial/_bootstrap5-dark-definition.scss +0 -1
  90. package/styles/speed-dial/_bootstrap5-definition.scss +0 -37
  91. package/styles/speed-dial/_fabric-dark-definition.scss +0 -37
  92. package/styles/speed-dial/_fabric-definition.scss +0 -37
  93. package/styles/speed-dial/_fluent-dark-definition.scss +0 -1
  94. package/styles/speed-dial/_fluent-definition.scss +0 -37
  95. package/styles/speed-dial/_fusionnew-definition.scss +0 -37
  96. package/styles/speed-dial/_highcontrast-definition.scss +0 -37
  97. package/styles/speed-dial/_highcontrast-light-definition.scss +0 -37
  98. package/styles/speed-dial/_layout.scss +0 -249
  99. package/styles/speed-dial/_material-dark-definition.scss +0 -37
  100. package/styles/speed-dial/_material-definition.scss +0 -37
  101. package/styles/speed-dial/_material3-definition.scss +0 -37
  102. package/styles/speed-dial/_tailwind-dark-definition.scss +0 -1
  103. package/styles/speed-dial/_tailwind-definition.scss +0 -37
  104. package/styles/speed-dial/_theme.scss +0 -27
  105. package/styles/speed-dial/bootstrap-dark.css +0 -217
  106. package/styles/speed-dial/bootstrap-dark.scss +0 -4
  107. package/styles/speed-dial/bootstrap.css +0 -217
  108. package/styles/speed-dial/bootstrap.scss +0 -4
  109. package/styles/speed-dial/bootstrap4.css +0 -217
  110. package/styles/speed-dial/bootstrap4.scss +0 -4
  111. package/styles/speed-dial/bootstrap5-dark.css +0 -217
  112. package/styles/speed-dial/bootstrap5-dark.scss +0 -4
  113. package/styles/speed-dial/bootstrap5.css +0 -217
  114. package/styles/speed-dial/bootstrap5.scss +0 -4
  115. package/styles/speed-dial/fabric-dark.css +0 -217
  116. package/styles/speed-dial/fabric-dark.scss +0 -4
  117. package/styles/speed-dial/fabric.css +0 -217
  118. package/styles/speed-dial/fabric.scss +0 -4
  119. package/styles/speed-dial/fluent-dark.css +0 -217
  120. package/styles/speed-dial/fluent-dark.scss +0 -4
  121. package/styles/speed-dial/fluent.css +0 -217
  122. package/styles/speed-dial/fluent.scss +0 -4
  123. package/styles/speed-dial/highcontrast-light.css +0 -217
  124. package/styles/speed-dial/highcontrast-light.scss +0 -4
  125. package/styles/speed-dial/highcontrast.css +0 -217
  126. package/styles/speed-dial/highcontrast.scss +0 -4
  127. package/styles/speed-dial/material-dark.css +0 -218
  128. package/styles/speed-dial/material-dark.scss +0 -4
  129. package/styles/speed-dial/material.css +0 -218
  130. package/styles/speed-dial/material.scss +0 -4
  131. package/styles/speed-dial/tailwind-dark.css +0 -218
  132. package/styles/speed-dial/tailwind-dark.scss +0 -4
  133. package/styles/speed-dial/tailwind.css +0 -218
  134. package/styles/speed-dial/tailwind.scss +0 -4
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: #292827;
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: #edebe9;
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #000;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -210,4 +210,22 @@
210
210
  }
211
211
  .e-dropdown-popup ul .e-separator {
212
212
  border-bottom-color: #fff;
213
+ }
214
+
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
213
231
  }
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: rgba(255, 255, 255, 0.12);
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -211,4 +211,22 @@
211
211
  }
212
212
  .e-dropdown-popup ul .e-separator {
213
213
  border-bottom-color: rgba(0, 0, 0, 0.12);
214
+ }
215
+
216
+ .e-dropdown-btn.e-inherit,
217
+ .e-dropdown-btn.e-btn.e-inherit {
218
+ background: inherit;
219
+ border-color: transparent;
220
+ box-shadow: none;
221
+ color: inherit;
222
+ }
223
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
224
+ .e-dropdown-btn.e-btn.e-inherit:hover,
225
+ .e-dropdown-btn.e-btn.e-inherit:focus,
226
+ .e-dropdown-btn.e-btn.e-inherit:active,
227
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
228
+ background-color: rgba(0, 0, 0, 0.056);
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
214
232
  }
@@ -221,4 +221,22 @@
221
221
  }
222
222
  .e-dropdown-popup ul .e-separator {
223
223
  border-bottom-color: #4b5563;
224
+ }
225
+
226
+ .e-dropdown-btn.e-inherit,
227
+ .e-dropdown-btn.e-btn.e-inherit {
228
+ background: inherit;
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
234
+ .e-dropdown-btn.e-btn.e-inherit:hover,
235
+ .e-dropdown-btn.e-btn.e-inherit:focus,
236
+ .e-dropdown-btn.e-btn.e-inherit:active,
237
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
238
+ background-color: rgba(0, 0, 0, 0.056);
239
+ border-color: transparent;
240
+ box-shadow: none;
241
+ color: inherit;
224
242
  }
@@ -221,4 +221,22 @@
221
221
  }
222
222
  .e-dropdown-popup ul .e-separator {
223
223
  border-bottom-color: #e5e7eb;
224
+ }
225
+
226
+ .e-dropdown-btn.e-inherit,
227
+ .e-dropdown-btn.e-btn.e-inherit {
228
+ background: inherit;
229
+ border-color: transparent;
230
+ box-shadow: none;
231
+ color: inherit;
232
+ }
233
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
234
+ .e-dropdown-btn.e-btn.e-inherit:hover,
235
+ .e-dropdown-btn.e-btn.e-inherit:focus,
236
+ .e-dropdown-btn.e-btn.e-inherit:active,
237
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
238
+ background-color: rgba(0, 0, 0, 0.056);
239
+ border-color: transparent;
240
+ box-shadow: none;
241
+ color: inherit;
224
242
  }
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #414040;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -1803,222 +1821,4 @@
1803
1821
  }
1804
1822
  *.e-outline:not(:focus).e-danger .e-progress {
1805
1823
  background-color: rgba(205, 42, 25, 0.2);
1806
- }
1807
-
1808
- .e-speeddial-popup {
1809
- overflow: hidden;
1810
- position: absolute;
1811
- z-index: 99999;
1812
- /* OVERFLOW CSS */
1813
- }
1814
- .e-speeddial-popup.e-speeddial-top {
1815
- top: 10px;
1816
- }
1817
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
1818
- top: 0;
1819
- }
1820
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
1821
- top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1822
- }
1823
- .e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
1824
- top: var(--speeddialVertDist);
1825
- }
1826
- .e-speeddial-popup.e-speeddial-bottom {
1827
- bottom: 10px;
1828
- }
1829
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
1830
- bottom: 0;
1831
- }
1832
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
1833
- bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1834
- }
1835
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
1836
- bottom: var(--speeddialVertDist);
1837
- }
1838
- .e-speeddial-popup.e-speeddial-left {
1839
- left: 10px;
1840
- }
1841
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
1842
- left: 0;
1843
- }
1844
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
1845
- left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1846
- }
1847
- .e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
1848
- left: var(--speeddialHorzDist);
1849
- }
1850
- .e-speeddial-popup.e-speeddial-right {
1851
- right: 10px;
1852
- }
1853
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
1854
- right: 0;
1855
- }
1856
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
1857
- right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1858
- }
1859
- .e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
1860
- right: var(--speeddialHorzDist);
1861
- }
1862
- .e-speeddial-popup.e-speeddial-template {
1863
- outline: none;
1864
- }
1865
- .e-speeddial-popup .e-speeddial-ul {
1866
- display: -ms-inline-flexbox;
1867
- display: inline-flex;
1868
- -ms-flex-direction: column;
1869
- flex-direction: column;
1870
- list-style-type: none;
1871
- margin: 0;
1872
- padding: 0 5px;
1873
- }
1874
- .e-speeddial-popup .e-speeddial-li {
1875
- -ms-flex-align: center;
1876
- align-items: center;
1877
- cursor: pointer;
1878
- display: -ms-inline-flexbox;
1879
- display: inline-flex;
1880
- margin: 5px 0;
1881
- position: relative;
1882
- }
1883
- .e-speeddial-popup .e-speeddial-li-text {
1884
- margin: 0 10px;
1885
- padding: 3px;
1886
- white-space: nowrap;
1887
- }
1888
- .e-speeddial-popup .e-speeddial-li-icon {
1889
- border-radius: 99999px;
1890
- min-height: 30px;
1891
- min-width: 30px;
1892
- display: -ms-inline-flexbox;
1893
- display: inline-flex;
1894
- -ms-flex-align: center;
1895
- align-items: center;
1896
- -ms-flex-pack: center;
1897
- justify-content: center;
1898
- }
1899
- .e-speeddial-popup.e-speeddial-fixed {
1900
- position: fixed;
1901
- }
1902
- .e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
1903
- -ms-flex-direction: row-reverse;
1904
- flex-direction: row-reverse;
1905
- }
1906
- .e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
1907
- -ms-flex-direction: column-reverse;
1908
- flex-direction: column-reverse;
1909
- }
1910
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
1911
- -ms-flex-direction: row-reverse;
1912
- flex-direction: row-reverse;
1913
- }
1914
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
1915
- -ms-flex-direction: row;
1916
- flex-direction: row;
1917
- }
1918
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
1919
- -ms-flex-direction: row;
1920
- flex-direction: row;
1921
- }
1922
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
1923
- -ms-flex-direction: row-reverse;
1924
- flex-direction: row-reverse;
1925
- }
1926
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
1927
- padding: 5px 0;
1928
- }
1929
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
1930
- margin: 0 5px;
1931
- }
1932
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
1933
- overflow: auto;
1934
- scroll-behavior: smooth;
1935
- /* Hide scrollbar for IE and Edge */
1936
- -ms-overflow-style: none;
1937
- /* Hide scrollbar for Firefox */
1938
- scrollbar-width: none;
1939
- }
1940
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
1941
- /* Hide scrollbar for Chrome, Safari and Opera */
1942
- display: none;
1943
- }
1944
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
1945
- max-height: var(--speeddialOverflowLimit);
1946
- }
1947
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
1948
- max-width: var(--speeddialOverflowLimit);
1949
- }
1950
- .e-speeddial-popup.e-speeddial-radial {
1951
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
1952
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
1953
- }
1954
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
1955
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
1956
- }
1957
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
1958
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
1959
- }
1960
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
1961
- border-bottom-right-radius: 100%;
1962
- }
1963
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
1964
- border-bottom-left-radius: 100%;
1965
- }
1966
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
1967
- border-top-right-radius: 100%;
1968
- }
1969
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
1970
- border-top-left-radius: 100%;
1971
- }
1972
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
1973
- border-radius: inherit;
1974
- min-height: inherit;
1975
- min-width: inherit;
1976
- padding: 0;
1977
- position: relative;
1978
- }
1979
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
1980
- position: absolute;
1981
- margin: 5px;
1982
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
1983
- }
1984
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
1985
- position: absolute;
1986
- visibility: hidden;
1987
- }
1988
-
1989
- .e-speeddial-overlay {
1990
- height: 100%;
1991
- left: 0;
1992
- position: absolute;
1993
- top: 0;
1994
- width: 100%;
1995
- z-index: 99998;
1996
- }
1997
- .e-speeddial-overlay.e-speeddial-fixed {
1998
- height: 100vh;
1999
- position: fixed;
2000
- width: 100vw;
2001
- }
2002
-
2003
- .e-speeddial-hidden {
2004
- visibility: hidden;
2005
- }
2006
-
2007
- .e-speeddial-overlay {
2008
- background-color: rgba(0, 0, 0, 0.1);
2009
- }
2010
-
2011
- .e-speeddial-popup .e-speeddial-li-text {
2012
- box-shadow: 0 0 5px rgb(128, 128, 128);
2013
- background-color: rgb(255, 255, 255);
2014
- }
2015
- .e-speeddial-popup .e-speeddial-li-icon {
2016
- box-shadow: 0 0 5px rgb(128, 128, 128);
2017
- background-color: rgb(255, 255, 255);
2018
- }
2019
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
2020
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
2021
- }
2022
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
2023
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
2024
1824
  }
@@ -2,4 +2,3 @@
2
2
  @import 'split-button/fabric-dark.scss';
3
3
  @import 'button-group/fabric-dark.scss';
4
4
  @import 'progress-button/fabric-dark.scss';
5
- @import 'speed-dial/fabric-dark.scss';
package/styles/fabric.css CHANGED
@@ -212,6 +212,24 @@
212
212
  border-bottom-color: #eaeaea;
213
213
  }
214
214
 
215
+ .e-dropdown-btn.e-inherit,
216
+ .e-dropdown-btn.e-btn.e-inherit {
217
+ background: inherit;
218
+ border-color: transparent;
219
+ box-shadow: none;
220
+ color: inherit;
221
+ }
222
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
223
+ .e-dropdown-btn.e-btn.e-inherit:hover,
224
+ .e-dropdown-btn.e-btn.e-inherit:focus,
225
+ .e-dropdown-btn.e-btn.e-inherit:active,
226
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
227
+ background-color: rgba(0, 0, 0, 0.056);
228
+ border-color: transparent;
229
+ box-shadow: none;
230
+ color: inherit;
231
+ }
232
+
215
233
  /*! splitbutton layout */
216
234
  .e-split-btn-wrapper {
217
235
  display: -ms-inline-flexbox;
@@ -1806,222 +1824,4 @@
1806
1824
  }
1807
1825
  *.e-outline:not(:focus).e-danger .e-progress {
1808
1826
  background-color: rgba(168, 0, 0, 0.2);
1809
- }
1810
-
1811
- .e-speeddial-popup {
1812
- overflow: hidden;
1813
- position: absolute;
1814
- z-index: 99999;
1815
- /* OVERFLOW CSS */
1816
- }
1817
- .e-speeddial-popup.e-speeddial-top {
1818
- top: 10px;
1819
- }
1820
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
1821
- top: 0;
1822
- }
1823
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
1824
- top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1825
- }
1826
- .e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
1827
- top: var(--speeddialVertDist);
1828
- }
1829
- .e-speeddial-popup.e-speeddial-bottom {
1830
- bottom: 10px;
1831
- }
1832
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
1833
- bottom: 0;
1834
- }
1835
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
1836
- bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1837
- }
1838
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
1839
- bottom: var(--speeddialVertDist);
1840
- }
1841
- .e-speeddial-popup.e-speeddial-left {
1842
- left: 10px;
1843
- }
1844
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
1845
- left: 0;
1846
- }
1847
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
1848
- left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1849
- }
1850
- .e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
1851
- left: var(--speeddialHorzDist);
1852
- }
1853
- .e-speeddial-popup.e-speeddial-right {
1854
- right: 10px;
1855
- }
1856
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
1857
- right: 0;
1858
- }
1859
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
1860
- right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
1861
- }
1862
- .e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
1863
- right: var(--speeddialHorzDist);
1864
- }
1865
- .e-speeddial-popup.e-speeddial-template {
1866
- outline: none;
1867
- }
1868
- .e-speeddial-popup .e-speeddial-ul {
1869
- display: -ms-inline-flexbox;
1870
- display: inline-flex;
1871
- -ms-flex-direction: column;
1872
- flex-direction: column;
1873
- list-style-type: none;
1874
- margin: 0;
1875
- padding: 0 5px;
1876
- }
1877
- .e-speeddial-popup .e-speeddial-li {
1878
- -ms-flex-align: center;
1879
- align-items: center;
1880
- cursor: pointer;
1881
- display: -ms-inline-flexbox;
1882
- display: inline-flex;
1883
- margin: 5px 0;
1884
- position: relative;
1885
- }
1886
- .e-speeddial-popup .e-speeddial-li-text {
1887
- margin: 0 10px;
1888
- padding: 3px;
1889
- white-space: nowrap;
1890
- }
1891
- .e-speeddial-popup .e-speeddial-li-icon {
1892
- border-radius: 99999px;
1893
- min-height: 30px;
1894
- min-width: 30px;
1895
- display: -ms-inline-flexbox;
1896
- display: inline-flex;
1897
- -ms-flex-align: center;
1898
- align-items: center;
1899
- -ms-flex-pack: center;
1900
- justify-content: center;
1901
- }
1902
- .e-speeddial-popup.e-speeddial-fixed {
1903
- position: fixed;
1904
- }
1905
- .e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
1906
- -ms-flex-direction: row-reverse;
1907
- flex-direction: row-reverse;
1908
- }
1909
- .e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
1910
- -ms-flex-direction: column-reverse;
1911
- flex-direction: column-reverse;
1912
- }
1913
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
1914
- -ms-flex-direction: row-reverse;
1915
- flex-direction: row-reverse;
1916
- }
1917
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
1918
- -ms-flex-direction: row;
1919
- flex-direction: row;
1920
- }
1921
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
1922
- -ms-flex-direction: row;
1923
- flex-direction: row;
1924
- }
1925
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
1926
- -ms-flex-direction: row-reverse;
1927
- flex-direction: row-reverse;
1928
- }
1929
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
1930
- padding: 5px 0;
1931
- }
1932
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
1933
- margin: 0 5px;
1934
- }
1935
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
1936
- overflow: auto;
1937
- scroll-behavior: smooth;
1938
- /* Hide scrollbar for IE and Edge */
1939
- -ms-overflow-style: none;
1940
- /* Hide scrollbar for Firefox */
1941
- scrollbar-width: none;
1942
- }
1943
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
1944
- /* Hide scrollbar for Chrome, Safari and Opera */
1945
- display: none;
1946
- }
1947
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
1948
- max-height: var(--speeddialOverflowLimit);
1949
- }
1950
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
1951
- max-width: var(--speeddialOverflowLimit);
1952
- }
1953
- .e-speeddial-popup.e-speeddial-radial {
1954
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
1955
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
1956
- }
1957
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
1958
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
1959
- }
1960
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
1961
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
1962
- }
1963
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
1964
- border-bottom-right-radius: 100%;
1965
- }
1966
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
1967
- border-bottom-left-radius: 100%;
1968
- }
1969
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
1970
- border-top-right-radius: 100%;
1971
- }
1972
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
1973
- border-top-left-radius: 100%;
1974
- }
1975
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
1976
- border-radius: inherit;
1977
- min-height: inherit;
1978
- min-width: inherit;
1979
- padding: 0;
1980
- position: relative;
1981
- }
1982
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
1983
- position: absolute;
1984
- margin: 5px;
1985
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
1986
- }
1987
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
1988
- position: absolute;
1989
- visibility: hidden;
1990
- }
1991
-
1992
- .e-speeddial-overlay {
1993
- height: 100%;
1994
- left: 0;
1995
- position: absolute;
1996
- top: 0;
1997
- width: 100%;
1998
- z-index: 99998;
1999
- }
2000
- .e-speeddial-overlay.e-speeddial-fixed {
2001
- height: 100vh;
2002
- position: fixed;
2003
- width: 100vw;
2004
- }
2005
-
2006
- .e-speeddial-hidden {
2007
- visibility: hidden;
2008
- }
2009
-
2010
- .e-speeddial-overlay {
2011
- background-color: rgba(0, 0, 0, 0.1);
2012
- }
2013
-
2014
- .e-speeddial-popup .e-speeddial-li-text {
2015
- box-shadow: 0 0 5px rgb(128, 128, 128);
2016
- background-color: rgb(255, 255, 255);
2017
- }
2018
- .e-speeddial-popup .e-speeddial-li-icon {
2019
- box-shadow: 0 0 5px rgb(128, 128, 128);
2020
- background-color: rgb(255, 255, 255);
2021
- }
2022
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
2023
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
2024
- }
2025
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
2026
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
2027
1827
  }
@@ -2,4 +2,3 @@
2
2
  @import 'split-button/fabric.scss';
3
3
  @import 'button-group/fabric.scss';
4
4
  @import 'progress-button/fabric.scss';
5
- @import 'speed-dial/fabric.scss';