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

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

@@ -1583,8 +1583,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776936079,
-    version: '24.0.0-develop.2',
+    publishDate: 1778160945,
+    version: '24.0.0-develop.21',
     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']
@@ -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,7 +2332,7 @@ 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'"
@@ -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,7 +2393,7 @@ 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'"
@@ -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
@@ -4181,7 +4187,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 +4201,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,
@@ -4319,7 +4325,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 +4980,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 +4988,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 +5065,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": 1776936079,
-  "version": "24.0.0-develop.2",
+  "publishDate": 1778160945,
+  "version": "24.0.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": "24.0.0-develop.2",
+  "version": "24.0.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": 1776936079,
+      "publishDate": 1778160945,
       "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.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.2",
-    "@progress/kendo-angular-icons": "24.0.0-develop.2",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.2",
-    "@progress/kendo-angular-progressbar": "24.0.0-develop.2",
+    "@progress/kendo-angular-common": "24.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.21",
+    "@progress/kendo-angular-icons": "24.0.0-develop.21",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.21",
+    "@progress/kendo-angular-progressbar": "24.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.2"
+    "@progress/kendo-angular-schematics": "24.0.0-develop.21"
   },
   "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.2',
-            '@progress/kendo-angular-progressbar': '24.0.0-develop.2',
-            '@progress/kendo-angular-popup': '24.0.0-develop.2',
+            '@progress/kendo-angular-buttons': '24.0.0-develop.21',
+            '@progress/kendo-angular-progressbar': '24.0.0-develop.21',
+            '@progress/kendo-angular-popup': '24.0.0-develop.21',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }