@symbiote-native/angular 0.6.0 → 0.6.2

package/build/renderer/index.js

@@ -1,355 +0,0 @@
-// An Angular custom renderer over @symbiote-native/engine. Angular components never touch the
-// DOM directly — every paint goes through Renderer2 (created per-component by
-// RendererFactory2). We provide OUR factory, so each Renderer2 method maps onto the
-// engine's tiny mutation API; the engine owns all Fabric clone-on-write, shared with
-// every other adapter. This is the Angular twin of adapters/vue/src/renderer.ts — proof
-// that the same engine mutation API drives both frameworks.
-import { appendChild, createAnchor, createElement, createRawText, dlog, getExplicitStyle, insertBefore, isDebug, isSymbioteNode, removeChild, routeProp, setEventListener, setText, toPublicInstance, RAW_TEXT_COMPONENT, SymbioteSurface, } from '@symbiote-native/engine';
-import { descriptorFor } from '@symbiote-native/components';
-import { getScrollViewProjection, removeScrollViewProjectedChild, } from '../components/scroll-view/projection';
-function isSurface(parent) {
-    return parent instanceof SymbioteSurface;
-}
-function isRawText(node) {
-    return node.component === RAW_TEXT_COMPONENT;
-}
-function isRecord(value) {
-    return typeof value === 'object' && value !== null;
-}
-// Diagnostic-only: tags each anchor with a sequential id so log lines can tell distinct
-// anchors apart (they all otherwise print the same generic '#anchor' component name).
-// Gated behind isDebug() so a production build pays zero cost (no WeakMap writes).
-let anchorDebugCounter = 0;
-const anchorDebugIds = new WeakMap();
-function tagAnchorForDebug(node) {
-    if (isDebug()) {
-        anchorDebugCounter += 1;
-        anchorDebugIds.set(node, anchorDebugCounter);
-    }
-    return node;
-}
-// Diagnostic identity string for a renderer node/surface — component name, or 'surface'.
-// Null-tolerant: a diagnostic must never throw (Angular hands insertBefore a null refChild).
-function describeHost(node) {
-    if (node === null || node === undefined)
-        return 'null';
-    if (isSurface(node))
-        return 'surface';
-    const anchorId = anchorDebugIds.get(node);
-    return anchorId !== undefined ? `${node.component}#${anchorId}` : node.component;
-}
-const PRIMITIVE_SELECTOR_ALIAS = {
-    // Public ergonomic selectors map directly to the engine primitive descriptors.
-    View: 'symbiote-view',
-    Text: 'symbiote-text',
-};
-// A composed component's selector must be listed so createElement gives it a non-painting
-// anchor host (see the set comment below). Tests register their own child-component selectors
-// through this at module load; app-authored composed components can too.
-export function registerComposedComponent(selector) {
-    ANCHOR_HOST_COMPONENTS.add(selector.toLowerCase());
-}
-// Lowercased at construction — createElement's lookup and registerComposedComponent's insert
-// both normalize to lowercase (Angular lowercases a dynamically-mounted component's selector at
-// runtime, see §11a), so the literal entries below must match that or every capitalized one
-// (all but the handful already written lowercase) silently never matches .has() and falls
-// through to a real Fabric createNode — the exact "Unimplemented component" / extra-wrapper-node
-// bug this Set exists to prevent.
-const ANCHOR_HOST_COMPONENTS = new Set([
-    // Composed Angular components render their real Fabric descriptor tree from the template;
-    // their Angular host element is only a framework bookkeeping node and must not paint. This
-    // is NOT limited to adapter-authored components — ANY custom composed @Component used as a
-    // plain <Tag> inside another template needs its selector listed here too, or Angular's
-    // automatic host-element creation for it falls through to a raw Fabric createNode call with
-    // an unrecognized view name, which paints RN's own "Unimplemented component: <Tag>" fallback
-    // view instead (a real device-visible bug, not a silent no-op). This Set holds only
-    // adapter/engine-owned selectors; app code and third-party packages self-register their own
-    // composed components through registerComposedComponent instead of being hardcoded here.
-    'ActivityIndicator',
-    'Button',
-    'FlatList',
-    'AnimatedView',
-    'symbiote-animated-view',
-    'AnimatedText',
-    'symbiote-animated-text',
-    'AnimatedImage',
-    'symbiote-animated-image',
-    'AnimatedScrollView',
-    'symbiote-animated-scroll-view',
-    'symbiote-descriptor-outlet',
-    'tunnel-out',
-    'Image',
-    'ImageBackground',
-    'InputAccessoryView',
-    'KeyboardAvoidingView',
-    'Modal',
-    'Pressable',
-    'RefreshControl',
-    'SafeAreaView',
-    'ScrollView',
-    'ScrollViewStickyHeader',
-    'SectionList',
-    'symbiote-sticky-header',
-    'StatusBar',
-    'Switch',
-    'Text',
-    'TextInput',
-    'TouchableHighlight',
-    'TouchableNativeFeedback',
-    'TouchableOpacity',
-    'TouchableWithoutFeedback',
-    'VirtualizedList',
-    'VirtualizedSectionList',
-    'symbiote-pressable',
-].map(selector => selector.toLowerCase()));
-// Inserting a bare raw-text node anywhere but inside a <Text> is invalid in Fabric (a
-// stray RCTRawText would paint). Angular's ɵɵtext only ever lands text inside a <Text>,
-// but guard anyway for parity with the Vue adapter and to fail loudly on a bad template.
-function assertTextPlacement(child, parent) {
-    if (isRawText(child) && (isSurface(parent) || !parent.isText)) {
-        throw new Error(`Text string "${String(child.props.text)}" must be rendered inside a <Text>`);
-    }
-}
-// One renderer per mounted surface. Every mutation asks the surface to (microtask-
-// coalesced) recommit — the same seam Vue uses; a burst of Angular change-detection
-// mutations collapses into one completeRoot.
-export class SymbioteRenderer {
-    surface;
-    data = {};
-    // Angular calls destroyNode per-node only when this is non-null; teardown happens in
-    // render.ts (unmount), so per-node cleanup is a no-op.
-    destroyNode = null;
-    constructor(surface) {
-        this.surface = surface;
-    }
-    destroy() { }
-    createElement(name) {
-        // `name` is the component's host tag — a symbiote intrinsic (`symbiote-view`,
-        // `symbiote-text`, …), a public ergonomic alias (`View`, `Text`), or a raw Fabric view
-        // name for a native leaf. Public aliases are normalized to their engine primitive name
-        // before descriptor lookup. descriptorFor resolves it; an unknown `symbiote-*` is a typo,
-        // any other string flows through as a raw Fabric name (events/processors derived from its
-        // ViewConfig). toPublicInstance grafts the imperative API (measure / setNativeProps /
-        // focus) onto the raw node in place, returning the SAME identity the commit mirror keys on.
-        const engineName = PRIMITIVE_SELECTOR_ALIAS[name] ?? name;
-        if (ANCHOR_HOST_COMPONENTS.has(engineName.toLowerCase())) {
-            const anchor = tagAnchorForDebug(createAnchor());
-            dlog(`angular createElement ${name} -> anchor host ${describeHost(anchor)}`);
-            return anchor;
-        }
-        const descriptor = descriptorFor(engineName);
-        const node = createElement(descriptor.component, descriptor.isText);
-        dlog(`angular createElement ${name} -> ${descriptor.component}`);
-        return toPublicInstance(node);
-    }
-    createComment() {
-        // Angular structural directives (*ngIf / @if / @for) need anchor nodes to track
-        // position. A real retained node the commit walk SKIPS — no native view. Twin of the
-        // Vue createComment path.
-        const anchor = tagAnchorForDebug(createAnchor());
-        dlog(`Angular renderer createComment -> ${describeHost(anchor)}`);
-        return anchor;
-    }
-    createText(value) {
-        return createRawText(value);
-    }
-    appendChild(parent, newChild) {
-        // Angular defers insertion for content awaiting its host component's own projection
-        // (see parentNode below) — mirrors Angular's own `if (parentRNode !== null)` guard in
-        // addLViewToLContainer: skip silently now, the later projection pass places it correctly.
-        if (parent === null)
-            return;
-        assertTextPlacement(newChild, parent);
-        if (isSurface(parent)) {
-            dlog(`Angular renderer appendChild parent=surface child=${describeHost(newChild)}`);
-            parent.appendChild(newChild);
-        }
-        else {
-            const projection = getScrollViewProjection(parent);
-            dlog(`Angular renderer appendChild parent=${describeHost(parent)} child=${describeHost(newChild)} projection=${projection !== undefined}`);
-            if (projection !== undefined) {
-                projection.appendProjectedChild(parent, newChild, (target, child) => appendChild(target, child));
-            }
-            else {
-                appendChild(parent, newChild);
-            }
-        }
-        this.surface.requestCommit();
-    }
-    insertBefore(parent, newChild, refChild) {
-        if (parent === null)
-            return; // see the appendChild guard above
-        assertTextPlacement(newChild, parent);
-        if (isSurface(parent)) {
-            dlog(`Angular renderer insertBefore parent=surface child=${describeHost(newChild)} ref=${refChild ? describeHost(refChild) : 'null'}`);
-            if (refChild)
-                parent.insertBefore(newChild, refChild);
-            else
-                parent.appendChild(newChild);
-        }
-        else {
-            const projection = getScrollViewProjection(parent);
-            dlog(`Angular renderer insertBefore parent=${describeHost(parent)} child=${describeHost(newChild)} ref=${refChild ? describeHost(refChild) : 'null'} projection=${projection !== undefined}`);
-            if (projection !== undefined) {
-                projection.insertProjectedChild(parent, newChild, refChild, (target, child, before) => {
-                    if (before === undefined)
-                        appendChild(target, child);
-                    else
-                        insertBefore(target, child, before);
-                });
-            }
-            else if (refChild) {
-                insertBefore(parent, newChild, refChild);
-            }
-            else {
-                appendChild(parent, newChild);
-            }
-        }
-        this.surface.requestCommit();
-    }
-    removeChild(_parent, oldChild) {
-        // Detach from the child's own retained parent (a top-level node lives in
-        // surface.children with no parent). Angular's `parent` arg is ignored in favor of the
-        // authoritative link, mirroring the Vue adapter's remove.
-        const angularParent = _parent !== null ? describeHost(_parent) : 'null';
-        const retainedParent = oldChild.parent !== undefined ? describeHost(oldChild.parent) : 'none';
-        const wasProjected = removeScrollViewProjectedChild(oldChild, (parent, child) => removeChild(parent, child));
-        dlog(`Angular renderer removeChild angularParent=${angularParent} retainedParent=${retainedParent} child=${describeHost(oldChild)} viaProjection=${wasProjected}`);
-        if (!wasProjected) {
-            const parent = oldChild.parent;
-            if (parent !== undefined)
-                removeChild(parent, oldChild);
-            else
-                this.surface.removeChild(oldChild);
-        }
-        this.surface.requestCommit();
-    }
-    // FlatList/VirtualizedList cells are content projected into a component host (our
-    // ANCHOR_HOST_COMPONENTS, e.g. ScrollView) — Angular's own addLViewToLContainer
-    // (.vendors/angular node_manipulation.ts/container.ts) treats a null parent here as "defer —
-    // the child component's own <ng-content>/ɵɵprojection will place this once its structure
-    // resolves" (e.g. ScrollView's `@if(isHorizontal)` branch). Renderer2's contract types this
-    // return as nullable for exactly that reason; returning `this.surface` as a non-null fallback
-    // defeated that defer check and caused premature top-level insertion (2026-07: FlatList cells
-    // rendered outside their ScrollView).
-    //
-    // Safe only because appendChild/insertBefore above now also treat a null parent as "skip, wait
-    // for projection" — a second Angular call site (`insertAnchorNode`, hit whenever a directive
-    // does `inject(ViewContainerRef)`, e.g. VListOutletDirective) forwards this null straight into
-    // insertBefore without checking it; without that guard it crashed on-device.
-    parentNode(node) {
-        return node.parent ?? null;
-    }
-    nextSibling(node) {
-        const siblings = node.parent !== undefined ? node.parent.children : this.surface.children;
-        const index = siblings.indexOf(node);
-        return index >= 0 ? (siblings[index + 1] ?? null) : null;
-    }
-    // locateHostElement always routes createComponent's `hostElement` THROUGH here as
-    // `selectorOrNode` (Angular's own core.mjs) — it is never bypassed just because a real
-    // object (vs. a selector string) was given. A string only reaches us on the (unused here)
-    // selector-string bootstrap path, so the surface is the fallback for that case only.
-    selectRootElement(selectorOrNode) {
-        return typeof selectorOrNode === 'string' ? this.surface : selectorOrNode;
-    }
-    setAttribute(el, name, value) {
-        if (isSurface(el))
-            return;
-        routeProp(el, name, value);
-        this.surface.requestCommit();
-    }
-    removeAttribute(el, name) {
-        if (isSurface(el))
-            return;
-        routeProp(el, name, undefined);
-        this.surface.requestCommit();
-    }
-    // Ivy compiles every class= / [class.foo] / [ngClass] form down to per-token addClass/
-    // removeClass calls (never a single setAttribute('class', ...) call), so a per-node token set
-    // is accumulated here and re-joined into one string on every change, then handed to
-    // routeProp('class', ...) exactly like Vue's template `class="..."` and React's JSX
-    // `className="..."` — all three resolve through the SAME centralized class+style merge in
-    // core/engine/src/node.ts, so a class registered via the SFC/CSS-Modules style compiler
-    // resolves identically regardless of adapter.
-    classTokens = new WeakMap();
-    addClass(el, name) {
-        if (isSurface(el))
-            return;
-        const tokens = this.classTokens.get(el) ?? new Set();
-        tokens.add(name);
-        this.classTokens.set(el, tokens);
-        routeProp(el, 'class', [...tokens].join(' '));
-        this.surface.requestCommit();
-    }
-    removeClass(el, name) {
-        if (isSurface(el))
-            return;
-        const tokens = this.classTokens.get(el);
-        if (tokens === undefined)
-            return;
-        tokens.delete(name);
-        routeProp(el, 'class', tokens.size > 0 ? [...tokens].join(' ') : undefined);
-        this.surface.requestCommit();
-    }
-    // Angular decomposes a [style] binding into per-key setStyle calls (ɵɵstyleMap). RN wants
-    // the whole style object as one `style` prop, so merge each key into it — onto the explicit
-    // style half tracked by routeProp's centralized class+style merge (core/engine/src/node.ts),
-    // NOT el.props.style directly: that may now be the [classStyle, explicitStyle] array the
-    // merge writes, and spreading an array as a record would silently produce numeric-index keys.
-    setStyle(el, style, value) {
-        if (isSurface(el))
-            return;
-        const current = getExplicitStyle(el);
-        const base = isRecord(current) ? current : {};
-        routeProp(el, 'style', { ...base, [style]: value });
-        this.surface.requestCommit();
-    }
-    removeStyle(el, style) {
-        if (isSurface(el))
-            return;
-        const current = getExplicitStyle(el);
-        if (!isRecord(current))
-            return;
-        const { [style]: _removed, ...rest } = current;
-        routeProp(el, 'style', rest);
-        this.surface.requestCommit();
-    }
-    // [prop]="x" bindings. routeProp makes the prop-vs-event decision from the node's
-    // ViewConfig (identical to React/Vue), so the whole flat-bag prop layer is shared.
-    setProperty(el, name, value) {
-        if (isSurface(el))
-            return;
-        routeProp(el, name, value);
-        this.surface.requestCommit();
-    }
-    setValue(node, value) {
-        // A useful permanent seam: text mutations are low-frequency and the one place a stale
-        // `{{binding}}` (a change-detection gap) shows up as "the setValue never fired".
-        dlog(`Angular renderer setValue "${value}" on ${describeHost(node)}`);
-        setText(node, value);
-        this.surface.requestCommit();
-    }
-    // (event)="x" bindings. Angular hands the event name EXPLICITLY (no onX->x inference),
-    // so we drive the engine's structural event channel directly — the path setEventListener
-    // in core/engine/src/node.ts already names "Angular Renderer2.listen" for. Global targets
-    // (window/document/body) have no Fabric node, so they no-op.
-    listen(target, eventName, callback) {
-        if (!isSymbioteNode(target))
-            return () => { };
-        setEventListener(target, eventName, callback);
-        return () => setEventListener(target, eventName, undefined);
-    }
-}
-// Provided to Angular as RendererFactory2; createRenderer returns the single
-// surface-bound renderer for every component (begin/end commit-coalescing is unnecessary —
-// requestCommit already microtask-coalesces).
-export class SymbioteRendererFactory {
-    surface;
-    renderer;
-    constructor(surface) {
-        this.surface = surface;
-    }
-    createRenderer(_hostElement, _type) {
-        return (this.renderer ??= new SymbioteRenderer(this.surface));
-    }
-}

