@symbiote-native/angular 0.1.0

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

@@ -0,0 +1,722 @@
+// VirtualizedSectionList, the Angular wrapper that flattens sections into one virtualized stream
+// over VirtualizedList. Each section contributes a header row, its item rows, then a footer row
+// (RN counts 2 per section); the flattened tagged sequence is fed to VirtualizedList as one list,
+// so headers/items/footers are all windowed by the same machinery. The flattening, entry keying,
+// separator-item unwrap, and scrollToLocation mapping are shared from @symbiote-native/components; this
+// file wires Angular's lifecycle (typed @Input/@Output surface + the imperative handle + the
+// per-cell-tag template dispatch). The Angular twin of the React/Vue adapters' VirtualizedSectionList.
+//
+// The KEY mechanic — per-cell-tag template dispatch. VirtualizedList renders every cell through ONE
+// `vListItem` template, but a section list has DIFFERENT cell types (section header, item, section
+// footer, between-section separators). So VSL supplies the inner list a SINGLE synthesized
+// `vListItem` template that @switch-es on the flattened entry's tag and stamps the matching app
+// template (captured via @ContentChild on the vSection* directives) through VListOutletDirective.
+// list-level header/footer/empty/item-separator reuse VirtualizedList's own directives, forwarded
+// the same way. This is the per-adapter children/render split of
+// <prop_types_split_agnostic_vs_per_adapter>: only the cell-AUTHORING shape is framework-specific.
+//
+// Accessibility / aria props are forwarded unchanged to the inner VirtualizedList, which owns the
+// shared aria→accessibility* fold before the props reach the ScrollView host.
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, Input, Output, ViewChild, inject, } from '@angular/core';
+import { flattenSections, scrollLocationToFlatIndex, sectionEntryKey, unwrapEntryItem, } from '@symbiote-native/components';
+import { Platform, dlog, } from '@symbiote-native/engine';
+import { VirtualizedList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from '../virtualized-list';
+import { VListOutletDirective } from '../virtualized-list/directives';
+import { stableAnchorStyle } from '../../primitives';
+import { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './directives';
+import * as i0 from "@angular/core";
+// Re-export the section authoring directives + their contexts so flat consumers (and SectionList)
+// import them from '../virtualized-section-list', mirroring how VirtualizedList re-exports its own.
+export { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './directives';
+export class VirtualizedSectionList {
+    sections;
+    keyExtractor;
+    stickySectionHeadersEnabled;
+    extraData;
+    endReached = new EventEmitter();
+    onEndReachedThreshold;
+    startReached = new EventEmitter();
+    onStartReachedThreshold;
+    refresh = new EventEmitter();
+    refreshing;
+    progressViewOffset;
+    // See VirtualizedList's own refreshRequested doc comment: `(refresh)="resolvedOnRefresh?.()"`
+    // above always subscribes to the inner VirtualizedList's refresh output (to re-forward it),
+    // which would otherwise make its `.observed` permanently true. SectionList passes ITS OWN
+    // public `refresh.observed` here; direct usage falls back to this component's own `.observed`.
+    refreshRequested;
+    initialNumToRender;
+    initialScrollIndex;
+    maxToRenderPerBatch;
+    updateCellsBatchingPeriod;
+    windowSize;
+    inverted;
+    maintainVisibleContentPosition;
+    onScroll;
+    onScrollBeginDrag;
+    onScrollEndDrag;
+    onMomentumScrollBegin;
+    onMomentumScrollEnd;
+    scrollEventThrottle;
+    keyboardShouldPersistTaps;
+    keyboardDismissMode;
+    style;
+    contentContainerStyle;
+    testID;
+    nativeID;
+    // Bound to the template's `[style]="resolvedStyle"`, which Angular compiles to the built-in
+    // ɵɵstyleMap instruction — it only understands a flat object, never an array (RN's own
+    // `style={[a, b]}` composition idiom crashes deep inside Angular's styling engine), so this
+    // flattens `style` via the engine's own flattenStyle before it ever reaches that binding.
+    // anchorHostStyle merges in this component's OWN anchor's class-derived style (see its doc
+    // comment) — `elementRef` below is VirtualizedSectionList's OWN host, not `list`'s inner
+    // VirtualizedList. A plain `flattenStyle([...])` here would allocate a FRESH object on every
+    // getter read, which — bound onto the inner VirtualizedList's own `@Input() style` — defeats
+    // its `ngDoCheck` dedup gate and free-runs change detection forever (see stableAnchorStyle's
+    // doc comment and the `flat-list-array-style.test.ts` regression it fixes).
+    // `cachedResolvedStyle` is the getter's own persisted "previous" value across reads.
+    cachedResolvedStyle;
+    get resolvedStyle() {
+        this.cachedResolvedStyle = stableAnchorStyle(this.elementRef, this.style, this.cachedResolvedStyle);
+        return this.cachedResolvedStyle;
+    }
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    role;
+    ariaLabel;
+    ariaLabelledBy;
+    ariaLive;
+    ariaHidden;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    // The section cell templates the app authors (the Angular twin of renderItem /
+    // renderSectionHeader / renderSectionFooter / SectionSeparatorComponent), captured from projected
+    // <ng-template> content and stamped by the synthesized vListItem dispatch.
+    sectionItemDir;
+    sectionHeaderDir;
+    sectionFooterDir;
+    sectionSeparatorDir;
+    // list-level slots reuse VirtualizedList's own directives; VSL forwards them to the inner list.
+    listHeaderDir;
+    listFooterDir;
+    listEmptyDir;
+    itemSeparatorDir;
+    // The composed inner VirtualizedList. Its instance IS an IVirtualizedListHandle, so the section
+    // handle delegates straight to it. Available from ngAfterViewInit; reads lazily, no-ops pre-commit.
+    list;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT `list` above, which targets the real inner
+    // `<VirtualizedList>` one level down (itself its own separate anchor host).
+    elementRef = inject(ElementRef);
+    // --- template-bound state, recomputed in ngDoCheck when sections / separator presence change ---
+    flatEntries = [];
+    stickyHeaderIndices = undefined;
+    // headerIndices are the flat positions of every section header; scrollToLocation maps a
+    // (sectionIndex, itemIndex) coordinate through them without re-deriving the flat layout.
+    headerIndices = [];
+    // Memo guards so flattenSections does not re-run on every CD (the inner list marks for check on
+    // every scroll tick, which re-runs VSL's ngDoCheck too).
+    lastSectionsRef = null;
+    lastHasSectionSeparator = false;
+    cdr = inject(ChangeDetectorRef);
+    ngDoCheck() {
+        const hasSectionSeparator = this.sectionSeparatorDir !== undefined;
+        if (this.sections === this.lastSectionsRef &&
+            hasSectionSeparator === this.lastHasSectionSeparator) {
+            return;
+        }
+        this.lastSectionsRef = this.sections;
+        this.lastHasSectionSeparator = hasSectionSeparator;
+        const sections = this.sections ?? [];
+        const { entries, headerIndices } = flattenSections(sections, hasSectionSeparator);
+        this.flatEntries = entries;
+        this.headerIndices = headerIndices;
+        // RN sticks section headers by default only on iOS; Android does not unless asked.
+        const stickyDefault = Platform.OS === 'ios';
+        const stickyEnabled = this.stickySectionHeadersEnabled ?? stickyDefault;
+        this.stickyHeaderIndices = stickyEnabled ? headerIndices : undefined;
+        dlog(`Angular VirtualizedSectionList: ${sections.length} sections flattened to ${entries.length} entries`);
+        this.cdr.markForCheck();
+    }
+    // The derived flat-stream accessors handed to the inner VirtualizedList. Stable arrow fields so
+    // the bindings keep a constant identity; they read the live flatEntries.
+    getEntry = (_source, index) => this.flatEntries[index];
+    getEntryCount = () => this.flatEntries.length;
+    entryKeyExtractor = (entry, index) => sectionEntryKey(entry, index, this.keyExtractor);
+    // Adapts each @Output() into the plain callback VirtualizedList's own @Input() still wants,
+    // gated on `.observed` so an unlistened event forwards `undefined` — the same "nobody cares"
+    // contract the old @Input() callback passthrough had (e.g. onRefresh presence gates whether a
+    // RefreshControl is built downstream; see the Vue twin's `listens('onRefresh')` gate).
+    get resolvedOnEndReached() {
+        return this.endReached.observed ? info => this.endReached.emit(info) : undefined;
+    }
+    get resolvedOnStartReached() {
+        return this.startReached.observed ? info => this.startReached.emit(info) : undefined;
+    }
+    get resolvedOnRefresh() {
+        return this.refresh.observed ? () => this.refresh.emit() : undefined;
+    }
+    get resolvedOnAccessibilityAction() {
+        return this.accessibilityAction.observed
+            ? event => this.accessibilityAction.emit(event)
+            : undefined;
+    }
+    get resolvedOnAccessibilityTap() {
+        return this.accessibilityTap.observed ? event => this.accessibilityTap.emit(event) : undefined;
+    }
+    get resolvedOnMagicTap() {
+        return this.magicTap.observed ? event => this.magicTap.emit(event) : undefined;
+    }
+    get resolvedOnAccessibilityEscape() {
+        return this.accessibilityEscape.observed
+            ? event => this.accessibilityEscape.emit(event)
+            : undefined;
+    }
+    // --- per-cell-tag dispatch (the inner vListItem context is typed `unknown` under strictTemplates,
+    // since VListItemDirective's generic is not bound here; narrow with a runtime guard, no casts). ---
+    isEntry(value) {
+        return typeof value === 'object' && value !== null && 'kind' in value;
+    }
+    entryKind(value) {
+        return this.isEntry(value) ? value.kind : 'unknown';
+    }
+    sectionContextOf(value) {
+        if (!this.isEntry(value))
+            return undefined;
+        if (value.kind !== 'header' && value.kind !== 'footer')
+            return undefined;
+        return { $implicit: value.section, section: value.section };
+    }
+    itemContextOf(value, separators) {
+        if (!this.isEntry(value) || value.kind !== 'item')
+            return undefined;
+        return {
+            $implicit: value.item,
+            item: value.item,
+            index: value.itemIndex,
+            section: value.section,
+            separators,
+        };
+    }
+    // The inner list's separator context carries the flattened ENTRY as leading/trailing; unwrap each
+    // back to its ItemT (shared unwrapEntryItem) so the app's item separator, typed on ItemT, sees
+    // real items (header/footer/section-separator gaps unwrap to undefined). Mirrors the React/Vue
+    // entrySeparatorComponent wrap.
+    itemSeparatorContextOf(highlighted, leadingItem, trailingItem) {
+        return {
+            $implicit: highlighted === true,
+            highlighted: highlighted === true,
+            leadingItem: this.isEntry(leadingItem) ? unwrapEntryItem(leadingItem) : undefined,
+            trailingItem: this.isEntry(trailingItem) ? unwrapEntryItem(trailingItem) : undefined,
+        };
+    }
+    // ---- imperative handle (the shared IVirtualizedSectionListHandle surface) ----
+    scrollToLocation(params) {
+        const flatIndex = scrollLocationToFlatIndex(this.headerIndices, params.sectionIndex, params.itemIndex);
+        if (flatIndex === 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,
+        });
+    }
+    flashScrollIndicators() {
+        this.list?.flashScrollIndicators();
+    }
+    getNativeScrollRef() {
+        return this.list?.getNativeScrollRef() ?? null;
+    }
+    getScrollableNode() {
+        return this.list?.getScrollableNode() ?? null;
+    }
+    getScrollResponder() {
+        return this.list?.getScrollResponder() ?? null;
+    }
+    getScrollNode() {
+        return this.list?.getScrollNode() ?? null;
+    }
+    recordInteraction() {
+        this.list?.recordInteraction();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VirtualizedSectionList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VirtualizedSectionList, isStandalone: true, selector: "VirtualizedSectionList", inputs: { sections: "sections", keyExtractor: "keyExtractor", 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", style: "style", contentContainerStyle: "contentContainerStyle", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaLive: "ariaLive", ariaHidden: "ariaHidden", ariaBusy: "ariaBusy", ariaChecked: "ariaChecked", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaSelected: "ariaSelected", ariaModal: "ariaModal", ariaValueMax: "ariaValueMax", ariaValueMin: "ariaValueMin", ariaValueNow: "ariaValueNow", ariaValueText: "ariaValueText" }, outputs: { endReached: "endReached", startReached: "startReached", refresh: "refresh", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, 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 }], ngImport: i0, template: `
+    <VirtualizedList
+      [data]="flatEntries"
+      [getItem]="getEntry"
+      [getItemCount]="getEntryCount"
+      [keyExtractor]="entryKeyExtractor"
+      [stickyHeaderIndices]="stickyHeaderIndices"
+      [extraData]="extraData"
+      [inverted]="inverted"
+      [refreshing]="refreshing"
+      [progressViewOffset]="progressViewOffset"
+      [refreshRequested]="refreshRequested ?? refresh.observed"
+      (refresh)="resolvedOnRefresh?.()"
+      (endReached)="resolvedOnEndReached?.($event)"
+      [onEndReachedThreshold]="onEndReachedThreshold"
+      (startReached)="resolvedOnStartReached?.($event)"
+      [onStartReachedThreshold]="onStartReachedThreshold"
+      [initialNumToRender]="initialNumToRender"
+      [initialScrollIndex]="initialScrollIndex"
+      [maxToRenderPerBatch]="maxToRenderPerBatch"
+      [updateCellsBatchingPeriod]="updateCellsBatchingPeriod"
+      [windowSize]="windowSize"
+      [maintainVisibleContentPosition]="maintainVisibleContentPosition"
+      [onScroll]="onScroll"
+      [onScrollBeginDrag]="onScrollBeginDrag"
+      [onScrollEndDrag]="onScrollEndDrag"
+      [onMomentumScrollBegin]="onMomentumScrollBegin"
+      [onMomentumScrollEnd]="onMomentumScrollEnd"
+      [scrollEventThrottle]="scrollEventThrottle"
+      [keyboardShouldPersistTaps]="keyboardShouldPersistTaps"
+      [keyboardDismissMode]="keyboardDismissMode"
+      [style]="resolvedStyle"
+      [contentContainerStyle]="contentContainerStyle"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [accessible]="accessible"
+      [accessibilityLabel]="accessibilityLabel"
+      [accessibilityHint]="accessibilityHint"
+      [accessibilityRole]="accessibilityRole"
+      [accessibilityState]="accessibilityState"
+      [accessibilityValue]="accessibilityValue"
+      [accessibilityActions]="accessibilityActions"
+      [accessibilityLabelledBy]="accessibilityLabelledBy"
+      [importantForAccessibility]="importantForAccessibility"
+      [accessibilityLiveRegion]="accessibilityLiveRegion"
+      [screenReaderFocusable]="screenReaderFocusable"
+      [accessibilityViewIsModal]="accessibilityViewIsModal"
+      [accessibilityElementsHidden]="accessibilityElementsHidden"
+      [accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"
+      [accessibilityLanguage]="accessibilityLanguage"
+      [accessibilityRespondsToUserInteraction]="accessibilityRespondsToUserInteraction"
+      [accessibilityShowsLargeContentViewer]="accessibilityShowsLargeContentViewer"
+      [accessibilityLargeContentTitle]="accessibilityLargeContentTitle"
+      (accessibilityAction)="resolvedOnAccessibilityAction?.($event)"
+      (accessibilityTap)="resolvedOnAccessibilityTap?.($event)"
+      (magicTap)="resolvedOnMagicTap?.($event)"
+      (accessibilityEscape)="resolvedOnAccessibilityEscape?.($event)"
+      [role]="role"
+      [ariaLabel]="ariaLabel"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaHidden]="ariaHidden"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+    >
+      <!-- The single synthesized cell template: dispatch per flattened entry tag. -->
+      <ng-template vListItem let-entry let-separators="separators">
+        @switch (entryKind(entry)) {
+          @case ('header') {
+            <ng-container
+              [vListOutlet]="sectionHeaderDir?.templateRef"
+              [vListOutletContext]="sectionContextOf(entry)"
+            ></ng-container>
+          }
+          @case ('footer') {
+            <ng-container
+              [vListOutlet]="sectionFooterDir?.templateRef"
+              [vListOutletContext]="sectionContextOf(entry)"
+            ></ng-container>
+          }
+          @case ('section-separator') {
+            <ng-container [vListOutlet]="sectionSeparatorDir?.templateRef"></ng-container>
+          }
+          @case ('item') {
+            <ng-container
+              [vListOutlet]="sectionItemDir?.templateRef"
+              [vListOutletContext]="itemContextOf(entry, separators)"
+            ></ng-container>
+          }
+        }
+      </ng-template>
+
+      <!-- list-level slots: forward the app's VirtualizedList directives to the inner list. -->
+      @if (listHeaderDir !== undefined) {
+        <ng-template vListHeader>
+          <ng-container [vListOutlet]="listHeaderDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @if (listFooterDir !== undefined) {
+        <ng-template vListFooter>
+          <ng-container [vListOutlet]="listFooterDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @if (listEmptyDir !== undefined) {
+        <ng-template vListEmpty>
+          <ng-container [vListOutlet]="listEmptyDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      <!-- item separator: forward, unwrapping each flattened entry back to its ItemT. -->
+      @if (itemSeparatorDir !== undefined) {
+        <ng-template
+          vListSeparator
+          let-highlighted
+          let-leadingItem="leadingItem"
+          let-trailingItem="trailingItem"
+        >
+          <ng-container
+            [vListOutlet]="itemSeparatorDir.templateRef"
+            [vListOutletContext]="itemSeparatorContextOf(highlighted, leadingItem, trailingItem)"
+          ></ng-container>
+        </ng-template>
+      }
+    </VirtualizedList>
+  `, isInline: true, dependencies: [{ kind: "component", type: VirtualizedList, selector: "VirtualizedList", inputs: ["data", "getItem", "getItemCount", "keyExtractor", "getItemLayout", "horizontal", "inverted", "extraData", "onEndReachedThreshold", "onStartReachedThreshold", "refreshing", "progressViewOffset", "refreshRequested", "viewabilityConfig", "viewabilityConfigCallbackPairs", "initialNumToRender", "initialScrollIndex", "maxToRenderPerBatch", "updateCellsBatchingPeriod", "windowSize", "stickyHeaderIndices", "maintainVisibleContentPosition", "onScroll", "onScrollBeginDrag", "onScrollEndDrag", "onMomentumScrollBegin", "onMomentumScrollEnd", "scrollEventThrottle", "keyboardShouldPersistTaps", "keyboardDismissMode", "style", "contentContainerStyle", "testID", "nativeID", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "role", "ariaLabel", "ariaLabelledBy", "ariaLive", "ariaHidden", "ariaBusy", "ariaChecked", "ariaDisabled", "ariaExpanded", "ariaSelected", "ariaModal", "ariaValueMax", "ariaValueMin", "ariaValueNow", "ariaValueText"], outputs: ["endReached", "startReached", "refresh", "viewableItemsChanged", "scrollToIndexFailed", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VirtualizedSectionList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'VirtualizedSectionList',
+                    standalone: true,
+                    imports: [
+                        VirtualizedList,
+                        VListItemDirective,
+                        VListHeaderDirective,
+                        VListFooterDirective,
+                        VListEmptyDirective,
+                        VListSeparatorDirective,
+                        VListOutletDirective,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <VirtualizedList
+      [data]="flatEntries"
+      [getItem]="getEntry"
+      [getItemCount]="getEntryCount"
+      [keyExtractor]="entryKeyExtractor"
+      [stickyHeaderIndices]="stickyHeaderIndices"
+      [extraData]="extraData"
+      [inverted]="inverted"
+      [refreshing]="refreshing"
+      [progressViewOffset]="progressViewOffset"
+      [refreshRequested]="refreshRequested ?? refresh.observed"
+      (refresh)="resolvedOnRefresh?.()"
+      (endReached)="resolvedOnEndReached?.($event)"
+      [onEndReachedThreshold]="onEndReachedThreshold"
+      (startReached)="resolvedOnStartReached?.($event)"
+      [onStartReachedThreshold]="onStartReachedThreshold"
+      [initialNumToRender]="initialNumToRender"
+      [initialScrollIndex]="initialScrollIndex"
+      [maxToRenderPerBatch]="maxToRenderPerBatch"
+      [updateCellsBatchingPeriod]="updateCellsBatchingPeriod"
+      [windowSize]="windowSize"
+      [maintainVisibleContentPosition]="maintainVisibleContentPosition"
+      [onScroll]="onScroll"
+      [onScrollBeginDrag]="onScrollBeginDrag"
+      [onScrollEndDrag]="onScrollEndDrag"
+      [onMomentumScrollBegin]="onMomentumScrollBegin"
+      [onMomentumScrollEnd]="onMomentumScrollEnd"
+      [scrollEventThrottle]="scrollEventThrottle"
+      [keyboardShouldPersistTaps]="keyboardShouldPersistTaps"
+      [keyboardDismissMode]="keyboardDismissMode"
+      [style]="resolvedStyle"
+      [contentContainerStyle]="contentContainerStyle"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [accessible]="accessible"
+      [accessibilityLabel]="accessibilityLabel"
+      [accessibilityHint]="accessibilityHint"
+      [accessibilityRole]="accessibilityRole"
+      [accessibilityState]="accessibilityState"
+      [accessibilityValue]="accessibilityValue"
+      [accessibilityActions]="accessibilityActions"
+      [accessibilityLabelledBy]="accessibilityLabelledBy"
+      [importantForAccessibility]="importantForAccessibility"
+      [accessibilityLiveRegion]="accessibilityLiveRegion"
+      [screenReaderFocusable]="screenReaderFocusable"
+      [accessibilityViewIsModal]="accessibilityViewIsModal"
+      [accessibilityElementsHidden]="accessibilityElementsHidden"
+      [accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"
+      [accessibilityLanguage]="accessibilityLanguage"
+      [accessibilityRespondsToUserInteraction]="accessibilityRespondsToUserInteraction"
+      [accessibilityShowsLargeContentViewer]="accessibilityShowsLargeContentViewer"
+      [accessibilityLargeContentTitle]="accessibilityLargeContentTitle"
+      (accessibilityAction)="resolvedOnAccessibilityAction?.($event)"
+      (accessibilityTap)="resolvedOnAccessibilityTap?.($event)"
+      (magicTap)="resolvedOnMagicTap?.($event)"
+      (accessibilityEscape)="resolvedOnAccessibilityEscape?.($event)"
+      [role]="role"
+      [ariaLabel]="ariaLabel"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaHidden]="ariaHidden"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+    >
+      <!-- The single synthesized cell template: dispatch per flattened entry tag. -->
+      <ng-template vListItem let-entry let-separators="separators">
+        @switch (entryKind(entry)) {
+          @case ('header') {
+            <ng-container
+              [vListOutlet]="sectionHeaderDir?.templateRef"
+              [vListOutletContext]="sectionContextOf(entry)"
+            ></ng-container>
+          }
+          @case ('footer') {
+            <ng-container
+              [vListOutlet]="sectionFooterDir?.templateRef"
+              [vListOutletContext]="sectionContextOf(entry)"
+            ></ng-container>
+          }
+          @case ('section-separator') {
+            <ng-container [vListOutlet]="sectionSeparatorDir?.templateRef"></ng-container>
+          }
+          @case ('item') {
+            <ng-container
+              [vListOutlet]="sectionItemDir?.templateRef"
+              [vListOutletContext]="itemContextOf(entry, separators)"
+            ></ng-container>
+          }
+        }
+      </ng-template>
+
+      <!-- list-level slots: forward the app's VirtualizedList directives to the inner list. -->
+      @if (listHeaderDir !== undefined) {
+        <ng-template vListHeader>
+          <ng-container [vListOutlet]="listHeaderDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @if (listFooterDir !== undefined) {
+        <ng-template vListFooter>
+          <ng-container [vListOutlet]="listFooterDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @if (listEmptyDir !== undefined) {
+        <ng-template vListEmpty>
+          <ng-container [vListOutlet]="listEmptyDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      <!-- item separator: forward, unwrapping each flattened entry back to its ItemT. -->
+      @if (itemSeparatorDir !== undefined) {
+        <ng-template
+          vListSeparator
+          let-highlighted
+          let-leadingItem="leadingItem"
+          let-trailingItem="trailingItem"
+        >
+          <ng-container
+            [vListOutlet]="itemSeparatorDir.templateRef"
+            [vListOutletContext]="itemSeparatorContextOf(highlighted, leadingItem, trailingItem)"
+          ></ng-container>
+        </ng-template>
+      }
+    </VirtualizedList>
+  `,
+                }]
+        }], propDecorators: { sections: [{
+                type: Input,
+                args: [{ required: true }]
+            }], keyExtractor: [{
+                type: Input
+            }], stickySectionHeadersEnabled: [{
+                type: Input
+            }], extraData: [{
+                type: Input
+            }], endReached: [{
+                type: Output
+            }], onEndReachedThreshold: [{
+                type: Input
+            }], startReached: [{
+                type: Output
+            }], onStartReachedThreshold: [{
+                type: Input
+            }], refresh: [{
+                type: Output
+            }], refreshing: [{
+                type: Input
+            }], progressViewOffset: [{
+                type: Input
+            }], refreshRequested: [{
+                type: Input
+            }], initialNumToRender: [{
+                type: Input
+            }], initialScrollIndex: [{
+                type: Input
+            }], maxToRenderPerBatch: [{
+                type: Input
+            }], updateCellsBatchingPeriod: [{
+                type: Input
+            }], windowSize: [{
+                type: Input
+            }], inverted: [{
+                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
+            }], style: [{
+                type: Input
+            }], contentContainerStyle: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], accessible: [{
+                type: Input
+            }], accessibilityLabel: [{
+                type: Input
+            }], accessibilityHint: [{
+                type: Input
+            }], accessibilityRole: [{
+                type: Input
+            }], accessibilityState: [{
+                type: Input
+            }], accessibilityValue: [{
+                type: Input
+            }], accessibilityActions: [{
+                type: Input
+            }], accessibilityLabelledBy: [{
+                type: Input
+            }], importantForAccessibility: [{
+                type: Input
+            }], accessibilityLiveRegion: [{
+                type: Input
+            }], screenReaderFocusable: [{
+                type: Input
+            }], accessibilityViewIsModal: [{
+                type: Input
+            }], accessibilityElementsHidden: [{
+                type: Input
+            }], accessibilityIgnoresInvertColors: [{
+                type: Input
+            }], accessibilityLanguage: [{
+                type: Input
+            }], accessibilityRespondsToUserInteraction: [{
+                type: Input
+            }], accessibilityShowsLargeContentViewer: [{
+                type: Input
+            }], accessibilityLargeContentTitle: [{
+                type: Input
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], role: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }], ariaBusy: [{
+                type: Input
+            }], ariaChecked: [{
+                type: Input
+            }], ariaDisabled: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input
+            }], ariaSelected: [{
+                type: Input
+            }], ariaModal: [{
+                type: Input
+            }], ariaValueMax: [{
+                type: Input
+            }], ariaValueMin: [{
+                type: Input
+            }], ariaValueNow: [{
+                type: Input
+            }], ariaValueText: [{
+                type: Input
+            }], sectionItemDir: [{
+                type: ContentChild,
+                args: [VSectionItemDirective]
+            }], sectionHeaderDir: [{
+                type: ContentChild,
+                args: [VSectionHeaderDirective]
+            }], sectionFooterDir: [{
+                type: ContentChild,
+                args: [VSectionFooterDirective]
+            }], sectionSeparatorDir: [{
+                type: ContentChild,
+                args: [VSectionSeparatorDirective]
+            }], listHeaderDir: [{
+                type: ContentChild,
+                args: [VListHeaderDirective]
+            }], listFooterDir: [{
+                type: ContentChild,
+                args: [VListFooterDirective]
+            }], listEmptyDir: [{
+                type: ContentChild,
+                args: [VListEmptyDirective]
+            }], itemSeparatorDir: [{
+                type: ContentChild,
+                args: [VListSeparatorDirective]
+            }], list: [{
+                type: ViewChild,
+                args: [VirtualizedList]
+            }] } });
+//# sourceMappingURL=index.js.map