// #region Imports
import { html } from '../../../../../Dom/Html';
import { styleMap, when } from '../../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link DesignerFrameElement}.
 *
 * @public
 */
export function designerFrameElementTemplate(e) {
    return html `
        <div part="surface">
            <slot></slot>
        </div>
        ${when(e.showBounds && e.bounds !== null, () => html `
            <div part="bounds"
                 style="${styleMap({ top: `${e.bounds.top}px`, right: `${e.bounds.right}px`, bottom: `${e.bounds.bottom}px`, left: `${e.bounds.left}px` })}">
            </div>
        `)}
    `;
}
//# sourceMappingURL=DesignerFrameElementTemplate.js.map