// #region Imports
import { html } from '../../../../Dom/Html';
import { setHost } from '../../../Directives/setHost';
// #endregion
/**
 * The template of the `PageHeaderElement`.
 *
 * @public
 */
export function pageHeaderElementTemplate(e) {
    return html `
        <div part="root">
            <div part="prefix"
                 ?hidden="${!setHost(e, 'has-prefix', e.hasSlotContent('prefix'))}">
                <slot name="prefix"></slot>
            </div>
            <div part="heading">
                <div part="heading">
                    <slot name="header">
                        <mosaik-text .text="${e.text}"
                                    .wrap="${true}"></mosaik-text>
                    </slot>
                    <slot name="subHeader">
                        <mosaik-text .text="${e.subText}"
                                    .wrap="${true}"
                                    .maxLines="${1}"></mosaik-text>
                    </slot>
                    <slot name="additionalHeader">
                        <mosaik-text .text="${e.additionalText}"
                                    .wrap="${true}"
                                    .maxLines="${3}"></mosaik-text>
                    </slot>
                </div>
                <div part="content">
                    <slot></slot>
                </div>
            </div>
            <div part="suffix"
                 ?hidden="${!setHost(e, 'has-suffix', e.hasSlotContent('suffix'))}">
                <slot name="suffix"></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=PageHeaderElementTemplate.js.map