@symbiote-native/angular 0.0.0-canary-20260724081123

package/build/angular/components/switch/index.android.d.ts

@@ -0,0 +1,20 @@
+import { SwitchBase } from './shared';
+import * as i0 from "@angular/core";
+export type { ISwitchProps, ISwitchTrackColor } from './shared';
+export declare class Switch extends SwitchBase {
+    private readonly elementRef;
+    protected readonly platform: {
+        snapBackCommand: string;
+        trackColorProps: (value: boolean, trackColor?: {
+            false?: string;
+            true?: string;
+        }) => {
+            trackColorForFalse: string | undefined;
+            trackColorForTrue: string | undefined;
+            trackTintColor: string | undefined;
+        };
+    };
+    get hostProps(): Record<string, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Switch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "Switch", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "trackColor": { "alias": "trackColor"; "required": false; }; "thumbColor": { "alias": "thumbColor"; "required": false; }; "ios_backgroundColor": { "alias": "ios_backgroundColor"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, never, never, true, never>;
+}

package/build/angular/components/switch/index.android.js

@@ -0,0 +1,70 @@
+import { CUSTOM_ELEMENTS_SCHEMA, Component, ElementRef, inject } from '@angular/core';
+import { anchorHostStyle, SwitchHost, SymbioteHostPropsDirective } from '../../primitives';
+import { SwitchBase } from './shared';
+import * as i0 from "@angular/core";
+export class Switch extends SwitchBase {
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the <symbiote-switch> leaf one level down.
+    elementRef = inject(ElementRef);
+    platform = {
+        snapBackCommand: 'setNativeValue',
+        trackColorProps: (value, trackColor) => ({
+            trackColorForFalse: trackColor?.false,
+            trackColorForTrue: trackColor?.true,
+            trackTintColor: value ? trackColor?.true : trackColor?.false,
+        }),
+    };
+    // The anchor's class-derived style goes first, then whatever SwitchBase already resolved
+    // (its own explicit `style` @Input plus the ios_backgroundColor fold), so an explicit [style]
+    // still beats the ambient class.
+    get hostProps() {
+        const props = super.hostProps;
+        return { ...props, style: [anchorHostStyle(this.elementRef), props['style']] };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Switch, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: Switch, isStandalone: true, selector: "Switch", inputs: { value: "value", disabled: "disabled", trackColor: "trackColor", thumbColor: "thumbColor", ios_backgroundColor: "ios_backgroundColor", style: "style", nativeID: "nativeID", testID: "testID", accessibilityLabel: "accessibilityLabel", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityHint: "accessibilityHint", accessible: "accessible", role: "role", "aria-label": "aria-label", "aria-disabled": "aria-disabled", "aria-checked": "aria-checked" }, outputs: { valueChange: "valueChange", change: "change" }, usesInheritance: true, ngImport: i0, template: `
+    <symbiote-switch
+      #nativeSwitch="symbioteHost"
+      [symbioteHostProps]="hostProps"
+      (change)="handleChange($event, nativeSwitch)"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: SwitchHost, selector: "symbiote-switch" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Switch, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Switch',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SwitchHost, SymbioteHostPropsDirective],
+                    inputs: [
+                        'value',
+                        'disabled',
+                        'trackColor',
+                        'thumbColor',
+                        'ios_backgroundColor',
+                        'style',
+                        'nativeID',
+                        'testID',
+                        'accessibilityLabel',
+                        'accessibilityRole',
+                        'accessibilityState',
+                        'accessibilityValue',
+                        'accessibilityHint',
+                        'accessible',
+                        'role',
+                        'aria-label',
+                        'aria-disabled',
+                        'aria-checked',
+                    ],
+                    outputs: ['valueChange', 'change'],
+                    template: `
+    <symbiote-switch
+      #nativeSwitch="symbioteHost"
+      [symbioteHostProps]="hostProps"
+      (change)="handleChange($event, nativeSwitch)"
+    />
+  `,
+                }]
+        }] });
+//# sourceMappingURL=index.android.js.map

package/build/angular/components/switch/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/switch/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAqCtC,MAAM,OAAO,MAAO,SAAQ,UAAU;IACpC,6FAA6F;IAC7F,4FAA4F;IAC3E,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE9B,QAAQ,GAAG;QAC5B,eAAe,EAAE,gBAAgB;QACjC,eAAe,EAAE,CAAC,KAAc,EAAE,UAA8C,EAAE,EAAE,CAAC,CAAC;YACpF,kBAAkB,EAAE,UAAU,EAAE,KAAK;YACrC,iBAAiB,EAAE,UAAU,EAAE,IAAI;YACnC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK;SAC7D,CAAC;KACH,CAAC;IAEF,yFAAyF;IACzF,8FAA8F;IAC9F,iCAAiC;IACjC,IAAa,SAAS;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;QAC9B,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;IACjF,CAAC;uGApBU,MAAM;2FAAN,MAAM,krBARP;;;;;;GAMT,4DA5BS,UAAU,4DAAE,0BAA0B;;2FA8BrC,MAAM;kBAlClB,SAAS;mBAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,UAAU,EAAE,0BAA0B,CAAC;oBACjD,MAAM,EAAE;wBACN,OAAO;wBACP,UAAU;wBACV,YAAY;wBACZ,YAAY;wBACZ,qBAAqB;wBACrB,OAAO;wBACP,UAAU;wBACV,QAAQ;wBACR,oBAAoB;wBACpB,mBAAmB;wBACnB,oBAAoB;wBACpB,oBAAoB;wBACpB,mBAAmB;wBACnB,YAAY;wBACZ,MAAM;wBACN,YAAY;wBACZ,eAAe;wBACf,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBAClC,QAAQ,EAAE;;;;;;GAMT;iBACF"}

package/build/angular/components/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './index.ios';

package/build/angular/components/switch/index.ios.d.ts

@@ -0,0 +1,19 @@
+import { SwitchBase } from './shared';
+import * as i0 from "@angular/core";
+export type { ISwitchProps, ISwitchTrackColor } from './shared';
+export declare class Switch extends SwitchBase {
+    private readonly elementRef;
+    protected readonly platform: {
+        snapBackCommand: string;
+        trackColorProps: (_value: boolean, trackColor?: {
+            false?: string;
+            true?: string;
+        }) => {
+            onTintColor: string | undefined;
+            tintColor: string | undefined;
+        };
+    };
+    get hostProps(): Record<string, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Switch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Switch, "Switch", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "trackColor": { "alias": "trackColor"; "required": false; }; "thumbColor": { "alias": "thumbColor"; "required": false; }; "ios_backgroundColor": { "alias": "ios_backgroundColor"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, never, never, true, never>;
+}

package/build/angular/components/switch/index.ios.js

@@ -0,0 +1,69 @@
+import { CUSTOM_ELEMENTS_SCHEMA, Component, ElementRef, inject } from '@angular/core';
+import { anchorHostStyle, SwitchHost, SymbioteHostPropsDirective } from '../../primitives';
+import { SwitchBase } from './shared';
+import * as i0 from "@angular/core";
+export class Switch extends SwitchBase {
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the <symbiote-switch> leaf one level down.
+    elementRef = inject(ElementRef);
+    platform = {
+        snapBackCommand: 'setValue',
+        trackColorProps: (_value, trackColor) => ({
+            onTintColor: trackColor?.true,
+            tintColor: trackColor?.false,
+        }),
+    };
+    // The anchor's class-derived style goes first, then whatever SwitchBase already resolved
+    // (its own explicit `style` @Input plus the ios_backgroundColor fold), so an explicit [style]
+    // still beats the ambient class.
+    get hostProps() {
+        const props = super.hostProps;
+        return { ...props, style: [anchorHostStyle(this.elementRef), props['style']] };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Switch, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: Switch, isStandalone: true, selector: "Switch", inputs: { value: "value", disabled: "disabled", trackColor: "trackColor", thumbColor: "thumbColor", ios_backgroundColor: "ios_backgroundColor", style: "style", nativeID: "nativeID", testID: "testID", accessibilityLabel: "accessibilityLabel", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityHint: "accessibilityHint", accessible: "accessible", role: "role", "aria-label": "aria-label", "aria-disabled": "aria-disabled", "aria-checked": "aria-checked" }, outputs: { valueChange: "valueChange", change: "change" }, usesInheritance: true, ngImport: i0, template: `
+    <symbiote-switch
+      #nativeSwitch="symbioteHost"
+      [symbioteHostProps]="hostProps"
+      (change)="handleChange($event, nativeSwitch)"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: SwitchHost, selector: "symbiote-switch" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Switch, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Switch',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [SwitchHost, SymbioteHostPropsDirective],
+                    inputs: [
+                        'value',
+                        'disabled',
+                        'trackColor',
+                        'thumbColor',
+                        'ios_backgroundColor',
+                        'style',
+                        'nativeID',
+                        'testID',
+                        'accessibilityLabel',
+                        'accessibilityRole',
+                        'accessibilityState',
+                        'accessibilityValue',
+                        'accessibilityHint',
+                        'accessible',
+                        'role',
+                        'aria-label',
+                        'aria-disabled',
+                        'aria-checked',
+                    ],
+                    outputs: ['valueChange', 'change'],
+                    template: `
+    <symbiote-switch
+      #nativeSwitch="symbioteHost"
+      [symbioteHostProps]="hostProps"
+      (change)="handleChange($event, nativeSwitch)"
+    />
+  `,
+                }]
+        }] });
+//# sourceMappingURL=index.ios.js.map

