@ng-native/components 0.0.1 → 0.1.1

package/dist/scroll-view-props.d.ts

@@ -0,0 +1,89 @@
+import type { Insets } from './events.ts';
+import { ViewBase } from './view-base.ts';
+import * as i0 from "@angular/core";
+/**
+ * The native scroll view's own props, as typed inputs, for everything that commits as one:
+ * `<scroll-view>` and `<virtual-list>`, as `FlatList` takes every `ScrollView` prop.
+ *
+ * Only the props that mean the same on both are here. `horizontal`, `contentOffset`,
+ * `maintainVisibleContentPosition`, `nestedScrollEnabled` and the scroll event throttle each
+ * mean something more to a windowed list, which declares its own.
+ */
+export declare abstract class ScrollViewProps extends ViewBase {
+    /** Whether the content scrolls along x, which decides the axis the defaults bounce on. */
+    abstract readonly horizontal: () => boolean | undefined;
+    /** Set to false to freeze the scroll position. */
+    readonly scrollEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly showsHorizontalScrollIndicator: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly showsVerticalScrollIndicator: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Stop at multiples of the scroll view's own size. */
+    readonly pagingEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** How quickly a fling slows: `normal`, `fast`, or a factor below 1. */
+    readonly decelerationRate: import("@angular/core").InputSignal<number | "normal" | "fast" | undefined>;
+    /** Stop at multiples of this many points. */
+    readonly snapToInterval: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /** Stop only at these offsets. */
+    readonly snapToOffsets: import("@angular/core").InputSignal<readonly number[] | undefined>;
+    /** Where a snap point sits in the viewport. */
+    readonly snapToAlignment: import("@angular/core").InputSignal<"center" | "start" | "end" | undefined>;
+    /** Whether the start of the content is a snap point. Defaults to true. */
+    readonly snapToStart: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Whether the end of the content is a snap point. Defaults to true. */
+    readonly snapToEnd: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** With snapping, stop at the next snap point rather than flinging past several. */
+    readonly disableIntervalMomentum: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Milliseconds between `(scroll)` events; 16 or less means every frame. */
+    readonly scrollEventThrottle: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /** iOS: padding inside the scroll view that the content can scroll into. */
+    readonly contentInset: import("@angular/core").InputSignal<Insets | undefined>;
+    /** iOS: insets for the scroll indicators. */
+    readonly scrollIndicatorInsets: import("@angular/core").InputSignal<Insets | undefined>;
+    /** iOS: rubber-band at the ends. Defaults to true. */
+    readonly bounces: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: bounce sideways even when the content fits. */
+    readonly alwaysBounceHorizontal: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: bounce vertically even when the content fits. */
+    readonly alwaysBounceVertical: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    protected readonly resolvedAlwaysBounceHorizontal: import("@angular/core").Signal<boolean>;
+    protected readonly resolvedAlwaysBounceVertical: import("@angular/core").Signal<boolean>;
+    /** iOS: rubber-band past the zoom limits. */
+    readonly bouncesZoom: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: once a drag starts on one axis, ignore the other. */
+    readonly directionalLockEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: whether a drag that started on a child can become a scroll. Defaults to true. */
+    readonly canCancelContentTouches: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: centre content smaller than the viewport. */
+    readonly centerContent: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: adjust the insets for the navigation bar and status bar automatically. */
+    readonly automaticallyAdjustContentInsets: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: add a bottom inset while the keyboard is up. */
+    readonly automaticallyAdjustKeyboardInsets: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: keep the indicator insets in step with the content insets. Defaults to true. */
+    readonly automaticallyAdjustsScrollIndicatorInsets: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: how the safe area affects the content insets. */
+    readonly contentInsetAdjustmentBehavior: import("@angular/core").InputSignal<"never" | "always" | "automatic" | "scrollableAxes" | undefined>;
+    /** iOS: allow pinch-to-zoom. Defaults to true. */
+    readonly pinchGestureEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly maximumZoomScale: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly minimumZoomScale: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    readonly zoomScale: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /** iOS: the scroll indicator's colour. */
+    readonly indicatorStyle: import("@angular/core").InputSignal<"default" | "white" | "black" | undefined>;
+    /** iOS: tapping the status bar scrolls to the top. Defaults to true. */
+    readonly scrollsToTop: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** iOS: allow scrolling past the content programmatically. */
+    readonly scrollToOverflowEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Dismiss the keyboard when a drag starts, or interactively as the drag moves. */
+    readonly keyboardDismissMode: import("@angular/core").InputSignal<"none" | "on-drag" | "interactive" | undefined>;
+    /** Android: the over-scroll glow. */
+    readonly overScrollMode: import("@angular/core").InputSignal<"auto" | "never" | "always" | undefined>;
+    /** Android: keep the scrollbar visible. */
+    readonly persistentScrollbar: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Android: fade the content at the edges over this many points. */
+    readonly fadingEdgeLength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /** Android: the colour drawn past the end of short content. */
+    readonly endFillColor: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly resolvedDecelerationRate: import("@angular/core").Signal<number | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewProps, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewProps, never, never, { "scrollEnabled": { "alias": "scrollEnabled"; "required": false; "isSignal": true; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; "isSignal": true; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; "isSignal": true; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; "isSignal": true; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; "isSignal": true; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; "isSignal": true; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; "isSignal": true; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; "isSignal": true; }; "snapToStart": { "alias": "snapToStart"; "required": false; "isSignal": true; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; "isSignal": true; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; "isSignal": true; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; "isSignal": true; }; "contentInset": { "alias": "contentInset"; "required": false; "isSignal": true; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; "isSignal": true; }; "bounces": { "alias": "bounces"; "required": false; "isSignal": true; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; "isSignal": true; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; "isSignal": true; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; "isSignal": true; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; "isSignal": true; }; "canCancelContentTouches": { "alias": "canCancelContentTouches"; "required": false; "isSignal": true; }; "centerContent": { "alias": "centerContent"; "required": false; "isSignal": true; }; "automaticallyAdjustContentInsets": { "alias": "automaticallyAdjustContentInsets"; "required": false; "isSignal": true; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; "isSignal": true; }; "automaticallyAdjustsScrollIndicatorInsets": { "alias": "automaticallyAdjustsScrollIndicatorInsets"; "required": false; "isSignal": true; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; "isSignal": true; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; "isSignal": true; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; "isSignal": true; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; "isSignal": true; }; "zoomScale": { "alias": "zoomScale"; "required": false; "isSignal": true; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; "isSignal": true; }; "scrollsToTop": { "alias": "scrollsToTop"; "required": false; "isSignal": true; }; "scrollToOverflowEnabled": { "alias": "scrollToOverflowEnabled"; "required": false; "isSignal": true; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; "isSignal": true; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; "isSignal": true; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; "isSignal": true; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; "isSignal": true; }; "endFillColor": { "alias": "endFillColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/scroll-view-props.js

@@ -0,0 +1,153 @@
+import { Directive, computed, input } from '@angular/core';
+import { optionalBoolean, optionalNumber } from "./transforms.js";
+import { ViewBase } from "./view-base.js";
+import * as i0 from "@angular/core";
+/** RN's `processDecelerationRate`: the named rates, as UIKit and Android define them. */
+const DECELERATION = { normal: 0.998, fast: 0.99 };
+/**
+ * The native scroll view's own props, as typed inputs, for everything that commits as one:
+ * `<scroll-view>` and `<virtual-list>`, as `FlatList` takes every `ScrollView` prop.
+ *
+ * Only the props that mean the same on both are here. `horizontal`, `contentOffset`,
+ * `maintainVisibleContentPosition`, `nestedScrollEnabled` and the scroll event throttle each
+ * mean something more to a windowed list, which declares its own.
+ */
+export class ScrollViewProps extends ViewBase {
+    /** Set to false to freeze the scroll position. */
+    scrollEnabled = input(undefined, { ...(ngDevMode ? { debugName: "scrollEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    showsHorizontalScrollIndicator = input(undefined, { ...(ngDevMode ? { debugName: "showsHorizontalScrollIndicator" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    showsVerticalScrollIndicator = input(undefined, { ...(ngDevMode ? { debugName: "showsVerticalScrollIndicator" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Stop at multiples of the scroll view's own size. */
+    pagingEnabled = input(undefined, { ...(ngDevMode ? { debugName: "pagingEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** How quickly a fling slows: `normal`, `fast`, or a factor below 1. */
+    decelerationRate = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "decelerationRate" }] : /* istanbul ignore next */ []));
+    /** Stop at multiples of this many points. */
+    snapToInterval = input(undefined, { ...(ngDevMode ? { debugName: "snapToInterval" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** Stop only at these offsets. */
+    snapToOffsets = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "snapToOffsets" }] : /* istanbul ignore next */ []));
+    /** Where a snap point sits in the viewport. */
+    snapToAlignment = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "snapToAlignment" }] : /* istanbul ignore next */ []));
+    /** Whether the start of the content is a snap point. Defaults to true. */
+    snapToStart = input(undefined, { ...(ngDevMode ? { debugName: "snapToStart" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Whether the end of the content is a snap point. Defaults to true. */
+    snapToEnd = input(undefined, { ...(ngDevMode ? { debugName: "snapToEnd" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** With snapping, stop at the next snap point rather than flinging past several. */
+    disableIntervalMomentum = input(undefined, { ...(ngDevMode ? { debugName: "disableIntervalMomentum" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Milliseconds between `(scroll)` events; 16 or less means every frame. */
+    scrollEventThrottle = input(undefined, { ...(ngDevMode ? { debugName: "scrollEventThrottle" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** iOS: padding inside the scroll view that the content can scroll into. */
+    contentInset = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentInset" }] : /* istanbul ignore next */ []));
+    /** iOS: insets for the scroll indicators. */
+    scrollIndicatorInsets = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "scrollIndicatorInsets" }] : /* istanbul ignore next */ []));
+    /** iOS: rubber-band at the ends. Defaults to true. */
+    bounces = input(undefined, { ...(ngDevMode ? { debugName: "bounces" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: bounce sideways even when the content fits. */
+    alwaysBounceHorizontal = input(undefined, { ...(ngDevMode ? { debugName: "alwaysBounceHorizontal" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: bounce vertically even when the content fits. */
+    alwaysBounceVertical = input(undefined, { ...(ngDevMode ? { debugName: "alwaysBounceVertical" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    // Match React Native ScrollView's axis defaults. Passing neither prop through leaves UIKit's
+    // false default in place, which makes short vertical pages feel fixed instead of rubber-banding.
+    resolvedAlwaysBounceHorizontal = computed(() => this.alwaysBounceHorizontal() ?? !!this.horizontal(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAlwaysBounceHorizontal" }] : /* istanbul ignore next */ []));
+    resolvedAlwaysBounceVertical = computed(() => this.alwaysBounceVertical() ?? !this.horizontal(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAlwaysBounceVertical" }] : /* istanbul ignore next */ []));
+    /** iOS: rubber-band past the zoom limits. */
+    bouncesZoom = input(undefined, { ...(ngDevMode ? { debugName: "bouncesZoom" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: once a drag starts on one axis, ignore the other. */
+    directionalLockEnabled = input(undefined, { ...(ngDevMode ? { debugName: "directionalLockEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: whether a drag that started on a child can become a scroll. Defaults to true. */
+    canCancelContentTouches = input(undefined, { ...(ngDevMode ? { debugName: "canCancelContentTouches" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: centre content smaller than the viewport. */
+    centerContent = input(undefined, { ...(ngDevMode ? { debugName: "centerContent" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: adjust the insets for the navigation bar and status bar automatically. */
+    automaticallyAdjustContentInsets = input(undefined, { ...(ngDevMode ? { debugName: "automaticallyAdjustContentInsets" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: add a bottom inset while the keyboard is up. */
+    automaticallyAdjustKeyboardInsets = input(undefined, { ...(ngDevMode ? { debugName: "automaticallyAdjustKeyboardInsets" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: keep the indicator insets in step with the content insets. Defaults to true. */
+    automaticallyAdjustsScrollIndicatorInsets = input(undefined, { ...(ngDevMode ? { debugName: "automaticallyAdjustsScrollIndicatorInsets" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: how the safe area affects the content insets. */
+    contentInsetAdjustmentBehavior = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentInsetAdjustmentBehavior" }] : /* istanbul ignore next */ []));
+    /** iOS: allow pinch-to-zoom. Defaults to true. */
+    pinchGestureEnabled = input(undefined, { ...(ngDevMode ? { debugName: "pinchGestureEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    maximumZoomScale = input(undefined, { ...(ngDevMode ? { debugName: "maximumZoomScale" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    minimumZoomScale = input(undefined, { ...(ngDevMode ? { debugName: "minimumZoomScale" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    zoomScale = input(undefined, { ...(ngDevMode ? { debugName: "zoomScale" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** iOS: the scroll indicator's colour. */
+    indicatorStyle = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "indicatorStyle" }] : /* istanbul ignore next */ []));
+    /** iOS: tapping the status bar scrolls to the top. Defaults to true. */
+    scrollsToTop = input(undefined, { ...(ngDevMode ? { debugName: "scrollsToTop" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** iOS: allow scrolling past the content programmatically. */
+    scrollToOverflowEnabled = input(undefined, { ...(ngDevMode ? { debugName: "scrollToOverflowEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Dismiss the keyboard when a drag starts, or interactively as the drag moves. */
+    keyboardDismissMode = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "keyboardDismissMode" }] : /* istanbul ignore next */ []));
+    /** Android: the over-scroll glow. */
+    overScrollMode = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "overScrollMode" }] : /* istanbul ignore next */ []));
+    /** Android: keep the scrollbar visible. */
+    persistentScrollbar = input(undefined, { ...(ngDevMode ? { debugName: "persistentScrollbar" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Android: fade the content at the edges over this many points. */
+    fadingEdgeLength = input(undefined, { ...(ngDevMode ? { debugName: "fadingEdgeLength" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** Android: the colour drawn past the end of short content. */
+    endFillColor = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "endFillColor" }] : /* istanbul ignore next */ []));
+    resolvedDecelerationRate = computed(() => {
+        const rate = this.decelerationRate();
+        return typeof rate === 'string' ? DECELERATION[rate] : rate;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDecelerationRate" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: ScrollViewProps, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.0", type: ScrollViewProps, isStandalone: true, inputs: { scrollEnabled: { classPropertyName: "scrollEnabled", publicName: "scrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, showsHorizontalScrollIndicator: { classPropertyName: "showsHorizontalScrollIndicator", publicName: "showsHorizontalScrollIndicator", isSignal: true, isRequired: false, transformFunction: null }, showsVerticalScrollIndicator: { classPropertyName: "showsVerticalScrollIndicator", publicName: "showsVerticalScrollIndicator", isSignal: true, isRequired: false, transformFunction: null }, pagingEnabled: { classPropertyName: "pagingEnabled", publicName: "pagingEnabled", isSignal: true, isRequired: false, transformFunction: null }, decelerationRate: { classPropertyName: "decelerationRate", publicName: "decelerationRate", isSignal: true, isRequired: false, transformFunction: null }, snapToInterval: { classPropertyName: "snapToInterval", publicName: "snapToInterval", isSignal: true, isRequired: false, transformFunction: null }, snapToOffsets: { classPropertyName: "snapToOffsets", publicName: "snapToOffsets", isSignal: true, isRequired: false, transformFunction: null }, snapToAlignment: { classPropertyName: "snapToAlignment", publicName: "snapToAlignment", isSignal: true, isRequired: false, transformFunction: null }, snapToStart: { classPropertyName: "snapToStart", publicName: "snapToStart", isSignal: true, isRequired: false, transformFunction: null }, snapToEnd: { classPropertyName: "snapToEnd", publicName: "snapToEnd", isSignal: true, isRequired: false, transformFunction: null }, disableIntervalMomentum: { classPropertyName: "disableIntervalMomentum", publicName: "disableIntervalMomentum", isSignal: true, isRequired: false, transformFunction: null }, scrollEventThrottle: { classPropertyName: "scrollEventThrottle", publicName: "scrollEventThrottle", isSignal: true, isRequired: false, transformFunction: null }, contentInset: { classPropertyName: "contentInset", publicName: "contentInset", isSignal: true, isRequired: false, transformFunction: null }, scrollIndicatorInsets: { classPropertyName: "scrollIndicatorInsets", publicName: "scrollIndicatorInsets", isSignal: true, isRequired: false, transformFunction: null }, bounces: { classPropertyName: "bounces", publicName: "bounces", isSignal: true, isRequired: false, transformFunction: null }, alwaysBounceHorizontal: { classPropertyName: "alwaysBounceHorizontal", publicName: "alwaysBounceHorizontal", isSignal: true, isRequired: false, transformFunction: null }, alwaysBounceVertical: { classPropertyName: "alwaysBounceVertical", publicName: "alwaysBounceVertical", isSignal: true, isRequired: false, transformFunction: null }, bouncesZoom: { classPropertyName: "bouncesZoom", publicName: "bouncesZoom", isSignal: true, isRequired: false, transformFunction: null }, directionalLockEnabled: { classPropertyName: "directionalLockEnabled", publicName: "directionalLockEnabled", isSignal: true, isRequired: false, transformFunction: null }, canCancelContentTouches: { classPropertyName: "canCancelContentTouches", publicName: "canCancelContentTouches", isSignal: true, isRequired: false, transformFunction: null }, centerContent: { classPropertyName: "centerContent", publicName: "centerContent", isSignal: true, isRequired: false, transformFunction: null }, automaticallyAdjustContentInsets: { classPropertyName: "automaticallyAdjustContentInsets", publicName: "automaticallyAdjustContentInsets", isSignal: true, isRequired: false, transformFunction: null }, automaticallyAdjustKeyboardInsets: { classPropertyName: "automaticallyAdjustKeyboardInsets", publicName: "automaticallyAdjustKeyboardInsets", isSignal: true, isRequired: false, transformFunction: null }, automaticallyAdjustsScrollIndicatorInsets: { classPropertyName: "automaticallyAdjustsScrollIndicatorInsets", publicName: "automaticallyAdjustsScrollIndicatorInsets", isSignal: true, isRequired: false, transformFunction: null }, contentInsetAdjustmentBehavior: { classPropertyName: "contentInsetAdjustmentBehavior", publicName: "contentInsetAdjustmentBehavior", isSignal: true, isRequired: false, transformFunction: null }, pinchGestureEnabled: { classPropertyName: "pinchGestureEnabled", publicName: "pinchGestureEnabled", isSignal: true, isRequired: false, transformFunction: null }, maximumZoomScale: { classPropertyName: "maximumZoomScale", publicName: "maximumZoomScale", isSignal: true, isRequired: false, transformFunction: null }, minimumZoomScale: { classPropertyName: "minimumZoomScale", publicName: "minimumZoomScale", isSignal: true, isRequired: false, transformFunction: null }, zoomScale: { classPropertyName: "zoomScale", publicName: "zoomScale", isSignal: true, isRequired: false, transformFunction: null }, indicatorStyle: { classPropertyName: "indicatorStyle", publicName: "indicatorStyle", isSignal: true, isRequired: false, transformFunction: null }, scrollsToTop: { classPropertyName: "scrollsToTop", publicName: "scrollsToTop", isSignal: true, isRequired: false, transformFunction: null }, scrollToOverflowEnabled: { classPropertyName: "scrollToOverflowEnabled", publicName: "scrollToOverflowEnabled", isSignal: true, isRequired: false, transformFunction: null }, keyboardDismissMode: { classPropertyName: "keyboardDismissMode", publicName: "keyboardDismissMode", isSignal: true, isRequired: false, transformFunction: null }, overScrollMode: { classPropertyName: "overScrollMode", publicName: "overScrollMode", isSignal: true, isRequired: false, transformFunction: null }, persistentScrollbar: { classPropertyName: "persistentScrollbar", publicName: "persistentScrollbar", isSignal: true, isRequired: false, transformFunction: null }, fadingEdgeLength: { classPropertyName: "fadingEdgeLength", publicName: "fadingEdgeLength", isSignal: true, isRequired: false, transformFunction: null }, endFillColor: { classPropertyName: "endFillColor", publicName: "endFillColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "scrollEnabled": "scrollEnabled()", "showsHorizontalScrollIndicator": "showsHorizontalScrollIndicator()", "showsVerticalScrollIndicator": "showsVerticalScrollIndicator()", "pagingEnabled": "pagingEnabled()", "decelerationRate": "resolvedDecelerationRate()", "snapToInterval": "snapToInterval()", "snapToOffsets": "snapToOffsets()", "snapToAlignment": "snapToAlignment()", "snapToStart": "snapToStart()", "snapToEnd": "snapToEnd()", "disableIntervalMomentum": "disableIntervalMomentum()", "sendMomentumEvents": "true", "contentInset": "contentInset()", "scrollIndicatorInsets": "scrollIndicatorInsets()", "bounces": "bounces()", "alwaysBounceHorizontal": "resolvedAlwaysBounceHorizontal()", "alwaysBounceVertical": "resolvedAlwaysBounceVertical()", "bouncesZoom": "bouncesZoom()", "directionalLockEnabled": "directionalLockEnabled()", "canCancelContentTouches": "canCancelContentTouches()", "centerContent": "centerContent()", "automaticallyAdjustContentInsets": "automaticallyAdjustContentInsets()", "automaticallyAdjustKeyboardInsets": "automaticallyAdjustKeyboardInsets()", "automaticallyAdjustsScrollIndicatorInsets": "automaticallyAdjustsScrollIndicatorInsets()", "contentInsetAdjustmentBehavior": "contentInsetAdjustmentBehavior()", "pinchGestureEnabled": "pinchGestureEnabled()", "maximumZoomScale": "maximumZoomScale()", "minimumZoomScale": "minimumZoomScale()", "zoomScale": "zoomScale()", "indicatorStyle": "indicatorStyle()", "scrollsToTop": "scrollsToTop()", "scrollToOverflowEnabled": "scrollToOverflowEnabled()", "keyboardDismissMode": "keyboardDismissMode()", "overScrollMode": "overScrollMode()", "persistentScrollbar": "persistentScrollbar()", "fadingEdgeLength": "fadingEdgeLength()", "endFillColor": "endFillColor()" } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: ScrollViewProps, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[scrollEnabled]': 'scrollEnabled()',
+                        '[showsHorizontalScrollIndicator]': 'showsHorizontalScrollIndicator()',
+                        '[showsVerticalScrollIndicator]': 'showsVerticalScrollIndicator()',
+                        '[pagingEnabled]': 'pagingEnabled()',
+                        '[decelerationRate]': 'resolvedDecelerationRate()',
+                        '[snapToInterval]': 'snapToInterval()',
+                        '[snapToOffsets]': 'snapToOffsets()',
+                        '[snapToAlignment]': 'snapToAlignment()',
+                        '[snapToStart]': 'snapToStart()',
+                        '[snapToEnd]': 'snapToEnd()',
+                        '[disableIntervalMomentum]': 'disableIntervalMomentum()',
+                        '[sendMomentumEvents]': 'true',
+                        '[contentInset]': 'contentInset()',
+                        '[scrollIndicatorInsets]': 'scrollIndicatorInsets()',
+                        '[bounces]': 'bounces()',
+                        '[alwaysBounceHorizontal]': 'resolvedAlwaysBounceHorizontal()',
+                        '[alwaysBounceVertical]': 'resolvedAlwaysBounceVertical()',
+                        '[bouncesZoom]': 'bouncesZoom()',
+                        '[directionalLockEnabled]': 'directionalLockEnabled()',
+                        '[canCancelContentTouches]': 'canCancelContentTouches()',
+                        '[centerContent]': 'centerContent()',
+                        '[automaticallyAdjustContentInsets]': 'automaticallyAdjustContentInsets()',
+                        '[automaticallyAdjustKeyboardInsets]': 'automaticallyAdjustKeyboardInsets()',
+                        '[automaticallyAdjustsScrollIndicatorInsets]': 'automaticallyAdjustsScrollIndicatorInsets()',
+                        '[contentInsetAdjustmentBehavior]': 'contentInsetAdjustmentBehavior()',
+                        '[pinchGestureEnabled]': 'pinchGestureEnabled()',
+                        '[maximumZoomScale]': 'maximumZoomScale()',
+                        '[minimumZoomScale]': 'minimumZoomScale()',
+                        '[zoomScale]': 'zoomScale()',
+                        '[indicatorStyle]': 'indicatorStyle()',
+                        '[scrollsToTop]': 'scrollsToTop()',
+                        '[scrollToOverflowEnabled]': 'scrollToOverflowEnabled()',
+                        '[keyboardDismissMode]': 'keyboardDismissMode()',
+                        '[overScrollMode]': 'overScrollMode()',
+                        '[persistentScrollbar]': 'persistentScrollbar()',
+                        '[fadingEdgeLength]': 'fadingEdgeLength()',
+                        '[endFillColor]': 'endFillColor()',
+                    },
+                }]
+        }], propDecorators: { scrollEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEnabled", required: false }] }], showsHorizontalScrollIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showsHorizontalScrollIndicator", required: false }] }], showsVerticalScrollIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showsVerticalScrollIndicator", required: false }] }], pagingEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagingEnabled", required: false }] }], decelerationRate: [{ type: i0.Input, args: [{ isSignal: true, alias: "decelerationRate", required: false }] }], snapToInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToInterval", required: false }] }], snapToOffsets: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToOffsets", required: false }] }], snapToAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToAlignment", required: false }] }], snapToStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToStart", required: false }] }], snapToEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToEnd", required: false }] }], disableIntervalMomentum: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableIntervalMomentum", required: false }] }], scrollEventThrottle: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEventThrottle", required: false }] }], contentInset: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentInset", required: false }] }], scrollIndicatorInsets: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollIndicatorInsets", required: false }] }], bounces: [{ type: i0.Input, args: [{ isSignal: true, alias: "bounces", required: false }] }], alwaysBounceHorizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysBounceHorizontal", required: false }] }], alwaysBounceVertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysBounceVertical", required: false }] }], bouncesZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "bouncesZoom", required: false }] }], directionalLockEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "directionalLockEnabled", required: false }] }], canCancelContentTouches: [{ type: i0.Input, args: [{ isSignal: true, alias: "canCancelContentTouches", required: false }] }], centerContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerContent", required: false }] }], automaticallyAdjustContentInsets: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticallyAdjustContentInsets", required: false }] }], automaticallyAdjustKeyboardInsets: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticallyAdjustKeyboardInsets", required: false }] }], automaticallyAdjustsScrollIndicatorInsets: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticallyAdjustsScrollIndicatorInsets", required: false }] }], contentInsetAdjustmentBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentInsetAdjustmentBehavior", required: false }] }], pinchGestureEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinchGestureEnabled", required: false }] }], maximumZoomScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumZoomScale", required: false }] }], minimumZoomScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumZoomScale", required: false }] }], zoomScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomScale", required: false }] }], indicatorStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorStyle", required: false }] }], scrollsToTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollsToTop", required: false }] }], scrollToOverflowEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToOverflowEnabled", required: false }] }], keyboardDismissMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardDismissMode", required: false }] }], overScrollMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "overScrollMode", required: false }] }], persistentScrollbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistentScrollbar", required: false }] }], fadingEdgeLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "fadingEdgeLength", required: false }] }], endFillColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "endFillColor", required: false }] }] } });
+//# sourceMappingURL=scroll-view-props.js.map

package/dist/scroll-view-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-view-props.js","sourceRoot":"","sources":["../src/scroll-view-props.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport type { Insets } from './events.ts';\nimport { optionalBoolean, optionalNumber } from './transforms.ts';\nimport { ViewBase } from './view-base.ts';\n\n/** RN's `processDecelerationRate`: the named rates, as UIKit and Android define them. */\nconst DECELERATION: Record<string, number> = { normal: 0.998, fast: 0.99 };\n\n/**\n * The native scroll view's own props, as typed inputs, for everything that commits as one:\n * `<scroll-view>` and `<virtual-list>`, as `FlatList` takes every `ScrollView` prop.\n *\n * Only the props that mean the same on both are here. `horizontal`, `contentOffset`,\n * `maintainVisibleContentPosition`, `nestedScrollEnabled` and the scroll event throttle each\n * mean something more to a windowed list, which declares its own.\n */\n@Directive({\n  host: {\n    '[scrollEnabled]': 'scrollEnabled()',\n    '[showsHorizontalScrollIndicator]': 'showsHorizontalScrollIndicator()',\n    '[showsVerticalScrollIndicator]': 'showsVerticalScrollIndicator()',\n    '[pagingEnabled]': 'pagingEnabled()',\n    '[decelerationRate]': 'resolvedDecelerationRate()',\n    '[snapToInterval]': 'snapToInterval()',\n    '[snapToOffsets]': 'snapToOffsets()',\n    '[snapToAlignment]': 'snapToAlignment()',\n    '[snapToStart]': 'snapToStart()',\n    '[snapToEnd]': 'snapToEnd()',\n    '[disableIntervalMomentum]': 'disableIntervalMomentum()',\n    '[sendMomentumEvents]': 'true',\n    '[contentInset]': 'contentInset()',\n    '[scrollIndicatorInsets]': 'scrollIndicatorInsets()',\n    '[bounces]': 'bounces()',\n    '[alwaysBounceHorizontal]': 'resolvedAlwaysBounceHorizontal()',\n    '[alwaysBounceVertical]': 'resolvedAlwaysBounceVertical()',\n    '[bouncesZoom]': 'bouncesZoom()',\n    '[directionalLockEnabled]': 'directionalLockEnabled()',\n    '[canCancelContentTouches]': 'canCancelContentTouches()',\n    '[centerContent]': 'centerContent()',\n    '[automaticallyAdjustContentInsets]': 'automaticallyAdjustContentInsets()',\n    '[automaticallyAdjustKeyboardInsets]': 'automaticallyAdjustKeyboardInsets()',\n    '[automaticallyAdjustsScrollIndicatorInsets]': 'automaticallyAdjustsScrollIndicatorInsets()',\n    '[contentInsetAdjustmentBehavior]': 'contentInsetAdjustmentBehavior()',\n    '[pinchGestureEnabled]': 'pinchGestureEnabled()',\n    '[maximumZoomScale]': 'maximumZoomScale()',\n    '[minimumZoomScale]': 'minimumZoomScale()',\n    '[zoomScale]': 'zoomScale()',\n    '[indicatorStyle]': 'indicatorStyle()',\n    '[scrollsToTop]': 'scrollsToTop()',\n    '[scrollToOverflowEnabled]': 'scrollToOverflowEnabled()',\n    '[keyboardDismissMode]': 'keyboardDismissMode()',\n    '[overScrollMode]': 'overScrollMode()',\n    '[persistentScrollbar]': 'persistentScrollbar()',\n    '[fadingEdgeLength]': 'fadingEdgeLength()',\n    '[endFillColor]': 'endFillColor()',\n  },\n})\nexport abstract class ScrollViewProps extends ViewBase {\n  /** Whether the content scrolls along x, which decides the axis the defaults bounce on. */\n  abstract readonly horizontal: () => boolean | undefined;\n\n  /** Set to false to freeze the scroll position. */\n  readonly scrollEnabled = input(undefined, { transform: optionalBoolean });\n  readonly showsHorizontalScrollIndicator = input(undefined, { transform: optionalBoolean });\n  readonly showsVerticalScrollIndicator = input(undefined, { transform: optionalBoolean });\n  /** Stop at multiples of the scroll view's own size. */\n  readonly pagingEnabled = input(undefined, { transform: optionalBoolean });\n  /** How quickly a fling slows: `normal`, `fast`, or a factor below 1. */\n  readonly decelerationRate = input<'normal' | 'fast' | number>();\n  /** Stop at multiples of this many points. */\n  readonly snapToInterval = input(undefined, { transform: optionalNumber });\n  /** Stop only at these offsets. */\n  readonly snapToOffsets = input<readonly number[]>();\n  /** Where a snap point sits in the viewport. */\n  readonly snapToAlignment = input<'start' | 'center' | 'end'>();\n  /** Whether the start of the content is a snap point. Defaults to true. */\n  readonly snapToStart = input(undefined, { transform: optionalBoolean });\n  /** Whether the end of the content is a snap point. Defaults to true. */\n  readonly snapToEnd = input(undefined, { transform: optionalBoolean });\n  /** With snapping, stop at the next snap point rather than flinging past several. */\n  readonly disableIntervalMomentum = input(undefined, { transform: optionalBoolean });\n  /** Milliseconds between `(scroll)` events; 16 or less means every frame. */\n  readonly scrollEventThrottle = input(undefined, { transform: optionalNumber });\n  /** iOS: padding inside the scroll view that the content can scroll into. */\n  readonly contentInset = input<Insets>();\n  /** iOS: insets for the scroll indicators. */\n  readonly scrollIndicatorInsets = input<Insets>();\n  /** iOS: rubber-band at the ends. Defaults to true. */\n  readonly bounces = input(undefined, { transform: optionalBoolean });\n  /** iOS: bounce sideways even when the content fits. */\n  readonly alwaysBounceHorizontal = input(undefined, { transform: optionalBoolean });\n  /** iOS: bounce vertically even when the content fits. */\n  readonly alwaysBounceVertical = input(undefined, { transform: optionalBoolean });\n  // Match React Native ScrollView's axis defaults. Passing neither prop through leaves UIKit's\n  // false default in place, which makes short vertical pages feel fixed instead of rubber-banding.\n  protected readonly resolvedAlwaysBounceHorizontal = computed(\n    () => this.alwaysBounceHorizontal() ?? !!this.horizontal(),\n  );\n  protected readonly resolvedAlwaysBounceVertical = computed(\n    () => this.alwaysBounceVertical() ?? !this.horizontal(),\n  );\n  /** iOS: rubber-band past the zoom limits. */\n  readonly bouncesZoom = input(undefined, { transform: optionalBoolean });\n  /** iOS: once a drag starts on one axis, ignore the other. */\n  readonly directionalLockEnabled = input(undefined, { transform: optionalBoolean });\n  /** iOS: whether a drag that started on a child can become a scroll. Defaults to true. */\n  readonly canCancelContentTouches = input(undefined, { transform: optionalBoolean });\n  /** iOS: centre content smaller than the viewport. */\n  readonly centerContent = input(undefined, { transform: optionalBoolean });\n  /** iOS: adjust the insets for the navigation bar and status bar automatically. */\n  readonly automaticallyAdjustContentInsets = input(undefined, { transform: optionalBoolean });\n  /** iOS: add a bottom inset while the keyboard is up. */\n  readonly automaticallyAdjustKeyboardInsets = input(undefined, { transform: optionalBoolean });\n  /** iOS: keep the indicator insets in step with the content insets. Defaults to true. */\n  readonly automaticallyAdjustsScrollIndicatorInsets = input(undefined, {\n    transform: optionalBoolean,\n  });\n  /** iOS: how the safe area affects the content insets. */\n  readonly contentInsetAdjustmentBehavior = input<\n    'automatic' | 'scrollableAxes' | 'never' | 'always'\n  >();\n  /** iOS: allow pinch-to-zoom. Defaults to true. */\n  readonly pinchGestureEnabled = input(undefined, { transform: optionalBoolean });\n  readonly maximumZoomScale = input(undefined, { transform: optionalNumber });\n  readonly minimumZoomScale = input(undefined, { transform: optionalNumber });\n  readonly zoomScale = input(undefined, { transform: optionalNumber });\n  /** iOS: the scroll indicator's colour. */\n  readonly indicatorStyle = input<'default' | 'black' | 'white'>();\n  /** iOS: tapping the status bar scrolls to the top. Defaults to true. */\n  readonly scrollsToTop = input(undefined, { transform: optionalBoolean });\n  /** iOS: allow scrolling past the content programmatically. */\n  readonly scrollToOverflowEnabled = input(undefined, { transform: optionalBoolean });\n  /** Dismiss the keyboard when a drag starts, or interactively as the drag moves. */\n  readonly keyboardDismissMode = input<'none' | 'on-drag' | 'interactive'>();\n  /** Android: the over-scroll glow. */\n  readonly overScrollMode = input<'auto' | 'always' | 'never'>();\n  /** Android: keep the scrollbar visible. */\n  readonly persistentScrollbar = input(undefined, { transform: optionalBoolean });\n  /** Android: fade the content at the edges over this many points. */\n  readonly fadingEdgeLength = input(undefined, { transform: optionalNumber });\n  /** Android: the colour drawn past the end of short content. */\n  readonly endFillColor = input<string>();\n\n  protected readonly resolvedDecelerationRate = computed(() => {\n    const rate = this.decelerationRate();\n    return typeof rate === 'string' ? DECELERATION[rate] : rate;\n  });\n}\n"]}

package/dist/scroll-view.d.ts

@@ -0,0 +1,95 @@
+import { type NativeSyntheticEvent } from '@ng-native/fabric';
+import type { Point, Rect, Size } from './events.ts';
+import { type KeyboardShouldPersistTaps } from './keyboard-taps.ts';
+import { ScrollViewProps } from './scroll-view-props.ts';
+import * as i0 from "@angular/core";
+/**
+ * A scrolling container. Commits as `RCTScrollView`, with the children inside a content view.
+ *
+ * The native scroll view has no `contentContainerStyle`: RN's `ScrollView.js` wraps children in
+ * a content view and applies it there, which is done here. The engine gives the host RN's base
+ * style (`overflow: 'scroll'` and the flex defaults); without it the content spills out of the
+ * scroll view's bounds.
+ *
+ * `horizontal` changes two things rather than one, and both are needed. RN swaps its whole base
+ * style for `baseHorizontal` - the same defaults but `flexDirection: 'row'` - and puts
+ * `contentContainerHorizontal` on the content view. With the host left as a column the content
+ * view is stretched to the scroll view's width instead of growing past it, so there is nothing to
+ * scroll to and a sideways drag does nothing at all. It looks like a scroll view that simply has
+ * too little in it.
+ *
+ * Keyboard policy is the other half of what `ScrollView.js` does in JavaScript. With a text
+ * input focused, a tap elsewhere in the scroll view dismisses the keyboard and goes no further
+ * (`keyboardShouldPersistTaps: 'never'`, the default), reaches the child first and dismisses only
+ * if nothing handled it (`'handled'`), or never dismisses (`'always'`).
+ *
+ * `stickyHeaderIndices` pins those children of the content to the leading edge, each until the
+ * next pushes it off. It is JavaScript in RN as well; see `StickyHeaders`.
+ *
+ * Events are element events: `(scroll)`, `(scrollBeginDrag)`, `(scrollEndDrag)`,
+ * `(momentumScrollBegin)`, `(momentumScrollEnd)`, `(scrollToTop)`. `(contentSizeChange)` is an
+ * output, measured from the content view's layout as RN does.
+ */
+export declare class ScrollView extends ScrollViewProps {
+    /** Styles for the view that holds the children, e.g. padding and gap. */
+    readonly contentContainerStyle: import("@angular/core").InputSignal<Record<string, unknown> | undefined>;
+    /**
+     * The content view's style, with the row direction a horizontal scroll view needs.
+     *
+     * RN's `contentContainerHorizontal`, and in the same order: the caller's own style is applied
+     * over it, so a horizontal scroll view whose content really should stack in a column can still
+     * say so.
+     */
+    protected readonly contentStyle: import("@angular/core").Signal<Record<string, unknown> | undefined>;
+    /** Lay children out in a row and scroll sideways. */
+    readonly horizontal: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Where the content starts, before the user scrolls. */
+    readonly contentOffset: import("@angular/core").InputSignal<Point | undefined>;
+    /** Keep what is on screen still when content is added above it. */
+    readonly maintainVisibleContentPosition: import("@angular/core").InputSignal<{
+        readonly minIndexForVisible: number;
+        readonly autoscrollToTopThreshold?: number;
+    } | undefined>;
+    /** What a tap does with the keyboard up. See the class note. Defaults to `never`. */
+    readonly keyboardShouldPersistTaps: import("@angular/core").InputSignal<KeyboardShouldPersistTaps>;
+    /** Android: cooperate with a scrolling ancestor. */
+    readonly nestedScrollEnabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Children of the content, by position, that stick to the leading edge while it scrolls. */
+    readonly stickyHeaderIndices: import("@angular/core").InputSignal<readonly number[]>;
+    /** The content view's size changed; the value is its new width and height. */
+    readonly contentSizeChange: import("@angular/core").OutputEmitterRef<Size>;
+    private readonly refreshControl;
+    private readonly content;
+    private readonly sticky;
+    /** RN asks for every scroll event while anything is sticky, which is what keeps it pinned. */
+    protected readonly resolvedThrottle: import("@angular/core").Signal<number | undefined>;
+    /**
+     * RN's `nestedScrollEnabled ?? true` for a scroll view inside Android's swipe layout: the scroll
+     * view has to see a drag before the layout wrapped around it does, or every drag is a pull.
+     */
+    protected readonly resolvedNestedScroll: import("@angular/core").Signal<boolean | undefined>;
+    constructor();
+    /**
+     * Sticky children are found again after each pass, because a pass can add or move them, and the
+     * scroll offset is listened for only while there are any.
+     */
+    private trackStickyHeaders;
+    /** Scroll to a position. */
+    scrollTo(options: {
+        x?: number;
+        y?: number;
+        animated?: boolean;
+    }): void;
+    scrollToEnd(options?: {
+        animated?: boolean;
+    }): void;
+    /** Briefly show the scroll indicators, to hint that there is more. */
+    flashScrollIndicators(): void;
+    /** iOS: zoom so that a rectangle of the content fills the viewport. */
+    zoomToRect(rect: Rect, animated?: boolean): void;
+    protected onContentLayout(event: NativeSyntheticEvent<{
+        layout?: Size;
+    }>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "scroll-view", ["scrollView"], { "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "contentOffset": { "alias": "contentOffset"; "required": false; "isSignal": true; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; "isSignal": true; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; "isSignal": true; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; "isSignal": true; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; "isSignal": true; }; }, { "contentSizeChange": "contentSizeChange"; }, ["refreshControl"], ["refresh-control", "*"], true, never>;
+}

package/dist/scroll-view.js

@@ -0,0 +1,181 @@
+import { Component, DestroyRef, ElementRef, afterEveryRender, computed, contentChild, inject, input, output, viewChild, } from '@angular/core';
+import { nativePlatform } from '@ng-native/fabric';
+import { dismissKeyboardOnTap } from "./keyboard-taps.js";
+import { RefreshControl } from "./refresh-control.js";
+import { StickyHeaders } from "./sticky-headers.js";
+import { optionalBoolean } from "./transforms.js";
+import { ScrollViewProps } from "./scroll-view-props.js";
+import { View } from "./view.js";
+import * as i0 from "@angular/core";
+/**
+ * A scrolling container. Commits as `RCTScrollView`, with the children inside a content view.
+ *
+ * The native scroll view has no `contentContainerStyle`: RN's `ScrollView.js` wraps children in
+ * a content view and applies it there, which is done here. The engine gives the host RN's base
+ * style (`overflow: 'scroll'` and the flex defaults); without it the content spills out of the
+ * scroll view's bounds.
+ *
+ * `horizontal` changes two things rather than one, and both are needed. RN swaps its whole base
+ * style for `baseHorizontal` - the same defaults but `flexDirection: 'row'` - and puts
+ * `contentContainerHorizontal` on the content view. With the host left as a column the content
+ * view is stretched to the scroll view's width instead of growing past it, so there is nothing to
+ * scroll to and a sideways drag does nothing at all. It looks like a scroll view that simply has
+ * too little in it.
+ *
+ * Keyboard policy is the other half of what `ScrollView.js` does in JavaScript. With a text
+ * input focused, a tap elsewhere in the scroll view dismisses the keyboard and goes no further
+ * (`keyboardShouldPersistTaps: 'never'`, the default), reaches the child first and dismisses only
+ * if nothing handled it (`'handled'`), or never dismisses (`'always'`).
+ *
+ * `stickyHeaderIndices` pins those children of the content to the leading edge, each until the
+ * next pushes it off. It is JavaScript in RN as well; see `StickyHeaders`.
+ *
+ * Events are element events: `(scroll)`, `(scrollBeginDrag)`, `(scrollEndDrag)`,
+ * `(momentumScrollBegin)`, `(momentumScrollEnd)`, `(scrollToTop)`. `(contentSizeChange)` is an
+ * output, measured from the content view's layout as RN does.
+ */
+export class ScrollView extends ScrollViewProps {
+    /** Styles for the view that holds the children, e.g. padding and gap. */
+    contentContainerStyle = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentContainerStyle" }] : /* istanbul ignore next */ []));
+    /**
+     * The content view's style, with the row direction a horizontal scroll view needs.
+     *
+     * RN's `contentContainerHorizontal`, and in the same order: the caller's own style is applied
+     * over it, so a horizontal scroll view whose content really should stack in a column can still
+     * say so.
+     */
+    contentStyle = computed(() => this.horizontal()
+        ? { flexDirection: 'row', ...this.contentContainerStyle() }
+        : this.contentContainerStyle(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentStyle" }] : /* istanbul ignore next */ []));
+    /** Lay children out in a row and scroll sideways. */
+    horizontal = input(undefined, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Where the content starts, before the user scrolls. */
+    contentOffset = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentOffset" }] : /* istanbul ignore next */ []));
+    /** Keep what is on screen still when content is added above it. */
+    maintainVisibleContentPosition = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "maintainVisibleContentPosition" }] : /* istanbul ignore next */ []));
+    /** What a tap does with the keyboard up. See the class note. Defaults to `never`. */
+    keyboardShouldPersistTaps = input('never', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "keyboardShouldPersistTaps" }] : /* istanbul ignore next */ []));
+    /** Android: cooperate with a scrolling ancestor. */
+    nestedScrollEnabled = input(undefined, { ...(ngDevMode ? { debugName: "nestedScrollEnabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Children of the content, by position, that stick to the leading edge while it scrolls. */
+    stickyHeaderIndices = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stickyHeaderIndices" }] : /* istanbul ignore next */ []));
+    /** The content view's size changed; the value is its new width and height. */
+    contentSizeChange = output();
+    refreshControl = contentChild(RefreshControl, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "refreshControl" }] : /* istanbul ignore next */ []));
+    content = viewChild.required('content', { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), read: ElementRef });
+    sticky = new StickyHeaders(this.engine, this.node, () => !!this.horizontal());
+    /** RN asks for every scroll event while anything is sticky, which is what keeps it pinned. */
+    resolvedThrottle = computed(() => this.stickyHeaderIndices().length > 0 ? 1 : this.scrollEventThrottle(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedThrottle" }] : /* istanbul ignore next */ []));
+    /**
+     * RN's `nestedScrollEnabled ?? true` for a scroll view inside Android's swipe layout: the scroll
+     * view has to see a drag before the layout wrapped around it does, or every drag is a pull.
+     */
+    resolvedNestedScroll = computed(() => this.nestedScrollEnabled() ??
+        (nativePlatform() === 'android' && this.refreshControl() ? true : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedNestedScroll" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        const stop = dismissKeyboardOnTap(this.engine, this.node, () => this.keyboardShouldPersistTaps());
+        inject(DestroyRef).onDestroy(stop);
+        this.trackStickyHeaders();
+    }
+    /**
+     * Sticky children are found again after each pass, because a pass can add or move them, and the
+     * scroll offset is listened for only while there are any.
+     */
+    trackStickyHeaders() {
+        let stopScroll = null;
+        afterEveryRender(() => {
+            const indices = this.stickyHeaderIndices();
+            if (indices.length === 0 && !stopScroll)
+                return;
+            this.sticky.track(this.content().nativeElement, indices);
+            if (indices.length > 0 && !stopScroll) {
+                stopScroll = this.engine.setEventListener(this.node, 'topScroll', (event) => {
+                    const offset = event.nativeEvent
+                        ?.contentOffset;
+                    this.sticky.scrolled((this.horizontal() ? offset?.x : offset?.y) ?? 0);
+                });
+            }
+            else if (indices.length === 0 && stopScroll) {
+                stopScroll();
+                stopScroll = null;
+            }
+        });
+        inject(DestroyRef).onDestroy(() => {
+            stopScroll?.();
+            this.sticky.destroy();
+        });
+    }
+    /** Scroll to a position. */
+    scrollTo(options) {
+        const { x = 0, y = 0, animated = true } = options;
+        this.engine.dispatchCommand(this.node, 'scrollTo', [x, y, animated]);
+    }
+    scrollToEnd(options = {}) {
+        this.engine.dispatchCommand(this.node, 'scrollToEnd', [options.animated ?? true]);
+    }
+    /** Briefly show the scroll indicators, to hint that there is more. */
+    flashScrollIndicators() {
+        this.engine.dispatchCommand(this.node, 'flashScrollIndicators');
+    }
+    /** iOS: zoom so that a rectangle of the content fills the viewport. */
+    zoomToRect(rect, animated = true) {
+        this.engine.dispatchCommand(this.node, 'zoomToRect', [rect, animated]);
+    }
+    onContentLayout(event) {
+        const layout = event.nativeEvent?.layout;
+        if (layout)
+            this.contentSizeChange.emit({ width: layout.width, height: layout.height });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: ScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.0", type: ScrollView, isStandalone: true, selector: "scroll-view", inputs: { contentContainerStyle: { classPropertyName: "contentContainerStyle", publicName: "contentContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, contentOffset: { classPropertyName: "contentOffset", publicName: "contentOffset", isSignal: true, isRequired: false, transformFunction: null }, maintainVisibleContentPosition: { classPropertyName: "maintainVisibleContentPosition", publicName: "maintainVisibleContentPosition", isSignal: true, isRequired: false, transformFunction: null }, keyboardShouldPersistTaps: { classPropertyName: "keyboardShouldPersistTaps", publicName: "keyboardShouldPersistTaps", isSignal: true, isRequired: false, transformFunction: null }, nestedScrollEnabled: { classPropertyName: "nestedScrollEnabled", publicName: "nestedScrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, stickyHeaderIndices: { classPropertyName: "stickyHeaderIndices", publicName: "stickyHeaderIndices", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentSizeChange: "contentSizeChange" }, host: { properties: { "flexDirection": "horizontal() ? 'row' : 'column'", "horizontal": "horizontal()", "contentOffset": "contentOffset()", "maintainVisibleContentPosition": "maintainVisibleContentPosition()", "scrollEventThrottle": "resolvedThrottle()", "nestedScrollEnabled": "resolvedNestedScroll()" } }, queries: [{ propertyName: "refreshControl", first: true, predicate: RefreshControl, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["scrollView"], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="refresh-control" />
+    <view #content [style]="contentStyle()" collapsable="false" (layout)="onContentLayout($event)">
+      <ng-content />
+    </view>
+  `, isInline: true, dependencies: [{ kind: "directive", type: View, selector: "view" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: ScrollView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'scroll-view',
+                    exportAs: 'scrollView',
+                    imports: [View],
+                    // `collapsable: false` is load-bearing, not a hint. Fabric flattens views whose props are
+                    // layout-only, and a content container with just padding qualifies: it gets no UIView at all.
+                    // Touches in its empty areas then land on the scroll view itself, which does not scroll from a
+                    // direct hit, so dragging anywhere the children do not cover silently does nothing. RN sets the
+                    // same flag on its content container for the same reason.
+                    //
+                    // A refresh control is the scroll view's own child, before the content view, as RN's
+                    // ScrollView.js commits it. On iOS it finds its scroll view once, when it is inserted, and
+                    // Fabric mounts bottom-up: inside the content view it would look before that view was in the
+                    // scroll view, and never attach.
+                    template: `
+    <ng-content select="refresh-control" />
+    <view #content [style]="contentStyle()" collapsable="false" (layout)="onContentLayout($event)">
+      <ng-content />
+    </view>
+  `,
+                    host: {
+                        // The base style's direction, which `horizontal` decides. A top-level prop rather than a
+                        // host `[style]`, so the caller's own `[style]` still applies over it as it does in RN.
+                        '[flexDirection]': "horizontal() ? 'row' : 'column'",
+                        '[horizontal]': 'horizontal()',
+                        '[contentOffset]': 'contentOffset()',
+                        '[maintainVisibleContentPosition]': 'maintainVisibleContentPosition()',
+                        '[scrollEventThrottle]': 'resolvedThrottle()',
+                        '[nestedScrollEnabled]': 'resolvedNestedScroll()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { contentContainerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentContainerStyle", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], contentOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentOffset", required: false }] }], maintainVisibleContentPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "maintainVisibleContentPosition", required: false }] }], keyboardShouldPersistTaps: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardShouldPersistTaps", required: false }] }], nestedScrollEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "nestedScrollEnabled", required: false }] }], stickyHeaderIndices: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeaderIndices", required: false }] }], contentSizeChange: [{ type: i0.Output, args: ["contentSizeChange"] }], refreshControl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RefreshControl), { isSignal: true }] }], content: [{ type: i0.ViewChild, args: ['content', { ...{ read: ElementRef }, isSignal: true }] }] } });
+//# sourceMappingURL=scroll-view.js.map