Reusable progress-hint atom for any stepper organism · Single-step atom · Marker directive carrying a CngxStep 's...
common/stepper
Category
No results found
Features25#
- ComponentCngxStepperCountReusable progress-hint atom for any stepper organism
- DirectiveCngxStepWCAG AASingle-step atom
- DirectiveCngxStepContentWCAG AAMarker directive carrying a CngxStep 's content template
- DirectiveCngxStepGroupWCAG AAStep-group atom
- DirectiveCngxStepLabelWCAG AAMarker directive carrying a CngxStep 's label template
- DirectiveCngxStepperCompleteWCAG AATurns any clickable element into a stepper "Finish" control
- DirectiveCngxStepperNextWCAG AATurns any clickable element into a stepper "Continue" control
- DirectiveCngxStepperPresenterWCAG AAStepper presenter - the brain of every stepper / wizard flow
- DirectiveCngxStepperPreviousWCAG AATurns any clickable element into a stepper "Back" control
- DirectiveCngxStepperRouterSyncWCAG AAURL deep-linking for the stepper
- DirectiveCngxStepperSwipeNavWCAG AARoutes a CngxSwipe gesture into the stepper presenter so the organism's mobile-collapse panels gain swipe-driven ...
- TokenCNGX_STEP_GROUP_HOSTDI token providing a CngxStepGroup 's contract to nested CngxStep atoms
- TokenCNGX_STEP_PANEL_HOSTDI token providing the rendering-surface contract to organism shells ( <cngx-stepper> , <cngx-mat-stepper>...
- TokenCNGX_STEPPER_COMMIT_HANDLER_FACTORYDI token carrying the factory the presenter uses to allocate its commit handler
- TokenCNGX_STEPPER_CONFIGWCAG AADI token for the resolved stepper config
- TokenCNGX_STEPPER_HOSTWCAG AADI token carrying the presenter's contract to atoms + organism shells
- TokenCNGX_STEPPER_I18NWCAG AADI token for the resolved stepper i18n bundle
- DirectiveCngxDotStepperDotWCAG AASlot directive for the dot-body template on <cngx-dot-stepper>
- DirectiveCngxStepBadgeWCAG AASlot directive for the error-badge template on <cngx-stepper>
- DirectiveCngxStepBusySpinnerWCAG AASlot directive for the busy-spinner template on <cngx-stepper>
- DirectiveCngxStepErrorWCAG AASlot directive for the per-step error-message template on <cngx-stepper>
- DirectiveCngxStepGroupHeaderWCAG AASlot directive for the group-header template on <cngx-stepper>
- DirectiveCngxStepIndicatorWCAG AASlot directive for the indicator-glyph template on <cngx-stepper>
- DirectiveCngxStepperEmptyWCAG AASlot directive for the empty-state placeholder on <cngx-stepper>
- DirectiveCngxStepRejectionWCAG AASlot directive for the rejection-decoration template on <cngx-stepper>
References90#
- InterfaceCngxStepContentContextContext delivered to *cngxStepContent templates
- InterfaceCngxStepGroupHostContract a CngxStep sees when it injects a parent group via {@link CNGX_STEP_GROUP_HOST}
- InterfaceCngxStepLabelContextContext delivered to *cngxStepLabel templates
- InterfaceCngxStepNodeStep-tree node
- InterfaceCngxStepPanelHostContract Level-4 organisms (and consumer-authored stepper skins) consume to render the panel body
- InterfaceCngxStepperAriaLabelsAria-label overrides for the stepper landmark region
- InterfaceCngxStepperCommitHandlerAdapter between the lifted commit-controller and the stepper's action shape
- InterfaceCngxStepperCommitHandlerOptionsOptions for {@link createStepperCommitHandler}
- InterfaceCngxStepperConfigStepper config surface
- InterfaceCngxStepperCountHostMinimal contract CngxStepperCount reads off the host
- InterfaceCngxStepperDensityBreakpointsPer-step px thresholds the density: 'auto' ladder reacts to
- InterfaceCngxStepperFallbackLabelsFallback labels for derived strings (group descriptors, badge SR announcements)
- InterfaceCngxStepperGroupNavigationViewCollapsed-group pointer-navigation view consumed by <cngx-stepper> under groupCollapse: 'expand-active'
- InterfaceCngxStepperGroupSummaryViewCollapsed-group summary view consumed by <cngx-stepper>
- InterfaceCngxStepperHostContract atoms see via {@link CNGX_STEPPER_HOST}
- InterfaceCngxStepperTemplatesPer-slot template overrides for <cngx-stepper>
- FunctioncreateElementWidthSignalTracks an element's content-box width as a reactive signal via the ResizeObserver API
- FunctioncreateMobileViewportSignalReturns a reactive Signal<boolean> that reflects whether the host window matches a CSS media query (e.g
- FunctioncreateStepperCommitHandlerBuild a stepper commit handler over an existing {@link CngxCommitController}
- FunctioncreateStepperDisplayModeResolves the active stepper display mode by combining a viewport media-query with the configured mobileCollapse policy
- FunctioncreateStepperGroupNavigationBuilds the collapsed-group pointer-navigation view
- FunctioncreateStepperGroupSummaryBuilds the collapsed-group summary view
- FunctioncreateStepperHostProxyBuilds a live delegating {@link CngxStepperHost} proxy over a supplier signal
- FunctioncreateStepperStateViewBuild the shared {@link CngxStepperStateView} over a presenter host and its step-only projection
- FunctioncreateStripDensityResolves the classic strip's density rung from its own container width against the step count and two per-step px...
- FunctioninjectStepperConfigInject the resolved stepper config in an injection context
- FunctionprovideCngxStepperUnified aggregator for the stepper family
- FunctionprovideCngxStepperAtComponent-scoped twin of {@link provideCngxStepper}
- FunctionprovideStepperConfigRoot-level provider for the stepper config
- FunctionprovideStepperConfigAtComponent-scoped config override
- FunctionresolveStepperErrorSummaryAggregate error phrase shared by the minimal skins (text / progress-bar) and the classic mobile-collapse text branch
- FunctionresolveStepperStatusLabelResolve the status-pill label for a step node against the resolved i18n bundle
- FunctionsubtreeStatsTerminal-step totals for a group's subtree; reads each step state()
- FunctionwithDotStepperDotTemplateOverride the default *cngxDotStepperDot template app-wide
- FunctionwithStepBadgeTemplateOverride the default *cngxStepBadge template app-wide
- FunctionwithStepBusySpinnerTemplateOverride the default *cngxStepBusySpinner template app-wide
- FunctionwithStepErrorTemplateOverride the default *cngxStepError template app-wide
- FunctionwithStepGroupHeaderTemplateOverride the default *cngxStepGroupHeader template app-wide
- FunctionwithStepIndicatorTemplateOverride the default *cngxStepIndicator template app-wide
- FunctionwithStepperAriaLabelsMerge ARIA labels into the cascade
- FunctionwithStepperCommitModeOverride the default commit mode for async step transitions
- FunctionwithStepperConnectorsOpt the classic <cngx-stepper> skin into the connector-rail presentation: a solid completed/upcoming rail betwe...
- FunctionwithStepperDefaultOrientationOverride the default orientation
- FunctionwithStepperDensitySet the app-wide space-driven density policy for the classic <cngx-stepper> strip
- FunctionwithStepperEmptyTemplateOverride the default *cngxStepperEmpty template app-wide
- FunctionwithStepperFallbackLabelsMerge text fallback labels (button captions, error strings) into the cascade
- FunctionwithStepperGroupCollapseSet the app-wide focus-driven group-collapse policy for grouped <cngx-stepper> flows
- FunctionwithStepperGroupCollapseSummaryChoose what a collapsed cngxStepGroup header shows beside its label under groupCollapse: 'expand-active'
- FunctionwithStepperHeaderNavigationSet the app-wide default header-navigation policy for <cngx-stepper>
- FunctionwithStepperLinearOverride the default linear-progression setting
- FunctionwithStepperMobileBreakpointOverride the media query the mobile auto-collapse policy reacts to
- FunctionwithStepperMobileCollapseConfigure the mobile auto-collapse target for <cngx-stepper>
- FunctionwithStepperMobileIndicatorPositionSet the app-wide default position of the mobile auto-collapse indicator relative to panel content
- FunctionwithStepperMobileSwipeToggle the built-in horizontal-swipe navigation on <cngx-stepper> in mobile-collapse mode
- FunctionwithStepperRouterSyncConfigure router synchronisation for the active step
- FunctionwithStepperSkinSelect the visual skin for the cngx-standard <cngx-stepper>
- FunctionwithStepRejectionTemplateOverride the default *cngxStepRejection template app-wide
- VariableEMPTY_NODES
- VariableSTEPPER_DEFAULT_DENSITY_BREAKPOINTSDefault per-step px thresholds for the density: 'auto' ladder
- VariableSTEPPER_DEFAULT_MOBILE_BREAKPOINTDefault media query the mobile auto-collapse policy reacts to
- Type AliasCngxStepperCommitActionAsync-commit action for stepper transitions
- Type AliasCngxStepperCommitHandlerFactoryFactory signature for {@link CngxStepperCommitHandler}
- Type AliasCngxStepperConfigFeatureFeature signature - each with* builder reduces over the config
- Type AliasCngxStepperDensitySpace-driven density policy for the classic <cngx-stepper> strip
- Type AliasCngxStepperFeatureUnion of every feature kind {@link provideCngxStepper} accepts
- Type AliasCngxStepperGroupCollapseFocus-driven group-collapse policy for grouped <cngx-stepper> flows
- Type AliasCngxStepperGroupSummaryWhat a collapsed cngxStepGroup header shows next to its label under groupCollapse: 'expand-active'
- Type AliasCngxStepperHeaderNavigationHeader-navigation policy for <cngx-stepper>
- Type AliasCngxStepperMobileCollapseMobile auto-collapse target
- Type AliasCngxStepperMobileIndicatorPositionWhere the mobile auto-collapse indicator (text caption or dot row) sits relative to the active step's panel conte...
- Type AliasCngxStepperSkinSelectable visual skin for the cngx-standard stepper
- Type AliasCngxStepStatusStatus enum for a single step
- Type AliasCngxStripDensityResolved density rung for the classic <cngx-stepper> strip
- InterfaceCngxStepperI18nStepper i18n surface
- InterfaceCngxStepperStatusLabelsStatus-pill labels used by the stripe-status-rich skin (and any future skin / variant that surfaces a per-step status...
- FunctioninjectStepperI18nInject the resolved stepper i18n bundle in an injection context
- FunctionprovideStepperI18nProvider for the stepper i18n bundle
- FunctionwithStepperI18nLabelsOverride stepper i18n labels
- Type AliasCngxStepperI18nFeatureFeature shape consumed by {@link provideStepperI18n} and {@link provideCngxStepper}
- Type AliasCngxStepperI18nOverridesPartial-override shape for {@link withStepperI18nLabels}
- InterfaceCngxDotStepperDotContextContext passed to the *cngxDotStepperDot template
- InterfaceCngxStepBadgeContextContext passed to the *cngxStepBadge template
- InterfaceCngxStepBusySpinnerContextContext passed to the *cngxStepBusySpinner template
- InterfaceCngxStepErrorContextContext passed to the *cngxStepError template
- InterfaceCngxStepGroupHeaderContextContext passed to the *cngxStepGroupHeader template
- InterfaceCngxStepIndicatorContextContext passed to the *cngxStepIndicator template
- InterfaceCngxStepperTemplateBindingsOutput of {@link createStepperTemplateBindings}
- InterfaceCngxStepperTemplateBindingsOptionsInputs to {@link createStepperTemplateBindings}
- InterfaceCngxStepRejectionContextContext passed to the *cngxStepRejection template
- FunctioncreateStepperTemplateBindingsWires the 3-stage template cascade for the <cngx-stepper> skin slots: per-instance directive > CNGX_STEPPER_...