@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.
Files changed (139) 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 +29 -6
  4. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es5.js +28 -5
  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 +18 -1
  13. package/src/textbox/textbox.js +4 -1
  14. package/src/uploader/uploader.js +3 -0
  15. package/styles/bootstrap-dark.css +125 -658
  16. package/styles/bootstrap.css +122 -655
  17. package/styles/bootstrap4.css +122 -682
  18. package/styles/bootstrap5-dark.css +131 -702
  19. package/styles/bootstrap5.css +131 -702
  20. package/styles/color-picker/bootstrap-dark.css +27 -194
  21. package/styles/color-picker/bootstrap.css +27 -194
  22. package/styles/color-picker/bootstrap4.css +27 -209
  23. package/styles/color-picker/bootstrap5-dark.css +27 -202
  24. package/styles/color-picker/bootstrap5.css +27 -202
  25. package/styles/color-picker/fabric-dark.css +27 -194
  26. package/styles/color-picker/fabric.css +27 -194
  27. package/styles/color-picker/fluent-dark.css +27 -194
  28. package/styles/color-picker/fluent.css +27 -194
  29. package/styles/color-picker/highcontrast-light.css +27 -194
  30. package/styles/color-picker/highcontrast.css +27 -194
  31. package/styles/color-picker/material-dark.css +27 -195
  32. package/styles/color-picker/material.css +27 -196
  33. package/styles/color-picker/tailwind-dark.css +28 -203
  34. package/styles/color-picker/tailwind.css +28 -203
  35. package/styles/fabric-dark.css +122 -656
  36. package/styles/fabric.css +121 -655
  37. package/styles/fluent-dark.css +131 -691
  38. package/styles/fluent.css +131 -691
  39. package/styles/highcontrast-light.css +130 -676
  40. package/styles/highcontrast.css +130 -676
  41. package/styles/input/bootstrap-dark.css +36 -38
  42. package/styles/input/bootstrap.css +33 -35
  43. package/styles/input/bootstrap4.css +33 -35
  44. package/styles/input/bootstrap5-dark.css +33 -35
  45. package/styles/input/bootstrap5.css +33 -35
  46. package/styles/input/fabric-dark.css +32 -33
  47. package/styles/input/fabric.css +32 -33
  48. package/styles/input/fluent-dark.css +32 -33
  49. package/styles/input/fluent.css +32 -33
  50. package/styles/input/highcontrast-light.css +33 -35
  51. package/styles/input/highcontrast.css +33 -35
  52. package/styles/input/material-dark.css +87 -122
  53. package/styles/input/material.css +87 -123
  54. package/styles/input/tailwind-dark.css +32 -33
  55. package/styles/input/tailwind.css +32 -33
  56. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  57. package/styles/maskedtextbox/bootstrap.css +1 -1
  58. package/styles/maskedtextbox/bootstrap4.css +1 -1
  59. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  60. package/styles/maskedtextbox/bootstrap5.css +1 -1
  61. package/styles/maskedtextbox/fabric-dark.css +1 -1
  62. package/styles/maskedtextbox/fabric.css +1 -1
  63. package/styles/maskedtextbox/fluent-dark.css +1 -1
  64. package/styles/maskedtextbox/fluent.css +1 -1
  65. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  66. package/styles/maskedtextbox/highcontrast.css +1 -1
  67. package/styles/maskedtextbox/material-dark.css +1 -2
  68. package/styles/maskedtextbox/material.css +1 -3
  69. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  70. package/styles/maskedtextbox/tailwind.css +1 -1
  71. package/styles/material-dark.css +180 -775
  72. package/styles/material.css +180 -780
  73. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  74. package/styles/numerictextbox/bootstrap.css +6 -8
  75. package/styles/numerictextbox/bootstrap4.css +6 -7
  76. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  77. package/styles/numerictextbox/bootstrap5.css +6 -7
  78. package/styles/numerictextbox/fabric-dark.css +6 -7
  79. package/styles/numerictextbox/fabric.css +6 -7
  80. package/styles/numerictextbox/fluent-dark.css +7 -9
  81. package/styles/numerictextbox/fluent.css +7 -9
  82. package/styles/numerictextbox/highcontrast-light.css +6 -7
  83. package/styles/numerictextbox/highcontrast.css +6 -7
  84. package/styles/numerictextbox/material-dark.css +6 -8
  85. package/styles/numerictextbox/material.css +6 -9
  86. package/styles/numerictextbox/tailwind-dark.css +6 -7
  87. package/styles/numerictextbox/tailwind.css +6 -7
  88. package/styles/signature/bootstrap-dark.css +1 -1
  89. package/styles/signature/bootstrap.css +1 -1
  90. package/styles/signature/bootstrap4.css +1 -1
  91. package/styles/signature/bootstrap5-dark.css +1 -1
  92. package/styles/signature/bootstrap5.css +1 -1
  93. package/styles/signature/fabric-dark.css +1 -1
  94. package/styles/signature/fabric.css +1 -1
  95. package/styles/signature/fluent-dark.css +1 -1
  96. package/styles/signature/fluent.css +1 -1
  97. package/styles/signature/highcontrast-light.css +1 -1
  98. package/styles/signature/highcontrast.css +1 -1
  99. package/styles/signature/material-dark.css +1 -1
  100. package/styles/signature/material.css +1 -1
  101. package/styles/signature/tailwind-dark.css +1 -1
  102. package/styles/signature/tailwind.css +1 -1
  103. package/styles/slider/_theme.scss +0 -3
  104. package/styles/slider/bootstrap-dark.css +1 -91
  105. package/styles/slider/bootstrap.css +1 -91
  106. package/styles/slider/bootstrap4.css +1 -104
  107. package/styles/slider/bootstrap5-dark.css +10 -131
  108. package/styles/slider/bootstrap5.css +10 -131
  109. package/styles/slider/fabric-dark.css +2 -96
  110. package/styles/slider/fabric.css +1 -95
  111. package/styles/slider/fluent-dark.css +9 -113
  112. package/styles/slider/fluent.css +9 -113
  113. package/styles/slider/highcontrast-light.css +9 -113
  114. package/styles/slider/highcontrast.css +9 -113
  115. package/styles/slider/material-dark.css +5 -120
  116. package/styles/slider/material.css +5 -120
  117. package/styles/slider/tailwind-dark.css +8 -136
  118. package/styles/slider/tailwind.css +8 -136
  119. package/styles/tailwind-dark.css +129 -705
  120. package/styles/tailwind.css +129 -705
  121. package/styles/textbox/material-dark.css +1 -1
  122. package/styles/textbox/material.css +1 -2
  123. package/styles/textbox/tailwind-dark.css +1 -1
  124. package/styles/textbox/tailwind.css +1 -1
  125. package/styles/uploader/bootstrap-dark.css +59 -330
  126. package/styles/uploader/bootstrap.css +59 -330
  127. package/styles/uploader/bootstrap4.css +59 -330
  128. package/styles/uploader/bootstrap5-dark.css +59 -330
  129. package/styles/uploader/bootstrap5.css +59 -330
  130. package/styles/uploader/fabric-dark.css +59 -330
  131. package/styles/uploader/fabric.css +59 -330
  132. package/styles/uploader/fluent-dark.css +60 -346
  133. package/styles/uploader/fluent.css +60 -346
  134. package/styles/uploader/highcontrast-light.css +59 -330
  135. package/styles/uploader/highcontrast.css +59 -330
  136. package/styles/uploader/material-dark.css +59 -331
  137. package/styles/uploader/material.css +59 -331
  138. package/styles/uploader/tailwind-dark.css +59 -330
  139. 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;