@evotor-dev/ui-kit 8.7.0 → 8.8.0

package/lib/components/evo-modal/classes/EvoConfiguredComponentModalDrawingStrategy.d.ts

@@ -0,0 +1,6 @@
+import { EvoConfiguredModalDrawingStrategy } from './EvoConfiguredModalDrawingStrategy';
+import { EvoConfiguredComponentModalParams } from '../interfaces';
+import { EvoModalComponent } from '../evo-modal.component';
+export declare class EvoConfiguredComponentModalDrawingStrategy extends EvoConfiguredModalDrawingStrategy {
+    draw(this: EvoModalComponent, params: EvoConfiguredComponentModalParams<unknown>): void;
+}

package/lib/components/evo-modal/classes/EvoConfiguredModalDrawingStrategy.d.ts

@@ -0,0 +1,6 @@
+import { EvoModalDrawingStrategy } from './EvoModalDrawingStrategy';
+import { EvoConfiguredModalParams } from '../interfaces';
+import { EvoModalComponent } from '../evo-modal.component';
+export declare abstract class EvoConfiguredModalDrawingStrategy extends EvoModalDrawingStrategy {
+    draw(this: EvoModalComponent, params: EvoConfiguredModalParams): void;
+}

package/lib/components/evo-modal/classes/EvoConfiguredTemplateModalDrawingStrategy.d.ts

@@ -0,0 +1,6 @@
+import { EvoConfiguredModalDrawingStrategy } from './EvoConfiguredModalDrawingStrategy';
+import { EvoConfiguredTemplateModalParams } from '../interfaces';
+import { EvoModalComponent } from '../evo-modal.component';
+export declare class EvoConfiguredTemplateModalDrawingStrategy extends EvoConfiguredModalDrawingStrategy {
+    draw(this: EvoModalComponent, params: EvoConfiguredTemplateModalParams<unknown>): void;
+}

package/lib/components/evo-modal/classes/EvoDynamicModalDrawingStrategy.d.ts

@@ -0,0 +1,6 @@
+import { EvoModalDrawingStrategy } from './EvoModalDrawingStrategy';
+import { EvoDynamicModalParams } from '../interfaces';
+import { EvoModalComponent } from '../evo-modal.component';
+export declare class EvoDynamicModalDrawingStrategy extends EvoModalDrawingStrategy {
+    draw(this: EvoModalComponent, params: EvoDynamicModalParams): void;
+}

package/lib/components/evo-modal/classes/EvoModalDrawingStrategy.d.ts

@@ -0,0 +1,5 @@
+import { EvoModalCombinedParams } from '../interfaces';
+import { EvoModalComponent } from '../evo-modal.component';
+export declare abstract class EvoModalDrawingStrategy {
+    abstract draw(this: EvoModalComponent, params: EvoModalCombinedParams): void;
+}

package/lib/components/evo-modal/enums.d.ts

@@ -0,0 +1,6 @@
+export declare enum EvoModalCloseTargets {
+    BACKGROUND = "background",
+    BUTTON = "button",
+    DEFAULT = "default",
+    ESC = "escape"
+}

package/lib/components/evo-modal/evo-modal-buttons/evo-modal-buttons.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class EvoModalButtonsComponent {
+    single: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EvoModalButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoModalButtonsComponent, "evo-modal-buttons, [evo-modal-buttons]", never, { "single": { "alias": "single"; "required": false; "isSignal": true; }; }, {}, never, ["[evoButton]"], true, never>;
+}

package/lib/components/evo-modal/evo-modal-portal.d.ts

