@quadrel-enterprise-ui/framework 20.6.0 → 20.6.1

package/index.d.ts

@@ -682,9 +682,14 @@ interface QdCollectedFile {
      */
     downloadUrl: string;
     /**
-     * @description Upload Timestamp
+     * @description Timestamp of when the file was uploaded.
+     * When provided, the file collector displays the formatted date and time
+     * next to the file name using the current application locale.
      *
-     * @example new Date('1996-04-22 20:04')
+     * The value should be supplied by the backend (e.g. `fileStoredAt` from the API response).
+     * If omitted, no timestamp is shown.
+     *
+     * @example new Date('2025-03-20T14:30:00Z')
      */
     uploadTimestamp?: Date;
 }
@@ -740,7 +745,7 @@ declare class QdMockFileCollectorItemComponent {
     progress: number;
     newlyUploaded: boolean;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
     readonly: boolean;
     viewonly: boolean;
     downloadFilesWithHttpClient: boolean;
@@ -751,47 +756,53 @@ declare class QdMockFileCollectorItemComponent {
 }
 
 declare class QdMockFileCollectorItemNameComponent {
-    name: QdCollectedFile['name'];
+    name: string;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorItemNameComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemNameComponent, "qd-file-collector-item-name", never, { "name": { "alias": "name"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemNameComponent, "qd-file-collector-item-name", never, { "name": { "alias": "name"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorItemSizeComponent {
-    size: QdCollectedFile['size'];
+    size: number;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorItemSizeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemSizeComponent, "qd-file-collector-item-size", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemSizeComponent, "qd-file-collector-item-size", never, { "size": { "alias": "size"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorItemToolsComponent {
     progress: number;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
     readonly: boolean;
     viewonly: boolean;
     downloadFilesWithHttpClient: boolean;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorItemToolsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemToolsComponent, "qd-file-collector-item-tools", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "viewonly": { "alias": "viewonly"; "required": false; }; "downloadFilesWithHttpClient": { "alias": "downloadFilesWithHttpClient"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorItemToolsComponent, "qd-file-collector-item-tools", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "viewonly": { "alias": "viewonly"; "required": false; }; "downloadFilesWithHttpClient": { "alias": "downloadFilesWithHttpClient"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorDialogItemComponent {
     progress: number;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorDialogItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemComponent, "qd-file-collector-dialog-item", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemComponent, "qd-file-collector-dialog-item", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorDialogItemErrorComponent {
     error: QdUploadError;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorDialogItemErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemErrorComponent, "qd-file-collector-dialog-item-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemErrorComponent, "qd-file-collector-dialog-item-error", never, { "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorDialogItemProgressComponent {
-    progress: any;
-    error: any;
+    progress: number;
+    error: QdUploadError | undefined;
+    testId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdMockFileCollectorDialogItemProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemProgressComponent, "qd-file-collector-dialog-item-progress", never, { "progress": { "alias": "progress"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdMockFileCollectorDialogItemProgressComponent, "qd-file-collector-dialog-item-progress", never, { "progress": { "alias": "progress"; "required": false; }; "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class QdMockFileCollectorModule {
@@ -10194,86 +10205,151 @@ interface QdFileCollectorConfig {
 }
 
 /**
- * **QdFileCollectorComponent** is a flexible component for managing files within an application.
- * It supports uploading, downloading, and displaying files, offering various options for customization and configuration.
+ * **QdFileCollectorComponent** lets users view, upload, download, and remove files.
  *
  * #### **Features**
  *
- * - **Upload**: Allows users to add new files with restrictions on file type and size.
- * - **Download**: Enables downloads directly via URL or, if needed, through Angular’s `HttpClient`, for example, to support authorization.
- * - **Customizable Error Handling**: Validates file size, type, and name pattern, with customizable error messages for user guidance.
- * - **Read-only Mode**: Disables interactions in read-only mode, allowing only viewing or downloading of files.
- * - **Standalone Enabled**: Detects if used within or outside a QLS section structure and, if outside, enables file uploads in standalone mode.
- *
- * #### **Interactions**
+ * - **Upload**: select files, validate them, and upload with progress tracking via a custom file manager
+ * - **Download**: directly via URL or through `HttpClient` (e.g. for authorization)
+ * - **Delete**: with confirmation dialog
+ * - **Upload Timestamp**: shows the upload date next to the file name when `uploadTimestamp` is set
+ * - **Validation**: restricts file type, size, and name pattern with customizable error messages
+ * - **Readonly / Viewonly**: disables upload and delete, allows only viewing and downloading
+ * - **Standalone / Section**: works independently with its own add button, or inside a `QdSection` via the toolbar action
  *
- * File interactions are managed through several key functions:
+ * #### **Quick start**
  *
- * - **upload**: Adds a file to the files list if validation is successful.
- * - **delete**: Opens a confirmation dialog that, if confirmed, removes the file from the list.
- * - **readonly/viewonly**: In read-only or view-only mode, upload and delete functions are disabled, limiting user actions.
+ * **1. Add the collector to the template**
  *
- * #### **Standalone Mode**
- *
- * Following Quadrel’s design principles, QdFileCollector includes a standalone mode, allowing it to work independently.
- * It automatically detects when used outside a QLS section structure and, in standalone mode, displays an "Add New" button to support file uploads.
- *
- * #### **File Restrictions**
- *
- * - **allowedFileTypes** and **allowedMimeTypes** should not be used together; using both will trigger an error log.
- * - **maxFileSizeInBytes** sets a maximum file size allowed for uploads.
- * - **allowedFileNamePattern** defines a regex pattern for file names; files that don’t match the pattern are rejected.
+ * ```html
+ * <qd-file-collector [config]="myFileCollectorConfig"></qd-file-collector>
+ * ```
  *
- * #### **Error Handling**
+ * **2. Define the config in your component**
  *
- * Upload errors can occur in the following cases:
- * - **Invalid MIME Type**: When the file type is not in `allowedMimeTypes`.
- * - **Invalid File Size**: When the file size exceeds `maxFileSizeInBytes`.
- * - **Invalid File Name Pattern**: When the file name does not match `allowedFileNamePattern`.
+ * ```typescript
+ * @Component({
+ *   template: `<qd-file-collector [config]="myFileCollectorConfig"></qd-file-collector>`
+ * })
+ * export class MyComponent {
+ *   myFiles: QdCollectedFile[] = [
+ *     {
+ *       name: 'report.pdf',
+ *       size: 9432,
+ *       type: 'application/pdf',
+ *       downloadUrl: '/api/files/report.pdf',
+ *       uploadTimestamp: new Date()
+ *     }
+ *   ];
  *
- * Error messages can be customized:
- * - **invalidMimeTypeErrorMessageI18n**: Custom message for unsupported MIME types.
- * - **invalidFileNameErrorMessageI18n**: Custom message for unsupported file names.
+ *   myFileCollectorConfig: QdFileCollectorConfig = {
+ *     files: this.myFiles
+ *   };
+ * }
+ * ```
  *
- * #### **File Manager**
+ * This is enough to show already existing files.
  *
- * QdFileManager is an interface that provides methods for uploading and deleting files.
- * To use it with QdFileCollectorComponent, implement this interface in a custom service and provide it via the `QD_FILE_MANAGER_TOKEN` token.
- * This service enables you to create custom file-handling logic.
+ * **3. Connect a file manager**
  *
- * #### **Usage**
+ * To enable upload and delete, provide a `QdFileManager` via `QD_FILE_MANAGER_TOKEN`.
  *
  * ```typescript
  * @Injectable()
  * export class MyFileManager implements QdFileManager {
+ *   private http = inject(HttpClient);
+ *
  *   upload(file: File): Observable<QdUploadProgress> {
- *     // custom implementation here
+ *     // Emit progress values from 0 to 100.
+ *     // When done, return the final QdCollectedFile from your backend response.
+ *     return this.http.post('/api/files', file).pipe(
+ *       map(response => {
+ *
+ *         const myCollectedFile: QdCollectedFile = {
+ *           name: response.fileName,
+ *           size: response.fileSize,
+ *           type: response.mimeType,
+ *           downloadUrl: response.downloadUrl,
+ *           uploadTimestamp: new Date(response.storedAt)
+ *         };
+ *
+ *         return { progress: 100, collectedFile: myCollectedFile };
+ *       })
+ *     );
  *   }
  *
  *   delete(collectedFile: QdCollectedFile): Observable<boolean> {
- *     // custom implementation here
+ *     return this.http.delete('/api/files/' + collectedFile.name).pipe(map(() => true));
  *   }
  * }
+ * ```
+ *
+ * Register the file manager in your component:
  *
+ * ```typescript
  * @Component({
- *   selector: 'my-file-collector',
- *   providers: [
- *     {
- *       provide: QD_FILE_MANAGER_TOKEN,
- *       useClass: MyFileManager
- *     }
- *   ]
+ *   template: `<qd-file-collector [config]="myFileCollectorConfig"></qd-file-collector>`,
+ *   // Add the file manager here to connect the collector to your backend.
+ *   providers: [{ provide: QD_FILE_MANAGER_TOKEN, useClass: MyFileManager }]
  * })
- * class MyFileCollectorComponent {
- *   fileCollectorConfig: QdFileCollectorConfig = {
- *     // configuration options here
- *   };
+ * export class MyComponent {
+ *   // ...
  * }
  * ```
  *
- * ```html
- * <qd-file-collector [config]="fileCollectorConfig"></qd-file-collector>
- * ```
+ * #### **How the file manager works**
+ *
+ * The file manager connects the collector to your backend.
+ *
+ * It must support these two actions:
+ *
+ * - `upload(file)`: uploads a file and emits upload progress
+ * - `delete(collectedFile)`: deletes a file and emits `true` if the deletion was successful
+ *
+ * For uploads:
+ *
+ * - emit `{ progress }` values from `0` to `100`
+ * - when the upload is complete, return the final `collectedFile`
+ *
+ * > The example above uses a simple POST and returns one final result with `progress: 100`.
+ * If you need a progress bar, use `HttpClient` with `reportProgress: true` to emit intermediate progress values.
+ *
+ * #### **Validation and file type rules**
+ *
+ * A file is rejected if:
+ *
+ * - its type is not allowed
+ * - it is too large
+ * - its name does not match the expected pattern
+ *
+ * You can provide custom error messages in the config.
+ *
+ * For file type validation, use one of these approaches:
+ *
+ * - `allowedFileTypes`
+ * - `allowedMimeTypes` together with `allowedFileNamePattern`
+ *
+ * > Do not mix both approaches unless they describe the same rules.
+ * > If the settings do not match, the component logs an error and does not use the config.
+ *
+ * #### **Upload behavior**
+ *
+ * Upload is triggered differently depending on where the component is used:
+ *
+ * - **outside a `QdSection`**: the component shows its own add button
+ * - **inside a `QdSection`**: the component listens to the section action and opens the file picker when `addNew` is triggered
+ *
+ * In `readonly` or `viewonly` mode, upload and delete are disabled.
+ *
+ * If the component is connected to operation mode changes through the event broker,
+ * `viewonly` can also change dynamically.
+ *
+ * #### **Download**
+ *
+ * Files can be downloaded directly from their `downloadUrl`.
+ *
+ * If your application needs authorization or custom download logic,
+ * handle the download through your backend or file manager.
  */
 declare class QdFileCollectorComponent implements OnInit, OnChanges, OnDestroy {
     private readonly sectionActionService;
@@ -10299,7 +10375,7 @@ declare class QdFileCollectorComponent implements OnInit, OnChanges, OnDestroy {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    handleFiles(event: any): void;
+    handleFiles(event: Event): void;
     clickFileInput(): void;
     private initializeConfig;
     private validateConfig;
@@ -10331,8 +10407,8 @@ declare const QD_FILE_MANAGER_TOKEN: InjectionToken<string>;
 declare class QdFileCollectorAllowedFilesDescriptionComponent {
     private readonly fileCollectorService;
     get allowedFileTypes(): QdFileType[];
-    get maxFileSizeInBytes(): number;
-    get allowedFilesDescriptionI18n(): string;
+    get maxFileSizeInBytes(): number | undefined;
+    get allowedFilesDescriptionI18n(): string | undefined;
     private get config();
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorAllowedFilesDescriptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorAllowedFilesDescriptionComponent, "qd-file-collector-allowed-files-description", never, {}, {}, never, never, false, never>;
@@ -10342,7 +10418,7 @@ declare class QdFileCollectorItemComponent {
     progress: number;
     newlyUploaded: boolean;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
     readonly: boolean;
     viewonly: boolean;
     downloadFilesWithHttpClient: boolean;
@@ -10375,14 +10451,13 @@ declare class QdFileCollectorItemToolsComponent {
     private httpClient;
     progress: number;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
     readonly: boolean;
     viewonly: boolean;
     downloadFilesWithHttpClient: boolean;
     testId: string;
     get dataTestId(): string;
-    canDownload(): boolean;
-    downloadFile(event: any): void;
+    downloadFile(event: Event): void;
     deleteFile(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorItemToolsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorItemToolsComponent, "qd-file-collector-item-tools", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "viewonly": { "alias": "viewonly"; "required": false; }; "downloadFilesWithHttpClient": { "alias": "downloadFilesWithHttpClient"; "required": false; }; "testId": { "alias": "data-test-id"; "required": true; }; }, {}, never, never, false, never>;
@@ -10397,7 +10472,7 @@ declare class QdFileCollectorDialogComponent {
     uploadFiles(files: File[]): void;
     close(): void;
     isCloseButtonDisabled(): boolean;
-    private _isFileUploadCompleted;
+    private isFileUploadCompleted;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogComponent, "qd-file-collector-dialog", never, {}, {}, never, never, false, never>;
 }
@@ -10405,17 +10480,20 @@ declare class QdFileCollectorDialogComponent {
 declare class QdFileCollectorDialogItemComponent {
     progress: number;
     collectedFile: QdCollectedFile;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
+    testId: string;
+    get hostTestId(): string;
     get isSuccessful(): boolean;
     get hasError(): boolean;
-    canUpload(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorDialogItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemComponent, "qd-file-collector-dialog-item", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemComponent, "qd-file-collector-dialog-item", never, { "progress": { "alias": "progress"; "required": false; }; "collectedFile": { "alias": "collectedFile"; "required": false; }; "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": true; }; }, {}, never, never, false, never>;
 }
 
 declare class QdFileCollectorDialogItemProgressComponent implements OnInit, OnDestroy, OnChanges {
     progress: number;
-    error: QdUploadError;
+    error: QdUploadError | undefined;
+    testId: string;
+    get hostTestId(): string;
     private _uploadStateSubject;
     private _destroyed$;
     uploadState$: rxjs.Observable<QdUploadProgressState>;
@@ -10428,19 +10506,21 @@ declare class QdFileCollectorDialogItemProgressComponent implements OnInit, OnDe
     private getUploadState;
     protected readonly QdUploadState: typeof QdUploadProgressState;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorDialogItemProgressComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemProgressComponent, "qd-file-collector-dialog-item-progress", never, { "progress": { "alias": "progress"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemProgressComponent, "qd-file-collector-dialog-item-progress", never, { "progress": { "alias": "progress"; "required": false; }; "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": true; }; }, {}, never, never, false, never>;
 }
 
 declare class QdFileCollectorDialogItemErrorComponent {
     private readonly fileCollectorService;
     error: QdUploadError;
+    testId: string;
+    get hostTestId(): string;
     protected readonly QdUploadErrorType: typeof QdUploadErrorType;
-    get maxFileSizeInBytes(): number;
-    get invalidMimeTypeErrorMessageI18n(): string;
-    get invalidFileNameErrorMessageI18n(): string;
+    get maxFileSizeInBytes(): number | undefined;
+    get invalidMimeTypeErrorMessageI18n(): string | undefined;
+    get invalidFileNameErrorMessageI18n(): string | undefined;
     private get config();
     static ɵfac: i0.ɵɵFactoryDeclaration<QdFileCollectorDialogItemErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemErrorComponent, "qd-file-collector-dialog-item-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QdFileCollectorDialogItemErrorComponent, "qd-file-collector-dialog-item-error", never, { "error": { "alias": "error"; "required": false; }; "testId": { "alias": "data-test-id"; "required": true; }; }, {}, never, never, false, never>;
 }
 
 declare class QdFileDeleteDialogComponent {
@@ -13062,6 +13142,7 @@ declare class QdPageComponent<T extends object> implements OnInit, OnChanges, Af
     projectionGuardMessage: string;
     private _isInitialized;
     private _destroyed$;
+    private _cancelSubmitValidation$;
     get isControlPanelVisible(): boolean;
     get isControlPanelBroad(): boolean;
     get hasNavigation(): boolean;
@@ -13218,6 +13299,7 @@ declare class QdPageObjectHeaderComponent<T extends object> implements OnInit, O
     private _pageObjectDataSubject;
     private _isLoadingSubject;
     private _customActionsSubject;
+    private _customActionsSub?;
     private _destroyed$;
     private _availableContexts;
     pageObjectData$: Observable<T>;
@@ -13264,6 +13346,7 @@ declare class QdPageObjectHeaderComponent<T extends object> implements OnInit, O
     private setupResolverTrigger;
     private initContexts;
     private updateCustomActions;
+    private subscribeToViewOnlyMode;
     private getCustomActionsByMode;
     private openCancelDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<QdPageObjectHeaderComponent<any>, never>;
@@ -17251,4 +17334,4 @@ declare class QdUiModule {
 declare const APP_ENVIRONMENT: InjectionToken<QdAppEnvironment>;
 
 export { APP_ENVIRONMENT, AVAILABLE_ICONS, BACKEND_ERROR_CODES, MockLocaleDatePipe, NavigationTileComponent, NavigationTilesComponent, QD_DIALOG_CONFIRMATION_RESOLVER_TOKEN, QD_FILE_MANAGER_TOKEN, QD_FILE_UPLOAD_MANAGER_TOKEN, QD_FORM_OPTIONS_RESOLVER, QD_PAGE_OBJECT_RESOLVER_TOKEN, QD_PAGE_STEP_RESOLVER_TOKEN, QD_POPOVER_TOP_FIRST, QD_SAFE_BOTTOM_OFFSET, QD_TABLE_DATA_RESOLVER_TOKEN, QD_UPLOAD_HTTP_OPTIONS, QdButtonComponent, QdButtonGhostDirective, QdButtonGridComponent, QdButtonLinkDirective, QdButtonModule, QdButtonStackButtonComponent, QdButtonStackComponent, QdCheckboxChipsComponent, QdCheckboxComponent, QdCheckboxesComponent, QdChipComponent, QdChipModule, QdColumnAutoFillDirective, QdColumnBreakBeforeDirective, QdColumnDirective, QdColumnDisableResponsiveColspansDirective, QdColumnFullGridWidthDirective, QdColumnNextInSameRowDirective, QdColumnsDirective, QdColumnsDisableAutoFillDirective, QdColumnsDisableResponsiveColspansDirective, QdColumnsMaxDirective, QdCommentsComponent, QdCommentsModule, QdConnectFormStateToPageDirective, QdConnectorTableContextDirective, QdConnectorTableFilterDirective, QdConnectorTableSearchDirective, QdContactCardComponent, QdContactCardModule, QdContainerPairsCaptionComponent, QdContainerPairsContainerComponent, QdContainerPairsHeaderComponent, QdContainerPairsItemComponent, QdContainerPairsValueComponent, QdContextService, QdCoreModule, QdDatepickerComponent, QdDialogActionComponent, QdDialogAuthSessionEndComponent, QdDialogAuthSessionEndService, QdDialogComponent, QdDialogConfirmationComponent, QdDialogConfirmationErrorDirective, QdDialogConfirmationInfoDirective, QdDialogConfirmationSuccessDirective, QdDialogModule, QdDialogRecordStepperComponent, QdDialogService, QdDialogSize, QdDisabledDirective, QdDropdownComponent, QdFileCollectorComponent, QdFileCollectorModule, QdFileSizePipe$1 as QdFileSizePipe, QdFileUploadComponent, QdFileUploadService, QdFilterComponent, QdFilterFormItemsComponent, QdFilterModule, QdFilterRestParamBuilder, QdFilterService, QdFormArray, QdFormBuilder, QdFormControl, QdFormGroup, QdFormModule, QdGridComponent, QdGridModule, QdHorizontalPairsCaptionComponent, QdHorizontalPairsComponent, QdHorizontalPairsItemComponent, QdHorizontalPairsValueComponent, QdIconButtonComponent, QdIconComponent, QdIconModule, QdImageComponent, QdImageModule, QdIndeterminateProgressBarComponent, QdInputComponent, QdListModule, QdMenuButtonComponent, QdMockBreakpointService, QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonModule, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockCalendarComponent, QdMockCheckboxChipsComponent, QdMockCheckboxComponent, QdMockCheckboxesComponent, QdMockChipComponent, QdMockChipModule, QdMockColumnDirective, QdMockColumnsDirective, QdMockContactCardComponent, QdMockContactCardModule, QdMockContainerPairsCaptionComponent, QdMockContainerPairsContainerComponent, QdMockContainerPairsHeaderComponent, QdMockContainerPairsItemComponent, QdMockContainerPairsValueComponent, QdMockCoreModule, QdMockCounterBadgeComponent, QdMockDatepickerComponent, QdMockDisabledDirective, QdMockDropdownComponent, QdMockFileCollectorComponent, QdMockFileCollectorModule, QdMockFilterCategoryBooleanComponent, QdMockFilterCategoryComponent, QdMockFilterCategoryDateComponent, QdMockFilterCategoryDateRangeComponent, QdMockFilterCategoryFreeTextComponent, QdMockFilterCategorySelectComponent, QdMockFilterComponent, QdMockFilterFormItemsComponent, QdMockFilterItemBooleanComponent, QdMockFilterItemDateComponent, QdMockFilterItemDateRangeComponent, QdMockFilterItemFreeTextComponent, QdMockFilterItemMultiSelectComponent, QdMockFilterItemSingleSelectComponent, QdMockFilterModule, QdMockFilterService, QdMockFormErrorComponent, QdMockFormGroupErrorComponent, QdMockFormHintComponent, QdMockFormLabelComponent, QdMockFormReadonlyComponent, QdMockFormViewonlyComponent, QdMockFormsModule, QdMockGridModule, QdMockIconButtonComponent, QdMockIconComponent, QdMockIconModule, QdMockImageComponent, QdMockImageModule, QdMockIndeterminateProgressBarComponent, QdMockInputComponent, QdMockListModule, QdMockNavigationTileComponent, QdMockNavigationTilesComponent, QdMockNavigationTilesModule, QdMockNotificationComponent, QdMockNotificationContentComponent, QdMockNotificationsComponent, QdMockNotificationsModule, QdMockNotificationsService, QdMockPageComponent, QdMockPageModule, QdMockPercentageProgressBarComponent, QdMockPinCodeComponent, QdMockPlaceHolderModule, QdMockPopoverOnClickDirective, QdMockProgressBarModule, QdMockQdPlaceHolderComponent, QdMockRadioButtonsComponent, QdMockRwdDisabledDirective, QdMockSearchComponent, QdMockSearchModule, QdMockSectionComponent, QdMockSectionModule, QdMockShellComponent, QdMockShellFooterComponent, QdMockShellHeaderBannerComponent, QdMockShellHeaderComponent, QdMockShellHeaderSearchComponent, QdMockShellHeaderWidgetComponent, QdMockShellModule, QdMockShellToolbarComponent, QdMockShellToolbarItemComponent, QdMockStatusIndicatorCaptionComponent, QdMockStatusIndicatorComponent, QdMockStatusIndicatorItemComponent, QdMockStatusIndicatorModule, QdMockStatusPairsCaptionComponent, QdMockStatusPairsComponent, QdMockStatusPairsErrorComponent, QdMockStatusPairsItemComponent, QdMockStatusPairsValueComponent, QdMockSwitchComponent, QdMockSwitchesComponent, QdMockTableComponent, QdMockTableModule, QdMockTextSectionComponent, QdMockTextSectionHeadlineComponent, QdMockTextSectionModule, QdMockTextSectionParagraphComponent, QdMockTextareaComponent, QdMockTileButtonListComponent, QdMockTileComponent, QdMockTileTextListComponent, QdMockTileTextListItemComponent, QdMockTileTitleComponent, QdMockTilesContainerComponent, QdMockTilesContainerTitleComponent, QdMockTilesModule, QdMockTranslatePipe, QdMockVisuallyHiddenDirective, QdMultiInputComponent, QdNavigationTilesModule, QdNotificationComponent, QdNotificationContentComponent, QdNotificationsComponent, QdNotificationsHttpInterceptorService, QdNotificationsModule, QdNotificationsService, QdNotificationsSnackbarListenerDirective, QdPageComponent, QdPageControlPanelComponent, QdPageFooterComponent, QdPageFooterCustomContentDirective, QdPageInfoBannerComponent, QdPageModule, QdPageStepComponent, QdPageStepperAdapterDirective, QdPageStepperComponent, QdPageStepperModule, QdPageStoreService, QdPageTabComponent, QdPageTabsAdapterDirective, QdPageTabsComponent, QdPageTabsModule, QdPanelSectionActionsComponent, QdPanelSectionComponent, QdPanelSectionModule, QdPanelSectionStatusComponent, QdPanelSectionTextParagraphComponent, QdPendingChangesGuardDirective, QdPercentageProgressBarComponent, QdPinCodeComponent, QdPlaceHolderComponent, QdPlaceHolderModule, QdPlaceholderPipe, QdProgressBarModule, QdProjectionGuardComponent, QdPushEventsService, QdQuickEditComponent, QdQuickEditModule, QdRadioButtonsComponent, QdRichtextComponent, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, QdSectionAdapterDirective, QdSectionComponent, QdSectionModule, QdSectionToolbarComponent, QdShellComponent, QdShellModule, QdSortDirection, QdSpinnerComponent, QdSpinnerModule, QdStatusIndicatorComponent, QdStatusIndicatorModule, QdStatusPairsCaptionComponent, QdStatusPairsComponent, QdStatusPairsErrorComponent, QdStatusPairsItemComponent, QdStatusPairsValueComponent, QdSubgridComponent, QdSwitchComponent, QdSwitchesComponent, QdTableComponent, QdTableModule, QdTableSpringTools, QdTextSectionComponent, QdTextSectionHeadlineComponent, QdTextSectionModule, QdTextSectionParagraphComponent, QdTextareaComponent, QdTileButtonListComponent, QdTileComponent, QdTileTextListComponent, QdTileTextListItemComponent, QdTileTitleComponent, QdTilesComponent, QdTilesModule, QdTilesTitleComponent, QdTooltipAtIntersectionDirective, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, chipColorDefault, updateHtmlLang };
-export type { CustomField, QdAppEnvironment, QdButtonAdditionalInfo, QdButtonColor, QdChipColor, QdCollectedFile, QdComment, QdCommentAuthorFieldConfig, QdCommentCustomFieldConfig, QdCommentDeletedMeta, QdCommentRichtextConfig, QdCommentSecondaryActionConfig, QdCommentsAddButtonConfig, QdCommentsAddConfig, QdCommentsConfig, QdContactAddress, QdContactData, QdContactDataCustomField, QdContactDataCustomFieldEntry, QdContactDataCustomTranslatedEntry, QdContactFunction, QdContactPerson, QdContactTag, QdContextSelection, QdDependentFilterCategory, QdDialogAuthSessionEndResult, QdDialogConfig, QdDialogConfirmationConfig, QdDialogConfirmationResolver, QdDialogData, QdDialogTitle, QdFileCollectorConfig, QdFileManager, QdFileUploadManager, QdFilterCategory, QdFilterConfigData, QdFilterItem, QdFilterPostBodyCategory, QdFilterPostBodyData, QdFormCheckboxChipsConfiguration, QdFormCheckboxesConfiguration, QdFormConfiguration, QdFormDatepickerConfiguration, QdFormDropdownConfiguration, QdFormFileUploadConfiguration, QdFormHint, QdFormInput, QdFormInputConfiguration, QdFormLabel, QdFormMultiInputConfiguration, QdFormOption, QdFormOptionsResolver, QdFormPinCodeConfiguration, QdFormRadioButtonsConfiguration, QdFormSwitchesConfiguration, QdFormTextAreaConfiguration, QdGridConfig, QdInputValue, QdInputValueWithUnit, QdInspectOperationMode, QdMenuButtonConfig, QdMultiInputOption, QdNotification, QdNotificationType, QdPageConfig, QdPageConfigCreate, QdPageConfigCustom, QdPageConfigInspect, QdPageConfigOverview, QdPageControlPanelConfig, QdPageInfoBannerConfig, QdPageObjectResolver, QdPageObjectResolverConfig, QdPageSelectedContext, QdPageStepConfig, QdPageStepResolver, QdPageStepperConfig, QdPageTabConfig, QdPageTabCounters, QdPageTabsConfig, QdPageTypeCreateConfig, QdPageTypeCustomConfig, QdPageTypeInspectConfig, QdPageTypeOverviewConfig, QdPlaceholder, QdQuickEditConfig, QdQuickEditData, QdRichtextConfig, QdSearchOptions, QdSearchPostBodyData, QdSectionActionType, QdSectionConfig, QdShellConfig, QdStatusIndicator, QdSwitchOption, QdTabSelectionEvent, QdTableChipDataValue, QdTableConfig, QdTableConfigColumn, QdTableConfigSelection, QdTableContentDataChip, QdTableContentDataChipObject, QdTableData, QdTableDataResolver, QdTableDataResolverProps, QdTableDataRow, QdTableDataValue, QdTableEmptyStateView, QdTableOptionalRefreshingEventTypes, QdTablePagination, QdTablePrimaryAction, QdTableRecentSecondaryAction, QdTableResolvedData, QdTableRowIdentifier, QdTableRowIndex, QdTableRowUid, QdTableSecondaryAction, QdTableSelectedRow, QdTableSelectedRows, QdTableStatusDataValue, QdTileConfig, QdTilesConfig, QdTooltip, QdTranslatable, QdTranslation, QdTreeConfig, QdTreeData, QdTreeDataRow, QdTreeDataValue, QdUploadError, QdUploadProgress };
+export type { CustomField, QdAppEnvironment, QdButtonAdditionalInfo, QdButtonColor, QdChipColor, QdCollectedFile, QdComment, QdCommentAuthorFieldConfig, QdCommentCustomFieldConfig, QdCommentDeletedMeta, QdCommentRichtextConfig, QdCommentSecondaryActionConfig, QdCommentsAddButtonConfig, QdCommentsAddConfig, QdCommentsConfig, QdContactAddress, QdContactData, QdContactDataCustomField, QdContactDataCustomFieldEntry, QdContactDataCustomTranslatedEntry, QdContactFunction, QdContactPerson, QdContactTag, QdContextSelection, QdDependentFilterCategory, QdDialogAuthSessionEndResult, QdDialogConfig, QdDialogConfirmationConfig, QdDialogConfirmationResolver, QdDialogData, QdDialogTitle, QdFileCollectorConfig, QdFileManager, QdFileType, QdFileUploadManager, QdFilterCategory, QdFilterConfigData, QdFilterItem, QdFilterPostBodyCategory, QdFilterPostBodyData, QdFormCheckboxChipsConfiguration, QdFormCheckboxesConfiguration, QdFormConfiguration, QdFormDatepickerConfiguration, QdFormDropdownConfiguration, QdFormFileUploadConfiguration, QdFormHint, QdFormInput, QdFormInputConfiguration, QdFormLabel, QdFormMultiInputConfiguration, QdFormOption, QdFormOptionsResolver, QdFormPinCodeConfiguration, QdFormRadioButtonsConfiguration, QdFormSwitchesConfiguration, QdFormTextAreaConfiguration, QdGridConfig, QdInputValue, QdInputValueWithUnit, QdInspectOperationMode, QdMenuButtonConfig, QdMultiInputOption, QdNotification, QdNotificationType, QdPageConfig, QdPageConfigCreate, QdPageConfigCustom, QdPageConfigInspect, QdPageConfigOverview, QdPageControlPanelConfig, QdPageInfoBannerConfig, QdPageObjectResolver, QdPageObjectResolverConfig, QdPageSelectedContext, QdPageStepConfig, QdPageStepResolver, QdPageStepperConfig, QdPageTabConfig, QdPageTabCounters, QdPageTabsConfig, QdPageTypeCreateConfig, QdPageTypeCustomConfig, QdPageTypeInspectConfig, QdPageTypeOverviewConfig, QdPlaceholder, QdQuickEditConfig, QdQuickEditData, QdRichtextConfig, QdSearchOptions, QdSearchPostBodyData, QdSectionActionType, QdSectionConfig, QdShellConfig, QdStatusIndicator, QdSwitchOption, QdTabSelectionEvent, QdTableChipDataValue, QdTableConfig, QdTableConfigColumn, QdTableConfigSelection, QdTableContentDataChip, QdTableContentDataChipObject, QdTableData, QdTableDataResolver, QdTableDataResolverProps, QdTableDataRow, QdTableDataValue, QdTableEmptyStateView, QdTableOptionalRefreshingEventTypes, QdTablePagination, QdTablePrimaryAction, QdTableRecentSecondaryAction, QdTableResolvedData, QdTableRowIdentifier, QdTableRowIndex, QdTableRowUid, QdTableSecondaryAction, QdTableSelectedRow, QdTableSelectedRows, QdTableStatusDataValue, QdTileConfig, QdTilesConfig, QdTooltip, QdTranslatable, QdTranslation, QdTreeConfig, QdTreeData, QdTreeDataRow, QdTreeDataValue, QdUploadError, QdUploadProgress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrel-enterprise-ui/framework",
-  "version": "20.6.0",
+  "version": "20.6.1",
   "exports": {
     "./jest-preset": "./jest-preset.js",
     "./package.json": {

package/src/assets/i18n/de.json

@@ -156,10 +156,10 @@
   "i18n.qd.page.header.cancel": "Abbrechen",
   "i18n.qd.page.header.save": "Speichern",
   "i18n.qd.page.submit.invalidForm": "Die Daten wurden noch nicht vollständig erfasst.",
-  "i18n.qd.page.cancel.confirmation.dialog.title": "Abbrechen bestätigen",
-  "i18n.qd.page.cancel.confirmation.dialog.message": "Das Abbrechen führt zum Verlust ungespeicherter Änderungen. Sind Sie sicher, dass Sie fortfahren möchten?",
-  "i18n.qd.page.cancel.confirmation.dialog.close": "Schliessen",
-  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Fortfahren",
+  "i18n.qd.page.cancel.confirmation.dialog.title": "Eingaben verwerfen?",
+  "i18n.qd.page.cancel.confirmation.dialog.message": "Sie haben nicht gespeicherte Eingaben. Wenn Sie diese verwerfen, gehen diese unwiderruflich verloren.",
+  "i18n.qd.page.cancel.confirmation.dialog.close": "Abbrechen",
+  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Verwerfen",
   "i18n.qd.page.context.button.change": "Ändern",
   "i18n.qd.page.context.button.select": "Auswählen",
   "i18n.qd.page.context.noSelectionPlaceholder": "Keine Auswahl",

package/src/assets/i18n/en.json

@@ -155,10 +155,10 @@
   "i18n.qd.page.header.cancel": "Cancel",
   "i18n.qd.page.header.save": "Save",
   "i18n.qd.page.submit.invalidForm": "The data has not yet been fully recorded.",
-  "i18n.qd.page.cancel.confirmation.dialog.title": "Confirm Cancel",
-  "i18n.qd.page.cancel.confirmation.dialog.message": "Canceling will result in loss of unsaved changes. Are you sure you want to continue?",
-  "i18n.qd.page.cancel.confirmation.dialog.close": "Close",
-  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Proceed",
+  "i18n.qd.page.cancel.confirmation.dialog.title": "Discard entries?",
+  "i18n.qd.page.cancel.confirmation.dialog.message": "You have unsaved entries. If you discard them, they will be permanently lost.",
+  "i18n.qd.page.cancel.confirmation.dialog.close": "Cancel",
+  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Discard",
   "i18n.qd.page.context.button.change": "Change",
   "i18n.qd.page.context.button.select": "Select",
   "i18n.qd.page.context.noSelectionPlaceholder": "No selection",

package/src/assets/i18n/fr.json

@@ -155,10 +155,10 @@
   "i18n.qd.page.header.cancel": "Annuler",
   "i18n.qd.page.header.save": "Sauvegarder",
   "i18n.qd.page.submit.invalidForm": "Les données n'ont pas encore été entièrement enregistrées.",
-  "i18n.qd.page.cancel.confirmation.dialog.title": "Confirmer l'annulation",
-  "i18n.qd.page.cancel.confirmation.dialog.message": "L'annulation entraînera la perte des modifications non enregistrées. Êtes-vous sûr de vouloir continuer ?",
-  "i18n.qd.page.cancel.confirmation.dialog.close": "Fermer",
-  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Continuer",
+  "i18n.qd.page.cancel.confirmation.dialog.title": "Rejeter les entrées ?",
+  "i18n.qd.page.cancel.confirmation.dialog.message": "Vous avez des entrées non enregistrées. Si vous les rejetez, elles seront irrémédiablement perdues.",
+  "i18n.qd.page.cancel.confirmation.dialog.close": "Annuler",
+  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Rejeter",
   "i18n.qd.page.context.button.change": "Changer",
   "i18n.qd.page.context.button.select": "Choisir",
   "i18n.qd.page.context.noSelectionPlaceholder": "Aucune sélection",

package/src/assets/i18n/it.json

@@ -155,10 +155,10 @@
   "i18n.qd.page.header.cancel": "Annulla",
   "i18n.qd.page.header.save": "Salva",
   "i18n.qd.page.submit.invalidForm": "I dati non sono stati ancora completamente registrati.",
-  "i18n.qd.page.cancel.confirmation.dialog.title": "Conferma annullamento",
-  "i18n.qd.page.cancel.confirmation.dialog.message": "L'annullamento comporterà la perdita delle modifiche non salvate. Sei sicuro di voler continuare?",
-  "i18n.qd.page.cancel.confirmation.dialog.close": "Chiudere",
-  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Procedi",
+  "i18n.qd.page.cancel.confirmation.dialog.title": "Eliminare i dati inseriti?",
+  "i18n.qd.page.cancel.confirmation.dialog.message": "Hai inserito dei dati che non sono stati salvati. Se li elimini, andranno persi irrevocabilmente.",
+  "i18n.qd.page.cancel.confirmation.dialog.close": "Annulla",
+  "i18n.qd.page.cancel.confirmation.dialog.proceed": "Elimina",
   "i18n.qd.page.context.button.change": "Modifica",
   "i18n.qd.page.context.button.select": "Scegliere",
   "i18n.qd.page.context.noSelectionPlaceholder": "Nessuna scelta",