@messaia/cdk 19.0.2 → 20.0.0-RC.2

package/lib/common/styles/utilities/_general.scss

@@ -986,8 +986,8 @@
             &:active,
             &:focus {
                 &::before {
-                    background-color: var(--mdc-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));
-                    opacity: var(--mdc-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
+                    background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));
+                    opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));
                 }
 
                 mat-icon[mat-list-avatar] {

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@messaia/cdk",
-  "version": "19.0.2",
+  "version": "20.0.0-RC.02",
   "peerDependencies": {
-    "@angular/common": "^19.0.5",
-    "@angular/core": "^19.0.5"
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0"
   },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -18,9 +22,5 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/messaia-cdk.mjs"
     }
-  },
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.3.0"
   }
 }

package/lib/base/base.module.d.ts

@@ -1,50 +0,0 @@
-import { BaseComponent } from './components/base.component';
-import { VdDynamicTableConfigDialogComponent } from './components/dynamic-table-config-dialog/dynamic-table-config-dialog.comnponent';
-import { GenericEmbeddedListComponent } from './components/generic-embedded-list.component';
-import { GenericFormBaseComponent } from './components/generic-form-base.component';
-import { GenericFormComponent } from './components/generic-form.component';
-import { GenericListComponent } from './components/generic-list.component';
-import { GenericReactiveFormComponent } from './components/generic-reactive-form.component';
-import { VdTaskDialogComponent } from './components/task-dialog/task-dialog.component';
-import { Common, EXPORT_DIALOG_COMPONENT } from './constants/common';
-import { GlobalRoles } from './constants/global-roles';
-import { MessageType } from './enums/message-type';
-import { AuthHelper } from './helpers/auth-helper';
-import { BaseInterceptor } from './interceptors/base.interceptor';
-import { CachingInterceptor } from './interceptors/caching-interceptor';
-import { LoadingScreenInterceptor } from './interceptors/loading.interceptor';
-import { IBaseComponent } from './interfaces/ibase-component';
-import { IGenericFormBaseComponent } from './interfaces/igeneric-form-base';
-import { IGenericListComponent } from './interfaces/igeneric-list-component';
-import { IGenericReactiveFormBaseComponent } from './interfaces/igeneric-reactive-form-base';
-import { AuthUser } from './models/auth-user';
-import { TaskDialogData } from './models/task-dialog-data';
-import { FileService } from './services/file.service';
-import { LoadingScreenService } from './services/loading-screen.service';
-import { PrintService } from './services/print.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/divider";
-import * as i4 from "@angular/material/progress-bar";
-import * as i5 from "@angular/material/paginator";
-import * as i6 from "@angular/cdk/drag-drop";
-import * as i7 from "./components/dynamic-table-config-dialog/dynamic-table-config-dialog.comnponent";
-import * as i8 from "./components/task-dialog/task-dialog.component";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/forms";
-import * as i11 from "@angular/material/dialog";
-import * as i12 from "../table/table.module";
-import * as i13 from "@angular/material/checkbox";
-import * as i14 from "@angular/material/form-field";
-export { AuthHelper, AuthUser, BaseComponent, BaseInterceptor, CachingInterceptor, Common, EXPORT_DIALOG_COMPONENT, FileService, GenericEmbeddedListComponent, GenericFormBaseComponent, GenericFormComponent, GenericListComponent, GenericReactiveFormComponent, GlobalRoles, IBaseComponent, IGenericFormBaseComponent, IGenericListComponent, IGenericReactiveFormBaseComponent, LoadingScreenInterceptor, LoadingScreenService, MessageType, PrintService, TaskDialogData, VdDynamicTableConfigDialogComponent, VdTaskDialogComponent };
-export declare class MaterialModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, never, [typeof i1.MatButtonModule, typeof i2.MatIconModule, typeof i3.MatDividerModule, typeof i4.MatProgressBarModule, typeof i5.MatPaginatorModule, typeof i6.DragDropModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
-}
-export declare class VdBaseModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<VdBaseModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VdBaseModule, [typeof i7.VdDynamicTableConfigDialogComponent, typeof i8.VdTaskDialogComponent], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.MatDialogModule, typeof i12.VdTableModule, typeof MaterialModule, typeof i13.MatCheckboxModule, typeof i14.MatFormFieldModule], [typeof i7.VdDynamicTableConfigDialogComponent, typeof i8.VdTaskDialogComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<VdBaseModule>;
-}

package/lib/base/components/base.component.d.ts

