@symbiote-native/angular 3.2.0 → 3.4.0

package/build/angular/components/virtualized-section-list/index.d.ts

@@ -1,61 +1,27 @@
-import { type DoCheck } from '@angular/core';
-import { type IAccessibilityProps, type IAriaProps, type ISection, type ISectionEntry, type ISeparators, type IScrollViewHandle, type IVirtualizedSectionListHandle } from '@symbiote-native/components';
+import { type DoCheck, type TemplateRef } from '@angular/core';
+import { type IInnerViewRef, type ISectionEntry, type ISeparators, type IScrollViewHandle, type IVirtualizedSectionListHandle } from '@symbiote-native/components';
 import { type IStyleProp, type ISymbioteEvent, type ISymbioteNode, type IViewStyle } from '@symbiote-native/engine';
-import { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListSeparatorDirective, type IVListSeparatorContext } from '../virtualized-list';
+import { VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListSeparatorDirective, type IVListCellContext } from '../virtualized-list';
 import { ListEventsBase } from '../virtualized-list/list-events';
-import { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, type IVSectionContext, type IVSectionItemContext } from './directives';
+import { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, type ISection, type IVSectionContext, type IVSectionItemContext } from './directives';
+import { type ISeparatorSlot } from './section-cell';
+import type { IItemLayout, IVirtualizedSectionListInputs } from './section-list-props';
 import * as i0 from "@angular/core";
 import * as i1 from "../../primitives/shared";
-export type { ISection } from '@symbiote-native/components';
 export type { IVirtualizedSectionListHandle } from '@symbiote-native/components';
 export { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './directives';
-export type { IVSectionContext, IVSectionItemContext } from './directives';
-type IItemLayout = {
-    length: number;
-    offset: number;
-    index: number;
+export type { ISection, IVSectionContext, IVSectionItemContext, IVSectionSeparatorContext, } from './directives';
+type IEntry<ItemT> = ISectionEntry<ItemT, ISection<ItemT>>;
+export type ICellPlan<ItemT> = {
+    cellKey: string;
+    prevCellKey: string | undefined;
+    hasLeading: boolean;
+    hasTrailing: boolean;
+    itemTemplate: TemplateRef<IVSectionItemContext<ItemT>> | undefined;
+    first: ISeparatorSlot<ItemT>;
+    second: ISeparatorSlot<ItemT>;
 };
-export interface IVirtualizedSectionListProps<ItemT> extends IAccessibilityProps, IAriaProps {
-    sections: ReadonlyArray<ISection<ItemT>>;
-    keyExtractor?: (item: ItemT, index: number) => string;
-    getItemLayout?: (data: ReadonlyArray<ISection<ItemT>> | null, index: number) => IItemLayout;
-    stickySectionHeadersEnabled?: boolean;
-    extraData?: unknown;
-    onEndReached?: (info: {
-        distanceFromEnd: number;
-    }) => void;
-    onEndReachedThreshold?: number;
-    onStartReached?: (info: {
-        distanceFromStart: number;
-    }) => void;
-    onStartReachedThreshold?: number;
-    onRefresh?: () => void;
-    refreshing?: boolean | null;
-    progressViewOffset?: number;
-    initialNumToRender?: number;
-    initialScrollIndex?: number;
-    maxToRenderPerBatch?: number;
-    updateCellsBatchingPeriod?: number;
-    windowSize?: number;
-    inverted?: boolean;
-    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 IVirtualizedSectionListInputs<ItemT> = Omit<IVirtualizedSectionListProps<ItemT>, 'onEndReached' | 'onStartReached' | 'onRefresh' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export type { IVirtualizedSectionListInputs, IVirtualizedSectionListProps, } from './section-list-props';
 export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsBase implements IVirtualizedSectionListInputs<ItemT>, IVirtualizedSectionListHandle, DoCheck {
     sections: ReadonlyArray<ISection<ItemT>>;
     keyExtractor?: (item: ItemT, index: number) => string;
@@ -72,7 +38,9 @@ export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsB
     maxToRenderPerBatch?: number;
     updateCellsBatchingPeriod?: number;
     windowSize?: number;
+    disableVirtualization?: boolean;
     inverted?: boolean;
+    horizontal?: boolean;
     maintainVisibleContentPosition?: {
         minIndexForVisible: number;
         autoscrollToTopThreshold?: number;
@@ -82,13 +50,18 @@ export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsB
     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;
     private cachedResolvedStyle;
@@ -96,23 +69,26 @@ export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsB
     sectionItemDir?: VSectionItemDirective<ItemT>;
     sectionHeaderDir?: VSectionHeaderDirective<ItemT>;
     sectionFooterDir?: VSectionFooterDirective<ItemT>;
-    sectionSeparatorDir?: VSectionSeparatorDirective;
+    sectionSeparatorDir?: VSectionSeparatorDirective<ItemT>;
     listHeaderDir?: VListHeaderDirective;
     listFooterDir?: VListFooterDirective;
     listEmptyDir?: VListEmptyDirective;
     itemSeparatorDir?: VListSeparatorDirective<ItemT>;
+    cellDir?: VListCellDirective;
+    cellRendererTemplate?: TemplateRef<IVListCellContext>;
+    get cellRendererTpl(): TemplateRef<IVListCellContext> | undefined;
     private list?;
     private readonly elementRef;
-    flatEntries: ISectionEntry<ItemT>[];
+    flatEntries: IEntry<ItemT>[];
     stickyHeaderIndices: number[] | undefined;
+    readonly board: import("@symbiote-native/components").ISeparatorBoard<Record<string, unknown>>;
     private headerIndices;
     private lastSectionsRef;
-    private lastHasSectionSeparator;
     private readonly cdr;
     ngDoCheck(): void;
-    getEntry: (_source: unknown, index: number) => ISectionEntry<ItemT>;
+    getEntry: (_source: unknown, index: number) => IEntry<ItemT>;
     getEntryCount: () => number;
-    entryKeyExtractor: (entry: ISectionEntry<ItemT>, index: number) => string;
+    entryKeyExtractor: (entry: IEntry<ItemT>) => string;
     private cachedEntryItemLayout?;
     private lastGetItemLayout?;
     get entryItemLayout(): ((data: unknown, index: number) => IItemLayout) | undefined;
@@ -124,10 +100,11 @@ export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsB
     }) => void) | undefined;
     get resolvedOnRefresh(): (() => void) | undefined;
     private isEntry;
-    entryKind(value: unknown): ISectionEntry<ItemT>['kind'] | 'unknown';
+    entryKind(value: unknown): IEntry<ItemT>['kind'] | 'unknown';
     sectionContextOf(value: unknown): IVSectionContext<ItemT> | undefined;
     itemContextOf(value: unknown, separators: ISeparators): IVSectionItemContext<ItemT> | undefined;
-    itemSeparatorContextOf(highlighted: unknown, leadingItem: unknown, trailingItem: unknown): IVListSeparatorContext<ItemT>;
+    private slotFor;
+    cellPlanOf(value: unknown, index: number): ICellPlan<ItemT> | undefined;
     scrollToLocation(params: {
         sectionIndex: number;
         itemIndex: number;
@@ -136,11 +113,13 @@ export declare class VirtualizedSectionList<ItemT = unknown> extends ListEventsB
         animated?: boolean;
     }): void;
     flashScrollIndicators(): void;
-    getNativeScrollRef(): IScrollViewHandle | null;
+    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<VirtualizedSectionList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualizedSectionList<any>, "VirtualizedSectionList", never, { "sections": { "alias": "sections"; "required": true; }; "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "stickySectionHeadersEnabled": { "alias": "stickySectionHeadersEnabled"; "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; }; "refreshRequested": { "alias": "refreshRequested"; "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; }; "inverted": { "alias": "inverted"; "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; }; }, {}, ["sectionItemDir", "sectionHeaderDir", "sectionFooterDir", "sectionSeparatorDir", "listHeaderDir", "listFooterDir", "listEmptyDir", "itemSeparatorDir"], never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualizedSectionList<any>, "VirtualizedSectionList", never, { "sections": { "alias": "sections"; "required": true; }; "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "stickySectionHeadersEnabled": { "alias": "stickySectionHeadersEnabled"; "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; }; "refreshRequested": { "alias": "refreshRequested"; "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; }; "inverted": { "alias": "inverted"; "required": false; }; "horizontal": { "alias": "horizontal"; "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; }; "cellRendererTemplate": { "alias": "cellRendererTemplate"; "required": false; }; }, {}, ["sectionItemDir", "sectionHeaderDir", "sectionFooterDir", "sectionSeparatorDir", "listHeaderDir", "listFooterDir", "listEmptyDir", "itemSeparatorDir", "cellDir"], never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
 }

