@progress/kendo-angular-upload 17.0.0-develop.8 → 17.0.0

package/common/action-buttons-layout.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the layout of the Upload action buttons.
  */
-export declare type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
+export type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';

package/common/base.d.ts

@@ -157,5 +157,5 @@ export declare abstract class UploadFileSelectBase {
      */
     blurComponent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadFileSelectBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadFileSelectBase, never, never, { "accept": "accept"; "disabled": "disabled"; "multiple": "multiple"; "showFileList": "showFileList"; "tabindex": "tabindex"; "restrictions": "restrictions"; "zoneId": "zoneId"; "focusableId": "focusableId"; }, { "onBlur": "blur"; "onFocus": "focus"; "select": "select"; "remove": "remove"; }, ["fileTemplate", "fileInfoTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadFileSelectBase, never, never, { "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "showFileList": { "alias": "showFileList"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "restrictions": { "alias": "restrictions"; "required": false; }; "zoneId": { "alias": "zoneId"; "required": false; }; "focusableId": { "alias": "focusableId"; "required": false; }; }, { "onBlur": "blur"; "onFocus": "focus"; "select": "select"; "remove": "remove"; }, ["fileTemplate", "fileInfoTemplate"], never, false, never>;
 }

package/dropzone-external.directive.d.ts

@@ -36,5 +36,5 @@ export declare class UploadDropZoneDirective {
      */
     get componentInstance(): Array<UploadComponent | FileSelectComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadDropZoneDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadDropZoneDirective, "[kendoUploadDropZone], [kendoFileSelectDropZone]", never, { "zoneId": "kendoUploadDropZone"; "fileSelectZoneId": "kendoFileSelectDropZone"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadDropZoneDirective, "[kendoUploadDropZone], [kendoFileSelectDropZone]", never, { "zoneId": { "alias": "kendoUploadDropZone"; "required": false; }; "fileSelectZoneId": { "alias": "kendoFileSelectDropZone"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dropzone-internal.directive.d.ts

@@ -31,5 +31,5 @@ export declare class DropZoneInternalDirective extends DropZoneBase {
     onDocumentDragOver(): boolean;
     onDropListener(event: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneInternalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropZoneInternalDirective, "      [kendoUploadInternalDropZone],      [kendoFileSelectInternalDropZone]    ", never, { "disabled": "disabled"; "multiple": "multiple"; "restrictions": "restrictions"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropZoneInternalDirective, "      [kendoUploadInternalDropZone],      [kendoFileSelectInternalDropZone]    ", never, { "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "restrictions": { "alias": "restrictions"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dropzone.component.d.ts

@@ -50,5 +50,5 @@ export declare class UploadDropZoneComponent extends DropZoneBase {
     get iconClasses(): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadDropZoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDropZoneComponent, "kendo-uploaddropzone", ["kendoUploadDropZone"], { "zoneId": "zoneId"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDropZoneComponent, "kendo-uploaddropzone", ["kendoUploadDropZone"], { "zoneId": { "alias": "zoneId"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/{esm2020 → esm2022}/common/base.mjs

@@ -16,70 +16,49 @@ import * as i2 from "../navigation.service";
  * @hidden
  */
 export class UploadFileSelectBase {
-    constructor(uploadService, navigation, cdr, injector, zone) {
-        this.uploadService = uploadService;
-        this.navigation = navigation;
-        this.cdr = cdr;
-        this.injector = injector;
-        this.zone = zone;
-        /**
-         * Disables the component.
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Enables the selection of multiple files
-         * If set to `false`, only one file can be selected at a time.
-         * @default true
-         */
-        this.multiple = true;
-        /**
-         * Toggles the visibility of the file list.
-         * @default true
-         */
-        this.showFileList = true;
-        /**
-         * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         * @default 0
-         */
-        this.tabindex = 0;
-        /**
-         * @hidden
-         */
-        this.focusableId = `k-${guid()}`;
-        /**
-         * @hidden
-         */
-        this.hostDefaultClasses = true;
-        /**
-         * Fires when the user navigates outside the component.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires when the component is focused.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires when files are selected. If prevented, the selected files will not be added to the list.
-         */
-        this.select = new EventEmitter();
-        /**
-         * Fires when a file is about to be removed. If prevented, the file will remain in the list.
-         */
-        this.remove = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this._restrictions = {
-            allowedExtensions: [],
-            maxFileSize: 0,
-            minFileSize: 0
-        };
-        this.onTouchedCallback = (_) => { };
-        this.onChangeCallback = (_) => { };
-        this.fileList = this.uploadService.files;
-    }
+    uploadService;
+    navigation;
+    cdr;
+    injector;
+    zone;
+    /**
+     * @hidden
+     */
+    fileTemplate;
+    /**
+     * @hidden
+     */
+    fileInfoTemplate;
+    /**
+     * @hidden
+     */
+    fileSelectButton;
+    /**
+     * Sets the `accept` attribute of the internal `input` element of the component.
+     */
+    accept;
+    /**
+     * Disables the component.
+     *
+     * @default false
+     */
+    disabled = false;
+    /**
+     * Enables the selection of multiple files
+     * If set to `false`, only one file can be selected at a time.
+     * @default true
+     */
+    multiple = true;
+    /**
+     * Toggles the visibility of the file list.
+     * @default true
+     */
+    showFileList = true;
+    /**
+     * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     * @default 0
+     */
+    tabindex = 0;
     /**
      * Sets the restrictions for selected files.
      */
@@ -90,12 +69,60 @@ export class UploadFileSelectBase {
     get restrictions() {
         return this._restrictions;
     }
+    /**
+     * Specifies the id of the external drop zone to associate with the component.
+     */
+    zoneId;
+    /**
+     * @hidden
+     */
+    focusableId = `k-${guid()}`;
+    /**
+     * @hidden
+     */
+    hostDefaultClasses = true;
     /**
      * @hidden
      */
     get hostDisabledClass() {
         return this.disabled;
     }
+    /**
+     * Fires when the user navigates outside the component.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires when the component is focused.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires when files are selected. If prevented, the selected files will not be added to the list.
+     */
+    select = new EventEmitter();
+    /**
+     * Fires when a file is about to be removed. If prevented, the file will remain in the list.
+     */
+    remove = new EventEmitter();
+    /**
+     * @hidden
+     */
+    _restrictions = {
+        allowedExtensions: [],
+        maxFileSize: 0,
+        minFileSize: 0
+    };
+    /**
+     * @hidden
+     */
+    fileList;
+    constructor(uploadService, navigation, cdr, injector, zone) {
+        this.uploadService = uploadService;
+        this.navigation = navigation;
+        this.cdr = cdr;
+        this.injector = injector;
+        this.zone = zone;
+        this.fileList = this.uploadService.files;
+    }
     /**
      * @hidden
      */
@@ -137,6 +164,8 @@ export class UploadFileSelectBase {
         }
         this.cdr.markForCheck();
     }
+    onTouchedCallback = (_) => { };
+    onChangeCallback = (_) => { };
     /**
      * @hidden
      */
@@ -197,10 +226,10 @@ export class UploadFileSelectBase {
     blurComponent() {
         this.blur();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadFileSelectBase, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: UploadFileSelectBase, inputs: { accept: "accept", disabled: "disabled", multiple: "multiple", showFileList: "showFileList", tabindex: "tabindex", restrictions: "restrictions", zoneId: "zoneId", focusableId: "focusableId" }, outputs: { onBlur: "blur", onFocus: "focus", select: "select", remove: "remove" }, host: { properties: { "class.k-upload": "this.hostDefaultClasses", "class.k-disabled": "this.hostDisabledClass" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: FileInfoTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "fileSelectButton", first: true, predicate: ["fileSelectButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
 }
-UploadFileSelectBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadFileSelectBase, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-UploadFileSelectBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: UploadFileSelectBase, inputs: { accept: "accept", disabled: "disabled", multiple: "multiple", showFileList: "showFileList", tabindex: "tabindex", restrictions: "restrictions", zoneId: "zoneId", focusableId: "focusableId" }, outputs: { onBlur: "blur", onFocus: "focus", select: "select", remove: "remove" }, host: { properties: { "class.k-upload": "this.hostDefaultClasses", "class.k-disabled": "this.hostDisabledClass" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: FileInfoTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "fileSelectButton", first: true, predicate: ["fileSelectButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadFileSelectBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadFileSelectBase, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.UploadService }, { type: i2.NavigationService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: i0.NgZone }]; }, propDecorators: { fileTemplate: [{

package/{esm2020 → esm2022}/dropzone-base.mjs

@@ -8,12 +8,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DropZoneBase {
-    constructor(element, renderer, cssClass) {
-        this.element = element;
-        this.renderer = renderer;
-        this.hideIntervalElement = null;
-        this.hoverClass = cssClass;
-    }
+    element;
+    renderer;
+    hoverClass;
+    lastDragElement;
+    hideIntervalElement = null;
     /**
      * @hidden
      */
@@ -39,6 +38,11 @@ export class DropZoneBase {
         this.lastDragElement = new Date();
         return false;
     }
+    constructor(element, renderer, cssClass) {
+        this.element = element;
+        this.renderer = renderer;
+        this.hoverClass = cssClass;
+    }
     calculateTimeDiff(prevEvent) {
         return new Date().getTime() - prevEvent.getTime();
     }
@@ -48,10 +52,10 @@ export class DropZoneBase {
     removeClass(className) {
         this.renderer.removeClass(this.element.nativeElement, className);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'hoverClass' }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropZoneBase, host: { listeners: { "dragenter": "onElementDragEnterListener()", "dragover": "onElementDragOverListener()" } }, ngImport: i0 });
 }
-DropZoneBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'hoverClass' }], target: i0.ɵɵFactoryTarget.Directive });
-DropZoneBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropZoneBase, host: { listeners: { "dragenter": "onElementDragEnterListener()", "dragover": "onElementDragOverListener()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,

package/{esm2020 → esm2022}/dropzone-external.directive.mjs

@@ -10,6 +10,17 @@ import { UploadComponent } from './upload.component';
 import * as i0 from "@angular/core";
 import * as i1 from "./dropzone.service";
 export class UploadDropZoneDirective {
+    dropZoneService;
+    /**
+     * Specifies the id of the drop zone used to associate it with
+     * an existing Upload component.
+     */
+    zoneId;
+    /**
+     * Specifies the id of the drop zone used to associate it with
+     * an existing FileSelect component.
+     */
+    fileSelectZoneId;
     constructor(dropZoneService) {
         this.dropZoneService = dropZoneService;
     }
@@ -60,12 +71,12 @@ export class UploadDropZoneDirective {
         const id = this.zoneId || this.fileSelectZoneId;
         return this.dropZoneService.getComponents(id);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadDropZoneDirective, deps: [{ token: i1.DropZoneService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: UploadDropZoneDirective, isStandalone: true, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: { zoneId: ["kendoUploadDropZone", "zoneId"], fileSelectZoneId: ["kendoFileSelectDropZone", "fileSelectZoneId"] }, host: { listeners: { "dragenter": "onElementDragEnter()", "dragover": "onElementDragOver()", "drop": "onDropListener($event)" } }, providers: [
+            DropZoneService
+        ], ngImport: i0 });
 }
-UploadDropZoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadDropZoneDirective, deps: [{ token: i1.DropZoneService }], target: i0.ɵɵFactoryTarget.Directive });
-UploadDropZoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: UploadDropZoneDirective, isStandalone: true, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: { zoneId: ["kendoUploadDropZone", "zoneId"], fileSelectZoneId: ["kendoFileSelectDropZone", "fileSelectZoneId"] }, host: { listeners: { "dragenter": "onElementDragEnter()", "dragover": "onElementDragOver()", "drop": "onDropListener($event)" } }, providers: [
-        DropZoneService
-    ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadDropZoneDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadDropZoneDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/dropzone-internal.directive.mjs

@@ -13,13 +13,21 @@ import * as i1 from "./upload.service";
  * @hidden
  */
 export class DropZoneInternalDirective extends DropZoneBase {
+    ngZone;
+    uploadService;
+    disabled;
+    multiple;
+    restrictions;
+    initialClassName = true;
+    unsubscribeDocumentDragEnter;
+    unsubscribeDocumentDragOver;
+    lastDragDocument;
+    hideIntervalDocument = null;
+    activeClass = 'k-dropzone-active';
     constructor(element, renderer, ngZone, uploadService) {
         super(element, renderer, 'k-hover');
         this.ngZone = ngZone;
         this.uploadService = uploadService;
-        this.initialClassName = true;
-        this.hideIntervalDocument = null;
-        this.activeClass = 'k-dropzone-active';
         this.ngZone.runOutsideAngular(() => {
             this.unsubscribeDocumentDragEnter = this.renderer.listen('document', 'dragenter', () => this.onDocumentDragEnter());
             this.unsubscribeDocumentDragOver = this.renderer.listen('document', 'dragover', () => this.onDocumentDragOver());
@@ -71,10 +79,10 @@ export class DropZoneInternalDirective extends DropZoneBase {
         }
         return false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneInternalDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropZoneInternalDirective, isStandalone: true, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: { disabled: "disabled", multiple: "multiple", restrictions: "restrictions" }, host: { listeners: { "drop": "onDropListener($event)" }, properties: { "class.k-dropzone": "this.initialClassName", "class.k-upload-dropzone": "this.initialClassName" } }, usesInheritance: true, ngImport: i0 });
 }
-DropZoneInternalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneInternalDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Directive });
-DropZoneInternalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropZoneInternalDirective, isStandalone: true, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: { disabled: "disabled", multiple: "multiple", restrictions: "restrictions" }, host: { listeners: { "drop": "onDropListener($event)" }, properties: { "class.k-dropzone": "this.initialClassName", "class.k-upload-dropzone": "this.initialClassName" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneInternalDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneInternalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `

package/{esm2020 → esm2022}/dropzone.component.mjs

@@ -15,18 +15,27 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the [Kendo UI UploadDropZone component for Angular]({% slug overview_upload %}).
  */
 export class UploadDropZoneComponent extends DropZoneBase {
-    constructor(element, renderer, localization) {
-        super(element, renderer, 'k-external-dropzone-hover');
-        this.localization = localization;
-        this.hostClass = true;
-        this._svgIcon = uploadIcon;
-        this.localizationChangeSubscription = this.localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
+    localization;
+    hostClass = true;
     get dirAttribute() {
         return this.direction;
     }
+    /**
+     * Defines the id of the component.
+     * It is used to associate it with an existing Upload or FileSelect component.
+     */
+    zoneId;
+    /**
+     * Defines the name for an existing icon in a Kendo UI theme.
+     * The icon is rendered inside the DropZone.
+     */
+    icon;
+    /**
+     * Defines a CSS class or multiple classes separated by spaces,
+     * which are applied to a span element.
+     * Allows the usage of custom icons.
+     */
+    iconClass;
     /**
      * Defines an SVGIcon to be rendered inside the DropZone.
      * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
@@ -40,6 +49,16 @@ export class UploadDropZoneComponent extends DropZoneBase {
     get svgIcon() {
         return this._svgIcon;
     }
+    direction;
+    localizationChangeSubscription;
+    _svgIcon = uploadIcon;
+    constructor(element, renderer, localization) {
+        super(element, renderer, 'k-external-dropzone-hover');
+        this.localization = localization;
+        this.localizationChangeSubscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
     /**
      * @hidden
      */
@@ -62,15 +81,14 @@ export class UploadDropZoneComponent extends DropZoneBase {
             this.localizationChangeSubscription.unsubscribe();
         }
     }
-}
-UploadDropZoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadDropZoneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-UploadDropZoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UploadDropZoneComponent, isStandalone: true, selector: "kendo-uploaddropzone", inputs: { zoneId: "zoneId", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon" }, host: { properties: { "class.k-external-dropzone": "this.hostClass", "attr.dir": "this.dirAttribute" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.uploaddropzone'
-        }
-    ], exportAs: ["kendoUploadDropZone"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadDropZoneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadDropZoneComponent, isStandalone: true, selector: "kendo-uploaddropzone", inputs: { zoneId: "zoneId", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon" }, host: { properties: { "class.k-external-dropzone": "this.hostClass", "attr.dir": "this.dirAttribute" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.uploaddropzone'
+            }
+        ], exportAs: ["kendoUploadDropZone"], usesInheritance: true, ngImport: i0, template: `
         <ng-container kendoUploadDropZoneLocalizedMessages
             i18n-externalDropFilesHere='kendo.uploaddropzone.externalDropFilesHere|Sets the external drop-zone hint'
             externalDropFilesHere='Drag and drop files here to upload'>
@@ -89,7 +107,8 @@ UploadDropZoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </span>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: UploadDropZoneDirective, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: ["kendoUploadDropZone", "kendoFileSelectDropZone"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UploadDropZoneComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadDropZoneComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoUploadDropZone',

package/{esm2020 → esm2022}/dropzone.service.mjs

@@ -29,9 +29,9 @@ export class DropZoneService {
     has(id) {
         return id in components;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneService });
 }
-DropZoneService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropZoneService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropZoneService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropZoneService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/events/cancel-event.mjs

@@ -29,6 +29,10 @@
  * ```
  */
 export class CancelEvent {
+    /**
+     * The list of the files that were going to be uploaded.
+     */
+    files;
     /**
      * @hidden
      * Constructs the event arguments for the `cancel` event.

package/{esm2020 → esm2022}/events/error-event.mjs

@@ -28,6 +28,18 @@
  * ```
  */
 export class ErrorEvent {
+    /**
+     * The list of the files that failed to be uploaded or removed.
+     */
+    files;
+    /**
+     * The operation type (`upload` or `remove`).
+     */
+    operation;
+    /**
+     * The response object returned by the server.
+     */
+    response;
     /**
      * @hidden
      * Constructs the event arguments for the `error` event.

package/{esm2020 → esm2022}/events/pause-event.mjs

@@ -30,6 +30,10 @@
  *
  */
 export class PauseEvent {
+    /**
+     * The file that is going to be paused.
+     */
+    file;
     /**
      * @hidden
      * Constructs the event arguments for the `pause` event.

package/{esm2020 → esm2022}/events/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.

package/{esm2020 → esm2022}/events/remove-event.mjs

@@ -29,6 +29,18 @@ import { PreventableEvent } from './preventable-event';
  * ```
  */
 export class RemoveEvent extends PreventableEvent {
+    /**
+     * An optional object that is sent to the `remove` handler in the form of a key/value pair.
+     */
+    data;
+    /**
+     * The list of the files that will be removed.
+     */
+    files;
+    /**
+     * The headers of the request.
+     */
+    headers;
     /**
      * @hidden
      * Constructs the event arguments for the `remove` event.

package/{esm2020 → esm2022}/events/resume-event.mjs

@@ -30,6 +30,10 @@
  *
  */
 export class ResumeEvent {
+    /**
+     * The file that is going to be resumed.
+     */
+    file;
     /**
      * @hidden
      * Constructs the event arguments for the `resume` event.

package/{esm2020 → esm2022}/events/select-event.mjs

@@ -29,6 +29,10 @@ import { PreventableEvent } from './preventable-event';
  * ```
  */
 export class SelectEvent extends PreventableEvent {
+    /**
+     * The list of the selected files.
+     */
+    files;
     /**
      * @hidden
      * Constructs the event arguments for the `select` event.

package/{esm2020 → esm2022}/events/success-event.mjs

@@ -29,6 +29,18 @@ import { PreventableEvent } from './preventable-event';
  * ```
  */
 export class SuccessEvent extends PreventableEvent {
+    /**
+     * The list of the files that were uploaded or removed.
+     */
+    files;
+    /**
+     * The operation type (`upload` or `remove`).
+     */
+    operation;
+    /**
+     * The response object returned by the server.
+     */
+    response;
     /**
      * @hidden
      * Constructs the event arguments for the `success` event.

package/{esm2020 → esm2022}/events/upload-event.mjs

@@ -29,6 +29,41 @@ import { PreventableEvent } from './preventable-event';
  * ```
  */
 export class UploadEvent extends PreventableEvent {
+    /**
+     * The optional object that is sent to the `upload` handler in the form of key/value pair.
+     *
+     * ```ts-no-run
+     *  @Component({
+     *    selector: 'my-upload',
+     *    template: `
+     *    <kendo-upload
+     *      [saveUrl]="uploadSaveUrl"
+     *      [removeUrl]="uploadRemoveUrl"
+     *      (upload)="uploadEventHandler($event)">
+     *    </kendo-upload>
+     *    `
+     *  })
+     *  export class UploadComponent {
+     *    uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
+     *    uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint
+     *
+     *    uploadEventHandler(e: UploadEvent) {
+     *      e.data = {
+     *        description: 'File description'
+     *      };
+     *    }
+     *  }
+     * ```
+     */
+    data;
+    /**
+     * The list of the files that will be uploaded.
+     */
+    files;
+    /**
+     * The headers of the request.
+     */
+    headers;
     /**
      * @hidden
      * Constructs the event arguments for the `upload` event.

package/{esm2020 → esm2022}/events/upload-progress-event.mjs

@@ -28,6 +28,14 @@
  * ```
  */
 export class UploadProgressEvent {
+    /**
+     * The list of files that are being uploaded.
+     */
+    files;
+    /**
+     * The portion that has been uploaded.
+     */
+    percentComplete;
     /**
      * @hidden
      * Constructs the event arguments for the `uploadprogress` event.