@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.48

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 (113) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +2 -15
  3. package/dist/ej2-vue-inputs.umd.min.js +2 -2
  4. package/dist/es6/ej2-vue-inputs.es2015.js +16 -146
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +9 -93
  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 +14 -8
  10. package/src/color-picker/colorpicker.component.d.ts +0 -1
  11. package/src/color-picker/colorpicker.component.js +1 -10
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +0 -1
  13. package/src/maskedtextbox/maskedtextbox.component.js +1 -10
  14. package/src/numerictextbox/numerictextbox.component.d.ts +0 -1
  15. package/src/numerictextbox/numerictextbox.component.js +1 -10
  16. package/src/signature/signature.component.d.ts +0 -1
  17. package/src/signature/signature.component.js +1 -10
  18. package/src/slider/slider.component.d.ts +0 -1
  19. package/src/slider/slider.component.js +1 -10
  20. package/src/textbox/textbox.component.d.ts +0 -1
  21. package/src/textbox/textbox.component.js +1 -10
  22. package/src/uploader/files.directive.d.ts +1 -3
  23. package/src/uploader/files.directive.js +2 -24
  24. package/src/uploader/uploader.component.d.ts +0 -1
  25. package/src/uploader/uploader.component.js +1 -10
  26. package/styles/bootstrap-dark.css +12 -10
  27. package/styles/bootstrap.css +12 -10
  28. package/styles/bootstrap4.css +14 -9
  29. package/styles/bootstrap5-dark.css +57 -118
  30. package/styles/bootstrap5.css +57 -118
  31. package/styles/color-picker/bootstrap5-dark.css +20 -26
  32. package/styles/color-picker/bootstrap5.css +20 -26
  33. package/styles/color-picker/tailwind-dark.css +6 -10
  34. package/styles/color-picker/tailwind.css +6 -10
  35. package/styles/fabric-dark.css +11 -8
  36. package/styles/fabric.css +11 -8
  37. package/styles/highcontrast-light.css +11 -8
  38. package/styles/highcontrast.css +11 -8
  39. package/styles/input/bootstrap-dark.css +8 -8
  40. package/styles/input/bootstrap.css +8 -8
  41. package/styles/input/bootstrap4.css +8 -8
  42. package/styles/input/bootstrap5-dark.css +29 -86
  43. package/styles/input/bootstrap5.css +29 -86
  44. package/styles/input/fabric-dark.css +7 -7
  45. package/styles/input/fabric.css +7 -7
  46. package/styles/input/highcontrast-light.css +7 -7
  47. package/styles/input/highcontrast.css +7 -7
  48. package/styles/input/material-dark.css +7 -7
  49. package/styles/input/material.css +7 -7
  50. package/styles/input/tailwind-dark.css +40 -96
  51. package/styles/input/tailwind.css +40 -96
  52. package/styles/material-dark.css +11 -8
  53. package/styles/material.css +11 -8
  54. package/styles/numerictextbox/tailwind-dark.css +2 -2
  55. package/styles/numerictextbox/tailwind.css +2 -2
  56. package/styles/slider/bootstrap-dark.css +0 -1
  57. package/styles/slider/bootstrap.css +0 -1
  58. package/styles/slider/bootstrap4.css +2 -0
  59. package/styles/slider/bootstrap5-dark.css +4 -5
  60. package/styles/slider/bootstrap5.css +4 -5
  61. package/styles/slider/tailwind-dark.css +5 -9
  62. package/styles/slider/tailwind.css +5 -9
  63. package/styles/tailwind-dark.css +92 -178
  64. package/styles/tailwind.css +92 -178
  65. package/styles/uploader/bootstrap-dark.css +4 -1
  66. package/styles/uploader/bootstrap.css +4 -1
  67. package/styles/uploader/bootstrap4.css +4 -1
  68. package/styles/uploader/bootstrap5-dark.css +4 -1
  69. package/styles/uploader/bootstrap5.css +4 -1
  70. package/styles/uploader/fabric-dark.css +4 -1
  71. package/styles/uploader/fabric.css +4 -1
  72. package/styles/uploader/highcontrast-light.css +4 -1
  73. package/styles/uploader/highcontrast.css +4 -1
  74. package/styles/uploader/material-dark.css +4 -1
  75. package/styles/uploader/material.css +4 -1
  76. package/styles/uploader/tailwind-dark.css +39 -61
  77. package/styles/uploader/tailwind.css +39 -61
  78. package/styles/color-picker/fluent-dark.css +0 -902
  79. package/styles/color-picker/fluent-dark.scss +0 -1
  80. package/styles/color-picker/fluent.css +0 -902
  81. package/styles/color-picker/fluent.scss +0 -1
  82. package/styles/fluent-dark.css +0 -7366
  83. package/styles/fluent-dark.scss +0 -8
  84. package/styles/fluent.css +0 -7366
  85. package/styles/fluent.scss +0 -8
  86. package/styles/input/fluent-dark.css +0 -4595
  87. package/styles/input/fluent-dark.scss +0 -1
  88. package/styles/input/fluent.css +0 -4595
  89. package/styles/input/fluent.scss +0 -1
  90. package/styles/maskedtextbox/fluent-dark.css +0 -26
  91. package/styles/maskedtextbox/fluent-dark.scss +0 -1
  92. package/styles/maskedtextbox/fluent.css +0 -26
  93. package/styles/maskedtextbox/fluent.scss +0 -1
  94. package/styles/numerictextbox/fluent-dark.css +0 -60
  95. package/styles/numerictextbox/fluent-dark.scss +0 -1
  96. package/styles/numerictextbox/fluent.css +0 -60
  97. package/styles/numerictextbox/fluent.scss +0 -1
  98. package/styles/signature/fluent-dark.css +0 -9
  99. package/styles/signature/fluent-dark.scss +0 -1
  100. package/styles/signature/fluent.css +0 -9
  101. package/styles/signature/fluent.scss +0 -1
  102. package/styles/slider/fluent-dark.css +0 -632
  103. package/styles/slider/fluent-dark.scss +0 -1
  104. package/styles/slider/fluent.css +0 -632
  105. package/styles/slider/fluent.scss +0 -1
  106. package/styles/textbox/fluent-dark.css +0 -0
  107. package/styles/textbox/fluent-dark.scss +0 -1
  108. package/styles/textbox/fluent.css +0 -0
  109. package/styles/textbox/fluent.scss +0 -1
  110. package/styles/uploader/fluent-dark.css +0 -1137
  111. package/styles/uploader/fluent-dark.scss +0 -1
  112. package/styles/uploader/fluent.css +0 -1137
  113. package/styles/uploader/fluent.scss +0 -1
