import { children, html, slotted } from '@ni/fast-element';
export const template = () => html `
    <template
        slot="${x => {
    if (x.slot) {
        return x.slot;
    }
    return x.isNestedMenu() ? 'submenu' : undefined;
}}"
        role="menu"
        @keydown="${(x, c) => x.handleMenuKeyDown(c.event)}"
        @focusout="${(x, c) => x.handleFocusOut(c.event)}"
        ${children({ property: 'itemIcons', subtree: true, attributeFilter: ['slot'], selector: ':scope > * > [slot="start"]' })}
    >
        <slot ${slotted('items')}></slot>
    </template>
`;
//# sourceMappingURL=template.js.map