@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.
- 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 +39 -13
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +39 -13
- 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.js +14 -0
- package/src/textbox/textbox-model.d.ts +1 -1
- package/src/textbox/textbox.js +8 -1
- package/src/uploader/uploader.js +15 -10
- 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.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@
|
|
3
|
+
"_id": "@syncfusion/ej2-inputs@20.1.55",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512
|
|
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-
|
|
42
|
-
"_shasum": "
|
|
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.
|
|
51
|
-
"@syncfusion/ej2-buttons": "~20.1.
|
|
52
|
-
"@syncfusion/ej2-popups": "~20.1.
|
|
53
|
-
"@syncfusion/ej2-splitbuttons": "~20.1.
|
|
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.
|
|
121
|
+
"version": "20.1.58",
|
|
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) {
|
|
@@ -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
|
|
package/src/textbox/textbox.js
CHANGED
|
@@ -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') {
|
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
|
}
|
|
@@ -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
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
var
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
this.
|
|
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) {
|