// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `ListItemGroupElement`.
 *
 * @public
 */
export function listItemGroupElementTemplate(e) {
    return html `
        ${when(e.isSticky, () => html `
        <mosaik-sticky part="sticky">
            <slot name="header">
                <mosaik-text part="header"
                             .text="${e.header} ${e.count}"
                             .truncate="${true}"></mosaik-text>
            </slot>
            <slot></slot>
        </mosaik-sticky>
        `, () => html `
        <slot name="header">
            <mosaik-text part="header"
                         .text="${e.header} ${e.count}"
                         .truncate="${true}"></mosaik-text>
        </slot>
        <slot></slot>
        `)}
    `;
}
//# sourceMappingURL=ListItemGroupElementTemplate.js.map