@syncfusion/ej2-vue-inputs 20.1.55 → 20.1.61
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 -17
- package/README.md +15 -2
- package/dist/ej2-vue-inputs.umd.min.js +1 -1
- package/dist/es6/ej2-vue-inputs.es2015.js +158 -23
- package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-inputs.es5.js +105 -16
- package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
- package/dist/global/ej2-vue-inputs.min.js +2 -2
- package/package.json +8 -14
- package/src/color-picker/colorpicker.component.d.ts +1 -0
- package/src/color-picker/colorpicker.component.js +12 -2
- package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
- package/src/maskedtextbox/maskedtextbox.component.js +12 -2
- package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
- package/src/numerictextbox/numerictextbox.component.js +12 -2
- package/src/signature/signature.component.d.ts +1 -0
- package/src/signature/signature.component.js +11 -2
- package/src/slider/slider.component.d.ts +1 -0
- package/src/slider/slider.component.js +12 -2
- package/src/textbox/textbox.component.d.ts +1 -0
- package/src/textbox/textbox.component.js +12 -2
- package/src/uploader/files.directive.d.ts +3 -1
- package/src/uploader/files.directive.js +24 -2
- package/src/uploader/uploader.component.d.ts +1 -0
- package/src/uploader/uploader.component.js +11 -2
- package/styles/bootstrap-dark.css +135 -670
- package/styles/bootstrap.css +132 -667
- package/styles/bootstrap4.css +131 -696
- package/styles/bootstrap5-dark.css +247 -757
- package/styles/bootstrap5.css +247 -757
- package/styles/color-picker/bootstrap-dark.css +27 -194
- package/styles/color-picker/bootstrap.css +27 -194
- package/styles/color-picker/bootstrap4.css +27 -209
- package/styles/color-picker/bootstrap5-dark.css +52 -221
- package/styles/color-picker/bootstrap5.css +52 -221
- package/styles/color-picker/fabric-dark.css +27 -194
- package/styles/color-picker/fabric.css +27 -194
- package/styles/color-picker/fluent-dark.css +735 -0
- package/styles/color-picker/fluent-dark.scss +1 -0
- package/styles/color-picker/fluent.css +735 -0
- package/styles/color-picker/fluent.scss +1 -0
- package/styles/color-picker/highcontrast-light.css +27 -194
- package/styles/color-picker/highcontrast.css +27 -194
- package/styles/color-picker/material-dark.css +27 -195
- package/styles/color-picker/material.css +27 -196
- package/styles/color-picker/tailwind-dark.css +36 -207
- package/styles/color-picker/tailwind.css +36 -207
- package/styles/fabric-dark.css +130 -667
- package/styles/fabric.css +129 -666
- package/styles/fluent-dark.css +6806 -0
- package/styles/fluent-dark.scss +8 -0
- package/styles/fluent.css +6806 -0
- package/styles/fluent.scss +8 -0
- package/styles/highcontrast-light.css +138 -687
- package/styles/highcontrast.css +138 -687
- package/styles/input/bootstrap-dark.css +44 -46
- package/styles/input/bootstrap.css +41 -43
- package/styles/input/bootstrap4.css +41 -43
- package/styles/input/bootstrap5-dark.css +119 -64
- package/styles/input/bootstrap5.css +119 -64
- package/styles/input/fabric-dark.css +39 -40
- package/styles/input/fabric.css +39 -40
- package/styles/input/fluent-dark.css +4594 -0
- package/styles/input/fluent-dark.scss +1 -0
- package/styles/input/fluent.css +4594 -0
- package/styles/input/fluent.scss +1 -0
- package/styles/input/highcontrast-light.css +40 -42
- package/styles/input/highcontrast.css +40 -42
- package/styles/input/material-dark.css +94 -129
- package/styles/input/material.css +94 -130
- package/styles/input/tailwind-dark.css +126 -71
- package/styles/input/tailwind.css +126 -71
- package/styles/maskedtextbox/bootstrap-dark.css +1 -1
- package/styles/maskedtextbox/bootstrap.css +1 -1
- package/styles/maskedtextbox/bootstrap4.css +1 -1
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
- package/styles/maskedtextbox/bootstrap5.css +1 -1
- package/styles/maskedtextbox/fabric-dark.css +1 -1
- package/styles/maskedtextbox/fabric.css +1 -1
- package/styles/maskedtextbox/fluent-dark.css +26 -0
- package/styles/maskedtextbox/fluent-dark.scss +1 -0
- package/styles/maskedtextbox/fluent.css +26 -0
- package/styles/maskedtextbox/fluent.scss +1 -0
- package/styles/maskedtextbox/highcontrast-light.css +1 -1
- package/styles/maskedtextbox/highcontrast.css +1 -1
- package/styles/maskedtextbox/material-dark.css +1 -2
- package/styles/maskedtextbox/material.css +1 -3
- package/styles/maskedtextbox/tailwind-dark.css +1 -1
- package/styles/maskedtextbox/tailwind.css +1 -1
- package/styles/material-dark.css +188 -786
- package/styles/material.css +188 -791
- package/styles/numerictextbox/bootstrap-dark.css +6 -8
- package/styles/numerictextbox/bootstrap.css +6 -8
- package/styles/numerictextbox/bootstrap4.css +6 -7
- package/styles/numerictextbox/bootstrap5-dark.css +6 -7
- package/styles/numerictextbox/bootstrap5.css +6 -7
- package/styles/numerictextbox/fabric-dark.css +6 -7
- package/styles/numerictextbox/fabric.css +6 -7
- package/styles/numerictextbox/fluent-dark.css +58 -0
- package/styles/numerictextbox/fluent-dark.scss +1 -0
- package/styles/numerictextbox/fluent.css +58 -0
- package/styles/numerictextbox/fluent.scss +1 -0
- package/styles/numerictextbox/highcontrast-light.css +6 -7
- package/styles/numerictextbox/highcontrast.css +6 -7
- package/styles/numerictextbox/material-dark.css +6 -8
- package/styles/numerictextbox/material.css +6 -9
- package/styles/numerictextbox/tailwind-dark.css +6 -7
- package/styles/numerictextbox/tailwind.css +6 -7
- package/styles/signature/bootstrap-dark.css +1 -1
- package/styles/signature/bootstrap.css +1 -1
- package/styles/signature/bootstrap4.css +1 -1
- package/styles/signature/bootstrap5-dark.css +1 -1
- package/styles/signature/bootstrap5.css +1 -1
- package/styles/signature/fabric-dark.css +1 -1
- package/styles/signature/fabric.css +1 -1
- package/styles/signature/fluent-dark.css +9 -0
- package/styles/signature/fluent-dark.scss +1 -0
- package/styles/signature/fluent.css +9 -0
- package/styles/signature/fluent.scss +1 -0
- package/styles/signature/highcontrast-light.css +1 -1
- package/styles/signature/highcontrast.css +1 -1
- package/styles/signature/material-dark.css +1 -1
- package/styles/signature/material.css +1 -1
- package/styles/signature/tailwind-dark.css +1 -1
- package/styles/signature/tailwind.css +1 -1
- package/styles/slider/bootstrap-dark.css +2 -91
- package/styles/slider/bootstrap.css +2 -91
- package/styles/slider/bootstrap4.css +1 -106
- package/styles/slider/bootstrap5-dark.css +14 -134
- package/styles/slider/bootstrap5.css +14 -134
- package/styles/slider/fabric-dark.css +2 -96
- package/styles/slider/fabric.css +1 -95
- package/styles/slider/fluent-dark.css +528 -0
- package/styles/slider/fluent-dark.scss +1 -0
- package/styles/slider/fluent.css +528 -0
- package/styles/slider/fluent.scss +1 -0
- package/styles/slider/highcontrast-light.css +9 -113
- package/styles/slider/highcontrast.css +9 -113
- package/styles/slider/material-dark.css +5 -120
- package/styles/slider/material.css +5 -120
- package/styles/slider/tailwind-dark.css +11 -135
- package/styles/slider/tailwind.css +11 -135
- package/styles/tailwind-dark.css +289 -779
- package/styles/tailwind.css +289 -779
- package/styles/textbox/fluent-dark.css +0 -0
- package/styles/textbox/fluent-dark.scss +1 -0
- package/styles/textbox/fluent.css +0 -0
- package/styles/textbox/fluent.scss +1 -0
- package/styles/textbox/material-dark.css +1 -1
- package/styles/textbox/material.css +1 -2
- package/styles/textbox/tailwind-dark.css +1 -1
- package/styles/textbox/tailwind.css +1 -1
- package/styles/uploader/bootstrap-dark.css +60 -334
- package/styles/uploader/bootstrap.css +60 -334
- package/styles/uploader/bootstrap4.css +60 -334
- package/styles/uploader/bootstrap5-dark.css +60 -334
- package/styles/uploader/bootstrap5.css +60 -334
- package/styles/uploader/fabric-dark.css +60 -334
- package/styles/uploader/fabric.css +60 -334
- package/styles/uploader/fluent-dark.css +851 -0
- package/styles/uploader/fluent-dark.scss +1 -0
- package/styles/uploader/fluent.css +851 -0
- package/styles/uploader/fluent.scss +1 -0
- package/styles/uploader/highcontrast-light.css +60 -334
- package/styles/uploader/highcontrast.css +60 -334
- package/styles/uploader/material-dark.css +60 -335
- package/styles/uploader/material.css +60 -335
- package/styles/uploader/tailwind-dark.css +113 -362
- package/styles/uploader/tailwind.css +113 -362
package/styles/input/fabric.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.e-float-input .e-clear-icon::before,
|
|
2
2
|
.e-float-input.e-control-wrapper .e-clear-icon::before {
|
|
3
|
-
content:
|
|
4
|
-
font-family:
|
|
3
|
+
content: "\e953";
|
|
4
|
+
font-family: "e-icons";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.e-input-group .e-clear-icon::before,
|
|
8
8
|
.e-input-group.e-control-wrapper .e-clear-icon::before {
|
|
9
|
-
content:
|
|
10
|
-
font-family:
|
|
9
|
+
content: "\e953";
|
|
10
|
+
font-family: "e-icons";
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/*! input layout */
|
|
@@ -152,11 +152,7 @@ textarea.e-input.e-bigger,
|
|
|
152
152
|
.e-input-group.e-bigger,
|
|
153
153
|
.e-bigger .e-input-group,
|
|
154
154
|
.e-input-group.e-control-wrapper.e-bigger,
|
|
155
|
-
.e-bigger .e-input-group.e-control-wrapper
|
|
156
|
-
.e-input-group.e-bigger.e-disabled,
|
|
157
|
-
.e-bigger .e-input-group.e-disabled,
|
|
158
|
-
.e-input-group.e-control-wrapper.e-bigger.e-disabled,
|
|
159
|
-
.e-bigger .e-input-group.e-control-wrapper.e-disabled {
|
|
155
|
+
.e-bigger .e-input-group.e-control-wrapper {
|
|
160
156
|
font-size: 15px;
|
|
161
157
|
}
|
|
162
158
|
|
|
@@ -488,8 +484,8 @@ textarea.e-input.e-small,
|
|
|
488
484
|
.e-input-group.e-small .e-input-group-icon.e-bigger,
|
|
489
485
|
.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
|
|
490
486
|
.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
|
|
491
|
-
.e-small
|
|
492
|
-
.e-small
|
|
487
|
+
.e-small.e-bigger .e-input-group .e-input-group-icon,
|
|
488
|
+
.e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
|
|
493
489
|
.e-bigger .e-input-group.e-small .e-input-group-icon,
|
|
494
490
|
.e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
|
|
495
491
|
font-size: 12px;
|
|
@@ -1142,10 +1138,10 @@ label.e-float-text,
|
|
|
1142
1138
|
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
|
|
1143
1139
|
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
|
|
1144
1140
|
bottom: 0;
|
|
1145
|
-
content:
|
|
1141
|
+
content: "";
|
|
1146
1142
|
height: 2px;
|
|
1147
1143
|
position: absolute;
|
|
1148
|
-
transition: .2s ease;
|
|
1144
|
+
transition: 0.2s ease;
|
|
1149
1145
|
width: 0;
|
|
1150
1146
|
}
|
|
1151
1147
|
|
|
@@ -1322,7 +1318,7 @@ label.e-float-text,
|
|
|
1322
1318
|
|
|
1323
1319
|
.e-input-group.e-warning::before,
|
|
1324
1320
|
.e-input-group.e-control-wrapper.e-warning::before {
|
|
1325
|
-
content:
|
|
1321
|
+
content: "";
|
|
1326
1322
|
}
|
|
1327
1323
|
|
|
1328
1324
|
.e-float-input input[disabled],
|
|
@@ -1377,24 +1373,24 @@ label.e-float-text,
|
|
|
1377
1373
|
.e-input-group::after,
|
|
1378
1374
|
.e-input-group.e-control-wrapper::before,
|
|
1379
1375
|
.e-input-group.e-control-wrapper::after {
|
|
1380
|
-
content:
|
|
1376
|
+
content: "";
|
|
1381
1377
|
}
|
|
1382
1378
|
|
|
1383
1379
|
.e-input-group::before,
|
|
1384
1380
|
.e-input-group.e-control-wrapper::before {
|
|
1385
|
-
content:
|
|
1381
|
+
content: "";
|
|
1386
1382
|
}
|
|
1387
1383
|
|
|
1388
1384
|
.e-input-group.e-input-focus::before,
|
|
1389
1385
|
.e-input-group.e-input-focus::after,
|
|
1390
1386
|
.e-input-group.e-control-wrapper.e-input-focus::before,
|
|
1391
1387
|
.e-input-group.e-control-wrapper.e-input-focus::after {
|
|
1392
|
-
content:
|
|
1388
|
+
content: "";
|
|
1393
1389
|
}
|
|
1394
1390
|
|
|
1395
1391
|
.e-input-group::after,
|
|
1396
1392
|
.e-input-group.e-control-wrapper::after {
|
|
1397
|
-
content:
|
|
1393
|
+
content: "";
|
|
1398
1394
|
}
|
|
1399
1395
|
|
|
1400
1396
|
.e-input-group,
|
|
@@ -1571,17 +1567,17 @@ label.e-float-text,
|
|
|
1571
1567
|
|
|
1572
1568
|
.e-input-group .e-input-group-icon,
|
|
1573
1569
|
.e-input-group.e-control-wrapper .e-input-group-icon {
|
|
1574
|
-
content:
|
|
1570
|
+
content: "";
|
|
1575
1571
|
}
|
|
1576
1572
|
|
|
1577
1573
|
.e-input-group:not(.e-filled) .e-input-group-icon::after,
|
|
1578
1574
|
.e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after {
|
|
1579
|
-
content:
|
|
1575
|
+
content: "";
|
|
1580
1576
|
}
|
|
1581
1577
|
|
|
1582
1578
|
.e-input-group .e-input-group-icon.e-input-btn-ripple::after,
|
|
1583
1579
|
.e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after {
|
|
1584
|
-
content:
|
|
1580
|
+
content: "";
|
|
1585
1581
|
}
|
|
1586
1582
|
|
|
1587
1583
|
input.e-input::-ms-clear,
|
|
@@ -1590,18 +1586,18 @@ input.e-input::-ms-clear,
|
|
|
1590
1586
|
display: none;
|
|
1591
1587
|
}
|
|
1592
1588
|
|
|
1593
|
-
input.e-input[type=
|
|
1594
|
-
input.e-input[type=
|
|
1595
|
-
input.e-input[type=
|
|
1596
|
-
input.e-input[type=
|
|
1597
|
-
.e-float-input input[type=
|
|
1598
|
-
.e-float-input input[type=
|
|
1599
|
-
.e-float-input input[type=
|
|
1600
|
-
.e-float-input input[type=
|
|
1601
|
-
.e-float-input.e-control-wrapper input[type=
|
|
1602
|
-
.e-float-input.e-control-wrapper input[type=
|
|
1603
|
-
.e-float-input.e-control-wrapper input[type=
|
|
1604
|
-
.e-float-input.e-control-wrapper input[type=
|
|
1589
|
+
input.e-input[type=search]::-webkit-search-decoration,
|
|
1590
|
+
input.e-input[type=search]::-webkit-search-cancel-button,
|
|
1591
|
+
input.e-input[type=search]::-webkit-search-results-button,
|
|
1592
|
+
input.e-input[type=search]::-webkit-search-results-decoration,
|
|
1593
|
+
.e-float-input input[type=search]::-webkit-search-decoration,
|
|
1594
|
+
.e-float-input input[type=search]::-webkit-search-cancel-button,
|
|
1595
|
+
.e-float-input input[type=search]::-webkit-search-results-button,
|
|
1596
|
+
.e-float-input input[type=search]::-webkit-search-results-decoration,
|
|
1597
|
+
.e-float-input.e-control-wrapper input[type=search]::-webkit-search-decoration,
|
|
1598
|
+
.e-float-input.e-control-wrapper input[type=search]::-webkit-search-cancel-button,
|
|
1599
|
+
.e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-button,
|
|
1600
|
+
.e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-decoration {
|
|
1605
1601
|
-webkit-appearance: none;
|
|
1606
1602
|
}
|
|
1607
1603
|
|
|
@@ -1867,8 +1863,7 @@ input.e-input.e-small,
|
|
|
1867
1863
|
.e-float-input.e-small:not(.e-input-group) input,
|
|
1868
1864
|
.e-float-input.e-small:not(.e-input-group) input.e-input,
|
|
1869
1865
|
.e-small .e-float-input:not(.e-input-group) input,
|
|
1870
|
-
.e-small .e-float-input:not(.e-input-group) input.e-input
|
|
1871
|
-
.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
|
|
1866
|
+
.e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
|
|
1872
1867
|
.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
|
|
1873
1868
|
.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
|
|
1874
1869
|
.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
|
|
@@ -2725,6 +2720,10 @@ textarea.e-input.e-bigger.e-small,
|
|
|
2725
2720
|
.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
|
|
2726
2721
|
.e-input-group.e-small.e-bigger .e-clear-icon::before,
|
|
2727
2722
|
.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
|
|
2723
|
+
.e-small.e-bigger .e-float-input .e-clear-icon::before,
|
|
2724
|
+
.e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
|
|
2725
|
+
.e-small.e-bigger .e-input-group .e-clear-icon::before,
|
|
2726
|
+
.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
|
|
2728
2727
|
.e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
|
|
2729
2728
|
.e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
|
|
2730
2729
|
.e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
|
|
@@ -3991,28 +3990,28 @@ textarea.e-input::-webkit-input-placeholder {
|
|
|
3991
3990
|
.e-input-group::after,
|
|
3992
3991
|
.e-input-group.e-control-wrapper::before,
|
|
3993
3992
|
.e-input-group.e-control-wrapper::after {
|
|
3994
|
-
content:
|
|
3993
|
+
content: "";
|
|
3995
3994
|
}
|
|
3996
3995
|
|
|
3997
3996
|
.e-input-group.e-success::before,
|
|
3998
3997
|
.e-input-group.e-success::after,
|
|
3999
3998
|
.e-input-group.e-control-wrapper.e-success::before,
|
|
4000
3999
|
.e-input-group.e-control-wrapper.e-success::after {
|
|
4001
|
-
content:
|
|
4000
|
+
content: "";
|
|
4002
4001
|
}
|
|
4003
4002
|
|
|
4004
4003
|
.e-input-group.e-warning::before,
|
|
4005
4004
|
.e-input-group.e-warning::after,
|
|
4006
4005
|
.e-input-group.e-control-wrapper.e-warning::before,
|
|
4007
4006
|
.e-input-group.e-control-wrapper.e-warning::after {
|
|
4008
|
-
content:
|
|
4007
|
+
content: "";
|
|
4009
4008
|
}
|
|
4010
4009
|
|
|
4011
4010
|
.e-input-group.e-error::before,
|
|
4012
4011
|
.e-input-group.e-error::after,
|
|
4013
4012
|
.e-input-group.e-control-wrapper.e-error::before,
|
|
4014
4013
|
.e-input-group.e-control-wrapper.e-error::after {
|
|
4015
|
-
content:
|
|
4014
|
+
content: "";
|
|
4016
4015
|
}
|
|
4017
4016
|
|
|
4018
4017
|
.e-input-group.e-success .e-input-group-icon,
|
|
@@ -4547,4 +4546,4 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
|
|
|
4547
4546
|
.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
4548
4547
|
.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
4549
4548
|
color: #333;
|
|
4550
|
-
}
|
|
4549
|
+
}
|