@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.
Files changed (140) hide show
  1. package/dist/ej2-inputs.umd.min.js +2 -2
  2. package/dist/ej2-inputs.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-inputs.es2015.js +39 -13
  4. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es5.js +39 -13
  6. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  7. package/dist/global/ej2-inputs.min.js +2 -2
  8. package/dist/global/ej2-inputs.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +9 -9
  11. package/src/input/input.js +3 -3
  12. package/src/numerictextbox/numerictextbox.js +14 -0
  13. package/src/textbox/textbox-model.d.ts +1 -1
  14. package/src/textbox/textbox.js +8 -1
  15. package/src/uploader/uploader.js +15 -10
  16. package/styles/bootstrap-dark.css +125 -658
  17. package/styles/bootstrap.css +122 -655
  18. package/styles/bootstrap4.css +122 -682
  19. package/styles/bootstrap5-dark.css +131 -702
  20. package/styles/bootstrap5.css +131 -702
  21. package/styles/color-picker/bootstrap-dark.css +27 -194
  22. package/styles/color-picker/bootstrap.css +27 -194
  23. package/styles/color-picker/bootstrap4.css +27 -209
  24. package/styles/color-picker/bootstrap5-dark.css +27 -202
  25. package/styles/color-picker/bootstrap5.css +27 -202
  26. package/styles/color-picker/fabric-dark.css +27 -194
  27. package/styles/color-picker/fabric.css +27 -194
  28. package/styles/color-picker/fluent-dark.css +27 -194
  29. package/styles/color-picker/fluent.css +27 -194
  30. package/styles/color-picker/highcontrast-light.css +27 -194
  31. package/styles/color-picker/highcontrast.css +27 -194
  32. package/styles/color-picker/material-dark.css +27 -195
  33. package/styles/color-picker/material.css +27 -196
  34. package/styles/color-picker/tailwind-dark.css +28 -203
  35. package/styles/color-picker/tailwind.css +28 -203
  36. package/styles/fabric-dark.css +122 -656
  37. package/styles/fabric.css +121 -655
  38. package/styles/fluent-dark.css +131 -691
  39. package/styles/fluent.css +131 -691
  40. package/styles/highcontrast-light.css +130 -676
  41. package/styles/highcontrast.css +130 -676
  42. package/styles/input/bootstrap-dark.css +36 -38
  43. package/styles/input/bootstrap.css +33 -35
  44. package/styles/input/bootstrap4.css +33 -35
  45. package/styles/input/bootstrap5-dark.css +33 -35
  46. package/styles/input/bootstrap5.css +33 -35
  47. package/styles/input/fabric-dark.css +32 -33
  48. package/styles/input/fabric.css +32 -33
  49. package/styles/input/fluent-dark.css +32 -33
  50. package/styles/input/fluent.css +32 -33
  51. package/styles/input/highcontrast-light.css +33 -35
  52. package/styles/input/highcontrast.css +33 -35
  53. package/styles/input/material-dark.css +87 -122
  54. package/styles/input/material.css +87 -123
  55. package/styles/input/tailwind-dark.css +32 -33
  56. package/styles/input/tailwind.css +32 -33
  57. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  58. package/styles/maskedtextbox/bootstrap.css +1 -1
  59. package/styles/maskedtextbox/bootstrap4.css +1 -1
  60. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  61. package/styles/maskedtextbox/bootstrap5.css +1 -1
  62. package/styles/maskedtextbox/fabric-dark.css +1 -1
  63. package/styles/maskedtextbox/fabric.css +1 -1
  64. package/styles/maskedtextbox/fluent-dark.css +1 -1
  65. package/styles/maskedtextbox/fluent.css +1 -1
  66. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  67. package/styles/maskedtextbox/highcontrast.css +1 -1
  68. package/styles/maskedtextbox/material-dark.css +1 -2
  69. package/styles/maskedtextbox/material.css +1 -3
  70. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  71. package/styles/maskedtextbox/tailwind.css +1 -1
  72. package/styles/material-dark.css +180 -775
  73. package/styles/material.css +180 -780
  74. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  75. package/styles/numerictextbox/bootstrap.css +6 -8
  76. package/styles/numerictextbox/bootstrap4.css +6 -7
  77. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  78. package/styles/numerictextbox/bootstrap5.css +6 -7
  79. package/styles/numerictextbox/fabric-dark.css +6 -7
  80. package/styles/numerictextbox/fabric.css +6 -7
  81. package/styles/numerictextbox/fluent-dark.css +7 -9
  82. package/styles/numerictextbox/fluent.css +7 -9
  83. package/styles/numerictextbox/highcontrast-light.css +6 -7
  84. package/styles/numerictextbox/highcontrast.css +6 -7
  85. package/styles/numerictextbox/material-dark.css +6 -8
  86. package/styles/numerictextbox/material.css +6 -9
  87. package/styles/numerictextbox/tailwind-dark.css +6 -7
  88. package/styles/numerictextbox/tailwind.css +6 -7
  89. package/styles/signature/bootstrap-dark.css +1 -1
  90. package/styles/signature/bootstrap.css +1 -1
  91. package/styles/signature/bootstrap4.css +1 -1
  92. package/styles/signature/bootstrap5-dark.css +1 -1
  93. package/styles/signature/bootstrap5.css +1 -1
  94. package/styles/signature/fabric-dark.css +1 -1
  95. package/styles/signature/fabric.css +1 -1
  96. package/styles/signature/fluent-dark.css +1 -1
  97. package/styles/signature/fluent.css +1 -1
  98. package/styles/signature/highcontrast-light.css +1 -1
  99. package/styles/signature/highcontrast.css +1 -1
  100. package/styles/signature/material-dark.css +1 -1
  101. package/styles/signature/material.css +1 -1
  102. package/styles/signature/tailwind-dark.css +1 -1
  103. package/styles/signature/tailwind.css +1 -1
  104. package/styles/slider/_theme.scss +0 -3
  105. package/styles/slider/bootstrap-dark.css +1 -91
  106. package/styles/slider/bootstrap.css +1 -91
  107. package/styles/slider/bootstrap4.css +1 -104
  108. package/styles/slider/bootstrap5-dark.css +10 -131
  109. package/styles/slider/bootstrap5.css +10 -131
  110. package/styles/slider/fabric-dark.css +2 -96
  111. package/styles/slider/fabric.css +1 -95
  112. package/styles/slider/fluent-dark.css +9 -113
  113. package/styles/slider/fluent.css +9 -113
  114. package/styles/slider/highcontrast-light.css +9 -113
  115. package/styles/slider/highcontrast.css +9 -113
  116. package/styles/slider/material-dark.css +5 -120
  117. package/styles/slider/material.css +5 -120
  118. package/styles/slider/tailwind-dark.css +8 -136
  119. package/styles/slider/tailwind.css +8 -136
  120. package/styles/tailwind-dark.css +129 -705
  121. package/styles/tailwind.css +129 -705
  122. package/styles/textbox/material-dark.css +1 -1
  123. package/styles/textbox/material.css +1 -2
  124. package/styles/textbox/tailwind-dark.css +1 -1
  125. package/styles/textbox/tailwind.css +1 -1
  126. package/styles/uploader/bootstrap-dark.css +59 -330
  127. package/styles/uploader/bootstrap.css +59 -330
  128. package/styles/uploader/bootstrap4.css +59 -330
  129. package/styles/uploader/bootstrap5-dark.css +59 -330
  130. package/styles/uploader/bootstrap5.css +59 -330
  131. package/styles/uploader/fabric-dark.css +59 -330
  132. package/styles/uploader/fabric.css +59 -330
  133. package/styles/uploader/fluent-dark.css +60 -346
  134. package/styles/uploader/fluent.css +60 -346
  135. package/styles/uploader/highcontrast-light.css +59 -330
  136. package/styles/uploader/highcontrast.css +59 -330
  137. package/styles/uploader/material-dark.css +59 -331
  138. package/styles/uploader/material.css +59 -331
  139. package/styles/uploader/tailwind-dark.css +59 -330
  140. 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) {
@@ -1664,6 +1664,12 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
1664
1664
  return true;
1665
1665
  }
