@syncfusion/ej2-angular-inputs 20.1.47 → 20.1.58

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