@syncfusion/ej2-angular-inputs 26.2.4 → 26.2.5

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 (235) hide show
  1. package/package.json +6 -6
  2. package/styles/bootstrap-dark.css +1 -7406
  3. package/styles/bootstrap.css +1 -7388
  4. package/styles/bootstrap4.css +1 -7546
  5. package/styles/bootstrap5-dark.css +1 -7711
  6. package/styles/bootstrap5.css +1 -7711
  7. package/styles/color-picker/bootstrap-dark.css +1 -779
  8. package/styles/color-picker/bootstrap.css +1 -779
  9. package/styles/color-picker/bootstrap4.css +1 -865
  10. package/styles/color-picker/bootstrap5-dark.css +1 -845
  11. package/styles/color-picker/bootstrap5.css +1 -845
  12. package/styles/color-picker/fabric-dark.css +1 -779
  13. package/styles/color-picker/fabric.css +1 -784
  14. package/styles/color-picker/fluent-dark.css +1 -800
  15. package/styles/color-picker/fluent.css +1 -800
  16. package/styles/color-picker/fluent2.css +1 -2025
  17. package/styles/color-picker/highcontrast-light.css +1 -779
  18. package/styles/color-picker/highcontrast.css +1 -779
  19. package/styles/color-picker/material-dark.css +1 -793
  20. package/styles/color-picker/material.css +1 -826
  21. package/styles/color-picker/material3-dark.css +1 -1015
  22. package/styles/color-picker/material3.css +1 -1127
  23. package/styles/color-picker/tailwind-dark.css +1 -819
  24. package/styles/color-picker/tailwind.css +1 -819
  25. package/styles/data-form/bootstrap-dark.css +1 -232
  26. package/styles/data-form/bootstrap.css +1 -232
  27. package/styles/data-form/bootstrap4.css +1 -232
  28. package/styles/data-form/bootstrap5-dark.css +1 -232
  29. package/styles/data-form/bootstrap5.css +1 -232
  30. package/styles/data-form/fabric-dark.css +1 -232
  31. package/styles/data-form/fabric.css +1 -232
  32. package/styles/data-form/fluent-dark.css +1 -232
  33. package/styles/data-form/fluent.css +1 -232
  34. package/styles/data-form/fluent2.css +1 -1266
  35. package/styles/data-form/highcontrast-light.css +1 -232
  36. package/styles/data-form/highcontrast.css +1 -232
  37. package/styles/data-form/material-dark.css +1 -232
  38. package/styles/data-form/material.css +1 -232
  39. package/styles/data-form/material3-dark.css +1 -342
  40. package/styles/data-form/material3.css +1 -454
  41. package/styles/data-form/tailwind-dark.css +1 -232
  42. package/styles/data-form/tailwind.css +1 -232
  43. package/styles/fabric-dark.css +1 -7352
  44. package/styles/fabric.css +1 -7357
  45. package/styles/fluent-dark.css +1 -7505
  46. package/styles/fluent.css +1 -7505
  47. package/styles/fluent2.css +1 -25580
  48. package/styles/highcontrast-light.css +1 -7561
  49. package/styles/highcontrast.css +1 -7561
  50. package/styles/input/bootstrap-dark.css +1 -4372
  51. package/styles/input/bootstrap.css +1 -4372
  52. package/styles/input/bootstrap4.css +1 -4352
  53. package/styles/input/bootstrap5-dark.css +1 -4450
  54. package/styles/input/bootstrap5.css +1 -4450
  55. package/styles/input/fabric-dark.css +1 -4302
  56. package/styles/input/fabric.css +1 -4302
  57. package/styles/input/fluent-dark.css +1 -4333
  58. package/styles/input/fluent.css +1 -4333
  59. package/styles/input/fluent2.css +1 -10199
  60. package/styles/input/highcontrast-light.css +1 -4466
  61. package/styles/input/highcontrast.css +1 -4466
  62. package/styles/input/material-dark.css +1 -11663
  63. package/styles/input/material.css +1 -11683
  64. package/styles/input/material3-dark.css +1 -11613
  65. package/styles/input/material3.css +1 -11725
  66. package/styles/input/tailwind-dark.css +1 -4307
  67. package/styles/input/tailwind.css +1 -4307
  68. package/styles/maskedtextbox/bootstrap-dark.css +1 -31
  69. package/styles/maskedtextbox/bootstrap.css +1 -14
  70. package/styles/maskedtextbox/bootstrap4.css +1 -31
  71. package/styles/maskedtextbox/bootstrap5-dark.css +1 -31
  72. package/styles/maskedtextbox/bootstrap5.css +1 -31
  73. package/styles/maskedtextbox/fabric-dark.css +1 -31
  74. package/styles/maskedtextbox/fabric.css +1 -31
  75. package/styles/maskedtextbox/fluent-dark.css +1 -27
  76. package/styles/maskedtextbox/fluent.css +1 -27
  77. package/styles/maskedtextbox/fluent2.css +1 -1244
  78. package/styles/maskedtextbox/highcontrast-light.css +1 -31
  79. package/styles/maskedtextbox/highcontrast.css +1 -31
  80. package/styles/maskedtextbox/material-dark.css +1 -45
  81. package/styles/maskedtextbox/material.css +1 -65
  82. package/styles/maskedtextbox/material3-dark.css +1 -175
  83. package/styles/maskedtextbox/material3.css +1 -287
  84. package/styles/maskedtextbox/tailwind-dark.css +1 -31
  85. package/styles/maskedtextbox/tailwind.css +1 -31
  86. package/styles/material-dark.css +1 -14920
  87. package/styles/material.css +1 -14992
  88. package/styles/material3-dark.css +1 -16323
  89. package/styles/material3.css +1 -17667
  90. package/styles/numerictextbox/bootstrap-dark.css +1 -53
  91. package/styles/numerictextbox/bootstrap.css +1 -53
  92. package/styles/numerictextbox/bootstrap4.css +1 -48
  93. package/styles/numerictextbox/bootstrap5-dark.css +1 -48
  94. package/styles/numerictextbox/bootstrap5.css +1 -48
  95. package/styles/numerictextbox/fabric-dark.css +1 -48
  96. package/styles/numerictextbox/fabric.css +1 -48
  97. package/styles/numerictextbox/fluent-dark.css +1 -59
  98. package/styles/numerictextbox/fluent.css +1 -59
  99. package/styles/numerictextbox/fluent2.css +1 -1261
  100. package/styles/numerictextbox/highcontrast-light.css +1 -48
  101. package/styles/numerictextbox/highcontrast.css +1 -48
  102. package/styles/numerictextbox/material-dark.css +1 -62
  103. package/styles/numerictextbox/material.css +1 -82
  104. package/styles/numerictextbox/material3-dark.css +1 -192
  105. package/styles/numerictextbox/material3.css +1 -304
  106. package/styles/numerictextbox/tailwind-dark.css +1 -48
  107. package/styles/numerictextbox/tailwind.css +1 -48
  108. package/styles/otp-input/bootstrap-dark.css +1 -225
  109. package/styles/otp-input/bootstrap.css +1 -225
  110. package/styles/otp-input/bootstrap4.css +1 -225
  111. package/styles/otp-input/bootstrap5-dark.css +1 -225
  112. package/styles/otp-input/bootstrap5.css +1 -225
  113. package/styles/otp-input/fabric-dark.css +1 -225
  114. package/styles/otp-input/fabric.css +1 -225
  115. package/styles/otp-input/fluent-dark.css +1 -225
  116. package/styles/otp-input/fluent.css +1 -225
  117. package/styles/otp-input/fluent2.css +1 -1259
  118. package/styles/otp-input/highcontrast-light.css +1 -225
  119. package/styles/otp-input/highcontrast.css +1 -225
  120. package/styles/otp-input/material-dark.css +1 -225
  121. package/styles/otp-input/material.css +1 -225
  122. package/styles/otp-input/material3-dark.css +1 -335
  123. package/styles/otp-input/material3.css +1 -447
  124. package/styles/otp-input/tailwind-dark.css +1 -225
  125. package/styles/otp-input/tailwind.css +1 -225
  126. package/styles/rating/bootstrap-dark.css +1 -315
  127. package/styles/rating/bootstrap.css +1 -315
  128. package/styles/rating/bootstrap4.css +1 -315
  129. package/styles/rating/bootstrap5-dark.css +1 -316
  130. package/styles/rating/bootstrap5.css +1 -316
  131. package/styles/rating/fabric-dark.css +1 -315
  132. package/styles/rating/fabric.css +1 -315
  133. package/styles/rating/fluent-dark.css +1 -315
  134. package/styles/rating/fluent.css +1 -315
  135. package/styles/rating/fluent2.css +1 -1349
  136. package/styles/rating/highcontrast-light.css +1 -315
  137. package/styles/rating/highcontrast.css +1 -315
  138. package/styles/rating/material-dark.css +1 -315
  139. package/styles/rating/material.css +1 -315
  140. package/styles/rating/material3-dark.css +1 -434
  141. package/styles/rating/material3.css +1 -546
  142. package/styles/rating/tailwind-dark.css +1 -319
  143. package/styles/rating/tailwind.css +1 -319
  144. package/styles/signature/bootstrap-dark.css +1 -9
  145. package/styles/signature/bootstrap.css +1 -9
  146. package/styles/signature/bootstrap4.css +1 -9
  147. package/styles/signature/bootstrap5-dark.css +1 -9
  148. package/styles/signature/bootstrap5.css +1 -9
  149. package/styles/signature/fabric-dark.css +1 -9
  150. package/styles/signature/fabric.css +1 -9
  151. package/styles/signature/fluent-dark.css +1 -9
  152. package/styles/signature/fluent.css +1 -9
  153. package/styles/signature/fluent2.css +1 -1043
  154. package/styles/signature/highcontrast-light.css +1 -9
  155. package/styles/signature/highcontrast.css +1 -9
  156. package/styles/signature/material-dark.css +1 -9
  157. package/styles/signature/material.css +1 -9
  158. package/styles/signature/material3-dark.css +1 -119
  159. package/styles/signature/material3.css +1 -231
  160. package/styles/signature/tailwind-dark.css +1 -9
  161. package/styles/signature/tailwind.css +1 -9
  162. package/styles/slider/bootstrap-dark.css +1 -484
  163. package/styles/slider/bootstrap.css +1 -484
  164. package/styles/slider/bootstrap4.css +1 -563
  165. package/styles/slider/bootstrap5-dark.css +1 -643
  166. package/styles/slider/bootstrap5.css +1 -643
  167. package/styles/slider/fabric-dark.css +1 -504
  168. package/styles/slider/fabric.css +1 -504
  169. package/styles/slider/fluent-dark.css +1 -547
  170. package/styles/slider/fluent.css +1 -547
  171. package/styles/slider/fluent2.css +1 -1642
  172. package/styles/slider/highcontrast-light.css +1 -550
  173. package/styles/slider/highcontrast.css +1 -550
  174. package/styles/slider/material-dark.css +1 -677
  175. package/styles/slider/material.css +1 -662
  176. package/styles/slider/material3-dark.css +1 -873
  177. package/styles/slider/material3.css +1 -985
  178. package/styles/slider/tailwind-dark.css +1 -617
  179. package/styles/slider/tailwind.css +1 -617
  180. package/styles/tailwind-dark.css +1 -7548
  181. package/styles/tailwind.css +1 -7548
  182. package/styles/textarea/bootstrap-dark.css +1 -34
  183. package/styles/textarea/bootstrap.css +1 -34
  184. package/styles/textarea/bootstrap4.css +1 -34
  185. package/styles/textarea/bootstrap5-dark.css +1 -34
  186. package/styles/textarea/bootstrap5.css +1 -34
  187. package/styles/textarea/fabric-dark.css +1 -34
  188. package/styles/textarea/fabric.css +1 -34
  189. package/styles/textarea/fluent-dark.css +1 -34
  190. package/styles/textarea/fluent.css +1 -34
  191. package/styles/textarea/fluent2.css +1 -1247
  192. package/styles/textarea/highcontrast-light.css +1 -34
  193. package/styles/textarea/highcontrast.css +1 -34
  194. package/styles/textarea/material-dark.css +1 -48
  195. package/styles/textarea/material.css +1 -68
  196. package/styles/textarea/material3-dark.css +1 -178
  197. package/styles/textarea/material3.css +1 -290
  198. package/styles/textarea/tailwind-dark.css +1 -34
  199. package/styles/textarea/tailwind.css +1 -34
  200. package/styles/textbox/bootstrap-dark.css +1 -28
  201. package/styles/textbox/bootstrap.css +1 -28
  202. package/styles/textbox/bootstrap4.css +1 -28
  203. package/styles/textbox/bootstrap5-dark.css +1 -28
  204. package/styles/textbox/bootstrap5.css +1 -28
  205. package/styles/textbox/fabric-dark.css +1 -28
  206. package/styles/textbox/fabric.css +1 -28
  207. package/styles/textbox/fluent-dark.css +1 -28
  208. package/styles/textbox/fluent.css +1 -28
  209. package/styles/textbox/fluent2.css +1 -1241
  210. package/styles/textbox/highcontrast-light.css +1 -28
  211. package/styles/textbox/highcontrast.css +1 -28
  212. package/styles/textbox/material-dark.css +1 -42
  213. package/styles/textbox/material.css +1 -62
  214. package/styles/textbox/material3-dark.css +1 -172
  215. package/styles/textbox/material3.css +1 -284
  216. package/styles/textbox/tailwind-dark.css +1 -28
  217. package/styles/textbox/tailwind.css +1 -28
  218. package/styles/uploader/bootstrap-dark.css +1 -835
  219. package/styles/uploader/bootstrap.css +1 -835
  220. package/styles/uploader/bootstrap4.css +1 -835
  221. package/styles/uploader/bootstrap5-dark.css +1 -841
  222. package/styles/uploader/bootstrap5.css +1 -841
  223. package/styles/uploader/fabric-dark.css +1 -835
  224. package/styles/uploader/fabric.css +1 -835
  225. package/styles/uploader/fluent-dark.css +1 -887
  226. package/styles/uploader/fluent.css +1 -887
  227. package/styles/uploader/fluent2.css +1 -1880
  228. package/styles/uploader/highcontrast-light.css +1 -835
  229. package/styles/uploader/highcontrast.css +1 -835
  230. package/styles/uploader/material-dark.css +1 -835
  231. package/styles/uploader/material.css +1 -839
  232. package/styles/uploader/material3-dark.css +1 -951
  233. package/styles/uploader/material3.css +1 -1063
  234. package/styles/uploader/tailwind-dark.css +1 -870
  235. package/styles/uploader/tailwind.css +1 -870
