@syncfusion/ej2-vue-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 (169) hide show
  1. package/CHANGELOG.md +0 -17
  2. package/README.md +15 -2
  3. package/dist/ej2-vue-inputs.umd.min.js +11 -2
  4. package/dist/es6/ej2-vue-inputs.es2015.js +151 -16
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +98 -9
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-inputs.min.js +2 -2
  9. package/package.json +8 -14
  10. package/src/color-picker/colorpicker.component.d.ts +1 -0
  11. package/src/color-picker/colorpicker.component.js +11 -1
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  13. package/src/maskedtextbox/maskedtextbox.component.js +11 -1
  14. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  15. package/src/numerictextbox/numerictextbox.component.js +11 -1
  16. package/src/signature/signature.component.d.ts +1 -0
  17. package/src/signature/signature.component.js +10 -1
  18. package/src/slider/slider.component.d.ts +1 -0
  19. package/src/slider/slider.component.js +11 -1
  20. package/src/textbox/textbox.component.d.ts +1 -0
  21. package/src/textbox/textbox.component.js +11 -1
  22. package/src/uploader/files.directive.d.ts +3 -1
  23. package/src/uploader/files.directive.js +24 -2
  24. package/src/uploader/uploader.component.d.ts +1 -0
  25. package/src/uploader/uploader.component.js +10 -1
  26. package/styles/bootstrap-dark.css +135 -670
  27. package/styles/bootstrap.css +132 -667
  28. package/styles/bootstrap4.css +131 -696
  29. package/styles/bootstrap5-dark.css +247 -757
  30. package/styles/bootstrap5.css +247 -757
  31. package/styles/color-picker/bootstrap-dark.css +27 -194
  32. package/styles/color-picker/bootstrap.css +27 -194
  33. package/styles/color-picker/bootstrap4.css +27 -209
  34. package/styles/color-picker/bootstrap5-dark.css +52 -221
  35. package/styles/color-picker/bootstrap5.css +52 -221
  36. package/styles/color-picker/fabric-dark.css +27 -194
  37. package/styles/color-picker/fabric.css +27 -194
  38. package/styles/color-picker/fluent-dark.css +735 -0
  39. package/styles/color-picker/fluent-dark.scss +1 -0
  40. package/styles/color-picker/fluent.css +735 -0
  41. package/styles/color-picker/fluent.scss +1 -0
  42. package/styles/color-picker/highcontrast-light.css +27 -194
  43. package/styles/color-picker/highcontrast.css +27 -194
  44. package/styles/color-picker/material-dark.css +27 -195
  45. package/styles/color-picker/material.css +27 -196
  46. package/styles/color-picker/tailwind-dark.css +36 -207
  47. package/styles/color-picker/tailwind.css +36 -207
  48. package/styles/fabric-dark.css +130 -667
  49. package/styles/fabric.css +129 -666
  50. package/styles/fluent-dark.css +6806 -0
  51. package/styles/fluent-dark.scss +8 -0
  52. package/styles/fluent.css +6806 -0
  53. package/styles/fluent.scss +8 -0
  54. package/styles/highcontrast-light.css +138 -687
  55. package/styles/highcontrast.css +138 -687
  56. package/styles/input/bootstrap-dark.css +44 -46
  57. package/styles/input/bootstrap.css +41 -43
  58. package/styles/input/bootstrap4.css +41 -43
  59. package/styles/input/bootstrap5-dark.css +119 -64
  60. package/styles/input/bootstrap5.css +119 -64
  61. package/styles/input/fabric-dark.css +39 -40
  62. package/styles/input/fabric.css +39 -40
  63. package/styles/input/fluent-dark.css +4594 -0
  64. package/styles/input/fluent-dark.scss +1 -0
  65. package/styles/input/fluent.css +4594 -0
  66. package/styles/input/fluent.scss +1 -0
  67. package/styles/input/highcontrast-light.css +40 -42
  68. package/styles/input/highcontrast.css +40 -42
  69. package/styles/input/material-dark.css +94 -129
  70. package/styles/input/material.css +94 -130
  71. package/styles/input/tailwind-dark.css +126 -71
  72. package/styles/input/tailwind.css +126 -71
  73. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  74. package/styles/maskedtextbox/bootstrap.css +1 -1
  75. package/styles/maskedtextbox/bootstrap4.css +1 -1
  76. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  77. package/styles/maskedtextbox/bootstrap5.css +1 -1
  78. package/styles/maskedtextbox/fabric-dark.css +1 -1
  79. package/styles/maskedtextbox/fabric.css +1 -1
  80. package/styles/maskedtextbox/fluent-dark.css +26 -0
  81. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  82. package/styles/maskedtextbox/fluent.css +26 -0
  83. package/styles/maskedtextbox/fluent.scss +1 -0
  84. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  85. package/styles/maskedtextbox/highcontrast.css +1 -1
  86. package/styles/maskedtextbox/material-dark.css +1 -2
  87. package/styles/maskedtextbox/material.css +1 -3
  88. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  89. package/styles/maskedtextbox/tailwind.css +1 -1
  90. package/styles/material-dark.css +188 -786
  91. package/styles/material.css +188 -791
  92. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  93. package/styles/numerictextbox/bootstrap.css +6 -8
  94. package/styles/numerictextbox/bootstrap4.css +6 -7
  95. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  96. package/styles/numerictextbox/bootstrap5.css +6 -7
  97. package/styles/numerictextbox/fabric-dark.css +6 -7
  98. package/styles/numerictextbox/fabric.css +6 -7
  99. package/styles/numerictextbox/fluent-dark.css +58 -0
  100. package/styles/numerictextbox/fluent-dark.scss +1 -0
  101. package/styles/numerictextbox/fluent.css +58 -0
  102. package/styles/numerictextbox/fluent.scss +1 -0
  103. package/styles/numerictextbox/highcontrast-light.css +6 -7
  104. package/styles/numerictextbox/highcontrast.css +6 -7
  105. package/styles/numerictextbox/material-dark.css +6 -8
  106. package/styles/numerictextbox/material.css +6 -9
  107. package/styles/numerictextbox/tailwind-dark.css +6 -7
  108. package/styles/numerictextbox/tailwind.css +6 -7
  109. package/styles/signature/bootstrap-dark.css +1 -1
  110. package/styles/signature/bootstrap.css +1 -1
  111. package/styles/signature/bootstrap4.css +1 -1
  112. package/styles/signature/bootstrap5-dark.css +1 -1
  113. package/styles/signature/bootstrap5.css +1 -1
  114. package/styles/signature/fabric-dark.css +1 -1
  115. package/styles/signature/fabric.css +1 -1
  116. package/styles/signature/fluent-dark.css +9 -0
  117. package/styles/signature/fluent-dark.scss +1 -0
  118. package/styles/signature/fluent.css +9 -0
  119. package/styles/signature/fluent.scss +1 -0
  120. package/styles/signature/highcontrast-light.css +1 -1
  121. package/styles/signature/highcontrast.css +1 -1
  122. package/styles/signature/material-dark.css +1 -1
  123. package/styles/signature/material.css +1 -1
  124. package/styles/signature/tailwind-dark.css +1 -1
  125. package/styles/signature/tailwind.css +1 -1
  126. package/styles/slider/bootstrap-dark.css +2 -91
  127. package/styles/slider/bootstrap.css +2 -91
  128. package/styles/slider/bootstrap4.css +1 -106
  129. package/styles/slider/bootstrap5-dark.css +14 -134
  130. package/styles/slider/bootstrap5.css +14 -134
  131. package/styles/slider/fabric-dark.css +2 -96
  132. package/styles/slider/fabric.css +1 -95
  133. package/styles/slider/fluent-dark.css +528 -0
  134. package/styles/slider/fluent-dark.scss +1 -0
  135. package/styles/slider/fluent.css +528 -0
  136. package/styles/slider/fluent.scss +1 -0
  137. package/styles/slider/highcontrast-light.css +9 -113
  138. package/styles/slider/highcontrast.css +9 -113
  139. package/styles/slider/material-dark.css +5 -120
  140. package/styles/slider/material.css +5 -120
  141. package/styles/slider/tailwind-dark.css +11 -135
  142. package/styles/slider/tailwind.css +11 -135
  143. package/styles/tailwind-dark.css +289 -779
  144. package/styles/tailwind.css +289 -779
  145. package/styles/textbox/fluent-dark.css +0 -0
  146. package/styles/textbox/fluent-dark.scss +1 -0
  147. package/styles/textbox/fluent.css +0 -0
  148. package/styles/textbox/fluent.scss +1 -0
  149. package/styles/textbox/material-dark.css +1 -1
  150. package/styles/textbox/material.css +1 -2
  151. package/styles/textbox/tailwind-dark.css +1 -1
  152. package/styles/textbox/tailwind.css +1 -1
  153. package/styles/uploader/bootstrap-dark.css +60 -334
  154. package/styles/uploader/bootstrap.css +60 -334
  155. package/styles/uploader/bootstrap4.css +60 -334
  156. package/styles/uploader/bootstrap5-dark.css +60 -334
  157. package/styles/uploader/bootstrap5.css +60 -334
  158. package/styles/uploader/fabric-dark.css +60 -334
  159. package/styles/uploader/fabric.css +60 -334
  160. package/styles/uploader/fluent-dark.css +851 -0
  161. package/styles/uploader/fluent-dark.scss +1 -0
  162. package/styles/uploader/fluent.css +851 -0
  163. package/styles/uploader/fluent.scss +1 -0
  164. package/styles/uploader/highcontrast-light.css +60 -334
  165. package/styles/uploader/highcontrast.css +60 -334
  166. package/styles/uploader/material-dark.css +60 -335
  167. package/styles/uploader/material.css +60 -335
  168. package/styles/uploader/tailwind-dark.css +113 -362
  169. package/styles/uploader/tailwind.css +113 -362
@@ -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
- content: '\e761';
313
260
  font-size: 17px;
314
261
  color: #d1d5db;
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
- content: '\e707';
325
270
  font-size: 18px;
326
271
  color: #d1d5db;
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: #4b5563;
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
- content: '\e7b3';
414
345
  font-size: 18px;
415
346
  color: #d1d5db;
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
- content: '\e7a0';
426
355
  font-size: 18px;
427
356
  color: #d1d5db;
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% - 2px);
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: #06b6d4;
491
411
  border: 1px solid #fff;
492
412
  box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
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+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
582
486
  cursor: pointer;
@@ -587,7 +491,9 @@
587
491
  user-select: none;
588
492
  background-position: center center;
589
493
  }
590
-
494
+ .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
495
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8Aa3KA/wUGAl0jqQq1AAAAAElFTkSuQmCC");
496
+ }
591
497
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
592
498
  color: #d1d5db;
593
499
  font-family: "Inter";
@@ -600,91 +506,71 @@
600
506
  white-space: nowrap;
601
507
  line-height: 18px;
602
508
  }
603
-
604
509
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
605
510
  height: 100%;
606
511
  left: calc(50% - 12px);
607
512
  top: 0;
608
513
  width: 28px;
609
514
  }
610
-
611
515
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
612
516
  background-repeat: repeat-x;
