@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
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.1.47
3
+ * version : 20.1.58
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-inputs@*",
3
- "_id": "@syncfusion/ej2-inputs@18.44.0",
3
+ "_id": "@syncfusion/ej2-inputs@20.1.55",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-N+UZ/xDdDiowTUEuXIbPIIYiQ3P2sWLP1EuKk/36pkIINoVb5ULWwde11q07Caex5Bwh2mBXzqllBVKdgsL3Jg==",
5
+ "_integrity": "sha512-/0wc3ACh6Z5fbsTR/aPXHuQGfwCGkCcyamsp7b58uN25UsuOjC2lRyT7cJMbBDfurOLdrCesMHUdb9BD1Uujng==",
6
6
  "_location": "/@syncfusion/ej2-inputs",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -38,8 +38,8 @@
38
38
  "/@syncfusion/ej2-schedule",
39
39
  "/@syncfusion/ej2-vue-inputs"
40
40
  ],
41
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inputs/-/ej2-inputs-18.44.0.tgz",
42
- "_shasum": "a09ce4bc3fe62a3e90b6c8ab845cc1fe0c86da0d",
41
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.1.55.tgz",
42
+ "_shasum": "03b37b48ec243de29a25a8c829c8d3dc1d1881e2",
43
43
  "_spec": "@syncfusion/ej2-inputs@*",
44
44
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
45
45
  "author": {
@@ -47,10 +47,10 @@
47
47
  },
48
48
  "bundleDependencies": false,
49
49
  "dependencies": {
50
- "@syncfusion/ej2-base": "~20.1.47",
51
- "@syncfusion/ej2-buttons": "~20.1.47",
52
- "@syncfusion/ej2-popups": "~20.1.47",
53
- "@syncfusion/ej2-splitbuttons": "~20.1.47"
50
+ "@syncfusion/ej2-base": "~20.1.57",
51
+ "@syncfusion/ej2-buttons": "~20.1.55",
52
+ "@syncfusion/ej2-popups": "~20.1.58",
53
+ "@syncfusion/ej2-splitbuttons": "~20.1.57"
54
54
  },
55
55
  "deprecated": false,
56
56
  "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
@@ -118,6 +118,6 @@
118
118
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
119
119
  },
120
120
  "typings": "index.d.ts",
121
- "version": "20.1.47",
121
+ "version": "20.1.58",
122
122
  "sideEffects": false
123
123
  }
@@ -234,8 +234,8 @@ export var Input;
234
234
  }
235
235
  return inputObject;
236
236
  }
