@symbiote-native/angular 3.1.3 → 3.2.0

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

@@ -0,0 +1,133 @@
+// Everything a windowed list keeps per cell between passes: the context objects (reused by
+// identity), the measure closures, and the separator overrides a row drives through `separators`
+import { isSeparatorGapInRange, readLayoutLength, readLayoutOffset, } from '@symbiote-native/components';
+import { dlog } from '@symbiote-native/engine';
+// The gap a cell's `updateProps` side addresses, relative to the cell's own index
+const SEPARATOR_GAP_OFFSET = { leading: -1, trailing: 0 };
+export class CellRegistry {
+    constructor(host) {
+        this.host = host;
+        // A cell's context is the only thing its stamped view reads, and the outlet refreshes that view
+        // whenever the object's identity changes. Handing back the same object for a cell whose item and
+        // index did not move keeps a window slide from refreshing every cell in it
+        this.contexts = new Map();
+        this.nextContexts = new Map();
+        // What a cell's content can depend on besides its own item: an `extraData` flip has to drop
+        // every reused context or nothing would repaint
+        this.epoch = undefined;
+        this.separatorOverrides = new Map();
+        this.measures = new Map();
+    }
+    beginPass(epoch) {
+        const previous = this.epoch;
+        this.epoch = epoch;
+        if (previous === undefined ||
+            previous.length !== epoch.length ||
+            !previous.every((value, index) => value === epoch[index])) {
+            this.contexts.clear();
+        }
+    }
+    clear() {
+        this.contexts.clear();
+        this.nextContexts.clear();
+    }
+    // A cell that left the window is absent from the pass that just ran, so the old map is the
+    // garbage and the new one is exactly the live set
+    endPass() {
+        this.contexts = this.nextContexts;
+        this.nextContexts = new Map();
+    }
+    windowCell(index, key, includeSeparator, isSticky) {
+        const item = this.host.itemAt(index);
+        return {
+            key,
+            index,
+            context: this.contextFor(key, index, item),
+            measure: this.measureFor(index),
+            separatorContext: includeSeparator
+                ? this.separatorContextFor(index, item)
+                : undefined,
+            isSticky,
+        };
+    }
+    contextFor(key, index, item) {
+        const cached = this.contexts.get(key);
+        if (cached !== undefined &&
+            cached.$implicit === item &&
+            cached.index === index) {
+            this.nextContexts.set(key, cached);
+            return cached;
+        }
+        const context = {
+            $implicit: item,
+            index,
+            separators: this.makeSeparators(index),
+        };
+        this.nextContexts.set(key, context);
+        return context;
+    }
+    separatorContextFor(index, item) {
+        const overrides = this.separatorOverrides.get(index);
+        const highlighted = overrides?.highlighted ?? false;
+        const context = {
+            $implicit: highlighted,
+            highlighted,
+            leadingItem: item,
+            trailingItem: this.host.itemAt(index + 1),
+        };
+        // Custom `updateProps` keys ride the index signature, typed fields stay authoritative
+        if (overrides !== undefined) {
+            for (const key of Object.keys(overrides)) {
+                if (key === 'highlighted' ||
+                    key === 'leadingItem' ||
+                    key === 'trailingItem')
+                    continue;
+                context[key] = overrides[key];
+            }
+        }
+        return context;
+    }
+    measureFor(index) {
+        const existing = this.measures.get(index);
+        if (existing !== undefined)
+            return existing;
+        const measure = (event) => {
+            const horizontal = this.host.isHorizontal();
+            const length = readLayoutLength(event, horizontal);
+            if (length === undefined)
+                return;
+            const offset = readLayoutOffset(event, horizontal);
+            dlog(`Angular VirtualizedList cell ${index} measured length=${length} offset=${offset ?? 'none'}`);
+            this.host.measured(index, length, offset);
+        };
+        this.measures.set(index, measure);
+        return measure;
+    }
+    mergeSeparator(gapIndex, patch) {
+        if (!isSeparatorGapInRange(gapIndex, this.host.itemCount()))
+            return;
+        this.separatorOverrides.set(gapIndex, {
+            ...this.separatorOverrides.get(gapIndex),
+            ...patch,
+        });
+        this.host.markForCheck();
+    }
+    makeSeparators(index) {
+        return {
+            highlight: () => {
+                dlog(`Angular VirtualizedList separator highlight cell=${index}`);
+                this.mergeSeparator(index - 1, { highlighted: true });
+                this.mergeSeparator(index, { highlighted: true });
+            },
+            unhighlight: () => {
+                dlog(`Angular VirtualizedList separator unhighlight cell=${index}`);
+                this.mergeSeparator(index - 1, { highlighted: false });
+                this.mergeSeparator(index, { highlighted: false });
+            },
+            updateProps: (select, newProps) => {
+                this.mergeSeparator(index + SEPARATOR_GAP_OFFSET[select], newProps);
+            },
+        };
+    }
+}
+//# sourceMappingURL=cell-registry.js.map

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

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

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

