@progress/kendo-angular-upload 16.3.0-develop.3 → 16.3.0-develop.4

package/fileselect.component.d.ts

@@ -2,121 +2,46 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnDestroy, Renderer2, ElementRef, EventEmitter, NgZone, OnInit, ChangeDetectorRef, Injector } from "@angular/core";
+import { OnDestroy, Renderer2, ElementRef, NgZone, OnInit, ChangeDetectorRef, Injector, EventEmitter } from "@angular/core";
 import { FileRestrictions, FileInfo } from './types';
-import { FormControl } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { UploadService } from './upload.service';
-import { FileMap } from './types/file-map';
 import { Direction } from './types/direction';
-import { RemoveEvent, SelectEvent } from './events';
 import { NavigationService } from './navigation.service';
-import { FileTemplateDirective } from './templates/file-template.directive';
 import { DropZoneService } from './dropzone.service';
-import { FileInfoTemplateDirective } from './templates/file-info-template.directive';
+import { UploadFileSelectBase } from "./common/base";
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare const FILESELECT_VALUE_ACCESSOR: any;
-export declare class FileSelectComponent implements OnInit, OnDestroy {
-    private uploadService;
+export declare class FileSelectComponent extends UploadFileSelectBase implements OnInit, OnDestroy {
+    protected uploadService: UploadService;
     private localization;
-    private navigation;
+    protected navigation: NavigationService;
     private dropZoneService;
-    private ngZone;
+    protected ngZone: NgZone;
     private renderer;
-    private cdr;
-    private injector;
-    /**
-     * Sets the `accept` attribute of the `input` element of the FileSelect.
-     */
-    accept: string;
-    /**
-     * Disables the FileSelect.
-     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_fileselect#toc-managing-the-fileselect-disabled-state-in-reactive-forms).
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Enables the selection of multiple files
-     * ([see example]({% slug fileprocessing_upload %}#toc-upload-of-sinlge-or-multiple-files)).
-     * If set to `false`, only one file can be selected at a time.
-     * @default true
-     */
-    multiple: boolean;
+    protected cdr: ChangeDetectorRef;
+    protected injector: Injector;
+    fileSelectInput: ElementRef;
+    get dir(): string;
     /**
      * Sets the `name` attribute of the `input` element of the FileSelect.
      */
     set name(name: string);
     get name(): string;
-    /**
-     * Toggles the visibility of the file list.
-     * @default true
-     */
-    showFileList: boolean;
-    /**
-     * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the FileSelect.
-     * @default 0
-     */
-    tabindex: number;
-    /**
-     * Sets the restrictions for selected files.
-     */
-    set restrictions(restrictions: FileRestrictions);
-    get restrictions(): FileRestrictions;
-    /**
-     * Specifies the id of the external drop zone to associate with the FileSelect.
-     */
-    zoneId: string;
-    /**
-     * @hidden
-     */
-    focusableId: string;
-    fileTemplate: FileTemplateDirective;
-    fileInfoTemplate: FileInfoTemplateDirective;
-    fileSelectInput: ElementRef;
-    fileSelectButton: ElementRef;
-    /**
-     * Fires when the user navigates outside the component.
-     */
-    onBlur: EventEmitter<any>;
-    /**
-     * Fires when the component is focused.
-     */
-    onFocus: EventEmitter<any>;
-    /**
-     * Fires when files are selected. If prevented, the selected files will not be added to the list.
-     */
-    select: EventEmitter<SelectEvent>;
-    /**
-     * Fires when a file is about to be removed. If prevented, the file will remain in the list.
-     */
-    remove: EventEmitter<RemoveEvent>;
     /**
      * Fires when the value of the component has changed as a result of a successful `select` or `remove` operation.
      */
     valueChange: EventEmitter<Array<File>>;
-    hostDefaultClasses: boolean;
-    get hostDisabledClass(): boolean;
-    get dir(): string;
-    get hostRole(): string;
-    /**
-     * @hidden
-     */
-    get formControl(): FormControl;
-    /**
-     * @hidden
-     */
-    get isControlRequired(): boolean;
     /**
      * @hidden
      */
     _restrictions: FileRestrictions;
-    fileList: FileMap;
     direction: Direction;
     wrapper: HTMLElement;
-    inputElementId: string;
+    fileListId: string;
     private documentClick;
     private blurSubscription;
     private wrapperFocusSubscription;
@@ -129,33 +54,7 @@ export declare class FileSelectComponent implements OnInit, OnDestroy {
      * @hidden
      */
     textFor(key: string): string;
-    /**
-     * Focuses the underlying input element.
-     */
-    focus(): void;
     ngOnDestroy(): void;
-    /**
-     * @hidden
-     */
-    writeValue(newValue: any): void;
-    protected onTouchedCallback: Function;
-    protected onChangeCallback: Function;
-    /**
-     * @hidden
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * @hidden
-     */
-    onFileSelectButtonFocus(): void;
     /**
      * Removes specific file from the file list.
      */
@@ -183,13 +82,17 @@ export declare class FileSelectComponent implements OnInit, OnDestroy {
      */
     getIds(): {
         buttonId: string;
-        inputId: string;
+        fileListId: string;
     };
+    /**
+     * @hidden
+     */
+    writeValue(newValue: any): void;
     private subscribeBlur;
     private subscribeFocus;
     private handleKeydown;
     private attachEventHandlers;
     private setDefaultSettings;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileSelectComponent, "kendo-fileselect", ["kendoFileSelect"], { "accept": "accept"; "disabled": "disabled"; "multiple": "multiple"; "name": "name"; "showFileList": "showFileList"; "tabindex": "tabindex"; "restrictions": "restrictions"; "zoneId": "zoneId"; "focusableId": "focusableId"; }, { "onBlur": "blur"; "onFocus": "focus"; "select": "select"; "remove": "remove"; "valueChange": "valueChange"; }, ["fileTemplate", "fileInfoTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileSelectComponent, "kendo-fileselect", ["kendoFileSelect"], { "name": "name"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/navigation.service.d.ts

@@ -18,8 +18,10 @@ export declare class NavigationService {
     onWrapperFocus: EventEmitter<any>;
     onSelectButtonFocus: EventEmitter<any>;
     actionButtonsVisible: boolean;
+    fileListVisible: boolean;
     focused: boolean;
     keyBindings: Object;
+    focusedFileIndex: number;
     private _focusedIndex;
     constructor(uploadService: UploadService, zone: NgZone);
     action(event: any): Function;
@@ -30,9 +32,8 @@ export declare class NavigationService {
     handleSpace(): void;
     handleDelete(): void;
     handleEscape(): void;
-    handleTab(shifted: any, component: any): void;
-    handleDown(event: any): void;
-    handleUp(event: any): void;
+    handleTab(event: any, component: any): void;
+    handleUpDown(event: any, direction: any): void;
     get focusedIndex(): number;
     set focusedIndex(index: number);
     get lastFileIndex(): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-upload",
-  "version": "16.3.0-develop.3",
+  "version": "16.3.0-develop.4",
   "description": "Kendo UI Angular Upload Component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,16 +24,16 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.3.0-develop.3",
-    "@progress/kendo-angular-l10n": "16.3.0-develop.3",
-    "@progress/kendo-angular-icons": "16.3.0-develop.3",
-    "@progress/kendo-angular-buttons": "16.3.0-develop.3",
-    "@progress/kendo-angular-progressbar": "16.3.0-develop.3",
+    "@progress/kendo-angular-common": "16.3.0-develop.4",
+    "@progress/kendo-angular-l10n": "16.3.0-develop.4",
+    "@progress/kendo-angular-icons": "16.3.0-develop.4",
+    "@progress/kendo-angular-buttons": "16.3.0-develop.4",
+    "@progress/kendo-angular-progressbar": "16.3.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.3.0-develop.3"
+    "@progress/kendo-angular-schematics": "16.3.0-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-upload.mjs",

package/rendering/file-list-item-action-button.component.d.ts

@@ -18,17 +18,12 @@ export declare class FileListItemActionButtonComponent {
     file: FileInfo;
     disabled: boolean;
     progress: number;
-    actionFocused: boolean;
-    retryFocused: boolean;
-    pauseResumeFocused: boolean;
     retrySVGIcon: SVGIcon;
     playSVGIcon: SVGIcon;
     pauseSVGIcon: SVGIcon;
     cancelSVGIcon: SVGIcon;
     deleteSVGIcon: SVGIcon;
     constructor(uploadService: UploadService, localization: LocalizationService, navigation: NavigationService);
-    onFocus(type: string): void;
-    onBlur(type: string): void;
     onRetryClick(): void;
     onRemoveCancelClick(event?: any): void;
     onPauseResumeClick(): void;

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

@@ -21,6 +21,7 @@ export declare class FileListComponent implements OnDestroy {
     fileTemplate: FileTemplateDirective;
     fileInfoTemplate: FileInfoTemplateDirective;
     fileListItems: QueryList<FileListItemDirective>;
+    fileListRole: string;
     private focusSubscription;
     private actionSubscription;
     constructor(uploadService: UploadService, navigation: NavigationService);

package/schematics/ngAdd/index.js

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

package/upload.component.d.ts

@@ -4,19 +4,17 @@
 *-------------------------------------------------------------------------------------------*/
 import { HttpHeaders } from '@angular/common/http';
 import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2, ChangeDetectorRef, Injector } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Direction } from './types/direction';
-import { FileInfo, FileRestrictions } from './types';
-import { FileMap } from './types/file-map';
+import { FileInfo } from './types';
 import { NavigationService } from './navigation.service';
-import { FileTemplateDirective } from './templates/file-template.directive';
-import { CancelEvent, ClearEvent, ErrorEvent, RemoveEvent, SelectEvent, SuccessEvent, UploadEvent, UploadProgressEvent } from './events';
+import { CancelEvent, ClearEvent, ErrorEvent, SuccessEvent, UploadEvent, UploadProgressEvent } from './events';
 import { UploadService } from './upload.service';
 import { ChunkSettings } from './types/chunk-settings';
 import { DropZoneService } from './dropzone.service';
 import { ActionsLayout } from './common/action-buttons-layout';
-import { FileInfoTemplateDirective } from './templates/file-info-template.directive';
+import { UploadFileSelectBase } from './common/base';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -25,15 +23,15 @@ export declare const UPLOAD_VALUE_ACCESSOR: any;
 /**
  * Represents the [Kendo UI Upload component for Angular]({% slug overview_upload %}).
  */
-export declare class UploadComponent implements OnInit, OnDestroy, ControlValueAccessor {
-    private uploadService;
+export declare class UploadComponent extends UploadFileSelectBase implements OnInit, OnDestroy, ControlValueAccessor {
+    protected uploadService: UploadService;
     private localization;
-    private navigation;
+    protected navigation: NavigationService;
     private dropZoneService;
-    private zone;
+    protected zone: NgZone;
     private renderer;
-    private cdr;
-    private injector;
+    protected cdr: ChangeDetectorRef;
+    protected injector: Injector;
     /**
      * By default, the selected files are immediately uploaded
      * ([see example]({% slug fileprocessing_upload %}#toc-automatic-upload-of-files)).
@@ -128,63 +126,21 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
      */
     set concurrent(concurrent: boolean);
     get concurrent(): boolean;
-    /**
-     * Enables the selection of multiple files
-     * ([see example]({% slug fileprocessing_upload %}#toc-upload-of-sinlge-or-multiple-files)).
-     * If set to `false`, only one file can be selected at a time.
-     * @default true
-     */
-    multiple: boolean;
-    /**
-     * Disables the Upload ([see example]({% slug disabledstate_upload %})).
-     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_upload#toc-managing-the-upload-disabled-state-in-reactive-forms).
-     * @default false
-     */
-    disabled: boolean;
     /**
      * Toggles the visibility of the file list.
      * @default true
      */
     showFileList: boolean;
-    /**
-     * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-     * @default 0
-     */
-    tabindex: number;
-    /**
-     * Specifies the id of the external drop zone to associate with the Upload.
-     */
-    zoneId: string;
     /**
      * @hidden
      */
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
-    /**
-     * Sets the `accept` attribute of the `input` element of the Upload.
-     */
-    accept: string;
-    /**
-     * Sets the restrictions for selected files ([see example]({% slug api_upload_filerestrictions %})).
-     */
-    set restrictions(restrictions: FileRestrictions);
-    get restrictions(): FileRestrictions;
-    /**
-     * @hidden
-     */
-    focusableId: string;
     /**
      * Specifies the possible layout of the action buttons.
      */
     actionsLayout: ActionsLayout;
-    fileTemplate: FileTemplateDirective;
-    fileInfoTemplate: FileInfoTemplateDirective;
     fileSelectInput: ElementRef;
-    fileSelectButton: ElementRef;
-    /**
-     * Fires when the user navigates outside the component.
-     */
-    onBlur: EventEmitter<any>;
     /**
      * Fires when the upload is canceled while in progress.
      */
@@ -201,26 +157,14 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
      * Fires when an `upload` or `remove` operation has failed.
      */
     error: EventEmitter<ErrorEvent>;
-    /**
-     * Fires when the component is focused.
-     */
-    onFocus: EventEmitter<any>;
     /**
      * Fires when the upload of a file has been paused.
      */
     pause: EventEmitter<any>;
-    /**
-     * Fires when an uploaded file is about to be removed. If prevented, the files will remain in the list.
-     */
-    remove: EventEmitter<RemoveEvent>;
     /**
      * Fires when the upload of a file has been resumed.
      */
     resume: EventEmitter<any>;
-    /**
-     * Fires when files are selected. If prevented, the selected files will not be added to the list.
-     */
-    select: EventEmitter<SelectEvent>;
     /**
      * Fires when an `upload` or `remove` operation is successfully completed.
      */
@@ -237,25 +181,10 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
      * Fires when the value of the component has changed as a result of a successful `upload`, `remove` or `clear` operation.
      */
     valueChange: EventEmitter<Array<FileInfo>>;
-    hostDefaultClasses: boolean;
-    get hostRole(): string;
-    get hostDisabledClass(): boolean;
     get dir(): string;
-    /**
-     * @hidden
-     */
-    get formControl(): FormControl;
-    /**
-     * @hidden
-     */
-    get isControlRequired(): boolean;
-    /**
-     * @hidden
-     */
-    _restrictions: FileRestrictions;
-    fileList: FileMap;
     direction: Direction;
     wrapper: HTMLElement;
+    fileListId: string;
     private documentClick;
     private blurSubscription;
     private wrapperFocusSubscription;
@@ -270,24 +199,6 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
      * @hidden
      */
     writeValue(newValue: any): void;
-    protected onTouchedCallback: Function;
-    protected onChangeCallback: Function;
-    /**
-     * @hidden
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * @hidden
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * @hidden
-     */
-    onFileSelectButtonFocus(): void;
     /**
      * @hidden
      */
@@ -305,26 +216,8 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
      */
     getIds(): {
         buttonId: string;
-        inputId: string;
+        fileListId: string;
     };
-    /**
-     * Focuses the underlying input element.
-     */
-    focus(): void;
-    /**
-     * @hidden
-     * @deprecated
-     */
-    focusComponent(): void;
-    /**
-     * Blurs the Upload if it was previously focused.
-     */
-    blur(): void;
-    /**
-     * @hidden
-     * @deprecated
-     */
-    blurComponent(): void;
     /**
      * Pauses the upload process of a file that is currently uploading.
      * The `pauseFileByUid` method requires the `chunkable` option of the Upload to be enabled.
@@ -378,5 +271,5 @@ export declare class UploadComponent implements OnInit, OnDestroy, ControlValueA
     private subscribeFocus;
     private attachEventHandlers;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "kendo-upload", ["kendoUpload"], { "autoUpload": "autoUpload"; "batch": "batch"; "withCredentials": "withCredentials"; "saveField": "saveField"; "saveHeaders": "saveHeaders"; "saveMethod": "saveMethod"; "saveUrl": "saveUrl"; "responseType": "responseType"; "removeField": "removeField"; "removeHeaders": "removeHeaders"; "removeMethod": "removeMethod"; "removeUrl": "removeUrl"; "chunkable": "chunkable"; "concurrent": "concurrent"; "multiple": "multiple"; "disabled": "disabled"; "showFileList": "showFileList"; "tabindex": "tabindex"; "zoneId": "zoneId"; "tabIndex": "tabIndex"; "accept": "accept"; "restrictions": "restrictions"; "focusableId": "focusableId"; "actionsLayout": "actionsLayout"; }, { "onBlur": "blur"; "cancel": "cancel"; "clear": "clear"; "complete": "complete"; "error": "error"; "onFocus": "focus"; "pause": "pause"; "remove": "remove"; "resume": "resume"; "select": "select"; "success": "success"; "upload": "upload"; "uploadProgress": "uploadProgress"; "valueChange": "valueChange"; }, ["fileTemplate", "fileInfoTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "kendo-upload", ["kendoUpload"], { "autoUpload": "autoUpload"; "batch": "batch"; "withCredentials": "withCredentials"; "saveField": "saveField"; "saveHeaders": "saveHeaders"; "saveMethod": "saveMethod"; "saveUrl": "saveUrl"; "responseType": "responseType"; "removeField": "removeField"; "removeHeaders": "removeHeaders"; "removeMethod": "removeMethod"; "removeUrl": "removeUrl"; "chunkable": "chunkable"; "concurrent": "concurrent"; "showFileList": "showFileList"; "tabIndex": "tabIndex"; "actionsLayout": "actionsLayout"; }, { "cancel": "cancel"; "clear": "clear"; "complete": "complete"; "error": "error"; "pause": "pause"; "resume": "resume"; "success": "success"; "upload": "upload"; "uploadProgress": "uploadProgress"; "valueChange": "valueChange"; }, never, never, false, never>;
 }