@filip.mazev/modal 0.1.50 → 0.1.52

package/types/filip.mazev-modal.d.ts

@@ -1,9 +1,10 @@
 import * as _filip_mazev_blocks_core from '@filip.mazev/blocks-core';
 import { BREAKPOINTS } from '@filip.mazev/blocks-core';
 import * as _angular_core from '@angular/core';
-import { Type, ComponentRef, OnInit, OnDestroy, Signal, TemplateRef, ElementRef, InputSignal, OutputEmitterRef, QueryList, AfterViewInit, ViewContainerRef, InjectionToken } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Type, ComponentRef, OnInit, OnDestroy, Signal, AfterViewInit, TemplateRef, ElementRef, ViewContainerRef, InputSignal, OutputEmitterRef, QueryList, InjectionToken } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
 import { ComponentType } from '@angular/cdk/portal';
+import { IModalCloseResult as IModalCloseResult$1 } from '@modal/public-api';
 
 declare enum ModalState {
     OPEN = "open",
@@ -12,8 +13,8 @@ declare enum ModalState {
     CLOSING = "closing"
 }
 
-type ModalCloseMode = "cancel" | "confirm";
-type ModalLayout = "center" | "right" | "left" | "bottom-sheet";
+type ModalCloseMode = 'cancel' | 'confirm';
+type ModalLayout = 'center' | 'right' | 'left' | 'bottom-sheet';
 type BreakpointKey = keyof typeof BREAKPOINTS;
 
 /**
@@ -50,11 +51,11 @@ interface IModal<D, R> {
  * @param {ComponentRef<C>} componentRef The component reference of the modal content
  * @param {Observable<ModalState>} modalState$ Observable that emits the current state of the modal
  * @param {ModalConfig<D> | undefined} modalConfig (optional) The configuration of the modal
- * @param {Observable<IModalCloseResult<R>>} afterClosed Observable that emits when the modal has been closed
+ * @param {Observable<IModalCloseResult<R | undefined>>} afterClosed Observable that emits when the modal has been closed
  * @param {Observable<MouseEvent>} backdropClick Observable that emits when the backdrop is clicked
  * @param {Function} open Function to open the modal
  * @param {Function} close Function to close the modal with specified parameters
-*/
+ */
 interface IModalRef<D, R, C extends IModal<D, R> = IModal<D, R>> {
     modalContainer: Type<ModalCore<D, R, C>>;
     modalContainerRef: ComponentRef<ModalCore<D, R, C>>;
@@ -62,12 +63,12 @@ interface IModalRef<D, R, C extends IModal<D, R> = IModal<D, R>> {
     parentElement?: HTMLElement;
     componentRef: ComponentRef<C>;
     modalState$(): Observable<ModalState>;
-    modalConfig?: ModalConfig<D>;
-    afterClosed(): Observable<IModalCloseResult<R>>;
+    modalConfig?: ModalConfig<D, R>;
+    afterClosed(): Observable<IModalCloseResult<R | undefined>>;
     backdropClick(): Observable<MouseEvent>;
     open(): void;
-    close: (state: "confirm" | "cancel", result: R | undefined, forceClose: boolean, fromSelf: boolean, from: {
-        constructor: Function;
+    close: (state: 'confirm' | 'cancel', result: R | undefined, forceClose: boolean, fromSelf: boolean, from: {
+        constructor: Type<unknown>;
     } | undefined) => void;
 }
 
@@ -75,40 +76,40 @@ declare class ModalRef<D = unknown, R = any, C extends IModal<D, R> = IModal<D,
     componentType: ComponentType<C>;
     private modalService;
     private _modalContainer;
-    private set modalContainer(value);
-    get modalContainer(): Type<ModalCore<D, R, C>>;
     private _modalContainerRef;
-    private set modalContainerRef(value);
-    get modalContainerRef(): ComponentRef<ModalCore<D, R, C>>;
     private _modalContainerElement;
-    private set modalContainerElement(value);
-    get modalContainerElement(): HTMLElement;
     private _parentElement;
-    private set parentElement(value);
-    get parentElement(): HTMLElement | undefined;
     private _componentRef;
-    private set componentRef(value);
-    get componentRef(): ComponentRef<C>;
     private _modalState;
     private modalState;
-    modalState$(): Observable<ModalState>;
-    private getStatus;
     private _modalConfig?;
-    private set modalConfig(value);
-    get modalConfig(): ModalConfig<D> | undefined;
     private backdropClickSubject;
-    backdropClick(): Observable<MouseEvent>;
-    private backdropClicked;
     private afterCloseSubject;
+    constructor(componentRef: ComponentRef<C>, componentType: ComponentType<C>, modalContainerRef: ComponentRef<ModalCore<D, R, C>>, modalService: ModalService, modalConfig?: ModalConfig<D, R>);
+    get modalContainer(): Type<ModalCore<D, R, C>>;
+    private set modalContainer(value);
+    get modalContainerRef(): ComponentRef<ModalCore<D, R, C>>;
+    private set modalContainerRef(value);
+    get modalContainerElement(): HTMLElement;
+    private set modalContainerElement(value);
+    get parentElement(): HTMLElement | undefined;
+    private set parentElement(value);
+    get componentRef(): ComponentRef<C>;
+    private set componentRef(value);
+    get modalConfig(): ModalConfig<D, R> | undefined;
+    private set modalConfig(value);
+    backdropClick(): Observable<MouseEvent>;
+    modalState$(): Observable<ModalState>;
     /**
      * Observable that emits when the modal has been closed.
-     * @returns An Observable that emits an IModalCloseResult<R> when the modal is closed.
+     * @returns An Observable that emits an IModalCloseResult<R | undefined> when the modal is closed.
      */
-    afterClosed(): Observable<IModalCloseResult<R>>;
-    private afterClose;
-    constructor(componentRef: ComponentRef<C>, componentType: ComponentType<C>, modalContainerRef: ComponentRef<ModalCore<D, R, C>>, modalService: ModalService, modalConfig?: ModalConfig<D>);
+    afterClosed(): Observable<IModalCloseResult<R | undefined>>;
     open(): Promise<void>;
     close(state?: ModalCloseMode, result?: R | undefined, forceClose?: boolean): void;
+    private getStatus;
+    private backdropClicked;
+    private afterClose;
     private handleClose;
 }
 
@@ -122,7 +123,7 @@ declare class ModalRef<D = unknown, R = any, C extends IModal<D, R> = IModal<D,
  * @param {Function} find Function to check if a modal with a specific component type is open
  */
 interface IModalService {
-    open<D, R, C extends IModal<D, R> = IModal<D, R>>(component: ComponentType<C>, config?: IModalConfig<D>): ModalRef<D, R, C>;
+    open<D, R, C extends IModal<D, R> = IModal<D, R>>(component: ComponentType<C>, config?: IModalConfig<D, R>): ModalRef<D, R, C>;
     close<D, R, C extends IModal<D, R> = IModal<D, R>>(modal: ModalRef<D, R, C>): void;
     unregister<D, R, C extends IModal<D, R> = IModal<D, R>>(modal: ModalRef<D, R, C>): void;
     closeAll(): void;
@@ -131,13 +132,13 @@ interface IModalService {
 }
 
 declare class ModalService implements IModalService {
-    private router;
-    private injector;
-    private appRef;
-    private environmentInjector;
-    private rendererFactory;
-    private renderer;
-    private document;
+    private readonly router;
+    private readonly injector;
+    private readonly appRef;
+    private readonly environmentInjector;
+    private readonly rendererFactory;
+    private readonly document;
+    private readonly renderer;
     private modals;
     private modalsSubject;
     constructor();
@@ -148,7 +149,7 @@ declare class ModalService implements IModalService {
      * @param config Optional configuration for the modal.
      * @returns A ModalRef instance representing the opened modal.
      */
-    open<D, R, C extends IModal<D, R> = IModal<D, R>>(component: ComponentType<C>, config?: IModalConfig<D>): ModalRef<D, R, C>;
+    open<D, R, C extends IModal<D, R> = IModal<D, R>>(component: ComponentType<C>, config?: IModalConfig<D, R>): ModalRef<D, R, C>;
     /**
      * Closes the specified modal.
      * @param modal The ModalRef instance representing the modal to be closed.
@@ -162,7 +163,7 @@ declare class ModalService implements IModalService {
     /**
      * Closes all open modals.
      * @param onNavigate Indicates if the closeAll is triggered by navigation event.
-    */
+     */
     closeAll(onNavigate?: boolean): void;
     /**
      * Finds if a modal with the specified component type is currently open.
@@ -173,7 +174,7 @@ declare class ModalService implements IModalService {
     /**
      * Gets the count of currently open modals.
      * @returns The number of open modals.
-    */
+     */
     modalsCount(): number;
     private isIModal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
@@ -231,6 +232,7 @@ interface IModalStyleConfig {
 /**
  * IModalConfig<D>, the configuration for the modal
  * @param D The type of data passed to the modal
+ * @param R The type of result returned from the modal
  * @param {boolean} open (optional) Whether the modal should be open or not, will default to true
  * @param {Function} afterClose (optional) The function to run after the modal closes
  * @param {ModalCloseGuard} closeGuard (optional) The guard that will determine whether the modal can be closed or not
@@ -246,9 +248,9 @@ interface IModalStyleConfig {
  * @param {string} contentStyles (optional) The styles to apply to the content of the modal
  * @param {string} id (optional) The id of the modal (set at the top level of the modal), will default to a random string
  */
-interface IModalConfig<D> {
+interface IModalConfig<D, R> {
     open?: boolean;
-    afterClose?: Function;
+    afterClose?: () => Observable<IModalCloseResult<R | undefined>>;
     closeGuard?: ModalCloseGuard;
     closeGuardOnlyOnCancel?: boolean;
     disableClose?: boolean;
@@ -279,9 +281,9 @@ declare class ModalStyleConfig implements IModalStyleConfig {
     constructor(config?: IModalStyleConfig);
 }
 
-declare class ModalConfig<D = unknown> {
+declare class ModalConfig<D, R> {
     open: boolean;
-    afterClose?: Function;
+    afterClose?: () => Observable<IModalCloseResult$1<R | undefined>>;
     closeGuard?: ModalCloseGuard;
     closeGuardOnlyOnCancel?: boolean;
     disableClose: boolean;
@@ -295,7 +297,7 @@ declare class ModalConfig<D = unknown> {
     disableConsoleWarnings: boolean;
     disableConsoleInfo: boolean;
     id?: string;
-    constructor(config?: IModalConfig<D>);
+    constructor(config?: IModalConfig<D, R>);
 }
 
 /**
@@ -304,24 +306,75 @@ declare class ModalConfig<D = unknown> {
  * @param R The type of result returned from the modal
  * @param C The type of the modal component, will default to IModal<D, R>
  * @param {ComponentRef<C>} componentRef (optional) The component reference (the component that is being displayed in the modal), will default to undefined (for non-dynamic modals)
- * @param {ModalConfig} config (optional) The configuration for the modal, will default to default values for the configuration
+ * @param {ModalConfig<D, R>} config (optional) The configuration for the modal, will default to default values for the configuration
  * @param {boolean} isOpen (required) Whether the modal is open or not
  * @param {Observable<MouseEvent>} backdropClick (required) The observable for the backdrop click event, will be used to listen for backdrop clicks (subscribed to the backdropClickSubject)
  * @param {Function} close (required) The function to run when the modal closes, will return the result of the modal
  */
-interface IModalComponenet<D, R, C extends IModal<D, R> = IModal<D, R>> extends OnInit, OnDestroy {
+interface IModalComponent<D, R, C extends IModal<D, R> = IModal<D, R>> extends OnInit, OnDestroy {
     componentRef?: ComponentRef<C>;
-    config?: ModalConfig<D>;
+    config?: ModalConfig<D, R>;
     isOpen: Signal<boolean>;
     backdropClick: Observable<MouseEvent>;
     close: (state: ModalCloseMode, result: R | undefined, fromInsideInteraction: boolean, forceClose: boolean) => void;
 }
 
-declare class ModalBottomSheet implements OnInit, OnDestroy {
+declare class ModalCore<D, R, C extends IModal<D, R> = IModal<D, R>> implements IModalComponent<D, R, C>, OnInit, AfterViewInit {
+    private readonly modalService;
+    private readonly scrollLockService;
+    private readonly windowDimensionsService;
+    readonly animationDuration: number;
+    componentRef: ComponentRef<C>;
+    config?: ModalConfig<D, R>;
+    closeFunction?: (data: IModalCloseResult<R | undefined>) => void;
+    backdropClickSubject: Subject<MouseEvent>;
+    backdropClick: Observable<MouseEvent>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    effectiveLayout: _angular_core.WritableSignal<ModalLayout>;
+    isCentered: _angular_core.WritableSignal<boolean>;
+    isSide: _angular_core.WritableSignal<boolean>;
+    isAnimated: boolean;
+    protected headerTemplate: _angular_core.WritableSignal<TemplateRef<void> | null>;
+    protected footerTemplate: _angular_core.WritableSignal<TemplateRef<void> | null>;
+    protected id: _angular_core.WritableSignal<string | null>;
+    protected isBottomSheetModalActive: _angular_core.WritableSignal<boolean>;
+    protected hasBanner: boolean;
+    protected hasDefaultContentWrapperClass: boolean;
+    protected windowDimensions: _angular_core.Signal<_filip_mazev_blocks_core.WindowDimensions>;
+    protected modalContainer?: ElementRef;
+    protected contentTemplate?: TemplateRef<HTMLElement>;
+    private sideModalComponents?;
+    private centeredModalComponents?;
+    private isConfirmCloseModalOpen;
+    private scrollLockId;
+    private _sortedBreakpoints;
+    private _currentVcr;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    setHeaderTemplate(template: TemplateRef<void>): void;
+    setFooterTemplate(template: TemplateRef<void>): void;
+    close(state?: ModalCloseMode, result?: R | undefined, fromInsideInteraction?: boolean, forceClose?: boolean): void;
+    protected onBackdropClick(event: MouseEvent): void;
+    protected set dynamicContainer(vcr: ViewContainerRef | undefined);
+    private initKeyboardSubscription;
+    private initParamsFromConfig;
+    private initBreakpointCache;
+    private handleClose;
+    private handleLayout;
+    private getBottomSheetModal;
+    private resetBottomSheetModalLayout;
+    private setBottomSheetModalFinishedState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalCore<any, any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalCore<any, any, any>, "app-modal", never, {}, {}, never, never, true, never>;
+}
+
+declare class ModalBottomSheet<D = unknown, R = unknown> implements OnInit, OnDestroy {
     readonly id: _angular_core.InputSignal<string | null>;
-    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly config: _angular_core.InputSignal<ModalConfig<unknown> | undefined>;
+    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly config: _angular_core.InputSignal<ModalConfig<D, R> | undefined>;
     readonly isOpen: _angular_core.InputSignal<boolean>;
     readonly isAnimated: _angular_core.InputSignal<boolean>;
     readonly animationDuration: _angular_core.InputSignal<number>;
@@ -329,6 +382,8 @@ declare class ModalBottomSheet implements OnInit, OnDestroy {
     currentTranslateY: _angular_core.WritableSignal<number>;
     isSwipingVerticallyFinished: _angular_core.WritableSignal<boolean>;
     protected isSwipingVertically: _angular_core.WritableSignal<boolean>;
+    protected verticalSwipeTarget?: ElementRef;
+    protected elementRef?: ElementRef;
     protected modalTransform: _angular_core.Signal<string>;
     protected downSwipeLimit: number;
     protected isTrackingSwipe: boolean;
@@ -336,23 +391,21 @@ declare class ModalBottomSheet implements OnInit, OnDestroy {
     private bottomSheetInitiated;
     private cleanupListeners;
     private globalResizeCleanup;
-    verticalSwipeTarget?: ElementRef;
-    elementRef?: ElementRef;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private startVerticalSwipeDetection;
     private stopVerticalSwipeDetection;
     private initBottomSheetModalParams;
     private monitorInputType;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalBottomSheet, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBottomSheet, "modal-bottom-sheet", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalBottomSheet<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBottomSheet<any, any>, "app-modal-bottom-sheet", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }
 
 /**
  * Interface for the Modal View
  * @param D The type of data passed to the modal
- * @param {InputSignal<TemplateRef<any> | null>} headerTemplate The input signal for the header template of the modal
- * @param {InputSignal<TemplateRef<any> | null>} footerTemplate The input signal for the footer template of the modal
+ * @param {InputSignal<TemplateRef<void> | null>} headerTemplate The input signal for the header template of the modal
+ * @param {InputSignal<TemplateRef<void> | null>} footerTemplate The input signal for the footer template of the modal
  * @param {InputSignal<ModalConfig<D> | undefined>} config The input signal for the modal configuration
  * @param {InputSignal<boolean>} isOpen The input signal indicating whether the modal is open
  * @param {InputSignal<boolean>} isAnimated The input signal indicating whether the modal has animations enabled
@@ -364,10 +417,10 @@ declare class ModalBottomSheet implements OnInit, OnDestroy {
  * @param {QueryList<ModalBottomSheet>} bottomSheet The query list of bottom sheet modals
  * @param {Signal<{ [key: string]: boolean }>} modalClasses The signal for the modal CSS classes
  */
-interface IModalView<D> {
-    headerTemplate: InputSignal<TemplateRef<any> | null>;
-    footerTemplate: InputSignal<TemplateRef<any> | null>;
-    config: InputSignal<ModalConfig<D> | undefined>;
+interface IModalView<D, R> {
+    headerTemplate: InputSignal<TemplateRef<void> | null>;
+    footerTemplate: InputSignal<TemplateRef<void> | null>;
+    config: InputSignal<ModalConfig<D, R> | undefined>;
     id: InputSignal<string | null>;
     isOpen: InputSignal<boolean>;
     isAnimated: InputSignal<boolean>;
@@ -382,10 +435,11 @@ interface IModalView<D> {
     }>;
 }
 
-declare class ModalCentered<D = unknown> implements IModalView<D> {
-    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly config: _angular_core.InputSignal<ModalConfig<D> | undefined>;
+declare class ModalSide<D = unknown, R = unknown> implements IModalView<D, R> {
+    readonly layout: _angular_core.InputSignal<ModalLayout>;
+    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly config: _angular_core.InputSignal<ModalConfig<D, R> | undefined>;
     readonly id: _angular_core.InputSignal<string | null>;
     readonly isOpen: _angular_core.InputSignal<boolean>;
     readonly isAnimated: _angular_core.InputSignal<boolean>;
@@ -394,23 +448,26 @@ declare class ModalCentered<D = unknown> implements IModalView<D> {
     readonly hasDefaultContentWrapperClass: _angular_core.InputSignal<boolean>;
     readonly hasBanner: _angular_core.InputSignal<boolean>;
     readonly close: _angular_core.OutputEmitterRef<ModalCloseMode | undefined>;
-    readonly onBackdropClick: _angular_core.OutputEmitterRef<MouseEvent>;
     bottomSheet: QueryList<ModalBottomSheet>;
     modalClasses: _angular_core.Signal<{
-        'centered-modal-content-wrapper': boolean;
-        'centered-modal-default-style': boolean;
-        'centered-modal-animate-in': boolean;
-        'centered-modal-animate-out': boolean;
+        'side-modal-content-wrapper': boolean;
+        'side-modal-default-style': boolean;
+        'with-footer': boolean;
+        left: boolean;
+        right: boolean;
+        'side-modal-animate-in': boolean;
+        'side-modal-animate-out': boolean;
     }>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalCentered<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalCentered<any>, "modal-centered", never, { "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "isBottomSheetModalActive": { "alias": "isBottomSheetModalActive"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; "hasDefaultContentWrapperClass": { "alias": "hasDefaultContentWrapperClass"; "required": true; "isSignal": true; }; "hasBanner": { "alias": "hasBanner"; "required": true; "isSignal": true; }; }, { "close": "close"; "onBackdropClick": "onBackdropClick"; }, never, ["*"], true, never>;
+    protected renderOpenClass: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalSide<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalSide<any, any>, "app-modal-side", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "isBottomSheetModalActive": { "alias": "isBottomSheetModalActive"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; "hasDefaultContentWrapperClass": { "alias": "hasDefaultContentWrapperClass"; "required": true; "isSignal": true; }; "hasBanner": { "alias": "hasBanner"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }
 
-declare class ModalSide<D = unknown> implements IModalView<D> {
-    readonly layout: _angular_core.InputSignal<ModalLayout>;
-    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
-    readonly config: _angular_core.InputSignal<ModalConfig<D> | undefined>;
+declare class ModalCentered<D = unknown, R = unknown> implements IModalView<D, R> {
+    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly footerTemplate: _angular_core.InputSignal<TemplateRef<void> | null>;
+    readonly config: _angular_core.InputSignal<ModalConfig<D, R> | undefined>;
     readonly id: _angular_core.InputSignal<string | null>;
     readonly isOpen: _angular_core.InputSignal<boolean>;
     readonly isAnimated: _angular_core.InputSignal<boolean>;
@@ -419,72 +476,16 @@ declare class ModalSide<D = unknown> implements IModalView<D> {
     readonly hasDefaultContentWrapperClass: _angular_core.InputSignal<boolean>;
     readonly hasBanner: _angular_core.InputSignal<boolean>;
     readonly close: _angular_core.OutputEmitterRef<ModalCloseMode | undefined>;
+    readonly onBackdropClick: _angular_core.OutputEmitterRef<MouseEvent>;
     bottomSheet: QueryList<ModalBottomSheet>;
-    protected renderOpenClass: _angular_core.WritableSignal<boolean>;
     modalClasses: _angular_core.Signal<{
-        'side-modal-content-wrapper': boolean;
-        'side-modal-default-style': boolean;
-        'with-footer': boolean;
-        left: boolean;
-        right: boolean;
-        'side-modal-animate-in': boolean;
-        'side-modal-animate-out': boolean;
+        'centered-modal-content-wrapper': boolean;
+        'centered-modal-default-style': boolean;
+        'centered-modal-animate-in': boolean;
+        'centered-modal-animate-out': boolean;
     }>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalSide<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalSide<any>, "modal-side", never, { "layout": { "alias": "layout"; "required": true; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "isBottomSheetModalActive": { "alias": "isBottomSheetModalActive"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; "hasDefaultContentWrapperClass": { "alias": "hasDefaultContentWrapperClass"; "required": true; "isSignal": true; }; "hasBanner": { "alias": "hasBanner"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
-}
-
-declare class ModalCore<D, R, C extends IModal<D, R> = IModal<D, R>> implements IModalComponenet<D, R, C>, OnInit, AfterViewInit {
-    private modalService;
-    private windowDimensionsService;
-    private scrollLockService;
-    readonly afterClose: _angular_core.OutputEmitterRef<void>;
-    readonly animationDuration: number;
-    componentRef: ComponentRef<C>;
-    config?: ModalConfig<D>;
-    closeFunction?: Function;
-    private backdropClickSubject;
-    backdropClick: Observable<MouseEvent>;
-    isOpen: _angular_core.WritableSignal<boolean>;
-    effectiveLayout: _angular_core.WritableSignal<ModalLayout>;
-    isCentered: _angular_core.WritableSignal<boolean>;
-    isSide: _angular_core.WritableSignal<boolean>;
-    protected headerTemplate: _angular_core.WritableSignal<TemplateRef<any> | null>;
-    protected footerTemplate: _angular_core.WritableSignal<TemplateRef<any> | null>;
-    protected id: _angular_core.WritableSignal<string | null>;
-    protected isBottomSheetModalActive: _angular_core.WritableSignal<boolean>;
-    isAnimated: boolean;
-    protected hasBanner: boolean;
-    protected hasDefaultContentWrapperClass: boolean;
-    private isConfirmCloseModalOpen;
-    private scrollLockId;
-    private _sortedBreakpoints;
-    protected windowDimensions: _angular_core.Signal<_filip_mazev_blocks_core.WindowDimensions>;
-    private _currentVcr;
-    set dynamicContainer(vcr: ViewContainerRef | undefined);
-    modalContainer?: ElementRef;
-    contentTemplate?: TemplateRef<HTMLElement>;
-    sideModalComponents?: QueryList<ModalSide>;
-    centeredModalComponents?: QueryList<ModalCentered>;
-    constructor();
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private initKeyboardSubscription;
-    private initParamsFromConfig;
-    private initBreakpointCache;
-    setHeaderTemplate(template: TemplateRef<any>): void;
-    setFooterTemplate(template: TemplateRef<any>): void;
-    close(state?: ModalCloseMode, result?: R | undefined, fromInsideInteraction?: boolean, forceClose?: boolean): void;
-    private handleClose;
-    protected onBackdropClick(event: MouseEvent): void;
-    private handleLayout;
-    private getBottomSheetModal;
-    private resetBottomSheetModalLayout;
-    private setBottomSheetModalFinishedState;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalCore<any, any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalCore<any, any, any>, "modal", never, {}, { "afterClose": "afterClose"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalCentered<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalCentered<any, any>, "app-modal-centered", never, { "headerTemplate": { "alias": "headerTemplate"; "required": true; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; "isAnimated": { "alias": "isAnimated"; "required": true; "isSignal": true; }; "isBottomSheetModalActive": { "alias": "isBottomSheetModalActive"; "required": true; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": true; "isSignal": true; }; "hasDefaultContentWrapperClass": { "alias": "hasDefaultContentWrapperClass"; "required": true; "isSignal": true; }; "hasBanner": { "alias": "hasBanner"; "required": true; "isSignal": true; }; }, { "close": "close"; "onBackdropClick": "onBackdropClick"; }, never, ["*"], true, never>;
 }
 
 declare class ModalBackdrop {
@@ -492,14 +493,14 @@ declare class ModalBackdrop {
     readonly isOpen: _angular_core.InputSignal<boolean>;
     readonly click: _angular_core.OutputEmitterRef<MouseEvent>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalBackdrop, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBackdrop, "modal-backdrop", never, { "isAnimated": { "alias": "isAnimated"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBackdrop, "app-modal-backdrop", never, { "isAnimated": { "alias": "isAnimated"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
 }
 
-declare class ModalBanner<D = unknown> {
-    readonly config: _angular_core.InputSignal<ModalConfig<D> | undefined>;
+declare class ModalBanner<D = unknown, R = unknown> {
+    readonly config: _angular_core.InputSignal<ModalConfig<D, R> | undefined>;
     readonly close: _angular_core.OutputEmitterRef<ModalCloseMode | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalBanner<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBanner<any>, "modal-banner", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalBanner<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalBanner<any, any>, "app-modal-banner", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }
 
 declare class Modal<D, R> implements IModal<D, R> {
@@ -513,12 +514,12 @@ declare class Modal<D, R> implements IModal<D, R> {
     modal: ModalRef<D, R>;
     /**
      * Called when the modal is initialized.
-    */
+     */
     onModalInit(): void;
     /**
      * Closes the modal (with "cancel" reason) with an optional result.
      * @param result The result to be passed when closing the modal.
-    */
+     */
     close(result?: R): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Modal<any, any>, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<Modal<any, any>>;
@@ -538,19 +539,19 @@ declare enum ModalWarnings {
 }
 
 declare class ModalHeaderDirective {
-    private templateRef;
-    private modal;
+    private readonly templateRef;
+    private readonly modal;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalHeaderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ModalHeaderDirective, "[modalHeader]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ModalHeaderDirective, "[appModalHeader]", never, {}, {}, never, never, true, never>;
 }
 
 declare class ModalFooterDirective {
-    private templateRef;
-    private modal;
+    private readonly templateRef;
+    private readonly modal;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ModalFooterDirective, "[modalFooter]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ModalFooterDirective, "[appModalFooter]", never, {}, {}, never, never, true, never>;
 }
 
 declare const MODAL_DATA: InjectionToken<any>;
@@ -562,10 +563,10 @@ declare const MODAL_DATA: InjectionToken<any>;
  */
 declare class ModalConfirmCloseGuard<D, R, C extends IModal<D, R> = IModal<D, R>> extends ModalCloseGuard {
     component: ComponentType<C>;
-    config: IModalConfig<D>;
-    constructor(component: ComponentType<C>, config: IModalConfig<D>);
+    config: IModalConfig<D, R>;
+    constructor(component: ComponentType<C>, config: IModalConfig<D, R>);
     canClose(modalService: ModalService): Observable<boolean>;
 }
 
 export { MODAL_DATA, MODAL_DEFAULT_ANIM_DURATION, MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_LARGE, MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_SMALL, MODAL_DEFAULT_INTERNAL_ANIM_DURATION, MODAL_DOWN_SWIPE_LIMIT, MODAL_SWIPE_VELOCITY_THRESHOLD, Modal, ModalBackdrop, ModalBanner, ModalBottomSheet, ModalCentered, ModalCloseGuard, ModalConfig, ModalConfirmCloseGuard, ModalCore, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, ModalSide, ModalState, ModalStyleConfig, ModalWarnings };
-export type { BreakpointKey, IBottomSheetModalConfig, IModalCloseResult, IModalComponenet, IModalConfig, IModalRef, IModalService, IModalStyleConfig, IModalView, ModalCloseMode, ModalLayout };
+export type { BreakpointKey, IBottomSheetModalConfig, IModalCloseResult, IModalComponent, IModalConfig, IModalRef, IModalService, IModalStyleConfig, IModalView, ModalCloseMode, ModalLayout };