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