@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
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.1.55
3
+ * version : 20.1.61
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@20.1.47",
3
+ "_id": "@syncfusion/ej2-inputs@20.1.59",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-rCma6vTU5RKepKxtjizZsQPvWibkiX3WtNDFgS9UTA+75K6wCagt839cG7Xpzlt6S5E6WRoGABNoeK+dyVXC3w==",
5
+ "_integrity": "sha512-PwnkvbTBromGi6ON2ewVmSRE06iyWnqGbaankd2eHMbhcKIQiR5yD9Ot3kL8uHy4M7zaOr/6768trZ9k73ZKxA==",
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-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.1.47.tgz",
42
- "_shasum": "683f590bd05d5c7ccbee926b8f1bac963d876340",
41
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.1.59.tgz",
42
+ "_shasum": "9c20e86b8f7f9d0a3d49455837be08c8e2d7aea6",
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.55",
51
- "@syncfusion/ej2-buttons": "~20.1.55",
52
- "@syncfusion/ej2-popups": "~20.1.55",
53
- "@syncfusion/ej2-splitbuttons": "~20.1.55"
50
+ "@syncfusion/ej2-base": "~20.1.61",
51
+ "@syncfusion/ej2-buttons": "~20.1.61",
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.55",
121
+ "version": "20.1.61",
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) {
@@ -1,4 +1,4 @@
1
- import { Component, EventHandler, Property, Event, Browser, L10n, EmitType } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';import { Internationalization, NumberFormatOptions, getNumericObject } from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../input/input';
1
+ import { Component, EventHandler, Property, Event, Browser, L10n, EmitType, getUniqueID } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';import { Internationalization, NumberFormatOptions, getNumericObject } from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../input/input';
2
2
  import {ChangeEventArgs,NumericFocusEventArgs,NumericBlurEventArgs} from "./numerictextbox";
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, EventHandler, Property, Event, Browser, L10n } from '@syncfusion/ej2-base';
20
+ import { Component, EventHandler, Property, Event, Browser, L10n, getUniqueID } from '@syncfusion/ej2-base';
21
21
  import { NotifyPropertyChanges } from '@syncfusion/ej2-base';
22
22
  import { attributes, addClass, removeClass, detach, closest } from '@syncfusion/ej2-base';
23
23
  import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';
@@ -83,10 +83,13 @@ var NumericTextBox = /** @class */ (function (_super) {
83
83
  var index = 0;
84
84
  for (index; index < this.element.attributes.length; index++) {
85
85
  var attributeName = this.element.attributes[index].nodeName;
86
- if (attributeName !== 'id') {
86
+ if (attributeName !== 'id' && attributeName !== 'class') {
87
87
  input.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
88
88
  input.innerHTML = this.element.innerHTML;
89
89
  }
90
+ else if (attributeName === 'class') {
91
+ input.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
92
+ }
90
93
  }
91
94
  if (this.element.hasAttribute('name')) {
92
95
  this.element.removeAttribute('name');
@@ -104,6 +107,9 @@ var NumericTextBox = /** @class */ (function (_super) {
104
107
  if (this.l10n.getConstant('placeholder') !== '') {
105
108
  this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
106
109
  }
110
+ if (!this.element.hasAttribute('id')) {
111
+ this.element.setAttribute('id', getUniqueID('numerictextbox'));
112
+ }
107
113
  this.isValidState = true;
108
114
  this.inputStyle = null;
109
115
  this.inputName = null;
@@ -841,6 +847,12 @@ var NumericTextBox = /** @class */ (function (_super) {
841
847
  return true;
842
848
  }
843
849
  var currentChar = String.fromCharCode(event.which);
850
+ var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
851
+ var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
852
+ //EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
853
+ if (isAlterNumPadDecimalChar) {
854
+ currentChar = decimalSeparator;
855
+ }
844
856
  var text = this.element.value;
845
857
  text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
846
858
  if (!this.numericRegex().test(text)) {
@@ -849,6 +861,14 @@ var NumericTextBox = /** @class */ (function (_super) {
849
861
  return false;
850
862
  }
851
863
  else {
864
+ //EJ2-59813-update the numberpad decimal separator and update the cursor position
865
+ if (isAlterNumPadDecimalChar) {
866
+ var start = this.element.selectionStart + 1;
867
+ this.element.value = text;
868
+ this.element.setSelectionRange(start, start);
869
+ event.preventDefault();
870
+ event.stopPropagation();
871
+ }
852
872
  return true;
853
873
  }
854
874
  };
@@ -179,13 +179,16 @@ var TextBox = /** @class */ (function (_super) {
179
179
  var index = 0;
180
180
  for (index; index < this.element.attributes.length; index++) {
181
181
  var attributeName = this.element.attributes[index].nodeName;
182
- if (attributeName !== 'id') {
182
+ if (attributeName !== 'id' && attributeName !== 'class') {
183
183
  inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
184
184
  inputElement.innerHTML = this.element.innerHTML;
185
185
  if (attributeName === 'name') {
186
186
  this.element.removeAttribute('name');
187
187
  }
188
188
  }
189
+ else if (attributeName === 'class') {
190
+ inputElement.setAttribute(attributeName, this.element.className.split(' ').filter(function (item) { return item.indexOf('ng-') !== 0; }).join(' '));
191
+ }
189
192
  }
190
193
  this.element.appendChild(inputElement);
191
194
  this.element = inputElement;
@@ -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
  }