@progress/kendo-angular-upload 8.0.2-dev.202203071504 → 9.0.0-dev.202204131914

package/{dist/es2015 → esm2015}/upload.component.js

@@ -2,10 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var UploadComponent_1;
-import { HttpHeaders } from '@angular/common/http';
-import { Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, HostListener, Input, NgZone, Output, Renderer2, ViewChild, isDevMode, ChangeDetectorRef } from '@angular/core';
+import { Component, ContentChild, EventEmitter, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, isDevMode } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { guid, isDocumentAvailable, KendoInput, Keys, isChanged } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
@@ -20,19 +17,30 @@ import { UploadService } from './upload.service';
 import { hasClasses, IGNORE_TARGET_CLASSES, isFocusable, UPLOAD_CLASSES, validateInitialFileInfo } from './common/util';
 import { DropZoneService } from './dropzone.service';
 import { FileInfoTemplateDirective } from './templates/file-info-template.directive';
-/* tslint:disable: no-use-before-declare */
+import * as i0 from "@angular/core";
+import * as i1 from "./upload.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./navigation.service";
+import * as i4 from "./dropzone.service";
+import * as i5 from "./rendering/upload-status-total.component";
+import * as i6 from "./rendering/file-list.component";
+import * as i7 from "./rendering/upload-action-buttons.component";
+import * as i8 from "./localization/localized-messages.directive";
+import * as i9 from "./dropzone-internal.directive";
+import * as i10 from "./file-select.directive";
+import * as i11 from "@angular/common";
 /**
  * @hidden
  */
 export const UPLOAD_VALUE_ACCESSOR = {
     multi: true,
     provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => UploadComponent) // tslint:disable-line:no-forward-ref
+    useExisting: forwardRef(() => UploadComponent)
 };
 /**
  * Represents the [Kendo UI Upload component for Angular]({% slug overview_upload %}).
  */
