@symbiote-native/angular 3.1.3 → 3.3.0

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

@@ -0,0 +1,78 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { 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 { ListEventsBase } from './list-events';
+import * as i0 from "@angular/core";
+export declare abstract class ListInputsBase<ItemT> extends ListEventsBase {
+    readonly viewableItemsChanged: EventEmitter<IViewableItemsChangedInfo<ItemT>>;
+    readonly scrollToIndexFailed: EventEmitter<{
+        index: number;
+        highestMeasuredFrameIndex: number;
+        averageItemLength: number;
+    }>;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    getItemLayout?: (data: unknown, index: number) => {
+        length: number;
+        offset: number;
+        index: number;
+    };
+    horizontal?: boolean;
+    inverted?: boolean;
+    extraData?: unknown;
+    onEndReachedThreshold?: number;
+    onStartReachedThreshold?: number;
+    refreshing?: boolean | null;
+    progressViewOffset?: number;
+    viewabilityConfig?: IViewabilityConfig;
+    viewabilityConfigCallbackPairs?: IViewabilityConfigCallbackPair<ItemT>[];
+    initialNumToRender?: number;
+    initialScrollIndex?: number;
+    maxToRenderPerBatch?: number;
+    updateCellsBatchingPeriod?: number;
+    windowSize?: number;
+    stickyHeaderIndices?: number[];
+    maintainVisibleContentPosition?: {
+        minIndexForVisible: number;
+        autoscrollToTopThreshold?: number;
+    };
+    onScroll?: (event: ISymbioteEvent) => void;
+    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
+    onScrollEndDrag?: (event: ISymbioteEvent) => void;
+    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
+    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
+    scrollEventThrottle?: number;
+    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    removeClippedSubviews?: boolean;
+    nestedScrollEnabled?: boolean;
+    style?: IStyleProp<IViewStyle>;
+    contentContainerStyle?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    itemDir?: VListItemDirective<ItemT>;
+    headerDir?: VListHeaderDirective;
+    footerDir?: VListFooterDirective;
+    emptyDir?: VListEmptyDirective;
+    separatorDir?: VListSeparatorDirective<ItemT>;
+    get isHorizontal(): 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>;
+}
+export declare abstract class VirtualizedListInputs<ItemT> extends ListInputsBase<ItemT> {
+    data: unknown;
+    getItem: (data: unknown, index: number) => ItemT;
+    getItemCount: (data: unknown) => number;
+    refreshRequested?: boolean;
+    itemTemplate?: TemplateRef<IVListItemContext<ItemT>>;
+    itemSeparatorTemplate?: TemplateRef<IVListSeparatorContext<ItemT>>;
+    get cellTemplate(): TemplateRef<IVListItemContext<ItemT>> | undefined;
+    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>;
+}

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

@@ -0,0 +1,150 @@
+// 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 { ListEventsBase } from './list-events';
+import * as i0 from "@angular/core";
+// What `VirtualizedList` and `FlatList` share: the windowing inputs and the slot templates
+export class ListInputsBase extends ListEventsBase {
+    constructor() {
+        super(...arguments);
+        this.viewableItemsChanged = new EventEmitter();
+        this.scrollToIndexFailed = new EventEmitter();
+    }
+    get isHorizontal() {
+        return this.horizontal === true;
+    }
+    get isInverted() {
+        return this.inverted === true;
+    }
+    get windowSizeValue() {
+        return this.windowSize ?? DEFAULT_WINDOW_SIZE;
+    }
+    get initialNumToRenderValue() {
+        return this.initialNumToRender ?? DEFAULT_INITIAL_NUM_TO_RENDER;
+    }
+    get maxToRenderPerBatchValue() {
+        return this.maxToRenderPerBatch ?? DEFAULT_MAX_TO_RENDER_PER_BATCH;
+    }
+    get updateCellsBatchingPeriodValue() {
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListInputsBase, decorators: [{
+            type: Directive
+        }], propDecorators: { viewableItemsChanged: [{
+                type: Output
+            }], scrollToIndexFailed: [{
+                type: Output
+            }], keyExtractor: [{
+                type: Input
+            }], getItemLayout: [{
+                type: Input
+            }], horizontal: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], extraData: [{
+                type: Input
+            }], onEndReachedThreshold: [{
+                type: Input
+            }], onStartReachedThreshold: [{
+                type: Input
+            }], refreshing: [{
+                type: Input
+            }], progressViewOffset: [{
+                type: Input
+            }], viewabilityConfig: [{
+                type: Input
+            }], viewabilityConfigCallbackPairs: [{
+                type: Input
+            }], initialNumToRender: [{
+                type: Input
+            }], initialScrollIndex: [{
+                type: Input
+            }], maxToRenderPerBatch: [{
+                type: Input
+            }], updateCellsBatchingPeriod: [{
+                type: Input
+            }], windowSize: [{
+                type: Input
+            }], stickyHeaderIndices: [{
+                type: Input
+            }], maintainVisibleContentPosition: [{
+                type: Input
+            }], onScroll: [{
+                type: Input
+            }], onScrollBeginDrag: [{
+                type: Input
+            }], onScrollEndDrag: [{
+                type: Input
+            }], onMomentumScrollBegin: [{
+                type: Input
+            }], onMomentumScrollEnd: [{
+                type: Input
+            }], scrollEventThrottle: [{
+                type: Input
+            }], keyboardShouldPersistTaps: [{
+                type: Input
+            }], keyboardDismissMode: [{
+                type: Input
+            }], removeClippedSubviews: [{
+                type: Input
+            }], nestedScrollEnabled: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], contentContainerStyle: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], itemDir: [{
+                type: ContentChild,
+                args: [VListItemDirective]
+            }], headerDir: [{
+                type: ContentChild,
+                args: [VListHeaderDirective]
+            }], footerDir: [{
+                type: ContentChild,
+                args: [VListFooterDirective]
+            }], emptyDir: [{
+                type: ContentChild,
+                args: [VListEmptyDirective]
+            }], separatorDir: [{
+                type: ContentChild,
+                args: [VListSeparatorDirective]
+            }] } });
+export class VirtualizedListInputs extends ListInputsBase {
+    get cellTemplate() {
+        return this.itemTemplate ?? this.itemDir?.templateRef;
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedListInputs, decorators: [{
+            type: Directive
+        }], propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], getItem: [{
+                type: Input,
+                args: [{ required: true }]
+            }], getItemCount: [{
+                type: Input,
+                args: [{ required: true }]
+            }], refreshRequested: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], itemSeparatorTemplate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=list-inputs.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,58 @@
+import type { IAccessibilityProps, IAriaProps, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAriaProps {
+    data: unknown;
+    getItem: (data: unknown, index: number) => ItemT;
+    getItemCount: (data: unknown) => number;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    getItemLayout?: (data: unknown, index: number) => {
+        length: number;
+        offset: number;
+        index: number;
+    };
+    horizontal?: boolean;
+    inverted?: boolean;
+    extraData?: unknown;
+    onEndReached?: (info: {
+        distanceFromEnd: number;
+    }) => void;
+    onEndReachedThreshold?: number;
+    onStartReached?: (info: {
+        distanceFromStart: number;
+    }) => void;
+    onStartReachedThreshold?: number;
+    onRefresh?: () => void;
+    refreshing?: boolean | null;
+    progressViewOffset?: number;
+    onViewableItemsChanged?: (info: IViewableItemsChangedInfo<ItemT>) => void;
+    viewabilityConfig?: IViewabilityConfig;
+    viewabilityConfigCallbackPairs?: IViewabilityConfigCallbackPair<ItemT>[];
+    onScrollToIndexFailed?: (info: {
+        index: number;
+        highestMeasuredFrameIndex: number;
+        averageItemLength: number;
+    }) => void;
+    initialNumToRender?: number;
+    initialScrollIndex?: number;
+    maxToRenderPerBatch?: number;
+    updateCellsBatchingPeriod?: number;
+    windowSize?: number;
+    stickyHeaderIndices?: number[];
+    maintainVisibleContentPosition?: {
+        minIndexForVisible: number;
+        autoscrollToTopThreshold?: number;
+    };
+    onScroll?: (event: ISymbioteEvent) => void;
+    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
+    onScrollEndDrag?: (event: ISymbioteEvent) => void;
+    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
+    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
+    scrollEventThrottle?: number;
+    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    removeClippedSubviews?: boolean;
+    nestedScrollEnabled?: boolean;
+    style?: IStyleProp<IViewStyle>;
+    contentContainerStyle?: 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-props.js

@@ -0,0 +1,3 @@
+// The public prop surface of the Angular VirtualizedList, kept apart from the component class
+export {};
+//# sourceMappingURL=list-props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-props.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-props.ts"],"names":[],"mappings":"AAAA,8FAA8F"}

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

@@ -0,0 +1,23 @@
+import { type IStyleProp, type IViewStyle } from '@symbiote-native/engine';
+type IMaintainVisibleContentPosition = {
+    minIndexForVisible: number;
+    autoscrollToTopThreshold?: number;
+};
+export type IListStyleInput = {
+    isHorizontal: boolean;
+    isInverted: boolean;
+    total: number;
+    hasHeader: boolean;
+    style: IStyleProp<IViewStyle> | undefined;
+    contentContainerStyle: IStyleProp<IViewStyle> | undefined;
+    anchorStyle: unknown;
+    maintainVisibleContentPosition: IMaintainVisibleContentPosition | undefined;
+};
+export type IListStyles = {
+    style: IViewStyle | undefined;
+    contentContainerStyle: IStyleProp<IViewStyle> | undefined;
+    cellStyle: IViewStyle | undefined;
+    maintainVisibleContentPosition: IMaintainVisibleContentPosition | undefined;
+};
+export declare function resolveListStyles(input: IListStyleInput): IListStyles;
+export {};

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

@@ -0,0 +1,26 @@
+// The styles a windowed list derives from its inputs each pass. Pure, so the component's recompute
+// only assigns the result
+import { INVERTED_X_STYLE, INVERTED_Y_STYLE, } from '@symbiote-native/components';
+import { flattenStyle, } from '@symbiote-native/engine';
+export function resolveListStyles(input) {
+    const inversion = input.isHorizontal ? INVERTED_X_STYLE : INVERTED_Y_STYLE;
+    const mvcp = input.maintainVisibleContentPosition;
+    return {
+        contentContainerStyle: input.isHorizontal
+            ? [input.contentContainerStyle, { width: input.total }]
+            : input.contentContainerStyle,
+        // The app's style comes after the inversion, so it can override the flip
+        style: flattenStyle([
+            input.anchorStyle,
+            input.isInverted ? [inversion, input.style] : input.style,
+        ]),
+        cellStyle: input.isInverted ? inversion : undefined,
+        maintainVisibleContentPosition: mvcp === undefined
+            ? undefined
+            : {
+                ...mvcp,
+                minIndexForVisible: mvcp.minIndexForVisible + (input.hasHeader ? 1 : 0),
+            },
+    };
+}
+//# sourceMappingURL=list-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-styles.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-styles.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,0BAA0B;AAE1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,GAGb,MAAM,yBAAyB,CAAC;AA4BjC,MAAM,UAAU,iBAAiB,CAAC,KAAsB;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,8BAA8B,CAAC;IAClD,OAAO;QACL,qBAAqB,EAAE,KAAK,CAAC,YAAY;YACvC,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC,qBAAqB;QAC/B,yEAAyE;QACzE,KAAK,EAAE,YAAY,CAAC;YAClB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC1D,CAAC;QACF,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACnD,8BAA8B,EAC5B,IAAI,KAAK,SAAS;YAChB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,GAAG,IAAI;gBACP,kBAAkB,EAChB,IAAI,CAAC,kBAAkB,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACtD;KACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1 @@
+export declare const VIRTUALIZED_LIST_TEMPLATE = "\n    @if (isHorizontal) {\n      <horizontal-scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n        @if (shouldRenderRefreshControl) {\n          <refresh-control\n            [symbioteHostProps]=\"refreshControlBag()\"\n          ></refresh-control>\n        }\n\n        @if (headerDir !== undefined) {\n          <view>\n            <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n          </view>\n        }\n\n        @if (itemCount === 0) {\n          @if (emptyDir !== undefined) {\n            <view>\n              <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n            </view>\n          }\n        } @else {\n          @if (leadingSpacerStyle !== null) {\n            <view [style]=\"leadingSpacerStyle\"></view>\n          }\n          @if (forcedStickyCell !== null) {\n            <sticky-header\n              (layout)=\"handleCellLayout(forcedStickyCell.measure, $event)\"\n              [style]=\"cellStyle\"\n            >\n              <ng-container\n                [vListOutlet]=\"cellTemplate\"\n                [vListOutletContext]=\"forcedStickyCell.context\"\n              ></ng-container>\n            </sticky-header>\n          }\n          @if (gapSpacerStyle !== null) {\n            <view [style]=\"gapSpacerStyle\"></view>\n          }\n          @for (cell of windowCells; track cell.key) {\n            @if (cell.isSticky) {\n              <sticky-header\n                (layout)=\"handleCellLayout(cell.measure, $event)\"\n                [style]=\"cellStyle\"\n              >\n                <ng-container\n                  [vListOutlet]=\"cellTemplate\"\n                  [vListOutletContext]=\"cell.context\"\n                ></ng-container>\n                @if (cell.separatorContext !== undefined) {\n                  <ng-container\n                    [vListOutlet]=\"separatorTemplate\"\n                    [vListOutletContext]=\"cell.separatorContext\"\n                  ></ng-container>\n                }\n              </sticky-header>\n            } @else {\n              <view\n                (layout)=\"handleCellLayout(cell.measure, $event)\"\n                [style]=\"cellStyle\"\n              >\n                <ng-container\n                  [vListOutlet]=\"cellTemplate\"\n                  [vListOutletContext]=\"cell.context\"\n                ></ng-container>\n                @if (cell.separatorContext !== undefined) {\n                  <ng-container\n                    [vListOutlet]=\"separatorTemplate\"\n                    [vListOutletContext]=\"cell.separatorContext\"\n                  ></ng-container>\n                }\n              </view>\n            }\n          }\n          @if (trailingSpacerStyle !== null) {\n            <view [style]=\"trailingSpacerStyle\"></view>\n          }\n        }\n\n        @if (footerDir !== undefined) {\n          <view>\n            <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n          </view>\n        }\n      </horizontal-scroll-view>\n    } @else {\n      <scroll-view #scrollHost [symbioteHostProps]=\"scrollViewBag()\">\n        @if (shouldRenderRefreshControl) {\n          <refresh-control\n            [symbioteHostProps]=\"refreshControlBag()\"\n          ></refresh-control>\n        }\n\n        @if (headerDir !== undefined) {\n          <view>\n            <ng-container [vListOutlet]=\"headerDir.templateRef\"></ng-container>\n          </view>\n        }\n\n        @if (itemCount === 0) {\n          @if (emptyDir !== undefined) {\n            <view>\n              <ng-container [vListOutlet]=\"emptyDir.templateRef\"></ng-container>\n            </view>\n          }\n        } @else {\n          @if (leadingSpacerStyle !== null) {\n            <view [style]=\"leadingSpacerStyle\"></view>\n          }\n          @if (forcedStickyCell !== null) {\n            <sticky-header\n              (layout)=\"handleCellLayout(forcedStickyCell.measure, $event)\"\n              [style]=\"cellStyle\"\n            >\n              <ng-container\n                [vListOutlet]=\"cellTemplate\"\n                [vListOutletContext]=\"forcedStickyCell.context\"\n              ></ng-container>\n            </sticky-header>\n          }\n          @if (gapSpacerStyle !== null) {\n            <view [style]=\"gapSpacerStyle\"></view>\n          }\n          <!-- The separator sits INSIDE the measuring view, matching RN's cell renderer, as a\n               sibling it would add an extra flex gap -->\n          @for (cell of windowCells; track cell.key) {\n            @if (cell.isSticky) {\n              <sticky-header\n                (layout)=\"handleCellLayout(cell.measure, $event)\"\n                [style]=\"cellStyle\"\n              >\n                <ng-container\n                  [vListOutlet]=\"cellTemplate\"\n                  [vListOutletContext]=\"cell.context\"\n                ></ng-container>\n                @if (cell.separatorContext !== undefined) {\n                  <ng-container\n                    [vListOutlet]=\"separatorTemplate\"\n                    [vListOutletContext]=\"cell.separatorContext\"\n                  ></ng-container>\n                }\n              </sticky-header>\n            } @else {\n              <view\n                (layout)=\"handleCellLayout(cell.measure, $event)\"\n                [style]=\"cellStyle\"\n              >\n                <ng-container\n                  [vListOutlet]=\"cellTemplate\"\n                  [vListOutletContext]=\"cell.context\"\n                ></ng-container>\n                @if (cell.separatorContext !== undefined) {\n                  <ng-container\n                    [vListOutlet]=\"separatorTemplate\"\n                    [vListOutletContext]=\"cell.separatorContext\"\n                  ></ng-container>\n                }\n              </view>\n            }\n          }\n          @if (trailingSpacerStyle !== null) {\n            <view [style]=\"trailingSpacerStyle\"></view>\n          }\n        }\n\n        @if (footerDir !== undefined) {\n          <view>\n            <ng-container [vListOutlet]=\"footerDir.templateRef\"></ng-container>\n          </view>\n        }\n      </scroll-view>\n    }\n  ";

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

@@ -0,0 +1,176 @@
+// Same body on both axes, only the outer tag differs
+// Written out once per branch: ngc needs one literal, no shared outlet primitive exists
+export const VIRTUALIZED_LIST_TEMPLATE = `
+    @if (isHorizontal) {
+      <horizontal-scroll-view #scrollHost [symbioteHostProps]="scrollViewBag()">
+        @if (shouldRenderRefreshControl) {
+          <refresh-control
+            [symbioteHostProps]="refreshControlBag()"
+          ></refresh-control>
+        }
+
+        @if (headerDir !== undefined) {
+          <view>
+            <ng-container [vListOutlet]="headerDir.templateRef"></ng-container>
+          </view>
+        }
+
+        @if (itemCount === 0) {
+          @if (emptyDir !== undefined) {
+            <view>
+              <ng-container [vListOutlet]="emptyDir.templateRef"></ng-container>
+            </view>
+          }
+        } @else {
+          @if (leadingSpacerStyle !== null) {
+            <view [style]="leadingSpacerStyle"></view>
+          }
+          @if (forcedStickyCell !== null) {
+            <sticky-header
+              (layout)="handleCellLayout(forcedStickyCell.measure, $event)"
+              [style]="cellStyle"
+            >
+              <ng-container
+                [vListOutlet]="cellTemplate"
+                [vListOutletContext]="forcedStickyCell.context"
+              ></ng-container>
+            </sticky-header>
+          }
+          @if (gapSpacerStyle !== null) {
+            <view [style]="gapSpacerStyle"></view>
+          }
+          @for (cell of windowCells; track cell.key) {
+            @if (cell.isSticky) {
+              <sticky-header
+                (layout)="handleCellLayout(cell.measure, $event)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate"
+                  [vListOutletContext]="cell.context"
+                ></ng-container>
+                @if (cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="cell.separatorContext"
+                  ></ng-container>
+                }
+              </sticky-header>
+            } @else {
+              <view
+                (layout)="handleCellLayout(cell.measure, $event)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate"
+                  [vListOutletContext]="cell.context"
+                ></ng-container>
+                @if (cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="cell.separatorContext"
+                  ></ng-container>
+                }
+              </view>
+            }
+          }
+          @if (trailingSpacerStyle !== null) {
+            <view [style]="trailingSpacerStyle"></view>
+          }
+        }
+
+        @if (footerDir !== undefined) {
+          <view>
+            <ng-container [vListOutlet]="footerDir.templateRef"></ng-container>
+          </view>
+        }
+      </horizontal-scroll-view>
+    } @else {
+      <scroll-view #scrollHost [symbioteHostProps]="scrollViewBag()">
+        @if (shouldRenderRefreshControl) {
+          <refresh-control
+            [symbioteHostProps]="refreshControlBag()"
+          ></refresh-control>
+        }
+
+        @if (headerDir !== undefined) {
+          <view>
+            <ng-container [vListOutlet]="headerDir.templateRef"></ng-container>
+          </view>
+        }
+
+        @if (itemCount === 0) {
+          @if (emptyDir !== undefined) {
+            <view>
+              <ng-container [vListOutlet]="emptyDir.templateRef"></ng-container>
+            </view>
+          }
+        } @else {
+          @if (leadingSpacerStyle !== null) {
+            <view [style]="leadingSpacerStyle"></view>
+          }
+          @if (forcedStickyCell !== null) {
+            <sticky-header
+              (layout)="handleCellLayout(forcedStickyCell.measure, $event)"
+              [style]="cellStyle"
+            >
+              <ng-container
+                [vListOutlet]="cellTemplate"
+                [vListOutletContext]="forcedStickyCell.context"
+              ></ng-container>
+            </sticky-header>
+          }
+          @if (gapSpacerStyle !== null) {
+            <view [style]="gapSpacerStyle"></view>
+          }
+          <!-- The separator sits INSIDE the measuring view, matching RN's cell renderer, as a
+               sibling it would add an extra flex gap -->
+          @for (cell of windowCells; track cell.key) {
+            @if (cell.isSticky) {
+              <sticky-header
+                (layout)="handleCellLayout(cell.measure, $event)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate"
+                  [vListOutletContext]="cell.context"
+                ></ng-container>
+                @if (cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="cell.separatorContext"
+                  ></ng-container>
+                }
+              </sticky-header>
+            } @else {
+              <view
+                (layout)="handleCellLayout(cell.measure, $event)"
+                [style]="cellStyle"
+              >
+                <ng-container
+                  [vListOutlet]="cellTemplate"
+                  [vListOutletContext]="cell.context"
+                ></ng-container>
+                @if (cell.separatorContext !== undefined) {
+                  <ng-container
+                    [vListOutlet]="separatorTemplate"
+                    [vListOutletContext]="cell.separatorContext"
+                  ></ng-container>
+                }
+              </view>
+            }
+          }
+          @if (trailingSpacerStyle !== null) {
+            <view [style]="trailingSpacerStyle"></view>
+          }
+        }
+
+        @if (footerDir !== undefined) {
+          <view>
+            <ng-container [vListOutlet]="footerDir.templateRef"></ng-container>
+          </view>
+        }
+      </scroll-view>
+    }
+  `;
+//# sourceMappingURL=list-template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-template.js","sourceRoot":"","sources":["../../../../src/components/virtualized-list/list-template.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,wFAAwF;AACxF,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4KtC,CAAC"}