@progress/kendo-angular-upload 21.4.1 → 22.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-upload",
-  "version": "21.4.1",
+  "version": "22.0.0",
   "description": "Kendo UI Angular Upload Component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -15,31 +15,25 @@
     "Progress"
   ],
   "@progress": {
-    "friendlyName": "Upload",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768393077,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Upload"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/forms": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/forms": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1",
-    "@progress/kendo-angular-l10n": "21.4.1",
-    "@progress/kendo-angular-icons": "21.4.1",
-    "@progress/kendo-angular-buttons": "21.4.1",
-    "@progress/kendo-angular-progressbar": "21.4.1",
+    "@progress/kendo-angular-common": "22.0.0",
+    "@progress/kendo-angular-l10n": "22.0.0",
+    "@progress/kendo-angular-icons": "22.0.0",
+    "@progress/kendo-angular-buttons": "22.0.0",
+    "@progress/kendo-angular-progressbar": "22.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1"
+    "@progress/kendo-angular-schematics": "22.0.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-upload.mjs",
@@ -50,8 +44,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-upload.mjs",
-      "esm": "./esm2022/progress-kendo-angular-upload.mjs",
       "default": "./fesm2022/progress-kendo-angular-upload.mjs"
     }
   },

package/rendering/file-list-item-base.d.ts

@@ -26,5 +26,5 @@ export declare class FileListItemBase implements OnDestroy {
     getTotalFilesSizeMessage(files: Array<FileInfo>): string;
     textFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileListItemBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileListItemBase, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileListItemBase, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/schematics/ngAdd/index.js

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

package/esm2022/common/action-buttons-layout.mjs

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

package/esm2022/common/base.mjs

@@ -1,280 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, ContentChild, Directive, ElementRef, EventEmitter, HostBinding, Injector, Input, NgZone, Output, ViewChild } from "@angular/core";
-import { guid, isControlRequired } from "@progress/kendo-angular-common";
-import { FileTemplateDirective } from "../templates/file-template.directive";
-import { FileInfoTemplateDirective } from "../templates/file-info-template.directive";
-import { UploadService } from "../upload.service";
-import { NgControl } from "@angular/forms";
-import { NavigationService } from "../navigation.service";
-import * as i0 from "@angular/core";
-import * as i1 from "../upload.service";
-import * as i2 from "../navigation.service";
-/**
- * @hidden
- */
-export class UploadFileSelectBase {
-    uploadService;
-    navigation;
-    cdr;
-    injector;
-    zone;
-    /**
-     * @hidden
-     */
-    fileTemplate;
-    /**
-     * @hidden
-     */
-    fileInfoTemplate;
-    /**
-     * @hidden
-     */
-    fileSelectButton;
-    /**
-     * Sets the `accept` attribute of the internal `input` element of the component.
-     */
-    accept;
-    /**
-     * Disables the component.
-     *
-     * @default false
-     */
-    disabled = false;
-    /**
-     * Allows you to select multiple files.
-     * When you set this to `false`, you can select only one file at a time.
-     *
-     * @default true
-     */
-    multiple = true;
-    /**
-     * Controls the visibility of the file list.
-     *
-     * @default true
-     */
-    showFileList = true;
-    /**
-     * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-     *
-     * @default 0
-     */
-    tabindex = 0;
-    /**
-     * Sets the restrictions for selected files.
-     */
-    set restrictions(restrictions) {
-        const parsedRestrictions = Object.assign({}, this.restrictions, restrictions);
-        this._restrictions = parsedRestrictions;
-    }
-    get restrictions() {
-        return this._restrictions;
-    }
-    /**
-     * Sets the `id` of the external drop zone that you want to associate with the component.
-     *
-     */
-    zoneId;
-    /**
-     * @hidden
-     */
-    focusableId = `k-${guid()}`;
-    /**
-     * @hidden
-     */
-    hostDefaultClasses = true;
-    /**
-     * @hidden
-     */
-    get hostDisabledClass() {
-        return this.disabled;
-    }
-    /**
-     * Fires when you navigate outside the component.
-     */
-    onBlur = new EventEmitter();
-    /**
-     * Fires when you focus the component.
-     */
-    onFocus = new EventEmitter();
-    /**
-     * Fires when you select files. If you prevent this event, the component will not add the selected files to the list.
-     */
-    select = new EventEmitter();
-    /**
-     * Fires when you are about to remove a file. If you prevent this event, the file will remain in the list.
-     */
-    remove = new EventEmitter();
-    /**
-     * @hidden
-     */
-    _restrictions = {
-        allowedExtensions: [],
-        maxFileSize: 0,
-        minFileSize: 0
-    };
-    /**
-     * @hidden
-     */
-    fileList;
-    constructor(uploadService, navigation, cdr, injector, zone) {
-        this.uploadService = uploadService;
-        this.navigation = navigation;
-        this.cdr = cdr;
-        this.injector = injector;
-        this.zone = zone;
-        this.fileList = this.uploadService.files;
-    }
-    /**
-     * @hidden
-     */
-    get formControl() {
-        const ngControl = this.injector.get(NgControl, null);
-        return ngControl?.control || null;
-    }
-    /**
-     * @hidden
-     */
-    get isControlRequired() {
-        return isControlRequired(this.formControl);
-    }
-    /**
-     * @hidden
-     */
-    get hasFileList() {
-        const hasFileList = this.showFileList && this.fileList.count > 0;
-        this.navigation.fileListVisible = hasFileList;
-        return hasFileList;
-    }
-    /**
-     * @hidden
-     */
-    writeValue(newValue, validation, callback) {
-        let isValid = true;
-        if (newValue instanceof Array) {
-            newValue.forEach((file) => {
-                if (!validation(file)) {
-                    isValid = false;
-                }
-            });
-            if (isValid) {
-                this.uploadService[callback](newValue);
-            }
-        }
-        if (newValue === null) {
-            this.fileList.clear();
-        }
-        this.cdr.markForCheck();
-    }
-    onTouchedCallback = (_) => { };
-    onChangeCallback = (_) => { };
-    /**
-     * @hidden
-     */
-    registerOnChange(fn) {
-        this.onChangeCallback = fn;
-    }
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn) {
-        this.onTouchedCallback = fn;
-    }
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    /**
-     * @hidden
-     */
-    onFileSelectButtonFocus() {
-        if (!this.navigation.focused) {
-            this.navigation.focusedIndex = -1;
-        }
-    }
-    /**
-     * Focuses the component's **Select files** button.
-     */
-    focus() {
-        this.zone.runOutsideAngular(() => {
-            setTimeout(() => {
-                this.fileSelectButton.nativeElement.focus();
-                this.navigation.focused = true;
-            });
-        });
-    }
-    /**
-     * @hidden
-     * @deprecated
-     */
-    focusComponent() {
-        this.focus();
-    }
-    /**
-     * Blurs the component if you previously focused it.
-     */
-    blur() {
-        if (this.navigation.focused) {
-            this.navigation.focused = false;
-            document.activeElement.blur();
-        }
-    }
-    /**
-     * @hidden
-     * @deprecated
-     */
-    blurComponent() {
-        this.blur();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileSelectBase, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: UploadFileSelectBase, inputs: { accept: "accept", disabled: "disabled", multiple: "multiple", showFileList: "showFileList", tabindex: "tabindex", restrictions: "restrictions", zoneId: "zoneId", focusableId: "focusableId" }, outputs: { onBlur: "blur", onFocus: "focus", select: "select", remove: "remove" }, host: { properties: { "class.k-upload": "this.hostDefaultClasses", "class.k-disabled": "this.hostDisabledClass" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true }, { propertyName: "fileInfoTemplate", first: true, predicate: FileInfoTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "fileSelectButton", first: true, predicate: ["fileSelectButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileSelectBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: i1.UploadService }, { type: i2.NavigationService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: i0.NgZone }], propDecorators: { fileTemplate: [{
-                type: ContentChild,
-                args: [FileTemplateDirective]
-            }], fileInfoTemplate: [{
-                type: ContentChild,
-                args: [FileInfoTemplateDirective]
-            }], fileSelectButton: [{
-                type: ViewChild,
-                args: ['fileSelectButton', { static: true, read: ElementRef }]
-            }], accept: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], showFileList: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], restrictions: [{
-                type: Input
-            }], zoneId: [{
-                type: Input
-            }], focusableId: [{
-                type: Input
-            }], hostDefaultClasses: [{
-                type: HostBinding,
-                args: ['class.k-upload']
-            }], hostDisabledClass: [{
-                type: HostBinding,
-                args: ['class.k-disabled']
-            }], onBlur: [{
-                type: Output,
-                args: ['blur']
-            }], onFocus: [{
-                type: Output,
-                args: ['focus']
-            }], select: [{
-                type: Output
-            }], remove: [{
-                type: Output
-            }] } });

