@ng-native/components 0.3.0 → 0.4.0

package/dist/stand-ins/gesture-handler.js

@@ -0,0 +1,43 @@
+/**
+ * `react-native-gesture-handler` where there is no native recogniser: a browser build and a test,
+ * which resolve the library here (`ngNativeWeb()` and `@ng-native/testing`). Nothing is recognised.
+ *
+ * `Gesture.Pan()`, `Gesture.Tap()`, `Gesture.Simultaneous(...)` and every other builder returns a
+ * gesture that takes any configuration call, `.minDistance(10).onUpdate(...)`, and returns itself,
+ * so a component builds its gestures exactly as it does on a device. The callbacks it was
+ * given are kept on `callbacks`, by name, for a test that wants to call one. `State` and
+ * `Directions` are the library's own numbers.
+ */
+function gesture(kind, gestures) {
+    const callbacks = {};
+    const fields = { kind, gestures, callbacks };
+    const self = new Proxy(fields, {
+        get(target, key) {
+            if (typeof key === 'string' && key in fields)
+                return fields[key];
+            // Not a thenable, and nothing to say to a symbol such as `Symbol.toPrimitive`.
+            if (typeof key === 'symbol' || key === 'then')
+                return undefined;
+            return (...args) => {
+                if (key.startsWith('on') && typeof args[0] === 'function') {
+                    callbacks[key] = args[0];
+                }
+                return self;
+            };
+        },
+    });
+    return self;
+}
+export const Gesture = new Proxy({}, {
+    get: (_target, kind) => (...gestures) => gesture(String(kind), gestures),
+});
+export const State = {
+    UNDETERMINED: 0,
+    FAILED: 1,
+    BEGAN: 2,
+    CANCELLED: 3,
+    ACTIVE: 4,
+    END: 5,
+};
+export const Directions = { RIGHT: 1, LEFT: 2, UP: 4, DOWN: 8 };
+//# sourceMappingURL=gesture-handler.js.map

