@progress/kendo-angular-upload 17.0.0-develop.4 → 17.0.0-develop.40

package/README.md

@@ -4,30 +4,51 @@
 
 ## Kendo UI for Angular Uploads Package (Upload and FileSelect Components)
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload)—a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload).
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
 > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
 >
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-upload) and speed up your development process!
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+The [Kendo UI for Angular Uploads](https://www.telerik.com/kendo-angular-ui/components/uploads/) package contains two components that help users select files from their file systems and send them to dedicated server handlers configured to receive them.
+
+## What's Included in the Angular Uploads Package
+
+* [Angular Upload Component](https://www.telerik.com/kendo-angular-ui/components/uploads/upload/)—Enables users to upload files from their local systems to dedicated server handlers which are configured to receive them. It offers several features, including batch and chunk upload modes, dragging and dropping files from the file system, etc.
+* [Angular FileSelect Component](https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/)&mdash;The FileSelect builds on the functionality of Upload component to offer you more control over the selected user files, when and how to upload them. It is a richer version of an `<input type='file'>` element and supports model binding, templates, forms, and more.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Uploads deliver are:
+
+* [Disabled Uploads](https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/disabled-state)&mdash;You can choose to render the Uploads in their disabled state so that, if need be present, users will not be able to interact with them.
+* [External Dropzone](https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/external-dropzone)&mdash;You can enable users to drag and drop files from their file systems to a dedicated user interface by using the drag-and-drop tool or by creating custom elements with a drag-and-drop functionality.
+* [Forms Support](https://www.telerik.com/kendo-angular-ui/components/uploads/upload/forms)&mdash;The Uploads provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms.
+* [Model Binding](https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/model-binding)&mdash;You can bind the value of the Uploads to the model in order to render an initial set of files.
+* [Restrictions](https://www.telerik.com/kendo-angular-ui/components/uploads/upload/restrictions)&mdash;The Uploads support restricting the selected files by defining rules about the accepted minimum and maximum file size, file types and extensions.
+* [Templates](https://www.telerik.com/kendo-angular-ui/components/uploads/upload/templates)&mdash;You can customize the way the Uploads display their file lists by utilizing the available file templates. 
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/uploads/globalization/)&mdash;The Uploads support globalization to ensure that each component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Uploads support rendering in a right-to-left (RTL) direction.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/uploads/upload/accessibility/)&mdash;The Uploads are accessible for screen readers and support WAI-ARIA attributes. 
+* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/keyboard-navigation)&mdash;The Uploads support a number of keyboard shortcuts which allow users to accomplish various commands.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Uploads, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Uploads](https://www.telerik.com/kendo-angular-ui/components/uploads/installation/getting-started)
+* [Uploads Overview page](https://www.telerik.com/kendo-angular-ui/components/uploads) and [Uploads API reference](https://www.telerik.com/kendo-angular-ui/components/uploads/api)
+* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
+* [Kendo UI for Angular Blog](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
-* [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

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.