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