@symbiote-native/angular 0.0.0-canary-20260724081123

package/build/angular/index.d.ts

@@ -0,0 +1,22 @@
+export { ActivityIndicator, anchorHostStyle, Button, FlatList, HorizontalScrollContentView, HorizontalScrollView, Image, ImageBackground, InputAccessoryView, KeyboardAvoidingView, Modal, Pressable, RefreshControl, SafeAreaView, ScrollContentView, ScrollView, ScrollViewStickyHeader, SectionList, stableAnchorStyle, Switch, SymbioteHostPropsDirective, Text, TextInput, TouchableHighlight, TouchableNativeFeedback, TouchableOpacity, TouchableWithoutFeedback, View, VirtualizedList, VirtualizedSectionList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './components';
+export { Animated } from './modules/animated';
+export { AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, } from './modules/animated';
+export type { IActivityIndicatorProps, IAngularImageBackgroundProps, IAngularInputAccessoryViewProps, IAngularKeyboardAvoidingViewProps, IAngularModalProps, IAngularPressableProps, IAngularRefreshControlProps, IAngularSafeAreaViewProps, IAngularScrollViewProps, IAngularTextInputProps, IAngularTouchableHighlightProps, IAngularTouchableNativeFeedbackProps, IAngularTouchableOpacityProps, IAngularTouchableWithoutFeedbackProps, IButtonProps, ICellLayout, IFlatListHandle, IFlatListProps, IEnterKeyHint, IImageCacheStatus, IImageProps, IImageSize, IImageSource, IImageSourceProp, IInputMode, IKeyboardAvoidingBehavior, IModalAnimationType, IModalOrientation, IModalOrientationChangeEvent, IModalPresentationStyle, INativeFeedbackBackground, IResizeMode, IRippleBackground, IScrollViewHandle, ISectionListHandle, ISectionListProps, ISeparatorProps, ISeparators, IStickyHeaderComponentType, ISubmitBehavior, IThemeAttrBackground, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo, IViewToken, IVirtualizedListHandle, IVirtualizedListProps, IVirtualizedSectionListHandle, IVirtualizedSectionListProps, IVListItemContext, IVListSeparatorContext, IVSectionContext, IVSectionItemContext, ISection, ISwitchProps, ISwitchTrackColor, ITextInputHandle, ITextInputSelection, } from './components';
+export { setImageSourceResolver } from './components';
+export { mount, unmount } from './render';
+export { DescriptorOutlet } from './descriptor-to-angular';
+export { PortalDirective, PortalOutletDirective } from './create-portal';
+export { createTunnel, TunnelInDirective, TunnelOut, type ITunnelStore } from './create-tunnel';
+export { SymbioteRenderer, SymbioteRendererFactory } from './renderer';
+export { registerComposedComponent } from './anchor-host-registry';
+export { findNodeHandle } from './host-instance';
+export type { IHostInstance } from './host-instance';
+export { StatusBar } from './modules/status-bar';
+export type { IStatusBarProps, IStatusBarStyle } from './modules/status-bar';
+export { AppRegistry, setHostRegistrar } from './modules/app-registry';
+export type { IComponentProvider, IAppParameters, IRunnable, IHostRegistrar, IWrapperComponentProvider, IRegistry, IHeadlessTask, ITaskProvider, ITaskCanceller, ITaskCancelProvider, } from './modules/app-registry';
+export { ColorSchemeService, WindowDimensionsService } from './services';
+export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, AppState, Keyboard, KEYBOARD_EVENT, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, AccessibilityInfo, LayoutAnimation, InteractionManager, PanResponder, PixelRatio, PlatformColor, DynamicColorIOS, } from '@symbiote-native/engine';
+export type { IAlertType, IAlertButtonStyle, IAlertButton, IAlertButtons, IAlertOptions, IShareContent, IShareOptions, IShareAction, IActionSheetIOSOptions, IShareActionSheetIOSOptions, IShareActionSheetError, IUrlEvent, II18nManagerConstants, IDisplayMetrics, IDisplayMetricsAndroid, IDimensionsPayload, IDimensionsSet, IDimensionsKey, IDimensionsChangeListener, IDimensionsStatic, IColorSchemeName, IColorSchemePreference, IAppStateStatus, IAppStateEvent, IKeyboardEventName, IKeyboardEvent, IKeyboardMetrics, IBackPressEventName, IBackPressHandler, IPermission, IPermissionStatus, IRationale, IAccessibilityChangeEvent, IAccessibilityChangeEventName, IAccessibilityChangeEventHandler, IAccessibilityAnnouncementFinishedEvent, IAnnounceForAccessibilityOptions, IAccessibilityEventType, ILayoutAnimationType, ILayoutAnimationProperty, ILayoutAnimationConfig, ILayoutAnimationAnim, IInteractionEvent, ISimpleTask, IPromiseTask, ITask, IHandle, IPanResponderGestureState, IPanResponderCallbacks, IGestureResponderHandlers, IPanResponderInstance, IPixelRatioStatic, IColorValue, IOpaqueColorValue, IDynamicColorIOSTuple, } from '@symbiote-native/engine';
+export { dlog, flattenStyle, isDebug, Platform, processColor, setColorProcessor, setDeviceEventSource, setNativeViewConfigSource, StyleSheet, } from '@symbiote-native/engine';
+export type { IRootTag, ISymbioteEvent, ISymbioteNode } from '@symbiote-native/engine';

