@progress/kendo-angular-upload 9.0.4 → 11.0.0-develop.101

package/esm2020/rendering/file-list-single-item.component.mjs

@@ -0,0 +1,185 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Component } from '@angular/core';
+import { FileState } from '../types';
+import { FileListItemBase } from './file-list-item-base';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { UploadService } from '../upload.service';
+import { getFileGroupCssClass, isPresent } from '../common/util';
+import { FileInfoTemplateDirective } from '../templates/file-info-template.directive';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { fileIcon } from '@progress/kendo-svg-icons';
+import { fileGroupMap, fileSVGGroupMap } from '../types/file-groups';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../upload.service";
+import * as i3 from "@progress/kendo-angular-progressbar";
+import * as i4 from "@progress/kendo-angular-icons";
+import * as i5 from "./file-list-item-action-button.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "../templates/template-context.directive";
+/**
+ * @hidden
+ */
+export class FileListSingleItemComponent extends FileListItemBase {
+    constructor(localization, uploadService) {
+        super(uploadService);
+        this.localization = localization;
+        this.subscribeUploadProgress((args) => {
+            if (args.files[0].uid === this.file.uid) {
+                this.progressComplete = args.percentComplete;
+            }
+        });
+    }
+    get fileStatusText() {
+        const errors = this.file.validationErrors;
+        if (this.file.state === FileState.Uploaded) {
+            return `${this.textFor('fileStatusUploaded')}`;
+        }
+        if (this.file.state === FileState.Failed) {
+            return `${this.textFor('fileStatusFailed')}`;
+        }
+        if (!isPresent(errors)) {
+            return this.getTotalFilesSizeMessage([this.file]);
+        }
+        return this.getFileValidationMessage(this.file);
+    }
+    get showProgress() {
+        const showProgress = this.file.state === FileState.Uploading || this.file.state === FileState.Paused;
+        return showProgress ? 'active' : 'inactive';
+    }
+    get fileGroupClass() {
+        return getFileGroupCssClass(this.file.extension ? this.file.extension : '');
+    }
+    get fileSVGGroupIcon() {
+        const initial = fileIcon;
+        if (this.file.extension) {
+            for (const group in fileGroupMap) {
+                if (fileGroupMap[group].indexOf(this.file.extension) >= 0) {
+                    return fileSVGGroupMap[group];
+                }
+            }
+        }
+        return initial;
+    }
+    get isUploadSuccessful() {
+        return this.file.state === FileState.Uploaded;
+    }
+    get isUploadFailed() {
+        return this.file.state === FileState.Failed;
+    }
+    get isNotYetUploaded() {
+        return !this.isUploadFailed && !this.isUploadSuccessful;
+    }
+}
+FileListSingleItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListSingleItemComponent, deps: [{ token: i1.LocalizationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Component });
+FileListSingleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileListSingleItemComponent, selector: "kendo-upload-file-list-single-item", inputs: { disabled: "disabled", file: "file", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
+        <kendo-progressbar
+            [@progressState]="showProgress"
+            [value]="progressComplete"
+            [label]="{ visible: false }"
+        >
+        </kendo-progressbar>
+        <span class="k-file-icon-wrapper"> 
+            <kendo-icon-wrapper
+                [name]="fileGroupClass"
+                [svgIcon]="fileSVGGroupIcon"
+                innerCssClass="k-file-icon"
+            >
+            </kendo-icon-wrapper>
+        </span>
+        <span class="k-file-info">
+            <ng-container *ngIf="!fileInfoTemplate">
+            <span class="k-file-name" [title]="file.name">{{ file.name }}</span>
+            <span [ngClass]="{
+                'k-file-validation-message': file.validationErrors,
+                'k-file-size': !file.validationErrors && isNotYetUploaded,
+                'k-file-summary': isUploadSuccessful || isUploadFailed
+                }"
+            >{{fileStatusText}}</span>
+            </ng-container>
+            <ng-template *ngIf="fileInfoTemplate"
+                [templateContext]="{
+                templateRef: fileInfoTemplate.templateRef,
+                state: file.state,
+                $implicit: [file]
+                }">
+            </ng-template>
+        </span>
+        <kendo-upload-file-list-item-action-button
+            [file]='file'
+            [disabled]='disabled'
+            [progress]='progressComplete'>
+        </kendo-upload-file-list-item-action-button>
+    `, isInline: true, components: [{ type: i3.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }, { type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i5.FileListItemActionButtonComponent, selector: "kendo-upload-file-list-item-action-button", inputs: ["file", "disabled", "progress"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i8.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }], animations: [
+        trigger('progressState', [
+            state('active', style({ opacity: 1 })),
+            state('inactive', style({ opacity: 0 })),
+            transition('void => active', style({ opacity: 0 })),
+            transition('inactive => active', style({ opacity: 1 })),
+            transition('active => inactive', animate('1s 2s ease-out'))
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListSingleItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    animations: [
+                        trigger('progressState', [
+                            state('active', style({ opacity: 1 })),
+                            state('inactive', style({ opacity: 0 })),
+                            transition('void => active', style({ opacity: 0 })),
+                            transition('inactive => active', style({ opacity: 1 })),
+                            transition('active => inactive', animate('1s 2s ease-out'))
+                        ])
+                    ],
+                    selector: 'kendo-upload-file-list-single-item',
+                    template: `
+        <kendo-progressbar
+            [@progressState]="showProgress"
+            [value]="progressComplete"
+            [label]="{ visible: false }"
+        >
+        </kendo-progressbar>
+        <span class="k-file-icon-wrapper"> 
+            <kendo-icon-wrapper
+                [name]="fileGroupClass"
+                [svgIcon]="fileSVGGroupIcon"
+                innerCssClass="k-file-icon"
+            >
+            </kendo-icon-wrapper>
+        </span>
+        <span class="k-file-info">
+            <ng-container *ngIf="!fileInfoTemplate">
+            <span class="k-file-name" [title]="file.name">{{ file.name }}</span>
+            <span [ngClass]="{
+                'k-file-validation-message': file.validationErrors,
+                'k-file-size': !file.validationErrors && isNotYetUploaded,
+                'k-file-summary': isUploadSuccessful || isUploadFailed
+                }"
+            >{{fileStatusText}}</span>
+            </ng-container>
+            <ng-template *ngIf="fileInfoTemplate"
+                [templateContext]="{
+                templateRef: fileInfoTemplate.templateRef,
+                state: file.state,
+                $implicit: [file]
+                }">
+            </ng-template>
+        </span>
+        <kendo-upload-file-list-item-action-button
+            [file]='file'
+            [disabled]='disabled'
+            [progress]='progressComplete'>
+        </kendo-upload-file-list-item-action-button>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.UploadService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], file: [{
+                type: Input
+            }], fileInfoTemplate: [{
+                type: Input
+            }] } });

