@syncfusion/ej2-angular-inputs 20.1.55 → 20.1.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-angular-inputs.umd.js +1 -1
  3. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/schematics/ng-add/schema.json +1 -1
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +125 -658
  10. package/styles/bootstrap.css +122 -655
  11. package/styles/bootstrap4.css +122 -682
  12. package/styles/bootstrap5-dark.css +131 -702
  13. package/styles/bootstrap5.css +131 -702
  14. package/styles/color-picker/bootstrap-dark.css +27 -194
  15. package/styles/color-picker/bootstrap.css +27 -194
  16. package/styles/color-picker/bootstrap4.css +27 -209
  17. package/styles/color-picker/bootstrap5-dark.css +27 -202
  18. package/styles/color-picker/bootstrap5.css +27 -202
  19. package/styles/color-picker/fabric-dark.css +27 -194
  20. package/styles/color-picker/fabric.css +27 -194
  21. package/styles/color-picker/fluent-dark.css +27 -194
  22. package/styles/color-picker/fluent.css +27 -194
  23. package/styles/color-picker/highcontrast-light.css +27 -194
  24. package/styles/color-picker/highcontrast.css +27 -194
  25. package/styles/color-picker/material-dark.css +27 -195
  26. package/styles/color-picker/material.css +27 -196
  27. package/styles/color-picker/tailwind-dark.css +28 -203
  28. package/styles/color-picker/tailwind.css +28 -203
  29. package/styles/fabric-dark.css +122 -656
  30. package/styles/fabric.css +121 -655
  31. package/styles/fluent-dark.css +131 -691
  32. package/styles/fluent.css +131 -691
  33. package/styles/highcontrast-light.css +130 -676
  34. package/styles/highcontrast.css +130 -676
  35. package/styles/input/bootstrap-dark.css +36 -38
  36. package/styles/input/bootstrap.css +33 -35
  37. package/styles/input/bootstrap4.css +33 -35
  38. package/styles/input/bootstrap5-dark.css +33 -35
  39. package/styles/input/bootstrap5.css +33 -35
  40. package/styles/input/fabric-dark.css +32 -33
  41. package/styles/input/fabric.css +32 -33
  42. package/styles/input/fluent-dark.css +32 -33
  43. package/styles/input/fluent.css +32 -33
  44. package/styles/input/highcontrast-light.css +33 -35
  45. package/styles/input/highcontrast.css +33 -35
  46. package/styles/input/material-dark.css +87 -122
  47. package/styles/input/material.css +87 -123
  48. package/styles/input/tailwind-dark.css +32 -33
  49. package/styles/input/tailwind.css +32 -33
  50. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  51. package/styles/maskedtextbox/bootstrap.css +1 -1
  52. package/styles/maskedtextbox/bootstrap4.css +1 -1
  53. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  54. package/styles/maskedtextbox/bootstrap5.css +1 -1
  55. package/styles/maskedtextbox/fabric-dark.css +1 -1
  56. package/styles/maskedtextbox/fabric.css +1 -1
  57. package/styles/maskedtextbox/fluent-dark.css +1 -1
  58. package/styles/maskedtextbox/fluent.css +1 -1
  59. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  60. package/styles/maskedtextbox/highcontrast.css +1 -1
  61. package/styles/maskedtextbox/material-dark.css +1 -2
  62. package/styles/maskedtextbox/material.css +1 -3
  63. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  64. package/styles/maskedtextbox/tailwind.css +1 -1
  65. package/styles/material-dark.css +180 -775
  66. package/styles/material.css +180 -780
  67. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  68. package/styles/numerictextbox/bootstrap.css +6 -8
  69. package/styles/numerictextbox/bootstrap4.css +6 -7
  70. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  71. package/styles/numerictextbox/bootstrap5.css +6 -7
  72. package/styles/numerictextbox/fabric-dark.css +6 -7
  73. package/styles/numerictextbox/fabric.css +6 -7
  74. package/styles/numerictextbox/fluent-dark.css +7 -9
  75. package/styles/numerictextbox/fluent.css +7 -9
  76. package/styles/numerictextbox/highcontrast-light.css +6 -7
  77. package/styles/numerictextbox/highcontrast.css +6 -7
  78. package/styles/numerictextbox/material-dark.css +6 -8
  79. package/styles/numerictextbox/material.css +6 -9
  80. package/styles/numerictextbox/tailwind-dark.css +6 -7
  81. package/styles/numerictextbox/tailwind.css +6 -7
  82. package/styles/signature/bootstrap-dark.css +1 -1
  83. package/styles/signature/bootstrap.css +1 -1
  84. package/styles/signature/bootstrap4.css +1 -1
  85. package/styles/signature/bootstrap5-dark.css +1 -1
  86. package/styles/signature/bootstrap5.css +1 -1
  87. package/styles/signature/fabric-dark.css +1 -1
  88. package/styles/signature/fabric.css +1 -1
  89. package/styles/signature/fluent-dark.css +1 -1
  90. package/styles/signature/fluent.css +1 -1
  91. package/styles/signature/highcontrast-light.css +1 -1
  92. package/styles/signature/highcontrast.css +1 -1
  93. package/styles/signature/material-dark.css +1 -1
  94. package/styles/signature/material.css +1 -1
  95. package/styles/signature/tailwind-dark.css +1 -1
  96. package/styles/signature/tailwind.css +1 -1
  97. package/styles/slider/bootstrap-dark.css +1 -91
  98. package/styles/slider/bootstrap.css +1 -91
  99. package/styles/slider/bootstrap4.css +1 -104
  100. package/styles/slider/bootstrap5-dark.css +10 -131
  101. package/styles/slider/bootstrap5.css +10 -131
  102. package/styles/slider/fabric-dark.css +2 -96
  103. package/styles/slider/fabric.css +1 -95
  104. package/styles/slider/fluent-dark.css +9 -113
  105. package/styles/slider/fluent.css +9 -113
  106. package/styles/slider/highcontrast-light.css +9 -113
  107. package/styles/slider/highcontrast.css +9 -113
  108. package/styles/slider/material-dark.css +5 -120
  109. package/styles/slider/material.css +5 -120
  110. package/styles/slider/tailwind-dark.css +8 -136
  111. package/styles/slider/tailwind.css +8 -136
  112. package/styles/tailwind-dark.css +129 -705
  113. package/styles/tailwind.css +129 -705
  114. package/styles/textbox/material-dark.css +1 -1
  115. package/styles/textbox/material.css +1 -2
  116. package/styles/textbox/tailwind-dark.css +1 -1
  117. package/styles/textbox/tailwind.css +1 -1
  118. package/styles/uploader/bootstrap-dark.css +59 -330
  119. package/styles/uploader/bootstrap.css +59 -330
  120. package/styles/uploader/bootstrap4.css +59 -330
  121. package/styles/uploader/bootstrap5-dark.css +59 -330
  122. package/styles/uploader/bootstrap5.css +59 -330
  123. package/styles/uploader/fabric-dark.css +59 -330
  124. package/styles/uploader/fabric.css +59 -330
  125. package/styles/uploader/fluent-dark.css +60 -346
  126. package/styles/uploader/fluent.css +60 -346
  127. package/styles/uploader/highcontrast-light.css +59 -330
  128. package/styles/uploader/highcontrast.css +59 -330
  129. package/styles/uploader/material-dark.css +59 -331
  130. package/styles/uploader/material.css +59 -331
  131. package/styles/uploader/tailwind-dark.css +59 -330
  132. package/styles/uploader/tailwind.css +59 -330
