CngxStepIndicatorContext

Interface

projects/common/stepper/slots/step-indicator.directive.ts

Info
API

Import#

import { CngxStepIndicatorContext } from '@cngx/common/stepper'

Description#

Context passed to the *cngxStepIndicator template. Drives the numbered / checkmark / error glyph inside each step button. The <button> shell - aria-current, aria-controls, click handler - stays library-owned.

status mirrors node.state(). busy is the presenter-derived "this step is the in-flight commit target" flag - independent of status === 'pending' (which is the aggregate landmark state).

Index#

Properties

$implicit active busy node position status

Instance Properties#

$implicit#number

Readonly

Convenience alias for position - usable as let-position shorthand.

active#boolean

Readonly

true when this step is the current activeStepId.

busy#boolean

Readonly

true when this step is the in-flight commit target.

node#CngxStepNode

Readonly

The step node carrying id / label / disabled / state signals.

position#number

Readonly

1-based position of this step in the flat step-only projection.

status#CngxStepStatus

Readonly

Live step status - drives the visual variant (idle / success / error / busy).