Single-tab atom · Structural slot directive marking the per-tab panel-body template · Tab-group presenter - brain of ...
common/tabs
Category
No results found
Features29#
- DirectiveCngxTabWCAG AASingle-tab atom
- DirectiveCngxTabContentWCAG AAStructural slot directive marking the per-tab panel-body template
- DirectiveCngxTabGroupPresenterWCAG AATab-group presenter - brain of every CNGX tab flow
- DirectiveCngxTabLabelWCAG AAStructural slot directive marking the per-tab label template
- DirectiveCngxTabLinkWCAG AATurns a consumer <a routerLink> into a registered {@link CngxTabHandle} inside a {@link CngxTabNav}
- DirectiveCngxTabsFragmentSyncWCAG AAURL deep-linking for tab groups
- DirectiveCngxTabsRouteSyncWCAG AARouter-outlet integration for tab groups
- TokenCNGX_TAB_GROUP_HOSTWCAG AADI token for the tab presenter's contract
- TokenCNGX_TAB_NAV_HOSTWCAG AAMarks a tab presenter as the navigation flavour rather than the tablist flavour
- TokenCNGX_TAB_PANEL_HOSTWCAG AADI token the organism provides via useExisting
- TokenCNGX_TAB_URL_MATCH_STRATEGYWCAG AASwap point for how a routed tab set decides which tab the URL belongs to
- TokenCNGX_TABS_COMMIT_ACTIONDI fallback the presenter reads when its [commitAction] input is unbound
- TokenCNGX_TABS_COMMIT_HANDLER_FACTORYDI token for the commit-handler factory
- TokenCNGX_TABS_CONFIGWCAG AADI token for the resolved tabs config
- TokenCNGX_TABS_I18NWCAG AADI token for the tabs i18n bundle
- DirectiveCngxTabOverflowItemWCAG AAStructural slot for the per-row body inside the More popover
- DirectiveCngxTabOverflowTriggerWCAG AAStructural slot for the More-button label
- TokenCNGX_DOM_ANCHOR_RETRY_FACTORYDI token for the DOM-anchor retry policy
- TokenCNGX_OVERFLOW_POPOVER_HIGHLIGHT_FACTORYDI token for the overflow popover highlight-sync policy
- TokenCNGX_TAB_OVERFLOW_DOM_ADAPTER_FACTORYDI token for the overflow molecule's DOM-resolution strategy
- TokenCNGX_DIRECTIVE_BY_ID_MAP_FACTORYDI token for the per-id directive-resolution policy
- TokenCNGX_ORGANISM_SCROLL_SYNC_FACTORYWCAG AADI token for the active-item scroll-into-view policy
- DirectiveCngxTabAddIconWCAG AAStructural slot for the add-tab button glyph
- DirectiveCngxTabBusySpinnerWCAG AAStructural slot for the busy-spinner template
- DirectiveCngxTabCloseIconWCAG AAStructural slot for a tab's close-button glyph
- DirectiveCngxTabErrorBadgeWCAG AAStructural slot for the error-badge template
- DirectiveCngxTabIconWCAG AAStructural slot for the tab-icon template
- DirectiveCngxTabRejectionIconWCAG AAStructural slot for the rejection-decoration template
- DirectiveCngxTabSubLabelWCAG AAStructural slot directive marking a tab's secondary label template
References117#
- InterfaceCngxTabCloseEventPayload of {@link CngxTabGroupHost.tabClose}
- InterfaceCngxTabDismissalsResolved dismissable/addable surface for <cngx-tab-group>
- InterfaceCngxTabDismissalsOptionsInputs to {@link createTabDismissals}
- InterfaceCngxTabGroupHostContract atoms see when they inject the presenter via {@link CNGX_TAB_GROUP_HOST}
- InterfaceCngxTabHandleRegistration handle a CngxTab atom passes to its presenter via {@link CngxTabGroupHost.register}
- InterfaceCngxTabKeyboardNavResolved keyboard surface for <cngx-tab-group> 's tablist
- InterfaceCngxTabKeyboardNavOptionsInputs to {@link createTabKeyboardNav}
- InterfaceCngxTabPanelHostRead-mostly panel-surface contract for the overflow molecule, skin sub-components, and future panel-level helpers
- InterfaceCngxTabRouterCommitOptionsOptions for {@link createTabRouterCommit}
- InterfaceCngxTabsAriaLabelsAria-label overrides for the tab-group landmark region
- InterfaceCngxTabsCommitActionSourceSource supplied through {@link CNGX_TABS_COMMIT_ACTION}
- InterfaceCngxTabsCommitHandlerAdapts the shared commit-controller to the tabs action shape
- InterfaceCngxTabsCommitHandlerOptionsOptions for {@link createTabsCommitHandler}
- InterfaceCngxTabsConfigTab-group config surface
- InterfaceCngxTabsFallbackLabelsFallback labels for derived strings (role descriptions, badge SR announcements)
- InterfaceCngxTabsTemplatesApp-wide template overrides for <cngx-tab-group> and <cngx-tab-overflow> skin regions
- InterfaceCngxTabUrlMatchResolves which registered tab the current URL belongs to
- InterfaceCngxTabUrlMatchContextEverything {@link CngxTabUrlMatch} needs to resolve the active tab
- FunctioncreateTabDismissalsHelper resolving the dismissable/addable affordances for <cngx-tab-group>
- FunctioncreateTabKeyboardNavLevel-2 helper implementing the WAI-ARIA APG tabs keyboard model for <cngx-tab-group> with automatic activation...
- FunctioncreateTabRouterCommitBuilds a {@link CngxTabsCommitAction} that gates a tab switch through @angular/router
- FunctioncreateTabsCommitHandlerWraps a {@link CngxCommitController} with the action-shape adapter that collapses Observable<boolean> / Promise...
- FunctioncreateTabUrlMatchThe two URL-matching policies [cngxTabsRouteSync] ships, dispatched on {@link CngxTabUrlMatchContext.mode}
- FunctioninjectTabsConfigInject the resolved tabs config in an injection context
- FunctionpartitionFeatures
- FunctionprimaryPathSegmentsPrimary-outlet path segments of the current URL, decoded
- FunctionprovideCngxTabsUnified aggregator for tabs configuration
- FunctionprovideCngxTabsAtComponent-scoped twin of {@link provideCngxTabs}
- FunctionprovideTabsConfigRoot-level provider
- FunctionprovideTabsConfigAtComponent-scoped override
- FunctionresolveByPrefixFind the tab that owns the current URL's subtree: the one whose resolved UrlTree is a subset of the active tree, ...
- FunctionresolveBySuffixFind the tab whose route is the trailing segment(s) of the current URL path
- FunctionresolveFeatures
- FunctionresolveI18nFeatures
- FunctionrunTabsAction
- FunctionurlTreeSegmentCountPath-segment count of a resolved UrlTree , used to rank prefix matches: /rounds/explorer outranks /rounds on a URL bo...
- FunctionwithTabAddIconTemplateApp-wide override for the add-tab button glyph
- FunctionwithTabBusySpinnerTemplateApp-wide override for the commit-pending busy-spinner overlay
- FunctionwithTabCloseIconTemplateApp-wide override for a tab's close-button glyph
- FunctionwithTabErrorBadgeTemplateApp-wide override for the error-badge decoration
- FunctionwithTabIconTemplateApp-wide override for the tab-icon slot
- FunctionwithTabOverflowItemTemplateApp-wide override for each row inside the overflow popover
- FunctionwithTabOverflowMaxDeferMsOverride the worst-case staleness ceiling on the visibility-map commit
- FunctionwithTabOverflowStabilizeMsOverride the IO-debounce window (ms)
- FunctionwithTabOverflowTriggerTemplateApp-wide override for the More-button label
- FunctionwithTabRejectionIconTemplateApp-wide override for the rejection-icon decoration
- FunctionwithTabsAddableSet the app-wide default for whether the group renders an add-tab button
- FunctionwithTabsAlignSet the app-wide default tab-cluster alignment (horizontal only)
- FunctionwithTabsAriaLabelsMerge ARIA labels into the cascade
- FunctionwithTabsClosableSet the app-wide default for whether tabs render a close affordance
- FunctionwithTabsCommitModeOverride the default commit mode for async tab transitions
- FunctionwithTabsDefaultOrientationOverride the default orientation
- FunctionwithTabsFallbackLabelsMerge text fallback labels (overflow trigger, busy / rejection text) into the cascade
- FunctionwithTabsFittedSet the app-wide default for stretching tabs to the full strip width (horizontal only)
- FunctionwithTabsFragmentSyncConfigure URL fragment / query-param deep-linking for the active tab (the {@link CngxTabsFragmentSync} directive)
- FunctionwithTabsIconLayoutSet the app-wide default icon layout for <cngx-tab-group>
- FunctionwithTabsLinkAriaCurrentSet the aria-current token [cngxTabLink] publishes while active
- FunctionwithTabsPanelModeSet the app-wide default panel render strategy for <cngx-tab-group>
- FunctionwithTabsRouteMatchForce one URL-matching mode app-wide for [cngxTabsRouteSync]
- FunctionwithTabsRovingLoopOverride whether roving-tabindex navigation loops from last back to first (and vice versa)
- FunctionwithTabsSkinSelect the app-wide default visual skin for <cngx-tab-group>
- VariableDEFAULT_SCROLL_OPTIONS
- VariableTABS_CONFIG_DEFAULTS
- VariableTABS_I18N_DEFAULTS
- VariablewithDefaultOrientation
- VariablewithTabsRouterSync
- Type AliasCngxTabAlignHorizontal alignment of the tab cluster along the strip, set via the [tabAlign] Input and reflected onto [data-tab-al...
- Type AliasCngxTabIconLayoutIcon-layout axis for <cngx-tab-group> , orthogonal to both skin and orientation
- Type AliasCngxTabMatchModeHow a tab's route is compared against the current URL
- Type AliasCngxTabsCommitActionAsync-commit action shape for tab transitions
- Type AliasCngxTabsCommitHandlerFactoryFactory signature for {@link CNGX_TABS_COMMIT_HANDLER_FACTORY}
- Type AliasCngxTabsConfigFeatureFeature signature for with* config builders
- Type AliasCngxTabsFeatureUnion of feature kinds the tabs aggregator accepts
- Type AliasCngxTabsPanelModePanel render strategy for <cngx-tab-group>
- Type AliasCngxTabsSkinSelectable visual skin for <cngx-tab-group>
- Type AliasCngxTabUrlMatchFactoryFactory shape overrides must match
- InterfaceCngxTabGroupAnnouncementsResolved bundle returned by {@link createTabGroupAnnouncements}
- InterfaceCngxTabGroupAnnouncementsOptionsInputs the announcements bundle reads from the host organism
- InterfaceCngxTabNavAnnouncementResolved bundle returned by {@link createTabNavAnnouncement}
- InterfaceCngxTabNavAnnouncementOptionsInputs the nav announcement bundle reads from its host organism
- FunctioncreateTabGroupAnnouncementsWCAG AAPure factory bundling the <cngx-tab-group> AT-announcement + descriptor surfaces
- FunctioncreateTabNavAnnouncementWCAG AALive-region content for the link-driven nav flavour: the active link's accessible label, announced only when the ...
- InterfaceCngxTabsI18nTabs i18n surface
- FunctioninjectTabsI18nInject the resolved tabs i18n bundle
- FunctionprovideTabsI18nProvider for the tabs i18n bundle
- FunctionwithTabsI18nLabelsOverride i18n labels via a partial bundle - unset keys keep the English default
- Type AliasCngxTabsI18nFeatureBranded feature-fn for {@link provideTabsI18n} and {@link provideCngxTabs}
- InterfaceCngxDomAnchorRetryHandleImperative handle returned by {@link createDomAnchorRetry}
- InterfaceCngxDomAnchorRetryOptionsConfiguration for {@link createDomAnchorRetry}
- InterfaceCngxTabOverflowDomAdapterResolves the DOM elements <cngx-tab-overflow> observes
- InterfaceCngxTabOverflowItemContextContext for the *cngxTabOverflowItem template
- InterfaceCngxTabOverflowTemplateBindingsOutput of {@link createTabOverflowTemplateBindings}
- InterfaceCngxTabOverflowTemplateBindingsOptionsInputs to {@link createTabOverflowTemplateBindings}
- InterfaceCngxTabOverflowTriggerContextContext for the *cngxTabOverflowTrigger template
- FunctioncreateCngxTabOverflowDefaultDomAdapterDefault adapter for the cngx-native <cngx-tab-group> strip: walks host.closest('.cngx-tabs__strip-wrapper&#...
- FunctioncreateDomAnchorRetryBounded retry loop for DOM-anchoring patterns - shared attempt-counter and give-up and cancellation contract
- FunctioncreateOverflowPopoverHighlightSyncWCAG AAResets the AD highlight on popover close
- FunctioncreateTabOverflowTemplateBindingsWires the 3-stage template cascade for the overflow molecule's two visible regions: per-instance directive > C...
- FunctiontabOverflowOptionIdDOM id for a hidden-tab option row in the overflow listbox
- Type AliasCngxDomAnchorRetryFactoryFactory signature for {@link CNGX_DOM_ANCHOR_RETRY_FACTORY} - matches {@link createDomAnchorRetry} for drop-in overrides
- Type AliasCngxDomAnchorRetryResultOutcome reported by an attempt callback
- Type AliasCngxOverflowPopoverHighlightSyncFactoryFactory signature for {@link CNGX_OVERFLOW_POPOVER_HIGHLIGHT_FACTORY}
- Type AliasCngxTabOverflowDomAdapterFactoryFactory signature for {@link CNGX_TAB_OVERFLOW_DOM_ADAPTER_FACTORY}
- InterfaceCngxDirectiveByIdMapOptionsOptions for {@link createDirectiveByIdMap}
- FunctioncreateDirectiveByIdMapBuild a Signal<Map<string, T>> from a Signal<readonly T[]> of directives keyed by id()
- Type AliasCngxDirectiveByIdMapFactoryFactory signature for {@link CNGX_DIRECTIVE_BY_ID_MAP_FACTORY}
- InterfaceCngxOrganismScrollSyncOptionsOptions for {@link createOrganismScrollSync}
- FunctioncreateOrganismScrollSyncWCAG AAScroll-into-view effect for any strip-based organism (tabs, stepper headers, future scrolling lists)
- Type AliasCngxOrganismScrollSyncFactoryFactory signature for {@link CNGX_ORGANISM_SCROLL_SYNC_FACTORY}
- InterfaceCngxTabBusySpinnerContextContext for the *cngxTabBusySpinner template
- InterfaceCngxTabCloseIconContextContext for the *cngxTabCloseIcon template
- InterfaceCngxTabErrorBadgeContextContext for the *cngxTabErrorBadge template
- InterfaceCngxTabGroupTemplateBindingsOutput of {@link createTabGroupTemplateBindings}
- InterfaceCngxTabGroupTemplateBindingsOptionsInputs to {@link createTabGroupTemplateBindings}
- InterfaceCngxTabIconContextContext for the *cngxTabIcon template
- InterfaceCngxTabRejectionIconContextContext for the *cngxTabRejectionIcon template
- FunctioncreateTabGroupTemplateBindingsWCAG AAWires the 3-stage template cascade for the <cngx-tab-group> skin slots (errorBadge / rejectionIcon / busySpinne...