package/{esm2015/rendering/file-list.component.js → esm2020/rendering/file-list.component.mjs}

@@ -1,12 +1,16 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @angular-eslint/component-selector */
-import { Input, Component, ViewChildren } from '@angular/core';
+import { Input, Component, ViewChildren, QueryList } from '@angular/core';
 import { Keys } from '@progress/kendo-angular-common';
 import { FileState } from '../types';
+import { FileTemplateDirective } from '../templates/file-template.directive';
 import { FileListItemDirective } from './file-list-item';
+import { NavigationService } from '../navigation.service';
+import { UploadService } from '../upload.service';
+import { FileInfoTemplateDirective } from '../templates/file-info-template.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../upload.service";
 import * as i2 from "../navigation.service";
@@ -14,7 +18,8 @@ import * as i3 from "./file-list-single-item.component";
 import * as i4 from "./file-list-multiple-items.component";
 import * as i5 from "@angular/common";
 import * as i6 from "./file-list-item";
-import * as i7 from "../templates/template-context.directive";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "../templates/template-context.directive";
 /**
  * @hidden
  */
@@ -36,10 +41,10 @@ export class FileListComponent {
         });
     }
     itemActionHandler(key) {
-        let index = this.navigation.focusedIndex;
-        let item = this.fileListItems.toArray()[index];
-        let uid = item.uidAttribute;
-        let files = this.uploadService.files.get(uid);
+        const index = this.navigation.focusedIndex;
+        const item = this.fileListItems.toArray()[index];
+        const uid = item.uidAttribute;
+        const files = this.uploadService.files.get(uid);
         if (key === Keys.Escape && files[0].state === FileState.Uploading) {
             this.uploadService.cancelFiles(uid);
             this.navigation.focusSelectButton();
@@ -67,8 +72,8 @@ export class FileListComponent {
         this.actionSubscription.unsubscribe();
     }
 }
-FileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileListComponent, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-FileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: { disabled: "disabled", fileList: "fileList", fileTemplate: "fileTemplate", fileInfoTemplate: "fileInfoTemplate" }, viewQueries: [{ propertyName: "fileListItems", predicate: FileListItemDirective, descendants: true }], ngImport: i0, template: `
+FileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListComponent, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+FileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: { disabled: "disabled", fileList: "fileList", fileTemplate: "fileTemplate", fileInfoTemplate: "fileInfoTemplate" }, viewQueries: [{ propertyName: "fileListItems", predicate: FileListItemDirective, descendants: true }], ngImport: i0, template: `
     <ng-template ngFor
       [ngForOf]="fileList"
       let-files
@@ -96,8 +101,8 @@ FileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
               }"></ng-template>
       </li>
     </ng-template>