package/build/angular/index.js

@@ -0,0 +1,46 @@
+// @symbiote-native/angular: a thin Angular reconciler over @symbiote-native/engine. A custom Renderer2 +
+// RendererFactory2 map each node op onto the engine's mutation API; all Fabric clone-on-write
+// lives in the engine, shared with every other adapter. App code names only @symbiote-native/angular.
+//
+// SEAM SCAFFOLD: mount/unmount + the renderer seam + host intrinsic selectors. Full RN-like
+// composed components still flow through the shared @symbiote-native/components bridge.
+export { ActivityIndicator, anchorHostStyle, Button, FlatList, HorizontalScrollContentView, HorizontalScrollView, Image, ImageBackground, InputAccessoryView, KeyboardAvoidingView, Modal, Pressable, RefreshControl, SafeAreaView, ScrollContentView, ScrollView, ScrollViewStickyHeader, SectionList, stableAnchorStyle, Switch, SymbioteHostPropsDirective, Text, TextInput, TouchableHighlight, TouchableNativeFeedback, TouchableOpacity, TouchableWithoutFeedback, View, VirtualizedList, VirtualizedSectionList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './components';
+export { Animated } from './modules/animated';
+// Also exposed as named top-level symbols (not just Animated.View/.Text/...): ngtsc's partial-mode
+// static evaluator can't trace a component class through property access on an external
+// namespace object, only through a direct named import binding —
+// so `<AnimatedView>` in a template requires `import { AnimatedView } from '@symbiote-native/angular'`,
+// not `const AnimatedView = Animated.View`. Plain tsc/vitest don't catch this; only a real ngc run does.
+export { AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, } from './modules/animated';
+export { setImageSourceResolver } from './components';
+export { mount, unmount } from './render';
+// The generic Descriptor→Angular bridge, the twin of descriptorToReact/descriptorToVue.
+// Exported so a component defined OUTSIDE this package (e.g.
+// @symbiote-native/slider) can render a shared @symbiote-native/components/@symbiote-native/slider Descriptor tree
+// without hand-writing its own Renderer2 walker.
+export { DescriptorOutlet } from './descriptor-to-angular';
+// createPortal (same-surface only — see the file header) and createTunnel (cross-surface,
+// see its file header) are the Angular twins of the React/Vue portal/tunnel primitives.
+// Angular can't synthesize components at runtime (no JIT under Metro/Hermes), so both are
+// static, pre-authored structural directives (`*portal`/`*tunnelIn`, the `*ngIf`/`*ngFor`
+// idiom) parameterized by an `@Input()`, rather than a factory returning fresh components per
+// call.
+export { PortalDirective, PortalOutletDirective } from './create-portal';
+export { createTunnel, TunnelInDirective, TunnelOut } from './create-tunnel';
+export { SymbioteRenderer, SymbioteRendererFactory } from './renderer';
+// registerComposedComponent lives in the dependency-free leaf ./anchor-host-registry, NOT in the
+// require-cyclic ./renderer — see the leaf header. The babel-register-composed plugin injects the
+// import straight from that subpath so app-screen registration never routes through this cyclic
+// barrel.
+export { registerComposedComponent } from './anchor-host-registry';
+export { findNodeHandle } from './host-instance';
+export { StatusBar } from './modules/status-bar';
+// AppRegistry: RN's app entry point over `mount`. setHostRegistrar wires RN's own
+// registrar so the native Fabric host finds our runnable by app key.
+export { AppRegistry, setHostRegistrar } from './modules/app-registry';
+export { ColorSchemeService, WindowDimensionsService } from './services';
+// Framework-agnostic runtime modules from @symbiote-native/engine. Every adapter re-exports them so
+// app code names only @symbiote-native/angular.
+export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, AppState, Keyboard, KEYBOARD_EVENT, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, AccessibilityInfo, LayoutAnimation, InteractionManager, PanResponder, PixelRatio, PlatformColor, DynamicColorIOS, } from '@symbiote-native/engine';
+export { dlog, flattenStyle, isDebug, Platform, processColor, setColorProcessor, setDeviceEventSource, setNativeViewConfigSource, StyleSheet, } from '@symbiote-native/engine';
+//# sourceMappingURL=index.js.map

