// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Orientation } from '../../../Types/Orientation';
import { TextAlignment } from '../../../Types/TextAlignment';
// #endregion
/**
 * The template of the `BusyStateElement`.
 *
 * @public
 */
export function busyStateElementTemplate(e) {
    return html `
        <mosaik-progress-ring part="symbol"
                              .radius="${'26px'}"
                              .isIndeterminate="${true}"></mosaik-progress-ring>
        <mosaik-stack .orientation="${Orientation.Vertical}">
            ${when(e.header, () => html `
            <mosaik-text part="header"
                         .readonly="${true}"
                         .wrap="${true}"
                         .alignment="${TextAlignment.Center}"
                         .text="${e.header}"
                         .formatter="${e.formatter}"></mosaik-text>
            `)}
            ${when(e.content, () => html `
            <mosaik-text part="content"
                         .readonly="${true}"
                         .wrap="${true}"
                         .alignment="${TextAlignment.Center}"
                         .text="${e.content}"
                         .formatter="${e.formatter}"></mosaik-text>
            `)}
            <slot></slot>
        </mosaik-stack>
        <mosaik-stack part="innerStack" .orientation="${Orientation.Horizontal}"
                      ?hidden="${!e.hasSlotContent('actions')}">
            <slot name="actions"></slot>
        </mosaik-stack>
    `;
}
//# sourceMappingURL=BusyStateElementTemplate.js.map