@@ -0,0 +1,16 @@
+import { ApplicationRef, ComponentFactoryResolver, ComponentRef, Injector } from '@angular/core';
+import { EvoAbstractPortal, EvoPortalService } from '../evo-portal';
+import { EvoModalComponent } from './evo-modal.component';
+import * as i0 from "@angular/core";
+export declare class EvoModalPortal extends EvoPortalService implements EvoAbstractPortal {
+    appRef: ApplicationRef;
+    injector: Injector;
+    cfr: ComponentFactoryResolver;
+    attachedPortal: ComponentRef<EvoModalComponent>;
+    constructor(appRef: ApplicationRef, injector: Injector, cfr: ComponentFactoryResolver);
+    attach(host: string): void;
+    detach(): void;
+    hasAttachedPortal(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EvoModalPortal, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EvoModalPortal>;
+}

package/lib/components/evo-modal/evo-modal.component.d.ts

@@ -1,41 +1,57 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { EvoModalService, EvoModalState } from './evo-modal.service';
-import { Observable, Subscription } from 'rxjs';
+import { ElementRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs';
 import { EvoButtonColor, EvoButtonTheme } from '../evo-button';
+import { EvoDynamicModalParams, EvoModalState } from './interfaces';
+import { EvoModalCloseTargets } from './enums';
+import { EvoModalDrawingStrategy } from './classes/EvoModalDrawingStrategy';
 import * as i0 from "@angular/core";
-export declare enum EvoModalCloseTargets {
-    BACKGROUND = "background",
-    BUTTON = "button",
-    DEFAULT = "default",
-    ESC = "escape"
-}
+type InsertionContainerType = 'modal' | 'content';
 export declare class EvoModalComponent implements OnInit, OnDestroy {
-    private readonly modalService;
-    private readonly elRef;
-    get id(): string;
-    set id(id: string);
-    titleText: string;
-    acceptText: string;
-    acceptButtonColor: EvoButtonColor;
-    acceptButtonTheme: EvoButtonTheme;
-    declineText: string;
-    declineButtonColor: EvoButtonColor;
-    declineButtonTheme: EvoButtonTheme;
-    asyncAccept: () => Observable<any>;
-    modalState: EvoModalState;
-    isAcceptLoading: boolean;
-    isDeclineDisabled: boolean;
-    isVisible: boolean;
+    private readonly evoModalRootId;
+    acceptText: import("@angular/core").ModelSignal<string>;
+    acceptButtonColor: import("@angular/core").ModelSignal<EvoButtonColor>;
+    acceptButtonTheme: import("@angular/core").ModelSignal<EvoButtonTheme>;
+    asyncAccept: import("@angular/core").ModelSignal<() => Observable<unknown> | null>;
+    declineText: import("@angular/core").ModelSignal<string>;
+    declineButtonColor: import("@angular/core").ModelSignal<EvoButtonColor>;
+    declineButtonTheme: import("@angular/core").ModelSignal<EvoButtonTheme>;
+    id: import("@angular/core").ModelSignal<string>;
+    titleText: import("@angular/core").ModelSignal<string>;
+    readonly contentContainer: import("@angular/core").Signal<ViewContainerRef>;
+    readonly contentContainer$: Observable<ViewContainerRef>;
+    readonly drawingStrategy: import("@angular/core").WritableSignal<EvoModalDrawingStrategy>;
+    readonly isDynamicContent: import("@angular/core").WritableSignal<boolean>;
+    readonly isLoading: import("@angular/core").WritableSignal<boolean>;
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    readonly modalContainer: import("@angular/core").Signal<ViewContainerRef>;
+    readonly modalContainer$: Observable<ViewContainerRef>;
+    readonly modalContent: import("@angular/core").WritableSignal<{
+        template: TemplateRef<{
+            data: unknown;
+        }>;
+        context: unknown;
+    }>;
+    readonly modalElement: import("@angular/core").Signal<ElementRef<any>>;
+    readonly modalState: import("@angular/core").WritableSignal<EvoModalState>;
+    readonly showButtons: import("@angular/core").Signal<string>;
     readonly closeTargets: typeof EvoModalCloseTargets;
-    private _id;
-    private closeTarget;
-    constructor(modalService: EvoModalService, elRef: ElementRef);
+    private readonly destroyRef;
+    private readonly environmentInjector;
+    private readonly evoModalService;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onBackgroundClick($event: any): void;
-    handleOnClose(agreement: boolean, closeTarget: EvoModalCloseTargets): Subscription;
-    private subscribeModalEvents;
+    onAcceptClick(): void;
+    onBackgroundClick(event: Event): void;
+    onDeclineClick(): void;
+    protected clearView(): void;
+    protected insertComponent({ data, injector, component }: Pick<EvoDynamicModalParams, 'data' | 'component' | 'injector'>, target?: InsertionContainerType): void;
+    private canCloseByBackground;
+    private close;
+    private getInsertionContainer;
     private initKeyboardListener;
+    private setDrawingStrategy;
+    private subscribeModalEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoModalComponent, "evo-modal", never, { "id": { "alias": "id"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "acceptText": { "alias": "acceptText"; "required": false; }; "acceptButtonColor": { "alias": "acceptButtonColor"; "required": false; }; "acceptButtonTheme": { "alias": "acceptButtonTheme"; "required": false; }; "declineText": { "alias": "declineText"; "required": false; }; "declineButtonColor": { "alias": "declineButtonColor"; "required": false; }; "declineButtonTheme": { "alias": "declineButtonTheme"; "required": false; }; "asyncAccept": { "alias": "asyncAccept"; "required": false; }; }, {}, never, ["evo-icon", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoModalComponent, "evo-modal", never, { "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "acceptButtonColor": { "alias": "acceptButtonColor"; "required": false; "isSignal": true; }; "acceptButtonTheme": { "alias": "acceptButtonTheme"; "required": false; "isSignal": true; }; "asyncAccept": { "alias": "asyncAccept"; "required": false; "isSignal": true; }; "declineText": { "alias": "declineText"; "required": false; "isSignal": true; }; "declineButtonColor": { "alias": "declineButtonColor"; "required": false; "isSignal": true; }; "declineButtonTheme": { "alias": "declineButtonTheme"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; }, { "acceptText": "acceptTextChange"; "acceptButtonColor": "acceptButtonColorChange"; "acceptButtonTheme": "acceptButtonThemeChange"; "asyncAccept": "asyncAcceptChange"; "declineText": "declineTextChange"; "declineButtonColor": "declineButtonColorChange"; "declineButtonTheme": "declineButtonThemeChange"; "id": "idChange"; "titleText": "titleTextChange"; }, never, ["evo-icon", "*"], true, never>;
 }
+export {};

package/lib/components/evo-modal/evo-modal.provider.d.ts

@@ -0,0 +1,3 @@
+import { EnvironmentProviders } from "@angular/core";
+import { EvoModalConfig } from './interfaces';
+export declare function provideModal(config?: EvoModalConfig): EnvironmentProviders;

package/lib/components/evo-modal/evo-modal.service.d.ts

@@ -1,22 +1,23 @@
 import { Observable } from 'rxjs';
+import { EvoConfiguredModalParams, EvoDynamicModalParams, EvoModalParams, EvoModalState } from './interfaces';
 import * as i0 from "@angular/core";
-export interface EvoModalState {
-    id: string;
-    isOpen: boolean;
-    agreement?: boolean;
-    params?: EvoModalParams;
-}
-export interface EvoModalParams {
-    [property: string]: any;
-}
 export declare class EvoModalService {
+    private readonly portal;
+    private readonly config;
+    private readonly evoModalRootId;
     private readonly modalEvents$;
-    private registeredModals;
+    private readonly registeredModals;
     register(id: string): void;
     unregister(id: string): void;
-    open(id: string, params?: EvoModalParams): void;
-    close(id: string, agreement: boolean, params?: EvoModalParams): void;
+    open<T>(params: EvoConfiguredModalParams<T>): any;
+    open(params: EvoDynamicModalParams): any;
+    open(id: string, params?: EvoModalParams): any;
+    close(id?: string, agreement?: boolean, params?: EvoModalParams): void;
     getEventsSubscription(id: string): Observable<EvoModalState>;
+    openDynamicModal(params: EvoDynamicModalParams): void;
+    openConfiguredModal(idOrParams: EvoConfiguredModalParams): void;
+    cleanupDefaultHost(): void;
+    private attachPortal;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EvoModalService>;
 }

package/lib/components/evo-modal/interfaces.d.ts

@@ -0,0 +1,47 @@
+import { Injector, TemplateRef, Type } from '@angular/core';
+import { EvoButtonColor, EvoButtonTheme } from '../evo-button/types';
+import { Observable } from 'rxjs';
+export interface EvoModalConfig {
+    host?: string;
+}
+export interface EvoModalState {
+    id: string;
+    isOpen: boolean;
+    agreement?: boolean;
+    params?: EvoModalCombinedParams;
+}
+export interface EvoDynamicModalParams {
+    component: Type<unknown>;
+    data?: unknown;
+    injector?: Injector;
+}
+interface EvoConfiguredBaseModalParams {
+    acceptButtonColor?: EvoButtonColor;
+    acceptButtonTheme?: EvoButtonTheme;
+    acceptText?: string;
+    asyncAccept?: () => Observable<unknown>;
+    declineButtonColor?: EvoButtonColor;
+    declineButtonTheme?: EvoButtonTheme;
+    declineText?: string;
+    titleText?: string;
+}
+export interface EvoConfiguredTemplateModalParams<T> extends EvoConfiguredBaseModalParams {
+    template: TemplateRef<{
+        data: T;
+    }>;
+    component?: never;
+    data?: T;
+    injector?: never;
+}
+export interface EvoConfiguredComponentModalParams<T> extends EvoConfiguredBaseModalParams {
+    component: Type<unknown>;
+    data?: T;
+    injector?: Injector;
+    template?: never;
+}
+export type EvoConfiguredModalParams<T = unknown> = EvoConfiguredTemplateModalParams<T> | EvoConfiguredComponentModalParams<T>;
+export interface EvoModalParams {
+    [property: string]: unknown;
+}
+export type EvoModalCombinedParams = EvoModalParams | EvoDynamicModalParams | EvoConfiguredModalParams;
+export {};

package/lib/components/evo-modal/public-api.d.ts

@@ -1,3 +1,9 @@
 export * from './evo-modal.module';
 export * from './evo-modal.component';
 export * from './evo-modal.service';
+export * from "./enums";
+export * from "./interfaces";
+export * from "./evo-modal.provider";
+export * from "./tokens";
+export * from "./utils";
+export * from './evo-modal-buttons/evo-modal-buttons.component';

package/lib/components/evo-modal/tokens.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import { EvoModalConfig } from "./interfaces";
+export declare const EVO_MODAL_CONFIG: InjectionToken<EvoModalConfig>;
+export declare const EVO_MODAL_DEFAULT_ROOT_ID = "EVO_MODAL_ROOT_ID";
+export declare const EVO_MODAL_ROOT_ID: InjectionToken<string>;
+export declare const EVO_MODAL_DEFAULT_CONFIG: EvoModalConfig;
+export declare const EVO_MODAL_DATA: InjectionToken<unknown>;

package/lib/components/evo-modal/utils.d.ts

@@ -0,0 +1,5 @@
+import { EvoConfiguredComponentModalParams, EvoConfiguredModalParams, EvoConfiguredTemplateModalParams, EvoDynamicModalParams, EvoModalCombinedParams } from './interfaces';
+export declare function isDynamicModalParams(params?: EvoModalCombinedParams): params is EvoDynamicModalParams;
+export declare function isConfiguredModalParams(params?: EvoModalCombinedParams): params is EvoConfiguredModalParams;
+export declare function isConfiguredTemplateModalParams(params?: EvoModalCombinedParams): params is EvoConfiguredTemplateModalParams<unknown>;
+export declare function isConfiguredComponentModalParams(params?: EvoModalCombinedParams): params is EvoConfiguredComponentModalParams<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evotor-dev/ui-kit",
-  "version": "8.7.0",
+  "version": "8.8.0",
   "homepage": "https://evotor.github.io/Evo-UI-Kit",
   "repository": {
     "type": "git",