@syncfusion/ej2-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.
- 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 +21 -4
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +20 -3
- 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 +8 -8
- package/src/input/input.js +3 -3
- package/src/numerictextbox/numerictextbox.js +14 -0
- package/src/uploader/uploader.js +3 -0
- package/styles/bootstrap-dark.css +125 -658
- package/styles/bootstrap.css +122 -655
- package/styles/bootstrap4.css +122 -682
- package/styles/bootstrap5-dark.css +131 -702
- package/styles/bootstrap5.css +131 -702
- 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 +27 -202
- package/styles/color-picker/bootstrap5.css +27 -202
- package/styles/color-picker/fabric-dark.css +27 -194
- package/styles/color-picker/fabric.css +27 -194
- package/styles/color-picker/fluent-dark.css +27 -194
- package/styles/color-picker/fluent.css +27 -194
- 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 +28 -203
- package/styles/color-picker/tailwind.css +28 -203
- package/styles/fabric-dark.css +122 -656
- package/styles/fabric.css +121 -655
- package/styles/fluent-dark.css +131 -691
- package/styles/fluent.css +131 -691
- package/styles/highcontrast-light.css +130 -676
- package/styles/highcontrast.css +130 -676
- package/styles/input/bootstrap-dark.css +36 -38
- package/styles/input/bootstrap.css +33 -35
- package/styles/input/bootstrap4.css +33 -35
- package/styles/input/bootstrap5-dark.css +33 -35
- package/styles/input/bootstrap5.css +33 -35
- package/styles/input/fabric-dark.css +32 -33
- package/styles/input/fabric.css +32 -33
- package/styles/input/fluent-dark.css +32 -33
- package/styles/input/fluent.css +32 -33
- package/styles/input/highcontrast-light.css +33 -35
- package/styles/input/highcontrast.css +33 -35
- package/styles/input/material-dark.css +87 -122
- package/styles/input/material.css +87 -123
- package/styles/input/tailwind-dark.css +32 -33
- package/styles/input/tailwind.css +32 -33
- 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 +1 -1
- package/styles/maskedtextbox/fluent.css +1 -1
- 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 +180 -775
- package/styles/material.css +180 -780
- 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 +7 -9
- package/styles/numerictextbox/fluent.css +7 -9
- 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 +1 -1
- package/styles/signature/fluent.css +1 -1
- 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/_theme.scss +0 -3
- package/styles/slider/bootstrap-dark.css +1 -91
- package/styles/slider/bootstrap.css +1 -91
- package/styles/slider/bootstrap4.css +1 -104
- package/styles/slider/bootstrap5-dark.css +10 -131
- package/styles/slider/bootstrap5.css +10 -131
- package/styles/slider/fabric-dark.css +2 -96
- package/styles/slider/fabric.css +1 -95
- package/styles/slider/fluent-dark.css +9 -113
- package/styles/slider/fluent.css +9 -113
- 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 +8 -136
- package/styles/slider/tailwind.css +8 -136
- package/styles/tailwind-dark.css +129 -705
- package/styles/tailwind.css +129 -705
- 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 +59 -330
- package/styles/uploader/bootstrap.css +59 -330
- package/styles/uploader/bootstrap4.css +59 -330
- package/styles/uploader/bootstrap5-dark.css +59 -330
- package/styles/uploader/bootstrap5.css +59 -330
- package/styles/uploader/fabric-dark.css +59 -330
- package/styles/uploader/fabric.css +59 -330
- package/styles/uploader/fluent-dark.css +60 -346
- package/styles/uploader/fluent.css +60 -346
- package/styles/uploader/highcontrast-light.css +59 -330
- package/styles/uploader/highcontrast.css +59 -330
- package/styles/uploader/material-dark.css +59 -331
- package/styles/uploader/material.css +59 -331
- package/styles/uploader/tailwind-dark.css +59 -330
- package/styles/uploader/tailwind.css +59 -330
|
@@ -229,8 +229,8 @@ var Input;
|
|
|
229
229
|
}
|
|
230
230
|
return inputObject;
|
|
231
231
|
}
|
|
232
|
-
function updateIconState(value, button) {
|
|
233
|
-
if (value) {
|
|
232
|
+
function updateIconState(value, button, readonly) {
|
|
233
|
+
if (value && !readonly) {
|
|
234
234
|
removeClass([button], CLASSNAMES.CLEARICONHIDE);
|
|
235
235
|
}
|
|
236
236
|
else {
|
|
@@ -306,7 +306,7 @@ var Input;
|
|
|
306
306
|
});
|
|
307
307
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
308
308
|
element.addEventListener('focus', (event) => {
|
|
309
|
-
updateIconState(element.value, button);
|
|
309
|
+
updateIconState(element.value, button, element.readOnly);
|
|
310
310
|
});
|
|
311
311
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
312
312
|
element.addEventListener('blur', (event) => {
|
|
@@ -1636,7 +1636,13 @@ let NumericTextBox = class NumericTextBox extends Component {
|
|
|
1636
1636
|
if (event.which === 0 || event.metaKey || event.ctrlKey || event.keyCode === 8 || event.keyCode === 13) {
|
|
1637
1637
|
return true;
|
|
1638
1638
|
}
|
|
1639
|
-
|
|
1639
|
+
let currentChar = String.fromCharCode(event.which);
|
|
1640
|
+
let decimalSeparator = getValue('decimal', getNumericObject(this.locale));
|
|
1641
|
+
let isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
|
|
1642
|
+
//EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
|
|
1643
|
+
if (isAlterNumPadDecimalChar) {
|
|
1644
|
+
currentChar = decimalSeparator;
|
|
1645
|
+
}
|
|
1640
1646
|
let text = this.element.value;
|
|
1641
1647
|
text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
|
|
1642
1648
|
if (!this.numericRegex().test(text)) {
|
|
@@ -1645,6 +1651,14 @@ let NumericTextBox = class NumericTextBox extends Component {
|
|
|
1645
1651
|
return false;
|
|
1646
1652
|
}
|
|
1647
1653
|
else {
|
|
1654
|
+
//EJ2-59813-update the numberpad decimal separator and update the cursor position
|
|
1655
|
+
if (isAlterNumPadDecimalChar) {
|
|
1656
|
+
const start = this.element.selectionStart + 1;
|
|
1657
|
+
this.element.value = text;
|
|
1658
|
+
this.element.setSelectionRange(start, start);
|
|
1659
|
+
event.preventDefault();
|
|
1660
|
+
event.stopPropagation();
|
|
1661
|
+
}
|
|
1648
1662
|
return true;
|
|
1649
1663
|
}
|
|
1650
1664
|
}
|
|
@@ -8346,6 +8360,9 @@ let Uploader = class Uploader extends Component {
|
|
|
8346
8360
|
/* istanbul ignore next */
|
|
8347
8361
|
onPasteFile(event) {
|
|
8348
8362
|
const item = event.clipboardData.items;
|
|
8363
|
+
if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
|
|
8364
|
+
this.element.files = event.clipboardData.files;
|
|
8365
|
+
}
|
|
8349
8366
|
if (item.length !== 1) {
|
|
8350
8367
|
return;
|
|
8351
8368
|
}
|