@syncfusion/ej2-inputs - npm Package Compare versions

Comparing version 16.3.34 to 16.4.40-beta

CHANGELOG.md

@@ -5,2 +5,18 @@ # Changelog
 
+### Uploader
+
+#### New Features
+
+- Enabled sequential upload support to file upload component that upload the selected files one after the other to the server.
+
+- New event provided "chunkUploading" which trigger on every chunk to be upload in file upload.
+
+- Provided the option to get additional data back from a server to client on file upload.
+
+### FormValidator
+
+#### New Features
+
+- **Localization** - Supports to localize error message for the "FormValidator" to different cultures.
+
 ## 16.3.33 (2018-11-20)
@@ -7,0 +23,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.3.34
+*  version : 16.4.40-beta
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "16.3.34",
+  "version": "16.4.40-beta",
   "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.",
@@ -11,6 +11,6 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.3.34",
-    "@syncfusion/ej2-buttons": "~16.3.34",
-    "@syncfusion/ej2-popups": "~16.3.34",
-    "@syncfusion/ej2-splitbuttons": "~16.3.34"
+    "@syncfusion/ej2-base": "~16.4.40-beta",
+    "@syncfusion/ej2-buttons": "~16.4.40-beta",
+    "@syncfusion/ej2-popups": "~16.4.40-beta",
+    "@syncfusion/ej2-splitbuttons": "~16.4.40-beta"
   },
@@ -78,5 +78,5 @@ "devDependencies": {
     "type": "git",
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "sideEffects": false
 }

src/form-validator/form-validator-model.d.ts

@@ -1,2 +0,2 @@
-import { selectAll, select, createElement, Base, EmitType } from '@syncfusion/ej2-base';import { extend, isNullOrUndefined, IKeyValue, EventHandler } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';
+import { selectAll, select, createElement, Base, EmitType } from '@syncfusion/ej2-base';import { extend, isNullOrUndefined, IKeyValue, EventHandler } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event, onIntlChange } from '@syncfusion/ej2-base';import { Internationalization, L10n } from '@syncfusion/ej2-base';
 import {ErrorOption} from "./form-validator";
@@ -10,2 +10,7 @@
     /**
+     * default locale variable
+     */
+    locale?: string;
+
+    /**
      * Ignores input fields based on the class name
@@ -12,0 +17,0 @@ * @default 'e-hidden';

src/form-validator/form-validator.d.ts

@@ -40,3 +40,10 @@ import { Base, EmitType } from '@syncfusion/ej2-base';
     private inputElements;
+    private l10n;
+    private internationalization;
+    private localyMessage;
     /**
+     * default locale variable
+     */
+    locale: string;
+    /**
      * Ignores input fields based on the class name
@@ -172,3 +179,11 @@ * @default 'e-hidden';
      */
+    localeFunc(): void;
+    /**
+     * @private
+     */
     getModuleName(): string;
+    /**
+     * @private
+     */
+    afterLocalization(args: any): void;
     constructor(element: string | HTMLFormElement, options?: FormValidatorModel);
@@ -175,0 +190,0 @@ private clearForm;

src/form-validator/form-validator.js

