import { TextAlignment } from '../../../Types/TextAlignment'; import { CustomElement } from '../../Abstracts/CustomElement'; import { ITextFormattableProps } from '../../../Behaviors/TextFormattable'; /** * Represents the `IJumbotronHeaderElementProps` interface. * * @public */ export interface IJumbotronHeaderElementProps extends ITextFormattableProps { text: string; alignment: TextAlignment; } declare const JumbotronHeaderElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => ITextFormattableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * JumbotronHeader - Primary heading text component for jumbotron hero sections. * * @description * The JumbotronHeader element renders the main heading within a jumbotron component with * prominent styling and formatting. Supports text alignment, custom text formatters, and * internationalization. Automatically assigned to the 'header' slot when used inside a * jumbotron. This component is styled to be visually striking and draw immediate attention * to key messages or page titles. * * @name JumbotronHeader * @element mosaik-jumbotron-header * @category Primitives * * @slot - Default slot for custom header content (overrides text attribute) * * @csspart text - The rendered text element * * @cssprop {String} --jumbotron-header-background-color - The header background color CSS custom property. * @cssprop {String} --jumbotron-header-border-color - The header border color CSS custom property. * @cssprop {String} --jumbotron-header-font-family - The header font family CSS custom property. * @cssprop {String} --jumbotron-header-font-letter-spacing - The header font letter spacing CSS custom property. * @cssprop {String} --jumbotron-header-font-line-height - The header font line height CSS custom property. * @cssprop {String} --jumbotron-header-font-size - The header font size CSS custom property. * @cssprop {String} --jumbotron-header-font-text-decoration - The header font text decoration CSS custom property. * @cssprop {String} --jumbotron-header-font-text-transform - The header font text transform CSS custom property. * @cssprop {String} --jumbotron-header-font-weight - The header font weight CSS custom property. * @cssprop {String} --jumbotron-header-foreground-color - The header foreground color CSS custom property. * @cssprop {String} --jumbotron-header-gap - The header gap CSS custom property. * @cssprop {String} --jumbotron-header-padding-bottom - The header padding bottom CSS custom property. * @cssprop {String} --jumbotron-header-padding-left - The header padding left CSS custom property. * @cssprop {String} --jumbotron-header-padding-right - The header padding right CSS custom property. * @cssprop {String} --jumbotron-header-padding-top - The header padding top CSS custom property. * @cssprop {String} --jumbotron-header-shadow - The header shadow CSS custom property. * @cssprop {String} --jumbotron-header-shadow-blur - The header shadow blur CSS custom property. * @cssprop {String} --jumbotron-header-shadow-color - The header shadow color CSS custom property. * @cssprop {String} --jumbotron-header-shadow-offset-x - The header shadow offset x CSS custom property. * @cssprop {String} --jumbotron-header-shadow-offset-y - The header shadow offset y CSS custom property. * @cssprop {String} --jumbotron-header-shadow-spread - The header shadow spread CSS custom property. * @cssprop {String} --jumbotron-header-transition-duration - The header transition duration CSS custom property. * @cssprop {String} --jumbotron-header-transition-mode - The header transition mode CSS custom property. * @cssprop {String} --jumbotron-header-transition-property - The header transition property CSS custom property. * @cssprop {String} --jumbotron-header-translate - The header translate CSS custom property. * * @dependency mosaik-text - The Text element. * * @example * Basic header via text attribute: * ```html * * * ``` * * @example * Custom slotted content: * ```html * *

Custom Styled Header

*
* ``` * * @public */ export declare class JumbotronHeaderElement extends JumbotronHeaderElement_base implements IJumbotronHeaderElementProps { private _text; private _alignment; /** * @public */ constructor(); /** * Returns the `is` property. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `text` property. * * @public * @attr */ get text(): string; set text(value: string); /** * Gets or sets the `alignment` property. * * @public * @attr */ get alignment(): TextAlignment; set alignment(value: TextAlignment); } /** * @public */ export declare namespace JumbotronHeaderElement { type Props = IJumbotronHeaderElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-jumbotron-header': JumbotronHeaderElement; } } export {}; //# sourceMappingURL=JumbotronHeaderElement.d.ts.map