@symbiote-native/angular 0.1.0

package/build/angular/components/pressable/index.js

@@ -0,0 +1,421 @@
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, inject, Input, Output, ViewChild, } from '@angular/core';
+import { createPressHandlers, createPressRuntime, DEFAULT_DELAY_LONG_PRESS_MS, resolveAccessibilityProps, resolveDisabledAccessibilityState, rippleProps, } from '@symbiote-native/components';
+import { dlog, isSymbioteNode, measure, } from '@symbiote-native/engine';
+import { anchorHostStyle, SymbioteHostPropsDirective, ViewHost } from '../../primitives';
+import * as i0 from "@angular/core";
+function isStyleFn(value) {
+    return typeof value === 'function';
+}
+function asSymbioteEvent(event) {
+    return typeof event === 'object' && event !== null && 'nativeEvent' in event
+        ? event
+        : undefined;
+}
+export class Pressable {
+    // The press/hover lifecycle as real Angular events: `(press)="onTap($event)"`, not
+    // `[onPress]="onTap"`. createPressHandlers still wants plain IPressHandler callbacks, so
+    // emitterHandler() below adapts each EventEmitter into one — only while something is actually
+    // subscribed (`.observed`), so an unbound onLongPress still skips arming the timer, exactly as
+    // the old @Input()-absent case did.
+    press = new EventEmitter();
+    pressIn = new EventEmitter();
+    pressOut = new EventEmitter();
+    pressMove = new EventEmitter();
+    longPress = new EventEmitter();
+    hoverIn = new EventEmitter();
+    hoverOut = new EventEmitter();
+    // The four accessibility callbacks as real Angular events too, same tradeoff as press/hover
+    // above: `(accessibilityAction)="emit(accessibilityAction, $event)"`, not
+    // `[onAccessibilityAction]="onAccessibilityAction"`.
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    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;
+    hostElement;
+    pressed = false;
+    runtime = createPressRuntime();
+    host = {
+        setPressed: pressed => {
+            this.pressed = pressed;
+            this.changeDetector.detectChanges();
+        },
+        getMeasureFn: () => {
+            const node = this.hostNode;
+            if (node === undefined)
+                return undefined;
+            return callback => measure(node, callback);
+        },
+        schedule: (callback, ms) => {
+            const id = setTimeout(callback, ms);
+            return () => clearTimeout(id);
+        },
+    };
+    changeDetector = inject(ChangeDetectorRef);
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT `hostElement` above, which targets the real
+    // inner `symbiote-view` one level down.
+    elementRef = inject(ElementRef);
+    get resolvedStyle() {
+        const state = { pressed: this.pressed };
+        return isStyleFn(this.style) ? this.style(state) : this.style;
+    }
+    get foldedAccessibility() {
+        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,
+            'aria-label': this.ariaLabel,
+            'aria-busy': this.ariaBusy,
+            'aria-checked': this.ariaChecked,
+            'aria-disabled': this.ariaDisabled,
+            'aria-expanded': this.ariaExpanded,
+            'aria-hidden': this.ariaHidden,
+            'aria-labelledby': this.ariaLabelledBy,
+            'aria-live': this.ariaLive,
+            'aria-selected': this.ariaSelected,
+            'aria-modal': this.ariaModal,
+            'aria-valuemax': this.ariaValueMax,
+            'aria-valuemin': this.ariaValueMin,
+            'aria-valuenow': this.ariaValueNow,
+            'aria-valuetext': this.ariaValueText,
+            id: this.id,
+            role: this.role,
+        });
+    }
+    get resolvedRippleProps() {
+        return this.android_ripple === undefined ? undefined : rippleProps(this.android_ripple);
+    }
+    // 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 {
+            testID: this.testID,
+            nativeID: this.nativeID,
+            hasTVPreferredFocus: this.hasTVPreferredFocus,
+            nextFocusDown: this.nextFocusDown,
+            nextFocusForward: this.nextFocusForward,
+            nextFocusLeft: this.nextFocusLeft,
+            nextFocusRight: this.nextFocusRight,
+            nextFocusUp: this.nextFocusUp,
+            style: [anchorHostStyle(this.elementRef), this.resolvedStyle],
+            accessible: this.accessible,
+            ...this.foldedAccessibility,
+            android_disableSound: this.android_disableSound,
+            nativeBackgroundAndroid: this.resolvedRippleProps?.nativeBackgroundAndroid,
+            nativeForegroundAndroid: this.resolvedRippleProps?.nativeForegroundAndroid,
+        };
+    }
+    handlePressIn(event) {
+        const symbioteEvent = asSymbioteEvent(event);
+        if (this.disabled === true || symbioteEvent === undefined)
+            return;
+        this.handlers.handlePressIn(symbioteEvent);
+    }
+    handlePressOut(event) {
+        const symbioteEvent = asSymbioteEvent(event);
+        if (this.disabled === true || symbioteEvent === undefined)
+            return;
+        this.handlers.handlePressOut(symbioteEvent);
+    }
+    handlePress(event) {
+        const symbioteEvent = asSymbioteEvent(event);
+        if (this.disabled === true || symbioteEvent === undefined)
+            return;
+        this.handlers.handlePress(symbioteEvent);
+    }
+    handleResponderMove(event) {
+        const symbioteEvent = asSymbioteEvent(event);
+        if (this.disabled === true || symbioteEvent === undefined)
+            return;
+        this.handlers.handleResponderMove(symbioteEvent);
+    }
+    claimResponder() {
+        return this.disabled !== true;
+    }
+    allowTermination() {
+        return this.cancelable !== false;
+    }
+    emit(emitter, event) {
+        const symbioteEvent = asSymbioteEvent(event);
+        if (symbioteEvent !== undefined)
+            emitter.emit(symbioteEvent);
+    }
+    // Hover has no event on a touch host (no pointer-enter/leave); this only records that someone
+    // is listening anyway, mirroring core's noteHoverNoop but off `.observed` instead of an @Input.
+    noteHoverNoop() {
+        if (this.hoverIn.observed || this.hoverOut.observed) {
+            dlog('Pressable hover is a no-op on this host (no pointer-enter/leave event)');
+        }
+    }
+    // Wraps an @Output() as an IPressHandler only while it has a subscriber, so an unbound
+    // (longPress) still skips arming the timer — the same "undefined means nobody cares" contract
+    // createPressHandlers had with the old @Input() callbacks.
+    emitterHandler(emitter) {
+        return emitter.observed ? event => emitter.emit(event) : undefined;
+    }
+    get handlers() {
+        this.noteHoverNoop();
+        const config = {
+            onPress: this.emitterHandler(this.press),
+            onPressIn: this.emitterHandler(this.pressIn),
+            onPressOut: this.emitterHandler(this.pressOut),
+            onPressMove: this.emitterHandler(this.pressMove),
+            onLongPress: this.emitterHandler(this.longPress),
+            delayLongPress: this.delayLongPress ?? DEFAULT_DELAY_LONG_PRESS_MS,
+            unstable_pressDelay: this.unstable_pressDelay ?? 0,
+            hitSlop: this.hitSlop,
+            pressRetentionOffset: this.pressRetentionOffset,
+        };
+        return createPressHandlers(config, this.runtime, this.host);
+    }
+    get hostNode() {
+        const native = this.hostElement?.nativeElement;
+        return isSymbioteNode(native) ? native : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: Pressable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: Pressable, isStandalone: true, selector: "Pressable, symbiote-pressable", inputs: { delayLongPress: "delayLongPress", disabled: "disabled", cancelable: "cancelable", hitSlop: "hitSlop", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", android_disableSound: "android_disableSound", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", testID: "testID", nativeID: "nativeID", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp", style: "style", 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" }, viewQueries: [{ propertyName: "hostElement", first: true, predicate: ["host"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    <symbiote-view
+      #host
+      [symbioteHostProps]="hostProps"
+      (accessibilityAction)="emit(accessibilityAction, $event)"
+      (accessibilityTap)="emit(accessibilityTap, $event)"
+      (magicTap)="emit(magicTap, $event)"
+      (accessibilityEscape)="emit(accessibilityEscape, $event)"
+      (press)="handlePress($event)"
+      (pressIn)="handlePressIn($event)"
+      (pressOut)="handlePressOut($event)"
+      (responderMove)="handleResponderMove($event)"
+      (startShouldSetResponder)="claimResponder()"
+      (responderTerminationRequest)="allowTermination()"
+    >
+      <ng-content></ng-content>
+    </symbiote-view>
+  `, isInline: true, dependencies: [{ 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: Pressable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Pressable, symbiote-pressable',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [ViewHost, SymbioteHostPropsDirective],
+                    template: `
+    <symbiote-view
+      #host
+      [symbioteHostProps]="hostProps"
+      (accessibilityAction)="emit(accessibilityAction, $event)"
+      (accessibilityTap)="emit(accessibilityTap, $event)"
+      (magicTap)="emit(magicTap, $event)"
+      (accessibilityEscape)="emit(accessibilityEscape, $event)"
+      (press)="handlePress($event)"
+      (pressIn)="handlePressIn($event)"
+      (pressOut)="handlePressOut($event)"
+      (responderMove)="handleResponderMove($event)"
+      (startShouldSetResponder)="claimResponder()"
+      (responderTerminationRequest)="allowTermination()"
+    >
+      <ng-content></ng-content>
+    </symbiote-view>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], 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
+            }], delayLongPress: [{
+                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
+            }], delayHoverIn: [{
+                type: Input
+            }], delayHoverOut: [{
+                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
+            }], style: [{
+                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
+            }], hostElement: [{
+                type: ViewChild,
+                args: ['host', { read: ElementRef }]
+            }] } });
+//# sourceMappingURL=index.js.map

