@syncfusion/ej2-inputs 19.2.59 → 19.3.47
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 +8 -0
- 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 +346 -606
- package/dist/es6/ej2-inputs.es2015.js.map +1 -1
- package/dist/es6/ej2-inputs.es5.js +358 -623
- 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/helpers/e2e/colorpickerHelper.d.ts +23 -0
- package/helpers/e2e/colorpickerHelper.js +53 -0
- package/package.json +9 -9
- package/src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts +1 -4
- package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +0 -3
- package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +2 -11
- package/src/numerictextbox/numerictextbox-model.d.ts +1 -10
- package/src/numerictextbox/numerictextbox.d.ts +0 -9
- package/src/numerictextbox/numerictextbox.js +51 -95
- package/src/slider/slider.d.ts +1 -0
- package/src/slider/slider.js +10 -1
- package/src/textbox/textbox-model.d.ts +1 -4
- package/src/textbox/textbox.d.ts +0 -3
- package/src/textbox/textbox.js +90 -112
- package/src/uploader/uploader-model.d.ts +1 -26
- package/src/uploader/uploader.d.ts +0 -40
- package/src/uploader/uploader.js +210 -407
- package/styles/bootstrap-dark.css +14 -6
- package/styles/bootstrap.css +14 -6
- package/styles/bootstrap4.css +22 -12
- package/styles/bootstrap5-dark.css +7548 -0
- package/styles/bootstrap5-dark.scss +7 -0
- package/styles/bootstrap5.css +7548 -0
- package/styles/bootstrap5.scss +7 -0
- package/styles/color-picker/_bootstrap5-dark-definition.scss +1 -0
- package/styles/color-picker/_bootstrap5-definition.scss +134 -0
- package/styles/color-picker/_layout.scss +26 -3
- package/styles/color-picker/_tailwind-dark-definition.scss +1 -132
- package/styles/color-picker/_tailwind-definition.scss +25 -24
- package/styles/color-picker/_theme.scss +33 -0
- package/styles/color-picker/bootstrap5-dark.css +964 -0
- package/styles/color-picker/bootstrap5-dark.scss +11 -0
- package/styles/color-picker/bootstrap5.css +964 -0
- package/styles/color-picker/bootstrap5.scss +11 -0
- package/styles/color-picker/icons/_bootstrap5-dark.scss +1 -0
- package/styles/color-picker/icons/_bootstrap5.scss +10 -0
- package/styles/fabric-dark.css +15 -7
- package/styles/fabric.css +15 -7
- package/styles/highcontrast-light.css +15 -7
- package/styles/highcontrast.css +16 -8
- package/styles/input/_bootstrap5-dark-definition.scss +1 -0
- package/styles/input/_bootstrap5-definition.scss +320 -0
- package/styles/input/_definition.scss +217 -0
- package/styles/input/_fabric-definition.scss +1 -1
- package/styles/input/_highcontrast-definition.scss +1 -1
- package/styles/input/_layout.scss +196 -157
- package/styles/input/_material-dark-definition.scss +133 -120
- package/styles/input/_material-definition.scss +1 -0
- package/styles/input/_tailwind-dark-definition.scss +1 -315
- package/styles/input/_tailwind-definition.scss +50 -47
- package/styles/input/_theme.scss +92 -59
- package/styles/input/bootstrap-dark.css +12 -3
- package/styles/input/bootstrap.css +12 -3
- package/styles/input/bootstrap4.css +15 -3
- package/styles/input/bootstrap5-dark.css +4670 -0
- package/styles/input/bootstrap5-dark.scss +4 -0
- package/styles/input/bootstrap5.css +4670 -0
- package/styles/input/bootstrap5.scss +4 -0
- package/styles/input/fabric-dark.css +12 -3
- package/styles/input/fabric.css +13 -4
- package/styles/input/highcontrast-light.css +12 -3
- package/styles/input/highcontrast.css +13 -4
- package/styles/input/icons/_bootstrap5-dark.scss +1 -0
- package/styles/input/icons/_bootstrap5.scss +17 -0
- package/styles/input/icons/_material-dark.scss +32 -0
- package/styles/input/icons/_tailwind-dark.scss +1 -17
- package/styles/input/material-dark.css +2320 -201
- package/styles/input/material.css +12 -3
- package/styles/input/tailwind-dark.css +14 -5
- package/styles/input/tailwind.css +14 -5
- package/styles/maskedtextbox/_bootstrap5-dark-definition.scss +1 -0
- package/styles/maskedtextbox/_bootstrap5-definition.scss +7 -0
- package/styles/maskedtextbox/_tailwind-dark-definition.scss +1 -6
- package/styles/maskedtextbox/_tailwind-definition.scss +4 -1
- package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
- package/styles/maskedtextbox/bootstrap5-dark.scss +4 -0
- package/styles/maskedtextbox/bootstrap5.css +33 -0
- package/styles/maskedtextbox/bootstrap5.scss +4 -0
- package/styles/material-dark.css +2337 -218
- package/styles/material.css +14 -5
- package/styles/numerictextbox/_bootstrap5-dark-definition.scss +1 -0
- package/styles/numerictextbox/_bootstrap5-definition.scss +3 -0
- package/styles/numerictextbox/_tailwind-dark-definition.scss +1 -5
- package/styles/numerictextbox/_tailwind-definition.scss +1 -1
- package/styles/numerictextbox/bootstrap5-dark.css +48 -0
- package/styles/numerictextbox/bootstrap5-dark.scss +5 -0
- package/styles/numerictextbox/bootstrap5.css +48 -0
- package/styles/numerictextbox/bootstrap5.scss +5 -0
- package/styles/numerictextbox/icons/_bootstrap5-dark.scss +1 -0
- package/styles/numerictextbox/icons/_bootstrap5.scss +12 -0
- package/styles/numerictextbox/icons/_tailwind-dark.scss +1 -12
- package/styles/slider/_bootstrap5-dark-definition.scss +1 -0
- package/styles/slider/_bootstrap5-definition.scss +90 -0
- package/styles/slider/_fabric-dark-definition.scss +2 -2
- package/styles/slider/_layout.scss +294 -69
- package/styles/slider/_material-dark-definition.scss +1 -1
- package/styles/slider/_tailwind-dark-definition.scss +1 -80
- package/styles/slider/_tailwind-definition.scss +32 -27
- package/styles/slider/_theme.scss +14 -6
- package/styles/slider/bootstrap-dark.css +2 -3
- package/styles/slider/bootstrap.css +2 -3
- package/styles/slider/bootstrap4.css +7 -9
- package/styles/slider/bootstrap5-dark.css +749 -0
- package/styles/slider/bootstrap5-dark.scss +5 -0
- package/styles/slider/bootstrap5.css +749 -0
- package/styles/slider/bootstrap5.scss +5 -0
- package/styles/slider/fabric-dark.css +3 -4
- package/styles/slider/fabric.css +2 -3
- package/styles/slider/highcontrast-light.css +3 -4
- package/styles/slider/highcontrast.css +3 -4
- package/styles/slider/material-dark.css +16 -16
- package/styles/slider/material.css +2 -2
- package/styles/slider/tailwind-dark.css +9 -8
- package/styles/slider/tailwind.css +7 -3
- package/styles/tailwind-dark.css +23 -13
- package/styles/tailwind.css +21 -8
- package/styles/textbox/_bootstrap5-dark-definition.scss +1 -0
- package/styles/textbox/_bootstrap5-definition.scss +0 -0
- package/styles/textbox/_tailwind-dark-definition.scss +1 -0
- package/styles/textbox/bootstrap5-dark.css +0 -0
- package/styles/textbox/bootstrap5-dark.scss +4 -0
- package/styles/textbox/bootstrap5.css +0 -0
- package/styles/textbox/bootstrap5.scss +4 -0
- package/styles/uploader/_bootstrap5-dark-definition.scss +1 -0
- package/styles/uploader/_bootstrap5-definition.scss +216 -0
- package/styles/uploader/_definition.scss +142 -0
- package/styles/uploader/_tailwind-dark-definition.scss +1 -216
- package/styles/uploader/_tailwind-definition.scss +21 -21
- package/styles/uploader/_theme.scss +2 -2
- package/styles/uploader/bootstrap5-dark.css +1079 -0
- package/styles/uploader/bootstrap5-dark.scss +6 -0
- package/styles/uploader/bootstrap5.css +1079 -0
- package/styles/uploader/bootstrap5.scss +6 -0
- package/styles/uploader/icons/_bootstrap5-dark.scss +1 -0
- package/styles/uploader/icons/_bootstrap5.scss +34 -0
- package/styles/uploader/icons/_tailwind-dark.scss +1 -35
- package/styles/uploader/material-dark.css +1 -1
- package/.eslintrc.json +0 -244
- package/styles/color-picker/_icons.scss +0 -10
- package/tslint.json +0 -111
package/src/textbox/textbox.js
CHANGED
|
@@ -19,7 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
19
|
};
|
|
20
20
|
import { Component, Property, Event, EventHandler, L10n, setValue, getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
21
21
|
import { NotifyPropertyChanges, detach, Internationalization, getUniqueID, closest } from '@syncfusion/ej2-base';
|
|
22
|
-
import { addClass, removeClass
|
|
22
|
+
import { addClass, removeClass } from '@syncfusion/ej2-base';
|
|
23
23
|
import { Input } from '../input/input';
|
|
24
24
|
var HIDE_CLEAR = 'e-clear-icon-hide';
|
|
25
25
|
var TEXTBOX_FOCUS = 'e-input-focus';
|
|
@@ -165,72 +165,70 @@ var TextBox = /** @class */ (function (_super) {
|
|
|
165
165
|
return (!str || /^\s*$/.test(str));
|
|
166
166
|
};
|
|
167
167
|
TextBox.prototype.preRender = function () {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
this.element.removeAttribute('name');
|
|
188
|
-
}
|
|
168
|
+
this.cloneElement = this.element.cloneNode(true);
|
|
169
|
+
this.formElement = closest(this.element, 'form');
|
|
170
|
+
if (!isNullOrUndefined(this.formElement)) {
|
|
171
|
+
this.isForm = true;
|
|
172
|
+
}
|
|
173
|
+
/* istanbul ignore next */
|
|
174
|
+
if (this.element.tagName === 'EJS-TEXTBOX') {
|
|
175
|
+
var ejInstance = getValue('ej2_instances', this.element);
|
|
176
|
+
var inputElement = this.multiline ?
|
|
177
|
+
this.createElement('textarea') :
|
|
178
|
+
this.createElement('input');
|
|
179
|
+
var index = 0;
|
|
180
|
+
for (index; index < this.element.attributes.length; index++) {
|
|
181
|
+
var attributeName = this.element.attributes[index].nodeName;
|
|
182
|
+
if (attributeName !== 'id') {
|
|
183
|
+
inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
|
|
184
|
+
inputElement.innerHTML = this.element.innerHTML;
|
|
185
|
+
if (attributeName === 'name') {
|
|
186
|
+
this.element.removeAttribute('name');
|
|
189
187
|
}
|
|
190
188
|
}
|
|
191
|
-
this.element.appendChild(inputElement);
|
|
192
|
-
this.element = inputElement;
|
|
193
|
-
setValue('ej2_instances', ejInstance, this.element);
|
|
194
|
-
}
|
|
195
|
-
this.updateHTMLAttrToElement();
|
|
196
|
-
this.checkAttributes(false);
|
|
197
|
-
if (this.element.tagName !== 'TEXTAREA') {
|
|
198
|
-
this.element.setAttribute('type', this.type);
|
|
199
|
-
}
|
|
200
|
-
this.element.setAttribute('role', 'textbox');
|
|
201
|
-
this.globalize = new Internationalization(this.locale);
|
|
202
|
-
var localeText = { placeholder: this.placeholder };
|
|
203
|
-
this.l10n = new L10n('textbox', localeText, this.locale);
|
|
204
|
-
if (this.l10n.getConstant('placeholder') !== '') {
|
|
205
|
-
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
206
189
|
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
190
|
+
this.element.appendChild(inputElement);
|
|
191
|
+
this.element = inputElement;
|
|
192
|
+
setValue('ej2_instances', ejInstance, this.element);
|
|
193
|
+
}
|
|
194
|
+
this.updateHTMLAttrToElement();
|
|
195
|
+
this.checkAttributes(false);
|
|
196
|
+
if (this.element.tagName !== 'TEXTAREA') {
|
|
197
|
+
this.element.setAttribute('type', this.type);
|
|
198
|
+
}
|
|
199
|
+
this.element.setAttribute('role', 'textbox');
|
|
200
|
+
this.globalize = new Internationalization(this.locale);
|
|
201
|
+
var localeText = { placeholder: this.placeholder };
|
|
202
|
+
this.l10n = new L10n('textbox', localeText, this.locale);
|
|
203
|
+
if (this.l10n.getConstant('placeholder') !== '') {
|
|
204
|
+
this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
|
|
205
|
+
}
|
|
206
|
+
if (!this.element.hasAttribute('id')) {
|
|
207
|
+
this.element.setAttribute('id', getUniqueID('textbox'));
|
|
208
|
+
}
|
|
209
|
+
if (!this.element.hasAttribute('name')) {
|
|
210
|
+
this.element.setAttribute('name', this.element.getAttribute('id'));
|
|
211
|
+
}
|
|
212
|
+
if (this.element.tagName === 'INPUT' && this.multiline) {
|
|
213
|
+
this.isHiddenInput = true;
|
|
214
|
+
this.textarea = this.createElement('textarea');
|
|
215
|
+
this.element.parentNode.insertBefore(this.textarea, this.element);
|
|
216
|
+
this.element.setAttribute('type', 'hidden');
|
|
217
|
+
this.textarea.setAttribute('name', this.element.getAttribute('name'));
|
|
218
|
+
this.element.removeAttribute('name');
|
|
219
|
+
this.textarea.setAttribute('role', this.element.getAttribute('role'));
|
|
220
|
+
this.element.removeAttribute('role');
|
|
221
|
+
this.textarea.setAttribute('id', getUniqueID('textarea'));
|
|
222
|
+
var apiAttributes = ['placeholder', 'disabled', 'value', 'readonly', 'type', 'autocomplete'];
|
|
223
|
+
for (var index = 0; index < this.element.attributes.length; index++) {
|
|
224
|
+
var attributeName = this.element.attributes[index].nodeName;
|
|
225
|
+
if (this.element.hasAttribute(attributeName) && containerAttr.indexOf(attributeName) < 0 &&
|
|
226
|
+
!(attributeName === 'id' || attributeName === 'type' || attributeName === 'e-mappinguid')) {
|
|
227
|
+
// e-mappinguid attribute is handled for Grid component.
|
|
228
|
+
this.textarea.setAttribute(attributeName, this.element.attributes[index].nodeValue);
|
|
229
|
+
if (apiAttributes.indexOf(attributeName) < 0) {
|
|
230
|
+
this.element.removeAttribute(attributeName);
|
|
231
|
+
index--;
|
|
234
232
|
}
|
|
235
233
|
}
|
|
236
234
|
}
|
|
@@ -293,37 +291,22 @@ var TextBox = /** @class */ (function (_super) {
|
|
|
293
291
|
if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
|
|
294
292
|
updatedCssClassValue = this.getInputValidClassList(this.cssClass);
|
|
295
293
|
}
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
this.
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
this.respectiveElement.parentNode.insertBefore(this.element, this.respectiveElement);
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
else {
|
|
316
|
-
this.respectiveElement = this.element;
|
|
317
|
-
this.textboxWrapper = { container: this.element.parentElement };
|
|
318
|
-
if (this.showClearButton && !this.multiline) {
|
|
319
|
-
this.textboxWrapper.clearButton = this.textboxWrapper.container.querySelector('.e-clear-icon');
|
|
320
|
-
Input.wireClearBtnEvents(this.respectiveElement, this.textboxWrapper.clearButton, this.textboxWrapper.container);
|
|
321
|
-
}
|
|
322
|
-
if (this.floatLabelType === 'Auto') {
|
|
323
|
-
Input.wireFloatingEvents(this.respectiveElement);
|
|
324
|
-
}
|
|
325
|
-
// eslint-disable-next-line max-len, @typescript-eslint/no-explicit-any
|
|
326
|
-
Input.bindInitialEvent({ element: this.respectiveElement, buttons: null, customTag: null, floatLabelType: this.floatLabelType, properties: this.properties });
|
|
294
|
+
this.respectiveElement = (this.isHiddenInput) ? this.textarea : this.element;
|
|
295
|
+
this.textboxWrapper = Input.createInput({
|
|
296
|
+
element: this.respectiveElement,
|
|
297
|
+
floatLabelType: this.floatLabelType,
|
|
298
|
+
properties: {
|
|
299
|
+
enabled: this.enabled,
|
|
300
|
+
enableRtl: this.enableRtl,
|
|
301
|
+
cssClass: updatedCssClassValue,
|
|
302
|
+
readonly: this.readonly,
|
|
303
|
+
placeholder: this.placeholder,
|
|
304
|
+
showClearButton: this.showClearButton
|
|
305
|
+
}
|
|
306
|
+
});
|
|
307
|
+
this.updateHTMLAttrToWrapper();
|
|
308
|
+
if (this.isHiddenInput) {
|
|
309
|
+
this.respectiveElement.parentNode.insertBefore(this.element, this.respectiveElement);
|
|
327
310
|
}
|
|
328
311
|
this.wireEvents();
|
|
329
312
|
if (!isNullOrUndefined(this.value)) {
|
|
@@ -560,25 +543,20 @@ var TextBox = /** @class */ (function (_super) {
|
|
|
560
543
|
*/
|
|
561
544
|
TextBox.prototype.destroy = function () {
|
|
562
545
|
this.unWireEvents();
|
|
563
|
-
if (
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
this.element.removeAttribute('type');
|
|
568
|
-
}
|
|
569
|
-
this.respectiveElement.value = this.respectiveElement.defaultValue;
|
|
570
|
-
this.respectiveElement.classList.remove('e-input');
|
|
571
|
-
this.removeAttributes(['aria-placeholder', 'aria-disabled', 'aria-readonly', 'aria-labelledby']);
|
|
572
|
-
if (!isNullOrUndefined(this.textboxWrapper)) {
|
|
573
|
-
this.textboxWrapper.container.insertAdjacentElement('afterend', this.respectiveElement);
|
|
574
|
-
detach(this.textboxWrapper.container);
|
|
575
|
-
}
|
|
576
|
-
this.textboxWrapper = null;
|
|
577
|
-
_super.prototype.destroy.call(this);
|
|
546
|
+
if (this.element.tagName === 'INPUT' && this.multiline) {
|
|
547
|
+
detach(this.textboxWrapper.container.getElementsByTagName('textarea')[0]);
|
|
548
|
+
this.respectiveElement = this.element;
|
|
549
|
+
this.element.removeAttribute('type');
|
|
578
550
|
}
|
|
579
|
-
|
|
580
|
-
|
|
551
|
+
this.respectiveElement.value = this.respectiveElement.defaultValue;
|
|
552
|
+
this.respectiveElement.classList.remove('e-input');
|
|
553
|
+
this.removeAttributes(['aria-placeholder', 'aria-disabled', 'aria-readonly', 'aria-labelledby']);
|
|
554
|
+
if (!isNullOrUndefined(this.textboxWrapper)) {
|
|
555
|
+
this.textboxWrapper.container.insertAdjacentElement('afterend', this.respectiveElement);
|
|
556
|
+
detach(this.textboxWrapper.container);
|
|
581
557
|
}
|
|
558
|
+
this.textboxWrapper = null;
|
|
559
|
+
_super.prototype.destroy.call(this);
|
|
582
560
|
};
|
|
583
561
|
/**
|
|
584
562
|
* Adding the icons to the TextBox component.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Property, Event, EmitType, EventHandler, L10n, compile, isNullOrUndefined} from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, detach, append, Animation } from '@syncfusion/ej2-base';import { addClass, removeClass, KeyboardEvents, KeyboardEventArgs, setValue, getValue, ChildProperty } from '@syncfusion/ej2-base';import { Collection, Complex, Browser, Ajax, BeforeSendEventArgs, getUniqueID, closest, remove } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import {
|
|
1
|
+
import { Component, Property, Event, EmitType, EventHandler, L10n, compile, isNullOrUndefined} from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, detach, append, Animation } from '@syncfusion/ej2-base';import { addClass, removeClass, KeyboardEvents, KeyboardEventArgs, setValue, getValue, ChildProperty } from '@syncfusion/ej2-base';import { Collection, Complex, Browser, Ajax, BeforeSendEventArgs, getUniqueID, closest, remove } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { select, selectAll } from '@syncfusion/ej2-base';
|
|
2
2
|
import {DropEffect,ActionCompleteEventArgs,RenderingEventArgs,BeforeUploadEventArgs,FileListRenderingEventArgs,SelectedEventArgs,UploadingEventArgs,RemovingEventArgs,BeforeRemoveEventArgs,ClearingEventArgs,CancelEventArgs,PauseResumeEventArgs} from "./uploader";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
@@ -270,7 +270,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
270
270
|
* Triggers when the component is created.
|
|
271
271
|
*
|
|
272
272
|
* @event created
|
|
273
|
-
* @blazorProperty 'Created'
|
|
274
273
|
*/
|
|
275
274
|
created?: EmitType<Object>;
|
|
276
275
|
|
|
@@ -278,7 +277,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
278
277
|
* Triggers after all the selected files has processed to upload successfully or failed to server.
|
|
279
278
|
*
|
|
280
279
|
* @event actionComplete
|
|
281
|
-
* @blazorProperty 'OnActionComplete'
|
|
282
280
|
*/
|
|
283
281
|
actionComplete?: EmitType<ActionCompleteEventArgs>;
|
|
284
282
|
|
|
@@ -294,7 +292,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
294
292
|
* Triggers when the upload process before. This event is used to add additional parameter with upload request.
|
|
295
293
|
*
|
|
296
294
|
* @event beforeUpload
|
|
297
|
-
* @blazorProperty 'BeforeUpload'
|
|
298
295
|
*/
|
|
299
296
|
beforeUpload?: EmitType<BeforeUploadEventArgs>;
|
|
300
297
|
|
|
@@ -303,7 +300,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
303
300
|
* It helps to customize specific file item structure.
|
|
304
301
|
*
|
|
305
302
|
* @event fileListRendering
|
|
306
|
-
* @blazorProperty 'OnFileListRender'
|
|
307
303
|
*/
|
|
308
304
|
fileListRendering?: EmitType<FileListRenderingEventArgs>;
|
|
309
305
|
|
|
@@ -311,7 +307,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
311
307
|
* Triggers after selecting or dropping the files by adding the files in upload queue.
|
|
312
308
|
*
|
|
313
309
|
* @event selected
|
|
314
|
-
* @blazorProperty 'FileSelected'
|
|
315
310
|
*/
|
|
316
311
|
selected?: EmitType<SelectedEventArgs>;
|
|
317
312
|
|
|
@@ -319,7 +314,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
319
314
|
* Triggers when the upload process gets started. This event is used to add additional parameter with upload request.
|
|
320
315
|
*
|
|
321
316
|
* @event uploading
|
|
322
|
-
* @blazorProperty 'OnUploadStart'
|
|
323
317
|
*/
|
|
324
318
|
uploading?: EmitType<UploadingEventArgs>;
|
|
325
319
|
|
|
@@ -350,8 +344,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
350
344
|
* </table>
|
|
351
345
|
*
|
|
352
346
|
* @event success
|
|
353
|
-
* @blazorProperty 'Success'
|
|
354
|
-
* @blazorType SuccessEventArgs
|
|
355
347
|
*/
|
|
356
348
|
success?: EmitType<Object>;
|
|
357
349
|
|
|
@@ -382,8 +374,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
382
374
|
* </table>
|
|
383
375
|
*
|
|
384
376
|
* @event failure
|
|
385
|
-
* @blazorProperty 'OnFailured'
|
|
386
|
-
* @blazorType FailureEventArgs
|
|
387
377
|
*/
|
|
388
378
|
failure?: EmitType<Object>;
|
|
389
379
|
|
|
@@ -391,7 +381,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
391
381
|
* Triggers on removing the uploaded file. The event used to get confirm before removing the file from server.
|
|
392
382
|
*
|
|
393
383
|
* @event removing
|
|
394
|
-
* @blazorProperty 'OnRemove'
|
|
395
384
|
*/
|
|
396
385
|
removing?: EmitType<RemovingEventArgs>;
|
|
397
386
|
|
|
@@ -399,7 +388,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
399
388
|
* Triggers on remove the uploaded file. The event used to get confirm before remove the file from server.
|
|
400
389
|
*
|
|
401
390
|
* @event beforeRemove
|
|
402
|
-
* @blazorProperty 'BeforeRemove'
|
|
403
391
|
*/
|
|
404
392
|
beforeRemove?: EmitType<BeforeRemoveEventArgs>;
|
|
405
393
|
|
|
@@ -407,7 +395,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
407
395
|
* Triggers before clearing the items in file list when clicking “clear”.
|
|
408
396
|
*
|
|
409
397
|
* @event clearing
|
|
410
|
-
* @blazorProperty 'OnClear'
|
|
411
398
|
*/
|
|
412
399
|
clearing?: EmitType<ClearingEventArgs>;
|
|
413
400
|
|
|
@@ -434,8 +421,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
434
421
|
* </table>
|
|
435
422
|
*
|
|
436
423
|
* @event progress
|
|
437
|
-
* @blazorProperty 'Progressing'
|
|
438
|
-
* @blazorType ProgressEventArgs
|
|
439
424
|
*/
|
|
440
425
|
progress?: EmitType<Object>;
|
|
441
426
|
|
|
@@ -458,8 +443,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
458
443
|
* </table>
|
|
459
444
|
*
|
|
460
445
|
* @event change
|
|
461
|
-
* @blazorProperty 'ValueChange'
|
|
462
|
-
* @blazorType UploadChangeEventArgs
|
|
463
446
|
*/
|
|
464
447
|
change?: EmitType<Object>;
|
|
465
448
|
|
|
@@ -490,8 +473,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
490
473
|
* </table>
|
|
491
474
|
*
|
|
492
475
|
* @event chunkSuccess
|
|
493
|
-
* @blazorProperty 'OnChunkSuccess'
|
|
494
|
-
* @blazorType SuccessEventArgs
|
|
495
476
|
*/
|
|
496
477
|
chunkSuccess?: EmitType<Object>;
|
|
497
478
|
|
|
@@ -530,8 +511,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
530
511
|
* </table>
|
|
531
512
|
*
|
|
532
513
|
* @event chunkFailure
|
|
533
|
-
* @blazorProperty 'OnChunkFailured'
|
|
534
|
-
* @blazorType FailureEventArgs
|
|
535
514
|
*/
|
|
536
515
|
chunkFailure?: EmitType<Object>;
|
|
537
516
|
|
|
@@ -539,7 +518,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
539
518
|
* Fires when every chunk upload process gets started. This event is used to add additional parameter with upload request.
|
|
540
519
|
*
|
|
541
520
|
* @event chunkUploading
|
|
542
|
-
* @blazorProperty 'OnChunkUploadStart'
|
|
543
521
|
*/
|
|
544
522
|
chunkUploading?: EmitType<UploadingEventArgs>;
|
|
545
523
|
|
|
@@ -547,7 +525,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
547
525
|
* Fires if cancel the chunk file uploading.
|
|
548
526
|
*
|
|
549
527
|
* @event canceling
|
|
550
|
-
* @blazorProperty 'OnCancel'
|
|
551
528
|
*/
|
|
552
529
|
canceling?: EmitType<CancelEventArgs>;
|
|
553
530
|
|
|
@@ -555,7 +532,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
555
532
|
* Fires if pause the chunk file uploading.
|
|
556
533
|
*
|
|
557
534
|
* @event pausing
|
|
558
|
-
* @blazorProperty 'Paused'
|
|
559
535
|
*/
|
|
560
536
|
pausing?: EmitType<PauseResumeEventArgs>;
|
|
561
537
|
|
|
@@ -563,7 +539,6 @@ export interface UploaderModel extends ComponentModel{
|
|
|
563
539
|
* Fires if resume the paused chunk file upload.
|
|
564
540
|
*
|
|
565
541
|
* @event resuming
|
|
566
|
-
* @blazorProperty 'OnResume'
|
|
567
542
|
*/
|
|
568
543
|
resuming?: EmitType<PauseResumeEventArgs>;
|
|
569
544
|
|
|
@@ -93,7 +93,6 @@ export interface FileInfo {
|
|
|
93
93
|
/**
|
|
94
94
|
* Returns the details about upload file.
|
|
95
95
|
*
|
|
96
|
-
* @blazorType object
|
|
97
96
|
*/
|
|
98
97
|
rawFile: string | Blob;
|
|
99
98
|
/**
|
|
@@ -184,7 +183,6 @@ export interface SelectedEventArgs {
|
|
|
184
183
|
/**
|
|
185
184
|
* Set the current request header to the XMLHttpRequest instance.
|
|
186
185
|
*
|
|
187
|
-
* @blazorType object
|
|
188
186
|
*/
|
|
189
187
|
currentRequest?: {
|
|
190
188
|
[key: string]: string;
|
|
@@ -204,7 +202,6 @@ export interface BeforeRemoveEventArgs {
|
|
|
204
202
|
/**
|
|
205
203
|
* Defines the additional data with key and value pair format that will be submitted to the remove action.
|
|
206
204
|
*
|
|
207
|
-
* @blazorType object
|
|
208
205
|
*/
|
|
209
206
|
customFormData: {
|
|
210
207
|
[key: string]: Object;
|
|
@@ -212,7 +209,6 @@ export interface BeforeRemoveEventArgs {
|
|
|
212
209
|
/**
|
|
213
210
|
* Returns the XMLHttpRequest instance that is associated with remove action.
|
|
214
211
|
*
|
|
215
|
-
* @blazorType object
|
|
216
212
|
*/
|
|
217
213
|
currentRequest?: {
|
|
218
214
|
[key: string]: string;
|
|
@@ -226,7 +222,6 @@ export interface RemovingEventArgs {
|
|
|
226
222
|
/**
|
|
227
223
|
* Defines the additional data with key and value pair format that will be submitted to the remove action.
|
|
228
224
|
*
|
|
229
|
-
* @blazorType object
|
|
230
225
|
*/
|
|
231
226
|
customFormData: {
|
|
232
227
|
[key: string]: Object;
|
|
@@ -242,7 +237,6 @@ export interface RemovingEventArgs {
|
|
|
242
237
|
/**
|
|
243
238
|
* Returns the XMLHttpRequest instance that is associated with remove action.
|
|
244
239
|
*
|
|
245
|
-
* @blazorType object
|
|
246
240
|
*/
|
|
247
241
|
currentRequest?: XMLHttpRequest;
|
|
248
242
|
/**
|
|
@@ -270,7 +264,6 @@ export interface BeforeUploadEventArgs {
|
|
|
270
264
|
/**
|
|
271
265
|
* Defines the additional data in key and value pair format that will be submitted to the upload action.
|
|
272
266
|
*
|
|
273
|
-
* @blazorType object
|
|
274
267
|
*/
|
|
275
268
|
customFormData: {
|
|
276
269
|
[key: string]: Object;
|
|
@@ -278,7 +271,6 @@ export interface BeforeUploadEventArgs {
|
|
|
278
271
|
/**
|
|
279
272
|
* Returns the XMLHttpRequest instance that is associated with upload action.
|
|
280
273
|
*
|
|
281
|
-
* @blazorType object
|
|
282
274
|
*/
|
|
283
275
|
currentRequest?: {
|
|
284
276
|
[key: string]: string;
|
|
@@ -334,7 +326,6 @@ export interface UploadChangeEventArgs {
|
|
|
334
326
|
/**
|
|
335
327
|
* Returns the list of files that will be cleared from the FileList.
|
|
336
328
|
*
|
|
337
|
-
* @blazorType List<Syncfusion.Blazor.Inputs.Internal.UploadFiles>
|
|
338
329
|
*/
|
|
339
330
|
files?: FileInfo[];
|
|
340
331
|
}
|
|
@@ -401,7 +392,6 @@ export interface CancelEventArgs {
|
|
|
401
392
|
/**
|
|
402
393
|
* Defines the additional data in key and value pair format that will be submitted when the upload action is canceled.
|
|
403
394
|
*
|
|
404
|
-
* @blazorType object
|
|
405
395
|
*/
|
|
406
396
|
customFormData: {
|
|
407
397
|
[key: string]: Object;
|
|
@@ -523,9 +513,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
523
513
|
private browserName;
|
|
524
514
|
private uploaderOptions;
|
|
525
515
|
private uploaderName;
|
|
526
|
-
private isServerBlazor;
|
|
527
|
-
private isBlazorSaveUrl;
|
|
528
|
-
private isBlazorTemplate;
|
|
529
516
|
private fileStreams;
|
|
530
517
|
private newFileRef;
|
|
531
518
|
private isFirstFileOnSelection;
|
|
@@ -684,14 +671,12 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
684
671
|
* Triggers when the component is created.
|
|
685
672
|
*
|
|
686
673
|
* @event created
|
|
687
|
-
* @blazorProperty 'Created'
|
|
688
674
|
*/
|
|
689
675
|
created: EmitType<Object>;
|
|
690
676
|
/**
|
|
691
677
|
* Triggers after all the selected files has processed to upload successfully or failed to server.
|
|
692
678
|
*
|
|
693
679
|
* @event actionComplete
|
|
694
|
-
* @blazorProperty 'OnActionComplete'
|
|
695
680
|
*/
|
|
696
681
|
actionComplete: EmitType<ActionCompleteEventArgs>;
|
|
697
682
|
/**
|
|
@@ -705,7 +690,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
705
690
|
* Triggers when the upload process before. This event is used to add additional parameter with upload request.
|
|
706
691
|
*
|
|
707
692
|
* @event beforeUpload
|
|
708
|
-
* @blazorProperty 'BeforeUpload'
|
|
709
693
|
*/
|
|
710
694
|
beforeUpload: EmitType<BeforeUploadEventArgs>;
|
|
711
695
|
/**
|
|
@@ -713,21 +697,18 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
713
697
|
* It helps to customize specific file item structure.
|
|
714
698
|
*
|
|
715
699
|
* @event fileListRendering
|
|
716
|
-
* @blazorProperty 'OnFileListRender'
|
|
717
700
|
*/
|
|
718
701
|
fileListRendering: EmitType<FileListRenderingEventArgs>;
|
|
719
702
|
/**
|
|
720
703
|
* Triggers after selecting or dropping the files by adding the files in upload queue.
|
|
721
704
|
*
|
|
722
705
|
* @event selected
|
|
723
|
-
* @blazorProperty 'FileSelected'
|
|
724
706
|
*/
|
|
725
707
|
selected: EmitType<SelectedEventArgs>;
|
|
726
708
|
/**
|
|
727
709
|
* Triggers when the upload process gets started. This event is used to add additional parameter with upload request.
|
|
728
710
|
*
|
|
729
711
|
* @event uploading
|
|
730
|
-
* @blazorProperty 'OnUploadStart'
|
|
731
712
|
*/
|
|
732
713
|
uploading: EmitType<UploadingEventArgs>;
|
|
733
714
|
/**
|
|
@@ -757,8 +738,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
757
738
|
* </table>
|
|
758
739
|
*
|
|
759
740
|
* @event success
|
|
760
|
-
* @blazorProperty 'Success'
|
|
761
|
-
* @blazorType SuccessEventArgs
|
|
762
741
|
*/
|
|
763
742
|
success: EmitType<Object>;
|
|
764
743
|
/**
|
|
@@ -788,29 +767,24 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
788
767
|
* </table>
|
|
789
768
|
*
|
|
790
769
|
* @event failure
|
|
791
|
-
* @blazorProperty 'OnFailured'
|
|
792
|
-
* @blazorType FailureEventArgs
|
|
793
770
|
*/
|
|
794
771
|
failure: EmitType<Object>;
|
|
795
772
|
/**
|
|
796
773
|
* Triggers on removing the uploaded file. The event used to get confirm before removing the file from server.
|
|
797
774
|
*
|
|
798
775
|
* @event removing
|
|
799
|
-
* @blazorProperty 'OnRemove'
|
|
800
776
|
*/
|
|
801
777
|
removing: EmitType<RemovingEventArgs>;
|
|
802
778
|
/**
|
|
803
779
|
* Triggers on remove the uploaded file. The event used to get confirm before remove the file from server.
|
|
804
780
|
*
|
|
805
781
|
* @event beforeRemove
|
|
806
|
-
* @blazorProperty 'BeforeRemove'
|
|
807
782
|
*/
|
|
808
783
|
beforeRemove: EmitType<BeforeRemoveEventArgs>;
|
|
809
784
|
/**
|
|
810
785
|
* Triggers before clearing the items in file list when clicking “clear”.
|
|
811
786
|
*
|
|
812
787
|
* @event clearing
|
|
813
|
-
* @blazorProperty 'OnClear'
|
|
814
788
|
*/
|
|
815
789
|
clearing: EmitType<ClearingEventArgs>;
|
|
816
790
|
/**
|
|
@@ -836,8 +810,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
836
810
|
* </table>
|
|
837
811
|
*
|
|
838
812
|
* @event progress
|
|
839
|
-
* @blazorProperty 'Progressing'
|
|
840
|
-
* @blazorType ProgressEventArgs
|
|
841
813
|
*/
|
|
842
814
|
progress: EmitType<Object>;
|
|
843
815
|
/**
|
|
@@ -859,8 +831,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
859
831
|
* </table>
|
|
860
832
|
*
|
|
861
833
|
* @event change
|
|
862
|
-
* @blazorProperty 'ValueChange'
|
|
863
|
-
* @blazorType UploadChangeEventArgs
|
|
864
834
|
*/
|
|
865
835
|
change: EmitType<Object>;
|
|
866
836
|
/**
|
|
@@ -890,8 +860,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
890
860
|
* </table>
|
|
891
861
|
*
|
|
892
862
|
* @event chunkSuccess
|
|
893
|
-
* @blazorProperty 'OnChunkSuccess'
|
|
894
|
-
* @blazorType SuccessEventArgs
|
|
895
863
|
*/
|
|
896
864
|
chunkSuccess: EmitType<Object>;
|
|
897
865
|
/**
|
|
@@ -929,36 +897,30 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
929
897
|
* </table>
|
|
930
898
|
*
|
|
931
899
|
* @event chunkFailure
|
|
932
|
-
* @blazorProperty 'OnChunkFailured'
|
|
933
|
-
* @blazorType FailureEventArgs
|
|
934
900
|
*/
|
|
935
901
|
chunkFailure: EmitType<Object>;
|
|
936
902
|
/**
|
|
937
903
|
* Fires when every chunk upload process gets started. This event is used to add additional parameter with upload request.
|
|
938
904
|
*
|
|
939
905
|
* @event chunkUploading
|
|
940
|
-
* @blazorProperty 'OnChunkUploadStart'
|
|
941
906
|
*/
|
|
942
907
|
chunkUploading: EmitType<UploadingEventArgs>;
|
|
943
908
|
/**
|
|
944
909
|
* Fires if cancel the chunk file uploading.
|
|
945
910
|
*
|
|
946
911
|
* @event canceling
|
|
947
|
-
* @blazorProperty 'OnCancel'
|
|
948
912
|
*/
|
|
949
913
|
canceling: EmitType<CancelEventArgs>;
|
|
950
914
|
/**
|
|
951
915
|
* Fires if pause the chunk file uploading.
|
|
952
916
|
*
|
|
953
917
|
* @event pausing
|
|
954
|
-
* @blazorProperty 'Paused'
|
|
955
918
|
*/
|
|
956
919
|
pausing: EmitType<PauseResumeEventArgs>;
|
|
957
920
|
/**
|
|
958
921
|
* Fires if resume the paused chunk file upload.
|
|
959
922
|
*
|
|
960
923
|
* @event resuming
|
|
961
|
-
* @blazorProperty 'OnResume'
|
|
962
924
|
*/
|
|
963
925
|
resuming: EmitType<PauseResumeEventArgs>;
|
|
964
926
|
/**
|
|
@@ -1002,7 +964,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
1002
964
|
private renderBrowseButton;
|
|
1003
965
|
private renderActionButtons;
|
|
1004
966
|
private serverActionButtonsEventBind;
|
|
1005
|
-
private serverUlElement;
|
|
1006
967
|
private wireActionButtonEvents;
|
|
1007
968
|
private unwireActionButtonEvents;
|
|
1008
969
|
private removeActionButtons;
|
|
@@ -1098,7 +1059,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
|
|
|
1098
1059
|
private reloadcanceledFile;
|
|
1099
1060
|
private uploadComplete;
|
|
1100
1061
|
private getResponse;
|
|
1101
|
-
private serverRemoveIconBindEvent;
|
|
1102
1062
|
private raiseSuccessEvent;
|
|
1103
1063
|
private uploadFailed;
|
|
1104
1064
|
private uploadSequential;
|