@@ -4,11 +4,9 @@
4
4
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
5
5
  z-index: 3;
6
6
  }
7
-
8
7
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-tab-handle::after {
9
8
  background-color: transparent;
10
9
  }
11
-
12
10
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-start.e-tab-handle::after {
13
11
  background-color: transparent;
14
12
  }
@@ -20,45 +18,35 @@
20
18
  cursor: grab;
21
19
  opacity: 1;
22
20
  }
23
-
24
21
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close {
25
22
  display: block;
26
23
  opacity: 0;
27
24
  }
28
-
29
25
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start {
30
26
  background-color: rgba(255, 255, 255, 0.26);
31
27
  }
32
-
33
28
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-inner {
34
29
  color: #000;
35
30
  opacity: 0;
36
31
  }
37
-
38
32
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-bottom {
39
33
  border-top-color: rgba(255, 255, 255, 0.26);
40
34
  }
41
-
42
35
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-top {
43
36
  border-bottom-color: rgba(255, 255, 255, 0.26);
44
37
  }
45
-
46
38
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-right {
47
39
  border-left-color: rgba(255, 255, 255, 0.26);
48
40
  }
49
-
50
41
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-left {
51
42
  border-right-color: rgba(255, 255, 255, 0.26);
52
43
  }
53
-
54
44
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active {
55
45
  cursor: grabbing;
56
46
  }