package/build/angular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,8FAA8F;AAC9F,sGAAsG;AACtG,EAAE;AACF,4FAA4F;AAC5F,wFAAwF;AAExF,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,QAAQ,EACR,2BAA2B,EAC3B,oBAAoB,EACpB,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,0BAA0B,EAC1B,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,IAAI,EACJ,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,mGAAmG;AACnG,wFAAwF;AACxF,iEAAiE;AACjE,wGAAwG;AACxG,yGAAyG;AACzG,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAC;AA6D5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,wFAAwF;AACxF,6DAA6D;AAC7D,mHAAmH;AACnH,iDAAiD;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,0FAA0F;AAC1F,wFAAwF;AACxF,0FAA0F;AAC1F,0FAA0F;AAC1F,8FAA8F;AAC9F,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAqB,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACvE,iGAAiG;AACjG,kGAAkG;AAClG,gGAAgG;AAChG,UAAU;AACV,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,kFAAkF;AAClF,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAavE,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAEzE,oGAAoG;AACpG,gDAAgD;AAChD,OAAO,EACL,KAAK,EACL,KAAK,EACL,cAAc,EACd,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,eAAe,GAChB,MAAM,yBAAyB,CAAC;AA0DjC,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,UAAU,GACX,MAAM,yBAAyB,CAAC"}

package/build/angular/modules/animated/animated-leaf-binder/index.d.ts

@@ -0,0 +1,14 @@
+import { type ISymbioteNode } from '@symbiote-native/engine';
+export declare class AnimatedLeafBinder {
+    private readonly resolveNode;
+    private readonly label;
+    private attached;
+    private cancelBind;
+    private eventDetachers;
+    constructor(resolveNode: () => ISymbioteNode | null, label: string);
+    reconcile(props: Record<string, unknown>, wantsNative: boolean): void;
+    private bindNode;
+    private attachEvents;
+    private detachEvents;
+    destroy(): void;
+}

package/build/angular/modules/animated/animated-leaf-binder/index.js

