@syncfusion/ej2-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/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 +32 -6
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +31 -5
- 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-model.d.ts +1 -1
- package/src/numerictextbox/numerictextbox.js +22 -2
- package/src/textbox/textbox.js +4 -1
- 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
|
@@ -230,8 +230,8 @@ var Input;
|
|
|
230
230
|
}
|
|
231
231
|
return inputObject;
|
|
232
232
|
}
|
|
233
|
-
function updateIconState(value, button) {
|
|
234
|
-
if (value) {
|
|
233
|
+
function updateIconState(value, button, readonly) {
|
|
234
|
+
if (value && !readonly) {
|
|
235
235
|
removeClass([button], CLASSNAMES.CLEARICONHIDE);
|
|
236
236
|
}
|
|
237
237
|
else {
|
|
@@ -308,7 +308,7 @@ var Input;
|
|
|
308
308
|
});
|
|
309
309
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
310
310
|
element.addEventListener('focus', function (event) {
|
|
311
|
-
updateIconState(element.value, button);
|
|
311
|
+
updateIconState(element.value, button, element.readOnly);
|
|
312
312
|
});
|
|
313
313
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
314
314
|
element.addEventListener('blur', function (event) {
|
|
@@ -906,10 +906,13 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
906
906
|
var index = 0;
|
|
907
907
|
for (index; index < this.element.attributes.length; index++) {
|
|
908
908
|
var attributeName = this.element.attributes[index].nodeName;
|
|
909
|
-
if (attributeName !== 'id') {
|
|
909
|
+
if (attributeName !== 'id' && attributeName !== 'class') {
|
|
910
910
|
input.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
|
|
911
911
|
input.innerHTML = this.element.innerHTML;
|
|
912
912
|
}
|
|
913
|
+
else if (attributeName === 'class') {
|
|
914
|
+
input.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
|
|
915
|
+
}
|
|
913
916
|
}
|
|
914
917
|
if (this.element.hasAttribute('name')) {
|
|
915
918
|
this.element.removeAttribute('name');
|
|
@@ -927,6 +930,9 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
927
930
|
if (this.l10n.getConstant('placeholder') !== '') {
|
|
928
931
|
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
929
932
|
}
|
|
933
|
+
if (!this.element.hasAttribute('id')) {
|
|
934
|
+
this.element.setAttribute('id', getUniqueID('numerictextbox'));
|
|
935
|
+
}
|
|
930
936
|
this.isValidState = true;
|
|
931
937
|
this.inputStyle = null;
|
|
932
938
|
this.inputName = null;
|
|
@@ -1664,6 +1670,12 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1664
1670
|
return true;
|
|
1665
1671
|
}
|
|
1666
1672
|
var currentChar = String.fromCharCode(event.which);
|
|
1673
|
+
var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
|
|
1674
|
+
var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
|
|
1675
|
+
//EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
|
|
1676
|
+
if (isAlterNumPadDecimalChar) {
|
|
1677
|
+
currentChar = decimalSeparator;
|
|
1678
|
+
}
|
|
1667
1679
|
var text = this.element.value;
|
|
1668
1680
|
text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
|
|
1669
1681
|
if (!this.numericRegex().test(text)) {
|
|
@@ -1672,6 +1684,14 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1672
1684
|
return false;
|
|
1673
1685
|
}
|
|
1674
1686
|
else {
|
|
1687
|
+
//EJ2-59813-update the numberpad decimal separator and update the cursor position
|
|
1688
|
+
if (isAlterNumPadDecimalChar) {
|
|
1689
|
+
var start = this.element.selectionStart + 1;
|
|
1690
|
+
this.element.value = text;
|
|
1691
|
+
this.element.setSelectionRange(start, start);
|
|
1692
|
+
event.preventDefault();
|
|
1693
|
+
event.stopPropagation();
|
|
1694
|
+
}
|
|
1675
1695
|
return true;
|
|
1676
1696
|
}
|
|
1677
1697
|
};
|
|
@@ -8519,6 +8539,9 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
8519
8539
|
/* istanbul ignore next */
|
|
8520
8540
|
Uploader.prototype.onPasteFile = function (event) {
|
|
8521
8541
|
var item = event.clipboardData.items;
|
|
8542
|
+
if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
|
|
8543
|
+
this.element.files = event.clipboardData.files;
|
|
8544
|
+
}
|
|
8522
8545
|
if (item.length !== 1) {
|
|
8523
8546
|
return;
|
|
8524
8547
|
}
|
|
@@ -13162,13 +13185,16 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
13162
13185
|
var index = 0;
|
|
13163
13186
|
for (index; index < this.element.attributes.length; index++) {
|
|
13164
13187
|
var attributeName = this.element.attributes[index].nodeName;
|
|
13165
|
-
if (attributeName !== 'id') {
|
|
13188
|
+
if (attributeName !== 'id' && attributeName !== 'class') {
|
|
13166
13189
|
inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
|
|
13167
13190
|
inputElement.innerHTML = this.element.innerHTML;
|
|
13168
13191
|
if (attributeName === 'name') {
|
|
13169
13192
|
this.element.removeAttribute('name');
|
|
13170
13193
|
}
|
|
13171
13194
|
}
|
|
13195
|
+
else if (attributeName === 'class') {
|
|
13196
|
+
inputElement.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
|
|
13197
|
+
}
|
|
13172
13198
|
}
|
|
13173
13199
|
this.element.appendChild(inputElement);
|
|
13174
13200
|
this.element = inputElement;
|