57
-
58
47
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip {
59
48
  visibility: visible;
60
49
  }
61
-
62
50
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
63
51
  background-color: transparent;
64
52
  height: 16px;
@@ -68,35 +56,27 @@
68
56
  top: calc(50% - 8px);
69
57
  width: 100%;
70
58
  }
71
-
72
59
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-show {
73
60
  color: #000;
74
61
  }
75
-
76
62
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-hide {
77
63
  color: transparent;
78
64
  }
79
-
80
65
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
81
66
  color: #00b0ff;
82
67
  }
83
-
84
68
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
85
69
  border-top-color: #00b0ff;
86
70
  }
87
-
88
71
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
89
72
  border-bottom-color: #00b0ff;
90
73
  }
91
-
92
74
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right {
93
75
  border-left-color: #00b0ff;
94
76
  }
95
-
96
77
  .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left {
97
78
  border-right-color: #00b0ff;
98
79
  }
99
-
100
80
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default {
101
81
  background-color: #00b0ff;
102
82
  border: 0;
@@ -107,35 +87,27 @@
107
87
  cursor: grab;
108
88
  opacity: 1;
109
89
  }
110
-
111
90
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start {
112
91
  background-color: rgba(255, 255, 255, 0.26);
113
92
  }
114
-
115
93
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active {
116
94
  cursor: grabbing;
117
95
  }
118
-
119
96
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip {
120
97
  visibility: hidden;
121
98
  }
122
-
123
99
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-before .e-tip-content {
124
100
  transform: rotate(-45deg);
125
101
  }
126
-
127
102
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content {
128
103
  transform: rotate(-225deg);
129
104
  }
130
-
131
105
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content {
132
106
  transform: rotate(45deg);
133
107
  }
134
-
135
108
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content {
136
109
  transform: rotate(225deg);
137
110
  }
138
-
139
111
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content {
140
112
  background-color: transparent;
141
113
  height: 16px;
@@ -145,11 +117,9 @@
145
117
  top: calc(50% - 8px);
146
118
  width: 100%;
147
119
  }
148
-
149
120
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show {
150
121
  color: #000;
151
122
  }
152
-
153
123
  .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide {
154
124
  color: transparent;
155
125
  }
@@ -170,7 +140,6 @@
170
140
  font-size: 11px;
171
141
  line-height: 16px;
172
142
  }
173
-
174
143
  .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
175
144
  font-size: 11px;
176
145
  line-height: 16px;
@@ -195,55 +164,43 @@
195
164
  position: relative;
196
165
  user-select: none;
197
166
  }
198
-
199
167
  .e-control-wrapper.e-slider-container::after {
200
168
  content: "material-dark";
201
169
  display: none;
202
170
  }
203
-
204
171
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
205
172
  transform: scale(1.5);
206
173
  }
207
-
208
174
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
209
175
  margin: 0 -6px 0 0;
210
176
  top: calc(50% - 6px);
211
177
  }
212
-
213
178
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
214
179
  background-position-x: right;
215
180
  }
