// #region Imports
import { html } from '../../../../Dom/Html.js';
import { setHost } from '../../../Directives/setHost';
// #endregion
/**
 * The template function for the FlowBoardElement.
 *
 * @param e - The FlowBoardElement instance.
 * @returns The template result.
 *
 * @public
 */
export function flowBoardElementTemplate(e) {
    return html `
        <div part="viewport">
            <div part="columns"
                 role="group"
                 ?hidden="${!setHost(e, 'has-columns', e.hasSlotContent(''))}">
                <slot @slotchange="${(x) => e.onDefaultSlotChange(x)}"></slot>
            </div>
            <div part="append"
                 ?hidden="${!setHost(e, 'has-append', e.hasSlotContent('append'))}">
                <slot name="append"></slot>
            </div>
        </div>
    `;
}
//# sourceMappingURL=FlowBoardElementTemplate.js.map