@symbiote-native/angular 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 A. Prokopenko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,147 @@
+# @symbiote-native/angular
+
+The **Angular adapter** for [SymbioteJS](../../README.md) — render real native iOS/Android views
+from Angular, on the *same* untouched core as React and Vue, with React Native's own renderer
+never in the path. It is a `Renderer2`/`RendererFactory2` whose calls map onto the engine's
+four-call mutation API; `@symbiote-native/engine` does the clone-on-write commit into Fabric.
+
+Angular is the **second proof the core is genuinely framework-agnostic** (milestone M4): a third
+framework, with its own change-detection model and AOT compilation pipeline, driving the
+already-validated engine with zero changes to it.
+
+<div align="center">
+
+![Angular driving real native iOS views through SymbioteJS](../../assets/angular-demo.gif)
+
+</div>
+
+> New to SymbioteJS? The [root README](../../README.md) has the architecture.
+
+---
+
+## Use it
+
+The native entry reaches the *same* `registerRunnable` seam as React and Vue — only the adapter
+changes. It hands the surface's `rootTag` to `mount` from `@symbiote-native/angular`, which drives the
+engine through Angular's `Renderer2`:
+
+```js
+// index.js
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import { mount } from '@symbiote-native/angular';
+import { AppComponent } from './App';
+import { name as appName } from './app.json';
+
+// registerRunnable (not registerComponent): RN stores a raw mount callback and never renders
+// it with its own renderer. We mount the Angular app onto the surface's rootTag.
+RNAppRegistry.registerRunnable(appName, ({ rootTag }) => {
+  mount(rootTag, AppComponent);
+});
+```
+
+The app is ordinary standalone Angular — it just imports primitives from `@symbiote-native/angular`
+instead of `react-native`. A tap→increment counter:
+
+```ts
+import { Component, signal } from '@angular/core';
+import { View, Text, Pressable } from '@symbiote-native/angular';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [View, Text, Pressable],
+  template: `
+    <View [style]="{ padding: 24 }">
+      <Text>Taps: {{ count() }}</Text>
+      <Pressable (press)="count.set(count() + 1)">
+        <Text>Tap me</Text>
+      </Pressable>
+    </View>
+  `,
+})
+export class AppComponent {
+  count = signal(0);
+}
+```
+
+The full canary is [`examples/angular`](../../examples/angular) — a stock RN 0.86 app whose
+[`App.ts`](../../examples/angular/App.ts) exercises the same surface as the React and Vue
+reference canaries, standalone components, zoneless change detection.
+
+---
+
+## Parity — and the one gap
+
+Angular reaches the same 21+ primitives, runtime modules, `Animated` on both drivers, gestures,
+accessibility, and the `VirtualizedList` family as React and Vue. That parity is **structural, not
+hand-copied**: the component logic (state machines + render functions) is written **once** in
+`@symbiote-native/components`, and Angular supplies only its lifecycle (`Renderer2` + zoneless change
+detection + the descriptor→`createElement` bridge).
+
+One deliberate gap, tracked, not blocking the canary — **third-party React component packages**
+(`@react-native-community/slider`) run only under the React adapter: their body calls React hooks
+off the React dispatcher, which is null under Angular. `@symbiote-native/slider` (this repo's own
+wrapper) *does* ship a real Angular build, reachable through the same `createNode`-by-ViewConfig
+path Angular uses for its own primitives — that wrapper is what makes a third-party native view
+usable from a non-React adapter at all.
+
+Angular is on the docs site's live framework switcher alongside React and Vue — otherwise it's at
+full canary parity.
+
+---
+
+## An Angular-specific gotcha — AOT compiles separately from Metro
+
+Angular templates need `ngc` (Angular's own AOT compiler), which Metro cannot run per-file the way
+it transforms a Vue SFC or JSX — `ngc` needs whole-program `compilationMode: 'partial'` first, then
+`@angular/compiler-cli/linker/babel` drops the linked output into Metro per-file. In practice this
+means every `ios`/`android`/`e2e:build:*` script runs `pnpm ng:build` first, and local development
+needs `ngc --watch` running alongside Metro — `scripts/dev-with-watch.sh` in
+[`examples/angular`](../../examples/angular) does exactly that (`ngc --watch` in the background,
+Metro's `react-native start` in the foreground, since Metro reads raw keypresses off stdin and
+can't sit behind a process manager that owns stdin itself).
+
+Angular also requires **zoneless change detection** (`provideZonelessChangeDetection`,
+`@angular/core >=20`) — zone.js fights Hermes, and versions before 20 don't offer a stable
+zoneless API. This is the version floor for the whole adapter, not a suggestion.
+
+The full seam map, bootstrap sequence, and AOT pipeline live in the `angular-adapter` project
+skill — read it before touching adapter internals.
+
+---
+
+## Run it
+
+[`examples/angular`](../../examples/angular) is a stock React Native 0.86 app. Requires Node ≥
+22.13 and the [RN environment setup](https://reactnative.dev/docs/set-up-your-environment) (Xcode,
+CocoaPods):
+
+```bash
+cd examples/angular
+pnpm install                   # workspace root already covers this if you ran it there
+bundle install                 # first time only — installs CocoaPods itself
+bundle exec pod install        # fetch native pods
+
+# terminal 1 — ngc --watch (background) + Metro (foreground). DEBUG=1 turns on diagnostic logs.
+DEBUG=1 pnpm dev
+
+# terminal 2 — build + launch (each runs ng:build first)
+pnpm ios                       # iOS simulator
+pnpm android                   # Android emulator
+```
+
+---
+
+## Test it
+
+```bash
+pnpm test                      # vitest, from the workspace root — headless, fake Fabric slot
+
+cd examples/angular
+pnpm e2e:build:ios             # ng:build, then build the app for Detox
+pnpm e2e:test:ios              # run the canary journeys on the iOS simulator
+# …or the android equivalents: e2e:build:android / e2e:test:android
+```
+
+Why these come for free — a SymbioteJS app is a stock RN app underneath, so RN's whole testing
+ecosystem applies unchanged. See [Testing](../../README.md#testing).

package/build/angular/components/activity-indicator/index.android.d.ts

@@ -0,0 +1,12 @@
+import { ActivityIndicatorBase } from './shared';
+import * as i0 from "@angular/core";
+export type { IActivityIndicatorProps } from './shared';
+export declare class ActivityIndicator extends ActivityIndicatorBase {
+    protected readonly defaultColor: null;
+    protected readonly nativeExtras: {
+        styleAttr: string;
+        indeterminate: boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActivityIndicator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityIndicator, "ActivityIndicator", never, {}, {}, never, never, true, never>;
+}

package/build/angular/components/activity-indicator/index.android.js

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet } from '../../descriptor-to-angular';
+import { ActivityIndicatorBase } from './shared';
+import * as i0 from "@angular/core";
+export class ActivityIndicator extends ActivityIndicatorBase {
+    defaultColor = null;
+    nativeExtras = { styleAttr: 'Normal', indeterminate: true };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicator, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ActivityIndicator, isStandalone: true, selector: "ActivityIndicator", usesInheritance: true, ngImport: i0, template: `<symbiote-descriptor-outlet [node]="descriptor" />`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ActivityIndicator',
+                    standalone: true,
+                    imports: [DescriptorOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<symbiote-descriptor-outlet [node]="descriptor" />`,
+                }]
+        }] });
+//# sourceMappingURL=index.android.js.map

package/build/angular/components/activity-indicator/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/activity-indicator/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;;AAUjD,MAAM,OAAO,iBAAkB,SAAQ,qBAAqB;IACvC,YAAY,GAAG,IAAI,CAAC;IACX,YAAY,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;uGAF7E,iBAAiB;2FAAjB,iBAAiB,oGAFlB,oDAAoD,4DAFpD,gBAAgB;;2FAIf,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,oDAAoD;iBAC/D"}

package/build/angular/components/activity-indicator/index.d.ts

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

package/build/angular/components/activity-indicator/index.ios.d.ts

@@ -0,0 +1,8 @@
+import { ActivityIndicatorBase } from './shared';
+import * as i0 from "@angular/core";
+export type { IActivityIndicatorProps } from './shared';
+export declare class ActivityIndicator extends ActivityIndicatorBase {
+    protected readonly defaultColor = "#999999";
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActivityIndicator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityIndicator, "ActivityIndicator", never, {}, {}, never, never, true, never>;
+}

package/build/angular/components/activity-indicator/index.ios.js

@@ -0,0 +1,21 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorOutlet } from '../../descriptor-to-angular';
+import { ActivityIndicatorBase } from './shared';
+import * as i0 from "@angular/core";
+const IOS_DEFAULT_COLOR = '#999999';
+export class ActivityIndicator extends ActivityIndicatorBase {
+    defaultColor = IOS_DEFAULT_COLOR;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicator, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ActivityIndicator, isStandalone: true, selector: "ActivityIndicator", usesInheritance: true, ngImport: i0, template: `<symbiote-descriptor-outlet [node]="descriptor" />`, isInline: true, dependencies: [{ kind: "component", type: DescriptorOutlet, selector: "symbiote-descriptor-outlet", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ActivityIndicator',
+                    standalone: true,
+                    imports: [DescriptorOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<symbiote-descriptor-outlet [node]="descriptor" />`,
+                }]
+        }] });
+//# sourceMappingURL=index.ios.js.map

