@ng-native/components 0.13.0 → 0.14.0

package/dist/swipe-refresh-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"swipe-refresh-layout.js","sourceRoot":"","sources":["../src/swipe-refresh-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Engine, EngineNode } from '@ng-native/fabric';\n\n/**\n * RN's `splitLayoutProps`: the style keys that size and place a view, rather than paint it. On\n * Android these move from the scroll view to the swipe layout that wraps it.\n */\nconst OUTER = new Set([\n  'margin',\n  'marginHorizontal',\n  'marginVertical',\n  'marginBottom',\n  'marginTop',\n  'marginLeft',\n  'marginRight',\n  'flex',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'alignSelf',\n  'height',\n  'minHeight',\n  'maxHeight',\n  'width',\n  'minWidth',\n  'maxWidth',\n  'position',\n  'left',\n  'right',\n  'bottom',\n  'top',\n  'transform',\n  'transformOrigin',\n  'rowGap',\n  'columnGap',\n  'gap',\n]);\n\n/** The element names whose host is a native scroll view a refresh control can belong to. */\nconst SCROLL_HOSTS = new Set(['scroll-view', 'virtual-list']);\n\ntype Style = Record<string, unknown>;\n\n/**\n * The Android half of `<refresh-control>`: make its swipe layout the scroll view's parent.\n *\n * `ScrollView.js` does it with `cloneElement(refreshControl, {style: outer}, <NativeScrollView\n * style={inner}>)`. `AndroidSwipeRefreshLayout` is a `ViewGroup` that pulls on its one child;\n * committed inside the scroll view instead, it has no child to pull on and a pull does nothing.\n *\n * The templates cannot say it, because the refresh control is content of the scroll view, so the\n * engine nodes are moved instead: the swipe layout goes where the scroll view was, the scroll view\n * goes inside it, and an anchor, which never reaches Fabric, marks the spot to put it back.\n *\n * `sync` is idempotent and cheap when nothing moved, so it runs after every pass. That is also\n * what repairs the shape when Angular moves the scroll view itself, say in a reordered `@for`:\n * Angular re-inserts the node it knows about, and the next pass wraps it again where it landed.\n *\n * The style is split the same way RN splits it. The inline style Angular writes to the scroll view\n * is read, the layout keys go to the swipe layout over the scroll view's base style, and the\n * scroll view keeps the rest. A moved key is left on the scroll view as `null`, or as its base\n * value for `flexGrow` and `flexShrink`, rather than deleted: Angular only removes a style key\n * that is still there, so a deleted one could never be taken off the swipe layout again.\n *\n * ponytail: only inline style is split. Layout that reaches the scroll view from a class stays on\n * the scroll view inside the swipe layout, which fills it anyway.\n */\nexport class SwipeRefreshLayout {\n  private readonly engine: Engine;\n  private readonly layout: EngineNode;\n  private scroll: EngineNode | null = null;\n  private readonly anchor: EngineNode;\n  /** The style object last written to the scroll view, to tell Angular's writes from ours. */\n  private written: Style | undefined;\n  /** What was written in place of each moved key. */\n  private placeholders: Style = {};\n  /** The caller's own values for the moved keys. */\n  private outer: Style = {};\n  /** Whether `nestedScrollEnabled` was ours to set, so that unwrapping can take it back. */\n  private nested = false;\n\n  constructor(engine: Engine, layout: EngineNode) {\n    this.engine = engine;\n    this.layout = layout;\n    this.anchor = engine.createAnchor();\n  }\n\n  sync(): void {\n    const scroll = (this.scroll ??= this.findScroll());\n    const parent = scroll?.parent;\n    if (!scroll || !parent) return;\n\n    if (parent !== this.layout) {\n      this.engine.insertBefore(parent, this.anchor, scroll);\n      this.engine.insertBefore(parent, this.layout, scroll);\n      this.engine.appendChild(this.layout, scroll);\n    }\n    // RN's `nestedScrollEnabled ?? true`. `<scroll-view>` and `<virtual-list>` bind it themselves\n    // when they can see the control; this covers one they cannot, projected through another\n    // component such as `<section-list>`.\n    if (scroll.props['nestedScrollEnabled'] === undefined) {\n      this.engine.setProp(scroll, 'nestedScrollEnabled', true);\n      this.nested = true;\n    }\n    const style = scroll.props['style'] as Style | undefined;\n    if (style !== this.written || this.layout.props['style'] === undefined) this.split(scroll);\n  }\n\n  /** Put the scroll view back where the swipe layout is, with its whole style. */\n  unwrap(): void {\n    const scroll = this.scroll;\n    if (scroll) {\n      const home = this.anchor.parent;\n      if (scroll.parent === this.layout && home)\n        this.engine.insertBefore(home, scroll, this.anchor);\n      const style = scroll.props['style'] as Style | undefined;\n      if (style === this.written) this.engine.setProp(scroll, 'style', this.callerStyle(style));\n      if (this.nested) this.engine.setProp(scroll, 'nestedScrollEnabled', undefined);\n    }\n    this.engine.removeChild(null, this.layout);\n    this.engine.removeChild(null, this.anchor);\n  }\n\n  /**\n   * The scroll view this control is content of: the nearest ancestor that is one. Looked up once,\n   * before the first wrap moves the control out from under it.\n   */\n  private findScroll(): EngineNode | null {\n    for (let node = this.layout.parent; node; node = node.parent) {\n      if (SCROLL_HOSTS.has(node.name)) return node;\n    }\n    return null;\n  }\n\n  /** The style as the caller wrote it: the placeholders swapped back for the values they hide. */\n  private callerStyle(style: Style | undefined): Style {\n    const caller: Style = {};\n    for (const [key, value] of Object.entries(style ?? {})) {\n      const hidden = key in this.placeholders && value === this.placeholders[key];\n      caller[key] = hidden ? this.outer[key] : value;\n    }\n    return caller;\n  }\n\n  private split(scroll: EngineNode): void {\n    const outer: Style = {};\n    const inner: Style = {};\n    const placeholders: Style = {};\n    for (const [key, value] of Object.entries(this.callerStyle(scroll.props['style'] as Style))) {\n      if (!OUTER.has(key)) {\n        inner[key] = value;\n        continue;\n      }\n      outer[key] = value;\n      placeholders[key] = key === 'flexGrow' || key === 'flexShrink' ? 1 : null;\n    }\n    this.outer = outer;\n    this.placeholders = placeholders;\n    this.written = { ...inner, ...placeholders };\n    this.engine.setProp(scroll, 'style', this.written);\n    // RN's `compose(baseStyle, outer)`; the direction is the one the scroll view was given.\n    this.engine.setProp(this.layout, 'style', {\n      flexGrow: 1,\n      flexShrink: 1,\n      flexDirection: scroll.props['flexDirection'] ?? 'column',\n      overflow: 'scroll',\n      ...outer,\n    });\n  }\n}\n"]}
+{"version":3,"file":"swipe-refresh-layout.js","sourceRoot":"","sources":["../src/swipe-refresh-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Engine, EngineNode } from '@ng-native/fabric';\n\n/**\n * RN's `splitLayoutProps`: the style keys that size and place a view, rather than paint it. On\n * Android these move from the scroll view to the swipe layout that wraps it.\n */\nconst OUTER = new Set([\n  'margin',\n  'marginHorizontal',\n  'marginVertical',\n  'marginBottom',\n  'marginTop',\n  'marginLeft',\n  'marginRight',\n  'flex',\n  'flexGrow',\n  'flexShrink',\n  'flexBasis',\n  'alignSelf',\n  'height',\n  'minHeight',\n  'maxHeight',\n  'width',\n  'minWidth',\n  'maxWidth',\n  'position',\n  'left',\n  'right',\n  'bottom',\n  'top',\n  'transform',\n  'transformOrigin',\n  'rowGap',\n  'columnGap',\n  'gap',\n]);\n\n/** The element names whose host is a native scroll view a refresh control can belong to. */\nconst SCROLL_HOSTS = new Set(['scroll-view', 'virtual-list']);\n\ntype Style = Record<string, unknown>;\n\n/**\n * The Android half of `<refresh-control>`: make its swipe layout the scroll view's parent.\n *\n * `ScrollView.js` does it with `cloneElement(refreshControl, {style: outer}, <NativeScrollView\n * style={inner}>)`. `AndroidSwipeRefreshLayout` is a `ViewGroup` that pulls on its one child;\n * committed inside the scroll view instead, it has no child to pull on and a pull does nothing.\n *\n * The templates cannot say it, because the refresh control is content of the scroll view, so the\n * engine nodes are moved instead: the swipe layout goes where the scroll view was, the scroll view\n * goes inside it, and an anchor, which never reaches Fabric, marks the spot to put it back.\n *\n * `sync` is idempotent and cheap when nothing moved, so it runs after every pass. That is also\n * what repairs the shape when Angular moves the scroll view itself, say in a reordered `@for`:\n * Angular re-inserts the node it knows about, and the next pass wraps it again where it landed.\n *\n * The style is split the same way RN splits it. The inline style Angular writes to the scroll view\n * is read, the layout keys go to the swipe layout over the scroll view's base style, and the\n * scroll view keeps the rest. A moved key is left on the scroll view as `null`, or as its base\n * value for `flexGrow` and `flexShrink`, rather than deleted: Angular only removes a style key\n * that is still there, so a deleted one could never be taken off the swipe layout again.\n *\n * ponytail: only inline style is split. Layout that reaches the scroll view from a class stays on\n * the scroll view inside the swipe layout, which fills it anyway.\n */\nexport class SwipeRefreshLayout {\n  private readonly engine: Engine;\n  private readonly layout: EngineNode;\n  private scroll: EngineNode | null = null;\n  private readonly anchor: EngineNode;\n  /** The style object last written to the scroll view, to tell Angular's writes from ours. */\n  private written: Style | undefined;\n  /** What was written in place of each moved key. */\n  private placeholders: Style = {};\n  /** The caller's own values for the moved keys. */\n  private outer: Style = {};\n  /** Whether `nestedScrollEnabled` was ours to set, so that unwrapping can take it back. */\n  private nested = false;\n\n  constructor(engine: Engine, layout: EngineNode) {\n    this.engine = engine;\n    this.layout = layout;\n    this.anchor = engine.createAnchor();\n  }\n\n  sync(): void {\n    const scroll = (this.scroll ??= this.findScroll());\n    const parent = scroll?.parent;\n    if (!scroll || !parent) return;\n\n    if (parent !== this.layout) {\n      this.engine.insertBefore(parent, this.anchor, scroll);\n      this.engine.insertBefore(parent, this.layout, scroll);\n      this.engine.appendChild(this.layout, scroll);\n    }\n    // RN's `nestedScrollEnabled ?? true`. `<scroll-view>` and `<virtual-list>` bind it themselves\n    // when they can see the control; this covers one they cannot, projected through another\n    // component such as `<section-list>`.\n    if (scroll.props['nestedScrollEnabled'] === undefined) {\n      this.engine.setProp(scroll, 'nestedScrollEnabled', true);\n      this.nested = true;\n    }\n    const style = scroll.props['style'] as Style | undefined;\n    if (style !== this.written || this.layout.props['style'] === undefined) this.split(scroll);\n  }\n\n  /** Put the scroll view back where the swipe layout is, with its whole style. */\n  unwrap(): void {\n    const scroll = this.scroll;\n    if (scroll) {\n      const home = this.anchor.parent;\n      if (scroll.parent === this.layout && home)\n        this.engine.insertBefore(home, scroll, this.anchor);\n      const style = scroll.props['style'] as Style | undefined;\n      if (style === this.written) this.engine.setProp(scroll, 'style', this.callerStyle(style));\n      if (this.nested) this.engine.setProp(scroll, 'nestedScrollEnabled', undefined);\n    }\n    this.engine.removeChild(null, this.layout);\n    this.engine.removeChild(null, this.anchor);\n  }\n\n  /**\n   * The scroll view this control is content of: the nearest ancestor that is one. Looked up once,\n   * before the first wrap moves the control out from under it.\n   */\n  private findScroll(): EngineNode | null {\n    for (let node = this.layout.parent; node; node = node.parent) {\n      if (SCROLL_HOSTS.has(node.tag)) return node;\n    }\n    return null;\n  }\n\n  /** The style as the caller wrote it: the placeholders swapped back for the values they hide. */\n  private callerStyle(style: Style | undefined): Style {\n    const caller: Style = {};\n    for (const [key, value] of Object.entries(style ?? {})) {\n      const hidden = key in this.placeholders && value === this.placeholders[key];\n      caller[key] = hidden ? this.outer[key] : value;\n    }\n    return caller;\n  }\n\n  private split(scroll: EngineNode): void {\n    const outer: Style = {};\n    const inner: Style = {};\n    const placeholders: Style = {};\n    for (const [key, value] of Object.entries(this.callerStyle(scroll.props['style'] as Style))) {\n      if (!OUTER.has(key)) {\n        inner[key] = value;\n        continue;\n      }\n      outer[key] = value;\n      placeholders[key] = key === 'flexGrow' || key === 'flexShrink' ? 1 : null;\n    }\n    this.outer = outer;\n    this.placeholders = placeholders;\n    this.written = { ...inner, ...placeholders };\n    this.engine.setProp(scroll, 'style', this.written);\n    // RN's `compose(baseStyle, outer)`; the direction is the one the scroll view was given.\n    this.engine.setProp(this.layout, 'style', {\n      flexGrow: 1,\n      flexShrink: 1,\n      flexDirection: scroll.props['flexDirection'] ?? 'column',\n      overflow: 'scroll',\n      ...outer,\n    });\n  }\n}\n"]}

