StencilJS v4.22 lazy-loading chunk control for paginated virtual lists

Goal

Implement bounded query pagination for a large dataset using StencilJS lazy‑loaded components.

Constraints

Stencil automatically splits each component into its own chunk, but there is no documented API to adjust chunk size or prefetch chunks for virtualized lists. Hydration occurs asynchronously, causing layout shifts if placeholders aren't sized. Shadow DOM encapsulation complicates measurement for virtual scrolling. SSR requires explicit hydration scripts, adding latency.

Questions

1. What compiler or runtime options in v4.22 allow developers to influence lazy chunk granularity for list‑item components?
2. How does the hydratedFlag interact with lazily loaded children when only a subset of pages is rendered?
3. Is there a recommended pattern to prefetch upcoming page chunks without triggering full hydration?