@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 12px;
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 12px;
26
25
  }
27
-
28
26
  .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
29
27
  padding: 2px 12px;
30
28
  }
@@ -34,81 +32,66 @@
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: 34px 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: -9px;
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-btn,
81
71
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
82
72
  padding: 0 34px;
83
73
  }
84
-
85
74
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button,
86
75
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button {
87
76
  height: 18px;
88
77
  margin-top: -9px;
89
78
  width: 18px;
90
79
  }
91
-
92
80
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-slider-track,
93
81
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-slider-track {
94
82
  height: 8px;
95
83
  top: calc(50% - 4px);
96
84
  }
97
-
98
85
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-range,
99
86
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-range {
100
87
  height: 8px;
101
88
  top: calc(50% - 4px);
102
89
  }
103
-
104
90
  .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
105
91
  .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
106
- margin-left: -9px;
107
- top: calc(50% - 9px);
108
92
  margin-left: -8px;
109
93
  top: calc(50% - 8px);
110
94
  }
111
-
112
95
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
113
96
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
114
97
  left: calc(50% - 9px);
@@ -116,13 +99,11 @@
116
99
  left: calc(50% - 8px);
117
100
  margin-bottom: -8px;
118
101
  }
119
-
120
102
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle,
121
103
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-slider .e-handle {
122
104
  left: calc(50% - 8px);
123
105
  margin-bottom: -8px;
124
106
  }
125
-
126
107
  .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
127
108
  .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
128
109
  font-size: 14px;
@@ -142,93 +123,73 @@
142
123
  position: relative;
143
124
  user-select: none;
144
125
  }
145
-
146
126
  .e-control-wrapper.e-slider-container::after {
147
127
  content: "bootstrap4";
148
128
  display: none;
149
129
  }
150
-
151
130
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
152
131
  transform: scale(1.5);
153
132
  }
154
-
155
133
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
156
134
  margin: 0 -8px 0 0;
157
135
  top: calc(50% - 8px);
158
136
  }
159
-
160
137
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
161
138
  background-position: right center;
162
139
  left: 0;
163
140
  }
164
-
165
141
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
166
142
  background-position: left center;
167
143
  }
168
-
169
144
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button {
170
145
  margin-top: -7px;
171
146
  }
172
-
173
147
  .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
174
148
  direction: ltr;
175
149
  }
176
-
177
150
  .e-control-wrapper.e-slider-container.e-disabled .e-btn {
178
151
  cursor: default;
179
152
  }
180
-
181
153
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
182
154
  cursor: default;
183
155
  }
184
-
185
156
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
186
157
  display: none;
187
158
  }
188
-
189
159
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range {
190
160
  background-color: #adb5bd;
191
161
  }
192
-
193
162
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
194
163
  background-color: #adb5bd;
195
164
  border-color: #adb5bd;
196
165
  }
197
-
198
166
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-slider-track {
199
167
  background-color: #dee2e6;
200
168
  }
201
-
202
169
  .e-control-wrapper.e-slider-container.e-disabled .e-scale .e-tick .e-tick-value {
203
170
  color: #6c757d;
204
171
  }
205
-
206
172
  .e-control-wrapper.e-slider-container.e-disabled .e-slider-button {
207
173
  background-color: #adb5bd;
208
174
  border-color: #fff;
209
175
  }
210
-
211
176
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:hover {
212
177
  background-color: #5a6268;
213
178
  border-color: #545b62;
214
179
  }
215
-
216
180
  .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:active {
217
181
  background-color: #545b62;
218
182
  border-color: #50565c;
219
183
  }
220
-
221
184
  .e-control-wrapper.e-slider-container.e-horizontal {
222
185
  height: 48px;
223
186
  width: 100%;
224
187
  }
225
-
226
188
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
227
189
  left: 0;
228
190
  margin-top: -8px;
229
191
  top: 50%;
230
192
  }
231
-
232
193
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon {
233
194
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=");
234
195
  background-repeat: no-repeat;
@@ -239,13 +200,11 @@
239
200
  top: calc(50% - 4px);
240
201
  width: 8px;
241
202
  }
242
-
243
203
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
244
204
  margin-top: -8px;
245
205
  right: 0;
246
206
  top: 50%;
247
207
  }
248
-
249
208
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
250
209
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==");
251
210
  background-repeat: no-repeat;
@@ -256,18 +215,15 @@
256
215
  top: calc(50% - 4px);
257
216
  width: 8px;
258
217
  }
259
-
260
218
  .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
261
219
  padding: 0 30px;
262
220
  }
263
-
264
221
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
265
222
  height: 32px;
266
223
  position: relative;
267
224
  top: calc(50% - 16px);
268
225
  width: 100%;
269
226
  }
270
-
271
227
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
272
228
  height: 6px;
273
229
  left: 0;
