flexi-toast/index.d.ts

Lightweight, customizable Angular toast notification component with title, message, icon types, auto-dismiss, manual close, animations, theme and positioning support.

import * as _angular_core from '@angular/core';
import { RendererFactory2, ComponentRef } from '@angular/core';

type FlexiSwalContentThemeClass$1 = "success" | "warning" | "info" | "error" | "default";
declare class FlexiSwalComponent {
    readonly title: _angular_core.InputSignal<string>;
    readonly question: _angular_core.InputSignal<string>;
    readonly confirmBtnText: _angular_core.InputSignal<string>;
    readonly cancelBtnText: _angular_core.InputSignal<string>;
    readonly showCloseBtn: _angular_core.InputSignal<boolean>;
    readonly themeClass: _angular_core.InputSignal<"light" | "dark">;
    readonly contentThemeClass: _angular_core.InputSignal<FlexiSwalContentThemeClass$1>;
    readonly isVisible: _angular_core.InputSignal<boolean>;
    readonly isVisibleSignal: _angular_core.WritableSignal<boolean>;
    readonly confirmed: _angular_core.OutputEmitterRef<void>;
    readonly cancelled: _angular_core.OutputEmitterRef<void>;
    readonly closed: _angular_core.OutputEmitterRef<void>;
    get visible(): boolean;
    get display(): "block" | "none";
    onConfirm(): void;
    onCancel(): void;
    private close;
    show(): void;
    hide(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexiSwalComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexiSwalComponent, "flexi-swal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "question": { "alias": "question"; "required": false; "isSignal": true; }; "confirmBtnText": { "alias": "confirmBtnText"; "required": false; "isSignal": true; }; "cancelBtnText": { "alias": "cancelBtnText"; "required": false; "isSignal": true; }; "showCloseBtn": { "alias": "showCloseBtn"; "required": false; "isSignal": true; }; "themeClass": { "alias": "themeClass"; "required": false; "isSignal": true; }; "contentThemeClass": { "alias": "contentThemeClass"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
}

declare class FlexiToastService {
    options: FlexiToastOptionsModel;
    private renderer;
    private appRef;
    private injector;
    constructor(rendererFactory: RendererFactory2);
    showToast(title: string, text: string, icon?: FlexiToastIconType, options?: FlexiToastOptionsModel): void;
    showSwal(title: string, question: string, confirmBtnText: string | undefined, callBack: () => void, cancelBtnText?: string, cancelCallBack?: () => void): ComponentRef<FlexiSwalComponent>;
    private destroySwal;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexiToastService, never>;
    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FlexiToastService>;
}
declare class FlexiToastOptionsModel {
    icon?: FlexiToastIconType;
    autoClose?: boolean;
    timeOut?: number;
    showProgressBar?: boolean;
    showToastCloseBtn?: boolean;
    showSwalCloseBtn?: boolean;
    preventDuplicate?: boolean;
    position?: FlexiToastPositionType;
    themeClass?: FlexiToastThemeClassType | string;
    cancelBtnText?: string;
    confirmBtnText?: string;
    swalContentThemeClass?: FlexiSwalContentThemeClass;
}
type FlexiToastIconType = "success" | "warning" | "info" | "error";
type FlexiToastThemeClassType = "light" | "dark";
type FlexiToastPositionType = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "full-bottom" | "full-top";
type FlexiSwalContentThemeClass = "success" | "warning" | "info" | "error" | "default";

export { FlexiToastOptionsModel, FlexiToastService };
export type { FlexiSwalContentThemeClass, FlexiToastIconType, FlexiToastPositionType, FlexiToastThemeClassType };