// #region Imports
import { html } from '../../../Dom/Html';
import { Icons } from '../../../Resources/Icons';
import { when } from '../../Directives/Directives';
import { Appearance } from '../../Types/Appearance';
// #endregion
/**
 * The template of the `AppHeaderElement`.
 *
 * @public
 */
export function appHeaderElementTemplate(e) {
    return html `
        <div part="root">
            ${when(e.isBusy, () => html `
            <mosaik-progress-bar part="progressBar" .isIndeterminate="${e.isBusy}"></mosaik-progress-bar>
            `)}
            <mosaik-toolbar part="toolbar"
                            .appearance="${Appearance.Plain}"
                            .dir="${e.dir}"
                            .lang="${e.lang}">
                <slot slot="start"
                      name="menu">
                    <mosaik-button part="toggle"
                                   .appearance="${'plain'}"
                                   .icon="${e.isToggled ? Icons.panelLeftCollapse : Icons.panelLeft}"></mosaik-button>
                </slot>
                <slot slot="title"
                    name="brand"></slot>
                <slot slot="end"
                    name="actions"></slot>
            </mosaik-toolbar>
        </div>
    `;
}
//# sourceMappingURL=AppHeaderElementTemplate.js.map