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

package/{esm2020 → esm2022}/file-select.directive.mjs

@@ -14,16 +14,25 @@ import * as i2 from "./navigation.service";
  * @hidden
  */
 export class FileSelectDirective {
+    uploadService;
+    navigation;
+    dir;
+    disabled;
+    multiple;
+    restrictions;
+    accept;
+    required;
+    type = "file";
+    autocomplete = "off";
+    tabIndex = -1;
+    ariaHidden = true;
+    element;
     constructor(uploadService, navigation, el) {
         this.uploadService = uploadService;
         this.navigation = navigation;
-        this.type = "file";
-        this.autocomplete = "off";
-        this.tabIndex = -1;
-        this.ariaHidden = true;
-        this.classNames = true;
         this.element = el;
     }
+    classNames = true;
     get nameAttribute() {
         return this.uploadService.async.saveField;
     }
@@ -67,10 +76,10 @@ export class FileSelectDirective {
             this.navigation.focusedIndex = -1;
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectDirective, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FileSelectDirective, isStandalone: true, selector: "[kendoFileSelect]", inputs: { dir: "dir", disabled: "disabled", multiple: "multiple", restrictions: "restrictions", accept: "accept", required: "required" }, host: { listeners: { "change": "onInputChange($event)" }, properties: { "attr.type": "this.type", "attr.autocomplete": "this.autocomplete", "attr.tabindex": "this.tabIndex", "attr.aria-hidden": "this.ariaHidden", "class.k-hidden": "this.classNames", "attr.name": "this.nameAttribute", "attr.multiple": "this.multipleAttribute", "attr.dir": "this.dirAttribute", "attr.disabled": "this.disabledAttribute", "attr.accept": "this.acceptAttribute", "attr.required": "this.requiredAttribute" } }, ngImport: i0 });
 }
-FileSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectDirective, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FileSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FileSelectDirective, isStandalone: true, selector: "[kendoFileSelect]", inputs: { dir: "dir", disabled: "disabled", multiple: "multiple", restrictions: "restrictions", accept: "accept", required: "required" }, host: { listeners: { "change": "onInputChange($event)" }, properties: { "attr.type": "this.type", "attr.autocomplete": "this.autocomplete", "attr.tabindex": "this.tabIndex", "attr.aria-hidden": "this.ariaHidden", "class.k-hidden": "this.classNames", "attr.name": "this.nameAttribute", "attr.multiple": "this.multipleAttribute", "attr.dir": "this.dirAttribute", "attr.disabled": "this.disabledAttribute", "attr.accept": "this.acceptAttribute", "attr.required": "this.requiredAttribute" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFileSelect]',

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

@@ -37,6 +37,48 @@ export const FILESELECT_VALUE_ACCESSOR = {
 };
 let idx = 0;
 export class FileSelectComponent extends UploadFileSelectBase {
+    uploadService;
+    localization;
+    navigation;
+    dropZoneService;
+    ngZone;
+    renderer;
+    cdr;
+    injector;
+    fileSelectInput;
+    get dir() {
+        return this.direction;
+    }
+    /**
+     * Sets the `name` attribute of the `input` element of the FileSelect.
+     */
+    set name(name) {
+        this.uploadService.async.saveField = name;
+    }
+    get name() {
+        return this.uploadService.async.saveField;
+    }
+    /**
+     * Fires when the value of the component has changed as a result of a successful `select` or `remove` operation.
+     */
+    valueChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    _restrictions = {
+        allowedExtensions: [],
+        maxFileSize: 0,
+        minFileSize: 0
+    };
+    direction;
+    wrapper;
+    fileListId;
+    documentClick; // eslint-disable-line @typescript-eslint/ban-types
+    blurSubscription;
+    wrapperFocusSubscription;
+    selectButtonFocusSubscription;
+    localizationChangeSubscription;
+    subs;
     constructor(uploadService, localization, navigation, dropZoneService, ngZone, renderer, cdr, wrapper, injector) {
         super(uploadService, navigation, cdr, injector, ngZone);
         this.uploadService = uploadService;
@@ -47,18 +89,6 @@ export class FileSelectComponent extends UploadFileSelectBase {
         this.renderer = renderer;
         this.cdr = cdr;
         this.injector = injector;
-        /**
-         * Fires when the value of the component has changed as a result of a successful `select` or `remove` operation.
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this._restrictions = {
-            allowedExtensions: [],
-            maxFileSize: 0,
-            minFileSize: 0
-        };
         validatePackage(packageMetadata);
         this.wrapper = wrapper.nativeElement;
         this.direction = localization.rtl ? 'rtl' : 'ltr';
@@ -71,18 +101,6 @@ export class FileSelectComponent extends UploadFileSelectBase {
         this.attachEventHandlers();
         this.setDefaultSettings();
     }
-    get dir() {
-        return this.direction;
-    }
-    /**
-     * Sets the `name` attribute of the `input` element of the FileSelect.
-     */
-    set name(name) {
-        this.uploadService.async.saveField = name;
-    }
-    get name() {
-        return this.uploadService.async.saveField;
-    }
     ngOnInit() {
         const { buttonId, fileListId } = this.getIds();
         this.focusableId = buttonId;
@@ -242,23 +260,22 @@ export class FileSelectComponent extends UploadFileSelectBase {
         this.uploadService.async.autoUpload = false;
         this.uploadService.component = 'FileSelect';
     }
-}
-FileSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectComponent, 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 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileSelectComponent, isStandalone: true, selector: "kendo-fileselect", inputs: { name: "name" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
-        LocalizationService,
-        NavigationService,
-        UploadService,
-        DropZoneService,
-        FILESELECT_VALUE_ACCESSOR,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.fileselect'
-        },
-        {
-            provide: KendoInput,
-            useExisting: forwardRef(() => FileSelectComponent)
-        }
-    ], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }], exportAs: ["kendoFileSelect"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectComponent, 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 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileSelectComponent, isStandalone: true, selector: "kendo-fileselect", inputs: { name: "name" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
+            LocalizationService,
+            NavigationService,
+            UploadService,
+            DropZoneService,
+            FILESELECT_VALUE_ACCESSOR,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.fileselect'
+            },
+            {
+                provide: KendoInput,
+                useExisting: forwardRef(() => FileSelectComponent)
+            }
+        ], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }], exportAs: ["kendoFileSelect"], usesInheritance: true, ngImport: i0, template: `
         <ng-container kendoFileSelectLocalizedMessages
             i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
             dropFilesHere="Drop files here to select"
@@ -321,7 +338,8 @@ FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             [id]="fileListId">
         </ul>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoFileSelect',

package/{esm2020 → esm2022}/fileselect.module.mjs

@@ -19,15 +19,15 @@ import * as i6 from "./dropzone.component";
  * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the FileSelect component.
  */
 export class FileSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FileSelectModule, imports: [i1.FileSelectComponent, i2.FileTemplateDirective, i3.FileInfoTemplateDirective, i4.CustomMessagesComponent, i5.UploadDropZoneDirective, i6.UploadDropZoneComponent], exports: [i1.FileSelectComponent, i2.FileTemplateDirective, i3.FileInfoTemplateDirective, i4.CustomMessagesComponent, i5.UploadDropZoneDirective, i6.UploadDropZoneComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService
+        ], imports: [i1.FileSelectComponent, i6.UploadDropZoneComponent] });
 }
-FileSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FileSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FileSelectModule, imports: [i1.FileSelectComponent, i2.FileTemplateDirective, i3.FileInfoTemplateDirective, i4.CustomMessagesComponent, i5.UploadDropZoneDirective, i6.UploadDropZoneComponent], exports: [i1.FileSelectComponent, i2.FileTemplateDirective, i3.FileInfoTemplateDirective, i4.CustomMessagesComponent, i5.UploadDropZoneDirective, i6.UploadDropZoneComponent] });
-FileSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService
-    ], imports: [i1.FileSelectComponent, i4.CustomMessagesComponent, i6.UploadDropZoneComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_FILESELECT],

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -21,22 +21,23 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class CustomMessagesComponent extends Messages {
+    service;
+    get override() {
+        return true;
+    }
     constructor(service) {
         super();
         this.service = service;
     }
-    get override() {
-        return true;
-    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  ", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  ", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/localization/messages.mjs

@@ -0,0 +1,143 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class Messages extends ComponentMessages {
+    /**
+     * Sets the text for the **Cancel** button.
+     */
+    cancel;
+    /**
+     * Sets the text for the **Clear** button.
+     */
+    clearSelectedFiles;
+    /**
+     * Sets the drop-zone hint.
+     */
+    dropFilesHere;
+    /**
+     * Sets the external drop-zone hint.
+     */
+    externalDropFilesHere;
+    /**
+     * Sets the status message for a batch of files.
+     */
+    filesBatchStatus;
+    /**
+     * Sets the status message for a batch of files after failed upload.
+     */
+    filesBatchStatusFailed;
+    /**
+     * Sets the status message for a batch of files after successful upload.
+     */
+    filesBatchStatusUploaded;
+    /**
+     * Sets the file status message after failed upload.
+     */
+    fileStatusFailed;
+    /**
+     * Sets the file status message after successful upload.
+     */
+    fileStatusUploaded;
+    /**
+     * Sets the header status message when the file upload is paused.
+     */
+    headerStatusPaused;
+    /**
+     * Sets the header status message after the file upload completes.
+     */
+    headerStatusUploaded;
+    /**
+     * Sets the header status message during the upload of the file.
+     */
+    headerStatusUploading;
+    /**
+     * Sets the text for the invalid `allowedExtensions` restriction message.
+     */
+    invalidFileExtension;
+    /**
+     * Sets the text for the invalid `maxFileSize` restriction message.
+     */
+    invalidMaxFileSize;
+    /**
+     * Sets the text for the invalid `minFileSize` restriction message.
+     */
+    invalidMinFileSize;
+    /**
+     * Sets the text for the **Pause** button.
+     */
+    pause;
+    /**
+     * Sets the text for the **Remove** button.
+     */
+    remove;
+    /**
+     * Sets the text for the **Resume** button.
+     */
+    resume;
+    /**
+     * Sets the text for the **Retry** button.
+     */
+    retry;
+    /**
+     * Sets the text for the **Select** button.
+     */
+    select;
+    /**
+     * Sets the text for the **Upload files** button.
+     */
+    uploadSelectedFiles;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, inputs: { cancel: "cancel", clearSelectedFiles: "clearSelectedFiles", dropFilesHere: "dropFilesHere", externalDropFilesHere: "externalDropFilesHere", filesBatchStatus: "filesBatchStatus", filesBatchStatusFailed: "filesBatchStatusFailed", filesBatchStatusUploaded: "filesBatchStatusUploaded", fileStatusFailed: "fileStatusFailed", fileStatusUploaded: "fileStatusUploaded", headerStatusPaused: "headerStatusPaused", headerStatusUploaded: "headerStatusUploaded", headerStatusUploading: "headerStatusUploading", invalidFileExtension: "invalidFileExtension", invalidMaxFileSize: "invalidMaxFileSize", invalidMinFileSize: "invalidMinFileSize", pause: "pause", remove: "remove", resume: "resume", retry: "retry", select: "select", uploadSelectedFiles: "uploadSelectedFiles" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
+            type: Directive
+        }], propDecorators: { cancel: [{
+                type: Input
+            }], clearSelectedFiles: [{
+                type: Input
+            }], dropFilesHere: [{
+                type: Input
+            }], externalDropFilesHere: [{
+                type: Input
+            }], filesBatchStatus: [{
+                type: Input
+            }], filesBatchStatusFailed: [{
+                type: Input
+            }], filesBatchStatusUploaded: [{
+                type: Input
+            }], fileStatusFailed: [{
+                type: Input
+            }], fileStatusUploaded: [{
+                type: Input
+            }], headerStatusPaused: [{
+                type: Input
+            }], headerStatusUploaded: [{
+                type: Input
+            }], headerStatusUploading: [{
+                type: Input
+            }], invalidFileExtension: [{
+                type: Input
+            }], invalidMaxFileSize: [{
+                type: Input
+            }], invalidMinFileSize: [{
+                type: Input
+            }], pause: [{
+                type: Input
+            }], remove: [{
+                type: Input
+            }], resume: [{
+                type: Input
+            }], retry: [{
+                type: Input
+            }], select: [{
+                type: Input
+            }], uploadSelectedFiles: [{
+                type: Input
+            }] } });

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

@@ -11,20 +11,23 @@ import * as i1 from "./upload.service";
  * @hidden
  */
 export class NavigationService {
+    uploadService;
+    zone;
+    onActionButtonFocus = new EventEmitter();
+    onFileAction = new EventEmitter();
+    onFileFocus = new EventEmitter();
+    onTabOut = new EventEmitter();
+    onWrapperFocus = new EventEmitter();
+    onSelectButtonFocus = new EventEmitter();
+    actionButtonsVisible = false;
+    fileListVisible = false;
+    focused = false;
+    keyBindings;
+    focusedFileIndex = 0;
+    _focusedIndex = -1;
     constructor(uploadService, zone) {
         this.uploadService = uploadService;
         this.zone = zone;
-        this.onActionButtonFocus = new EventEmitter();
-        this.onFileAction = new EventEmitter();
-        this.onFileFocus = new EventEmitter();
-        this.onTabOut = new EventEmitter();
-        this.onWrapperFocus = new EventEmitter();
-        this.onSelectButtonFocus = new EventEmitter();
-        this.actionButtonsVisible = false;
-        this.fileListVisible = false;
-        this.focused = false;
-        this.focusedFileIndex = 0;
-        this._focusedIndex = -1;
     }
     action(event) {
         const key = event.keyCode;
@@ -139,9 +142,9 @@ export class NavigationService {
         const fileCount = this.uploadService.files.count;
         return this.actionButtonsVisible ? fileCount + 1 : fileCount - 1;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.UploadService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.UploadService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.UploadService }, { type: i0.NgZone }]; } });

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-upload',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174367,
-    version: '17.0.0-develop.9',
+    publishDate: 1731413934,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/rendering/file-list-item-action-button.component.mjs

@@ -18,15 +18,21 @@ import * as i3 from "./../navigation.service";
  * @hidden
  */
 export class FileListItemActionButtonComponent {
+    uploadService;
+    localization;
+    navigation;
+    file;
+    disabled;
+    progress;
+    retrySVGIcon = arrowRotateCwSmallIcon;
+    playSVGIcon = playSmIcon;
+    pauseSVGIcon = pauseSmIcon;
+    cancelSVGIcon = cancelIcon;
+    deleteSVGIcon = xIcon;
     constructor(uploadService, localization, navigation) {
         this.uploadService = uploadService;
         this.localization = localization;
         this.navigation = navigation;
-        this.retrySVGIcon = arrowRotateCwSmallIcon;
-        this.playSVGIcon = playSmIcon;
-        this.pauseSVGIcon = pauseSmIcon;
-        this.cancelSVGIcon = cancelIcon;
-        this.deleteSVGIcon = xIcon;
     }
     onRetryClick() {
         if (this.disabled) {
@@ -97,9 +103,8 @@ export class FileListItemActionButtonComponent {
         }
         return true;
     }
-}
-FileListItemActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemActionButtonComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-FileListItemActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListItemActionButtonComponent, isStandalone: true, selector: "kendo-upload-file-list-item-action-button", inputs: { file: "file", disabled: "disabled", progress: "progress" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemActionButtonComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListItemActionButtonComponent, isStandalone: true, selector: "kendo-upload-file-list-item-action-button", inputs: { file: "file", disabled: "disabled", progress: "progress" }, ngImport: i0, template: `
     <span class="k-upload-actions">
         <span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>
 
