@progress/kendo-angular-upload 23.3.0-develop.2 → 23.3.0-develop.21

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

@@ -819,7 +819,7 @@ const IGNORE_TARGET_CLASSES = 'k-icon k-select k-input k-multiselect-wrap';
  */
 const UPLOAD_CLASSES = 'k-upload-button k-clear-selected k-upload-selected k-upload-action k-file';
 const isVisible = (element) => {
-    if (!isDocumentAvailable()) {
+    if (!isDocumentAvailable() || !element?.getBoundingClientRect) {
         return false;
     }
     const rect = element.getBoundingClientRect();
@@ -1583,8 +1583,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1773915000,
-    version: '23.3.0-develop.2',
+    publishDate: 1774881083,
+    version: '23.3.0-develop.21',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2161,14 +2161,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  */
 class FileListItemBase {
     uploadService;
+    cdr;
     progressComplete = 0;
     localization;
     uploadProgressSubscription;
-    constructor(uploadService) {
+    constructor(uploadService, cdr) {
         this.uploadService = uploadService;
+        this.cdr = cdr;
     }
     subscribeUploadProgress(uploadProgressHandler) {
-        this.uploadProgressSubscription = this.uploadService.uploadProgressEvent.subscribe(uploadProgressHandler);
+        this.uploadProgressSubscription = this.uploadService.uploadProgressEvent.subscribe((args) => {
+            const previousProgress = this.progressComplete;
+            uploadProgressHandler(args);
+            if (this.progressComplete !== previousProgress) {
+                this.cdr.markForCheck();
+            }
+        });
     }
     fileHasValidationErrors(file) {
         return fileHasValidationErrors(file);
@@ -2192,13 +2200,13 @@ class FileListItemBase {
     textFor(key) {
         return this.localization.get(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListItemBase, deps: [{ token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListItemBase, deps: [{ token: UploadService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FileListItemBase, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListItemBase, decorators: [{
             type: Component,
             args: [{ template: '' }]
-        }], ctorParameters: () => [{ type: UploadService }] });
+        }], ctorParameters: () => [{ type: UploadService }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -2344,7 +2352,7 @@ class FileListItemActionButtonComponent {
         ></button>
       }
     </span>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
             type: Component,
@@ -2426,8 +2434,8 @@ class FileListMultipleItemsComponent extends FileListItemBase {
     fileInfoTemplate;
     filesHaveErrors;
     copySVGIcon = copyIcon;
-    constructor(localization, uploadService) {
-        super(uploadService);
+    constructor(localization, uploadService, cdr) {
+        super(uploadService, cdr);
         this.localization = localization;
         this.subscribeUploadProgress((args) => {
             if (args.files[0].uid === this.files[0].uid) {
@@ -2466,7 +2474,7 @@ class FileListMultipleItemsComponent extends FileListItemBase {
     get isUploadFailed() {
         return this.files[0].state === FileState.Failed;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListMultipleItemsComponent, deps: [{ token: i1$1.LocalizationService }, { token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListMultipleItemsComponent, deps: [{ token: i1$1.LocalizationService }, { token: UploadService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FileListMultipleItemsComponent, isStandalone: true, selector: "kendo-upload-file-list-multiple-items", inputs: { disabled: "disabled", files: "files", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-progressbar
           [@progressState]="showProgress"
@@ -2590,7 +2598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [ProgressBarComponent, IconWrapperComponent, NgClass, NgTemplateOutlet, FileListItemActionButtonComponent]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: UploadService }], propDecorators: { disabled: [{
+        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: UploadService }, { type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
                 type: Input
             }], files: [{
                 type: Input
@@ -2606,8 +2614,8 @@ class FileListSingleItemComponent extends FileListItemBase {
     disabled;
     file;
     fileInfoTemplate;
-    constructor(localization, uploadService) {
-        super(uploadService);
+    constructor(localization, uploadService, cdr) {
+        super(uploadService, cdr);
         this.localization = localization;
         this.subscribeUploadProgress((args) => {
             if (args.files[0].uid === this.file.uid) {
@@ -2647,7 +2655,7 @@ class FileListSingleItemComponent extends FileListItemBase {
     get isNotYetUploaded() {
         return !this.isUploadFailed && !this.isUploadSuccessful;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListSingleItemComponent, deps: [{ token: i1$1.LocalizationService }, { token: UploadService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListSingleItemComponent, deps: [{ token: i1$1.LocalizationService }, { token: UploadService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FileListSingleItemComponent, isStandalone: true, selector: "kendo-upload-file-list-single-item", inputs: { disabled: "disabled", file: "file", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-progressbar
           [@progressState]="showProgress"
@@ -2753,7 +2761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [ProgressBarComponent, IconWrapperComponent, NgClass, NgTemplateOutlet, FileListItemActionButtonComponent]
                 }]
-        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: UploadService }], propDecorators: { disabled: [{
+        }], ctorParameters: () => [{ type: i1$1.LocalizationService }, { type: UploadService }, { type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
                 type: Input
             }], file: [{
                 type: Input
@@ -4016,6 +4024,7 @@ class UploadComponent extends UploadFileSelectBase {
     }
     attachEventHandlers() {
         this.subs = this.uploadService.cancelEvent.subscribe((args) => {
+            this.cdr.markForCheck();
             this.cancel.emit(args);
         });
         this.subs.add(this.uploadService.changeEvent.subscribe((files) => {
@@ -4029,6 +4038,7 @@ class UploadComponent extends UploadFileSelectBase {
             this.complete.emit();
         }));
         this.subs.add(this.uploadService.errorEvent.subscribe((args) => {
+            this.cdr.markForCheck();
             this.error.emit(args);
         }));
         this.subs.add(this.uploadService.pauseEvent.subscribe((args) => {
@@ -4044,6 +4054,7 @@ class UploadComponent extends UploadFileSelectBase {
             this.select.emit(args);
         }));
         this.subs.add(this.uploadService.successEvent.subscribe((args) => {
+            this.cdr.markForCheck();
             this.success.emit(args);
         }));
         this.subs.add(this.uploadService.uploadEvent.subscribe((args) => {
@@ -4184,7 +4195,7 @@ class UploadComponent extends UploadFileSelectBase {
         [actionsLayout]="actionsLayout">
       </kendo-upload-action-buttons>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "component", type: UploadStatusTotalComponent, selector: "kendo-upload-status-total", inputs: ["fileList"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }, { kind: "component", type: UploadActionButtonsComponent, selector: "kendo-upload-action-buttons", inputs: ["disabled", "actionsLayout"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "component", type: UploadStatusTotalComponent, selector: "kendo-upload-status-total", inputs: ["fileList"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }, { kind: "component", type: UploadActionButtonsComponent, selector: "kendo-upload-action-buttons", inputs: ["disabled", "actionsLayout"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
@@ -4971,7 +4982,7 @@ class FileSelectComponent extends UploadFileSelectBase {
             [id]="fileListId">
           </ul>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoUploadLocalizedMessages],\n    [kendoFileSelectLocalizedMessages],\n    [kendoUploadDropZoneLocalizedMessages]\n  " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n      [kendoUploadInternalDropZone],\n      [kendoFileSelectInternalDropZone]\n    ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileSelectComponent, decorators: [{
             type: Component,

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1773915000,
-  "version": "23.3.0-develop.2",
+  "publishDate": 1774881083,
+  "version": "23.3.0-develop.21",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-upload",
-  "version": "23.3.0-develop.2",
+  "version": "23.3.0-develop.21",
   "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": 1773915000,
+      "publishDate": 1774881083,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,16 +30,16 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.3.0-develop.2",
-    "@progress/kendo-angular-l10n": "23.3.0-develop.2",
-    "@progress/kendo-angular-icons": "23.3.0-develop.2",
-    "@progress/kendo-angular-buttons": "23.3.0-develop.2",
-    "@progress/kendo-angular-progressbar": "23.3.0-develop.2",
+    "@progress/kendo-angular-common": "23.3.0-develop.21",
+    "@progress/kendo-angular-l10n": "23.3.0-develop.21",
+    "@progress/kendo-angular-icons": "23.3.0-develop.21",
+    "@progress/kendo-angular-buttons": "23.3.0-develop.21",
+    "@progress/kendo-angular-progressbar": "23.3.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0-develop.2"
+    "@progress/kendo-angular-schematics": "23.3.0-develop.21"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-upload.mjs",

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

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Subscription } from 'rxjs';
 import { FileInfo } from '../types';
@@ -14,10 +14,11 @@ import * as i0 from "@angular/core";
  */
 export declare class FileListItemBase implements OnDestroy {
     protected uploadService: UploadService;
+    protected cdr: ChangeDetectorRef;
     progressComplete: number;
     protected localization: LocalizationService;
     protected uploadProgressSubscription: Subscription;
-    constructor(uploadService: UploadService);
+    constructor(uploadService: UploadService, cdr: ChangeDetectorRef);
     protected subscribeUploadProgress(uploadProgressHandler: (args: UploadProgressEvent) => void): void;
     protected fileHasValidationErrors(file: FileInfo): boolean;
     protected filesHaveValidationErrors(files: Array<FileInfo>): boolean;

package/rendering/file-list-multiple-items.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { FileInfo } from '../types';
 import { FileListItemBase } from './file-list-item-base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -20,7 +20,7 @@ export declare class FileListMultipleItemsComponent extends FileListItemBase imp
     fileInfoTemplate: FileInfoTemplateDirective;
     filesHaveErrors: boolean;
     copySVGIcon: SVGIcon;
-    constructor(localization: LocalizationService, uploadService: UploadService);
+    constructor(localization: LocalizationService, uploadService: UploadService, cdr: ChangeDetectorRef);
     get showProgress(): string;
     ngOnInit(): void;
     fileStatusText(file: FileInfo): any;

package/rendering/file-list-single-item.component.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { ChangeDetectorRef } from '@angular/core';
 import { FileInfo } from '../types';
 import { FileListItemBase } from './file-list-item-base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -17,7 +18,7 @@ export declare class FileListSingleItemComponent extends FileListItemBase {
     disabled: boolean;
     file: FileInfo;
     fileInfoTemplate: FileInfoTemplateDirective;
-    constructor(localization: LocalizationService, uploadService: UploadService);
+    constructor(localization: LocalizationService, uploadService: UploadService, cdr: ChangeDetectorRef);
     get fileStatusText(): string;
     get showProgress(): string;
     get fileGroupClass(): string;

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': '23.3.0-develop.2',
-            '@progress/kendo-angular-progressbar': '23.3.0-develop.2',
-            '@progress/kendo-angular-popup': '23.3.0-develop.2',
+            '@progress/kendo-angular-buttons': '23.3.0-develop.21',
+            '@progress/kendo-angular-progressbar': '23.3.0-develop.21',
+            '@progress/kendo-angular-popup': '23.3.0-develop.21',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }