CngxDotStepperDotContext

Interface

projects/common/stepper/slots/dot-stepper-dot.directive.ts

Info
API

Referenced by#

Import#

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

Description#

Context passed to the *cngxDotStepperDot template. Drives the dot body inside <cngx-dot-stepper>. The <span class="cngx-dot-stepper__dot"> shell - role="img", aria-current, aria-label, class modifiers - stays library-owned; only the dot body content becomes overrideable so consumers can swap the default empty body for an icon, glyph, or branded indicator.

Smaller than CngxStepIndicatorContext on purpose - the dot stepper does not surface step status/busy state visually, so the context strips to the four fields a consumer actually needs.

Index#

Properties

$implicit active completed index node

Instance Properties#

$implicit#number

Readonly

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

active#boolean

Readonly

true when this dot represents the current active step.

completed#boolean

Readonly

true when this dot represents a completed (already-traversed) step.

index#number

Readonly

0-based position of this dot in the step-only projection.

node#CngxStepNode

Readonly

The step node carrying id / label / state signals.