-let UploadComponent = UploadComponent_1 = class UploadComponent {
+export class UploadComponent {
     constructor(uploadService, localization, navigation, dropZoneService, _ngZone, renderer, cdr, wrapper) {
         this.uploadService = uploadService;
         this.localization = localization;
@@ -641,231 +649,145 @@ let UploadComponent = UploadComponent_1 = class UploadComponent {
             this.uploadProgress.emit(args);
         }));
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], UploadComponent.prototype, "autoUpload", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], UploadComponent.prototype, "batch", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], UploadComponent.prototype, "withCredentials", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "saveField", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", HttpHeaders),
-    tslib_1.__metadata("design:paramtypes", [HttpHeaders])
-], UploadComponent.prototype, "saveHeaders", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "saveMethod", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "saveUrl", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "responseType", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "removeField", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", HttpHeaders),
-    tslib_1.__metadata("design:paramtypes", [HttpHeaders])
-], UploadComponent.prototype, "removeHeaders", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "removeMethod", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], UploadComponent.prototype, "removeUrl", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], UploadComponent.prototype, "chunkable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], UploadComponent.prototype, "concurrent", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], UploadComponent.prototype, "multiple", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], UploadComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], UploadComponent.prototype, "showFileList", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], UploadComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], UploadComponent.prototype, "zoneId", void 0);
-tslib_1.__decorate([
-    Input('tabIndex'),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], UploadComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], UploadComponent.prototype, "accept", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], UploadComponent.prototype, "restrictions", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], UploadComponent.prototype, "focusableId", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], UploadComponent.prototype, "actionsLayout", void 0);
-tslib_1.__decorate([
-    ContentChild(FileTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", FileTemplateDirective)
-], UploadComponent.prototype, "fileTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(FileInfoTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", FileInfoTemplateDirective)
-], UploadComponent.prototype, "fileInfoTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('fileSelect', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], UploadComponent.prototype, "fileSelect", void 0);
-tslib_1.__decorate([
-    ViewChild('fileSelectButton', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], UploadComponent.prototype, "fileSelectButton", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "onBlur", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "cancel", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "clear", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "complete", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "error", void 0);
-tslib_1.__decorate([
-    Output('focus'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "onFocus", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "pause", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "remove", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "resume", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "success", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "upload", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "uploadProgress", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], UploadComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-upload'),
-    tslib_1.__metadata("design:type", Boolean)
-], UploadComponent.prototype, "hostDefaultClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], UploadComponent.prototype, "hostDisabledClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], UploadComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    HostListener('keydown', ['$event']),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Object]),
-    tslib_1.__metadata("design:returntype", void 0)
-], UploadComponent.prototype, "handleKeydown", null);
-UploadComponent = UploadComponent_1 = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoUpload',
-        providers: [
-            LocalizationService,
-            NavigationService,
-            UploadService,
-            DropZoneService,
-            UPLOAD_VALUE_ACCESSOR,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.upload'
-            },
-            {
-                provide: KendoInput,
-                useExisting: forwardRef(() => UploadComponent_1)
-            }
-        ],
-        selector: 'kendo-upload',
-        template: `
+}
+UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }, { token: i4.DropZoneService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UploadComponent, selector: "kendo-upload", inputs: { autoUpload: "autoUpload", batch: "batch", withCredentials: "withCredentials", saveField: "saveField", saveHeaders: "saveHeaders", saveMethod: "saveMethod", saveUrl: "saveUrl", responseType: "responseType", removeField: "removeField", removeHeaders: "removeHeaders", removeMethod: "removeMethod", removeUrl: "removeUrl", chunkable: "chunkable", concurrent: "concurrent", multiple: "multiple", disabled: "disabled", showFileList: "showFileList", tabindex: "tabindex", zoneId: "zoneId", tabIndex: "tabIndex", accept: "accept", restrictions: "restrictions", focusableId: "focusableId", actionsLayout: "actionsLayout" }, outputs: { onBlur: "blur", cancel: "cancel", clear: "clear", complete: "complete", error: "error", onFocus: "focus", pause: "pause", remove: "remove", resume: "resume", select: "select", success: "success", upload: "upload", uploadProgress: "uploadProgress", valueChange: "valueChange" }, host: { listeners: { "keydown": "handleKeydown($event)" }, properties: { "class.k-widget": "this.hostDefaultClasses", "class.k-upload": "this.hostDefaultClasses", "class.k-disabled": "this.hostDisabledClass", "attr.dir": "this.dir" } }, providers: [
+        LocalizationService,
+        NavigationService,
+        UploadService,
+        DropZoneService,
+        UPLOAD_VALUE_ACCESSOR,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.upload'
+        },
+        {
+            provide: KendoInput,
+            useExisting: forwardRef(() => UploadComponent)
+        }
+    ], queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: FileInfoTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "fileSelect", first: true, predicate: ["fileSelect"], descendants: true, static: true }, { propertyName: "fileSelectButton", first: true, predicate: ["fileSelectButton"], descendants: true, static: true }], exportAs: ["kendoUpload"], usesOnChanges: true, ngImport: i0, template: `
+    <ng-container kendoUploadLocalizedMessages
+      i18n-cancel="kendo.upload.cancel|The text for the Cancel button"
+      cancel="Cancel"
+
+      i18n-clearSelectedFiles="kendo.upload.clearSelectedFiles|The text for the Clear button"
+      clearSelectedFiles="Clear"
+
+      i18n-dropFilesHere="kendo.upload.dropFilesHere|The drop zone hint"
+      dropFilesHere="Drop files here to upload"
+
+      i18n-filesBatchStatus="kendo.upload.filesBatchStatus|The status message for a batch of files"
+      filesBatchStatus="files"
+
+      i18n-filesBatchStatusFailed="kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload"
+      filesBatchStatusFailed="files failed to upload."
+
+      i18n-filesBatchStatusUploaded="kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload"
+      filesBatchStatusUploaded="files successfully uploaded."
+
+      i18n-fileStatusFailed="kendo.upload.fileStatusFailed|The file status message after failed upload"
+      fileStatusFailed="File failed to upload."
+
+      i18n-fileStatusUploaded="kendo.upload.fileStatusUploaded|The file status message after successful upload"
+      fileStatusUploaded="File successfully uploaded."
+
+      i18n-headerStatusPaused="kendo.upload.headerStatusPaused|The header status message when the file upload is paused"
+      headerStatusPaused="Paused"
+
+      i18n-headerStatusUploaded="kendo.upload.headerStatusUploaded|The header status message after file upload completion"
+      headerStatusUploaded="Done"
+
+      i18n-headerStatusUploading="kendo.upload.headerStatusUploading|The header status message during file upload"
+      headerStatusUploading="Uploading..."
+
+      i18n-invalidFileExtension="kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message"
+      invalidFileExtension="File type not allowed."
+
+      i18n-invalidMaxFileSize="kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message"
+      invalidMaxFileSize="File size too large."
+
+      i18n-invalidMinFileSize="kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message"
+      invalidMinFileSize="File size too small."
+
+      i18n-pause="kendo.upload.pause|The text for the Pause button"
+      pause="Pause"
+
+      i18n-remove="kendo.upload.remove|The text for the Remove button"
+      remove="Remove"
+
+      i18n-resume="kendo.upload.resume|The text for the Resume button"
+      resume="Resume"
+
+      i18n-retry="kendo.upload.retry|The text for the Retry button"
+      retry="Retry"
+
+      i18n-select="kendo.upload.select|The text for the Select button"
+      select="Select files..."
+
+      i18n-uploadSelectedFiles="kendo.upload.uploadSelectedFiles|The text for the Upload files button"
+      uploadSelectedFiles="Upload"
+    >
+    </ng-container>
+    <div kendoUploadInternalDropZone
+      [restrictions]="restrictions"
+      [multiple]="multiple"
+      [disabled]="disabled">
+        <div role="button" #fileSelectButton
+             [id]="focusableId"
+             [attr.aria-label]="textFor('select')"
+             [attr.tabindex]="selectButtonTabIndex"
+             (focus)="onFileSelectButtonFocus($event)"
+             (blur)="onFileSelectButtonBlur($event)"
+             class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">
+          <input #fileSelect kendoFileSelect
+            [attr.accept]="accept ? accept : null"
+            [attr.aria-hidden]="true"
+            [dir]="direction"
+            [restrictions]="restrictions"
+            [multiple]="multiple"
+            [disabled]="disabled" />
+          <span>{{textFor('select')}}</span>
+        </div>
+        <kendo-upload-status-total *ngIf="showTotalStatus"
+          class="k-upload-status k-upload-status-total"
+          [fileList]="fileList">
+        </kendo-upload-status-total>
+        <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
+    </div>
+    <ul kendo-upload-file-list *ngIf="showFileList && fileList.count > 0"
+        class="k-upload-files k-reset"
+        [disabled]="disabled"
+        [fileList]="fileList.files"
+        [fileTemplate]="fileTemplate"
+        [fileInfoTemplate]="fileInfoTemplate">
+    </ul>
+    <kendo-upload-action-buttons
+      *ngIf="showActionButtons"
+      [disabled]="disabled"
+      [actionsLayout]="actionsLayout">
+    </kendo-upload-action-buttons>
+  `, isInline: true, components: [{ type: i5.UploadStatusTotalComponent, selector: "kendo-upload-status-total", inputs: ["fileList"] }, { type: i6.FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }, { type: i7.UploadActionButtonsComponent, selector: "kendo-upload-action-buttons", inputs: ["disabled", "actionsLayout"] }], directives: [{ type: i8.LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { type: i9.DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { type: i10.FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoUpload',
+                    providers: [
+                        LocalizationService,
+                        NavigationService,
+                        UploadService,
+                        DropZoneService,
+                        UPLOAD_VALUE_ACCESSOR,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.upload'
+                        },
+                        {
+                            provide: KendoInput,
+                            useExisting: forwardRef(() => UploadComponent)
+                        }
+                    ],
+                    selector: 'kendo-upload',
+                    template: `
     <ng-container kendoUploadLocalizedMessages
       i18n-cancel="kendo.upload.cancel|The text for the Cancel button"
       cancel="Cancel"
