@symbiote-native/angular 3.2.0 → 3.3.0

package/build/angular/elements.js

@@ -32,1099 +32,14 @@
 // (`[onPressMove]="fn"`, where `fn` keeps its `ISymbioteEvent` parameter).
 //
 // `valueChange` is the ONE exception, and it is forced rather than chosen: see ValueChangeElement.
-import { ChangeDetectorRef, Directive, ElementRef, ErrorHandler, EventEmitter, Input, Output, Renderer2, forwardRef, inject, } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { VALUE_CHANGE_EVENT } from './renderer/value-change';
-import { registerViewFlush, unregisterViewFlush, } from './change-detection-flush';
 import { SymbioteCallbackHost } from './callback-host';
 import { withholdFromRuntimeMatching } from './runtime-matching';
-import * as i0 from "@angular/core";
-/**
- * The shared half of every element directive: the prop surface all tags accept, and the ONE
- * generic forward that puts a claimed binding back on the engine node.
- *
- * The forward is the deciding fact of this whole route. A binding claimed by a directive input
- * never reaches `Renderer2.setProperty` on its own — Angular writes it to the directive instance
- * — so without this loop a bare tag commits nothing at all. It stays generic on purpose: per-prop
- * forwarding code is a component wrapper by another name, which is what this migration removes.
- * `renderer.setProperty` lands in the adapter's own renderer, which routes the value through the
- * engine's `routeProp` and applies the `id` -> `nativeID` alias.
- */
-export class SymbioteElement {
-    constructor() {
-        this.renderer = inject(Renderer2);
-        this.host = inject(ElementRef);
-    }
-    ngOnChanges(changes) {
-        for (const name of Object.keys(changes)) {
-            this.renderer.setProperty(this.host.nativeElement, name, 
-            // Unwrapped on purpose: `SymbioteRenderer.setProperty` is where an `on*` value is wrapped
-            // now, and it is the call this line makes.
-            changes[name]?.currentValue);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteElement, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteElement, isStandalone: true, inputs: { testID: "testID", nativeID: "nativeID", id: "id", 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", onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext", onStartShouldSetResponder: "onStartShouldSetResponder", onStartShouldSetResponderCapture: "onStartShouldSetResponderCapture", onMoveShouldSetResponder: "onMoveShouldSetResponder", onMoveShouldSetResponderCapture: "onMoveShouldSetResponderCapture", onResponderGrant: "onResponderGrant", onResponderReject: "onResponderReject", onResponderStart: "onResponderStart", onResponderMove: "onResponderMove", onResponderEnd: "onResponderEnd", onResponderRelease: "onResponderRelease", onResponderTerminate: "onResponderTerminate", onResponderTerminationRequest: "onResponderTerminationRequest", pointerEvents: "pointerEvents", hitSlop: "hitSlop", focusable: "focusable", collapsable: "collapsable", removeClippedSubviews: "removeClippedSubviews", renderToHardwareTextureAndroid: "renderToHardwareTextureAndroid", shouldRasterizeIOS: "shouldRasterizeIOS", needsOffscreenAlphaCompositing: "needsOffscreenAlphaCompositing", style: "style", styleProp: "styleProp", class: "class", onPress: "onPress", onPressIn: "onPressIn", onPressOut: "onPressOut", onPressMove: "onPressMove", onLongPress: "onLongPress", onLayout: "onLayout", onFocus: "onFocus", onBlur: "onBlur" }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteElement, decorators: [{
-            type: Directive
-        }], propDecorators: { testID: [{
-                type: Input
-            }], nativeID: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], accessible: [{
-                type: Input
-            }], accessibilityLabel: [{
-                type: Input
-            }], accessibilityHint: [{
-                type: Input
-            }], accessibilityRole: [{
-                type: Input
-            }], accessibilityState: [{
-                type: Input
-            }], accessibilityValue: [{
-                type: Input
-            }], accessibilityActions: [{
-                type: Input
-            }], accessibilityLabelledBy: [{
-                type: Input
-            }], importantForAccessibility: [{
-                type: Input
-            }], accessibilityLiveRegion: [{
-                type: Input
-            }], screenReaderFocusable: [{
-                type: Input
-            }], accessibilityViewIsModal: [{
-                type: Input
-            }], accessibilityElementsHidden: [{
-                type: Input
-            }], accessibilityIgnoresInvertColors: [{
-                type: Input
-            }], accessibilityLanguage: [{
-                type: Input
-            }], accessibilityRespondsToUserInteraction: [{
-                type: Input
-            }], accessibilityShowsLargeContentViewer: [{
-                type: Input
-            }], accessibilityLargeContentTitle: [{
-                type: Input
-            }], onAccessibilityAction: [{
-                type: Input
-            }], onAccessibilityTap: [{
-                type: Input
-            }], onMagicTap: [{
-                type: Input
-            }], onAccessibilityEscape: [{
-                type: Input
-            }], role: [{
-                type: Input
-            }], "aria-label": [{
-                type: Input
-            }], "aria-labelledby": [{
-                type: Input
-            }], "aria-live": [{
-                type: Input
-            }], "aria-hidden": [{
-                type: Input
-            }], "aria-busy": [{
-                type: Input
-            }], "aria-checked": [{
-                type: Input
-            }], "aria-disabled": [{
-                type: Input
-            }], "aria-expanded": [{
-                type: Input
-            }], "aria-selected": [{
-                type: Input
-            }], "aria-modal": [{
-                type: Input
-            }], "aria-valuemax": [{
-                type: Input
-            }], "aria-valuemin": [{
-                type: Input
-            }], "aria-valuenow": [{
-                type: Input
-            }], "aria-valuetext": [{
-                type: Input
-            }], onStartShouldSetResponder: [{
-                type: Input
-            }], onStartShouldSetResponderCapture: [{
-                type: Input
-            }], onMoveShouldSetResponder: [{
-                type: Input
-            }], onMoveShouldSetResponderCapture: [{
-                type: Input
-            }], onResponderGrant: [{
-                type: Input
-            }], onResponderReject: [{
-                type: Input
-            }], onResponderStart: [{
-                type: Input
-            }], onResponderMove: [{
-                type: Input
-            }], onResponderEnd: [{
-                type: Input
-            }], onResponderRelease: [{
-                type: Input
-            }], onResponderTerminate: [{
-                type: Input
-            }], onResponderTerminationRequest: [{
-                type: Input
-            }], pointerEvents: [{
-                type: Input
-            }], hitSlop: [{
-                type: Input
-            }], focusable: [{
-                type: Input
-            }], collapsable: [{
-                type: Input
-            }], removeClippedSubviews: [{
-                type: Input
-            }], renderToHardwareTextureAndroid: [{
-                type: Input
-            }], shouldRasterizeIOS: [{
-                type: Input
-            }], needsOffscreenAlphaCompositing: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], styleProp: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], onPress: [{
-                type: Input
-            }], onPressIn: [{
-                type: Input
-            }], onPressOut: [{
-                type: Input
-            }], onPressMove: [{
-                type: Input
-            }], onLongPress: [{
-                type: Input
-            }], onLayout: [{
-                type: Input
-            }], onFocus: [{
-                type: Input
-            }], onBlur: [{
-                type: Input
-            }] } });
-/**
- * The base for a tag whose app callback an engine behavior READS BACK inside the same microtask
- * turn — `<text-input>`, `<switch>`, `<refresh-control>`. Zoneless change detection is a macrotask,
- * so without this the behavior sees the PRE-event value and undoes the user; the full mechanism,
- * and why this is `detectChanges()` on one view rather than `ApplicationRef.tick()`, is in
- * `./change-detection-flush`.
- *
- * The directive is the only thing in the adapter that owns a `ChangeDetectorRef` for the view
- * holding the binding, so it hands one to the renderer keyed on its own node.
- */
-class ReadBackElement extends SymbioteElement {
-    constructor() {
-        super();
-        // ITS OWN, now that the base has none. Three tags reach this class, so the injection is paid where
-        // it is read instead of on every element of a screen.
-        this.detector = inject(ChangeDetectorRef);
-        this.errorHandler = inject(ErrorHandler);
-        const node = this.host.nativeElement;
-        if (typeof node === 'object' && node !== null) {
-            registerViewFlush(node, () => this.flush());
-        }
-    }
-    // REPORTED, NOT RETHROWN — Angular's own contract. Every other change detection runs inside
-    // `ApplicationRef.tick()`, caught by `ErrorHandler` (`SymbioteErrorHandler`); this flush instead
-    // runs from a native event dispatch, where an uncaught throw has nowhere to go but `RCTFatal`.
-    flush() {
-        try {
-            this.detector.detectChanges();
-        }
-        catch (error) {
-            this.errorHandler.handleError(error);
-        }
-    }
-    ngOnDestroy() {
-        const node = this.host.nativeElement;
-        if (typeof node === 'object' && node !== null)
-            unregisterViewFlush(node);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReadBackElement, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ReadBackElement, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReadBackElement, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [] });
-// BOTH SPELLINGS ON THE SEVEN DASHLESS TAGS, and it is a correctness fix rather than a convenience.
-//
-// The renderer has always mapped `symbiote-view` onto `view` (`PRIMITIVE_SELECTOR_ALIAS`), because
-// `CUSTOM_ELEMENTS_SCHEMA` admits an unknown element only when the name carries a hyphen — so the
-// hyphenated form is the spelling an app WITHOUT these directives has to use. It is the same tag and
-// commits the same node.
-//
-// It was not the same tag HERE. A selector of `view` alone meant an app that imports
-// `SYMBIOTE_ELEMENTS` and writes `<symbiote-view>` matched nothing: no type check on its props, no
-// declared inputs, none of `SymbioteElement`'s forwarding or callback wrapping — silently, with the
-// tree still looking right. Measured, that shape also ran ~8.6 us per element FASTER, which is what
-// made it look like an optimization instead of a hole (`angular-directive-cost.itest.ts`).
-//
-// Only the seven dashless tags need it: `hyphenatedIntrinsicAliases` skips any tag that already
-// carries a dash, so `symbiote-scroll-view` resolves nowhere on either side and the two halves agree
-// already.
-export class ViewElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ViewElement, isStandalone: true, selector: "view, symbiote-view", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'view, symbiote-view', standalone: true }]
-        }] });
-export class PressableElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PressableElement, isStandalone: true, selector: "pressable, symbiote-pressable", inputs: { disabled: "disabled", cancelable: "cancelable", blockNativeResponder: "blockNativeResponder", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", onHoverIn: "onHoverIn", onHoverOut: "onHoverOut", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", testOnly_pressed: "testOnly_pressed", android_disableSound: "android_disableSound", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'pressable, symbiote-pressable', standalone: true }]
-        }], propDecorators: { disabled: [{
-                type: Input
-            }], cancelable: [{
-                type: Input
-            }], blockNativeResponder: [{
-                type: Input
-            }], delayLongPress: [{
-                type: Input
-            }], delayHoverIn: [{
-                type: Input
-            }], delayHoverOut: [{
-                type: Input
-            }], onHoverIn: [{
-                type: Input
-            }], onHoverOut: [{
-                type: Input
-            }], pressRetentionOffset: [{
-                type: Input
-            }], unstable_pressDelay: [{
-                type: Input
-            }], android_ripple: [{
-                type: Input
-            }], testOnly_pressed: [{
-                type: Input
-            }], android_disableSound: [{
-                type: Input
-            }], hasTVPreferredFocus: [{
-                type: Input
-            }], nextFocusDown: [{
-                type: Input
-            }], nextFocusForward: [{
-                type: Input
-            }], nextFocusLeft: [{
-                type: Input
-            }], nextFocusRight: [{
-                type: Input
-            }], nextFocusUp: [{
-                type: Input
-            }] } });
-// RN's TouchableOpacity is a Pressable that also fades, and both halves are on the engine node —
-// so it takes the same inputs and adds only the fade's own knob.
-export class TouchableOpacityElement extends PressableElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableOpacityElement, isStandalone: true, selector: "touchable-opacity", inputs: { activeOpacity: "activeOpacity", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'touchable-opacity', standalone: true }]
-        }], propDecorators: { activeOpacity: [{
-                type: Input
-            }], delayPressIn: [{
-                type: Input
-            }], delayPressOut: [{
-                type: Input
-            }], minPressDuration: [{
-                type: Input
-            }] } });
-// RN's TouchableHighlight is a Pressable that swaps its own background while pressed
-// (TouchableHighlight.js), and the underlay machine runs on the engine node — so the tag takes the
-// press surface plus the two knobs that describe the underlay. `onShowUnderlay`/`onHideUnderlay`
-// need no @Input: they are events, bound as `(showUnderlay)` through the renderer's own listen.
-export class TouchableHighlightElement extends PressableElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableHighlightElement, isStandalone: true, selector: "touchable-highlight", inputs: { activeOpacity: "activeOpacity", underlayColor: "underlayColor", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'touchable-highlight', standalone: true }]
-        }], propDecorators: { activeOpacity: [{
-                type: Input
-            }], underlayColor: [{
-                type: Input
-            }], delayPressIn: [{
-                type: Input
-            }], delayPressOut: [{
-                type: Input
-            }], minPressDuration: [{
-                type: Input
-            }], touchSoundDisabled: [{
-                type: Input
-            }] } });
-// RN's TouchableNativeFeedback is a Pressable that CLONES onto its single child instead of
-// rendering anything (TouchableNativeFeedback.js:339) — so the tag takes the press surface plus the
-// two props that pick the Android ripple drawable. The tag itself commits no native view; the
-// behavior configures the child, which is why `elements.test.ts` reads it as an anchor.
-export class TouchableNativeFeedbackElement extends PressableElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableNativeFeedbackElement, isStandalone: true, selector: "touchable-native-feedback", inputs: { background: "background", useForeground: "useForeground", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'touchable-native-feedback', standalone: true }]
-        }], propDecorators: { background: [{
-                type: Input
-            }], useForeground: [{
-                type: Input
-            }], touchSoundDisabled: [{
-                type: Input
-            }] } });
-// RN's TouchableWithoutFeedback clones onto its single child the same way
-// (TouchableWithoutFeedback.js:286) and installs no drawable, so it takes the press surface plus the
-// three timing knobs it forwards to Pressability (:186-190) and nothing else. Like the tag above it
-// commits no native view; `elements.test.ts` reads it as an anchor.
-export class TouchableWithoutFeedbackElement extends PressableElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableWithoutFeedbackElement, isStandalone: true, selector: "touchable-without-feedback", inputs: { delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'touchable-without-feedback', standalone: true }]
-        }], propDecorators: { delayPressIn: [{
-                type: Input
-            }], delayPressOut: [{
-                type: Input
-            }], minPressDuration: [{
-                type: Input
-            }], touchSoundDisabled: [{
-                type: Input
-            }] } });
-// RN's Button IS a TouchableOpacity (Button.js:384), and the behavior builds the view and the
-// label under it — so the tag takes the touchable's surface plus the four props Button owns. There
-// is no `style`: RN's Button has no such prop, and the label/background come from `color`.
-export class ButtonElement extends TouchableOpacityElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ButtonElement, isStandalone: true, selector: "button, symbiote-button", inputs: { title: "title", color: "color", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'button, symbiote-button', standalone: true }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], touchSoundDisabled: [{
-                type: Input
-            }] } });
-export class TextElement extends SymbioteElement {
-    constructor() {
-        super(...arguments);
-        // Narrows the inherited input to a TEXT style so `fontSize`/`fontWeight` type-check here. The
-        // initializer is what TS2612 asks for to accept a redeclaration as deliberate; `declare` would
-        // be the other answer and cannot carry a decorator.
-        this.style = undefined;
-        this.styleProp = undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextElement, isStandalone: true, selector: "text, symbiote-text", inputs: { style: "style", styleProp: "styleProp", numberOfLines: "numberOfLines", ellipsizeMode: "ellipsizeMode", selectable: "selectable", adjustsFontSizeToFit: "adjustsFontSizeToFit", minimumFontScale: "minimumFontScale", allowFontScaling: "allowFontScaling", maxFontSizeMultiplier: "maxFontSizeMultiplier", selectionColor: "selectionColor", disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'text, symbiote-text', standalone: true }]
-        }], propDecorators: { style: [{
-                type: Input
-            }], styleProp: [{
-                type: Input
-            }], numberOfLines: [{
-                type: Input
-            }], ellipsizeMode: [{
-                type: Input
-            }], selectable: [{
-                type: Input
-            }], adjustsFontSizeToFit: [{
-                type: Input
-            }], minimumFontScale: [{
-                type: Input
-            }], allowFontScaling: [{
-                type: Input
-            }], maxFontSizeMultiplier: [{
-                type: Input
-            }], selectionColor: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-export class ImageElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ImageElement, isStandalone: true, selector: "image, symbiote-image", inputs: { source: "source", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", resizeMode: "resizeMode", resizeMethod: "resizeMethod", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", blurRadius: "blurRadius", capInsets: "capInsets", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", tintColor: "tintColor", onLoad: "onLoad", onLoadStart: "onLoadStart", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'image, symbiote-image', standalone: true }]
-        }], propDecorators: { source: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], srcSet: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], resizeMode: [{
-                type: Input
-            }], resizeMethod: [{
-                type: Input
-            }], defaultSource: [{
-                type: Input
-            }], loadingIndicatorSource: [{
-                type: Input
-            }], blurRadius: [{
-                type: Input
-            }], capInsets: [{
-                type: Input
-            }], crossOrigin: [{
-                type: Input
-            }], referrerPolicy: [{
-                type: Input
-            }], fadeDuration: [{
-                type: Input
-            }], progressiveRenderingEnabled: [{
-                type: Input
-            }], tintColor: [{
-                type: Input
-            }], onLoad: [{
-                type: Input
-            }], onLoadStart: [{
-                type: Input
-            }], onLoadEnd: [{
-                type: Input
-            }], onError: [{
-                type: Input
-            }], onProgress: [{
-                type: Input
-            }], onPartialLoad: [{
-                type: Input
-            }] } });
-// The box, not the image. Every Image prop below rides the engine's `slotPropsExcept` redirect onto
-// the absolutely-filled image the behavior builds, exactly as RN's own `...props` spread does
-// (ImageBackground.js:81) — so this directive declares them to make the BINDING legal, and the
-// engine decides which node each lands on.
-export class ImageBackgroundElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ImageBackgroundElement, isStandalone: true, selector: "image-background", inputs: { imageStyle: "imageStyle", source: "source", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", resizeMode: "resizeMode", resizeMethod: "resizeMethod", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", blurRadius: "blurRadius", capInsets: "capInsets", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", tintColor: "tintColor", onLoad: "onLoad", onLoadStart: "onLoadStart", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'image-background', standalone: true }]
-        }], propDecorators: { imageStyle: [{
-                type: Input
-            }], source: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], srcSet: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], resizeMode: [{
-                type: Input
-            }], resizeMethod: [{
-                type: Input
-            }], defaultSource: [{
-                type: Input
-            }], loadingIndicatorSource: [{
-                type: Input
-            }], blurRadius: [{
-                type: Input
-            }], capInsets: [{
-                type: Input
-            }], crossOrigin: [{
-                type: Input
-            }], referrerPolicy: [{
-                type: Input
-            }], fadeDuration: [{
-                type: Input
-            }], progressiveRenderingEnabled: [{
-                type: Input
-            }], tintColor: [{
-                type: Input
-            }], onLoad: [{
-                type: Input
-            }], onLoadStart: [{
-                type: Input
-            }], onLoadEnd: [{
-                type: Input
-            }], onError: [{
-                type: Input
-            }], onProgress: [{
-                type: Input
-            }], onPartialLoad: [{
-                type: Input
-            }] } });
-export class ScrollViewElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollViewElement, isStandalone: true, selector: "scroll-view", inputs: { scrollEnabled: "scrollEnabled", scrollEventThrottle: "scrollEventThrottle", contentContainerStyle: "contentContainerStyle", contentInset: "contentInset", contentInsetAdjustmentBehavior: "contentInsetAdjustmentBehavior", contentOffset: "contentOffset", scrollIndicatorInsets: "scrollIndicatorInsets", showsHorizontalScrollIndicator: "showsHorizontalScrollIndicator", showsVerticalScrollIndicator: "showsVerticalScrollIndicator", alwaysBounceHorizontal: "alwaysBounceHorizontal", alwaysBounceVertical: "alwaysBounceVertical", bounces: "bounces", bouncesZoom: "bouncesZoom", centerContent: "centerContent", decelerationRate: "decelerationRate", directionalLockEnabled: "directionalLockEnabled", disableIntervalMomentum: "disableIntervalMomentum", endFillColor: "endFillColor", fadingEdgeLength: "fadingEdgeLength", indicatorStyle: "indicatorStyle", invertStickyHeaders: "invertStickyHeaders", keyboardDismissMode: "keyboardDismissMode", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", automaticallyAdjustKeyboardInsets: "automaticallyAdjustKeyboardInsets", maintainVisibleContentPosition: "maintainVisibleContentPosition", maximumZoomScale: "maximumZoomScale", minimumZoomScale: "minimumZoomScale", zoomScale: "zoomScale", nestedScrollEnabled: "nestedScrollEnabled", overScrollMode: "overScrollMode", pagingEnabled: "pagingEnabled", persistentScrollbar: "persistentScrollbar", pinchGestureEnabled: "pinchGestureEnabled", snapToAlignment: "snapToAlignment", snapToEnd: "snapToEnd", snapToInterval: "snapToInterval", snapToOffsets: "snapToOffsets", snapToStart: "snapToStart", stickyHeaderIndices: "stickyHeaderIndices", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", onScrollToTop: "onScrollToTop", onContentSizeChange: "onContentSizeChange" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'scroll-view', standalone: true }]
-        }], propDecorators: { scrollEnabled: [{
-                type: Input
-            }], scrollEventThrottle: [{
-                type: Input
-            }], contentContainerStyle: [{
-                type: Input
-            }], contentInset: [{
-                type: Input
-            }], contentInsetAdjustmentBehavior: [{
-                type: Input
-            }], contentOffset: [{
-                type: Input
-            }], scrollIndicatorInsets: [{
-                type: Input
-            }], showsHorizontalScrollIndicator: [{
-                type: Input
-            }], showsVerticalScrollIndicator: [{
-                type: Input
-            }], alwaysBounceHorizontal: [{
-                type: Input
-            }], alwaysBounceVertical: [{
-                type: Input
-            }], bounces: [{
-                type: Input
-            }], bouncesZoom: [{
-                type: Input
-            }], centerContent: [{
-                type: Input
-            }], decelerationRate: [{
-                type: Input
-            }], directionalLockEnabled: [{
-                type: Input
-            }], disableIntervalMomentum: [{
-                type: Input
-            }], endFillColor: [{
-                type: Input
-            }], fadingEdgeLength: [{
-                type: Input
-            }], indicatorStyle: [{
-                type: Input
-            }], invertStickyHeaders: [{
-                type: Input
-            }], keyboardDismissMode: [{
-                type: Input
-            }], keyboardShouldPersistTaps: [{
-                type: Input
-            }], automaticallyAdjustKeyboardInsets: [{
-                type: Input
-            }], maintainVisibleContentPosition: [{
-                type: Input
-            }], maximumZoomScale: [{
-                type: Input
-            }], minimumZoomScale: [{
-                type: Input
-            }], zoomScale: [{
-                type: Input
-            }], nestedScrollEnabled: [{
-                type: Input
-            }], overScrollMode: [{
-                type: Input
-            }], pagingEnabled: [{
-                type: Input
-            }], persistentScrollbar: [{
-                type: Input
-            }], pinchGestureEnabled: [{
-                type: Input
-            }], snapToAlignment: [{
-                type: Input
-            }], snapToEnd: [{
-                type: Input
-            }], snapToInterval: [{
-                type: Input
-            }], snapToOffsets: [{
-                type: Input
-            }], snapToStart: [{
-                type: Input
-            }], stickyHeaderIndices: [{
-                type: Input
-            }], onScroll: [{
-                type: Input
-            }], onScrollBeginDrag: [{
-                type: Input
-            }], onScrollEndDrag: [{
-                type: Input
-            }], onMomentumScrollBegin: [{
-                type: Input
-            }], onMomentumScrollEnd: [{
-                type: Input
-            }], onScrollToTop: [{
-                type: Input
-            }], onContentSizeChange: [{
-                type: Input
-            }] } });
-export class HorizontalScrollViewElement extends ScrollViewElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: HorizontalScrollViewElement, isStandalone: true, selector: "horizontal-scroll-view", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'horizontal-scroll-view', standalone: true }]
-        }] });
-export class ScrollContentElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollContentElement, isStandalone: true, selector: "scroll-content", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'scroll-content', standalone: true }]
-        }] });
-export class HorizontalScrollContentElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: HorizontalScrollContentElement, isStandalone: true, selector: "horizontal-scroll-content", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'horizontal-scroll-content', standalone: true }]
-        }] });
-/**
- * The `[(value)]` half of a controlled tag — `<switch>` and `<text-input>`.
- *
- * The one `@Output` in this file, and it is FORCED rather than chosen. `[(value)]` desugars to
- * `[value]` + `(valueChange)`, and ngtsc requires both halves to resolve to the SAME target: a
- * declared `value` input beside an event no directive claims is NG8007, "the property and event
- * halves are not bound to the same target". So the sugar this adapter documents cannot work without
- * the output existing, whatever the file header says about events in general.
- *
- * The bridge below is NOT what makes the binding work today, and the comment says so because the
- * obvious reading is wrong: the file header's "an `@Output` CONSUMES the binding" holds for a
- * COMPONENT, and an element is the other case — Angular attaches the renderer listener for the
- * event as well, so `Renderer2.listen` still runs and the engine still hears the change. Measured
- * under JIT by deleting this whole hook: every case in `renderer/two-way-value.test.ts` stayed
- * green, delivery included, and exactly ONCE (nothing double-fires when both paths exist).
- *
- * It is kept because the measurement is JIT-only and this adapter has a recorded case of JIT and
- * AOT resolving a binding differently (`test-harness-false-greens.md` §21). If AOT routes the event
- * exclusively to the output, this hook is the only thing keeping `[(value)]` alive; if it routes to
- * both, it is one extra listener on a control an app explicitly bound. Delete it once something
- * executes the LINKED artifact and shows the renderer listener is attached there too.
- *
- * Opened only when something is SUBSCRIBED: the prop's PRESENCE is what a behavior reads to decide
- * it is controlled, so a `<switch>` given a handler nobody asked for changes how it snaps back.
- * `.observed` is readable from `ngOnInit` because Angular subscribes outputs in the creation pass,
- * before the update pass runs the hook — observed directly (true for the two bound tags, false for
- * an unbound one), not assumed.
- */
-class ValueChangeElement extends ReadBackElement {
-    constructor() {
-        super(...arguments);
-        this.valueRenderer = inject(Renderer2);
-        this.valueHost = inject(ElementRef);
-    }
-    ngOnInit() {
-        if (!this.hasValueSubscriber())
-            return;
-        this.unlistenValue = this.valueRenderer.listen(this.valueHost.nativeElement, VALUE_CHANGE_EVENT, (value) => {
-            this.emitValue(value);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.unlistenValue?.();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ValueChangeElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ValueChangeElement, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ValueChangeElement, decorators: [{
-            type: Directive
-        }] });
-export class TextInputElement extends ValueChangeElement {
-    constructor() {
-        super(...arguments);
-        // NonNullable, not the prop type: `[(value)]="name"` binds a `string`, and an emitter that can
-        // also emit `undefined` fails the two-way assignability check ngtsc runs on the event half.
-        this.valueChange = new EventEmitter();
-    }
-    hasValueSubscriber() {
-        return this.valueChange.observed;
-    }
-    emitValue(value) {
-        if (typeof value === 'string')
-            this.valueChange.emit(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextInputElement, isStandalone: true, selector: "text-input", inputs: { value: "value", defaultValue: "defaultValue", placeholder: "placeholder", placeholderTextColor: "placeholderTextColor", multiline: "multiline", numberOfLines: "numberOfLines", maxLength: "maxLength", editable: "editable", readOnly: "readOnly", autoFocus: "autoFocus", autoCapitalize: "autoCapitalize", autoComplete: "autoComplete", autoCorrect: "autoCorrect", blurOnSubmit: "blurOnSubmit", submitBehavior: "submitBehavior", cursorColor: "cursorColor", enterKeyHint: "enterKeyHint", returnKeyType: "returnKeyType", inputMode: "inputMode", keyboardType: "keyboardType", inputAccessoryViewID: "inputAccessoryViewID", scrollEnabled: "scrollEnabled", secureTextEntry: "secureTextEntry", selectTextOnFocus: "selectTextOnFocus", selection: "selection", selectionColor: "selectionColor", selectionHandleColor: "selectionHandleColor", showSoftInputOnFocus: "showSoftInputOnFocus", textAlign: "textAlign", textContentType: "textContentType", underlineColorAndroid: "underlineColorAndroid", onValueChange: "onValueChange", onChangeText: "onChangeText", onContentSizeChange: "onContentSizeChange", onEndEditing: "onEndEditing", onKeyPress: "onKeyPress", onSelectionChange: "onSelectionChange", onSubmitEditing: "onSubmitEditing" }, outputs: { valueChange: "valueChange" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'text-input', standalone: true }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], defaultValue: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], placeholderTextColor: [{
-                type: Input
-            }], multiline: [{
-                type: Input
-            }], numberOfLines: [{
-                type: Input
-            }], maxLength: [{
-                type: Input
-            }], editable: [{
-                type: Input
-            }], readOnly: [{
-                type: Input
-            }], autoFocus: [{
-                type: Input
-            }], autoCapitalize: [{
-                type: Input
-            }], autoComplete: [{
-                type: Input
-            }], autoCorrect: [{
-                type: Input
-            }], blurOnSubmit: [{
-                type: Input
-            }], submitBehavior: [{
-                type: Input
-            }], cursorColor: [{
-                type: Input
-            }], enterKeyHint: [{
-                type: Input
-            }], returnKeyType: [{
-                type: Input
-            }], inputMode: [{
-                type: Input
-            }], keyboardType: [{
-                type: Input
-            }], inputAccessoryViewID: [{
-                type: Input
-            }], scrollEnabled: [{
-                type: Input
-            }], secureTextEntry: [{
-                type: Input
-            }], selectTextOnFocus: [{
-                type: Input
-            }], selection: [{
-                type: Input
-            }], selectionColor: [{
-                type: Input
-            }], selectionHandleColor: [{
-                type: Input
-            }], showSoftInputOnFocus: [{
-                type: Input
-            }], textAlign: [{
-                type: Input
-            }], textContentType: [{
-                type: Input
-            }], underlineColorAndroid: [{
-                type: Input
-            }], onValueChange: [{
-                type: Input
-            }], onChangeText: [{
-                type: Input
-            }], onContentSizeChange: [{
-                type: Input
-            }], onEndEditing: [{
-                type: Input
-            }], onKeyPress: [{
-                type: Input
-            }], onSelectionChange: [{
-                type: Input
-            }], onSubmitEditing: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-export class MultilineTextInputElement extends TextInputElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultilineTextInputElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: MultilineTextInputElement, isStandalone: true, selector: "text-input-multiline", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultilineTextInputElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'text-input-multiline', standalone: true }]
-        }] });
-export class SwitchElement extends ValueChangeElement {
-    constructor() {
-        super(...arguments);
-        this.valueChange = new EventEmitter();
-    }
-    hasValueSubscriber() {
-        return this.valueChange.observed;
-    }
-    emitValue(value) {
-        if (typeof value === 'boolean')
-            this.valueChange.emit(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SwitchElement, isStandalone: true, selector: "switch, symbiote-switch", inputs: { value: "value", disabled: "disabled", trackColor: "trackColor", thumbColor: "thumbColor", ios_backgroundColor: "ios_backgroundColor", onValueChange: "onValueChange" }, outputs: { valueChange: "valueChange" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'switch, symbiote-switch', standalone: true }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], trackColor: [{
-                type: Input
-            }], thumbColor: [{
-                type: Input
-            }], ios_backgroundColor: [{
-                type: Input
-            }], onValueChange: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-/**
- * `[(ngModel)]` / `formControlName` on a `<text-input>` or a `<switch>`.
- *
- * The wrappers provided `NG_VALUE_ACCESSOR` themselves; a tag has no class for @angular/forms to
- * call into, so the accessor moves onto a directive of its own rather than being dropped — the
- * shape Angular's own `DefaultValueAccessor` takes for `<input>`. Providing it unconditionally is
- * safe: @angular/forms looks the accessor up only when an `ngModel` / `formControl*` directive sits
- * on the SAME element, so a plain `<switch [(value)]>` never reaches it.
- *
- * Everything below goes through `Renderer2`, which is the adapter's own — `setProperty` lands in
- * `routeProp` and `listen('valueChange')` is already unwrapped to a bare value there, so this
- * directive holds no fold of its own.
- */
-class SymbioteValueAccessor {
-    constructor() {
-        this.renderer = inject(Renderer2);
-        this.host = inject(ElementRef);
-    }
-    setProp(name, value) {
-        this.renderer.setProperty(this.host.nativeElement, name, value);
-    }
-    writeValue(value) {
-        this.setProp('value', value ?? undefined);
-    }
-    registerOnChange(fn) {
-        this.unlisten?.();
-        this.unlisten = this.renderer.listen(this.host.nativeElement, VALUE_CHANGE_EVENT, (value) => {
-            // THE HALF THE DOM DOES FOR FREE, and without it a controlled input undoes every
-            // keystroke. `<text-input>`'s behavior re-commands the native text whenever `props.value`
-            // disagrees with what native last reported — that is what makes it controlled — and the
-            // read-back flush exists so the app's new value is on the node by the time the commit runs.
-            // @angular/forms does not reach the node in that window: `NgModel.ngOnChanges` defers
-            // `_updateValue` through `resolvedPromise.then`, so `writeValue` lands a MICROTASK after
-            // the flush, and the commit in between still reads the value from before the keystroke.
-            //
-            // In a browser there is nothing to do here: `input.value` already holds what the user
-            // typed. `node.props.value` is the same slot, and nothing else writes it — so the accessor
-            // mirrors it, which is the shape rather than a workaround. A later `writeValue` still wins,
-            // so an app that transforms or refuses the value keeps doing so, one microtask on.
-            //
-            // Without this, every character snaps the field back to its mounted text.
-            this.setProp('value', value);
-            fn(value);
-        });
-    }
-    // Native has no blur-driven "touched" signal distinct from `blur`, and RN's own onBlur is what an
-    // app binds — so touched is driven off the same event rather than a second channel.
-    registerOnTouched(fn) {
-        this.setProp('onBlur', () => fn());
-    }
-    setDisabledState(isDisabled) {
-        this.writeDisabled(isDisabled);
-    }
-    ngOnDestroy() {
-        this.unlisten?.();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteValueAccessor, isStandalone: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteValueAccessor, decorators: [{
-            type: Directive
-        }] });
-export class TextInputValueAccessor extends SymbioteValueAccessor {
-    writeDisabled(isDisabled) {
-        this.setProp('editable', !isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextInputValueAccessor, isStandalone: true, selector: "text-input[ngModel], text-input[formControl], text-input[formControlName], text-input-multiline[ngModel], text-input-multiline[formControl], text-input-multiline[formControlName]", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => TextInputValueAccessor),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'text-input[ngModel], text-input[formControl], text-input[formControlName], text-input-multiline[ngModel], text-input-multiline[formControl], text-input-multiline[formControlName]',
-                    standalone: true,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextInputValueAccessor),
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-export class SwitchValueAccessor extends SymbioteValueAccessor {
-    writeDisabled(isDisabled) {
-        this.setProp('disabled', isDisabled);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SwitchValueAccessor, isStandalone: true, selector: "switch[ngModel], switch[formControl], switch[formControlName]", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SwitchValueAccessor),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchValueAccessor, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'switch[ngModel], switch[formControl], switch[formControlName]',
-                    standalone: true,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SwitchValueAccessor),
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-// The HOST — RN's centering RCTView (ActivityIndicator.js:112), which is the tag an app writes.
-// The four spinner props are declared here because that is where the app writes them; the engine's
-// behavior redirects them onto the spinner it builds underneath (`slotProps`).
-export class ActivityIndicatorElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ActivityIndicatorElement, isStandalone: true, selector: "activity-indicator", inputs: { animating: "animating", color: "color", size: "size", hidesWhenStopped: "hidesWhenStopped" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'activity-indicator', standalone: true }]
-        }], propDecorators: { animating: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], hidesWhenStopped: [{
-                type: Input
-            }] } });
-// The native spinner. Built by the behavior's `buildStructure` and by the wrapper's render fn, never
-// written in an app template — declared only so the tag alphabet stays covered, the same as
-// `scroll-content`.
-export class ActivityIndicatorSpinnerElement extends ActivityIndicatorElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorSpinnerElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ActivityIndicatorSpinnerElement, isStandalone: true, selector: "activity-indicator-spinner", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorSpinnerElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'activity-indicator-spinner', standalone: true }]
-        }] });
-export class SafeAreaViewElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SafeAreaViewElement, isStandalone: true, selector: "safe-area-view", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaViewElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'safe-area-view', standalone: true }]
-        }] });
-export class ModalElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ModalElement, isStandalone: true, selector: "modal, symbiote-modal", inputs: { visible: "visible", transparent: "transparent", animationType: "animationType", presentationStyle: "presentationStyle", supportedOrientations: "supportedOrientations", hardwareAccelerated: "hardwareAccelerated", statusBarTranslucent: "statusBarTranslucent", navigationBarTranslucent: "navigationBarTranslucent", allowSwipeDismissal: "allowSwipeDismissal", backdropColor: "backdropColor" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'modal, symbiote-modal', standalone: true }]
-        }], propDecorators: { visible: [{
-                type: Input
-            }], transparent: [{
-                type: Input
-            }], animationType: [{
-                type: Input
-            }], presentationStyle: [{
-                type: Input
-            }], supportedOrientations: [{
-                type: Input
-            }], hardwareAccelerated: [{
-                type: Input
-            }], statusBarTranslucent: [{
-                type: Input
-            }], navigationBarTranslucent: [{
-                type: Input
-            }], allowSwipeDismissal: [{
-                type: Input
-            }], backdropColor: [{
-                type: Input
-            }] } });
-export class RefreshControlElement extends ReadBackElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RefreshControlElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: RefreshControlElement, isStandalone: true, selector: "refresh-control", inputs: { refreshing: "refreshing", enabled: "enabled", colors: "colors", tintColor: "tintColor", title: "title", titleColor: "titleColor", size: "size", progressBackgroundColor: "progressBackgroundColor", progressViewOffset: "progressViewOffset", onRefresh: "onRefresh" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RefreshControlElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'refresh-control', standalone: true }]
-        }], propDecorators: { refreshing: [{
-                type: Input
-            }], enabled: [{
-                type: Input
-            }], colors: [{
-                type: Input
-            }], tintColor: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], titleColor: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], progressBackgroundColor: [{
-                type: Input
-            }], progressViewOffset: [{
-                type: Input
-            }], onRefresh: [{
-                type: Input
-            }] } });
-export class StickyHeaderElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StickyHeaderElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: StickyHeaderElement, isStandalone: true, selector: "sticky-header", inputs: { inverted: "inverted", nextHeaderLayoutY: "nextHeaderLayoutY", scrollAnimatedValue: "scrollAnimatedValue", scrollViewHeight: "scrollViewHeight" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StickyHeaderElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'sticky-header', standalone: true }]
-        }], propDecorators: { inverted: [{
-                type: Input
-            }], nextHeaderLayoutY: [{
-                type: Input
-            }], scrollAnimatedValue: [{
-                type: Input
-            }], scrollViewHeight: [{
-                type: Input
-            }] } });
-export class InputAccessoryViewElement extends SymbioteElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InputAccessoryViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: InputAccessoryViewElement, isStandalone: true, selector: "input-accessory-view", inputs: { backgroundColor: "backgroundColor" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InputAccessoryViewElement, decorators: [{
-            type: Directive,
-            args: [{ selector: 'input-accessory-view', standalone: true }]
-        }], propDecorators: { backgroundColor: [{
-                type: Input
-            }] } });
+import { SymbioteElement } from './element-base';
+import { ButtonElement, CheckboxElement, PressableElement, TextElement, TouchableHighlightElement, TouchableNativeFeedbackElement, TouchableOpacityElement, TouchableWithoutFeedbackElement, ViewElement, } from './elements-press';
+import { HorizontalScrollContentElement, HorizontalScrollViewElement, ImageBackgroundElement, ImageElement, ScrollContentElement, ScrollViewElement, } from './elements-layout';
+import { ActivityIndicatorElement, ActivityIndicatorSpinnerElement, InputAccessoryViewElement, ModalElement, MultilineTextInputElement, RefreshControlElement, SafeAreaViewElement, StickyHeaderElement, SwitchElement, SwitchValueAccessor, TextInputElement, TextInputValueAccessor, } from './elements-controls';
+// Классы живут в соседних модулях по ответственности, этот файл остаётся их единой точкой входа
+export { ActivityIndicatorElement, ActivityIndicatorSpinnerElement, ButtonElement, CheckboxElement, HorizontalScrollContentElement, HorizontalScrollViewElement, ImageBackgroundElement, ImageElement, InputAccessoryViewElement, ModalElement, MultilineTextInputElement, PressableElement, RefreshControlElement, SafeAreaViewElement, ScrollContentElement, ScrollViewElement, StickyHeaderElement, SwitchElement, SwitchValueAccessor, SymbioteElement, TextElement, TextInputElement, TextInputValueAccessor, TouchableHighlightElement, TouchableNativeFeedbackElement, TouchableOpacityElement, TouchableWithoutFeedbackElement, ViewElement, };
 /**
  * Every element directive, as ONE symbol an app puts in `imports`. Angular flattens a nested array
  * there, so the line does not grow as the tag alphabet does — and a per-component `imports` line is
@@ -1142,6 +57,7 @@ export const SYMBIOTE_ELEMENTS = [
     TouchableNativeFeedbackElement,
     TouchableWithoutFeedbackElement,
     ButtonElement,
+    CheckboxElement,
     TextElement,
     ImageElement,
     ImageBackgroundElement,
@@ -1190,6 +106,7 @@ const DECLARES_EVERY_PROP = {
     pressable: true,
     touchableOpacity: true,
     touchableHighlight: true,
+    checkbox: true,
     text: true,
     image: true,
     imageBackground: true,