import { ISlottable } from '../../../Behaviors/Slottable'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IDialogHeaderElementProps } from './IDialogHeaderElementProps'; declare const DialogHeaderElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * DialogHeader - The header section within a dialog containing title and sub-title. * * @description * Renders the dialog title and optional subtitle. Text and subText must be set via * JavaScript since they are @Property (not HTML attributes). Alternatively, place * `mosaik-dialog-header-text` and `mosaik-dialog-header-sub-text` children directly. * Place this element in the `header` slot of `mosaik-dialog`. * * @name DialogHeader * @element mosaik-dialog-header * @category Overlays * * @slot header - The header slot. * @slot prefix - The prefix slot. * @slot subHeader - The subHeader slot. * @slot suffix - The suffix slot. * * @csspart heading - The heading part. * * @cssprop {String} --dialog-header-font-family - The header font family CSS custom property. * @cssprop {String} --dialog-header-font-letter-spacing - The header font letter spacing CSS custom property. * @cssprop {String} --dialog-header-font-line-height - The header font line height CSS custom property. * @cssprop {String} --dialog-header-font-size - The header font size CSS custom property. * @cssprop {String} --dialog-header-font-text-decoration - The header font text decoration CSS custom property. * @cssprop {String} --dialog-header-font-text-transform - The header font text transform CSS custom property. * @cssprop {String} --dialog-header-font-weight - The header font weight CSS custom property. * @cssprop {String} --dialog-header-gap - The header gap CSS custom property. * @cssprop {String} --dialog-header-padding-bottom - The header padding bottom CSS custom property. * @cssprop {String} --dialog-header-padding-left - The header padding left CSS custom property. * @cssprop {String} --dialog-header-padding-right - The header padding right CSS custom property. * @cssprop {String} --dialog-header-padding-top - The header padding top CSS custom property. * @cssprop {String} --dialog-header-shadow - The header shadow CSS custom property. * @cssprop {String} --dialog-header-shadow-blur - The header shadow blur CSS custom property. * @cssprop {String} --dialog-header-shadow-color - The header shadow color CSS custom property. * @cssprop {String} --dialog-header-shadow-offset-x - The header shadow offset x CSS custom property. * @cssprop {String} --dialog-header-shadow-offset-y - The header shadow offset y CSS custom property. * @cssprop {String} --dialog-header-shadow-spread - The header shadow spread CSS custom property. * @cssprop {String} --dialog-header-transition-duration - The header transition duration CSS custom property. * @cssprop {String} --dialog-header-transition-mode - The header transition mode CSS custom property. * @cssprop {String} --dialog-header-transition-property - The header transition property CSS custom property. * @cssprop {String} --dialog-header-translate - The header translate CSS custom property. * * @dependency mosaik-dialog-header-sub-text - The Dialog Header Sub Text element. * @dependency mosaik-dialog-header-text - The Dialog Header Text element. * * @example * Dialog header with slotted title elements: * ```html * * * * * ``` * * @public */ export declare class DialogHeaderElement extends DialogHeaderElement_base implements IDialogHeaderElementProps, ISlottable { /** * Controller for inheriting properties from parent DialogElement. * Note: DialogElement only provides closeable state, not header/subHeader properties. */ private readonly _inheritance; private _text; private _subText; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `text` property. * * @public */ get text(): string; set text(value: string); /** * Gets or sets the `subText` property. * * @public */ get subText(): string; set subText(value: string); onApplyTemplate(): void; } /** * @public */ export declare namespace DialogHeaderElement { type Props = IDialogHeaderElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-dialog-header': DialogHeaderElement; } } export {}; //# sourceMappingURL=DialogHeaderElement.d.ts.map