package/dist/touchable-opacity.js

@@ -1,5 +1,6 @@
-import { Component, DestroyRef, effect, inject, input, numberAttribute, signal, untracked, } from '@angular/core';
+import { Component, DestroyRef, effect, inject, input, signal, untracked } from '@angular/core';
 import { ControlBase } from "./pressable.js";
+import { numberOr } from "./transforms.js";
 import * as i0 from "@angular/core";
 /**
  * A pressable that dims while pressed, as RN's `TouchableOpacity` does.
@@ -29,7 +30,7 @@ export class TouchableOpacity extends ControlBase {
         return this.disabledByAnyState();
     }
     /** The opacity while pressed. */
-    activeOpacity = input(0.2, { ...(ngDevMode ? { debugName: "activeOpacity" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    activeOpacity = input(0.2, { ...(ngDevMode ? { debugName: "activeOpacity" } : /* istanbul ignore next */ {}), transform: numberOr(0.2) });
     /** Undefined at rest, so the caller's own `[style]` opacity shows through. */
     opacity = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "opacity" }] : /* istanbul ignore next */ []));

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;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"]}
+{"version":3,"file":"touchable-opacity.js","sourceRoot":"","sources":["../src/touchable-opacity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;;AAE3C;;;;;;;;;;;;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,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAElE,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 { Component, DestroyRef, effect, inject, input, signal, untracked } from '@angular/core';\nimport { ControlBase } from './pressable.ts';\nimport { numberOr } from './transforms.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: numberOr(0.2) });\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/transforms.d.ts

@@ -1,2 +1,8 @@
 export declare function optionalBoolean(value: unknown): boolean | undefined;
 export declare function optionalNumber(value: unknown): number | undefined;
+/**
+ * The transform for a number input with a default: `[delayLongPress]="undefined"` is the default,
+ * as a prop left out is, where `numberAttribute` alone makes it `NaN`. So is anything else that
+ * is not a number.
+ */
+export declare function numberOr(fallback: number): (value: unknown) => number;

package/dist/transforms.js

@@ -14,4 +14,12 @@ export function optionalBoolean(value) {
 export function optionalNumber(value) {
     return value === undefined ? undefined : numberAttribute(value);
 }
+/**
+ * The transform for a number input with a default: `[delayLongPress]="undefined"` is the default,
+ * as a prop left out is, where `numberAttribute` alone makes it `NaN`. So is anything else that
+ * is not a number.
+ */
+export function numberOr(fallback) {
+    return (value) => numberAttribute(value, fallback);
+}
 //# sourceMappingURL=transforms.js.map

package/dist/transforms.js.map

@@ -1 +1 @@
-{"version":3,"file":"transforms.js","sourceRoot":"","sources":["../src/transforms.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,UAAU,eAAe,CAAC,KAAc;IAC5C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAClE,CAAC","sourcesContent":["/**\n * Input transforms for props that native reads as \"set\" or \"not set\".\n *\n * Angular's own `booleanAttribute` turns an absent input into `false`, which is right for a DOM\n * attribute and wrong for a native prop: `accessible` unset means \"the platform decides\", and\n * sending `false` for every boolean a view never mentioned would put a dozen props on every\n * node. These keep `undefined` as undefined and otherwise behave as Angular's do, so `<view\n * collapsable=\"false\">` and `<view [collapsable]=\"false\">` both mean false.\n */\nimport { booleanAttribute, numberAttribute } from '@angular/core';\n\nexport function optionalBoolean(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n  return value === undefined ? undefined : numberAttribute(value);\n}\n"]}
+{"version":3,"file":"transforms.js","sourceRoot":"","sources":["../src/transforms.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,UAAU,eAAe,CAAC,KAAc;IAC5C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAClE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,QAAgB;IACvC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACrD,CAAC","sourcesContent":["/**\n * Input transforms for props that native reads as \"set\" or \"not set\".\n *\n * Angular's own `booleanAttribute` turns an absent input into `false`, which is right for a DOM\n * attribute and wrong for a native prop: `accessible` unset means \"the platform decides\", and\n * sending `false` for every boolean a view never mentioned would put a dozen props on every\n * node. These keep `undefined` as undefined and otherwise behave as Angular's do, so `<view\n * collapsable=\"false\">` and `<view [collapsable]=\"false\">` both mean false.\n */\nimport { booleanAttribute, numberAttribute } from '@angular/core';\n\nexport function optionalBoolean(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n  return value === undefined ? undefined : numberAttribute(value);\n}\n\n/**\n * The transform for a number input with a default: `[delayLongPress]=\"undefined\"` is the default,\n * as a prop left out is, where `numberAttribute` alone makes it `NaN`. So is anything else that\n * is not a number.\n */\nexport function numberOr(fallback: number): (value: unknown) => number {\n  return (value) => numberAttribute(value, fallback);\n}\n"]}

package/dist/view-base.d.ts

@@ -140,7 +140,7 @@ export declare abstract class ViewBase {
     /** `aria-busy`. */
     readonly ariaBusy: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /** `aria-checked`. */
-    readonly ariaChecked: import("@angular/core").InputSignal<boolean | "mixed" | undefined>;
+    readonly ariaChecked: import("@angular/core").InputSignalWithTransform<boolean | "mixed" | undefined, unknown>;
     /** `aria-disabled`. */
     readonly ariaDisabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /** `aria-expanded`. */

package/dist/view-base.js

@@ -96,10 +96,10 @@ function declareProps(ctor, node) {
     declared.add(ctor);
     const def = ctor.ɵcmp ??
         ctor.ɵdir;
-    const name = node.name;
-    if (!name || !def?.inputs)
+    const tag = node.tag;
+    if (!tag || !def?.inputs)
         return;
-    declareNativeProps(name, [...Object.keys(def.inputs), ...WRITTEN_PROPS]);
+    declareNativeProps(tag, [...Object.keys(def.inputs), ...WRITTEN_PROPS]);
 }
 function stripConsumedAttributes(ctor, node) {
     const { ɵcmp, ɵdir } = ctor;
@@ -209,7 +209,9 @@ export class ViewBase {
     /** `aria-busy`. */
     ariaBusy = input(undefined, { ...(ngDevMode ? { debugName: "ariaBusy" } : /* istanbul ignore next */ {}), alias: 'aria-busy', transform: optionalBoolean });
     /** `aria-checked`. */
-    ariaChecked = input(undefined, { ...(ngDevMode ? { debugName: "ariaChecked" } : /* istanbul ignore next */ {}), alias: 'aria-checked' });
+    ariaChecked = input(undefined, { ...(ngDevMode ? { debugName: "ariaChecked" } : /* istanbul ignore next */ {}), alias: 'aria-checked',
+        // Written as an attribute it is text, and native takes a boolean or `mixed`.
+        transform: (value) => (value === 'mixed' ? 'mixed' : optionalBoolean(value)) });
     /** `aria-disabled`. */
     ariaDisabled = input(undefined, { ...(ngDevMode ? { debugName: "ariaDisabled" } : /* istanbul ignore next */ {}), alias: 'aria-disabled',
         transform: optionalBoolean });

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/**\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"]}
+{"version":3,"file":"view-base.js","sourceRoot":"","sources":["../src/view-base.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAsB,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAiB,MAAM,mBAAmB,CAAC;AAE7F,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;;AAyEnD;;;GAGG;AACH,MAAM,eAAe,GAAwB,IAAI,GAAG,CAAC;IACnD,aAAa;IACb,aAAa;IACb,SAAS;IACT,QAAQ;IACR,MAAM;IACN,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,QAAQ;IACR,WAAW;IACX,UAAU;IACV,MAAM;IACN,QAAQ;IACR,MAAM;IACN,OAAO;IACP,SAAS;IACT,KAAK;IACL,UAAU;IACV,KAAK;IACL,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,KAAK;IACL,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,UAAU;IACV,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,UAAU;CACX,CAAC,CAAC;AA8EH;;;;;;;;;;;GAWG;AACH,0FAA0F;AAC1F,SAAS,SAAS,CAAC,CAAqB,EAAE,CAAqB;IAC7D,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAiC,CAAC;IAC5D,OAAO,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACzF,CAAC;AAED,wEAAwE;AACxE,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAU,CAAC;AAEvC;;;GAGG;AACH,SAAS,YAAY,CAAC,IAAa,EAAE,IAAc;IACjD,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAc,CAAC;QAAE,OAAO;IACzC,QAAQ,CAAC,GAAG,CAAC,IAAc,CAAC,CAAC;IAC7B,MAAM,GAAG,GACN,IAAmE,CAAC,IAAI;QACxE,IAAuC,CAAC,IAAI,CAAC;IAChD,MAAM,GAAG,GAAI,IAAyB,CAAC,GAAG,CAAC;IAC3C,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,MAAM;QAAE,OAAO;IACjC,kBAAkB,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC;AAC1E,CAAC;AAED,SAAS,uBAAuB,CAAC,IAAa,EAAE,IAAc;IAI5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAkC,CAAC;IAC1D,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,MAAM,MAAM,GAAG,GAAG,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,uFAAuF;IACvF,wFAAwF;IACxF,0FAA0F;IAC1F,sFAAsF;IACtF,MAAM,KAAK,GAAG,IAAI,CAAC,KAA4C,CAAC;IAChE,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,IAAI,IAAI,MAAM;YAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;AACH,CAAC;AAyBD,gGAAgG;AAChG,MAAM,aAAa,GAAG,MAAM,CAAC,2CAA2C,CAAC,CAAC;AAE1E,MAAM,gBAAgB,GAAyC,EAAE,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,uBAAuB,CAAsC,YAAe;IAC1F,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,aAA4B,CAAC;IAC7D,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAChD,OAAO,YAAY,CAAC;AACtB,CAAC;AAGD,MAAM,OAAgB,QAAQ;IAC5B,gDAAgD;IAC7B,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,aAAyB,CAAC;IAEvE;;;;OAIG;IACgB,MAAM,GAAe,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;IAE7E;;;;OAIG;IACH,IAAY,aAAa;QACvB,OAAQ,IAAI,CAAC,IAAoB,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC;IACvE,CAAC;IAED;QACE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrB,uBAAuB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,4FAA4F;IACpF,WAAW,GAAG,KAAK,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,WAAW;QACT,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAC7B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,0FAA0F;IAE1F,wFAAwF;IAC/E,UAAU,GAAG,KAAK,CAAU,SAAS,kFAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAChF,mDAAmD;IAC1C,kBAAkB,GAAG,KAAK;sGAAU,CAAC;IAC9C,0DAA0D;IACjD,SAAS,GAAG,KAAK,CAAS,SAAS,iFAAI,KAAK,EAAE,YAAY,GAAG,CAAC;IACvE,6DAA6D;IACpD,uBAAuB,GAAG,KAAK;2GAA8B,CAAC;IACvE,oEAAoE;IAC3D,cAAc,GAAG,KAAK,CAA6B,SAAS,sFACnE,KAAK,EAAE,iBAAiB,GACxB,CAAC;IACH,sFAAsF;IAC7E,iBAAiB,GAAG,KAAK;qGAAU,CAAC;IAC7C,+DAA+D;IACtD,iBAAiB,GAAG,KAAK;qGAAqB,CAAC;IACxD,6FAA6F;IACpF,IAAI,GAAG,KAAK;wFAA4B,CAAC;IAClD,qEAAqE;IAC5D,kBAAkB,GAAG,KAAK;sGAAsB,CAAC;IAC1D,mBAAmB;IACV,QAAQ,GAAG,KAAK,CAAU,SAAS,gFAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC;IAClG,sBAAsB;IACb,WAAW,GAAG,KAAK,CAAoB,SAAS,mFACvD,KAAK,EAAE,cAAc;QACrB,6EAA6E;QAC7E,SAAS,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,GACrF,CAAC;IACH,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAU,SAAS,oFAC9C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAU,SAAS,oFAC9C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAU,SAAS,oFAC9C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,uEAAuE;IAC9D,kBAAkB,GAAG,KAAK;sGAAsB,CAAC;IAC1D,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAS,SAAS,oFAC7C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,cAAc,GACzB,CAAC;IACH,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAS,SAAS,oFAC7C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,cAAc,GACzB,CAAC;IACH,uBAAuB;IACd,YAAY,GAAG,KAAK,CAAS,SAAS,oFAC7C,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,cAAc,GACzB,CAAC;IACH,wBAAwB;IACf,aAAa,GAAG,KAAK,CAAS,SAAS,qFAAI,KAAK,EAAE,gBAAgB,GAAG,CAAC;IAC/E,0FAA0F;IACjF,oBAAoB,GAAG,KAAK;wGAAkC,CAAC;IACxE,mFAAmF;IAC1E,uBAAuB,GAAG,KAAK;2GAA2B,CAAC;IACpE,mBAAmB;IACV,QAAQ,GAAG,KAAK,CAA0B,SAAS,gFAAI,KAAK,EAAE,WAAW,GAAG,CAAC;IACtF,wEAAwE;IAC/D,2BAA2B,GAAG,KAAK,CAAU,SAAS,mGAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IACjG,6FAA6F;IACpF,UAAU,GAAG,KAAK,CAAU,SAAS,kFAC5C,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,4FAA4F;IACnF,yBAAyB,GAAG,KAAK;6GAA6B,CAAC;IACxE,yFAAyF;IAChF,wBAAwB,GAAG,KAAK,CAAU,SAAS,gGAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAC9F,oBAAoB;IACX,SAAS,GAAG,KAAK,CAAU,SAAS,iFAC3C,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,2FAA2F;IAClF,gCAAgC,GAAG,KAAK,CAAU,SAAS,wGAClE,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,uEAAuE;IAC9D,qBAAqB,GAAG,KAAK;yGAAU,CAAC;IACjD,2FAA2F;IAClF,8BAA8B,GAAG,KAAK;kHAAU,CAAC;IAC1D,wDAAwD;IAC/C,oCAAoC,GAAG,KAAK,CAAU,SAAS,4GACtE,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,0FAA0F;IACjF,sCAAsC,GAAG,KAAK,CAAU,SAAS,8GACxE,SAAS,EAAE,eAAe,GAC1B,CAAC;IAEH,0FAA0F;IAE1F,kFAAkF;IACzE,QAAQ,GAAG,KAAK;4FAAU,CAAC;IACpC,4CAA4C;IACnC,EAAE,GAAG,KAAK;sFAAU,CAAC;IAC9B,4CAA4C;IACnC,MAAM,GAAG,KAAK;0FAAU,CAAC;IAClC,2FAA2F;IAClF,OAAO,GAAG,KAAK;2FAAmB,CAAC;IAC5C,gFAAgF;IACvE,aAAa,GAAG,KAAK;iGAAiB,CAAC;IAChD,gGAAgG;IACvF,WAAW,GAAG,KAAK,CAAU,SAAS,mFAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IACjF,kFAAkF;IACzE,mBAAmB,GAAG,KAAK,CAAU,SAAS,2FAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IACzF,uFAAuF;IAC9E,qBAAqB,GAAG,KAAK,CAAU,SAAS,6FAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAC3F,yFAAyF;IAChF,8BAA8B,GAAG,KAAK,CAAU,SAAS,sGAChE,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,qFAAqF;IAC5E,SAAS,GAAG,KAAK,CAAU,SAAS,iFAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IAC/E,2FAA2F;IAClF,kBAAkB,GAAG,KAAK,CAAU,SAAS,0FAAI,SAAS,EAAE,eAAe,GAAG,CAAC;IACxF,6FAA6F;IACpF,8BAA8B,GAAG,KAAK,CAAU,SAAS,sGAChE,SAAS,EAAE,eAAe,GAC1B,CAAC;IACH,6EAA6E;IACpE,uBAAuB,GAAG,KAAK;2GAAmB,CAAC;IAC5D,2EAA2E;IAClE,uBAAuB,GAAG,KAAK;2GAAmB,CAAC;IAE5D,yFAAyF;IAEzF;;;;;;;OAOG;IAEH,6FAA6F;IACnF,mBAAmB;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,oFAAoF;IAC1E,kBAAkB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;OAGG;IACO,aAAa;QACrB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;;;;;OAQG;IACO,wBAAwB;QAChC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;;;;OAOG;IACO,uBAAuB;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,QAAwB;QAClC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,kBAAkB;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5B,KAAK,CACH,YAAY,EACZ,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAC7E,CAAC;QACF,KAAK,CACH,oBAAoB,EACpB,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CACvE,CAAC;QACF,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAC1F,KAAK,CAAC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,IAAI,KAAK,SAAS,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC7D,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACvC,6FAA6F;QAC7F,KAAK,CACH,mBAAmB,EACnB,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAC9E,CAAC;QACF,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC;QAC7D,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC;QAC7D,KAAK,CAAC,sBAAsB,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACK,gBAAgB,CAAC,KAA4C;QACnE,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACxF,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC/C,KAAK,CAAC,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACrD,KAAK,CAAC,eAAe,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QACvD,KAAK,CAAC,eAAe,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QACvD,KAAK,CAAC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACnD,KAAK,CAAC,eAAe,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,wGAAwG;IAChG,eAAe;QACrB,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1F,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACpF,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,2BAA2B,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAC9F,KAAK,CACH,2BAA2B,EAC3B,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAC5F,CAAC;QACF,KAAK,CAAC,0BAA0B,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvF,KAAK,CAAC,kCAAkC,EAAE,IAAI,CAAC,gCAAgC,EAAE,CAAC,CAAC;QACnF,KAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC7D,KAAK,CAAC,gCAAgC,EAAE,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;QAC/E,KAAK,CAAC,sCAAsC,EAAE,IAAI,CAAC,oCAAoC,EAAE,CAAC,CAAC;QAC3F,KAAK,CAAC,wCAAwC,EAAE,IAAI,CAAC,sCAAsC,EAAE,CAAC,CAAC;IACjG,CAAC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACK,MAAM;QACZ,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACpB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,wFAAwF;gBACxF,oFAAoF;gBACpF,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC;oBAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;gBACzE,OAAO;YACT,CAAC;YACD,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC;IAED,6FAA6F;IACrF,OAAO,GAAuB,IAAI,CAAC;IAEnC,aAAa;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5B,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAChD,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/B,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACjC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC7C,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QACzC,KAAK,CAAC,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACzD,KAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC7D,KAAK,CAAC,gCAAgC,EAAE,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;QAC/E,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAC9F,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACvD,KAAK,CAAC,gCAAgC,EAAE,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAAC;QAC/E,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;QACjE,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH;;;;;;;;OAQG;IACH,QAAQ;QACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,8FAA8F;QAC9F,6FAA6F;QAC7F,mEAAmE;QACnE,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC7D,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC;YAClE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QACrD,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAChE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACpD,CAAC;QACD,IAAI,IAAI,CAAC,iBAAiB,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACxE,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAChC,IAAI,IAAI;gBAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACtE,CAAC;QACD,IAAI,IAAI,CAAC,kBAAkB,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC;YAC9E,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACpC,IAAI,KAAK,KAAK,SAAS;gBAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAED,2FAA2F;IACnF,WAAW;QACjB,OAAO,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;IACxD,CAAC;IAED,8FAA8F;IACtF,eAAe;QACrB,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9C,IAAI,YAAY,CAAC,IAAI;gBAAE,OAAO,YAAY,CAAC,IAAI,CAAC;QAClD,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,2EAA2E;IACjE,cAAc;QACtB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;;;;;OAMG;IACO,sBAAsB;QAC9B,OAAO,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACzC,CAAC;IAEO,sBAAsB,CAAiC;IAE/D,0FAA0F;IAClF,QAAQ;QACd,OAAO,CACL,IAAI,CAAC,kBAAkB,EAAE,KAAK,SAAS;YACvC,IAAI,CAAC,QAAQ,EAAE,KAAK,SAAS;YAC7B,IAAI,CAAC,WAAW,EAAE,KAAK,SAAS;YAChC,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS;YACjC,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS;YACjC,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS;YACjC,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE;YACjC,IAAI,CAAC,uBAAuB,EAAE,KAAK,SAAS;YAC5C,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAC9B,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,yFAAyF;QACzF,sEAAsE;QACtE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC3C,MAAM,MAAM,GAA4B,EAAE,GAAG,QAAQ,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,CAAC,GAA6B,EAAE,KAAc,EAAE,EAAE;YAC5D,IAAI,KAAK,KAAK,SAAS;gBAAE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC/C,CAAC,CAAC;QACF,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC7B,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;QAC/C,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACrC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACvD,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACrC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACrC,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAClD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC3C,GAAG,CAAC,GAA+B,EAAG,KAAiC,CAAC,GAAG,CAAC,CAAC,CAAC;YAChF,CAAC;QACH,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAE,MAA6B,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrF,MAAM,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC;QACzC,IAAI,IAAI,IAAI,KAAK,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACzD,OAAO,CAAC,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,6FAA6F;IACrF,YAAY,CAAC,KAAc;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC5C,OAAO,GAAG,IAAI,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,CAAC;IAEO,wBAAwB;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC3C,MAAM,MAAM,GAA4B,EAAE,GAAG,QAAQ,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,CAAC,GAA6B,EAAE,KAAc,EAAE,EAAE;YAC5D,IAAI,KAAK,KAAK,SAAS;gBAAE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC/C,CAAC,CAAC;QACF,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAChC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAChC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAChC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAE,MAA6B,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChF,CAAC;uGAtfmB,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBAD7B,SAAS;;AA0fV;;;;;;;GAOG;AAEH,MAAM,OAAO,YAAa,SAAQ,QAAQ;uGAA7B,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBADxB,SAAS;mBAAC,EAAE","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 tag = (node as { tag?: string }).tag;\n  if (!tag || !def?.inputs) return;\n  declareNativeProps(tag, [...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, {\n    alias: 'aria-checked',\n    // Written as an attribute it is text, and native takes a boolean or `mixed`.\n    transform: (value: unknown) => (value === 'mixed' ? 'mixed' : optionalBoolean(value)),\n  });\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"]}

package/dist/virtual-list.js

@@ -1,4 +1,4 @@
-import { Component, DestroyRef, Directive, ElementRef, TemplateRef, afterEveryRender, booleanAttribute, computed, contentChild, effect, inject, input, linkedSignal, numberAttribute, output, signal, untracked, viewChild, } from '@angular/core';
+import { Component, DestroyRef, Directive, ElementRef, TemplateRef, afterEveryRender, booleanAttribute, computed, contentChild, effect, inject, input, linkedSignal, output, signal, untracked, viewChild, } from '@angular/core';
 import { nativePlatform, pinnedRange, } from '@ng-native/fabric';
 import { HeightIndex } from "./height-index.js";
 import { dismissKeyboardOnTap } from "./keyboard-taps.js";
@@ -8,6 +8,7 @@ import { TemplateSlot } from "./template-slot.js";
 import { ZeroSizeWarning, checksZeroSize, written } from "./zero-size-warning.js";
 import { View } from "./view.js";
 import { ScrollViewProps } from "./scroll-view-props.js";
+import { numberOr } from "./transforms.js";
 import * as i0 from "@angular/core";
 /**
  * Marks the template drawn between two rows: `<ng-template virtualListSeparator let-leading>`.
@@ -133,7 +134,7 @@ export class VirtualList extends ScrollViewProps {
     contentPadding = input(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "contentPadding" }] : /* istanbul ignore next */ []));
     /** Space between one row and the next, along the axis: not before the first or after the last. */
-    rowGap = input(0, { ...(ngDevMode ? { debugName: "rowGap" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    rowGap = input(0, { ...(ngDevMode ? { debugName: "rowGap" } : /* istanbul ignore next */ {}), transform: numberOr(0) });
     /**
      * An item's identity, as FlatList's `keyExtractor`: what a measured height, a slot and a held
      * position follow across an insert. Without it an item is its own key, which is enough for items
@@ -153,9 +154,9 @@ export class VirtualList extends ScrollViewProps {
     maintainVisibleContentPosition = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "maintainVisibleContentPosition" }] : /* istanbul ignore next */ []));
     /** Rows rendered beyond each edge of the viewport, to cover fling gaps. */
-    overscan = input(4, { ...(ngDevMode ? { debugName: "overscan" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    overscan = input(4, { ...(ngDevMode ? { debugName: "overscan" } : /* istanbul ignore next */ {}), transform: numberOr(4) });
     /** How close to the end, in viewport heights, `(endReached)` fires. RN's default is 2. */
-    endReachedThreshold = input(2, { ...(ngDevMode ? { debugName: "endReachedThreshold" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    endReachedThreshold = input(2, { ...(ngDevMode ? { debugName: "endReachedThreshold" } : /* istanbul ignore next */ {}), transform: numberOr(2) });
     /** Lay the rows out along x instead of y, and scroll that way. */
     horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Start at the end and scroll backwards, with every row flipped back the right way up. */
@@ -172,7 +173,7 @@ export class VirtualList extends ScrollViewProps {
     keyboardShouldPersistTaps = input('never', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "keyboardShouldPersistTaps" }] : /* istanbul ignore next */ []));
     /** How much of a row must be on screen to count as viewable. RN's default is 0, meaning any. */
-    itemVisiblePercentThreshold = input(0, { ...(ngDevMode ? { debugName: "itemVisiblePercentThreshold" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    itemVisiblePercentThreshold = input(0, { ...(ngDevMode ? { debugName: "itemVisiblePercentThreshold" } : /* istanbul ignore next */ {}), transform: numberOr(0) });
     /**
      * The scroll position is within `endReachedThreshold` of the end: once per item count, and again
      * after the list has scrolled away from the end and come back.