@@ -0,0 +1,91 @@
+// Pure Fabrication (GRASP): the leaf-lifecycle orchestration shared by every Animated*
+// wrapper, extracted out of AnimatedComponentBase so AnimatedImage — which cannot extend
+// AnimatedComponentBase, since it must extend ImageBase for TS's-native image handling —
+// gets the SAME logic via composition instead of copy-pasting it. Framework-thin on
+// purpose: it knows nothing about Angular (@ViewChild, DI, change detection), only the
+// engine's Animated leaf + commit primitives, so it stays testable without any Angular
+// bootstrap. NOTE: react/vue drive this same dance through their own runtime HOC
+// (createAnimatedComponent) rather than a class, so there is no cross-adapter dedup
+// opportunity here yet — this Pure Fabrication is local to the angular adapter.
+import { AnimatedProps, attachNativeEventHandler, dlog, whenCommitted, } from '@symbiote-native/engine';
+export class AnimatedLeafBinder {
+    resolveNode;
+    label;
+    // The leaf currently wired into the value graph. Null until the first reconcile.
+    attached = null;
+    // The whenCommitted waiter for the current leaf's node binding, cancelled before the next.
+    cancelBind;
+    // Detachers for any Animated.event prop bound natively to the committed node (JS path: none).
+    eventDetachers = [];
+    // `resolveNode` stays a caller-supplied resolver (not a constructor-captured node) so this
+    // class never needs to know HOW the host node is found — AnimatedComponentBase and
+    // AnimatedImage both resolve it the same way (resolveHostNode + isSymbioteNode over their
+    // own @ViewChild), but that's Angular DI state this binder has no business touching.
+    // `label` is purely diagnostic (dlog), mirroring the constructor.name the pre-extraction
+    // dlog call used.
+    constructor(resolveNode, label) {
+        this.resolveNode = resolveNode;
+        this.label = label;
+    }
+    // Build a fresh AnimatedProps leaf from the current props (the React/Vue per-render
+    // useMemo(rest)), wire it into the graph, and swap the previous one out. Attach the NEW leaf
+    // BEFORE detaching the OLD one: a shared Value self-detaches (dropping its native node) the
+    // instant its child count hits zero, so detaching first would kill a running native animation
+    // on any unrelated re-render (mirrors RN's AnimatedComponent._attachProps). Then bind the
+    // committed node, go native if wanted, and rebind native events.
+    reconcile(props, wantsNative) {
+        dlog(`${this.label} reconcile`);
+        const newLeaf = new AnimatedProps(props);
+        newLeaf.__attach();
+        if (this.attached !== null && this.attached !== newLeaf)
+            this.attached.__detach();
+        this.attached = newLeaf;
+        this.bindNode(newLeaf, props, wantsNative);
+    }
+    // Bind the leaf to the host's Fabric node THROUGH whenCommitted: under Angular's zoneless
+    // batched change detection the inner host's tag does not exist yet at ngAfterViewInit time
+    // (the same async-commit gotcha Vue documents), so binding eagerly would no-op. whenCommitted
+    // runs the action now if already committed, else after the commit that assigns the tag.
+    bindNode(leaf, props, wantsNative) {
+        this.cancelBind?.();
+        this.cancelBind = undefined;
+        const node = this.resolveNode();
+        if (node === null)
+            return;
+        this.cancelBind = whenCommitted(node, () => {
+            leaf.setNativeView(node);
+            if (wantsNative)
+                leaf.__makeNative();
+            this.attachEvents(node, props);
+        });
+    }
+    // Native-attach any Animated.event prop (e.g. onScroll={Animated.event(…,{useNativeDriver:true})})
+    // to the committed node. attachNativeEventHandler no-ops (returns undefined) unless the prop is a
+    // native event handler with a committed tag, so the JS path stays the fallback. Rebound each
+    // reconcile so a new inline event re-attaches; detached first to avoid leaking the prior binding.
+    attachEvents(node, props) {
+        this.detachEvents();
+        for (const key of Object.keys(props)) {
+            const attachment = attachNativeEventHandler(node, key, props[key]);
+            if (attachment !== undefined)
+                this.eventDetachers.push(attachment.detach);
+        }
+    }
+    detachEvents() {
+        for (const detach of this.eventDetachers)
+            detach();
+        this.eventDetachers = [];
+    }
+    // Tear down everything: cancel a still-pending bind, drop native event listeners, detach the
+    // current leaf from the value graph. Safe to call even if reconcile() was never called.
+    destroy() {
+        this.cancelBind?.();
+        this.cancelBind = undefined;
+        this.detachEvents();
+        if (this.attached !== null) {
+            this.attached.__detach();
+            this.attached = null;
+        }
+    }
+}
+//# sourceMappingURL=index.js.map

package/build/angular/modules/animated/animated-leaf-binder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/animated/animated-leaf-binder/index.ts"],"names":[],"mappings":"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"}

package/build/angular/modules/animated/animated-leaf-binder.d.ts

@@ -0,0 +1,14 @@
+import { type ISymbioteNode } from '@symbiote-native/engine';
+export declare class AnimatedLeafBinder {
+    private readonly resolveNode;
+    private readonly label;
+    private attached;
+    private cancelBind;
+    private eventDetachers;
+    constructor(resolveNode: () => ISymbioteNode | null, label: string);
+    reconcile(props: Record<string, unknown>, wantsNative: boolean): void;
+    private bindNode;
+    private attachEvents;
+    private detachEvents;
+    destroy(): void;
+}

package/build/angular/modules/animated/animated-leaf-binder.js