@@ -278,42 +234,35 @@
278
234
  border-radius: 6px;
279
235
  overflow: hidden;
280
236
  }
281
-
282
237
  .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
283
238
  margin-left: -7px;
284
239
  top: calc(50% - 7px);
285
240
  }
286
-
287
241
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
288
242
  height: 6px;
289
243
  }
290
-
291
244
  .e-control-wrapper.e-slider-container.e-horizontal .e-range {
292
245
  height: 6px;
293
246
  top: calc(50% - 3px);
294
247
  }
295
-
296
248
  .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
297
249
  background-color: rgba(52, 58, 64, 0.25);
298
250
  height: 6px;
299
251
  position: absolute;
300
252
  top: calc(50% - 3px);
301
253
  }
302
-
303
254
  .e-control-wrapper.e-slider-container.e-vertical {
304
255
  height: inherit;
305
256
  padding: 38px 0;
306
257
  width: 48px;
307
258
  padding: 30px 0;
308
259
  }
309
-
310
260
  .e-control-wrapper.e-slider-container.e-vertical .e-slider {
311
261
  height: 100%;
312
262
  left: calc(50% - 16px);
313
263
  position: relative;
314
264
  width: 32px;
315
265
  }
316
-
317
266
  .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
318
267
  background: #dee2e6;
319
268
  bottom: 0;
@@ -324,23 +273,19 @@
324
273
  width: 6px;
325
274
  border-radius: 6px;
326
275
  }
327
-
328
276
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
329
277
  height: 100%;
330
278
  padding: 38px 0;
331
279
  }
332
-
333
280
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
334
281
  height: 100%;
335
282
  width: 10px;
336
283
  }
337
-
338
284
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
339
285
  bottom: 0;
340
286
  margin-right: -8px;
341
287
  right: 50%;
342
288
  }
343
-
344
289
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
345
290
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////Ss6t3AAAANnRSTlMABAwQFBgcICQoLDA0OEBESExcYGRobHR8gIOHi4+Tl5ujq7O3u7/Dx8vP09fb3+Pn6+/z9/vRpbpFAAABHklEQVR4Ae3TW1PCMBAF4LOFgsj9ooCichcFoVBy/v9P0xGndktS8uT4wPeYmZPZnZPgf7h6EMCfjMF5Ad7CFUFuKvBUj0iQjNvw0jM8BcghLpMXMglwFuCCcMl0gJsb5KrtqAM8tJCje2Q2QDOAizwxAf6aBrAqLmgPcF2GRXVLV4D7Js50YqbBMM30ockjlRiNiMpELVKYU9lWgdIblfcSErcfVBZFfAkmVKIGfrRjKiPBST+zyB2+DakcO0g091TGAgRTKrsaUsprKq9h9mQZQjm7b0/lWZA1MHQyPVi0DnSI6rCqbGi1CuEQzGgxFrgNmWXu4WYp99BAPv18dFsOhblqy4OMdFt51Cc7duGttvMYXwmXHuMrIrj6Q58aX4DtQxE2xQAAAABJRU5ErkJggg==");
346
291
  background-repeat: no-repeat;
@@ -352,13 +297,11 @@
352
297
  top: calc(50% - 3.6px);
353
298
  width: 8px;
354
299
  }
355
-
356
300
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
357
301
  margin-right: -8px;
358
302
  right: 50%;
359
303
  top: 0;
360
304
  }
361
-
362
305
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
363
306
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==");
364
307
  background-repeat: no-repeat;
@@ -370,42 +313,34 @@
370
313
  top: calc(50% - 4.5px);
371
314
  width: 8px;
372
315
  }
373
-
374
316
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
375
317
  margin-bottom: -7px;
376
318
  }
377
-
378
319
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
379
320
  margin-bottom: -7px;
380
321
  left: calc(50% - 7px);
381
322
  }
382
-
383
323
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
384
324
  left: calc(50% - 3px);
385
325
  width: 6px;
386
326
  }
387
-
388
327
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
389
328
  background-color: rgba(52, 58, 64, 0.25);
390
329
  left: calc(50% - 3px);
391
330
  position: absolute;
392
331
  width: 6px;
393
332
  }
394
-
395
333
  .e-control-wrapper.e-slider-container .e-range {
396
334
  border-radius: 3px;
397
335
  position: absolute;
398
336
  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
399
337
  }
400
-
401
338
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
402
339
  cursor: pointer;
403
340
  }
404
-
405
341
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
406
342
  cursor: pointer;
407
343
  }
408
-
409
344
  .e-control-wrapper.e-slider-container .e-slider {
410
345
  box-sizing: border-box;
411
346
  cursor: pointer;
@@ -414,7 +349,6 @@
414
349
  padding: 0;
415
350
  position: relative;
416
351
  }
417
-
418
352
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
419
353
  border-radius: 50%;
