@hashicorp/design-system-components/declarations/components/hds/stepper/nav/step.d.ts

Helios Design System Components

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
import Component from '@glimmer/component';
import type HdsIntlService from '../../../../services/hds-intl';
import type Owner from '@ember/owner';
import { HdsStepperNavStatusesValues } from '../types.ts';
import type { HdsStepperNavPanelIds, HdsStepperNavStatuses, HdsStepperNavStepIds, HdsStepperStatuses, HdsStepperTitleTags } from '../types.ts';
export declare const MAPPING_STATUS_TO_INDICATOR_STATUS: Record<HdsStepperNavStatusesValues, import("../types.ts").HdsStepperStatusesValues>;
export interface HdsStepperNavStepSignature {
    Args: {
        currentStep: number;
        isNavInteractive?: boolean;
        titleTag?: HdsStepperTitleTags;
        stepIds?: HdsStepperNavStepIds;
        panelIds?: HdsStepperNavPanelIds;
        didInsertNode?: () => void;
        willDestroyNode?: (element: HTMLButtonElement) => void;
        onStepChange?: (event: MouseEvent, nodeIndex: number) => void;
        onKeyUp?: (nodeIndex: number, event: KeyboardEvent) => void;
    };
    Blocks: {
        title: [];
        description?: [];
    };
    Element: HTMLElement;
}
export default class HdsStepperNavStep extends Component<HdsStepperNavStepSignature> {
    readonly hdsIntl: HdsIntlService;
    private _statusSrOnlyTextMap?;
    private _stepId;
    private _elementId?;
    private _setUpStep;
    constructor(owner: Owner, args: HdsStepperNavStepSignature['Args']);
    get titleTag(): HdsStepperTitleTags;
    get isNavInteractive(): boolean;
    get nodeIndex(): number | undefined;
    get stepNumber(): number | undefined;
    get coupledPanelId(): string | undefined;
    get status(): HdsStepperNavStatuses;
    get stepIndicatorStatus(): HdsStepperStatuses;
    get statusSrOnlyText(): string;
    get isInteractive(): boolean;
    didInsertNode: (element: HTMLButtonElement) => void;
    willDestroyNode: (element: HTMLButtonElement) => void;
    onStepChange: (event: MouseEvent) => false | undefined;
    onKeyUp: (event: KeyboardEvent) => void;
    get classNames(): string;
}