@symbiote-native/angular 0.6.0 → 0.6.2

package/build/components/scroll-view/shared.js

@@ -1,757 +0,0 @@
-// ScrollView, the Angular lifecycle half. The Fabric tree is nested: a scroll view
-// wraps a content view that holds the children (RN's ScrollView.js shape). The platform-invariant
-// math (decelerationRate, the per-axis intrinsics/base style, the content-size dedupe, the
-// imperative handle, the native sticky scroll-attach, the aria/role fold) lives in
-// @symbiote-native/components, shared verbatim with React/Vue. Here Angular supplies only the lifecycle:
-// the host node held by IDENTITY through a directive's ElementRef, a forwarded-prop bag set onto
-// that node through Renderer2 (-> routeProp), the imperative handle (scrollTo/scrollToEnd/
-// flashScrollIndicators), the content-size dedupe, and the native sticky scroll-attach wired
-// through whenCommitted. This is the Angular twin of the React useRef + Vue shallowRef host.
-//
-// What diverges per platform, how a RefreshControl integrates, stays in the
-// .ios/.android files (Metro filename-selected): iOS renders the RefreshControl as a SIBLING
-// before the content container; on Android an AndroidSwipeRefreshLayout WRAPS the scroll view.
-//
-// Angular cannot transform <ng-content> children in the template the way React children.map /
-// Vue slots() can, so ScrollView owns a tiny projection bridge: the content host registers a
-// ScrollViewProjectionController with the Angular renderer, and the renderer wraps direct projected
-// children whose indices match stickyHeaderIndices. Android RefreshControl projection is handled by
-// re-rendering the projected component's native prop surface as the wrapper around the scroll view
-// (RN's Android shape), while excluding the original projected node from the content slot.
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { Directive, ElementRef, EventEmitter, Output, ViewChild, ContentChild, inject, } from '@angular/core';
-import { attachStickyScroll, buildScrollViewHandle, didContentSizeChange, forwardScrollEvent, readLayoutDimension, resolveAccessibilityProps, resolveDecelerationRate, selectScrollIntrinsics, splitLayoutProps, } from '@symbiote-native/components';
-import { AnimatedValue, dlog, event as animatedEvent, isNativeAnimatedAvailable, isSymbioteNode, resolveClassName, whenCommitted, } from '@symbiote-native/engine';
-import { SymbioteHostPropsDirective } from '../../primitives';
-import { RefreshControl } from '../refresh-control';
-import { ScrollViewProjectionController } from './projection';
-// The inputs every platform ScrollView accepts, listed on each concrete @Component (the adapter
-// convention, mirroring Switch/Animated) so the base fields bind consistently. The aria-* /
-// role aliases ride here too and are folded by resolveAccessibilityProps before reaching native.
-export const SCROLL_VIEW_INPUTS = [
-    'style',
-    'contentContainerStyle',
-    'horizontal',
-    'scrollEnabled',
-    'showsVerticalScrollIndicator',
-    'showsHorizontalScrollIndicator',
-    'pagingEnabled',
-    'bounces',
-    'decelerationRate',
-    'scrollEventThrottle',
-    'contentInset',
-    'contentOffset',
-    'removeClippedSubviews',
-    'snapToInterval',
-    'snapToOffsets',
-    'snapToAlignment',
-    'snapToStart',
-    'snapToEnd',
-    'disableIntervalMomentum',
-    'stickyHeaderIndices',
-    'invertStickyHeaders',
-    'StickyHeaderComponent',
-    'keyboardDismissMode',
-    'keyboardShouldPersistTaps',
-    'maintainVisibleContentPosition',
-    'alwaysBounceHorizontal',
-    'alwaysBounceVertical',
-    'centerContent',
-    'scrollIndicatorInsets',
-    'indicatorStyle',
-    'directionalLockEnabled',
-    'automaticallyAdjustKeyboardInsets',
-    'contentInsetAdjustmentBehavior',
-    'minimumZoomScale',
-    'maximumZoomScale',
-    'zoomScale',
-    'bouncesZoom',
-    'pinchGestureEnabled',
-    'nestedScrollEnabled',
-    'overScrollMode',
-    'fadingEdgeLength',
-    'persistentScrollbar',
-    'endFillColor',
-    'onScroll',
-    'onScrollBeginDrag',
-    'onScrollEndDrag',
-    'onMomentumScrollBegin',
-    'onMomentumScrollEnd',
-    'testID',
-    'nativeID',
-    'accessible',
-    'accessibilityLabel',
-    'accessibilityHint',
-    'accessibilityRole',
-    'accessibilityState',
-    'accessibilityValue',
-    'accessibilityActions',
-    'accessibilityLabelledBy',
-    'importantForAccessibility',
-    'accessibilityLiveRegion',
-    'screenReaderFocusable',
-    'accessibilityViewIsModal',
-    'accessibilityElementsHidden',
-    'accessibilityIgnoresInvertColors',
-    'accessibilityLanguage',
-    'accessibilityRespondsToUserInteraction',
-    'accessibilityShowsLargeContentViewer',
-    'accessibilityLargeContentTitle',
-    'role',
-    'aria-label',
-    'aria-labelledby',
-    'aria-live',
-    'aria-hidden',
-    'aria-busy',
-    'aria-checked',
-    'aria-disabled',
-    'aria-expanded',
-    'aria-selected',
-    'aria-modal',
-    'aria-valuemax',
-    'aria-valuemin',
-    'aria-valuenow',
-    'aria-valuetext',
-];
-// Strip undefined entries so a prop the user never set is not forwarded to the host (an undefined
-// reaching Fabric is at best a no-op, at worst clears a default). The Angular twin of React/Vue
-// destructuring `...rest` past the defined props.
-function compact(bag) {
-    const result = {};
-    for (const key of Object.keys(bag)) {
-        if (bag[key] !== undefined)
-            result[key] = bag[key];
-    }
-    return result;
-}
-// ScrollView's forwarded surface (scroll events + the snap/keyboard/zoom families) is exactly the
-// flat-bag shape SymbioteHostPropsDirective spreads onto a host element via Renderer2 (-> routeProp).
-// The scroll-event callbacks ride this bag (not the (event) channel) because routeProp must be free
-// to wire onScroll as an Animated.event when sticky headers drive the value natively, which the
-// listen()/setEventListener channel cannot carry. This mirrors React/Vue putting onScroll on
-// outerProps.
-let ScrollViewProjectionDirective = (() => {
-    let _classDecorators = [Directive({
-            selector: '[symbioteScrollViewProjection]',
-            standalone: true,
-            inputs: ['symbioteScrollViewProjection'],
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    var ScrollViewProjectionDirective = class {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            ScrollViewProjectionDirective = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        elementRef = inject(ElementRef);
-        set symbioteScrollViewProjection(controller) {
-            const node = this.elementRef.nativeElement;
-            if (isSymbioteNode(node))
-                controller.bindContentNode(node);
-        }
-    };
-    return ScrollViewProjectionDirective = _classThis;
-})();
-export { ScrollViewProjectionDirective };
-// @Directive() (no selector) is the Angular-sanctioned decorator for an abstract base that
-// declares lifecycle hooks and @ViewChild queries (mirrors AnimatedComponentBase) — without it
-// ngtsc rejects the inherited hooks/queries (NG2007). The concrete platform @Components add ONLY a
-// decorator + their platform template; all behavior lives here.
-let ScrollViewBase = (() => {
-    let _classDecorators = [Directive()];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _layout_decorators;
-    let _layout_initializers = [];
-    let _layout_extraInitializers = [];
-    let _scrollToTop_decorators;
-    let _scrollToTop_initializers = [];
-    let _scrollToTop_extraInitializers = [];
-    let _contentSizeChange_decorators;
-    let _contentSizeChange_initializers = [];
-    let _contentSizeChange_extraInitializers = [];
-    let _accessibilityAction_decorators;
-    let _accessibilityAction_initializers = [];
-    let _accessibilityAction_extraInitializers = [];
-    let _accessibilityTap_decorators;
-    let _accessibilityTap_initializers = [];
-    let _accessibilityTap_extraInitializers = [];
-    let _magicTap_decorators;
-    let _magicTap_initializers = [];
-    let _magicTap_extraInitializers = [];
-    let _accessibilityEscape_decorators;
-    let _accessibilityEscape_initializers = [];
-    let _accessibilityEscape_extraInitializers = [];
-    let _hostDirective_decorators;
-    let _hostDirective_initializers = [];
-    let _hostDirective_extraInitializers = [];
-    let _projectedRefreshControl_decorators;
-    let _projectedRefreshControl_initializers = [];
-    let _projectedRefreshControl_extraInitializers = [];
-    var ScrollViewBase = class {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _layout_decorators = [Output()];
-            _scrollToTop_decorators = [Output()];
-            _contentSizeChange_decorators = [Output()];
-            _accessibilityAction_decorators = [Output()];
-            _accessibilityTap_decorators = [Output()];
-            _magicTap_decorators = [Output()];
-            _accessibilityEscape_decorators = [Output()];
-            _hostDirective_decorators = [ViewChild('host', { read: SymbioteHostPropsDirective })];
-            _projectedRefreshControl_decorators = [ContentChild(RefreshControl)];
-            __esDecorate(null, null, _layout_decorators, { kind: "field", name: "layout", static: false, private: false, access: { has: obj => "layout" in obj, get: obj => obj.layout, set: (obj, value) => { obj.layout = value; } }, metadata: _metadata }, _layout_initializers, _layout_extraInitializers);
-            __esDecorate(null, null, _scrollToTop_decorators, { kind: "field", name: "scrollToTop", static: false, private: false, access: { has: obj => "scrollToTop" in obj, get: obj => obj.scrollToTop, set: (obj, value) => { obj.scrollToTop = value; } }, metadata: _metadata }, _scrollToTop_initializers, _scrollToTop_extraInitializers);
-            __esDecorate(null, null, _contentSizeChange_decorators, { kind: "field", name: "contentSizeChange", static: false, private: false, access: { has: obj => "contentSizeChange" in obj, get: obj => obj.contentSizeChange, set: (obj, value) => { obj.contentSizeChange = value; } }, metadata: _metadata }, _contentSizeChange_initializers, _contentSizeChange_extraInitializers);
-            __esDecorate(null, null, _accessibilityAction_decorators, { kind: "field", name: "accessibilityAction", static: false, private: false, access: { has: obj => "accessibilityAction" in obj, get: obj => obj.accessibilityAction, set: (obj, value) => { obj.accessibilityAction = value; } }, metadata: _metadata }, _accessibilityAction_initializers, _accessibilityAction_extraInitializers);
-            __esDecorate(null, null, _accessibilityTap_decorators, { kind: "field", name: "accessibilityTap", static: false, private: false, access: { has: obj => "accessibilityTap" in obj, get: obj => obj.accessibilityTap, set: (obj, value) => { obj.accessibilityTap = value; } }, metadata: _metadata }, _accessibilityTap_initializers, _accessibilityTap_extraInitializers);
-            __esDecorate(null, null, _magicTap_decorators, { kind: "field", name: "magicTap", static: false, private: false, access: { has: obj => "magicTap" in obj, get: obj => obj.magicTap, set: (obj, value) => { obj.magicTap = value; } }, metadata: _metadata }, _magicTap_initializers, _magicTap_extraInitializers);
-            __esDecorate(null, null, _accessibilityEscape_decorators, { kind: "field", name: "accessibilityEscape", static: false, private: false, access: { has: obj => "accessibilityEscape" in obj, get: obj => obj.accessibilityEscape, set: (obj, value) => { obj.accessibilityEscape = value; } }, metadata: _metadata }, _accessibilityEscape_initializers, _accessibilityEscape_extraInitializers);
-            __esDecorate(null, null, _hostDirective_decorators, { kind: "field", name: "hostDirective", static: false, private: false, access: { has: obj => "hostDirective" in obj, get: obj => obj.hostDirective, set: (obj, value) => { obj.hostDirective = value; } }, metadata: _metadata }, _hostDirective_initializers, _hostDirective_extraInitializers);
-            __esDecorate(null, null, _projectedRefreshControl_decorators, { kind: "field", name: "projectedRefreshControl", static: false, private: false, access: { has: obj => "projectedRefreshControl" in obj, get: obj => obj.projectedRefreshControl, set: (obj, value) => { obj.projectedRefreshControl = value; } }, metadata: _metadata }, _projectedRefreshControl_initializers, _projectedRefreshControl_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            ScrollViewBase = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        style;
-        contentContainerStyle;
-        horizontal;
-        scrollEnabled;
-        showsVerticalScrollIndicator;
-        showsHorizontalScrollIndicator;
-        pagingEnabled;
-        bounces;
-        decelerationRate;
-        scrollEventThrottle;
-        contentInset;
-        contentOffset;
-        removeClippedSubviews;
-        snapToInterval;
-        snapToOffsets;
-        snapToAlignment;
-        snapToStart;
-        snapToEnd;
-        disableIntervalMomentum;
-        stickyHeaderIndices;
-        invertStickyHeaders;
-        StickyHeaderComponent;
-        keyboardDismissMode;
-        keyboardShouldPersistTaps;
-        maintainVisibleContentPosition;
-        alwaysBounceHorizontal;
-        alwaysBounceVertical;
-        centerContent;
-        scrollIndicatorInsets;
-        indicatorStyle;
-        directionalLockEnabled;
-        automaticallyAdjustKeyboardInsets;
-        contentInsetAdjustmentBehavior;
-        minimumZoomScale;
-        maximumZoomScale;
-        zoomScale;
-        bouncesZoom;
-        pinchGestureEnabled;
-        nestedScrollEnabled;
-        overScrollMode;
-        fadingEdgeLength;
-        persistentScrollbar;
-        endFillColor;
-        onScroll;
-        onScrollBeginDrag;
-        onScrollEndDrag;
-        onMomentumScrollBegin;
-        onMomentumScrollEnd;
-        // The layout/content-size/accessibility events as real Angular events: `(layout)="…"`, not
-        // `[onLayout]="…"`. onScroll and the drag/momentum family stay plain @Input() callbacks above —
-        // they must also accept an Animated.event(...) native-driver marker (see the file header note),
-        // which no @Output() binding can carry.
-        layout = __runInitializers(this, _layout_initializers, new EventEmitter());
-        scrollToTop = (__runInitializers(this, _layout_extraInitializers), __runInitializers(this, _scrollToTop_initializers, new EventEmitter()));
-        contentSizeChange = (__runInitializers(this, _scrollToTop_extraInitializers), __runInitializers(this, _contentSizeChange_initializers, new EventEmitter()));
-        accessibilityAction = (__runInitializers(this, _contentSizeChange_extraInitializers), __runInitializers(this, _accessibilityAction_initializers, new EventEmitter()));
-        accessibilityTap = (__runInitializers(this, _accessibilityAction_extraInitializers), __runInitializers(this, _accessibilityTap_initializers, new EventEmitter()));
-        magicTap = (__runInitializers(this, _accessibilityTap_extraInitializers), __runInitializers(this, _magicTap_initializers, new EventEmitter()));
-        accessibilityEscape = (__runInitializers(this, _magicTap_extraInitializers), __runInitializers(this, _accessibilityEscape_initializers, new EventEmitter()));
-        testID = __runInitializers(this, _accessibilityEscape_extraInitializers);
-        nativeID;
-        accessible;
-        accessibilityLabel;
-        accessibilityHint;
-        accessibilityRole;
-        accessibilityState;
-        accessibilityValue;
-        accessibilityActions;
-        accessibilityLabelledBy;
-        importantForAccessibility;
-        accessibilityLiveRegion;
-        screenReaderFocusable;
-        accessibilityViewIsModal;
-        accessibilityElementsHidden;
-        accessibilityIgnoresInvertColors;
-        accessibilityLanguage;
-        accessibilityRespondsToUserInteraction;
-        accessibilityShowsLargeContentViewer;
-        accessibilityLargeContentTitle;
-        role;
-        'aria-label';
-        'aria-labelledby';
-        'aria-live';
-        'aria-hidden';
-        'aria-busy';
-        'aria-checked';
-        'aria-disabled';
-        'aria-expanded';
-        'aria-selected';
-        'aria-modal';
-        'aria-valuemax';
-        'aria-valuemin';
-        'aria-valuenow';
-        'aria-valuetext';
-        // The host directive on the scroll-view intrinsic; `.node` is the committed SymbioteNode held by
-        // IDENTITY (Renderer2.createElement returned the engine node, ElementRef hands it back unwrapped).
-        // Inherited by the decorated subclass — Angular collects base-class @ViewChild queries.
-        hostDirective = __runInitializers(this, _hostDirective_initializers, void 0);
-        projectedRefreshControl = (__runInitializers(this, _hostDirective_extraInitializers), __runInitializers(this, _projectedRefreshControl_initializers, void 0));
-        // A single AnimatedValue tracks the scroll offset and drives every sticky header's translateY
-        // (RN's _scrollAnimatedValue). A stable field (allocated once, held by identity — Angular does
-        // not proxy class fields, so no markRaw needed); the native attach below feeds it on the UI
-        // thread. Allocated unconditionally; inert until a sticky header consumes it.
-        scrollAnimatedValue = (__runInitializers(this, _projectedRefreshControl_extraInitializers), new AnimatedValue(0));
-        // The last-seen content size, used to dedupe onContentSizeChange: RN fires the content onLayout
-        // on every layout pass; only real size changes emit (didContentSizeChange).
-        lastContentSize = null;
-        // Inverted sticky headers stick to the BOTTOM, so they need the viewport height (RN _handleLayout).
-        viewportHeight = undefined;
-        projectionController = new ScrollViewProjectionController({
-            stickyHeaderIndices: undefined,
-            invertStickyHeaders: undefined,
-            scrollViewHeight: undefined,
-            scrollAnimatedValue: this.scrollAnimatedValue,
-            customStickyHeaderComponent: undefined,
-            excludeRefreshControl: false,
-        });
-        // Native sticky-scroll attach (RN attachNativeEvent): when the native module is available the
-        // scroll value is driven on the UI thread so the interpolations ride scroll natively (no JS
-        // jitter). Through whenCommitted because under Angular's zoneless batched CD the host's Fabric
-        // tag does not exist yet at ngAfterViewInit time (the async-commit gotcha Vue documents); the
-        // bind runs now if committed, else after the commit that assigns the tag. Detached on destroy.
-        detachStickyScroll;
-        cancelStickyBind;
-        lastLoggedIsHorizontal = undefined;
-        // Stable reference (bound once): inverted sticky headers need the viewport height captured off
-        // the scroll-view's own onLayout before forwarding to the user (RN _handleLayout). A getter that
-        // built this arrow function fresh on every `scrollProps` access would hand `[symbioteHostProps]`
-        // a new function reference every change-detection pass touching this component — jsonEqual
-        // (commit.ts) falls back to Object.is on a function leaf, so even a structurally-identical bag
-        // reads as "props changed" and forces a real Fabric re-clone that cascades up every ancestor
-        // (see AnimatedComponentBase.reconcile()'s identical warning).
-        handleInvertedStickyLayout = (event) => {
-            const height = readLayoutDimension(event, 'height');
-            if (height !== undefined)
-                this.viewportHeight = height;
-            this.layout.emit(event);
-        };
-        // Same reasoning as handleInvertedStickyLayout: the content view's onLayout synthesizes
-        // onContentSizeChange (deduped) and must stay a stable reference across `contentProps` re-reads.
-        handleContentLayout = (event) => {
-            const width = readLayoutDimension(event, 'width');
-            const height = readLayoutDimension(event, 'height');
-            if (width === undefined || height === undefined)
-                return;
-            if (!didContentSizeChange(this.lastContentSize, { width, height }))
-                return;
-            this.lastContentSize = { width, height };
-            dlog(`Angular ScrollView contentSizeChange ${width}x${height}`);
-            this.contentSizeChange.emit({ width, height });
-        };
-        // Memoizes the wrapper each `emitterCallback` builds, keyed by the emitter it closes over
-        // (identity holds across ScrollViewBase's own @Output()s and a projected RefreshControl's,
-        // since a WeakMap key is just object identity). Without this, `scrollProps`/`refreshControlProps`
-        // handed a fresh `(event) => emitter.emit(event)` closure to the forwarded prop bag on every
-        // evaluation — the same jsonEqual/Object.is function-leaf problem as the arrow fields above, one
-        // level further removed. `.observed` is checked BEFORE the cache so an unbound event still
-        // resolves to `undefined` (the "nobody cares" contract `emitterCallback`'s own comment documents),
-        // not a stale cached wrapper from before the last subscriber unsubscribed.
-        emitterCallbackCache = new WeakMap();
-        // The sticky JS-path Animated.event handler depends on a REAL input (onScroll), so it can't be a
-        // plain stable field the way handleInvertedStickyLayout/handleContentLayout are — it must track
-        // `this.onScroll` genuinely changing, mirroring sticky-header.ts's own rebuildInterpolation cache
-        // (rebuild only when the tracked dependency's reference actually differs, not on every getter
-        // read). A fresh `animatedEvent(...)` call every `scrollProps` access would otherwise construct a
-        // new listener wrapper (and a new AnimatedEvent walking `collectMappedValues`) on every unrelated
-        // change-detection pass while sticky headers are active.
-        cachedStickyOnScrollSource;
-        cachedStickyOnScrollHandler;
-        get isHorizontal() {
-            const value = this.horizontal === true;
-            if (value !== this.lastLoggedIsHorizontal) {
-                this.lastLoggedIsHorizontal = value;
-                dlog(`Angular ScrollView isHorizontal changed to ${value} (horizontal input=${this.horizontal})`);
-            }
-            return value;
-        }
-        get hasStickyHeaders() {
-            return this.stickyHeaderIndices !== undefined && this.stickyHeaderIndices.length > 0;
-        }
-        // A class-name string resolves through the shared registry before it reaches
-        // selectScrollIntrinsics, which only understands style objects/arrays.
-        get resolvedContentContainerStyle() {
-            return typeof this.contentContainerStyle === 'string'
-                ? resolveClassName(this.contentContainerStyle)
-                : this.contentContainerStyle;
-        }
-        get scrollViewBaseStyle() {
-            return selectScrollIntrinsics(this.isHorizontal, this.resolvedContentContainerStyle)
-                .scrollViewBaseStyle;
-        }
-        // The forwarded host-prop bag for the scroll-view node: aria/role folded, the native pass-through
-        // families, the scroll-event callbacks, then the lifecycle-managed overrides (nestedScrollEnabled
-        // default ON, horizontal when defined, decelerationRate resolved per-platform, the sticky onScroll
-        // path). Base style UNDER user style so an explicit user value still wins. Mirrors Vue's outerProps
-        // + scrollProps assembly.
-        get scrollProps() {
-            const bag = compact({
-                ...resolveAccessibilityProps(this.accessibilityInputs()),
-                scrollEnabled: this.scrollEnabled,
-                showsVerticalScrollIndicator: this.showsVerticalScrollIndicator,
-                showsHorizontalScrollIndicator: this.showsHorizontalScrollIndicator,
-                pagingEnabled: this.pagingEnabled,
-                bounces: this.bounces,
-                contentInset: this.contentInset,
-                contentOffset: this.contentOffset,
-                removeClippedSubviews: this.removeClippedSubviews,
-                snapToInterval: this.snapToInterval,
-                snapToOffsets: this.snapToOffsets,
-                snapToAlignment: this.snapToAlignment,
-                snapToStart: this.snapToStart,
-                snapToEnd: this.snapToEnd,
-                disableIntervalMomentum: this.disableIntervalMomentum,
-                keyboardDismissMode: this.keyboardDismissMode,
-                keyboardShouldPersistTaps: this.keyboardShouldPersistTaps,
-                maintainVisibleContentPosition: this.maintainVisibleContentPosition,
-                alwaysBounceHorizontal: this.alwaysBounceHorizontal,
-                alwaysBounceVertical: this.alwaysBounceVertical,
-                centerContent: this.centerContent,
-                scrollIndicatorInsets: this.scrollIndicatorInsets,
-                indicatorStyle: this.indicatorStyle,
-                directionalLockEnabled: this.directionalLockEnabled,
-                automaticallyAdjustKeyboardInsets: this.automaticallyAdjustKeyboardInsets,
-                contentInsetAdjustmentBehavior: this.contentInsetAdjustmentBehavior,
-                minimumZoomScale: this.minimumZoomScale,
-                maximumZoomScale: this.maximumZoomScale,
-                zoomScale: this.zoomScale,
-                bouncesZoom: this.bouncesZoom,
-                pinchGestureEnabled: this.pinchGestureEnabled,
-                overScrollMode: this.overScrollMode,
-                fadingEdgeLength: this.fadingEdgeLength,
-                persistentScrollbar: this.persistentScrollbar,
-                endFillColor: this.endFillColor,
-                onScrollBeginDrag: this.onScrollBeginDrag,
-                onScrollEndDrag: this.onScrollEndDrag,
-                onMomentumScrollBegin: this.onMomentumScrollBegin,
-                onMomentumScrollEnd: this.onMomentumScrollEnd,
-                onScrollToTop: this.emitterCallback(this.scrollToTop),
-                onAccessibilityAction: this.emitterCallback(this.accessibilityAction),
-                onAccessibilityTap: this.emitterCallback(this.accessibilityTap),
-                onMagicTap: this.emitterCallback(this.magicTap),
-                onAccessibilityEscape: this.emitterCallback(this.accessibilityEscape),
-            });
-            // RN defaults nested scrolling ON (ScrollView.js `nestedScrollEnabled ?? true`); Android needs
-            // it to scroll a nested scrollable independently, iOS handles nesting natively (a no-op there).
-            bag.nestedScrollEnabled = this.nestedScrollEnabled ?? true;
-            // iOS needs `horizontal` to flip RCTScrollView's axis; Android's dedicated manager ignores it.
-            if (this.horizontal !== undefined)
-                bag.horizontal = this.horizontal;
-            if (this.decelerationRate !== undefined) {
-                bag.decelerationRate = resolveDecelerationRate(this.decelerationRate);
-            }
-            // onScroll: when sticky headers are active, the offset must reach the AnimatedValue (RN
-            // _scrollAnimatedValueAttachment). With the native module, the value is driven on the UI thread
-            // by the post-commit attach below, so onScroll forwards to the user with throttle 1
-            // (ScrollView.js:1798). Without it, Animated.event drives the value each frame (the JS jitter)
-            // and forwards the user handler as the listener passthrough.
-            const nativeStickyAvailable = this.hasStickyHeaders && isNativeAnimatedAvailable();
-            if (this.hasStickyHeaders) {
-                if (nativeStickyAvailable) {
-                    if (this.onScroll !== undefined)
-                        bag.onScroll = this.onScroll;
-                    bag.scrollEventThrottle = this.scrollEventThrottle ?? 1;
-                }
-                else {
-                    bag.onScroll = this.stickyOnScrollHandler(this.onScroll);
-                    bag.scrollEventThrottle = this.scrollEventThrottle ?? 16;
-                }
-                // Inverted sticky headers need the viewport height (RN _handleLayout): capture it on the
-                // scroll-view onLayout, then call the user's handler. Non-inverted forwards onLayout as-is.
-                if (this.invertStickyHeaders === true) {
-                    bag.onLayout = this.handleInvertedStickyLayout;
-                }
-                else {
-                    const layoutCallback = this.emitterCallback(this.layout);
-                    if (layoutCallback !== undefined)
-                        bag.onLayout = layoutCallback;
-                }
-            }
-            else {
-                if (this.onScroll !== undefined)
-                    bag.onScroll = this.onScroll;
-                if (this.scrollEventThrottle !== undefined)
-                    bag.scrollEventThrottle = this.scrollEventThrottle;
-                const layoutCallback = this.emitterCallback(this.layout);
-                if (layoutCallback !== undefined)
-                    bag.onLayout = layoutCallback;
-            }
-            dlog(`Angular ScrollView -> ${this.isHorizontal ? 'horizontal' : 'vertical'} (sticky=${this.hasStickyHeaders})`);
-            bag.style = [this.scrollViewBaseStyle, this.style];
-            this.updateProjectionController();
-            return bag;
-        }
-        // Overridable hook, NOT `this.style` directly: `splitLayoutProps` below decides which layout
-        // properties (flex/height/gap/…) go on the Android outer refresh-control wrapper vs. the inner
-        // scroll view. `this.style` alone only ever carries the explicit `[style]` @Input — a composed
-        // component's OWN anchor host (see anchorHostStyle's doc comment in primitives/shared.ts) can
-        // hold ADDITIONAL class-derived layout style that's otherwise invisible to this split, so its
-        // wrapper never gets its needed layout (collapses to zero size — the Android outer wrapper
-        // shows literally nothing on screen). This mirrors the Vue adapter's identical
-        // `layoutSplitStyle` field and the real Android device bug it fixes; the Angular Android
-        // ScrollView (index.android.ts) overrides this to merge in `anchorHostStyle`. Default here is
-        // `this.style` alone, preserving current behavior for anything that doesn't override it.
-        get layoutSplitStyle() {
-            return this.style;
-        }
-        get androidWrappedScrollProps() {
-            const props = { ...this.scrollProps };
-            const { inner, outer } = splitLayoutProps(this.layoutSplitStyle);
-            dlog(`Angular ScrollView splitProbe layoutSplitStyle=${JSON.stringify(this.layoutSplitStyle)} ` +
-                `outer=${JSON.stringify(outer)} inner=${JSON.stringify(inner)}`);
-            props.style = [this.scrollViewBaseStyle, inner];
-            props.nestedScrollEnabled = true;
-            return props;
-        }
-        get iosRefreshControlProps() {
-            return this.refreshControlProps();
-        }
-        get androidRefreshControlProps() {
-            const { outer } = splitLayoutProps(this.layoutSplitStyle);
-            dlog(`Angular ScrollView refreshControlProbe outer=${JSON.stringify(outer)} ` +
-                `hasRefresh=${this.projectedRefreshControl !== undefined}`);
-            return this.refreshControlProps(outer);
-        }
-        handleProjectedRefresh(nativeNode) {
-            this.projectedRefreshControl?.handleRefresh(nativeNode);
-        }
-        refreshControlProps(style) {
-            const refresh = this.projectedRefreshControl;
-            if (refresh === undefined)
-                return {};
-            return compact({
-                ...refresh.folded,
-                refreshing: refresh.refreshing,
-                tintColor: refresh.tintColor,
-                title: refresh.title,
-                titleColor: refresh.titleColor,
-                progressViewOffset: refresh.progressViewOffset,
-                colors: refresh.colors,
-                progressBackgroundColor: refresh.progressBackgroundColor,
-                size: refresh.size,
-                enabled: refresh.enabled,
-                style,
-                testID: refresh.testID,
-                nativeID: refresh.nativeID,
-                accessible: refresh.accessible,
-                onAccessibilityAction: this.emitterCallback(refresh.accessibilityAction),
-                onAccessibilityTap: this.emitterCallback(refresh.accessibilityTap),
-                onMagicTap: this.emitterCallback(refresh.magicTap),
-                onAccessibilityEscape: this.emitterCallback(refresh.accessibilityEscape),
-            });
-        }
-        get hasProjectedRefreshControl() {
-            return this.projectedRefreshControl !== undefined;
-        }
-        // The content (inner) view's prop bag. `collapsable: false` keeps the layout-only content view a
-        // real native view (Android Fabric view-flattens it away otherwise, hoisting cells as direct
-        // children of a scroll view that hosts exactly one — an addViewAt crash). collapsableChildren
-        // false preserves the cell views maintainVisibleContentPosition/snapToAlignment anchor against.
-        // onLayout synthesizes onContentSizeChange (deduped). iOS never flattens; both are no-ops there.
-        get contentProps() {
-            const { contentStyle } = selectScrollIntrinsics(this.isHorizontal, this.resolvedContentContainerStyle);
-            const bag = { style: contentStyle, collapsable: false };
-            if (this.maintainVisibleContentPosition !== undefined || this.snapToAlignment !== undefined) {
-                bag.collapsableChildren = false;
-            }
-            bag.onLayout = this.handleContentLayout;
-            return bag;
-        }
-        // Wraps an @Output() as a plain callback only while it has a subscriber, so an unbound event
-        // still leaves the forwarded prop bag key absent — the same "undefined means nobody cares"
-        // contract the old @Input() callbacks had. Mirrors Pressable's emitterHandler. The wrapper itself
-        // is memoized per emitter (emitterCallbackCache) rather than rebuilt on every call: see that
-        // field's comment for why an unstable closure here breaks the forwarded prop bag.
-        emitterCallback(emitter) {
-            if (!emitter.observed)
-                return undefined;
-            let cached = this.emitterCallbackCache.get(emitter);
-            if (cached === undefined) {
-                cached = (event) => emitter.emit(event);
-                this.emitterCallbackCache.set(emitter, cached);
-            }
-            return cached;
-        }
-        // Rebuilds the JS-path Animated.event handler only when the tracked `onScroll` input actually
-        // changes reference (see cachedStickyOnScrollHandler's comment).
-        stickyOnScrollHandler(userOnScroll) {
-            if (this.cachedStickyOnScrollHandler === undefined ||
-                this.cachedStickyOnScrollSource !== userOnScroll) {
-                this.cachedStickyOnScrollSource = userOnScroll;
-                this.cachedStickyOnScrollHandler = animatedEvent([{ nativeEvent: { contentOffset: { y: this.scrollAnimatedValue } } }], userOnScroll === undefined
-                    ? undefined
-                    : { listener: (...args) => forwardScrollEvent(userOnScroll, args) });
-            }
-            return this.cachedStickyOnScrollHandler;
-        }
-        // The committed scroll-view node held by IDENTITY (the directive's ElementRef). null until the
-        // element commits; the imperative handle and the sticky attach both read it through this getter.
-        get hostNode() {
-            const native = this.hostDirective?.node;
-            return isSymbioteNode(native) ? native : null;
-        }
-        // The imperative API a parent reaches via @ViewChild(ScrollView). buildScrollViewHandle is the
-        // shared, proven handle (React/Vue use it verbatim); it reads the node through the LAZY getter on
-        // every call, so a command before commit no-ops rather than freezing a null node.
-        handle = buildScrollViewHandle(() => this.hostNode);
-        scrollTo(options) {
-            this.handle.scrollTo(options);
-        }
-        scrollToEnd(options) {
-            this.handle.scrollToEnd(options);
-        }
-        flashScrollIndicators() {
-            this.handle.flashScrollIndicators();
-        }
-        getScrollNode() {
-            return this.handle.getScrollNode();
-        }
-        ngAfterViewInit() {
-            this.updateProjectionController();
-            this.attachSticky();
-        }
-        // Wire the native sticky-scroll attach after the view exists. Re-attaches if the node identity
-        // changes; no-op when sticky is off or the native module is absent.
-        attachSticky() {
-            this.cancelStickyBind?.();
-            this.cancelStickyBind = undefined;
-            if (this.detachStickyScroll !== undefined) {
-                this.detachStickyScroll();
-                this.detachStickyScroll = undefined;
-            }
-            if (!this.hasStickyHeaders || !isNativeAnimatedAvailable())
-                return;
-            const node = this.hostNode;
-            if (node === null)
-                return;
-            this.cancelStickyBind = whenCommitted(node, () => {
-                this.detachStickyScroll = attachStickyScroll(node, this.scrollAnimatedValue);
-            });
-        }
-        ngOnDestroy() {
-            this.cancelStickyBind?.();
-            this.cancelStickyBind = undefined;
-            if (this.detachStickyScroll !== undefined)
-                this.detachStickyScroll();
-        }
-        updateProjectionController() {
-            this.projectionController.update({
-                stickyHeaderIndices: this.stickyHeaderIndices,
-                invertStickyHeaders: this.invertStickyHeaders,
-                scrollViewHeight: this.viewportHeight,
-                scrollAnimatedValue: this.scrollAnimatedValue,
-                customStickyHeaderComponent: this.StickyHeaderComponent,
-                excludeRefreshControl: this.hasProjectedRefreshControl,
-            });
-        }
-        // Typed as the a11y intersection WITH the string index so resolveAccessibilityProps's result
-        // stays assignable into the forwarded bag (a genuine narrowing, built at that type — no cast).
-        accessibilityInputs() {
-            return {
-                testID: this.testID,
-                nativeID: this.nativeID,
-                accessible: this.accessible,
-                accessibilityLabel: this.accessibilityLabel,
-                accessibilityHint: this.accessibilityHint,
-                accessibilityRole: this.accessibilityRole,
-                accessibilityState: this.accessibilityState,
-                accessibilityValue: this.accessibilityValue,
-                accessibilityActions: this.accessibilityActions,
-                accessibilityLabelledBy: this.accessibilityLabelledBy,
-                importantForAccessibility: this.importantForAccessibility,
-                accessibilityLiveRegion: this.accessibilityLiveRegion,
-                screenReaderFocusable: this.screenReaderFocusable,
-                accessibilityViewIsModal: this.accessibilityViewIsModal,
-                accessibilityElementsHidden: this.accessibilityElementsHidden,
-                accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
-                accessibilityLanguage: this.accessibilityLanguage,
-                accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
-                accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
-                accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
-                role: this.role,
-                'aria-label': this['aria-label'],
-                'aria-labelledby': this['aria-labelledby'],
-                'aria-live': this['aria-live'],
-                'aria-hidden': this['aria-hidden'],
-                'aria-busy': this['aria-busy'],
-                'aria-checked': this['aria-checked'],
-                'aria-disabled': this['aria-disabled'],
-                'aria-expanded': this['aria-expanded'],
-                'aria-selected': this['aria-selected'],
-                'aria-modal': this['aria-modal'],
-                'aria-valuemax': this['aria-valuemax'],
-                'aria-valuemin': this['aria-valuemin'],
-                'aria-valuenow': this['aria-valuenow'],
-                'aria-valuetext': this['aria-valuetext'],
-            };
-        }
-    };
-    return ScrollViewBase = _classThis;
-})();
-export { ScrollViewBase };