💎 Version 1.8.0

What's New

Collapse Badges on Expand/Collapse Button

The expand/collapse toggle button now shows a numeric badge indicating how many child nodes are hidden. Badges use SVG text with correct centering so they render sharply at all sizes.

WCAG 2.1 AA Accessibility

ApexTree now ships with full WCAG 2.1 AA compliance:

• Full ARIA tree pattern (role="tree", role="treeitem", aria-expanded, aria-selected)
• Keyboard navigation: Arrow keys to move between nodes, Enter/Space to expand/collapse
• Toolbar labels with accessible names
• High-contrast focus indicators

Side Bracket Connector for Grouped Leaf Nodes

Grouped leaf nodes now support a side bracket connector style that draws a visual bracket on the side of the group.

CSS Custom Property Theming

Every visual token is now exposed as a CSS custom property, making it straightforward to apply a brand theme or dark mode without overriding internal selectors. A ready-to-use dark theme file and an interactive demo page are included.

Bug Fixes

• groupLeafNodes direction fix — nodes were rendered in the wrong order when the tree direction was set to bottom-to-top; this is now corrected.

Internal Improvements

• TypeScript strict mode — strict: true is now enabled in the tsconfig, replacing the previous individual noImplicitAny / strictNullChecks flags. All resulting type errors have been resolved.