Reference of the framework components — DOM, tokens, events and API.
Disclosure accordion (multi/single open). ARIA expanded/controls/labelledby/region, keyboard nav (Enter/Space/Arrow),…
Combobox with built-in fetch (single + multi-select via data-multiple, removable inline chips), JSON {results:[...]},…
Floating scroll-to-top button that composes .ng-btn. Options: threshold (px/%), behavior smooth/instant, anchor target…
NG Chart. Tier 1 (SCSS): donut/gauge/bars/sparkline. Tier 2 (this JS): line/area/bar from data (data-values) with auto…
Dropdown menu with hover/click modes, top-layer (Popover API) positioning with auto flip/clamp, ARIA expanded, ESC clo…
Form enhancer: validation helpers, input state, API ngValidate/ngReset/ngSerialize, delegated password toggle (.ng-pas…
Responsive header. Moves [data-on-mobile] items into overlay below 768px and restores on desktop. Manages header menus…
Modal/dialog with backdrop, focus trap, return-focus, ARIA dialog roles.
Drawer/offcanvas universale (left/right): ESC, click backdrop, Tab focus-trap, ARIA dialog.
Anchored popover with click/hover/focus triggers, 12 placements, auto-flip, viewport clamp, portal positioning, option…
Flat range slider (single + dual-thumb): dynamic colored fill, number output, marks, ARIA, vertical (CSS), opt-in tick…
Advanced select (select2-like) as an enhancement of the native <select> — separate component, no collision with the fo…
Sidebar layout/drawer with submenu disclosure, ARIA expanded/hidden/controls, listener tracking, optional overlay.
Snackbar notifier with auto-dismiss timer, role=status + aria-live=polite for assistive tech.
Advanced table: local/remote dataset, sort, search, filters, page-size, column toggle, row selection (delegated), sub-…
Tablist with role=tab/tablist, aria-selected/controls, keyboard nav (arrows/Home/End), DOM-driven init.
Toggle disclosure for collapsibles. ARIA expanded/controls, keyboard Enter/Space, optional state persistence via ng.st…
Tooltip on hover/focus with viewport-aware positioning (auto-flip + clamp, never clipped), role=tooltip and aria-descr…
Expandable hierarchical tree (file-tree): nested nodes, caret toggle (icon override via data-expand-icon/data-collapse…
Inline alert/notice (icon, body, title, desc). Color variants, compact, dismissible.
Avatar (immagine/iniziali), dot/badge, ring, size system, avatar-group/stack.
Inline labels / counters. SCSS-only (no JS). Variants: solid · outline · soft · size sm/lg (default = medium) · shape…
Breadcrumb with separators (arrow/chevron/dot/pipe), size, interactive, boxed, truncate.
Interactive buttons. SCSS-only styling (spinner in _ng_spinner). Variants: solid · outline · soft · ghost · link · siz…
Structural card: media, head (left/right), subhead, body, section, subfoot, foot (left/center/right). Hover, compact,…
Inline chip/tag, removable variant.
Contenitore collassabile (height gestita inline dal JS).
Divisore orizzontale/verticale; half/center/dashed/dotted/with-text; varianti colore.
Empty state centrato (title + text).
Page footer: column grid (auto-fit), nav, bottom bar. Variants center/right/inline. Responsive. Scoped vars.
Wrapper for input + addons (icons, text, buttons) prepend/append, multi-addon, inherited sizes. Focus-within propagate…
Lists and list-item (media/content/action), meta-content. Variants selectable/divided/bordered/flush/hover/clickable/s…
Fullscreen loading overlay (fixed, inset:0) with blur. Variants dark and is-hidden (to hide when ready). Overridable s…
Pagination with a stable structure (fixed slots to avoid layout shift). Page list, page-size select, page/ prev/next/f…
Structural/functional container to group content into sections (settings, dashboard, filters). Opposite of the card: f…
Progress bar. Color variants via --ng-progress-fill.
Loading placeholder with shimmer. Elements line/rect/ circle, width utilities, compact variant. Container .ng-skeleton…
Circular spinner (border + rotation). Size sm/lg, center. Integration with .ng-btn / .ng-auto-disable in the is-loadin…
Steps/wizard: stili classic e bar, stati is-active/is-done, size.
Disables a button on click and adds is-loading + aria-busy. Prevents duplicate submits.
Delegated micro-behaviors: alert dismiss, chip remove, list selectable, copy-tab. Single document-level listener, disp…
Character counter enhancer for input and textarea fields, with flexible positioning and DOM-driven initialization.
Output formatter for [data-format]: number, currency, percent, date. Locale-aware via Intl. Public API: ng.formatter.f…
DOM sorter for [data-order-list]. Types: a-z, num, len (+rev). Public API: ng.matizer.sort(), ng.matizer.refresh().
State manager – dual pipeline (runtime mirror + dataset snapshot) with TTL, watch and tab sync
Theme switch via [data-theme] on <html>, persisted in localStorage + ng:theme:change event. Theme ALWAYS explicit (no…
Visual signatures that distinguish NG from the Bootstrap 5 look. Applied only to .ng-btn and .ng-badge, opt-out with .…
WebSocket singleton client: connect/emit/on with keep-alive and automatic reconnect.
