@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
@@ -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
  }
@@ -9011,15 +9028,17 @@ let Uploader = class Uploader extends Component {
9011
9028
  fileList.classList.add(INVALID_FILE);
9012
9029
  }
9013
9030
  createFormInput(fileData) {
9014
- const inputElement = this.element.cloneNode(true);
9015
- inputElement.classList.add(HIDDEN_INPUT);
9016
- for (const listItem of fileData) {
9017
- listItem.input = inputElement;
9018
- }
9019
- inputElement.setAttribute('name', this.uploaderName);
9020
- this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
9021
- if (this.browserName !== 'msie' && this.browserName !== 'edge') {
9022
- this.element.value = '';
9031
+ if (this.browserName !== 'safari') {
9032
+ const inputElement = this.element.cloneNode(true);
9033
+ inputElement.classList.add(HIDDEN_INPUT);
9034
+ for (const listItem of fileData) {
9035
+ listItem.input = inputElement;
9036
+ }
9037
+ inputElement.setAttribute('name', this.uploaderName);
9038
+ this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
9039
+ if (this.browserName !== 'msie' && this.browserName !== 'edge') {
9040
+ this.element.value = '';
9041
+ }
9023
9042
  }
9024
9043
  }
9025
9044
  getFileSize(fileData) {
@@ -12900,6 +12919,9 @@ let TextBox = class TextBox extends Component {
12900
12919
  }
12901
12920
  this.updateHTMLAttrToElement();
12902
12921
  this.checkAttributes(false);
12922
+ if ((isNullOrUndefined(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) && this.element.value !== '') {
12923
+ this.setProperties({ value: this.element.value }, true);
12924
+ }
12903
12925
  if (this.element.tagName !== 'TEXTAREA') {
12904
12926
  this.element.setAttribute('type', this.type);
12905
12927
  }
@@ -13194,6 +13216,10 @@ let TextBox = class TextBox extends Component {
13194
13216
  this.preventChange = false;
13195
13217
  this.trigger('change', eventArgs);
13196
13218
  this.previousValue = this.value;
13219
+ //EJ2CORE-738:For this task we update the textarea value to the input when input tag with multiline is present
13220
+ if (this.element.tagName === 'INPUT' && this.multiline && Browser.info.name === 'mozilla') {
13221
+ this.element.value = this.respectiveElement.value;
13222
+ }
13197
13223
  }
13198
13224
  bindClearEvent() {
13199
13225
  if (this.showClearButton && this.respectiveElement.tagName !== 'TEXTAREA') {