@@ -149,7 +154,8 @@ FileListItemActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
         ></button>
     </span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-upload-file-list-item-action-button',

package/{esm2020 → esm2022}/rendering/file-list-item-base.mjs

@@ -11,9 +11,12 @@ import * as i1 from "../upload.service";
  * @hidden
  */
 export class FileListItemBase {
+    uploadService;
+    progressComplete = 0;
+    localization;
+    uploadProgressSubscription;
     constructor(uploadService) {
         this.uploadService = uploadService;
-        this.progressComplete = 0;
     }
     subscribeUploadProgress(uploadProgressHandler) {
         this.uploadProgressSubscription = this.uploadService.uploadProgressEvent.subscribe(uploadProgressHandler);
@@ -40,10 +43,10 @@ export class FileListItemBase {
     textFor(key) {
         return this.localization.get(key);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemBase, deps: [{ token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListItemBase, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-FileListItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemBase, deps: [{ token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Component });
-FileListItemBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListItemBase, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemBase, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return [{ type: i1.UploadService }]; } });

package/{esm2020 → esm2022}/rendering/file-list-item.mjs

@@ -14,11 +14,16 @@ import * as i2 from "../upload.service";
  * @hidden
  */
 export class FileListItemDirective {
+    navigationService;
+    uploadService;
+    files;
+    index;
+    fileClass = true;
+    focused = false;
+    element;
     constructor(el, navigationService, uploadService) {
         this.navigationService = navigationService;
         this.uploadService = uploadService;
-        this.fileClass = true;
-        this.focused = false;
         this.element = el;
     }
     focus() {
@@ -61,10 +66,10 @@ export class FileListItemDirective {
             this.navigationService.focusedIndex = this.navigationService.focusedFileIndex = this.index;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FileListItemDirective, isStandalone: true, selector: "[kendoUploadFileListItem]", inputs: { files: "files", index: "index" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "click": "onClick($event)" }, properties: { "class.k-file": "this.fileClass", "attr.data-uid": "this.uidAttribute", "attr.tabIndex": "this.tabIndex", "class.k-file-error": "this.kFileError", "class.k-file-invalid": "this.kFileInvalid", "class.k-file-progress": "this.kFileProgress", "class.k-file-success": "this.kFileSuccess", "class.k-focus": "this.kStateFocused" } }, ngImport: i0 });
 }
-FileListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Directive });
-FileListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FileListItemDirective, isStandalone: true, selector: "[kendoUploadFileListItem]", inputs: { files: "files", index: "index" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "click": "onClick($event)" }, properties: { "class.k-file": "this.fileClass", "attr.data-uid": "this.uidAttribute", "attr.tabIndex": "this.tabIndex", "class.k-file-error": "this.kFileError", "class.k-file-invalid": "this.kFileInvalid", "class.k-file-progress": "this.kFileProgress", "class.k-file-success": "this.kFileSuccess", "class.k-focus": "this.kStateFocused" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoUploadFileListItem]',