// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link CardHeaderElement}.
 *
 * @public
 */
export function cardHeaderElementTemplate(e) {
    return html `
        <slot name="prefix"></slot>
        <div part="heading">
            <slot name="header">
                ${when(e.text.trim(), () => html `
                <mosaik-card-title .text="${e.text.trim()}"
                                   .formatter="${e.formatter}"
                                   .dir="${e.dir}"></mosaik-card-title>
                `)}
            </slot>
            <slot name="subHeader">
                ${when(e.subText.trim(), () => html `
                <mosaik-card-sub-title .text="${e.subText.trim()}"
                                       .formatter="${e.formatter}"
                                       .dir="${e.dir}"></mosaik-card-sub-title>
                `)}
            </slot>
            <slot></slot>
        </div>
        <slot name="suffix"></slot>
    `;
}
//# sourceMappingURL=CardHeaderElementTemplate.js.map