@syncfusion/ej2-inputs 20.2.48 → 20.3.49
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.
- package/CHANGELOG.md +0 -6
- package/dist/ej2-inputs.min.js +10 -0
- package/dist/ej2-inputs.umd.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-inputs.es2015.js +84 -48
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +84 -48
- package/dist/es6/ej2-inputs.es5.js.map +1 -1
- package/dist/global/ej2-inputs.min.js +2 -2
- package/dist/global/ej2-inputs.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -10
- package/src/color-picker/color-picker.js +3 -3
- package/src/common/signature-base.d.ts +77 -1
- package/src/common/signature-base.js +41 -8
- package/src/input/input.d.ts +11 -11
- package/src/input/input.js +26 -22
- package/src/maskedtextbox/base/mask-base.js +2 -3
- package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +1 -3
- package/src/numerictextbox/numerictextbox.js +10 -8
- package/src/textbox/textbox.js +1 -1
- package/styles/bootstrap-dark.css +31 -13
- package/styles/bootstrap.css +31 -13
- package/styles/bootstrap4.css +31 -13
- package/styles/bootstrap5-dark.css +32 -13
- package/styles/bootstrap5.css +32 -13
- package/styles/color-picker/_all.scss +1 -1
- package/styles/color-picker/_bootstrap-dark-definition.scss +2 -1
- package/styles/color-picker/_bootstrap5-definition.scss +0 -1
- package/styles/color-picker/_fabric-dark-definition.scss +2 -1
- package/styles/color-picker/_fluent-definition.scss +0 -1
- package/styles/color-picker/_fusionnew-definition.scss +0 -1
- package/styles/color-picker/_highcontrast-light-definition.scss +2 -1
- package/styles/color-picker/_layout.scss +2 -3
- package/styles/color-picker/_material-dark-definition.scss +2 -1
- package/styles/color-picker/_material3-definition.scss +0 -1
- package/styles/color-picker/_theme.scss +3 -3
- package/styles/color-picker/bootstrap-dark.css +2 -0
- package/styles/color-picker/bootstrap.css +2 -0
- package/styles/color-picker/bootstrap4.css +2 -0
- package/styles/color-picker/bootstrap5-dark.css +3 -0
- package/styles/color-picker/bootstrap5.css +3 -0
- package/styles/color-picker/fabric-dark.css +2 -0
- package/styles/color-picker/fabric.css +2 -0
- package/styles/color-picker/fluent-dark.css +3 -0
- package/styles/color-picker/fluent.css +3 -0
- package/styles/color-picker/highcontrast-light.css +2 -0
- package/styles/color-picker/highcontrast.css +2 -0
- package/styles/color-picker/icons/_bootstrap4.scss +1 -2
- package/styles/color-picker/icons/_bootstrap5.scss +1 -2
- package/styles/color-picker/icons/_fabric-dark.scss +2 -3
- package/styles/color-picker/icons/_fluent.scss +1 -2
- package/styles/color-picker/icons/_fusionnew.scss +1 -2
- package/styles/color-picker/icons/_material3.scss +1 -2
- package/styles/color-picker/icons/_tailwind-dark.scss +1 -2
- package/styles/color-picker/icons/_tailwind.scss +1 -2
- package/styles/color-picker/material-dark.css +2 -0
- package/styles/color-picker/material.css +2 -0
- package/styles/color-picker/tailwind-dark.css +3 -0
- package/styles/color-picker/tailwind.css +3 -0
- package/styles/fabric-dark.css +31 -13
- package/styles/fabric.css +31 -13
- package/styles/fluent-dark.css +32 -13
- package/styles/fluent.css +32 -13
- package/styles/highcontrast-light.css +31 -13
- package/styles/highcontrast.css +31 -13
- package/styles/input/_all.scss +1 -1
- package/styles/input/_bootstrap-dark-definition.scss +19 -1
- package/styles/input/_bootstrap-definition.scss +18 -2
- package/styles/input/_bootstrap4-definition.scss +17 -1
- package/styles/input/_bootstrap5-definition.scss +17 -2
- package/styles/input/_definition.scss +16 -1
- package/styles/input/_fabric-dark-definition.scss +16 -2
- package/styles/input/_fabric-definition.scss +15 -1
- package/styles/input/_fluent-definition.scss +19 -4
- package/styles/input/_fusionnew-definition.scss +17 -2
- package/styles/input/_highcontrast-definition.scss +17 -1
- package/styles/input/_highcontrast-light-definition.scss +18 -2
- package/styles/input/_layout.scss +313 -351
- package/styles/input/_material-dark-definition.scss +24 -7
- package/styles/input/_material-definition.scss +23 -7
- package/styles/input/_material3-definition.scss +17 -2
- package/styles/input/_responsive.scss +1 -1
- package/styles/input/_tailwind-definition.scss +17 -1
- package/styles/input/_theme.scss +248 -256
- package/styles/input/bootstrap-dark.css +22 -14
- package/styles/input/bootstrap.css +22 -14
- package/styles/input/bootstrap4.css +22 -14
- package/styles/input/bootstrap5-dark.css +22 -14
- package/styles/input/bootstrap5.css +22 -14
- package/styles/input/fabric-dark.css +22 -14
- package/styles/input/fabric.css +22 -14
- package/styles/input/fluent-dark.css +22 -14
- package/styles/input/fluent.css +22 -14
- package/styles/input/highcontrast-light.css +22 -14
- package/styles/input/highcontrast.css +22 -14
- package/styles/input/material-dark.css +26 -18
- package/styles/input/material.css +26 -18
- package/styles/input/tailwind-dark.css +22 -14
- package/styles/input/tailwind.css +22 -14
- package/styles/maskedtextbox/_all.scss +1 -1
- package/styles/maskedtextbox/_bootstrap-dark-definition.scss +2 -1
- package/styles/maskedtextbox/_bootstrap-definition.scss +0 -1
- package/styles/maskedtextbox/_bootstrap4-definition.scss +0 -1
- package/styles/maskedtextbox/_fabric-dark-definition.scss +1 -0
- package/styles/maskedtextbox/_highcontrast-light-definition.scss +1 -0
- package/styles/maskedtextbox/_layout.scss +7 -6
- package/styles/maskedtextbox/_material-dark-definition.scss +1 -0
- package/styles/maskedtextbox/_theme.scss +4 -3
- package/styles/maskedtextbox/bootstrap-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap.css +1 -0
- package/styles/maskedtextbox/bootstrap4.css +1 -0
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -0
- package/styles/maskedtextbox/bootstrap5.css +1 -0
- package/styles/maskedtextbox/fabric-dark.css +1 -0
- package/styles/maskedtextbox/fabric.css +1 -0
- package/styles/maskedtextbox/fluent-dark.css +1 -0
- package/styles/maskedtextbox/fluent.css +1 -0
- package/styles/maskedtextbox/highcontrast-light.css +1 -0
- package/styles/maskedtextbox/highcontrast.css +1 -0
- package/styles/maskedtextbox/material-dark.css +1 -0
- package/styles/maskedtextbox/material.css +1 -0
- package/styles/maskedtextbox/tailwind-dark.css +1 -0
- package/styles/maskedtextbox/tailwind.css +1 -0
- package/styles/material-dark.css +50 -18
- package/styles/material.css +50 -18
- package/styles/numerictextbox/_all.scss +1 -1
- package/styles/numerictextbox/_bootstrap-dark-definition.scss +2 -1
- package/styles/numerictextbox/_fabric-dark-definition.scss +2 -1
- package/styles/numerictextbox/_highcontrast-light-definition.scss +2 -1
- package/styles/numerictextbox/_material-dark-definition.scss +2 -1
- package/styles/numerictextbox/bootstrap-dark.css +1 -0
- package/styles/numerictextbox/bootstrap.css +1 -0
- package/styles/numerictextbox/bootstrap4.css +1 -0
- package/styles/numerictextbox/bootstrap5-dark.css +1 -0
- package/styles/numerictextbox/bootstrap5.css +1 -0
- package/styles/numerictextbox/fabric-dark.css +1 -0
- package/styles/numerictextbox/fabric.css +1 -0
- package/styles/numerictextbox/fluent-dark.css +1 -0
- package/styles/numerictextbox/fluent.css +1 -0
- package/styles/numerictextbox/highcontrast-light.css +1 -0
- package/styles/numerictextbox/highcontrast.css +1 -0
- package/styles/numerictextbox/icons/_bootstrap5.scss +0 -1
- package/styles/numerictextbox/icons/_fluent.scss +0 -1
- package/styles/numerictextbox/icons/_fusionnew.scss +0 -1
- package/styles/numerictextbox/icons/_material3.scss +0 -1
- package/styles/numerictextbox/icons/_tailwind.scss +0 -1
- package/styles/numerictextbox/material-dark.css +1 -0
- package/styles/numerictextbox/material.css +1 -0
- package/styles/numerictextbox/tailwind-dark.css +1 -0
- package/styles/numerictextbox/tailwind.css +1 -0
- package/styles/signature/_all.scss +1 -1
- package/styles/slider/_all.scss +1 -1
- package/styles/slider/_bootstrap-dark-definition.scss +1 -0
- package/styles/slider/_fabric-dark-definition.scss +1 -0
- package/styles/slider/_highcontrast-light-definition.scss +1 -0
- package/styles/slider/_icons.scss +1 -0
- package/styles/slider/_layout.scss +23 -26
- package/styles/slider/_material-dark-definition.scss +1 -0
- package/styles/slider/_theme.scss +2 -1
- package/styles/slider/bootstrap-dark.css +4 -0
- package/styles/slider/bootstrap.css +4 -0
- package/styles/slider/bootstrap4.css +4 -0
- package/styles/slider/bootstrap5-dark.css +4 -0
- package/styles/slider/bootstrap5.css +4 -0
- package/styles/slider/fabric-dark.css +4 -0
- package/styles/slider/fabric.css +4 -0
- package/styles/slider/fluent-dark.css +4 -0
- package/styles/slider/fluent.css +4 -0
- package/styles/slider/highcontrast-light.css +4 -0
- package/styles/slider/highcontrast.css +4 -0
- package/styles/slider/material-dark.css +19 -1
- package/styles/slider/material.css +19 -1
- package/styles/slider/tailwind-dark.css +4 -0
- package/styles/slider/tailwind.css +4 -0
- package/styles/tailwind-dark.css +33 -13
- package/styles/tailwind.css +33 -13
- package/styles/textbox/_all.scss +1 -1
- package/styles/textbox/_bootstrap-dark-definition.scss +1 -1
- package/styles/textbox/_bootstrap-definition.scss +1 -1
- package/styles/textbox/_bootstrap4-definition.scss +1 -1
- package/styles/textbox/_bootstrap5-definition.scss +1 -0
- package/styles/textbox/_fabric-dark-definition.scss +1 -1
- package/styles/textbox/_fabric-definition.scss +1 -1
- package/styles/textbox/_fluent-definition.scss +1 -0
- package/styles/textbox/_fusionnew-definition.scss +1 -0
- package/styles/textbox/_highcontrast-definition.scss +1 -1
- package/styles/textbox/_highcontrast-light-definition.scss +1 -1
- package/styles/textbox/_material-dark-definition.scss +1 -1
- package/styles/textbox/_material-definition.scss +1 -1
- package/styles/textbox/_material3-definition.scss +1 -0
- package/styles/textbox/_tailwind-definition.scss +1 -0
- package/styles/textbox/_theme.scss +1 -0
- package/styles/textbox/bootstrap-dark.css +2 -0
- package/styles/textbox/bootstrap.css +2 -0
- package/styles/textbox/bootstrap4.css +2 -0
- package/styles/textbox/bootstrap5-dark.css +2 -0
- package/styles/textbox/bootstrap5.css +2 -0
- package/styles/textbox/fabric-dark.css +2 -0
- package/styles/textbox/fabric.css +2 -0
- package/styles/textbox/fluent-dark.css +2 -0
- package/styles/textbox/fluent.css +2 -0
- package/styles/textbox/highcontrast-light.css +2 -0
- package/styles/textbox/highcontrast.css +2 -0
- package/styles/textbox/material-dark.css +3 -1
- package/styles/textbox/material.css +3 -1
- package/styles/textbox/tailwind-dark.css +3 -1
- package/styles/textbox/tailwind.css +3 -1
- package/styles/uploader/_all.scss +1 -1
- package/styles/uploader/_bootstrap-dark-definition.scss +3 -1
- package/styles/uploader/_bootstrap-definition.scss +2 -1
- package/styles/uploader/_bootstrap4-definition.scss +2 -1
- package/styles/uploader/_bootstrap5-definition.scss +1 -1
- package/styles/uploader/_fabric-dark-definition.scss +3 -1
- package/styles/uploader/_fabric-definition.scss +2 -0
- package/styles/uploader/_fluent-definition.scss +1 -1
- package/styles/uploader/_fusionnew-definition.scss +1 -1
- package/styles/uploader/_highcontrast-definition.scss +2 -0
- package/styles/uploader/_highcontrast-light-definition.scss +5 -2
- package/styles/uploader/_layout.scss +2 -3
- package/styles/uploader/_material-dark-definition.scss +4 -1
- package/styles/uploader/_material-definition.scss +1 -0
- package/styles/uploader/_material3-definition.scss +1 -1
- package/styles/uploader/_tailwind-definition.scss +2 -1
- package/styles/uploader/_theme.scss +2 -5
- package/styles/uploader/bootstrap-dark.css +1 -0
- package/styles/uploader/bootstrap.css +1 -0
- package/styles/uploader/bootstrap4.css +1 -0
- package/styles/uploader/bootstrap5-dark.css +1 -0
- package/styles/uploader/bootstrap5.css +1 -0
- package/styles/uploader/fabric-dark.css +1 -0
- package/styles/uploader/fabric.css +1 -0
- package/styles/uploader/fluent-dark.css +1 -0
- package/styles/uploader/fluent.css +1 -0
- package/styles/uploader/highcontrast-light.css +1 -0
- package/styles/uploader/highcontrast.css +1 -0
- package/styles/uploader/material-dark.css +1 -0
- package/styles/uploader/material.css +1 -0
- package/styles/uploader/tailwind-dark.css +2 -0
- package/styles/uploader/tailwind.css +2 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'layout.scss';
|
|
2
2
|
@import 'theme.scss';
|
package/styles/slider/_all.scss
CHANGED
|
@@ -146,6 +146,7 @@ $slider-limit-bar-vertical-width: 8px !default;
|
|
|
146
146
|
$slider-limit-bar-left: calc(50% - 4px) !default;
|
|
147
147
|
$slider-limit-bar-color: rgba($grey-base, .25) !default;
|
|
148
148
|
$slider-tick-font-color: $grey-light-font !default;
|
|
149
|
+
|
|
149
150
|
//enddefault
|
|
150
151
|
//dimensions
|
|
151
152
|
$slider-button-hleft-bg-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=');
|
|
@@ -151,6 +151,7 @@ $slider-limit-bar-left: calc(50% - 2px) !default;
|
|
|
151
151
|
$slider-limit-bar-color: rgba($neutral-black, .25) !default;
|
|
152
152
|
$slider-tick-font-color: rgb(0, 128, 0) !default;
|
|
153
153
|
$slider-tick-font-color: $message-font !default;
|
|
154
|
+
|
|
154
155
|
//enddefault
|
|
155
156
|
//dimensions
|
|
156
157
|
$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAA1JREFUGFdjWLZs2X8ABtoC8jsAVaIAAAAASUVORK5CYII=');
|
|
@@ -139,6 +139,7 @@ $slider-limit-bar-top: calc(50% - 3px) !default;
|
|
|
139
139
|
$slider-limit-bar-vertical-width: 6px !default;
|
|
140
140
|
$slider-limit-bar-left: calc(50% - 3px) !default;
|
|
141
141
|
$slider-limit-bar-color: rgba($bg-base-0, .25) !default;
|
|
142
|
+
|
|
142
143
|
//enddefault
|
|
143
144
|
//dimensions
|
|
144
145
|
$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAA1JREFUGFdjWLZs2X8ABtoC8jsAVaIAAAAASUVORK5CYII=');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@include export-module('slider-layout') {
|
|
2
|
-
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
3
3
|
// sass-lint:disable no-important
|
|
4
4
|
|
|
5
5
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle {
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
background-color: $slider-handle-bg-color;
|
|
32
32
|
border: 0;
|
|
33
33
|
border-radius: 8px;
|
|
34
|
-
|
|
34
|
+
/* stylelint-disable */
|
|
35
35
|
cursor: -webkit-grab;
|
|
36
36
|
cursor: grab;
|
|
37
|
-
|
|
37
|
+
/* stylelint-enable */
|
|
38
38
|
opacity: 1;
|
|
39
39
|
|
|
40
40
|
&.e-popup.e-popup-close {
|
|
@@ -68,10 +68,10 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&.e-tooltip-active {
|
|
71
|
-
|
|
71
|
+
/* stylelint-disable */
|
|
72
72
|
cursor: -webkit-grabbing;
|
|
73
73
|
cursor: grabbing;
|
|
74
|
-
|
|
74
|
+
/* stylelint-enable */
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.e-arrow-tip {
|
|
@@ -123,10 +123,10 @@
|
|
|
123
123
|
border-bottom-right-radius: 0%;
|
|
124
124
|
border-top-left-radius: 50%;
|
|
125
125
|
border-top-right-radius: 50%;
|
|
126
|
-
|
|
126
|
+
/* stylelint-disable */
|
|
127
127
|
cursor: -webkit-grab;
|
|
128
128
|
cursor: grab;
|
|
129
|
-
|
|
129
|
+
/* stylelint-enable */
|
|
130
130
|
opacity: 1;
|
|
131
131
|
|
|
132
132
|
&.e-material-tooltip-start {
|
|
@@ -134,10 +134,10 @@
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
&.e-tooltip-active {
|
|
137
|
-
|
|
137
|
+
/* stylelint-disable */
|
|
138
138
|
cursor: -webkit-grabbing;
|
|
139
139
|
cursor: grabbing;
|
|
140
|
-
|
|
140
|
+
/* stylelint-enable */
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
.e-arrow-tip {
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.e-handle {
|
|
684
|
-
@if($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
|
|
684
|
+
@if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
|
|
685
685
|
margin-left: $slider-handle-mobile-margin-left;
|
|
686
686
|
top: $slider-handle-mobile-handle-top;
|
|
687
687
|
}
|
|
@@ -892,7 +892,7 @@
|
|
|
892
892
|
|
|
893
893
|
.e-handle {
|
|
894
894
|
background: $grey-600;
|
|
895
|
-
transform: scale(.5) !important
|
|
895
|
+
transform: scale(.5) !important;/* stylelint-disable-line declaration-no-important */
|
|
896
896
|
|
|
897
897
|
&.e-handle-first {
|
|
898
898
|
background-color: $grey-600;
|
|
@@ -1105,7 +1105,7 @@
|
|
|
1105
1105
|
|
|
1106
1106
|
.e-button-icon::before {
|
|
1107
1107
|
color: $slider-button-icon-bg-color;
|
|
1108
|
-
@if($skin-name == 'FluentUI') {
|
|
1108
|
+
@if ($skin-name == 'FluentUI') {
|
|
1109
1109
|
content: '\e75c';
|
|
1110
1110
|
font-size: 14px;
|
|
1111
1111
|
}
|
|
@@ -1207,7 +1207,7 @@
|
|
|
1207
1207
|
overflow: hidden;
|
|
1208
1208
|
top: calc(50% - 4px);
|
|
1209
1209
|
}
|
|
1210
|
-
@if($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
|
|
1210
|
+
@if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
|
|
1211
1211
|
top: calc(50% - 3px);
|
|
1212
1212
|
}
|
|
1213
1213
|
@if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
|
|
@@ -1646,8 +1646,7 @@
|
|
|
1646
1646
|
.e-range {
|
|
1647
1647
|
border-radius: $slider-range-border-radius;
|
|
1648
1648
|
position: absolute;
|
|
1649
|
-
transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out,
|
|
1650
|
-
height 300ms ease-out;
|
|
1649
|
+
transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
|
|
1651
1650
|
|
|
1652
1651
|
&.e-drag-horizontal {
|
|
1653
1652
|
cursor: pointer;
|
|
@@ -1689,16 +1688,16 @@
|
|
|
1689
1688
|
}
|
|
1690
1689
|
|
|
1691
1690
|
@if ($skin-name == 'material' or $skin-name == 'material-dark') {
|
|
1692
|
-
|
|
1691
|
+
/* stylelint-disable */
|
|
1693
1692
|
cursor: -webkit-grab;
|
|
1694
1693
|
cursor: grab;
|
|
1695
|
-
|
|
1694
|
+
/* stylelint-enable */
|
|
1696
1695
|
|
|
1697
1696
|
&.e-handle-active {
|
|
1698
|
-
|
|
1697
|
+
/* stylelint-disable */
|
|
1699
1698
|
cursor: -webkit-grabbing;
|
|
1700
1699
|
cursor: grabbing;
|
|
1701
|
-
|
|
1700
|
+
/* stylelint-enable */
|
|
1702
1701
|
}
|
|
1703
1702
|
|
|
1704
1703
|
&.e-handle-start {
|
|
@@ -1747,7 +1746,7 @@
|
|
|
1747
1746
|
border-color: $slider-tab-border-color;
|
|
1748
1747
|
}
|
|
1749
1748
|
|
|
1750
|
-
|
|
1749
|
+
/* stylelint-disable */
|
|
1751
1750
|
@if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark') {
|
|
1752
1751
|
background-color: $slider-tab-background;
|
|
1753
1752
|
border-color: $slider-tab-border-color;
|
|
@@ -1763,7 +1762,7 @@
|
|
|
1763
1762
|
border: $slider-tab-border;
|
|
1764
1763
|
box-shadow: $slider-tab-active-box-shadow;
|
|
1765
1764
|
}
|
|
1766
|
-
|
|
1765
|
+
/* stylelint-enable */
|
|
1767
1766
|
}
|
|
1768
1767
|
}
|
|
1769
1768
|
|
|
@@ -1898,7 +1897,7 @@
|
|
|
1898
1897
|
height: 16px;
|
|
1899
1898
|
top: -8px;
|
|
1900
1899
|
}
|
|
1901
|
-
@if($skin-name == 'bootstrap5') {
|
|
1900
|
+
@if ($skin-name == 'bootstrap5') {
|
|
1902
1901
|
height: 18px;
|
|
1903
1902
|
top: -11px;
|
|
1904
1903
|
}
|
|
@@ -1907,7 +1906,7 @@
|
|
|
1907
1906
|
top: -16px;
|
|
1908
1907
|
}
|
|
1909
1908
|
|
|
1910
|
-
@if($skin-name == 'FluentUI') {
|
|
1909
|
+
@if ($skin-name == 'FluentUI') {
|
|
1911
1910
|
height: 30px;
|
|
1912
1911
|
top: -17px;
|
|
1913
1912
|
}
|
|
@@ -1933,7 +1932,6 @@
|
|
|
1933
1932
|
@if ($skin-name == 'bootstrap4') {
|
|
1934
1933
|
height: 22px;
|
|
1935
1934
|
top: -5px;
|
|
1936
|
-
|
|
1937
1935
|
}
|
|
1938
1936
|
@if ($skin-name == 'bootstrap5') {
|
|
1939
1937
|
height: 26px;
|
|
@@ -1969,7 +1967,7 @@
|
|
|
1969
1967
|
left: 6px;
|
|
1970
1968
|
width: calc(100% - 12px);
|
|
1971
1969
|
}
|
|
1972
|
-
@if($skin-name == 'bootstrap5') {
|
|
1970
|
+
@if ($skin-name == 'bootstrap5') {
|
|
1973
1971
|
background-position: center;
|
|
1974
1972
|
left: 5px;
|
|
1975
1973
|
width: 18px;
|
|
@@ -2099,7 +2097,6 @@
|
|
|
2099
2097
|
@else {
|
|
2100
2098
|
left: calc(50% - 14px);
|
|
2101
2099
|
}
|
|
2102
|
-
|
|
2103
2100
|
top: 0;
|
|
2104
2101
|
width: 28px;
|
|
2105
2102
|
@if ($skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5') {
|
|
@@ -145,6 +145,7 @@ $slider-limit-bar-vertical-width: 2px !default;
|
|
|
145
145
|
$slider-limit-bar-left: calc(50% - 1px) !default;
|
|
146
146
|
$slider-limit-bar-color: rgba($grey-white, .26) !default;
|
|
147
147
|
$slider-tick-font-color: $grey-dark-font !default;
|
|
148
|
+
|
|
148
149
|
//enddefault
|
|
149
150
|
//dimensions
|
|
150
151
|
$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -277,9 +279,11 @@
|
|
|
277
279
|
z-index: 10;
|
|
278
280
|
}
|
|
279
281
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
282
|
+
/* stylelint-disable */
|
|
280
283
|
background-color: #959595;
|
|
281
284
|
border-color: #0070f0;
|
|
282
285
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
286
|
+
/* stylelint-enable */
|
|
283
287
|
}
|
|
284
288
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
285
289
|
height: 5px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -277,9 +279,11 @@
|
|
|
277
279
|
z-index: 10;
|
|
278
280
|
}
|
|
279
281
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
282
|
+
/* stylelint-disable */
|
|
280
283
|
background-color: #e6e6e6;
|
|
281
284
|
border-color: #66afe9;
|
|
282
285
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
286
|
+
/* stylelint-enable */
|
|
283
287
|
}
|
|
284
288
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
285
289
|
height: 5px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -363,9 +365,11 @@
|
|
|
363
365
|
z-index: 10;
|
|
364
366
|
}
|
|
365
367
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
368
|
+
/* stylelint-disable */
|
|
366
369
|
background-color: #007bff;
|
|
367
370
|
border-color: #007bff;
|
|
368
371
|
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
|
|
372
|
+
/* stylelint-enable */
|
|
369
373
|
}
|
|
370
374
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
371
375
|
height: 6px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -424,9 +426,11 @@
|
|
|
424
426
|
z-index: 10;
|
|
425
427
|
}
|
|
426
428
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
429
|
+
/* stylelint-disable */
|
|
427
430
|
background-color: #0b5ed7;
|
|
428
431
|
border: 1px solid #212529;
|
|
429
432
|
box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
|
|
433
|
+
/* stylelint-enable */
|
|
430
434
|
}
|
|
431
435
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
432
436
|
height: 6px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -424,9 +426,11 @@
|
|
|
424
426
|
z-index: 10;
|
|
425
427
|
}
|
|
426
428
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
429
|
+
/* stylelint-disable */
|
|
427
430
|
background-color: #0b5ed7;
|
|
428
431
|
border: 1px solid #fff;
|
|
429
432
|
box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
|
|
433
|
+
/* stylelint-enable */
|
|
430
434
|
}
|
|
431
435
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
432
436
|
height: 6px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -274,6 +276,8 @@
|
|
|
274
276
|
}
|
|
275
277
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
276
278
|
border-color: #0074cc;
|
|
279
|
+
/* stylelint-disable */
|
|
280
|
+
/* stylelint-enable */
|
|
277
281
|
}
|
|
278
282
|
.e-control-wrapper.e-slider-container .e-slider .e-tab-track {
|
|
279
283
|
background-color: rgba(173, 220, 255, 0.4);
|
package/styles/slider/fabric.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -274,6 +276,8 @@
|
|
|
274
276
|
}
|
|
275
277
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
276
278
|
border-color: #0078d6;
|
|
279
|
+
/* stylelint-disable */
|
|
280
|
+
/* stylelint-enable */
|
|
277
281
|
}
|
|
278
282
|
.e-control-wrapper.e-slider-container .e-slider .e-tab-track {
|
|
279
283
|
background-color: #b7e0ff;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -299,6 +301,8 @@
|
|
|
299
301
|
}
|
|
300
302
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
301
303
|
border-color: #006cbf;
|
|
304
|
+
/* stylelint-disable */
|
|
305
|
+
/* stylelint-enable */
|
|
302
306
|
}
|
|
303
307
|
.e-control-wrapper.e-slider-container .e-slider .e-tab-track {
|
|
304
308
|
background-color: #005a9e;
|
package/styles/slider/fluent.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -299,6 +301,8 @@
|
|
|
299
301
|
}
|
|
300
302
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
301
303
|
border-color: #006cbf;
|
|
304
|
+
/* stylelint-disable */
|
|
305
|
+
/* stylelint-enable */
|
|
302
306
|
}
|
|
303
307
|
.e-control-wrapper.e-slider-container .e-slider .e-tab-track {
|
|
304
308
|
background-color: #c7e0f4;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -315,6 +317,8 @@
|
|
|
315
317
|
}
|
|
316
318
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
317
319
|
border-color: #3d3d3d;
|
|
320
|
+
/* stylelint-disable */
|
|
321
|
+
/* stylelint-enable */
|
|
318
322
|
}
|
|
319
323
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
320
324
|
height: 4px;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-line no-empty-source */
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
1
3
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
2
4
|
cursor: default;
|
|
3
5
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -315,6 +317,8 @@
|
|
|
315
317
|
}
|
|
316
318
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
317
319
|
border-color: #bfbfbf;
|
|
320
|
+
/* stylelint-disable */
|
|
321
|
+
/* stylelint-enable */
|
|
318
322
|
}
|
|
319
323
|
.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
|
|
320
324
|
height: 4px;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
|
|
2
|
+
/* stylelint-disable-line no-empty-source */
|
|
3
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
2
4
|
.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
|
|
3
5
|
cursor: default;
|
|
4
6
|
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -15,7 +17,9 @@
|
|
|
15
17
|
background-color: #00b0ff;
|
|
16
18
|
border: 0;
|
|
17
19
|
border-radius: 8px;
|
|
20
|
+
/* stylelint-disable */
|
|
18
21
|
cursor: grab;
|
|
22
|
+
/* stylelint-enable */
|
|
19
23
|
opacity: 1;
|
|
20
24
|
}
|
|
21
25
|
.e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close {
|
|
@@ -42,7 +46,9 @@
|
|
|
42
46
|
border-right-color: rgba(255, 255, 255, 0.26);
|
|
43
47
|
}
|
|
44
48
|
.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active {
|
|
49
|
+
/* stylelint-disable */
|
|
45
50
|
cursor: grabbing;
|
|
51
|
+
/* stylelint-enable */
|
|
46
52
|
}
|
|
47
53
|
.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip {
|
|
48
54
|
visibility: visible;
|
|
@@ -84,14 +90,18 @@
|
|
|
84
90
|
border-bottom-right-radius: 0%;
|
|
85
91
|
border-top-left-radius: 50%;
|
|
86
92
|
border-top-right-radius: 50%;
|
|
93
|
+
/* stylelint-disable */
|
|
87
94
|
cursor: grab;
|
|
95
|
+
/* stylelint-enable */
|
|
88
96
|
opacity: 1;
|
|
89
97
|
}
|
|
90
98
|
.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start {
|
|
91
99
|
background-color: rgba(255, 255, 255, 0.26);
|
|
92
100
|
}
|
|
93
101
|
.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active {
|
|
102
|
+
/* stylelint-disable */
|
|
94
103
|
cursor: grabbing;
|
|
104
|
+
/* stylelint-enable */
|
|
95
105
|
}
|
|
96
106
|
.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip {
|
|
97
107
|
visibility: hidden;
|
|
@@ -195,7 +205,7 @@
|
|
|
195
205
|
}
|
|
196
206
|
.e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle {
|
|
197
207
|
background: #757575;
|
|
198
|
-
transform: scale(0.5) !important;
|
|
208
|
+
transform: scale(0.5) !important; /* stylelint-disable-line declaration-no-important */
|
|
199
209
|
}
|
|
200
210
|
.e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first {
|
|
201
211
|
background-color: #757575;
|
|
@@ -407,10 +417,14 @@
|
|
|
407
417
|
transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
|
|
408
418
|
width: 12px;
|
|
409
419
|
z-index: 10;
|
|
420
|
+
/* stylelint-disable */
|
|
410
421
|
cursor: grab;
|
|
422
|
+
/* stylelint-enable */
|
|
411
423
|
}
|
|
412
424
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
|
|
425
|
+
/* stylelint-disable */
|
|
413
426
|
cursor: grabbing;
|
|
427
|
+
/* stylelint-enable */
|
|
414
428
|
}
|
|
415
429
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
|
|
416
430
|
background-color: #303030;
|
|
@@ -436,6 +450,10 @@
|
|
|
436
450
|
width: 32px;
|
|
437
451
|
z-index: -1;
|
|
438
452
|
}
|
|
453
|
+
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
|
|
454
|
+
/* stylelint-disable */
|
|
455
|
+
/* stylelint-enable */
|
|
456
|
+
}
|
|
439
457
|
.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after {
|
|
440
458
|
background-color: #e0e0e0;
|
|
441
459
|
opacity: 0.38;
|