@salla.sa/twilight-components/dist/types/components/salla-modal/salla-modal.d.ts

Salla Web Component

import { type EventEmitter } from '../../stencil-public-runtime';
/**
 * @slot footer - The footer of modal
 */
export declare class SallaModal {
    constructor();
    /**
     * Sets the modal to be closable. Defaults to `true`
     */
    isClosable: boolean;
    /**
     * The size of the modal
     */
    width: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
    /**
     * The position of the modal
     */
    position: 'top' | 'middle' | 'bottom';
    /**
     * open the modal on rendering
     */
    visible: boolean;
    /**
     * open the modal on rendering
     */
    hasSkeleton: boolean;
    /**
     * Show loading in the middle
     */
    isLoading: boolean;
    /**
     * Show subtitle before the title or not, defaults to `false` (after the title)
     */
    subTitleFirst: boolean;
    /**
     * Avoid padding in the modal body or not, defaults to `false`
     */
    noPadding: boolean;
    /**
     * Set modal sub title.
     */
    subTitle: string;
    /**
     * Align modal content to center, defaults to `false`
     */
    centered: boolean;
    /**
     * Set the style of the header icon.
     */
    iconStyle: 'error' | 'success' | 'primary' | 'normal';
    modalTitle: string;
    private overlay;
    host: HTMLElement;
    /**
     * Event emitted when the modal visibilty is changed.
     */
    modalVisibilityChanged: EventEmitter<Boolean>;
    handleVisible(newValue: boolean): void;
    handleKeyUp(ev: KeyboardEvent): void;
    /**
     * Open the modal
     */
    open(): Promise<HTMLElement>;
    /**
     * close the modal
     */
    close(): Promise<HTMLElement>;
    /**
     * Change the Modal Title
     * @param {string} modalTitle
     */
    setTitle(modalTitle: any): Promise<HTMLElement>;
    /**
     * Start loading
     */
    loading(): Promise<HTMLElement>;
    /**
     * Stop the loading
     */
    stopLoading(): Promise<HTMLElement>;
    private handleAutoFocus;
    private toggleModal;
    private closeModal;
    private iconBlockClasses;
    private getWidth;
    render(): any;
    componentDidLoad(): void;
}