Angular CDK Splitter

This tool describes a two-pane splitter concept based on Angular CDK. It focuses on the domain logic needed to implement resizable panes, including how sizes are computed, constrained, and exposed to host components. It is intended for frontend architects, library authors, and developers integrating dynamic layouts into Angular applications.

Core features are divided into required and optional aspects. Required: orientation (vertical by default), initial pane sizes, per-pane minimum and maximum sizes, and the delta calculation that updates sizes as the divider is moved. Outputs include the new sizes and a payload describing the change for downstream services. Optional: horizontal orientation, nested splitters, snap points, and persistence of pane sizes across sessions.

How it helps: it clarifies the expected behavior when a pane is resized, ensures total space consistency, and provides a reusable model for testing and documentation. Target users include UI engineers, architects, and teams adopting Angular CDK for complex layouts. The tool emphasizes the logic over rendering, making it easier to reason about layout constraints and interoperability.

Unique value: a concise, framework-specific model for resizable pane behavior, with explicit required vs optional features and a clear set of inputs and outputs that can be mapped to real components in code.