@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.
- package/dist/ej2-inputs.umd.min.js +2 -2
- package/dist/ej2-inputs.umd.min.js.map +1 -1
- package/dist/es6/ej2-inputs.es2015.js +32 -6
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +31 -5
- package/dist/es6/ej2-inputs.es5.js.map +1 -1
- package/dist/global/ej2-inputs.min.js +2 -2
- package/dist/global/ej2-inputs.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +9 -9
- package/src/input/input.js +3 -3
- package/src/numerictextbox/numerictextbox-model.d.ts +1 -1
- package/src/numerictextbox/numerictextbox.js +22 -2
- package/src/textbox/textbox.js +4 -1
- package/src/uploader/uploader.js +3 -0
- package/styles/bootstrap-dark.css +125 -658
- package/styles/bootstrap.css +122 -655
- package/styles/bootstrap4.css +122 -682
- package/styles/bootstrap5-dark.css +131 -702
- package/styles/bootstrap5.css +131 -702
- package/styles/color-picker/bootstrap-dark.css +27 -194
- package/styles/color-picker/bootstrap.css +27 -194
- package/styles/color-picker/bootstrap4.css +27 -209
- package/styles/color-picker/bootstrap5-dark.css +27 -202
- package/styles/color-picker/bootstrap5.css +27 -202
- package/styles/color-picker/fabric-dark.css +27 -194
- package/styles/color-picker/fabric.css +27 -194
- package/styles/color-picker/fluent-dark.css +27 -194
- package/styles/color-picker/fluent.css +27 -194
- package/styles/color-picker/highcontrast-light.css +27 -194
- package/styles/color-picker/highcontrast.css +27 -194
- package/styles/color-picker/material-dark.css +27 -195
- package/styles/color-picker/material.css +27 -196
- package/styles/color-picker/tailwind-dark.css +28 -203
- package/styles/color-picker/tailwind.css +28 -203
- package/styles/fabric-dark.css +122 -656
- package/styles/fabric.css +121 -655
- package/styles/fluent-dark.css +131 -691
- package/styles/fluent.css +131 -691
- package/styles/highcontrast-light.css +130 -676
- package/styles/highcontrast.css +130 -676
- package/styles/input/bootstrap-dark.css +36 -38
- package/styles/input/bootstrap.css +33 -35
- package/styles/input/bootstrap4.css +33 -35
- package/styles/input/bootstrap5-dark.css +33 -35
- package/styles/input/bootstrap5.css +33 -35
- package/styles/input/fabric-dark.css +32 -33
- package/styles/input/fabric.css +32 -33
- package/styles/input/fluent-dark.css +32 -33
- package/styles/input/fluent.css +32 -33
- package/styles/input/highcontrast-light.css +33 -35
- package/styles/input/highcontrast.css +33 -35
- package/styles/input/material-dark.css +87 -122
- package/styles/input/material.css +87 -123
- package/styles/input/tailwind-dark.css +32 -33
- package/styles/input/tailwind.css +32 -33
- package/styles/maskedtextbox/bootstrap-dark.css +1 -1
- package/styles/maskedtextbox/bootstrap.css +1 -1
- package/styles/maskedtextbox/bootstrap4.css +1 -1
- package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
- package/styles/maskedtextbox/bootstrap5.css +1 -1
- package/styles/maskedtextbox/fabric-dark.css +1 -1
- package/styles/maskedtextbox/fabric.css +1 -1
- package/styles/maskedtextbox/fluent-dark.css +1 -1
- package/styles/maskedtextbox/fluent.css +1 -1
- package/styles/maskedtextbox/highcontrast-light.css +1 -1
- package/styles/maskedtextbox/highcontrast.css +1 -1
- package/styles/maskedtextbox/material-dark.css +1 -2
- package/styles/maskedtextbox/material.css +1 -3
- package/styles/maskedtextbox/tailwind-dark.css +1 -1
- package/styles/maskedtextbox/tailwind.css +1 -1
- package/styles/material-dark.css +180 -775
- package/styles/material.css +180 -780
- package/styles/numerictextbox/bootstrap-dark.css +6 -8
- package/styles/numerictextbox/bootstrap.css +6 -8
- package/styles/numerictextbox/bootstrap4.css +6 -7
- package/styles/numerictextbox/bootstrap5-dark.css +6 -7
- package/styles/numerictextbox/bootstrap5.css +6 -7
- package/styles/numerictextbox/fabric-dark.css +6 -7
- package/styles/numerictextbox/fabric.css +6 -7
- package/styles/numerictextbox/fluent-dark.css +7 -9
- package/styles/numerictextbox/fluent.css +7 -9
- package/styles/numerictextbox/highcontrast-light.css +6 -7
- package/styles/numerictextbox/highcontrast.css +6 -7
- package/styles/numerictextbox/material-dark.css +6 -8
- package/styles/numerictextbox/material.css +6 -9
- package/styles/numerictextbox/tailwind-dark.css +6 -7
- package/styles/numerictextbox/tailwind.css +6 -7
- package/styles/signature/bootstrap-dark.css +1 -1
- package/styles/signature/bootstrap.css +1 -1
- package/styles/signature/bootstrap4.css +1 -1
- package/styles/signature/bootstrap5-dark.css +1 -1
- package/styles/signature/bootstrap5.css +1 -1
- package/styles/signature/fabric-dark.css +1 -1
- package/styles/signature/fabric.css +1 -1
- package/styles/signature/fluent-dark.css +1 -1
- package/styles/signature/fluent.css +1 -1
- package/styles/signature/highcontrast-light.css +1 -1
- package/styles/signature/highcontrast.css +1 -1
- package/styles/signature/material-dark.css +1 -1
- package/styles/signature/material.css +1 -1
- package/styles/signature/tailwind-dark.css +1 -1
- package/styles/signature/tailwind.css +1 -1
- package/styles/slider/_theme.scss +0 -3
- package/styles/slider/bootstrap-dark.css +1 -91
- package/styles/slider/bootstrap.css +1 -91
- package/styles/slider/bootstrap4.css +1 -104
- package/styles/slider/bootstrap5-dark.css +10 -131
- package/styles/slider/bootstrap5.css +10 -131
- package/styles/slider/fabric-dark.css +2 -96
- package/styles/slider/fabric.css +1 -95
- package/styles/slider/fluent-dark.css +9 -113
- package/styles/slider/fluent.css +9 -113
- package/styles/slider/highcontrast-light.css +9 -113
- package/styles/slider/highcontrast.css +9 -113
- package/styles/slider/material-dark.css +5 -120
- package/styles/slider/material.css +5 -120
- package/styles/slider/tailwind-dark.css +8 -136
- package/styles/slider/tailwind.css +8 -136
- package/styles/tailwind-dark.css +129 -705
- package/styles/tailwind.css +129 -705
- package/styles/textbox/material-dark.css +1 -1
- package/styles/textbox/material.css +1 -2
- package/styles/textbox/tailwind-dark.css +1 -1
- package/styles/textbox/tailwind.css +1 -1
- package/styles/uploader/bootstrap-dark.css +59 -330
- package/styles/uploader/bootstrap.css +59 -330
- package/styles/uploader/bootstrap4.css +59 -330
- package/styles/uploader/bootstrap5-dark.css +59 -330
- package/styles/uploader/bootstrap5.css +59 -330
- package/styles/uploader/fabric-dark.css +59 -330
- package/styles/uploader/fabric.css +59 -330
- package/styles/uploader/fluent-dark.css +60 -346
- package/styles/uploader/fluent.css +60 -346
- package/styles/uploader/highcontrast-light.css +59 -330
- package/styles/uploader/highcontrast.css +59 -330
- package/styles/uploader/material-dark.css +59 -331
- package/styles/uploader/material.css +59 -331
- package/styles/uploader/tailwind-dark.css +59 -330
- package/styles/uploader/tailwind.css +59 -330
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 20.1.
|
|
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.
|
|
3
|
+
"_id": "@syncfusion/ej2-inputs@20.1.59",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
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.
|
|
42
|
-
"_shasum": "
|
|
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.
|
|
51
|
-
"@syncfusion/ej2-buttons": "~20.1.
|
|
52
|
-
"@syncfusion/ej2-popups": "~20.1.
|
|
53
|
-
"@syncfusion/ej2-splitbuttons": "~20.1.
|
|
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.
|
|
121
|
+
"version": "20.1.61",
|
|
122
122
|
"sideEffects": false
|
|
123
123
|
}
|
package/src/input/input.js
CHANGED
|
@@ -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
|
};
|
package/src/textbox/textbox.js
CHANGED
|
@@ -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;
|
package/src/uploader/uploader.js
CHANGED
|
@@ -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
|
}
|