-    `, isInline: true, components: [{ type: i3.FileListSingleItemComponent, selector: "kendo-upload-file-list-single-item", inputs: ["disabled", "file", "fileInfoTemplate"] }, { type: i4.FileListMultipleItemsComponent, selector: "kendo-upload-file-list-multiple-items", inputs: ["disabled", "files", "fileInfoTemplate"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.FileListItemDirective, selector: "[kendoUploadFileListItem]", inputs: ["files", "index"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileListComponent, decorators: [{
+    `, isInline: true, components: [{ type: i3.FileListSingleItemComponent, selector: "kendo-upload-file-list-single-item", inputs: ["disabled", "file", "fileInfoTemplate"] }, { type: i4.FileListMultipleItemsComponent, selector: "kendo-upload-file-list-multiple-items", inputs: ["disabled", "files", "fileInfoTemplate"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.FileListItemDirective, selector: "[kendoUploadFileListItem]", inputs: ["files", "index"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i8.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendo-upload-file-list]',

package/{esm2015/rendering/upload-action-buttons.component.js → esm2020/rendering/upload-action-buttons.component.mjs}

@@ -1,8 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, HostBinding, ViewChild } from '@angular/core';
+import { Component, Input, HostBinding, ViewChild, ElementRef } from '@angular/core';
+import { UploadService } from '../upload.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { NavigationService } from '../navigation.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../upload.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -78,8 +81,8 @@ export class UploadActionButtonsComponent {
         return this.localization.get(key);
     }
 }
-UploadActionButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadActionButtonsComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-UploadActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UploadActionButtonsComponent, selector: "kendo-upload-action-buttons", inputs: { disabled: "disabled", actionsLayout: "actionsLayout" }, host: { properties: { "class.k-actions": "this.hostDefaultClass", "class.k-actions-end": "this.actionButtonsEndClassName", "class.k-actions-stretched": "this.actionButtonsStretchedClassName", "class.k-actions-start": "this.actionButtonsStartClassName", "class.k-actions-center": "this.actionButtonsCenterClassName" } }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, static: true }, { propertyName: "uploadButton", first: true, predicate: ["uploadButton"], descendants: true, static: true }], ngImport: i0, template: `
+UploadActionButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadActionButtonsComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+UploadActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadActionButtonsComponent, selector: "kendo-upload-action-buttons", inputs: { disabled: "disabled", actionsLayout: "actionsLayout" }, host: { properties: { "class.k-actions": "this.hostDefaultClass", "class.k-actions-end": "this.actionButtonsEndClassName", "class.k-actions-stretched": "this.actionButtonsStretchedClassName", "class.k-actions-start": "this.actionButtonsStartClassName", "class.k-actions-center": "this.actionButtonsCenterClassName" } }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, static: true }, { propertyName: "uploadButton", first: true, predicate: ["uploadButton"], descendants: true, static: true }], ngImport: i0, template: `
         <button #clearButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"
             [attr.tabIndex]="-1"
             (click)="onClearButtonClick($event)">
