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

package/{esm2015/events/upload-progress-event.js → esm2020/events/upload-progress-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.js → esm2020/events.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 { CancelEvent } from './events/cancel-event';

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

@@ -1,8 +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 { Directive, HostBinding, HostListener, Input } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, Input } from '@angular/core';
+import { NavigationService } from './navigation.service';
+import { UploadService } from './upload.service';
 import { assignGuidToFiles, inputFiles } from './common/util';
 import { validateFiles } from './common/validation-util';
 import * as i0 from "@angular/core";
@@ -58,9 +60,9 @@ export class FileSelectDirective {
         });
     }
 }
-FileSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectDirective, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FileSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: { dir: "dir", disabled: "disabled", multiple: "multiple", restrictions: "restrictions" }, host: { listeners: { "change": "onInputChange($event)" }, properties: { "attr.type": "this.type", "attr.autocomplete": "this.autocomplete", "attr.tabindex": "this.tabIndex", "attr.name": "this.nameAttribute", "attr.multiple": "this.multipleAttribute", "attr.dir": "this.dirAttribute", "attr.disabled": "this.disabledAttribute" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectDirective, decorators: [{
+FileSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectDirective, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+FileSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: { dir: "dir", disabled: "disabled", multiple: "multiple", restrictions: "restrictions" }, host: { listeners: { "change": "onInputChange($event)" }, properties: { "attr.type": "this.type", "attr.autocomplete": "this.autocomplete", "attr.tabindex": "this.tabIndex", "attr.name": "this.nameAttribute", "attr.multiple": "this.multipleAttribute", "attr.dir": "this.dirAttribute", "attr.disabled": "this.disabledAttribute" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFileSelect]'

package/{esm2015/fileselect.component.js → esm2020/fileselect.component.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 { Component, Input, HostBinding, forwardRef, ViewChild, Output, EventEmitter, HostListener, ContentChild } from "@angular/core";
+import { Component, Input, HostBinding, forwardRef, Renderer2, ViewChild, ElementRef, Output, EventEmitter, NgZone, ContentChild, ChangeDetectorRef } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { KendoInput, guid, Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
@@ -22,11 +22,12 @@ 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/file-list.component";
-import * as i6 from "./localization/localized-messages.directive";
-import * as i7 from "./dropzone-internal.directive";
-import * as i8 from "./file-select.directive";
-import * as i9 from "@angular/common";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "./rendering/file-list.component";
+import * as i7 from "./localization/localized-messages.directive";
+import * as i8 from "./dropzone-internal.directive";
+import * as i9 from "./file-select.directive";
+import * as i10 from "@angular/common";
 /**
  * @hidden
  */
@@ -35,6 +36,7 @@ export const FILESELECT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => FileSelectComponent)
 };
+let idx = 0;
 export class FileSelectComponent {
     constructor(uploadService, localization, navigation, dropZoneService, ngZone, renderer, cdr, wrapper) {
         this.uploadService = uploadService;
@@ -125,7 +127,7 @@ export class FileSelectComponent {
      * Sets the restrictions for selected files.
      */
     set restrictions(restrictions) {
-        let parsedRestrictions = Object.assign({}, this._restrictions, restrictions);
+        const parsedRestrictions = Object.assign({}, this._restrictions, restrictions);
         this._restrictions = parsedRestrictions;
     }
     get restrictions() {
@@ -142,6 +144,23 @@ export class FileSelectComponent {
         if (this.zoneId) {
             this.dropZoneService.addComponent(this, this.zoneId);
         }
+        this.subs.add(this.renderer.listen(this.fileSelectInput.nativeElement, 'mouseenter', () => {
+            this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-hover');
+        }));
+        this.subs.add(this.renderer.listen(this.fileSelectInput.nativeElement, 'mouseleave', () => {
+            this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-hover');
+        }));
+        this.ngZone.runOutsideAngular(() => {
+            this.subs.add(this.renderer.listen(this.wrapper, 'keydown', event => this.handleKeydown(event)));
+        });
+    }
+    ngAfterViewInit() {
+        const { buttonId, inputId } = this.getIds();
+        const button = this.fileSelectButton.nativeElement;
+        const input = this.fileSelectInput.nativeElement;
+        this.renderer.setAttribute(button, 'id', buttonId);
+        this.renderer.setAttribute(button, 'aria-controls', inputId);
+        this.renderer.setAttribute(input, 'id', inputId);
     }
     /**
      * @hidden
@@ -175,24 +194,6 @@ export class FileSelectComponent {
             this.subs.unsubscribe();
         }
     }
-    /**
-     * @hidden
-     */
-    handleKeydown(event) {
-        if (this.disabled) {
-            return;
-        }
-        if ((event.keyCode === Keys.Enter || event.keyCode === Keys.Space) &&
-            event.target === this.fileSelectButton.nativeElement) {
-            event.preventDefault();
-            this.fileSelect.nativeElement.click();
-            return;
-        }
-        if (hasClasses(event.target, UPLOAD_CLASSES) ||
-            (!isFocusable(event.target) && !hasClasses(event.target, IGNORE_TARGET_CLASSES))) {
-            this.navigation.process(event);
-        }
-    }
     /**
      * @hidden
      */
@@ -263,6 +264,16 @@ export class FileSelectComponent {
     get selectButtonTabIndex() {
         return this.disabled ? undefined : this.tabindex;
     }
+    /**
+     * @hidden
+     */
+    getIds() {
+        const id = ++idx;
+        const buttonId = `k-fileselect-button-${id}`;
+        const inputId = `k-fileselect-input-${id}`;
+        return { buttonId, inputId };
+    }
+    ;
     /**
      * @hidden
      */
@@ -305,6 +316,21 @@ export class FileSelectComponent {
             this.fileSelectButton.nativeElement.focus();
         });
     }
+    handleKeydown(event) {
+        if (this.disabled) {
+            return;
+        }
+        if ((event.keyCode === Keys.Enter || event.keyCode === Keys.Space) &&
+            event.target === this.fileSelectButton.nativeElement) {
+            event.preventDefault();
+            this.fileSelectInput.nativeElement.click();
+            return;
+        }
+        if (hasClasses(event.target, UPLOAD_CLASSES) ||
+            (!isFocusable(event.target) && !hasClasses(event.target, IGNORE_TARGET_CLASSES))) {
+            this.navigation.process(event);
+        }
+    }
     attachEventHandlers() {
         this.subs = this.uploadService.changeEvent.subscribe((files) => {
             let model = [];
@@ -336,8 +362,8 @@ export class FileSelectComponent {
         this.uploadService.component = 'FileSelect';
     }
 }
-FileSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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 }], target: i0.ɵɵFactoryTarget.Component });
-FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FileSelectComponent, selector: "kendo-fileselect", inputs: { accept: "accept", disabled: "disabled", multiple: "multiple", name: "name", showFileList: "showFileList", tabindex: "tabindex", restrictions: "restrictions", zoneId: "zoneId", focusableId: "focusableId" }, outputs: { onBlur: "blur", onFocus: "focus", select: "select", remove: "remove", 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: [
+FileSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 }], target: i0.ɵɵFactoryTarget.Component });
+FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileSelectComponent, selector: "kendo-fileselect", inputs: { accept: "accept", disabled: "disabled", multiple: "multiple", name: "name", showFileList: "showFileList", tabindex: "tabindex", restrictions: "restrictions", zoneId: "zoneId", focusableId: "focusableId" }, outputs: { onBlur: "blur", onFocus: "focus", select: "select", remove: "remove", valueChange: "valueChange" }, host: { properties: { "class.k-upload": "this.hostDefaultClasses", "class.k-disabled": "this.hostDisabledClass", "attr.dir": "this.dir" } }, providers: [
         LocalizationService,
         NavigationService,
         UploadService,
@@ -351,7 +377,7 @@ FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             provide: KendoInput,
             useExisting: forwardRef(() => FileSelectComponent)
         }
-    ], 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: ["kendoFileSelect"], ngImport: i0, template: `
+    ], queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: FileInfoTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }, { propertyName: "fileSelectButton", first: true, predicate: ["fileSelectButton"], descendants: true, read: ElementRef, static: true }], exportAs: ["kendoFileSelect"], ngImport: i0, template: `
         <ng-container kendoFileSelectLocalizedMessages
             i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
             dropFilesHere="Drop files here to select"
@@ -376,21 +402,31 @@ FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             [restrictions]="restrictions"
             [multiple]="multiple"
             [disabled]="disabled">
-            <div role="button" #fileSelectButton
+            <div class="k-upload-button-wrap">
+            <button 
+                kendoButton
+                #fileSelectButton
+                class="k-upload-button"
+                role="button"
                 [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"
-                    [dir]="direction"
-                    [restrictions]="restrictions"
-                    [multiple]="multiple"
-                    [disabled]="disabled" />
-                <span>{{textFor('select')}}</span>
-            </div>
+            >
+                {{textFor('select')}}
+            </button>
+            <input
+                #fileSelectInput
+                kendoFileSelect
+                [attr.accept]="accept ? accept : null"
+                [attr.aria-hidden]="true"
+                [dir]="direction"
+                [restrictions]="restrictions"
+                [multiple]="multiple"
+                [disabled]="disabled"
+            />
+        </div>
             <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
         </div>
         <ul kendo-upload-file-list
@@ -401,8 +437,8 @@ FileSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             [fileTemplate]="fileTemplate"
             [fileInfoTemplate]="fileInfoTemplate">
         </ul>
-    `, isInline: true, components: [{ type: i5.FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }], directives: [{ type: i6.LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { type: i7.DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { type: i8.FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectComponent, decorators: [{
+    `, isInline: true, components: [{ type: i5.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i6.FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }], directives: [{ type: i7.LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { type: i8.DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { type: i9.FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoFileSelect',
@@ -447,21 +483,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [restrictions]="restrictions"
             [multiple]="multiple"
             [disabled]="disabled">
-            <div role="button" #fileSelectButton
+            <div class="k-upload-button-wrap">
+            <button 
+                kendoButton
+                #fileSelectButton
+                class="k-upload-button"
+                role="button"
                 [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"
-                    [dir]="direction"
-                    [restrictions]="restrictions"
-                    [multiple]="multiple"
-                    [disabled]="disabled" />
-                <span>{{textFor('select')}}</span>
-            </div>
+            >
+                {{textFor('select')}}
+            </button>
+            <input
+                #fileSelectInput
+                kendoFileSelect
+                [attr.accept]="accept ? accept : null"
+                [attr.aria-hidden]="true"
+                [dir]="direction"
+                [restrictions]="restrictions"
+                [multiple]="multiple"
+                [disabled]="disabled"
+            />
+        </div>
             <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
         </div>
         <ul kendo-upload-file-list
@@ -498,12 +544,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], fileInfoTemplate: [{
                 type: ContentChild,
                 args: [FileInfoTemplateDirective, { static: false }]
-            }], fileSelect: [{
+            }], fileSelectInput: [{
                 type: ViewChild,
-                args: ['fileSelect', { static: true }]
+                args: ['fileSelectInput', { static: true }]
             }], fileSelectButton: [{
                 type: ViewChild,
-                args: ['fileSelectButton', { static: true }]
+                args: ['fileSelectButton', { static: true, read: ElementRef }]
             }], onBlur: [{
                 type: Output,
                 args: ['blur']
@@ -517,9 +563,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], valueChange: [{
                 type: Output
             }], hostDefaultClasses: [{
-                type: HostBinding,
-                args: ['class.k-widget']
-            }, {
                 type: HostBinding,
                 args: ['class.k-upload']
             }], hostDisabledClass: [{
@@ -528,7 +571,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], dir: [{
                 type: HostBinding,
                 args: ['attr.dir']
-            }], handleKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
             }] } });

package/{esm2015/fileselect.module.js → esm2020/fileselect.module.mjs}

@@ -1,9 +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 { NgModule } from '@angular/core';
 import { FileSelectComponent } from './fileselect.component';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import { SharedModule, PUBLIC_DIRECTIVES } from './shared.module';
 import * as i0 from "@angular/core";
 import * as i1 from "./templates/file-template.directive";
@@ -19,10 +20,10 @@ const FILESELECT_DECLARATIONS = [
  */
 export class FileSelectModule {
 }
-FileSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FileSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectModule, declarations: [FileSelectComponent], imports: [SharedModule], exports: [i1.FileTemplateDirective, i2.FileInfoTemplateDirective, i3.CustomMessagesComponent, i4.UploadDropZoneDirective, i5.UploadDropZoneComponent, FileSelectComponent] });
-FileSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectModule, imports: [[SharedModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileSelectModule, decorators: [{
+FileSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FileSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectModule, declarations: [FileSelectComponent], imports: [SharedModule, IconsModule], exports: [i1.FileTemplateDirective, i2.FileInfoTemplateDirective, i3.CustomMessagesComponent, i4.UploadDropZoneDirective, i5.UploadDropZoneComponent, FileSelectComponent] });
+FileSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectModule, imports: [[SharedModule, IconsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FILESELECT_DECLARATIONS],
@@ -30,6 +31,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         PUBLIC_DIRECTIVES,
                         FILESELECT_DECLARATIONS
                     ],
-                    imports: [SharedModule]
+                    imports: [SharedModule, IconsModule]
                 }]
         }] });