@@ -967,14 +889,111 @@ UploadComponent = UploadComponent_1 = tslib_1.__decorate([
       [actionsLayout]="actionsLayout">
     </kendo-upload-action-buttons>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [UploadService,
-        LocalizationService,
-        NavigationService,
-        DropZoneService,
-        NgZone,
-        Renderer2,
-        ChangeDetectorRef,
-        ElementRef])
-], UploadComponent);
-export { UploadComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.UploadService }, { type: i2.LocalizationService }, { type: i3.NavigationService }, { type: i4.DropZoneService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { autoUpload: [{
+                type: Input
+            }], batch: [{
+                type: Input
+            }], withCredentials: [{
+                type: Input
+            }], saveField: [{
+                type: Input
+            }], saveHeaders: [{
+                type: Input
+            }], saveMethod: [{
+                type: Input
+            }], saveUrl: [{
+                type: Input
+            }], responseType: [{
+                type: Input
+            }], removeField: [{
+                type: Input
+            }], removeHeaders: [{
+                type: Input
+            }], removeMethod: [{
+                type: Input
+            }], removeUrl: [{
+                type: Input
+            }], chunkable: [{
+                type: Input
+            }], concurrent: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showFileList: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], zoneId: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input,
+                args: ['tabIndex']
+            }], accept: [{
+                type: Input
+            }], restrictions: [{
+                type: Input
+            }], focusableId: [{
+                type: Input
+            }], actionsLayout: [{
+                type: Input
+            }], fileTemplate: [{
+                type: ContentChild,
+                args: [FileTemplateDirective, { static: false }]
+            }], fileInfoTemplate: [{
+                type: ContentChild,
+                args: [FileInfoTemplateDirective, { static: false }]
+            }], fileSelect: [{
+                type: ViewChild,
+                args: ['fileSelect', { static: true }]
+            }], fileSelectButton: [{
+                type: ViewChild,
+                args: ['fileSelectButton', { static: true }]
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], cancel: [{
+                type: Output
+            }], clear: [{
+                type: Output
+            }], complete: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], pause: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }], resume: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }], success: [{
+                type: Output
+            }], upload: [{
+                type: Output
+            }], uploadProgress: [{
+                type: Output
+            }], valueChange: [{
+                type: Output
+            }], hostDefaultClasses: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-upload']
+            }], hostDisabledClass: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], handleKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });

package/esm2015/upload.module.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { UploadComponent } from './upload.component';
+import { UploadActionButtonsComponent } from './rendering/upload-action-buttons.component';
+import { UploadStatusTotalComponent } from './rendering/upload-status-total.component';
+import { SharedModule, PUBLIC_DIRECTIVES } from './shared.module';
+import * as i0 from "@angular/core";
+import * as i1 from "./templates/file-template.directive";
+import * as i2 from "./templates/file-info-template.directive";
+import * as i3 from "./localization/custom-messages.component";
+import * as i4 from "./dropzone-external.directive";
+import * as i5 from "./dropzone.component";
+const UPLOAD_DECLARATIONS = [
+    UploadComponent,
+    UploadActionButtonsComponent,
+    UploadStatusTotalComponent
+];
+/**
+ * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the Upload component.
+ */
+export class UploadModule {
+}
+UploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadModule, declarations: [UploadComponent,
+        UploadActionButtonsComponent,
+        UploadStatusTotalComponent], imports: [SharedModule], exports: [i1.FileTemplateDirective, i2.FileInfoTemplateDirective, i3.CustomMessagesComponent, i4.UploadDropZoneDirective, i5.UploadDropZoneComponent, UploadComponent,
+        UploadActionButtonsComponent,
+        UploadStatusTotalComponent] });
+UploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadModule, imports: [[SharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UPLOAD_DECLARATIONS],
+                    exports: [
+                        PUBLIC_DIRECTIVES,
+                        UPLOAD_DECLARATIONS
+                    ],
+                    imports: [SharedModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/upload.service.js

@@ -2,18 +2,19 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { HttpClient, HttpEventType, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';
+import { HttpEventType, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';
 import { EventEmitter, Injectable } from '@angular/core';
 import { FileState } from './types';
 import { FileMap } from './types/file-map';
 import { CancelEvent, ClearEvent, ErrorEvent, PauseEvent, RemoveEvent, ResumeEvent, SelectEvent, SuccessEvent, UploadEvent, UploadProgressEvent } from './events';
 import { getInitialFileInfo, convertFileToFileInfo } from './common/util';
 import { ChunkMap } from './types/chunk-map';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
 /**
  * @hidden
  */
-let UploadService = class UploadService {
+export class UploadService {
     constructor(http) {
         this.http = http;
         this.cancelEvent = new EventEmitter();
@@ -419,9 +420,9 @@ let UploadService = class UploadService {
         }
         return false;
     }
-};
-UploadService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [HttpClient])
-], UploadService);
-export { UploadService };
+}
+UploadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+UploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });