import * as _angular_core from '@angular/core';
import { Type } from '@angular/core';
import { Config } from 'tailwindcss-v3';

declare class BackgroundComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $width: _angular_core.InputSignal<number>;
    $height: _angular_core.InputSignal<number>;
    $src: _angular_core.InputSignal<string | undefined>;
    $bgRepeat: _angular_core.InputSignal<"repeat" | "no-repeat">;
    $bgColor: _angular_core.InputSignal<string | undefined>;
    $bgStyle: _angular_core.Signal<{
        backgroundRepeat: "repeat" | "no-repeat";
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BackgroundComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BackgroundComponent, "ng-email-background", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; "$src": { "alias": "src"; "required": false; "isSignal": true; }; "$bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "$bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class BodyComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BodyComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BodyComponent, "ng-email-body", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class ButtonComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | null>;
    $href: _angular_core.InputSignal<string | undefined>;
    $textContent: _angular_core.InputSignal<string>;
    $width: _angular_core.InputSignal<number | undefined>;
    $height: _angular_core.InputSignal<number | undefined>;
    $borderRadius: _angular_core.InputSignal<number>;
    $textColor: _angular_core.InputSignal<string | undefined>;
    $backgroundColor: _angular_core.InputSignal<string | undefined>;
    $borderColor: _angular_core.InputSignal<string | undefined>;
    $borderSize: _angular_core.InputSignal<number>;
    $fontSize: _angular_core.InputSignal<number>;
    $align: _angular_core.InputSignal<string>;
    $withBackground: _angular_core.InputSignal<boolean>;
    $arcsize: _angular_core.Signal<number>;
    $lineHeight: _angular_core.Signal<number>;
    private $baseStyle;
    private $borderStyles;
    private $propStyles;
    $withBackgroundStyle: _angular_core.Signal<{
        msoHide?: string | undefined;
        color?: string | undefined;
        backgroundColor?: string | undefined;
        '-webkit-text-size-adjust': string;
        borderRadius: string;
        display: string;
        fontSize: string;
        lineHeight: string;
        maxWidth: string | undefined;
        textAlign: string;
        textDecoration: string;
        width: string;
    }>;
    $withoutBackgroundStyle: _angular_core.Signal<{
        msoHide?: string | undefined;
        color?: string | undefined;
        backgroundColor?: string | undefined;
        border?: string | undefined;
        msoBorderAlt?: string | undefined;
        '-webkit-text-size-adjust': string;
        borderRadius: string;
        display: string;
        fontSize: string;
        lineHeight: string;
        maxWidth: string | undefined;
        textAlign: string;
        textDecoration: string;
        width: string;
    }>;
    $noBgInnerHtml: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ng-email-button", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$textContent": { "alias": "textContent"; "required": true; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; "$borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "$textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "$backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "$borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "$borderSize": { "alias": "borderSize"; "required": false; "isSignal": true; }; "$fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "$align": { "alias": "align"; "required": false; "isSignal": true; }; "$withBackground": { "alias": "withBackground"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

type ColorSchemeMode = 'dark'
/**
 * The email client will only ever render the content in the dark color scheme and forbids the
 * email client from overriding the color scheme.
 */
 | 'dark only' | 'light'
/**
 * The email client will choose the light or dark theme to match the user’s preference.
 * If the user’s preference does not match something in the list, the email client will choose
 * which mode to display.
 */
 | 'light dark'
/**
 * The email client will choose the first of the listed schemes that it supports taking user
 * preference into account and forbids the email client from overriding the color scheme.
 */
 | 'light dark only'
/**
 * The email client will only ever render the content in the light color scheme and forbids the
 * email client from overriding the color scheme.
 */
 | 'light only'
/**
 * Indicates that the email supports the page’s supported color schemes, if they are set, or
 * that it supports no color schemes at all otherwise.
 */
 | 'normal';
declare class ColorSchemeComponent {
    $mode: _angular_core.InputSignal<ColorSchemeMode>;
    $style: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorSchemeComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorSchemeComponent, "ng-email-color-scheme", never, { "$mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class ColumnComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $bgImage: _angular_core.InputSignal<string | undefined>;
    $bgColor: _angular_core.InputSignal<string | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnComponent, "ng-email-column", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "$bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class ConditionalComponent {
    $expression: _angular_core.InputSignal<undefined>;
    $mso: _angular_core.InputSignal<boolean | undefined>;
    noMsoInnerHtmlPre: string;
    noMsoInnerHtmlPost: string;
    $msoInnerHtmlPre: _angular_core.Signal<string>;
    msoInnerHtmlPost: string;
    constructor();
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConditionalComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConditionalComponent, "ng-email-conditional", never, { "$expression": { "alias": "expression"; "required": false; "isSignal": true; }; "$mso": { "alias": "mso"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class ContainerComponent {
    random: number;
    document: Document;
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $alignment: _angular_core.InputSignal<string>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    $containerWidth: _angular_core.InputSignal<number>;
    $containerStyle: _angular_core.Signal<{
        maxWidth?: string | undefined;
    }>;
    $trStyle: _angular_core.Signal<{
        width?: string | undefined;
    }>;
    $innerHtmlPre: _angular_core.Signal<string>;
    $innerHtmlPost: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContainerComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContainerComponent, "ng-email-container", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$containerWidth": { "alias": "containerWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class HeadComponent {
    $enableFormatDetection: _angular_core.InputSignal<boolean>;
    xml: string;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadComponent, "ng-email-head", never, { "$enableFormatDetection": { "alias": "enableFormatDetection"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class HeadingComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $as: _angular_core.InputSignal<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
    $m: _angular_core.InputSignal<string | undefined>;
    $mx: _angular_core.InputSignal<string | undefined>;
    $my: _angular_core.InputSignal<string | undefined>;
    $mt: _angular_core.InputSignal<string | undefined>;
    $mr: _angular_core.InputSignal<string | undefined>;
    $mb: _angular_core.InputSignal<string | undefined>;
    $ml: _angular_core.InputSignal<string | undefined>;
    $headingStyle: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadingComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingComponent, "ng-email-heading", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$as": { "alias": "as"; "required": false; "isSignal": true; }; "$m": { "alias": "m"; "required": false; "isSignal": true; }; "$mx": { "alias": "mx"; "required": false; "isSignal": true; }; "$my": { "alias": "my"; "required": false; "isSignal": true; }; "$mt": { "alias": "mt"; "required": false; "isSignal": true; }; "$mr": { "alias": "mr"; "required": false; "isSignal": true; }; "$mb": { "alias": "mb"; "required": false; "isSignal": true; }; "$ml": { "alias": "ml"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class HrComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    $hrStyle: _angular_core.Signal<{
        width?: string | undefined;
        border?: string | undefined;
        borderTop?: string | undefined;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HrComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HrComponent, "ng-email-hr", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class HtmlComponent {
    $lang: _angular_core.InputSignal<string>;
    $dir: _angular_core.InputSignal<string>;
    $enableVML: _angular_core.InputSignal<boolean>;
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HtmlComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HtmlComponent, "ng-email-html", never, { "$lang": { "alias": "lang"; "required": false; "isSignal": true; }; "$dir": { "alias": "dir"; "required": false; "isSignal": true; }; "$enableVML": { "alias": "enableVML"; "required": false; "isSignal": true; }; "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class ImgComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    $alt: _angular_core.InputSignal<string>;
    $src: _angular_core.InputSignal<string>;
    $width: _angular_core.InputSignal<string>;
    $height: _angular_core.InputSignal<string>;
    $imageStyle: _angular_core.Signal<{
        display?: string | undefined;
        outline?: string | undefined;
        border?: string | undefined;
        textDecoration?: string | undefined;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImgComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImgComponent, "ng-email-img", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$alt": { "alias": "alt"; "required": false; "isSignal": true; }; "$src": { "alias": "src"; "required": false; "isSignal": true; }; "$width": { "alias": "width"; "required": false; "isSignal": true; }; "$height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class LinkComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    $href: _angular_core.InputSignal<string>;
    $target: _angular_core.InputSignal<string>;
    $linkStyle: _angular_core.Signal<{
        color?: string | undefined;
        textDecoration?: string | undefined;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "ng-email-link", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; "$href": { "alias": "href"; "required": false; "isSignal": true; }; "$target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class PreviewComponent {
    $preview: _angular_core.InputSignal<string>;
    maxLength: number;
    $text: _angular_core.Signal<string | null>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PreviewComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PreviewComponent, "ng-email-preview", never, { "$preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class RawComponent {
    $disablePlainTextOutput: _angular_core.InputSignal<boolean>;
    $content: _angular_core.InputSignal<string>;
    $escapingContent: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RawComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RawComponent, "ng-email-raw", never, { "$disablePlainTextOutput": { "alias": "disablePlainTextOutput"; "required": false; "isSignal": true; }; "$content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class RowComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RowComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RowComponent, "ng-email-row", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class SectionComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $sectionStyle: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionComponent, "ng-email-section", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class TextComponent {
    $style: _angular_core.InputSignal<Record<string, any> | null | undefined>;
    $styleClass: _angular_core.InputSignal<string | undefined>;
    $disableDefaultStyle: _angular_core.InputSignal<boolean>;
    $textStyle: _angular_core.Signal<{
        fontSize?: string | undefined;
        lineHeight?: string | undefined;
        margin?: string | undefined;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "ng-email-text", never, { "$style": { "alias": "style"; "required": false; "isSignal": true; }; "$styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "$disableDefaultStyle": { "alias": "disableDefaultStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

type Render<Input extends Record<string, any>> = {
    component: Type<unknown>;
    /** Component selector */
    selector: string;
    props?: Input;
    options?: {
        plainText?: boolean;
        pretty?: boolean;
        /** tailwind configuration object */
        tailwindConfig?: Partial<Config>;
        signalInputsPrefix?: string;
    };
};
/**
 * Renders an Angular component to HTML and applies transformations.
 *
 * @param component - The Angular component to render.
 * @param selector - The Component selector.
 * @param options - Optional rendering options.
 *
 * @returns {Promise<string>} The rendered HTML or plain text.
 */
declare const render: <Input extends Record<string, any>>({ component, selector, props, options, }: Render<Input>) => Promise<string>;
type RenderToHtml<Input extends Record<string, any>> = (props?: Input) => ReturnType<typeof render>;

declare const copyTextToClipboard: (text: string) => Promise<void>;
declare const pxToPt: (px: string) => number | null;
interface Margin {
    m?: string;
    mx?: string;
    my?: string;
    mt?: string;
    mr?: string;
    mb?: string;
    ml?: string;
}
declare const withMargin: (props: Margin) => {};
declare const styleToString: (style: Record<string, string | number | null> | undefined | null) => string;
declare const classToString: (style: string | string[] | Set<string> | Record<string, any> | null | undefined) => string;
declare const unreachable: (condition: never, message?: string) => never;
declare const HTMLElements: string[];
declare function escapeForRawComponent(input: string): string;
declare function unescapeForRawComponent(input: string): string;

export { BackgroundComponent, BodyComponent, ButtonComponent, ColorSchemeComponent, ColumnComponent, ConditionalComponent, ContainerComponent, HTMLElements, HeadComponent, HeadingComponent, HrComponent, HtmlComponent, ImgComponent, LinkComponent, PreviewComponent, RawComponent, RowComponent, SectionComponent, TextComponent, classToString, copyTextToClipboard, escapeForRawComponent, pxToPt, render, styleToString, unescapeForRawComponent, unreachable, withMargin };
export type { ColorSchemeMode, Margin, RenderToHtml };