import { __decorate } from "tslib";
import { attr } from '@ni/fast-element';
import { DesignSystem } from '@ni/fast-foundation';
import { AnchorBase } from '../anchor-base';
import { styles } from './styles';
import { template } from './template';
/**
 * A nimble-styled link tab
 */
export class AnchorTab extends AnchorBase {
    constructor() {
        super(...arguments);
        /**
         * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.
         * @public
         * @remarks
         * HTML Attribute: disabled
         */
        this.disabled = false;
        /**
         * Indicates the current "selected" state of various widgets.
         * {@link https://www.w3.org/TR/wai-aria-1.1/#aria-selected}
         *
         * @public
         * @remarks
         * HTML Attribute: aria-selected
         */
        this.ariaSelected = 'false';
    }
}
__decorate([
    attr({ mode: 'boolean' })
], AnchorTab.prototype, "disabled", void 0);
__decorate([
    attr({ attribute: 'aria-selected' })
], AnchorTab.prototype, "ariaSelected", void 0);
// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.
const nimbleAnchorTab = AnchorTab.compose({
    baseName: 'anchor-tab',
    template,
    styles,
    shadowOptions: {
        delegatesFocus: true
    }
});
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTab());
export const anchorTabTag = 'nimble-anchor-tab';
//# sourceMappingURL=index.js.map