package/build/angular/components/activity-indicator/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../src/components/activity-indicator/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;;AAGjD,MAAM,iBAAiB,GAAG,SAAS,CAAC;AASpC,MAAM,OAAO,iBAAkB,SAAQ,qBAAqB;IACvC,YAAY,GAAG,iBAAiB,CAAC;uGADzC,iBAAiB;2FAAjB,iBAAiB,oGAFlB,oDAAoD,4DAFpD,gBAAgB;;2FAIf,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,oDAAoD;iBAC/D"}

package/build/angular/components/activity-indicator/index.js

@@ -0,0 +1,4 @@
+// Base/default ActivityIndicator. Re-exports the iOS build; Metro picks index.ios.ts /
+// index.android.ts in platform bundles. See ADR 0020.
+export * from './index.ios';
+//# sourceMappingURL=index.js.map

package/build/angular/components/activity-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/activity-indicator/index.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,sDAAsD;AAEtD,cAAc,aAAa,CAAC"}

package/build/angular/components/activity-indicator/shared.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter } from '@angular/core';
+import { type IAccessibilityProps, type IAccessibilityStateValue, type IActivityIndicatorProps, type IActivityIndicatorSize, type IAriaProps } from '@symbiote-native/components';
+import type { ISymbioteEvent } from '@symbiote-native/engine';
+import type { IDescriptor } from '@symbiote-native/components';
+import * as i0 from "@angular/core";
+export type { IActivityIndicatorProps, IActivityIndicatorSize } from '@symbiote-native/components';
+export type IActivityIndicatorInputs = Omit<IActivityIndicatorProps, 'onLayout' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export declare abstract class ActivityIndicatorBase implements IActivityIndicatorInputs {
+    animating?: boolean;
+    color?: string;
+    hidesWhenStopped?: boolean;
+    nativeID?: string;
+    size?: IActivityIndicatorSize;
+    style?: IActivityIndicatorProps['style'];
+    testID?: string;
+    readonly layout: 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;
+    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;
+    protected abstract readonly defaultColor: string | null;
+    protected readonly nativeExtras: Readonly<Record<string, unknown>>;
+    private readonly elementRef;
+    private readonly onLayoutHandler;
+    private readonly onAccessibilityActionHandler;
+    private readonly onAccessibilityTapHandler;
+    private readonly onMagicTapHandler;
+    private readonly onAccessibilityEscapeHandler;
+    get descriptor(): IDescriptor;
+    private get platform();
+    private emitterHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActivityIndicatorBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActivityIndicatorBase, never, never, { "animating": { "alias": "animating"; "required": false; }; "color": { "alias": "color"; "required": false; }; "hidesWhenStopped": { "alias": "hidesWhenStopped"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "size": { "alias": "size"; "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; }; }, { "layout": "layout"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, never, true, never>;
+}

package/build/angular/components/activity-indicator/shared.js

@@ -0,0 +1,260 @@
+import { Directive, ElementRef, EventEmitter, inject, Input, Output } from '@angular/core';
+import { renderActivityIndicator, resolveAccessibilityProps, } from '@symbiote-native/components';
+import { anchorHostStyle } from '../../primitives';
+import * as i0 from "@angular/core";
+// Narrows anchorHostStyle's `unknown` (it reads an opaque engine prop bag) to the shape
+// IActivityIndicatorProps['style'] actually declares, the same runtime guard image/shared.ts's
+// asStyle() uses for the identical reason — a style value is structurally opaque at the type
+// level, so this only rules out non-objects, never validates individual style keys.
+function asStyle(value) {
+    return typeof value === 'object' && value !== null ? value : undefined;
+}
+export class ActivityIndicatorBase {
+    animating;
+    color;
+    hidesWhenStopped;
+    nativeID;
+    size;
+    style;
+    testID;
+    // Real @Output()s. This component renders through DescriptorOutlet (`symbiote-descriptor-
+    // outlet`), not a hand-written template: emitterHandler() below wraps each EventEmitter into a
+    // plain callback under the SAME onX key the shared, cross-adapter IActivityIndicatorProps
+    // expects, so the Descriptor's props bag still carries a function the engine's routeProp
+    // recognizes and routes to setEventListener — the outlet's renderer.setProperty call never
+    // sees an EventEmitter, only the wrapper.
+    layout = new EventEmitter();
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    role;
+    ariaLabel;
+    ariaLabelledBy;
+    ariaLive;
+    ariaHidden;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    nativeExtras = {};
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — NOT the descriptor-outlet-rendered wrapper the
+    // `descriptor` getter below builds. Merged FIRST so an explicit `style` @Input still wins
+    // (flattenStyle's later-wins collapse), mirroring every other composed component's anchor merge.
+    elementRef = inject(ElementRef);
+    // Stable bound wrappers (created ONCE, not per `descriptor` access) fed to emitterHandler below.
+    // jsonEqual (core/engine/src/commit.ts) falls through to Object.is for a function leaf, so a
+    // fresh closure built inside the `descriptor` getter would never equal the previous frame's
+    // closure even when nothing changed — every CD pass would read as "props changed" and force a
+    // real Fabric re-clone cascading up every ancestor to the root (the same hazard
+    // AnimatedComponentBase.reconcile() and ScrollViewStickyHeader's onHostLayout guard against).
+    onLayoutHandler = (event) => this.layout.emit(event);
+    onAccessibilityActionHandler = (event) => this.accessibilityAction.emit(event);
+    onAccessibilityTapHandler = (event) => this.accessibilityTap.emit(event);
+    onMagicTapHandler = (event) => this.magicTap.emit(event);
+    onAccessibilityEscapeHandler = (event) => this.accessibilityEscape.emit(event);
+    get descriptor() {
+        const props = resolveAccessibilityProps({
+            animating: this.animating,
+            color: this.color,
+            hidesWhenStopped: this.hidesWhenStopped,
+            nativeID: this.nativeID,
+            size: this.size,
+            style: [asStyle(anchorHostStyle(this.elementRef)), this.style],
+            testID: this.testID,
+            onLayout: this.emitterHandler(this.layout, this.onLayoutHandler),
+            accessible: this.accessible,
+            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,
+            onAccessibilityAction: this.emitterHandler(this.accessibilityAction, this.onAccessibilityActionHandler),
+            onAccessibilityTap: this.emitterHandler(this.accessibilityTap, this.onAccessibilityTapHandler),
+            onMagicTap: this.emitterHandler(this.magicTap, this.onMagicTapHandler),
+            onAccessibilityEscape: this.emitterHandler(this.accessibilityEscape, this.onAccessibilityEscapeHandler),
+            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,
+        });
+        const { animating, color, hidesWhenStopped, size, style, ...passthrough } = props;
+        return renderActivityIndicator({
+            animating: animating !== false,
+            color,
+            hidesWhenStopped: hidesWhenStopped !== false,
+            size: size ?? 'small',
+            style,
+            passthrough,
+        }, this.platform);
+    }
+    get platform() {
+        return { defaultColor: this.defaultColor, nativeExtras: this.nativeExtras };
+    }
+    // Gates a STABLE bound handler behind `observed`, so an unbound event still resolves to
+    // `undefined` in the descriptor's props bag — the same "undefined means nobody cares" contract
+    // the old @Input() callback had, letting resolveAccessibilityProps drop the key entirely instead
+    // of handing the engine a no-op function. `handler` must be one of the readonly bound fields
+    // above, never a closure built here — see their doc comment for why.
+    emitterHandler(emitter, handler) {
+        return emitter.observed ? handler : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicatorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: ActivityIndicatorBase, isStandalone: true, inputs: { animating: "animating", color: "color", hidesWhenStopped: "hidesWhenStopped", nativeID: "nativeID", size: "size", style: "style", testID: "testID", 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: { layout: "layout", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicatorBase, decorators: [{
+            type: Directive
+        }], propDecorators: { animating: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], hidesWhenStopped: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], layout: [{
+                type: Output
+            }], 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
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], 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=shared.js.map

package/build/angular/components/activity-indicator/shared.js.map

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