flowbite-angular/modal/modal.component.d.ts

<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github

import { ModalBodyComponent } from './modal-body.component';
import { ModalFooterComponent } from './modal-footer.component';
import { ModalHeaderComponent } from './modal-header.component';
import type { ModalClass, ModalPositions, ModalSizes } from './modal.theme';
import { ModalThemeService } from './modal.theme.service';
import { BaseComponent } from 'flowbite-angular';
import type { OnDestroy } from '@angular/core';
import { InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
export declare const FLOWBITE_MODAL_SIZE_DEFAULT_VALUE: InjectionToken<keyof ModalSizes>;
export declare const FLOWBITE_MODAL_POSITION_DEFAULT_VALUE: InjectionToken<keyof ModalPositions>;
export declare const FLOWBITE_MODAL_IS_DISMISSABLE_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_MODAL_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_MODAL_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
    root?: {
        base?: string | undefined;
    } | undefined;
    wrapper?: {
        base?: string | undefined;
        position?: {
            [x: string]: string | undefined;
            center?: string | undefined;
            'top-left'?: string | undefined;
            'top-right'?: string | undefined;
            'bottom-left'?: string | undefined;
            'bottom-right'?: string | undefined;
            'top-center'?: string | undefined;
            'bottom-center'?: string | undefined;
            'center-left'?: string | undefined;
            'center-right'?: string | undefined;
        } | undefined;
    } | undefined;
    container?: {
        base?: string | undefined;
        size?: {
            [x: string]: string | undefined;
            sm?: string | undefined;
            md?: string | undefined;
            lg?: string | undefined;
            xl?: string | undefined;
        } | undefined;
    } | undefined;
    content?: {
        base?: string | undefined;
    } | undefined;
}>;
export declare const modalDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
 * @see https://flowbite.com/docs/components/modal/
 */
export declare class ModalComponent extends BaseComponent<ModalClass> implements OnDestroy {
    private readonly destroyed;
    /**
     * Service injected used to generate class
     */
    readonly themeService: ModalThemeService;
    /**
     * The child `ModalHeaderComponent`
     */
    readonly modalHeaderChild: import("@angular/core").Signal<ModalHeaderComponent | undefined>;
    /**
     * The child `ModalBodyComponent`
     */
    readonly modalBodyChild: import("@angular/core").Signal<ModalBodyComponent>;
    /**
     * The child `ModalFooterComponent`
     */
    readonly modalFooterChild: import("@angular/core").Signal<ModalFooterComponent | undefined>;
    private readonly template;
    private readonly viewContainer;
    private readonly router;
    private embeddedView?;
    /**
     * Set the modal size
     *
     * @default md
     */
    size: import("@angular/core").ModelSignal<keyof ModalSizes>;
    /**
     * Set the modal position
     *
     * @default center
     */
    position: import("@angular/core").ModelSignal<keyof ModalPositions>;
    /**
     * Set if the modal is dismissable
     *
     * @default false
     */
    isDismissable: import("@angular/core").ModelSignal<boolean>;
    /**
     * Set if the modal is open
     *
     * @default false
     */
    isOpen: import("@angular/core").ModelSignal<boolean>;
    /**
     * Set the custom style for this modal
     */
    customStyle: import("@angular/core").ModelSignal<{
        root?: {
            base?: string | undefined;
        } | undefined;
        wrapper?: {
            base?: string | undefined;
            position?: {
                [x: string]: string | undefined;
                center?: string | undefined;
                'top-left'?: string | undefined;
                'top-right'?: string | undefined;
                'bottom-left'?: string | undefined;
                'bottom-right'?: string | undefined;
                'top-center'?: string | undefined;
                'bottom-center'?: string | undefined;
                'center-left'?: string | undefined;
                'center-right'?: string | undefined;
            } | undefined;
        } | undefined;
        container?: {
            base?: string | undefined;
            size?: {
                [x: string]: string | undefined;
                sm?: string | undefined;
                md?: string | undefined;
                lg?: string | undefined;
                xl?: string | undefined;
            } | undefined;
        } | undefined;
        content?: {
            base?: string | undefined;
        } | undefined;
    }>;
    fetchClass(): ModalClass;
    init(): void;
    ngOnDestroy(): void;
    open(): void;
    close(): void;
    toggle(): void;
    changeBackdrop(): void;
    private createTemplate;
    private destroyTemplate;
    onKeydownHandler(event: KeyboardEvent): void;
    onBackdropClick(event: MouseEvent): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "flowbite-modal", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isDismissable": { "alias": "isDismissable"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "size": "sizeChange"; "position": "positionChange"; "isDismissable": "isDismissableChange"; "isOpen": "isOpenChange"; "customStyle": "customStyleChange"; }, ["modalHeaderChild", "modalBodyChild", "modalFooterChild"], ["*"], true, never>;
}