package/build/angular/components/switch/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../src/components/switch/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;;AAqCtC,MAAM,OAAO,MAAO,SAAQ,UAAU;IACpC,6FAA6F;IAC7F,4FAA4F;IAC3E,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE9B,QAAQ,GAAG;QAC5B,eAAe,EAAE,UAAU;QAC3B,eAAe,EAAE,CAAC,MAAe,EAAE,UAA8C,EAAE,EAAE,CAAC,CAAC;YACrF,WAAW,EAAE,UAAU,EAAE,IAAI;YAC7B,SAAS,EAAE,UAAU,EAAE,KAAK;SAC7B,CAAC;KACH,CAAC;IAEF,yFAAyF;IACzF,8FAA8F;IAC9F,iCAAiC;IACjC,IAAa,SAAS;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;QAC9B,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;IACjF,CAAC;uGAnBU,MAAM;2FAAN,MAAM,krBARP;;;;;;GAMT,4DA5BS,UAAU,4DAAE,0BAA0B;;2FA8BrC,MAAM;kBAlClB,SAAS;mBAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,UAAU,EAAE,0BAA0B,CAAC;oBACjD,MAAM,EAAE;wBACN,OAAO;wBACP,UAAU;wBACV,YAAY;wBACZ,YAAY;wBACZ,qBAAqB;wBACrB,OAAO;wBACP,UAAU;wBACV,QAAQ;wBACR,oBAAoB;wBACpB,mBAAmB;wBACnB,oBAAoB;wBACpB,oBAAoB;wBACpB,mBAAmB;wBACnB,YAAY;wBACZ,MAAM;wBACN,YAAY;wBACZ,eAAe;wBACf,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBAClC,QAAQ,EAAE;;;;;;GAMT;iBACF"}

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