216
-
217
181
  .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
218
182
  background-position-x: left;
219
183
  }
220
-
221
184
  .e-control-wrapper.e-slider-container.e-rtl.e-vertical {
222
185
  direction: ltr;
223
186
  }
224
-
225
187
  .e-control-wrapper.e-slider-container.e-disabled.e-material-slider .e-slider .e-handle.e-handle-first {
226
188
  background-color: #757575;
227
189
  }
228
-
229
190
  .e-control-wrapper.e-slider-container.e-disabled:hover .e-scale .e-tick {
230
191
  visibility: hidden;
231
192
  }
232
-
233
193
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range {
234
194
  background: rgba(255, 255, 255, 0.3);
235
195
  }
236
-
237
196
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
238
197
  background: #757575;
239
198
  transform: scale(0.5) !important;
240
199
  }
241
-
242
200
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first {
243
201
  background-color: #757575;
244
202
  border: 0;
245
203
  }
246
-
247
204
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle::after {
248
205
  -ms-transform: scale(0);
249
206
  -webkit-transform: scale(0);
@@ -251,7 +208,7 @@
251
208
  border: 7px solid #000;
252
209
  border-radius: 50%;
253
210
  box-sizing: border-box;
254
- content: '';
211
+ content: "";
255
212
  height: 26px;
256
213
  left: calc(50% - 13px);
257
214
  opacity: 1;
@@ -262,30 +219,24 @@
262
219
  width: 26px;
263
220
  z-index: -1;
264
221
  }
265
-
266
222
  .e-control-wrapper.e-slider-container.e-disabled .e-btn {
267
223
  cursor: default;
268
224
  }
269
-
270
225
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
271
226
  cursor: default;
272
227
  }
273
-
274
228
  .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
275
229
  display: block;
276
230
  }
277
-
278
231
  .e-control-wrapper.e-slider-container.e-horizontal {
279
232
  height: 48px;
280
233
  width: 100%;
281
234
  }
282
-
283
235
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button {
284
236
  left: 0;
285
237
  margin-top: -9px;
286
238
  top: 50%;
287
239
  }
288
-
289
240
  .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon {
290
241
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/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///8G+5iqAAAAL3RSTlMABAgMEBQYHCAkKDA0ODxETFRYYGRsdHyAh4uTm6Onr7O/w8fL09ff4+fr7/P3+/6nVicAAADJSURBVHgBldJHdoNgAANhQUjvPTHuxbgAuv/t/J5O8I82Wn27UfGaVmjvBwvsdmEDUH33JuBxYwNQ/48m4LWzAbie2QR8nkzA/coGoPodTMDzzgagae1ykHAASDgAJBwAEk4xSDgAJBwAEg4ACacYJBwAEg4ACYeAjyMEaqYQSC97CFT/DQxID2sIpK8zBLqZQyC9dRDoajIyID1tIVD10zMg3S0ZSF4IJC8GkhcDyQuB5MVA8kIgeTGQvBhIXggkLwaSFwLJK3cBRvanB71ijlkAAAAASUVORK5CYII=");
291
242
  background-repeat: no-repeat;
@@ -297,13 +248,11 @@
297
248
  top: calc(50% - 3.6px);
298
249
  width: 7px;
299
250
  }
300
-
301
251
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
302
252
  margin-top: -9px;
303
253
  right: 0;
304
254
  top: 50%;
305
255
  }
306
-
307
256
  .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
308
257
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/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///9VYKa9AAAAL3RSTlMABAgMEBQYHCAoLDQ4PEBMUFhcZGx0eICDi5Obn6ers7vDx8vP19vf4+fr7/P3++LF0fAAAADNSURBVHgBldNHbsNAGEPhkZSi9F4S915k6d3/dga8Jgjw7bkYzPeXS5ObkkX3EQ5gcRcO6H/qbACbp3AAo6twwOEtHMCsDQecvqpsAKuHcMDw12QD2L2EA/C8EFleiCwvRJYXIssLmeGFzPBCZnghM7yQGV7IDC9Eglc26D6zwfS2JIP9a/To4b8pyWD9GH1c/11FNOZthO/4nvEeX5dksH2OTnT4rUsyWN4Xk4cj8nBEHo7IwxF5OCIPR+ThiDwckYcj8nBEHo5Iw5GdAVm8p9sPUXNKAAAAAElFTkSuQmCC");
309
258
  background-repeat: no-repeat;
