@symbiote-native/angular 0.0.0-canary-20260724081123

package/build/angular/components/image-background.js

@@ -0,0 +1,418 @@
+// ImageBackground: the Angular lifecycle half. ImageBackground has NO native host of its own —
+// it composes an outer View, an absolute-fill Image behind the user children, and the children
+// on top. The composition math (the absolute-fill, the wrapper-dimension proxy onto the inner
+// image, the imageStyle merge) lives framework-agnostic in @symbiote-native/components/renderImageBackground
+// and is shared verbatim with React/Vue. React/Vue bridge the Descriptor it returns; Angular has
+// no hyperscript bridge, so it composes with a TEMPLATE instead and reuses renderImageBackground
+// ONLY to compute the inner image's merged style (read off the tree it returns) — the math stays
+// shared, never reimplemented. The inner <Image> is the adapter's own Image component, which owns
+// source resolution / a11y folding / event emission; ImageBackground forwards every Image prop onto
+// it. `style` is the WRAPPER View style; `imageStyle` targets the inner image. Children paint AFTER
+// the image (on top) via <ng-content>. The Angular twin of the React/Vue ImageBackground.
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { renderImageBackground, resolveAccessibilityProps, } from '@symbiote-native/components';
+import { resolveClassName, } from '@symbiote-native/engine';
+import { Image } from './image';
+import { anchorHostStyle, ViewHost } from '../primitives';
+import * as i0 from "@angular/core";
+export class ImageBackground {
+    // The inner <Image>'s events as real Angular events, re-emitted verbatim through
+    // ImageBackground's own outputs: `(load)="load.emit($event)"`, not `[onLoad]="onLoad"`.
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    loadStart = new EventEmitter();
+    load = new EventEmitter();
+    loadEnd = new EventEmitter();
+    error = new EventEmitter();
+    progress = new EventEmitter();
+    partialLoad = new EventEmitter();
+    source;
+    defaultSource;
+    loadingIndicatorSource;
+    style;
+    imageStyleValue;
+    resizeMode;
+    resizeMethod;
+    tintColor;
+    blurRadius;
+    capInsets;
+    fadeDuration;
+    progressiveRenderingEnabled;
+    src;
+    srcSet;
+    alt;
+    width;
+    height;
+    crossOrigin;
+    referrerPolicy;
+    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 inner `symbiote-view [style]="wrapperStyle"`
+    // one level down. Merged FIRST so the explicit `style` @Input still wins (flattenStyle's
+    // later-wins collapse), mirroring every other composed component's anchor merge. `imageStyle`
+    // below stays untouched per the ImageBackground-specific nuance: it targets the inner image, not
+    // this component's own root.
+    elementRef = inject(ElementRef);
+    get wrapperStyle() {
+        return [anchorHostStyle(this.elementRef), this.style];
+    }
+    // renderImageBackground owns the absolute-fill + wrapper-dimension-proxy + imageStyle merge
+    // (shared verbatim with React/Vue); read the inner image Descriptor's style off the tree it
+    // returns rather than reimplementing it. Only style/imageStyle drive that merge, so the image
+    // bag is empty here — the inner <Image> below resolves source / a11y / events on its own.
+    get imageStyle() {
+        // imageStyle targets the INNER image (renderImageBackground's own field); resolve a
+        // class-name string here, before it flows into the merge.
+        const resolvedImageStyleValue = typeof this.imageStyleValue === 'string'
+            ? resolveClassName(this.imageStyleValue)
+            : this.imageStyleValue;
+        const inner = renderImageBackground({
+            style: this.style,
+            imageStyle: resolvedImageStyleValue,
+            image: { passthrough: {} },
+        }).children[0];
+        return typeof inner === 'string'
+            ? undefined
+            : inner.props.style;
+    }
+    // Fold the web aria-*/role aliases into the canonical accessibility* props once per render, so the
+    // inner image never sees an aria-* key (native ignores them) — the shared transform every adapter
+    // runs. The inner <Image> re-runs the same fold idempotently over the already-folded props.
+    get folded() {
+        return resolveAccessibilityProps({
+            accessibilityLabel: this.accessibilityLabel,
+            accessibilityHint: this.accessibilityHint,
+            accessibilityRole: this.accessibilityRole,
+            accessibilityState: this.accessibilityState,
+            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.5", ngImport: i0, type: ImageBackground, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: ImageBackground, isStandalone: true, selector: "ImageBackground", inputs: { source: "source", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", style: "style", imageStyleValue: ["imageStyle", "imageStyleValue"], resizeMode: "resizeMode", resizeMethod: "resizeMethod", tintColor: "tintColor", blurRadius: "blurRadius", capInsets: "capInsets", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", 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: { accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape", loadStart: "loadStart", load: "load", loadEnd: "loadEnd", error: "error", progress: "progress", partialLoad: "partialLoad" }, ngImport: i0, template: `
+    <symbiote-view [style]="wrapperStyle">
+      <Image
+        [source]="source"
+        [defaultSource]="defaultSource"
+        [loadingIndicatorSource]="loadingIndicatorSource"
+        [style]="imageStyle"
+        [resizeMode]="resizeMode"
+        [resizeMethod]="resizeMethod"
+        [tintColor]="tintColor"
+        [blurRadius]="blurRadius"
+        [capInsets]="capInsets"
+        [fadeDuration]="fadeDuration"
+        [progressiveRenderingEnabled]="progressiveRenderingEnabled"
+        [src]="src"
+        [srcSet]="srcSet"
+        [alt]="alt"
+        [width]="width"
+        [height]="height"
+        [crossOrigin]="crossOrigin"
+        [referrerPolicy]="referrerPolicy"
+        [testID]="testID"
+        [nativeID]="nativeID"
+        [accessible]="accessible"
+        [accessibilityLabel]="folded.accessibilityLabel"
+        [accessibilityHint]="folded.accessibilityHint"
+        [accessibilityRole]="folded.accessibilityRole"
+        [accessibilityState]="folded.accessibilityState"
+        [accessibilityValue]="folded.accessibilityValue"
+        [accessibilityActions]="folded.accessibilityActions"
+        [accessibilityLabelledBy]="folded.accessibilityLabelledBy"
+        [importantForAccessibility]="folded.importantForAccessibility"
+        [accessibilityLiveRegion]="folded.accessibilityLiveRegion"
+        [screenReaderFocusable]="folded.screenReaderFocusable"
+        [accessibilityViewIsModal]="folded.accessibilityViewIsModal"
+        [accessibilityElementsHidden]="folded.accessibilityElementsHidden"
+        [accessibilityIgnoresInvertColors]="folded.accessibilityIgnoresInvertColors"
+        [accessibilityLanguage]="folded.accessibilityLanguage"
+        [accessibilityRespondsToUserInteraction]="folded.accessibilityRespondsToUserInteraction"
+        [accessibilityShowsLargeContentViewer]="folded.accessibilityShowsLargeContentViewer"
+        [accessibilityLargeContentTitle]="folded.accessibilityLargeContentTitle"
+        (loadStart)="loadStart.emit($event)"
+        (load)="load.emit($event)"
+        (loadEnd)="loadEnd.emit($event)"
+        (error)="error.emit($event)"
+        (progress)="progress.emit($event)"
+        (partialLoad)="partialLoad.emit($event)"
+        (accessibilityAction)="accessibilityAction.emit($event)"
+        (accessibilityTap)="accessibilityTap.emit($event)"
+        (magicTap)="magicTap.emit($event)"
+        (accessibilityEscape)="accessibilityEscape.emit($event)"
+      />
+      <ng-content></ng-content>
+    </symbiote-view>
+  `, isInline: true, dependencies: [{ kind: "component", type: Image, selector: "Image", inputs: ["source", "defaultSource", "loadingIndicatorSource", "style", "resizeMode", "resizeMethod", "tintColor", "blurRadius", "capInsets", "fadeDuration", "progressiveRenderingEnabled", "src", "srcSet", "alt", "width", "height", "crossOrigin", "referrerPolicy", "testID", "nativeID", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "role", "aria-label", "aria-labelledby", "aria-live", "aria-hidden", "aria-busy", "aria-checked", "aria-disabled", "aria-expanded", "aria-selected", "aria-modal", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext", "onAccessibilityAction", "onAccessibilityTap", "onMagicTap", "onAccessibilityEscape", "onLoadStart", "onLoad", "onLoadEnd", "onError", "onProgress", "onPartialLoad"], outputs: ["accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape", "loadStart", "load", "loadEnd", "error", "progress", "partialLoad"] }, { kind: "component", type: ViewHost, selector: "symbiote-view, View" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ImageBackground, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ImageBackground',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [Image, ViewHost],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <symbiote-view [style]="wrapperStyle">
+      <Image
+        [source]="source"
+        [defaultSource]="defaultSource"
+        [loadingIndicatorSource]="loadingIndicatorSource"
+        [style]="imageStyle"
+        [resizeMode]="resizeMode"
+        [resizeMethod]="resizeMethod"
+        [tintColor]="tintColor"
+        [blurRadius]="blurRadius"
+        [capInsets]="capInsets"
+        [fadeDuration]="fadeDuration"
+        [progressiveRenderingEnabled]="progressiveRenderingEnabled"
+        [src]="src"
+        [srcSet]="srcSet"
+        [alt]="alt"
+        [width]="width"
+        [height]="height"
+        [crossOrigin]="crossOrigin"
+        [referrerPolicy]="referrerPolicy"
+        [testID]="testID"
+        [nativeID]="nativeID"
+        [accessible]="accessible"
+        [accessibilityLabel]="folded.accessibilityLabel"
+        [accessibilityHint]="folded.accessibilityHint"
+        [accessibilityRole]="folded.accessibilityRole"
+        [accessibilityState]="folded.accessibilityState"
+        [accessibilityValue]="folded.accessibilityValue"
+        [accessibilityActions]="folded.accessibilityActions"
+        [accessibilityLabelledBy]="folded.accessibilityLabelledBy"
+        [importantForAccessibility]="folded.importantForAccessibility"
+        [accessibilityLiveRegion]="folded.accessibilityLiveRegion"
+        [screenReaderFocusable]="folded.screenReaderFocusable"
+        [accessibilityViewIsModal]="folded.accessibilityViewIsModal"
+        [accessibilityElementsHidden]="folded.accessibilityElementsHidden"
+        [accessibilityIgnoresInvertColors]="folded.accessibilityIgnoresInvertColors"
+        [accessibilityLanguage]="folded.accessibilityLanguage"
+        [accessibilityRespondsToUserInteraction]="folded.accessibilityRespondsToUserInteraction"
+        [accessibilityShowsLargeContentViewer]="folded.accessibilityShowsLargeContentViewer"
+        [accessibilityLargeContentTitle]="folded.accessibilityLargeContentTitle"
+        (loadStart)="loadStart.emit($event)"
+        (load)="load.emit($event)"
+        (loadEnd)="loadEnd.emit($event)"
+        (error)="error.emit($event)"
+        (progress)="progress.emit($event)"
+        (partialLoad)="partialLoad.emit($event)"
+        (accessibilityAction)="accessibilityAction.emit($event)"
+        (accessibilityTap)="accessibilityTap.emit($event)"
+        (magicTap)="magicTap.emit($event)"
+        (accessibilityEscape)="accessibilityEscape.emit($event)"
+      />
+      <ng-content></ng-content>
+    </symbiote-view>
+  `,
+                }]
+        }], propDecorators: { accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], loadStart: [{
+                type: Output
+            }], load: [{
+                type: Output
+            }], loadEnd: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], progress: [{
+                type: Output
+            }], partialLoad: [{
+                type: Output
+            }], source: [{
+                type: Input
+            }], defaultSource: [{
+                type: Input
+            }], loadingIndicatorSource: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], imageStyleValue: [{
+                type: Input,
+                args: ['imageStyle']
+            }], resizeMode: [{
+                type: Input
+            }], resizeMethod: [{
+                type: Input
+            }], tintColor: [{
+                type: Input
+            }], blurRadius: [{
+                type: Input
+            }], capInsets: [{
+                type: Input
+            }], fadeDuration: [{
+                type: Input
+            }], progressiveRenderingEnabled: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], srcSet: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], crossOrigin: [{
+                type: Input
+            }], referrerPolicy: [{
+                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=image-background.js.map

package/build/angular/components/image-background.js.map

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

package/build/angular/components/input-accessory-view/index.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } 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";
+export interface IAngularInputAccessoryViewProps extends IAccessibilityProps, IAriaProps {
+    nativeID?: string;
+    backgroundColor?: string;
+    style?: IStyleProp<IViewStyle>;
+}
+export type IAngularInputAccessoryViewInputs = Omit<IAngularInputAccessoryViewProps, 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export declare class InputAccessoryView implements IAngularInputAccessoryViewInputs {
+    nativeID?: string;
+    backgroundColor?: string;
+    style?: IStyleProp<IViewStyle>;
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    testID?: 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;
+    emit(emitter: EventEmitter<ISymbioteEvent>, event: unknown): void;
+    private get descriptor();
+    get hostProps(): Record<string, unknown>;
+    private accessibilityInputs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputAccessoryView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputAccessoryView, "InputAccessoryView", never, { "nativeID": { "alias": "nativeID"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "style": { "alias": "style"; "required": false; }; "testID": { "alias": "testID"; "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; }; }, { "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, ["*"], true, never>;
+}