package/build/services/color-scheme.service.d.ts

@@ -1,13 +0,0 @@
-import { type IColorSchemeName } from '@symbiote-native/engine';
-/**
- * Angular twin of React's `useColorScheme` and Vue's `useColorScheme` composable. The service
- * holds a Signal that tracks the device color scheme; consumers read it via `inject`:
- *
- *   readonly colorScheme = inject(ColorSchemeService).colorScheme;
- *
- * State and lifecycle live in DI, not in a function closure.
- */
-export declare class ColorSchemeService {
-    readonly colorScheme: import("@angular/core").WritableSignal<IColorSchemeName | null>;
-    constructor();
-}

package/build/services/color-scheme.service.js

@@ -1,72 +0,0 @@
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { DestroyRef, inject, Injectable, signal } from '@angular/core';
-import { Appearance } from '@symbiote-native/engine';
-/**
- * Angular twin of React's `useColorScheme` and Vue's `useColorScheme` composable. The service
- * holds a Signal that tracks the device color scheme; consumers read it via `inject`:
- *
- *   readonly colorScheme = inject(ColorSchemeService).colorScheme;
- *
- * State and lifecycle live in DI, not in a function closure.
- */
-let ColorSchemeService = (() => {
-    let _classDecorators = [Injectable({ providedIn: 'root' })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    var ColorSchemeService = class {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            ColorSchemeService = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        colorScheme = signal(Appearance.getColorScheme());
-        constructor() {
-            const destroyRef = inject(DestroyRef);
-            const subscription = Appearance.addChangeListener(preferences => {
-                this.colorScheme.set(preferences.colorScheme);
-            });
-            destroyRef.onDestroy(() => {
-                subscription.remove();
-            });
-        }
-    };
-    return ColorSchemeService = _classThis;
-})();
-export { ColorSchemeService };

package/build/services/index.d.ts

@@ -1,2 +0,0 @@
-export { ColorSchemeService } from './color-scheme.service';
-export { WindowDimensionsService } from './window-dimensions.service';

package/build/services/index.js

@@ -1,2 +0,0 @@
-export { ColorSchemeService } from './color-scheme.service';
-export { WindowDimensionsService } from './window-dimensions.service';

package/build/services/window-dimensions.service.d.ts

@@ -1,13 +0,0 @@
-import { type IDisplayMetrics } from '@symbiote-native/engine';
-/**
- * Angular twin of React's `useWindowDimensions` and Vue's `useWindowDimensions` composable. The
- * service holds a Signal that tracks window metrics; consumers read it via `inject`:
- *
- *   readonly dimensions = inject(WindowDimensionsService).dimensions;
- *
- * State and lifecycle live in DI, not in a function closure.
- */
-export declare class WindowDimensionsService {
-    readonly dimensions: import("@angular/core").WritableSignal<IDisplayMetrics>;
-    constructor();
-}

package/build/services/window-dimensions.service.js

@@ -1,83 +0,0 @@
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { DestroyRef, inject, Injectable, signal } from '@angular/core';
-import { Dimensions } from '@symbiote-native/engine';
-/**
- * Angular twin of React's `useWindowDimensions` and Vue's `useWindowDimensions` composable. The
- * service holds a Signal that tracks window metrics; consumers read it via `inject`:
- *
- *   readonly dimensions = inject(WindowDimensionsService).dimensions;
- *
- * State and lifecycle live in DI, not in a function closure.
- */
-let WindowDimensionsService = (() => {
-    let _classDecorators = [Injectable({ providedIn: 'root' })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    var WindowDimensionsService = class {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            WindowDimensionsService = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        dimensions = signal(Dimensions.get('window'));
-        constructor() {
-            const destroyRef = inject(DestroyRef);
-            const handleChange = (window) => {
-                const current = this.dimensions();
-                if (current.width !== window.width ||
-                    current.height !== window.height ||
-                    current.scale !== window.scale ||
-                    current.fontScale !== window.fontScale) {
-                    this.dimensions.set(window);
-                }
-            };
-            const subscription = Dimensions.addEventListener('change', (set) => {
-                handleChange(set.window);
-            });
-            // Re-check once after subscribing to close the gap between construction and the listener.
-            handleChange(Dimensions.get('window'));
-            destroyRef.onDestroy(() => {
-                subscription.remove();
-            });
-        }
-    };
-    return WindowDimensionsService = _classThis;
-})();
-export { WindowDimensionsService };

package/src/__tests__/responder-change-detection.test.ts

@@ -1,102 +0,0 @@
-// A flat-bag `onX` responder callback is invoked by the engine's event dispatch, entirely
-// outside Angular. In Angular 20 components compile as SignalView (not CheckAlways), so a plain
-// state mutation inside such a callback dirties nothing and the template stays stale — the "pan
-// does nothing" bug, while React/Vue repainted the same demo. SymbioteHostPropsDirective now
-// calls `cdr.markForCheck()` after each such callback (flags the component + ancestors with
-// RefreshView and notifies the scheduler), so the mutation repaints. This is the flat-root case;
-// responder-nested-cd.test.ts covers the App→child nesting the real app has.
-
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric, type IFakeNode } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { ViewHost as View, TextHost as Text, SymbioteHostPropsDirective } from '../primitives';
-
-const ROOT_TAG = 970;
-const TOUCH_START = 'topTouchStart';
-const TOUCH_MOVE = 'topTouchMove';
-const TOUCH_END = 'topTouchEnd';
-
-const fabric = installFabric();
-
-// Fabric is clone-on-write: a prop update yields a NEW node object in the committed tree,
-// never in `created`. Walk the live committed child-set for post-mutation assertions.
-function findCommitted(predicate: (node: IFakeNode) => boolean): IFakeNode | undefined {
-  const stack = [...fabric.committed];
-  while (stack.length > 0) {
-    const node = stack.pop();
-    if (node === undefined) continue;
-    if (predicate(node)) return node;
-    stack.push(...node.children);
-  }
-  return undefined;
-}
-
-function statusText(testID: string): string | undefined {
-  const node = findCommitted(n => n.props.testID === testID);
-  const raw = node?.children[0];
-  return typeof raw?.props.text === 'string' ? raw.props.text : undefined;
-}
-
-// The stable SymbioteNode (event target). Its identity and listener map survive clone-on-
-// write, so firing on the first-created handle reaches the live listeners.
-function handleFor(testID: string): unknown {
-  const node = fabric.find(n => n.props.testID === testID);
-  if (!node) throw new Error(`no node created with testID=${testID}`);
-  return node.instanceHandle;
-}
-
-const flush = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-@Component({
-  selector: 'symbiote-responder-cd-host',
-  standalone: true,
-  imports: [View, Text, SymbioteHostPropsDirective],
-  template: `
-    <View [symbioteHostProps]="handlers"></View>
-    <Text [symbioteHostProps]="statusProps">{{ status }}</Text>
-  `,
-})
-class ResponderCdHost {
-  status = 'idle';
-  statusProps = { testID: 'status' };
-  handlers = {
-    testID: 'chip',
-    onStartShouldSetResponder: () => true,
-    onResponderGrant: () => {
-      this.status = 'granted';
-    },
-    onResponderMove: () => {
-      this.status = 'moving';
-    },
-    onResponderRelease: () => {
-      this.status = 'released';
-    },
-  };
-}
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-describe('Angular responder callback triggers change detection', () => {
-  it('re-renders bound state mutated inside a flat-bag responder callback', async () => {
-    mount(ROOT_TAG, ResponderCdHost);
-    await flush();
-    expect(statusText('status')).toBe('idle');
-
-    const chip = handleFor('chip');
-    fabric.fireEvent(chip, TOUCH_START);
-    await flush();
-    expect(statusText('status')).toBe('granted');
-
-    fabric.fireEvent(chip, TOUCH_MOVE);
-    await flush();
-    expect(statusText('status')).toBe('moving');
-
-    fabric.fireEvent(chip, TOUCH_END);
-    await flush();
-    expect(statusText('status')).toBe('released');
-  });
-});