@symbiote-native/angular 3.3.0 → 3.4.0

package/build/angular/components/virtualized-list/list-bags.js

@@ -1,8 +1,8 @@
 // The prop bags the list writes onto its scroll tag and refresh control, with the native callbacks
 // that feed them, kept apart from the windowing lifecycle of the component
 import { Directive, computed, signal } from '@angular/core';
-import { LIST_ACTION_KIND, readLayoutLength, readScrollOffset, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { dlog, } from '@symbiote-native/engine';
+import { createListHandlers, resolveAccessibilityProps, } from '@symbiote-native/components';
+import {} from '@symbiote-native/engine';
 import { countAngular } from '../../diagnostics';
 import { VirtualizedListHandleBase } from './list-handle';
 import * as i0 from "@angular/core";
@@ -14,6 +14,18 @@ export class VirtualizedListBagsBase extends VirtualizedListHandleBase {
         this.resolvedMaintainVisibleContentPosition = undefined;
         // A fresh object per push, so the commit re-applies a repeated offset
         this.commandedOffset = undefined;
+        // Reads of `this` are deferred to the event, so the inputs are set by the time they run
+        this.listHandlers = createListHandlers({
+            isHorizontal: () => this.isHorizontal,
+            user: () => this,
+            nesting: () => this.nesting,
+            dispatch: action => this.dispatch(action),
+            clearCommandedOffset: () => {
+                this.commandedOffset = undefined;
+            },
+            getNode: () => this.scrollNode,
+            keyFor: index => this.keyFor(index),
+        });
         // Only inputs may feed this signal, window state changes skip `ngOnChanges`
         this.inputsRevision = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "inputsRevision" }] : /* istanbul ignore next */ []));