1666
1666
  var currentChar = String.fromCharCode(event.which);
1667
+ var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
1668
+ var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
1669
+ //EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
1670
+ if (isAlterNumPadDecimalChar) {
1671
+ currentChar = decimalSeparator;
1672
+ }
1667
1673
  var text = this.element.value;
1668
1674
  text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
1669
1675
  if (!this.numericRegex().test(text)) {
@@ -1672,6 +1678,14 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
1672
1678
  return false;
1673
1679
  }
1674
1680
  else {
1681
+ //EJ2-59813-update the numberpad decimal separator and update the cursor position
1682
+ if (isAlterNumPadDecimalChar) {
1683
+ var start = this.element.selectionStart + 1;
1684
+ this.element.value = text;
1685
+ this.element.setSelectionRange(start, start);
1686
+ event.preventDefault();
1687
+ event.stopPropagation();
1688
+ }
1675
1689
  return true;
1676
1690
  }
1677
1691
  };
@@ -8519,6 +8533,9 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
8519
8533
  /* istanbul ignore next */
8520
8534
  Uploader.prototype.onPasteFile = function (event) {
8521
8535
  var item = event.clipboardData.items;
8536
+ if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
8537
+ this.element.files = event.clipboardData.files;
8538
+ }
8522
8539
  if (item.length !== 1) {
8523
8540
  return;
8524
8541
  }