package/{esm2015/main.js → esm2020/index.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 { UploadService } from './upload.service';
@@ -23,5 +23,6 @@ export { UploadStatusTotalComponent } from './rendering/upload-status-total.comp
 export { UploadActionButtonsComponent } from './rendering/upload-action-buttons.component';
 export { UploadDropZoneDirective } from './dropzone-external.directive';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { validateFiles } from './common/validation-util';
 export * from './events';
 export * from './types';

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

@@ -1,9 +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 { Component, forwardRef } from '@angular/core';
 import { Messages } from './messages';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
@@ -28,14 +29,14 @@ export class CustomMessagesComponent extends Messages {
         return true;
     }
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages", providers: [
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CustomMessagesComponent, 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: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

@@ -1,9 +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 { Directive, forwardRef } from '@angular/core';
 import { Messages } from './messages';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
@@ -15,14 +16,14 @@ export class LocalizedMessagesDirective extends Messages {
         this.service = service;
     }
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  ", providers: [
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LocalizedMessagesDirective, 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: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2015/localization/messages.js → esm2020/localization/messages.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, Input } from '@angular/core';
@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  */
 export class Messages extends ComponentMessages {
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: Messages, decorators: [{
             type: Directive
         }], propDecorators: { cancel: [{
                 type: Input

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* 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, EventEmitter } from '@angular/core';
+import { Injectable, EventEmitter, NgZone } from '@angular/core';
+import { UploadService } from './upload.service';
 import { Keys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./upload.service";
@@ -10,8 +11,9 @@ import * as i1 from "./upload.service";
  * @hidden
  */
 export class NavigationService {
-    constructor(uploadService) {
+    constructor(uploadService, zone) {
         this.uploadService = uploadService;
+        this.zone = zone;
         this.onActionButtonAction = new EventEmitter();
         this.onActionButtonFocus = new EventEmitter();
         this.onFileAction = new EventEmitter();
@@ -55,18 +57,22 @@ export class NavigationService {
     }
     handleEnter() {
         if (this.lastIndex >= 0) {
-            if (this.focusedIndex <= this.lastFileIndex) {
-                this.onFileAction.emit(Keys.Enter);
-                return;
-            }
-            if (this.actionButtonsVisible && this.focusedIndex <= this.lastIndex) {
-                this.onActionButtonAction.emit(this.focusedIndex < this.lastIndex ? "clear" : "upload");
-            }
+            this.zone.run(() => {
+                if (this.focusedIndex <= this.lastFileIndex) {
+                    this.onFileAction.emit(Keys.Enter);
+                    return;
+                }
+                if (this.actionButtonsVisible && this.focusedIndex <= this.lastIndex) {
+                    this.onActionButtonAction.emit(this.focusedIndex < this.lastIndex ? "clear" : "upload");
+                }
+            });
         }
     }
     handleDelete() {
         if (this.focusedIndex >= 0 && this.focusedIndex <= this.lastFileIndex) {
-            this.onFileAction.emit(Keys.Delete);
+            this.zone.run(() => {
+                this.onFileAction.emit(Keys.Delete);
+            });
         }
     }
     handleEscape() {
@@ -77,13 +83,17 @@ export class NavigationService {
     handleLeft() {
         if (this.actionButtonsVisible && this.focusedIndex === this.lastIndex) {
             this.focusedIndex -= 1;
-            this.onActionButtonFocus.emit("clear");
+            this.zone.run(() => {
+                this.onActionButtonFocus.emit("clear");
+            });
         }
     }
     handleRight() {
         if (this.actionButtonsVisible && this.focusedIndex === this.lastIndex - 1) {
             this.focusedIndex += 1;
-            this.onActionButtonFocus.emit("upload");
+            this.zone.run(() => {
+                this.onActionButtonFocus.emit("upload");
+            });
         }
     }
     handleTab(shifted) {
@@ -91,36 +101,42 @@ export class NavigationService {
             this.focusedIndex = -1;
             return;
         }
-        this.onTab.emit();
+        this.zone.run(() => {
+            this.onTab.emit();
+        });
     }
     handleDown() {
         if (this.lastIndex >= 0 && this.focusedIndex < this.lastIndex) {
-            if (this.focusedIndex < this.lastFileIndex) {
-                this.focusedIndex += 1;
-                this.onFileFocus.emit(this.focusedIndex);
-                return;
-            }
-            if (this.actionButtonsVisible && this.focusedIndex === this.lastFileIndex) {
-                this.focusedIndex += 1;
-                this.onActionButtonFocus.emit("clear");
-            }
+            this.zone.run(() => {
+                if (this.focusedIndex < this.lastFileIndex) {
+                    this.focusedIndex += 1;
+                    this.onFileFocus.emit(this.focusedIndex);
+                    return;
+                }
+                if (this.actionButtonsVisible && this.focusedIndex === this.lastFileIndex) {
+                    this.focusedIndex += 1;
+                    this.onActionButtonFocus.emit("clear");
+                }
+            });
         }
     }
     handleUp() {
         if (this.lastIndex >= 0 && this.focusedIndex > -1) {
-            this.focusedIndex -= 1;
-            if (this.focusedIndex === -1) {
-                this.onSelectButtonFocus.emit();
-                return;
-            }
-            if (this.focusedIndex <= this.lastFileIndex) {
-                this.onFileFocus.emit(this.focusedIndex);
-                return;
-            }
-            if (this.actionButtonsVisible && this.focusedIndex <= this.lastIndex) {
-                this.focusedIndex = this.lastFileIndex;
-                this.onFileFocus.emit(this.focusedIndex);
-            }
+            this.zone.run(() => {
+                this.focusedIndex -= 1;
+                if (this.focusedIndex === -1) {
+                    this.onSelectButtonFocus.emit();
+                    return;
+                }
+                if (this.focusedIndex <= this.lastFileIndex) {
+                    this.onFileFocus.emit(this.focusedIndex);
+                    return;
+                }
+                if (this.actionButtonsVisible && this.focusedIndex <= this.lastIndex) {
+                    this.focusedIndex = this.lastFileIndex;
+                    this.onFileFocus.emit(this.focusedIndex);
+                }
+            });
         }
     }
     get focusedIndex() {
@@ -144,8 +160,8 @@ export class NavigationService {
         return this.actionButtonsVisible ? fileCount + 1 : fileCount - 1;
     }
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, deps: [{ token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, decorators: [{
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService, deps: [{ token: i1.UploadService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.UploadService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.UploadService }, { type: i0.NgZone }]; } });