@syncfusion/ej2-angular-inputs 20.1.48 → 20.1.59

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 (132) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-angular-inputs.umd.js +1 -1
  3. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/ng-add/schema.json +1 -1
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +125 -658
  10. package/styles/bootstrap.css +122 -655
  11. package/styles/bootstrap4.css +122 -682
  12. package/styles/bootstrap5-dark.css +131 -702
  13. package/styles/bootstrap5.css +131 -702
  14. package/styles/color-picker/bootstrap-dark.css +27 -194
  15. package/styles/color-picker/bootstrap.css +27 -194
  16. package/styles/color-picker/bootstrap4.css +27 -209
  17. package/styles/color-picker/bootstrap5-dark.css +27 -202
  18. package/styles/color-picker/bootstrap5.css +27 -202
  19. package/styles/color-picker/fabric-dark.css +27 -194
  20. package/styles/color-picker/fabric.css +27 -194
  21. package/styles/color-picker/fluent-dark.css +27 -194
  22. package/styles/color-picker/fluent.css +27 -194
  23. package/styles/color-picker/highcontrast-light.css +27 -194
  24. package/styles/color-picker/highcontrast.css +27 -194
  25. package/styles/color-picker/material-dark.css +27 -195
  26. package/styles/color-picker/material.css +27 -196
  27. package/styles/color-picker/tailwind-dark.css +28 -203
  28. package/styles/color-picker/tailwind.css +28 -203
  29. package/styles/fabric-dark.css +122 -656
  30. package/styles/fabric.css +121 -655
  31. package/styles/fluent-dark.css +131 -691
  32. package/styles/fluent.css +131 -691
  33. package/styles/highcontrast-light.css +130 -676
  34. package/styles/highcontrast.css +130 -676
  35. package/styles/input/bootstrap-dark.css +36 -38
  36. package/styles/input/bootstrap.css +33 -35
  37. package/styles/input/bootstrap4.css +33 -35
  38. package/styles/input/bootstrap5-dark.css +33 -35
  39. package/styles/input/bootstrap5.css +33 -35
  40. package/styles/input/fabric-dark.css +32 -33
  41. package/styles/input/fabric.css +32 -33
  42. package/styles/input/fluent-dark.css +32 -33
  43. package/styles/input/fluent.css +32 -33
  44. package/styles/input/highcontrast-light.css +33 -35
  45. package/styles/input/highcontrast.css +33 -35
  46. package/styles/input/material-dark.css +87 -122
  47. package/styles/input/material.css +87 -123
  48. package/styles/input/tailwind-dark.css +32 -33
  49. package/styles/input/tailwind.css +32 -33
  50. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  51. package/styles/maskedtextbox/bootstrap.css +1 -1
  52. package/styles/maskedtextbox/bootstrap4.css +1 -1
  53. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  54. package/styles/maskedtextbox/bootstrap5.css +1 -1
  55. package/styles/maskedtextbox/fabric-dark.css +1 -1
  56. package/styles/maskedtextbox/fabric.css +1 -1
  57. package/styles/maskedtextbox/fluent-dark.css +1 -1
  58. package/styles/maskedtextbox/fluent.css +1 -1
  59. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  60. package/styles/maskedtextbox/highcontrast.css +1 -1
  61. package/styles/maskedtextbox/material-dark.css +1 -2
  62. package/styles/maskedtextbox/material.css +1 -3
  63. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  64. package/styles/maskedtextbox/tailwind.css +1 -1
  65. package/styles/material-dark.css +180 -775
  66. package/styles/material.css +180 -780
  67. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  68. package/styles/numerictextbox/bootstrap.css +6 -8
  69. package/styles/numerictextbox/bootstrap4.css +6 -7
  70. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  71. package/styles/numerictextbox/bootstrap5.css +6 -7
  72. package/styles/numerictextbox/fabric-dark.css +6 -7
  73. package/styles/numerictextbox/fabric.css +6 -7
  74. package/styles/numerictextbox/fluent-dark.css +7 -9
  75. package/styles/numerictextbox/fluent.css +7 -9
  76. package/styles/numerictextbox/highcontrast-light.css +6 -7
  77. package/styles/numerictextbox/highcontrast.css +6 -7
  78. package/styles/numerictextbox/material-dark.css +6 -8
  79. package/styles/numerictextbox/material.css +6 -9
  80. package/styles/numerictextbox/tailwind-dark.css +6 -7
  81. package/styles/numerictextbox/tailwind.css +6 -7
  82. package/styles/signature/bootstrap-dark.css +1 -1
  83. package/styles/signature/bootstrap.css +1 -1
  84. package/styles/signature/bootstrap4.css +1 -1
  85. package/styles/signature/bootstrap5-dark.css +1 -1
  86. package/styles/signature/bootstrap5.css +1 -1
  87. package/styles/signature/fabric-dark.css +1 -1
  88. package/styles/signature/fabric.css +1 -1
  89. package/styles/signature/fluent-dark.css +1 -1
  90. package/styles/signature/fluent.css +1 -1
  91. package/styles/signature/highcontrast-light.css +1 -1
  92. package/styles/signature/highcontrast.css +1 -1
  93. package/styles/signature/material-dark.css +1 -1
  94. package/styles/signature/material.css +1 -1
  95. package/styles/signature/tailwind-dark.css +1 -1
  96. package/styles/signature/tailwind.css +1 -1
  97. package/styles/slider/bootstrap-dark.css +1 -91
  98. package/styles/slider/bootstrap.css +1 -91
  99. package/styles/slider/bootstrap4.css +1 -104
  100. package/styles/slider/bootstrap5-dark.css +10 -131
  101. package/styles/slider/bootstrap5.css +10 -131
  102. package/styles/slider/fabric-dark.css +2 -96
  103. package/styles/slider/fabric.css +1 -95
  104. package/styles/slider/fluent-dark.css +9 -113
  105. package/styles/slider/fluent.css +9 -113
  106. package/styles/slider/highcontrast-light.css +9 -113
  107. package/styles/slider/highcontrast.css +9 -113
  108. package/styles/slider/material-dark.css +5 -120
  109. package/styles/slider/material.css +5 -120
  110. package/styles/slider/tailwind-dark.css +8 -136
  111. package/styles/slider/tailwind.css +8 -136
  112. package/styles/tailwind-dark.css +129 -705
  113. package/styles/tailwind.css +129 -705
  114. package/styles/textbox/material-dark.css +1 -1
  115. package/styles/textbox/material.css +1 -2
  116. package/styles/textbox/tailwind-dark.css +1 -1
  117. package/styles/textbox/tailwind.css +1 -1
  118. package/styles/uploader/bootstrap-dark.css +59 -330
  119. package/styles/uploader/bootstrap.css +59 -330
  120. package/styles/uploader/bootstrap4.css +59 -330
  121. package/styles/uploader/bootstrap5-dark.css +59 -330
  122. package/styles/uploader/bootstrap5.css +59 -330
  123. package/styles/uploader/fabric-dark.css +59 -330
  124. package/styles/uploader/fabric.css +59 -330
  125. package/styles/uploader/fluent-dark.css +60 -346
  126. package/styles/uploader/fluent.css +60 -346
  127. package/styles/uploader/highcontrast-light.css +59 -330
  128. package/styles/uploader/highcontrast.css +59 -330
  129. package/styles/uploader/material-dark.css +59 -331
  130. package/styles/uploader/material.css +59 -331
  131. package/styles/uploader/tailwind-dark.css +59 -330
  132. package/styles/uploader/tailwind.css +59 -330
@@ -4,7 +4,6 @@
4
4
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
5
5
  z-index: 3;
6
6
  }
7
-
8
7
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
9
8
  padding: 2px 4px;
10
9
  text-align: center;
@@ -25,7 +24,6 @@
25
24
  .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
26
25
  padding: 2px 4px;
27
26
  }
28
-
29
27
  .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
30
28
  padding: 2px 4px;
31
29
  }
@@ -35,12 +33,10 @@
35
33
  height: 16px;
36
34
  width: 16px;
37
35
  }
38
-
39
36
  .e-bigger .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after,
40
37
  .e-control-wrapper.e-slider-container.e-bigger .e-scale.e-h-scale.e-tick-after {
41
38
  top: 7px;
42
39
  }
43
-
44
40
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
45
41
  .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,
46
42
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button,
@@ -52,7 +48,6 @@
52
48
  height: 24px;
53
49
  width: 24px;
54
50
  }
55
-
56
51
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
57
52
  .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,
58
53
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button .e-button-icon::before,
@@ -62,170 +57,138 @@
62
57
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button .e-button-icon::before {
63
58
  font-size: 22px;
64
59
  }
65
-
66
60
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range,
67
61
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-range {
68
62
  height: 6px;
69
63
  }
70
-
71
64
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
72
65
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track {
73
66
  border-radius: 6px;
74
67
  }
75
-
76
68
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-limits,
77
69
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-limits {
78
70
  height: 6px;
79
71
  }
80
-
81
72
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
82
73
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button,
83
74
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button,
84
75
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button {
85
76
  margin-top: -14px;
86
77
  }
87
-
88
78
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick,
89
79
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick {
90
80
  height: 22px;
91
81
  top: -19px;
92
82
  }
93
-
94
83
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large,
95
84
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large {
96
85
  height: 30px;
97
86
  top: -16px;
98
87
  }
99
-
100
88
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick,
101
89
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick {
102
90
  height: 8px;
103
91
  }
104
-
105
92
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large,
106
93
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large {
107
94
  height: 12px;
108
95
  }
109
-
110
96
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick,
111
97
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick {
112
98
  height: 8px;
113
99
  }
114
-
115
100
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large,
116
101
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large {
117
102
  height: 12px;
118
103
  }
119
-
120
104
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale,
121
105
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-scale {
122
106
  top: 17px;
123
107
  }
124
-
125
108
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
126
109
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
127
110
  padding: 0 36px;
128
111
  }
129
-
130
112
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-range,
131
113
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-range {
132
114
  width: 6px;
133
115
  }
134
-
135
116
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
136
117
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
137
118
  width: 6px;
138
119
  }
139
-
140
120
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
141
121
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track {
142
122
  border-radius: 6px;
143
123
  }
144
-
145
124
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
146
125
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
147
126
  padding: 36px 0;
148
127
  }
149
-
150
128
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button,
151
129
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button {
152
130
  margin-right: -15px;
153
131
  }
154
-
155
132
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick,
156
133
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick {
157
134
  left: 4px;
158
135
  width: 22px;
159
136
  }
160
-
161
137
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-large,
162
138
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-large {
163
139
  left: 0;
164
140
  width: 30px;
165
141
  }
166
-
167
142
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick,
168
143
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick {
169
144
  width: 8px;
170
145
  }
171
-
172
146
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-large,
173
147
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-large {
174
148
  width: 12px;
175
149
  }
176
-
177
150
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick,
178
151
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick {
179
152
  width: 8px;
180
153
  }
181
-
182
154
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-large,
183
155
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-large {
184
156
  width: 12px;
185
157
  }
186
-
187
158
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
188
159
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track {
189
160
  height: 6px;
190
161
  }
191
-
192
162
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-range,
193
163
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-range {
194
164
  height: 6px;
195
165
  }
196
-
197
166
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
198
167
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
199
168
  margin-left: -9px;
200
169
  top: calc(50% - 9px);
201
170
  }
202
-
203
171
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
204
172
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
205
173
  left: calc(50% - 5px);
206
174
  margin-bottom: -9px;
207
175
  }
208
-
209
176
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
210
177
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
211
178
  width: 6px;
212
179
  }
213
-
214
180
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
215
181
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track {
216
182
  width: 6px;
217
183
  }
218
-
219
184
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
220
185
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
221
186
  width: 6px;
222
187
  }
223
-
224
188
  .e-bigger .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle,
225
189
  .e-control-wrapper.e-slider-container.e-bigger.e-rtl.e-horizontal .e-slider .e-handle {
226
190
  margin: 0 -8px 0 0;
227
191
  }
228
-
229
192
  .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
230
193
  .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
231
194
  font-size: 14px;
@@ -245,98 +208,78 @@
245
208
  position: relative;
246
209
  user-select: none;
247
210
  }
248
-
249
211
  .e-control-wrapper.e-slider-container::after {
250
212
  content: "tailwind";
251
213
  display: none;
252
214
  }
253
-
254
215
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
255
216
  transform: scale(1.5);
256
217
  }
257
-
258
218
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
259
219
  margin: 0 -6px 0 0;
260
220
  }
261
-
262
221
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
263
222
  background-position: right center;
264
223
  left: 0;
265
224
  }
266
-
267
225
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
268
226
  background-position: left center;
269
227
  }
270
-
271
228
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button {
272
229
  margin-top: -13px;
273
230
  }
274
-
275
231
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button .e-button-icon::before {
276
232
  font-size: 18px;
277
233
  }
278
-
279
234
  .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
280
235
  direction: ltr;
281
236
  }
282
-
283
237
  .e-control-wrapper.e-slider-container.e-disabled {
284
238
  filter: alpha(Opacity=100);
285
239
  opacity: 1;
286
240
  }
287
-
288
241
  .e-control-wrapper.e-slider-container.e-disabled .e-btn {
289
242
  cursor: default;
290
243
  }
291
-
292
244
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
293
245
  cursor: default;
294
246
  }
295
-
296
247
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
297
248
  display: none;
298
249
  }
299
-
300
250
  .e-control-wrapper.e-slider-container.e-horizontal {
301
251
  height: 48px;
302
252
  width: 100%;
303
253
  }
304
-
305
254
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
306
255
  left: 0;
307
256
  margin-top: -12px;
308
257
  top: 50%;
309
258
  }
310
-
311
259
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
312
260
  font-size: 17px;
313
261
  color: #6b7280;
314
- content: '\e765';
262
+ content: "\e765";
315
263
  }
316
-
317
264
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
318
265
  margin-top: -12px;
319
266
  right: 0;
320
267
  top: 50%;
321
268
  }
322
-
323
269
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
324
270
  font-size: 18px;
325
271
  color: #6b7280;
326
- content: '\e748';
272
+ content: "\e748";
327
273
  }
328
-
329
274
  .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
330
275
  padding: 0 28px;
331
276
  }
332
-
333
277
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
334
278
  height: 32px;
335
279
  position: relative;
336
280
  top: calc(50% - 16px);
337
281
  width: 100%;
338
282
  }
339
-
340
283
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
341
284
  height: 4px;
342
285
  left: 0;
@@ -347,121 +290,100 @@
347
290
  overflow: hidden;
348
291
  top: calc(50% - 4px);
349
292
  }
350
-
351
293
  .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
352
294
  margin-left: -6px;
353
295
  top: calc(50% - 8px);
354
296
  }
355
-
356
297
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
357
298
  height: 4px;
358
299
  }
359
-
360
300
  .e-control-wrapper.e-slider-container.e-horizontal .e-range {
361
301
  height: 4px;
362
302
  top: calc(50% - 4px);
363
303
  }
364
-
365
304
  .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
366
305
  background-color: rgba(107, 114, 128, 0.75);
367
306
  height: 4px;
368
307
  position: absolute;
369
308
  top: calc(50% - 4px);
370
309
  }
371
-
372
310
  .e-control-wrapper.e-slider-container.e-vertical {
373
311
  height: inherit;
374
312
  padding: 28px 0;
375
313
  width: 48px;
376
314
  }
377
-
378
315
  .e-control-wrapper.e-slider-container.e-vertical .e-slider {
379
316
  height: 100%;
380
317
  left: calc(50% - 16px);
381
318
  position: relative;
382
319
  width: 32px;
383
320
  }
384
-
385
321
  .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
386
322
  background: #e5e7eb;
387
323
  bottom: 0;
388
324
  height: 100%;
