@symbiote-native/angular 0.1.0

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

@@ -0,0 +1,641 @@
+// SectionList, the Angular public list-of-sections component. A thin convenience surface over
+// VirtualizedSectionList, mirroring RN's layering (SectionList -> VirtualizedSectionList ->
+// VirtualizedList). All section-flattening / windowing / sticky-header / imperative-scroll logic
+// lives below; this layer re-exposes the same surface under the SectionList name and re-exposes the
+// handle (delegating to the inner VirtualizedSectionList). The Angular twin of
+// adapters/vue/src/components/section-list/index.ts.
+//
+// As in the Vue twin, SectionList is a PURE FORWARDER: its public prop surface IS
+// VirtualizedSectionList's (RN layers them one-for-one), and the SectionList-flavour defaults
+// (stickySectionHeadersEnabled per Platform.OS, the section entry keyExtractor) already live INSIDE
+// VirtualizedSectionList — it applies `stickySectionHeadersEnabled ?? (Platform.OS === 'ios')` in
+// its ngDoCheck and routes keyExtractor through the shared sectionEntryKey. So SectionList forwards
+// each prop unchanged (undefined included) and the default lands one layer down; double-applying
+// here would fight VSL. Vue spreads $attrs to do this in one line — Angular has no attrs-spread, so
+// every prop is forwarded as an explicit @Input binding, except the seven list-lifecycle events
+// (endReached/startReached/refresh/accessibilityAction/accessibilityTap/magicTap/
+// accessibilityEscape), which are real @Output() EventEmitters re-emitted via a listener binding.
+//
+// TEMPLATE FORWARDING — RE-STAMP, the same pattern FlatList's single-column branch was fixed to use
+// (see flat-list/index.ts). A bare `<ng-content></ng-content>` passthrough does NOT let
+// VirtualizedSectionList's own @ContentChild resolve directives across the SECOND projection hop
+// (SectionList's own `<ng-content>` re-projecting content that was actually authored on `<SectionList>`
+// by the app, one level further out) — Angular's content queries resolve against what was projected
+// directly onto the querying component's OWN tag, not transitively through a nested `<ng-content>`
+// relay. So SectionList captures the app's `<ng-template vSectionItem>` / vSectionHeader /
+// vSectionFooter / vSectionSeparator / vListHeader / vListFooter / vListEmpty / vListSeparator with
+// its OWN @ContentChild (a single, direct projection hop — this always resolves) and re-authors
+// equivalent `<ng-template>`s on `<VirtualizedSectionList>`, each forwarding the captured
+// templateRef + context through VListOutletDirective, exactly mirroring how VirtualizedSectionList
+// itself re-stamps its own captured directives onto its inner VirtualizedList.
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, Input, Output, ViewChild, inject, } from '@angular/core';
+import {} from '@symbiote-native/engine';
+import { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListSeparatorDirective, } from '../virtualized-list';
+import { VListOutletDirective } from '../virtualized-list/directives';
+import { stableAnchorStyle } from '../../primitives';
+import { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, VirtualizedSectionList, } from '../virtualized-section-list';
+import * as i0 from "@angular/core";
+// Angular cannot preserve VListSeparatorDirective<ItemT>'s type parameter across this re-stamp
+// reuse (the directive is matched structurally in SectionList's own template with no explicit type
+// argument to pin ItemT to, so `let-leadingItem`/`let-trailingItem` arrive typed `unknown`) — even
+// though VirtualizedSectionList's own unwrap always supplies a real ItemT value. The narrowest
+// possible I/O-boundary cast for that gap; not a general-purpose unknown-to-T narrowing (mirrors
+// flat-list/index.ts's identical asItem helper).
+function asItem(value) {
+    return value;
+}
+// Re-export the section authoring directives + the list-level slot directives so app code importing
+// from '@symbiote-native/angular' gets the full `<ng-template vSection*>` / `vList*` authoring surface
+// alongside SectionList (mirrors how virtualized-section-list/index re-exports the section ones and
+// FlatList re-exports the list-level ones).
+export { VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from '../virtualized-section-list';
+export { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListSeparatorDirective, } from '../virtualized-list';
+export class SectionList {
+    sections;
+    keyExtractor;
+    stickySectionHeadersEnabled;
+    extraData;
+    endReached = new EventEmitter();
+    onEndReachedThreshold;
+    startReached = new EventEmitter();
+    onStartReachedThreshold;
+    refresh = new EventEmitter();
+    refreshing;
+    progressViewOffset;
+    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 SectionList's OWN host, not `list`'s inner VirtualizedSectionList.
+    // A plain `flattenStyle([...])` here would allocate a FRESH object on every getter read (every CD
+    // check), which — bound onto the nested VirtualizedSectionList/VirtualizedList's own `@Input()
+    // style` — defeats VirtualizedList's `ngDoCheck` dedup gate and free-runs change detection
+    // forever (the exact bug `stableAnchorStyle` exists to prevent, see its doc comment and the
+    // `flat-list-array-style.test.ts` regression it fixes). `cachedResolvedStyle` is the getter's own
+    // persisted "previous" value across reads, since a getter has no natural field to compare against.
+    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 app's section/list authoring templates, captured from the app's DIRECT projected content
+    // (single hop — always resolves) and re-stamped onto the inner VirtualizedSectionList above.
+    sectionItemDir;
+    sectionHeaderDir;
+    sectionFooterDir;
+    sectionSeparatorDir;
+    listHeaderDir;
+    listFooterDir;
+    listEmptyDir;
+    itemSeparatorDir;
+    // The composed inner VirtualizedSectionList. Its instance IS an IVirtualizedSectionListHandle, so
+    // SectionList's handle delegates straight to it. Available from ngAfterViewInit; reads lazily.
+    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
+    // `<VirtualizedSectionList>` one level down (itself its own separate anchor host).
+    elementRef = inject(ElementRef);
+    // The item separator context: leadingItem/trailingItem arrive `unknown` from the template's `let`
+    // bindings (see the asItem boundary comment above), already-unwrapped real items (no envelope to
+    // narrow through, unlike a section header/footer entry).
+    itemSeparatorContext(highlighted, leadingItem, trailingItem) {
+        const isHighlighted = highlighted === true;
+        return {
+            $implicit: isHighlighted,
+            highlighted: isHighlighted,
+            leadingItem: asItem(leadingItem),
+            trailingItem: asItem(trailingItem),
+        };
+    }
+    // ---- imperative handle (the shared IVirtualizedSectionListHandle surface) — delegates down ----
+    scrollToLocation(params) {
+        this.list?.scrollToLocation(params);
+    }
+    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: SectionList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: SectionList, isStandalone: true, selector: "SectionList", inputs: { sections: "sections", keyExtractor: "keyExtractor", stickySectionHeadersEnabled: "stickySectionHeadersEnabled", extraData: "extraData", onEndReachedThreshold: "onEndReachedThreshold", onStartReachedThreshold: "onStartReachedThreshold", refreshing: "refreshing", progressViewOffset: "progressViewOffset", 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: VirtualizedSectionList, descendants: true }], ngImport: i0, template: `
+    <VirtualizedSectionList
+      [sections]="sections"
+      [keyExtractor]="keyExtractor"
+      [stickySectionHeadersEnabled]="stickySectionHeadersEnabled"
+      [extraData]="extraData"
+      (endReached)="endReached.emit($event)"
+      [onEndReachedThreshold]="onEndReachedThreshold"
+      (startReached)="startReached.emit($event)"
+      [onStartReachedThreshold]="onStartReachedThreshold"
+      (refresh)="refresh.emit()"
+      [refreshRequested]="refresh.observed"
+      [refreshing]="refreshing"
+      [progressViewOffset]="progressViewOffset"
+      [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]="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)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($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"
+    >
+      <ng-template
+        vSectionItem
+        let-item
+        let-index="index"
+        let-section="section"
+        let-separators="separators"
+      >
+        <ng-container
+          [vListOutlet]="sectionItemDir?.templateRef"
+          [vListOutletContext]="{ $implicit: item, item, index, section, separators }"
+        ></ng-container>
+      </ng-template>
+      @if (sectionHeaderDir !== undefined) {
+        <ng-template vSectionHeader let-section>
+          <ng-container
+            [vListOutlet]="sectionHeaderDir.templateRef"
+            [vListOutletContext]="{ $implicit: section, section }"
+          ></ng-container>
+        </ng-template>
+      }
+      @if (sectionFooterDir !== undefined) {
+        <ng-template vSectionFooter let-section>
+          <ng-container
+            [vListOutlet]="sectionFooterDir.templateRef"
+            [vListOutletContext]="{ $implicit: section, section }"
+          ></ng-container>
+        </ng-template>
+      }
+      @if (sectionSeparatorDir !== undefined) {
+        <ng-template vSectionSeparator>
+          <ng-container [vListOutlet]="sectionSeparatorDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @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>
+      }
+      @if (itemSeparatorDir !== undefined) {
+        <ng-template
+          vListSeparator
+          let-highlighted="highlighted"
+          let-leadingItem="leadingItem"
+          let-trailingItem="trailingItem"
+        >
+          <ng-container
+            [vListOutlet]="itemSeparatorDir.templateRef"
+            [vListOutletContext]="itemSeparatorContext(highlighted, leadingItem, trailingItem)"
+          ></ng-container>
+        </ng-template>
+      }
+    </VirtualizedSectionList>
+  `, isInline: true, dependencies: [{ kind: "component", type: VirtualizedSectionList, selector: "VirtualizedSectionList", inputs: ["sections", "keyExtractor", "stickySectionHeadersEnabled", "extraData", "onEndReachedThreshold", "onStartReachedThreshold", "refreshing", "progressViewOffset", "refreshRequested", "initialNumToRender", "initialScrollIndex", "maxToRenderPerBatch", "updateCellsBatchingPeriod", "windowSize", "inverted", "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", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }, { kind: "directive", type: VSectionItemDirective, selector: "[vSectionItem]" }, { kind: "directive", type: VSectionHeaderDirective, selector: "[vSectionHeader]" }, { kind: "directive", type: VSectionFooterDirective, selector: "[vSectionFooter]" }, { kind: "directive", type: VSectionSeparatorDirective, selector: "[vSectionSeparator]" }, { 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: SectionList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'SectionList',
+                    standalone: true,
+                    imports: [
+                        VirtualizedSectionList,
+                        VSectionItemDirective,
+                        VSectionHeaderDirective,
+                        VSectionFooterDirective,
+                        VSectionSeparatorDirective,
+                        VListHeaderDirective,
+                        VListFooterDirective,
+                        VListEmptyDirective,
+                        VListSeparatorDirective,
+                        VListOutletDirective,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <VirtualizedSectionList
+      [sections]="sections"
+      [keyExtractor]="keyExtractor"
+      [stickySectionHeadersEnabled]="stickySectionHeadersEnabled"
+      [extraData]="extraData"
+      (endReached)="endReached.emit($event)"
+      [onEndReachedThreshold]="onEndReachedThreshold"
+      (startReached)="startReached.emit($event)"
+      [onStartReachedThreshold]="onStartReachedThreshold"
+      (refresh)="refresh.emit()"
+      [refreshRequested]="refresh.observed"
+      [refreshing]="refreshing"
+      [progressViewOffset]="progressViewOffset"
+      [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]="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)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($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"
+    >
+      <ng-template
+        vSectionItem
+        let-item
+        let-index="index"
+        let-section="section"
+        let-separators="separators"
+      >
+        <ng-container
+          [vListOutlet]="sectionItemDir?.templateRef"
+          [vListOutletContext]="{ $implicit: item, item, index, section, separators }"
+        ></ng-container>
+      </ng-template>
+      @if (sectionHeaderDir !== undefined) {
+        <ng-template vSectionHeader let-section>
+          <ng-container
+            [vListOutlet]="sectionHeaderDir.templateRef"
+            [vListOutletContext]="{ $implicit: section, section }"
+          ></ng-container>
+        </ng-template>
+      }
+      @if (sectionFooterDir !== undefined) {
+        <ng-template vSectionFooter let-section>
+          <ng-container
+            [vListOutlet]="sectionFooterDir.templateRef"
+            [vListOutletContext]="{ $implicit: section, section }"
+          ></ng-container>
+        </ng-template>
+      }
+      @if (sectionSeparatorDir !== undefined) {
+        <ng-template vSectionSeparator>
+          <ng-container [vListOutlet]="sectionSeparatorDir.templateRef"></ng-container>
+        </ng-template>
+      }
+      @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>
+      }
+      @if (itemSeparatorDir !== undefined) {
+        <ng-template
+          vListSeparator
+          let-highlighted="highlighted"
+          let-leadingItem="leadingItem"
+          let-trailingItem="trailingItem"
+        >
+          <ng-container
+            [vListOutlet]="itemSeparatorDir.templateRef"
+            [vListOutletContext]="itemSeparatorContext(highlighted, leadingItem, trailingItem)"
+          ></ng-container>
+        </ng-template>
+      }
+    </VirtualizedSectionList>
+  `,
+                }]
+        }], 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
+            }], 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: [VirtualizedSectionList]
+            }] } });
+//# sourceMappingURL=index.js.map

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

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