package/build/angular/components/virtualized-section-list/index.js

@@ -2,14 +2,15 @@
 // Flattening, entry keying and `scrollToLocation` are shared from `@symbiote-native/components`
 // This file is the Angular lifecycle and the per-entry template dispatch
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, Input, ViewChild, inject, } from '@angular/core';
-import { flattenSections, resolveStickySectionHeaders, scrollLocationToFlatIndex, sectionEntryKey, unwrapEntryItem, } from '@symbiote-native/components';
+import { cellGapsFor, createSeparatorBoard, flattenSections, resolveStickySectionHeaders, resolveScrollLocation, SECTION_ENTRY_KIND, SEPARATOR_GAP_KIND, SEPARATOR_SIDE, sectionEntryKey, } from '@symbiote-native/components';
 import { Platform, dlog, } from '@symbiote-native/engine';
-import { VirtualizedList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from '../virtualized-list';
+import { VirtualizedList, VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from '../virtualized-list';
 import { VListOutletDirective } from '../virtualized-list/directives';
 import { ListEventsBase } from '../virtualized-list/list-events';
 import { provideGateDemand } from '../../gate-demand';
 import { stableAnchorStyle, SymbioteStyleInputDirective, } from '../../primitives';
 import { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './directives';
+import { VSectionCellDirective } from './section-cell';
 import { VIRTUALIZED_SECTION_LIST_TEMPLATE } from './section-list-template';
 import * as i0 from "@angular/core";
 import * as i1 from "../../primitives/shared";
@@ -21,31 +22,30 @@ export class VirtualizedSectionList extends ListEventsBase {
         this.elementRef = inject(ElementRef);
         this.flatEntries = [];
         this.stickyHeaderIndices = undefined;
+        this.board = createSeparatorBoard();
         // Flat positions of every section header, so `scrollToLocation` skips re-deriving the layout
         this.headerIndices = [];
-        // Memo guards, the inner list marks for check on every scroll tick and re-runs `ngDoCheck`
+        // Memo guard, the inner list marks for check on every scroll tick and re-runs `ngDoCheck`
         this.lastSectionsRef = null;
-        this.lastHasSectionSeparator = false;
         this.cdr = inject(ChangeDetectorRef);
         // Stable arrow fields, so the bindings to the inner list keep a constant identity
         this.getEntry = (_source, index) => this.flatEntries[index];
         this.getEntryCount = () => this.flatEntries.length;
-        this.entryKeyExtractor = (entry, index) => sectionEntryKey(entry, index, this.keyExtractor);
+        this.entryKeyExtractor = (entry) => sectionEntryKey(entry, this.keyExtractor);
     }
     get resolvedStyle() {
         this.cachedResolvedStyle = stableAnchorStyle(this.elementRef, this.style, this.cachedResolvedStyle);
         return this.cachedResolvedStyle;
     }
+    get cellRendererTpl() {
+        return this.cellRendererTemplate ?? this.cellDir?.templateRef;
+    }
     ngDoCheck() {
-        const hasSectionSeparator = this.sectionSeparatorDir !== undefined;
-        if (this.sections === this.lastSectionsRef &&
-            hasSectionSeparator === this.lastHasSectionSeparator) {
+        if (this.sections === this.lastSectionsRef)
             return;
-        }
         this.lastSectionsRef = this.sections;
-        this.lastHasSectionSeparator = hasSectionSeparator;
         const sections = this.sections ?? [];
-        const { entries, headerIndices } = flattenSections(sections, hasSectionSeparator);
+        const { entries, headerIndices } = flattenSections(sections);
         this.flatEntries = entries;
         this.headerIndices = headerIndices;
         // RN sticks section headers by default only on iOS
@@ -104,34 +104,43 @@ export class VirtualizedSectionList extends ListEventsBase {
             separators,
         };
     }
-    // The inner separator context carries flattened entries, unwrapped back to real items so the
-    // app's separator, typed on the item, never sees an envelope
-    itemSeparatorContextOf(highlighted, leadingItem, trailingItem) {
+    // The separator template for a gap: the section one, or the item one where a section's own
+    // template beats the list's
+    slotFor(gap, side) {
+        if (gap.props === undefined)
+            return { template: undefined, gap, side };
+        const template = gap.kind === SEPARATOR_GAP_KIND.section
+            ? this.sectionSeparatorDir?.templateRef
+            : (gap.props.section.separator ?? this.itemSeparatorDir?.templateRef);
+        return { template, gap, side };
+    }
+    cellPlanOf(value, index) {
+        if (!this.isEntry(value) || value.kind !== SECTION_ENTRY_KIND.item)
+            return undefined;
+        const gaps = cellGapsFor(this.flatEntries, index);
+        const leading = this.slotFor(gaps.leading, SEPARATOR_SIDE.leading);
+        const trailing = this.slotFor(gaps.trailing, SEPARATOR_SIDE.trailing);
+        const previous = this.flatEntries[index - 1];
+        const isInverted = this.inverted === true;
         return {
-            $implicit: highlighted === true,
-            highlighted: highlighted === true,
-            leadingItem: this.isEntry(leadingItem)
-                ? unwrapEntryItem(leadingItem)
-                : undefined,
-            trailingItem: this.isEntry(trailingItem)
-                ? unwrapEntryItem(trailingItem)
-                : undefined,
+            cellKey: this.entryKeyExtractor(value),
+            prevCellKey: previous === undefined ? undefined : this.entryKeyExtractor(previous),
+            hasLeading: leading.template !== undefined,
+            hasTrailing: trailing.template !== undefined,
+            itemTemplate: value.section.item ?? this.sectionItemDir?.templateRef,
+            first: isInverted ? trailing : leading,
+            second: isInverted ? leading : trailing,
         };
     }
     scrollToLocation(params) {
-        const flatIndex = scrollLocationToFlatIndex(this.headerIndices, params.sectionIndex, params.itemIndex);
-        if (flatIndex === undefined) {
+        const target = resolveScrollLocation(this.headerIndices, this.stickyHeaderIndices, params);
+        if (target === undefined) {
             dlog(`Angular VirtualizedSectionList scrollToLocation: section ${params.sectionIndex} out of range`);
             return;
         }
         dlog(`Angular VirtualizedSectionList scrollToLocation section=${params.sectionIndex} ` +
-            `item=${params.itemIndex} -> flat ${flatIndex}`);
-        this.list?.scrollToIndex({
-            index: flatIndex,
-            viewOffset: params.viewOffset,
-            viewPosition: params.viewPosition,
-            animated: params.animated,
-        });
+            `item=${params.itemIndex} -> flat ${target.index}`);
+        this.list?.scrollToIndex(target);
     }
     flashScrollIndicators() {
         this.list?.flashScrollIndicators();
@@ -148,11 +157,17 @@ export class VirtualizedSectionList extends ListEventsBase {
     getScrollNode() {
         return this.list?.getScrollNode() ?? null;
     }
+    getScrollRef() {
+        return this.list?.getScrollRef() ?? null;
+    }
     recordInteraction() {
         this.list?.recordInteraction();
     }
+    setNativeProps(props) {
+        this.list?.setNativeProps(props);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedSectionList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VirtualizedSectionList, isStandalone: true, selector: "VirtualizedSectionList", inputs: { sections: "sections", keyExtractor: "keyExtractor", getItemLayout: "getItemLayout", stickySectionHeadersEnabled: "stickySectionHeadersEnabled", extraData: "extraData", onEndReachedThreshold: "onEndReachedThreshold", onStartReachedThreshold: "onStartReachedThreshold", refreshing: "refreshing", progressViewOffset: "progressViewOffset", refreshRequested: "refreshRequested", initialNumToRender: "initialNumToRender", initialScrollIndex: "initialScrollIndex", maxToRenderPerBatch: "maxToRenderPerBatch", updateCellsBatchingPeriod: "updateCellsBatchingPeriod", windowSize: "windowSize", inverted: "inverted", 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" }, queries: [{ propertyName: "sectionItemDir", first: true, predicate: VSectionItemDirective, descendants: true }, { propertyName: "sectionHeaderDir", first: true, predicate: VSectionHeaderDirective, descendants: true }, { propertyName: "sectionFooterDir", first: true, predicate: VSectionFooterDirective, descendants: true }, { propertyName: "sectionSeparatorDir", first: true, predicate: VSectionSeparatorDirective, descendants: true }, { propertyName: "listHeaderDir", first: true, predicate: VListHeaderDirective, descendants: true }, { propertyName: "listFooterDir", first: true, predicate: VListFooterDirective, descendants: true }, { propertyName: "listEmptyDir", first: true, predicate: VListEmptyDirective, descendants: true }, { propertyName: "itemSeparatorDir", first: true, predicate: VListSeparatorDirective, descendants: true }], viewQueries: [{ propertyName: "list", first: true, predicate: VirtualizedList, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: "\n  <VirtualizedList\n    [data]=\"flatEntries\"\n    [getItem]=\"getEntry\"\n    [getItemCount]=\"getEntryCount\"\n    [keyExtractor]=\"entryKeyExtractor\"\n    [getItemLayout]=\"entryItemLayout\"\n    [stickyHeaderIndices]=\"stickyHeaderIndices\"\n    [extraData]=\"extraData\"\n    [inverted]=\"inverted\"\n    [refreshing]=\"refreshing\"\n    [progressViewOffset]=\"progressViewOffset\"\n    [refreshRequested]=\"refreshRequested ?? refresh.observed\"\n    (refresh)=\"resolvedOnRefresh?.()\"\n    (endReached)=\"resolvedOnEndReached?.($event)\"\n    [onEndReachedThreshold]=\"onEndReachedThreshold\"\n    (startReached)=\"resolvedOnStartReached?.($event)\"\n    [onStartReachedThreshold]=\"onStartReachedThreshold\"\n    [initialNumToRender]=\"initialNumToRender\"\n    [initialScrollIndex]=\"initialScrollIndex\"\n    [maxToRenderPerBatch]=\"maxToRenderPerBatch\"\n    [updateCellsBatchingPeriod]=\"updateCellsBatchingPeriod\"\n    [windowSize]=\"windowSize\"\n    [maintainVisibleContentPosition]=\"maintainVisibleContentPosition\"\n    [onScroll]=\"onScroll\"\n    [onScrollBeginDrag]=\"onScrollBeginDrag\"\n    [onScrollEndDrag]=\"onScrollEndDrag\"\n    [onMomentumScrollBegin]=\"onMomentumScrollBegin\"\n    [onMomentumScrollEnd]=\"onMomentumScrollEnd\"\n    [scrollEventThrottle]=\"scrollEventThrottle\"\n    [keyboardShouldPersistTaps]=\"keyboardShouldPersistTaps\"\n    [keyboardDismissMode]=\"keyboardDismissMode\"\n    [removeClippedSubviews]=\"removeClippedSubviews\"\n    [nestedScrollEnabled]=\"nestedScrollEnabled\"\n    [style]=\"resolvedStyle\"\n    [contentContainerStyle]=\"contentContainerStyle\"\n    [testID]=\"testID\"\n    [nativeID]=\"nativeID\"\n    \n  [accessible]=\"accessible\"\n  [accessibilityLabel]=\"accessibilityLabel\"\n  [accessibilityHint]=\"accessibilityHint\"\n  [accessibilityRole]=\"accessibilityRole\"\n  [accessibilityState]=\"accessibilityState\"\n  [accessibilityValue]=\"accessibilityValue\"\n  [accessibilityActions]=\"accessibilityActions\"\n  [accessibilityLabelledBy]=\"accessibilityLabelledBy\"\n  [importantForAccessibility]=\"importantForAccessibility\"\n  [accessibilityLiveRegion]=\"accessibilityLiveRegion\"\n  [screenReaderFocusable]=\"screenReaderFocusable\"\n  [accessibilityViewIsModal]=\"accessibilityViewIsModal\"\n  [accessibilityElementsHidden]=\"accessibilityElementsHidden\"\n  [accessibilityIgnoresInvertColors]=\"accessibilityIgnoresInvertColors\"\n  [accessibilityLanguage]=\"accessibilityLanguage\"\n  [accessibilityRespondsToUserInteraction]=\"accessibilityRespondsToUserInteraction\"\n  [accessibilityShowsLargeContentViewer]=\"accessibilityShowsLargeContentViewer\"\n  [accessibilityLargeContentTitle]=\"accessibilityLargeContentTitle\"\n  (accessibilityAction)=\"accessibilityAction.emit($event)\"\n  (accessibilityTap)=\"accessibilityTap.emit($event)\"\n  (magicTap)=\"magicTap.emit($event)\"\n  (accessibilityEscape)=\"accessibilityEscape.emit($event)\"\n  [role]=\"role\"\n  [aria-label]=\"ariaLabel\"\n  [aria-labelledby]=\"ariaLabelledBy\"\n  [aria-live]=\"ariaLive\"\n  [aria-hidden]=\"ariaHidden\"\n  [aria-busy]=\"ariaBusy\"\n  [aria-checked]=\"ariaChecked\"\n  [aria-disabled]=\"ariaDisabled\"\n  [aria-expanded]=\"ariaExpanded\"\n  [aria-selected]=\"ariaSelected\"\n  [aria-modal]=\"ariaModal\"\n  [aria-valuemax]=\"ariaValueMax\"\n  [aria-valuemin]=\"ariaValueMin\"\n  [aria-valuenow]=\"ariaValueNow\"\n  [aria-valuetext]=\"ariaValueText\"\n\n  >\n    <!-- The single synthesized cell template: dispatch per flattened entry tag -->\n    <ng-template vListItem let-entry let-separators=\"separators\">\n      @switch (entryKind(entry)) {\n        @case ('header') {\n          <ng-container\n            [vListOutlet]=\"sectionHeaderDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('footer') {\n          <ng-container\n            [vListOutlet]=\"sectionFooterDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('section-separator') {\n          <ng-container\n            [vListOutlet]=\"sectionSeparatorDir?.templateRef\"\n          ></ng-container>\n        }\n        @case ('item') {\n          <ng-container\n            [vListOutlet]=\"sectionItemDir?.templateRef\"\n            [vListOutletContext]=\"itemContextOf(entry, separators)\"\n          ></ng-container>\n        }\n      }\n    </ng-template>\n\n    <!-- List-level slots: forward the app's directives to the inner list -->\n    @if (listHeaderDir !== undefined) {\n      <ng-template vListHeader>\n        <ng-container [vListOutlet]=\"listHeaderDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listFooterDir !== undefined) {\n      <ng-template vListFooter>\n        <ng-container [vListOutlet]=\"listFooterDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listEmptyDir !== undefined) {\n      <ng-template vListEmpty>\n        <ng-container [vListOutlet]=\"listEmptyDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    <!-- Item separator: unwrap each flattened entry back to its item -->\n    @if (itemSeparatorDir !== undefined) {\n      <ng-template\n        vListSeparator\n        let-highlighted\n        let-leadingItem=\"leadingItem\"\n        let-trailingItem=\"trailingItem\"\n      >\n        <ng-container\n          [vListOutlet]=\"itemSeparatorDir.templateRef\"\n          [vListOutletContext]=\"\n            itemSeparatorContextOf(highlighted, leadingItem, trailingItem)\n          \"\n        ></ng-container>\n      </ng-template>\n    }\n  </VirtualizedList>\n", isInline: true, dependencies: [{ kind: "component", type: VirtualizedList, selector: "VirtualizedList" }, { kind: "directive", type: VListItemDirective, selector: "[vListItem]" }, { kind: "directive", type: VListHeaderDirective, selector: "[vListHeader]" }, { kind: "directive", type: VListFooterDirective, selector: "[vListFooter]" }, { kind: "directive", type: VListEmptyDirective, selector: "[vListEmpty]" }, { kind: "directive", type: VListSeparatorDirective, selector: "[vListSeparator]" }, { kind: "directive", type: VListOutletDirective, selector: "[vListOutlet]", inputs: ["vListOutlet", "vListOutletContext"] }], viewProviders: [provideGateDemand(() => VirtualizedSectionList)], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VirtualizedSectionList, isStandalone: true, selector: "VirtualizedSectionList", inputs: { sections: "sections", keyExtractor: "keyExtractor", getItemLayout: "getItemLayout", stickySectionHeadersEnabled: "stickySectionHeadersEnabled", extraData: "extraData", onEndReachedThreshold: "onEndReachedThreshold", onStartReachedThreshold: "onStartReachedThreshold", refreshing: "refreshing", progressViewOffset: "progressViewOffset", refreshRequested: "refreshRequested", initialNumToRender: "initialNumToRender", initialScrollIndex: "initialScrollIndex", maxToRenderPerBatch: "maxToRenderPerBatch", updateCellsBatchingPeriod: "updateCellsBatchingPeriod", windowSize: "windowSize", disableVirtualization: "disableVirtualization", inverted: "inverted", horizontal: "horizontal", 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", cellRendererTemplate: "cellRendererTemplate" }, queries: [{ propertyName: "sectionItemDir", first: true, predicate: VSectionItemDirective, descendants: true }, { propertyName: "sectionHeaderDir", first: true, predicate: VSectionHeaderDirective, descendants: true }, { propertyName: "sectionFooterDir", first: true, predicate: VSectionFooterDirective, descendants: true }, { propertyName: "sectionSeparatorDir", first: true, predicate: VSectionSeparatorDirective, descendants: true }, { propertyName: "listHeaderDir", first: true, predicate: VListHeaderDirective, descendants: true }, { propertyName: "listFooterDir", first: true, predicate: VListFooterDirective, descendants: true }, { propertyName: "listEmptyDir", first: true, predicate: VListEmptyDirective, descendants: true }, { propertyName: "itemSeparatorDir", first: true, predicate: VListSeparatorDirective, descendants: true }, { propertyName: "cellDir", first: true, predicate: VListCellDirective, descendants: true }], viewQueries: [{ propertyName: "list", first: true, predicate: VirtualizedList, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: "\n  <VirtualizedList\n    [data]=\"flatEntries\"\n    [getItem]=\"getEntry\"\n    [getItemCount]=\"getEntryCount\"\n    [keyExtractor]=\"entryKeyExtractor\"\n    [getItemLayout]=\"entryItemLayout\"\n    [stickyHeaderIndices]=\"stickyHeaderIndices\"\n    [extraData]=\"extraData\"\n    [inverted]=\"inverted\"\n    [horizontal]=\"horizontal\"\n    [refreshing]=\"refreshing\"\n    [progressViewOffset]=\"progressViewOffset\"\n    [refreshRequested]=\"refreshRequested ?? refresh.observed\"\n    (refresh)=\"resolvedOnRefresh?.()\"\n    (endReached)=\"resolvedOnEndReached?.($event)\"\n    [onEndReachedThreshold]=\"onEndReachedThreshold\"\n    (startReached)=\"resolvedOnStartReached?.($event)\"\n    [onStartReachedThreshold]=\"onStartReachedThreshold\"\n    [initialNumToRender]=\"initialNumToRender\"\n    [initialScrollIndex]=\"initialScrollIndex\"\n    [maxToRenderPerBatch]=\"maxToRenderPerBatch\"\n    [updateCellsBatchingPeriod]=\"updateCellsBatchingPeriod\"\n    [windowSize]=\"windowSize\"\n    [disableVirtualization]=\"disableVirtualization\"\n    [maintainVisibleContentPosition]=\"maintainVisibleContentPosition\"\n    [onScroll]=\"onScroll\"\n    [onScrollBeginDrag]=\"onScrollBeginDrag\"\n    [onScrollEndDrag]=\"onScrollEndDrag\"\n    [onMomentumScrollBegin]=\"onMomentumScrollBegin\"\n    [onMomentumScrollEnd]=\"onMomentumScrollEnd\"\n    [onContentSizeChange]=\"onContentSizeChange\"\n    [scrollEventThrottle]=\"scrollEventThrottle\"\n    [keyboardShouldPersistTaps]=\"keyboardShouldPersistTaps\"\n    [keyboardDismissMode]=\"keyboardDismissMode\"\n    [removeClippedSubviews]=\"removeClippedSubviews\"\n    [nestedScrollEnabled]=\"nestedScrollEnabled\"\n    [stickyHeaderHiddenOnScroll]=\"stickyHeaderHiddenOnScroll\"\n    [innerViewRef]=\"innerViewRef\"\n    [style]=\"resolvedStyle\"\n    [contentContainerStyle]=\"contentContainerStyle\"\n    [listHeaderComponentStyle]=\"listHeaderComponentStyle\"\n    [listFooterComponentStyle]=\"listFooterComponentStyle\"\n    [cellRendererTemplate]=\"cellRendererTpl\"\n    [testID]=\"testID\"\n    [nativeID]=\"nativeID\"\n    \n  [accessible]=\"accessible\"\n  [accessibilityLabel]=\"accessibilityLabel\"\n  [accessibilityHint]=\"accessibilityHint\"\n  [accessibilityRole]=\"accessibilityRole\"\n  [accessibilityState]=\"accessibilityState\"\n  [accessibilityValue]=\"accessibilityValue\"\n  [accessibilityActions]=\"accessibilityActions\"\n  [accessibilityLabelledBy]=\"accessibilityLabelledBy\"\n  [importantForAccessibility]=\"importantForAccessibility\"\n  [accessibilityLiveRegion]=\"accessibilityLiveRegion\"\n  [screenReaderFocusable]=\"screenReaderFocusable\"\n  [accessibilityViewIsModal]=\"accessibilityViewIsModal\"\n  [accessibilityElementsHidden]=\"accessibilityElementsHidden\"\n  [accessibilityIgnoresInvertColors]=\"accessibilityIgnoresInvertColors\"\n  [accessibilityLanguage]=\"accessibilityLanguage\"\n  [accessibilityRespondsToUserInteraction]=\"accessibilityRespondsToUserInteraction\"\n  [accessibilityShowsLargeContentViewer]=\"accessibilityShowsLargeContentViewer\"\n  [accessibilityLargeContentTitle]=\"accessibilityLargeContentTitle\"\n  (accessibilityAction)=\"accessibilityAction.emit($event)\"\n  (accessibilityTap)=\"accessibilityTap.emit($event)\"\n  (magicTap)=\"magicTap.emit($event)\"\n  (accessibilityEscape)=\"accessibilityEscape.emit($event)\"\n  [role]=\"role\"\n  [aria-label]=\"ariaLabel\"\n  [aria-labelledby]=\"ariaLabelledBy\"\n  [aria-live]=\"ariaLive\"\n  [aria-hidden]=\"ariaHidden\"\n  [aria-busy]=\"ariaBusy\"\n  [aria-checked]=\"ariaChecked\"\n  [aria-disabled]=\"ariaDisabled\"\n  [aria-expanded]=\"ariaExpanded\"\n  [aria-selected]=\"ariaSelected\"\n  [aria-modal]=\"ariaModal\"\n  [aria-valuemax]=\"ariaValueMax\"\n  [aria-valuemin]=\"ariaValueMin\"\n  [aria-valuenow]=\"ariaValueNow\"\n  [aria-valuetext]=\"ariaValueText\"\n\n  >\n    <!-- The single synthesized cell template: dispatch per flattened entry tag -->\n    <ng-template vListItem let-entry let-index=\"index\">\n      @switch (entryKind(entry)) {\n        @case ('header') {\n          <ng-container\n            [vListOutlet]=\"sectionHeaderDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('footer') {\n          <ng-container\n            [vListOutlet]=\"sectionFooterDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('item') {\n          @let plan = cellPlanOf(entry, index);\n          @if (plan !== undefined) {\n            <ng-container\n              vSectionCell\n              #cell=\"vSectionCell\"\n              [board]=\"board\"\n              [cellKey]=\"plan.cellKey\"\n              [prevCellKey]=\"plan.prevCellKey\"\n              [hasLeading]=\"plan.hasLeading\"\n              [hasTrailing]=\"plan.hasTrailing\"\n            >\n              <ng-container\n                [vListOutlet]=\"plan.first.template\"\n                [vListOutletContext]=\"cell.contextOf(plan.first)\"\n              ></ng-container>\n              <ng-container\n                [vListOutlet]=\"plan.itemTemplate\"\n                [vListOutletContext]=\"itemContextOf(entry, cell.separators)\"\n              ></ng-container>\n              <ng-container\n                [vListOutlet]=\"plan.second.template\"\n                [vListOutletContext]=\"cell.contextOf(plan.second)\"\n              ></ng-container>\n            </ng-container>\n          }\n        }\n      }\n    </ng-template>\n\n    <!-- List-level slots: forward the app's directives to the inner list -->\n    @if (listHeaderDir !== undefined) {\n      <ng-template vListHeader>\n        <ng-container [vListOutlet]=\"listHeaderDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listFooterDir !== undefined) {\n      <ng-template vListFooter>\n        <ng-container [vListOutlet]=\"listFooterDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listEmptyDir !== undefined) {\n      <ng-template vListEmpty>\n        <ng-container [vListOutlet]=\"listEmptyDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n  </VirtualizedList>\n", isInline: true, dependencies: [{ kind: "component", type: VirtualizedList, selector: "VirtualizedList" }, { kind: "directive", type: VListItemDirective, selector: "[vListItem]" }, { kind: "directive", type: VListHeaderDirective, selector: "[vListHeader]" }, { kind: "directive", type: VListFooterDirective, selector: "[vListFooter]" }, { kind: "directive", type: VListEmptyDirective, selector: "[vListEmpty]" }, { kind: "directive", type: VListOutletDirective, selector: "[vListOutlet]", inputs: ["vListOutlet", "vListOutletContext", "vListOutletComponent"] }, { kind: "directive", type: VSectionCellDirective, selector: "[vSectionCell]", inputs: ["board", "cellKey", "prevCellKey", "hasLeading", "hasTrailing"], exportAs: ["vSectionCell"] }], viewProviders: [provideGateDemand(() => VirtualizedSectionList)], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VirtualizedSectionList, decorators: [{
             type: Component,
@@ -169,8 +184,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         VListHeaderDirective,
                         VListFooterDirective,
                         VListEmptyDirective,
-                        VListSeparatorDirective,
                         VListOutletDirective,
+                        VSectionCellDirective,
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: VIRTUALIZED_SECTION_LIST_TEMPLATE,
@@ -206,8 +221,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], windowSize: [{
                 type: Input
+            }], disableVirtualization: [{
+                type: Input
             }], inverted: [{
                 type: Input
+            }], horizontal: [{
+                type: Input
             }], maintainVisibleContentPosition: [{
                 type: Input
             }], onScroll: [{
@@ -220,6 +239,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], onMomentumScrollEnd: [{
                 type: Input
+            }], onContentSizeChange: [{
+                type: Input
             }], scrollEventThrottle: [{
                 type: Input
             }], keyboardShouldPersistTaps: [{
@@ -230,10 +251,18 @@ 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: [{
@@ -262,6 +291,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }], itemSeparatorDir: [{
                 type: ContentChild,
                 args: [VListSeparatorDirective]
+            }], cellDir: [{
+                type: ContentChild,
+                args: [VListCellDirective]
+            }], cellRendererTemplate: [{
+                type: Input
             }], list: [{
                 type: ViewChild,
                 args: [VirtualizedList]

package/build/angular/components/virtualized-section-list/index.js.map

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

package/build/angular/components/virtualized-section-list/section-cell.d.ts

@@ -0,0 +1,29 @@
+import { type OnChanges, type OnDestroy, type SimpleChanges, type TemplateRef } from '@angular/core';
+import { type ICellSeparatorState, type ISeparatorBoard, type ISeparatorGap, type ISeparators, type ISeparatorSide } from '@symbiote-native/components';
+import type { IVListSeparatorContext } from '../virtualized-list';
+import type { ISection } from './directives';
+import * as i0 from "@angular/core";
+export type ISeparatorSlot<ItemT> = {
+    template: TemplateRef<IVListSeparatorContext<ItemT>> | undefined;
+    gap: ISeparatorGap<ItemT, ISection<ItemT>>;
+    side: ISeparatorSide;
+};
+export declare function separatorContextOf<ItemT>(slot: ISeparatorSlot<ItemT>, state: ICellSeparatorState<Record<string, unknown>>): IVListSeparatorContext<ItemT> | undefined;
+export declare class VSectionCellDirective implements OnChanges, OnDestroy {
+    board: ISeparatorBoard<Record<string, unknown>>;
+    cellKey: string;
+    prevCellKey?: string;
+    hasLeading: boolean;
+    hasTrailing: boolean;
+    private readonly cdr;
+    private unsubscribe;
+    private subscribedKey;
+    private cachedSeparators;
+    get separators(): ISeparators;
+    contextOf<ItemT>(slot: ISeparatorSlot<ItemT>): IVListSeparatorContext<ItemT> | undefined;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private detach;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VSectionCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VSectionCellDirective, "[vSectionCell]", ["vSectionCell"], { "board": { "alias": "board"; "required": true; }; "cellKey": { "alias": "cellKey"; "required": true; }; "prevCellKey": { "alias": "prevCellKey"; "required": false; }; "hasLeading": { "alias": "hasLeading"; "required": false; }; "hasTrailing": { "alias": "hasTrailing"; "required": false; }; }, {}, never, never, true, never>;
+}

package/build/angular/components/virtualized-section-list/section-cell.js

@@ -0,0 +1,82 @@
+// An item cell with its separators around it, as in RN's `ItemWithSeparator`
+// The state of those separators lives in a board shared by all cells, т.к. `highlight()` also
+// lights the previous cell's one, this directive ties one cell to its key in that board
+import { ChangeDetectorRef, Directive, Input, inject, } from '@angular/core';
+import { createCellSeparators, SEPARATOR_SIDE, } from '@symbiote-native/components';
+import * as i0 from "@angular/core";
+// The separator props RN passes, the app's `updateProps` overrides laid over them
+export function separatorContextOf(slot, state) {
+    if (slot.template === undefined || slot.gap.props === undefined)
+        return undefined;
+    const isLeading = slot.side === SEPARATOR_SIDE.leading;
+    const override = isLeading ? state.leadingOverride : state.trailingOverride;
+    const isHighlighted = isLeading
+        ? state.leadingHighlighted
+        : state.trailingHighlighted;
+    const bag = {
+        $implicit: isHighlighted,
+        highlighted: isHighlighted,
+        ...slot.gap.props,
+        ...override,
+    };
+    return { ...bag, props: bag };
+}
+export class VSectionCellDirective {
+    constructor() {
+        this.hasLeading = false;
+        this.hasTrailing = false;
+        this.cdr = inject(ChangeDetectorRef);
+    }
+    get separators() {
+        this.cachedSeparators ??= createCellSeparators(this.board, () => ({
+            cellKey: this.cellKey,
+            prevCellKey: this.prevCellKey,
+            has: { leading: this.hasLeading, trailing: this.hasTrailing },
+        }));
+        return this.cachedSeparators;
+    }
+    contextOf(slot) {
+        return separatorContextOf(slot, this.board.read(this.cellKey));
+    }
+    ngOnChanges(changes) {
+        if (changes['cellKey'] === undefined && changes['board'] === undefined)
+            return;
+        this.detach();
+        this.subscribedKey = this.cellKey;
+        this.unsubscribe = this.board.subscribe(this.cellKey, () => this.cdr.markForCheck());
+    }
+    ngOnDestroy() {
+        this.detach();
+    }
+    // A recycled cell starts clean, as a remounted RN cell does
+    detach() {
+        this.unsubscribe?.();
+        if (this.subscribedKey !== undefined)
+            this.board.release(this.subscribedKey);
+        this.unsubscribe = undefined;
+        this.subscribedKey = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VSectionCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: VSectionCellDirective, isStandalone: true, selector: "[vSectionCell]", inputs: { board: "board", cellKey: "cellKey", prevCellKey: "prevCellKey", hasLeading: "hasLeading", hasTrailing: "hasTrailing" }, exportAs: ["vSectionCell"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VSectionCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vSectionCell]',
+                    exportAs: 'vSectionCell',
+                    standalone: true,
+                }]
+        }], propDecorators: { board: [{
+                type: Input,
+                args: [{ required: true }]
+            }], cellKey: [{
+                type: Input,
+                args: [{ required: true }]
+            }], prevCellKey: [{
+                type: Input
+            }], hasLeading: [{
+                type: Input
+            }], hasTrailing: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=section-cell.js.map

package/build/angular/components/virtualized-section-list/section-cell.js.map

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