@@ -0,0 +1,91 @@
+// Pure Fabrication (GRASP): the leaf-lifecycle orchestration shared by every Animated*
+// wrapper, extracted out of AnimatedComponentBase so AnimatedImage — which cannot extend
+// AnimatedComponentBase, since it must extend ImageBase for TS's-native image handling —
+// gets the SAME logic via composition instead of copy-pasting it. Framework-thin on
+// purpose: it knows nothing about Angular (@ViewChild, DI, change detection), only the
+// engine's Animated leaf + commit primitives, so it stays testable without any Angular
+// bootstrap. NOTE: react/vue drive this same dance through their own runtime HOC
+// (createAnimatedComponent) rather than a class, so there is no cross-adapter dedup
+// opportunity here yet — this Pure Fabrication is local to the angular adapter.
+import { AnimatedProps, attachNativeEventHandler, dlog, whenCommitted, } from '@symbiote-native/engine';
+export class AnimatedLeafBinder {
+    resolveNode;
+    label;
+    // The leaf currently wired into the value graph. Null until the first reconcile.
+    attached = null;
+    // The whenCommitted waiter for the current leaf's node binding, cancelled before the next.
+    cancelBind;
+    // Detachers for any Animated.event prop bound natively to the committed node (JS path: none).
+    eventDetachers = [];
+    // `resolveNode` stays a caller-supplied resolver (not a constructor-captured node) so this
+    // class never needs to know HOW the host node is found — AnimatedComponentBase and
+    // AnimatedImage both resolve it the same way (resolveHostNode + isSymbioteNode over their
+    // own @ViewChild), but that's Angular DI state this binder has no business touching.
+    // `label` is purely diagnostic (dlog), mirroring the constructor.name the pre-extraction
+    // dlog call used.
+    constructor(resolveNode, label) {
+        this.resolveNode = resolveNode;
+        this.label = label;
+    }
+    // Build a fresh AnimatedProps leaf from the current props (the React/Vue per-render
+    // useMemo(rest)), wire it into the graph, and swap the previous one out. Attach the NEW leaf
+    // BEFORE detaching the OLD one: a shared Value self-detaches (dropping its native node) the
+    // instant its child count hits zero, so detaching first would kill a running native animation
+    // on any unrelated re-render (mirrors RN's AnimatedComponent._attachProps). Then bind the
+    // committed node, go native if wanted, and rebind native events.
+    reconcile(props, wantsNative) {
+        dlog(`${this.label} reconcile`);
+        const newLeaf = new AnimatedProps(props);
+        newLeaf.__attach();
+        if (this.attached !== null && this.attached !== newLeaf)
+            this.attached.__detach();
+        this.attached = newLeaf;
+        this.bindNode(newLeaf, props, wantsNative);
+    }
+    // Bind the leaf to the host's Fabric node THROUGH whenCommitted: under Angular's zoneless
+    // batched change detection the inner host's tag does not exist yet at ngAfterViewInit time
+    // (the same async-commit gotcha Vue documents), so binding eagerly would no-op. whenCommitted
+    // runs the action now if already committed, else after the commit that assigns the tag.
+    bindNode(leaf, props, wantsNative) {
+        this.cancelBind?.();
+        this.cancelBind = undefined;
+        const node = this.resolveNode();
+        if (node === null)
+            return;
+        this.cancelBind = whenCommitted(node, () => {
+            leaf.setNativeView(node);
+            if (wantsNative)
+                leaf.__makeNative();
+            this.attachEvents(node, props);
+        });
+    }
+    // Native-attach any Animated.event prop (e.g. onScroll={Animated.event(…,{useNativeDriver:true})})
+    // to the committed node. attachNativeEventHandler no-ops (returns undefined) unless the prop is a
+    // native event handler with a committed tag, so the JS path stays the fallback. Rebound each
+    // reconcile so a new inline event re-attaches; detached first to avoid leaking the prior binding.
+    attachEvents(node, props) {
+        this.detachEvents();
+        for (const key of Object.keys(props)) {
+            const attachment = attachNativeEventHandler(node, key, props[key]);
+            if (attachment !== undefined)
+                this.eventDetachers.push(attachment.detach);
+        }
+    }
+    detachEvents() {
+        for (const detach of this.eventDetachers)
+            detach();
+        this.eventDetachers = [];
+    }
+    // Tear down everything: cancel a still-pending bind, drop native event listeners, detach the
+    // current leaf from the value graph. Safe to call even if reconcile() was never called.
+    destroy() {
+        this.cancelBind?.();
+        this.cancelBind = undefined;
+        this.detachEvents();
+        if (this.attached !== null) {
+            this.attached.__detach();
+            this.attached = null;
+        }
+    }
+}
+//# sourceMappingURL=animated-leaf-binder.js.map