@@ -9206,16 +9223,18 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
9206
9223
  fileList.classList.add(INVALID_FILE);
9207
9224
  };
9208
9225
  Uploader.prototype.createFormInput = function (fileData) {
9209
- var inputElement = this.element.cloneNode(true);
9210
- inputElement.classList.add(HIDDEN_INPUT);
9211
- for (var _i = 0, fileData_3 = fileData; _i < fileData_3.length; _i++) {
9212
- var listItem = fileData_3[_i];
9213
- listItem.input = inputElement;
9214
- }
9215
- inputElement.setAttribute('name', this.uploaderName);
9216
- this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
9217
- if (this.browserName !== 'msie' && this.browserName !== 'edge') {
9218
- this.element.value = '';
9226
+ if (this.browserName !== 'safari') {
9227
+ var inputElement = this.element.cloneNode(true);
9228
+ inputElement.classList.add(HIDDEN_INPUT);
9229
+ for (var _i = 0, fileData_3 = fileData; _i < fileData_3.length; _i++) {
9230
+ var listItem = fileData_3[_i];
9231
+ listItem.input = inputElement;
9232
+ }
9233
+ inputElement.setAttribute('name', this.uploaderName);
9234
+ this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
9235
+ if (this.browserName !== 'msie' && this.browserName !== 'edge') {
9236
+ this.element.value = '';
9237
+ }
9219
9238
  }
9220
9239
  };
9221
9240
  Uploader.prototype.getFileSize = function (fileData) {
@@ -13174,6 +13193,9 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
13174
13193
  }
13175
13194
  this.updateHTMLAttrToElement();
13176
13195
  this.checkAttributes(false);
13196
+ if ((isNullOrUndefined(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) && this.element.value !== '') {
13197
+ this.setProperties({ value: this.element.value }, true);
13198
+ }
13177
13199
  if (this.element.tagName !== 'TEXTAREA') {
13178
13200
  this.element.setAttribute('type', this.type);
13179
13201
  }
@@ -13471,6 +13493,10 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
13471
13493
  this.preventChange = false;
13472
13494
  this.trigger('change', eventArgs);
13473
13495
  this.previousValue = this.value;
13496
+ //EJ2CORE-738:For this task we update the textarea value to the input when input tag with multiline is present
13497
+ if (this.element.tagName === 'INPUT' && this.multiline && Browser.info.name === 'mozilla') {
13498
+ this.element.value = this.respectiveElement.value;
13499
+ }
13474
13500
  };
13475
13501
  TextBox.prototype.bindClearEvent = function () {
13476
13502
  if (this.showClearButton && this.respectiveElement.tagName !== 'TEXTAREA') {