@@ -1,191 +1,19 @@
-import { EventEmitter, TemplateRef, type AfterViewChecked, type DoCheck, type OnChanges, type OnDestroy } from '@angular/core';
-import { type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps, type IScrollViewHandle, type IViewabilityConfig, type IViewabilityConfigCallbackPair, type IViewableItemsChangedInfo, type IVirtualizedListHandle } from '@symbiote-native/components';
-import { type IStyleProp, type ISymbioteEvent, type ISymbioteNode, type IViewStyle } from '@symbiote-native/engine';
-import { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, type IVListItemContext, type IVListSeparatorContext } from './directives';
-import { type IGatedAccessibilityEvent } from '../../gate-demand';
+import { type AfterViewChecked, type DoCheck, type OnDestroy } from '@angular/core';
+import { type IListAction, type IScrollViewHandle } from '@symbiote-native/components';
+import { type ISymbioteEvent, type ISymbioteNode, type IViewStyle } from '@symbiote-native/engine';
+import { type IWindowCell } from './cell-registry';
+import { VirtualizedListBagsBase } from './list-bags';
+import type { IVirtualizedListInputs } from './list-props';
 import * as i0 from "@angular/core";
 import * as i1 from "../../primitives/shared";
 export type { ICellLayout, ISeparators, ISeparatorProps, IViewToken, IViewableItemsChangedInfo, IViewabilityConfig, IViewabilityConfigCallbackPair, IVirtualizedListHandle, } from '@symbiote-native/components';
 export { VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from './directives';
 export type { IVListItemContext, IVListSeparatorContext } from './directives';
-export interface IVirtualizedListProps<ItemT> extends IAccessibilityProps, IAriaProps {
-    data: unknown;
-    getItem: (data: unknown, index: number) => ItemT;
-    getItemCount: (data: unknown) => number;
-    keyExtractor?: (item: ItemT, index: number) => string;
-    getItemLayout?: (data: unknown, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    };
-    horizontal?: boolean;
-    inverted?: boolean;
-    extraData?: unknown;
-    onEndReached?: (info: {
-        distanceFromEnd: number;
-    }) => void;
-    onEndReachedThreshold?: number;
-    onStartReached?: (info: {
-        distanceFromStart: number;
-    }) => void;
-    onStartReachedThreshold?: number;
-    onRefresh?: () => void;
-    refreshing?: boolean | null;
-    progressViewOffset?: number;
-    onViewableItemsChanged?: (info: IViewableItemsChangedInfo<ItemT>) => void;
-    viewabilityConfig?: IViewabilityConfig;
-    viewabilityConfigCallbackPairs?: IViewabilityConfigCallbackPair<ItemT>[];
-    onScrollToIndexFailed?: (info: {
-        index: number;
-        highestMeasuredFrameIndex: number;
-        averageItemLength: number;
-    }) => void;
-    initialNumToRender?: number;
-    initialScrollIndex?: number;
-    maxToRenderPerBatch?: number;
-    updateCellsBatchingPeriod?: number;
-    windowSize?: number;
-    stickyHeaderIndices?: number[];
-    maintainVisibleContentPosition?: {
-        minIndexForVisible: number;
-        autoscrollToTopThreshold?: number;
-    };
-    onScroll?: (event: ISymbioteEvent) => void;
-    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
-    onScrollEndDrag?: (event: ISymbioteEvent) => void;
-    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
-    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
-    scrollEventThrottle?: number;
-    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
-    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
-    removeClippedSubviews?: boolean;
-    nestedScrollEnabled?: boolean;
-    style?: IStyleProp<IViewStyle>;
-    contentContainerStyle?: IStyleProp<IViewStyle>;
-}
-export type IVirtualizedListInputs<ItemT> = Omit<IVirtualizedListProps<ItemT>, 'onEndReached' | 'onStartReached' | 'onRefresh' | 'onViewableItemsChanged' | 'onScrollToIndexFailed' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
-interface IWindowCell<ItemT> {
-    key: string;
-    index: number;
-    context: IVListItemContext<ItemT>;
-    measure: (event: ISymbioteEvent) => void;
-    separatorContext?: IVListSeparatorContext<ItemT>;
-    /**
-     * Picks the cell's TAG in the template — `sticky-header` pins, `view` does not.
-     *
-     * It is stable per cell key (an index is a section header or it is not), so the `@if` never
-     * swaps an element type under a live cell and nothing remounts as the window slides.
-     */
-    isSticky: boolean;
-}
-export declare class VirtualizedList<ItemT = unknown> implements IVirtualizedListInputs<ItemT>, IVirtualizedListHandle, DoCheck, AfterViewChecked, OnChanges, OnDestroy {
-    readonly endReached: EventEmitter<{
-        distanceFromEnd: number;
-    }>;
-    readonly startReached: EventEmitter<{
-        distanceFromStart: number;
-    }>;
-    readonly refresh: EventEmitter<void>;
-    readonly viewableItemsChanged: EventEmitter<IViewableItemsChangedInfo<ItemT>>;
-    readonly scrollToIndexFailed: EventEmitter<{
-        index: number;
-        highestMeasuredFrameIndex: number;
-        averageItemLength: number;
-    }>;
-    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
-    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
-    readonly magicTap: EventEmitter<ISymbioteEvent>;
-    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
-    private readonly gateDemandAbove;
-    wantsGate(name: IGatedAccessibilityEvent): boolean;
-    data: unknown;
-    getItem: (data: unknown, index: number) => ItemT;
-    getItemCount: (data: unknown) => number;
-    keyExtractor?: (item: ItemT, index: number) => string;
-    getItemLayout?: (data: unknown, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    };
-    horizontal?: boolean;
-    inverted?: boolean;
-    extraData?: unknown;
-    onEndReachedThreshold?: number;
-    onStartReachedThreshold?: number;
-    refreshing?: boolean | null;
-    progressViewOffset?: number;
-    refreshRequested?: boolean;
-    viewabilityConfig?: IViewabilityConfig;
-    viewabilityConfigCallbackPairs?: IViewabilityConfigCallbackPair<ItemT>[];
-    initialNumToRender?: number;
-    initialScrollIndex?: number;
-    maxToRenderPerBatch?: number;
-    updateCellsBatchingPeriod?: number;
-    windowSize?: number;
-    stickyHeaderIndices?: number[];
-    maintainVisibleContentPosition?: {
-        minIndexForVisible: number;
-        autoscrollToTopThreshold?: number;
-    };
-    onScroll?: (event: ISymbioteEvent) => void;
-    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
-    onScrollEndDrag?: (event: ISymbioteEvent) => void;
-    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
-    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
-    scrollEventThrottle?: number;
-    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
-    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
-    removeClippedSubviews?: boolean;
-    nestedScrollEnabled?: boolean;
-    style?: IStyleProp<IViewStyle>;
-    contentContainerStyle?: IStyleProp<IViewStyle>;
-    testID?: string;
-    nativeID?: string;
-    accessible?: boolean;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
-    accessibilityState?: IAccessibilityStateValue;
-    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
-    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
-    accessibilityLabelledBy?: string | string[];
-    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
-    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
-    screenReaderFocusable?: boolean;
-    accessibilityViewIsModal?: boolean;
-    accessibilityElementsHidden?: boolean;
-    accessibilityIgnoresInvertColors?: boolean;
-    accessibilityLanguage?: string;
-    accessibilityRespondsToUserInteraction?: boolean;
-    accessibilityShowsLargeContentViewer?: boolean;
-    accessibilityLargeContentTitle?: string;
-    role?: IAriaProps['role'];
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaLive?: IAriaProps['aria-live'];
-    ariaHidden?: boolean;
-    ariaBusy?: boolean;
-    ariaChecked?: boolean | 'mixed';
-    ariaDisabled?: boolean;
-    ariaExpanded?: boolean;
-    ariaSelected?: boolean;
-    ariaModal?: boolean;
-    ariaValueMax?: number;
-    ariaValueMin?: number;
-    ariaValueNow?: number;
-    ariaValueText?: string;
-    itemDir?: VListItemDirective<ItemT>;
-    headerDir?: VListHeaderDirective;
-    footerDir?: VListFooterDirective;
-    emptyDir?: VListEmptyDirective;
-    separatorDir?: VListSeparatorDirective<ItemT>;
-    itemTemplate?: TemplateRef<IVListItemContext<ItemT>>;
-    itemSeparatorTemplate?: TemplateRef<IVListSeparatorContext<ItemT>>;
-    get cellTemplate(): TemplateRef<IVListItemContext<ItemT>> | undefined;
-    get separatorTemplate(): TemplateRef<IVListSeparatorContext<ItemT>> | undefined;
+export type { IVirtualizedListInputs, IVirtualizedListProps, } from './list-props';
+export declare class VirtualizedList<ItemT = unknown> extends VirtualizedListBagsBase<ItemT> implements IVirtualizedListInputs<ItemT>, DoCheck, AfterViewChecked, OnDestroy {
     private scrollHostRef?;
-    private get scrollNode();
-    private readonly scrollHandle;
+    protected get scrollNode(): ISymbioteNode | null;
+    protected readonly scrollHandle: IScrollViewHandle;
     itemCount: number;
     windowCells: IWindowCell<ItemT>[];
     forcedStickyCell: IWindowCell<ItemT> | null;
@@ -193,93 +21,30 @@ export declare class VirtualizedList<ItemT = unknown> implements IVirtualizedLis
     gapSpacerStyle: IViewStyle | null;
     trailingSpacerStyle: IViewStyle | null;
     cellStyle: IViewStyle | undefined;
-    resolvedStyle: IViewStyle | undefined;
-    resolvedContentContainerStyle: IStyleProp<IViewStyle> | undefined;
-    resolvedMaintainVisibleContentPosition: {
-        minIndexForVisible: number;
-        autoscrollToTopThreshold?: number;
-    } | undefined;
-    commandedOffset: {
-        x: number;
-        y: number;
-    } | undefined;
     private readonly listState;
     private renderVersion;
-    private readonly cellMeasures;
-    private cellContexts;
-    private nextCellContexts;
-    private cellContextEpoch;
-    private readonly separatorOverrides;
-    private viewableTimer;
-    private batchTimer;
+    private readonly cells;
+    private readonly effects;
     private lastEffectSignature;
     private lastRecompute;
     private readonly cdr;
     private readonly elementRef;
-    private readonly inputsRevision;
-    readonly foldedAccessibility: import("@angular/core").Signal<IAccessibilityProps & IAriaProps & Record<string, unknown>>;
-    get shouldRenderRefreshControl(): boolean;
-    scrollViewBag(): Record<string, unknown>;
-    refreshControlBag(): Record<string, unknown>;
-    get isHorizontal(): boolean;
-    private get isInverted();
-    private get windowSizeValue();
-    private get initialNumToRenderValue();
-    private get maxToRenderPerBatchValue();
-    private get updateCellsBatchingPeriodValue();
-    private get onEndReachedThresholdValue();
-    private get onStartReachedThresholdValue();
-    onScrollTick: (event: ISymbioteEvent) => void;
-    onLayoutTick: (event: ISymbioteEvent) => void;
-    handleRefresh: () => void;
-    accessibilityActionTick: (event: ISymbioteEvent) => void;
-    accessibilityTapTick: (event: ISymbioteEvent) => void;
-    magicTapTick: (event: ISymbioteEvent) => void;
-    accessibilityEscapeTick: (event: ISymbioteEvent) => void;
     private keyFor;
     private buildInputs;
-    private dispatch;
+    protected dispatch(action: IListAction<ItemT>): void;
     private isWindowSettled;
-    private runEffects;
-    ngOnChanges(): void;
     ngDoCheck(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     private recomputeView;
-    private buildWindowCell;
-    private contextFor;
-    private buildSeparatorContext;
+    private applyStyles;
+    private showEmpty;
+    private applySpacers;
     private spacerStyle;
-    private cellMeasure;
+    private buildCells;
     handleCellLayout(measure: (event: ISymbioteEvent) => void, event: unknown): void;
     private isSymbioteEvent;
-    private mergeSeparator;
-    private makeSeparators;
-    scrollToOffset(params: {
-        offset: number;
-        animated?: boolean;
-    }): void;
-    scrollToIndex(params: {
-        index: number;
-        animated?: boolean;
-        viewOffset?: number;
-        viewPosition?: number;
-    }): void;
-    scrollToItem(params: {
-        item: unknown;
-        animated?: boolean;
-        viewPosition?: number;
-    }): void;
-    scrollToEnd(params?: {
-        animated?: boolean;
-    }): void;
-    flashScrollIndicators(): void;
-    getNativeScrollRef(): IScrollViewHandle | null;
-    getScrollableNode(): IScrollViewHandle | null;
-    getScrollResponder(): IScrollViewHandle | null;
-    getScrollNode(): ISymbioteNode | null;
-    recordInteraction(): void;
     private scrollToPixel;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualizedList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualizedList<any>, "VirtualizedList", never, { "data": { "alias": "data"; "required": true; }; "getItem": { "alias": "getItem"; "required": true; }; "getItemCount": { "alias": "getItemCount"; "required": true; }; "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "extraData": { "alias": "extraData"; "required": false; }; "onEndReachedThreshold": { "alias": "onEndReachedThreshold"; "required": false; }; "onStartReachedThreshold": { "alias": "onStartReachedThreshold"; "required": false; }; "refreshing": { "alias": "refreshing"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "refreshRequested": { "alias": "refreshRequested"; "required": false; }; "viewabilityConfig": { "alias": "viewabilityConfig"; "required": false; }; "viewabilityConfigCallbackPairs": { "alias": "viewabilityConfigCallbackPairs"; "required": false; }; "initialNumToRender": { "alias": "initialNumToRender"; "required": false; }; "initialScrollIndex": { "alias": "initialScrollIndex"; "required": false; }; "maxToRenderPerBatch": { "alias": "maxToRenderPerBatch"; "required": false; }; "updateCellsBatchingPeriod": { "alias": "updateCellsBatchingPeriod"; "required": false; }; "windowSize": { "alias": "windowSize"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; "ariaBusy": { "alias": "ariaBusy"; "required": false; }; "ariaChecked": { "alias": "ariaChecked"; "required": false; }; "ariaDisabled": { "alias": "ariaDisabled"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; }; "ariaModal": { "alias": "ariaModal"; "required": false; }; "ariaValueMax": { "alias": "ariaValueMax"; "required": false; }; "ariaValueMin": { "alias": "ariaValueMin"; "required": false; }; "ariaValueNow": { "alias": "ariaValueNow"; "required": false; }; "ariaValueText": { "alias": "ariaValueText"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "itemSeparatorTemplate": { "alias": "itemSeparatorTemplate"; "required": false; }; }, { "endReached": "endReached"; "startReached": "startReached"; "refresh": "refresh"; "viewableItemsChanged": "viewableItemsChanged"; "scrollToIndexFailed": "scrollToIndexFailed"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, ["itemDir", "headerDir", "footerDir", "emptyDir", "separatorDir"], never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualizedList<any>, "VirtualizedList", never, {}, {}, never, never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
 }