@progress/kendo-angular-upload 20.0.0-develop.4 → 20.0.0-develop.5

package/common/fileselect-settings.d.ts

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { FileRestrictions } from "../types";
+/**
+ * Defines the settings interface for the FileSelect functionality used in components that integrate the FileSelect component.
+ *
+ * @example
+ * ```typescript
+ * const fileSelectSettings: FileSelectSettings = {
+ *   multiple: true,
+ *   disabled: false
+ * };
+ * ```
+ */
+export interface FileSelectSettings {
+    /**
+     * Sets the `accept` attribute of the internal `input` element of the component.
+     */
+    accept?: string;
+    /**
+     * Disables the component.
+     */
+    disabled?: boolean;
+    /**
+     * Allows you to select multiple files. When you set this to `false`, you can select only one file at a time.
+     */
+    multiple?: boolean;
+    /**
+     * Specifies the `name` attribute of the `input` element of the FileSelect.
+     */
+    name?: string;
+    /**
+     * Sets the restrictions for selected files.
+     */
+    restrictions?: FileRestrictions;
+    /**
+     * Controls the visibility of the file list.
+     */
+    showFileList?: boolean;
+    /**
+     * Sets the `tabindex` of the component.
+     */
+    tabindex?: number;
+    /**
+     * Sets the `id` of the external drop zone that you want to associate with the component.
+     */
+    zoneId?: string;
+}

package/common/util.d.ts

@@ -2,8 +2,9 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { SVGIcon } from '@progress/kendo-angular-icons';
 /**
- * @hidden
+ * Calculates the total size of the files in KB or MB.
  */
 export declare const getTotalFilesSizeMessage: Function;
 /**
@@ -74,3 +75,13 @@ export declare const getFileGroupCssClass: Function;
  * @hidden
  */
 export declare const isPresent: (value: any) => boolean;
+/**
+ * Matches the file extension with the corresponding SVG icon.
+ * @returns The SVG icon that corresponds to the file extension.
+ */
+export declare const fileSVGGroupIcon: (extension: string) => SVGIcon;
+/**
+ * Matches the file extension with the corresponding CSS class.
+ * @returns The CSS class name that corresponds to the file extension.
+ */
+export declare const fileGroupClass: (extension: string) => string;

package/esm2022/common/fileselect-settings.mjs

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

package/esm2022/common/util.mjs

@@ -5,9 +5,10 @@
 /* eslint-disable  no-bitwise */
 import { FileState } from '../types';
 import { guid } from '@progress/kendo-angular-common';
