primeng 17.16.0 → 17.16.1

package/fileupload/fileupload.d.ts

@@ -4,7 +4,7 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { BlockableUI, Message, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
 import { VoidListener } from 'primeng/ts-helpers';
 import { Subscription } from 'rxjs';
-import { FileBeforeUploadEvent, FileProgressEvent, FileRemoveEvent, FileSelectEvent, FileSendEvent, FileUploadErrorEvent, FileUploadEvent, FileUploadHandlerEvent } from './fileupload.interface';
+import { FileBeforeUploadEvent, FileProgressEvent, FileRemoveEvent, FileSelectEvent, FileSendEvent, FileUploadErrorEvent, FileUploadEvent, FileUploadHandlerEvent, RemoveUploadedFileEvent } from './fileupload.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/api";
@@ -261,6 +261,12 @@ export declare class FileUpload implements AfterViewInit, AfterContentInit, OnIn
      * @group Emits
      */
     onImageError: EventEmitter<Event>;
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {RemoveUploadedFileEvent} event - Remove event.
+     * @group Emits
+     */
+    onRemoveUploadedFile: EventEmitter<RemoveUploadedFileEvent>;
     templates: QueryList<PrimeTemplate> | undefined;
     advancedFileInput: ElementRef | undefined | any;
     basicFileInput: ElementRef | undefined;
@@ -286,6 +292,7 @@ export declare class FileUpload implements AfterViewInit, AfterContentInit, OnIn
     duplicateIEEvent: boolean | undefined;
     translationSubscription: Subscription | undefined;
     dragOverListener: VoidListener;
+    uploadedFiles: any[];
     constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, sanitizer: DomSanitizer, zone: NgZone, http: HttpClient, cd: ChangeDetectorRef, config: PrimeNGConfig);
     ngAfterContentInit(): void;
     ngOnInit(): void;
@@ -312,7 +319,19 @@ export declare class FileUpload implements AfterViewInit, AfterContentInit, OnIn
      * @group Method
      */
     clear(): void;
+    /**
+     * Removes a single file.
+     * @param {Event} event - Browser event.
+     * @param {Number} index - Index of the file.
+     * @group Method
+     */
     remove(event: Event, index: number): void;
+    /**
+     * Removes uploaded file.
+     * @param {Number} index - Index of the file to be removed.
+     * @group Method
+     */
+    removeUploadedFile(index: any): void;
     isFileLimitExceeded(): boolean;
     isChooseDisabled(): boolean;
     checkFileLimit(files: File[]): void;
