import { html, ref, ViewTemplate } from '@ni/fast-element';
import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
export const template = (context, definition) => html `
    <template
        role="treeitem"
        slot="${x => (x.isNestedItem() ? 'item' : null)}"
        tabindex="-1"
        aria-disabled="${x => x.disabled}"
        aria-selected="${x => x.selected}"
        @focusin="${(x, c) => x.handleFocus(c.event)}"
        @focusout="${(x, c) => x.handleBlur(c.event)}"
        @keydown="${(x, c) => x.keydownHandler(c.event)}"
        @click="${(x, c) => x.clickHandler(c.event)}"
    >
        <a
            class="control"
            part="control"
            tabindex="0"
            download="${x => x.download}"
            href=${x => (x.disabled ? null : x.href)}
            hreflang="${x => x.hreflang}"
            ping="${x => x.ping}"
            referrerpolicy="${x => x.referrerpolicy}"
            rel="${x => x.rel}"
            target="${x => x.target}"
            type="${x => x.type}"
            ${ref('control')}
        >
            <div class="positioning-region" part="positioning-region">
                <div class="content-region" part="content-region">
                    ${startSlotTemplate(context, definition)}
                    <span class="content" part="content">
                        <slot></slot>
                    </span>
                    ${endSlotTemplate(context, definition)}
                </div>
            </div>
        </a>
    </template>
`;
//# sourceMappingURL=template.js.map