@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.
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 +32 -6
  4. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es5.js +31 -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-model.d.ts +1 -1
  13. package/src/numerictextbox/numerictextbox.js +22 -2
  14. package/src/textbox/textbox.js +4 -1
  15. package/src/uploader/uploader.js +3 -0
  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) {
@@ -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;