-import { fileGroupMap } from '../types/file-groups';
+import { fileGroupMap, fileSVGGroupMap } from '../types/file-groups';
+import { fileIcon } from '@progress/kendo-svg-icons';
 /**
- * @hidden
+ * Calculates the total size of the files in KB or MB.
  */
 export const getTotalFilesSizeMessage = (files) => {
     let totalSize = 0;
@@ -227,3 +228,23 @@ export const getFileGroupCssClass = (fileExtension) => {
  * @hidden
  */
 export const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * Matches the file extension with the corresponding SVG icon.
+ * @returns The SVG icon that corresponds to the file extension.
+ */
+export const fileSVGGroupIcon = (extension) => {
+    const initial = fileIcon;
+    if (extension) {
+        for (const group in fileGroupMap) {
+            if (fileGroupMap[group].indexOf(extension.toLowerCase()) >= 0) {
+                return fileSVGGroupMap[group];
+            }
+        }
+    }
+    return initial;
+};
+/**
+ * Matches the file extension with the corresponding CSS class.
+ * @returns The CSS class name that corresponds to the file extension.
+ */
+export const fileGroupClass = (extension) => getFileGroupCssClass(extension || '');

package/esm2022/index.mjs

@@ -25,6 +25,7 @@ export { UploadDropZoneDirective } from './dropzone-external.directive';
 export { CustomMessagesComponent } from './localization/custom-messages.component';
 export { validateFiles } from './common/validation-util';
 export { UPLOAD_VALUE_ACCESSOR } from './upload.component';
+export { getTotalFilesSizeMessage, fileSVGGroupIcon, fileGroupClass } from './common/util';
 export * from './events';
 export * from './types';
 export * from './directives';

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1755865244,
-    version: '20.0.0-develop.4',
+    publishDate: 1755868793,
+    version: '20.0.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -7,11 +7,9 @@ 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 { fileGroupClass, isPresent, fileSVGGroupIcon } 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 { FileListItemActionButtonComponent } from './file-list-item-action-button.component';
 import { NgIf, NgClass, NgTemplateOutlet } from '@angular/common';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
@@ -54,19 +52,10 @@ export class FileListSingleItemComponent extends FileListItemBase {
         return showProgress ? 'active' : 'inactive';
     }
     get fileGroupClass() {
-        return getFileGroupCssClass(this.file.extension ? this.file.extension : '');
+        return fileGroupClass(this.file.extension);
     }
     get fileSVGGroupIcon() {
-        const initial = fileIcon;
-        if (this.file.extension) {
-            const extension = this.file.extension.toLowerCase();
-            for (const group in fileGroupMap) {
-                if (fileGroupMap[group].indexOf(extension) >= 0) {
-                    return fileSVGGroupMap[group];
-                }
-            }
-        }
-        return initial;
+        return fileSVGGroupIcon(this.file.extension);
     }
     get isUploadSuccessful() {
         return this.file.state === FileState.Uploaded;

package/fesm2022/progress-kendo-angular-upload.mjs

@@ -7,7 +7,7 @@ import { HttpHeaders, HttpRequest, HttpEventType, HttpResponse } from '@angular/
 import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, Directive, ElementRef, ContentChild, ViewChild, Input, HostBinding, Output, Component, HostListener, ViewChildren, Inject, forwardRef, isDevMode, NgModule } from '@angular/core';
 import { guid, normalizeNumpadKeys, Keys, isControlRequired, isChanged, isDocumentAvailable, KendoInput, ResizeBatchService } from '@progress/kendo-angular-common';
-import { fileAudioIcon, fileVideoIcon, fileImageIcon, fileTxtIcon, filePresentationIcon, fileDataIcon, fileProgrammingIcon, filePdfIcon, fileConfigIcon, fileZipIcon, fileDiscImageIcon, arrowRotateCwSmallIcon, playSmIcon, pauseSmIcon, cancelIcon, xIcon, copyIcon, fileIcon, checkIcon, exclamationCircleIcon, uploadIcon } from '@progress/kendo-svg-icons';
+import { fileAudioIcon, fileVideoIcon, fileImageIcon, fileTxtIcon, filePresentationIcon, fileDataIcon, fileProgrammingIcon, filePdfIcon, fileConfigIcon, fileZipIcon, fileDiscImageIcon, fileIcon, arrowRotateCwSmallIcon, playSmIcon, pauseSmIcon, cancelIcon, xIcon, copyIcon, checkIcon, exclamationCircleIcon, uploadIcon } from '@progress/kendo-svg-icons';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -650,7 +650,7 @@ const fileSVGGroupMap = {
 
 /* eslint-disable  no-bitwise */
 /**
- * @hidden
+ * Calculates the total size of the files in KB or MB.
  */
 const getTotalFilesSizeMessage = (files) => {
     let totalSize = 0;
@@ -870,6 +870,26 @@ const getFileGroupCssClass = (fileExtension) => {
  * @hidden
  */
 const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * Matches the file extension with the corresponding SVG icon.
+ * @returns The SVG icon that corresponds to the file extension.
+ */
+const fileSVGGroupIcon = (extension) => {
+    const initial = fileIcon;
+    if (extension) {
+        for (const group in fileGroupMap) {
+            if (fileGroupMap[group].indexOf(extension.toLowerCase()) >= 0) {
+                return fileSVGGroupMap[group];
+            }
+        }
+    }
+    return initial;
+};
+/**
+ * Matches the file extension with the corresponding CSS class.
+ * @returns The CSS class name that corresponds to the file extension.
+ */
+const fileGroupClass = (extension) => getFileGroupCssClass(extension || '');
 
 /**
  * @hidden
@@ -1562,8 +1582,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1755865244,
-    version: '20.0.0-develop.4',
+    publishDate: 1755868793,
+    version: '20.0.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2582,19 +2602,10 @@ class FileListSingleItemComponent extends FileListItemBase {
         return showProgress ? 'active' : 'inactive';
     }
     get fileGroupClass() {
-        return getFileGroupCssClass(this.file.extension ? this.file.extension : '');
+        return fileGroupClass(this.file.extension);
     }
     get fileSVGGroupIcon() {
-        const initial = fileIcon;
-        if (this.file.extension) {
-            const extension = this.file.extension.toLowerCase();
-            for (const group in fileGroupMap) {
-                if (fileGroupMap[group].indexOf(extension) >= 0) {
-                    return fileSVGGroupMap[group];
-                }
-            }
-        }
-        return initial;
+        return fileSVGGroupIcon(this.file.extension);
     }
     get isUploadSuccessful() {
         return this.file.state === FileState.Uploaded;
@@ -5250,5 +5261,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CancelEvent, ClearEvent, CustomMessagesComponent, DropZoneService, ErrorEvent, FileInfoTemplateDirective, FileListComponent, FileListItemActionButtonComponent, FileListItemBase, FileListMultipleItemsComponent, FileListSingleItemComponent, FileMap, FileSelectComponent, FileSelectDirective, FileSelectModule, FileState, FileTemplateDirective, KENDO_FILESELECT, KENDO_UPLOAD, KENDO_UPLOADS, NavigationService, PauseEvent, RemoveEvent, ResumeEvent, SelectEvent, SuccessEvent, UPLOAD_VALUE_ACCESSOR, UploadActionButtonsComponent, UploadComponent, UploadDropZoneComponent, UploadDropZoneDirective, UploadEvent, UploadModule, UploadProgressEvent, UploadService, UploadStatusTotalComponent, UploadsModule, validateFiles };
+export { CancelEvent, ClearEvent, CustomMessagesComponent, DropZoneService, ErrorEvent, FileInfoTemplateDirective, FileListComponent, FileListItemActionButtonComponent, FileListItemBase, FileListMultipleItemsComponent, FileListSingleItemComponent, FileMap, FileSelectComponent, FileSelectDirective, FileSelectModule, FileState, FileTemplateDirective, KENDO_FILESELECT, KENDO_UPLOAD, KENDO_UPLOADS, NavigationService, PauseEvent, RemoveEvent, ResumeEvent, SelectEvent, SuccessEvent, UPLOAD_VALUE_ACCESSOR, UploadActionButtonsComponent, UploadComponent, UploadDropZoneComponent, UploadDropZoneDirective, UploadEvent, UploadModule, UploadProgressEvent, UploadService, UploadStatusTotalComponent, UploadsModule, fileGroupClass, fileSVGGroupIcon, getTotalFilesSizeMessage, validateFiles };
 

package/index.d.ts

@@ -26,6 +26,8 @@ export { CustomMessagesComponent } from './localization/custom-messages.componen
 export { ActionsLayout } from './common/action-buttons-layout';
 export { validateFiles } from './common/validation-util';
 export { UPLOAD_VALUE_ACCESSOR } from './upload.component';
+export { getTotalFilesSizeMessage, fileSVGGroupIcon, fileGroupClass } from './common/util';
+export { FileSelectSettings } from './common/fileselect-settings';
 export * from './events';
 export * from './types';
 export * from './directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-upload",
-  "version": "20.0.0-develop.4",
+  "version": "20.0.0-develop.5",
   "description": "Kendo UI Angular Upload Component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1755865244,
+      "publishDate": 1755868793,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,16 +30,16 @@
     "@angular/forms": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "20.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "20.0.0-develop.4",
-    "@progress/kendo-angular-icons": "20.0.0-develop.4",
-    "@progress/kendo-angular-buttons": "20.0.0-develop.4",
-    "@progress/kendo-angular-progressbar": "20.0.0-develop.4",
+    "@progress/kendo-angular-common": "20.0.0-develop.5",
+    "@progress/kendo-angular-l10n": "20.0.0-develop.5",
+    "@progress/kendo-angular-icons": "20.0.0-develop.5",
+    "@progress/kendo-angular-buttons": "20.0.0-develop.5",
+    "@progress/kendo-angular-progressbar": "20.0.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.0.0-develop.4"
+    "@progress/kendo-angular-schematics": "20.0.0-develop.5"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-upload.mjs",

package/schematics/ngAdd/index.js

@@ -10,9 +10,9 @@ function default_1(options) {
         ], peerDependencies: {
             // peer dep of the icons
             '@progress/kendo-svg-icons': '^4.0.0',
-            '@progress/kendo-angular-buttons': '20.0.0-develop.4',
-            '@progress/kendo-angular-progressbar': '20.0.0-develop.4',
-            '@progress/kendo-angular-popup': '20.0.0-develop.4',
+            '@progress/kendo-angular-buttons': '20.0.0-develop.5',
+            '@progress/kendo-angular-progressbar': '20.0.0-develop.5',
+            '@progress/kendo-angular-popup': '20.0.0-develop.5',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }