Declarative, skinnable pagination organism · Alphabetical / category chips: a role="group" toggle strip ove...
ui/paginator
Category
No results found
Features21#
- ComponentCngxPaginatorWCAG AADeclarative, skinnable pagination organism
- ComponentCngxPaginatorAlphaWCAG AAAlphabetical / category chips: a role="group" toggle strip over the {@link CngxBucketPaginate} range model
- ComponentCngxPaginatorDotsWCAG AAThe dots indicator: one circular <button> per page inside a clipped viewport track
- ComponentCngxPaginatorFirstWCAG AAFirst-page segment
- ComponentCngxPaginatorGotoWCAG AAGo-to-page segment: a native <input type="number">
- ComponentCngxPaginatorInfiniteWCAG AAInfinite-scroll segment: a bottom-of-list sentinel that auto-advances the page as it scrolls into view, composing Cng...
- ComponentCngxPaginatorLastWCAG AALast-page segment
- ComponentCngxPaginatorLoadMoreWCAG AALoad-more segment: an append-don't-replace trigger over the same brain
- ComponentCngxPaginatorNextWCAG AANext-page segment
- ComponentCngxPaginatorPageOfPagesWCAG AAPage-of-pages segment
- ComponentCngxPaginatorPagesWCAG AAThe numbered page row
- ComponentCngxPaginatorPageSizeWCAG AAItems-per-page segment
- ComponentCngxPaginatorPrevWCAG AAPrevious-page segment
- ComponentCngxPaginatorRailWCAG AAProgress-rail segment: a horizontal rail whose fill tracks the current page position, with an overlaid knob riding th...
- ComponentCngxPaginatorRangeWCAG AARange-readout segment: renders start-end of total for the current page
- ComponentCngxPaginatorStatusWCAG AAPage-status readout: renders "Page n of m" for the current page
- DirectiveCngxPaginatorLoadingWCAG AAOverrides the paginator's built-in busy indicator
- TokenCNGX_PAGINATOR_ANNOUNCER_FACTORYSwap token for the live-region announcer derivation
- TokenCNGX_PAGINATOR_CONFIGConfiguration cascade token
- TokenCNGX_PAGINATOR_HOSTWCAG AADI token the CngxPaginator shell provides via useExisting
- TokenCNGX_PAGINATOR_PAGE_WINDOW_FACTORYSwap token for the page-row truncation algorithm
References45#
- InterfaceAnnouncerSourceWhat the announcer is reacting to, sampled together so transitions are atomic
- InterfaceCngxPaginatorAnnouncementsLive-region announcement phrasing
- InterfaceCngxPaginatorAnnouncerReactive announcement source for the paginator live region
- InterfaceCngxPaginatorAriaLabelsAccessible-name strings for the paginator landmark and its segment parts
- InterfaceCngxPaginatorConfigResolved paginator configuration
- InterfaceCngxPaginatorFormatsDisplay-text formatters for the data-readout segments
- InterfaceCngxPaginatorHostRead-mostly state-and-navigation contract every paginator segment part injects instead of the concrete CngxPaginator ...
- InterfaceCngxPaginatorTemplatesApplication-wide template-slot defaults
- InterfaceDot
- InterfaceDotModel
- InterfaceNavCore
- InterfaceNavCoreOptions
- InterfacePageWindowThe rendered sequence plus the gap count (a cheap structural fingerprint)
- FunctionapplyFeaturesReduce a feature list onto a base config, merging each sub-tree in isolation
- FunctionbuildDotsBuild the full dot sequence plus the viewport anchor
- FunctioncreatePaginatorAnnouncerBuilds the paginator live-region message as a single derived signal - no class logic baked into the shell, so the ski...
- FunctioncreatePaginatorNavCoreShared nav-button glue
- FunctiondotsEqual
- FunctioninjectPaginatorConfigConvenience accessor for the paginator configuration
- FunctionpageWindowCompute the windowed page sequence around current for total pages
- FunctionpageWindowEqualStructural equality for two page windows
- FunctionprovideCngxPaginatorConfigApplication-root configuration cascade for the paginator
- FunctionprovideCngxPaginatorConfigAtComponent-scoped paginator configuration override
- Functionrange
- FunctionwithPaginatorAnnouncementsOverride any subset of the paginator live-region announcement phrasing
- FunctionwithPaginatorAriaLabelsOverride any subset of the paginator accessible-name strings
- FunctionwithPaginatorPageSizeOptionsSupply the default items-per-page choices for the cngx-pgn-page-size dropdown app-wide
- FunctionwithPaginatorPageStatusFormatOverride the page-status format
- FunctionwithPaginatorRangeFormatOverride the range-readout format
- FunctionwithPaginatorTemplatesSupply application-wide template-slot defaults for the paginator
- VariableCNGX_PAGINATOR_DEFAULTSLibrary defaults - English
- VariableCNGX_PAGINATOR_GLYPHSDefault text glyphs for the paginator segments
- VariablecreatePaginatorPageWindowDefault page-window factory
- VariableHALFPages flanking the centred current page inside the viewport
- VariableNAV_TEMPLATE
- VariableVISIBLEVisible dot count in the viewport before the track scrolls
- Type AliasCngxPaginatorAnnouncerFactoryThe shape an override must match to swap the announcer derivation
- Type AliasCngxPaginatorConfigFeatureA single configuration override produced by a with* feature factory
- Type AliasCngxPaginatorDensityDensity preset
- Type AliasCngxPaginatorPageWindowFactoryThe shape an override must match to swap the page-window computation
- Type AliasCngxPaginatorPageWindowFnThe page-window computation cngx-pgn-pages calls per recompute: given the current 0-based page, the total page count,...
- Type AliasCngxPaginatorSkinVisual skin
- Type AliasDotSizeResting size tier of a rendered dot
- Type AliasNavAriaKeyConfig keys the four nav segments label their button with
- Type AliasPageItemOne slot in the rendered page row: a page button or a truncation gap