import { __decorate } from "tslib";
import { attr } from '@ni/fast-element';
import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
import { uniqueId } from '@ni/fast-web-utilities';
import '@ni/nimble-components/dist/esm/icons/info-circle';
import '@ni/nimble-components/dist/esm/tooltip';
import { styles } from './styles';
import { template } from './template';
/**
 * An info trigger with an attached tooltip for lightweight contextual guidance.
 */
export class FvContextHelp extends FoundationElement {
    constructor() {
        super(...arguments);
        this.text = '';
        this.triggerLabel = 'Show help';
        this.iconVisible = false;
        /** @internal */
        this.tooltipAnchorId = uniqueId('ok-fv-context-help');
    }
}
__decorate([
    attr
], FvContextHelp.prototype, "text", void 0);
__decorate([
    attr({ attribute: 'trigger-label' })
], FvContextHelp.prototype, "triggerLabel", void 0);
__decorate([
    attr
], FvContextHelp.prototype, "severity", void 0);
__decorate([
    attr({ attribute: 'icon-visible', mode: 'boolean' })
], FvContextHelp.prototype, "iconVisible", void 0);
const okFvContextHelp = FvContextHelp.compose({
    baseName: 'fv-context-help',
    template,
    styles
});
DesignSystem.getOrCreate().withPrefix('ok').register(okFvContextHelp());
export const fvContextHelpTag = 'ok-fv-context-help';
//# sourceMappingURL=index.js.map