@ng-native/components 0.2.0 → 0.4.0

package/dist/touchable-opacity.js.map

@@ -1 +1 @@
-{"version":3,"file":"touchable-opacity.js","sourceRoot":"","sources":["../src/touchable-opacity.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,KAAK,EACL,eAAe,EACf,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;AAE7C;;;;;;;;;;;;GAYG;AA0BH,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAC/C,gGAAgG;IAC7E,mBAAmB;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,wBAAwB;QACzC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAED,iCAAiC;IACxB,aAAa,GAAG,KAAK,CAAC,GAAG,qFAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAEpE,8EAA8E;IAC3D,OAAO,GAAG,MAAM,CAAqB,SAAS;gFAAC,CAAC;IAEnE,sEAAsE;IAC9D,OAAO,GAAG,CAAC,CAAC;IAEpB;QACE,KAAK,EAAE,CAAC;QACR,4FAA4F;QAC5F,kFAAkF;QAClF,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,OAAO,EAAE,CAAC;oBACZ,4EAA4E;oBAC5E,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAqC,CAAC;oBAC3E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC;oBACrD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;gBACzC,CAAC;qBAAM,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,SAAS,EAAE,CAAC;oBACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,uFAAuF;QACvF,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAClE,CAAC;IAED;;;;OAIG;IACO,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACnD,CAAC;uGAnDU,gBAAgB;2FAAhB,gBAAgB,kaAvBjB,gBAAgB;;2FAuBf,gBAAgB;kBAzB5B,SAAS;+BACE,mBAAmB,YACnB,gBAAgB,YAChB,kBAAkB,QAgBtB;wBACJ,iBAAiB,EAAE,WAAW;wBAC9B,iBAAiB,EAAE,WAAW;wBAC9B,iBAAiB,EAAE,UAAU;qBAC9B","sourcesContent":["import {\n  Component,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { ControlBase } from './pressable.ts';\n\n/**\n * A pressable that dims while pressed, as RN's `TouchableOpacity` does.\n *\n * The fade is a CSS transition rather than a JavaScript tween: the component sets the target\n * opacity and the engine eases to it. React Native's own timings are asymmetric - 150ms in,\n * 250ms out - which is a thing CSS expresses exactly, because the duration in force is the one on\n * the state being entered. That is what the two rules below are.\n *\n * The opacity is a binding rather than a rule because `activeOpacity` is an input, and it returns\n * to `undefined` when the fade finishes so a caller's own `[style]` opacity is in charge again at\n * rest. `transitionend` is the engine's own event, the same one Angular's `animate.leave` waits\n * for.\n */\n@Component({\n  selector: 'touchable-opacity',\n  template: `<ng-content />`,\n  exportAs: 'touchableOpacity',\n  styles: `\n    /*\n     * The resting opacity is stated rather than left out, because a transition needs a value to\n     * ease *from*: a property appearing for the first time is recorded and left alone, which is\n     * CSS's own rule and would make every fade in a snap. Inline style still wins over this, so a\n     * caller's own opacity is untouched.\n     */\n    :host {\n      opacity: 1;\n      transition: opacity 250ms ease-in-out;\n    }\n    :host(.pressed) {\n      transition: opacity 150ms ease-in-out;\n    }\n  `,\n  host: {\n    '[style.opacity]': 'opacity()',\n    '[class.pressed]': 'pressed()',\n    '(transitionend)': 'settle()',\n  },\n})\nexport class TouchableOpacity extends ControlBase {\n  /** `TouchableOpacity.js`: `accessible={this.props.accessible !== false}`, and focusable too. */\n  protected override accessibleByDefault(): boolean {\n    return true;\n  }\n\n  protected override focusableByDefault(): boolean {\n    return true;\n  }\n\n  protected override disabledForAccessibility(): boolean {\n    return this.disabled();\n  }\n\n  /** The opacity while pressed. */\n  readonly activeOpacity = input(0.2, { transform: numberAttribute });\n\n  /** Undefined at rest, so the caller's own `[style]` opacity shows through. */\n  protected readonly opacity = signal<number | undefined>(undefined);\n\n  /** What to ease back to: whatever the caller had before the press. */\n  private resting = 1;\n\n  constructor() {\n    super();\n    // Reacts to `pressed` alone. Reading `opacity` here would re-run the effect on the value it\n    // just wrote, and a press that arrives mid-fade would restart from the wrong end.\n    effect(() => {\n      const pressed = this.pressed();\n      untracked(() => {\n        if (pressed) {\n          // Remembered on the way in, so the fade out returns to it rather than to 1.\n          const style = this.node.props['style'] as { opacity?: number } | undefined;\n          this.resting = this.opacity() ?? style?.opacity ?? 1;\n          this.opacity.set(this.activeOpacity());\n        } else if (this.opacity() !== undefined) {\n          this.opacity.set(this.resting);\n        }\n      });\n    });\n    // A component destroyed mid-fade leaves a transition the engine would go on advancing.\n    inject(DestroyRef).onDestroy(() => this.opacity.set(undefined));\n  }\n\n  /**\n   * The fade is over. Letting go of the value hands the opacity back to whatever the caller's own\n   * style says, which is the same number we just eased to - so nothing moves, and a caller who\n   * changes it later is not fighting a binding of ours.\n   */\n  protected settle(): void {\n    if (!this.pressed()) this.opacity.set(undefined);\n  }\n}\n"]}
+{"version":3,"file":"touchable-opacity.js","sourceRoot":"","sources":["../src/touchable-opacity.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,EACN,KAAK,EACL,eAAe,EACf,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;AAE7C;;;;;;;;;;;;GAYG;AA0BH,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAC/C,gGAAgG;IAC7E,mBAAmB;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,wBAAwB;QACzC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACnC,CAAC;IAED,iCAAiC;IACxB,aAAa,GAAG,KAAK,CAAC,GAAG,qFAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAEpE,8EAA8E;IAC3D,OAAO,GAAG,MAAM,CAAqB,SAAS;gFAAC,CAAC;IAEnE,sEAAsE;IAC9D,OAAO,GAAG,CAAC,CAAC;IAEpB;QACE,KAAK,EAAE,CAAC;QACR,4FAA4F;QAC5F,kFAAkF;QAClF,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,OAAO,EAAE,CAAC;oBACZ,4EAA4E;oBAC5E,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAqC,CAAC;oBAC3E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC;oBACrD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;gBACzC,CAAC;qBAAM,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,SAAS,EAAE,CAAC;oBACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,uFAAuF;QACvF,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAClE,CAAC;IAED;;;;OAIG;IACO,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACnD,CAAC;uGAvDU,gBAAgB;2FAAhB,gBAAgB,kaAvBjB,gBAAgB;;2FAuBf,gBAAgB;kBAzB5B,SAAS;+BACE,mBAAmB,YACnB,gBAAgB,YAChB,kBAAkB,QAgBtB;wBACJ,iBAAiB,EAAE,WAAW;wBAC9B,iBAAiB,EAAE,WAAW;wBAC9B,iBAAiB,EAAE,UAAU;qBAC9B","sourcesContent":["import {\n  Component,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { ControlBase } from './pressable.ts';\n\n/**\n * A pressable that dims while pressed, as RN's `TouchableOpacity` does.\n *\n * The fade is a CSS transition rather than a JavaScript tween: the component sets the target\n * opacity and the engine eases to it. React Native's own timings are asymmetric - 150ms in,\n * 250ms out - which is a thing CSS expresses exactly, because the duration in force is the one on\n * the state being entered. That is what the two rules below are.\n *\n * The opacity is a binding rather than a rule because `activeOpacity` is an input, and it returns\n * to `undefined` when the fade finishes so a caller's own `[style]` opacity is in charge again at\n * rest. `transitionend` is the engine's own event, the same one Angular's `animate.leave` waits\n * for.\n */\n@Component({\n  selector: 'touchable-opacity',\n  template: `<ng-content />`,\n  exportAs: 'touchableOpacity',\n  styles: `\n    /*\n     * The resting opacity is stated rather than left out, because a transition needs a value to\n     * ease *from*: a property appearing for the first time is recorded and left alone, which is\n     * CSS's own rule and would make every fade in a snap. Inline style still wins over this, so a\n     * caller's own opacity is untouched.\n     */\n    :host {\n      opacity: 1;\n      transition: opacity 250ms ease-in-out;\n    }\n    :host(.pressed) {\n      transition: opacity 150ms ease-in-out;\n    }\n  `,\n  host: {\n    '[style.opacity]': 'opacity()',\n    '[class.pressed]': 'pressed()',\n    '(transitionend)': 'settle()',\n  },\n})\nexport class TouchableOpacity extends ControlBase {\n  /** `TouchableOpacity.js`: `accessible={this.props.accessible !== false}`, and focusable too. */\n  protected override accessibleByDefault(): boolean {\n    return true;\n  }\n\n  protected override focusableByDefault(): boolean {\n    return true;\n  }\n\n  protected override disabledForAccessibility(): boolean | undefined {\n    return this.disabled();\n  }\n\n  protected override pressDisabled(): boolean {\n    return this.disabledByAnyState();\n  }\n\n  /** The opacity while pressed. */\n  readonly activeOpacity = input(0.2, { transform: numberAttribute });\n\n  /** Undefined at rest, so the caller's own `[style]` opacity shows through. */\n  protected readonly opacity = signal<number | undefined>(undefined);\n\n  /** What to ease back to: whatever the caller had before the press. */\n  private resting = 1;\n\n  constructor() {\n    super();\n    // Reacts to `pressed` alone. Reading `opacity` here would re-run the effect on the value it\n    // just wrote, and a press that arrives mid-fade would restart from the wrong end.\n    effect(() => {\n      const pressed = this.pressed();\n      untracked(() => {\n        if (pressed) {\n          // Remembered on the way in, so the fade out returns to it rather than to 1.\n          const style = this.node.props['style'] as { opacity?: number } | undefined;\n          this.resting = this.opacity() ?? style?.opacity ?? 1;\n          this.opacity.set(this.activeOpacity());\n        } else if (this.opacity() !== undefined) {\n          this.opacity.set(this.resting);\n        }\n      });\n    });\n    // A component destroyed mid-fade leaves a transition the engine would go on advancing.\n    inject(DestroyRef).onDestroy(() => this.opacity.set(undefined));\n  }\n\n  /**\n   * The fade is over. Letting go of the value hands the opacity back to whatever the caller's own\n   * style says, which is the same number we just eased to - so nothing moves, and a caller who\n   * changes it later is not fighting a binding of ours.\n   */\n  protected settle(): void {\n    if (!this.pressed()) this.opacity.set(undefined);\n  }\n}\n"]}

package/dist/view-base.d.ts

@@ -17,7 +17,12 @@ import { type SimpleChanges } from '@angular/core';
 import { HostEngine, type HostNode } from '@ng-native/fabric';
 import type { Insets } from './events.ts';
 import * as i0 from "@angular/core";
-/** The roles assistive technologies understand. `Role` is the web spelling of the same set. */
+/**
+ * The ARIA roles, which `role` takes as React Native's own `role` prop does. Native maps each to
+ * what the platform has.
+ */
+export type Role = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'summary' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
+/** The roles assistive technologies understand, as `accessibilityRole` names them. */
 export type AccessibilityRole = 'none' | 'button' | 'togglebutton' | 'link' | 'search' | 'image' | 'keyboardkey' | 'text' | 'adjustable' | 'imagebutton' | 'header' | 'summary' | 'alert' | 'checkbox' | 'combobox' | 'menu' | 'menubar' | 'menuitem' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'spinbutton' | 'switch' | 'tab' | 'tabbar' | 'tablist' | 'timer' | 'list' | 'toolbar' | 'grid' | 'pager' | 'scrollview' | 'horizontalscrollview' | 'viewgroup' | 'webview' | 'drawerlayout' | 'slidingdrawer' | 'iconmenu';
 export interface AccessibilityState {
     readonly disabled?: boolean;
@@ -128,8 +133,8 @@ export declare abstract class ViewBase {
     readonly accessibilityHint: import("@angular/core").InputSignal<string | undefined>;
     /** The kind of control this is, for assistive technologies. */
     readonly accessibilityRole: import("@angular/core").InputSignal<AccessibilityRole | undefined>;
-    /** `role`: the web spelling of `accessibilityRole`. */
-    readonly role: import("@angular/core").InputSignal<AccessibilityRole | undefined>;
+    /** `role`: the web spelling, which takes the ARIA roles as well as `accessibilityRole`'s. */
+    readonly role: import("@angular/core").InputSignal<"text" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | "togglebutton" | "search" | "image" | "keyboardkey" | "adjustable" | "imagebutton" | "header" | "tabbar" | "pager" | "scrollview" | "horizontalscrollview" | "viewgroup" | "webview" | "drawerlayout" | "slidingdrawer" | "iconmenu" | undefined>;
     /** Disabled, selected, checked, busy and expanded, as one object. */
     readonly accessibilityState: import("@angular/core").InputSignal<AccessibilityState | undefined>;
     /** `aria-busy`. */
@@ -218,20 +223,28 @@ export declare abstract class ViewBase {
     protected accessibleByDefault(): boolean;
     /** Whether the platform's focus order should include this. `Pressable.js` again. */
     protected focusableByDefault(): boolean;
-    /** A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. */
+    /**
+     * A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. Below an
+     * explicit role and a contributed one, which is what a wrapper passing `accessibilityRole` is.
+     */
     protected roleByDefault(): AccessibilityRole | undefined;
     /**
-     * The component's own `disabled`, for the state a screen reader announces.
+     * The component's own `disabled`, for the state a screen reader announces: undefined when not
+     * passed.
      *
-     * React Native merges this whenever the prop was passed, even as false. An input here always
-     * has a value, so there is no telling "passed false" from "not passed"; only true is merged,
-     * and a control that is not disabled says nothing rather than saying so on every node.
+     * It wins over `aria-disabled` and `accessibilityState.disabled`, as it does in `Pressable.js`,
+     * `TouchableOpacity.js`, `Switch.js` and `Text.js`. True is always merged; false only overrides
+     * something else that says disabled, so a control that is not disabled says nothing rather than
+     * saying so on every node.
      */
     protected disabledForAccessibility(): boolean | undefined;
     /**
      * The component's own `checked`, for a control whose checked state is not an accessibility
      * input at all - `Switch`'s `checked` is a `model()`, not one of this class's inputs, so it
      * cannot reach `ngOnChanges` here any more than `disabled` can.
+     *
+     * It wins over `aria-checked` and `accessibilityState.checked`, as `disabledForAccessibility`
+     * does over theirs: what a screen reader announces is the position the control shows.
      */
     protected checkedForAccessibility(): boolean | 'mixed' | undefined;
     /**
@@ -265,20 +278,18 @@ export declare abstract class ViewBase {
     /**
      * Writes a prop, and says nothing when it has nothing to say.
      *
-     * The `undefined` guard is the whole of it, and it fixes a silent failure that had already been
-     * hit twice. These two methods rewrite roughly forty props from this class's own inputs on every
-     * `ngOnChanges`, so anything that reached the node by another route was overwritten the first
-     * time any input changed. Two routes get here without going through an input of this class:
+     * The `undefined` guard is the whole of it. These two methods rewrite roughly forty props from
+     * this class's own inputs on every `ngOnChanges`, so without the guard, anything that reached
+     * the node by another route would be overwritten the first time any input changed. Two routes
+     * reach the node without going through an input of this class:
      *
-     * - A host binding on the composing component. `ui-alert` sets `[accessible]` that way and
-     *   `ui-separator` sets `[accessibilityLabel]`; both are documented as working, and both were
-     *   one input change away from stopping.
-     * - An element property binding. A component whose `hostDirectives` entry lists `disabled` but
-     *   not `nativeID` leaves `[nativeID]` to be applied as a plain property, and then a bound
-     *   `[disabled]` beside it clobbered the id on the next change. `ui-checkbox` carries a
-     *   per-component workaround for that, listing the identity inputs through explicitly, and
-     *   `ui-select-item` and `ui-dropdown-menu-item` do not - which is the shape of a bug that gets
-     *   copied rather than fixed.
+     * - A host binding on a component that composes this class in, such as `[accessible]` or
+     *   `[accessibilityLabel]` set from the composing component's own `host` object.
+     * - An element property binding beside a `hostDirectives` entry. A component whose
+     *   `hostDirectives` entry lists one input (say `disabled`) but not another (say `nativeID`)
+     *   leaves `[nativeID]` to be applied as a plain property; a bound `[disabled]` beside it would
+     *   then clobber the id on the next change unless the identity inputs are also listed through
+     *   explicitly.
      *
      * An input that goes back to `undefined` clears the prop only when this is what set it, so a
      * binding such as `[pointerEvents]="busy() ? 'none' : undefined"` still switches off, and a
@@ -304,6 +315,8 @@ export declare abstract class ViewBase {
      * in, is the better one.
      */
     ngOnInit(): void;
+    /** The role when none is set: one a directive contributes, or else the component's own. */
+    private impliedRole;
     /** The first role any directive on this node claims. Two claiming different ones is a bug. */
     private contributedRole;
     /** A label the component itself can supply, as `Image` does from `alt`. */
@@ -320,6 +333,8 @@ export declare abstract class ViewBase {
     /** Whether anything could put state on this node. For nearly every node on screen, no. */
     private hasState;
     private mergedAccessibilityState;
+    /** `disabled` over what else said: true always, false only when something said otherwise. */
+    private disabledOver;
     private mergedAccessibilityValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ViewBase, never, never, { "accessible": { "alias": "accessible"; "required": false; "isSignal": true; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; "isSignal": true; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; "isSignal": true; }; "ariaBusy": { "alias": "aria-busy"; "required": false; "isSignal": true; }; "ariaChecked": { "alias": "aria-checked"; "required": false; "isSignal": true; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; "isSignal": true; }; "ariaSelected": { "alias": "aria-selected"; "required": false; "isSignal": true; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; "isSignal": true; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; "isSignal": true; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; "isSignal": true; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; "isSignal": true; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; "isSignal": true; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "aria-live"; "required": false; "isSignal": true; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; "isSignal": true; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; "isSignal": true; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "aria-modal"; "required": false; "isSignal": true; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; "isSignal": true; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; "isSignal": true; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; "isSignal": true; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; "isSignal": true; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; "isSignal": true; }; "nativeID": { "alias": "nativeID"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "testID": { "alias": "testID"; "required": false; "isSignal": true; }; "hitSlop": { "alias": "hitSlop"; "required": false; "isSignal": true; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "collapsableChildren": { "alias": "collapsableChildren"; "required": false; "isSignal": true; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; "isSignal": true; }; "needsOffscreenAlphaCompositing": { "alias": "needsOffscreenAlphaCompositing"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "shouldRasterizeIOS": { "alias": "shouldRasterizeIOS"; "required": false; "isSignal": true; }; "renderToHardwareTextureAndroid": { "alias": "renderToHardwareTextureAndroid"; "required": false; "isSignal": true; }; "nativeBackgroundAndroid": { "alias": "nativeBackgroundAndroid"; "required": false; "isSignal": true; }; "nativeForegroundAndroid": { "alias": "nativeForegroundAndroid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/dist/view-base.js

@@ -18,6 +18,55 @@ import { HostEngine, claimHost, declareNativeProps } from '@ng-native/fabric';
 import { optionalBoolean, optionalNumber } from "./transforms.js";
 import { WRITTEN_PROPS } from "./written-props.js";
 import * as i0 from "@angular/core";
+/**
+ * The ARIA roles `accessibilityRole` has no word for. One of these is committed as `role`, which
+ * native reads over `accessibilityRole`; any other is `accessibilityRole` under its web spelling.
+ */
+const ARIA_ONLY_ROLES = new Set([
+    'alertdialog',
+    'application',
+    'article',
+    'banner',
+    'cell',
+    'columnheader',
+    'complementary',
+    'contentinfo',
+    'definition',
+    'dialog',
+    'directory',
+    'document',
+    'feed',
+    'figure',
+    'form',
+    'group',
+    'heading',
+    'img',
+    'listitem',
+    'log',
+    'main',
+    'marquee',
+    'math',
+    'meter',
+    'navigation',
+    'note',
+    'option',
+    'presentation',
+    'region',
+    'row',
+    'rowgroup',
+    'rowheader',
+    'searchbox',
+    'separator',
+    'slider',
+    'status',
+    'table',
+    'tabpanel',
+    'term',
+    'tooltip',
+    'tree',
+    'treegrid',
+    'treeitem',
+]);
 /**
  * Angular writes a static attribute to the element as well as feeding it to the input of the
  * same name, so `<switch thumbColor="#fff">` leaves a stray `thumbColor` prop on the node next to
@@ -151,7 +200,7 @@ export class ViewBase {
     /** The kind of control this is, for assistive technologies. */
     accessibilityRole = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "accessibilityRole" }] : /* istanbul ignore next */ []));
-    /** `role`: the web spelling of `accessibilityRole`. */
+    /** `role`: the web spelling, which takes the ARIA roles as well as `accessibilityRole`'s. */
     role = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "role" }] : /* istanbul ignore next */ []));
     /** Disabled, selected, checked, busy and expanded, as one object. */
@@ -270,16 +319,21 @@ export class ViewBase {
     focusableByDefault() {
         return false;
     }
-    /** A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. */
+    /**
+     * A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. Below an
+     * explicit role and a contributed one, which is what a wrapper passing `accessibilityRole` is.
+     */
     roleByDefault() {
         return undefined;
     }
     /**
-     * The component's own `disabled`, for the state a screen reader announces.
+     * The component's own `disabled`, for the state a screen reader announces: undefined when not
+     * passed.
      *
-     * React Native merges this whenever the prop was passed, even as false. An input here always
-     * has a value, so there is no telling "passed false" from "not passed"; only true is merged,
-     * and a control that is not disabled says nothing rather than saying so on every node.
+     * It wins over `aria-disabled` and `accessibilityState.disabled`, as it does in `Pressable.js`,
+     * `TouchableOpacity.js`, `Switch.js` and `Text.js`. True is always merged; false only overrides
+     * something else that says disabled, so a control that is not disabled says nothing rather than
+     * saying so on every node.
      */
     disabledForAccessibility() {
         return undefined;
@@ -288,6 +342,9 @@ export class ViewBase {
      * The component's own `checked`, for a control whose checked state is not an accessibility
      * input at all - `Switch`'s `checked` is a `model()`, not one of this class's inputs, so it
      * cannot reach `ngOnChanges` here any more than `disabled` can.
+     *
+     * It wins over `aria-checked` and `accessibilityState.checked`, as `disabledForAccessibility`
+     * does over theirs: what a screen reader announces is the position the control shows.
      */
     checkedForAccessibility() {
         return undefined;
@@ -320,7 +377,11 @@ export class ViewBase {
         write('accessibilityLabel', this.accessibilityLabel() ?? this.ariaLabel() ?? this.labelByDefault());
         write('accessibilityLabelledBy', this.accessibilityLabelledBy() ?? this.ariaLabelledBy());
         write('accessibilityHint', this.accessibilityHint());
-        write('accessibilityRole', this.accessibilityRole() ?? this.role() ?? this.roleByDefault() ?? this.contributedRole());
+        const role = this.role();
+        const aria = role !== undefined && ARIA_ONLY_ROLES.has(role);
+        write('role', aria ? role : undefined);
+        // An ARIA role is the element's role whatever the component implies, as any explicit one is.
+        write('accessibilityRole', this.accessibilityRole() ?? (aria ? undefined : (role ?? this.impliedRole())));
         write('accessibilityState', this.mergedAccessibilityState());
         write('accessibilityValue', this.mergedAccessibilityValue());
         write('accessibilityActions', this.accessibilityActions());
@@ -357,20 +418,18 @@ export class ViewBase {
     /**
      * Writes a prop, and says nothing when it has nothing to say.
      *
-     * The `undefined` guard is the whole of it, and it fixes a silent failure that had already been
-     * hit twice. These two methods rewrite roughly forty props from this class's own inputs on every
-     * `ngOnChanges`, so anything that reached the node by another route was overwritten the first
-     * time any input changed. Two routes get here without going through an input of this class:
+     * The `undefined` guard is the whole of it. These two methods rewrite roughly forty props from
+     * this class's own inputs on every `ngOnChanges`, so without the guard, anything that reached
+     * the node by another route would be overwritten the first time any input changed. Two routes
+     * reach the node without going through an input of this class:
      *
-     * - A host binding on the composing component. `ui-alert` sets `[accessible]` that way and
-     *   `ui-separator` sets `[accessibilityLabel]`; both are documented as working, and both were
-     *   one input change away from stopping.
-     * - An element property binding. A component whose `hostDirectives` entry lists `disabled` but
-     *   not `nativeID` leaves `[nativeID]` to be applied as a plain property, and then a bound
-     *   `[disabled]` beside it clobbered the id on the next change. `ui-checkbox` carries a
-     *   per-component workaround for that, listing the identity inputs through explicitly, and
-     *   `ui-select-item` and `ui-dropdown-menu-item` do not - which is the shape of a bug that gets
-     *   copied rather than fixed.
+     * - A host binding on a component that composes this class in, such as `[accessible]` or
+     *   `[accessibilityLabel]` set from the composing component's own `host` object.
+     * - An element property binding beside a `hostDirectives` entry. A component whose
+     *   `hostDirectives` entry lists one input (say `disabled`) but not another (say `nativeID`)
+     *   leaves `[nativeID]` to be applied as a plain property; a bound `[disabled]` beside it would
+     *   then clobber the id on the next change unless the identity inputs are also listed through
+     *   explicitly.
      *
      * An input that goes back to `undefined` clears the prop only when this is what set it, so a
      * binding such as `[pointerEvents]="busy() ? 'none' : undefined"` still switches off, and a
@@ -436,7 +495,7 @@ export class ViewBase {
             this.engine.setProp(this.node, 'focusable', true);
         }
         if (this.accessibilityRole() === undefined && this.role() === undefined) {
-            const role = this.roleByDefault();
+            const role = this.impliedRole();
             if (role)
                 this.engine.setProp(this.node, 'accessibilityRole', role);
         }
@@ -446,6 +505,10 @@ export class ViewBase {
                 this.engine.setProp(this.node, 'accessibilityLabel', label);
         }
     }
+    /** The role when none is set: one a directive contributes, or else the component's own. */
+    impliedRole() {
+        return this.contributedRole() ?? this.roleByDefault();
+    }
     /** The first role any directive on this node claims. Two claiming different ones is a bug. */
     contributedRole() {
         for (const contribution of this.contributions) {
@@ -492,11 +555,11 @@ export class ViewBase {
             if (value !== undefined)
                 merged[key] = value;
         };
-        set('disabled', this.disabledForAccessibility() || undefined);
-        set('checked', this.checkedForAccessibility());
         set('busy', this.ariaBusy());
         set('checked', this.ariaChecked());
+        set('checked', this.checkedForAccessibility());
         set('disabled', this.ariaDisabled());
+        set('disabled', this.disabledOver(merged['disabled']));
         set('expanded', this.ariaExpanded());
         set('selected', this.ariaSelected());
         for (const contribution of this.contributions) {
@@ -511,6 +574,11 @@ export class ViewBase {
             return last;
         return (this.lastAccessibilityState = state);
     }
+    /** `disabled` over what else said: true always, false only when something said otherwise. */
+    disabledOver(other) {
+        const own = this.disabledForAccessibility();
+        return own || (own === false && other !== undefined) ? own : undefined;
+    }
     mergedAccessibilityValue() {
         const explicit = this.accessibilityValue();
         const merged = { ...explicit };

package/dist/view-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-base.js","sourceRoot":"","sources":["../src/view-base.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The props every native view accepts, as typed inputs forwarded to the host node.\n *\n * Each input is mirrored by a host binding of the same name, which is what carries the value to\n * the renderer: once a directive declares an input, Angular routes the binding to the directive\n * rather than the element. An unset input stays `undefined` and never reaches native, so a view\n * that mentions none of these sends none of them.\n *\n * Web-style `aria-*` names are accepted as aliases and land on the `accessibility*` props React\n * Native's own `View.js` maps them to. `id` maps to `nativeID` and `tabIndex` to `focusable` the\n * same way.\n *\n * Events are element events, typed in `events.ts`: `(layout)`, `(touchStart)`,\n * `(accessibilityAction)` and so on. They are deliberately not outputs; see that file.\n */\nimport { Directive, ElementRef, type SimpleChanges, inject, input } from '@angular/core';\nimport { HostEngine, claimHost, declareNativeProps, type HostNode } from '@ng-native/fabric';\nimport type { Insets } from './events.ts';\nimport { optionalBoolean, optionalNumber } from './transforms.ts';\nimport { WRITTEN_PROPS } from './written-props.ts';\n\n/** The roles assistive technologies understand. `Role` is the web spelling of the same set. */\nexport type AccessibilityRole =\n  | 'none'\n  | 'button'\n  | 'togglebutton'\n  | 'link'\n  | 'search'\n  | 'image'\n  | 'keyboardkey'\n  | 'text'\n  | 'adjustable'\n  | 'imagebutton'\n  | 'header'\n  | 'summary'\n  | 'alert'\n  | 'checkbox'\n  | 'combobox'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tabbar'\n  | 'tablist'\n  | 'timer'\n  | 'list'\n  | 'toolbar'\n  | 'grid'\n  | 'pager'\n  | 'scrollview'\n  | 'horizontalscrollview'\n  | 'viewgroup'\n  | 'webview'\n  | 'drawerlayout'\n  | 'slidingdrawer'\n  | 'iconmenu';\n\nexport interface AccessibilityState {\n  readonly disabled?: boolean;\n  readonly selected?: boolean;\n  readonly checked?: boolean | 'mixed';\n  readonly busy?: boolean;\n  readonly expanded?: boolean;\n}\n\nexport interface AccessibilityValue {\n  readonly min?: number;\n  readonly max?: number;\n  readonly now?: number;\n  readonly text?: string;\n}\n\nexport interface AccessibilityAction {\n  readonly name: string;\n  readonly label?: string;\n}\n\n/** Android's `nativeBackgroundAndroid` and `nativeForegroundAndroid`. */\nexport type AndroidDrawable =\n  | {\n      readonly type: 'RippleAndroid';\n      readonly color?: string | number;\n      readonly borderless?: boolean;\n      readonly rippleRadius?: number;\n    }\n  | { readonly type: 'ThemeAttrAndroid'; readonly attribute: string };\n\nexport type PointerEvents = 'box-none' | 'none' | 'box-only' | 'auto';\nexport type ImportantForAccessibility = 'auto' | 'yes' | 'no' | 'no-hide-descendants';\nexport type AccessibilityLiveRegion = 'none' | 'polite' | 'assertive';\n\n/**\n * Angular writes a static attribute to the element as well as feeding it to the input of the\n * same name, so `<switch thumbColor=\"#fff\">` leaves a stray `thumbColor` prop on the node next to\n * the `thumbTintColor` the input produces. The inputs of the directive are what consumed them,\n * so those names come off the node; a host binding puts back any that native does read.\n *\n * Walking the *node's* props rather than the directive's inputs is not a detail. This runs for\n * every element on screen, a primitive declares some forty-five inputs, and at this point the node\n * usually has no props at all - bindings have not run yet, so only static attributes are there.\n * The other way round it was forty-five `delete`s per element on an object that had none of them,\n * which is both wasted work and the way to push an object into dictionary mode.\n */\n/** Shallow equality, so a re-merged state that says the same thing keeps its identity. */\nfunction sameState(a: AccessibilityState, b: AccessibilityState): boolean {\n  const keys = Object.keys(a) as (keyof AccessibilityState)[];\n  return keys.length === Object.keys(b).length && keys.every((key) => a[key] === b[key]);\n}\n\n/** The host primitives whose props have been declared to the engine. */\nconst declared = new WeakSet<object>();\n\n/**\n * Tell the engine the props this primitive's native view takes, once per component class: its\n * inputs by their public names, and `WRITTEN_PROPS`. What its check for a misspelt prop reads.\n */\nfunction declareProps(ctor: unknown, node: HostNode): void {\n  if (declared.has(ctor as object)) return;\n  declared.add(ctor as object);\n  const def =\n    (ctor as { ɵcmp?: { inputs?: object }; ɵdir?: { inputs?: object } }).ɵcmp ??\n    (ctor as { ɵdir?: { inputs?: object } }).ɵdir;\n  const name = (node as { name?: string }).name;\n  if (!name || !def?.inputs) return;\n  declareNativeProps(name, [...Object.keys(def.inputs), ...WRITTEN_PROPS]);\n}\n\nfunction stripConsumedAttributes(ctor: unknown, node: HostNode): void {\n  // A directive with no selector is only ever a `hostDirectives` entry, which exposes the inputs\n  // it lists and no others, so an attribute of the same name as the rest was not consumed.\n  type Def = { inputs?: Record<string, unknown>; selectors?: readonly unknown[] };\n  const { ɵcmp, ɵdir } = ctor as { ɵcmp?: Def; ɵdir?: Def };\n  const def = ɵcmp ?? (ɵdir?.selectors?.length ? ɵdir : undefined);\n  const inputs = def?.inputs;\n  if (!inputs) return;\n  // A host that has not put a bag on the node yet has no attributes to take off it. Read\n  // unconditionally, this threw `Cannot convert undefined or null to object` on the first\n  // component a browser host ever mounted, before anything rendered - which is a hard crash\n  // standing between this package and a second platform, for a loop with nothing to do.\n  const props = node.props as Record<string, unknown> | undefined;\n  if (!props) return;\n  for (const name of Object.keys(props)) {\n    if (name in inputs) delete props[name];\n  }\n}\n\n/**\n * What a directive on the same node says this view *is*, for a screen reader.\n *\n * A host primitive knows it is a view; only the thing composed onto it knows it is a button, a\n * checkbox or an accordion trigger. Without this seam that knowledge has nowhere to go: the role\n * and the state are written here, from this class's own inputs, and a later `ngOnChanges` would\n * overwrite anything a directive had set behind its back.\n *\n * Registered on the element with `contributeAccessibility`, and several primitives may contribute\n * to one element - a trigger that is also a button.\n */\nexport interface AccessibilityContribution {\n  /** The role, if this directive implies one. An explicit `role` on the element still wins. */\n  readonly role?: AccessibilityRole;\n  /**\n   * State to merge in, read on every write so it may be a signal read.\n   *\n   * Spelled in full because `state` is what a primitive calls the thing it publishes for a\n   * stylesheet - `data-state=\"checked\"` - and the two are not the same thing.\n   */\n  readonly accessibilityState?: () => AccessibilityState | undefined;\n}\n\n/** Where an element's contributions are kept: on the node, and only on a node that has some. */\nconst CONTRIBUTIONS = Symbol('angular-native.accessibilityContributions');\ntype Contributed = HostNode & { [CONTRIBUTIONS]?: AccessibilityContribution[] };\nconst NO_CONTRIBUTIONS: readonly AccessibilityContribution[] = [];\n\n/**\n * Tell the primitive on this element what it is, for a screen reader: a role, and state to merge\n * into what it announces. Call it from a directive's field initialiser or constructor, on the\n * element the primitive is on:\n *\n *     private readonly contribution = contributeAccessibility({ role: 'button' });\n *     private readonly contribution = contributeAccessibility(this);\n *\n * Kept on the node rather than provided through DI, because asking the injector costs every\n * element on screen a lookup to learn that nothing contributes - about a tenth of creating a list.\n * Reading a property that is not there costs nothing.\n */\nexport function contributeAccessibility<T extends AccessibilityContribution>(contribution: T): T {\n  const node = inject(ElementRef).nativeElement as Contributed;\n  (node[CONTRIBUTIONS] ??= []).push(contribution);\n  return contribution;\n}\n\n@Directive()\nexport abstract class ViewBase {\n  /** The retained node this directive sits on. */\n  protected readonly node = inject(ElementRef).nativeElement as HostNode;\n\n  /**\n   * The engine, because the props these inputs carry are written straight onto the node. Read\n   * off the node where the host put it there, which is one property read against an injector\n   * lookup that walks every ancestor element, for every element on screen.\n   */\n  protected readonly engine: HostEngine = this.node.host ?? inject(HostEngine);\n\n  /**\n   * See `contributeAccessibility`. Empty for every element nothing is composed onto. Read, never\n   * cached, from `ngOnInit` onwards: by then every directive on the node has been constructed and\n   * registered what it has to say.\n   */\n  private get contributions(): readonly AccessibilityContribution[] {\n    return (this.node as Contributed)[CONTRIBUTIONS] ?? NO_CONTRIBUTIONS;\n  }\n\n  constructor() {\n    claimHost(this.node);\n    stripConsumedAttributes(this.constructor, this.node);\n    declareProps(this.constructor, this.node);\n    this.engine.settle(this);\n  }\n\n  /** Whether `ngOnInit` has run, which is what writes the props every element starts with. */\n  private initialised = false;\n\n  /**\n   * Write what the inputs say, for an element whose view has not been checked by the time the\n   * host commits it. Nothing for one that has.\n   *\n   * The props are written from `ngOnChanges` and `ngOnInit`, which Angular runs in the parent\n   * view's update pass. A component that detaches itself before its first check never gets one,\n   * and on the web that pattern still works, because a listener and an attribute are there from\n   * creation. So the host calls this before the commit that first mounts the element, by when its\n   * static inputs are set: the press handling, the role and the `testID` are there, and the view\n   * behaves as written once something calls `detectChanges()`.\n   */\n  settleProps(): void {\n    if (this.initialised) return;\n    this.ngOnChanges({});\n    this.ngOnInit();\n  }\n\n  // --- accessibility ---------------------------------------------------------------------\n\n  /** Whether the view is an accessibility element. Defaults to false for a plain view. */\n  readonly accessible = input<boolean>(undefined, { transform: optionalBoolean });\n  /** What a screen reader announces for the view. */\n  readonly accessibilityLabel = input<string>();\n  /** `aria-label`: web spelling of `accessibilityLabel`. */\n  readonly ariaLabel = input<string>(undefined, { alias: 'aria-label' });\n  /** Android: `nativeID`s of the views that label this one. */\n  readonly accessibilityLabelledBy = input<string | readonly string[]>();\n  /** `aria-labelledby`: web spelling of `accessibilityLabelledBy`. */\n  readonly ariaLabelledBy = input<string | readonly string[]>(undefined, {\n    alias: 'aria-labelledby',\n  });\n  /** What happens when the user acts on the view, when the label alone does not say. */\n  readonly accessibilityHint = input<string>();\n  /** The kind of control this is, for assistive technologies. */\n  readonly accessibilityRole = input<AccessibilityRole>();\n  /** `role`: the web spelling of `accessibilityRole`. */\n  readonly role = input<AccessibilityRole>();\n  /** Disabled, selected, checked, busy and expanded, as one object. */\n  readonly accessibilityState = input<AccessibilityState>();\n  /** `aria-busy`. */\n  readonly ariaBusy = input<boolean>(undefined, { alias: 'aria-busy', transform: optionalBoolean });\n  /** `aria-checked`. */\n  readonly ariaChecked = input<boolean | 'mixed'>(undefined, { alias: 'aria-checked' });\n  /** `aria-disabled`. */\n  readonly ariaDisabled = input<boolean>(undefined, {\n    alias: 'aria-disabled',\n    transform: optionalBoolean,\n  });\n  /** `aria-expanded`. */\n  readonly ariaExpanded = input<boolean>(undefined, {\n    alias: 'aria-expanded',\n    transform: optionalBoolean,\n  });\n  /** `aria-selected`. */\n  readonly ariaSelected = input<boolean>(undefined, {\n    alias: 'aria-selected',\n    transform: optionalBoolean,\n  });\n  /** The current value of an adjustable control, for a screen reader. */\n  readonly accessibilityValue = input<AccessibilityValue>();\n  /** `aria-valuemin`. */\n  readonly ariaValueMin = input<number>(undefined, {\n    alias: 'aria-valuemin',\n    transform: optionalNumber,\n  });\n  /** `aria-valuemax`. */\n  readonly ariaValueMax = input<number>(undefined, {\n    alias: 'aria-valuemax',\n    transform: optionalNumber,\n  });\n  /** `aria-valuenow`. */\n  readonly ariaValueNow = input<number>(undefined, {\n    alias: 'aria-valuenow',\n    transform: optionalNumber,\n  });\n  /** `aria-valuetext`. */\n  readonly ariaValueText = input<string>(undefined, { alias: 'aria-valuetext' });\n  /** Custom actions a screen reader can invoke; each arrives as `(accessibilityAction)`. */\n  readonly accessibilityActions = input<readonly AccessibilityAction[]>();\n  /** Android: announce changes to this view's content without focus moving to it. */\n  readonly accessibilityLiveRegion = input<AccessibilityLiveRegion>();\n  /** `aria-live`. */\n  readonly ariaLive = input<AccessibilityLiveRegion>(undefined, { alias: 'aria-live' });\n  /** iOS: hide this view and its children from assistive technologies. */\n  readonly accessibilityElementsHidden = input<boolean>(undefined, { transform: optionalBoolean });\n  /** `aria-hidden`: `accessibilityElementsHidden` on iOS, `no-hide-descendants` on Android. */\n  readonly ariaHidden = input<boolean>(undefined, {\n    alias: 'aria-hidden',\n    transform: optionalBoolean,\n  });\n  /** Android: whether this view is exposed to accessibility, and whether its children are. */\n  readonly importantForAccessibility = input<ImportantForAccessibility>();\n  /** iOS: VoiceOver ignores every sibling while this view is shown, as a modal expects. */\n  readonly accessibilityViewIsModal = input<boolean>(undefined, { transform: optionalBoolean });\n  /** `aria-modal`. */\n  readonly ariaModal = input<boolean>(undefined, {\n    alias: 'aria-modal',\n    transform: optionalBoolean,\n  });\n  /** iOS: keep the view's colours when the Invert Colors setting is on; images want this. */\n  readonly accessibilityIgnoresInvertColors = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** iOS: the language VoiceOver reads the label in, as a BCP 47 tag. */\n  readonly accessibilityLanguage = input<string>();\n  /** iOS: the title shown by the Large Content Viewer on a long press with large text on. */\n  readonly accessibilityLargeContentTitle = input<string>();\n  /** iOS: opt this view into the Large Content Viewer. */\n  readonly accessibilityShowsLargeContentViewer = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** iOS: tell VoiceOver the view responds to a tap even without a role that implies it. */\n  readonly accessibilityRespondsToUserInteraction = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n\n  // --- identity and hit testing ----------------------------------------------------------\n\n  /** A handle native code can find the view by; also what `:id` selectors match. */\n  readonly nativeID = input<string>();\n  /** `id`: the web spelling of `nativeID`. */\n  readonly id = input<string>();\n  /** A handle for end-to-end test tooling. */\n  readonly testID = input<string>();\n  /** Extend the touchable area beyond the view's bounds, without moving anything visible. */\n  readonly hitSlop = input<Insets | number>();\n  /** Whether this view, its children, or neither can be the target of a touch. */\n  readonly pointerEvents = input<PointerEvents>();\n  /** Set to false to keep a layout-only view alive; Fabric otherwise removes it from the tree. */\n  readonly collapsable = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Set to false to keep this view's layout-only children from being flattened. */\n  readonly collapsableChildren = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Detach children that are outside the visible bounds. A scroll view optimisation. */\n  readonly removeClippedSubviews = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Composite the view offscreen so a translucent view with children blends correctly. */\n  readonly needsOffscreenAlphaCompositing = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** Android: whether the view takes keyboard or TV focus. RN's `tabIndex` is this. */\n  readonly focusable = input<boolean>(undefined, { transform: optionalBoolean });\n  /** iOS: render the view to a bitmap once and reuse it; for a static view that animates. */\n  readonly shouldRasterizeIOS = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Android: cache the view in a hardware texture; the same trade as `shouldRasterizeIOS`. */\n  readonly renderToHardwareTextureAndroid = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** Android: a ripple or theme drawable painted behind the view's content. */\n  readonly nativeBackgroundAndroid = input<AndroidDrawable>();\n  /** Android: a ripple or theme drawable painted over the view's content. */\n  readonly nativeForegroundAndroid = input<AndroidDrawable>();\n\n  // --- merged views of the aliases ------------------------------------------------------\n\n  /**\n   * What React Native's own JavaScript wrapper would have defaulted, per component.\n   *\n   * Driving the native views directly skips those wrappers, and what is lost is invisible: the\n   * app looks identical and is unusable with a screen reader, because nothing on it is an\n   * accessibility element. Each hook is overridden by the component whose wrapper sets it, and\n   * cites the file it came from.\n   */\n\n  /** True for anything that behaves like a control. `Pressable.js`: `accessible !== false`. */\n  protected accessibleByDefault(): boolean {\n    return false;\n  }\n\n  /** Whether the platform's focus order should include this. `Pressable.js` again. */\n  protected focusableByDefault(): boolean {\n    return false;\n  }\n\n  /** A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. */\n  protected roleByDefault(): AccessibilityRole | undefined {\n    return undefined;\n  }\n\n  /**\n   * The component's own `disabled`, for the state a screen reader announces.\n   *\n   * React Native merges this whenever the prop was passed, even as false. An input here always\n   * has a value, so there is no telling \"passed false\" from \"not passed\"; only true is merged,\n   * and a control that is not disabled says nothing rather than saying so on every node.\n   */\n  protected disabledForAccessibility(): boolean | undefined {\n    return undefined;\n  }\n\n  /**\n   * The component's own `checked`, for a control whose checked state is not an accessibility\n   * input at all - `Switch`'s `checked` is a `model()`, not one of this class's inputs, so it\n   * cannot reach `ngOnChanges` here any more than `disabled` can.\n   */\n  protected checkedForAccessibility(): boolean | 'mixed' | undefined {\n    return undefined;\n  }\n\n  /**\n   * Write what the inputs say onto the node.\n   *\n   * This is what thirty host bindings used to do, and it is here rather than there for a reason\n   * that was measured: a host binding costs every element that carries it, on every pass, whether\n   * or not the app ever set the prop, and mounting four hundred rows spent a third of its time on\n   * the accessibility surface alone. Angular calls this once with everything that changed instead.\n   *\n   * It works with signal inputs, which is easy to assume it does not: `ngOnChanges` fires for\n   * them as it does for any other input, because `ngOnChangesSetInput` records a `SimpleChange`\n   * before writing the signal. `signal-onchanges.test.ts` is there to keep that fact honest.\n   *\n   * What remains is the allocation - a signal input builds its node whether or not anything binds\n   * to it, and there are forty-six here. Moving prop groups into directives selected by the props\n   * they carry (`[accessibilityLabel], [aria-label], ...`) is how that goes away: an element that\n   * binds none of them would allocate nothing. Measured on a 400-row mount it is worth about 40ms,\n   * at the price of an import per group.\n   */\n  ngOnChanges(_changes?: SimpleChanges): void {\n    this.writeAccessibility();\n    this.writeIdentity();\n  }\n\n  private writeAccessibility(): void {\n    const write = this.writer();\n    write(\n      'accessible',\n      this.accessibleByDefault() ? (this.accessible() ?? true) : this.accessible(),\n    );\n    write(\n      'accessibilityLabel',\n      this.accessibilityLabel() ?? this.ariaLabel() ?? this.labelByDefault(),\n    );\n    write('accessibilityLabelledBy', this.accessibilityLabelledBy() ?? this.ariaLabelledBy());\n    write('accessibilityHint', this.accessibilityHint());\n    write(\n      'accessibilityRole',\n      this.accessibilityRole() ?? this.role() ?? this.roleByDefault() ?? this.contributedRole(),\n    );\n    write('accessibilityState', this.mergedAccessibilityState());\n    write('accessibilityValue', this.mergedAccessibilityValue());\n    write('accessibilityActions', this.accessibilityActions());\n    this.writeVisibility();\n    this.publishAriaState(write);\n  }\n\n  /**\n   * The aria states Tailwind has variants for, put back on the node as the attributes they came\n   * in as. The inputs consume them, so `[aria-disabled=\"true\"]` and every `aria-*:` utility had\n   * nothing to match. Hyphenated, so the engine keeps them for selectors and never sends them.\n   */\n  private publishAriaState(write: (key: string, value: unknown) => void): void {\n    const attribute = (value: unknown) => (value === undefined ? undefined : String(value));\n    write('aria-busy', attribute(this.ariaBusy()));\n    write('aria-checked', attribute(this.ariaChecked()));\n    write('aria-disabled', attribute(this.ariaDisabled()));\n    write('aria-expanded', attribute(this.ariaExpanded()));\n    write('aria-hidden', attribute(this.ariaHidden()));\n    write('aria-selected', attribute(this.ariaSelected()));\n  }\n\n  /** The half of accessibility that is about what assistive technology may see, and in which language. */\n  private writeVisibility(): void {\n    const write = (key: string, value: unknown) => this.engine.setProp(this.node, key, value);\n    write('accessibilityLiveRegion', this.accessibilityLiveRegion() ?? this.ariaLive());\n    write('accessibilityElementsHidden', this.accessibilityElementsHidden() ?? this.ariaHidden());\n    write(\n      'importantForAccessibility',\n      this.importantForAccessibility() ?? (this.ariaHidden() ? 'no-hide-descendants' : undefined),\n    );\n    write('accessibilityViewIsModal', this.accessibilityViewIsModal() ?? this.ariaModal());\n    write('accessibilityIgnoresInvertColors', this.accessibilityIgnoresInvertColors());\n    write('accessibilityLanguage', this.accessibilityLanguage());\n    write('accessibilityLargeContentTitle', this.accessibilityLargeContentTitle());\n    write('accessibilityShowsLargeContentViewer', this.accessibilityShowsLargeContentViewer());\n    write('accessibilityRespondsToUserInteraction', this.accessibilityRespondsToUserInteraction());\n  }\n\n  /**\n   * Writes a prop, and says nothing when it has nothing to say.\n   *\n   * The `undefined` guard is the whole of it, and it fixes a silent failure that had already been\n   * hit twice. These two methods rewrite roughly forty props from this class's own inputs on every\n   * `ngOnChanges`, so anything that reached the node by another route was overwritten the first\n   * time any input changed. Two routes get here without going through an input of this class:\n   *\n   * - A host binding on the composing component. `ui-alert` sets `[accessible]` that way and\n   *   `ui-separator` sets `[accessibilityLabel]`; both are documented as working, and both were\n   *   one input change away from stopping.\n   * - An element property binding. A component whose `hostDirectives` entry lists `disabled` but\n   *   not `nativeID` leaves `[nativeID]` to be applied as a plain property, and then a bound\n   *   `[disabled]` beside it clobbered the id on the next change. `ui-checkbox` carries a\n   *   per-component workaround for that, listing the identity inputs through explicitly, and\n   *   `ui-select-item` and `ui-dropdown-menu-item` do not - which is the shape of a bug that gets\n   *   copied rather than fixed.\n   *\n   * An input that goes back to `undefined` clears the prop only when this is what set it, so a\n   * binding such as `[pointerEvents]=\"busy() ? 'none' : undefined\"` still switches off, and a\n   * prop that arrived by one of those other routes is still never touched. Clearing a *class*\n   * clears the style it brought, because that goes through the cascade rather than through here.\n   */\n  private writer(): (key: string, value: unknown) => void {\n    return (key, value) => {\n      if (value === undefined) {\n        // Cleared only if this wrote it: `[pointerEvents]=\"busy() ? 'none' : undefined\"` has to\n        // give the view its touches back, and a prop another route set is still left alone.\n        if (this.written?.delete(key)) this.engine.setProp(this.node, key, null);\n        return;\n      }\n      (this.written ??= new Set()).add(key);\n      this.engine.setProp(this.node, key, value);\n    };\n  }\n\n  /** The props `writer` has set from an input, so it can clear one when its input is unset. */\n  private written: Set<string> | null = null;\n\n  private writeIdentity(): void {\n    const write = this.writer();\n    write('nativeID', this.nativeID() ?? this.id());\n    write('testID', this.testID());\n    write('hitSlop', this.hitSlop());\n    write('pointerEvents', this.pointerEvents());\n    write('collapsable', this.collapsable());\n    write('collapsableChildren', this.collapsableChildren());\n    write('removeClippedSubviews', this.removeClippedSubviews());\n    write('needsOffscreenAlphaCompositing', this.needsOffscreenAlphaCompositing());\n    write('focusable', this.focusableByDefault() ? (this.focusable() ?? true) : this.focusable());\n    write('shouldRasterizeIOS', this.shouldRasterizeIOS());\n    write('renderToHardwareTextureAndroid', this.renderToHardwareTextureAndroid());\n    write('nativeBackgroundAndroid', this.nativeBackgroundAndroid());\n    write('nativeForegroundAndroid', this.nativeForegroundAndroid());\n  }\n\n  /**\n   * The defaults a React Native wrapper would have applied, written once when the element is\n   * created. `ngOnChanges` writes them again whenever an input changes, so an app that later\n   * clears a prop falls back to the default rather than to nothing.\n   */\n  /**\n   * The defaults a React Native wrapper would have applied, for an element nothing was bound on.\n   *\n   * In `ngOnInit` rather than the constructor because a hook like `accessibleByDefault` is\n   * answered from the subclass's own inputs - `Text` asks whether it is pressable - and those\n   * fields do not exist yet while the base constructor runs. Each is guarded on its input being\n   * unset, because `ngOnChanges` has already run by now and its answer, which merges the default\n   * in, is the better one.\n   */\n  ngOnInit(): void {\n    this.initialised = true;\n    // A directive with nothing bound to it never sees `ngOnChanges`, so an element that carries a\n    // primitive and no bindings would never have its role or state written at all. Cheap to ask,\n    // and the answer is no for every element in an app that uses none.\n    if (this.contributions.length > 0) this.writeAccessibility();\n    if (this.accessible() === undefined && this.accessibleByDefault()) {\n      this.engine.setProp(this.node, 'accessible', true);\n    }\n    if (this.focusable() === undefined && this.focusableByDefault()) {\n      this.engine.setProp(this.node, 'focusable', true);\n    }\n    if (this.accessibilityRole() === undefined && this.role() === undefined) {\n      const role = this.roleByDefault();\n      if (role) this.engine.setProp(this.node, 'accessibilityRole', role);\n    }\n    if (this.accessibilityLabel() === undefined && this.ariaLabel() === undefined) {\n      const label = this.labelByDefault();\n      if (label !== undefined) this.engine.setProp(this.node, 'accessibilityLabel', label);\n    }\n  }\n\n  /** The first role any directive on this node claims. Two claiming different ones is a bug. */\n  private contributedRole(): AccessibilityRole | undefined {\n    for (const contribution of this.contributions) {\n      if (contribution.role) return contribution.role;\n    }\n    return undefined;\n  }\n\n  /** A label the component itself can supply, as `Image` does from `alt`. */\n  protected labelByDefault(): string | undefined {\n    return undefined;\n  }\n\n  /**\n   * The merged state, for a component whose own inputs feed it - `disabled` on a pressable or a\n   * switch, which is a signal of theirs and so cannot reach `ngOnChanges` here.\n   *\n   * Those components bind this from their host. It returns the *same object* when nothing has\n   * changed, which is what keeps a host binding from marking the node dirty on every pass.\n   */\n  protected accessibilityStateProp(): AccessibilityState | undefined {\n    return this.mergedAccessibilityState();\n  }\n\n  private lastAccessibilityState: AccessibilityState | undefined;\n\n  /** Whether anything could put state on this node. For nearly every node on screen, no. */\n  private hasState(): boolean {\n    return (\n      this.accessibilityState() !== undefined ||\n      this.ariaBusy() !== undefined ||\n      this.ariaChecked() !== undefined ||\n      this.ariaDisabled() !== undefined ||\n      this.ariaExpanded() !== undefined ||\n      this.ariaSelected() !== undefined ||\n      !!this.disabledForAccessibility() ||\n      this.checkedForAccessibility() !== undefined ||\n      this.contributions.length > 0\n    );\n  }\n\n  private mergedAccessibilityState(): AccessibilityState | undefined {\n    // Answered without allocating in the common case: this runs from a host binding on every\n    // control, on every pass, and most of them have no state to announce.\n    if (!this.hasState()) return (this.lastAccessibilityState = undefined);\n    const explicit = this.accessibilityState();\n    const merged: Record<string, unknown> = { ...explicit };\n    const set = (key: keyof AccessibilityState, value: unknown) => {\n      if (value !== undefined) merged[key] = value;\n    };\n    set('disabled', this.disabledForAccessibility() || undefined);\n    set('checked', this.checkedForAccessibility());\n    set('busy', this.ariaBusy());\n    set('checked', this.ariaChecked());\n    set('disabled', this.ariaDisabled());\n    set('expanded', this.ariaExpanded());\n    set('selected', this.ariaSelected());\n    for (const contribution of this.contributions) {\n      const state = contribution.accessibilityState?.();\n      for (const key of Object.keys(state ?? {})) {\n        set(key as keyof AccessibilityState, (state as Record<string, unknown>)[key]);\n      }\n    }\n    const state = Object.keys(merged).length ? (merged as AccessibilityState) : explicit;\n    const last = this.lastAccessibilityState;\n    if (last && state && sameState(last, state)) return last;\n    return (this.lastAccessibilityState = state);\n  }\n\n  private mergedAccessibilityValue(): AccessibilityValue | undefined {\n    const explicit = this.accessibilityValue();\n    const merged: Record<string, unknown> = { ...explicit };\n    const set = (key: keyof AccessibilityValue, value: unknown) => {\n      if (value !== undefined) merged[key] = value;\n    };\n    set('min', this.ariaValueMin());\n    set('max', this.ariaValueMax());\n    set('now', this.ariaValueNow());\n    set('text', this.ariaValueText());\n    return Object.keys(merged).length ? (merged as AccessibilityValue) : explicit;\n  }\n}\n\n/**\n * `ViewBase` on its own, for a component whose host is a plain view.\n *\n * No selector: this is only ever a `hostDirectives` entry, and it is the counterpart to\n * `PressBehavior` for the parts of a control that do not take a touch. A radio group is the case\n * that asked for it - it announces itself as a group and holds a value, but pressing it means\n * nothing, and without a `ViewBase` on the node there is nothing to write that role.\n */\n@Directive({})\nexport class ViewBehavior extends ViewBase {}\n"]}
+{"version":3,"file":"view-base.js","sourceRoot":"","sources":["../src/view-base.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The props every native view accepts, as typed inputs forwarded to the host node.\n *\n * Each input is mirrored by a host binding of the same name, which is what carries the value to\n * the renderer: once a directive declares an input, Angular routes the binding to the directive\n * rather than the element. An unset input stays `undefined` and never reaches native, so a view\n * that mentions none of these sends none of them.\n *\n * Web-style `aria-*` names are accepted as aliases and land on the `accessibility*` props React\n * Native's own `View.js` maps them to. `id` maps to `nativeID` and `tabIndex` to `focusable` the\n * same way.\n *\n * Events are element events, typed in `events.ts`: `(layout)`, `(touchStart)`,\n * `(accessibilityAction)` and so on. They are deliberately not outputs; see that file.\n */\nimport { Directive, ElementRef, type SimpleChanges, inject, input } from '@angular/core';\nimport { HostEngine, claimHost, declareNativeProps, type HostNode } from '@ng-native/fabric';\nimport type { Insets } from './events.ts';\nimport { optionalBoolean, optionalNumber } from './transforms.ts';\nimport { WRITTEN_PROPS } from './written-props.ts';\n\n/**\n * The ARIA roles, which `role` takes as React Native's own `role` prop does. Native maps each to\n * what the platform has.\n */\nexport type Role =\n  | 'alert'\n  | 'alertdialog'\n  | 'application'\n  | 'article'\n  | 'banner'\n  | 'button'\n  | 'cell'\n  | 'checkbox'\n  | 'columnheader'\n  | 'combobox'\n  | 'complementary'\n  | 'contentinfo'\n  | 'definition'\n  | 'dialog'\n  | 'directory'\n  | 'document'\n  | 'feed'\n  | 'figure'\n  | 'form'\n  | 'grid'\n  | 'group'\n  | 'heading'\n  | 'img'\n  | 'link'\n  | 'list'\n  | 'listitem'\n  | 'log'\n  | 'main'\n  | 'marquee'\n  | 'math'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'meter'\n  | 'navigation'\n  | 'none'\n  | 'note'\n  | 'option'\n  | 'presentation'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'region'\n  | 'row'\n  | 'rowgroup'\n  | 'rowheader'\n  | 'scrollbar'\n  | 'searchbox'\n  | 'separator'\n  | 'slider'\n  | 'spinbutton'\n  | 'status'\n  | 'summary'\n  | 'switch'\n  | 'tab'\n  | 'table'\n  | 'tablist'\n  | 'tabpanel'\n  | 'term'\n  | 'timer'\n  | 'toolbar'\n  | 'tooltip'\n  | 'tree'\n  | 'treegrid'\n  | 'treeitem';\n\n/**\n * The ARIA roles `accessibilityRole` has no word for. One of these is committed as `role`, which\n * native reads over `accessibilityRole`; any other is `accessibilityRole` under its web spelling.\n */\nconst ARIA_ONLY_ROLES: ReadonlySet<string> = new Set([\n  'alertdialog',\n  'application',\n  'article',\n  'banner',\n  'cell',\n  'columnheader',\n  'complementary',\n  'contentinfo',\n  'definition',\n  'dialog',\n  'directory',\n  'document',\n  'feed',\n  'figure',\n  'form',\n  'group',\n  'heading',\n  'img',\n  'listitem',\n  'log',\n  'main',\n  'marquee',\n  'math',\n  'meter',\n  'navigation',\n  'note',\n  'option',\n  'presentation',\n  'region',\n  'row',\n  'rowgroup',\n  'rowheader',\n  'searchbox',\n  'separator',\n  'slider',\n  'status',\n  'table',\n  'tabpanel',\n  'term',\n  'tooltip',\n  'tree',\n  'treegrid',\n  'treeitem',\n]);\n\n/** The roles assistive technologies understand, as `accessibilityRole` names them. */\nexport type AccessibilityRole =\n  | 'none'\n  | 'button'\n  | 'togglebutton'\n  | 'link'\n  | 'search'\n  | 'image'\n  | 'keyboardkey'\n  | 'text'\n  | 'adjustable'\n  | 'imagebutton'\n  | 'header'\n  | 'summary'\n  | 'alert'\n  | 'checkbox'\n  | 'combobox'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tabbar'\n  | 'tablist'\n  | 'timer'\n  | 'list'\n  | 'toolbar'\n  | 'grid'\n  | 'pager'\n  | 'scrollview'\n  | 'horizontalscrollview'\n  | 'viewgroup'\n  | 'webview'\n  | 'drawerlayout'\n  | 'slidingdrawer'\n  | 'iconmenu';\n\nexport interface AccessibilityState {\n  readonly disabled?: boolean;\n  readonly selected?: boolean;\n  readonly checked?: boolean | 'mixed';\n  readonly busy?: boolean;\n  readonly expanded?: boolean;\n}\n\nexport interface AccessibilityValue {\n  readonly min?: number;\n  readonly max?: number;\n  readonly now?: number;\n  readonly text?: string;\n}\n\nexport interface AccessibilityAction {\n  readonly name: string;\n  readonly label?: string;\n}\n\n/** Android's `nativeBackgroundAndroid` and `nativeForegroundAndroid`. */\nexport type AndroidDrawable =\n  | {\n      readonly type: 'RippleAndroid';\n      readonly color?: string | number;\n      readonly borderless?: boolean;\n      readonly rippleRadius?: number;\n    }\n  | { readonly type: 'ThemeAttrAndroid'; readonly attribute: string };\n\nexport type PointerEvents = 'box-none' | 'none' | 'box-only' | 'auto';\nexport type ImportantForAccessibility = 'auto' | 'yes' | 'no' | 'no-hide-descendants';\nexport type AccessibilityLiveRegion = 'none' | 'polite' | 'assertive';\n\n/**\n * Angular writes a static attribute to the element as well as feeding it to the input of the\n * same name, so `<switch thumbColor=\"#fff\">` leaves a stray `thumbColor` prop on the node next to\n * the `thumbTintColor` the input produces. The inputs of the directive are what consumed them,\n * so those names come off the node; a host binding puts back any that native does read.\n *\n * Walking the *node's* props rather than the directive's inputs is not a detail. This runs for\n * every element on screen, a primitive declares some forty-five inputs, and at this point the node\n * usually has no props at all - bindings have not run yet, so only static attributes are there.\n * The other way round it was forty-five `delete`s per element on an object that had none of them,\n * which is both wasted work and the way to push an object into dictionary mode.\n */\n/** Shallow equality, so a re-merged state that says the same thing keeps its identity. */\nfunction sameState(a: AccessibilityState, b: AccessibilityState): boolean {\n  const keys = Object.keys(a) as (keyof AccessibilityState)[];\n  return keys.length === Object.keys(b).length && keys.every((key) => a[key] === b[key]);\n}\n\n/** The host primitives whose props have been declared to the engine. */\nconst declared = new WeakSet<object>();\n\n/**\n * Tell the engine the props this primitive's native view takes, once per component class: its\n * inputs by their public names, and `WRITTEN_PROPS`. What its check for a misspelt prop reads.\n */\nfunction declareProps(ctor: unknown, node: HostNode): void {\n  if (declared.has(ctor as object)) return;\n  declared.add(ctor as object);\n  const def =\n    (ctor as { ɵcmp?: { inputs?: object }; ɵdir?: { inputs?: object } }).ɵcmp ??\n    (ctor as { ɵdir?: { inputs?: object } }).ɵdir;\n  const name = (node as { name?: string }).name;\n  if (!name || !def?.inputs) return;\n  declareNativeProps(name, [...Object.keys(def.inputs), ...WRITTEN_PROPS]);\n}\n\nfunction stripConsumedAttributes(ctor: unknown, node: HostNode): void {\n  // A directive with no selector is only ever a `hostDirectives` entry, which exposes the inputs\n  // it lists and no others, so an attribute of the same name as the rest was not consumed.\n  type Def = { inputs?: Record<string, unknown>; selectors?: readonly unknown[] };\n  const { ɵcmp, ɵdir } = ctor as { ɵcmp?: Def; ɵdir?: Def };\n  const def = ɵcmp ?? (ɵdir?.selectors?.length ? ɵdir : undefined);\n  const inputs = def?.inputs;\n  if (!inputs) return;\n  // A host that has not put a bag on the node yet has no attributes to take off it. Read\n  // unconditionally, this threw `Cannot convert undefined or null to object` on the first\n  // component a browser host ever mounted, before anything rendered - which is a hard crash\n  // standing between this package and a second platform, for a loop with nothing to do.\n  const props = node.props as Record<string, unknown> | undefined;\n  if (!props) return;\n  for (const name of Object.keys(props)) {\n    if (name in inputs) delete props[name];\n  }\n}\n\n/**\n * What a directive on the same node says this view *is*, for a screen reader.\n *\n * A host primitive knows it is a view; only the thing composed onto it knows it is a button, a\n * checkbox or an accordion trigger. Without this seam that knowledge has nowhere to go: the role\n * and the state are written here, from this class's own inputs, and a later `ngOnChanges` would\n * overwrite anything a directive had set behind its back.\n *\n * Registered on the element with `contributeAccessibility`, and several primitives may contribute\n * to one element - a trigger that is also a button.\n */\nexport interface AccessibilityContribution {\n  /** The role, if this directive implies one. An explicit `role` on the element still wins. */\n  readonly role?: AccessibilityRole;\n  /**\n   * State to merge in, read on every write so it may be a signal read.\n   *\n   * Spelled in full because `state` is what a primitive calls the thing it publishes for a\n   * stylesheet - `data-state=\"checked\"` - and the two are not the same thing.\n   */\n  readonly accessibilityState?: () => AccessibilityState | undefined;\n}\n\n/** Where an element's contributions are kept: on the node, and only on a node that has some. */\nconst CONTRIBUTIONS = Symbol('angular-native.accessibilityContributions');\ntype Contributed = HostNode & { [CONTRIBUTIONS]?: AccessibilityContribution[] };\nconst NO_CONTRIBUTIONS: readonly AccessibilityContribution[] = [];\n\n/**\n * Tell the primitive on this element what it is, for a screen reader: a role, and state to merge\n * into what it announces. Call it from a directive's field initialiser or constructor, on the\n * element the primitive is on:\n *\n *     private readonly contribution = contributeAccessibility({ role: 'button' });\n *     private readonly contribution = contributeAccessibility(this);\n *\n * Kept on the node rather than provided through DI, because asking the injector costs every\n * element on screen a lookup to learn that nothing contributes - about a tenth of creating a list.\n * Reading a property that is not there costs nothing.\n */\nexport function contributeAccessibility<T extends AccessibilityContribution>(contribution: T): T {\n  const node = inject(ElementRef).nativeElement as Contributed;\n  (node[CONTRIBUTIONS] ??= []).push(contribution);\n  return contribution;\n}\n\n@Directive()\nexport abstract class ViewBase {\n  /** The retained node this directive sits on. */\n  protected readonly node = inject(ElementRef).nativeElement as HostNode;\n\n  /**\n   * The engine, because the props these inputs carry are written straight onto the node. Read\n   * off the node where the host put it there, which is one property read against an injector\n   * lookup that walks every ancestor element, for every element on screen.\n   */\n  protected readonly engine: HostEngine = this.node.host ?? inject(HostEngine);\n\n  /**\n   * See `contributeAccessibility`. Empty for every element nothing is composed onto. Read, never\n   * cached, from `ngOnInit` onwards: by then every directive on the node has been constructed and\n   * registered what it has to say.\n   */\n  private get contributions(): readonly AccessibilityContribution[] {\n    return (this.node as Contributed)[CONTRIBUTIONS] ?? NO_CONTRIBUTIONS;\n  }\n\n  constructor() {\n    claimHost(this.node);\n    stripConsumedAttributes(this.constructor, this.node);\n    declareProps(this.constructor, this.node);\n    this.engine.settle(this);\n  }\n\n  /** Whether `ngOnInit` has run, which is what writes the props every element starts with. */\n  private initialised = false;\n\n  /**\n   * Write what the inputs say, for an element whose view has not been checked by the time the\n   * host commits it. Nothing for one that has.\n   *\n   * The props are written from `ngOnChanges` and `ngOnInit`, which Angular runs in the parent\n   * view's update pass. A component that detaches itself before its first check never gets one,\n   * and on the web that pattern still works, because a listener and an attribute are there from\n   * creation. So the host calls this before the commit that first mounts the element, by when its\n   * static inputs are set: the press handling, the role and the `testID` are there, and the view\n   * behaves as written once something calls `detectChanges()`.\n   */\n  settleProps(): void {\n    if (this.initialised) return;\n    this.ngOnChanges({});\n    this.ngOnInit();\n  }\n\n  // --- accessibility ---------------------------------------------------------------------\n\n  /** Whether the view is an accessibility element. Defaults to false for a plain view. */\n  readonly accessible = input<boolean>(undefined, { transform: optionalBoolean });\n  /** What a screen reader announces for the view. */\n  readonly accessibilityLabel = input<string>();\n  /** `aria-label`: web spelling of `accessibilityLabel`. */\n  readonly ariaLabel = input<string>(undefined, { alias: 'aria-label' });\n  /** Android: `nativeID`s of the views that label this one. */\n  readonly accessibilityLabelledBy = input<string | readonly string[]>();\n  /** `aria-labelledby`: web spelling of `accessibilityLabelledBy`. */\n  readonly ariaLabelledBy = input<string | readonly string[]>(undefined, {\n    alias: 'aria-labelledby',\n  });\n  /** What happens when the user acts on the view, when the label alone does not say. */\n  readonly accessibilityHint = input<string>();\n  /** The kind of control this is, for assistive technologies. */\n  readonly accessibilityRole = input<AccessibilityRole>();\n  /** `role`: the web spelling, which takes the ARIA roles as well as `accessibilityRole`'s. */\n  readonly role = input<Role | AccessibilityRole>();\n  /** Disabled, selected, checked, busy and expanded, as one object. */\n  readonly accessibilityState = input<AccessibilityState>();\n  /** `aria-busy`. */\n  readonly ariaBusy = input<boolean>(undefined, { alias: 'aria-busy', transform: optionalBoolean });\n  /** `aria-checked`. */\n  readonly ariaChecked = input<boolean | 'mixed'>(undefined, { alias: 'aria-checked' });\n  /** `aria-disabled`. */\n  readonly ariaDisabled = input<boolean>(undefined, {\n    alias: 'aria-disabled',\n    transform: optionalBoolean,\n  });\n  /** `aria-expanded`. */\n  readonly ariaExpanded = input<boolean>(undefined, {\n    alias: 'aria-expanded',\n    transform: optionalBoolean,\n  });\n  /** `aria-selected`. */\n  readonly ariaSelected = input<boolean>(undefined, {\n    alias: 'aria-selected',\n    transform: optionalBoolean,\n  });\n  /** The current value of an adjustable control, for a screen reader. */\n  readonly accessibilityValue = input<AccessibilityValue>();\n  /** `aria-valuemin`. */\n  readonly ariaValueMin = input<number>(undefined, {\n    alias: 'aria-valuemin',\n    transform: optionalNumber,\n  });\n  /** `aria-valuemax`. */\n  readonly ariaValueMax = input<number>(undefined, {\n    alias: 'aria-valuemax',\n    transform: optionalNumber,\n  });\n  /** `aria-valuenow`. */\n  readonly ariaValueNow = input<number>(undefined, {\n    alias: 'aria-valuenow',\n    transform: optionalNumber,\n  });\n  /** `aria-valuetext`. */\n  readonly ariaValueText = input<string>(undefined, { alias: 'aria-valuetext' });\n  /** Custom actions a screen reader can invoke; each arrives as `(accessibilityAction)`. */\n  readonly accessibilityActions = input<readonly AccessibilityAction[]>();\n  /** Android: announce changes to this view's content without focus moving to it. */\n  readonly accessibilityLiveRegion = input<AccessibilityLiveRegion>();\n  /** `aria-live`. */\n  readonly ariaLive = input<AccessibilityLiveRegion>(undefined, { alias: 'aria-live' });\n  /** iOS: hide this view and its children from assistive technologies. */\n  readonly accessibilityElementsHidden = input<boolean>(undefined, { transform: optionalBoolean });\n  /** `aria-hidden`: `accessibilityElementsHidden` on iOS, `no-hide-descendants` on Android. */\n  readonly ariaHidden = input<boolean>(undefined, {\n    alias: 'aria-hidden',\n    transform: optionalBoolean,\n  });\n  /** Android: whether this view is exposed to accessibility, and whether its children are. */\n  readonly importantForAccessibility = input<ImportantForAccessibility>();\n  /** iOS: VoiceOver ignores every sibling while this view is shown, as a modal expects. */\n  readonly accessibilityViewIsModal = input<boolean>(undefined, { transform: optionalBoolean });\n  /** `aria-modal`. */\n  readonly ariaModal = input<boolean>(undefined, {\n    alias: 'aria-modal',\n    transform: optionalBoolean,\n  });\n  /** iOS: keep the view's colours when the Invert Colors setting is on; images want this. */\n  readonly accessibilityIgnoresInvertColors = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** iOS: the language VoiceOver reads the label in, as a BCP 47 tag. */\n  readonly accessibilityLanguage = input<string>();\n  /** iOS: the title shown by the Large Content Viewer on a long press with large text on. */\n  readonly accessibilityLargeContentTitle = input<string>();\n  /** iOS: opt this view into the Large Content Viewer. */\n  readonly accessibilityShowsLargeContentViewer = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** iOS: tell VoiceOver the view responds to a tap even without a role that implies it. */\n  readonly accessibilityRespondsToUserInteraction = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n\n  // --- identity and hit testing ----------------------------------------------------------\n\n  /** A handle native code can find the view by; also what `:id` selectors match. */\n  readonly nativeID = input<string>();\n  /** `id`: the web spelling of `nativeID`. */\n  readonly id = input<string>();\n  /** A handle for end-to-end test tooling. */\n  readonly testID = input<string>();\n  /** Extend the touchable area beyond the view's bounds, without moving anything visible. */\n  readonly hitSlop = input<Insets | number>();\n  /** Whether this view, its children, or neither can be the target of a touch. */\n  readonly pointerEvents = input<PointerEvents>();\n  /** Set to false to keep a layout-only view alive; Fabric otherwise removes it from the tree. */\n  readonly collapsable = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Set to false to keep this view's layout-only children from being flattened. */\n  readonly collapsableChildren = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Detach children that are outside the visible bounds. A scroll view optimisation. */\n  readonly removeClippedSubviews = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Composite the view offscreen so a translucent view with children blends correctly. */\n  readonly needsOffscreenAlphaCompositing = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** Android: whether the view takes keyboard or TV focus. RN's `tabIndex` is this. */\n  readonly focusable = input<boolean>(undefined, { transform: optionalBoolean });\n  /** iOS: render the view to a bitmap once and reuse it; for a static view that animates. */\n  readonly shouldRasterizeIOS = input<boolean>(undefined, { transform: optionalBoolean });\n  /** Android: cache the view in a hardware texture; the same trade as `shouldRasterizeIOS`. */\n  readonly renderToHardwareTextureAndroid = input<boolean>(undefined, {\n    transform: optionalBoolean,\n  });\n  /** Android: a ripple or theme drawable painted behind the view's content. */\n  readonly nativeBackgroundAndroid = input<AndroidDrawable>();\n  /** Android: a ripple or theme drawable painted over the view's content. */\n  readonly nativeForegroundAndroid = input<AndroidDrawable>();\n\n  // --- merged views of the aliases ------------------------------------------------------\n\n  /**\n   * What React Native's own JavaScript wrapper would have defaulted, per component.\n   *\n   * Driving the native views directly skips those wrappers, and what is lost is invisible: the\n   * app looks identical and is unusable with a screen reader, because nothing on it is an\n   * accessibility element. Each hook is overridden by the component whose wrapper sets it, and\n   * cites the file it came from.\n   */\n\n  /** True for anything that behaves like a control. `Pressable.js`: `accessible !== false`. */\n  protected accessibleByDefault(): boolean {\n    return false;\n  }\n\n  /** Whether the platform's focus order should include this. `Pressable.js` again. */\n  protected focusableByDefault(): boolean {\n    return false;\n  }\n\n  /**\n   * A role the component itself implies. `Switch.js`: `accessibilityRole ?? 'switch'`. Below an\n   * explicit role and a contributed one, which is what a wrapper passing `accessibilityRole` is.\n   */\n  protected roleByDefault(): AccessibilityRole | undefined {\n    return undefined;\n  }\n\n  /**\n   * The component's own `disabled`, for the state a screen reader announces: undefined when not\n   * passed.\n   *\n   * It wins over `aria-disabled` and `accessibilityState.disabled`, as it does in `Pressable.js`,\n   * `TouchableOpacity.js`, `Switch.js` and `Text.js`. True is always merged; false only overrides\n   * something else that says disabled, so a control that is not disabled says nothing rather than\n   * saying so on every node.\n   */\n  protected disabledForAccessibility(): boolean | undefined {\n    return undefined;\n  }\n\n  /**\n   * The component's own `checked`, for a control whose checked state is not an accessibility\n   * input at all - `Switch`'s `checked` is a `model()`, not one of this class's inputs, so it\n   * cannot reach `ngOnChanges` here any more than `disabled` can.\n   *\n   * It wins over `aria-checked` and `accessibilityState.checked`, as `disabledForAccessibility`\n   * does over theirs: what a screen reader announces is the position the control shows.\n   */\n  protected checkedForAccessibility(): boolean | 'mixed' | undefined {\n    return undefined;\n  }\n\n  /**\n   * Write what the inputs say onto the node.\n   *\n   * This is what thirty host bindings used to do, and it is here rather than there for a reason\n   * that was measured: a host binding costs every element that carries it, on every pass, whether\n   * or not the app ever set the prop, and mounting four hundred rows spent a third of its time on\n   * the accessibility surface alone. Angular calls this once with everything that changed instead.\n   *\n   * It works with signal inputs, which is easy to assume it does not: `ngOnChanges` fires for\n   * them as it does for any other input, because `ngOnChangesSetInput` records a `SimpleChange`\n   * before writing the signal. `signal-onchanges.test.ts` is there to keep that fact honest.\n   *\n   * What remains is the allocation - a signal input builds its node whether or not anything binds\n   * to it, and there are forty-six here. Moving prop groups into directives selected by the props\n   * they carry (`[accessibilityLabel], [aria-label], ...`) is how that goes away: an element that\n   * binds none of them would allocate nothing. Measured on a 400-row mount it is worth about 40ms,\n   * at the price of an import per group.\n   */\n  ngOnChanges(_changes?: SimpleChanges): void {\n    this.writeAccessibility();\n    this.writeIdentity();\n  }\n\n  private writeAccessibility(): void {\n    const write = this.writer();\n    write(\n      'accessible',\n      this.accessibleByDefault() ? (this.accessible() ?? true) : this.accessible(),\n    );\n    write(\n      'accessibilityLabel',\n      this.accessibilityLabel() ?? this.ariaLabel() ?? this.labelByDefault(),\n    );\n    write('accessibilityLabelledBy', this.accessibilityLabelledBy() ?? this.ariaLabelledBy());\n    write('accessibilityHint', this.accessibilityHint());\n    const role = this.role();\n    const aria = role !== undefined && ARIA_ONLY_ROLES.has(role);\n    write('role', aria ? role : undefined);\n    // An ARIA role is the element's role whatever the component implies, as any explicit one is.\n    write(\n      'accessibilityRole',\n      this.accessibilityRole() ?? (aria ? undefined : (role ?? this.impliedRole())),\n    );\n    write('accessibilityState', this.mergedAccessibilityState());\n    write('accessibilityValue', this.mergedAccessibilityValue());\n    write('accessibilityActions', this.accessibilityActions());\n    this.writeVisibility();\n    this.publishAriaState(write);\n  }\n\n  /**\n   * The aria states Tailwind has variants for, put back on the node as the attributes they came\n   * in as. The inputs consume them, so `[aria-disabled=\"true\"]` and every `aria-*:` utility had\n   * nothing to match. Hyphenated, so the engine keeps them for selectors and never sends them.\n   */\n  private publishAriaState(write: (key: string, value: unknown) => void): void {\n    const attribute = (value: unknown) => (value === undefined ? undefined : String(value));\n    write('aria-busy', attribute(this.ariaBusy()));\n    write('aria-checked', attribute(this.ariaChecked()));\n    write('aria-disabled', attribute(this.ariaDisabled()));\n    write('aria-expanded', attribute(this.ariaExpanded()));\n    write('aria-hidden', attribute(this.ariaHidden()));\n    write('aria-selected', attribute(this.ariaSelected()));\n  }\n\n  /** The half of accessibility that is about what assistive technology may see, and in which language. */\n  private writeVisibility(): void {\n    const write = (key: string, value: unknown) => this.engine.setProp(this.node, key, value);\n    write('accessibilityLiveRegion', this.accessibilityLiveRegion() ?? this.ariaLive());\n    write('accessibilityElementsHidden', this.accessibilityElementsHidden() ?? this.ariaHidden());\n    write(\n      'importantForAccessibility',\n      this.importantForAccessibility() ?? (this.ariaHidden() ? 'no-hide-descendants' : undefined),\n    );\n    write('accessibilityViewIsModal', this.accessibilityViewIsModal() ?? this.ariaModal());\n    write('accessibilityIgnoresInvertColors', this.accessibilityIgnoresInvertColors());\n    write('accessibilityLanguage', this.accessibilityLanguage());\n    write('accessibilityLargeContentTitle', this.accessibilityLargeContentTitle());\n    write('accessibilityShowsLargeContentViewer', this.accessibilityShowsLargeContentViewer());\n    write('accessibilityRespondsToUserInteraction', this.accessibilityRespondsToUserInteraction());\n  }\n\n  /**\n   * Writes a prop, and says nothing when it has nothing to say.\n   *\n   * The `undefined` guard is the whole of it. These two methods rewrite roughly forty props from\n   * this class's own inputs on every `ngOnChanges`, so without the guard, anything that reached\n   * the node by another route would be overwritten the first time any input changed. Two routes\n   * reach the node without going through an input of this class:\n   *\n   * - A host binding on a component that composes this class in, such as `[accessible]` or\n   *   `[accessibilityLabel]` set from the composing component's own `host` object.\n   * - An element property binding beside a `hostDirectives` entry. A component whose\n   *   `hostDirectives` entry lists one input (say `disabled`) but not another (say `nativeID`)\n   *   leaves `[nativeID]` to be applied as a plain property; a bound `[disabled]` beside it would\n   *   then clobber the id on the next change unless the identity inputs are also listed through\n   *   explicitly.\n   *\n   * An input that goes back to `undefined` clears the prop only when this is what set it, so a\n   * binding such as `[pointerEvents]=\"busy() ? 'none' : undefined\"` still switches off, and a\n   * prop that arrived by one of those other routes is still never touched. Clearing a *class*\n   * clears the style it brought, because that goes through the cascade rather than through here.\n   */\n  private writer(): (key: string, value: unknown) => void {\n    return (key, value) => {\n      if (value === undefined) {\n        // Cleared only if this wrote it: `[pointerEvents]=\"busy() ? 'none' : undefined\"` has to\n        // give the view its touches back, and a prop another route set is still left alone.\n        if (this.written?.delete(key)) this.engine.setProp(this.node, key, null);\n        return;\n      }\n      (this.written ??= new Set()).add(key);\n      this.engine.setProp(this.node, key, value);\n    };\n  }\n\n  /** The props `writer` has set from an input, so it can clear one when its input is unset. */\n  private written: Set<string> | null = null;\n\n  private writeIdentity(): void {\n    const write = this.writer();\n    write('nativeID', this.nativeID() ?? this.id());\n    write('testID', this.testID());\n    write('hitSlop', this.hitSlop());\n    write('pointerEvents', this.pointerEvents());\n    write('collapsable', this.collapsable());\n    write('collapsableChildren', this.collapsableChildren());\n    write('removeClippedSubviews', this.removeClippedSubviews());\n    write('needsOffscreenAlphaCompositing', this.needsOffscreenAlphaCompositing());\n    write('focusable', this.focusableByDefault() ? (this.focusable() ?? true) : this.focusable());\n    write('shouldRasterizeIOS', this.shouldRasterizeIOS());\n    write('renderToHardwareTextureAndroid', this.renderToHardwareTextureAndroid());\n    write('nativeBackgroundAndroid', this.nativeBackgroundAndroid());\n    write('nativeForegroundAndroid', this.nativeForegroundAndroid());\n  }\n\n  /**\n   * The defaults a React Native wrapper would have applied, written once when the element is\n   * created. `ngOnChanges` writes them again whenever an input changes, so an app that later\n   * clears a prop falls back to the default rather than to nothing.\n   */\n  /**\n   * The defaults a React Native wrapper would have applied, for an element nothing was bound on.\n   *\n   * In `ngOnInit` rather than the constructor because a hook like `accessibleByDefault` is\n   * answered from the subclass's own inputs - `Text` asks whether it is pressable - and those\n   * fields do not exist yet while the base constructor runs. Each is guarded on its input being\n   * unset, because `ngOnChanges` has already run by now and its answer, which merges the default\n   * in, is the better one.\n   */\n  ngOnInit(): void {\n    this.initialised = true;\n    // A directive with nothing bound to it never sees `ngOnChanges`, so an element that carries a\n    // primitive and no bindings would never have its role or state written at all. Cheap to ask,\n    // and the answer is no for every element in an app that uses none.\n    if (this.contributions.length > 0) this.writeAccessibility();\n    if (this.accessible() === undefined && this.accessibleByDefault()) {\n      this.engine.setProp(this.node, 'accessible', true);\n    }\n    if (this.focusable() === undefined && this.focusableByDefault()) {\n      this.engine.setProp(this.node, 'focusable', true);\n    }\n    if (this.accessibilityRole() === undefined && this.role() === undefined) {\n      const role = this.impliedRole();\n      if (role) this.engine.setProp(this.node, 'accessibilityRole', role);\n    }\n    if (this.accessibilityLabel() === undefined && this.ariaLabel() === undefined) {\n      const label = this.labelByDefault();\n      if (label !== undefined) this.engine.setProp(this.node, 'accessibilityLabel', label);\n    }\n  }\n\n  /** The role when none is set: one a directive contributes, or else the component's own. */\n  private impliedRole(): AccessibilityRole | undefined {\n    return this.contributedRole() ?? this.roleByDefault();\n  }\n\n  /** The first role any directive on this node claims. Two claiming different ones is a bug. */\n  private contributedRole(): AccessibilityRole | undefined {\n    for (const contribution of this.contributions) {\n      if (contribution.role) return contribution.role;\n    }\n    return undefined;\n  }\n\n  /** A label the component itself can supply, as `Image` does from `alt`. */\n  protected labelByDefault(): string | undefined {\n    return undefined;\n  }\n\n  /**\n   * The merged state, for a component whose own inputs feed it - `disabled` on a pressable or a\n   * switch, which is a signal of theirs and so cannot reach `ngOnChanges` here.\n   *\n   * Those components bind this from their host. It returns the *same object* when nothing has\n   * changed, which is what keeps a host binding from marking the node dirty on every pass.\n   */\n  protected accessibilityStateProp(): AccessibilityState | undefined {\n    return this.mergedAccessibilityState();\n  }\n\n  private lastAccessibilityState: AccessibilityState | undefined;\n\n  /** Whether anything could put state on this node. For nearly every node on screen, no. */\n  private hasState(): boolean {\n    return (\n      this.accessibilityState() !== undefined ||\n      this.ariaBusy() !== undefined ||\n      this.ariaChecked() !== undefined ||\n      this.ariaDisabled() !== undefined ||\n      this.ariaExpanded() !== undefined ||\n      this.ariaSelected() !== undefined ||\n      !!this.disabledForAccessibility() ||\n      this.checkedForAccessibility() !== undefined ||\n      this.contributions.length > 0\n    );\n  }\n\n  private mergedAccessibilityState(): AccessibilityState | undefined {\n    // Answered without allocating in the common case: this runs from a host binding on every\n    // control, on every pass, and most of them have no state to announce.\n    if (!this.hasState()) return (this.lastAccessibilityState = undefined);\n    const explicit = this.accessibilityState();\n    const merged: Record<string, unknown> = { ...explicit };\n    const set = (key: keyof AccessibilityState, value: unknown) => {\n      if (value !== undefined) merged[key] = value;\n    };\n    set('busy', this.ariaBusy());\n    set('checked', this.ariaChecked());\n    set('checked', this.checkedForAccessibility());\n    set('disabled', this.ariaDisabled());\n    set('disabled', this.disabledOver(merged['disabled']));\n    set('expanded', this.ariaExpanded());\n    set('selected', this.ariaSelected());\n    for (const contribution of this.contributions) {\n      const state = contribution.accessibilityState?.();\n      for (const key of Object.keys(state ?? {})) {\n        set(key as keyof AccessibilityState, (state as Record<string, unknown>)[key]);\n      }\n    }\n    const state = Object.keys(merged).length ? (merged as AccessibilityState) : explicit;\n    const last = this.lastAccessibilityState;\n    if (last && state && sameState(last, state)) return last;\n    return (this.lastAccessibilityState = state);\n  }\n\n  /** `disabled` over what else said: true always, false only when something said otherwise. */\n  private disabledOver(other: unknown): boolean | undefined {\n    const own = this.disabledForAccessibility();\n    return own || (own === false && other !== undefined) ? own : undefined;\n  }\n\n  private mergedAccessibilityValue(): AccessibilityValue | undefined {\n    const explicit = this.accessibilityValue();\n    const merged: Record<string, unknown> = { ...explicit };\n    const set = (key: keyof AccessibilityValue, value: unknown) => {\n      if (value !== undefined) merged[key] = value;\n    };\n    set('min', this.ariaValueMin());\n    set('max', this.ariaValueMax());\n    set('now', this.ariaValueNow());\n    set('text', this.ariaValueText());\n    return Object.keys(merged).length ? (merged as AccessibilityValue) : explicit;\n  }\n}\n\n/**\n * `ViewBase` on its own, for a component whose host is a plain view.\n *\n * No selector: this is only ever a `hostDirectives` entry, and it is the counterpart to\n * `PressBehavior` for the parts of a control that do not take a touch. A radio group is the case\n * that asked for it - it announces itself as a group and holds a value, but pressing it means\n * nothing, and without a `ViewBase` on the node there is nothing to write that role.\n */\n@Directive({})\nexport class ViewBehavior extends ViewBase {}\n"]}