@@ -1,632 +0,0 @@
1
- .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
2
- cursor: default;
3
- transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4
- z-index: 3;
5
- }
6
-
7
- .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
8
- padding: 1px 8px;
9
- text-align: center;
10
- }
11
-
12
- .e-slider-horizantal-color {
13
- height: 100%;
14
- position: absolute;
15
- top: 0;
16
- }
17
-
18
- .e-slider-vertical-color {
19
- left: -1px;
20
- position: absolute;
21
- width: 100%;
22
- }
23
-
24
- .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
25
- padding: 1px 8px;
26
- }
27
-
28
- .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
29
- padding: 1px 8px;
30
- }
31
-
32
- .e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
33
- .e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
34
- height: 16px;
35
- width: 16px;
36
- }
37
-
38
- .e-bigger .e-control-wrapper.e-slider-container .e-slider-button,
39
- .e-control-wrapper.e-slider-container.e-bigger .e-slider-button {
40
- height: 20px;
41
- width: 20px;
42
- }
43
-
44
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
45
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button,
46
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button,
47
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button {
48
- margin-top: -10px;
49
- }
50
-
51
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before,
52
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before,
53
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button .e-button-icon::before,
54
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button .e-button-icon::before {
55
- font-size: 17px;
56
- }
57
-
58
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
59
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
60
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
61
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
62
- margin-right: -10px;
63
- }
64
-
65
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before,
66
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before,
67
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button .e-button-icon::before,
68
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button .e-button-icon::before {
69
- font-size: 17px;
70
- }
71
-
72
- .e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
73
- .e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
74
- margin-left: -8px;
75
- top: calc(50% - 8px);
76
- }
77
-
78
- .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
79
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
80
- left: calc(50% - 9px);
81
- margin-bottom: -9px;
82
- left: calc(50% - 8px);
83
- margin-bottom: -8px;
84
- }
85
-
86
- .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
87
- .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
88
- font-size: 16px;
89
- }
90
-
91
- .e-control-wrapper.e-slider-container {
92
- -moz-user-select: none;
93
- -ms-user-select: none;
94
- -webkit-tap-highlight-color: transparent;
95
- -webkit-touch-callout: none;
96
- -webkit-user-select: none;
97
- box-sizing: border-box;
98
- display: inline-block;
99
- height: 28px;
100
- line-height: normal;
101
- outline: none;
102
- position: relative;
103
- user-select: none;
104
- }
105
-
106
- .e-control-wrapper.e-slider-container::after {
107
- content: "FluentUI";
108
- display: none;
109
- }
110
-
111
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
112
- transform: scale(1.5);
113
- }
114
-
115
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
116
- margin: 0 -8px 0 0;
117
- top: calc(50% - 8px);
118
- }
119
-
120
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
121
- background-position: right center;
122
- left: 0;
123
- }
124
-
125
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
126
- background-position: left center;
127
- }
128
-
129
- .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider-button {
130
- margin-top: -8px;
131
- }
132
-
133
- .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
134
- direction: ltr;
135
- }
136
-
137
- .e-control-wrapper.e-slider-container.e-disabled .e-btn {
138
- cursor: default;
139
- }
140
-
141
- .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
142
- cursor: default;
143
- }
144
-
145
- .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
146
- display: none;
147
- }
148
-
149
- .e-control-wrapper.e-slider-container.e-horizontal {
150
- height: 48px;
151
- width: 100%;
152
- }
153
-
154
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
155
- left: 0;
156
- margin-top: -8px;
157
- top: 50%;
158
- }
159
-
160
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon {
161
- font-family: 'e-icons';
162
- }
163
-
164
- .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
165
- color: #a19f9d;
166
- content: '\e738';
167
- font-size: 14px;
168
- }
169
-
170
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
171
- margin-top: -8px;
172
- right: 0;
173
- top: 50%;
174
- }
175
-
176
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
177
- font-family: 'e-icons';
178
- }
179
-
180
- .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
181
- color: #a19f9d;
182
- content: '\e75c';
183
- font-size: 14px;
184
- }
185
-
186
- .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
187
- padding: 0 32px;
188
- }
189
-
190
- .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
191
- height: 32px;
192
- position: relative;
193
- top: calc(50% - 16px);
194
- width: 100%;
195
- }
196
-
197
- .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
198
- height: 4px;
199
- left: 0;
200
- position: absolute;
201
- width: 100%;
202
- background: #797775;
203
- overflow: hidden;
204
- top: calc(50% - 2px);
205
- border-radius: 2px;
206
- }
207
-
208
- .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
209
- margin-left: -8px;
210
- top: calc(50% - 8px);
211
- }
212
-
213
- .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
214
- height: 4px;
215
- }
216
-
217
- .e-control-wrapper.e-slider-container.e-horizontal .e-range {
218
- height: 4px;
219
- top: calc(50% - 2px);
220
- }
221
-
222
- .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
223
- background-color: rgba(0, 0, 0, 0.4);
224
- height: 4px;
225
- position: absolute;
226
- top: calc(50% - 2px);
227
- border-radius: 2px;
228
- }
229
-
230
- .e-control-wrapper.e-slider-container.e-vertical {
231
- height: inherit;
232
- padding: 32px 0;
233
- width: 48px;
234
- }
235
-
236
- .e-control-wrapper.e-slider-container.e-vertical .e-slider {
237
- height: 100%;
238
- left: calc(50% - 15px);
239
- position: relative;
240
- width: 32px;
241
- }
242
-
243
- .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
244
- background: #797775;
245
- bottom: 0;
246
- height: 100%;
247
- position: absolute;
248
- left: calc(50% - 2px);
249
- overflow: hidden;
250
- width: 4px;
251
- border-radius: 2px;
252
- }
253
-
254
- .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
255
- height: 100%;
256
- padding: 32px 0;
257
- }
258
-
259
- .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
260
- height: 100%;
261
- width: 4px;
262
- }
263
-
264
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
265
- bottom: 0;
266
- margin-right: -8px;
267
- right: 50%;
268
- }
269
-
270
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
271
- font-family: 'e-icons';
272
- }
273
-
274
- .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
275
- color: #a19f9d;
276
- content: '\e734';
277
- font-size: 14px;
278
- }
279
-
280
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
281
- margin-right: -8px;
282
- right: 50%;
283
- top: 0;
284
- }
285
-
286
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
287
- font-family: 'e-icons';
288
- }
289
-
290
- .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
291
- color: #a19f9d;
292
- content: '\e7dd';
293
- font-size: 14px;
294
- }
295
-
296
- .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
297
- margin-bottom: -8px;
298
- }
299
-
300
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
301
- margin-bottom: -8px;
302
- left: calc(50% - 8px);
303
- }
304
-
305
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
306
- left: calc(50% - 2px);
307
- width: 4px;
308
- }
309
-
310
- .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
311
- background-color: rgba(0, 0, 0, 0.4);
312
- left: calc(50% - 2px);
313
- position: absolute;
314
- width: 4px;
315
- border-radius: 2px;
316
- }
317
-
318
- .e-control-wrapper.e-slider-container .e-range {
319
- border-radius: 2px;
320
- position: absolute;
321
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
322
- }
323
-
324
- .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
325
- cursor: pointer;
326
- }
327
-
328
- .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
329
- cursor: pointer;
330
- }
331
-
332
- .e-control-wrapper.e-slider-container .e-slider {
333
- box-sizing: border-box;
334
- cursor: pointer;
335
- display: block;
336
- outline: 0 none;
337
- padding: 0;
338
- position: relative;
339
- }
340
-
341
- .e-control-wrapper.e-slider-container .e-slider .e-handle {
342
- border-radius: 50%;
343
- box-sizing: border-box;
344
- cursor: pointer;
345
- height: 16px;
346
- outline: none;
347
- position: absolute;
348
- -ms-touch-action: none;
349
- touch-action: none;
350
- transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
351
- width: 16px;
352
- z-index: 10;
353
- }
354
-
355
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
356
- border-color: #006cbf;
357
- }
358
-
359
- .e-control-wrapper.e-slider-container .e-slider .e-tab-track {
360
- background-color: #005a9e;
361
- }
362
-
363
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
364
- height: 8px;
365
- top: -12px;
366
- }
367
-
368
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
369
- height: 12px;
370
- top: -12px;
371
- }
372
-
373
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
374
- left: 0;
375
- width: 8px;
376
- }
377
-
378
- .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
379
- left: -4px;
380
- width: 12px;
381
- }
382
-
383
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
384
- height: 8px;
385
- top: 8px;
386
- }
387
-
388
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
389
- height: 12px;
390
- top: 12px;
391
- }
392
-
393
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
394
- left: 20px;
395
- width: 8px;
396
- }
397
-
398
- .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
399
- left: 20px;
400
- width: 12px;
401
- }
402
-
403
- .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
404
- right: 9px;
405
- }
406
-
407
- .e-control-wrapper.e-slider-container.e-scale-after .e-scale.e-v-scale {
408
- right: 9px;
409
- }
410
-
411
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
412
- height: 30px;
413
- top: -17px;
414
- }
415
-
416
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
417
- height: 38px;
418
- top: -13px;
419
- }
420
-
421
- .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
422
- left: 0;
423
- width: calc(100% - 2px);
424
- }
425
-
426
- .e-control-wrapper.e-slider-container .e-scale {
427
- box-sizing: content-box;
428
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
429
- height: 28px;
430
- line-height: normal;
431
- list-style: none outside none;
432
- margin: 0;
433
- outline: 0 none;
434
- padding: 0;
435
- position: absolute;
436
- top: 12px;
437
- width: 100%;
438
- z-index: 1;
439
- font-size: 14px;
440
- margin-top: -2px;
441
- }
442
-
443
- .e-control-wrapper.e-slider-container .e-scale .e-tick {
444
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjNDg0NjQ0Ii8+Cjwvc3ZnPgo=");
445
- cursor: pointer;
446
- outline: none;
447
- position: relative;
448
- -webkit-user-select: none;
449
- -ms-user-select: none;
450
- user-select: none;
451
- background-position: center center;
452
- }
453
-
454
- .e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
455
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjNDg0NjQ0Ii8+Cjwvc3ZnPgo=");
456
- }
457
-
458
- .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
459
- color: #c8c6c4;
460
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
461
- font-size: 14px;
462
- outline: none;
463
- position: absolute;
464
- -webkit-user-select: none;
465
- -ms-user-select: none;
466
- user-select: none;
467
- white-space: nowrap;
468
- }
469
-
470
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
471
- height: 100%;
472
- left: calc(50% - 14px);
473
- top: 0;
474
- width: 28px;
475
- }
476
-
477
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
478
- background-repeat: repeat-x;
479
- }
480
-
481
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
482
- background-position-y: center;
483
- }
484
-
485
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
486
- background-position-y: bottom;
487
- margin-top: 2px;
488
- }
489
-
490
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
491
- display: inline-block;
492
- background-repeat: repeat-y;
493
- height: 100%;
494
- top: 0;
495
- }
496
-
497
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
498
- top: -18px;
499
- }
500
-
501
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
502
- bottom: -20px;
503
- }
504
-
505
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
506
- bottom: -20px;
507
- }
508
-
509
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
510
- top: -18px;
511
- }
512
-
513
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
514
- background-position: left center;
515
- }
516
-
517
- .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
518
- background-position: right center;
519
- }
520
-
521
- .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
522
- top: 12px;
523
- }
524
-
525
- .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-slider-track {
526
- border-color: #1b1a19;
527
- border-radius: 1px;
528
- border-style: solid;
529
- border-width: 5px 0;
530
- height: 14px;
531
- margin-top: -4px;
532
- top: calc(50% - 3px);
533
- }
534
-
535
- .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-scale {
536
- right: 12px;
537
- }
538
-
539
- .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider-track {
540
- border-color: #1b1a19;
541
- border-radius: 1px;
542
- border-style: solid;
543
- border-width: 0 5px;
544
- left: calc(50% - 1px);
545
- margin-left: -7px;
546
- width: 14px;
547
- }
548
-
549
- .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-range {
550
- margin-left: -1px;
551
- }
552
-
553
- .e-control-wrapper.e-slider-container.e-scale-both.e-vertical .e-scale.e-h-scale {
554
- margin-left: -7px;
555
- }
556
-
557
- .e-control-wrapper.e-slider-container.e-scale-both.e-vertical.e-small-size .e-scale.e-h-scale {
558
- margin-left: -7px;
559
- }
560
-
561
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
562
- right: 17px;
563
- }
564
-
565
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
566
- left: 19px;
567
- }
568
-
569
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
570
- right: 44px;
571
- }
572
-
573
- .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
574
- left: 42px;
575
- }
576
-
577
- /*! component theme */
578
- .e-control-wrapper.e-slider-container .e-slider-button {
579
- background-color: #1b1a19;
580
- border: 1px solid #a19f9d;
581
- border-radius: 50%;
582
- height: 16px;
583
- width: 16px;
584
- box-sizing: border-box;
585
- cursor: pointer;
586
- outline: none;
587
- padding: 0;
588
- position: absolute;
589
- }
590
-
591
- .e-control-wrapper.e-slider-container .e-slider .e-range {
592
- background-color: #a19f9d;
593
- }
594
-
595
- .e-control-wrapper.e-slider-container .e-slider .e-range.e-tab-range {
596
- background-color: #0078d4;
597
- }
598
-
599
- .e-control-wrapper.e-slider-container .e-slider .e-handle {
600
- background-color: #1b1a19;
601
- border: 2px solid #a19f9d;
602
- border-color: #a19f9d;
603
- }
604
-
605
- .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
606
- background-color: transparent;
607
- border-color: transparent;
608
- }
609
-
610
- .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
611
- background-color: #005a9e;
612
- }
613
-
614
- .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
615
- background-color: #0078d4;
616
- }
617
-
618
- .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
619
- border-color: #006cbf;
620
- }
621
-
622
- .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-handle {
623
- border-color: #006cbf;
624
- }
625
-
626
- .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-range {
627
- background-color: #0078d4;
628
- }
629
-
630
- .e-control-wrapper.e-slider-container:not(.e-disabled):not(.e-read-only):active .e-slider-track {
631
- background-color: #005a9e;
632
- }
@@ -1 +0,0 @@
1
- @import 'ej2-inputs/styles/slider/fluent-dark.scss';