// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `ChatElement`.
 *
 * @public
 */
export function chatElementTemplate(e) {
    return html `
        <slot name="header"></slot>
        <div part="messagesWrapper">
            <mosaik-scroll part="scroll"
                           .orientation="${'vertical'}">
                <div part="messages">
                    <slot name="message"></slot>
                    ${when(e.scrollToEnd, () => html `
                        <mosaik-back-top part="backTop"
                                         .dir="${e.dir}"
                                         .lang="${e.lang}"
                                         .to="${'bottom'}"></mosaik-back-top>
                    `)}
                </div>
            </mosaik-scroll>
        </div>
        <div part="empty">
            <slot name="empty"></slot>
        </div>
        <div part="footer">
            <slot name="input"></slot>
        </div>
    `;
}
//# sourceMappingURL=ChatElementTemplate.js.map