@symbiote-native/angular 0.0.0-canary-20260724081123

package/build/angular/modules/animated/create-animated-component.js

@@ -0,0 +1,364 @@
+// createAnimatedComponent for @symbiote-native/angular: the Angular twin of the React/Vue
+// wrapper. React/Vue have a runtime HOC (`createAnimatedComponent(Component)` builds a
+// fresh wrapped component on the fly). Angular has NO such idiom AND it cannot have one:
+// the AOT-under-Metro build compiles every @Component at build
+// time and ships NO JIT compiler to Hermes, so a runtime `Component({...})(class)` would
+// throw. The idiomatic, AOT-safe equivalent is therefore an EXPLICIT set of standalone
+// components — AnimatedView / AnimatedText / AnimatedImage / AnimatedScrollView — each a
+// thin @Component over the matching host primitive, all sharing one abstract lifecycle
+// base. The mechanism (build an AnimatedProps leaf, reduce animated props to current
+// values for the first paint, bind the leaf to the committed host node, swap leaves on
+// re-render, tear down on destroy) lives once in AnimatedComponentBase; only the per-host
+// template differs.
+//
+// The framework-agnostic half (reduceProps / readPassthroughStyle / resolveHostNode /
+// AnimatedProps / attachNativeEventHandler / isNativeAnimatedAvailable) comes from
+// @symbiote-native/engine, shared verbatim with React and Vue. Angular supplies
+// only the lifecycle wiring. The per-frame path NEVER goes through Angular change
+// detection: value.setValue / animation -> flushValue -> AnimatedProps.update() ->
+// setNativeProps(node), exactly as on the other adapters.
+import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, Directive, ElementRef, inject, ViewChild, } from '@angular/core';
+import { isNativeAnimatedAvailable, isSymbioteNode, reduceProps, readPassthroughStyle, resolveHostNode, } from '@symbiote-native/engine';
+import { selectScrollIntrinsics } from '@symbiote-native/components';
+import { Image, ScrollView, Text, View } from '../../components';
+import { anchorHostStyle, ViewHost, TextHost, ImageHost, ScrollViewHost, SymbioteHostPropsDirective, } from '../../primitives';
+import { FlatList } from '../../components/flat-list';
+import { IMAGE_INPUTS, IMAGE_OUTPUTS, ImageBase, resolveImageProps, } from '../../components/image/shared';
+import { SectionList } from '../../components/section-list';
+import { AnimatedLeafBinder } from './animated-leaf-binder';
+import * as i0 from "@angular/core";
+// RN's prop carrying explicit (already-rasterized) values that override the animated prop in
+// the COMMITTED props (sticky-header passthrough). Named once so the directive input and the
+// reconcile agree.
+const PASSTHROUGH_PROP = 'passthroughAnimatedPropExplicitValues';
+// The inputs every animated wrapper accepts. `style` is the (possibly animated) style — the
+// common path (TouchableOpacity passes `[style, { opacity }]`). `animatedProps` is the generic
+// escape hatch for any OTHER prop that may hold an AnimatedNode or an Animated.event handler,
+// plus static host props to forward (the React/Vue `rest`). The passthrough drives native.
+// Each concrete @Component re-lists these (Angular's inputs-on-base convention, mirroring
+// Switch/Image), so they are inherited consistently.
+export const ANIMATED_INPUTS = ['style', 'animatedProps', PASSTHROUGH_PROP];
+export const ANIMATED_IMAGE_INPUTS = [...IMAGE_INPUTS, 'animatedProps', PASSTHROUGH_PROP];
+// The shared lifecycle for every animated wrapper. Concrete subclasses add ONLY a @Component
+// decorator (selector + the host-primitive template) — no behavior. Plain fields (no @Input
+// here): the inputs are declared on each concrete via ANIMATED_INPUTS, the adapter convention.
+// @Directive() (no selector) is the Angular-sanctioned decorator for an abstract base that
+// declares lifecycle hooks — without it ngtsc rejects the inherited hooks (NG2007).
+export class AnimatedComponentBase {
+    style;
+    animatedProps;
+    passthroughAnimatedPropExplicitValues;
+    // This component's OWN host — every Animated* wrapper is a non-painting ANCHOR
+    // (ANCHOR_HOST_COMPONENTS in renderer.ts), so a `class="..."` at the use site resolves onto
+    // THIS element, never the real inner host primitive one level down (see anchorHostStyle's doc
+    // comment in primitives/shared.ts — the same reason ScrollView's own scrollProps merges it in).
+    elementRef = inject(ElementRef);
+    // The directive sitting on the inner host primitive; its `node` is the committed SymbioteNode
+    // the leaf binds to. Inherited by the decorated subclass (Angular collects base-class queries).
+    hostDirective;
+    // The leaf-lifecycle orchestration (build/attach/swap/bind/detach an AnimatedProps leaf) is a
+    // Pure Fabrication shared with AnimatedImage, which cannot extend this class (it must extend
+    // ImageBase — see the file header). `resolveNode` stays a resolver, not a captured node: the
+    // committed node only exists after `hostDirective` is populated post-view-init.
+    leafBinder = new AnimatedLeafBinder(() => this.hostNode(), this.constructor.name);
+    // Set once the view (and the inner host directive) exists; ngOnChanges before then is a no-op.
+    viewReady = false;
+    // The concrete props for the host element each change-detection pass: animated entries reduced
+    // to their current value, then the passthrough style layered on top (last wins via the style
+    // array, which the commit layer flattens) so the ShadowTree carries the current transform.
+    get reducedProps() {
+        const reduced = reduceProps(this.mergedProps());
+        const passthroughStyle = readPassthroughStyle(this.passthroughAnimatedPropExplicitValues);
+        if (passthroughStyle !== undefined) {
+            reduced['style'] =
+                reduced['style'] === undefined ? passthroughStyle : [reduced['style'], passthroughStyle];
+        }
+        reduced['style'] = [anchorHostStyle(this.elementRef), reduced['style']];
+        return reduced;
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        this.reconcile();
+    }
+    ngOnChanges() {
+        this.reconcile();
+    }
+    ngOnDestroy() {
+        this.leafBinder.destroy();
+    }
+    // A non-stable [animatedProps]/[style] input (a fresh object literal in the template) pushes
+    // a new reference on every change-detection pass of the HOST view, re-triggering this on every
+    // unrelated interaction elsewhere in the app — DEBUG=1 turns this into a visible tick count in
+    // AnimatedLeafBinder.reconcile, so an unexpectedly high rate for a component nobody is
+    // animating is the tell (see AnimatedScrollView's stable-reference fix in examples/angular/App.ts).
+    reconcile() {
+        if (!this.viewReady)
+            return;
+        const props = this.mergedProps();
+        const hasPassthroughAnimatedValues = this.passthroughAnimatedPropExplicitValues !== null &&
+            this.passthroughAnimatedPropExplicitValues !== undefined;
+        const wantsNative = hasPassthroughAnimatedValues && isNativeAnimatedAvailable();
+        this.leafBinder.reconcile(props, wantsNative);
+    }
+    // Merge the dedicated `style` input over the generic `animatedProps` bag into one props map —
+    // the equivalent of React/Vue `rest`. `style` wins so `[style]` and `[animatedProps].style`
+    // never disagree.
+    mergedProps() {
+        const base = this.animatedProps ?? {};
+        return this.style === undefined ? { ...base } : { ...base, style: this.style };
+    }
+    // The committed host node held by IDENTITY. resolveHostNode unwraps an imperative scroll
+    // handle to the underlying SymbioteNode (View / Text already hand back the node directly);
+    // the isSymbioteNode guard keeps us off a cast.
+    hostNode() {
+        const resolved = resolveHostNode(this.hostDirective?.node);
+        return isSymbioteNode(resolved) ? resolved : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AnimatedComponentBase, isStandalone: true, viewQueries: [{ propertyName: "hostDirective", first: true, predicate: SymbioteHostPropsDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedComponentBase, decorators: [{
+            type: Directive
+        }], propDecorators: { hostDirective: [{
+                type: ViewChild,
+                args: [SymbioteHostPropsDirective]
+            }] } });
+export class AnimatedView extends AnimatedComponentBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AnimatedView, isStandalone: true, selector: "AnimatedView, symbiote-animated-view", inputs: { style: "style", animatedProps: "animatedProps", passthroughAnimatedPropExplicitValues: "passthroughAnimatedPropExplicitValues" }, usesInheritance: true, ngImport: i0, template: `
+    <symbiote-view [symbioteHostProps]="reducedProps">
+      <ng-content></ng-content>
+    </symbiote-view>
+  `, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "component", type: ViewHost, selector: "symbiote-view, View" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'AnimatedView, symbiote-animated-view',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SymbioteHostPropsDirective, ViewHost],
+                    inputs: ANIMATED_INPUTS,
+                    template: `
+    <symbiote-view [symbioteHostProps]="reducedProps">
+      <ng-content></ng-content>
+    </symbiote-view>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+export class AnimatedText extends AnimatedComponentBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedText, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AnimatedText, isStandalone: true, selector: "AnimatedText, symbiote-animated-text", inputs: { style: "style", animatedProps: "animatedProps", passthroughAnimatedPropExplicitValues: "passthroughAnimatedPropExplicitValues" }, usesInheritance: true, ngImport: i0, template: `
+    <symbiote-text [symbioteHostProps]="reducedProps">
+      <ng-content></ng-content>
+    </symbiote-text>
+  `, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "component", type: TextHost, selector: "symbiote-text, Text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'AnimatedText, symbiote-animated-text',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SymbioteHostPropsDirective, TextHost],
+                    inputs: ANIMATED_INPUTS,
+                    template: `
+    <symbiote-text [symbioteHostProps]="reducedProps">
+      <ng-content></ng-content>
+    </symbiote-text>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+export class AnimatedImage extends ImageBase {
+    animatedProps;
+    passthroughAnimatedPropExplicitValues;
+    // AnimatedImage is a non-painting ANCHOR too (ANCHOR_HOST_COMPONENTS) — see the matching
+    // comment on AnimatedComponentBase.elementRef.
+    elementRef = inject(ElementRef);
+    hostDirective;
+    // Same Pure Fabrication AnimatedComponentBase holds — see its matching comment. AnimatedImage
+    // can't extend AnimatedComponentBase (it must extend ImageBase, see the file header), so it
+    // gets the leaf-lifecycle via composition instead of duplicating it.
+    leafBinder = new AnimatedLeafBinder(() => this.hostNode(), this.constructor.name);
+    viewReady = false;
+    get animatedImageProps() {
+        const reduced = reduceProps(this.mergedProps());
+        const passthroughStyle = readPassthroughStyle(this.passthroughAnimatedPropExplicitValues);
+        if (passthroughStyle !== undefined) {
+            reduced['style'] =
+                reduced['style'] === undefined ? passthroughStyle : [reduced['style'], passthroughStyle];
+        }
+        const resolved = resolveImageProps(reduced);
+        resolved['style'] = [anchorHostStyle(this.elementRef), resolved['style']];
+        return resolved;
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        this.reconcile();
+    }
+    ngOnChanges() {
+        this.reconcile();
+    }
+    ngOnDestroy() {
+        this.leafBinder.destroy();
+    }
+    reconcile() {
+        if (!this.viewReady)
+            return;
+        const props = this.mergedProps();
+        const hasPassthroughAnimatedValues = this.passthroughAnimatedPropExplicitValues !== null &&
+            this.passthroughAnimatedPropExplicitValues !== undefined;
+        const wantsNative = hasPassthroughAnimatedValues && isNativeAnimatedAvailable();
+        this.leafBinder.reconcile(props, wantsNative);
+    }
+    mergedProps() {
+        const props = { ...(this.animatedProps ?? {}) };
+        for (const [key, value] of Object.entries(this.imageInputProps)) {
+            if (value !== undefined)
+                props[key] = value;
+        }
+        return props;
+    }
+    hostNode() {
+        const resolved = resolveHostNode(this.hostDirective?.node);
+        return isSymbioteNode(resolved) ? resolved : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedImage, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AnimatedImage, isStandalone: true, selector: "AnimatedImage, symbiote-animated-image", inputs: { source: "source", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", style: "style", resizeMode: "resizeMode", resizeMethod: "resizeMethod", tintColor: "tintColor", blurRadius: "blurRadius", capInsets: "capInsets", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", 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"], onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", onLoadStart: "onLoadStart", onLoad: "onLoad", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad", animatedProps: "animatedProps", passthroughAnimatedPropExplicitValues: "passthroughAnimatedPropExplicitValues" }, outputs: { accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape", loadStart: "loadStart", load: "load", loadEnd: "loadEnd", error: "error", progress: "progress", partialLoad: "partialLoad" }, viewQueries: [{ propertyName: "hostDirective", first: true, predicate: SymbioteHostPropsDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    <symbiote-image
+      [symbioteHostProps]="animatedImageProps"
+      (accessibilityAction)="handleAccessibilityAction($event)"
+      (accessibilityTap)="handleAccessibilityTap($event)"
+      (magicTap)="handleMagicTap($event)"
+      (accessibilityEscape)="handleAccessibilityEscape($event)"
+      (loadStart)="handleLoadStart($event)"
+      (load)="handleLoad($event)"
+      (loadEnd)="handleLoadEnd($event)"
+      (error)="handleError($event)"
+      (progress)="handleProgress($event)"
+      (partialLoad)="handlePartialLoad($event)"
+    >
+      <ng-content></ng-content>
+    </symbiote-image>
+  `, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "component", type: ImageHost, selector: "symbiote-image" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedImage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'AnimatedImage, symbiote-animated-image',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SymbioteHostPropsDirective, ImageHost],
+                    inputs: ANIMATED_IMAGE_INPUTS,
+                    outputs: IMAGE_OUTPUTS,
+                    template: `
+    <symbiote-image
+      [symbioteHostProps]="animatedImageProps"
+      (accessibilityAction)="handleAccessibilityAction($event)"
+      (accessibilityTap)="handleAccessibilityTap($event)"
+      (magicTap)="handleMagicTap($event)"
+      (accessibilityEscape)="handleAccessibilityEscape($event)"
+      (loadStart)="handleLoadStart($event)"
+      (load)="handleLoad($event)"
+      (loadEnd)="handleLoadEnd($event)"
+      (error)="handleError($event)"
+      (progress)="handleProgress($event)"
+      (partialLoad)="handlePartialLoad($event)"
+    >
+      <ng-content></ng-content>
+    </symbiote-image>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { hostDirective: [{
+                type: ViewChild,
+                args: [SymbioteHostPropsDirective]
+            }] } });
+export class AnimatedScrollView extends AnimatedComponentBase {
+    // RN defaults nested scrolling ON (ScrollView.js `nestedScrollEnabled ?? true`) — Android
+    // needs it explicit or a ScrollView nested inside another scrollable container never
+    // receives touch (swallowed by the outer scroll view; iOS doesn't gate on this). The real
+    // ScrollView component already defaults this (scroll-view/shared.ts), but AnimatedScrollView
+    // talks to the raw primitive directly and has no such defaulting, so it must apply it too.
+    //
+    // scrollViewBaseStyle (overflow: 'scroll' + the per-axis flexDirection) is the OTHER thing
+    // the real ScrollView applies that this bespoke template used to skip entirely — without it,
+    // iOS Fabric never clips the scroll view's content to its own frame (Android's native
+    // ViewGroup clips regardless of the style prop, which is why this was invisible there). This
+    // wrapper has no dedicated `horizontal` input (only the generic `animatedProps`/`style`
+    // surface), and its template is hardcoded to the vertical intrinsics
+    // (symbiote-scroll-view/symbiote-scroll-content, not the horizontal variants), so
+    // selectScrollIntrinsics is always called with isHorizontal=false here — matching what the
+    // template can actually render.
+    get reducedProps() {
+        const reduced = super.reducedProps;
+        const { scrollViewBaseStyle } = selectScrollIntrinsics(false, undefined);
+        const withScrollBase = {
+            ...reduced,
+            style: [scrollViewBaseStyle, reduced.style],
+        };
+        return withScrollBase.nestedScrollEnabled === undefined
+            ? { ...withScrollBase, nestedScrollEnabled: true }
+            : withScrollBase;
+    }
+    // The content (inner) view's props: contentStyle from the same intrinsics selection, plus
+    // `collapsable: false` (the Android multi-child fix this file's tests already cover) — mirrors
+    // the real ScrollView's own `contentProps` getter (scroll-view/shared.ts).
+    get contentProps() {
+        const { contentStyle } = selectScrollIntrinsics(false, undefined);
+        return { style: contentStyle, collapsable: false };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedScrollView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AnimatedScrollView, isStandalone: true, selector: "AnimatedScrollView, symbiote-animated-scroll-view", inputs: { style: "style", animatedProps: "animatedProps", passthroughAnimatedPropExplicitValues: "passthroughAnimatedPropExplicitValues" }, usesInheritance: true, ngImport: i0, template: `
+    <symbiote-scroll-view [symbioteHostProps]="reducedProps">
+      <symbiote-scroll-content [symbioteHostProps]="contentProps">
+        <ng-content></ng-content>
+      </symbiote-scroll-content>
+    </symbiote-scroll-view>
+  `, isInline: true, dependencies: [{ kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "component", type: ScrollViewHost, selector: "symbiote-scroll-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AnimatedScrollView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'AnimatedScrollView, symbiote-animated-scroll-view',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SymbioteHostPropsDirective, ScrollViewHost],
+                    inputs: ANIMATED_INPUTS,
+                    template: `
+    <symbiote-scroll-view [symbioteHostProps]="reducedProps">
+      <symbiote-scroll-content [symbioteHostProps]="contentProps">
+        <ng-content></ng-content>
+      </symbiote-scroll-content>
+    </symbiote-scroll-view>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+// List components are already explicit AOT-compiled Angular components with their own full input
+// surface and inner ScrollView composition. Expose them in the Animated namespace without runtime
+// synthesis; app code passes animated style/onScroll through the existing list inputs.
+export const AnimatedFlatList = FlatList;
+export const AnimatedSectionList = SectionList;
+// Surface-parity shim for the React/Vue `createAnimatedComponent(Component)`. Angular cannot
+// synthesize a component at runtime (no JIT under AOT/Metro — see the file header), so this maps
+// the built-in primitives to their pre-authored wrappers and refuses anything else with a
+// pointer to the real Angular idiom: author a standalone @Component extending
+// AnimatedComponentBase.
+export function createAnimatedComponent(base) {
+    if (base === View)
+        return AnimatedView;
+    if (base === Text)
+        return AnimatedText;
+    if (base === Image)
+        return AnimatedImage;
+    if (base === ScrollView)
+        return AnimatedScrollView;
+    throw new Error('createAnimatedComponent: Angular cannot synthesize a component at runtime (no JIT compiler ' +
+        'under AOT/Metro). Author an explicit standalone @Component extending AnimatedComponentBase ' +
+        'instead. The built-in primitives View / Text / Image / ScrollView map to ' +
+        'AnimatedView / AnimatedText / AnimatedImage / AnimatedScrollView.');
+}
+//# sourceMappingURL=create-animated-component.js.map

package/build/angular/modules/animated/create-animated-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-animated-component.js","sourceRoot":"","sources":["../../../../src/modules/animated/create-animated-component.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,uFAAuF;AACvF,yFAAyF;AACzF,+DAA+D;AAC/D,yFAAyF;AACzF,uFAAuF;AACvF,yFAAyF;AACzF,uFAAuF;AACvF,qFAAqF;AACrF,uFAAuF;AACvF,0FAA0F;AAC1F,oBAAoB;AACpB,EAAE;AACF,sFAAsF;AACtF,mFAAmF;AACnF,gFAAgF;AAChF,kFAAkF;AAClF,mFAAmF;AACnF,0DAA0D;AAE1D,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,sBAAsB,EACtB,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,GAKV,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,yBAAyB,EACzB,cAAc,EACd,WAAW,EACX,oBAAoB,EACpB,eAAe,GAEhB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EACL,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,0BAA0B,GAC3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;;AAE5D,6FAA6F;AAC7F,6FAA6F;AAC7F,mBAAmB;AACnB,MAAM,gBAAgB,GAAG,uCAAuC,CAAC;AAEjE,4FAA4F;AAC5F,+FAA+F;AAC/F,8FAA8F;AAC9F,2FAA2F;AAC3F,0FAA0F;AAC1F,qDAAqD;AACrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAG,YAAY,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAE1F,6FAA6F;AAC7F,4FAA4F;AAC5F,+FAA+F;AAC/F,2FAA2F;AAC3F,oFAAoF;AAEpF,MAAM,OAAgB,qBAAqB;IACzC,KAAK,CAAU;IACf,aAAa,CAAsC;IACnD,qCAAqC,CAAU;IAE/C,+EAA+E;IAC/E,4FAA4F;IAC5F,8FAA8F;IAC9F,gGAAgG;IAC/E,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEjD,8FAA8F;IAC9F,gGAAgG;IACjD,aAAa,CAA8B;IAE1F,8FAA8F;IAC9F,6FAA6F;IAC7F,6FAA6F;IAC7F,gFAAgF;IAC/D,UAAU,GAAG,IAAI,kBAAkB,CAClD,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CACtB,CAAC;IACF,+FAA+F;IACvF,SAAS,GAAG,KAAK,CAAC;IAE1B,+FAA+F;IAC/F,6FAA6F;IAC7F,2FAA2F;IAC3F,IAAI,YAAY;QACd,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAChD,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;QAC1F,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,OAAO,CAAC,OAAO,CAAC;gBACd,OAAO,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC7F,CAAC;QACD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QACxE,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,eAAe;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;IAED,6FAA6F;IAC7F,+FAA+F;IAC/F,+FAA+F;IAC/F,uFAAuF;IACvF,oGAAoG;IAC5F,SAAS;QACf,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,MAAM,4BAA4B,GAChC,IAAI,CAAC,qCAAqC,KAAK,IAAI;YACnD,IAAI,CAAC,qCAAqC,KAAK,SAAS,CAAC;QAC3D,MAAM,WAAW,GAAG,4BAA4B,IAAI,yBAAyB,EAAE,CAAC;QAChF,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAChD,CAAC;IAED,8FAA8F;IAC9F,4FAA4F;IAC5F,kBAAkB;IACV,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IACjF,CAAC;IAED,yFAAyF;IACzF,2FAA2F;IAC3F,gDAAgD;IACxC,QAAQ;QACd,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC3D,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IACpD,CAAC;uGAlFmB,qBAAqB;2FAArB,qBAAqB,6FAa9B,0BAA0B;;2FAbjB,qBAAqB;kBAD1C,SAAS;;sBAcP,SAAS;uBAAC,0BAA0B;;AAqFvC,MAAM,OAAO,YAAa,SAAQ,qBAAqB;uGAA1C,YAAY;2FAAZ,YAAY,mQAPb;;;;GAIT,4DANS,0BAA0B,2HAAE,QAAQ;;2FASnC,YAAY;kBAbxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sCAAsC;oBAChD,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,0BAA0B,EAAE,QAAQ,CAAC;oBAC/C,MAAM,EAAE,eAAe;oBACvB,QAAQ,EAAE;;;;GAIT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;AAgBD,MAAM,OAAO,YAAa,SAAQ,qBAAqB;uGAA1C,YAAY;2FAAZ,YAAY,mQAPb;;;;GAIT,4DANS,0BAA0B,2HAAE,QAAQ;;2FASnC,YAAY;kBAbxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sCAAsC;oBAChD,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,0BAA0B,EAAE,QAAQ,CAAC;oBAC/C,MAAM,EAAE,eAAe;oBACvB,QAAQ,EAAE;;;;GAIT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;AA6BD,MAAM,OAAO,aAAc,SAAQ,SAAS;IAC1C,aAAa,CAAsC;IACnD,qCAAqC,CAAU;IAE/C,yFAAyF;IACzF,+CAA+C;IAC9B,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEF,aAAa,CAA8B;IAE1F,8FAA8F;IAC9F,4FAA4F;IAC5F,qEAAqE;IACpD,UAAU,GAAG,IAAI,kBAAkB,CAClD,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CACtB,CAAC;IACM,SAAS,GAAG,KAAK,CAAC;IAE1B,IAAI,kBAAkB;QACpB,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAChD,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;QAC1F,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,OAAO,CAAC,OAAO,CAAC;gBACd,OAAO,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC7F,CAAC;QACD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1E,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,eAAe;QACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,MAAM,4BAA4B,GAChC,IAAI,CAAC,qCAAqC,KAAK,IAAI;YACnD,IAAI,CAAC,qCAAqC,KAAK,SAAS,CAAC;QAC3D,MAAM,WAAW,GAAG,4BAA4B,IAAI,yBAAyB,EAAE,CAAC;QAChF,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAChD,CAAC;IAEO,WAAW;QACjB,MAAM,KAAK,GAA4B,EAAE,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,CAAC;QACzE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAChE,IAAI,KAAK,KAAK,SAAS;gBAAE,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC9C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,QAAQ;QACd,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QAC3D,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IACpD,CAAC;uGAjEU,aAAa;2FAAb,aAAa,s6FAQb,0BAA0B,4FA3B3B;;;;;;;;;;;;;;;;GAgBT,4DAnBS,0BAA0B,2HAAE,SAAS;;2FAsBpC,aAAa;kBA1BzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,wCAAwC;oBAClD,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC;oBAChD,MAAM,EAAE,qBAAqB;oBAC7B,OAAO,EAAE,aAAa;oBACtB,QAAQ,EAAE;;;;;;;;;;;;;;;;GAgBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;sBASE,SAAS;uBAAC,0BAA0B;;AA2EvC,MAAM,OAAO,kBAAmB,SAAQ,qBAAqB;IAC3D,0FAA0F;IAC1F,qFAAqF;IACrF,0FAA0F;IAC1F,6FAA6F;IAC7F,2FAA2F;IAC3F,EAAE;IACF,2FAA2F;IAC3F,6FAA6F;IAC7F,sFAAsF;IACtF,6FAA6F;IAC7F,wFAAwF;IACxF,qEAAqE;IACrE,kFAAkF;IAClF,2FAA2F;IAC3F,gCAAgC;IAChC,IAAa,YAAY;QACvB,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;QACnC,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACzE,MAAM,cAAc,GAA4B;YAC9C,GAAG,OAAO;YACV,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC,KAAK,CAAC;SAC5C,CAAC;QACF,OAAO,cAAc,CAAC,mBAAmB,KAAK,SAAS;YACrD,CAAC,CAAC,EAAE,GAAG,cAAc,EAAE,mBAAmB,EAAE,IAAI,EAAE;YAClD,CAAC,CAAC,cAAc,CAAC;IACrB,CAAC;IAED,0FAA0F;IAC1F,+FAA+F;IAC/F,2EAA2E;IAC3E,IAAI,YAAY;QACd,MAAM,EAAE,YAAY,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;IACrD,CAAC;uGAlCU,kBAAkB;2FAAlB,kBAAkB,gRATnB;;;;;;GAMT,4DARS,0BAA0B,2HAAE,cAAc;;2FAWzC,kBAAkB;kBAf9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mDAAmD;oBAC7D,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,0BAA0B,EAAE,cAAc,CAAC;oBACrD,MAAM,EAAE,eAAe;oBACvB,QAAQ,EAAE;;;;;;GAMT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;AAsCD,iGAAiG;AACjG,kGAAkG;AAClG,uFAAuF;AACvF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE/C,6FAA6F;AAC7F,iGAAiG;AACjG,0FAA0F;AAC1F,8EAA8E;AAC9E,yBAAyB;AACzB,MAAM,UAAU,uBAAuB,CAAC,IAAa;IACnD,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,YAAY,CAAC;IACvC,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,YAAY,CAAC;IACvC,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,aAAa,CAAC;IACzC,IAAI,IAAI,KAAK,UAAU;QAAE,OAAO,kBAAkB,CAAC;IACnD,MAAM,IAAI,KAAK,CACb,6FAA6F;QAC3F,6FAA6F;QAC7F,2EAA2E;QAC3E,mEAAmE,CACtE,CAAC;AACJ,CAAC"}

package/build/angular/modules/animated/index.d.ts

@@ -0,0 +1,51 @@
+import { AnimatedValue, AnimatedValueXY, AnimatedColor, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent } from '@symbiote-native/engine';
+import { AnimatedImage, AnimatedScrollView, AnimatedText, AnimatedView, createAnimatedComponent } from './create-animated-component';
+export { AnimatedComponentBase, AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+export declare const Animated: {
+    Value: typeof AnimatedValue;
+    ValueXY: typeof AnimatedValueXY;
+    Color: typeof AnimatedColor;
+    Easing: {
+        step0(n: number): number;
+        step1(n: number): number;
+        linear(t: number): number;
+        ease(t: number): number;
+        quad(t: number): number;
+        cubic(t: number): number;
+        poly(n: number): import("@symbiote-native/engine").IEasingFunction;
+        sin(t: number): number;
+        circle(t: number): number;
+        exp(t: number): number;
+        elastic(bounciness?: number): import("@symbiote-native/engine").IEasingFunction;
+        back(s?: number): import("@symbiote-native/engine").IEasingFunction;
+        bounce(t: number): number;
+        bezier(x1: number, y1: number, x2: number, y2: number): import("@symbiote-native/engine").IEasingFunction;
+        in(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+        out(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+        inOut(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+    };
+    timing: typeof timing;
+    spring: typeof spring;
+    decay: typeof decay;
+    parallel: typeof parallel;
+    sequence: typeof sequence;
+    stagger: typeof stagger;
+    loop: typeof loop;
+    delay: typeof delay;
+    add: typeof add;
+    subtract: typeof subtract;
+    multiply: typeof multiply;
+    divide: typeof divide;
+    modulo: typeof modulo;
+    diffClamp: typeof diffClamp;
+    event: typeof event;
+    forkEvent: typeof forkEvent;
+    unforkEvent: typeof unforkEvent;
+    View: typeof AnimatedView;
+    Text: typeof AnimatedText;
+    Image: typeof AnimatedImage;
+    ScrollView: typeof AnimatedScrollView;
+    FlatList: typeof import("../..").FlatList;
+    SectionList: typeof import("../..").SectionList;
+    createAnimatedComponent: typeof createAnimatedComponent;
+};

package/build/angular/modules/animated/index.js

@@ -0,0 +1,59 @@
+// The Animated namespace for @symbiote-native/angular: the Angular twin of adapters/vue/src/modules/
+// animated/index.ts. The animated COMPONENTS (View / Text / Image / ScrollView) are explicit
+// standalone components (Angular has no runtime HOC — see create-animated-component.ts); the
+// value graph, easing and imperative drivers come from @symbiote-native/engine (framework-agnostic,
+// JS-driven), spread in verbatim. Both halves meet here so the familiar surface,
+// `Animated.timing(new Animated.Value(0), …).start()`, works against the Angular-driven engine.
+import { AnimatedValue, AnimatedValueXY, AnimatedColor, AnimatedMock, Easing, Platform, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent, } from '@symbiote-native/engine';
+import { AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+export { AnimatedComponentBase, AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+// ScrollView is exposed DIRECTLY, not behind the lazy getter the React/Vue modules use: that
+// getter only exists to defer a RUNTIME createAnimatedComponent(ScrollView) past module init so
+// it cannot read ScrollView inside its own TDZ during an import cycle. AnimatedScrollView here is
+// a statically-declared component that never reads the ScrollView class at init (it targets the
+// `symbiote-scroll-view` host by string), so there is no cycle to defer.
+//
+// FlatList / SectionList are exposed as explicit AOT-safe list entries now that the Angular list
+// components exist. Angular still cannot synthesize arbitrary animated wrappers at runtime; custom
+// animated components remain explicit standalone components over AnimatedComponentBase.
+// The live, JS-driven driver namespace (real frames). RN's AnimatedImplementation.
+const liveDrivers = {
+    Value: AnimatedValue,
+    ValueXY: AnimatedValueXY,
+    Color: AnimatedColor,
+    Easing,
+    timing,
+    spring,
+    decay,
+    parallel,
+    sequence,
+    stagger,
+    loop,
+    delay,
+    add,
+    subtract,
+    multiply,
+    divide,
+    modulo,
+    diffClamp,
+    event,
+    forkEvent,
+    unforkEvent,
+};
+// RN swaps the WHOLE driver namespace for the mock when the host reports isDisableAnimations
+// (reduced motion / test env): the mock keeps the same surface but jumps each animation to its
+// final value synchronously, no frames. The animated COMPONENTS are live in both branches; only
+// the drivers/value/operators/events half is swapped, exactly like RN spreading `...Animated`
+// (impl or mock) over the same components.
+const drivers = Platform.isDisableAnimations ? AnimatedMock : liveDrivers;
+export const Animated = {
+    View: AnimatedView,
+    Text: AnimatedText,
+    Image: AnimatedImage,
+    ScrollView: AnimatedScrollView,
+    FlatList: AnimatedFlatList,
+    SectionList: AnimatedSectionList,
+    createAnimatedComponent,
+    ...drivers,
+};
+//# sourceMappingURL=index.js.map

package/build/angular/modules/animated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/animated/index.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,6FAA6F;AAC7F,6FAA6F;AAC7F,oGAAoG;AACpG,iFAAiF;AACjF,gGAAgG;AAEhG,OAAO,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAErC,6FAA6F;AAC7F,gGAAgG;AAChG,kGAAkG;AAClG,gGAAgG;AAChG,yEAAyE;AACzE,EAAE;AACF,iGAAiG;AACjG,mGAAmG;AACnG,wFAAwF;AAExF,mFAAmF;AACnF,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,IAAI;IACJ,KAAK;IACL,GAAG;IACH,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,SAAS;IACT,KAAK;IACL,SAAS;IACT,WAAW;CACZ,CAAC;AAEF,6FAA6F;AAC7F,+FAA+F;AAC/F,gGAAgG;AAChG,8FAA8F;AAC9F,2CAA2C;AAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,gBAAgB;IAC1B,WAAW,EAAE,mBAAmB;IAChC,uBAAuB;IACvB,GAAG,OAAO;CACX,CAAC"}

package/build/angular/modules/app-registry/index.d.ts

@@ -0,0 +1,7 @@
+import type { Type } from '@angular/core';
+import { type IAppParameters } from '@symbiote-native/engine';
+export type IComponentProvider = () => Type<unknown>;
+export type IWrapperComponentProvider = (appParameters: IAppParameters) => Type<unknown>;
+declare const AppRegistry: import("@symbiote-native/engine").IAppRegistry<IComponentProvider, IWrapperComponentProvider>, setHostRegistrar: (registrar: import("@symbiote-native/engine").IHostRegistrar) => void;
+export { AppRegistry, setHostRegistrar };
+export type { IAppParameters, IRunnable, IHostRegistrar, IRegistry, IHeadlessTask, ITaskProvider, ITaskCanceller, ITaskCancelProvider, } from '@symbiote-native/engine';

package/build/angular/modules/app-registry/index.js

@@ -0,0 +1,23 @@
+// AppRegistry: the JS entry point RN apps already use:
+//   AppRegistry.registerComponent(appKey, () => App)
+// The registry bookkeeping (sections, host-registrar bridge, headless tasks) is
+// framework-agnostic and lives in @symbiote-native/engine's createAppRegistry; this file supplies
+// only the one Angular-specific seam — building a runnable from a component provider via
+// `mount`'s wrapper/initialProps support (render.ts) — so examples/angular's own
+// registerRunnable + mount call can move onto the same entry point React/Vue already have.
+import { createAppRegistry, dlog, } from '@symbiote-native/engine';
+import { mount } from '../../render';
+function runnableFor(componentProvider, getWrapperComponentProvider) {
+    return appParameters => {
+        dlog(`AppRegistry: mounting on rootTag ${String(appParameters.rootTag)}`);
+        // Read live (not at registration time) so setWrapperComponentProvider affects every
+        // runnable's next run, not just future ones.
+        mount(appParameters.rootTag, componentProvider(), {
+            initialProps: appParameters.initialProps,
+            wrapperComponent: getWrapperComponentProvider()?.(appParameters),
+        });
+    };
+}
+const { AppRegistry, setHostRegistrar } = createAppRegistry(runnableFor);
+export { AppRegistry, setHostRegistrar };
+//# sourceMappingURL=index.js.map

package/build/angular/modules/app-registry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/app-registry/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,qDAAqD;AACrD,gFAAgF;AAChF,kGAAkG;AAClG,yFAAyF;AACzF,iFAAiF;AACjF,2FAA2F;AAG3F,OAAO,EACL,iBAAiB,EACjB,IAAI,GAGL,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAcrC,SAAS,WAAW,CAClB,iBAAqC,EACrC,2BAAwE;IAExE,OAAO,aAAa,CAAC,EAAE;QACrB,IAAI,CAAC,oCAAoC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1E,oFAAoF;QACpF,6CAA6C;QAC7C,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE;YAChD,YAAY,EAAE,aAAa,CAAC,YAAY;YACxC,gBAAgB,EAAE,2BAA2B,EAAE,EAAE,CAAC,aAAa,CAAC;SACjE,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAGzD,WAAW,CAAC,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/build/angular/modules/status-bar/index.d.ts

@@ -0,0 +1,20 @@
+import { type OnChanges, type SimpleChanges } from '@angular/core';
+import { type IColorValue, type IStatusBarStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+export type { IStatusBarProps, IStatusBarStyle } from '@symbiote-native/engine';
+declare class StatusBarComponent implements OnChanges {
+    barStyle?: IStatusBarStyle;
+    hidden?: boolean;
+    animated?: boolean;
+    networkActivityIndicatorVisible?: boolean;
+    backgroundColor?: IColorValue;
+    translucent?: boolean;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private buildProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBarComponent, "StatusBar", never, { "barStyle": { "alias": "barStyle"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "networkActivityIndicatorVisible": { "alias": "networkActivityIndicatorVisible"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare const StatusBarWithStatics: typeof StatusBarComponent & import("@symbiote-native/engine").IStatusBarImperative;
+export declare const StatusBar: typeof StatusBarWithStatics & {
+    readonly currentHeight?: number;
+};

package/build/angular/modules/status-bar/index.js

@@ -0,0 +1,59 @@
+// StatusBar, the Angular lifecycle half. The native StatusBarManager driving, the imperative
+// statics, and the Android bar-height constant all live in @symbiote-native/engine, shared verbatim with
+// React and Vue; Metro selects the engine's platform variant. Angular supplies only the
+// declarative shape: a component that renders nothing and re-applies the props through
+// ngOnChanges on mount + every prop change. Imperative statics are attached to the component
+// object the same way RN does.
+import { Component, Input } from '@angular/core';
+import { applyStatusBarProps, statusBarImperative, statusBarCurrentHeight, } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+class StatusBarComponent {
+    barStyle;
+    hidden;
+    animated;
+    networkActivityIndicatorVisible;
+    backgroundColor;
+    translucent;
+    ngOnChanges(_changes) {
+        applyStatusBarProps(this.buildProps());
+    }
+    buildProps() {
+        return {
+            barStyle: this.barStyle,
+            hidden: this.hidden,
+            animated: this.animated,
+            networkActivityIndicatorVisible: this.networkActivityIndicatorVisible,
+            backgroundColor: this.backgroundColor,
+            translucent: this.translucent,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: StatusBarComponent, isStandalone: true, selector: "StatusBar", inputs: { barStyle: "barStyle", hidden: "hidden", animated: "animated", networkActivityIndicatorVisible: "networkActivityIndicatorVisible", backgroundColor: "backgroundColor", translucent: "translucent" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StatusBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'StatusBar',
+                    standalone: true,
+                    template: '',
+                }]
+        }], propDecorators: { barStyle: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], networkActivityIndicatorVisible: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], translucent: [{
+                type: Input
+            }] } });
+const StatusBarWithStatics = Object.assign(StatusBarComponent, statusBarImperative);
+Object.defineProperty(StatusBarWithStatics, 'currentHeight', {
+    get: statusBarCurrentHeight,
+    enumerable: true,
+});
+export const StatusBar = StatusBarWithStatics;
+//# sourceMappingURL=index.js.map

package/build/angular/modules/status-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/status-bar/index.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,yGAAyG;AACzG,wFAAwF;AACxF,uFAAuF;AACvF,6FAA6F;AAC7F,+BAA+B;AAE/B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAsC,MAAM,eAAe,CAAC;AACrF,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,GAIvB,MAAM,yBAAyB,CAAC;;AAIjC,MAKM,kBAAkB;IACb,QAAQ,CAAmB;IAC3B,MAAM,CAAW;IACjB,QAAQ,CAAW;IACnB,+BAA+B,CAAW;IAC1C,eAAe,CAAe;IAC9B,WAAW,CAAW;IAE/B,WAAW,CAAC,QAAuB;QACjC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACzC,CAAC;IAEO,UAAU;QAChB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,+BAA+B,EAAE,IAAI,CAAC,+BAA+B;YACrE,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC;IACJ,CAAC;uGArBG,kBAAkB;2FAAlB,kBAAkB,wSAFZ,EAAE;;2FAER,kBAAkB;kBALvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,EAAE;iBACb;;sBAEE,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;AAkBR,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAEpF,MAAM,CAAC,cAAc,CAAC,oBAAoB,EAAE,eAAe,EAAE;IAC3D,GAAG,EAAE,sBAAsB;IAC3B,UAAU,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GACpB,oBAAoB,CAAC"}