// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `TimelineMarkerElement`.
 *
 * @public
 */
export function timelineMarkerElementTemplate(e) {
    return html `
        <slot>
            <mosaik-pip part="pip"
                        .lang="${e.lang}"
                        .dir="${e.dir}"
                        .text="${e.text}"
                        .icon="${e.icon}"
                        .iconSize="${e.iconSize}"
                        .size="${e.size}"
                        .variant="${e.variant}"
                        .appearance="${e.appearance}"
                        ?disabled="${e.disabled}"></mosaik-pip>
        </slot>
        ${when(e.isBusy, () => html `
        <mosaik-progress-ring part="progressRing"
                              .lang="${e.lang}"
                              .dir="${e.dir}"
                              .radius="${'12px'}"
                              .variant="${e.variant}"
                              .isIndeterminate="${true}"
                              ?disabled="${e.disabled}"></mosaik-progress-ring>
        `)}
    `;
}
//# sourceMappingURL=TimelineMarkerElementTemplate.js.map