// #region Imports
import { html } from '../../../../../Dom/Html';
import { styleMap } from '../../../../Directives/Directives';
// #endregion
/**
 * The template of the {@link DesignerCanvasElement}.
 *
 * @public
 */
export function designerCanvasElementTemplate(e) {
    return html `
        <div part="viewport">
            <div part="transform"
                 style="${styleMap({ transform: `translate(${e.panX * e.zoom}px, ${e.panY * e.zoom}px) scale(${e.zoom})` })}">
                <slot></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=DesignerCanvasElementTemplate.js.map