@progress/kendo-angular-upload 24.0.0-develop.9 → 24.0.0

package/codemods/libs/upload/codemods/v24/upload-rendering-changes.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = exports.aiInstructionsReset = void 0;
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+exports.aiInstructionsReset = `k-reset — no longer applied in FileSelect and Upload.
+   Remove any CSS rules or test assertions targeting .k-reset in FileSelect or Upload context.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these Upload classes:
+
+${exports.aiInstructionsReset}`;
+const patternReset = (0, codemods_1.makePattern)(['k-reset']);
+function default_1(fileInfo) {
+    if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternReset.test(fileInfo.source)) {
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructionsReset, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

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

@@ -6,8 +6,8 @@ import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpRequest, HttpEventType, HttpResponse } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, Directive, ElementRef, Output, HostBinding, Input, ViewChild, ContentChild, Component, HostListener, ViewChildren, Inject, forwardRef, isDevMode, NgModule } from '@angular/core';
-import { guid, isDocumentAvailable, normalizeKeys, Keys, isControlRequired, isChanged, KendoInput, ResizeBatchService } from '@progress/kendo-angular-common';
-import { fileDiscImageIcon, fileZipIcon, fileConfigIcon, filePdfIcon, fileProgrammingIcon, fileDataIcon, filePresentationIcon, fileTxtIcon, fileImageIcon, fileVideoIcon, fileAudioIcon, fileIcon, arrowRotateCwSmallIcon, playSmIcon, pauseSmIcon, cancelIcon, xIcon, copyIcon, checkIcon, exclamationCircleIcon, uploadIcon } from '@progress/kendo-svg-icons';
+import { guid, isDocumentAvailable, normalizeKeys, Keys, isControlRequired, isChanged, KendoInput, KENDO_WEBMCP_HOST, ResizeBatchService } from '@progress/kendo-angular-common';
+import { fileDiscImageIcon, fileZipIcon, fileConfigIcon, filePdfIcon, fileProgrammingIcon, fileDataIcon, filePresentationIcon, fileTxtIcon, fileImageIcon, fileVideoIcon, fileAudioIcon, fileIcon, arrowRotateCwIcon, playIcon, pauseIcon, 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';
@@ -1583,8 +1583,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1777365156,
-    version: '24.0.0-develop.9',
+    publishDate: 1779273365,
+    version: '24.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1950,6 +1950,7 @@ class UploadActionButtonsComponent {
     clearButton;
     uploadButton;
     hostDefaultClass = true;
+    hostHorizontalClass = true;
     get actionButtonsEndClassName() {
         return this.actionsLayout === 'end';
     }
@@ -1996,15 +1997,15 @@ class UploadActionButtonsComponent {
         return this.localization.get(key);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UploadActionButtonsComponent, deps: [{ token: UploadService }, { token: i1$1.LocalizationService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UploadActionButtonsComponent, isStandalone: true, 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 role="button" class="k-button k-clear-selected"
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UploadActionButtonsComponent, isStandalone: true, selector: "kendo-upload-action-buttons", inputs: { disabled: "disabled", actionsLayout: "actionsLayout" }, host: { properties: { "class.k-actions": "this.hostDefaultClass", "class.k-actions-horizontal": "this.hostHorizontalClass", "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 class="k-button k-clear-selected"
             (click)="onClearButtonClick($event)">
-                {{textFor('clearSelectedFiles')}}
+                <span class="k-button-text">{{textFor('clearSelectedFiles')}}</span>
         </button>
-        <button #uploadButton role="button" class="k-button k-button-primary k-upload-selected"
+        <button #uploadButton class="k-button k-button-primary k-upload-selected"
             (focus)="onUploadButtonFocus()"
             (click)="onUploadButtonClick($event)">
-                {{textFor('uploadSelectedFiles')}}
+                <span class="k-button-text">{{textFor('uploadSelectedFiles')}}</span>
         </button>
     `, isInline: true });
 }
@@ -2013,14 +2014,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             args: [{
                     selector: 'kendo-upload-action-buttons',
                     template: `
-        <button #clearButton role="button" class="k-button k-clear-selected"
+        <button #clearButton class="k-button k-clear-selected"
             (click)="onClearButtonClick($event)">
-                {{textFor('clearSelectedFiles')}}
+                <span class="k-button-text">{{textFor('clearSelectedFiles')}}</span>
         </button>
-        <button #uploadButton role="button" class="k-button k-button-primary k-upload-selected"
+        <button #uploadButton class="k-button k-button-primary k-upload-selected"
             (focus)="onUploadButtonFocus()"
             (click)="onUploadButtonClick($event)">
-                {{textFor('uploadSelectedFiles')}}
+                <span class="k-button-text">{{textFor('uploadSelectedFiles')}}</span>
         </button>
     `,
                     standalone: true
@@ -2038,6 +2039,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], hostDefaultClass: [{
                 type: HostBinding,
                 args: ['class.k-actions']
+            }], hostHorizontalClass: [{
+                type: HostBinding,
+                args: ['class.k-actions-horizontal']
             }], actionButtonsEndClassName: [{
                 type: HostBinding,
                 args: ['class.k-actions-end']
@@ -2218,9 +2222,9 @@ class FileListItemActionButtonComponent {
     file;
     disabled;
     progress;
-    retrySVGIcon = arrowRotateCwSmallIcon;
-    playSVGIcon = playSmIcon;
-    pauseSVGIcon = pauseSmIcon;
+    retrySVGIcon = arrowRotateCwIcon;
+    playSVGIcon = playIcon;
+    pauseSVGIcon = pauseIcon;
     cancelSVGIcon = cancelIcon;
     deleteSVGIcon = xIcon;
     constructor(uploadService, localization, navigation) {
@@ -2310,8 +2314,9 @@ class FileListItemActionButtonComponent {
           type="button"
           class="k-upload-action k-retry"
           fillMode="flat"
+          size="xsmall"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="retryButtonTitle"
           [attr.title]="retryButtonTitle"
           [svgIcon]="retrySVGIcon"
           icon="refresh-sm"
@@ -2327,10 +2332,10 @@ class FileListItemActionButtonComponent {
           class="k-upload-action"
           fillMode="flat"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="pauseResumeButtonTitle"
           [attr.title]="pauseResumeButtonTitle"
           [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
-          [icon]="isPaused ? 'play-sm' : 'pause-sm'"
+          [icon]="isPaused ? 'play' : 'pause'"
           (pointerdown)="$event.preventDefault()"
           (click)="onPauseResumeClick()"
         ></button>
@@ -2340,11 +2345,11 @@ class FileListItemActionButtonComponent {
         <button
           kendoButton
           class="k-upload-action"
-          [class.k-delete]="!isUploading"
           fillMode="flat"
+          size="xsmall"
           type="button"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="actionButtonTitle"
           [attr.title]="actionButtonTitle"
           [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
           [icon]="isUploading ? 'cancel' : 'x'"
@@ -2352,7 +2357,7 @@ class FileListItemActionButtonComponent {
         ></button>
       }
     </span>
-    `, 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"] }] });
+    `, 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"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
             type: Component,
@@ -2370,8 +2375,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           type="button"
           class="k-upload-action k-retry"
           fillMode="flat"
+          size="xsmall"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="retryButtonTitle"
           [attr.title]="retryButtonTitle"
           [svgIcon]="retrySVGIcon"
           icon="refresh-sm"
@@ -2387,10 +2393,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           class="k-upload-action"
           fillMode="flat"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="pauseResumeButtonTitle"
           [attr.title]="pauseResumeButtonTitle"
           [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
-          [icon]="isPaused ? 'play-sm' : 'pause-sm'"
+          [icon]="isPaused ? 'play' : 'pause'"
           (pointerdown)="$event.preventDefault()"
           (click)="onPauseResumeClick()"
         ></button>
@@ -2400,11 +2406,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <button
           kendoButton
           class="k-upload-action"
-          [class.k-delete]="!isUploading"
           fillMode="flat"
+          size="xsmall"
           type="button"
           [attr.tabIndex]="-1"
-          [attr.aria-hidden]="true"
+          [attr.aria-label]="actionButtonTitle"
           [attr.title]="actionButtonTitle"
           [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
           [icon]="isUploading ? 'cancel' : 'x'"
@@ -2479,7 +2485,7 @@ class FileListMultipleItemsComponent extends FileListItemBase {
         <kendo-progressbar
           [@progressState]="showProgress"
           [value]="progressComplete"
-          [label]="{ visible: false }"
+          [label]="{ visible: false, position: 'start' }"
           >
         </kendo-progressbar>
         <span class="k-file-icon-wrapper">
@@ -2498,7 +2504,7 @@ class FileListMultipleItemsComponent extends FileListItemBase {
                 <span [title]="file.name" class="k-file-name">
                   {{file.name}}
                 </span>
-                    <span [attr.aria-live]="'polite'" [ngClass]="{
+                    <span [attr.aria-live]="file.validationErrors ? 'polite' : null" [ngClass]="{
                         'k-file-validation-message': file.validationErrors,
                         'k-file-size': !file.validationErrors
                         }"
@@ -2550,7 +2556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-progressbar
           [@progressState]="showProgress"
           [value]="progressComplete"
-          [label]="{ visible: false }"
+          [label]="{ visible: false, position: 'start' }"
           >
         </kendo-progressbar>
         <span class="k-file-icon-wrapper">
@@ -2569,7 +2575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 <span [title]="file.name" class="k-file-name">
                   {{file.name}}
                 </span>
-                    <span [attr.aria-live]="'polite'" [ngClass]="{
+                    <span [attr.aria-live]="file.validationErrors ? 'polite' : null" [ngClass]="{
                         'k-file-validation-message': file.validationErrors,
                         'k-file-size': !file.validationErrors
                         }"
@@ -2660,7 +2666,7 @@ class FileListSingleItemComponent extends FileListItemBase {
         <kendo-progressbar
           [@progressState]="showProgress"
           [value]="progressComplete"
-          [label]="{ visible: false }"
+          [label]="{ visible: false, position: 'start' }"
           >
         </kendo-progressbar>
         <span class="k-file-icon-wrapper">
@@ -2675,7 +2681,7 @@ class FileListSingleItemComponent extends FileListItemBase {
         <span class="k-file-info">
           @if (!fileInfoTemplate) {
             <span class="k-file-name" [title]="file.name">{{ file.name }}</span>
-                <span [attr.aria-live]="'polite'" [ngClass]="{
+                <span [attr.aria-live]="file.validationErrors ? 'polite' : null" [ngClass]="{
                     'k-file-validation-message': file.validationErrors,
                     'k-file-size': !file.validationErrors && isNotYetUploaded,
                     'k-file-summary': isUploadSuccessful || isUploadFailed
@@ -2722,7 +2728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-progressbar
           [@progressState]="showProgress"
           [value]="progressComplete"
-          [label]="{ visible: false }"
+          [label]="{ visible: false, position: 'start' }"
           >
         </kendo-progressbar>
         <span class="k-file-icon-wrapper">
@@ -2737,7 +2743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <span class="k-file-info">
           @if (!fileInfoTemplate) {
             <span class="k-file-name" [title]="file.name">{{ file.name }}</span>
-                <span [attr.aria-live]="'polite'" [ngClass]="{
+                <span [attr.aria-live]="file.validationErrors ? 'polite' : null" [ngClass]="{
                     'k-file-validation-message': file.validationErrors,
                     'k-file-size': !file.validationErrors && isNotYetUploaded,
                     'k-file-summary': isUploadSuccessful || isUploadFailed
@@ -2953,7 +2959,7 @@ class UploadStatusTotalComponent {
     checkmarkIcon = checkIcon;
     exceptionSVGIcon = exclamationCircleIcon;
     uploadSVGIcon = uploadIcon;
-    pauseSVGIcon = pauseSmIcon;
+    pauseSVGIcon = pauseIcon;
     constructor(localization) {
         this.localization = localization;
     }
@@ -2968,7 +2974,7 @@ class UploadStatusTotalComponent {
             return 'upload';
         }
         if (this.isPaused) {
-            return 'pause-sm';
+            return 'pause';
         }
     }
     get SVGIconClass() {
@@ -4078,6 +4084,10 @@ class UploadComponent extends UploadFileSelectBase {
             {
                 provide: KendoInput,
                 useExisting: forwardRef(() => UploadComponent)
+            },
+            {
+                provide: KENDO_WEBMCP_HOST,
+                useExisting: forwardRef(() => UploadComponent)
             }
         ], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }], exportAs: ["kendoUpload"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
     <ng-container kendoUploadLocalizedMessages
@@ -4181,7 +4191,7 @@ class UploadComponent extends UploadFileSelectBase {
     </div>
     @if (hasFileList) {
       <ul kendo-upload-file-list
-        class="k-upload-files k-reset"
+        class="k-upload-files"
         [disabled]="disabled"
         [fileList]="fileList.files"
         [fileTemplate]="fileTemplate"
@@ -4195,7 +4205,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", "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"] }] });
+    `, 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"], 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,
@@ -4214,6 +4224,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: KendoInput,
                             useExisting: forwardRef(() => UploadComponent)
+                        },
+                        {
+                            provide: KENDO_WEBMCP_HOST,
+                            useExisting: forwardRef(() => UploadComponent)
                         }
                     ],
                     selector: 'kendo-upload',
@@ -4319,7 +4333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     </div>
     @if (hasFileList) {
       <ul kendo-upload-file-list
-        class="k-upload-files k-reset"
+        class="k-upload-files"
         [disabled]="disabled"
         [fileList]="fileList.files"
         [fileTemplate]="fileTemplate"
@@ -4974,7 +4988,7 @@ class FileSelectComponent extends UploadFileSelectBase {
         </div>
         @if (hasFileList) {
           <ul kendo-upload-file-list
-            class="k-upload-files k-reset"
+            class="k-upload-files"
             [disabled]="disabled"
             [fileList]="fileList.files"
             [fileTemplate]="fileTemplate"
@@ -4982,7 +4996,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", "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"] }] });
+        `, 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"], 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,
@@ -5059,7 +5073,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         </div>
         @if (hasFileList) {
           <ul kendo-upload-file-list
-            class="k-upload-files k-reset"
+            class="k-upload-files"
             [disabled]="disabled"
             [fileList]="fileList.files"
             [fileTemplate]="fileTemplate"

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1777365156,
-  "version": "24.0.0-develop.9",
+  "publishDate": 1779273365,
+  "version": "24.0.0",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-upload",
-  "version": "24.0.0-develop.9",
+  "version": "24.0.0",
   "description": "Kendo UI Angular Upload Component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -16,10 +16,25 @@
   ],
   "@progress": {
     "friendlyName": "Upload",
+    "migrations": {
+      "options": {
+        "parser": "tsx",
+        "pattern": "*.{ts,html,css,scss,sass,less}"
+      },
+      "codemods": {
+        "24": [
+          {
+            "description": "k-reset is no longer applied in FileSelect and Upload.",
+            "file": "codemods/v24/upload-rendering-changes.js",
+            "instructionsOnly": true
+          }
+        ]
+      }
+    },
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1777365156,
+      "publishDate": 1779273365,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,16 +45,16 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.9",
-    "@progress/kendo-angular-icons": "24.0.0-develop.9",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.9",
-    "@progress/kendo-angular-progressbar": "24.0.0-develop.9",
+    "@progress/kendo-angular-common": "24.0.0",
+    "@progress/kendo-angular-l10n": "24.0.0",
+    "@progress/kendo-angular-icons": "24.0.0",
+    "@progress/kendo-angular-buttons": "24.0.0",
+    "@progress/kendo-angular-progressbar": "24.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.9"
+    "@progress/kendo-angular-schematics": "24.0.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-upload.mjs",

package/rendering/upload-action-buttons.component.d.ts

@@ -20,6 +20,7 @@ export declare class UploadActionButtonsComponent {
     clearButton: ElementRef;
     uploadButton: ElementRef;
     hostDefaultClass: boolean;
+    hostHorizontalClass: boolean;
     get actionButtonsEndClassName(): boolean;
     get actionButtonsStretchedClassName(): boolean;
     get actionButtonsStartClassName(): boolean;

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