// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
// #endregion
/**
 * The template of the `PortalProjectionElement`.
 *
 * @public
 */
export function portalProjectionElementTemplate(e) {
    return html `
        ${when(e.hasBackdrop, () => html `
        <mosaik-backdrop part="backdrop"
                         ?hidden="${!e.isOpen}"
                         @click="${() => e.close()}"></mosaik-backdrop>
        `)}
        <slot></slot>
    `;
}
//# sourceMappingURL=PortalProjectionElementTemplate.js.map