@syncfusion/ej2-inputs 20.1.47 → 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 +39 -13
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +39 -13
- 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 +9 -9
- package/src/input/input.js +3 -3
- package/src/numerictextbox/numerictextbox.js +14 -0
- package/src/textbox/textbox-model.d.ts +1 -1
- package/src/textbox/textbox.js +8 -1
- package/src/uploader/uploader.js +15 -10
- 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
|
}
|
|
@@ -9011,15 +9028,17 @@ let Uploader = class Uploader extends Component {
|
|
|
9011
9028
|
fileList.classList.add(INVALID_FILE);
|
|
9012
9029
|
}
|
|
9013
9030
|
createFormInput(fileData) {
|
|
9014
|
-
|
|
9015
|
-
|
|
9016
|
-
|
|
9017
|
-
listItem
|
|
9018
|
-
|
|
9019
|
-
|
|
9020
|
-
|
|
9021
|
-
|
|
9022
|
-
this.
|
|
9031
|
+
if (this.browserName !== 'safari') {
|
|
9032
|
+
const inputElement = this.element.cloneNode(true);
|
|
9033
|
+
inputElement.classList.add(HIDDEN_INPUT);
|
|
9034
|
+
for (const listItem of fileData) {
|
|
9035
|
+
listItem.input = inputElement;
|
|
9036
|
+
}
|
|
9037
|
+
inputElement.setAttribute('name', this.uploaderName);
|
|
9038
|
+
this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
|
|
9039
|
+
if (this.browserName !== 'msie' && this.browserName !== 'edge') {
|
|
9040
|
+
this.element.value = '';
|
|
9041
|
+
}
|
|
9023
9042
|
}
|
|
9024
9043
|
}
|
|
9025
9044
|
getFileSize(fileData) {
|
|
@@ -12900,6 +12919,9 @@ let TextBox = class TextBox extends Component {
|
|
|
12900
12919
|
}
|
|
12901
12920
|
this.updateHTMLAttrToElement();
|
|
12902
12921
|
this.checkAttributes(false);
|
|
12922
|
+
if ((isNullOrUndefined(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) && this.element.value !== '') {
|
|
12923
|
+
this.setProperties({ value: this.element.value }, true);
|
|
12924
|
+
}
|
|
12903
12925
|
if (this.element.tagName !== 'TEXTAREA') {
|
|
12904
12926
|
this.element.setAttribute('type', this.type);
|
|
12905
12927
|
}
|
|
@@ -13194,6 +13216,10 @@ let TextBox = class TextBox extends Component {
|
|
|
13194
13216
|
this.preventChange = false;
|
|
13195
13217
|
this.trigger('change', eventArgs);
|
|
13196
13218
|
this.previousValue = this.value;
|
|
13219
|
+
//EJ2CORE-738:For this task we update the textarea value to the input when input tag with multiline is present
|
|
13220
|
+
if (this.element.tagName === 'INPUT' && this.multiline && Browser.info.name === 'mozilla') {
|
|
13221
|
+
this.element.value = this.respectiveElement.value;
|
|
13222
|
+
}
|
|
13197
13223
|
}
|
|
13198
13224
|
bindClearEvent() {
|
|
13199
13225
|
if (this.showClearButton && this.respectiveElement.tagName !== 'TEXTAREA') {
|