package/build/angular/modules/animated/animated-leaf-binder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-leaf-binder.js","sourceRoot":"","sources":["../../../../src/modules/animated/animated-leaf-binder.ts"],"names":[],"mappings":"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"}

package/build/angular/modules/animated/create-animated-component.d.ts

@@ -0,0 +1,59 @@
+import { type AfterViewInit, type OnChanges, type OnDestroy, type Type } from '@angular/core';
+import { FlatList } from '../../components/flat-list';
+import { ImageBase } from '../../components/image/shared';
+import { SectionList } from '../../components/section-list';
+import * as i0 from "@angular/core";
+export declare const ANIMATED_INPUTS: string[];
+export declare const ANIMATED_IMAGE_INPUTS: string[];
+export declare abstract class AnimatedComponentBase implements AfterViewInit, OnChanges, OnDestroy {
+    style: unknown;
+    animatedProps: Record<string, unknown> | undefined;
+    passthroughAnimatedPropExplicitValues: unknown;
+    private readonly elementRef;
+    private hostDirective?;
+    private readonly leafBinder;
+    private viewReady;
+    get reducedProps(): Record<string, unknown>;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private reconcile;
+    private mergedProps;
+    private hostNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedComponentBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimatedComponentBase, never, never, {}, {}, never, never, true, never>;
+}
+export declare class AnimatedView extends AnimatedComponentBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimatedView, "AnimatedView, symbiote-animated-view", never, { "style": { "alias": "style"; "required": false; }; "animatedProps": { "alias": "animatedProps"; "required": false; }; "passthroughAnimatedPropExplicitValues": { "alias": "passthroughAnimatedPropExplicitValues"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class AnimatedText extends AnimatedComponentBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimatedText, "AnimatedText, symbiote-animated-text", never, { "style": { "alias": "style"; "required": false; }; "animatedProps": { "alias": "animatedProps"; "required": false; }; "passthroughAnimatedPropExplicitValues": { "alias": "passthroughAnimatedPropExplicitValues"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class AnimatedImage extends ImageBase implements AfterViewInit, OnChanges, OnDestroy {
+    animatedProps: Record<string, unknown> | undefined;
+    passthroughAnimatedPropExplicitValues: unknown;
+    private readonly elementRef;
+    private hostDirective?;
+    private readonly leafBinder;
+    private viewReady;
+    get animatedImageProps(): Record<string, unknown>;
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private reconcile;
+    private mergedProps;
+    private hostNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedImage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimatedImage, "AnimatedImage, symbiote-animated-image", never, { "source": { "alias": "source"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "style": { "alias": "style"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "capInsets": { "alias": "capInsets"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "progressiveRenderingEnabled": { "alias": "progressiveRenderingEnabled"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; "animatedProps": { "alias": "animatedProps"; "required": false; }; "passthroughAnimatedPropExplicitValues": { "alias": "passthroughAnimatedPropExplicitValues"; "required": false; }; }, { "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; "loadStart": "loadStart"; "load": "load"; "loadEnd": "loadEnd"; "error": "error"; "progress": "progress"; "partialLoad": "partialLoad"; }, never, ["*"], true, never>;
+}
+export declare class AnimatedScrollView extends AnimatedComponentBase {
+    get reducedProps(): Record<string, unknown>;
+    get contentProps(): Record<string, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimatedScrollView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimatedScrollView, "AnimatedScrollView, symbiote-animated-scroll-view", never, { "style": { "alias": "style"; "required": false; }; "animatedProps": { "alias": "animatedProps"; "required": false; }; "passthroughAnimatedPropExplicitValues": { "alias": "passthroughAnimatedPropExplicitValues"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare const AnimatedFlatList: typeof FlatList;
+export declare const AnimatedSectionList: typeof SectionList;
+export declare function createAnimatedComponent(base: unknown): Type<unknown>;