@symbiote-native/angular 0.6.2 → 0.8.0

package/build/angular/components/safe-area-view/index.js

@@ -5,11 +5,12 @@
 // a11y + onLayout straight onto the symbiote-safe-area-view host, children via <ng-content>.
 // The Angular twin of the React/Vue SafeAreaView. No platform branch (one Fabric name both
 // platforms), so this stays a flat single file.
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, computed, ElementRef, EventEmitter, inject, Input, Output, signal, } from '@angular/core';
 import { resolveAccessibilityProps, } from '@symbiote-native/components';
 import { isSymbioteEvent, } from '@symbiote-native/engine';
-import { anchorHostStyle, SafeAreaViewHost, SymbioteHostPropsDirective } from '../../primitives';
+import { anchorHostStyle, SafeAreaViewHost, SymbioteHostPropsDirective, SymbioteStyleInputDirective, } from '../../primitives';
 import * as i0 from "@angular/core";
+import * as i1 from "../../primitives/shared";
 export class SafeAreaView {
     style;
     // Real @Output()s, not `[onX]="…"` callbacks. Safe to name `layout` the same as the native
@@ -66,6 +67,34 @@ export class SafeAreaView {
         if (isSymbioteEvent(event))
             emitter.emit(event);
     }
+    // Bridges the non-reactive fields `hostProps` reads into the reactive graph, so it can memoize.
+    // Plain fields read inside a computed() are UNTRACKED - something must signal "a dependency
+    // changed" or the bag goes stale. Signal inputs would do this natively, but `input()` is visible
+    // only to the AOT compiler and this package's unit suite runs on JIT (see the
+    // `angular-adapter-change-detection` skill, §6); `signal()`/`computed()` are plain runtime APIs.
+    // TWO bump sites, both required - see ngOnChanges and ngDoCheck below.
+    hostPropsRevision = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostPropsRevision" }] : /* istanbul ignore next */ []));
+    // What the anchor's class-derived style was when the bag was last built (identity, not value).
+    lastAnchorStyle;
+    ngOnChanges() {
+        // The single moment Angular has finished writing every changed @Input for this pass.
+        this.hostPropsRevision.update(revision => revision + 1);
+    }
+    // The anchor's class-derived style is NOT an @Input: `class="..."`/`[ngClass]` at the use site
+    // resolves through the renderer's addClass onto this component's anchor host (see
+    // anchorHostStyle's doc comment), so it never shows up in SimpleChanges - ngOnChanges alone
+    // would strand a class toggled after mount (regression-covered by safe-area-view.test.ts's
+    // class-toggle case, which fails the moment this hook stops bumping). ngDoCheck runs at exactly
+    // the cadence the old getter was re-read, and bumps only on a real identity change, so an
+    // unchanged anchor still costs nothing.
+    ngDoCheck() {
+        const anchorStyle = anchorHostStyle(this.elementRef);
+        if (anchorStyle === this.lastAnchorStyle)
+            return;
+        this.lastAnchorStyle = anchorStyle;
+        this.hostPropsRevision.update(revision => revision + 1);
+    }
     // Folds style/testID/nativeID/accessible alongside the accessibility*/aria-*/role surface into
     // one bag for [symbioteHostProps] — resolveAccessibilityProps takes the whole props object (not
     // just the accessibility slice) and returns it with aria-*/role folded into accessibility*, so
@@ -73,7 +102,13 @@ export class SafeAreaView {
     // SafeAreaView runs over its whole `rawProps`. The anchor's class-derived style goes FIRST, this
     // component's own explicit `style` @Input SECOND — flattenStyle's later-wins collapse keeps an
     // explicit [style] winning over its ambient class.
-    get hostProps() {
+    //
+    // A computed(), not a getter: Angular re-reads a template getter on every refresh of this view
+    // and `[symbioteHostProps]` compares by REFERENCE, so a freshly rebuilt (but identical) bag
+    // re-pushes every key through renderer.setProperty -> the engine's prop routing. Memoized, an
+    // a11y/layout event that only dirties this view costs nothing.
+    hostProps = computed(() => {
+        this.hostPropsRevision();
         return resolveAccessibilityProps({
             style: [anchorHostStyle(this.elementRef), this.style],
             testID: this.testID,
@@ -112,11 +147,12 @@ export class SafeAreaView {
             'aria-valuenow': this.ariaValueNow,
             'aria-valuetext': this.ariaValueText,
         });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SafeAreaView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: SafeAreaView, isStandalone: true, selector: "SafeAreaView", inputs: { style: "style", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { layout: "layout", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostProps" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: SafeAreaView, isStandalone: true, selector: "SafeAreaView", inputs: { style: "style", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { layout: "layout", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, usesOnChanges: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: `
     <symbiote-safe-area-view
-      [symbioteHostProps]="hostProps"
+      [symbioteHostProps]="hostProps()"
       (accessibilityAction)="emit(accessibilityAction, $event)"
       (accessibilityTap)="emit(accessibilityTap, $event)"
       (magicTap)="emit(magicTap, $event)"
@@ -127,17 +163,20 @@ export class SafeAreaView {
     </symbiote-safe-area-view>
   `, isInline: true, dependencies: [{ kind: "component", type: SafeAreaViewHost, selector: "symbiote-safe-area-view" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SafeAreaView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaView, decorators: [{
             type: Component,
             args: [{
                     selector: 'SafeAreaView',
                     standalone: true,
+                    hostDirectives: [
+                        { directive: SymbioteStyleInputDirective, inputs: ['style'] },
+                    ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     imports: [SafeAreaViewHost, SymbioteHostPropsDirective],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <symbiote-safe-area-view
-      [symbioteHostProps]="hostProps"
+      [symbioteHostProps]="hostProps()"
       (accessibilityAction)="emit(accessibilityAction, $event)"
       (accessibilityTap)="emit(accessibilityTap, $event)"
       (magicTap)="emit(magicTap, $event)"

package/build/angular/components/safe-area-view/index.js.map

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

package/build/angular/components/scroll-view/index.android.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef, type OnChanges, type OnDestroy } from '@angular/core';
 import type { IStyleProp, IViewStyle } from '@symbiote-native/engine';
 import { ScrollViewBase } from './shared';
 import * as i0 from "@angular/core";
+import * as i1 from "../../primitives/shared";
 export type { IAngularScrollViewProps, IScrollViewHandle } from './shared';
 export declare class SymbioteTemplateOutletDirective implements OnChanges, OnDestroy {
     symbioteTemplateOutlet: TemplateRef<unknown> | null;
@@ -13,9 +14,7 @@ export declare class SymbioteTemplateOutletDirective implements OnChanges, OnDes
     static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteTemplateOutletDirective, "[symbioteTemplateOutlet]", never, { "symbioteTemplateOutlet": { "alias": "symbioteTemplateOutlet"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class ScrollView extends ScrollViewBase {
-    private readonly elementRef;
-    get scrollProps(): Record<string, unknown>;
     protected get layoutSplitStyle(): IStyleProp<IViewStyle>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
 }

package/build/angular/components/scroll-view/index.android.js

@@ -1,29 +1,29 @@
-// ScrollView on Android. An Android ScrollView accepts only ONE child, so a
-// RefreshControl can't be a sibling of the content the way iOS allows ("addViewAt: failed to insert
-// view ... at index 1"). RN solves this by having the RefreshControl (AndroidSwipeRefreshLayout)
-// WRAP the scroll view (cloneElement(refreshControl, {style}, scrollView)). Angular mirrors that
-// shape by querying a projected <RefreshControl>, re-rendering its native prop surface as the outer
-// wrapper, and projecting every non-RefreshControl child into the inner scroll content.
+// ScrollView on Android. An Android ScrollView accepts only ONE child, so a RefreshControl can't
+// be a sibling of the content the way iOS allows ("addViewAt: failed to insert view ... at index
+// 1"). RN solves this by having the RefreshControl (AndroidSwipeRefreshLayout) WRAP the scroll
+// view (cloneElement(refreshControl, {style}, scrollView)). Angular mirrors that shape by querying
+// a projected <RefreshControl>, re-rendering its native prop surface as the outer wrapper, and
+// projecting every non-RefreshControl child into the inner scroll content.
 //
-// Android genuinely needs a different Fabric view per
-// axis for BOTH the outer scroll container (RCTScrollView is vertical-only; AndroidHorizontalScrollView
-// is a dedicated ViewManager) AND the inner content view (vertical content is a plain Android View,
-// horizontal content is AndroidHorizontalScrollContentView, which carries its own ShadowNode::
-// layout() override). So the content tag differs by axis — but Angular only reliably projects into a
-// component's LAST-declared <ng-content> when 2+ DISTINCT declarations exist (angular/angular#22972),
-// which an earlier 4-call-site template (one <ng-content> per axis x refresh-control branch) tripped.
-// Fix: exactly ONE `<ng-content>` textually, inside a single top-level `<ng-template>`, re-instantiated
-// into whichever branch is active via a local template-outlet directive (SymbioteTemplateOutletDirective
-// below, `@angular/common`-free per this adapter's dependency policy — see package.json). Only one
-// branch is ever live at a time, and the `<ng-content>` DECLARATION COUNT stays at one, so the "last
-// one wins" limitation never triggers. Covered by `android-scroll-view-axis-projection.test.ts` (all
-// four axis x refresh combos, plus a runtime axis switch) and `flat-list-scroll-containment.test.ts`.
+// Android needs a different Fabric view per axis for both the outer scroll container
+// (RCTScrollView is vertical-only; AndroidHorizontalScrollView is a dedicated ViewManager) and the
+// inner content view (horizontal content is AndroidHorizontalScrollContentView, with its own
+// ShadowNode::layout() override) — but Angular only reliably projects into a component's
+// LAST-declared <ng-content> when 2+ DISTINCT declarations exist (angular/angular#22972), which an
+// earlier 4-call-site template (one <ng-content> per axis x refresh-control branch) tripped. Fix:
+// exactly ONE `<ng-content>` textually, inside a single top-level `<ng-template>`, re-instantiated
+// into whichever branch is active via a local template-outlet directive
+// (SymbioteTemplateOutletDirective below, `@angular/common`-free per this adapter's dependency
+// policy — see package.json). Only one branch is ever live, so the declaration count stays at one
+// and the "last one wins" limitation never triggers. Covered by
+// `android-scroll-view-axis-projection.test.ts` and `flat-list-scroll-containment.test.ts`.
 //
 // Metro picks this on an Android host; no Platform.OS read.
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, ElementRef, Input, TemplateRef, ViewContainerRef, inject, } from '@angular/core';
-import { anchorHostStyle, HorizontalScrollView, HorizontalScrollContentView, RefreshControlHost, ScrollContentView, ScrollViewHost, SymbioteHostPropsDirective, } from '../../primitives';
-import { ScrollViewBase, ScrollViewProjectionDirective, SCROLL_VIEW_INPUTS } from './shared';
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, Input, TemplateRef, ViewContainerRef, inject, } from '@angular/core';
+import { HorizontalScrollContentView, HorizontalScrollView, RefreshControlHost, ScrollContentView, ScrollViewHost, SymbioteHostPropsDirective, SymbioteStyleInputDirective, } from '../../primitives';
+import { ScrollViewBase, ScrollViewProjectionDirective, SCROLL_VIEW_INPUTS, } from './shared';
 import * as i0 from "@angular/core";
+import * as i1 from "../../primitives/shared";
 // Minimal local twin of `@angular/common`'s NgTemplateOutlet (this adapter deliberately has no
 // @angular/common dependency — see package.json): re-instantiates the SAME TemplateRef into
 // whichever structural branch below is currently active, so the component's compiled template
@@ -44,10 +44,10 @@ export class SymbioteTemplateOutletDirective {
     ngOnDestroy() {
         this.viewRef?.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SymbioteTemplateOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: SymbioteTemplateOutletDirective, isStandalone: true, selector: "[symbioteTemplateOutlet]", inputs: { symbioteTemplateOutlet: "symbioteTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteTemplateOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteTemplateOutletDirective, isStandalone: true, selector: "[symbioteTemplateOutlet]", inputs: { symbioteTemplateOutlet: "symbioteTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SymbioteTemplateOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteTemplateOutletDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[symbioteTemplateOutlet]',
@@ -65,25 +65,21 @@ function asStyle(value) {
 // The symbiote-* host elements are imported as standalone components; the props directive is
 // applied as a template directive and the projection directive manages sticky-header wrapping.
 export class ScrollView extends ScrollViewBase {
-    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
-    // onto (see anchorHostStyle's doc comment) — NOT `#host` in the template above, which targets
-    // the real inner `symbiote-scroll-view`/`symbiote-horizontal-scroll-view` one level down.
-    elementRef = inject(ElementRef);
-    get scrollProps() {
-        const props = super.scrollProps;
-        return { ...props, style: [anchorHostStyle(this.elementRef), props.style] };
-    }
     // Feeds the anchor's class-derived style INTO the base class's own `splitLayoutProps` call
     // (shared.ts's `androidWrappedScrollProps`/`androidRefreshControlProps`), not tacked on after —
     // a class-only layout style (flex/height/gap/…) must be visible to the split itself, or the
     // Android outer refresh-control wrapper never receives its share and collapses to zero size
     // (a real device bug: the whole ScrollView renders nothing). See layoutSplitStyle's doc comment
     // in shared.ts and the identical fix already shipped in the Vue adapter's scroll-view.
+    //
+    // Reads the base's `anchorStyle` SIGNAL rather than calling anchorHostStyle() directly: this
+    // getter is evaluated inside the `androidWrappedScrollProps` computed, where a plain read would
+    // be untracked and leave the memoized bag holding a stale class.
     get layoutSplitStyle() {
-        return [asStyle(anchorHostStyle(this.elementRef)), this.style];
+        return [asStyle(this.anchorStyle()), this.style];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollView, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ScrollView, isStandalone: true, selector: "ScrollView", inputs: { style: "style", contentContainerStyle: "contentContainerStyle", horizontal: "horizontal", scrollEnabled: "scrollEnabled", showsVerticalScrollIndicator: "showsVerticalScrollIndicator", showsHorizontalScrollIndicator: "showsHorizontalScrollIndicator", pagingEnabled: "pagingEnabled", bounces: "bounces", decelerationRate: "decelerationRate", scrollEventThrottle: "scrollEventThrottle", contentInset: "contentInset", contentOffset: "contentOffset", removeClippedSubviews: "removeClippedSubviews", snapToInterval: "snapToInterval", snapToOffsets: "snapToOffsets", snapToAlignment: "snapToAlignment", snapToStart: "snapToStart", snapToEnd: "snapToEnd", disableIntervalMomentum: "disableIntervalMomentum", stickyHeaderIndices: "stickyHeaderIndices", invertStickyHeaders: "invertStickyHeaders", StickyHeaderComponent: "StickyHeaderComponent", keyboardDismissMode: "keyboardDismissMode", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", maintainVisibleContentPosition: "maintainVisibleContentPosition", alwaysBounceHorizontal: "alwaysBounceHorizontal", alwaysBounceVertical: "alwaysBounceVertical", centerContent: "centerContent", scrollIndicatorInsets: "scrollIndicatorInsets", indicatorStyle: "indicatorStyle", directionalLockEnabled: "directionalLockEnabled", automaticallyAdjustKeyboardInsets: "automaticallyAdjustKeyboardInsets", contentInsetAdjustmentBehavior: "contentInsetAdjustmentBehavior", minimumZoomScale: "minimumZoomScale", maximumZoomScale: "maximumZoomScale", zoomScale: "zoomScale", bouncesZoom: "bouncesZoom", pinchGestureEnabled: "pinchGestureEnabled", nestedScrollEnabled: "nestedScrollEnabled", overScrollMode: "overScrollMode", fadingEdgeLength: "fadingEdgeLength", persistentScrollbar: "persistentScrollbar", endFillColor: "endFillColor", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ScrollView, isStandalone: true, selector: "ScrollView", inputs: { style: "style", contentContainerStyle: "contentContainerStyle", horizontal: "horizontal", scrollEnabled: "scrollEnabled", showsVerticalScrollIndicator: "showsVerticalScrollIndicator", showsHorizontalScrollIndicator: "showsHorizontalScrollIndicator", pagingEnabled: "pagingEnabled", bounces: "bounces", decelerationRate: "decelerationRate", scrollEventThrottle: "scrollEventThrottle", contentInset: "contentInset", contentOffset: "contentOffset", removeClippedSubviews: "removeClippedSubviews", snapToInterval: "snapToInterval", snapToOffsets: "snapToOffsets", snapToAlignment: "snapToAlignment", snapToStart: "snapToStart", snapToEnd: "snapToEnd", disableIntervalMomentum: "disableIntervalMomentum", stickyHeaderIndices: "stickyHeaderIndices", invertStickyHeaders: "invertStickyHeaders", StickyHeaderComponent: "StickyHeaderComponent", keyboardDismissMode: "keyboardDismissMode", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", maintainVisibleContentPosition: "maintainVisibleContentPosition", alwaysBounceHorizontal: "alwaysBounceHorizontal", alwaysBounceVertical: "alwaysBounceVertical", centerContent: "centerContent", scrollIndicatorInsets: "scrollIndicatorInsets", indicatorStyle: "indicatorStyle", directionalLockEnabled: "directionalLockEnabled", automaticallyAdjustKeyboardInsets: "automaticallyAdjustKeyboardInsets", contentInsetAdjustmentBehavior: "contentInsetAdjustmentBehavior", minimumZoomScale: "minimumZoomScale", maximumZoomScale: "maximumZoomScale", zoomScale: "zoomScale", bouncesZoom: "bouncesZoom", pinchGestureEnabled: "pinchGestureEnabled", nestedScrollEnabled: "nestedScrollEnabled", overScrollMode: "overScrollMode", fadingEdgeLength: "fadingEdgeLength", persistentScrollbar: "persistentScrollbar", endFillColor: "endFillColor", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext" }, usesInheritance: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: `
     <ng-template #sharedContent>
       <ng-content></ng-content>
     </ng-template>
@@ -96,23 +92,30 @@ export class ScrollView extends ScrollViewBase {
         >
           <symbiote-horizontal-scroll-view
             #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
+            [symbioteHostProps]="androidWrappedScrollProps()"
           >
             <symbiote-horizontal-scroll-content
-              [symbioteHostProps]="contentProps"
+              [symbioteHostProps]="contentProps()"
               [symbioteScrollViewProjection]="projectionController"
             >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+              <ng-container
+                [symbioteTemplateOutlet]="sharedContent"
+              ></ng-container>
             </symbiote-horizontal-scroll-content>
           </symbiote-horizontal-scroll-view>
         </symbiote-refresh-control>
       } @else {
-        <symbiote-horizontal-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
+        <symbiote-horizontal-scroll-view
+          #host="symbioteHost"
+          [symbioteHostProps]="scrollProps()"
+        >
           <symbiote-horizontal-scroll-content
-            [symbioteHostProps]="contentProps"
+            [symbioteHostProps]="contentProps()"
             [symbioteScrollViewProjection]="projectionController"
           >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+            <ng-container
+              [symbioteTemplateOutlet]="sharedContent"
+            ></ng-container>
           </symbiote-horizontal-scroll-content>
         </symbiote-horizontal-scroll-view>
       }
@@ -125,34 +128,44 @@ export class ScrollView extends ScrollViewBase {
         >
           <symbiote-scroll-view
             #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
+            [symbioteHostProps]="androidWrappedScrollProps()"
           >
             <symbiote-scroll-content
-              [symbioteHostProps]="contentProps"
+              [symbioteHostProps]="contentProps()"
               [symbioteScrollViewProjection]="projectionController"
             >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+              <ng-container
+                [symbioteTemplateOutlet]="sharedContent"
+              ></ng-container>
             </symbiote-scroll-content>
           </symbiote-scroll-view>
         </symbiote-refresh-control>
       } @else {
-        <symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
+        <symbiote-scroll-view
+          #host="symbioteHost"
+          [symbioteHostProps]="scrollProps()"
+        >
           <symbiote-scroll-content
-            [symbioteHostProps]="contentProps"
+            [symbioteHostProps]="contentProps()"
             [symbioteScrollViewProjection]="projectionController"
           >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+            <ng-container
+              [symbioteTemplateOutlet]="sharedContent"
+            ></ng-container>
           </symbiote-scroll-content>
         </symbiote-scroll-view>
       }
     }
   `, isInline: true, dependencies: [{ kind: "component", type: ScrollViewHost, selector: "symbiote-scroll-view" }, { kind: "component", type: ScrollContentView, selector: "symbiote-scroll-content" }, { kind: "component", type: HorizontalScrollView, selector: "symbiote-horizontal-scroll-view" }, { kind: "component", type: HorizontalScrollContentView, selector: "symbiote-horizontal-scroll-content" }, { kind: "component", type: RefreshControlHost, selector: "symbiote-refresh-control" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "directive", type: ScrollViewProjectionDirective, selector: "[symbioteScrollViewProjection]", inputs: ["symbioteScrollViewProjection"] }, { kind: "directive", type: SymbioteTemplateOutletDirective, selector: "[symbioteTemplateOutlet]", inputs: ["symbioteTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollView, decorators: [{
             type: Component,
             args: [{
                     selector: 'ScrollView',
                     standalone: true,
+                    hostDirectives: [
+                        { directive: SymbioteStyleInputDirective, inputs: ['style'] },
+                    ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     imports: [
                         ScrollViewHost,
@@ -179,23 +192,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         >
           <symbiote-horizontal-scroll-view
             #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
+            [symbioteHostProps]="androidWrappedScrollProps()"
           >
             <symbiote-horizontal-scroll-content
-              [symbioteHostProps]="contentProps"
+              [symbioteHostProps]="contentProps()"
               [symbioteScrollViewProjection]="projectionController"
             >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+              <ng-container
+                [symbioteTemplateOutlet]="sharedContent"
+              ></ng-container>
             </symbiote-horizontal-scroll-content>
           </symbiote-horizontal-scroll-view>
         </symbiote-refresh-control>
       } @else {
-        <symbiote-horizontal-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
+        <symbiote-horizontal-scroll-view
+          #host="symbioteHost"
+          [symbioteHostProps]="scrollProps()"
+        >
           <symbiote-horizontal-scroll-content
-            [symbioteHostProps]="contentProps"
+            [symbioteHostProps]="contentProps()"
             [symbioteScrollViewProjection]="projectionController"
           >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+            <ng-container
+              [symbioteTemplateOutlet]="sharedContent"
+            ></ng-container>
           </symbiote-horizontal-scroll-content>
         </symbiote-horizontal-scroll-view>
       }
@@ -208,23 +228,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         >
           <symbiote-scroll-view
             #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
+            [symbioteHostProps]="androidWrappedScrollProps()"
           >
             <symbiote-scroll-content
-              [symbioteHostProps]="contentProps"
+              [symbioteHostProps]="contentProps()"
               [symbioteScrollViewProjection]="projectionController"
             >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+              <ng-container
+                [symbioteTemplateOutlet]="sharedContent"
+              ></ng-container>
             </symbiote-scroll-content>
           </symbiote-scroll-view>
         </symbiote-refresh-control>
       } @else {
-        <symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
+        <symbiote-scroll-view
+          #host="symbioteHost"
+          [symbioteHostProps]="scrollProps()"
+        >
           <symbiote-scroll-content
-            [symbioteHostProps]="contentProps"
+            [symbioteHostProps]="contentProps()"
             [symbioteScrollViewProjection]="projectionController"
           >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
+            <ng-container
+              [symbioteTemplateOutlet]="sharedContent"
+            ></ng-container>
           </symbiote-scroll-content>
         </symbiote-scroll-view>
       }

package/build/angular/components/scroll-view/index.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/scroll-view/index.android.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/scroll-view/index.android.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,iGAAiG;AACjG,+FAA+F;AAC/F,mGAAmG;AACnG,+FAA+F;AAC/F,2EAA2E;AAC3E,EAAE;AACF,qFAAqF;AACrF,mGAAmG;AACnG,6FAA6F;AAC7F,yFAAyF;AACzF,mGAAmG;AACnG,kGAAkG;AAClG,mGAAmG;AACnG,wEAAwE;AACxE,+FAA+F;AAC/F,kGAAkG;AAClG,gEAAgE;AAChE,4FAA4F;AAC5F,EAAE;AACF,4DAA4D;AAE5D,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,SAAS,EACT,SAAS,EACT,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,MAAM,GAIP,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,6BAA6B,EAC7B,kBAAkB,GACnB,MAAM,UAAU,CAAC;;;AAGlB,+FAA+F;AAC/F,4FAA4F;AAC5F,8FAA8F;AAC9F,yFAAyF;AAKzF,MAAM,OAAO,+BAA+B;IACjC,sBAAsB,GAAgC,IAAI,CAAC;IAEnD,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACrD,OAAO,CAAuC;IAEtD,WAAW;QACT,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAC3B,CAAC;QACD,IAAI,IAAI,CAAC,sBAAsB,KAAK,IAAI,EAAE,CAAC;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CACrD,IAAI,CAAC,sBAAsB,CAC5B,CAAC;QACJ,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;IAC1B,CAAC;uGApBU,+BAA+B;2FAA/B,+BAA+B;;2FAA/B,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,UAAU,EAAE,IAAI;iBACjB;;sBAEE,KAAK;;AAsBR,+FAA+F;AAC/F,6FAA6F;AAC7F,2DAA2D;AAC3D,SAAS,OAAO,CAAC,KAAc;IAC7B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACzE,CAAC;AAED,6FAA6F;AAC7F,+FAA+F;AAmG/F,MAAM,OAAO,UAAW,SAAQ,cAAc;IAC5C,2FAA2F;IAC3F,gGAAgG;IAChG,4FAA4F;IAC5F,4FAA4F;IAC5F,gGAAgG;IAChG,uFAAuF;IACvF,EAAE;IACF,6FAA6F;IAC7F,gGAAgG;IAChG,iEAAiE;IACjE,IAAuB,gBAAgB;QACrC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;uGAbU,UAAU;2FAAV,UAAU,4gHA/EX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6ET,4DAxFC,cAAc,iEACd,iBAAiB,oEACjB,oBAAoB,4EACpB,2BAA2B,+EAC3B,kBAAkB,qEAClB,0BAA0B,2HAC1B,6BAA6B,qHA9CpB,+BAA+B;;2FAkI/B,UAAU;kBAlGtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;oBAChB,cAAc,EAAE;wBACd,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;qBAC9D;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE;wBACP,cAAc;wBACd,iBAAiB;wBACjB,oBAAoB;wBACpB,2BAA2B;wBAC3B,kBAAkB;wBAClB,0BAA0B;wBAC1B,6BAA6B;wBAC7B,+BAA+B;qBAChC;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,MAAM,EAAE,kBAAkB;oBAC1B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6ET;iBACF"}

package/build/angular/components/scroll-view/index.ios.d.ts

@@ -1,9 +1,8 @@
 import { ScrollViewBase } from './shared';
 import * as i0 from "@angular/core";
+import * as i1 from "../../primitives/shared";
 export type { IAngularScrollViewProps, IScrollViewHandle } from './shared';
 export declare class ScrollView extends ScrollViewBase {
-    private readonly elementRef;
-    get scrollProps(): Record<string, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
 }