import { html, ref, slotted } from '@ni/fast-element';
export const template = html `
    <template>
        <dialog
            ${ref('dialogElement')}
            role="dialog"
            part="control"
            @cancel="${(x, c) => x.cancelHandler(c.event)}"
            @close="${(x, c) => x.closeHandler(c.event)}"
            aria-labelledby="header"
            closedby="${x => (x.preventDismiss ? 'none' : 'closerequest')}"
        >
            <header id="header">
                <div class="title">
                    <slot name="title"></slot>
                </div>
                <div class="subtitle">
                    <slot name="subtitle"></slot>
                </div>
            </header>
            <section>
                <slot></slot>
            </section>
            <footer class="${x => (x.footerIsEmpty ? 'empty' : '')}">
                <slot
                    name="footer"
                    ${slotted({ property: 'slottedFooterElements' })}
                ></slot>
            </footer>
        </dialog>
    </template>
`;
//# sourceMappingURL=template.js.map