@@ -22,3 +22,4 @@ var __extends = (this && this.__extends) || (function () {
 import { extend, isNullOrUndefined, EventHandler } from '@syncfusion/ej2-base';
-import { Property, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
+import { Property, NotifyPropertyChanges, Event, onIntlChange } from '@syncfusion/ej2-base';
+import { L10n } from '@syncfusion/ej2-base';
 /**
@@ -73,2 +74,4 @@ * global declarations
         _this.selectQuery = 'input:not([type=reset]):not([type=button]), select, textarea';
+        // tslint:disable-next-line:no-any
+        _this.localyMessage = {};
         /**
@@ -101,2 +104,7 @@ * Specifies the default messages for validation rules.
         }
+        _this.l10n = new L10n('formValidator', _this.defaultMessages, _this.locale);
+        if (_this.locale) {
+            _this.localeFunc();
+        }
+        onIntlChange.on('notifyExternalChange', _this.afterLocalization, _this);
         element = typeof element === 'string' ? select(element, document) : element;
@@ -210,2 +218,3 @@ // Set novalidate to prevent default HTML5 form validation
         _super.prototype.destroy.call(this);
+        onIntlChange.off('notifyExternalChange', this.afterLocalization);
     };
@@ -216,3 +225,10 @@ /**
     FormValidator.prototype.onPropertyChanged = function (newProp, oldProp) {
-        // No code are needed
+        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+            var prop = _a[_i];
+            switch (prop) {
+                case 'locale':
+                    this.localeFunc();
+                    break;
+            }
+        }
     };
@@ -223,5 +239,24 @@ ;
      */
+    FormValidator.prototype.localeFunc = function () {
+        for (var _i = 0, _a = Object.keys(this.defaultMessages); _i < _a.length; _i++) {
+            var key = _a[_i];
+            this.l10n.setLocale(this.locale);
+            var value = this.l10n.getConstant(key);
+            this.localyMessage[key] = value;
+        }
+    };
+    /**
+     * @private
+     */
     FormValidator.prototype.getModuleName = function () {
         return 'formValidator';
     };
+    /**
+     * @private
+     */
+    // tslint:disable-next-line:no-any
+    FormValidator.prototype.afterLocalization = function (args) {
+        this.locale = args.locale;
+        this.localeFunc();
+    };
     FormValidator.prototype.clearForm = function () {
@@ -538,3 +573,4 @@ this.errorRules = [];
     FormValidator.prototype.getErrorMessage = function (ruleValue, rule) {
-        var message = (ruleValue instanceof Array && typeof ruleValue[1] === 'string') ? ruleValue[1] : this.defaultMessages[rule];
+        var message = (ruleValue instanceof Array && typeof ruleValue[1] === 'string') ? ruleValue[1] :
+            (Object.keys(this.localyMessage).length !== 0) ? this.localyMessage[rule] : this.defaultMessages[rule];
         var formats = message.match(/{(\d)}/g);
@@ -708,2 +744,5 @@ if (!isNullOrUndefined(formats)) {
     __decorate([
+        Property('')
+    ], FormValidator.prototype, "locale", void 0);
+    __decorate([
         Property('e-hidden')
@@ -710,0 +749,0 @@ ], FormValidator.prototype, "ignore", void 0);

src/maskedtextbox/base/mask-base.js

@@ -169,2 +169,3 @@ /**
         clear.call(this, e);
+        this.value = '';
     }
@@ -171,0 +172,0 @@ }

src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts

@@ -74,3 +74,3 @@ import { Component, Event, Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, setValue, attributes, addClass, detach, createElement } from '@syncfusion/ej2-base';import { removeClass , Browser} from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../../input/input';import { regularExpressions, createMask, applyMask, wireEvents, unwireEvents, unstrippedValue, strippedValue } from '../base/index';import { setMaskValue, MaskUndo, setElementValue, bindClearEvent } from '../base/index';import { maskInputBlurHandler } from '../base/mask-base';
      * For more information on mask, refer to
-     * [mask](./mask-configuration.html#standard-mask-elements).
+     * [mask](../maskedtextbox/mask-configuration#standard-mask-elements/).
      * * If the mask value is empty, the MaskedTextBox will behave as an input element with text type.
@@ -85,3 +85,3 @@ * @default null
      * For more information on prompt-character, refer to
-     * [prompt-character](./mask-configuration.html#prompt-character).
+     * [prompt-character](../maskedtextbox/mask-configuration#prompt-character/).
      * @default _
@@ -123,3 +123,3 @@ */
      * For more information on customCharacters, refer to
-     * [customCharacters](./mask-configuration.html#custom-characters).
+     * [customCharacters](../maskedtextbox/mask-configuration#custom-characters/).
      * @default null
@@ -126,0 +126,0 @@ */

src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts

@@ -91,3 +91,3 @@ import { Component, EmitType, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';
      * For more information on mask, refer to
-     * [mask](./mask-configuration.html#standard-mask-elements).
+     * [mask](../maskedtextbox/mask-configuration#standard-mask-elements/).
      * * If the mask value is empty, the MaskedTextBox will behave as an input element with text type.
@@ -101,3 +101,3 @@ * @default null
      * For more information on prompt-character, refer to
-     * [prompt-character](./mask-configuration.html#prompt-character).
+     * [prompt-character](../maskedtextbox/mask-configuration#prompt-character/).
      * @default _
@@ -137,3 +137,3 @@ */
      * For more information on customCharacters, refer to
-     * [customCharacters](./mask-configuration.html#custom-characters).
+     * [customCharacters](../maskedtextbox/mask-configuration#custom-characters/).
      * @default null
@@ -140,0 +140,0 @@ */

src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -75,3 +75,3 @@ var __extends = (this && this.__extends) || (function () {
         this.cloneElement = this.element.cloneNode(true);
-        removeClass([this.cloneElement], [CONTROL, COMPONENT]);
+        removeClass([this.cloneElement], [CONTROL, COMPONENT, 'e-lib']);
         this.angularTagName = null;
@@ -78,0 +78,0 @@ if (this.element.tagName === 'EJS-MASKEDTEXTBOX') {

src/numerictextbox/numerictextbox-model.d.ts

@@ -27,3 +27,3 @@ import { Component, EventHandler, Property, Event, Browser, L10n, EmitType } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { createElement, attributes, addClass, removeClass, setStyleAttribute, 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';
      * For more information on min, refer to
-     * [min](./getting-started.html#range-validation).
+     * [min](../numerictextbox/getting-started#range-validation/).
      * @default null
@@ -37,3 +37,3 @@ * @aspType object
      * For more information on max, refer to
-     * [max](./getting-started.html#range-validation).
+     * [max](../numerictextbox/getting-started#range-validation/).
      * @default null
@@ -47,3 +47,3 @@ * @aspType object
      * For more information on step, refer to
-     * [step](./getting-started.html#range-validation).
+     * [step](../numerictextbox/getting-started#range-validation/).
      * @default 1
@@ -108,3 +108,3 @@ */
      * For more information on formats, refer to
-     * [formats](./formats.html#standard-formats).
+     * [formats](../numerictextbox/formats#standard-formats/).
      * @default 'n2'
@@ -117,3 +117,3 @@ */
      * For more information on decimals, refer to
-     * [decimals](./formats.html#precision-of-numbers).
+     * [decimals](../numerictextbox/formats#precision-of-numbers/).
      * @default null
@@ -120,0 +120,0 @@ */

src/numerictextbox/numerictextbox.d.ts

@@ -58,3 +58,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
      * For more information on min, refer to
-     * [min](./getting-started.html#range-validation).
+     * [min](../numerictextbox/getting-started#range-validation/).
      * @default null
@@ -67,3 +67,3 @@ * @aspType object
      * For more information on max, refer to
-     * [max](./getting-started.html#range-validation).
+     * [max](../numerictextbox/getting-started#range-validation/).
      * @default null
@@ -76,3 +76,3 @@ * @aspType object
      * For more information on step, refer to
-     * [step](./getting-started.html#range-validation).
+     * [step](../numerictextbox/getting-started#range-validation/).
      * @default 1
@@ -128,3 +128,3 @@ */
      * For more information on formats, refer to
-     * [formats](./formats.html#standard-formats).
+     * [formats](../numerictextbox/formats#standard-formats/).
      * @default 'n2'
@@ -136,3 +136,3 @@ */
      * For more information on decimals, refer to
-     * [decimals](./formats.html#precision-of-numbers).
+     * [decimals](../numerictextbox/formats#precision-of-numbers/).
      * @default null
@@ -139,0 +139,0 @@ */

src/numerictextbox/numerictextbox.js

@@ -61,3 +61,3 @@ var __extends = (this && this.__extends) || (function () {
         this.cloneElement = this.element.cloneNode(true);
-        removeClass([this.cloneElement], [CONTROL, COMPONENT]);
+        removeClass([this.cloneElement], [CONTROL, COMPONENT, 'e-lib']);
         this.angularTagName = null;
@@ -64,0 +64,0 @@ if (this.element.tagName === 'EJS-NUMERICTEXTBOX') {

src/slider/slider-model.d.ts

@@ -145,3 +145,3 @@ import { Component, EventHandler, Property, Event, EmitType, Complex, classList } from '@syncfusion/ej2-base';import { L10n, Internationalization, NumberFormatOptions } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, setStyleAttribute, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, Browser } from '@syncfusion/ej2-base';import { Tooltip, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';
      * The value should be specified in array of number when render Slider type as range.
-     * 
+     *
      * {% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
@@ -164,3 +164,3 @@ * @default null
      *  to know more about this property with demo.
-     * 
+     *
      * {% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
@@ -173,3 +173,3 @@ * @default 1
      * It sets the minimum value of Slider Component
-     * 
+     *
      * {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
@@ -182,3 +182,3 @@ * @default 0
      * It sets the maximum value of Slider Component
-     * 
+     *
      * {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
@@ -209,3 +209,3 @@ * @default 100
      *  to know more about this property with demo.
-     * 
+     *
      * {% codeBlock src="slider/ticks-api/index.ts" %}{% endcodeBlock %}
@@ -220,3 +220,3 @@ * @default { placement: 'before' }
      *  to know more about this property with demo
-     * 
+     *
      * {% codeBlock src="slider/limits-api/index.ts" %}{% endcodeBlock %}
@@ -241,3 +241,3 @@ * @default { enabled: false }
      * It is used to denote the slider tooltip and it's position.
-     * 
+     *
      * {% codeBlock src="slider/tooltip-api/index.ts" %}{% endcodeBlock %}
@@ -253,3 +253,3 @@ * @default { placement: 'Before', isVisible: false, showOn: 'Focus', format: null }
      *  to know more about this property with demo.
-     * 
+     *
      * {% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
@@ -256,0 +256,0 @@ * @default false

src/slider/slider.d.ts

@@ -506,3 +506,7 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private checkHandleValue;
-    private onResize;
+    /**
+     * It is used to reposition slider.
+     * @returns void
+     */
+    reposition(): void;
     private changeHandleValue;
@@ -509,0 +513,0 @@ private tempStartEnd;

src/textbox/textbox.js

@@ -241,2 +241,3 @@ var __extends = (this && this.__extends) || (function () {
             Input.setValue('', this.element, this.floatLabelType, this.showClearButton);
+            this.value = '';
         }
@@ -243,0 +244,0 @@ };

src/uploader/uploader-model.d.ts

 import { Component, Property, Event, EmitType, EventHandler, classList, 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 } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
-import {SelectedEventArgs,RemovingEventArgs,ClearingEventArgs} from "./uploader";
+import {SelectedEventArgs,UploadingEventArgs,RemovingEventArgs,ClearingEventArgs,CancelEventArgs,PauseResumeEventArgs} from "./uploader";
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -114,2 +114,9 @@
     /**
+     * By default, the file uploader component is processing the multiple files simultaneously.
+     * If sequentialUpload property is enabled, the file upload component performs the upload one after the other.
+     * @default false
+     */
+    sequentialUpload?: boolean;
+
+    /**
      * When this property is enabled, the uploader component elements are aligned from right-to-left direction to support locales.
@@ -239,6 +246,30 @@ * @default false
      */
-    uploading?: EmitType<Object>;
+    uploading?: EmitType<UploadingEventArgs>;
 
     /**
      * Triggers when the AJAX request gets success on uploading files or removing files.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploaded/removed.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * operation<br/></td><td colSpan=1 rowSpan=1>
+     * It indicates the success of the operation whether its uploaded or removed<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -250,2 +281,26 @@ */
      * Triggers when the AJAX request fails on uploading or removing files.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is failed from upload/remove.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * operation<br/></td><td colSpan=1 rowSpan=1>
+     * It indicates the failure of the operation whether its upload or remove<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -269,2 +324,22 @@ */
      * Triggers when uploading a file to the server using the AJAX request.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -276,2 +351,18 @@ */
      * Triggers when changes occur in uploaded file list by selecting or dropping files.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is successfully uploaded to server or removed in server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -283,2 +374,26 @@ */
      * Fires when the chunk file uploaded successfully.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkIndex<br/></td><td colSpan=1 rowSpan=1>
+     * Returns current chunk index.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkSize<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the size of the chunk file.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -290,2 +405,34 @@ */
      * Fires if the chunk file failed to upload.
+     *  
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr> 
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkIndex<br/></td><td colSpan=1 rowSpan=1>
+     * Returns current chunk index.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkSize<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the size of the chunk file.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * totalChunk<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the total chunk count<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * cancel<br/></td><td colSpan=1 rowSpan=1>
+     * Prevent triggering of failure event when we pass true to this attribute<br/></td></tr>
+     * </table>
+     * 
      * @event
@@ -296,6 +443,12 @@ */
     /**
+     * Fires when every chunk upload process gets started. This event is used to add additional parameter with upload request.
+     * @event
+     */
+    chunkUploading?: EmitType<UploadingEventArgs>;
+
+    /**
      * Fires if cancel the chunk file uploading.
      * @event
      */
-    canceling?: EmitType<Object>;
+    canceling?: EmitType<CancelEventArgs>;
 
@@ -306,3 +459,3 @@ /**
      */
-    pausing?: EmitType<Object>;
+    pausing?: EmitType<PauseResumeEventArgs>;
 
@@ -313,4 +466,4 @@ /**
      */
-    resuming?: EmitType<Object>;
+    resuming?: EmitType<PauseResumeEventArgs>;
 
 }

src/uploader/uploader.d.ts

@@ -220,2 +220,6 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     /**
+     * Returns the index of current chunk if the chunk upload is enabled.
+     */
+    currentChunkIndex?: number;
+    /**
      * Returns the XMLHttpRequest instance that is associated with upload action.
@@ -304,2 +308,3 @@ */
     private tabIndex;
+    private count;
     /**
@@ -311,2 +316,8 @@ * Configures the save and remove URL to perform the upload operations in the server asynchronously.
     /**
+     * By default, the file uploader component is processing the multiple files simultaneously.
+     * If sequentialUpload property is enabled, the file upload component performs the upload one after the other.
+     * @default false
+     */
+    sequentialUpload: boolean;
+    /**
      * When this property is enabled, the uploader component elements are aligned from right-to-left direction to support locales.
@@ -421,5 +432,29 @@ * @default false
      */
-    uploading: EmitType<Object>;
+    uploading: EmitType<UploadingEventArgs>;
     /**
      * Triggers when the AJAX request gets success on uploading files or removing files.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploaded/removed.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * operation<br/></td><td colSpan=1 rowSpan=1>
+     * It indicates the success of the operation whether its uploaded or removed<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -430,2 +465,26 @@ */
      * Triggers when the AJAX request fails on uploading or removing files.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is failed from upload/remove.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * operation<br/></td><td colSpan=1 rowSpan=1>
+     * It indicates the failure of the operation whether its upload or remove<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -446,2 +505,22 @@ */
      * Triggers when uploading a file to the server using the AJAX request.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * event<br/></td><td colSpan=1 rowSpan=1>
+     * Ajax progress event arguments.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -452,2 +531,18 @@ */
      * Triggers when changes occur in uploaded file list by selecting or dropping files.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is successfully uploaded to server or removed in server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -458,2 +553,26 @@ */
      * Fires when the chunk file uploaded successfully.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkIndex<br/></td><td colSpan=1 rowSpan=1>
+     * Returns current chunk index.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkSize<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the size of the chunk file.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -464,2 +583,34 @@ */
      * Fires if the chunk file failed to upload.
+     *
+     * <table>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * Event arguments<br/></td><td colSpan=1 rowSpan=1>
+     * Description<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkIndex<br/></td><td colSpan=1 rowSpan=1>
+     * Returns current chunk index.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * chunkSize<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the size of the chunk file.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * file<br/></td><td colSpan=1 rowSpan=1>
+     * File information which is uploading to server.<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * name<br/></td><td colSpan=1 rowSpan=1>
+     * Name of the event<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * totalChunk<br/></td><td colSpan=1 rowSpan=1>
+     * Returns the total chunk count<br/></td></tr>
+     * <tr>
+     * <td colSpan=1 rowSpan=1>
+     * cancel<br/></td><td colSpan=1 rowSpan=1>
+     * Prevent triggering of failure event when we pass true to this attribute<br/></td></tr>
+     * </table>
+     *
      * @event
@@ -469,6 +620,11 @@ */
     /**
+     * Fires when every chunk upload process gets started. This event is used to add additional parameter with upload request.
+     * @event
+     */
+    chunkUploading: EmitType<UploadingEventArgs>;
+    /**
      * Fires if cancel the chunk file uploading.
      * @event
      */
-    canceling: EmitType<Object>;
+    canceling: EmitType<CancelEventArgs>;
     /**
@@ -478,3 +634,3 @@ * Fires if pause the chunk file uploading.
      */
-    pausing: EmitType<Object>;
+    pausing: EmitType<PauseResumeEventArgs>;
     /**
@@ -484,3 +640,3 @@ * Fires if resume the paused chunk file upload.
      */
-    resuming: EmitType<Object>;
+    resuming: EmitType<PauseResumeEventArgs>;
     /**
@@ -523,2 +679,3 @@ * Triggers when change the Uploader value.
     private checkAutoUpload;
+    private sequenceUpload;
     private wireEvents;
@@ -576,4 +733,6 @@ private unWireEvents;
     private uploadComplete;
+    private getResponse;
     private raiseSuccessEvent;
     private uploadFailed;
+    private uploadSequential;
     private updateProgressBarClasses;
@@ -580,0 +739,0 @@ private removeProgressbar;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9613742

increased by22.55%

Number of package files

301

increased by46.83%

Lines of code

114595

increased by41.39%

Worsened metrics

Number of low quality alerts

3

increased by50%

Dependency changes

• + Added@syncfusion/ej2-base@16.4.52(transitive)

• + Added@syncfusion/ej2-buttons@16.4.55(transitive)

• + Added@syncfusion/ej2-popups@16.4.54(transitive)

• + Added@syncfusion/ej2-splitbuttons@16.4.53(transitive)

• - Removed@syncfusion/ej2-base@16.3.34(transitive)

• - Removed@syncfusion/ej2-buttons@16.3.34(transitive)

• - Removed@syncfusion/ej2-popups@16.3.34(transitive)

• - Removed@syncfusion/ej2-splitbuttons@16.3.34(transitive)

• Updated@syncfusion/ej2-base@~16.4.40-beta

• Updated@syncfusion/ej2-buttons@~16.4.40-beta

• Updated@syncfusion/ej2-popups@~16.4.40-beta

• Updated@syncfusion/ej2-splitbuttons@~16.4.40-beta