613
517
  }
614
-
615
518
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
616
519
  background-position-y: center;
617
520
  }
618
-
619
521
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
620
522
  background-position-y: bottom;
621
523
  margin-top: 2px;
622
524
  margin-top: 3px;
623
525
  }
624
-
625
526
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after {
626
527
  top: 3px;
627
528
  }
628
-
629
529
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-before {
630
530
  top: 15px;
631
531
  }
632
-
633
532
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
634
533
  display: inline-block;
635
534
  background-repeat: repeat-y;
636
535
  height: 100%;
637
536
  top: 0;
638
537
  }
639
-
640
538
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
641
539
  top: -18px;
642
540
  }
643
-
644
541
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
645
542
  bottom: -20px;
646
543
  }
647
-
648
544
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
649
545
  bottom: -20px;
650
546
  }
651
-
652
547
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
653
548
  top: -18px;
654
549
  }
655
-
656
550
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
657
551
  background-position: left center;
658
552
  }
659
-
660
553
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
661
554
  background-position: right center;
662
555
  }
663
-
664
556
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
665
557
  top: 15px;
666
558
  }
667
-
668
559
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-after {
669
560
  left: calc(50% - 17px);
670
561
  }
671
-
672
562
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-before {
673
563
  left: calc(50% - 7px);
674
564
  }
675
-
676
565
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
677
566
  right: 17px;
678
567
  }
679
-
680
568
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
681
569
  left: 19px;
682
570
  }
683
-
684
571
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
685
572
  right: 44px;
686
573
  }
687
-
688
574
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
689
575
  left: 42px;
690
576
  }
@@ -703,47 +589,37 @@
703
589
  padding: 0;
704
590
  position: absolute;
705
591
  }
706
-
707
592
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:hover {
708
593
  background-color: #374151;
709
594
  }
710
-
711
595
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:active {
712
596
  background-color: #4b5563;
713
597
  }
714
-
715
598
  .e-control-wrapper.e-slider-container .e-slider .e-range {
716
599
  background-color: #22d3ee;
717
600
  }
718
-
719
601
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
720
602
  background-color: #22d3ee;
721
603
  border: 1px solid #22d3ee;
722
604
  border-color: #22d3ee;
723
605
  }
724
-
725
606
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
726
607
  background-color: transparent;
727
608
  border-color: transparent;
728
609
  }
729
-
730
610
  .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
731
611
  background-color: #4b5563;
732
612
  }
733
-
734
613
  .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
735
614
  background-color: #06b6d4;
736
615
  }
737
-
738
616
  .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
739
617
  border-color: #22d3ee;
740
618
  }
741
-
742
619
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range {
743
620
  background: #4b5563;
744
621
  }
745
-
746
622
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
747
623
  background: #4b5563;
748
624
  border-color: #4b5563;
749
- }
625
+ }