package/esm2022/common/fileselect-settings.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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

@@ -1,253 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable  no-bitwise */
-import { FileState } from '../types';
-import { guid, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { fileGroupMap, fileSVGGroupMap } from '../types/file-groups';
-import { fileIcon } from '@progress/kendo-svg-icons';
-/**
- * Calculates the total size of the files in KB or MB.
- */
-export const getTotalFilesSizeMessage = (files) => {
-    let totalSize = 0;
-    let i;
-    if (typeof files[0].size === "number") {
-        for (i = 0; i < files.length; i++) {
-            if (files[i].size) {
-                totalSize += files[i].size;
-            }
-        }
-    }
-    else {
-        return "";
-    }
-    totalSize /= 1024;
-    if (totalSize < 1024) {
-        return totalSize.toFixed(2) + " KB";
-    }
-    else {
-        return (totalSize / 1024).toFixed(2) + " MB";
-    }
-};
-const stripPath = (name) => {
-    const slashIndex = name.lastIndexOf("\\");
-    return (slashIndex !== -1) ? name.substr(slashIndex + 1) : name;
-};
-const getFileExtension = (fileName) => {
-    const rFileExtension = /\.([^\.]+)$/;
-    const matches = fileName.match(rFileExtension);
-    return matches ? matches[0] : "";
-};
-/**
- * @hidden
- */
-export const validateInitialFileInfo = (file) => {
-    if (file instanceof Object && file.hasOwnProperty("name")) {
-        return true;
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const validateInitialFileSelectFile = (file) => {
-    if (file instanceof File || validateInitialFileInfo(file)) {
-        return true;
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const getInitialFileInfo = (fakeFile) => {
-    fakeFile.extension = fakeFile.extension || getFileExtension(fakeFile.name);
-    fakeFile.name = fakeFile.name; // eslint-disable-line no-self-assign
-    fakeFile.size = fakeFile.size || 0;
-    if (!fakeFile.hasOwnProperty("state")) {
-        fakeFile.state = FileState.Initial;
-    }
-    if (!fakeFile.hasOwnProperty("uid")) {
-        fakeFile.uid = guid();
-    }
-    return fakeFile;
-};
-/**
- * @hidden
- */
-export const convertFileToFileInfo = (file) => {
-    const fileInfo = getFileInfo(file);
-    fileInfo.uid = guid();
-    // Used to differentiate initial FileInfo objects and actual Files
-    fileInfo.state = FileState.Selected;
-    return fileInfo;
-};
-const getFileInfo = (rawFile) => {
-    const fileName = rawFile.name;
-    const fileSize = rawFile.size;
-    return {
-        extension: getFileExtension(fileName),
-        name: fileName,
-        rawFile: rawFile,
-        size: fileSize,
-        state: FileState.Selected
-    };
-};
-/**
- * @hidden
- */
-export const getAllFileInfo = (rawFiles) => {
-    const allFileInfo = new Array();
-    let i;
-    for (i = 0; i < rawFiles.length; i++) {
-        allFileInfo.push(getFileInfo(rawFiles[i]));
-    }
-    return allFileInfo;
-};
-/**
- * @hidden
- */
-export const fileHasValidationErrors = (file) => {
-    if (file.validationErrors && file.validationErrors.length > 0) {
-        return true;
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const filesHaveValidationErrors = (files) => {
-    for (const file of files) {
-        if (fileHasValidationErrors(file)) {
-            return true;
-        }
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const inputFiles = (input) => {
-    if (input.files) {
-        return getAllFileInfo(input.files);
-    }
-    else {
-        //Required for testing
-        const fileNames = input.value.split("|").map((file, index) => {
-            const fileName = file.trim();
-            return {
-                extension: getFileExtension(fileName),
-                name: stripPath(fileName),
-                rawFile: null,
-                size: (index + 1) * 1000,
-                state: FileState.Selected
-            };
-        });
-        return fileNames;
-    }
-};
-/**
- * @hidden
- */
-export const assignGuidToFiles = (files, isUnique) => {
-    const uid = guid();
-    return files.map((file) => {
-        file.uid = isUnique ? guid() : uid;
-        return file;
-    });
-};
-/**
- * @hidden
- */
-export const supportsFormData = () => {
-    return typeof (FormData) !== "undefined";
-};
-/**
- * @hidden
- */
-export const userAgent = () => {
-    return navigator.userAgent;
-};
-const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-export const IGNORE_TARGET_CLASSES = 'k-icon k-select k-input k-multiselect-wrap';
-/**
- * @hidden
- */
-export const UPLOAD_CLASSES = 'k-upload-button k-clear-selected k-upload-selected k-upload-action k-file';
-const isVisible = (element) => {
-    if (!isDocumentAvailable()) {
-        return false;
-    }
-    const rect = element.getBoundingClientRect();
-    return !!(rect.width && rect.height) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-/**
- * @hidden
- */
-export const hasClasses = (element, classNames) => {
-    const namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
-};
-/**
- * @hidden
- */
-export const isFocusable = (element, checkVisibility = true) => {
-    if (element.tagName) {
-        const tagName = element.tagName.toLowerCase();
-        const tabIndex = element.getAttribute('tabIndex');
-        const validTabIndex = tabIndex !== null && !isNaN(tabIndex) && tabIndex > -1;
-        let focusable = false;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled;
-        }
-        else {
-            focusable = validTabIndex;
-        }
-        return focusable && (!checkVisibility || isVisible(element));
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const getFileGroupCssClass = (fileExtension) => {
-    const initial = 'file';
-    for (const group in fileGroupMap) {
-        if (fileGroupMap[group].indexOf(fileExtension) >= 0) {
-            if (group === 'discImage') {
-                return `${initial}-disc-image`;
-            }
-            return `${initial}-${group}`;
-        }
-    }
-    return initial;
-};
-/**
- * @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/common/validation-util.mjs

@@ -1,60 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const INVALIDMAXFILESIZE = "invalidMaxFileSize";
-/**
- * @hidden
- */
-export const INVALIDMINFILESIZE = "invalidMinFileSize";
-/**
- * @hidden
- */
-export const INVALIDFILEEXTENSION = "invalidFileExtension";
-const validateFileExtension = (file, allowedExtensions) => {
-    if (allowedExtensions.length > 0) {
-        if (allowedExtensions.indexOf(file.extension.toLowerCase()) < 0) {
-            file.validationErrors = file.validationErrors || [];
-            if (file.validationErrors.indexOf(INVALIDFILEEXTENSION) < 0) {
-                file.validationErrors.push(INVALIDFILEEXTENSION);
-            }
-        }
-    }
-};
-const validateFileSize = (file, minFileSize, maxFileSize) => {
-    if (minFileSize !== 0 && file.size < minFileSize) {
-        file.validationErrors = file.validationErrors || [];
-        if (file.validationErrors.indexOf(INVALIDMINFILESIZE) < 0) {
-            file.validationErrors.push(INVALIDMINFILESIZE);
-        }
-    }
-    if (maxFileSize !== 0 && file.size > maxFileSize) {
-        file.validationErrors = file.validationErrors || [];
-        if (file.validationErrors.indexOf(INVALIDMAXFILESIZE) < 0) {
-            file.validationErrors.push(INVALIDMAXFILESIZE);
-        }
-    }
-};
-const parseAllowedExtensions = (extensions) => {
-    const allowedExtensions = extensions.map((ext) => {
-        const parsedExt = (ext.substring(0, 1) === ".") ? ext : ("." + ext);
-        return parsedExt.toLowerCase();
-    });
-    return allowedExtensions;
-};
-/**
- * @hidden
- */
-export const validateFiles = (files, restrictionInfo) => {
-    const allowedExtensions = parseAllowedExtensions(restrictionInfo.allowedExtensions);
-    const maxFileSize = restrictionInfo.maxFileSize;
-    const minFileSize = restrictionInfo.minFileSize;
-    let i;
-    for (i = 0; i < files.length; i++) {
-        validateFileExtension(files[i], allowedExtensions);
-        validateFileSize(files[i], minFileSize, maxFileSize);
-    }
-};