389
325
  position: absolute;
390
- left: calc(50%);
326
+ left: 50%;
391
327
  overflow: hidden;
392
328
  width: 4px;
393
329
  border-radius: 4px;
394
330
  }
395
-
396
331
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
397
332
  height: 100%;
398
333
  padding: 28px 0;
399
334
  }
400
-
401
335
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
402
336
  height: 100%;
403
337
  width: 4px;
404
338
  }
405
-
406
339
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
407
340
  bottom: 0;
408
341
  margin-right: -12px;
409
342
  right: 50%;
410
343
  }
411
-
412
344
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
413
345
  font-size: 18px;
414
346
  color: #6b7280;
415
- content: '\e729';
347
+ content: "\e729";
416
348
  }
417
-
418
349
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
419
350
  margin-right: -12px;
420
351
  right: 50%;
421
352
  top: 0;
422
353
  }
423
-
424
354
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
425
355
  font-size: 18px;
426
356
  color: #6b7280;
427
- content: '\e776';
357
+ content: "\e776";
428
358
  }
429
-
430
359
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
431
360
  margin-bottom: -8px;
432
361
  }
433
-
434
362
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
435
363
  margin-bottom: -8px;
436
364
  left: calc(50% - 4px);
437
365
  }
438
-
439
366
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
440
- left: calc(50%);
367
+ left: 50%;
441
368
  width: 4px;
442
369
  }
443
-
444
370
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
445
371
  background-color: rgba(107, 114, 128, 0.75);
446
- left: calc(50%);
372
+ left: 50%;
447
373
  position: absolute;
448
374
  width: 4px;
449
375
  }
450
-
451
376
  .e-control-wrapper.e-slider-container .e-range {
452
377
  border-radius: 4px;
453
378
  position: absolute;
454
379
  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
455
380
  }
456
-
457
381
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
458
382
  cursor: pointer;
459
383
  }
460
-
461
384
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
462
385
  cursor: pointer;
463
386
  }
464
-
465
387
  .e-control-wrapper.e-slider-container .e-slider {
466
388
  box-sizing: border-box;
467
389
  cursor: pointer;
@@ -470,7 +392,6 @@
470
392
  padding: 0;
471
393
  position: relative;
472
394
  }
473
-
474
395
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
475
396
  border-radius: 10px;
476
397
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
@@ -485,81 +406,65 @@
485
406
  width: 12px;
486
407
  z-index: 10;
487
408
  }
488
-
489
409
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
490
410
  background-color: #4338ca;
491
411
  border: 1px solid #fff;
492
412
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
493
413
  }
494
-
495
414
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
496
415
  height: 6px;
497
416
  top: -13px;
498
417
  }
499
-
500
418
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
501
419
  height: 10px;
502
420
  top: -13px;
503
421
  }
504
-
505
422
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
506
423
  left: 1px;
507
424
  width: 6px;
508
425
  }
509
-
510
426
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
511
427
  left: -2px;
512
428
  width: 10px;
513
429
  }
514
-
515
430
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
516
431
  height: 6px;
517
432
  top: 9px;
518
433
  }
519
-
520
434
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
521
435
  height: 10px;
522
436
  top: 12px;
523
437
  }
524
-
525
438
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
526
439
  left: 21px;
527
440
  width: 6px;
528
441
  }
529
-
530
442
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
531
443
  left: 21px;
532
444
  width: 10px;
533
445
  }
534
-
535
446
  .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
536
447
  right: 9px;
537
448
  }
538
-
539
449
  .e-control-wrapper.e-slider-container.e-scale-after .e-scale.e-v-scale {
540
450
  right: 9px;
541
451
  }
542
-
543
452
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
544
453
  height: 16px;
545
454
  top: -16px;
546
455
  }
547
-
548
456
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
549
457
  height: 24px;
550
458
  top: -12px;
551
459
  }
552
-
553
460
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
554
461
  left: 6px;
555
462
  width: 16px;
556
463
  }
557
-
558
464
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
559
465
  left: 3px;
560
466
  width: 24px;
561
467
  }
562
-
563
468
  .e-control-wrapper.e-slider-container .e-scale {
564
469
  box-sizing: content-box;
565
470
  font-family: "Inter";
@@ -576,7 +481,6 @@
576
481
  font-size: 12px;
577
482
  margin-top: -2px;
578
483
  }
579
-
580
484
  .e-control-wrapper.e-slider-container .e-scale .e-tick {
581
485
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8A0tXa/wh/A4H6PSX0AAAAAElFTkSuQmCC");
582
486
  cursor: pointer;
@@ -587,11 +491,9 @@
587
491
  user-select: none;
588
492
  background-position: center center;
589
493
  }
590
-
591
494
  .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
592
495
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
593
496
  }
594
-
595
497
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
596
498
  color: #374151;
597
499
  font-family: "Inter";
@@ -604,91 +506,71 @@
604
506
  white-space: nowrap;
605
507
  line-height: 18px;
606
508
  }
607
-
608
509
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
609
510
  height: 100%;
610
511
  left: calc(50% - 12px);
611
512
  top: 0;
612
513
  width: 28px;
613
514
  }
614
-
615
515
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
616
516
  background-repeat: repeat-x;
617
517
  }
618
-
619
518
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
620
519
  background-position-y: center;
621
520
  }
622
-
623
521
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
624
522
  background-position-y: bottom;
625
523
  margin-top: 2px;
626
524
  margin-top: 3px;
627
525
  }
628
-
629
526
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after {
630
527
  top: 3px;
631
528
  }
632
-
633
529
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-before {
634
530
  top: 15px;
635
531
  }
636
-
637
532
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
638
533
  display: inline-block;
639
534
  background-repeat: repeat-y;
640
535
  height: 100%;
641
536
  top: 0;
642
537
  }
643
-
644
538
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
645
539
  top: -18px;
646
540
  }
647
-
648
541
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
649
542
  bottom: -20px;
650
543
  }
651
-
652
544
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
653
545
  bottom: -20px;
654
546
  }
655
-
656
547
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
657
548
  top: -18px;
658
549
  }
659
-
660
550
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
661
551
  background-position: left center;
662
552
  }
663
-
664
553
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
665
554
  background-position: right center;
666
555
  }
667
-
668
556
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
669
557
  top: 15px;
670
558
  }
671
-
672
559
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-after {
673
560
  left: calc(50% - 17px);
674
561
  }
675
-
676
562
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-before {
677
563
  left: calc(50% - 7px);
678
564
  }
679
-
680
565
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
681
566
  right: 17px;
682
567
  }
683
-
684
568
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
685
569
  left: 19px;
686
570
  }
687
-
688
571
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
689
572
  right: 44px;
690
573
  }
691
-
692
574
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
693
575
  left: 42px;
694
576
  }
@@ -707,47 +589,37 @@
707
589
  padding: 0;
708
590
  position: absolute;
709
591
  }
710
-
711
592
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:hover {
712
593
  background-color: #f3f4f6;
713
594
  }
714
-
715
595
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:active {
716
596
  background-color: #e5e7eb;
717
597
  }
718
-
719
598
  .e-control-wrapper.e-slider-container .e-slider .e-range {
720
599
  background-color: #4f46e5;
721
600
  }
722
-
723
601
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
724
602
  background-color: #4f46e5;
725
603
  border: 1px solid #4f46e5;
726
604
  border-color: #4f46e5;
727
605
  }
728
-
729
606
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
730
607
  background-color: transparent;
731
608
  border-color: transparent;
732
609
  }
733
-
734
610
  .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
735
611
  background-color: #e5e7eb;
736
612
  }
737
-
738
613
  .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
739
614
  background-color: #4338ca;
740
615
  }
741
-
742
616
  .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
743
617
  border-color: #4f46e5;
744
618
  }
745
-
746
619
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range {
747
620
  background: #e5e7eb;
748
621
  }
749
-
750
622
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
751
623
  background: #e5e7eb;
752
624
  border-color: #e5e7eb;
753
- }
625
+ }