@@ -1,643 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- /* stylelint-disable-line no-empty-source */
3
- /* stylelint-disable property-no-vendor-prefix */
4
- .e-control-wrapper.e-slider-container {
5
- -moz-user-select: none;
6
- -ms-user-select: none;
7
- -webkit-tap-highlight-color: transparent;
8
- -webkit-touch-callout: none;
9
- -webkit-user-select: none;
10
- -webkit-box-sizing: border-box;
11
- box-sizing: border-box;
12
- display: inline-block;
13
- height: 26px;
14
- line-height: normal;
15
- outline: none;
16
- position: relative;
17
- user-select: none;
18
- }
19
- .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
20
- cursor: default;
21
- -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
22
- transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
23
- transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
24
- transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
25
- z-index: 3;
26
- }
27
- .e-control-wrapper.e-slider-container::after {
28
- content: "bootstrap5";
29
- display: none;
30
- }
31
- .e-control-wrapper.e-slider-container .e-slider {
32
- -webkit-box-sizing: border-box;
33
- box-sizing: border-box;
34
- cursor: pointer;
35
- display: block;
36
- outline: 0 none;
37
- padding: 0;
38
- position: relative;
39
- }
40
- .e-control-wrapper.e-slider-container .e-slider .e-handle {
41
- border-radius: 10px;
42
- -webkit-box-sizing: border-box;
43
- box-sizing: border-box;
44
- cursor: pointer;
45
- height: 12px;
46
- width: 12px;
47
- outline: none;
48
- position: absolute;
49
- -ms-touch-action: none;
50
- touch-action: none;
51
- -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
52
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
53
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
54
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
55
- z-index: 10;
56
- }
57
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
58
- -webkit-transform: scale(1.5);
59
- transform: scale(1.5);
60
- }
61
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
62
- background-color: #0b5ed7;
63
- border: 1px solid #212529;
64
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
65
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
66
- }
67
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
68
- margin: 0 -6px 0 0;
69
- }
70
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
71
- background-position: right center;
72
- left: 0;
73
- }
74
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
75
- background-position: left center;
76
- }
77
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button {
78
- margin-top: -13px;
79
- }
80
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button .e-button-icon::before {
81
- font-size: 18px;
82
- }
83
- .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
84
- direction: ltr;
85
- }
86
- .e-control-wrapper.e-slider-container.e-disabled {
87
- opacity: 0.5;
88
- }
89
- .e-control-wrapper.e-slider-container.e-disabled .e-btn {
90
- cursor: default;
91
- }
92
- .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
93
- cursor: default;
94
- }
95
- .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
96
- display: none;
97
- }
98
- .e-control-wrapper.e-slider-container.e-horizontal {
99
- height: 48px;
100
- width: 100%;
101
- }
102
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
103
- left: 0;
104
- margin-top: -10px;
105
- top: 50%;
106
- }
107
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon {
108
- font-family: "e-icons";
109
- }
110
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
111
- color: #fff;
112
- content: "\e738";
113
- font-size: 17px;
114
- }
115
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
116
- right: 0;
117
- margin-top: -10px;
118
- top: 50%;
119
- }
120
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
121
- font-family: "e-icons";
122
- }
123
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
124
- color: #fff;
125
- content: "\e75c";
126
- font-size: 17px;
127
- }
128
- .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
129
- padding: 0 28px;
130
- }
131
- .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
132
- height: 32px;
133
- width: 100%;
134
- position: relative;
135
- top: calc(50% - 16px);
136
- }
137
- .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
138
- height: 6px;
139
- width: 100%;
140
- left: 0;
141
- position: absolute;
142
- overflow: hidden;
143
- background: #343a40;
144
- border-radius: 4px;
145
- top: calc(50% - 4px);
146
- top: calc(50% - 3px);
147
- }
148
- .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
149
- margin-left: -6px;
150
- top: calc(50% - 6px);
151
- }
152
- .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
153
- height: 6px;
154
- }
155
- .e-control-wrapper.e-slider-container.e-horizontal .e-range {
156
- height: 6px;
157
- top: calc(50% - 2px);
158
- top: calc(50% - 3px);
159
- }
160
- .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
161
- background-color: rgba(0, 0, 0, 0.4);
162
- position: absolute;
163
- height: 6px;
164
- top: calc(50% - 3px);
165
- border-radius: 4px;
166
- }
167
- .e-control-wrapper.e-slider-container.e-vertical {
168
- height: inherit;
169
- width: 48px;
170
- padding: 28px 0;
171
- }
172
- .e-control-wrapper.e-slider-container.e-vertical .e-slider {
173
- height: 100%;
174
- width: 32px;
175
- left: calc(50% - 16px);
176
- position: relative;
177
- }
178
- .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
179
- background: #343a40;
180
- bottom: 0;
181
- height: 100%;
182
- position: absolute;
183
- overflow: hidden;
184
- width: 6px;
185
- left: calc(50% - 3px);
186
- border-radius: 4px;
187
- }
188
- .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
189
- height: 100%;
190
- padding: 28px 0;
191
- }
192
- .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
193
- height: 100%;
194
- width: 4px;
195
- }
196
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
197
- bottom: 0;
198
- margin-right: -10px;
199
- right: 50%;
200
- }
201
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
202
- font-family: "e-icons";
203
- }
204
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
205
- color: #fff;
206
- content: "\e734";
207
- font-size: 14px;
208
- }
209
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
210
- font-family: "e-icons";
211
- }
212
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
213
- color: #fff;
214
- content: "\e734";
215
- font-size: 18px;
216
- }
217
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
218
- top: 0;
219
- margin-right: -10px;
220
- right: 50%;
221
- }
222
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
223
- font-family: "e-icons";
224
- }
225
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
226
- color: #fff;
227
- content: "\e7dd";
228
- font-size: 14px;
229
- }
230
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
231
- font-family: "e-icons";
232
- }
233
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
234
- color: #fff;
235
- content: "\e7dd";
236
- font-size: 18px;
237
- }
238
- .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
239
- margin-bottom: -6px;
240
- }
241
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
242
- margin-bottom: -6px;
243
- left: calc(50% - 6px);
244
- }
245
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
246
- width: 6px;
247
- left: calc(50% - 3px);
248
- }
249
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
250
- background-color: rgba(0, 0, 0, 0.4);
251
- position: absolute;
252
- width: 6px;
253
- left: calc(50% - 3px);
254
- border-radius: 4px;
255
- }
256
- .e-control-wrapper.e-slider-container .e-range {
257
- border-radius: 4px;
258
- position: absolute;
259
- -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
260
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
261
- }
262
- .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal, .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
263
- cursor: pointer;
264
- }
265
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
266
- height: 6px;
267
- top: -10px;
268
- }
269
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
270
- height: 10px;
271
- top: -10px;
272
- }
273
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
274
- width: 6px;
275
- left: 5px;
276
- }
277
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
278
- width: 10px;
279
- left: 1px;
280
- }
281
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
282
- height: 6px;
283
- top: 1px;
284
- }
285
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
286
- height: 10px;
287
- top: 5px;
288
- }
289
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
290
- width: 6px;
291
- left: 17px;
292
- }
293
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
294
- width: 10px;
295
- left: 17px;
296
- }
297
- .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
298
- right: 9px;
299
- }
300
- .e-control-wrapper.e-slider-container.e-scale-after .e-scale.e-v-scale {
301
- right: 9px;
302
- }
303
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
304
- height: 18px;
305
- top: -11px;
306
- }
307
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
308
- height: 26px;
309
- top: -7px;
310
- }
311
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
312
- background-position: center;
313
- width: 18px;
314
- left: 5px;
315
- }
316
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
317
- width: calc(100% - 6px);
318
- left: 3px;
319
- width: 26px;
320
- left: 1px;
321
- }
322
- .e-control-wrapper.e-slider-container .e-scale {
323
- -webkit-box-sizing: content-box;
324
- box-sizing: content-box;
325
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
326
- height: 28px;
327
- width: 100%;
328
- line-height: normal;
329
- list-style: none outside none;
330
- margin: 0;
331
- outline: 0 none;
332
- padding: 0;
333
- position: absolute;
334
- top: 16px;
335
- z-index: 1;
336
- font-size: 12px;
337
- margin-top: -5px;
338
- }
339
- .e-control-wrapper.e-slider-container .e-scale .e-tick {
340
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC");
341
- cursor: pointer;
342
- outline: none;
343
- position: relative;
344
- -webkit-user-select: none;
345
- -moz-user-select: none;
346
- -ms-user-select: none;
347
- user-select: none;
348
- background-position: center center;
349
- }
350
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
351
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AbHV9/wUNAl7Qm4m+AAAAAElFTkSuQmCC");
352
- }
353
- .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
354
- color: #e9ecef;
355
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
356
- font-size: 12px;
357
- outline: none;
358
- position: absolute;
359
- -webkit-user-select: none;
360
- -moz-user-select: none;
361
- -ms-user-select: none;
362
- user-select: none;
363
- white-space: nowrap;
364
- line-height: 1.5;
365
- }
366
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
367
- height: 100%;
368
- width: 28px;
369
- left: calc(50% - 14px);
370
- top: 0;
371
- margin-top: -2px;
372
- }
373
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
374
- background-repeat: repeat-x;
375
- }
376
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
377
- background-position-y: center;
378
- }
379
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
380
- background-position-y: bottom;
381
- margin-top: 2px;
382
- }
383
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
384
- display: inline-block;
385
- background-repeat: repeat-y;
386
- height: 100%;
387
- top: 0;
388
- }
389
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
390
- top: -18px;
391
- }
392
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
393
- bottom: -20px;
394
- }
395
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
396
- background-position: left center;
397
- }
398
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
399
- background-position: right center;
400
- }
401
- .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
402
- top: 15px;
403
- }
404
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
405
- right: 17px;
406
- }
407
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
408
- left: 19px;
409
- }
410
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
411
- right: 44px;
412
- }
413
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
414
- left: 42px;
415
- }
416
-
417
- .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
418
- padding: 2px 4px;
419
- text-align: center;
420
- }
421
-
422
- .e-slider-horizantal-color {
423
- height: 100%;
424
- top: 0;
425
- position: absolute;
426
- }
427
-
428
- .e-slider-vertical-color {
429
- position: absolute;
430
- width: 100%;
431
- left: -1px;
432
- }
433
-
434
- .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
435
- padding: 2px 4px;
436
- }
437
-
438
- .e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
439
- .e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
440
- height: 16px;
441
- width: 16px;
442
- }
443
- .e-bigger .e-control-wrapper.e-slider-container .e-slider-button,
444
- .e-control-wrapper.e-slider-container.e-bigger .e-slider-button {
445
- height: 18px;
446
- width: 18px;
447
- }
448
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
449
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
450
- padding: 36px 0;
451
- }
452
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
453
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
454
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
455
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
456
- margin-right: -12px;
457
- }
458
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-slider-track,
459
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-slider-track {
460
- width: 8px;
461
- left: calc(50% - 4px);
462
- }
463
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
464
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
465
- width: 8px;
466
- left: calc(50% - 4px);
467
- }
468
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-limits,
469
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-limits {
470
- height: 8px;
471
- top: calc(50% - 4px);
472
- }
473
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits,
474
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-limits {
475
- width: 8px;
476
- left: calc(50% - 4px);
477
- }
478
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
479
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button,
480
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button,
481
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button,
482
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button,
483
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button,
484
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button {
485
- border-radius: 12px;
486
- height: 24px;
487
- width: 24px;
488
- }
489
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
490
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button .e-button-icon::before, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
491
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button .e-button-icon::before,
492
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
493
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button .e-button-icon::before,
494
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
495
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button .e-button-icon::before {
496
- font-size: 22px;
497
- }
498
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
499
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button,
500
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button,
501
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button {
502
- margin-top: -12px;
503
- }
504
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick,
505
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick {
506
- height: 24px;
507
- top: -14px;
508
- }
509
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large,
510
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large {
511
- height: 32px;
512
- top: -10px;
513
- }
514
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick,
515
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick {
516
- height: 8px;
517
- top: -12px;
518
- }
519
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large,
520
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large {
521
- height: 12px;
522
- top: -12px;
523
- }
524
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick,
525
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick {
526
- height: 8px;
527
- top: 4px;
528
- }
529
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large,
530
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large {
531
- height: 12px;
532
- top: 8px;
533
- }
534
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale .e-tick,
535
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale .e-tick {
536
- width: 24px;
537
- left: 2px;
538
- }
539
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale .e-large,
540
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale .e-large {
541
- width: 32px;
542
- left: -2px;
543
- }
544
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick,
545
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick {
546
- width: 8px;
547
- left: 2px;
548
- }
549
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-large,
550
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-large {
551
- width: 12px;
552
- left: -2px;
553
- }
554
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick,
555
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick {
556
- width: 8px;
557
- left: 18px;
558
- }
559
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-large,
560
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-large {
561
- width: 12px;
562
- left: 18px;
563
- }
564
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
565
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
566
- padding: 0 36px;
567
- }
568
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-slider-track,
569
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-range,
570
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-slider-track,
571
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-range {
572
- height: 8px;
573
- top: calc(50% - 4px);
574
- }
575
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
576
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
577
- margin-left: -8px;
578
- top: calc(50% - 8px);
579
- }
580
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
581
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
582
- left: calc(50% - 9px);
583
- margin-bottom: -9px;
584
- left: calc(50% - 8px);
585
- margin-bottom: -8px;
586
- }
587
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
588
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
589
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track,
590
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
591
- width: 6px;
592
- }
593
- .e-bigger .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle,
594
- .e-control-wrapper.e-slider-container.e-bigger.e-rtl.e-horizontal .e-slider .e-handle {
595
- margin: 0 -8px 0 0;
596
- }
597
- .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
598
- .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
599
- font-size: 14px;
600
- }
601
-
602
- /* stylelint-enable property-no-vendor-prefix */
603
- .e-control-wrapper.e-slider-container .e-slider-button {
604
- background-color: #6c757d;
605
- border: 1px solid #6c757d;
606
- -webkit-box-sizing: border-box;
607
- box-sizing: border-box;
608
- cursor: pointer;
609
- outline: none;
610
- position: absolute;
611
- height: 20px;
612
- width: 20px;
613
- border-radius: 10px;
614
- -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
615
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
616
- padding: 0;
617
- }
618
- .e-control-wrapper.e-slider-container .e-slider .e-range {
619
- background-color: #0d6efd;
620
- }
621
- .e-control-wrapper.e-slider-container .e-slider .e-handle {
622
- background-color: #0d6efd;
623
- border: 1px solid #0d6efd;
624
- border-color: #0d6efd;
625
- }
626
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
627
- background-color: transparent;
628
- border-color: transparent;
629
- }
630
- .e-control-wrapper.e-slider-container .e-slider .e-handle:hover {
631
- background-color: #0b5ed7;
632
- border-color: #0a58ca;
633
- }
634
- .e-control-wrapper.e-slider-container .e-slider .e-handle:active {
635
- background-color: #0b5ed7;
636
- border-color: #0a58ca;
637
- }
638
- .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
639
- background-color: #343a40;
640
- }
641
- .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
642
- border-color: #0d6efd;
643
- }
1
+ @import '@syncfusion/ej2-inputs/styles/slider/bootstrap5-dark.css';