@@ -315,18 +264,15 @@
315
264
  top: calc(50% - 3.6px);
316
265
  width: 7px;
317
266
  }
318
-
319
267
  .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
320
268
  padding: 0 30px;
321
269
  }
322
-
323
270
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
324
271
  height: 32px;
325
272
  position: relative;
326
273
  top: calc(50% - 16px);
327
274
  width: 100%;
328
275
  }
329
-
330
276
  .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
331
277
  height: 2px;
332
278
  left: 0;
@@ -336,41 +282,34 @@
336
282
  overflow: hidden;
337
283
  top: calc(50% - 1px);
338
284
  }
339
-
340
285
  .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
341
286
  margin-left: -6px;
342
287
  top: calc(50% - 6px);
343
288
  }
344
-
345
289
  .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range {
346
290
  height: 2px;
347
291
  }
348
-
349
292
  .e-control-wrapper.e-slider-container.e-horizontal .e-range {
350
293
  height: 2px;
351
294
  top: calc(50% - 1px);
352
295
  }
353
-
354
296
  .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
355
297
  background-color: rgba(255, 255, 255, 0.26);
356
298
  height: 2px;
357
299
  position: absolute;
358
300
  top: calc(50% - 1px);
359
301
  }
360
-
361
302
  .e-control-wrapper.e-slider-container.e-vertical {
362
303
  height: inherit;
363
304
  padding: 38px 0;
364
305
  width: 48px;
365
306
  }
366
-
367
307
  .e-control-wrapper.e-slider-container.e-vertical .e-slider {
368
308
  height: 100%;
369
309
  left: calc(50% - 16px);
370
310
  position: relative;
371
311
  width: 32px;
372
312
  }
373
-
374
313
  .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
375
314
  background: rgba(255, 255, 255, 0.26);
376
315
  bottom: 0;
@@ -380,23 +319,19 @@
380
319
  overflow: hidden;
381
320
  width: 2px;
382
321
  }
383
-
384
322
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
385
323
  height: 100%;
386
324
  padding: 30px 0;
387
325
  }
388
-
389
326
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
390
327
  height: 100%;
391
328
  width: 2px;
392
329
  }
393
-
394
330
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button {
395
331
  bottom: 0;
396
332
  margin-right: -9px;
397
333
  right: 50%;
398
334
  }
399
-
400
335
  .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon {
401
336
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////+/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////1kjJ6AAAALnRSTlMABAgMEBQYHCAkKDA4QERITFRcYGRodHyDj5OXn6Ons7e7v8vP09ff5+vv8/f7zZvJMAAAAItJREFUeAHdyVcagjAQBsAfUVTAXsTeSTRm7388i/kUQjYHYF4H9bAUXjuEV/KQEdC98f9I8dLXxJngY879CsbG/ccARuPsetHCT1tWXyUoSDXZRiiZ2p/Bsi7/HrbgVPw8REUk/n+P4ZAoMvQATmMyFmBk39+CExzefwnBauZEsgOPWOkevIYz1NEToo45F58KJy0AAAAASUVORK5CYII=");
402
337
  background-repeat: no-repeat;
@@ -408,13 +343,11 @@
408
343
  top: calc(50% - 2.7px);
409
344
  width: 8px;
410
345
  }
411
-
412
346
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
413
347
  margin-right: -9px;
414
348
  right: 50%;
415
349
  top: 0;
416
350
  }
417
-
418
351
  .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