420
354
  box-sizing: border-box;
@@ -428,84 +362,68 @@
428
362
  width: 14px;
429
363
  z-index: 10;
430
364
  }
431
-
432
365
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
433
366
  background-color: #007bff;
434
367
  border-color: #007bff;
435
368
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
436
369
  }
437
-
438
370
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
439
371
  height: 6px;
440
372
  top: -9px;
441
373
  }
442
-
443
374
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
444
375
  height: 10px;
445
376
  top: -8px;
446
377
  }
447
-
448
378
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
449
379
  left: 5px;
450
380
  width: 6px;
451
381
  }
452
-
453
382
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
454
383
  left: 2px;
455
384
  width: 10px;
456
385
  }
457
-
458
386
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
459
387
  height: 6px;
460
388
  top: 1px;
461
389
  }
462
-
463
390
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
464
391
  height: 10px;
465
392
  top: 4px;
466
393
  }
467
-
468
394
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
469
395
  left: 16px;
470
396
  width: 6px;
471
397
  }
472
-
473
398
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
474
399
  left: 15px;
475
400
  width: 10px;
476
401
  }
477
-
478
402
  .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
479
403
  right: 9px;
480
404
  }
481
-
482
405
  .e-control-wrapper.e-slider-container.e-scale-after .e-scale.e-v-scale {
483
406
  right: 9px;
484
407
  }
485
-
486
408
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
487
409
  height: 16px;
488
410
  top: -8px;
489
411
  }
490
-
491
412
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
492
413
  height: 22px;
493
414
  top: -5px;
494
415
  }
495
-
496
416
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
497
417
  background-position: center;
498
418
  left: 6px;
499
419
  width: calc(100% - 12px);
500
420
  }
501
-
502
421
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
503
422
  left: 3px;
504
423
  width: calc(100% - 6px);
505
424
  left: 1px;
506
425
  width: 26px;
507
426
  }
508
-
509
427
  .e-control-wrapper.e-slider-container .e-scale {
510
428
  box-sizing: content-box;
511
429
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -522,7 +440,6 @@
522
440
  font-size: 12px;
523
441
  margin-top: -5px;
524
442
  }
525
-
526
443
  .e-control-wrapper.e-slider-container .e-scale .e-tick {
527
444
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
528
445
  cursor: pointer;
@@ -533,11 +450,9 @@
533
450
  user-select: none;
534
451
  background-position: center center;
535
452
  }
536
-
537
453
  .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
538
454
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==");
539
455
  }
540
-
541
456
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
542
457
  color: #212529;
543
458
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -550,7 +465,6 @@
550
465
  white-space: nowrap;
551
466
  line-height: 1.5;
552
467
  }
553
-
554
468
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
555
469
  height: 100%;
556
470
  left: calc(50% - 14px);
@@ -558,71 +472,55 @@
558
472
  width: 28px;
559
473
  margin-top: -2px;
560
474
  }
561
-
562
475
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
563
476
  background-repeat: repeat-x;
564
477
  }
565
-
566
478
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
567
479
  background-position-y: center;
568
480
  }
569
-
570
481
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
571
482
  background-position-y: bottom;
572
483
  margin-top: 2px;
573
484
  }
574
-
575
485
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
576
486
  display: inline-block;
577
487
  background-repeat: repeat-y;
578
488
  height: 100%;
579
489
  top: 0;
580
490
  }
581
-
582
491
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
583
492
  top: -18px;
584
493
  }
585
-
586
494
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
587
495
  bottom: -20px;
588
496
  }
589
-
590
497
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
591
498
  bottom: -20px;
592
499
  }
593
-
594
500
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
595
501
  top: -18px;
596
502
  }
597
-
598
503
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
599
504
  background-position: left center;
600
505
  }
601
-
602
506
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
603
507
  background-position: right center;
604
508
  }
605
-
606
509
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
607
510
  top: 15px;
608
511
  }
609
-
610
512
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-scale.e-v-scale {
611
513
  right: 10px;
612
514
  }
613
-
614
515
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
615
516
  right: 17px;
616
517
  }
617
-
618
518
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
619
519
  left: 19px;
620
520
  }
621
-
622
521
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
623
522
  right: 30px;
624
523
  }
625
-
626
524
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
627
525
  left: 30px;
628
526
  }
@@ -649,17 +547,14 @@
649
547
  height: 16px;
650
548
  width: 16px;
651
549
  }
652
-
653
550
  .e-control-wrapper.e-slider-container .e-slider .e-range {
654
551
  background-color: #007bff;
655
552
  }
656
-
657
553
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
658
554
  background-color: #007bff;
659
555
  border-color: #007bff;
660
556
  }
661
-
662
557
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
663
558
  background-color: transparent;
664
559
  border-color: transparent;
665
- }
560
+ }