// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `AvatarGroupElement`.
 *
 * @public
 */
export function avatarGroupElementTemplate(e) {
    return html `
        <slot @slotchange="${(x) => e.onSlotChange(x)}"></slot>
        ${when(e.hasOverflow, () => html `
        <slot name="overflow">
            <mosaik-avatar part="overflow"
                           .size="${e.size}"
                           .variant="${e.variant}"
                           .appearance="${e.appearance}"
                           .text="${`+${e.overflowLength}`}"
                           .disabled="${e.disabled}"></mosaik-avatar>
        </slot>
        `)}
    `;
}
//# sourceMappingURL=AvatarGroupElementTemplate.js.map