419
352
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////////////+/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////wrNfvAAAALnRSTlMABAgMEBQYICgsMDQ4QERITFBcYGhseHyDi5Obn6Ort7u/x8/X29/j5+vv8/f77y3LJgAAAI1JREFUeAHdyVeagjAUBtCbYQTsXewFENGYf//LsyB8kORmAZzXQ600mLrfz2XX9X8xcO0Qb4+3s2B/ia8N9yOFwtz+wR0/z77tvQSVm0+mI2piYXyEhp3+E2gWzQ8lNGpY//8UhjygijjBIvGotIbVofwZGFHxPQmGGn/ez8B6hETiAofUo1XmtKVWeAEhzjgqqZr/lwAAAABJRU5ErkJggg==");
420
353
  background-repeat: no-repeat;
@@ -426,42 +359,34 @@
426
359
  top: calc(50% - 4.7px);
427
360
  width: 8px;
428
361
  }
429
-
430
362
  .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
431
363
  margin-bottom: -6px;
432
364
  }
433
-
434
365
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle {
435
366
  margin-bottom: -6px;
436
367
  left: calc(50% - 6px);
437
368
  }
438
-
439
369
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
440
370
  left: calc(50% - 1px);
441
371
  width: 2px;
442
372
  }
443
-
444
373
  .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
445
374
  background-color: rgba(255, 255, 255, 0.26);
446
375
  left: calc(50% - 1px);
447
376
  position: absolute;
448
377
  width: 2px;
449
378
  }
450
-
451
379
  .e-control-wrapper.e-slider-container .e-range {
452
380
  border-radius: 2px;
453
381
  position: absolute;
454
382
  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
455
383
  }
456
-
457
384
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
458
385
  cursor: pointer;
459
386
  }
460
-
461
387
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
462
388
  cursor: pointer;
463
389
  }
464
-
465
390
  .e-control-wrapper.e-slider-container .e-slider {
466
391
  box-sizing: border-box;
467
392
  cursor: default;
@@ -470,7 +395,6 @@
470
395
  padding: 0;
471
396
  position: relative;
472
397
  }
473
-
474
398
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
475
399
  border-radius: 50%;
476
400
  box-sizing: border-box;
@@ -485,16 +409,13 @@
485
409
  z-index: 10;
486
410
  cursor: grab;
487
411
  }
488
-
489
412
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
490
413
  cursor: grabbing;
491
414
  }
492
-
493
415
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
494
416
  background-color: #303030;
495
417
  border: 2px solid rgba(255, 255, 255, 0.26);
496
418
  }
497
-
498
419
  .e-control-wrapper.e-slider-container .e-slider .e-handle::after {
499
420
  -moz-box-sizing: content-box;
500
421
  -ms-transform: scale(0);
@@ -503,11 +424,11 @@
503
424
  border: 0 solid;
504
425
  border-radius: 50%;
505
426
  box-sizing: content-box;
506
- content: '';
427
+ content: "";
507
428
  filter: alpha(opacity=26);
508
429
  height: 32px;
509
430
  left: calc(50% - 16px);
510
- opacity: .26;
431
+ opacity: 0.26;
511
432
  position: absolute;
512
433
  top: calc(50% - 16px);
513
434
  transform: scale(0);
@@ -515,57 +436,47 @@
515
436
  width: 32px;
516
437
  z-index: -1;
517
438
  }
518
-
519
439
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after {
520
440
  background-color: #e0e0e0;
521
- opacity: .38;
441
+ opacity: 0.38;
522
442
  }
523
-
524
443
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after {
525
444
  -ms-transform: scale(1);
526
445
  -webkit-transform: scale(1);
527
446
  background-color: #00b0ff;
528
447
  transform: scale(1);
529
448
  }
530
-
531
449
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
532
450
  background-position: bottom;
533
451
  height: 50%;
534
452
  top: 1px;
535
453
  }
536
-
537
454
  .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
538
455
  background-position: right;
539
456
  left: 1px;
540
457
  width: 50%;
541
458
  }
542
-
543
459
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
544
460
  background-position-x: center;
545
461
  height: 50%;
546
462
  top: calc(50% - 1px);
547
463
  }
548
-
549
464
  .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
550
465
  background-position: left;
551
466
  left: calc(50% - 1px);
552
467
  width: 50%;
553
468
  }
554
-
555
469
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
556
470
  background-position: center;
557
471
  height: 99%;
558
472
  }
559
-
560
473
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
561
474
  background-position: center;
562
475
  width: 100%;
563
476
  }
564
-
565
477
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
566
478
  width: 100%;
567
479
  }
568
-
569
480
  .e-control-wrapper.e-slider-container .e-scale {
570
481
  box-sizing: content-box;
571
482
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -580,7 +491,6 @@
580
491
  width: 100%;
581
492
  z-index: 1;
582
493
  }
583
-
584
494
  .e-control-wrapper.e-slider-container .e-scale .e-tick {
585
495
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=");
586
496
  cursor: default;
@@ -590,7 +500,6 @@
590
500
  -ms-user-select: none;
591
501
  user-select: none;
592
502
  }
593
-
594
503
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
595
504
  color: #fff;
596
505
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -602,67 +511,52 @@
602
511
  user-select: none;
603
512
  white-space: nowrap;
604
513
  }
605
-
606
514
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
607
515
  height: 100%;
608
516
  left: calc(50% - 14px);
609
517
  top: 0;
610
518
  width: 28px;
611
519
  }
612
-
613
520
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
614
521
  background-repeat: no-repeat;
615
522
  }
616
-
617
523
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
618
524
  background-position-y: top;
619
525
  }
620
-
621
526
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
622
527
  background-position-y: bottom;
623
528
  }
624
-
625
529
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
626
530
  display: inline-block;
627
531
  background-repeat: no-repeat;
628
532
  }
629
-
630
533
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
631
534
  top: -18px;
632
535
  }
633
-
634
536
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
635
537
  bottom: -20px;
636
538
  }
637
-
638
539
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
639
540
  bottom: -20px;
640
541
  }
641
-
642
542
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
643
543
  top: -18px;
644
544
  }
645
-
646
545
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
647
546
  background-position-x: left;
648
547
  }
649
-
650
548
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
651
549
  background-position-x: right;
652
550
  }
653
-
654
551
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
655
552
  right: 26px;
656
553
  }
657
-
658
554
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
659
555
  left: 27px;
660
556
  }
661
-
662
557
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
663
558
  right: 41px;
664
559
  }
665
-
666
560
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
667
561
  left: 39px;
668
562
  }
@@ -670,7 +564,6 @@
670
564
  .e-control-wrapper.e-slider-container .e-scale .e-tick {
671
565
  visibility: hidden;
672
566
  }
673
-
674
567
  .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
675
568
  visibility: visible;
676
569
  }
@@ -692,12 +585,10 @@
692
585
  background: transparent;
693
586
  border-color: transparent;
694
587
  }
695
-
696
588
  .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-second {
697
589
  background: transparent;
698
590
  border-color: transparent;
699
591
  }
700
-
701
592
  .e-control-wrapper.e-slider-container .e-slider-button {
702
593
  background-color: rgba(255, 255, 255, 0.42);
703
594
  border: 1px solid transparent;
@@ -710,29 +601,23 @@
710
601
  padding: 0;
711
602
  position: absolute;
712
603
  }
713
-
714
604
  .e-control-wrapper.e-slider-container .e-slider .e-range {
715
605
  background-color: #00b0ff;
716
606
  }
717
-
718
607
  .e-control-wrapper.e-slider-container .e-slider .e-handle {
719
608
  background-color: #00b0ff;
720
609
  border-color: #00b0ff;
721
610
  }
722
-
723
611
  .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
724
612
  background-color: transparent;
725
613
  border-color: transparent;
726
614
  }
727
-
728
615
  .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track {
729
616
  background-color: rgba(255, 255, 255, 0.26);
730
617
  }
731
-
732
618
  .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
733
619
  background-color: #00b0ff;
734
620
  }
735
-
736
621
  .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
737
622
  border-color: #00b0ff;
738
- }
623
+ }