237
- function updateIconState(value, button) {
238
- if (value) {
237
+ function updateIconState(value, button, readonly) {
238
+ if (value && !readonly) {
239
239
  removeClass([button], CLASSNAMES.CLEARICONHIDE);
240
240
  }
241
241
  else {
@@ -312,7 +312,7 @@ export var Input;
312
312
  });
313
313
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
314
314
  element.addEventListener('focus', function (event) {
315
- updateIconState(element.value, button);
315
+ updateIconState(element.value, button, element.readOnly);
316
316
  });
317
317
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
318
318
  element.addEventListener('blur', function (event) {
@@ -841,6 +841,12 @@ var NumericTextBox = /** @class */ (function (_super) {
841
841
  return true;
842
842
  }
843
843
  var currentChar = String.fromCharCode(event.which);
844
+ var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
845
+ var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
846
+ //EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
847
+ if (isAlterNumPadDecimalChar) {
848
+ currentChar = decimalSeparator;
849
+ }
844
850
  var text = this.element.value;
845
851
  text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
846
852
  if (!this.numericRegex().test(text)) {
@@ -849,6 +855,14 @@ var NumericTextBox = /** @class */ (function (_super) {
849
855
  return false;
850
856
  }
851
857
  else {
858
+ //EJ2-59813-update the numberpad decimal separator and update the cursor position
859
+ if (isAlterNumPadDecimalChar) {
860
+ var start = this.element.selectionStart + 1;
861
+ this.element.value = text;
862
+ this.element.setSelectionRange(start, start);
863
+ event.preventDefault();
864
+ event.stopPropagation();
865
+ }
852
866
  return true;
853
867
  }
854
868
  };
@@ -1,4 +1,4 @@
1
- import { Component, Property, Event, EmitType, EventHandler, L10n, setValue, getValue, isNullOrUndefined } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, detach, Internationalization, getUniqueID, closest } from '@syncfusion/ej2-base';import { addClass, removeClass } from '@syncfusion/ej2-base';import { FloatLabelType, Input, InputObject } from '../input/input';
1
+ import { Component, Property, Event, EmitType, EventHandler, L10n, setValue, getValue, isNullOrUndefined, Browser } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, detach, Internationalization, getUniqueID, closest } from '@syncfusion/ej2-base';import { addClass, removeClass } from '@syncfusion/ej2-base';import { FloatLabelType, Input, InputObject } from '../input/input';
2
2
  import {ChangedEventArgs,FocusOutEventArgs,FocusInEventArgs,InputEventArgs} from "./textbox";
3
3
  import {ComponentModel} from '@syncfusion/ej2-base';
4
4
 
@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
17
17
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
18
18
  return c > 3 && r && Object.defineProperty(target, key, r), r;
19
19
  };
20
- import { Component, Property, Event, EventHandler, L10n, setValue, getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
20
+ import { Component, Property, Event, EventHandler, L10n, setValue, getValue, isNullOrUndefined, Browser } from '@syncfusion/ej2-base';
21
21
  import { NotifyPropertyChanges, detach, Internationalization, getUniqueID, closest } from '@syncfusion/ej2-base';
22
22
  import { addClass, removeClass } from '@syncfusion/ej2-base';
23
23
  import { Input } from '../input/input';
@@ -193,6 +193,9 @@ var TextBox = /** @class */ (function (_super) {
193
193
  }
194
194
  this.updateHTMLAttrToElement();
195
195
  this.checkAttributes(false);
196
+ if ((isNullOrUndefined(this.textboxOptions) || (this.textboxOptions['value'] === undefined)) && this.element.value !== '') {
197
+ this.setProperties({ value: this.element.value }, true);
198
+ }
196
199
  if (this.element.tagName !== 'TEXTAREA') {
197
200
  this.element.setAttribute('type', this.type);
198
201
  }
@@ -490,6 +493,10 @@ var TextBox = /** @class */ (function (_super) {
490
493
  this.preventChange = false;
491
494
  this.trigger('change', eventArgs);
492
495
  this.previousValue = this.value;
496
+ //EJ2CORE-738:For this task we update the textarea value to the input when input tag with multiline is present
497
+ if (this.element.tagName === 'INPUT' && this.multiline && Browser.info.name === 'mozilla') {
498
+ this.element.value = this.respectiveElement.value;
499
+ }
493
500
  };
494
501
  TextBox.prototype.bindClearEvent = function () {
495
502
  if (this.showClearButton && this.respectiveElement.tagName !== 'TEXTAREA') {
@@ -901,6 +901,9 @@ var Uploader = /** @class */ (function (_super) {
901
901
  /* istanbul ignore next */
902
902
  Uploader.prototype.onPasteFile = function (event) {
903
903
  var item = event.clipboardData.items;
904
+ if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
905
+ this.element.files = event.clipboardData.files;
906
+ }
904
907
  if (item.length !== 1) {
905
908
  return;
906
909
  }
@@ -1588,16 +1591,18 @@ var Uploader = /** @class */ (function (_super) {
1588
1591
  fileList.classList.add(INVALID_FILE);
1589
1592
  };
1590
1593
  Uploader.prototype.createFormInput = function (fileData) {
1591
- var inputElement = this.element.cloneNode(true);
1592
- inputElement.classList.add(HIDDEN_INPUT);
1593
- for (var _i = 0, fileData_3 = fileData; _i < fileData_3.length; _i++) {
1594
- var listItem = fileData_3[_i];
1595
- listItem.input = inputElement;
1596
- }
1597
- inputElement.setAttribute('name', this.uploaderName);
1598
- this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
1599
- if (this.browserName !== 'msie' && this.browserName !== 'edge') {
1600
- this.element.value = '';
1594
+ if (this.browserName !== 'safari') {
1595
+ var inputElement = this.element.cloneNode(true);
1596
+ inputElement.classList.add(HIDDEN_INPUT);
1597
+ for (var _i = 0, fileData_3 = fileData; _i < fileData_3.length; _i++) {
1598
+ var listItem = fileData_3[_i];
1599
+ listItem.input = inputElement;
1600
+ }
1601
+ inputElement.setAttribute('name', this.uploaderName);
1602
+ this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).appendChild(inputElement);
1603
+ if (this.browserName !== 'msie' && this.browserName !== 'edge') {
1604
+ this.element.value = '';
1605
+ }
1601
1606
  }
1602
1607
  };
1603
1608
  Uploader.prototype.getFileSize = function (fileData) {