@@ -336,7 +355,7 @@ export declare class FileUpload implements AfterViewInit, AfterContentInit, OnIn
     get browseFilesLabel(): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUpload, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUpload, "p-fileUpload", never, { "name": { "alias": "name"; "required": false; }; "url": { "alias": "url"; "required": false; }; "method": { "alias": "method"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; }; "invalidFileLimitMessageDetail": { "alias": "invalidFileLimitMessageDetail"; "required": false; }; "invalidFileLimitMessageSummary": { "alias": "invalidFileLimitMessageSummary"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "customUpload": { "alias": "customUpload"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "uploadStyleClass": { "alias": "uploadStyleClass"; "required": false; }; "cancelStyleClass": { "alias": "cancelStyleClass"; "required": false; }; "removeStyleClass": { "alias": "removeStyleClass"; "required": false; }; "chooseStyleClass": { "alias": "chooseStyleClass"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "onBeforeUpload": "onBeforeUpload"; "onSend": "onSend"; "onUpload": "onUpload"; "onError": "onError"; "onClear": "onClear"; "onRemove": "onRemove"; "onSelect": "onSelect"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; "onImageError": "onImageError"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUpload, "p-fileUpload", never, { "name": { "alias": "name"; "required": false; }; "url": { "alias": "url"; "required": false; }; "method": { "alias": "method"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; }; "invalidFileLimitMessageDetail": { "alias": "invalidFileLimitMessageDetail"; "required": false; }; "invalidFileLimitMessageSummary": { "alias": "invalidFileLimitMessageSummary"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "customUpload": { "alias": "customUpload"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "uploadStyleClass": { "alias": "uploadStyleClass"; "required": false; }; "cancelStyleClass": { "alias": "cancelStyleClass"; "required": false; }; "removeStyleClass": { "alias": "removeStyleClass"; "required": false; }; "chooseStyleClass": { "alias": "chooseStyleClass"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "onBeforeUpload": "onBeforeUpload"; "onSend": "onSend"; "onUpload": "onUpload"; "onError": "onError"; "onClear": "onClear"; "onRemove": "onRemove"; "onSelect": "onSelect"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; "onImageError": "onImageError"; "onRemoveUploadedFile": "onRemoveUploadedFile"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_auto: unknown;

package/fileupload/fileupload.interface.d.ts

@@ -10,6 +10,20 @@ export interface UploadEvent {
      */
     originalEvent: HttpEvent<any>;
 }
+/**
+ * Remove uploaded file event.
+ * @group Events
+ */
+export interface RemoveUploadedFileEvent {
+    /**
+     * Removed file.
+     */
+    file: any;
+    /**
+     * Uploaded files.
+     */
+    files: any[];
+}
 /**
  * Form data event.
  * @group Events
@@ -126,6 +140,31 @@ export interface FileUploadTemplates {
      * Custom template of file.
      */
     file(): TemplateRef<any>;
+    /**
+     * Custom template of file.
+     */
+    header(context: {
+        /**
+         * File list.
+         */
+        $implicit: any;
+        /**
+         * Uploaded files list.
+         */
+        uploadedFiles: any;
+        /**
+         * Callback to invoke on choose button click.
+         */
+        chooseCallback: VoidFunction;
+        /**
+         * Callback to invoke on clear button click.
+         */
+        clearCallback: VoidFunction;
+        /**
+         * Callback to invoke on upload.
+         */
+        uploadCallback: VoidFunction;
+    }): TemplateRef<any>;
     /**
      * Custom template of content.
      */
@@ -134,9 +173,40 @@ export interface FileUploadTemplates {
          * File list.
          */
         $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
+        /**
+         * Uploaded files list.
+         */
+        uploadedFiles: any;
+        /**
+         * Upload progress.
+         */
+        progress: any;
+        /**
+         * Status messages about upload process.
+         */
+        messages: any;
+        /**
+         * Callback to invoke on choose button click.
+         */
+        chooseCallback: VoidFunction;
+        /**
+         * Callback to invoke on clear button click.
+         */
+        removeFileCallback: VoidFunction;
+        /**
+         * Callback to invoke on clear button click.
+         */
+        clearCallback: VoidFunction;
+        /**
+         * Callback to invoke on upload.
+         */
+        uploadCallback: VoidFunction;
+        /**
+         * Callback to invoke on remove uploaded file, accepts index as a parameter.
+         * @param index Index of the file to remove.
+         */
+        removeUploadedFileCallback: VoidFunction;
+    }): TemplateRef<any>;
     /**
      * Custom template of toolbar.
      */

package/message/message.d.ts

@@ -13,7 +13,7 @@ export declare class UIMessage {
      * Severity level of the message.
      * @group Props
      */
-    severity: 'success' | 'info' | 'warn' | 'error' | string | undefined;
+    severity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
     /**
      * Text content.
      * @group Props
@@ -36,7 +36,11 @@ export declare class UIMessage {
      * @group Props
      */
     styleClass: string | undefined;
-    get icon(): string;
+    get icon(): "success" | "info" | "warn" | "error";
+    get containerClass(): {
+        [x: string]: boolean | "success" | "info" | "warning" | "danger" | "help" | "primary" | "secondary" | "contrast";
+        'p-inline-message-icon-only': boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<UIMessage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UIMessage, "p-message", never, { "severity": { "alias": "severity"; "required": false; }; "text": { "alias": "text"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_escape: unknown;