@symbiote-native/angular 0.1.0

package/build/angular/components/touchable-native-feedback.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter, type OnChanges } from '@angular/core';
+import { canUseNativeForeground, rippleBackground, selectableBackground, selectableBackgroundBorderless, type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps, type INativeFeedbackBackground, type IPressableAndroidRippleConfig, type IRectOffset } from '@symbiote-native/components';
+import { type ISymbioteEvent } from '@symbiote-native/engine';
+import { type IAngularPressableInputs } from './pressable';
+import * as i0 from "@angular/core";
+export type { INativeFeedbackBackground, IThemeAttrBackground, IRippleBackground, } from '@symbiote-native/components';
+export type IAngularTouchableNativeFeedbackProps = Omit<IAngularPressableInputs, 'style'> & {
+    background?: INativeFeedbackBackground;
+    useForeground?: boolean;
+};
+export declare class TouchableNativeFeedback implements IAngularTouchableNativeFeedbackProps, OnChanges {
+    static readonly SelectableBackground: typeof selectableBackground;
+    static readonly SelectableBackgroundBorderless: typeof selectableBackgroundBorderless;
+    static readonly Ripple: typeof rippleBackground;
+    static readonly canUseNativeForeground: typeof canUseNativeForeground;
+    readonly press: EventEmitter<ISymbioteEvent>;
+    readonly pressIn: EventEmitter<ISymbioteEvent>;
+    readonly pressOut: EventEmitter<ISymbioteEvent>;
+    readonly pressMove: EventEmitter<ISymbioteEvent>;
+    readonly longPress: EventEmitter<ISymbioteEvent>;
+    readonly hoverIn: EventEmitter<ISymbioteEvent>;
+    readonly hoverOut: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    background?: INativeFeedbackBackground;
+    useForeground?: boolean;
+    delayLongPress?: number;
+    delayHoverIn?: number;
+    delayHoverOut?: number;
+    disabled?: boolean;
+    cancelable?: boolean;
+    hitSlop?: IRectOffset;
+    pressRetentionOffset?: IRectOffset;
+    unstable_pressDelay?: number;
+    android_ripple?: IPressableAndroidRippleConfig;
+    android_disableSound?: boolean;
+    testID?: string;
+    nativeID?: string;
+    accessible?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
+    accessibilityState?: IAccessibilityStateValue;
+    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
+    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
+    accessibilityLabelledBy?: string | string[];
+    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
+    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
+    screenReaderFocusable?: boolean;
+    accessibilityViewIsModal?: boolean;
+    accessibilityElementsHidden?: boolean;
+    accessibilityIgnoresInvertColors?: boolean;
+    accessibilityLanguage?: string;
+    accessibilityRespondsToUserInteraction?: boolean;
+    accessibilityShowsLargeContentViewer?: boolean;
+    accessibilityLargeContentTitle?: string;
+    role?: IAriaProps['role'];
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaLive?: IAriaProps['aria-live'];
+    ariaHidden?: boolean;
+    ariaBusy?: boolean;
+    ariaChecked?: boolean | 'mixed';
+    ariaDisabled?: boolean;
+    ariaExpanded?: boolean;
+    ariaSelected?: boolean;
+    ariaModal?: boolean;
+    ariaValueMax?: number;
+    ariaValueMin?: number;
+    ariaValueNow?: number;
+    ariaValueText?: string;
+    private readonly elementRef;
+    ngOnChanges(): void;
+    private get resolvedBackground();
+    get feedback(): Record<string, INativeFeedbackBackground>;
+    get hostProps(): Record<string, unknown>;
+    emit(emitter: EventEmitter<ISymbioteEvent>, event: unknown): void;
+    get folded(): Partial<IAngularTouchableNativeFeedbackProps>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TouchableNativeFeedback, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TouchableNativeFeedback, "TouchableNativeFeedback", never, { "background": { "alias": "background"; "required": false; }; "useForeground": { "alias": "useForeground"; "required": false; }; "delayLongPress": { "alias": "delayLongPress"; "required": false; }; "delayHoverIn": { "alias": "delayHoverIn"; "required": false; }; "delayHoverOut": { "alias": "delayHoverOut"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cancelable": { "alias": "cancelable"; "required": false; }; "hitSlop": { "alias": "hitSlop"; "required": false; }; "pressRetentionOffset": { "alias": "pressRetentionOffset"; "required": false; }; "unstable_pressDelay": { "alias": "unstable_pressDelay"; "required": false; }; "android_ripple": { "alias": "android_ripple"; "required": false; }; "android_disableSound": { "alias": "android_disableSound"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; }, { "press": "press"; "pressIn": "pressIn"; "pressOut": "pressOut"; "pressMove": "pressMove"; "longPress": "longPress"; "hoverIn": "hoverIn"; "hoverOut": "hoverOut"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, ["*"], true, never>;
+}

package/build/angular/components/touchable-native-feedback.js

@@ -0,0 +1,376 @@
+// TouchableNativeFeedback: the Angular lifecycle half. Android's ripple / state-drawable
+// touchable, built on Pressable like the rest of the family (the Angular twin of the React/Vue
+// adapter). RN realizes its feedback by cloning the child into an RCTView carrying native ripple
+// props; we instead nest the child under a feedback <symbiote-view> that carries those props
+// (nativeBackgroundAndroid / nativeForegroundAndroid), inside a <Pressable> that owns the press
+// wiring. The native props are read by Android's ReactViewManager; on iOS they are inert props,
+// so the child still renders with working press wiring. The static factories + background mapping
+// are shared in @symbiote-native/components and reused verbatim — Angular only attaches them onto the
+// component class and nests the feedback view. No JS-side platform branch (one Fabric path both
+// platforms), so this stays a flat single file (ADR 0026), mirroring React/Vue.
+//
+// This component's own press/hover events are now real @Output() EventEmitters too, matching
+// Pressable (which it wraps) — `(press)="press.emit($event)"`, never `[onPress]="onPress"`.
+// Non-event config (delayLongPress, hitSlop, ...) still rides down as plain @Input() bindings. The
+// a11y identity bag + the four a11y events live on the feedback view — the one host intrinsic here —
+// folded through the shared resolveAccessibilityProps and routed through emit() on the (event)
+// channel (Angular blocks [onX] property bindings on host elements; events flow through (event)
+// only). disabled folds into the a11y state via resolveDisabledAccessibilityState, exactly as
+// Pressable does for its own host.
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { backgroundProps, canUseNativeForeground, resolveAccessibilityProps, resolveDisabledAccessibilityState, rippleBackground, selectableBackground, selectableBackgroundBorderless, } from '@symbiote-native/components';
+import { dlog } from '@symbiote-native/engine';
+import { anchorHostStyle, SymbioteHostPropsDirective, ViewHost } from '../primitives';
+import { Pressable } from './pressable';
+import * as i0 from "@angular/core";
+// Angular infers an `(event)` binding's $event as the DOM Event for a custom-schema element,
+// so each handler enters as `unknown` and is narrowed here before reaching a typed callback.
+function isSymbioteEvent(value) {
+    return typeof value === 'object' && value !== null && 'nativeEvent' in value;
+}
+export class TouchableNativeFeedback {
+    // The static helpers are pure config-dict producers; they live as members on the component class
+    // so callers reach them as `TouchableNativeFeedback.Ripple(...)`, exactly like RN.
+    static SelectableBackground = selectableBackground;
+    static SelectableBackgroundBorderless = selectableBackgroundBorderless;
+    static Ripple = rippleBackground;
+    static canUseNativeForeground = canUseNativeForeground;
+    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();
+    background;
+    useForeground;
+    delayLongPress;
+    delayHoverIn;
+    delayHoverOut;
+    disabled;
+    cancelable;
+    hitSlop;
+    pressRetentionOffset;
+    unstable_pressDelay;
+    android_ripple;
+    android_disableSound;
+    testID;
+    nativeID;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    role;
+    ariaLabel;
+    ariaLabelledBy;
+    ariaLive;
+    ariaHidden;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the feedback <symbiote-view> one level down.
+    // TouchableNativeFeedback has no explicit `style`/`class`-forwarding @Input() of its own (RN's
+    // TouchableNativeFeedback takes none either — style/class always came from the child), so the
+    // anchor's class-derived style is the ONLY style source for hostProps.style below.
+    elementRef = inject(ElementRef);
+    ngOnChanges() {
+        dlog(`TouchableNativeFeedback render ${this.resolvedBackground.type} useForeground ${this.useForeground === true}`);
+    }
+    // RN defaults a missing background to SelectableBackground() so the touchable always shows
+    // feedback; mirror that here.
+    get resolvedBackground() {
+        return this.background ?? selectableBackground();
+    }
+    // backgroundProps picks the foreground slot only where the platform supports it, else the
+    // background slot (canUseNativeForeground) — shared with React/Vue. One side is always undefined.
+    get feedback() {
+        return backgroundProps(this.resolvedBackground, this.useForeground === true);
+    }
+    // Assembles the SAME resolved values the template used to bind one-by-one into a single
+    // flat bag for `[symbioteHostProps]` (Renderer2.setProperty per key) — see primitives/shared.ts.
+    get hostProps() {
+        return {
+            nativeBackgroundAndroid: this.feedback['nativeBackgroundAndroid'],
+            nativeForegroundAndroid: this.feedback['nativeForegroundAndroid'],
+            style: anchorHostStyle(this.elementRef),
+            testID: this.testID,
+            nativeID: this.nativeID,
+            accessible: this.accessible,
+            ...this.folded,
+        };
+    }
+    // Forward an engine event to the matching @Output(), narrowing the template's untyped $event.
+    emit(emitter, event) {
+        if (isSymbioteEvent(event))
+            emitter.emit(event);
+    }
+    // Fold the web aria-*/role aliases into the canonical accessibility* props once per render, so the
+    // host never sees an aria-* key (native ignores them), and merge `disabled` into the a11y state
+    // (resolveDisabledAccessibilityState) the same way Pressable does for its own host.
+    get folded() {
+        return resolveAccessibilityProps({
+            accessibilityLabel: this.accessibilityLabel,
+            accessibilityHint: this.accessibilityHint,
+            accessibilityRole: this.accessibilityRole,
+            accessibilityState: resolveDisabledAccessibilityState(this.accessibilityState, this.disabled),
+            accessibilityValue: this.accessibilityValue,
+            accessibilityActions: this.accessibilityActions,
+            accessibilityLabelledBy: this.accessibilityLabelledBy,
+            importantForAccessibility: this.importantForAccessibility,
+            accessibilityLiveRegion: this.accessibilityLiveRegion,
+            screenReaderFocusable: this.screenReaderFocusable,
+            accessibilityViewIsModal: this.accessibilityViewIsModal,
+            accessibilityElementsHidden: this.accessibilityElementsHidden,
+            accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
+            accessibilityLanguage: this.accessibilityLanguage,
+            accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
+            accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
+            accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+            role: this.role,
+            'aria-label': this.ariaLabel,
+            'aria-labelledby': this.ariaLabelledBy,
+            'aria-live': this.ariaLive,
+            'aria-hidden': this.ariaHidden,
+            'aria-busy': this.ariaBusy,
+            'aria-checked': this.ariaChecked,
+            'aria-disabled': this.ariaDisabled,
+            'aria-expanded': this.ariaExpanded,
+            'aria-selected': this.ariaSelected,
+            'aria-modal': this.ariaModal,
+            'aria-valuemax': this.ariaValueMax,
+            'aria-valuemin': this.ariaValueMin,
+            'aria-valuenow': this.ariaValueNow,
+            'aria-valuetext': this.ariaValueText,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableNativeFeedback, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TouchableNativeFeedback, isStandalone: true, selector: "TouchableNativeFeedback", inputs: { background: "background", useForeground: "useForeground", 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", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { press: "press", pressIn: "pressIn", pressOut: "pressOut", pressMove: "pressMove", longPress: "longPress", hoverIn: "hoverIn", hoverOut: "hoverOut", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, usesOnChanges: true, ngImport: i0, template: `
+    <Pressable
+      (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"
+    >
+      <symbiote-view
+        [symbioteHostProps]="hostProps"
+        (accessibilityAction)="emit(accessibilityAction, $event)"
+        (accessibilityTap)="emit(accessibilityTap, $event)"
+        (magicTap)="emit(magicTap, $event)"
+        (accessibilityEscape)="emit(accessibilityEscape, $event)"
+      >
+        <ng-content></ng-content>
+      </symbiote-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: ViewHost, selector: "symbiote-view, View" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TouchableNativeFeedback, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'TouchableNativeFeedback',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [Pressable, ViewHost, SymbioteHostPropsDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <Pressable
+      (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"
+    >
+      <symbiote-view
+        [symbioteHostProps]="hostProps"
+        (accessibilityAction)="emit(accessibilityAction, $event)"
+        (accessibilityTap)="emit(accessibilityTap, $event)"
+        (magicTap)="emit(magicTap, $event)"
+        (accessibilityEscape)="emit(accessibilityEscape, $event)"
+      >
+        <ng-content></ng-content>
+      </symbiote-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
+            }], background: [{
+                type: Input
+            }], useForeground: [{
+                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
+            }], 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
+            }], role: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledBy: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], ariaLive: [{
+                type: Input,
+                args: ['aria-live']
+            }], ariaHidden: [{
+                type: Input,
+                args: ['aria-hidden']
+            }], ariaBusy: [{
+                type: Input,
+                args: ['aria-busy']
+            }], ariaChecked: [{
+                type: Input,
+                args: ['aria-checked']
+            }], ariaDisabled: [{
+                type: Input,
+                args: ['aria-disabled']
+            }], ariaExpanded: [{
+                type: Input,
+                args: ['aria-expanded']
+            }], ariaSelected: [{
+                type: Input,
+                args: ['aria-selected']
+            }], ariaModal: [{
+                type: Input,
+                args: ['aria-modal']
+            }], ariaValueMax: [{
+                type: Input,
+                args: ['aria-valuemax']
+            }], ariaValueMin: [{
+                type: Input,
+                args: ['aria-valuemin']
+            }], ariaValueNow: [{
+                type: Input,
+                args: ['aria-valuenow']
+            }], ariaValueText: [{
+                type: Input,
+                args: ['aria-valuetext']
+            }] } });
+//# sourceMappingURL=touchable-native-feedback.js.map

package/build/angular/components/touchable-native-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"touchable-native-feedback.js","sourceRoot":"","sources":["../../../src/components/touchable-native-feedback.ts"],"names":[],"mappings":"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"}