@@ -30,21 +42,10 @@ export class VirtualizedListBagsBase extends VirtualizedListHandleBase {
         // `onScroll` stays a callback so an `Animated.event` target can flow through it
         this.onScrollTick = (event) => {
             countAngular('scrollTicks');
-            const offset = readScrollOffset(event, this.isHorizontal);
-            if (offset === undefined)
-                return;
-            dlog(`Angular VirtualizedList onScroll offset=${offset}`);
-            // A real native scroll supersedes any pending commanded offset
-            this.commandedOffset = undefined;
-            this.dispatch({ kind: LIST_ACTION_KIND.scroll, offset });
-            this.onScroll?.(event);
+            this.listHandlers.onScroll(event);
         };
         this.onLayoutTick = (event) => {
-            const length = readLayoutLength(event, this.isHorizontal);
-            if (length === undefined)
-                return;
-            dlog(`Angular VirtualizedList onLayout viewport=${length}`);
-            this.dispatch({ kind: LIST_ACTION_KIND.layout, length });
+            this.listHandlers.onViewportLayout(event);
         };
         this.handleRefresh = () => {
             this.refresh.emit();
@@ -77,15 +78,18 @@ export class VirtualizedListBagsBase extends VirtualizedListHandleBase {
             contentContainerStyle: this.resolvedContentContainerStyle,
             onScroll: this.onScrollTick,
             onLayout: this.onLayoutTick,
-            onScrollBeginDrag: this.onScrollBeginDrag,
-            onScrollEndDrag: this.onScrollEndDrag,
-            onMomentumScrollBegin: this.onMomentumScrollBegin,
-            onMomentumScrollEnd: this.onMomentumScrollEnd,
+            onScrollBeginDrag: this.listHandlers.onScrollBeginDrag,
+            onScrollEndDrag: this.listHandlers.onScrollEndDrag,
+            onMomentumScrollBegin: this.listHandlers.onMomentumScrollBegin,
+            onMomentumScrollEnd: this.listHandlers.onMomentumScrollEnd,
+            onContentSizeChange: this.listHandlers.onContentSizeChange,
             scrollEventThrottle: this.scrollEventThrottle,
             keyboardShouldPersistTaps: this.keyboardShouldPersistTaps,
             keyboardDismissMode: this.keyboardDismissMode,
             removeClippedSubviews: this.removeClippedSubviews,
             nestedScrollEnabled: this.nestedScrollEnabled,
+            stickyHeaderHiddenOnScroll: this.stickyHeaderHiddenOnScroll,
+            innerViewRef: this.innerViewRef,
             // Android moves the scrollbar back after the `scale: -1` flip
             isInvertedVirtualizedList: this.isInverted ? true : undefined,
             contentOffset: this.commandedOffset,
@@ -111,6 +115,14 @@ export class VirtualizedListBagsBase extends VirtualizedListHandleBase {
             onRefresh: this.handleRefresh,
         };
     }
+    // The list above scrolls, so RN renders a `View` with no content container
+    nestedViewBag() {
+        return {
+            ...this.foldedAccessibility(),
+            style: this.resolvedStyle,
+            onLayout: this.onLayoutTick,
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedListBagsBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VirtualizedListBagsBase, isStandalone: true, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }

package/build/angular/components/virtualized-list/list-bags.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-bags.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-bags.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-bags.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-bags.ts"],"names":[],"mappings":"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"}

package/build/angular/components/virtualized-list/list-effects.d.ts

@@ -19,13 +19,13 @@ export type IEffectHost<ItemT> = {
 };
 export declare class ListEffectRunner<ItemT> {
     private readonly host;
-    private viewableTimer;
+    private readonly viewableTimers;
     private batchTimer;
     constructor(host: IEffectHost<ItemT>);
     run(effects: IListEffect<ItemT>[], inputs: IListReducerInputs<ItemT>): void;
     dispose(): void;
     private runOne;
     private scheduleRefill;
-    private fireViewable;
+    private scheduleViewable;
 }
 export {};

package/build/angular/components/virtualized-list/list-effects.js

@@ -1,10 +1,11 @@
 // Runs the effects the shared list reducer hands back: scrolls, edge events and the two timers the
 // reducer only knows a delay for (the incremental fill and the viewability debounce)
-import { EMPTY_OFFSET, LIST_ACTION_KIND, LIST_EFFECT_KIND, } from '@symbiote-native/components';
+import { LIST_ACTION_KIND, LIST_EFFECT_KIND, } from '@symbiote-native/components';
 export class ListEffectRunner {
     constructor(host) {
         this.host = host;
-        this.viewableTimer = null;
+        // RN never cancels a `minimumViewTime` timer, each one comes due and the reducer filters it
+        this.viewableTimers = new Set();
         this.batchTimer = null;
     }
     run(effects, inputs) {
@@ -12,8 +13,9 @@ export class ListEffectRunner {
             this.runOne(effect, inputs);
     }
     dispose() {
-        if (this.viewableTimer !== null)
-            clearTimeout(this.viewableTimer);
+        for (const timer of this.viewableTimers)
+            clearTimeout(timer);
+        this.viewableTimers.clear();
         if (this.batchTimer !== null)
             clearTimeout(this.batchTimer);
     }
@@ -41,7 +43,10 @@ export class ListEffectRunner {
                 this.scheduleRefill(effect.delay);
                 break;
             case LIST_EFFECT_KIND.fireViewable:
-                this.fireViewable(effect, inputs);
+                inputs.viewabilityPairs[effect.pairIndex]?.onViewableItemsChanged(effect.info);
+                break;
+            case LIST_EFFECT_KIND.scheduleViewable:
+                this.scheduleViewable(effect);
                 break;
         }
     }
@@ -53,31 +58,16 @@ export class ListEffectRunner {
             this.host.dispatch({ kind: LIST_ACTION_KIND.batchTick });
         }, delay);
     }
-    fireViewable(effect, inputs) {
-        const fire = () => {
-            for (const pair of inputs.viewabilityPairs) {
-                pair.onViewableItemsChanged({
-                    ...effect.info,
-                    viewabilityConfig: pair.viewabilityConfig,
-                });
-            }
+    scheduleViewable(effect) {
+        const timer = setTimeout(() => {
+            this.viewableTimers.delete(timer);
             this.host.dispatch({
-                kind: LIST_ACTION_KIND.viewableFired,
-                map: effect.map,
+                kind: LIST_ACTION_KIND.viewableDue,
+                pairIndex: effect.pairIndex,
+                indices: effect.indices,
             });
-        };
-        if (this.viewableTimer !== null) {
-            clearTimeout(this.viewableTimer);
-            this.viewableTimer = null;
-        }
-        if (effect.delay <= EMPTY_OFFSET) {
-            fire();
-            return;
-        }
-        this.viewableTimer = setTimeout(() => {
-            this.viewableTimer = null;
-            fire();
         }, effect.delay);
+        this.viewableTimers.add(timer);
     }
 }
 //# sourceMappingURL=list-effects.js.map

package/build/angular/components/virtualized-list/list-effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-effects.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-effects.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-effects.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-effects.ts"],"names":[],"mappings":"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"}

package/build/angular/components/virtualized-list/list-handle.d.ts

@@ -25,11 +25,14 @@ export declare abstract class VirtualizedListHandleBase<ItemT> extends Virtualiz
         animated?: boolean;
     }): void;
     flashScrollIndicators(): void;
-    getNativeScrollRef(): IScrollViewHandle | null;
+    private handleOrNull;
+    getNativeScrollRef(): ISymbioteNode | null;
     getScrollableNode(): IScrollViewHandle | null;
     getScrollResponder(): IScrollViewHandle | null;
     getScrollNode(): ISymbioteNode | null;
+    getScrollRef(): ISymbioteNode | null;
     recordInteraction(): void;
+    setNativeProps(props: Record<string, unknown>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualizedListHandleBase<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<VirtualizedListHandleBase<any>, never, never, {}, {}, never, never, true, never>;
 }

package/build/angular/components/virtualized-list/list-handle.js

@@ -37,21 +37,31 @@ export class VirtualizedListHandleBase extends VirtualizedListInputs {
     flashScrollIndicators() {
         this.scrollHandle.flashScrollIndicators();
     }
+    // Null until the scroll tag commits, RN's "no scroll view yet" answer
+    handleOrNull() {
+        return this.scrollNode === null ? null : this.scrollHandle;
+    }
     getNativeScrollRef() {
-        return this.scrollNode !== null ? this.scrollHandle : null;
+        return this.scrollHandle.getScrollNode();
     }
     getScrollableNode() {
-        return this.scrollNode !== null ? this.scrollHandle : null;
+        return this.handleOrNull();
     }
     getScrollResponder() {
-        return this.scrollNode !== null ? this.scrollHandle : null;
+        return this.handleOrNull();
     }
     getScrollNode() {
         return this.scrollHandle.getScrollNode();
     }
+    getScrollRef() {
+        return this.scrollHandle.getScrollNode();
+    }
     recordInteraction() {
         this.dispatch({ kind: LIST_ACTION_KIND.recordInteraction });
     }
+    setNativeProps(props) {
+        this.scrollNode?.setNativeProps(props);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedListHandleBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VirtualizedListHandleBase, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }

package/build/angular/components/virtualized-list/list-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-handle.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-handle.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,GAIjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;;AAGtD,MAAM,OAAgB,yBACpB,SAAQ,qBAA4B;IASpC,cAAc,CAAC,MAA8C;QAC3D,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,cAAc;YACrC,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;SAClC,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,MAKb;QACC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,aAAa;YACpC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;YACjC,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,WAAW;YAChD,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,YAAY;SAC9C,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,MAIZ;QACC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,YAAY;YACnC,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;YACjC,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,WAAW;SACjD,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,MAA+B;QACzC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,WAAW;YAClC,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI;SACnC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAC5C,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC9D,CAAC;8GA3EmB,yBAAyB;kGAAzB,yBAAyB;;2FAAzB,yBAAyB;kBAD9C,SAAS"}
+{"version":3,"file":"list-handle.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-handle.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,WAAW,EACX,gBAAgB,GAIjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;;AAGtD,MAAM,OAAgB,yBACpB,SAAQ,qBAA4B;IASpC,cAAc,CAAC,MAA8C;QAC3D,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,cAAc;YACrC,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;SAClC,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,MAKb;QACC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,aAAa;YACpC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;YACjC,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,WAAW;YAChD,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,YAAY;SAC9C,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,MAIZ;QACC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,YAAY;YACnC,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI;YACjC,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,WAAW;SACjD,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,MAA+B;QACzC,IAAI,CAAC,QAAQ,CAAC;YACZ,IAAI,EAAE,gBAAgB,CAAC,WAAW;YAClC,QAAQ,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI;SACnC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;IAC5C,CAAC;IAED,sEAAsE;IAC9D,YAAY;QAClB,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IAC7D,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IAC3C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,cAAc,CAAC,KAA8B;QAC3C,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;8GAxFmB,yBAAyB;kGAAzB,yBAAyB;;2FAAzB,yBAAyB;kBAD9C,SAAS"}

package/build/angular/components/virtualized-list/list-inputs.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { type IViewabilityConfig, type IViewabilityConfigCallbackPair, type IViewableItemsChangedInfo } from '@symbiote-native/components';
+import { EventEmitter, TemplateRef, type Type } from '@angular/core';
+import { type IInnerViewRef, type IViewabilityConfig, type IViewabilityConfigCallbackPair, type IViewableItemsChangedInfo } from '@symbiote-native/components';
 import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
-import { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, type IVListItemContext, type IVListSeparatorContext } from './directives';
+import { VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, type IVListCellContext, type IVListItemContext, type IVListSeparatorContext } from './directives';
 import { ListEventsBase } from './list-events';
 import * as i0 from "@angular/core";
 export declare abstract class ListInputsBase<ItemT> extends ListEventsBase {
@@ -31,6 +31,7 @@ export declare abstract class ListInputsBase<ItemT> extends ListEventsBase {
     maxToRenderPerBatch?: number;
     updateCellsBatchingPeriod?: number;
     windowSize?: number;
+    disableVirtualization?: boolean;
     stickyHeaderIndices?: number[];
     maintainVisibleContentPosition?: {
         minIndexForVisible: number;
@@ -41,28 +42,38 @@ export declare abstract class ListInputsBase<ItemT> extends ListEventsBase {
     onScrollEndDrag?: (event: ISymbioteEvent) => void;
     onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
     onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
+    onContentSizeChange?: (width: number, height: number) => void;
     scrollEventThrottle?: number;
     keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
     keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
     removeClippedSubviews?: boolean;
     nestedScrollEnabled?: boolean;
+    stickyHeaderHiddenOnScroll?: boolean;
+    innerViewRef?: IInnerViewRef;
     style?: IStyleProp<IViewStyle>;
     contentContainerStyle?: IStyleProp<IViewStyle>;
+    listHeaderComponentStyle?: IStyleProp<IViewStyle>;
+    listFooterComponentStyle?: IStyleProp<IViewStyle>;
     testID?: string;
     nativeID?: string;
+    listItemComponent?: Type<unknown>;
     itemDir?: VListItemDirective<ItemT>;
     headerDir?: VListHeaderDirective;
     footerDir?: VListFooterDirective;
     emptyDir?: VListEmptyDirective;
     separatorDir?: VListSeparatorDirective<ItemT>;
+    cellDir?: VListCellDirective;
     get isHorizontal(): boolean;
+    get cellRendererTpl(): TemplateRef<IVListCellContext> | undefined;
+    get itemComponent(): Type<unknown> | undefined;
+    protected get hasItemTemplate(): boolean;
     protected get isInverted(): boolean;
     protected get windowSizeValue(): number;
     protected get initialNumToRenderValue(): number;
     protected get maxToRenderPerBatchValue(): number;
     protected get updateCellsBatchingPeriodValue(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListInputsBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ListInputsBase<any>, never, never, { "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "extraData": { "alias": "extraData"; "required": false; }; "onEndReachedThreshold": { "alias": "onEndReachedThreshold"; "required": false; }; "onStartReachedThreshold": { "alias": "onStartReachedThreshold"; "required": false; }; "refreshing": { "alias": "refreshing"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "viewabilityConfig": { "alias": "viewabilityConfig"; "required": false; }; "viewabilityConfigCallbackPairs": { "alias": "viewabilityConfigCallbackPairs"; "required": false; }; "initialNumToRender": { "alias": "initialNumToRender"; "required": false; }; "initialScrollIndex": { "alias": "initialScrollIndex"; "required": false; }; "maxToRenderPerBatch": { "alias": "maxToRenderPerBatch"; "required": false; }; "updateCellsBatchingPeriod": { "alias": "updateCellsBatchingPeriod"; "required": false; }; "windowSize": { "alias": "windowSize"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; }, { "viewableItemsChanged": "viewableItemsChanged"; "scrollToIndexFailed": "scrollToIndexFailed"; }, ["itemDir", "headerDir", "footerDir", "emptyDir", "separatorDir"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListInputsBase<any>, never, never, { "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "extraData": { "alias": "extraData"; "required": false; }; "onEndReachedThreshold": { "alias": "onEndReachedThreshold"; "required": false; }; "onStartReachedThreshold": { "alias": "onStartReachedThreshold"; "required": false; }; "refreshing": { "alias": "refreshing"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "viewabilityConfig": { "alias": "viewabilityConfig"; "required": false; }; "viewabilityConfigCallbackPairs": { "alias": "viewabilityConfigCallbackPairs"; "required": false; }; "initialNumToRender": { "alias": "initialNumToRender"; "required": false; }; "initialScrollIndex": { "alias": "initialScrollIndex"; "required": false; }; "maxToRenderPerBatch": { "alias": "maxToRenderPerBatch"; "required": false; }; "updateCellsBatchingPeriod": { "alias": "updateCellsBatchingPeriod"; "required": false; }; "windowSize": { "alias": "windowSize"; "required": false; }; "disableVirtualization": { "alias": "disableVirtualization"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "onContentSizeChange": { "alias": "onContentSizeChange"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "stickyHeaderHiddenOnScroll": { "alias": "stickyHeaderHiddenOnScroll"; "required": false; }; "innerViewRef": { "alias": "innerViewRef"; "required": false; }; "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "listHeaderComponentStyle": { "alias": "listHeaderComponentStyle"; "required": false; }; "listFooterComponentStyle": { "alias": "listFooterComponentStyle"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "listItemComponent": { "alias": "listItemComponent"; "required": false; }; }, { "viewableItemsChanged": "viewableItemsChanged"; "scrollToIndexFailed": "scrollToIndexFailed"; }, ["itemDir", "headerDir", "footerDir", "emptyDir", "separatorDir", "cellDir"], never, true, never>;
 }
 export declare abstract class VirtualizedListInputs<ItemT> extends ListInputsBase<ItemT> {
     data: unknown;
@@ -71,8 +82,11 @@ export declare abstract class VirtualizedListInputs<ItemT> extends ListInputsBas
     refreshRequested?: boolean;
     itemTemplate?: TemplateRef<IVListItemContext<ItemT>>;
     itemSeparatorTemplate?: TemplateRef<IVListSeparatorContext<ItemT>>;
+    cellRendererTemplate?: TemplateRef<IVListCellContext>;
+    get cellRendererTpl(): TemplateRef<IVListCellContext> | undefined;
     get cellTemplate(): TemplateRef<IVListItemContext<ItemT>> | undefined;
+    protected get hasItemTemplate(): boolean;
     get separatorTemplate(): TemplateRef<IVListSeparatorContext<ItemT>> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualizedListInputs<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VirtualizedListInputs<any>, never, never, { "data": { "alias": "data"; "required": true; }; "getItem": { "alias": "getItem"; "required": true; }; "getItemCount": { "alias": "getItemCount"; "required": true; }; "refreshRequested": { "alias": "refreshRequested"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "itemSeparatorTemplate": { "alias": "itemSeparatorTemplate"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VirtualizedListInputs<any>, never, never, { "data": { "alias": "data"; "required": true; }; "getItem": { "alias": "getItem"; "required": true; }; "getItemCount": { "alias": "getItemCount"; "required": true; }; "refreshRequested": { "alias": "refreshRequested"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "itemSeparatorTemplate": { "alias": "itemSeparatorTemplate"; "required": false; }; "cellRendererTemplate": { "alias": "cellRendererTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }

package/build/angular/components/virtualized-list/list-inputs.js

@@ -1,8 +1,8 @@
 // The list surface Angular binds statically: inputs, outputs and projected templates. Kept apart
 // from the components so the windowing lifecycle reads on its own
 import { ContentChild, Directive, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
-import { DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_WINDOW_SIZE, } from '@symbiote-native/components';
-import { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from './directives';
+import { DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_WINDOW_SIZE, ITEM_RENDERER, pickItemRenderer, } from '@symbiote-native/components';
+import { VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from './directives';
 import { ListEventsBase } from './list-events';
 import * as i0 from "@angular/core";
 // What `VirtualizedList` and `FlatList` share: the windowing inputs and the slot templates
@@ -15,6 +15,24 @@ export class ListInputsBase extends ListEventsBase {
     get isHorizontal() {
         return this.horizontal === true;
     }
+    // The app's `vListCell`, which a list built on this one may replace with its own
+    get cellRendererTpl() {
+        return this.cellDir?.templateRef;
+    }
+    // The component to stamp per cell, RN's `_renderElement`: it wins over the item template, and a
+    // cell with neither throws
+    get itemComponent() {
+        const kind = pickItemRenderer({
+            hasRenderItem: this.hasItemTemplate,
+            hasComponent: this.listItemComponent !== undefined,
+        });
+        return kind === ITEM_RENDERER.component
+            ? this.listItemComponent
+            : undefined;
+    }
+    get hasItemTemplate() {
+        return this.itemDir !== undefined;
+    }
     get isInverted() {
         return this.inverted === true;
     }
@@ -31,7 +49,7 @@ export class ListInputsBase extends ListEventsBase {
         return (this.updateCellsBatchingPeriod ?? DEFAULT_UPDATE_CELLS_BATCHING_PERIOD);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListInputsBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ListInputsBase, isStandalone: true, inputs: { keyExtractor: "keyExtractor", getItemLayout: "getItemLayout", horizontal: "horizontal", inverted: "inverted", extraData: "extraData", onEndReachedThreshold: "onEndReachedThreshold", onStartReachedThreshold: "onStartReachedThreshold", refreshing: "refreshing", progressViewOffset: "progressViewOffset", viewabilityConfig: "viewabilityConfig", viewabilityConfigCallbackPairs: "viewabilityConfigCallbackPairs", initialNumToRender: "initialNumToRender", initialScrollIndex: "initialScrollIndex", maxToRenderPerBatch: "maxToRenderPerBatch", updateCellsBatchingPeriod: "updateCellsBatchingPeriod", windowSize: "windowSize", stickyHeaderIndices: "stickyHeaderIndices", maintainVisibleContentPosition: "maintainVisibleContentPosition", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", scrollEventThrottle: "scrollEventThrottle", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", keyboardDismissMode: "keyboardDismissMode", removeClippedSubviews: "removeClippedSubviews", nestedScrollEnabled: "nestedScrollEnabled", style: "style", contentContainerStyle: "contentContainerStyle", testID: "testID", nativeID: "nativeID" }, outputs: { viewableItemsChanged: "viewableItemsChanged", scrollToIndexFailed: "scrollToIndexFailed" }, queries: [{ propertyName: "itemDir", first: true, predicate: VListItemDirective, descendants: true }, { propertyName: "headerDir", first: true, predicate: VListHeaderDirective, descendants: true }, { propertyName: "footerDir", first: true, predicate: VListFooterDirective, descendants: true }, { propertyName: "emptyDir", first: true, predicate: VListEmptyDirective, descendants: true }, { propertyName: "separatorDir", first: true, predicate: VListSeparatorDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ListInputsBase, isStandalone: true, inputs: { keyExtractor: "keyExtractor", getItemLayout: "getItemLayout", horizontal: "horizontal", inverted: "inverted", extraData: "extraData", onEndReachedThreshold: "onEndReachedThreshold", onStartReachedThreshold: "onStartReachedThreshold", refreshing: "refreshing", progressViewOffset: "progressViewOffset", viewabilityConfig: "viewabilityConfig", viewabilityConfigCallbackPairs: "viewabilityConfigCallbackPairs", initialNumToRender: "initialNumToRender", initialScrollIndex: "initialScrollIndex", maxToRenderPerBatch: "maxToRenderPerBatch", updateCellsBatchingPeriod: "updateCellsBatchingPeriod", windowSize: "windowSize", disableVirtualization: "disableVirtualization", stickyHeaderIndices: "stickyHeaderIndices", maintainVisibleContentPosition: "maintainVisibleContentPosition", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", onContentSizeChange: "onContentSizeChange", scrollEventThrottle: "scrollEventThrottle", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", keyboardDismissMode: "keyboardDismissMode", removeClippedSubviews: "removeClippedSubviews", nestedScrollEnabled: "nestedScrollEnabled", stickyHeaderHiddenOnScroll: "stickyHeaderHiddenOnScroll", innerViewRef: "innerViewRef", style: "style", contentContainerStyle: "contentContainerStyle", listHeaderComponentStyle: "listHeaderComponentStyle", listFooterComponentStyle: "listFooterComponentStyle", testID: "testID", nativeID: "nativeID", listItemComponent: "listItemComponent" }, outputs: { viewableItemsChanged: "viewableItemsChanged", scrollToIndexFailed: "scrollToIndexFailed" }, queries: [{ propertyName: "itemDir", first: true, predicate: VListItemDirective, descendants: true }, { propertyName: "headerDir", first: true, predicate: VListHeaderDirective, descendants: true }, { propertyName: "footerDir", first: true, predicate: VListFooterDirective, descendants: true }, { propertyName: "emptyDir", first: true, predicate: VListEmptyDirective, descendants: true }, { propertyName: "separatorDir", first: true, predicate: VListSeparatorDirective, descendants: true }, { propertyName: "cellDir", first: true, predicate: VListCellDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListInputsBase, decorators: [{
             type: Directive
@@ -71,6 +89,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], windowSize: [{
                 type: Input
+            }], disableVirtualization: [{
+                type: Input
             }], stickyHeaderIndices: [{
                 type: Input
             }], maintainVisibleContentPosition: [{
@@ -85,6 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], onMomentumScrollEnd: [{
                 type: Input
+            }], onContentSizeChange: [{
+                type: Input
             }], scrollEventThrottle: [{
                 type: Input
             }], keyboardShouldPersistTaps: [{
@@ -95,14 +117,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], nestedScrollEnabled: [{
                 type: Input
+            }], stickyHeaderHiddenOnScroll: [{
+                type: Input
+            }], innerViewRef: [{
+                type: Input
             }], style: [{
                 type: Input
             }], contentContainerStyle: [{
                 type: Input
+            }], listHeaderComponentStyle: [{
+                type: Input
+            }], listFooterComponentStyle: [{
+                type: Input
             }], testID: [{
                 type: Input
             }], nativeID: [{
                 type: Input
+            }], listItemComponent: [{
+                type: Input
             }], itemDir: [{
                 type: ContentChild,
                 args: [VListItemDirective]
@@ -118,16 +150,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }], separatorDir: [{
                 type: ContentChild,
                 args: [VListSeparatorDirective]
+            }], cellDir: [{
+                type: ContentChild,
+                args: [VListCellDirective]
             }] } });
 export class VirtualizedListInputs extends ListInputsBase {
+    get cellRendererTpl() {
+        return this.cellRendererTemplate ?? this.cellDir?.templateRef;
+    }
     get cellTemplate() {
         return this.itemTemplate ?? this.itemDir?.templateRef;
     }
+    get hasItemTemplate() {
+        return this.cellTemplate !== undefined;
+    }
     get separatorTemplate() {
         return this.itemSeparatorTemplate ?? this.separatorDir?.templateRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedListInputs, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VirtualizedListInputs, isStandalone: true, inputs: { data: "data", getItem: "getItem", getItemCount: "getItemCount", refreshRequested: "refreshRequested", itemTemplate: "itemTemplate", itemSeparatorTemplate: "itemSeparatorTemplate" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VirtualizedListInputs, isStandalone: true, inputs: { data: "data", getItem: "getItem", getItemCount: "getItemCount", refreshRequested: "refreshRequested", itemTemplate: "itemTemplate", itemSeparatorTemplate: "itemSeparatorTemplate", cellRendererTemplate: "cellRendererTemplate" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedListInputs, decorators: [{
             type: Directive
@@ -146,5 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], itemSeparatorTemplate: [{
                 type: Input
+            }], cellRendererTemplate: [{
+                type: Input
             }] } });
 //# sourceMappingURL=list-inputs.js.map

package/build/angular/components/virtualized-list/list-inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-inputs.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-inputs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-inputs.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-inputs.ts"],"names":[],"mappings":"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"}

package/build/angular/components/virtualized-list/list-props.d.ts

@@ -1,6 +1,6 @@
-import type { IAccessibilityProps, IAriaProps, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo } from '@symbiote-native/components';
+import type { IAccessibilityProps, IAriaProps, IInnerViewRef, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo } from '@symbiote-native/components';
 import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
-export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAriaProps {
+export type IVirtualizedListProps<ItemT> = IAccessibilityProps & IAriaProps & {
     data: unknown;
     getItem: (data: unknown, index: number) => ItemT;
     getItemCount: (data: unknown) => number;
@@ -37,6 +37,7 @@ export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAria
     maxToRenderPerBatch?: number;
     updateCellsBatchingPeriod?: number;
     windowSize?: number;
+    disableVirtualization?: boolean;
     stickyHeaderIndices?: number[];
     maintainVisibleContentPosition?: {
         minIndexForVisible: number;
@@ -47,12 +48,17 @@ export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAria
     onScrollEndDrag?: (event: ISymbioteEvent) => void;
     onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
     onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
+    onContentSizeChange?: (width: number, height: number) => void;
     scrollEventThrottle?: number;
     keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
     keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
     removeClippedSubviews?: boolean;
     nestedScrollEnabled?: boolean;
+    stickyHeaderHiddenOnScroll?: boolean;
+    innerViewRef?: IInnerViewRef;
     style?: IStyleProp<IViewStyle>;
     contentContainerStyle?: IStyleProp<IViewStyle>;
-}
+    listHeaderComponentStyle?: IStyleProp<IViewStyle>;
+    listFooterComponentStyle?: IStyleProp<IViewStyle>;
+};
 export type IVirtualizedListInputs<ItemT> = Omit<IVirtualizedListProps<ItemT>, 'onEndReached' | 'onStartReached' | 'onRefresh' | 'onViewableItemsChanged' | 'onScrollToIndexFailed' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;

package/build/angular/components/virtualized-list/list-rows.d.ts

@@ -0,0 +1,25 @@
+import { LIST_SEGMENT_KIND, type IWindowPlan } from '@symbiote-native/components';
+import type { IViewStyle } from '@symbiote-native/engine';
+import type { CellRegistry, IWindowCell } from './cell-registry';
+import type { IVListCellContext } from './directives';
+export type ISpacerRow = {
+    kind: typeof LIST_SEGMENT_KIND.spacer;
+    key: string;
+    style: IViewStyle;
+};
+export type ICellRow<ItemT> = {
+    kind: typeof LIST_SEGMENT_KIND.cell;
+    key: string;
+    cell: IWindowCell<ItemT>;
+    renderer: IVListCellContext | undefined;
+};
+export type IListRow<ItemT> = ISpacerRow | ICellRow<ItemT>;
+export type IRowsParams<ItemT> = {
+    windowPlan: IWindowPlan;
+    cells: CellRegistry<ItemT>;
+    count: number;
+    isHorizontal: boolean;
+    hasSeparators: boolean;
+    rendererFor: ((cell: IWindowCell<ItemT>) => IVListCellContext) | undefined;
+};
+export declare function stampPlanRows<ItemT>(params: IRowsParams<ItemT>): IListRow<ItemT>[];

package/build/angular/components/virtualized-list/list-rows.js

@@ -0,0 +1,25 @@
+// The rows the template stamps: the plan's spacers and cells, keyed so a window slide moves them
+import { LIST_SEGMENT_KIND, spacerStyleOf, } from '@symbiote-native/components';
+// A cell and a spacer never share a row key, an item key cannot start with `spacer-`
+export function stampPlanRows(params) {
+    const { windowPlan, cells, count, isHorizontal, hasSeparators, rendererFor } = params;
+    return windowPlan.plan.segments.map((segment) => {
+        if (segment.kind === LIST_SEGMENT_KIND.spacer) {
+            return {
+                kind: segment.kind,
+                key: segment.key,
+                style: spacerStyleOf(segment.extent, isHorizontal),
+            };
+        }
+        // The separator gates on the last index of the data, not of the window, or a cell's height
+        // would shift as it slides past
+        const cell = cells.windowCell(segment.index, segment.key, hasSeparators && segment.index < count - 1, windowPlan.stickySet?.has(segment.index) === true);
+        return {
+            kind: segment.kind,
+            key: `cell-${segment.key}`,
+            cell,
+            renderer: rendererFor?.(cell),
+        };
+    });
+}
+//# sourceMappingURL=list-rows.js.map

package/build/angular/components/virtualized-list/list-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-rows.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-rows.ts"],"names":[],"mappings":"AAAA,iGAAiG;AAEjG,OAAO,EACL,iBAAiB,EACjB,aAAa,GAEd,MAAM,6BAA6B,CAAC;AA8BrC,qFAAqF;AACrF,MAAM,UAAU,aAAa,CAC3B,MAA0B;IAE1B,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,GAC1E,MAAM,CAAC;IACT,OAAO,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAmB,EAAE;QAC/D,IAAI,OAAO,CAAC,IAAI,KAAK,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC9C,OAAO;gBACL,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC;aACnD,CAAC;QACJ,CAAC;QACD,2FAA2F;QAC3F,gCAAgC;QAChC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,GAAG,EACX,aAAa,IAAI,OAAO,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,EAC1C,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,CAClD,CAAC;QACF,OAAO;YACL,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,GAAG,EAAE,QAAQ,OAAO,CAAC,GAAG,EAAE;YAC1B,IAAI;YACJ,QAAQ,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC;SAC9B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}