package/build/angular/components/pressable/index.js.map

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

package/build/angular/components/refresh-control.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter, type AfterViewInit, type OnChanges, type OnInit, type SimpleChanges } from '@angular/core';
+import { type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps } from '@symbiote-native/components';
+import { type IStyleProp, type ISymbioteEvent, type IViewStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+type IHostProps = Record<string, unknown>;
+export interface IAngularRefreshControlProps extends IAccessibilityProps, IAriaProps {
+    refreshing: boolean;
+    onRefresh?: () => void | Promise<void>;
+    tintColor?: string;
+    title?: string;
+    titleColor?: string;
+    progressViewOffset?: number;
+    colors?: readonly string[];
+    progressBackgroundColor?: string;
+    size?: 'default' | 'large';
+    enabled?: boolean;
+    style?: IStyleProp<IViewStyle>;
+}
+export type IAngularRefreshControlInputs = Omit<IAngularRefreshControlProps, 'onRefresh' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export declare class RefreshControl implements IAngularRefreshControlInputs, OnInit, OnChanges, AfterViewInit {
+    refreshing: boolean;
+    readonly refresh: EventEmitter<void>;
+    tintColor?: string;
+    title?: string;
+    titleColor?: string;
+    progressViewOffset?: number;
+    colors?: readonly string[];
+    progressBackgroundColor?: string;
+    size?: 'default' | 'large';
+    enabled?: boolean;
+    style?: IStyleProp<IViewStyle>;
+    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;
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    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 host?;
+    private readonly elementRef;
+    private lastNativeRefreshing;
+    private refreshNativeNode;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleRefresh(nativeNode?: unknown): void;
+    private syncNativeRefreshing;
+    emit(emitter: EventEmitter<ISymbioteEvent>, event: unknown): void;
+    get hostProps(): IHostProps;
+    get folded(): Partial<IAngularRefreshControlProps>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RefreshControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RefreshControl, "RefreshControl", never, { "refreshing": { "alias": "refreshing"; "required": true; }; "tintColor": { "alias": "tintColor"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleColor": { "alias": "titleColor"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "progressBackgroundColor": { "alias": "progressBackgroundColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "style": { "alias": "style"; "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; }; }, { "refresh": "refresh"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, ["*"], true, never>;
+}
+export {};