@@ -0,0 +1,4 @@
+// Base/default Switch. Re-exports the iOS build; Metro picks index.ios.ts / index.android.ts
+// in platform bundles. The Angular lifecycle reuses the shared Switch reducer + render fold.
+export * from './index.ios';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,6FAA6F;AAE7F,cAAc,aAAa,CAAC"}

package/build/angular/components/switch/shared.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '@angular/core';
+import type { ISwitchPlatform, ISwitchProps, ISwitchTrackColor } from '@symbiote-native/components';
+import { type ISymbioteEvent, type IStyleProp, type IViewStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+export type { ISwitchProps, ISwitchTrackColor } from '@symbiote-native/components';
+export type ISwitchInputs = Pick<ISwitchProps, 'value' | 'disabled' | 'trackColor' | 'thumbColor' | 'ios_backgroundColor' | 'style' | 'nativeID' | 'testID' | 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityState' | 'accessibilityValue' | 'accessibilityHint' | 'accessible' | 'role' | 'aria-label' | 'aria-disabled' | 'aria-checked'>;
+type ISwitchHostPlatform = ISwitchPlatform & {
+    snapBackCommand: string;
+};
+type IHostProps = Record<string, unknown>;
+export declare abstract class SwitchBase implements ISwitchInputs {
+    readonly valueChange: EventEmitter<boolean>;
+    readonly change: EventEmitter<ISymbioteEvent>;
+    value: boolean | undefined;
+    disabled: boolean | undefined;
+    trackColor: ISwitchTrackColor | undefined;
+    thumbColor: string | undefined;
+    ios_backgroundColor: string | undefined;
+    style: IStyleProp<IViewStyle> | undefined;
+    nativeID: string | undefined;
+    testID: string | undefined;
+    accessibilityLabel: string | undefined;
+    accessibilityRole: ISwitchInputs['accessibilityRole'];
+    accessibilityState: ISwitchInputs['accessibilityState'];
+    accessibilityValue: ISwitchInputs['accessibilityValue'];
+    accessibilityHint: string | undefined;
+    accessible: boolean | undefined;
+    role: ISwitchInputs['role'];
+    'aria-label': string | undefined;
+    'aria-disabled': boolean | undefined;
+    'aria-checked': boolean | 'mixed' | undefined;
+    protected abstract readonly platform: ISwitchHostPlatform;
+    private switchState;
+    get hostProps(): IHostProps;
+    handleChange(event: unknown, node: unknown): void;
+    private snapBackIfNeeded;
+    private inputProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchBase, never, never, {}, { "valueChange": "valueChange"; "change": "change"; }, never, never, true, never>;
+}

package/build/angular/components/switch/shared.js

@@ -0,0 +1,127 @@
+import { Directive, EventEmitter, Output } from '@angular/core';
+import { renderSwitch, resolveAccessibilityProps } from '@symbiote-native/components';
+import { createInitialSwitchState, shouldSnapBack, switchReducer, valueFromChange, } from '@symbiote-native/components';
+import { dispatchViewCommand, dlog, isSymbioteNode, whenCommitted, } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+function readSwitchNode(value) {
+    if (isSymbioteNode(value))
+        return value;
+    if (typeof value === 'object' &&
+        value !== null &&
+        'node' in value &&
+        isSymbioteNode(value.node)) {
+        return value.node;
+    }
+    return null;
+}
+function isSwitchEvent(event) {
+    return (typeof event === 'object' &&
+        event !== null &&
+        'nativeEvent' in event &&
+        typeof event.nativeEvent === 'object' &&
+        event.nativeEvent !== null);
+}
+// @Directive() (no selector) is the Angular-sanctioned decorator for an abstract base whose
+// concrete subclasses are real @Components — ngc's AOT build (NG2007) requires it the moment the
+// base itself carries decorated members (@Output() here), mirroring ScrollViewBase.
+export class SwitchBase {
+    // The value/change lifecycle as real Angular events: `(valueChange)="onToggle($event)"`, not
+    // `[onValueChange]="onToggle"` — mirrors Pressable's press/hover @Output() conversion. Unlike
+    // Pressable's createPressHandlers, handleChange() below calls `.emit()` unconditionally: it needs
+    // no "was this bound" adapter because EventEmitter.emit() is already a safe no-op with no subscribers.
+    valueChange = new EventEmitter();
+    change = new EventEmitter();
+    value;
+    disabled;
+    trackColor;
+    thumbColor;
+    ios_backgroundColor;
+    style;
+    nativeID;
+    testID;
+    accessibilityLabel;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityHint;
+    accessible;
+    role;
+    'aria-label';
+    'aria-disabled';
+    'aria-checked';
+    switchState = createInitialSwitchState();
+    get hostProps() {
+        const props = resolveAccessibilityProps(this.inputProps());
+        const { value, disabled, trackColor, thumbColor, ios_backgroundColor, style, onValueChange: _onValueChange, ...passthrough } = props;
+        return renderSwitch({
+            value: value === true,
+            disabled,
+            trackColor,
+            thumbColor,
+            ios_backgroundColor,
+            style,
+            passthrough,
+        }, this.platform).props;
+    }
+    handleChange(event, node) {
+        if (!isSwitchEvent(event))
+            return;
+        this.change.emit(event);
+        const next = valueFromChange(event);
+        dlog(`Switch onChange value=${String(next)} eventCount=${String(event.nativeEvent.eventCount)}`);
+        if (next === undefined)
+            return;
+        this.valueChange.emit(next);
+        this.switchState = switchReducer(this.switchState, { type: 'native-reported', value: next });
+        const hostNode = readSwitchNode(node);
+        if (hostNode === null)
+            return;
+        queueMicrotask(() => this.snapBackIfNeeded(hostNode));
+    }
+    snapBackIfNeeded(node) {
+        const fabricValue = this.value === true;
+        if (!shouldSnapBack(this.switchState, fabricValue)) {
+            dlog(`Switch snap-back no-op reported=${String(this.switchState.lastNativeReport)} value=${fabricValue}`);
+            return;
+        }
+        dlog(`Switch ${this.platform.snapBackCommand} snap-back reported=${String(this.switchState.lastNativeReport)} value=${fabricValue}`);
+        whenCommitted(node, () => {
+            dispatchViewCommand(node, this.platform.snapBackCommand, [fabricValue]);
+        });
+    }
+    inputProps() {
+        const props = {
+            value: this.value,
+            disabled: this.disabled,
+            trackColor: this.trackColor,
+            thumbColor: this.thumbColor,
+            ios_backgroundColor: this.ios_backgroundColor,
+            style: this.style,
+        };
+        return {
+            ...props,
+            nativeID: this.nativeID,
+            testID: this.testID,
+            accessibilityLabel: this.accessibilityLabel,
+            accessibilityRole: this.accessibilityRole,
+            accessibilityState: this.accessibilityState,
+            accessibilityValue: this.accessibilityValue,
+            accessibilityHint: this.accessibilityHint,
+            accessible: this.accessible,
+            role: this.role,
+            'aria-label': this['aria-label'],
+            'aria-disabled': this['aria-disabled'],
+            'aria-checked': this['aria-checked'],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SwitchBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: SwitchBase, isStandalone: true, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SwitchBase, decorators: [{
+            type: Directive
+        }], propDecorators: { valueChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=shared.js.map

package/build/angular/components/switch/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/switch/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAOtF,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,eAAe,GAChB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,aAAa,GAKd,MAAM,yBAAyB,CAAC;;AA8BjC,SAAS,cAAc,CAAC,KAAc;IACpC,IAAI,cAAc,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACxC,IACE,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,MAAM,IAAI,KAAK;QACf,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAC1B,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CAAC;IACpB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,aAAa,IAAI,KAAK;QACtB,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ;QACrC,KAAK,CAAC,WAAW,KAAK,IAAI,CAC3B,CAAC;AACJ,CAAC;AAED,4FAA4F;AAC5F,iGAAiG;AACjG,oFAAoF;AAEpF,MAAM,OAAgB,UAAU;IAC9B,6FAA6F;IAC7F,8FAA8F;IAC9F,kGAAkG;IAClG,uGAAuG;IACpF,WAAW,GAAG,IAAI,YAAY,EAAW,CAAC;IAC1C,MAAM,GAAG,IAAI,YAAY,EAAkB,CAAC;IAC/D,KAAK,CAAsB;IAC3B,QAAQ,CAAsB;IAC9B,UAAU,CAAgC;IAC1C,UAAU,CAAqB;IAC/B,mBAAmB,CAAqB;IACxC,KAAK,CAAqC;IAC1C,QAAQ,CAAqB;IAC7B,MAAM,CAAqB;IAC3B,kBAAkB,CAAqB;IACvC,iBAAiB,CAAqC;IACtD,kBAAkB,CAAsC;IACxD,kBAAkB,CAAsC;IACxD,iBAAiB,CAAqB;IACtC,UAAU,CAAsB;IAChC,IAAI,CAAwB;IAC5B,YAAY,CAAqB;IACjC,eAAe,CAAsB;IACrC,cAAc,CAAgC;IAGtC,WAAW,GAAiB,wBAAwB,EAAE,CAAC;IAE/D,IAAI,SAAS;QACX,MAAM,KAAK,GAAG,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,KAAK,EACL,aAAa,EAAE,cAAc,EAC7B,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;QAEV,OAAO,YAAY,CACjB;YACE,KAAK,EAAE,KAAK,KAAK,IAAI;YACrB,QAAQ;YACR,UAAU;YACV,UAAU;YACV,mBAAmB;YACnB,KAAK;YACL,WAAW;SACZ,EACD,IAAI,CAAC,QAAQ,CACd,CAAC,KAAK,CAAC;IACV,CAAC;IAED,YAAY,CAAC,KAAc,EAAE,IAAa;QACxC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO;QAClC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CACF,yBAAyB,MAAM,CAAC,IAAI,CAAC,eAAe,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAC3F,CAAC;QACF,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO;QAE/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAE7F,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO;QAC9B,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxD,CAAC;IAEO,gBAAgB,CAAC,IAAmB;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;QACxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,CAAC;YACnD,IAAI,CACF,mCAAmC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAAU,WAAW,EAAE,CACpG,CAAC;YACF,OAAO;QACT,CAAC;QAED,IAAI,CACF,UAAU,IAAI,CAAC,QAAQ,CAAC,eAAe,uBAAuB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAAU,WAAW,EAAE,CAC/H,CAAC;QACF,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE;YACvB,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,UAAU;QAChB,MAAM,KAAK,GAA0B;YACnC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;QAEF,OAAO;YACL,GAAG,KAAK;YACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC;YAChC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;YACtC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC;SACrC,CAAC;IACJ,CAAC;uGAnHmB,UAAU;2FAAV,UAAU;;2FAAV,UAAU;kBAD/B,SAAS;;sBAMP,MAAM;;sBACN,MAAM"}

package/build/angular/components/text-input.d.ts

@@ -0,0 +1,153 @@
+import { EventEmitter, type AfterViewInit, type OnChanges, type OnDestroy, type SimpleChanges } from '@angular/core';
+import { type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps, type IEnterKeyHint, type IInputMode, type ISubmitBehavior, type ITextInputEventHandler, type ITextInputHandle, type ITextInputSelection } from '@symbiote-native/components';
+import { type IStyleProp, type ISymbioteEvent, type ITextStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+export type { ITextInputHandle, ITextInputSelection, IInputMode, IEnterKeyHint, ISubmitBehavior };
+export interface IAngularTextInputProps extends IAccessibilityProps, IAriaProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    placeholderTextColor?: string;
+    editable?: boolean;
+    keyboardType?: string;
+    secureTextEntry?: boolean;
+    maxLength?: number;
+    multiline?: boolean;
+    selection?: ITextInputSelection;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    autoCorrect?: boolean;
+    autoComplete?: string;
+    textContentType?: string;
+    autoFocus?: boolean;
+    showSoftInputOnFocus?: boolean;
+    returnKeyType?: string;
+    selectTextOnFocus?: boolean;
+    scrollEnabled?: boolean;
+    numberOfLines?: number;
+    textAlign?: 'left' | 'center' | 'right';
+    blurOnSubmit?: boolean;
+    inputMode?: IInputMode;
+    enterKeyHint?: IEnterKeyHint;
+    readOnly?: boolean;
+    submitBehavior?: ISubmitBehavior;
+    cursorColor?: string;
+    selectionColor?: string;
+    selectionHandleColor?: string;
+    underlineColorAndroid?: string;
+    inputAccessoryViewID?: string;
+    style?: IStyleProp<ITextStyle>;
+    onValueChange?: (text: string) => void;
+    onChange?: ITextInputEventHandler;
+    onFocus?: ITextInputEventHandler;
+    onBlur?: ITextInputEventHandler;
+    onEndEditing?: ITextInputEventHandler;
+    onSubmitEditing?: ITextInputEventHandler;
+    onKeyPress?: ITextInputEventHandler;
+    onSelectionChange?: ITextInputEventHandler;
+    onContentSizeChange?: ITextInputEventHandler;
+}
+export type IAngularTextInputInputs = Omit<IAngularTextInputProps, 'onValueChange' | 'onChange' | 'onFocus' | 'onBlur' | 'onEndEditing' | 'onSubmitEditing' | 'onKeyPress' | 'onSelectionChange' | 'onContentSizeChange' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export declare class TextInput implements IAngularTextInputInputs, ITextInputHandle, OnChanges, AfterViewInit, OnDestroy {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    placeholderTextColor?: string;
+    editable?: boolean;
+    keyboardType?: string;
+    secureTextEntry?: boolean;
+    maxLength?: number;
+    multiline?: boolean;
+    selection?: ITextInputSelection;
+    autoCapitalize?: IAngularTextInputProps['autoCapitalize'];
+    autoCorrect?: boolean;
+    autoComplete?: string;
+    textContentType?: string;
+    autoFocus?: boolean;
+    showSoftInputOnFocus?: boolean;
+    returnKeyType?: string;
+    selectTextOnFocus?: boolean;
+    scrollEnabled?: boolean;
+    numberOfLines?: number;
+    textAlign?: IAngularTextInputProps['textAlign'];
+    blurOnSubmit?: boolean;
+    inputMode?: IInputMode;
+    enterKeyHint?: IEnterKeyHint;
+    readOnly?: boolean;
+    submitBehavior?: ISubmitBehavior;
+    cursorColor?: string;
+    selectionColor?: string;
+    selectionHandleColor?: string;
+    underlineColorAndroid?: string;
+    inputAccessoryViewID?: string;
+    style?: IStyleProp<ITextStyle>;
+    testID?: string;
+    nativeID?: string;
+    readonly valueChange: EventEmitter<string>;
+    readonly change: EventEmitter<ISymbioteEvent>;
+    readonly focusEvent: EventEmitter<ISymbioteEvent>;
+    readonly blurEvent: EventEmitter<ISymbioteEvent>;
+    readonly endEditing: EventEmitter<ISymbioteEvent>;
+    readonly submitEditing: EventEmitter<ISymbioteEvent>;
+    readonly keyPress: EventEmitter<ISymbioteEvent>;
+    readonly selectionChange: EventEmitter<ISymbioteEvent>;
+    readonly contentSizeChange: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    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;
+    private hostRef?;
+    private readonly elementRef;
+    private mostRecentEventCount;
+    private lastNativeText;
+    private focused;
+    private cancelAutoFocus?;
+    get isMultiline(): boolean;
+    get hostProps(): Record<string, unknown>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    handleChange(event: unknown): void;
+    handleFocus(event: unknown): void;
+    handleBlur(event: unknown): void;
+    emit(emitter: EventEmitter<ISymbioteEvent>, event: unknown): void;
+    focus(): void;
+    blur(): void;
+    clear(): void;
+    isFocused(): boolean;
+    setSelection(start: number, end: number): void;
+    private commitControlledValue;
+    private buildPassthrough;
+    private get foldedNativeProps();
+    private get foldedAccessibility();
+    private get hostNode();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInput, "TextInput", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderTextColor": { "alias": "placeholderTextColor"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "keyboardType": { "alias": "keyboardType"; "required": false; }; "secureTextEntry": { "alias": "secureTextEntry"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "autoCorrect": { "alias": "autoCorrect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "textContentType": { "alias": "textContentType"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "showSoftInputOnFocus": { "alias": "showSoftInputOnFocus"; "required": false; }; "returnKeyType": { "alias": "returnKeyType"; "required": false; }; "selectTextOnFocus": { "alias": "selectTextOnFocus"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "numberOfLines": { "alias": "numberOfLines"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "blurOnSubmit": { "alias": "blurOnSubmit"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "enterKeyHint": { "alias": "enterKeyHint"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "submitBehavior": { "alias": "submitBehavior"; "required": false; }; "cursorColor": { "alias": "cursorColor"; "required": false; }; "selectionColor": { "alias": "selectionColor"; "required": false; }; "selectionHandleColor": { "alias": "selectionHandleColor"; "required": false; }; "underlineColorAndroid": { "alias": "underlineColorAndroid"; "required": false; }; "inputAccessoryViewID": { "alias": "inputAccessoryViewID"; "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; }; }, { "valueChange": "valueChange"; "change": "change"; "focusEvent": "focus"; "blurEvent": "blur"; "endEditing": "endEditing"; "submitEditing": "submitEditing"; "keyPress": "keyPress"; "selectionChange": "selectionChange"; "contentSizeChange": "contentSizeChange"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, never, true, never>;
+}