@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
@@ -1,217 +0,0 @@
1
- .e-speeddial-popup {
2
- overflow: hidden;
3
- position: absolute;
4
- z-index: 99999;
5
- /* OVERFLOW CSS */
6
- }
7
- .e-speeddial-popup.e-speeddial-top {
8
- top: 10px;
9
- }
10
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
11
- top: 0;
12
- }
13
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
14
- top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
15
- }
16
- .e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
17
- top: var(--speeddialVertDist);
18
- }
19
- .e-speeddial-popup.e-speeddial-bottom {
20
- bottom: 10px;
21
- }
22
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
23
- bottom: 0;
24
- }
25
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
26
- bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
27
- }
28
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
29
- bottom: var(--speeddialVertDist);
30
- }
31
- .e-speeddial-popup.e-speeddial-left {
32
- left: 10px;
33
- }
34
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
35
- left: 0;
36
- }
37
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
38
- left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
39
- }
40
- .e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
41
- left: var(--speeddialHorzDist);
42
- }
43
- .e-speeddial-popup.e-speeddial-right {
44
- right: 10px;
45
- }
46
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
47
- right: 0;
48
- }
49
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
50
- right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
51
- }
52
- .e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
53
- right: var(--speeddialHorzDist);
54
- }
55
- .e-speeddial-popup.e-speeddial-template {
56
- outline: none;
57
- }
58
- .e-speeddial-popup .e-speeddial-ul {
59
- display: -ms-inline-flexbox;
60
- display: inline-flex;
61
- -ms-flex-direction: column;
62
- flex-direction: column;
63
- list-style-type: none;
64
- margin: 0;
65
- padding: 0 5px;
66
- }
67
- .e-speeddial-popup .e-speeddial-li {
68
- -ms-flex-align: center;
69
- align-items: center;
70
- cursor: pointer;
71
- display: -ms-inline-flexbox;
72
- display: inline-flex;
73
- margin: 5px 0;
74
- position: relative;
75
- }
76
- .e-speeddial-popup .e-speeddial-li-text {
77
- margin: 0 10px;
78
- padding: 3px;
79
- white-space: nowrap;
80
- }
81
- .e-speeddial-popup .e-speeddial-li-icon {
82
- border-radius: 99999px;
83
- min-height: 30px;
84
- min-width: 30px;
85
- display: -ms-inline-flexbox;
86
- display: inline-flex;
87
- -ms-flex-align: center;
88
- align-items: center;
89
- -ms-flex-pack: center;
90
- justify-content: center;
91
- }
92
- .e-speeddial-popup.e-speeddial-fixed {
93
- position: fixed;
94
- }
95
- .e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
96
- -ms-flex-direction: row-reverse;
97
- flex-direction: row-reverse;
98
- }
99
- .e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
100
- -ms-flex-direction: column-reverse;
101
- flex-direction: column-reverse;
102
- }
103
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
104
- -ms-flex-direction: row-reverse;
105
- flex-direction: row-reverse;
106
- }
107
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
108
- -ms-flex-direction: row;
109
- flex-direction: row;
110
- }
111
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
112
- -ms-flex-direction: row;
113
- flex-direction: row;
114
- }
115
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
116
- -ms-flex-direction: row-reverse;
117
- flex-direction: row-reverse;
118
- }
119
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
120
- padding: 5px 0;
121
- }
122
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
123
- margin: 0 5px;
124
- }
125
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
126
- overflow: auto;
127
- scroll-behavior: smooth;
128
- /* Hide scrollbar for IE and Edge */
129
- -ms-overflow-style: none;
130
- /* Hide scrollbar for Firefox */
131
- scrollbar-width: none;
132
- }
133
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
134
- /* Hide scrollbar for Chrome, Safari and Opera */
135
- display: none;
136
- }
137
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
138
- max-height: var(--speeddialOverflowLimit);
139
- }
140
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
141
- max-width: var(--speeddialOverflowLimit);
142
- }
143
- .e-speeddial-popup.e-speeddial-radial {
144
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
145
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
146
- }
147
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
148
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
149
- }
150
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
151
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
152
- }
153
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
154
- border-bottom-right-radius: 100%;
155
- }
156
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
157
- border-bottom-left-radius: 100%;
158
- }
159
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
160
- border-top-right-radius: 100%;
161
- }
162
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
163
- border-top-left-radius: 100%;
164
- }
165
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
166
- border-radius: inherit;
167
- min-height: inherit;
168
- min-width: inherit;
169
- padding: 0;
170
- position: relative;
171
- }
172
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
173
- position: absolute;
174
- margin: 5px;
175
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
176
- }
177
- .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 {
178
- position: absolute;
179
- visibility: hidden;
180
- }
181
-
182
- .e-speeddial-overlay {
183
- height: 100%;
184
- left: 0;
185
- position: absolute;
186
- top: 0;
187
- width: 100%;
188
- z-index: 99998;
189
- }
190
- .e-speeddial-overlay.e-speeddial-fixed {
191
- height: 100vh;
192
- position: fixed;
193
- width: 100vw;
194
- }
195
-
196
- .e-speeddial-hidden {
197
- visibility: hidden;
198
- }
199
-
200
- .e-speeddial-overlay {
201
- background-color: rgba(0, 0, 0, 0.1);
202
- }
203
-
204
- .e-speeddial-popup .e-speeddial-li-text {
205
- box-shadow: 0 0 5px rgb(128, 128, 128);
206
- background-color: rgb(255, 255, 255);
207
- }
208
- .e-speeddial-popup .e-speeddial-li-icon {
209
- box-shadow: 0 0 5px rgb(128, 128, 128);
210
- background-color: rgb(255, 255, 255);
211
- }
212
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
213
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
214
- }
215
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
216
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
217
- }
@@ -1,4 +0,0 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
2
- @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
- @import 'fabric-definition.scss';
4
- @import 'all.scss';
@@ -1,217 +0,0 @@
1
- .e-speeddial-popup {
2
- overflow: hidden;
3
- position: absolute;
4
- z-index: 99999;
5
- /* OVERFLOW CSS */
6
- }
7
- .e-speeddial-popup.e-speeddial-top {
8
- top: 10px;
9
- }
10
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
11
- top: 0;
12
- }
13
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
14
- top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
15
- }
16
- .e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
17
- top: var(--speeddialVertDist);
18
- }
19
- .e-speeddial-popup.e-speeddial-bottom {
20
- bottom: 10px;
21
- }
22
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
23
- bottom: 0;
24
- }
25
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
26
- bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
27
- }
28
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
29
- bottom: var(--speeddialVertDist);
30
- }
31
- .e-speeddial-popup.e-speeddial-left {
32
- left: 10px;
33
- }
34
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
35
- left: 0;
36
- }
37
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
38
- left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
39
- }
40
- .e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
41
- left: var(--speeddialHorzDist);
42
- }
43
- .e-speeddial-popup.e-speeddial-right {
44
- right: 10px;
45
- }
46
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
47
- right: 0;
48
- }
49
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
50
- right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
51
- }
52
- .e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
53
- right: var(--speeddialHorzDist);
54
- }
55
- .e-speeddial-popup.e-speeddial-template {
56
- outline: none;
57
- }
58
- .e-speeddial-popup .e-speeddial-ul {
59
- display: -ms-inline-flexbox;
60
- display: inline-flex;
61
- -ms-flex-direction: column;
62
- flex-direction: column;
63
- list-style-type: none;
64
- margin: 0;
65
- padding: 0 5px;
66
- }
67
- .e-speeddial-popup .e-speeddial-li {
68
- -ms-flex-align: center;
69
- align-items: center;
70
- cursor: pointer;
71
- display: -ms-inline-flexbox;
72
- display: inline-flex;
73
- margin: 5px 0;
74
- position: relative;
75
- }
76
- .e-speeddial-popup .e-speeddial-li-text {
77
- margin: 0 10px;
78
- padding: 3px;
79
- white-space: nowrap;
80
- }
81
- .e-speeddial-popup .e-speeddial-li-icon {
82
- border-radius: 99999px;
83
- min-height: 30px;
84
- min-width: 30px;
85
- display: -ms-inline-flexbox;
86
- display: inline-flex;
87
- -ms-flex-align: center;
88
- align-items: center;
89
- -ms-flex-pack: center;
90
- justify-content: center;
91
- }
92
- .e-speeddial-popup.e-speeddial-fixed {
93
- position: fixed;
94
- }
95
- .e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
96
- -ms-flex-direction: row-reverse;
97
- flex-direction: row-reverse;
98
- }
99
- .e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
100
- -ms-flex-direction: column-reverse;
101
- flex-direction: column-reverse;
102
- }
103
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
104
- -ms-flex-direction: row-reverse;
105
- flex-direction: row-reverse;
106
- }
107
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
108
- -ms-flex-direction: row;
109
- flex-direction: row;
110
- }
111
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
112
- -ms-flex-direction: row;
113
- flex-direction: row;
114
- }
115
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
116
- -ms-flex-direction: row-reverse;
117
- flex-direction: row-reverse;
118
- }
119
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
120
- padding: 5px 0;
121
- }
122
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
123
- margin: 0 5px;
124
- }
125
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
126
- overflow: auto;
127
- scroll-behavior: smooth;
128
- /* Hide scrollbar for IE and Edge */
129
- -ms-overflow-style: none;
130
- /* Hide scrollbar for Firefox */
131
- scrollbar-width: none;
132
- }
133
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
134
- /* Hide scrollbar for Chrome, Safari and Opera */
135
- display: none;
136
- }
137
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
138
- max-height: var(--speeddialOverflowLimit);
139
- }
140
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
141
- max-width: var(--speeddialOverflowLimit);
142
- }
143
- .e-speeddial-popup.e-speeddial-radial {
144
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
145
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
146
- }
147
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
148
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
149
- }
150
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
151
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
152
- }
153
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
154
- border-bottom-right-radius: 100%;
155
- }
156
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
157
- border-bottom-left-radius: 100%;
158
- }
159
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
160
- border-top-right-radius: 100%;
161
- }
162
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
163
- border-top-left-radius: 100%;
164
- }
165
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
166
- border-radius: inherit;
167
- min-height: inherit;
168
- min-width: inherit;
169
- padding: 0;
170
- position: relative;
171
- }
172
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
173
- position: absolute;
174
- margin: 5px;
175
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
176
- }
177
- .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 {
178
- position: absolute;
179
- visibility: hidden;
180
- }
181
-
182
- .e-speeddial-overlay {
183
- height: 100%;
184
- left: 0;
185
- position: absolute;
186
- top: 0;
187
- width: 100%;
188
- z-index: 99998;
189
- }
190
- .e-speeddial-overlay.e-speeddial-fixed {
191
- height: 100vh;
192
- position: fixed;
193
- width: 100vw;
194
- }
195
-
196
- .e-speeddial-hidden {
197
- visibility: hidden;
198
- }
199
-
200
- .e-speeddial-overlay {
201
- background-color: rgba(0, 0, 0, 0.1);
202
- }
203
-
204
- .e-speeddial-popup .e-speeddial-li-text {
205
- box-shadow: 0 0 5px rgb(128, 128, 128);
206
- background-color: rgb(255, 255, 255);
207
- }
208
- .e-speeddial-popup .e-speeddial-li-icon {
209
- box-shadow: 0 0 5px rgb(128, 128, 128);
210
- background-color: rgb(255, 255, 255);
211
- }
212
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
213
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
214
- }
215
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
216
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
217
- }
@@ -1,4 +0,0 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
2
- @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
- @import 'fluent-dark-definition.scss';
4
- @import 'all.scss';
@@ -1,217 +0,0 @@
1
- .e-speeddial-popup {
2
- overflow: hidden;
3
- position: absolute;
4
- z-index: 99999;
5
- /* OVERFLOW CSS */
6
- }
7
- .e-speeddial-popup.e-speeddial-top {
8
- top: 10px;
9
- }
10
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
11
- top: 0;
12
- }
13
- .e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
14
- top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
15
- }
16
- .e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
17
- top: var(--speeddialVertDist);
18
- }
19
- .e-speeddial-popup.e-speeddial-bottom {
20
- bottom: 10px;
21
- }
22
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
23
- bottom: 0;
24
- }
25
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
26
- bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
27
- }
28
- .e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
29
- bottom: var(--speeddialVertDist);
30
- }
31
- .e-speeddial-popup.e-speeddial-left {
32
- left: 10px;
33
- }
34
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
35
- left: 0;
36
- }
37
- .e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
38
- left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
39
- }
40
- .e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
41
- left: var(--speeddialHorzDist);
42
- }
43
- .e-speeddial-popup.e-speeddial-right {
44
- right: 10px;
45
- }
46
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
47
- right: 0;
48
- }
49
- .e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
50
- right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
51
- }
52
- .e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
53
- right: var(--speeddialHorzDist);
54
- }
55
- .e-speeddial-popup.e-speeddial-template {
56
- outline: none;
57
- }
58
- .e-speeddial-popup .e-speeddial-ul {
59
- display: -ms-inline-flexbox;
60
- display: inline-flex;
61
- -ms-flex-direction: column;
62
- flex-direction: column;
63
- list-style-type: none;
64
- margin: 0;
65
- padding: 0 5px;
66
- }
67
- .e-speeddial-popup .e-speeddial-li {
68
- -ms-flex-align: center;
69
- align-items: center;
70
- cursor: pointer;
71
- display: -ms-inline-flexbox;
72
- display: inline-flex;
73
- margin: 5px 0;
74
- position: relative;
75
- }
76
- .e-speeddial-popup .e-speeddial-li-text {
77
- margin: 0 10px;
78
- padding: 3px;
79
- white-space: nowrap;
80
- }
81
- .e-speeddial-popup .e-speeddial-li-icon {
82
- border-radius: 99999px;
83
- min-height: 30px;
84
- min-width: 30px;
85
- display: -ms-inline-flexbox;
86
- display: inline-flex;
87
- -ms-flex-align: center;
88
- align-items: center;
89
- -ms-flex-pack: center;
90
- justify-content: center;
91
- }
92
- .e-speeddial-popup.e-speeddial-fixed {
93
- position: fixed;
94
- }
95
- .e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
96
- -ms-flex-direction: row-reverse;
97
- flex-direction: row-reverse;
98
- }
99
- .e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
100
- -ms-flex-direction: column-reverse;
101
- flex-direction: column-reverse;
102
- }
103
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
104
- -ms-flex-direction: row-reverse;
105
- flex-direction: row-reverse;
106
- }
107
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
108
- -ms-flex-direction: row;
109
- flex-direction: row;
110
- }
111
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
112
- -ms-flex-direction: row;
113
- flex-direction: row;
114
- }
115
- .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
116
- -ms-flex-direction: row-reverse;
117
- flex-direction: row-reverse;
118
- }
119
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
120
- padding: 5px 0;
121
- }
122
- .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
123
- margin: 0 5px;
124
- }
125
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
126
- overflow: auto;
127
- scroll-behavior: smooth;
128
- /* Hide scrollbar for IE and Edge */
129
- -ms-overflow-style: none;
130
- /* Hide scrollbar for Firefox */
131
- scrollbar-width: none;
132
- }
133
- .e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
134
- /* Hide scrollbar for Chrome, Safari and Opera */
135
- display: none;
136
- }
137
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
138
- max-height: var(--speeddialOverflowLimit);
139
- }
140
- .e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
141
- max-width: var(--speeddialOverflowLimit);
142
- }
143
- .e-speeddial-popup.e-speeddial-radial {
144
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
145
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
146
- }
147
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
148
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
149
- }
150
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
151
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
152
- }
153
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
154
- border-bottom-right-radius: 100%;
155
- }
156
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
157
- border-bottom-left-radius: 100%;
158
- }
159
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
160
- border-top-right-radius: 100%;
161
- }
162
- .e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
163
- border-top-left-radius: 100%;
164
- }
165
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
166
- border-radius: inherit;
167
- min-height: inherit;
168
- min-width: inherit;
169
- padding: 0;
170
- position: relative;
171
- }
172
- .e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
173
- position: absolute;
174
- margin: 5px;
175
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
176
- }
177
- .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 {
178
- position: absolute;
179
- visibility: hidden;
180
- }
181
-
182
- .e-speeddial-overlay {
183
- height: 100%;
184
- left: 0;
185
- position: absolute;
186
- top: 0;
187
- width: 100%;
188
- z-index: 99998;
189
- }
190
- .e-speeddial-overlay.e-speeddial-fixed {
191
- height: 100vh;
192
- position: fixed;
193
- width: 100vw;
194
- }
195
-
196
- .e-speeddial-hidden {
197
- visibility: hidden;
198
- }
199
-
200
- .e-speeddial-overlay {
201
- background-color: rgba(0, 0, 0, 0.1);
202
- }
203
-
204
- .e-speeddial-popup .e-speeddial-li-text {
205
- box-shadow: 0 0 5px rgb(128, 128, 128);
206
- background-color: rgb(255, 255, 255);
207
- }
208
- .e-speeddial-popup .e-speeddial-li-icon {
209
- box-shadow: 0 0 5px rgb(128, 128, 128);
210
- background-color: rgb(255, 255, 255);
211
- }
212
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
213
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
214
- }
215
- .e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
216
- box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
217
- }
@@ -1,4 +0,0 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
2
- @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
- @import 'fluent-definition.scss';
4
- @import 'all.scss';