Stat Card / KPI Card

Stat and KPI cards display high-impact metrics, indicators, and trends across dashboards using [data-ln-stat-card]. When connected to reactive data, inline numbers carry data-ln-stat="storeName" (with optional criteria such as data-ln-stat-filter="status:active"). On boot, the element dispatches an ln-stat:request-count event that bubbles to the nearest ln-data-coordinator.

When the coordinator resolves or updates the record count in the bound store, it emits ln-stat:set-count, updating the card's textContent and clearing any loading states. The stat element holds zero internal cache, staying perfectly in sync with the underlying data store through standard DOM events.