@symbiote-native/angular 0.1.0

package/build/angular/components/touchable.js

@@ -0,0 +1,1206 @@
+// The Touchable* family for Angular, all built on Pressable (the Angular twin of the React/Vue
+// adapter). The press-timing constants and the deactivation-floor math are shared with every
+// adapter (@symbiote-native/components/state/touchable); here Angular owns only the Animated wiring + the
+// press scheduling state:
+//   TouchableOpacity:   animate an Animated.Value opacity toward activeOpacity on press-in and back
+//     to 1 on press-out, driven from Pressable's onPressIn/onPressOut. The opacity Value is held by
+//     IDENTITY as a plain field (an engine object, never an @Input / reactive wrap) and the
+//     <symbiote-animated-view> leaf commits it every frame.
+//   TouchableHighlight: paint underlayColor + lower child opacity while pressed, via Pressable's
+//     style-as-function (Pressable drives the pressed flag through its own responder lifecycle).
+//   TouchableWithoutFeedback: no visual change, just the press wiring forwarded through Pressable.
+//
+// Every Touchable's own press/hover/accessibility events are now real @Output() EventEmitters too,
+// matching Pressable (which they wrap) — `(press)="handler($event)"`, never `[onPress]="handler"`.
+// Non-event config (delayLongPress, hitSlop, ...) still rides down as plain @Input() bindings.
+// Accessibility EVENTS forward straight through to Pressable's own outputs
+// (`(accessibilityAction)="accessibilityAction.emit($event)"`); accessibility STATE folds the web
+// aria-*/role aliases and merges `disabled` into the a11y state on Pressable's own host — no re-fold
+// here (the a11y host is Pressable's view, mirroring React's `...rest` -> Pressable). No JS-side
+// platform branch, so this stays a flat single file (see the
+// symbiote-file-layout skill), mirroring React/Vue. Each Touchable forwards the Angular Pressable
+// surface verbatim; parity is against that surface, exactly as React's Touchable parity is against
+// the React Pressable surface.
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { computePressOutWait, DEFAULT_ACTIVE_OPACITY, DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_MIN_PRESS_DURATION_MS, DEFAULT_UNDERLAY_COLOR, OPACITY_ACTIVE_DURATION_MS, OPACITY_INACTIVE_DURATION_MS, RESTING_OPACITY, } from '@symbiote-native/components';
+import { dlog, } from '@symbiote-native/engine';
+import { anchorHostStyle, anchorStyleProp } from '../primitives';
+import { Pressable } from './pressable';
+import { Animated, AnimatedView } from '../modules/animated';
+import * as i0 from "@angular/core";
+export class TouchableOpacity {
+    press = new EventEmitter();
+    pressIn = new EventEmitter();
+    pressOut = new EventEmitter();
+    pressMove = new EventEmitter();
+    longPress = new EventEmitter();
+    hoverIn = new EventEmitter();
+    hoverOut = new EventEmitter();
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    activeOpacity;
+    delayPressIn;
+    delayPressOut;
+    minPressDuration;
+    style;
+    delayLongPress;
+    delayHoverIn;
+    delayHoverOut;
+    disabled;
+    cancelable;
+    hitSlop;
+    pressRetentionOffset;
+    unstable_pressDelay;
+    android_ripple;
+    android_disableSound;
+    testID;
+    nativeID;
+    hasTVPreferredFocus;
+    nextFocusDown;
+    nextFocusForward;
+    nextFocusLeft;
+    nextFocusRight;
+    nextFocusUp;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    ariaLabel;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaHidden;
+    ariaLabelledBy;
+    ariaLive;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    id;
+    role;
+    // One Animated.Value per mount, resting at full opacity. Held by IDENTITY as a plain field (an
+    // engine object, never an @Input / reactive wrap); the <symbiote-animated-view> leaf rasterizes
+    // it for the first paint and drives it through setNativeProps every frame.
+    opacity = new Animated.Value(RESTING_OPACITY);
+    // The pending delayPressIn timer, so a release before it fires can flush it.
+    pressInTimer;
+    // When the active visual actually started, to floor onPressOut by minPressDuration.
+    activatedAt;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the <symbiote-animated-view> leaf one level down.
+    elementRef = inject(ElementRef);
+    // The (possibly animated) style the leaf reduces: the anchor's class-derived style first, then
+    // the user's explicit style, then the live opacity layered on top (last wins via the style array
+    // the commit layer flattens). `unknown` because the array mixes a plain style with an
+    // AnimatedNode, exactly the bag AnimatedView's `style` input accepts.
+    get animatedStyle() {
+        return [anchorHostStyle(this.elementRef), this.style, { opacity: this.opacity }];
+    }
+    setOpacityTo(toValue, duration) {
+        Animated.timing(this.opacity, {
+            toValue,
+            duration,
+            easing: Animated.Easing.inOut(Animated.Easing.quad),
+            useNativeDriver: false,
+        }).start();
+    }
+    clearPressInTimer() {
+        if (this.pressInTimer !== undefined) {
+            clearTimeout(this.pressInTimer);
+            this.pressInTimer = undefined;
+        }
+    }
+    activate(event) {
+        this.activatedAt = Date.now();
+        this.setOpacityTo(this.activeOpacity ?? DEFAULT_ACTIVE_OPACITY, OPACITY_ACTIVE_DURATION_MS);
+        this.pressIn.emit(event);
+    }
+    deactivate(event) {
+        this.activatedAt = undefined;
+        this.setOpacityTo(RESTING_OPACITY, OPACITY_INACTIVE_DURATION_MS);
+        this.pressOut.emit(event);
+    }
+    // Arrow fields (stable identity for OnPush, `this` intact when Pressable's `(pressIn)` invokes
+    // them). RN's _createPressabilityConfig forwards delayPressIn — defer the active visual and
+    // pressIn behind the delay (a release before it elapses flushes it synchronously).
+    handlePressIn = (event) => {
+        const delayPressIn = this.delayPressIn ?? 0;
+        if (delayPressIn > 0) {
+            dlog(`TouchableOpacity pressIn deferred ${delayPressIn}ms`);
+            this.pressInTimer = setTimeout(() => {
+                this.pressInTimer = undefined;
+                this.activate(event);
+            }, delayPressIn);
+            return;
+        }
+        this.activate(event);
+    };
+    // delayPressOut + minPressDuration (RN _deactivate): the press-out waits at least minPressDuration
+    // past activation (so a fast tap holds the active visual) and at least delayPressOut, whichever is
+    // longer.
+    handlePressOut = (event) => {
+        if (this.pressInTimer !== undefined) {
+            this.clearPressInTimer();
+            this.activate(event);
+        }
+        const heldFor = this.activatedAt === undefined ? 0 : Date.now() - this.activatedAt;
+        const wait = computePressOutWait(heldFor, this.minPressDuration ?? DEFAULT_MIN_PRESS_DURATION_MS, this.delayPressOut ?? 0);
+        if (wait > 0) {
+            dlog(`TouchableOpacity pressOut deferred ${wait}ms`);
+            setTimeout(() => this.deactivate(event), wait);
+            return;
+        }
+        this.deactivate(event);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableOpacity, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TouchableOpacity, isStandalone: true, selector: "TouchableOpacity", inputs: { activeOpacity: "activeOpacity", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", style: "style", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", disabled: "disabled", cancelable: "cancelable", hitSlop: "hitSlop", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", android_disableSound: "android_disableSound", testID: "testID", nativeID: "nativeID", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp", 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", ariaLabel: "ariaLabel", ariaBusy: "ariaBusy", ariaChecked: "ariaChecked", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaHidden: "ariaHidden", ariaLabelledBy: "ariaLabelledBy", ariaLive: "ariaLive", ariaSelected: "ariaSelected", ariaModal: "ariaModal", ariaValueMax: "ariaValueMax", ariaValueMin: "ariaValueMin", ariaValueNow: "ariaValueNow", ariaValueText: "ariaValueText", id: "id", role: "role" }, outputs: { press: "press", pressIn: "pressIn", pressOut: "pressOut", pressMove: "pressMove", longPress: "longPress", hoverIn: "hoverIn", hoverOut: "hoverOut", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
+    <Pressable
+      (press)="press.emit($event)"
+      (pressIn)="handlePressIn($event)"
+      (pressOut)="handlePressOut($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <symbiote-animated-view [style]="animatedStyle">
+        <ng-content></ng-content>
+      </symbiote-animated-view>
+    </Pressable>
+  `, isInline: true, dependencies: [{ kind: "component", type: Pressable, selector: "Pressable, symbiote-pressable", inputs: ["delayLongPress", "disabled", "cancelable", "hitSlop", "pressRetentionOffset", "unstable_pressDelay", "android_ripple", "android_disableSound", "delayHoverIn", "delayHoverOut", "testID", "nativeID", "hasTVPreferredFocus", "nextFocusDown", "nextFocusForward", "nextFocusLeft", "nextFocusRight", "nextFocusUp", "style", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "ariaLabel", "ariaBusy", "ariaChecked", "ariaDisabled", "ariaExpanded", "ariaHidden", "ariaLabelledBy", "ariaLive", "ariaSelected", "ariaModal", "ariaValueMax", "ariaValueMin", "ariaValueNow", "ariaValueText", "id", "role"], outputs: ["press", "pressIn", "pressOut", "pressMove", "longPress", "hoverIn", "hoverOut", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }, { kind: "component", type: AnimatedView, selector: "AnimatedView, symbiote-animated-view", inputs: ["style", "animatedProps", "passthroughAnimatedPropExplicitValues"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableOpacity, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'TouchableOpacity',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [Pressable, AnimatedView],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <Pressable
+      (press)="press.emit($event)"
+      (pressIn)="handlePressIn($event)"
+      (pressOut)="handlePressOut($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <symbiote-animated-view [style]="animatedStyle">
+        <ng-content></ng-content>
+      </symbiote-animated-view>
+    </Pressable>
+  `,
+                }]
+        }], propDecorators: { press: [{
+                type: Output
+            }], pressIn: [{
+                type: Output
+            }], pressOut: [{
+                type: Output
+            }], pressMove: [{
+                type: Output
+            }], longPress: [{
+                type: Output
+            }], hoverIn: [{
+                type: Output
+            }], hoverOut: [{
+                type: Output
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], activeOpacity: [{
+                type: Input
+            }], delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], delayLongPress: [{
+                type: Input
+            }], delayHoverIn: [{
+                type: Input
+            }], delayHoverOut: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], cancelable: [{
+                type: Input
+            }], hitSlop: [{
+                type: Input
+            }], pressRetentionOffset: [{
+                type: Input
+            }], unstable_pressDelay: [{
+                type: Input
+            }], android_ripple: [{
+                type: Input
+            }], android_disableSound: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], hasTVPreferredFocus: [{
+                type: Input
+            }], nextFocusDown: [{
+                type: Input
+            }], nextFocusForward: [{
+                type: Input
+            }], nextFocusLeft: [{
+                type: Input
+            }], nextFocusRight: [{
+                type: Input
+            }], nextFocusUp: [{
+                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
+            }], ariaLabel: [{
+                type: Input
+            }], ariaBusy: [{
+                type: Input
+            }], ariaChecked: [{
+                type: Input
+            }], ariaDisabled: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], ariaSelected: [{
+                type: Input
+            }], ariaModal: [{
+                type: Input
+            }], ariaValueMax: [{
+                type: Input
+            }], ariaValueMin: [{
+                type: Input
+            }], ariaValueNow: [{
+                type: Input
+            }], ariaValueText: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }] } });
+export class TouchableHighlight {
+    press = new EventEmitter();
+    pressIn = new EventEmitter();
+    pressOut = new EventEmitter();
+    pressMove = new EventEmitter();
+    longPress = new EventEmitter();
+    hoverIn = new EventEmitter();
+    hoverOut = new EventEmitter();
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    activeOpacity;
+    underlayColor;
+    delayPressIn;
+    delayPressOut;
+    minPressDuration;
+    style;
+    delayLongPress;
+    delayHoverIn;
+    delayHoverOut;
+    disabled;
+    cancelable;
+    hitSlop;
+    pressRetentionOffset;
+    unstable_pressDelay;
+    android_ripple;
+    android_disableSound;
+    testID;
+    nativeID;
+    hasTVPreferredFocus;
+    nextFocusDown;
+    nextFocusForward;
+    nextFocusLeft;
+    nextFocusRight;
+    nextFocusUp;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    ariaLabel;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaHidden;
+    ariaLabelledBy;
+    ariaLive;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    id;
+    role;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the Pressable one level down.
+    elementRef = inject(ElementRef);
+    // Pressable accepts a style-as-function and calls it with the live pressed state. Arrow field so
+    // `this` stays bound when Pressable invokes it; it reads the inputs LIVE at call time. The
+    // anchor's class-derived style goes first, then the user's explicit style, so an explicit
+    // [style] still beats the ambient class. When pressed, paint the underlay color + lower the
+    // child opacity (RN drives this with setState, not Animated, so we mirror that faithfully
+    // through Pressable's pressed flag, no tween) — the overlay always goes last so it wins.
+    pressedStyle = (state) => {
+        const anchorStyle = anchorStyleProp(this.elementRef);
+        if (!state.pressed)
+            return [anchorStyle, this.style];
+        const overlay = {
+            backgroundColor: this.underlayColor ?? DEFAULT_UNDERLAY_COLOR,
+            opacity: this.activeOpacity ?? DEFAULT_HIGHLIGHT_CHILD_OPACITY,
+        };
+        return [anchorStyle, this.style, overlay];
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableHighlight, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TouchableHighlight, isStandalone: true, selector: "TouchableHighlight", inputs: { activeOpacity: "activeOpacity", underlayColor: "underlayColor", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", style: "style", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", disabled: "disabled", cancelable: "cancelable", hitSlop: "hitSlop", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", android_disableSound: "android_disableSound", testID: "testID", nativeID: "nativeID", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp", 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", ariaLabel: "ariaLabel", ariaBusy: "ariaBusy", ariaChecked: "ariaChecked", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaHidden: "ariaHidden", ariaLabelledBy: "ariaLabelledBy", ariaLive: "ariaLive", ariaSelected: "ariaSelected", ariaModal: "ariaModal", ariaValueMax: "ariaValueMax", ariaValueMin: "ariaValueMin", ariaValueNow: "ariaValueNow", ariaValueText: "ariaValueText", id: "id", role: "role" }, outputs: { press: "press", pressIn: "pressIn", pressOut: "pressOut", pressMove: "pressMove", longPress: "longPress", hoverIn: "hoverIn", hoverOut: "hoverOut", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
+    <Pressable
+      [style]="pressedStyle"
+      (press)="press.emit($event)"
+      (pressIn)="pressIn.emit($event)"
+      (pressOut)="pressOut.emit($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <ng-content></ng-content>
+    </Pressable>
+  `, isInline: true, dependencies: [{ kind: "component", type: Pressable, selector: "Pressable, symbiote-pressable", inputs: ["delayLongPress", "disabled", "cancelable", "hitSlop", "pressRetentionOffset", "unstable_pressDelay", "android_ripple", "android_disableSound", "delayHoverIn", "delayHoverOut", "testID", "nativeID", "hasTVPreferredFocus", "nextFocusDown", "nextFocusForward", "nextFocusLeft", "nextFocusRight", "nextFocusUp", "style", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "ariaLabel", "ariaBusy", "ariaChecked", "ariaDisabled", "ariaExpanded", "ariaHidden", "ariaLabelledBy", "ariaLive", "ariaSelected", "ariaModal", "ariaValueMax", "ariaValueMin", "ariaValueNow", "ariaValueText", "id", "role"], outputs: ["press", "pressIn", "pressOut", "pressMove", "longPress", "hoverIn", "hoverOut", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableHighlight, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'TouchableHighlight',
+                    standalone: true,
+                    imports: [Pressable],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <Pressable
+      [style]="pressedStyle"
+      (press)="press.emit($event)"
+      (pressIn)="pressIn.emit($event)"
+      (pressOut)="pressOut.emit($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <ng-content></ng-content>
+    </Pressable>
+  `,
+                }]
+        }], propDecorators: { press: [{
+                type: Output
+            }], pressIn: [{
+                type: Output
+            }], pressOut: [{
+                type: Output
+            }], pressMove: [{
+                type: Output
+            }], longPress: [{
+                type: Output
+            }], hoverIn: [{
+                type: Output
+            }], hoverOut: [{
+                type: Output
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], activeOpacity: [{
+                type: Input
+            }], underlayColor: [{
+                type: Input
+            }], delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], delayLongPress: [{
+                type: Input
+            }], delayHoverIn: [{
+                type: Input
+            }], delayHoverOut: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], cancelable: [{
+                type: Input
+            }], hitSlop: [{
+                type: Input
+            }], pressRetentionOffset: [{
+                type: Input
+            }], unstable_pressDelay: [{
+                type: Input
+            }], android_ripple: [{
+                type: Input
+            }], android_disableSound: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], hasTVPreferredFocus: [{
+                type: Input
+            }], nextFocusDown: [{
+                type: Input
+            }], nextFocusForward: [{
+                type: Input
+            }], nextFocusLeft: [{
+                type: Input
+            }], nextFocusRight: [{
+                type: Input
+            }], nextFocusUp: [{
+                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
+            }], ariaLabel: [{
+                type: Input
+            }], ariaBusy: [{
+                type: Input
+            }], ariaChecked: [{
+                type: Input
+            }], ariaDisabled: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], ariaSelected: [{
+                type: Input
+            }], ariaModal: [{
+                type: Input
+            }], ariaValueMax: [{
+                type: Input
+            }], ariaValueMin: [{
+                type: Input
+            }], ariaValueNow: [{
+                type: Input
+            }], ariaValueText: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }] } });
+export class TouchableWithoutFeedback {
+    // delayPressIn/delayPressOut/minPressDuration ride the prop type for surface parity with the
+    // other two, but TouchableWithoutFeedback has no visual feedback, so nothing schedules off them
+    // (RN's TouchableWithoutFeedback is the same pure passthrough).
+    press = new EventEmitter();
+    pressIn = new EventEmitter();
+    pressOut = new EventEmitter();
+    pressMove = new EventEmitter();
+    longPress = new EventEmitter();
+    hoverIn = new EventEmitter();
+    hoverOut = new EventEmitter();
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    delayPressIn;
+    delayPressOut;
+    minPressDuration;
+    style;
+    delayLongPress;
+    delayHoverIn;
+    delayHoverOut;
+    disabled;
+    cancelable;
+    hitSlop;
+    pressRetentionOffset;
+    unstable_pressDelay;
+    android_ripple;
+    android_disableSound;
+    testID;
+    nativeID;
+    hasTVPreferredFocus;
+    nextFocusDown;
+    nextFocusForward;
+    nextFocusLeft;
+    nextFocusRight;
+    nextFocusUp;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    ariaLabel;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaHidden;
+    ariaLabelledBy;
+    ariaLive;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    id;
+    role;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the Pressable one level down.
+    elementRef = inject(ElementRef);
+    // The anchor's class-derived style goes first, then the explicit style, so an explicit [style]
+    // still beats the ambient class.
+    get mergedStyle() {
+        return [anchorStyleProp(this.elementRef), this.style];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableWithoutFeedback, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TouchableWithoutFeedback, isStandalone: true, selector: "TouchableWithoutFeedback", inputs: { delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", style: "style", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", disabled: "disabled", cancelable: "cancelable", hitSlop: "hitSlop", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", android_disableSound: "android_disableSound", testID: "testID", nativeID: "nativeID", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp", 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", ariaLabel: "ariaLabel", ariaBusy: "ariaBusy", ariaChecked: "ariaChecked", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaHidden: "ariaHidden", ariaLabelledBy: "ariaLabelledBy", ariaLive: "ariaLive", ariaSelected: "ariaSelected", ariaModal: "ariaModal", ariaValueMax: "ariaValueMax", ariaValueMin: "ariaValueMin", ariaValueNow: "ariaValueNow", ariaValueText: "ariaValueText", id: "id", role: "role" }, outputs: { press: "press", pressIn: "pressIn", pressOut: "pressOut", pressMove: "pressMove", longPress: "longPress", hoverIn: "hoverIn", hoverOut: "hoverOut", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
+    <Pressable
+      [style]="mergedStyle"
+      (press)="press.emit($event)"
+      (pressIn)="pressIn.emit($event)"
+      (pressOut)="pressOut.emit($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <ng-content></ng-content>
+    </Pressable>
+  `, isInline: true, dependencies: [{ kind: "component", type: Pressable, selector: "Pressable, symbiote-pressable", inputs: ["delayLongPress", "disabled", "cancelable", "hitSlop", "pressRetentionOffset", "unstable_pressDelay", "android_ripple", "android_disableSound", "delayHoverIn", "delayHoverOut", "testID", "nativeID", "hasTVPreferredFocus", "nextFocusDown", "nextFocusForward", "nextFocusLeft", "nextFocusRight", "nextFocusUp", "style", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "ariaLabel", "ariaBusy", "ariaChecked", "ariaDisabled", "ariaExpanded", "ariaHidden", "ariaLabelledBy", "ariaLive", "ariaSelected", "ariaModal", "ariaValueMax", "ariaValueMin", "ariaValueNow", "ariaValueText", "id", "role"], outputs: ["press", "pressIn", "pressOut", "pressMove", "longPress", "hoverIn", "hoverOut", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableWithoutFeedback, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'TouchableWithoutFeedback',
+                    standalone: true,
+                    imports: [Pressable],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <Pressable
+      [style]="mergedStyle"
+      (press)="press.emit($event)"
+      (pressIn)="pressIn.emit($event)"
+      (pressOut)="pressOut.emit($event)"
+      (pressMove)="pressMove.emit($event)"
+      (longPress)="longPress.emit($event)"
+      (hoverIn)="hoverIn.emit($event)"
+      (hoverOut)="hoverOut.emit($event)"
+      [delayLongPress]="delayLongPress"
+      [delayHoverIn]="delayHoverIn"
+      [delayHoverOut]="delayHoverOut"
+      [disabled]="disabled"
+      [cancelable]="cancelable"
+      [hitSlop]="hitSlop"
+      [pressRetentionOffset]="pressRetentionOffset"
+      [unstable_pressDelay]="unstable_pressDelay"
+      [android_ripple]="android_ripple"
+      [android_disableSound]="android_disableSound"
+      [testID]="testID"
+      [nativeID]="nativeID"
+      [hasTVPreferredFocus]="hasTVPreferredFocus"
+      [nextFocusDown]="nextFocusDown"
+      [nextFocusForward]="nextFocusForward"
+      [nextFocusLeft]="nextFocusLeft"
+      [nextFocusRight]="nextFocusRight"
+      [nextFocusUp]="nextFocusUp"
+      [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"
+      (accessibilityAction)="accessibilityAction.emit($event)"
+      (accessibilityTap)="accessibilityTap.emit($event)"
+      (magicTap)="magicTap.emit($event)"
+      (accessibilityEscape)="accessibilityEscape.emit($event)"
+      [ariaLabel]="ariaLabel"
+      [ariaBusy]="ariaBusy"
+      [ariaChecked]="ariaChecked"
+      [ariaDisabled]="ariaDisabled"
+      [ariaExpanded]="ariaExpanded"
+      [ariaHidden]="ariaHidden"
+      [ariaLabelledBy]="ariaLabelledBy"
+      [ariaLive]="ariaLive"
+      [ariaSelected]="ariaSelected"
+      [ariaModal]="ariaModal"
+      [ariaValueMax]="ariaValueMax"
+      [ariaValueMin]="ariaValueMin"
+      [ariaValueNow]="ariaValueNow"
+      [ariaValueText]="ariaValueText"
+      [id]="id"
+      [role]="role"
+    >
+      <ng-content></ng-content>
+    </Pressable>
+  `,
+                }]
+        }], propDecorators: { press: [{
+                type: Output
+            }], pressIn: [{
+                type: Output
+            }], pressOut: [{
+                type: Output
+            }], pressMove: [{
+                type: Output
+            }], longPress: [{
+                type: Output
+            }], hoverIn: [{
+                type: Output
+            }], hoverOut: [{
+                type: Output
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], delayLongPress: [{
+                type: Input
+            }], delayHoverIn: [{
+                type: Input
+            }], delayHoverOut: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], cancelable: [{
+                type: Input
+            }], hitSlop: [{
+                type: Input
+            }], pressRetentionOffset: [{
+                type: Input
+            }], unstable_pressDelay: [{
+                type: Input
+            }], android_ripple: [{
+                type: Input
+            }], android_disableSound: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], hasTVPreferredFocus: [{
+                type: Input
+            }], nextFocusDown: [{
+                type: Input
+            }], nextFocusForward: [{
+                type: Input
+            }], nextFocusLeft: [{
+                type: Input
+            }], nextFocusRight: [{
+                type: Input
+            }], nextFocusUp: [{
+                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
+            }], ariaLabel: [{
+                type: Input
+            }], ariaBusy: [{
+                type: Input
+            }], ariaChecked: [{
+                type: Input
+            }], ariaDisabled: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], ariaLive: [{
+                type: Input
+            }], ariaSelected: [{
+                type: Input
+            }], ariaModal: [{
+                type: Input
+            }], ariaValueMax: [{
+                type: Input
+            }], ariaValueMin: [{
+                type: Input
+            }], ariaValueNow: [{
+                type: Input
+            }], ariaValueText: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=touchable.js.map