@syncfusion/ej2-inputs 20.1.48 → 20.1.59
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 +29 -6
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +28 -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.js +18 -1
- 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');
|
|
@@ -1664,6 +1667,12 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1664
1667
|
return true;
|
|
1665
1668
|
}
|
|
1666
1669
|
var currentChar = String.fromCharCode(event.which);
|
|
1670
|
+
var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
|
|
1671
|
+
var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
|
|
1672
|
+
//EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
|
|
1673
|
+
if (isAlterNumPadDecimalChar) {
|
|
1674
|
+
currentChar = decimalSeparator;
|
|
1675
|
+
}
|
|
1667
1676
|
var text = this.element.value;
|
|
1668
1677
|
text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
|
|
1669
1678
|
if (!this.numericRegex().test(text)) {
|
|
@@ -1672,6 +1681,14 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
1672
1681
|
return false;
|
|
1673
1682
|
}
|
|
1674
1683
|
else {
|
|
1684
|
+
//EJ2-59813-update the numberpad decimal separator and update the cursor position
|
|
1685
|
+
if (isAlterNumPadDecimalChar) {
|
|
1686
|
+
var start = this.element.selectionStart + 1;
|
|
1687
|
+
this.element.value = text;
|
|
1688
|
+
this.element.setSelectionRange(start, start);
|
|
1689
|
+
event.preventDefault();
|
|
1690
|
+
event.stopPropagation();
|
|
1691
|
+
}
|
|
1675
1692
|
return true;
|
|
1676
1693
|
}
|
|
1677
1694
|
};
|
|
@@ -8519,6 +8536,9 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
8519
8536
|
/* istanbul ignore next */
|
|
8520
8537
|
Uploader.prototype.onPasteFile = function (event) {
|
|
8521
8538
|
var item = event.clipboardData.items;
|
|
8539
|
+
if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
|
|
8540
|
+
this.element.files = event.clipboardData.files;
|
|
8541
|
+
}
|
|
8522
8542
|
if (item.length !== 1) {
|
|
8523
8543
|
return;
|
|
8524
8544
|
}
|
|
@@ -13162,13 +13182,16 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
13162
13182
|
var index = 0;
|
|
13163
13183
|
for (index; index < this.element.attributes.length; index++) {
|
|
13164
13184
|
var attributeName = this.element.attributes[index].nodeName;
|
|
13165
|
-
if (attributeName !== 'id') {
|
|
13185
|
+
if (attributeName !== 'id' && attributeName !== 'class') {
|
|
13166
13186
|
inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
|
|
13167
13187
|
inputElement.innerHTML = this.element.innerHTML;
|
|
13168
13188
|
if (attributeName === 'name') {
|
|
13169
13189
|
this.element.removeAttribute('name');
|
|
13170
13190
|
}
|
|
13171
13191
|
}
|
|
13192
|
+
else if (attributeName === 'class') {
|
|
13193
|
+
inputElement.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
|
|
13194
|
+
}
|
|
13172
13195
|
}
|
|
13173
13196
|
this.element.appendChild(inputElement);
|
|
13174
13197
|
this.element = inputElement;
|