package/dist/stand-ins/gesture-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture-handler.js","sourceRoot":"","sources":["../../src/stand-ins/gesture-handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA6DH,SAAS,OAAO,CAAC,IAAY,EAAE,QAAmC;IAChE,MAAM,SAAS,GAAkD,EAAE,CAAC;IACpE,MAAM,MAAM,GAA4B,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtE,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,MAAwB,EAAE;QAC/C,GAAG,CAAC,MAAM,EAAE,GAAG;YACb,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,IAAI,MAAM;gBAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,+EAA+E;YAC/E,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,MAAM;gBAAE,OAAO,SAAS,CAAC;YAChE,OAAO,CAAC,GAAG,IAAe,EAAE,EAAE;gBAC5B,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,UAAU,EAAE,CAAC;oBAC1D,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAkC,CAAC;gBAC5D,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,KAAK,CAC9B,EAAE,EACF;IACE,GAAG,EACD,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CAClB,CAAC,GAAG,QAAmB,EAAE,EAAE,CACzB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,QAA4B,CAAC;CACxD,CACgF,CAAC;AAEpF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;CACE,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAW,CAAC","sourcesContent":["/**\n * `react-native-gesture-handler` where there is no native recogniser: a browser build and a test,\n * which resolve the library here (`ngNativeWeb()` and `@ng-native/testing`). Nothing is recognised.\n *\n * `Gesture.Pan()`, `Gesture.Tap()`, `Gesture.Simultaneous(...)` and every other builder returns a\n * gesture that takes any configuration call, `.minDistance(10).onUpdate(...)`, and returns itself,\n * so a component builds its gestures exactly as it does on a device. The callbacks it was\n * given are kept on `callbacks`, by name, for a test that wants to call one. `State` and\n * `Directions` are the library's own numbers.\n */\n\n/** The configuration and callback calls gestures take, as far as a test types them. */\ntype GestureMethod =\n  | 'onBegin'\n  | 'onStart'\n  | 'onUpdate'\n  | 'onChange'\n  | 'onEnd'\n  | 'onFinalize'\n  | 'onTouchesDown'\n  | 'onTouchesMove'\n  | 'onTouchesUp'\n  | 'onTouchesCancelled'\n  | 'enabled'\n  | 'runOnJS'\n  | 'minDistance'\n  | 'minPointers'\n  | 'maxPointers'\n  | 'numberOfTaps'\n  | 'minDuration'\n  | 'maxDuration'\n  | 'direction'\n  | 'activeOffsetX'\n  | 'activeOffsetY'\n  | 'failOffsetX'\n  | 'failOffsetY'\n  | 'hitSlop'\n  | 'shouldCancelWhenOutside'\n  | 'manualActivation'\n  | 'simultaneousWithExternalGesture'\n  | 'requireExternalGestureToFail'\n  | 'blocksExternalGesture'\n  | 'withRef'\n  | 'withTestId';\n\n/**\n * A gesture built in a test: every configuration call returns it, and callbacks are kept. `kind`\n * is the builder that made it, `Pan` or `Race`, and `gestures` what a composed one was made of.\n */\nexport type StandInGesture = {\n  readonly kind: string;\n  readonly gestures: readonly StandInGesture[];\n  readonly callbacks: Record<string, (...args: never[]) => unknown>;\n} & { readonly [M in GestureMethod]: (...args: readonly unknown[]) => StandInGesture };\n\ntype Builder =\n  | 'Pan'\n  | 'Tap'\n  | 'LongPress'\n  | 'Pinch'\n  | 'Rotation'\n  | 'Fling'\n  | 'Hover'\n  | 'Manual'\n  | 'Native'\n  | 'ForceTouch'\n  | 'Race'\n  | 'Simultaneous'\n  | 'Exclusive';\n\nfunction gesture(kind: string, gestures: readonly StandInGesture[]): StandInGesture {\n  const callbacks: Record<string, (...args: never[]) => unknown> = {};\n  const fields: Record<string, unknown> = { kind, gestures, callbacks };\n  const self = new Proxy(fields as StandInGesture, {\n    get(target, key) {\n      if (typeof key === 'string' && key in fields) return fields[key];\n      // Not a thenable, and nothing to say to a symbol such as `Symbol.toPrimitive`.\n      if (typeof key === 'symbol' || key === 'then') return undefined;\n      return (...args: unknown[]) => {\n        if (key.startsWith('on') && typeof args[0] === 'function') {\n          callbacks[key] = args[0] as (...args: never[]) => unknown;\n        }\n        return self;\n      };\n    },\n  });\n  return self;\n}\n\nexport const Gesture = new Proxy(\n  {},\n  {\n    get:\n      (_target, kind) =>\n      (...gestures: unknown[]) =>\n        gesture(String(kind), gestures as StandInGesture[]),\n  },\n) as Readonly<Record<Builder, (...gestures: readonly unknown[]) => StandInGesture>>;\n\nexport const State = {\n  UNDETERMINED: 0,\n  FAILED: 1,\n  BEGAN: 2,\n  CANCELLED: 3,\n  ACTIVE: 4,\n  END: 5,\n} as const;\n\nexport const Directions = { RIGHT: 1, LEFT: 2, UP: 4, DOWN: 8 } as const;\n"]}

package/dist/stand-ins/reanimated.d.ts

@@ -0,0 +1,62 @@
+/**
+ * `react-native-reanimated` where there is no UI-thread runtime: a browser build and a test, which
+ * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`).
+ *
+ * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
+ * is called with `true` at once, so the value is where the animation ends and what ends it runs.
+ * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
+ * identity, since nothing is ever between an animation's ends.
+ *
+ * ponytail: the functions apps call from components, not the React hooks; add one when an app
+ * imports it.
+ */
+export { sharedValue as makeMutable } from '../reanimated-web.ts';
+export type { MutableValue as SharedValue } from '../worklets.ts';
+type Done = ((finished?: boolean) => void) | undefined;
+export declare function withTiming<T>(to: T, _config?: object, callback?: Done): T;
+export declare function withSpring<T>(to: T, _config?: object, callback?: Done): T;
+export declare function withDecay(_config: {
+    velocity?: number;
+}, callback?: Done): number;
+export declare function withDelay<T>(_delay: number, animation: T): T;
+export declare function withSequence<T>(...animations: T[]): T;
+export declare function withRepeat<T>(animation: T, _times?: number, _reverse?: boolean, callback?: Done): T;
+export declare function cancelAnimation(_value: unknown): void;
+/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
+export declare function startMapper(_worklet: () => void, _inputs?: unknown[]): number;
+export declare function stopMapper(_id: number): void;
+export declare const Extrapolation: {
+    readonly IDENTITY: "identity";
+    readonly CLAMP: "clamp";
+    readonly EXTEND: "extend";
+};
+type Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], extrapolate?: Extrapolate | {
+    extrapolateLeft?: Extrapolate;
+    extrapolateRight?: Extrapolate;
+}): number;
+export declare const Easing: {
+    linear: (t: number) => number;
+    ease: (t: number) => number;
+    quad: (t: number) => number;
+    cubic: (t: number) => number;
+    sin: (t: number) => number;
+    circle: (t: number) => number;
+    exp: (t: number) => number;
+    bounce: (t: number) => number;
+    poly: () => (t: number) => number;
+    elastic: () => (t: number) => number;
+    back: () => (t: number) => number;
+    bezier: () => (t: number) => number;
+    bezierFn: () => (t: number) => number;
+    in: (easing: (t: number) => number) => (t: number) => number;
+    out: (easing: (t: number) => number) => (t: number) => number;
+    inOut: (easing: (t: number) => number) => (t: number) => number;
+};
+export declare const ReduceMotion: {
+    readonly System: "system";
+    readonly Always: "always";
+    readonly Never: "never";
+};
+export declare function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;
+export declare function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;

package/dist/stand-ins/reanimated.js

@@ -0,0 +1,95 @@
+/**
+ * `react-native-reanimated` where there is no UI-thread runtime: a browser build and a test, which
+ * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`).
+ *
+ * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
+ * is called with `true` at once, so the value is where the animation ends and what ends it runs.
+ * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
+ * identity, since nothing is ever between an animation's ends.
+ *
+ * ponytail: the functions apps call from components, not the React hooks; add one when an app
+ * imports it.
+ */
+export { sharedValue as makeMutable } from "../reanimated-web.js";
+const settle = (to, callback) => {
+    callback?.(true);
+    return to;
+};
+export function withTiming(to, _config, callback) {
+    return settle(to, callback);
+}
+export function withSpring(to, _config, callback) {
+    return settle(to, callback);
+}
+export function withDecay(_config, callback) {
+    return settle(0, callback);
+}
+export function withDelay(_delay, animation) {
+    return animation;
+}
+export function withSequence(...animations) {
+    return animations[animations.length - 1];
+}
+export function withRepeat(animation, _times, _reverse, callback) {
+    return settle(animation, callback);
+}
+export function cancelAnimation(_value) { }
+/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
+export function startMapper(_worklet, _inputs) {
+    return 0;
+}
+export function stopMapper(_id) { }
+export const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' };
+/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */
+function beyond(x, output, how) {
+    if (how === 'clamp')
+        return output;
+    if (how === 'identity')
+        return x;
+    return undefined;
+}
+export function interpolate(x, input, output, extrapolate) {
+    const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;
+    const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;
+    const last = input.length - 1;
+    const outside = x < input[0]
+        ? beyond(x, output[0], left)
+        : x > input[last]
+            ? beyond(x, output[last], right)
+            : undefined;
+    if (outside !== undefined)
+        return outside;
+    let i = 0;
+    while (i < last - 1 && x > input[i + 1])
+        i++;
+    const [a, b, p, q] = [input[i], input[i + 1], output[i], output[i + 1]];
+    return b === a ? p : p + ((x - a) / (b - a)) * (q - p);
+}
+const identity = (t) => t;
+const curve = () => identity;
+export const Easing = {
+    linear: identity,
+    ease: identity,
+    quad: identity,
+    cubic: identity,
+    sin: identity,
+    circle: identity,
+    exp: identity,
+    bounce: identity,
+    poly: curve,
+    elastic: curve,
+    back: curve,
+    bezier: curve,
+    bezierFn: curve,
+    in: (easing) => easing,
+    out: (easing) => easing,
+    inOut: (easing) => easing,
+};
+export const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' };
+export function runOnJS(fn) {
+    return fn;
+}
+export function runOnUI(fn) {
+    return fn;
+}
+//# sourceMappingURL=reanimated.js.map

package/dist/stand-ins/reanimated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reanimated.js","sourceRoot":"","sources":["../../src/stand-ins/reanimated.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * `react-native-reanimated` where there is no UI-thread runtime: a browser build and a test, which\n * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`).\n *\n * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback\n * is called with `true` at once, so the value is where the animation ends and what ends it runs.\n * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the\n * identity, since nothing is ever between an animation's ends.\n *\n * ponytail: the functions apps call from components, not the React hooks; add one when an app\n * imports it.\n */\nexport { sharedValue as makeMutable } from '../reanimated-web.ts';\nexport type { MutableValue as SharedValue } from '../worklets.ts';\n\ntype Done = ((finished?: boolean) => void) | undefined;\n\nconst settle = <T>(to: T, callback: Done): T => {\n  callback?.(true);\n  return to;\n};\n\nexport function withTiming<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withSpring<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withDecay(_config: { velocity?: number }, callback?: Done): number {\n  return settle(0, callback);\n}\n\nexport function withDelay<T>(_delay: number, animation: T): T {\n  return animation;\n}\n\nexport function withSequence<T>(...animations: T[]): T {\n  return animations[animations.length - 1]!;\n}\n\nexport function withRepeat<T>(\n  animation: T,\n  _times?: number,\n  _reverse?: boolean,\n  callback?: Done,\n): T {\n  return settle(animation, callback);\n}\n\nexport function cancelAnimation(_value: unknown): void {}\n\n/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */\nexport function startMapper(_worklet: () => void, _inputs?: unknown[]): number {\n  return 0;\n}\n\nexport function stopMapper(_id: number): void {}\n\nexport const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' } as const;\ntype Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];\n\n/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */\nfunction beyond(x: number, output: number, how: Extrapolate | undefined): number | undefined {\n  if (how === 'clamp') return output;\n  if (how === 'identity') return x;\n  return undefined;\n}\n\nexport function interpolate(\n  x: number,\n  input: readonly number[],\n  output: readonly number[],\n  extrapolate?: Extrapolate | { extrapolateLeft?: Extrapolate; extrapolateRight?: Extrapolate },\n): number {\n  const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;\n  const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;\n  const last = input.length - 1;\n  const outside =\n    x < input[0]!\n      ? beyond(x, output[0]!, left)\n      : x > input[last]!\n        ? beyond(x, output[last]!, right)\n        : undefined;\n  if (outside !== undefined) return outside;\n  let i = 0;\n  while (i < last - 1 && x > input[i + 1]!) i++;\n  const [a, b, p, q] = [input[i]!, input[i + 1]!, output[i]!, output[i + 1]!];\n  return b === a ? p : p + ((x - a) / (b - a)) * (q - p);\n}\n\nconst identity = (t: number) => t;\nconst curve = () => identity;\nexport const Easing = {\n  linear: identity,\n  ease: identity,\n  quad: identity,\n  cubic: identity,\n  sin: identity,\n  circle: identity,\n  exp: identity,\n  bounce: identity,\n  poly: curve,\n  elastic: curve,\n  back: curve,\n  bezier: curve,\n  bezierFn: curve,\n  in: (easing: (t: number) => number) => easing,\n  out: (easing: (t: number) => number) => easing,\n  inOut: (easing: (t: number) => number) => easing,\n};\n\nexport const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' } as const;\n\nexport function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n\nexport function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n"]}

package/dist/stand-ins/worklets.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `react-native-worklets` where there is no UI-thread runtime: a browser build and a test, which
+ * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`). There is one runtime, so
+ * scheduling a function on either calls it at once.
+ */
+export declare function scheduleOnRN<A extends unknown[]>(fn: (...args: A) => unknown, ...args: A): void;
+export declare function scheduleOnUI<A extends unknown[]>(fn: (...args: A) => unknown, ...args: A): void;
+export declare function runOnUISync<A extends unknown[], R>(fn: (...args: A) => R, ...args: A): R;
+export declare function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;
+export declare function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;
+export declare function isWorkletFunction(_value: unknown): boolean;

package/dist/stand-ins/worklets.js

@@ -0,0 +1,24 @@
+/**
+ * `react-native-worklets` where there is no UI-thread runtime: a browser build and a test, which
+ * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`). There is one runtime, so
+ * scheduling a function on either calls it at once.
+ */
+export function scheduleOnRN(fn, ...args) {
+    fn(...args);
+}
+export function scheduleOnUI(fn, ...args) {
+    fn(...args);
+}
+export function runOnUISync(fn, ...args) {
+    return fn(...args);
+}
+export function runOnJS(fn) {
+    return fn;
+}
+export function runOnUI(fn) {
+    return fn;
+}
+export function isWorkletFunction(_value) {
+    return false;
+}
+//# sourceMappingURL=worklets.js.map

package/dist/stand-ins/worklets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worklets.js","sourceRoot":"","sources":["../../src/stand-ins/worklets.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAsB,EAA2B,EAAE,GAAG,IAAO;IACvF,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAsB,EAA2B,EAAE,GAAG,IAAO;IACvF,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAyB,EAAqB,EAAE,GAAG,IAAO;IACnF,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,OAAO,CAAyB,EAAqB;IACnE,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,OAAO,CAAyB,EAAqB;IACnE,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,MAAe;IAC/C,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * `react-native-worklets` where there is no UI-thread runtime: a browser build and a test, which\n * resolve the library here (`ngNativeWeb()` and `@ng-native/testing`). There is one runtime, so\n * scheduling a function on either calls it at once.\n */\nexport function scheduleOnRN<A extends unknown[]>(fn: (...args: A) => unknown, ...args: A): void {\n  fn(...args);\n}\n\nexport function scheduleOnUI<A extends unknown[]>(fn: (...args: A) => unknown, ...args: A): void {\n  fn(...args);\n}\n\nexport function runOnUISync<A extends unknown[], R>(fn: (...args: A) => R, ...args: A): R {\n  return fn(...args);\n}\n\nexport function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n\nexport function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n\nexport function isWorkletFunction(_value: unknown): boolean {\n  return false;\n}\n"]}

package/dist/text.d.ts

@@ -63,7 +63,7 @@ export declare class Text extends TouchableBase {
     /** Android: the line-breaking strategy. */
     readonly textBreakStrategy: import("@angular/core").InputSignal<"simple" | "highQuality" | "balanced" | undefined>;
     /** Android: turn phone numbers, links and addresses into tappable text. */
-    readonly dataDetectorType: import("@angular/core").InputSignal<"none" | "link" | "phoneNumber" | "email" | "all" | undefined>;
+    readonly dataDetectorType: import("@angular/core").InputSignal<"link" | "none" | "phoneNumber" | "email" | "all" | undefined>;
     /** Android: how often to hyphenate. */
     readonly hyphenationFrequency: import("@angular/core").InputSignal<"none" | "normal" | "full" | undefined>;
     /** Respond to presses. See the class note. */

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`. */

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. */
@@ -328,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.impliedRole());
+        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());