@@ -91,7 +94,7 @@ UploadActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 {{textFor('uploadSelectedFiles')}}
         </button>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadActionButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadActionButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-upload-action-buttons',

package/{esm2015/rendering/upload-status-total.component.js → esm2020/rendering/upload-status-total.component.mjs}

@@ -1,18 +1,53 @@
 /**-----------------------------------------------------------------------------------------
-* 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 } from '@angular/core';
+import { FileMap } from '../types/file-map';
 import { FileState } from '../types';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { checkIcon, exclamationCircleIcon, pauseSmIcon, uploadIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
 export class UploadStatusTotalComponent {
     constructor(localization) {
         this.localization = localization;
+        this.checkmarkIcon = checkIcon;
+        this.exceptionSVGIcon = exclamationCircleIcon;
+        this.uploadSVGIcon = uploadIcon;
+        this.pauseSVGIcon = pauseSmIcon;
+    }
+    get iconClass() {
+        if (!this.isUploading && !this.isFailed) {
+            return 'checkmark';
+        }
+        if (!this.isUploading && this.isFailed) {
+            return 'exception';
+        }
+        if (this.isUploading) {
+            return 'upload';
+        }
+        if (this.isPaused) {
+            return 'pause-sm';
+        }
+    }
+    get SVGIconClass() {
+        if (!this.isUploading && !this.isFailed) {
+            return this.checkmarkIcon;
+        }
+        if (!this.isUploading && this.isFailed) {
+            return this.exceptionSVGIcon;
+        }
+        if (this.isUploading) {
+            return this.uploadSVGIcon;
+        }
+        if (this.isPaused) {
+            return this.pauseSVGIcon;
+        }
     }
     ngDoCheck() {
         this.isPaused = this.fileList.hasFileWithState([FileState.Paused]);
@@ -27,31 +62,25 @@ export class UploadStatusTotalComponent {
         }
     }
 }
-UploadStatusTotalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadStatusTotalComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-UploadStatusTotalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: UploadStatusTotalComponent, selector: "kendo-upload-status-total", inputs: { fileList: "fileList" }, ngImport: i0, template: `
-        <span class="k-icon"
-            [ngClass]="{
-                'k-i-checkmark': !this.isUploading && !this.isFailed,
-                'k-i-exception': !this.isUploading && this.isFailed,
-                'k-i-upload': this.isUploading,
-                'k-i-pause-sm': this.isPaused
-            }">
-        </span>
+UploadStatusTotalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadStatusTotalComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+UploadStatusTotalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadStatusTotalComponent, selector: "kendo-upload-status-total", inputs: { fileList: "fileList" }, ngImport: i0, template: `
+        <kendo-icon-wrapper
+            [name]="iconClass"
+            [svgIcon]="SVGIconClass"
+        >
+        </kendo-icon-wrapper>
         {{statusText}}
-    `, isInline: true, directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UploadStatusTotalComponent, decorators: [{
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadStatusTotalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-upload-status-total',
                     template: `
-        <span class="k-icon"
-            [ngClass]="{
-                'k-i-checkmark': !this.isUploading && !this.isFailed,
-                'k-i-exception': !this.isUploading && this.isFailed,
-                'k-i-upload': this.isUploading,
-                'k-i-pause-sm': this.isPaused
-            }">
-        </span>
+        <kendo-icon-wrapper
+            [name]="iconClass"
+            [svgIcon]="SVGIconClass"
+        >
+        </kendo-icon-wrapper>
         {{statusText}}
     `
                 }]

package/{esm2015/shared.module.js → esm2020/shared.module.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 { FileInfoTemplateDirective } from './templates/file-info-template.directive';
@@ -18,6 +18,9 @@ import { LocalizedMessagesDirective } from './localization/localized-messages.di
 import { TemplateContextDirective } from './templates/template-context.directive';
 import { UploadDropZoneDirective } from './dropzone-external.directive';
 import { UploadDropZoneComponent } from './dropzone.component';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -48,8 +51,8 @@ export const PUBLIC_DIRECTIVES = [
  */
 export class SharedModule {
 }
-SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, declarations: [FileTemplateDirective,
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, declarations: [FileTemplateDirective,
         FileInfoTemplateDirective,
         CustomMessagesComponent,
         UploadDropZoneDirective,
@@ -61,7 +64,7 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         FileListSingleItemComponent,
         FileSelectDirective,
         LocalizedMessagesDirective,
-        TemplateContextDirective], imports: [CommonModule], exports: [FileTemplateDirective,
+        TemplateContextDirective], imports: [CommonModule, ButtonsModule, ProgressBarModule, IconsModule], exports: [FileTemplateDirective,
         FileInfoTemplateDirective,
         CustomMessagesComponent,
         UploadDropZoneDirective,
@@ -73,9 +76,11 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         FileListSingleItemComponent,
         FileSelectDirective,
         LocalizedMessagesDirective,
-        TemplateContextDirective, CommonModule] });
-SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, imports: [[CommonModule], CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, decorators: [{
+        TemplateContextDirective, CommonModule,
+        ButtonsModule] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[CommonModule, ButtonsModule, ProgressBarModule, IconsModule], CommonModule,
+        ButtonsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -85,8 +90,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     exports: [
                         PUBLIC_DIRECTIVES,
                         SHARED_DECLARATIONS,
-                        CommonModule
+                        CommonModule,
+                        ButtonsModule
                     ],
-                    imports: [CommonModule]
+                    imports: [CommonModule, ButtonsModule, ProgressBarModule, IconsModule]
                 }]
         }] });

package/{esm2015/templates/file-info-template.directive.js → esm2020/templates/file-info-template.directive.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 { Directive } from '@angular/core';
+import { Directive, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Used to customize the rendering of the file info section in the list. All other elements of the default template, such as file icon, action buttons, upload progress etc. will be preserved in place. ([see example]({% slug templates_upload %}#toc-file-info-template)).
@@ -12,9 +12,9 @@ export class FileInfoTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-FileInfoTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileInfoTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FileInfoTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileInfoTemplateDirective, decorators: [{
+FileInfoTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileInfoTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+FileInfoTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FileInfoTemplateDirective, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileInfoTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]'

package/{esm2015/templates/file-template.directive.js → esm2020/templates/file-template.directive.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 { Directive } from '@angular/core';
+import { Directive, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Used to customize the rendering of the files in the list ([see example]({% slug templates_upload %}#toc-file-template)).
@@ -12,9 +12,9 @@ export class FileTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-FileTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FileTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FileTemplateDirective, decorators: [{
+FileTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+FileTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]'

package/{esm2015/templates/template-context.directive.js → esm2020/templates/template-context.directive.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 { Directive, Input } from '@angular/core';
+import { Directive, ViewContainerRef, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -21,9 +21,9 @@ export class TemplateContextDirective {
         }
     }
 }
-TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TemplateContextDirective, decorators: [{
+TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TemplateContextDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

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

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

package/{esm2015/types/chunk-info.js → esm2020/types/chunk-info.mjs}

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

package/{esm2015/types/chunk-map.js → esm2020/types/chunk-map.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/types/async-settings.js → esm2020/types/chunk-metadata.mjs}

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

package/esm2020/types/chunk-settings.mjs

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

package/esm2020/types/direction.mjs

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

package/{esm2015/types/file-groups.js → esm2020/types/file-groups.mjs}

@@ -1,7 +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 { fileAudioIcon, fileConfigIcon, fileDiscImageIcon, fileExcelIcon, fileImageIcon, filePdfIcon, filePresentationIcon, fileProgrammingIcon, fileTxtIcon, fileVideoIcon, fileZipIcon } from "@progress/kendo-svg-icons";
 /**
  * @hidden
  */
@@ -41,3 +42,20 @@ export const fileGroupMap = {
         ".dmg", ".iso", ".toast", ".vcd", ".bin", ".cue", ".mdf"
     ]
 };
+;
+/**
+ * @hidden
+ */
+export const fileSVGGroupMap = {
+    audio: fileAudioIcon,
+    video: fileVideoIcon,
+    image: fileImageIcon,
+    txt: fileTxtIcon,
+    presentation: filePresentationIcon,
+    data: fileExcelIcon,
+    programming: fileProgrammingIcon,
+    pdf: filePdfIcon,
+    config: fileConfigIcon,
+    zip: fileZipIcon,
+    discImage: fileDiscImageIcon
+};

package/esm2020/types/file-info.mjs

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