chrv-components 1.11.25 → 1.11.26

package/index.d.ts

@@ -1,12 +1,12 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy, EventEmitter, ElementRef, AfterViewChecked, AfterContentChecked, ViewContainerRef, QueryList, AfterContentInit, Type, InjectionToken } from '@angular/core';
+import { OnInit, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, ComponentRef, AfterViewInit, OnDestroy, EventEmitter, ElementRef, AfterViewChecked, AfterContentChecked, QueryList, AfterContentInit, InjectionToken } from '@angular/core';
 import { Router, UrlTree } from '@angular/router';
-import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
+import * as rxjs from 'rxjs';
+import { Observable, Subject, Subscription, BehaviorSubject } from 'rxjs';
 import * as _angular_forms from '@angular/forms';
 import { AbstractControl, ValidationErrors, ValidatorFn, AsyncValidatorFn, FormControl, FormGroup, ControlValueAccessor, NgControl, Validator } from '@angular/forms';
-import * as rxjs from 'rxjs';
-import { Subject, Subscription, Observable, BehaviorSubject } from 'rxjs';
 import { MatAutocomplete } from '@angular/material/autocomplete';
+import { MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
 import { HttpClient, HttpInterceptorFn, HttpEvent, HttpFeature } from '@angular/common/http';
 import * as _angular_animations from '@angular/animations';
@@ -62,9 +62,166 @@ declare class ChrButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrButtonComponent, "app-chr-button", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "click": { "alias": "click"; "required": false; "isSignal": true; }; "clickWhileDisabled": { "alias": "clickWhileDisabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "predicate": { "alias": "predicate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ChrModalComponent<T> implements OnInit {
+    dynamicContent: ViewContainerRef;
+    /**
+     * Indique si le modal est ouvert ou fermé.
+     * @default false
+     */
+    isOpen: _angular_core.InputSignal<boolean>;
+    /**
+     * Indique si le modal doit se fermer lorsque l'utilisateur clique sur le fond.
+     * @default true
+     */
+    closeOnBackdropClick: _angular_core.ModelSignal<boolean>;
+    /**
+     * Indique si le modal doit se fermer lorsque l'utilisateur appuie sur la touche Échap.
+     * @default true
+     */
+    closeOnEscape: _angular_core.ModelSignal<boolean>;
+    /**
+     * Shorthand for closeOnBackdropClick and closeOnEscape
+     * @default undefined
+     */
+    disableClose: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Événement émis lorsque le modal doit être fermé.
+     * @default undefined
+     */
+    close: _angular_core.OutputEmitterRef<any>;
+    /**
+     * Largeur du modal en pourcentage de la largeur de la fenêtre.
+     */
+    width: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Hauteur du modal en pourcentage de la hauteur de la fenêtre.
+     */
+    height: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Fond par défaut du conteneur modal. Par défaut, 'none' pour permettre la personnalisation via CSS avec la classe '.modal-wrapper' ou '.modal-content'.
+     * @default 'none'
+     */
+    background: _angular_core.InputSignal<Color>;
+    constructor();
+    getDynamicContentContainer(): ViewContainerRef;
+    onBackdropClick(): void;
+    onModalClick(event: Event): void;
+    onEscapeKey(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrModalComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrModalComponent<any>, "chr-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; }, { "closeOnBackdropClick": "closeOnBackdropClickChange"; "closeOnEscape": "closeOnEscapeChange"; "close": "close"; }, never, never, true, never>;
+}
+
+interface ModalOptions {
+    /**
+     * Indicates if the modal is open or closed.
+     * @default true
+     */
+    closeOnBackdropClick?: boolean;
+    /**
+     * Indicates if the modal should close when the user presses the Escape key.
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Shorthand for closeOnBackdropClick and closeOnEscape
+     */
+    disableClose?: boolean;
+    /**
+     * Width in vw
+     */
+    width?: number;
+    /**
+     * Height in vh
+     */
+    height?: number;
+    /**
+     * Default background of the modal container. Defaults to 'none' as to allow customisation through css with the class '.modal-content'.
+     * @default 'none'
+     */
+    background?: Color;
+    /**
+     * Data to be passed to the modal component
+     */
+    data?: any;
+}
+interface ModalData {
+    [key: string]: any;
+}
+interface IModalRef<ChrModalComponent, T extends object = any> {
+    open: () => void;
+    configure(options: ModalOptions): void;
+    close: (result?: any) => void;
+    afterClosed: () => Observable<any>;
+}
+/**
+ * Classe ModalRef générique qui gère la logique de création, configuration et fermeture des modales.
+ * Cette classe extrait la logique du ModalService pour permettre une meilleure séparation des responsabilités.
+ *
+ * Usage dans le ModalService refactorisé:
+ * ```typescript
+ * open<T>(component: Type<T>, options: ModalOptions = {}): ModalRef<T> {
+ *   const modalRef = new ModalRef(component, options);
+ *   const modalComponentRef = modalRef.create();
+ *   this.activeModals.add(modalRef);
+ *   return modalRef;
+ * }
+ * ```
+ */
+declare class ModalRef<T extends object> implements IModalRef<ChrModalComponent<T>> {
+    private _component;
+    private options;
+    private _afterClosed;
+    private modalComponentRef;
+    private contentComponentRef;
+    private appRef;
+    private environmentInjector;
+    constructor(_component: Type<T>, options: ModalOptions, appRef: ApplicationRef, injector: EnvironmentInjector);
+    /**
+     * Returns the component instance of the modal content.
+     * Throws an error if the content component is not initialized.
+     */
+    get componentInstance(): T;
+    /**
+     * Returns the modal instance.
+     * Throws an error if the modal component is not initialized.
+     */
+    get instance(): ChrModalComponent<T>;
+    setWidth(width: number): void;
+    setHeight(height: number): void;
+    protected set(property: string, value: any): void;
+    /**
+     * Creates and initializes the modal component and its content
+     */
+    create(): ComponentRef<ChrModalComponent<T>>;
+    /**
+     * Opens the modal by setting isOpen to true
+     */
+    open(): void;
+    /**
+     * Closes the modal and emits the result
+     */
+    close(result?: any): void;
+    /**
+     * Returns an observable that emits when the modal is closed
+     */
+    afterClosed(): Observable<any>;
+    /**
+     * Configures the modal with the provided options.
+     * This methods allow dynamic configuration of the modal after its creation.
+     * It will however not properly update the data as it is injected at creation time.
+     * @param options
+     */
+    configure(options: ModalOptions): void;
+    private _configureModal;
+    private _attachToDom;
+}
+
 declare class ChrDeleteModalComponent {
-    dialogRef: MatDialogRef<ChrDeleteModalComponent, any>;
+    t: ModalRef<ChrDeleteModalComponent>;
+    dialogRef: ModalRef<any>;
     valid: boolean;
+    constructor(t: ModalRef<ChrDeleteModalComponent>);
     ngOnInit(): void;
     cancel: () => void;
     close: () => void;
@@ -1074,50 +1231,6 @@ declare class ChrDefaultModalComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrDefaultModalComponent, "app-chr-default-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "close": { "alias": "close"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ChrModalComponent implements OnInit {
-    dynamicContent: ViewContainerRef;
-    /**
-     * Indique si le modal est ouvert ou fermé.
-     * @default false
-     */
-    isOpen: _angular_core.InputSignal<boolean>;
-    /**
-     * Indique si le modal doit se fermer lorsque l'utilisateur clique sur le fond.
-     * @default true
-     */
-    closeOnBackdropClick: _angular_core.ModelSignal<boolean>;
-    /**
-     * Indique si le modal doit se fermer lorsque l'utilisateur appuie sur la touche Échap.
-     * @default true
-     */
-    closeOnEscape: _angular_core.ModelSignal<boolean>;
-    /**
-     * Shorthand for closeOnBackdropClick and closeOnEscape
-     * @default undefined
-     */
-    disableClose: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * Événement émis lorsque le modal doit être fermé.
-     * @default undefined
-     */
-    close: _angular_core.OutputEmitterRef<any>;
-    /**
-     * Largeur du modal en pourcentage de la largeur de la fenêtre.
-     */
-    width: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Hauteur du modal en pourcentage de la hauteur de la fenêtre.
-     */
-    height: _angular_core.InputSignal<number | undefined>;
-    getDynamicContentContainer(): ViewContainerRef;
-    onBackdropClick(): void;
-    onModalClick(event: Event): void;
-    onEscapeKey(event: KeyboardEvent): void;
-    ngOnInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrModalComponent, "chr-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "closeOnBackdropClick": "closeOnBackdropClickChange"; "closeOnEscape": "closeOnEscapeChange"; "close": "close"; }, never, never, true, never>;
-}
-
 declare class InlineSvgComponent implements OnInit {
     private http;
     private sanitizer;
@@ -1284,48 +1397,13 @@ declare const inOutAnimation: (duration?: number) => _angular_animations.Animati
 
 declare const rotationAnimation: (initialAngle?: number, endAngle?: number, duration?: number) => _angular_animations.AnimationTriggerMetadata;
 
-interface ModalOptions {
-    /**
-     * Indicates if the modal is open or closed.
-     * @default true
-     */
-    closeOnBackdropClick?: boolean;
-    /**
-     * Indicates if the modal should close when the user presses the Escape key.
-     * @default true
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Shorthand for closeOnBackdropClick and closeOnEscape
-     */
-    disableClose?: boolean;
-    /**
-     * Width in vw
-     */
-    width?: number;
-    /**
-     * Height in vh
-     */
-    height?: number;
-    data?: any;
-}
-interface ModalData {
-    [key: string]: any;
-}
-interface ModalRef<T = any> {
-    componentInstance: T;
-    close: (result?: any) => void;
-    afterClosed: () => Observable<any>;
-}
-
 declare class ModalService {
-    private dialog;
+    private activeModals;
     private appRef;
     private environmentInjector;
-    private activeModals;
-    open<T>(component: Type<T>, options?: ModalOptions): ModalRef<ChrModalComponent>;
+    open<T extends object>(component: Type<T>, options?: ModalOptions): IModalRef<T>;
+    close(modalRefType: Type<any>): void;
     closeAll(): void;
-    private closeModal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
 }
@@ -1477,5 +1555,5 @@ declare const XSRFHEADERNAME: InjectionToken<string>;
 declare const XSRFCOOKIENAME: InjectionToken<string>;
 declare const HUBURL: InjectionToken<string>;
 
-export { Aligments, AutofocusDirective, BreadcrumbComponent, ButtonComponent, CHR_MODAL_DATA, CHR_MODAL_REF, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrFileInputComponent, ChrFormComponent, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, CookiesService, DEFAULTLIVEUPDATEMESSAGE, DataService, DecimalValidatorDirective, DefaultLiveUpdateMessage, FileService, HUBURL, InlineSvgComponent, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MinFileSizeValidator, MinLengthValidatorDirective, ModalService, RequiredValidatorDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, inOutAnimation, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideXsrfHttpClient, required, rotationAnimation, type };
-export type { Alignment, Breadcrumb, Color, IAction, IChip, IChips, IColumn, IComputedColumn, IComputedRow, IControl, IControlValidation, IDefaultDialogConfig, IFile, IFormSection, IInputSearchFilter, ILiveUpdateMessage, ISearchFilter, IXsrfProviderParams, InputType, ModalData, ModalOptions, ModalRef, TColumn, TColumnType, Toast };
+export { Aligments, AutofocusDirective, BreadcrumbComponent, ButtonComponent, CHR_MODAL_DATA, CHR_MODAL_REF, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrFileInputComponent, ChrFormComponent, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, CookiesService, DEFAULTLIVEUPDATEMESSAGE, DataService, DecimalValidatorDirective, DefaultLiveUpdateMessage, FileService, HUBURL, InlineSvgComponent, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MinFileSizeValidator, MinLengthValidatorDirective, ModalRef, ModalService, RequiredValidatorDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, inOutAnimation, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideXsrfHttpClient, required, rotationAnimation, type };
+export type { Alignment, Breadcrumb, Color, IAction, IChip, IChips, IColumn, IComputedColumn, IComputedRow, IControl, IControlValidation, IDefaultDialogConfig, IFile, IFormSection, IInputSearchFilter, ILiveUpdateMessage, IModalRef, ISearchFilter, IXsrfProviderParams, InputType, ModalData, ModalOptions, TColumn, TColumnType, Toast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrv-components",
-  "version": "1.11.25",
+  "version": "1.11.26",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",