@syncfusion/ej2-inputs 22.1.34 → 22.1.39
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/CHANGELOG.md +23 -0
- package/dist/ej2-inputs.min.js +2 -2
- 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 +40 -26
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +40 -26
- 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 +1 -13
- package/src/slider/slider-model.d.ts +1 -1
- package/src/slider/slider.js +17 -5
- package/src/uploader/uploader.d.ts +2 -1
- package/src/uploader/uploader.js +23 -9
- package/styles/bootstrap-dark.css +1 -0
- package/styles/bootstrap.css +1 -0
- package/styles/bootstrap4.css +1 -0
- package/styles/bootstrap5-dark.css +1 -0
- package/styles/bootstrap5.css +1 -0
- package/styles/fabric-dark.css +1 -0
- package/styles/fabric.css +1 -0
- package/styles/fluent-dark.css +1 -0
- package/styles/fluent.css +1 -0
- package/styles/highcontrast-light.css +1 -0
- package/styles/highcontrast.css +1 -0
- package/styles/input/_layout.scss +35 -2
- package/styles/input/bootstrap-dark.css +1 -0
- package/styles/input/bootstrap.css +1 -0
- package/styles/input/bootstrap4.css +1 -0
- package/styles/input/bootstrap5-dark.css +1 -0
- package/styles/input/bootstrap5.css +1 -0
- package/styles/input/fabric-dark.css +1 -0
- package/styles/input/fabric.css +1 -0
- package/styles/input/fluent-dark.css +1 -0
- package/styles/input/fluent.css +1 -0
- package/styles/input/highcontrast-light.css +1 -0
- package/styles/input/highcontrast.css +1 -0
- package/styles/input/material-dark.css +29 -2
- package/styles/input/material.css +29 -2
- package/styles/input/material3-dark.css +29 -2
- package/styles/input/material3.css +29 -2
- package/styles/input/tailwind-dark.css +1 -0
- package/styles/input/tailwind.css +1 -0
- package/styles/material-dark.css +29 -2
- package/styles/material.css +29 -2
- package/styles/material3-dark.css +29 -2
- package/styles/material3.css +29 -2
- package/styles/tailwind-dark.css +1 -0
- package/styles/tailwind.css +1 -0
|
@@ -152,6 +152,7 @@ var Input;
|
|
|
152
152
|
}
|
|
153
153
|
if (isNullOrUndefined(inputObject.container)) {
|
|
154
154
|
inputObject.container = createInputContainer(args, CLASSNAMES.FLOATINPUT, CLASSNAMES.FLOATCUSTOMTAG, 'div', makeElement);
|
|
155
|
+
inputObject.container.classList.add(CLASSNAMES.INPUTGROUP);
|
|
155
156
|
if (args.element.parentNode) {
|
|
156
157
|
args.element.parentNode.insertBefore(inputObject.container, args.element);
|
|
157
158
|
}
|
|
@@ -293,10 +294,6 @@ var Input;
|
|
|
293
294
|
inputObject.container.querySelector('.' + CLASSNAMES.FLOATTEXT) : element;
|
|
294
295
|
baseElement.insertAdjacentElement('afterend', button);
|
|
295
296
|
}
|
|
296
|
-
if (!isNullOrUndefined(container) &&
|
|
297
|
-
container.classList.contains(CLASSNAMES.FLOATINPUT)) {
|
|
298
|
-
addClass([container], CLASSNAMES.INPUTGROUP);
|
|
299
|
-
}
|
|
300
297
|
addClass([button], CLASSNAMES.CLEARICONHIDE);
|
|
301
298
|
wireClearBtnEvents(element, button, container);
|
|
302
299
|
button.setAttribute('aria-label', 'close');
|
|
@@ -696,9 +693,6 @@ var Input;
|
|
|
696
693
|
if (isPrependIcon) {
|
|
697
694
|
iconEle = container.querySelector('.e-input-group-icon');
|
|
698
695
|
}
|
|
699
|
-
if (isNullOrUndefined(iconEle)) {
|
|
700
|
-
container.classList.remove(CLASSNAMES.INPUTGROUP);
|
|
701
|
-
}
|
|
702
696
|
}
|
|
703
697
|
else {
|
|
704
698
|
var floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);
|
|
@@ -855,9 +849,6 @@ var Input;
|
|
|
855
849
|
}
|
|
856
850
|
}
|
|
857
851
|
innerWrapper.parentNode.insertBefore(button, innerWrapper);
|
|
858
|
-
if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
|
|
859
|
-
container.classList.add(CLASSNAMES.INPUTGROUP);
|
|
860
|
-
}
|
|
861
852
|
_internalRipple(true, container, button);
|
|
862
853
|
return button;
|
|
863
854
|
}
|
|
@@ -875,9 +866,6 @@ var Input;
|
|
|
875
866
|
function appendSpan(iconClass, container, internalCreateElement) {
|
|
876
867
|
var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
|
|
877
868
|
var button = createIconEle(iconClass, makeElement);
|
|
878
|
-
if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
|
|
879
|
-
container.classList.add(CLASSNAMES.INPUTGROUP);
|
|
880
|
-
}
|
|
881
869
|
var wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :
|
|
882
870
|
container;
|
|
883
871
|
wrap.appendChild(button);
|
|
@@ -4657,12 +4645,21 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
|
|
|
4657
4645
|
if (this.initialTooltip) {
|
|
4658
4646
|
this.initialTooltip = false;
|
|
4659
4647
|
this.setTooltipContent();
|
|
4660
|
-
args.text = text = this.tooltipObj.content;
|
|
4648
|
+
args.text = text = (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content);
|
|
4661
4649
|
this.trigger('tooltipChange', args, function (observedArgs) {
|
|
4662
4650
|
_this.addTooltipClass(observedArgs.text);
|
|
4663
4651
|
if (text !== observedArgs.text) {
|
|
4664
4652
|
_this.customAriaText = observedArgs.text;
|
|
4665
|
-
_this.
|
|
4653
|
+
if (_this.enableHtmlSanitizer) {
|
|
4654
|
+
observedArgs.text = SanitizeHtmlHelper.sanitize(observedArgs.text.toString());
|
|
4655
|
+
}
|
|
4656
|
+
else {
|
|
4657
|
+
observedArgs.text = observedArgs.text.toString();
|
|
4658
|
+
}
|
|
4659
|
+
var contentTemp = function () {
|
|
4660
|
+
return observedArgs.text;
|
|
4661
|
+
};
|
|
4662
|
+
_this.tooltipObj.content = initializeCSPTemplate(contentTemp);
|
|
4666
4663
|
_this.setAriaAttrValue(_this.firstHandle);
|
|
4667
4664
|
if (_this.type === 'Range') {
|
|
4668
4665
|
_this.setAriaAttrValue(_this.secondHandle);
|
|
@@ -4677,7 +4674,10 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
|
|
|
4677
4674
|
Slider.prototype.setTooltipContent = function () {
|
|
4678
4675
|
var content;
|
|
4679
4676
|
content = this.formatContent(this.tooltipFormatInfo, false);
|
|
4680
|
-
|
|
4677
|
+
var contentTemp = function () {
|
|
4678
|
+
return content;
|
|
4679
|
+
};
|
|
4680
|
+
this.tooltipObj.content = initializeCSPTemplate(contentTemp);
|
|
4681
4681
|
};
|
|
4682
4682
|
Slider.prototype.formatContent = function (formatInfo, ariaContent) {
|
|
4683
4683
|
var content = '';
|
|
@@ -5669,7 +5669,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
|
|
|
5669
5669
|
eventArgs = {
|
|
5670
5670
|
value: this.value,
|
|
5671
5671
|
previousValue: eventName === 'change' ? this.previousVal : this.previousChanged,
|
|
5672
|
-
action: eventName, text: this.tooltipObj.content, isInteracted: isNullOrUndefined(e) ? false : true
|
|
5672
|
+
action: eventName, text: (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content), isInteracted: isNullOrUndefined(e) ? false : true
|
|
5673
5673
|
};
|
|
5674
5674
|
}
|
|
5675
5675
|
else {
|
|
@@ -8126,7 +8126,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
8126
8126
|
detach(this.listParent);
|
|
8127
8127
|
this.listParent = null;
|
|
8128
8128
|
this.fileList = [];
|
|
8129
|
-
this.
|
|
8129
|
+
this.internalCreateFileList(this.filesData);
|
|
8130
8130
|
if (this.actionButtons) {
|
|
8131
8131
|
this.removeActionButtons();
|
|
8132
8132
|
this.renderActionButtons();
|
|
@@ -8363,7 +8363,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
8363
8363
|
Uploader.prototype.renderPreLoadFiles = function () {
|
|
8364
8364
|
if (this.files.length) {
|
|
8365
8365
|
if (this.enablePersistence && this.filesData.length) {
|
|
8366
|
-
this.
|
|
8366
|
+
this.internalCreateFileList(this.filesData);
|
|
8367
8367
|
return;
|
|
8368
8368
|
}
|
|
8369
8369
|
if (isNullOrUndefined(this.files[0].size)) {
|
|
@@ -8390,7 +8390,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
8390
8390
|
filesData.push(fileData);
|
|
8391
8391
|
this.filesData.push(fileData);
|
|
8392
8392
|
}
|
|
8393
|
-
this.
|
|
8393
|
+
this.internalCreateFileList(filesData);
|
|
8394
8394
|
if (!this.autoUpload && this.listParent && !this.actionButtons && (!this.isForm || this.allowUpload()) && this.showFileList) {
|
|
8395
8395
|
this.renderActionButtons();
|
|
8396
8396
|
}
|
|
@@ -9106,7 +9106,17 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
9106
9106
|
for (var i = 0; i < fileData.length; i++) {
|
|
9107
9107
|
var sanitizeFile = SanitizeHtmlHelper.beforeSanitize();
|
|
9108
9108
|
var sanitizeFileName = SanitizeHtmlHelper.serializeValue(sanitizeFile, fileData[parseInt(i.toString())].name);
|
|
9109
|
-
|
|
9109
|
+
var currentFileName = fileData[parseInt(i.toString())].name;
|
|
9110
|
+
var isUTF8 = false;
|
|
9111
|
+
for (var i_1 = 0; i_1 < currentFileName.length; i_1++) {
|
|
9112
|
+
if (currentFileName.charCodeAt(i_1) > 127) {
|
|
9113
|
+
isUTF8 = true;
|
|
9114
|
+
break;
|
|
9115
|
+
}
|
|
9116
|
+
}
|
|
9117
|
+
var htmlTagRegex = /<([a-z][a-z0-9]*)\b[^>]*>(.*?)<\/\1>/i;
|
|
9118
|
+
var hasHTMLString = htmlTagRegex.test(currentFileName);
|
|
9119
|
+
if ((sanitizeFileName !== fileData[parseInt(i.toString())].name) && !(isUTF8 && !hasHTMLString)) {
|
|
9110
9120
|
var encodedFileName = targetFiles[parseInt(i.toString())].name.replace(/[\u00A0-\u9999<>\&]/g, function (i) {
|
|
9111
9121
|
return '&#' + i.charCodeAt(0) + ';';
|
|
9112
9122
|
});
|
|
@@ -9173,7 +9183,8 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
9173
9183
|
}
|
|
9174
9184
|
}
|
|
9175
9185
|
else {
|
|
9176
|
-
this.
|
|
9186
|
+
this.internalCreateFileList(fileData);
|
|
9187
|
+
this.filesData = this.filesData.concat(fileData);
|
|
9177
9188
|
if (!this.isForm || this.allowUpload()) {
|
|
9178
9189
|
this.checkAutoUpload(fileData);
|
|
9179
9190
|
}
|
|
@@ -9240,12 +9251,12 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
9240
9251
|
}
|
|
9241
9252
|
}
|
|
9242
9253
|
if (added !== index) {
|
|
9243
|
-
this.
|
|
9254
|
+
this.internalCreateFileList([filesData[index]]);
|
|
9244
9255
|
}
|
|
9245
9256
|
}
|
|
9246
9257
|
}
|
|
9247
9258
|
else {
|
|
9248
|
-
this.
|
|
9259
|
+
this.internalCreateFileList(filesData);
|
|
9249
9260
|
}
|
|
9250
9261
|
};
|
|
9251
9262
|
Uploader.prototype.isBlank = function (str) {
|
|
@@ -9544,10 +9555,13 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
|
|
|
9544
9555
|
* @param { FileInfo[] } fileData - Specifies the files data for file list creation.
|
|
9545
9556
|
* @returns {void}
|
|
9546
9557
|
*/
|
|
9547
|
-
Uploader.prototype.createFileList = function (fileData
|
|
9558
|
+
Uploader.prototype.createFileList = function (fileData) {
|
|
9559
|
+
this.filesData = this.filesData && this.filesData.length > 0 ? this.filesData.concat(fileData) : fileData;
|
|
9560
|
+
this.internalCreateFileList(fileData);
|
|
9561
|
+
};
|
|
9562
|
+
Uploader.prototype.internalCreateFileList = function (fileData) {
|
|
9548
9563
|
/* eslint-enable valid-jsdoc, jsdoc/require-param */
|
|
9549
9564
|
this.createParentUL();
|
|
9550
|
-
this.filesData = (isSelectedFile) ? this.filesData.concat(fileData) : fileData;
|
|
9551
9565
|
if (this.template !== '' && !isNullOrUndefined(this.template)) {
|
|
9552
9566
|
if (this.isFormUpload()) {
|
|
9553
9567
|
this.uploadWrapper.classList.add(FORM_UPLOAD);
|