@progress/kendo-angular-upload 9.0.4-dev.202211170816 → 11.0.0-develop.100

package/LICENSE.md

@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**Telerik End
 
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
 
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*

package/NOTICE.txt

@@ -1,4 +1,4 @@
-Progress Kendo UI for Angular 2022
+Progress Kendo UI for Angular 2023
 
 Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
 Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
 Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
 Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
-Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary | 
+Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
 Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
 Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
 ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
 @types/prosemirror-transform v1*, and @types/prosemirror-view v1*.  Such technologies are
-subject to the following terms and conditions: 
+subject to the following terms and conditions:
 
     This project is licensed under the MIT license.
     Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
 2. Special Notices Regarding Commercially Licensed Third-Party Components
 incorporated into the Product:  NONE
 
-3. Special Notices Regarding Progress Products incorporated into the Product:  
+3. Special Notices Regarding Progress Products incorporated into the Product:
 
 (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for

package/README.md

@@ -28,6 +28,6 @@ Kendo UI for Angular is a commercial UI library designed and built for developin
 * [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
 * [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
 
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/util.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/validation-util.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dropzone-base.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';
@@ -22,7 +22,7 @@ export declare abstract class DropZoneBase {
      */
     onElementDragOverListener(): boolean;
     constructor(element: ElementRef, renderer: Renderer2, cssClass: string);
-    protected calculateTimeDiff(prevEvent: Date): Number;
+    protected calculateTimeDiff(prevEvent: Date): number;
     protected addClass(className: string): void;
     protected removeClass(className: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropZoneBase, never>;

package/dropzone-external.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { DropZoneService } from './dropzone.service';

package/dropzone-internal.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2, NgZone } from '@angular/core';

package/dropzone.component.d.ts

@@ -1,10 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DropZoneBase } from './dropzone-base';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI UploadDropZone component for Angular]({% slug overview_upload %}).
@@ -20,7 +21,7 @@ export declare class UploadDropZoneComponent extends DropZoneBase {
     zoneId: string;
     /**
      * Defines the name for an existing icon in a Kendo UI theme.
-     * The icon is rendered inside the DropZone by a `span.k-icon` element.
+     * The icon is rendered inside the DropZone.
      */
     icon: string;
     /**
@@ -29,8 +30,15 @@ export declare class UploadDropZoneComponent extends DropZoneBase {
      * Allows the usage of custom icons.
      */
     iconClass: string;
+    /**
+     * 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.
+     */
+    set svgIcon(icon: SVGIcon);
+    get svgIcon(): SVGIcon;
     private direction;
     private localizationChangeSubscription;
+    private _svgIcon;
     constructor(element: ElementRef, renderer: Renderer2, localization: LocalizationService);
     /**
      * @hidden
@@ -42,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"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDropZoneComponent, "kendo-uploaddropzone", ["kendoUploadDropZone"], { "zoneId": "zoneId"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; }, {}, never, ["*"]>;
 }

package/dropzone.service.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { UploadComponent } from './upload.component';

package/{esm2015/types/chunk-metadata.js → esm2020/common/action-buttons-layout.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/{esm2015/common/util.js → esm2020/common/util.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable  no-bitwise */
@@ -31,7 +31,7 @@ export const getTotalFilesSizeMessage = (files) => {
     }
 };
 const stripPath = (name) => {
-    let slashIndex = name.lastIndexOf("\\");
+    const slashIndex = name.lastIndexOf("\\");
     return (slashIndex !== -1) ? name.substr(slashIndex + 1) : name;
 };
 const getFileExtension = (fileName) => {
@@ -62,7 +62,7 @@ export const validateInitialFileSelectFile = (file) => {
  */
 export const getInitialFileInfo = (fakeFile) => {
     fakeFile.extension = fakeFile.extension || getFileExtension(fakeFile.name);
-    fakeFile.name = fakeFile.name;
+    fakeFile.name = fakeFile.name; // eslint-disable-line no-self-assign
     fakeFile.size = fakeFile.size || 0;
     if (!fakeFile.hasOwnProperty("state")) {
         fakeFile.state = FileState.Initial;
@@ -76,7 +76,7 @@ export const getInitialFileInfo = (fakeFile) => {
  * @hidden
  */
 export const convertFileToFileInfo = (file) => {
-    let fileInfo = getFileInfo(file);
+    const fileInfo = getFileInfo(file);
     fileInfo.uid = guid();
     // Used to differentiate initial FileInfo objects and actual Files
     fileInfo.state = FileState.Selected;
@@ -97,7 +97,7 @@ const getFileInfo = (rawFile) => {
  * @hidden
  */
 export const getAllFileInfo = (rawFiles) => {
-    let allFileInfo = new Array();
+    const allFileInfo = new Array();
     let i;
     for (i = 0; i < rawFiles.length; i++) {
         allFileInfo.push(getFileInfo(rawFiles[i]));
@@ -117,7 +117,7 @@ export const fileHasValidationErrors = (file) => {
  * @hidden
  */
 export const filesHaveValidationErrors = (files) => {
-    for (let file of files) {
+    for (const file of files) {
         if (fileHasValidationErrors(file)) {
             return true;
         }
@@ -133,8 +133,8 @@ export const inputFiles = (input) => {
     }
     else {
         //Required for testing
-        let fileNames = input.value.split("|").map((file, index) => {
-            let fileName = file.trim();
+        const fileNames = input.value.split("|").map((file, index) => {
+            const fileName = file.trim();
             return {
                 extension: getFileExtension(fileName),
                 name: stripPath(fileName),
@@ -212,9 +212,12 @@ export const isFocusable = (element, checkVisibility = true) => {
  * @hidden
  */
 export const getFileGroupCssClass = (fileExtension) => {
-    const initial = 'k-i-file';
-    for (let group in fileGroupMap) {
+    const initial = 'file';
+    for (const group in fileGroupMap) {
         if (fileGroupMap[group].indexOf(fileExtension) >= 0) {
+            if (group === 'discImage') {
+                return `${initial}-disc-image`;
+            }
             return `${initial}-${group}`;
         }
     }

package/{esm2015/common/validation-util.js → esm2020/common/validation-util.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -40,7 +40,7 @@ const validateFileSize = (file, minFileSize, maxFileSize) => {
 };
 const parseAllowedExtensions = (extensions) => {
     const allowedExtensions = extensions.map((ext) => {
-        var parsedExt = (ext.substring(0, 1) === ".") ? ext : ("." + ext);
+        const parsedExt = (ext.substring(0, 1) === ".") ? ext : ("." + ext);
         return parsedExt.toLowerCase();
     });
     return allowedExtensions;

package/{esm2015/dropzone-base.js → esm2020/dropzone-base.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { HostListener, Inject, Directive } from '@angular/core';
+import { ElementRef, Renderer2, HostListener, Inject, Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -49,9 +49,9 @@ export class DropZoneBase {
         this.renderer.removeClass(this.element.nativeElement, className);
     }
 }
-DropZoneBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'hoverClass' }], target: i0.ɵɵFactoryTarget.Directive });
-DropZoneBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DropZoneBase, host: { listeners: { "dragenter": "onElementDragEnterListener()", "dragover": "onElementDragOverListener()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneBase, decorators: [{
+DropZoneBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropZoneBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'hoverClass' }], target: i0.ɵɵFactoryTarget.Directive });
+DropZoneBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: DropZoneBase, host: { listeners: { "dragenter": "onElementDragEnterListener()", "dragover": "onElementDragOverListener()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropZoneBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Directive, HostListener, Input } from '@angular/core';
@@ -34,7 +34,7 @@ export class UploadDropZoneDirective {
             return;
         }
         components.forEach((component) => {
-            let droppedFiles = event.dataTransfer.files;
+            const droppedFiles = event.dataTransfer.files;
             if (droppedFiles.length > 0 && !component.disabled) {
                 let files = getAllFileInfo(droppedFiles);
                 if (component instanceof UploadComponent) {
@@ -60,11 +60,11 @@ export class UploadDropZoneDirective {
         return this.dropZoneService.getComponents(this.zoneId);
     }
 }
-UploadDropZoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadDropZoneDirective, deps: [{ token: i1.DropZoneService }], target: i0.ɵɵFactoryTarget.Directive });
-UploadDropZoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: UploadDropZoneDirective, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: { zoneId: ["kendoUploadDropZone", "zoneId"] }, host: { listeners: { "dragenter": "onElementDragEnter()", "dragover": "onElementDragOver()", "drop": "onDropListener($event)" } }, providers: [
+UploadDropZoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadDropZoneDirective, deps: [{ token: i1.DropZoneService }], target: i0.ɵɵFactoryTarget.Directive });
+UploadDropZoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: UploadDropZoneDirective, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: { zoneId: ["kendoUploadDropZone", "zoneId"] }, host: { listeners: { "dragenter": "onElementDragEnter()", "dragover": "onElementDragOver()", "drop": "onDropListener($event)" } }, providers: [
         DropZoneService
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadDropZoneDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadDropZoneDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

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

@@ -1,11 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, HostBinding, HostListener, Input } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, Input, Renderer2, NgZone } from '@angular/core';
 import { assignGuidToFiles, getAllFileInfo } from './common/util';
 import { validateFiles } from './common/validation-util';
 import { DropZoneBase } from './dropzone-base';
+import { UploadService } from './upload.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./upload.service";
 /**
@@ -13,7 +14,7 @@ import * as i1 from "./upload.service";
  */
 export class DropZoneInternalDirective extends DropZoneBase {
     constructor(element, renderer, ngZone, uploadService) {
-        super(element, renderer, 'k-dropzone-hover');
+        super(element, renderer, 'k-hover');
         this.ngZone = ngZone;
         this.uploadService = uploadService;
         this.initialClassName = true;
@@ -57,7 +58,7 @@ export class DropZoneInternalDirective extends DropZoneBase {
         return false;
     }
     onDropListener(event) {
-        let droppedFiles = event.dataTransfer.files;
+        const droppedFiles = event.dataTransfer.files;
         if (droppedFiles.length > 0 && !this.disabled) {
             let files = getAllFileInfo(droppedFiles);
             files = assignGuidToFiles(files, !this.uploadService.async.batch);
@@ -71,9 +72,9 @@ export class DropZoneInternalDirective extends DropZoneBase {
         return false;
     }
 }
-DropZoneInternalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: { disabled: "disabled", multiple: "multiple", restrictions: "restrictions" }, host: { listeners: { "drop": "onDropListener($event)" }, properties: { "class.k-dropzone": "this.initialClassName" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneInternalDirective, decorators: [{
+DropZoneInternalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "12.0.0", version: "13.3.11", type: DropZoneInternalDirective, 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: "13.3.11", ngImport: i0, type: DropZoneInternalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `
@@ -90,6 +91,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], initialClassName: [{
                 type: HostBinding,
                 args: ['class.k-dropzone']
+            }, {
+                type: HostBinding,
+                args: ['class.k-upload-dropzone']
             }], onDropListener: [{
                 type: HostListener,
                 args: ['drop', ['$event']]

package/esm2020/dropzone.component.mjs

@@ -0,0 +1,134 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ElementRef, HostBinding, Input, isDevMode, Renderer2 } from '@angular/core';
+import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { DropZoneBase } from './dropzone-base';
+import { uploadIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "./localization/localized-messages.directive";
+import * as i4 from "./dropzone-external.directive";
+/**
+ * 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';
+        });
+    }
+    get dirAttribute() {
+        return this.direction;
+    }
+    /**
+     * 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.
+     */
+    set svgIcon(icon) {
+        if (isDevMode() && icon && this.icon && this.iconClass) {
+            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
+        }
+        this._svgIcon = icon;
+    }
+    get svgIcon() {
+        return this._svgIcon;
+    }
+    /**
+     * @hidden
+     */
+    textFor(key) {
+        return this.localization.get(key);
+    }
+    /**
+     * @hidden
+     */
+    get iconClasses() {
+        if (this.icon) {
+            return `${this.icon}`;
+        }
+        if (!this.icon && !this.iconClass) {
+            return 'upload';
+        }
+    }
+    ngOnDestroy() {
+        if (this.localizationChangeSubscription) {
+            this.localizationChangeSubscription.unsubscribe();
+        }
+    }
+}
+UploadDropZoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadDropZoneComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+UploadDropZoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadDropZoneComponent, 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'>
+        </ng-container>
+        <div class='k-dropzone-inner' [kendoUploadDropZone]="zoneId">
+            <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="iconClass"
+                [svgIcon]="svgIcon"
+            ></kendo-icon-wrapper>
+            <span class="k-dropzone-hint">{{ textFor('externalDropFilesHere') }}</span>
+            <span class="k-dropzone-note">
+                <ng-content></ng-content>
+            </span>
+        </div>
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { type: i4.UploadDropZoneDirective, selector: "[kendoUploadDropZone], [kendoFileSelectDropZone]", inputs: ["kendoUploadDropZone"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadDropZoneComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoUploadDropZone',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.uploaddropzone'
+                        }
+                    ],
+                    selector: 'kendo-uploaddropzone',
+                    template: `
+        <ng-container kendoUploadDropZoneLocalizedMessages
+            i18n-externalDropFilesHere='kendo.uploaddropzone.externalDropFilesHere|Sets the external drop-zone hint'
+            externalDropFilesHere='Drag and drop files here to upload'>
+        </ng-container>
+        <div class='k-dropzone-inner' [kendoUploadDropZone]="zoneId">
+            <kendo-icon-wrapper
+                [name]="iconClasses"
+                [customFontClass]="iconClass"
+                [svgIcon]="svgIcon"
+            ></kendo-icon-wrapper>
+            <span class="k-dropzone-hint">{{ textFor('externalDropFilesHere') }}</span>
+            <span class="k-dropzone-note">
+                <ng-content></ng-content>
+            </span>
+        </div>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-external-dropzone']
+            }], dirAttribute: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], zoneId: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }] } });

package/{esm2015/dropzone.service.js → esm2020/dropzone.service.mjs}

@@ -1,10 +1,10 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';
 import * as i0 from "@angular/core";
-let components = {};
+const components = {};
 /**
  * @hidden
  */
@@ -24,8 +24,8 @@ export class DropZoneService {
         return id in components;
     }
 }
-DropZoneService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropZoneService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropZoneService, decorators: [{
+DropZoneService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropZoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DropZoneService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropZoneService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropZoneService, decorators: [{
             type: Injectable
         }] });

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/{esm2015/events/clear-event.js → esm2020/events/clear-event.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from './preventable-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from './preventable-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from './preventable-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from './preventable-event';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from './preventable-event';