// #region Imports
import { html } from '../../../../Dom/Html';
import { styleMap, when } from '../../../Directives/Directives';
import { Orientation } from '../../../Types/Orientation';
import { Size } from '../../../Types/Size';
import { VerticalAlignment } from '../../../Types/VerticalAlignment';
// #endregion
/**
 * The template of the {@link BottomSheetElement}.
 *
 * @public
 */
export function bottomSheetElementTemplate(e) {
    return html `
        ${when(e.hasBackdrop, () => html `
        <mosaik-backdrop part="backdrop"
                         ?hidden="${!e.isOpen}"
                         @click="${() => e.close()}"></mosaik-backdrop>
        `)}

        <div part="root"
             class="available"
             style="${styleMap({ maxHeight: e.height })}">
            <div  class="dialog-body">
                <div part="heading"
                     @mousedown="${() => { }}"
                     @touchstart="${() => { }}">
                    <div part="thumb"></div>
                    <div part="header">
                        ${when(e.icon.trim(), () => html `
                        <mosaik-icon .data="${e.icon}"
                                     .size="${Size.Large}"></mosaik-icon>
                        `)}
                        <mosaik-stack .orientation="${Orientation.Vertical}"
                                      .verticalAlignment="${VerticalAlignment.Center}">
                            <mosaik-text part="headerText"
                                         .text="${e.header}"></mosaik-text>
                        </mosaik-stack>
                    </div>
                </div>
                <div part="content">
                    ${when(e.content.trim(), () => html `
                    <mosaik-text part="contentText"
                                 .text="${e.content}"
                                 .wrap="${true}"></mosaik-text>
                    `)}
                    <slot></slot>
                </div>
            </div>
        </div>
    `;
}
//# sourceMappingURL=BottomSheetElementTemplate.js.map