@@ -1,434 +0,0 @@
-import { Location } from '@angular/common';
-import { HttpHeaders } from '@angular/common/http';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, Type } from '@angular/core';
-import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
-import { MatExpansionPanel } from '@angular/material/expansion';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, ActivatedRouteSnapshot, Router } from '@angular/router';
-import { Observable, Subscription } from 'rxjs';
-import { AppSetting } from '../../common/models/app-setting';
-import { VdDialogService } from '../../dialogs/services/dialog.service';
-import { VdMediaService } from '../../media/services/media.service';
-import { Menu } from '../../menu/models/menu';
-import { TaskDialogData } from '../base.module';
-import { MessageType } from '../enums/message-type';
-import { IBaseComponent } from '../interfaces/ibase-component';
-import { AuthUser } from '../models/auth-user';
-import { VdTaskDialogComponent } from './task-dialog/task-dialog.component';
-import * as i0 from "@angular/core";
-/**
- * A base list component for components with pagination support.
- */
-export declare abstract class BaseComponent implements IBaseComponent, OnInit, AfterViewInit {
-    protected route: ActivatedRoute;
-    protected changeDetectorRef: ChangeDetectorRef;
-    /**
-     * Application settings.
-     */
-    appSetting: AppSetting;
-    /**
-     * General configuration settings, with a flexible type to accommodate different configurations.
-     */
-    settings: any;
-    /**
-     * Menu items for navigation.
-     */
-    menu?: Menu;
-    /**
-     * Name of the project, used for display or logging purposes.
-     */
-    projectName?: string;
-    /**
-     * Title of the current page, displayed in the page header.
-     */
-    title?: string;
-    /**
-     * Subtitle of the current outlet, used for additional page context.
-     */
-    subtitle?: string;
-    /**
-     * If true, dummy data is used for testing, and debug logs are enabled.
-     */
-    debug: boolean;
-    /**
-     * Indicates whether a loading process is active, often used to show a loading spinner.
-     */
-    isLoading: boolean;
-    /**
-     * Determines whether to handle changes in expansion panels.
-     */
-    handleExpansionPanelChanges: boolean;
-    /**
-     * Indicates whether a save operation is currently in progress.
-     */
-    _isSaving: boolean;
-    get isSaving(): boolean;
-    set isSaving(isSaving: boolean);
-    /**
-     * Indicates whether the editor has been initialized.
-     */
-    isEditorInitialized: boolean;
-    /**
-     * Stores any errors encountered during requests or operations.
-     */
-    errors: Array<string>;
-    /**
-     * Utility to evaluate media queries based on the current screen or window size.
-     */
-    media: VdMediaService;
-    /**
-     * List of permitted file extensions for upload or selection.
-     */
-    allowedExtensions: string[];
-    /**
-     * Plugins enabled in the TinyMCE editor.
-     */
-    editorPlugins: string;
-    /**
-     * Toolbar configuration for TinyMCE editor.
-     */
-    editorToolbar: string;
-    /**
-     * Additional configuration settings for the editor.
-     */
-    editorConfig: any;
-    /**
-     * Service for navigation and URL manipulation.
-     */
-    router: Router;
-    /**
-     * Optional hash value appended to URLs for bookmarking or state management.
-     */
-    urlHash?: string;
-    /**
-     * CSS class name(s) applied to the component.
-     */
-    className?: string;
-    /**
-     * Permission flag for creating new entries.
-     */
-    canCreate: boolean;
-    /**
-     * Permission flag for reading new entries.
-     */
-    canRead: boolean;
-    /**
-     * Permission flag for updating existing entries.
-     */
-    canUpdate: boolean;
-    /**
-     * Permission flag for deleting entries.
-     */
-    canDelete: boolean;
-    /**
-     * Full path of the current route.
-     */
-    currentRoute?: string;
-    /**
-     * Base path of the current route, excluding specific parameters or sub-paths.
-     */
-    currentBaseRoute?: string;
-    /**
-     * URL to navigate back to after saving changes.
-     */
-    returnUrl?: string;
-    /**
-     * Object representing the current authenticated user.
-     */
-    currentUser: AuthUser;
-    /**
-     * Indicates if the current user has admin privileges.
-     */
-    isAdmin: boolean;
-    /**
-     * Indicates if the current user has client admin privileges.
-     */
-    isClientAdmin: boolean;
-    /**
-     * Indicates if the current user has department admin privileges.
-     */
-    isDepartmentAdmin: boolean;
-    /**
-     * Event emitter for reload actions, useful for refreshing data.
-     */
-    reload: EventEmitter<any>;
-    /**
-     * Service for setting the document's title.
-     */
-    protected titleService: Title;
-    /**
-     * Service for displaying snack bar notifications.
-     */
-    protected snackBarService: MatSnackBar;
-    /**
-     * Service for displaying confirmation and prompt dialogs.
-     */
-    protected dialogService: VdDialogService;
-    /**
-     * Service for opening modal dialogs.
-     */
-    protected dialog: MatDialog;
-    /**
-     * Service for managing browser location and history.
-     */
-    protected location: Location;
-    /**
-     * If true, sets a URL hash for navigation state.
-     */
-    protected setUrlHash: boolean;
-    /**
-     * Query list for accessing expansion panel elements as DOM references.
-     */
-    protected matExpansionPanelElementQueryList?: QueryList<ElementRef>;
-    /**
-     * Query list for accessing MatExpansionPanel component references.
-     */
-    protected matExpansionPanelQueryList?: QueryList<MatExpansionPanel>;
-    /**
-     * Subscriptions for expansion panel changes, managed to avoid memory leaks.
-     */
-    protected matExpansionPanelSubscriptions: Subscription[];
-    /**
-     * Create a beep audio object and load a sound file from a data URL.
-     */
-    protected beepAudio: HTMLAudioElement;
-    /**
-     * Create a warn audio object and load a sound file from a data URL.
-     */
-    protected warnAudio: HTMLAudioElement;
-    /**
-     * Initializes services and application settings, sets up context helpers,
-     * and initializes the editor with default configurations.
-     *
-     * @param route - ActivatedRoute instance for accessing route parameters and data.
-     * @param changeDetectorRef - ChangeDetectorRef instance for manually triggering change detection.
-     */
-    constructor(route: ActivatedRoute, changeDetectorRef: ChangeDetectorRef);
-    /**
-     * Lifecycle hook that is called after data-bound properties of a directive are initialized
-     */
-    ngOnInit(): void;
-    /**
-     * Lifecycle hook that is called after a component's view has been fully initialized
-     */
-    ngAfterViewInit(): void;
-    /**
-     * Reloads the current page or component.
-     *
-     * This method navigates temporarily to the root URL and then
-     * navigates back to the current URL to effectively refresh the page or component.
-     *
-     * @param callback - A function to be called after the navigation is successful,
-     *                   receives the current URL as an argument.
-     */
-    reloadPage(callback?: (currentUrl: string) => void): void;
-    /**
-     * Navigates back to the return URL if it exists.
-     */
-    navigateToReturnUrl(): void;
-    detectChanges(): void;
-    /**
-     * Sets the return URL after decoding it.
-     *
-     * @param returnUrl - The encoded return URL to set.
-     */
-    protected setReturnUrl(returnUrl: string): void;
-    /**
-     * Listen for expansion panel changes
-     */
-    protected onExpansionPanelChanges(): void;
-    /**
-     * Retrieves an instance from the injector based on the provided token.
-     * If not found:
-     * - Throws {@link NoProviderError} if no `notFoundValue` that is not equal to
-     * Injector.THROW_IF_NOT_FOUND is given
-     * - Returns the `notFoundValue` otherwise
-     */
-    protected getService<T>(token: Type<T>): T;
-    /**
-     * Gets the main route from the given snapshot by traversing up to the parent routes
-     * if the current snapshot does not have a menu defined.
-     *
-     * @param snapshot - The activated route snapshot to evaluate.
-     * @returns The main route snapshot that has a menu defined.
-     */
-    protected getMainRoute(snapshot: ActivatedRouteSnapshot): ActivatedRouteSnapshot;
-    /**
-     * Shows a confirm dialog to delete a single item.
-     *
-     * @returns An observable that emits the result of the dialog after it is closed.
-     */
-    protected showDeleteItemDialog(): Observable<any>;
-    /**
-     * Shows a confirm dialog to delete multiple selected items.
-     *
-     * @returns An observable that emits the result of the dialog after it is closed.
-     */
-    protected showDeleteItemsDialog(): Observable<any>;
-    /**
-     * Shows a confirmation dialog to send some data.
-     *
-     * @param message - The message to display in the dialog.
-     * @param observable - The observable instance to handle the data.
-     * @param successCallback - Optional callback to be invoked on successful operation.
-     * @param errorCallback - Optional callback to be invoked on an error.
-     * @param acceptButtonText - Optional text for the accept button.
-     * @param cancelButtonText - Optional text for the cancel button.
-     */
-    showConfirmationDialog(message: string, observabe: Observable<any>, successCallback?: Function, errorCallback?: Function, acceptButtonText?: string, cancelButtonText?: string, dialogConfig?: MatDialogConfig): void;
-    /**
-     * Opens a task dialog with the specified configuration.
-     *
-     * @typeparam TResult - The type of the result returned from the dialog.
-     * @param {Partial<TaskDialogData<TResult>>} config - Configuration options for the task dialog, including messages, callbacks, and observable tasks.
-     *
-     * @example
-     * // Example of how to call showTaskDialog
-     * this.showTaskDialog({
-     *     title: 'Processing Task',
-     *     inProgressMessage: 'Your task is currently in progress...',
-     *     successMessage: 'Task completed successfully!',
-     *     errorMessage: 'An error occurred while processing your task.',
-     *     task: this.someObservableTask(), // Your observable task goes here
-     *     successButtonClick: (result, dr) => {
-     *         console.log('Success button clicked!', result);
-     *         // Optionally handle the dialog reference here
-     *         dr.close(result); // Close the dialog with the result
-     *     },
-     *     successCallback: (result) => {
-     *         console.log('Success!', result);
-     *     },
-     *     errorCallback: (errors) => {
-     *         console.error('Error!', errors);
-     *     },
-     *     cancelCallback: () => {
-     *         console.log('Task was canceled.');
-     *     },
-     * });
-     */
-    showTaskDialog<TResult = any>(config: Partial<TaskDialogData<TResult>>, dialogConfig?: MatDialogConfig<TResult>): MatDialogRef<VdTaskDialogComponent, TResult>;
-    /**
-     * Opens a dialog of the specified type with the provided configuration.
-     *
-     * @typeparam T - The type of the component to be opened as a dialog.
-     * @typeparam D - The type of the data passed to the dialog (default is any).
-     * @param {Type<T>} dialogType - The component type to open as a dialog.
-     * @param {MatDialogConfig<D>} config - The configuration options for the dialog, such as data and styles.
-     * @param {Function} [callback] - Optional callback function to execute after the dialog is closed.
-     *
-     * @returns {MatDialogRef<T, D>} A reference to the opened dialog.
-     *
-     * @example
-     * // Example of how to use openDialog
-     * const dialogRef = this.openDialog(MyDialogComponent, {
-     *     data: { dialog data here },
-     *     width: '800px',
-     *     panelClass: 'custom-dialog-class'
-     * }, () => {
-     *     console.log('Dialog closed.');
-     * });
-     *
-     * // Handling the result from the dialog
-     * dialogRef.afterClosed().subscribe(result => {
-     *     if (result) {
-     *         console.log('Dialog result:', result);
-     *     }
-     * });
-     */
-    openDialog<T, D = any>(dialogType: Type<T>, config: MatDialogConfig<D>, callback?: Function): MatDialogRef<T, D>;
-    /**
-     * Displays a message using the snack bar service.
-     *
-     * @param message The message to display (optional, defaults to a success message if not provided)
-     * @param type The type of the message (Success, Warning, or Error). Defaults to Success.
-     * @param duration The duration (in milliseconds) to show the message. Defaults to 3000ms.
-     * @param actionLabel The label for the action button. Defaults to 'OK'.
-     * @param playSound A flag indicating whether to play a warning sound when the message type is Warning. Defaults to false.
-     * @returns An observable that emits when the action button is clicked.
-     */
-    protected showMessage(message: string, type?: MessageType, duration?: number, actionLabel?: string, playSound?: boolean): Observable<void>;
-    /**
-     * Initializes the TinyMCE editor with custom configuration.
-     *
-     * @param editorConfig Optional configuration to override default editor settings
-     */
-    protected initEditor(editorConfig?: any): void;
-    /**
-     * Sets the title and subtitle based on the current menu and route
-     */
-    protected setTitles(): void;
-    /**
-     * Navigate based on the provided array of commands and a starting point.
-     * @param commands Array of commands representing the route to navigate to
-     * @param queryParams Optional query parameters to append to the URL
-     * @param fragment Optional fragment (anchor) to append to the URL
-     * @param preserveFragment Whether to preserve the current fragment in the URL
-     */
-    navigate(commands: any[], queryParams?: any, fragment?: string, preserveFragment?: boolean): void;
-    /**
-     * Plays a short beep sound using an embedded audio file in base64 format.
-     * The method loads and plays the audio file immediately upon calling.
-     */
-    playBeepSound(): void;
-    /**
-     * Plays a short warning sound using an embedded audio file in base64 format.
-     * The method loads and plays the audio file immediately upon calling.
-     */
-    playWarnSound(): void;
-    /**
-     * Logs a message to the console if debug mode is enabled
-     * @param message The message to log
-     * @param optionalParams Optional parameters for the log
-     */
-    log(message: any, ...optionalParams: any[]): void;
-    /**
-     * Logs a warning message to the console if debug mode is enabled
-     * @param message The warning message to log
-     * @param optionalParams Optional parameters for the warning
-     */
-    warn(message: string, ...optionalParams: any[]): void;
-    /**
-     * Convert an object to HttpHeaders.
-     *
-     * @param body The object whose properties will be converted into headers
-     * @returns HttpHeaders object containing the key-value pairs from the body
-     */
-    protected toHttpHeaders(body: any): HttpHeaders;
-    /**
-     * Parses and formats HTTP response errors.
-     * @param errors The error object returned from the HTTP response
-     */
-    protected parseErrors(errors: any): void;
-    /**
-     * Handle Http operation that failed.
-     * Let the app continue.
-     * @param operation - name of the operation that failed
-     * @param result - optional value to return as the observable result
-     */
-    protected handleError<T>(operation?: string, result?: T): (error: any) => Observable<T>;
-    /**
-     * Cleans the object by removing properties that are null, undefined, or empty strings
-     * @param obj The object to clean
-     * @returns The cleaned object
-     */
-    protected clean(obj: any): any;
-    /**
-     * Sanitizes the specified object by removing falsy values and converting string numbers to numbers
-     * @param obj The object to sanitize
-     * @param ignore Properties to ignore during the sanitization
-     * @returns The sanitized object
-     */
-    protected sanitizeObject(obj: any, ...ignore: string[]): any;
-    /**
-     * Checks if the user has selected any text in the document
-     * @returns True if text is selected, otherwise false
-     */
-    protected isTextSelected: () => boolean;
-    /**
-     * A callback used for any custom cleanup that needs to occur when the instance is destroyed
-     */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "handleExpansionPanelChanges": { "alias": "handleExpansionPanelChanges"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
-}

package/lib/base/components/dynamic-table-config-dialog/dynamic-table-config-dialog.comnponent.d.ts

@@ -1,60 +0,0 @@
-import { ChangeDetectorRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { MatDialogRef } from '@angular/material/dialog';
-import { ActivatedRoute } from '@angular/router';
-import { RxFormBuilder } from '../../../form-validators/services/rx-form-builder';
-import { TableColumnConfig } from '../../../table/models/table-column-config';
-import { TableConfig } from '../../../table/models/table-config';
-import { IGenericListComponent } from '../../interfaces/igeneric-list-component';
-import { BaseComponent } from '../base.component';
-import * as i0 from "@angular/core";
-export declare class VdDynamicTableConfigDialogComponent extends BaseComponent {
-    protected route: ActivatedRoute;
-    protected changeDetectorRef: ChangeDetectorRef;
-    dialogRef: MatDialogRef<VdDynamicTableConfigDialogComponent>;
-    genericList: IGenericListComponent<any>;
-    private formBuilder;
-    /**
-     * The array of columns to be configured in the dynamic table.
-     * This is of type TableColumnConfig, which holds the configuration details for each column.
-     */
-    columns?: TableColumnConfig[];
-    /**
-     * A reference to the TableConfig class for use in the template.
-     */
-    tableConfigClassType: typeof TableConfig;
-    /**
-     * A reference to the TableColumnConfig class for use in the template.
-     */
-    tableColumnConfigClassType: typeof TableColumnConfig;
-    /**
-     * Form group to manage the table configuration form controls.
-     */
-    configForm: FormGroup;
-    /**
-     * Constructor to initialize the dialog component.
-     *
-     * @param route - The activated route for the current component.
-     * @param changeDetectorRef - Service to request change detection for the component.
-     * @param dialogRef - Reference to the dialog instance.
-     * @param genericList - The generic list component that contains the table data and configurations.
-     * @param formBuilder - Service to build reactive forms.
-     */
-    constructor(route: ActivatedRoute, changeDetectorRef: ChangeDetectorRef, dialogRef: MatDialogRef<VdDynamicTableConfigDialogComponent>, genericList: IGenericListComponent<any>, formBuilder: RxFormBuilder);
-    /**
-     * Saves the current column configuration and closes the dialog.
-     */
-    save(): void;
-    /**
-     * Applies the current column configuration to the generic list.
-     * Maps the column data to a new array of TableColumnConfig instances
-     * and saves the configuration.
-     */
-    apply(): void;
-    /**
-     * Triggers an update of the columns in the generic list component.
-     */
-    updateColumns(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VdDynamicTableConfigDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VdDynamicTableConfigDialogComponent, "vd-dynamic-table-config-dialog", never, {}, {}, never, never, false, never>;
-}