@ng-native/router 0.1.3 → 0.3.0

package/dist/native-back.d.ts

@@ -22,15 +22,20 @@ export declare class NativeBack {
     /** Pop the innermost stack in front that has a screen at `url` below its top, down to it. */
     popTo(url: string): Promise<boolean>;
     /**
-     * Offer an outlet's answer to a back. It returns whether it went back, and false lets the next
-     * one out try. Returns an unsubscribe.
+     * Offer an outlet's answer to a back. It returns whether it took the back, and false lets the
+     * next one out try. Returns an unsubscribe.
      */
-    handle(answer: () => boolean): () => void;
+    handle(answer: BackAnswer): () => void;
     /** Go back as the button would, innermost outlet first. False when none had anywhere to go. */
     back(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NativeBack, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
+/**
+ * An outlet's answer to a back, told where it came from: Android's button, which is the platform's
+ * own dismissal and a screen may refuse, or the app's `NativeNavigation.back()`, which it may not.
+ */
+export type BackAnswer = (from: 'button' | 'app') => boolean;
 /**
  * Whether a route is part of what the router shows now, rather than a subtree the reuse strategy
  * detached and is keeping for later: a tab behind, or a screen covered by one pushed over it.

package/dist/native-back.js

@@ -52,12 +52,12 @@ export class NativeBack {
         return Promise.resolve(false);
     }
     /**
-     * Offer an outlet's answer to a back. It returns whether it went back, and false lets the next
-     * one out try. Returns an unsubscribe.
+     * Offer an outlet's answer to a back. It returns whether it took the back, and false lets the
+     * next one out try. Returns an unsubscribe.
      */
     handle(answer) {
         this.answers.push(answer);
-        const stop = this.hardwareBack.handle(answer);
+        const stop = this.hardwareBack.handle(() => answer('button'));
         return () => {
             stop();
             const index = this.answers.indexOf(answer);
@@ -67,7 +67,7 @@ export class NativeBack {
     }
     /** Go back as the button would, innermost outlet first. False when none had anywhere to go. */
     back() {
-        return [...this.answers].reverse().some((answer) => answer());
+        return [...this.answers].reverse().some((answer) => answer('app'));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NativeBack, deps: [], target: i0.ɵɵFactoryTarget.Service });
     static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.2.0", ngImport: i0, type: NativeBack });

package/dist/native-back.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-back.js","sourceRoot":"","sources":["../src/native-back.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Who answers a back: Android's hardware button, and `NativeNavigation.back()`.\n *\n * Every outlet offers an answer, and the one in front takes it. Each answer is also handed to\n * `HardwareBack` directly, where React Native asks the newest first. An outlet always subscribes\n * after the outlet it sits inside, so that order runs from the innermost outlet out, and a\n * screen's own handler, subscribed after its outlet, still outranks it. `back()` asks the outlets\n * in that same order, without the screens' own handlers: those are for the button.\n *\n * Newest first is not enough on its own. A stack in a tab behind the one in front, or under a\n * screen pushed over the whole tab bar, is still subscribed, so each answer first checks that\n * its outlet is showing what the router is showing.\n */\nimport { Service, inject } from '@angular/core';\nimport type { ActivatedRoute, Router } from '@angular/router';\nimport { HardwareBack } from '@ng-native/device';\n\n/** What a stack offers `NativeNavigation` beyond a back: going down it several screens at once. */\nexport interface PoppableStack {\n  /** Whether this stack is part of what the router shows now. */\n  showing(): boolean;\n  /** Pop to its first screen, or null when it is showing only that one. */\n  popToRoot(): Promise<boolean> | null;\n  /** Pop to the screen showing `url`, or null when no screen below the top shows it. */\n  popTo(url: string): Promise<boolean> | null;\n}\n\n@Service()\nexport class NativeBack {\n  private readonly hardwareBack = inject(HardwareBack);\n  /** Oldest first, as `HardwareBack` holds them. */\n  private readonly answers: (() => boolean)[] = [];\n  /** Oldest first, and so outermost first, as the answers are. */\n  private readonly stacks: PoppableStack[] = [];\n\n  /** Offer a stack for popping several screens at once. Returns an unsubscribe. */\n  addStack(stack: PoppableStack): () => void {\n    this.stacks.push(stack);\n    return () => {\n      const index = this.stacks.indexOf(stack);\n      if (index !== -1) this.stacks.splice(index, 1);\n    };\n  }\n\n  /** Pop the innermost stack in front that is deeper than one screen, to its first. */\n  popToRoot(): Promise<boolean> {\n    for (const stack of [...this.stacks].reverse()) {\n      if (!stack.showing()) continue;\n      const popped = stack.popToRoot();\n      if (popped) return popped;\n    }\n    return Promise.resolve(false);\n  }\n\n  /** Pop the innermost stack in front that has a screen at `url` below its top, down to it. */\n  popTo(url: string): Promise<boolean> {\n    for (const stack of [...this.stacks].reverse()) {\n      if (!stack.showing()) continue;\n      const popped = stack.popTo(url);\n      if (popped) return popped;\n    }\n    return Promise.resolve(false);\n  }\n\n  /**\n   * Offer an outlet's answer to a back. It returns whether it went back, and false lets the next\n   * one out try. Returns an unsubscribe.\n   */\n  handle(answer: () => boolean): () => void {\n    this.answers.push(answer);\n    const stop = this.hardwareBack.handle(answer);\n    return () => {\n      stop();\n      const index = this.answers.indexOf(answer);\n      if (index !== -1) this.answers.splice(index, 1);\n    };\n  }\n\n  /** Go back as the button would, innermost outlet first. False when none had anywhere to go. */\n  back(): boolean {\n    return [...this.answers].reverse().some((answer) => answer());\n  }\n}\n\n/**\n * Whether a route is part of what the router shows now, rather than a subtree the reuse strategy\n * detached and is keeping for later: a tab behind, or a screen covered by one pushed over it.\n */\nexport function isShowing(router: Router, route: ActivatedRoute | null): boolean {\n  if (!route) return false;\n  const visit = (node: ActivatedRoute): boolean => node === route || node.children.some(visit);\n  return visit(router.routerState.root);\n}\n"]}
+{"version":3,"file":"native-back.js","sourceRoot":"","sources":["../src/native-back.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Who answers a back: Android's hardware button, and `NativeNavigation.back()`.\n *\n * Every outlet offers an answer, and the one in front takes it. Each answer is also handed to\n * `HardwareBack` directly, where React Native asks the newest first. An outlet always subscribes\n * after the outlet it sits inside, so that order runs from the innermost outlet out, and a\n * screen's own handler, subscribed after its outlet, still outranks it. `back()` asks the outlets\n * in that same order, without the screens' own handlers: those are for the button.\n *\n * Newest first is not enough on its own. A stack in a tab behind the one in front, or under a\n * screen pushed over the whole tab bar, is still subscribed, so each answer first checks that\n * its outlet is showing what the router is showing.\n */\nimport { Service, inject } from '@angular/core';\nimport type { ActivatedRoute, Router } from '@angular/router';\nimport { HardwareBack } from '@ng-native/device';\n\n/** What a stack offers `NativeNavigation` beyond a back: going down it several screens at once. */\nexport interface PoppableStack {\n  /** Whether this stack is part of what the router shows now. */\n  showing(): boolean;\n  /** Pop to its first screen, or null when it is showing only that one. */\n  popToRoot(): Promise<boolean> | null;\n  /** Pop to the screen showing `url`, or null when no screen below the top shows it. */\n  popTo(url: string): Promise<boolean> | null;\n}\n\n@Service()\nexport class NativeBack {\n  private readonly hardwareBack = inject(HardwareBack);\n  /** Oldest first, as `HardwareBack` holds them. */\n  private readonly answers: BackAnswer[] = [];\n  /** Oldest first, and so outermost first, as the answers are. */\n  private readonly stacks: PoppableStack[] = [];\n\n  /** Offer a stack for popping several screens at once. Returns an unsubscribe. */\n  addStack(stack: PoppableStack): () => void {\n    this.stacks.push(stack);\n    return () => {\n      const index = this.stacks.indexOf(stack);\n      if (index !== -1) this.stacks.splice(index, 1);\n    };\n  }\n\n  /** Pop the innermost stack in front that is deeper than one screen, to its first. */\n  popToRoot(): Promise<boolean> {\n    for (const stack of [...this.stacks].reverse()) {\n      if (!stack.showing()) continue;\n      const popped = stack.popToRoot();\n      if (popped) return popped;\n    }\n    return Promise.resolve(false);\n  }\n\n  /** Pop the innermost stack in front that has a screen at `url` below its top, down to it. */\n  popTo(url: string): Promise<boolean> {\n    for (const stack of [...this.stacks].reverse()) {\n      if (!stack.showing()) continue;\n      const popped = stack.popTo(url);\n      if (popped) return popped;\n    }\n    return Promise.resolve(false);\n  }\n\n  /**\n   * Offer an outlet's answer to a back. It returns whether it took the back, and false lets the\n   * next one out try. Returns an unsubscribe.\n   */\n  handle(answer: BackAnswer): () => void {\n    this.answers.push(answer);\n    const stop = this.hardwareBack.handle(() => answer('button'));\n    return () => {\n      stop();\n      const index = this.answers.indexOf(answer);\n      if (index !== -1) this.answers.splice(index, 1);\n    };\n  }\n\n  /** Go back as the button would, innermost outlet first. False when none had anywhere to go. */\n  back(): boolean {\n    return [...this.answers].reverse().some((answer) => answer('app'));\n  }\n}\n\n/**\n * An outlet's answer to a back, told where it came from: Android's button, which is the platform's\n * own dismissal and a screen may refuse, or the app's `NativeNavigation.back()`, which it may not.\n */\nexport type BackAnswer = (from: 'button' | 'app') => boolean;\n\n/**\n * Whether a route is part of what the router shows now, rather than a subtree the reuse strategy\n * detached and is keeping for later: a tab behind, or a screen covered by one pushed over it.\n */\nexport function isShowing(router: Router, route: ActivatedRoute | null): boolean {\n  if (!route) return false;\n  const visit = (node: ActivatedRoute): boolean => node === route || node.children.some(visit);\n  return visit(router.routerState.root);\n}\n"]}

package/dist/native-stack-outlet.d.ts

@@ -39,6 +39,8 @@ export declare class NativeStackOutlet implements RouterOutletContract {
      * `RouterOutletContract` directly, which is how its own tests drive it.
      */
     private readonly router;
+    /** For a refused back to reach the screen as native's own report would. */
+    private readonly engine;
     private readonly errors;
     private readonly entries;
     /**
@@ -158,6 +160,13 @@ export declare class NativeStackOutlet implements RouterOutletContract {
      * a screen pushed over the tab bar, is still subscribed, and the newest one would otherwise
      * answer for the stack in front.
      */
+    /**
+     * Android's Back button is the platform's own dismissal there, and react-native-screens leaves
+     * it to JS: its Android screen ignores `preventNativeDismiss`. So a top screen that sets it
+     * refuses the press here, as iOS refuses a swipe, and hears `nativeDismissCancelled` the same
+     * way, through the engine, as if native had sent it.
+     */
+    private refusesButton;
     private goBack;
     /** Whether the top screen is part of what the router shows now. Assumed without a router. */
     private isShowing;

package/dist/native-stack-outlet.js

@@ -16,7 +16,7 @@
  * of its children rather than from a per-screen flag. Toggling that flag is for `ScreenContainer`
  * (tabs), where every screen is mounted at once.
  */
-import { ApplicationRef, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, ErrorHandler, HostAttributeToken, Injector, Renderer2, computed, createComponent, inject, signal, } from '@angular/core';
+import { ApplicationRef, Component, DestroyRef, ElementRef, ErrorHandler, HostAttributeToken, Injector, Renderer2, computed, createComponent, inject, signal, } from '@angular/core';
 import { ActivatedRoute, ChildrenOutletContexts, NavigationCancel, NavigationEnd, NavigationError, PRIMARY_OUTLET, Router, createUrlTreeFromSnapshot, } from '@angular/router';
 import { Location, PlatformLocation } from '@angular/common';
 import { SCREEN_IN_FRONT } from '@ng-native/device';
@@ -26,6 +26,7 @@ import { intentOf } from "./native-navigation.js";
 import { NativePlatformLocation } from "./native-platform-location.js";
 import { markScreenRoute } from "./tab-routes.js";
 import { ownHost } from "./own-host.js";
+import { HostEngine } from '@ng-native/fabric';
 import { ActivityState } from "./screens.js";
 import * as i0 from "@angular/core";
 /**
@@ -39,6 +40,8 @@ import * as i0 from "@angular/core";
 const presented = new WeakMap();
 /** What every screen needs to fill the stack, the same five keys RNSScreen itself expects. */
 const FILL = { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 };
+/** A swipe-back area with no limit on any edge. */
+const UNLIMITED_SWIPE = { start: -1, end: -1, top: -1, bottom: -1 };
 export class NativeStackOutlet {
     /**
      * Named outlets work exactly as on the web: `<native-stack-outlet name="list" />` is filled by
@@ -59,6 +62,8 @@ export class NativeStackOutlet {
      * `RouterOutletContract` directly, which is how its own tests drive it.
      */
     router = inject(Router, { optional: true });
+    /** For a refused back to reach the screen as native's own report would. */
+    engine = inject(HostEngine, { optional: true });
     errors = inject(ErrorHandler);
     entries = [];
     /**
@@ -81,7 +86,7 @@ export class NativeStackOutlet {
         // (`nativeBackButtonDismissalEnabled`) also pops the screen, which would make one press pop
         // twice. If a back press ever skips a screen on Android, look here first.
         const back = inject(NativeBack);
-        const unsubscribeBack = back.handle(() => this.goBack());
+        const unsubscribeBack = back.handle((from) => from === 'button' && this.refusesButton() ? true : this.goBack());
         const unsubscribeStack = back.addStack({
             showing: () => this.isShowing(),
             popToRoot: () => (this.entries.length > 1 ? this.popToEntry(0) : null),
@@ -425,6 +430,13 @@ export class NativeStackOutlet {
             if (value !== undefined)
                 this.renderer.setProperty(screen, prop, value);
         }
+        // Except this one, which is a struct with no default: an edge left out is 0 natively, and
+        // `RNSScreenStack` refuses a swipe-back that starts beyond 0 points. -1 is no limit, which is
+        // what `Screen.tsx` sends for every edge not given.
+        this.renderer.setProperty(screen, 'gestureResponseDistance', {
+            ...UNLIMITED_SWIPE,
+            ...presentation?.gestureResponseDistance,
+        });
         this.renderer.appendChild(this.host.nativeElement, screen);
         return screen;
     }
@@ -448,6 +460,24 @@ export class NativeStackOutlet {
      * a screen pushed over the tab bar, is still subscribed, and the newest one would otherwise
      * answer for the stack in front.
      */
+    /**
+     * Android's Back button is the platform's own dismissal there, and react-native-screens leaves
+     * it to JS: its Android screen ignores `preventNativeDismiss`. So a top screen that sets it
+     * refuses the press here, as iOS refuses a swipe, and hears `nativeDismissCancelled` the same
+     * way, through the engine, as if native had sent it.
+     */
+    refusesButton() {
+        if (this.entries.length < 2 || !this.isShowing())
+            return false;
+        const screen = this.top.screen;
+        if (screen.props['preventNativeDismiss'] !== true)
+            return false;
+        // The native engine's own entry point for an event, the one Fabric calls. Not on
+        // `HostEngine`, because only a native host has a screen to refuse with.
+        const native = this.engine;
+        native?.dispatchEvent?.(screen, 'topNativeDismissCancelled', { dismissCount: 1 });
+        return true;
+    }
     goBack() {
         if (this.entries.length < 2 || !this.isShowing())
             return false;
@@ -550,14 +580,13 @@ export class NativeStackOutlet {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NativeStackOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.0", type: NativeStackOutlet, isStandalone: true, selector: "native-stack-outlet", host: { properties: { "style": "fill" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.0", type: NativeStackOutlet, isStandalone: true, selector: "native-stack-outlet", host: { properties: { "style": "fill" } }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NativeStackOutlet, decorators: [{
             type: Component,
             args: [{
                     selector: 'native-stack-outlet',
                     template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { '[style]': 'fill' },
                 }]
         }], ctorParameters: () => [] });

package/dist/native-stack-outlet.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-stack-outlet.js","sourceRoot":"","sources":["../src/native-stack-outlet.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `RouterOutlet` that renders a native stack instead of swapping one view for another.\n *\n * The outlet's host element *is* the `RNSScreenStack`, and each activated route's component is\n * created directly on its own `screen` child rather than on a wrapper view inside it (ADR 0004).\n * The screens below the top stay mounted, which is what keeps a pushed-away screen's native\n * state alive: its scroll offset, its text cursor, its keyboard focus.\n *\n * Push and pop are inferred from the calls the router already makes. With a reuse strategy that\n * detaches, navigating forward is `detach()` then `activateWith()`, and navigating back is\n * `detach()` then `attach(ref)` with a ref we handed out earlier. Finding that ref in our own\n * stack is what identifies a pop, so nothing here needs to consult the URL.\n *\n * Note `activityState` is set once, to active, and never lowered. `Screen.tsx` throws on any\n * decrease while `isNativeStack`, because a native stack decides what is visible from the order\n * of its children rather than from a per-screen flag. Toggling that flag is for `ScreenContainer`\n * (tabs), where every screen is mounted at once.\n */\nimport {\n  ApplicationRef,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ErrorHandler,\n  HostAttributeToken,\n  Injector,\n  Renderer2,\n  computed,\n  createComponent,\n  inject,\n  signal,\n  type ComponentRef,\n  type EnvironmentInjector,\n  type Type,\n  type WritableSignal,\n} from '@angular/core';\nimport {\n  ActivatedRoute,\n  ChildrenOutletContexts,\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  PRIMARY_OUTLET,\n  Router,\n  createUrlTreeFromSnapshot,\n  type Data,\n  type RouterOutletContract,\n} from '@angular/router';\nimport { Location, PlatformLocation } from '@angular/common';\nimport { SCREEN_IN_FRONT } from '@ng-native/device';\nimport { bindRouteInputs } from './bind-route-inputs.ts';\nimport { NativeBack, isShowing } from './native-back.ts';\nimport { intentOf, type NativeIntent } from './native-navigation.ts';\nimport { NativePlatformLocation } from './native-platform-location.ts';\nimport { markScreenRoute } from './tab-routes.ts';\nimport { ownHost } from './own-host.ts';\nimport type { ScreenPresentation } from './screen-presentation.ts';\nimport { ActivityState } from './screens.ts';\n\ninterface StackEntry {\n  route: ActivatedRoute;\n  ref: ComponentRef<unknown>;\n  /** The `screen` element this entry's component lives inside. */\n  screen: unknown;\n  /** True while the router is holding this ref for a later `attach`. */\n  detached: boolean;\n  /** Stops feeding route params into the component's inputs. */\n  unbind: () => void;\n  /** How the screen was put on screen, for a push from it to follow. */\n  presentation?: ScreenPresentation;\n  /** The navigation that put this screen on the stack, until that navigation ends. */\n  activatedIn?: number;\n  /** The navigation that covered this screen, until that navigation ends. */\n  detachedIn?: number;\n  /** Whether this screen is the one in front, for what it holds: see `SCREEN_IN_FRONT`. */\n  inFront: WritableSignal<boolean>;\n}\n\n/**\n * The last navigation, per router, whose presentation an outlet has already given a screen.\n *\n * Presenting a route that is a stack of its own activates two outlets in one navigation: the one\n * the route is presented in, and the one inside it that shows the route's first child. Only the\n * first is presented; the second is the first screen of a stack inside a presented screen, and a\n * push inside that stack must see it as a pushed screen, not one to present over.\n */\nconst presented = new WeakMap<object, number>();\n\n/** What every screen needs to fill the stack, the same five keys RNSScreen itself expects. */\nconst FILL = { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 } as const;\n\n@Component({\n  selector: 'native-stack-outlet',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[style]': 'fill' },\n})\nexport class NativeStackOutlet implements RouterOutletContract {\n  /**\n   * Named outlets work exactly as on the web: `<native-stack-outlet name=\"list\" />` is filled by\n   * routes with `outlet: 'list'`. The default is the primary one. Read once, as the router's own\n   * outlet reads it, since an outlet cannot change which contexts it is registered under.\n   */\n  readonly name = inject(new HostAttributeToken('name'), { optional: true }) ?? PRIMARY_OUTLET;\n\n  readonly supportsBindingToComponentInputs = true;\n\n  private readonly parentContexts = inject(ChildrenOutletContexts);\n  private readonly renderer = inject(Renderer2);\n  private readonly applicationRef = inject(ApplicationRef);\n  private readonly injector = inject(Injector);\n  private readonly host = inject(ElementRef);\n  private readonly location = inject(Location);\n  private readonly history = inject(PlatformLocation);\n  /**\n   * Only for the intent a navigation carries. Optional so the outlet can be exercised through\n   * `RouterOutletContract` directly, which is how its own tests drive it.\n   */\n  private readonly router = inject(Router, { optional: true });\n\n  private readonly errors = inject(ErrorHandler);\n\n  private readonly entries: StackEntry[] = [];\n  /**\n   * The screens a replace or a reset supersedes, kept until the navigation that supersedes them\n   * succeeds: one that fails leaves the stack as it was.\n   */\n  private superseded: { entries: StackEntry[]; navigation: number } | null = null;\n\n  protected readonly fill = { flex: 1 };\n\n  constructor() {\n    ownHost(this.host.nativeElement);\n    // Ours, not a prop of the native stack.\n    delete (this.host.nativeElement as { props: Record<string, unknown> }).props['name'];\n    this.parentContexts.onChildOutletCreated(this.name, this);\n\n    // Android's back button, and `NativeNavigation.back()`. Declining at the bottom of the stack\n    // is deliberate: the outlet this one sits in gets its turn, and when none takes it the\n    // platform backgrounds the app, which is what a user expects, rather than the app swallowing\n    // the press and appearing stuck.\n    //\n    // Not yet verified on a device: whether react-native-screens' own Android back handling\n    // (`nativeBackButtonDismissalEnabled`) also pops the screen, which would make one press pop\n    // twice. If a back press ever skips a screen on Android, look here first.\n    const back = inject(NativeBack);\n    const unsubscribeBack = back.handle(() => this.goBack());\n    const unsubscribeStack = back.addStack({\n      showing: () => this.isShowing(),\n      popToRoot: () => (this.entries.length > 1 ? this.popToEntry(0) : null),\n      popTo: (url) => {\n        const index = this.entries.findIndex((entry) => this.urlOf(entry) === url);\n        return index !== -1 && index < this.entries.length - 1 ? this.popToEntry(index) : null;\n      },\n    });\n    // Optional for the same reason as the router: the outlet's own tests stand one in without it.\n    const navigations = this.router?.events?.subscribe((event) => {\n      if (event instanceof NavigationEnd) this.settle(event.id);\n      else if (event instanceof NavigationError) this.rollBack(event.id);\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      unsubscribeBack();\n      unsubscribeStack();\n      navigations?.unsubscribe();\n      for (const entry of this.entries) {\n        entry.unbind();\n        entry.ref.destroy();\n      }\n      this.entries.length = 0;\n      this.parentContexts.onChildOutletDestroyed(this.name);\n    });\n  }\n\n  /** The screens currently in the stack, oldest first. Exposed for tests. */\n  get depth(): number {\n    return this.entries.length;\n  }\n\n  // --- RouterOutletContract ----------------------------------------------\n\n  get isActivated(): boolean {\n    return this.top !== undefined && !this.top.detached;\n  }\n\n  get component(): Object | null {\n    return this.top && !this.top.detached ? (this.top.ref.instance as Object) : null;\n  }\n\n  get activatedRoute(): ActivatedRoute | null {\n    return this.top && !this.top.detached ? this.top.route : null;\n  }\n\n  get activatedRouteData(): Data {\n    return this.activatedRoute?.snapshot.data ?? {};\n  }\n\n  /** The input binder reads this to bind route params to component inputs. */\n  get activatedComponentRef(): ComponentRef<unknown> | null {\n    return this.top?.ref ?? null;\n  }\n\n  activateWith(route: ActivatedRoute, environmentInjector: EnvironmentInjector): void {\n    const component = (route.component ?? route.snapshot.component) as Type<unknown> | null;\n    if (!component) {\n      throw new Error('[angular-native] route has no component to activate');\n    }\n    // Whatever a stack shows is a screen, children or not, and must survive being covered.\n    if (route.snapshot.routeConfig) markScreenRoute(route.snapshot.routeConfig);\n\n    // What kind of navigation this is, over and above which route it lands on: a replace\n    // supersedes the screen below rather than stacking on it, and a reset empties the stack.\n    // Everything else leaves the screens below mounted, so their native state survives the trip.\n    const intent = this.currentIntent();\n    const navigation = this.navigationId();\n    const presentation = this.presentationFor(intent);\n    //\n    // The screen is the page's host element, so its props are set before the component exists\n    // and the component's own host bindings land on top of them. Style bindings merge key by\n    // key, so a page styling itself keeps the absolute fill the stack lays out with - except for\n    // `position` and the four insets, which a page naming them writes over outright rather than\n    // merging into. Those five are re-asserted below, after the page's own change detection has\n    // run, so the outlet's positioning always wins whatever a page's host style says.\n    const screen = this.createScreen(presentation);\n    const inFront = signal(true);\n    const { ref, unbind } = this.createPage(component, route, environmentInjector, screen, inFront);\n    // The page's own host style, including any `position` or inset it declared, has now landed\n    // on the screen: put the stack's fill back over it. Per-key, through `setStyle`, so whatever\n    // else the page's style set - a background colour, say - still merges and stays.\n    this.fillScreen(screen);\n\n    if (intent?.stack === 'reset') this.supersede(this.entries.slice(), navigation);\n    else if (intent?.stack === 'replace' && this.top) this.supersede([this.top], navigation);\n    this.entries.push({\n      route,\n      ref,\n      screen,\n      detached: false,\n      unbind,\n      presentation,\n      activatedIn: navigation,\n      inFront,\n    });\n  }\n\n  /**\n   * The page's component, created on its screen and rendered once.\n   *\n   * A page that throws on that first render fails the navigation, and nothing of it may stay: a\n   * half-made screen left on the stack is one the router does not know about, with a component\n   * still running on it. So its component is destroyed, its screen taken off the stack, the\n   * screen it was pushed from given back its change detection, and the error handed to the\n   * app's `ErrorHandler` before the router fails the navigation with it.\n   */\n  private createPage(\n    component: Type<unknown>,\n    route: ActivatedRoute,\n    environmentInjector: EnvironmentInjector,\n    screen: unknown,\n    inFront: WritableSignal<boolean>,\n  ): { ref: ComponentRef<unknown>; unbind: () => void } {\n    let ref: ComponentRef<unknown> | undefined;\n    let unbind: (() => void) | undefined;\n    try {\n      ref = createComponent(component, {\n        environmentInjector,\n        elementInjector: this.outletInjector(route, inFront),\n        hostElement: screen as Element,\n      });\n      this.applicationRef.attachView(ref.hostView);\n      // Route params onto inputs before the first change detection, not after: a required input\n      // read in the template throws NG0950 if it is still unset when the page first renders.\n      unbind = this.bindInputs(ref, route);\n      // Before anything can commit. Creating the page's nodes dirties the tree, which schedules a\n      // commit of its own - and that commit would capture the page with its elements created and\n      // its bindings not yet applied. On iOS the props catch up a frame later and nobody sees it;\n      // on Android the flattening decision is made from the props a view is created with, so a\n      // content wrapper that arrives without its `collapsable: false` is flattened for good and\n      // its children end up parented to a scroll view that allows exactly one.\n      ref.changeDetectorRef.detectChanges();\n      return { ref, unbind };\n    } catch (error) {\n      unbind?.();\n      ref?.destroy();\n      this.removeScreen(screen);\n      this.uncover();\n      this.errors.handleError(error);\n      throw error;\n    }\n  }\n\n  deactivate(): void {\n    const entry = this.entries.pop();\n    if (!entry) return;\n    this.drop(entry);\n  }\n\n  /**\n   * Hand the live `ComponentRef` back to the router without destroying it. The screen stays\n   * mounted, so the component keeps running and its native views keep their state.\n   */\n  detach(): ComponentRef<unknown> {\n    const entry = this.top;\n    if (!entry) throw new Error('[angular-native] outlet is not activated, nothing to detach');\n    entry.detached = true;\n    entry.detachedIn = this.navigationId();\n    entry.inFront.set(false);\n    // `ChangeDetectorRef.detach`, not `ApplicationRef.detachView`. The latter calls\n    // `renderDetachView` and pulls the view's nodes out of the tree, which is exactly what we\n    // are trying to avoid: the screen would vanish from the stack the moment we pushed past it.\n    // This stops change detection for an off-screen screen while leaving it mounted.\n    entry.ref.hostView.detach();\n    return entry.ref;\n  }\n\n  /**\n   * Re-attach a previously detached ref. If we still hold it, everything stacked above it is a\n   * screen the user has navigated back past, so those are destroyed: that is the pop.\n   */\n  attach(ref: ComponentRef<unknown>, route: ActivatedRoute): void {\n    const index = this.entries.findIndex((entry) => entry.ref === ref);\n\n    if (index === -1) {\n      // Not ours: the router is restoring a ref detached by a different outlet instance. Its\n      // host element is already a screen, complete with the `dismissed` listener that outlet\n      // registered, so it is re-parented rather than rebuilt.\n      const screen = ref.location.nativeElement;\n      this.renderer.appendChild(this.host.nativeElement, screen);\n      this.entries.push({\n        route,\n        ref,\n        screen,\n        detached: false,\n        unbind: this.bindInputs(ref, route),\n        // What it was given is its first outlet's; this one has no say over that screen's.\n        inFront: signal(true),\n      });\n      this.applicationRef.attachView(ref.hostView);\n    } else {\n      for (const above of this.entries.splice(index + 1)) this.drop(above);\n      const entry = this.entries[index]!;\n      entry.detached = false;\n      entry.inFront.set(true);\n      entry.route = route;\n      // The route object is new even when the url is not, so the inputs follow the new one.\n      entry.unbind();\n      entry.unbind = this.bindInputs(ref, route);\n    }\n\n    // Resume change detection for the screen the user is coming back to.\n    ref.hostView.reattach();\n  }\n\n  // --- native stack -------------------------------------------------------\n\n  /**\n   * Route params onto the page's inputs, but only in an app that asked for it with\n   * `withComponentInputBinding()`, which is the only time Angular's own outlet binds them. Read\n   * per screen rather than once, for a test that stands the router in.\n   */\n  private bindInputs(ref: ComponentRef<unknown>, route: ActivatedRoute): () => void {\n    return this.router?.componentInputBindingEnabled ? bindRouteInputs(ref, route) : () => {};\n  }\n\n  private get top(): StackEntry | undefined {\n    return this.entries[this.entries.length - 1];\n  }\n\n  /**\n   * What the navigation asked for, if it asked for anything. Read here rather than remembered,\n   * because the router is mid-navigation for exactly as long as an activation takes.\n   */\n  private currentIntent(): NativeIntent | null {\n    return intentOf(this.router?.getCurrentNavigation()?.extras.state);\n  }\n\n  /**\n   * How the screen a navigation activates is put on screen.\n   *\n   * A push on top of a presented screen is presented the same way. `RNSScreenStack` pushes a push\n   * screen that follows a modal onto the navigation controller under the modal, so the router\n   * would be on the new route while the modal stayed in front, and the modal's own way out would\n   * first pop a screen nobody could see. A presentation the navigation names itself wins, and a\n   * reset starts a stack with nothing to follow. A presented screen that is a stack of its own is\n   * where a push to one of its children goes instead, inside it.\n   */\n  private presentationFor(intent: NativeIntent | null): ScreenPresentation | undefined {\n    const own = this.claimPresentation(intent);\n    const covering = this.top?.presentation?.stackPresentation;\n    if (intent?.stack === 'reset' || !covering || covering === 'push' || own?.stackPresentation) {\n      return own;\n    }\n    return { ...own, stackPresentation: covering };\n  }\n\n  /** The navigation's own presentation, unless an outlet further out already presented it. */\n  private claimPresentation(intent: NativeIntent | null): ScreenPresentation | undefined {\n    if (!intent?.presentation) return undefined;\n    const id = this.router?.getCurrentNavigation()?.id;\n    if (id === undefined) return intent.presentation;\n    if (presented.get(this.router!) === id) return undefined;\n    presented.set(this.router!, id);\n    return intent.presentation;\n  }\n\n  /** Take a screen out for good: its bindings, its component, and its native view. */\n  private drop(entry: StackEntry): void {\n    entry.unbind();\n    entry.ref.destroy();\n    this.removeScreen(entry.screen);\n  }\n\n  /** Take one entry out of the stack, wherever it is, and drop it. */\n  private remove(entry: StackEntry): void {\n    const index = this.entries.indexOf(entry);\n    if (index === -1) return;\n    this.entries.splice(index, 1);\n    this.drop(entry);\n  }\n\n  // --- a navigation's outcome ----------------------------------------------\n\n  /** The id of the navigation in progress, when there is a router to say. */\n  private navigationId(): number | undefined {\n    return this.router?.getCurrentNavigation()?.id;\n  }\n\n  /**\n   * Take out the screens a replace or a reset supersedes once its navigation has succeeded, or\n   * at once when there is no navigation to wait for. A replaced screen has already been detached\n   * by the router, and with `replaceUrl` its history entry is gone too, so nothing will attach it\n   * again; the reuse strategy notices the ref is destroyed and drops its handle.\n   */\n  private supersede(entries: StackEntry[], navigation: number | undefined): void {\n    if (navigation === undefined) {\n      for (const entry of entries) this.remove(entry);\n      return;\n    }\n    this.superseded = { entries, navigation };\n  }\n\n  /** A navigation succeeded: what it superseded goes, and what it did is no longer undoable. */\n  private settle(navigation: number): void {\n    if (this.superseded?.navigation === navigation) {\n      for (const entry of this.superseded.entries) this.remove(entry);\n      this.superseded = null;\n    }\n    for (const entry of this.entries) {\n      if (entry.activatedIn === navigation) entry.activatedIn = undefined;\n      if (entry.detachedIn === navigation) entry.detachedIn = undefined;\n    }\n  }\n\n  /**\n   * A navigation failed, so the router is back where it started: undo what it did here too.\n   *\n   * The screen that threw has already gone (`createPage`), but a screen this outlet activated for\n   * the same navigation has not when the one that threw is further in, the first screen of a\n   * stack inside it. That one goes, with everything in it, and the screen it covered carries on.\n   */\n  private rollBack(navigation: number): void {\n    if (this.superseded?.navigation === navigation) this.superseded = null;\n    for (const entry of this.entries.filter((candidate) => candidate.activatedIn === navigation)) {\n      this.remove(entry);\n    }\n    this.uncover(navigation);\n  }\n\n  /**\n   * Give the top screen back its change detection when the router covered it for a navigation\n   * that is not going to happen: the one given, or the one in progress.\n   */\n  private uncover(navigation = this.navigationId()): void {\n    const top = this.top;\n    if (!top?.detached || top.detachedIn !== navigation) return;\n    top.detached = false;\n    top.detachedIn = undefined;\n    top.inFront.set(true);\n    top.ref.hostView.reattach();\n  }\n\n  /**\n   * `position: absolute` and the four insets, through `setStyle` rather than one `setProperty`\n   * so each key merges into whatever style is already on the screen instead of replacing it -\n   * the same merge a page's own host style gets, just asserted last so the stack's layout wins.\n   */\n  private fillScreen(screen: unknown): void {\n    for (const [key, value] of Object.entries(FILL)) {\n      this.renderer.setStyle(screen as Element, key, value);\n    }\n  }\n\n  private createScreen(presentation?: ScreenPresentation): unknown {\n    const screen = ownHost(this.renderer.createElement('screen'));\n    this.fillScreen(screen);\n    // Set once and never lowered: see the note at the top of this file.\n    this.renderer.setProperty(screen, 'activityState', ActivityState.Active);\n    // A swipe-back or an Android back button pops the screen natively and only then tells JS.\n    // Without this the native stack and the router disagree from that moment on: the screen is\n    // gone but the URL still points at it, so the next navigation starts from the wrong place.\n    this.renderer.listen(\n      screen,\n      'dismissed',\n      (event: { nativeEvent?: { dismissCount?: number } }) =>\n        this.onNativeDismiss(event?.nativeEvent?.dismissCount ?? 1),\n    );\n    // Every key is a prop `RNSScreen` already declares, spelled the way the codegen spec spells\n    // it, so this forwards rather than translates. Set before the screen joins the stack: the\n    // native side reads the presentation as it mounts.\n    for (const [prop, value] of Object.entries(presentation ?? {})) {\n      if (value !== undefined) this.renderer.setProperty(screen, prop, value);\n    }\n\n    this.renderer.appendChild(this.host.nativeElement, screen);\n    return screen;\n  }\n\n  /**\n   * Follow a pop the user already made. `historyGo`, not `back()`, because iOS coalesces a long\n   * swipe into a single event with a count.\n   *\n   * Only ever fires for a native dismissal: verified on device that a pop this outlet drives\n   * itself emits `willAppear`/`appear` for the screen below but no `dismissed`, so there is no\n   * double-pop to guard against.\n   *\n   * The gesture itself is unverified by tooling: idb cannot synthesise a `UIScreenEdgePan` that\n   * UIKit accepts, so this path was reasoned from the events rather than driven end to end.\n   */\n  private onNativeDismiss(count: number): void {\n    this.popBy(Math.max(1, count));\n  }\n\n  /**\n   * A back, from the button or `NativeNavigation`: pop the top screen, as long as there is one\n   * below it and this stack is the one the user is looking at. A stack in a tab behind, or under\n   * a screen pushed over the tab bar, is still subscribed, and the newest one would otherwise\n   * answer for the stack in front.\n   */\n  private goBack(): boolean {\n    if (this.entries.length < 2 || !this.isShowing()) return false;\n    this.popBy(1);\n    return true;\n  }\n\n  /** Whether the top screen is part of what the router shows now. Assumed without a router. */\n  private isShowing(): boolean {\n    if (!this.router) return true;\n    return this.isActivated && isShowing(this.router, this.top!.route);\n  }\n\n  /**\n   * Take the router to the screen `steps` below the top, whether native already popped it or it\n   * is about to be popped because the router arrives there.\n   */\n  private popBy(steps: number): void {\n    const below = this.entries[this.entries.length - 1 - steps];\n    const url = below && this.router ? this.urlOf(below) : null;\n    // Usually the entry that far back is the screen the pop revealed, and going back through\n    // history keeps it tidy. Not always: a stack inside a tab shares history with the other tabs,\n    // so after a trip to one and back the entry behind the top screen is that other tab, and\n    // going back would switch tab rather than pop. Then the router is sent to the revealed\n    // screen instead, replacing the entry of the one that is gone.\n    const behind = this.historyUrl(-steps);\n    if (!url || behind === undefined || behind === url) {\n      this.location.historyGo(-steps);\n      return;\n    }\n    void this.router!.navigateByUrl(url, { replaceUrl: true });\n  }\n\n  /**\n   * Take the router down to the screen at `index`, popping every screen above it together.\n   * Through history when the entries behind are these screens, so going back from there keeps\n   * working one screen at a time; otherwise by a navigation to it that replaces the entry, as\n   * `popBy` does when a tab's history interleaves.\n   */\n  private popToEntry(index: number): Promise<boolean> {\n    const url = this.urlOf(this.entries[index]!);\n    const steps = this.entries.length - 1 - index;\n    if (this.historyUrl(-steps) === url) {\n      const arrived = this.nextNavigation();\n      this.location.historyGo(-steps);\n      return arrived;\n    }\n    return this.router!.navigateByUrl(url, { replaceUrl: true });\n  }\n\n  /** Whether the navigation that happens next succeeds. */\n  private nextNavigation(): Promise<boolean> {\n    return new Promise((resolve) => {\n      const events = this.router!.events.subscribe((event) => {\n        if (event instanceof NavigationEnd) resolve(true);\n        else if (event instanceof NavigationError || event instanceof NavigationCancel) {\n          resolve(false);\n        } else return;\n        events.unsubscribe();\n      });\n    });\n  }\n\n  /** The url a screen was showing when it was covered, rebuilt from its own route snapshot. */\n  private urlOf(entry: StackEntry): string {\n    const snapshot = entry.route.snapshot;\n    const tree = createUrlTreeFromSnapshot(snapshot, [], snapshot.queryParams, snapshot.fragment);\n    return this.router!.serializeUrl(tree);\n  }\n\n  /**\n   * The url of the history entry `offset` away, normalised the way the router writes it: null past\n   * the start of history, and undefined when the history is not ours to read, so the pop has to go\n   * through it blind.\n   */\n  private historyUrl(offset: number): string | null | undefined {\n    if (!(this.history instanceof NativePlatformLocation)) return undefined;\n    const url = this.history.ɵurlAt(offset);\n    return url === null ? null : this.router!.serializeUrl(this.router!.parseUrl(url));\n  }\n\n  private removeScreen(screen: unknown): void {\n    this.renderer.removeChild(this.host.nativeElement, screen);\n  }\n\n  /**\n   * What a page is created with: its route, the outlet contexts its own outlets register in, and\n   * whether its screen is in front - which is this screen's own say and, for a stack inside a\n   * screen of another, that screen's too.\n   */\n  private outletInjector(route: ActivatedRoute, inFront: WritableSignal<boolean>): Injector {\n    const outer = this.injector.get(SCREEN_IN_FRONT);\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: SCREEN_IN_FRONT, useValue: computed(() => outer() && inFront()) },\n        { provide: ActivatedRoute, useValue: route },\n        {\n          provide: ChildrenOutletContexts,\n          useValue: this.parentContexts.getOrCreateContext(this.name).children,\n        },\n      ],\n    });\n  }\n}\n"]}
+{"version":3,"file":"native-stack-outlet.js","sourceRoot":"","sources":["../src/native-stack-outlet.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `RouterOutlet` that renders a native stack instead of swapping one view for another.\n *\n * The outlet's host element *is* the `RNSScreenStack`, and each activated route's component is\n * created directly on its own `screen` child rather than on a wrapper view inside it (ADR 0004).\n * The screens below the top stay mounted, which is what keeps a pushed-away screen's native\n * state alive: its scroll offset, its text cursor, its keyboard focus.\n *\n * Push and pop are inferred from the calls the router already makes. With a reuse strategy that\n * detaches, navigating forward is `detach()` then `activateWith()`, and navigating back is\n * `detach()` then `attach(ref)` with a ref we handed out earlier. Finding that ref in our own\n * stack is what identifies a pop, so nothing here needs to consult the URL.\n *\n * Note `activityState` is set once, to active, and never lowered. `Screen.tsx` throws on any\n * decrease while `isNativeStack`, because a native stack decides what is visible from the order\n * of its children rather than from a per-screen flag. Toggling that flag is for `ScreenContainer`\n * (tabs), where every screen is mounted at once.\n */\nimport {\n  ApplicationRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ErrorHandler,\n  HostAttributeToken,\n  Injector,\n  Renderer2,\n  computed,\n  createComponent,\n  inject,\n  signal,\n  type ComponentRef,\n  type EnvironmentInjector,\n  type Type,\n  type WritableSignal,\n} from '@angular/core';\nimport {\n  ActivatedRoute,\n  ChildrenOutletContexts,\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  PRIMARY_OUTLET,\n  Router,\n  createUrlTreeFromSnapshot,\n  type Data,\n  type RouterOutletContract,\n} from '@angular/router';\nimport { Location, PlatformLocation } from '@angular/common';\nimport { SCREEN_IN_FRONT } from '@ng-native/device';\nimport { bindRouteInputs } from './bind-route-inputs.ts';\nimport { NativeBack, isShowing } from './native-back.ts';\nimport { intentOf, type NativeIntent } from './native-navigation.ts';\nimport { NativePlatformLocation } from './native-platform-location.ts';\nimport { markScreenRoute } from './tab-routes.ts';\nimport { ownHost } from './own-host.ts';\nimport { HostEngine, type EngineNode } from '@ng-native/fabric';\nimport type { ScreenPresentation } from './screen-presentation.ts';\nimport { ActivityState } from './screens.ts';\n\ninterface StackEntry {\n  route: ActivatedRoute;\n  ref: ComponentRef<unknown>;\n  /** The `screen` element this entry's component lives inside. */\n  screen: unknown;\n  /** True while the router is holding this ref for a later `attach`. */\n  detached: boolean;\n  /** Stops feeding route params into the component's inputs. */\n  unbind: () => void;\n  /** How the screen was put on screen, for a push from it to follow. */\n  presentation?: ScreenPresentation;\n  /** The navigation that put this screen on the stack, until that navigation ends. */\n  activatedIn?: number;\n  /** The navigation that covered this screen, until that navigation ends. */\n  detachedIn?: number;\n  /** Whether this screen is the one in front, for what it holds: see `SCREEN_IN_FRONT`. */\n  inFront: WritableSignal<boolean>;\n}\n\n/**\n * The last navigation, per router, whose presentation an outlet has already given a screen.\n *\n * Presenting a route that is a stack of its own activates two outlets in one navigation: the one\n * the route is presented in, and the one inside it that shows the route's first child. Only the\n * first is presented; the second is the first screen of a stack inside a presented screen, and a\n * push inside that stack must see it as a pushed screen, not one to present over.\n */\nconst presented = new WeakMap<object, number>();\n\n/** What every screen needs to fill the stack, the same five keys RNSScreen itself expects. */\nconst FILL = { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0 } as const;\n\n/** A swipe-back area with no limit on any edge. */\nconst UNLIMITED_SWIPE = { start: -1, end: -1, top: -1, bottom: -1 } as const;\n\n/** The native engine's `dispatchEvent`, as Fabric calls it. */\ntype NativeDispatch = (node: unknown, topLevelType: string, nativeEvent: unknown) => void;\n\n@Component({\n  selector: 'native-stack-outlet',\n  template: '',\n  host: { '[style]': 'fill' },\n})\nexport class NativeStackOutlet implements RouterOutletContract {\n  /**\n   * Named outlets work exactly as on the web: `<native-stack-outlet name=\"list\" />` is filled by\n   * routes with `outlet: 'list'`. The default is the primary one. Read once, as the router's own\n   * outlet reads it, since an outlet cannot change which contexts it is registered under.\n   */\n  readonly name = inject(new HostAttributeToken('name'), { optional: true }) ?? PRIMARY_OUTLET;\n\n  readonly supportsBindingToComponentInputs = true;\n\n  private readonly parentContexts = inject(ChildrenOutletContexts);\n  private readonly renderer = inject(Renderer2);\n  private readonly applicationRef = inject(ApplicationRef);\n  private readonly injector = inject(Injector);\n  private readonly host = inject(ElementRef);\n  private readonly location = inject(Location);\n  private readonly history = inject(PlatformLocation);\n  /**\n   * Only for the intent a navigation carries. Optional so the outlet can be exercised through\n   * `RouterOutletContract` directly, which is how its own tests drive it.\n   */\n  private readonly router = inject(Router, { optional: true });\n  /** For a refused back to reach the screen as native's own report would. */\n  private readonly engine = inject(HostEngine, { optional: true });\n\n  private readonly errors = inject(ErrorHandler);\n\n  private readonly entries: StackEntry[] = [];\n  /**\n   * The screens a replace or a reset supersedes, kept until the navigation that supersedes them\n   * succeeds: one that fails leaves the stack as it was.\n   */\n  private superseded: { entries: StackEntry[]; navigation: number } | null = null;\n\n  protected readonly fill = { flex: 1 };\n\n  constructor() {\n    ownHost(this.host.nativeElement);\n    // Ours, not a prop of the native stack.\n    delete (this.host.nativeElement as { props: Record<string, unknown> }).props['name'];\n    this.parentContexts.onChildOutletCreated(this.name, this);\n\n    // Android's back button, and `NativeNavigation.back()`. Declining at the bottom of the stack\n    // is deliberate: the outlet this one sits in gets its turn, and when none takes it the\n    // platform backgrounds the app, which is what a user expects, rather than the app swallowing\n    // the press and appearing stuck.\n    //\n    // Not yet verified on a device: whether react-native-screens' own Android back handling\n    // (`nativeBackButtonDismissalEnabled`) also pops the screen, which would make one press pop\n    // twice. If a back press ever skips a screen on Android, look here first.\n    const back = inject(NativeBack);\n    const unsubscribeBack = back.handle((from) =>\n      from === 'button' && this.refusesButton() ? true : this.goBack(),\n    );\n    const unsubscribeStack = back.addStack({\n      showing: () => this.isShowing(),\n      popToRoot: () => (this.entries.length > 1 ? this.popToEntry(0) : null),\n      popTo: (url) => {\n        const index = this.entries.findIndex((entry) => this.urlOf(entry) === url);\n        return index !== -1 && index < this.entries.length - 1 ? this.popToEntry(index) : null;\n      },\n    });\n    // Optional for the same reason as the router: the outlet's own tests stand one in without it.\n    const navigations = this.router?.events?.subscribe((event) => {\n      if (event instanceof NavigationEnd) this.settle(event.id);\n      else if (event instanceof NavigationError) this.rollBack(event.id);\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      unsubscribeBack();\n      unsubscribeStack();\n      navigations?.unsubscribe();\n      for (const entry of this.entries) {\n        entry.unbind();\n        entry.ref.destroy();\n      }\n      this.entries.length = 0;\n      this.parentContexts.onChildOutletDestroyed(this.name);\n    });\n  }\n\n  /** The screens currently in the stack, oldest first. Exposed for tests. */\n  get depth(): number {\n    return this.entries.length;\n  }\n\n  // --- RouterOutletContract ----------------------------------------------\n\n  get isActivated(): boolean {\n    return this.top !== undefined && !this.top.detached;\n  }\n\n  get component(): Object | null {\n    return this.top && !this.top.detached ? (this.top.ref.instance as Object) : null;\n  }\n\n  get activatedRoute(): ActivatedRoute | null {\n    return this.top && !this.top.detached ? this.top.route : null;\n  }\n\n  get activatedRouteData(): Data {\n    return this.activatedRoute?.snapshot.data ?? {};\n  }\n\n  /** The input binder reads this to bind route params to component inputs. */\n  get activatedComponentRef(): ComponentRef<unknown> | null {\n    return this.top?.ref ?? null;\n  }\n\n  activateWith(route: ActivatedRoute, environmentInjector: EnvironmentInjector): void {\n    const component = (route.component ?? route.snapshot.component) as Type<unknown> | null;\n    if (!component) {\n      throw new Error('[angular-native] route has no component to activate');\n    }\n    // Whatever a stack shows is a screen, children or not, and must survive being covered.\n    if (route.snapshot.routeConfig) markScreenRoute(route.snapshot.routeConfig);\n\n    // What kind of navigation this is, over and above which route it lands on: a replace\n    // supersedes the screen below rather than stacking on it, and a reset empties the stack.\n    // Everything else leaves the screens below mounted, so their native state survives the trip.\n    const intent = this.currentIntent();\n    const navigation = this.navigationId();\n    const presentation = this.presentationFor(intent);\n    //\n    // The screen is the page's host element, so its props are set before the component exists\n    // and the component's own host bindings land on top of them. Style bindings merge key by\n    // key, so a page styling itself keeps the absolute fill the stack lays out with - except for\n    // `position` and the four insets, which a page naming them writes over outright rather than\n    // merging into. Those five are re-asserted below, after the page's own change detection has\n    // run, so the outlet's positioning always wins whatever a page's host style says.\n    const screen = this.createScreen(presentation);\n    const inFront = signal(true);\n    const { ref, unbind } = this.createPage(component, route, environmentInjector, screen, inFront);\n    // The page's own host style, including any `position` or inset it declared, has now landed\n    // on the screen: put the stack's fill back over it. Per-key, through `setStyle`, so whatever\n    // else the page's style set - a background colour, say - still merges and stays.\n    this.fillScreen(screen);\n\n    if (intent?.stack === 'reset') this.supersede(this.entries.slice(), navigation);\n    else if (intent?.stack === 'replace' && this.top) this.supersede([this.top], navigation);\n    this.entries.push({\n      route,\n      ref,\n      screen,\n      detached: false,\n      unbind,\n      presentation,\n      activatedIn: navigation,\n      inFront,\n    });\n  }\n\n  /**\n   * The page's component, created on its screen and rendered once.\n   *\n   * A page that throws on that first render fails the navigation, and nothing of it may stay: a\n   * half-made screen left on the stack is one the router does not know about, with a component\n   * still running on it. So its component is destroyed, its screen taken off the stack, the\n   * screen it was pushed from given back its change detection, and the error handed to the\n   * app's `ErrorHandler` before the router fails the navigation with it.\n   */\n  private createPage(\n    component: Type<unknown>,\n    route: ActivatedRoute,\n    environmentInjector: EnvironmentInjector,\n    screen: unknown,\n    inFront: WritableSignal<boolean>,\n  ): { ref: ComponentRef<unknown>; unbind: () => void } {\n    let ref: ComponentRef<unknown> | undefined;\n    let unbind: (() => void) | undefined;\n    try {\n      ref = createComponent(component, {\n        environmentInjector,\n        elementInjector: this.outletInjector(route, inFront),\n        hostElement: screen as Element,\n      });\n      this.applicationRef.attachView(ref.hostView);\n      // Route params onto inputs before the first change detection, not after: a required input\n      // read in the template throws NG0950 if it is still unset when the page first renders.\n      unbind = this.bindInputs(ref, route);\n      // Before anything can commit. Creating the page's nodes dirties the tree, which schedules a\n      // commit of its own - and that commit would capture the page with its elements created and\n      // its bindings not yet applied. On iOS the props catch up a frame later and nobody sees it;\n      // on Android the flattening decision is made from the props a view is created with, so a\n      // content wrapper that arrives without its `collapsable: false` is flattened for good and\n      // its children end up parented to a scroll view that allows exactly one.\n      ref.changeDetectorRef.detectChanges();\n      return { ref, unbind };\n    } catch (error) {\n      unbind?.();\n      ref?.destroy();\n      this.removeScreen(screen);\n      this.uncover();\n      this.errors.handleError(error);\n      throw error;\n    }\n  }\n\n  deactivate(): void {\n    const entry = this.entries.pop();\n    if (!entry) return;\n    this.drop(entry);\n  }\n\n  /**\n   * Hand the live `ComponentRef` back to the router without destroying it. The screen stays\n   * mounted, so the component keeps running and its native views keep their state.\n   */\n  detach(): ComponentRef<unknown> {\n    const entry = this.top;\n    if (!entry) throw new Error('[angular-native] outlet is not activated, nothing to detach');\n    entry.detached = true;\n    entry.detachedIn = this.navigationId();\n    entry.inFront.set(false);\n    // `ChangeDetectorRef.detach`, not `ApplicationRef.detachView`. The latter calls\n    // `renderDetachView` and pulls the view's nodes out of the tree, which is exactly what we\n    // are trying to avoid: the screen would vanish from the stack the moment we pushed past it.\n    // This stops change detection for an off-screen screen while leaving it mounted.\n    entry.ref.hostView.detach();\n    return entry.ref;\n  }\n\n  /**\n   * Re-attach a previously detached ref. If we still hold it, everything stacked above it is a\n   * screen the user has navigated back past, so those are destroyed: that is the pop.\n   */\n  attach(ref: ComponentRef<unknown>, route: ActivatedRoute): void {\n    const index = this.entries.findIndex((entry) => entry.ref === ref);\n\n    if (index === -1) {\n      // Not ours: the router is restoring a ref detached by a different outlet instance. Its\n      // host element is already a screen, complete with the `dismissed` listener that outlet\n      // registered, so it is re-parented rather than rebuilt.\n      const screen = ref.location.nativeElement;\n      this.renderer.appendChild(this.host.nativeElement, screen);\n      this.entries.push({\n        route,\n        ref,\n        screen,\n        detached: false,\n        unbind: this.bindInputs(ref, route),\n        // What it was given is its first outlet's; this one has no say over that screen's.\n        inFront: signal(true),\n      });\n      this.applicationRef.attachView(ref.hostView);\n    } else {\n      for (const above of this.entries.splice(index + 1)) this.drop(above);\n      const entry = this.entries[index]!;\n      entry.detached = false;\n      entry.inFront.set(true);\n      entry.route = route;\n      // The route object is new even when the url is not, so the inputs follow the new one.\n      entry.unbind();\n      entry.unbind = this.bindInputs(ref, route);\n    }\n\n    // Resume change detection for the screen the user is coming back to.\n    ref.hostView.reattach();\n  }\n\n  // --- native stack -------------------------------------------------------\n\n  /**\n   * Route params onto the page's inputs, but only in an app that asked for it with\n   * `withComponentInputBinding()`, which is the only time Angular's own outlet binds them. Read\n   * per screen rather than once, for a test that stands the router in.\n   */\n  private bindInputs(ref: ComponentRef<unknown>, route: ActivatedRoute): () => void {\n    return this.router?.componentInputBindingEnabled ? bindRouteInputs(ref, route) : () => {};\n  }\n\n  private get top(): StackEntry | undefined {\n    return this.entries[this.entries.length - 1];\n  }\n\n  /**\n   * What the navigation asked for, if it asked for anything. Read here rather than remembered,\n   * because the router is mid-navigation for exactly as long as an activation takes.\n   */\n  private currentIntent(): NativeIntent | null {\n    return intentOf(this.router?.getCurrentNavigation()?.extras.state);\n  }\n\n  /**\n   * How the screen a navigation activates is put on screen.\n   *\n   * A push on top of a presented screen is presented the same way. `RNSScreenStack` pushes a push\n   * screen that follows a modal onto the navigation controller under the modal, so the router\n   * would be on the new route while the modal stayed in front, and the modal's own way out would\n   * first pop a screen nobody could see. A presentation the navigation names itself wins, and a\n   * reset starts a stack with nothing to follow. A presented screen that is a stack of its own is\n   * where a push to one of its children goes instead, inside it.\n   */\n  private presentationFor(intent: NativeIntent | null): ScreenPresentation | undefined {\n    const own = this.claimPresentation(intent);\n    const covering = this.top?.presentation?.stackPresentation;\n    if (intent?.stack === 'reset' || !covering || covering === 'push' || own?.stackPresentation) {\n      return own;\n    }\n    return { ...own, stackPresentation: covering };\n  }\n\n  /** The navigation's own presentation, unless an outlet further out already presented it. */\n  private claimPresentation(intent: NativeIntent | null): ScreenPresentation | undefined {\n    if (!intent?.presentation) return undefined;\n    const id = this.router?.getCurrentNavigation()?.id;\n    if (id === undefined) return intent.presentation;\n    if (presented.get(this.router!) === id) return undefined;\n    presented.set(this.router!, id);\n    return intent.presentation;\n  }\n\n  /** Take a screen out for good: its bindings, its component, and its native view. */\n  private drop(entry: StackEntry): void {\n    entry.unbind();\n    entry.ref.destroy();\n    this.removeScreen(entry.screen);\n  }\n\n  /** Take one entry out of the stack, wherever it is, and drop it. */\n  private remove(entry: StackEntry): void {\n    const index = this.entries.indexOf(entry);\n    if (index === -1) return;\n    this.entries.splice(index, 1);\n    this.drop(entry);\n  }\n\n  // --- a navigation's outcome ----------------------------------------------\n\n  /** The id of the navigation in progress, when there is a router to say. */\n  private navigationId(): number | undefined {\n    return this.router?.getCurrentNavigation()?.id;\n  }\n\n  /**\n   * Take out the screens a replace or a reset supersedes once its navigation has succeeded, or\n   * at once when there is no navigation to wait for. A replaced screen has already been detached\n   * by the router, and with `replaceUrl` its history entry is gone too, so nothing will attach it\n   * again; the reuse strategy notices the ref is destroyed and drops its handle.\n   */\n  private supersede(entries: StackEntry[], navigation: number | undefined): void {\n    if (navigation === undefined) {\n      for (const entry of entries) this.remove(entry);\n      return;\n    }\n    this.superseded = { entries, navigation };\n  }\n\n  /** A navigation succeeded: what it superseded goes, and what it did is no longer undoable. */\n  private settle(navigation: number): void {\n    if (this.superseded?.navigation === navigation) {\n      for (const entry of this.superseded.entries) this.remove(entry);\n      this.superseded = null;\n    }\n    for (const entry of this.entries) {\n      if (entry.activatedIn === navigation) entry.activatedIn = undefined;\n      if (entry.detachedIn === navigation) entry.detachedIn = undefined;\n    }\n  }\n\n  /**\n   * A navigation failed, so the router is back where it started: undo what it did here too.\n   *\n   * The screen that threw has already gone (`createPage`), but a screen this outlet activated for\n   * the same navigation has not when the one that threw is further in, the first screen of a\n   * stack inside it. That one goes, with everything in it, and the screen it covered carries on.\n   */\n  private rollBack(navigation: number): void {\n    if (this.superseded?.navigation === navigation) this.superseded = null;\n    for (const entry of this.entries.filter((candidate) => candidate.activatedIn === navigation)) {\n      this.remove(entry);\n    }\n    this.uncover(navigation);\n  }\n\n  /**\n   * Give the top screen back its change detection when the router covered it for a navigation\n   * that is not going to happen: the one given, or the one in progress.\n   */\n  private uncover(navigation = this.navigationId()): void {\n    const top = this.top;\n    if (!top?.detached || top.detachedIn !== navigation) return;\n    top.detached = false;\n    top.detachedIn = undefined;\n    top.inFront.set(true);\n    top.ref.hostView.reattach();\n  }\n\n  /**\n   * `position: absolute` and the four insets, through `setStyle` rather than one `setProperty`\n   * so each key merges into whatever style is already on the screen instead of replacing it -\n   * the same merge a page's own host style gets, just asserted last so the stack's layout wins.\n   */\n  private fillScreen(screen: unknown): void {\n    for (const [key, value] of Object.entries(FILL)) {\n      this.renderer.setStyle(screen as Element, key, value);\n    }\n  }\n\n  private createScreen(presentation?: ScreenPresentation): unknown {\n    const screen = ownHost(this.renderer.createElement('screen'));\n    this.fillScreen(screen);\n    // Set once and never lowered: see the note at the top of this file.\n    this.renderer.setProperty(screen, 'activityState', ActivityState.Active);\n    // A swipe-back or an Android back button pops the screen natively and only then tells JS.\n    // Without this the native stack and the router disagree from that moment on: the screen is\n    // gone but the URL still points at it, so the next navigation starts from the wrong place.\n    this.renderer.listen(\n      screen,\n      'dismissed',\n      (event: { nativeEvent?: { dismissCount?: number } }) =>\n        this.onNativeDismiss(event?.nativeEvent?.dismissCount ?? 1),\n    );\n    // Every key is a prop `RNSScreen` already declares, spelled the way the codegen spec spells\n    // it, so this forwards rather than translates. Set before the screen joins the stack: the\n    // native side reads the presentation as it mounts.\n    for (const [prop, value] of Object.entries(presentation ?? {})) {\n      if (value !== undefined) this.renderer.setProperty(screen, prop, value);\n    }\n    // Except this one, which is a struct with no default: an edge left out is 0 natively, and\n    // `RNSScreenStack` refuses a swipe-back that starts beyond 0 points. -1 is no limit, which is\n    // what `Screen.tsx` sends for every edge not given.\n    this.renderer.setProperty(screen, 'gestureResponseDistance', {\n      ...UNLIMITED_SWIPE,\n      ...presentation?.gestureResponseDistance,\n    });\n\n    this.renderer.appendChild(this.host.nativeElement, screen);\n    return screen;\n  }\n\n  /**\n   * Follow a pop the user already made. `historyGo`, not `back()`, because iOS coalesces a long\n   * swipe into a single event with a count.\n   *\n   * Only ever fires for a native dismissal: verified on device that a pop this outlet drives\n   * itself emits `willAppear`/`appear` for the screen below but no `dismissed`, so there is no\n   * double-pop to guard against.\n   *\n   * The gesture itself is unverified by tooling: idb cannot synthesise a `UIScreenEdgePan` that\n   * UIKit accepts, so this path was reasoned from the events rather than driven end to end.\n   */\n  private onNativeDismiss(count: number): void {\n    this.popBy(Math.max(1, count));\n  }\n\n  /**\n   * A back, from the button or `NativeNavigation`: pop the top screen, as long as there is one\n   * below it and this stack is the one the user is looking at. A stack in a tab behind, or under\n   * a screen pushed over the tab bar, is still subscribed, and the newest one would otherwise\n   * answer for the stack in front.\n   */\n  /**\n   * Android's Back button is the platform's own dismissal there, and react-native-screens leaves\n   * it to JS: its Android screen ignores `preventNativeDismiss`. So a top screen that sets it\n   * refuses the press here, as iOS refuses a swipe, and hears `nativeDismissCancelled` the same\n   * way, through the engine, as if native had sent it.\n   */\n  private refusesButton(): boolean {\n    if (this.entries.length < 2 || !this.isShowing()) return false;\n    const screen = this.top!.screen as EngineNode;\n    if (screen.props['preventNativeDismiss'] !== true) return false;\n    // The native engine's own entry point for an event, the one Fabric calls. Not on\n    // `HostEngine`, because only a native host has a screen to refuse with.\n    const native = this.engine as { dispatchEvent?: NativeDispatch } | null;\n    native?.dispatchEvent?.(screen, 'topNativeDismissCancelled', { dismissCount: 1 });\n    return true;\n  }\n\n  private goBack(): boolean {\n    if (this.entries.length < 2 || !this.isShowing()) return false;\n    this.popBy(1);\n    return true;\n  }\n\n  /** Whether the top screen is part of what the router shows now. Assumed without a router. */\n  private isShowing(): boolean {\n    if (!this.router) return true;\n    return this.isActivated && isShowing(this.router, this.top!.route);\n  }\n\n  /**\n   * Take the router to the screen `steps` below the top, whether native already popped it or it\n   * is about to be popped because the router arrives there.\n   */\n  private popBy(steps: number): void {\n    const below = this.entries[this.entries.length - 1 - steps];\n    const url = below && this.router ? this.urlOf(below) : null;\n    // Usually the entry that far back is the screen the pop revealed, and going back through\n    // history keeps it tidy. Not always: a stack inside a tab shares history with the other tabs,\n    // so after a trip to one and back the entry behind the top screen is that other tab, and\n    // going back would switch tab rather than pop. Then the router is sent to the revealed\n    // screen instead, replacing the entry of the one that is gone.\n    const behind = this.historyUrl(-steps);\n    if (!url || behind === undefined || behind === url) {\n      this.location.historyGo(-steps);\n      return;\n    }\n    void this.router!.navigateByUrl(url, { replaceUrl: true });\n  }\n\n  /**\n   * Take the router down to the screen at `index`, popping every screen above it together.\n   * Through history when the entries behind are these screens, so going back from there keeps\n   * working one screen at a time; otherwise by a navigation to it that replaces the entry, as\n   * `popBy` does when a tab's history interleaves.\n   */\n  private popToEntry(index: number): Promise<boolean> {\n    const url = this.urlOf(this.entries[index]!);\n    const steps = this.entries.length - 1 - index;\n    if (this.historyUrl(-steps) === url) {\n      const arrived = this.nextNavigation();\n      this.location.historyGo(-steps);\n      return arrived;\n    }\n    return this.router!.navigateByUrl(url, { replaceUrl: true });\n  }\n\n  /** Whether the navigation that happens next succeeds. */\n  private nextNavigation(): Promise<boolean> {\n    return new Promise((resolve) => {\n      const events = this.router!.events.subscribe((event) => {\n        if (event instanceof NavigationEnd) resolve(true);\n        else if (event instanceof NavigationError || event instanceof NavigationCancel) {\n          resolve(false);\n        } else return;\n        events.unsubscribe();\n      });\n    });\n  }\n\n  /** The url a screen was showing when it was covered, rebuilt from its own route snapshot. */\n  private urlOf(entry: StackEntry): string {\n    const snapshot = entry.route.snapshot;\n    const tree = createUrlTreeFromSnapshot(snapshot, [], snapshot.queryParams, snapshot.fragment);\n    return this.router!.serializeUrl(tree);\n  }\n\n  /**\n   * The url of the history entry `offset` away, normalised the way the router writes it: null past\n   * the start of history, and undefined when the history is not ours to read, so the pop has to go\n   * through it blind.\n   */\n  private historyUrl(offset: number): string | null | undefined {\n    if (!(this.history instanceof NativePlatformLocation)) return undefined;\n    const url = this.history.ɵurlAt(offset);\n    return url === null ? null : this.router!.serializeUrl(this.router!.parseUrl(url));\n  }\n\n  private removeScreen(screen: unknown): void {\n    this.renderer.removeChild(this.host.nativeElement, screen);\n  }\n\n  /**\n   * What a page is created with: its route, the outlet contexts its own outlets register in, and\n   * whether its screen is in front - which is this screen's own say and, for a stack inside a\n   * screen of another, that screen's too.\n   */\n  private outletInjector(route: ActivatedRoute, inFront: WritableSignal<boolean>): Injector {\n    const outer = this.injector.get(SCREEN_IN_FRONT);\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: SCREEN_IN_FRONT, useValue: computed(() => outer() && inFront()) },\n        { provide: ActivatedRoute, useValue: route },\n        {\n          provide: ChildrenOutletContexts,\n          useValue: this.parentContexts.getOrCreateContext(this.name).children,\n        },\n      ],\n    });\n  }\n}\n"]}

package/dist/native-tab.d.ts

@@ -1,3 +1,32 @@
+/**
+ * One item in a native tab bar, and the screen behind it.
+ *
+ * Declared in the tabs outlet's template, the way a `<native-header>` is declared in a page's:
+ *
+ * ```html
+ * <native-tabs-outlet>
+ *   <native-tab path="library" title="Library" sfSymbol="books.vertical.fill" />
+ *   <native-tab path="inbox" title="Inbox" sfSymbol="tray" [badge]="unread()" />
+ * </native-tabs-outlet>
+ * ```
+ *
+ * `path` names the child route this tab selects, the same way a `routerLink` names one, and is
+ * what native identifies the tab by. Everything else is an ordinary input, which is the point of
+ * declaring tabs here rather than in the route config: a badge is a count that changes, a title
+ * may be translated, and a tab may not exist at all until a feature flag says so. Route data
+ * cannot bind to any of that.
+ *
+ * **A bar item is not a view.** `UITabBarItem` is a model object - a title, an image and a badge
+ * string - and UIKit has no way to put a view in its place; Android's bottom-navigation item is
+ * the same. That is why this takes no content, while `<native-header-item>` does: a navigation
+ * bar really does hold subviews. What customisation exists is here as inputs: images instead of
+ * symbols, a different icon when selected, and the per-state appearance below.
+ *
+ * The host element *is* the `RNSTabsScreen`. The outlet keeps the screen mounted and creates
+ * each activated route's component on a child view, so destroying a route cannot remove this
+ * tab item from the bar.
+ */
+import { type OnInit } from '@angular/core';
 import { type EngineNode } from '@ng-native/fabric';
 import * as i0 from "@angular/core";
 /**
@@ -88,7 +117,7 @@ export declare function tabIconProps(icon: TabIconProps, selectedIcon: TabIconPr
     selectedDrawableIconResourceName?: string;
     selectedImageIconResource?: unknown;
 };
-export declare class NativeTab {
+export declare class NativeTab implements OnInit {
     private readonly engine;
     /** The app's `withTabDefaults`, for an appearance this tab does not bind itself. */
     private readonly defaults;
@@ -123,6 +152,7 @@ export declare class NativeTab {
     readonly standardAppearance: import("@angular/core").InputSignal<TabAppearance | undefined>;
     /** The same, for when the scroll view behind the bar is at its edge. */
     readonly scrollEdgeAppearance: import("@angular/core").InputSignal<TabAppearance | undefined>;
+    ngOnInit(): void;
     protected readonly standard: import("@angular/core").Signal<object | undefined>;
     protected readonly scrollEdge: import("@angular/core").Signal<object | undefined>;
     protected readonly icons: import("@angular/core").Signal<TabIconProps & {
@@ -131,7 +161,11 @@ export declare class NativeTab {
         selectedDrawableIconResourceName?: string;
         selectedImageIconResource?: unknown;
     }>;
-    /** `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. */
+    /**
+     * `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. A tab
+     * names both to have an icon on both platforms, so the running platform's own comes first:
+     * Android reads only a drawable, and iOS only a symbol.
+     */
     private shorthand;
     /**
      * One icon, as the four props native reads it through. A `require()`d asset is an id until the

package/dist/native-tab.js

@@ -57,6 +57,32 @@ export function tabIconProps(icon, selectedIcon) {
         selectedImageIconResource: selectedIcon.imageIconResource,
     };
 }
+/** The paths already warned about, so a tab bar rebuilt by a navigation says it once. */
+const warnedTabs = new Set();
+/**
+ * Says, once per path and in development only, that a tab has no icon on the platform running it
+ * because it names only the other platform's shorthand. A tab written against the iOS simulator
+ * with `sfSymbol` shows a title and nothing above it on Android.
+ */
+function warnIfIconOnOnePlatform(tab) {
+    if (typeof ngDevMode !== 'undefined' && !ngDevMode)
+        return;
+    if (tab.icon() || tab.systemItem())
+        return;
+    const [own, other, missing, platform] = nativePlatform() === 'android'
+        ? [tab.drawable(), tab.sfSymbol(), 'drawable', 'Android']
+        : nativePlatform() === 'ios'
+            ? [tab.sfSymbol(), tab.drawable(), 'sfSymbol', 'iOS']
+            : [];
+    if (own || !other)
+        return;
+    const path = tab.path();
+    if (warnedTabs.has(path))
+        return;
+    warnedTabs.add(path);
+    console.warn(`[angular-native] <native-tab path="${path}"> has no icon on ${platform}: ${platform} reads ` +
+        `only ${missing}. Add ${missing}="...", or bind [icon] for a tab meant for one platform.`);
+}
 export class NativeTab {
     engine = inject(HostEngine);
     /** The app's `withTabDefaults`, for an appearance this tab does not bind itself. */
@@ -105,19 +131,27 @@ export class NativeTab {
     /** The same, for when the scroll view behind the bar is at its edge. */
     scrollEdgeAppearance = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "scrollEdgeAppearance" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        warnIfIconOnOnePlatform(this);
+    }
     standard = computed(() => this.processAppearance(this.standardAppearance() ?? this.defaults().standardAppearance), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "standard" }] : /* istanbul ignore next */ []));
     scrollEdge = computed(() => this.processAppearance(this.scrollEdgeAppearance() ?? this.defaults().scrollEdgeAppearance), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "scrollEdge" }] : /* istanbul ignore next */ []));
     icons = computed(() => tabIconProps(this.iconProps(this.icon() ?? this.shorthand()), this.iconProps(this.selectedIcon())), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "icons" }] : /* istanbul ignore next */ []));
-    /** `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. */
+    /**
+     * `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. A tab
+     * names both to have an icon on both platforms, so the running platform's own comes first:
+     * Android reads only a drawable, and iOS only a symbol.
+     */
     shorthand() {
         const symbol = this.sfSymbol();
-        if (symbol)
-            return { sfSymbol: symbol };
         const drawable = this.drawable();
-        return drawable ? { drawable } : undefined;
+        const icons = [symbol && { sfSymbol: symbol }, drawable && { drawable }];
+        if (nativePlatform() === 'android')
+            icons.reverse();
+        return icons.find((icon) => icon) || undefined;
     }
     /**
      * One icon, as the four props native reads it through. A `require()`d asset is an id until the

package/dist/native-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-tab.js","sourceRoot":"","sources":["../src/native-tab.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * One item in a native tab bar, and the screen behind it.\n *\n * Declared in the tabs outlet's template, the way a `<native-header>` is declared in a page's:\n *\n * ```html\n * <native-tabs-outlet>\n *   <native-tab path=\"library\" title=\"Library\" sfSymbol=\"books.vertical.fill\" />\n *   <native-tab path=\"inbox\" title=\"Inbox\" sfSymbol=\"tray\" [badge]=\"unread()\" />\n * </native-tabs-outlet>\n * ```\n *\n * `path` names the child route this tab selects, the same way a `routerLink` names one, and is\n * what native identifies the tab by. Everything else is an ordinary input, which is the point of\n * declaring tabs here rather than in the route config: a badge is a count that changes, a title\n * may be translated, and a tab may not exist at all until a feature flag says so. Route data\n * cannot bind to any of that.\n *\n * **A bar item is not a view.** `UITabBarItem` is a model object - a title, an image and a badge\n * string - and UIKit has no way to put a view in its place; Android's bottom-navigation item is\n * the same. That is why this takes no content, while `<native-header-item>` does: a navigation\n * bar really does hold subviews. What customisation exists is here as inputs: images instead of\n * symbols, a different icon when selected, and the per-state appearance below.\n *\n * The host element *is* the `RNSTabsScreen`. The outlet keeps the screen mounted and creates\n * each activated route's component on a child view, so destroying a route cannot remove this\n * tab item from the bar.\n */\nimport { Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { nativePlatform, type EngineNode, HostEngine } from '@ng-native/fabric';\nimport { NATIVE_TAB_DEFAULTS } from './native-bar-defaults.ts';\nimport { ownHost } from './own-host.ts';\n\n/**\n * Where a tab's picture comes from.\n *\n * `template` is the one worth knowing about: the image is drawn as a mask and tinted to the bar's\n * colour, so it follows selection the way a symbol does. `image` renders as authored, which is\n * what a multi-colour logo wants and what a monochrome icon almost never does.\n */\nexport type TabIcon =\n  | { readonly sfSymbol: string }\n  /** An image in the iOS asset catalogue, by name. */\n  | { readonly xcasset: string }\n  /** A `require()`d asset or a `{ uri }`, drawn as authored. */\n  | { readonly image: unknown }\n  /** The same, drawn as a mask and tinted. */\n  | { readonly template: unknown }\n  /** Android: a drawable resource name. */\n  | { readonly drawable: string };\n\n/** One of Apple's standard items, which brings its own icon and title. */\nexport type TabSystemItem =\n  | 'none'\n  | 'bookmarks'\n  | 'contacts'\n  | 'downloads'\n  | 'favorites'\n  | 'featured'\n  | 'history'\n  | 'more'\n  | 'mostRecent'\n  | 'mostViewed'\n  | 'recents'\n  | 'search'\n  | 'topRated';\n\nexport type TabBarBlurEffect =\n  | 'none'\n  | 'systemDefault'\n  | 'extraLight'\n  | 'light'\n  | 'dark'\n  | 'regular'\n  | 'prominent'\n  | 'systemUltraThinMaterial'\n  | 'systemThinMaterial'\n  | 'systemMaterial'\n  | 'systemThickMaterial'\n  | 'systemChromeMaterial';\n\n/**\n * How an item looks in one state. The names are the native ones, spelled as the codegen spec\n * spells them, so this forwards rather than translates and Apple's own documentation still reads\n * across.\n */\nexport interface TabStateAppearance {\n  tabBarItemTitleFontFamily?: string;\n  tabBarItemTitleFontSize?: number;\n  tabBarItemTitleFontWeight?: string | number;\n  tabBarItemTitleFontStyle?: string;\n  tabBarItemTitleFontColor?: string | number;\n  tabBarItemTitlePositionAdjustment?: { horizontal?: number; vertical?: number };\n  tabBarItemIconColor?: string | number;\n  tabBarItemBadgeBackgroundColor?: string | number;\n}\n\n/** The four states an item can be in. Anything absent falls back to the platform's own. */\nexport interface TabItemAppearance {\n  normal?: TabStateAppearance;\n  selected?: TabStateAppearance;\n  focused?: TabStateAppearance;\n  disabled?: TabStateAppearance;\n}\n\n/**\n * How the bar looks, per layout. `stacked` is the usual icon-over-title item; `inline` and\n * `compactInline` are the side-by-side layouts iPad and a compact height use.\n */\nexport interface TabAppearance {\n  stacked?: TabItemAppearance;\n  inline?: TabItemAppearance;\n  compactInline?: TabItemAppearance;\n  tabBarBackgroundColor?: string | number;\n  tabBarShadowColor?: string | number;\n  tabBarBlurEffect?: TabBarBlurEffect;\n}\n\n/** One icon, as the props native reads it through. */\nexport interface TabIconProps {\n  iconType?: string;\n  iconResourceName?: string;\n  iconImageSource?: unknown;\n  drawableIconResourceName?: string;\n  imageIconResource?: unknown;\n}\n\n/**\n * An icon and its selected counterpart, as one set of props.\n *\n * Native carries a single `iconType` for both states, so the two have to be the same kind of\n * thing: a template image cannot become a symbol when selected. React Native Screens throws on\n * that pairing and so does this, because the alternative - what happened before this checked - is\n * that native quietly keeps the unselected icon and nothing anywhere says why.\n */\nexport function tabIconProps(\n  icon: TabIconProps,\n  selectedIcon: TabIconProps,\n): TabIconProps & {\n  selectedIconResourceName?: string;\n  selectedIconImageSource?: unknown;\n  selectedDrawableIconResourceName?: string;\n  selectedImageIconResource?: unknown;\n} {\n  const hasBase = icon.iconType !== undefined || icon.drawableIconResourceName !== undefined;\n  const hasSelected =\n    selectedIcon.iconType !== undefined || selectedIcon.drawableIconResourceName !== undefined;\n\n  if (hasSelected && !hasBase) {\n    throw new Error('[angular-native] <native-tab> has a selectedIcon but no icon to select from');\n  }\n  if (hasSelected && icon.iconType !== selectedIcon.iconType) {\n    throw new Error(\n      `[angular-native] <native-tab> icon and selectedIcon must be the same kind: native has ` +\n        `one iconType for both, so '${icon.iconType}' and '${selectedIcon.iconType}' cannot pair.`,\n    );\n  }\n\n  return {\n    ...icon,\n    selectedIconResourceName: selectedIcon.iconResourceName,\n    selectedIconImageSource: selectedIcon.iconImageSource,\n    selectedDrawableIconResourceName: selectedIcon.drawableIconResourceName,\n    selectedImageIconResource: selectedIcon.imageIconResource,\n  };\n}\n\n@Component({\n  selector: 'native-tab',\n  template: '',\n  host: {\n    '[screenKey]': 'path()',\n    '[title]': 'title()',\n    '[badgeValue]': 'badge()',\n    '[tabBarItemAccessibilityLabel]': 'accessibilityLabel()',\n    '[systemItem]': 'systemItem()',\n    // `isTitleUndefined` is what `TabsScreen.ios.tsx` derives from the title, and it is not a\n    // synonym for \"no title\": with a title set and this left at its default, the item renders as\n    // an icon with a gap where the label belongs.\n    '[isTitleUndefined]': 'title() === undefined',\n    '[iconType]': 'icons().iconType',\n    '[iconResourceName]': 'icons().iconResourceName',\n    '[iconImageSource]': 'icons().iconImageSource',\n    '[selectedIconResourceName]': 'icons().selectedIconResourceName',\n    '[selectedIconImageSource]': 'icons().selectedIconImageSource',\n    '[drawableIconResourceName]': 'icons().drawableIconResourceName',\n    '[imageIconResource]': 'icons().imageIconResource',\n    '[selectedDrawableIconResourceName]': 'icons().selectedDrawableIconResourceName',\n    '[selectedImageIconResource]': 'icons().selectedImageIconResource',\n    '[standardAppearance]': 'standard()',\n    '[scrollEdgeAppearance]': 'scrollEdge()',\n  },\n})\nexport class NativeTab {\n  private readonly engine = inject(HostEngine);\n  /** The app's `withTabDefaults`, for an appearance this tab does not bind itself. */\n  private readonly defaults = inject(NATIVE_TAB_DEFAULTS);\n\n  /**\n   * The `RNSTabsScreen` this tab is. The outlet creates the activated route's component inside\n   * it, which is why it is public: a tab is a slot as well as a bar item.\n   */\n  readonly screen: EngineNode;\n\n  constructor() {\n    this.screen = ownHost(inject(ElementRef).nativeElement as EngineNode, this.constructor);\n  }\n\n  /**\n   * The child route this tab selects, as a path segment: `library` for `/tabs/library`. Native\n   * identifies the tab by it too, so it must be unique in the bar.\n   */\n  readonly path = input.required<string>();\n\n  /** The label under the icon. Absent gives an icon-only item. */\n  readonly title = input<string>();\n\n  /** iOS: an SF Symbol name, e.g. `books.vertical.fill`. Shorthand for `[icon]`. */\n  readonly sfSymbol = input<string>();\n\n  /** Android: a drawable resource name. Shorthand for `[icon]`. */\n  readonly drawable = input<string>();\n\n  /** Anything a symbol name cannot say: an image, a template image, an asset-catalogue name. */\n  readonly icon = input<TabIcon>();\n\n  /** Shown while this tab is the selected one. Absent leaves the platform to tint `icon`. */\n  readonly selectedIcon = input<TabIcon>();\n\n  /** One of Apple's standard items, which supplies its own icon and title. */\n  readonly systemItem = input<TabSystemItem>();\n\n  /** The badge on the item: a count, or a single character for a dot. */\n  readonly badge = input<string>();\n\n  /** Announced instead of the title. */\n  readonly accessibilityLabel = input<string>();\n\n  /** How the item looks. Colours are processed here, because native never sees the object's keys. */\n  readonly standardAppearance = input<TabAppearance>();\n\n  /** The same, for when the scroll view behind the bar is at its edge. */\n  readonly scrollEdgeAppearance = input<TabAppearance>();\n\n  protected readonly standard = computed(() =>\n    this.processAppearance(this.standardAppearance() ?? this.defaults().standardAppearance),\n  );\n  protected readonly scrollEdge = computed(() =>\n    this.processAppearance(this.scrollEdgeAppearance() ?? this.defaults().scrollEdgeAppearance),\n  );\n\n  protected readonly icons = computed(() =>\n    tabIconProps(\n      this.iconProps(this.icon() ?? this.shorthand()),\n      this.iconProps(this.selectedIcon()),\n    ),\n  );\n\n  /** `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. */\n  private shorthand(): TabIcon | undefined {\n    const symbol = this.sfSymbol();\n    if (symbol) return { sfSymbol: symbol };\n    const drawable = this.drawable();\n    return drawable ? { drawable } : undefined;\n  }\n\n  /**\n   * One icon, as the four props native reads it through. A `require()`d asset is an id until the\n   * host resolves it, which is the same thing an `<image src>` needs and the engine only does for\n   * props it knows by name.\n   */\n  private iconProps(icon: TabIcon | undefined): TabIconProps {\n    if (!icon) return {};\n    if ('sfSymbol' in icon) return { iconType: 'sfSymbol', iconResourceName: icon.sfSymbol };\n    if ('xcasset' in icon) return { iconType: 'xcasset', iconResourceName: icon.xcasset };\n    if ('drawable' in icon) return { drawableIconResourceName: icon.drawable };\n\n    const source = this.engine.resolveAsset('image' in icon ? icon.image : icon.template);\n    return nativePlatform() === 'android'\n      ? { imageIconResource: source }\n      : { iconType: 'image' in icon ? 'image' : 'template', iconImageSource: source };\n  }\n\n  private processAppearance(appearance: TabAppearance | undefined): object | undefined {\n    if (!appearance) return undefined;\n    return {\n      ...appearance,\n      stacked: this.processItem(appearance.stacked),\n      inline: this.processItem(appearance.inline),\n      compactInline: this.processItem(appearance.compactInline),\n      tabBarBackgroundColor: this.engine.color(appearance.tabBarBackgroundColor),\n      tabBarShadowColor: this.engine.color(appearance.tabBarShadowColor),\n    };\n  }\n\n  private processItem(item: TabItemAppearance | undefined): object | undefined {\n    if (!item) return undefined;\n    return {\n      normal: this.processState(item.normal),\n      selected: this.processState(item.selected),\n      focused: this.processState(item.focused),\n      disabled: this.processState(item.disabled),\n    };\n  }\n\n  private processState(state: TabStateAppearance | undefined): object | undefined {\n    if (!state) return undefined;\n    return {\n      ...state,\n      // Native declares the weight as a string, and `600` is the natural way to write one.\n      tabBarItemTitleFontWeight:\n        state.tabBarItemTitleFontWeight === undefined\n          ? undefined\n          : String(state.tabBarItemTitleFontWeight),\n      tabBarItemTitleFontColor: this.engine.color(state.tabBarItemTitleFontColor),\n      tabBarItemIconColor: this.engine.color(state.tabBarItemIconColor),\n      tabBarItemBadgeBackgroundColor: this.engine.color(state.tabBarItemBadgeBackgroundColor),\n    };\n  }\n}\n"]}
+{"version":3,"file":"native-tab.js","sourceRoot":"","sources":["../src/native-tab.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAmB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;;AAgGxC;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAkB,EAClB,YAA0B;IAO1B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,wBAAwB,KAAK,SAAS,CAAC;IAC3F,MAAM,WAAW,GACf,YAAY,CAAC,QAAQ,KAAK,SAAS,IAAI,YAAY,CAAC,wBAAwB,KAAK,SAAS,CAAC;IAE7F,IAAI,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;IACjG,CAAC;IACD,IAAI,WAAW,IAAI,IAAI,CAAC,QAAQ,KAAK,YAAY,CAAC,QAAQ,EAAE,CAAC;QAC3D,MAAM,IAAI,KAAK,CACb,wFAAwF;YACtF,8BAA8B,IAAI,CAAC,QAAQ,UAAU,YAAY,CAAC,QAAQ,gBAAgB,CAC7F,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,IAAI;QACP,wBAAwB,EAAE,YAAY,CAAC,gBAAgB;QACvD,uBAAuB,EAAE,YAAY,CAAC,eAAe;QACrD,gCAAgC,EAAE,YAAY,CAAC,wBAAwB;QACvE,yBAAyB,EAAE,YAAY,CAAC,iBAAiB;KAC1D,CAAC;AACJ,CAAC;AAID,yFAAyF;AACzF,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAC;AAErC;;;;GAIG;AACH,SAAS,uBAAuB,CAAC,GAAc;IAC7C,IAAI,OAAO,SAAS,KAAK,WAAW,IAAI,CAAC,SAAS;QAAE,OAAO;IAC3D,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,UAAU,EAAE;QAAE,OAAO;IAC3C,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,GACnC,cAAc,EAAE,KAAK,SAAS;QAC5B,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC;QACzD,CAAC,CAAC,cAAc,EAAE,KAAK,KAAK;YAC1B,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC;YACrD,CAAC,CAAC,EAAE,CAAC;IACX,IAAI,GAAG,IAAI,CAAC,KAAK;QAAE,OAAO;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACxB,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IACjC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrB,OAAO,CAAC,IAAI,CACV,sCAAsC,IAAI,qBAAqB,QAAQ,KAAK,QAAQ,SAAS;QAC3F,QAAQ,OAAO,SAAS,OAAO,0DAA0D,CAC5F,CAAC;AACJ,CAAC;AA4BD,MAAM,OAAO,SAAS;IACH,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,oFAAoF;IACnE,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAExD;;;OAGG;IACM,MAAM,CAAa;IAE5B;QACE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,aAA2B,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1F,CAAC;IAED;;;OAGG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAU,CAAC;IAEzC,gEAAgE;IACvD,KAAK,GAAG,KAAK;yFAAU,CAAC;IAEjC,kFAAkF;IACzE,QAAQ,GAAG,KAAK;4FAAU,CAAC;IAEpC,iEAAiE;IACxD,QAAQ,GAAG,KAAK;4FAAU,CAAC;IAEpC,8FAA8F;IACrF,IAAI,GAAG,KAAK;wFAAW,CAAC;IAEjC,2FAA2F;IAClF,YAAY,GAAG,KAAK;gGAAW,CAAC;IAEzC,4EAA4E;IACnE,UAAU,GAAG,KAAK;8FAAiB,CAAC;IAE7C,uEAAuE;IAC9D,KAAK,GAAG,KAAK;yFAAU,CAAC;IAEjC,sCAAsC;IAC7B,kBAAkB,GAAG,KAAK;sGAAU,CAAC;IAE9C,mGAAmG;IAC1F,kBAAkB,GAAG,KAAK;sGAAiB,CAAC;IAErD,wEAAwE;IAC/D,oBAAoB,GAAG,KAAK;wGAAiB,CAAC;IAEvD,QAAQ;QACN,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEkB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,kBAAkB,CAAC;iFACxF,CAAC;IACiB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,oBAAoB,CAAC;mFAC5F,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,YAAY,CACV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,EAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CACpC;8EACF,CAAC;IAEF;;;;OAIG;IACK,SAAS;QACf,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,CAAC,MAAM,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACzE,IAAI,cAAc,EAAE,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;IACjD,CAAC;IAED;;;;OAIG;IACK,SAAS,CAAC,IAAyB;QACzC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,IAAI,UAAU,IAAI,IAAI;YAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzF,IAAI,SAAS,IAAI,IAAI;YAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QACtF,IAAI,UAAU,IAAI,IAAI;YAAE,OAAO,EAAE,wBAAwB,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAE3E,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtF,OAAO,cAAc,EAAE,KAAK,SAAS;YACnC,CAAC,CAAC,EAAE,iBAAiB,EAAE,MAAM,EAAE;YAC/B,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC;IACpF,CAAC;IAEO,iBAAiB,CAAC,UAAqC;QAC7D,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAClC,OAAO;YACL,GAAG,UAAU;YACb,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC;YAC7C,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC;YAC3C,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC;YACzD,qBAAqB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC;YAC1E,iBAAiB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;SACnE,CAAC;IACJ,CAAC;IAEO,WAAW,CAAC,IAAmC;QACrD,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAC5B,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;YACtC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC1C,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;YACxC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC3C,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,KAAqC;QACxD,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO;YACL,GAAG,KAAK;YACR,qFAAqF;YACrF,yBAAyB,EACvB,KAAK,CAAC,yBAAyB,KAAK,SAAS;gBAC3C,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,yBAAyB,CAAC;YAC7C,wBAAwB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC;YAC3E,mBAAmB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC;YACjE,8BAA8B,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,8BAA8B,CAAC;SACxF,CAAC;IACJ,CAAC;uGAtIU,SAAS;2FAAT,SAAS,i1EAxBV,EAAE;;2FAwBD,SAAS;kBA1BrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,EAAE;oBACZ,IAAI,EAAE;wBACJ,aAAa,EAAE,QAAQ;wBACvB,SAAS,EAAE,SAAS;wBACpB,cAAc,EAAE,SAAS;wBACzB,gCAAgC,EAAE,sBAAsB;wBACxD,cAAc,EAAE,cAAc;wBAC9B,0FAA0F;wBAC1F,6FAA6F;wBAC7F,8CAA8C;wBAC9C,oBAAoB,EAAE,uBAAuB;wBAC7C,YAAY,EAAE,kBAAkB;wBAChC,oBAAoB,EAAE,0BAA0B;wBAChD,mBAAmB,EAAE,yBAAyB;wBAC9C,4BAA4B,EAAE,kCAAkC;wBAChE,2BAA2B,EAAE,iCAAiC;wBAC9D,4BAA4B,EAAE,kCAAkC;wBAChE,qBAAqB,EAAE,2BAA2B;wBAClD,oCAAoC,EAAE,0CAA0C;wBAChF,6BAA6B,EAAE,mCAAmC;wBAClE,sBAAsB,EAAE,YAAY;wBACpC,wBAAwB,EAAE,cAAc;qBACzC;iBACF","sourcesContent":["/**\n * One item in a native tab bar, and the screen behind it.\n *\n * Declared in the tabs outlet's template, the way a `<native-header>` is declared in a page's:\n *\n * ```html\n * <native-tabs-outlet>\n *   <native-tab path=\"library\" title=\"Library\" sfSymbol=\"books.vertical.fill\" />\n *   <native-tab path=\"inbox\" title=\"Inbox\" sfSymbol=\"tray\" [badge]=\"unread()\" />\n * </native-tabs-outlet>\n * ```\n *\n * `path` names the child route this tab selects, the same way a `routerLink` names one, and is\n * what native identifies the tab by. Everything else is an ordinary input, which is the point of\n * declaring tabs here rather than in the route config: a badge is a count that changes, a title\n * may be translated, and a tab may not exist at all until a feature flag says so. Route data\n * cannot bind to any of that.\n *\n * **A bar item is not a view.** `UITabBarItem` is a model object - a title, an image and a badge\n * string - and UIKit has no way to put a view in its place; Android's bottom-navigation item is\n * the same. That is why this takes no content, while `<native-header-item>` does: a navigation\n * bar really does hold subviews. What customisation exists is here as inputs: images instead of\n * symbols, a different icon when selected, and the per-state appearance below.\n *\n * The host element *is* the `RNSTabsScreen`. The outlet keeps the screen mounted and creates\n * each activated route's component on a child view, so destroying a route cannot remove this\n * tab item from the bar.\n */\nimport { Component, ElementRef, computed, inject, input, type OnInit } from '@angular/core';\nimport { nativePlatform, type EngineNode, HostEngine } from '@ng-native/fabric';\nimport { NATIVE_TAB_DEFAULTS } from './native-bar-defaults.ts';\nimport { ownHost } from './own-host.ts';\n\n/**\n * Where a tab's picture comes from.\n *\n * `template` is the one worth knowing about: the image is drawn as a mask and tinted to the bar's\n * colour, so it follows selection the way a symbol does. `image` renders as authored, which is\n * what a multi-colour logo wants and what a monochrome icon almost never does.\n */\nexport type TabIcon =\n  | { readonly sfSymbol: string }\n  /** An image in the iOS asset catalogue, by name. */\n  | { readonly xcasset: string }\n  /** A `require()`d asset or a `{ uri }`, drawn as authored. */\n  | { readonly image: unknown }\n  /** The same, drawn as a mask and tinted. */\n  | { readonly template: unknown }\n  /** Android: a drawable resource name. */\n  | { readonly drawable: string };\n\n/** One of Apple's standard items, which brings its own icon and title. */\nexport type TabSystemItem =\n  | 'none'\n  | 'bookmarks'\n  | 'contacts'\n  | 'downloads'\n  | 'favorites'\n  | 'featured'\n  | 'history'\n  | 'more'\n  | 'mostRecent'\n  | 'mostViewed'\n  | 'recents'\n  | 'search'\n  | 'topRated';\n\nexport type TabBarBlurEffect =\n  | 'none'\n  | 'systemDefault'\n  | 'extraLight'\n  | 'light'\n  | 'dark'\n  | 'regular'\n  | 'prominent'\n  | 'systemUltraThinMaterial'\n  | 'systemThinMaterial'\n  | 'systemMaterial'\n  | 'systemThickMaterial'\n  | 'systemChromeMaterial';\n\n/**\n * How an item looks in one state. The names are the native ones, spelled as the codegen spec\n * spells them, so this forwards rather than translates and Apple's own documentation still reads\n * across.\n */\nexport interface TabStateAppearance {\n  tabBarItemTitleFontFamily?: string;\n  tabBarItemTitleFontSize?: number;\n  tabBarItemTitleFontWeight?: string | number;\n  tabBarItemTitleFontStyle?: string;\n  tabBarItemTitleFontColor?: string | number;\n  tabBarItemTitlePositionAdjustment?: { horizontal?: number; vertical?: number };\n  tabBarItemIconColor?: string | number;\n  tabBarItemBadgeBackgroundColor?: string | number;\n}\n\n/** The four states an item can be in. Anything absent falls back to the platform's own. */\nexport interface TabItemAppearance {\n  normal?: TabStateAppearance;\n  selected?: TabStateAppearance;\n  focused?: TabStateAppearance;\n  disabled?: TabStateAppearance;\n}\n\n/**\n * How the bar looks, per layout. `stacked` is the usual icon-over-title item; `inline` and\n * `compactInline` are the side-by-side layouts iPad and a compact height use.\n */\nexport interface TabAppearance {\n  stacked?: TabItemAppearance;\n  inline?: TabItemAppearance;\n  compactInline?: TabItemAppearance;\n  tabBarBackgroundColor?: string | number;\n  tabBarShadowColor?: string | number;\n  tabBarBlurEffect?: TabBarBlurEffect;\n}\n\n/** One icon, as the props native reads it through. */\nexport interface TabIconProps {\n  iconType?: string;\n  iconResourceName?: string;\n  iconImageSource?: unknown;\n  drawableIconResourceName?: string;\n  imageIconResource?: unknown;\n}\n\n/**\n * An icon and its selected counterpart, as one set of props.\n *\n * Native carries a single `iconType` for both states, so the two have to be the same kind of\n * thing: a template image cannot become a symbol when selected. React Native Screens throws on\n * that pairing and so does this, because the alternative - what happened before this checked - is\n * that native quietly keeps the unselected icon and nothing anywhere says why.\n */\nexport function tabIconProps(\n  icon: TabIconProps,\n  selectedIcon: TabIconProps,\n): TabIconProps & {\n  selectedIconResourceName?: string;\n  selectedIconImageSource?: unknown;\n  selectedDrawableIconResourceName?: string;\n  selectedImageIconResource?: unknown;\n} {\n  const hasBase = icon.iconType !== undefined || icon.drawableIconResourceName !== undefined;\n  const hasSelected =\n    selectedIcon.iconType !== undefined || selectedIcon.drawableIconResourceName !== undefined;\n\n  if (hasSelected && !hasBase) {\n    throw new Error('[angular-native] <native-tab> has a selectedIcon but no icon to select from');\n  }\n  if (hasSelected && icon.iconType !== selectedIcon.iconType) {\n    throw new Error(\n      `[angular-native] <native-tab> icon and selectedIcon must be the same kind: native has ` +\n        `one iconType for both, so '${icon.iconType}' and '${selectedIcon.iconType}' cannot pair.`,\n    );\n  }\n\n  return {\n    ...icon,\n    selectedIconResourceName: selectedIcon.iconResourceName,\n    selectedIconImageSource: selectedIcon.iconImageSource,\n    selectedDrawableIconResourceName: selectedIcon.drawableIconResourceName,\n    selectedImageIconResource: selectedIcon.imageIconResource,\n  };\n}\n\ndeclare const ngDevMode: unknown;\n\n/** The paths already warned about, so a tab bar rebuilt by a navigation says it once. */\nconst warnedTabs = new Set<string>();\n\n/**\n * Says, once per path and in development only, that a tab has no icon on the platform running it\n * because it names only the other platform's shorthand. A tab written against the iOS simulator\n * with `sfSymbol` shows a title and nothing above it on Android.\n */\nfunction warnIfIconOnOnePlatform(tab: NativeTab): void {\n  if (typeof ngDevMode !== 'undefined' && !ngDevMode) return;\n  if (tab.icon() || tab.systemItem()) return;\n  const [own, other, missing, platform] =\n    nativePlatform() === 'android'\n      ? [tab.drawable(), tab.sfSymbol(), 'drawable', 'Android']\n      : nativePlatform() === 'ios'\n        ? [tab.sfSymbol(), tab.drawable(), 'sfSymbol', 'iOS']\n        : [];\n  if (own || !other) return;\n  const path = tab.path();\n  if (warnedTabs.has(path)) return;\n  warnedTabs.add(path);\n  console.warn(\n    `[angular-native] <native-tab path=\"${path}\"> has no icon on ${platform}: ${platform} reads ` +\n      `only ${missing}. Add ${missing}=\"...\", or bind [icon] for a tab meant for one platform.`,\n  );\n}\n\n@Component({\n  selector: 'native-tab',\n  template: '',\n  host: {\n    '[screenKey]': 'path()',\n    '[title]': 'title()',\n    '[badgeValue]': 'badge()',\n    '[tabBarItemAccessibilityLabel]': 'accessibilityLabel()',\n    '[systemItem]': 'systemItem()',\n    // `isTitleUndefined` is what `TabsScreen.ios.tsx` derives from the title, and it is not a\n    // synonym for \"no title\": with a title set and this left at its default, the item renders as\n    // an icon with a gap where the label belongs.\n    '[isTitleUndefined]': 'title() === undefined',\n    '[iconType]': 'icons().iconType',\n    '[iconResourceName]': 'icons().iconResourceName',\n    '[iconImageSource]': 'icons().iconImageSource',\n    '[selectedIconResourceName]': 'icons().selectedIconResourceName',\n    '[selectedIconImageSource]': 'icons().selectedIconImageSource',\n    '[drawableIconResourceName]': 'icons().drawableIconResourceName',\n    '[imageIconResource]': 'icons().imageIconResource',\n    '[selectedDrawableIconResourceName]': 'icons().selectedDrawableIconResourceName',\n    '[selectedImageIconResource]': 'icons().selectedImageIconResource',\n    '[standardAppearance]': 'standard()',\n    '[scrollEdgeAppearance]': 'scrollEdge()',\n  },\n})\nexport class NativeTab implements OnInit {\n  private readonly engine = inject(HostEngine);\n  /** The app's `withTabDefaults`, for an appearance this tab does not bind itself. */\n  private readonly defaults = inject(NATIVE_TAB_DEFAULTS);\n\n  /**\n   * The `RNSTabsScreen` this tab is. The outlet creates the activated route's component inside\n   * it, which is why it is public: a tab is a slot as well as a bar item.\n   */\n  readonly screen: EngineNode;\n\n  constructor() {\n    this.screen = ownHost(inject(ElementRef).nativeElement as EngineNode, this.constructor);\n  }\n\n  /**\n   * The child route this tab selects, as a path segment: `library` for `/tabs/library`. Native\n   * identifies the tab by it too, so it must be unique in the bar.\n   */\n  readonly path = input.required<string>();\n\n  /** The label under the icon. Absent gives an icon-only item. */\n  readonly title = input<string>();\n\n  /** iOS: an SF Symbol name, e.g. `books.vertical.fill`. Shorthand for `[icon]`. */\n  readonly sfSymbol = input<string>();\n\n  /** Android: a drawable resource name. Shorthand for `[icon]`. */\n  readonly drawable = input<string>();\n\n  /** Anything a symbol name cannot say: an image, a template image, an asset-catalogue name. */\n  readonly icon = input<TabIcon>();\n\n  /** Shown while this tab is the selected one. Absent leaves the platform to tint `icon`. */\n  readonly selectedIcon = input<TabIcon>();\n\n  /** One of Apple's standard items, which supplies its own icon and title. */\n  readonly systemItem = input<TabSystemItem>();\n\n  /** The badge on the item: a count, or a single character for a dot. */\n  readonly badge = input<string>();\n\n  /** Announced instead of the title. */\n  readonly accessibilityLabel = input<string>();\n\n  /** How the item looks. Colours are processed here, because native never sees the object's keys. */\n  readonly standardAppearance = input<TabAppearance>();\n\n  /** The same, for when the scroll view behind the bar is at its edge. */\n  readonly scrollEdgeAppearance = input<TabAppearance>();\n\n  ngOnInit(): void {\n    warnIfIconOnOnePlatform(this);\n  }\n\n  protected readonly standard = computed(() =>\n    this.processAppearance(this.standardAppearance() ?? this.defaults().standardAppearance),\n  );\n  protected readonly scrollEdge = computed(() =>\n    this.processAppearance(this.scrollEdgeAppearance() ?? this.defaults().scrollEdgeAppearance),\n  );\n\n  protected readonly icons = computed(() =>\n    tabIconProps(\n      this.iconProps(this.icon() ?? this.shorthand()),\n      this.iconProps(this.selectedIcon()),\n    ),\n  );\n\n  /**\n   * `sfSymbol` and `drawable` say the same thing as `icon`, in the form most tabs want. A tab\n   * names both to have an icon on both platforms, so the running platform's own comes first:\n   * Android reads only a drawable, and iOS only a symbol.\n   */\n  private shorthand(): TabIcon | undefined {\n    const symbol = this.sfSymbol();\n    const drawable = this.drawable();\n    const icons = [symbol && { sfSymbol: symbol }, drawable && { drawable }];\n    if (nativePlatform() === 'android') icons.reverse();\n    return icons.find((icon) => icon) || undefined;\n  }\n\n  /**\n   * One icon, as the four props native reads it through. A `require()`d asset is an id until the\n   * host resolves it, which is the same thing an `<image src>` needs and the engine only does for\n   * props it knows by name.\n   */\n  private iconProps(icon: TabIcon | undefined): TabIconProps {\n    if (!icon) return {};\n    if ('sfSymbol' in icon) return { iconType: 'sfSymbol', iconResourceName: icon.sfSymbol };\n    if ('xcasset' in icon) return { iconType: 'xcasset', iconResourceName: icon.xcasset };\n    if ('drawable' in icon) return { drawableIconResourceName: icon.drawable };\n\n    const source = this.engine.resolveAsset('image' in icon ? icon.image : icon.template);\n    return nativePlatform() === 'android'\n      ? { imageIconResource: source }\n      : { iconType: 'image' in icon ? 'image' : 'template', iconImageSource: source };\n  }\n\n  private processAppearance(appearance: TabAppearance | undefined): object | undefined {\n    if (!appearance) return undefined;\n    return {\n      ...appearance,\n      stacked: this.processItem(appearance.stacked),\n      inline: this.processItem(appearance.inline),\n      compactInline: this.processItem(appearance.compactInline),\n      tabBarBackgroundColor: this.engine.color(appearance.tabBarBackgroundColor),\n      tabBarShadowColor: this.engine.color(appearance.tabBarShadowColor),\n    };\n  }\n\n  private processItem(item: TabItemAppearance | undefined): object | undefined {\n    if (!item) return undefined;\n    return {\n      normal: this.processState(item.normal),\n      selected: this.processState(item.selected),\n      focused: this.processState(item.focused),\n      disabled: this.processState(item.disabled),\n    };\n  }\n\n  private processState(state: TabStateAppearance | undefined): object | undefined {\n    if (!state) return undefined;\n    return {\n      ...state,\n      // Native declares the weight as a string, and `600` is the natural way to write one.\n      tabBarItemTitleFontWeight:\n        state.tabBarItemTitleFontWeight === undefined\n          ? undefined\n          : String(state.tabBarItemTitleFontWeight),\n      tabBarItemTitleFontColor: this.engine.color(state.tabBarItemTitleFontColor),\n      tabBarItemIconColor: this.engine.color(state.tabBarItemIconColor),\n      tabBarItemBadgeBackgroundColor: this.engine.color(state.tabBarItemBadgeBackgroundColor),\n    };\n  }\n}\n"]}

package/dist/native-tabs-outlet.d.ts

@@ -34,6 +34,7 @@ export declare class NativeTabsOutlet implements RouterOutletContract, AfterCont
     private readonly parentContexts;
     private readonly renderer;
     private readonly applicationRef;
+    private readonly changeDetector;
     private readonly injector;
     private readonly host;
     private readonly route;

package/dist/native-tabs-outlet.js

@@ -25,7 +25,7 @@
  * was: its scroll offset, its text, and its own stack if it has one. That is the reuse strategy
  * detaching the tab's whole subtree rather than only its leaf.
  */
-import { ApplicationRef, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, ErrorHandler, Injector, Renderer2, computed, contentChildren, createComponent, inject, input, signal, } from '@angular/core';
+import { ApplicationRef, ChangeDetectorRef, Component, DestroyRef, ElementRef, ErrorHandler, Injector, Renderer2, computed, contentChildren, createComponent, inject, input, signal, } from '@angular/core';
 import { SCREEN_IN_FRONT } from '@ng-native/device';
 import { ActivatedRoute, ChildrenOutletContexts, NavigationEnd, PRIMARY_OUTLET, Router, } from '@angular/router';
 import { bindRouteInputs } from "./bind-route-inputs.js";
@@ -42,6 +42,7 @@ export class NativeTabsOutlet {
     parentContexts = inject(ChildrenOutletContexts);
     renderer = inject(Renderer2);
     applicationRef = inject(ApplicationRef);
+    changeDetector = inject(ChangeDetectorRef);
     injector = inject(Injector);
     host = inject(ElementRef);
     route = inject(ActivatedRoute);
@@ -361,6 +362,10 @@ export class NativeTabsOutlet {
         if (arrived || !this.selected || this.router?.getCurrentNavigation())
             return;
         this.request(this.selected);
+        // A failed navigation ends in a promise callback, which schedules no change detection, and a
+        // prop reaches native only with the commit at the end of a pass. Without one the bar stayed
+        // on the tab that failed until something else happened to render.
+        this.changeDetector.markForCheck();
     }
     /** A tab's own url, from the outlet's route down. */
     pathOf(entry) {
@@ -385,14 +390,13 @@ export class NativeTabsOutlet {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NativeTabsOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.0", type: NativeTabsOutlet, isStandalone: true, selector: "native-tabs-outlet", inputs: { barHidden: { classPropertyName: "barHidden", publicName: "barHidden", isSignal: true, isRequired: false, transformFunction: null }, tintColor: { classPropertyName: "tintColor", publicName: "tintColor", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, colorScheme: { classPropertyName: "colorScheme", publicName: "colorScheme", isSignal: true, isRequired: false, transformFunction: null }, minimizeBehavior: { classPropertyName: "minimizeBehavior", publicName: "minimizeBehavior", isSignal: true, isRequired: false, transformFunction: null }, controllerMode: { classPropertyName: "controllerMode", publicName: "controllerMode", isSignal: true, isRequired: false, transformFunction: null }, respectsKeyboard: { classPropertyName: "respectsKeyboard", publicName: "respectsKeyboard", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "fill", "tabBarHidden": "barHidden()", "tabBarTintColor": "tintColor() ?? defaults().tintColor", "nativeContainerBackgroundColor": "backgroundColor() ?? defaults().backgroundColor", "colorScheme": "colorScheme() ?? defaults().colorScheme", "tabBarMinimizeBehavior": "minimizeBehavior()", "tabBarControllerMode": "controllerMode()", "tabBarRespectsIMEInsets": "respectsKeyboard()" } }, queries: [{ propertyName: "declared", predicate: NativeTab, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.0", type: NativeTabsOutlet, isStandalone: true, selector: "native-tabs-outlet", inputs: { barHidden: { classPropertyName: "barHidden", publicName: "barHidden", isSignal: true, isRequired: false, transformFunction: null }, tintColor: { classPropertyName: "tintColor", publicName: "tintColor", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, colorScheme: { classPropertyName: "colorScheme", publicName: "colorScheme", isSignal: true, isRequired: false, transformFunction: null }, minimizeBehavior: { classPropertyName: "minimizeBehavior", publicName: "minimizeBehavior", isSignal: true, isRequired: false, transformFunction: null }, controllerMode: { classPropertyName: "controllerMode", publicName: "controllerMode", isSignal: true, isRequired: false, transformFunction: null }, respectsKeyboard: { classPropertyName: "respectsKeyboard", publicName: "respectsKeyboard", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "fill", "tabBarHidden": "barHidden()", "tabBarTintColor": "tintColor() ?? defaults().tintColor", "nativeContainerBackgroundColor": "backgroundColor() ?? defaults().backgroundColor", "colorScheme": "colorScheme() ?? defaults().colorScheme", "tabBarMinimizeBehavior": "minimizeBehavior()", "tabBarControllerMode": "controllerMode()", "tabBarRespectsIMEInsets": "respectsKeyboard()" } }, queries: [{ propertyName: "declared", predicate: NativeTab, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NativeTabsOutlet, decorators: [{
             type: Component,
             args: [{
                     selector: 'native-tabs-outlet',
                     template: '<ng-content />',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         '[style]': 'fill',
                         '[tabBarHidden]': 'barHidden()',

package/dist/native-tabs-outlet.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-tabs-outlet.js","sourceRoot":"","sources":["../src/native-tabs-outlet.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `RouterOutlet` that renders a native tab bar: a `UITabBarController` on iOS, a bottom\n * navigation bar on Android.\n *\n * The outlet's host element *is* the tabs host, and each `<native-tab>` in its content is one\n * item and the screen behind it. An activated route's component is created on a child view of\n * the matching tab screen. The screen belongs to the tab declaration and must survive the route\n * component being destroyed; Angular removes a component's host node when it destroys the ref.\n *\n * ```html\n * <native-tabs-outlet>\n *   <native-tab path=\"library\" title=\"Library\" sfSymbol=\"books.vertical.fill\" />\n *   <native-tab path=\"inbox\" title=\"Inbox\" sfSymbol=\"tray\" [badge]=\"unread()\" />\n * </native-tabs-outlet>\n * ```\n *\n * **Native holds the selection, not us.** The tabs host owns its navigation state and reports\n * every change - a tap, or one we asked for - through `tabSelected`, carrying a `provenance`\n * number that increments per change. We send `navStateRequest` with the provenance of the last\n * state we acknowledged, which is how native tells a stale request from a current one when a tap\n * and a navigation cross in flight. The alternative, holding the selection in JS, means a tap is\n * only reflected after a round trip, and the bar lags the finger. See ADR 0006.\n *\n * **Each tab keeps its own screen mounted**, so switching away and back finds a tab exactly as it\n * was: its scroll offset, its text, and its own stack if it has one. That is the reuse strategy\n * detaching the tab's whole subtree rather than only its leaf.\n */\nimport {\n  ApplicationRef,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ErrorHandler,\n  Injector,\n  Renderer2,\n  computed,\n  contentChildren,\n  createComponent,\n  inject,\n  input,\n  signal,\n  type AfterContentInit,\n  type ComponentRef,\n  type EnvironmentInjector,\n  type Type,\n  type WritableSignal,\n} from '@angular/core';\nimport { SCREEN_IN_FRONT } from '@ng-native/device';\nimport {\n  ActivatedRoute,\n  ChildrenOutletContexts,\n  NavigationEnd,\n  PRIMARY_OUTLET,\n  Router,\n  type Data,\n  type RouterOutletContract,\n} from '@angular/router';\nimport { bindRouteInputs } from './bind-route-inputs.ts';\nimport { NATIVE_TAB_DEFAULTS } from './native-bar-defaults.ts';\nimport { NativeBack, isShowing } from './native-back.ts';\nimport { optionalBoolean } from './transforms.ts';\nimport { NativeTab } from './native-tab.ts';\nimport { ownHost } from './own-host.ts';\nimport { markTabRoute } from './tab-routes.ts';\n\ninterface TabEntry {\n  readonly tab: NativeTab;\n  /** The key native identifies this tab by: its path, unique among the bar's items. */\n  readonly key: string;\n  /** The url this tab was last on, so returning to it returns where the user left. */\n  url: string;\n  ref: ComponentRef<unknown> | null;\n  route: ActivatedRoute | null;\n  detached: boolean;\n  /** Stops feeding route params into the component's inputs. */\n  unbind: () => void;\n  /** Whether this tab is the one showing, for what its screens hold: see `SCREEN_IN_FRONT`. */\n  readonly inFront: WritableSignal<boolean>;\n}\n\n/** What `tabSelected` carries. Only two fields matter here; the rest is diagnostics. */\ninterface TabSelection {\n  readonly selectedScreenKey: string;\n  readonly provenance: number;\n}\n\n@Component({\n  selector: 'native-tabs-outlet',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[style]': 'fill',\n    '[tabBarHidden]': 'barHidden()',\n    '[tabBarTintColor]': 'tintColor() ?? defaults().tintColor',\n    '[nativeContainerBackgroundColor]': 'backgroundColor() ?? defaults().backgroundColor',\n    '[colorScheme]': 'colorScheme() ?? defaults().colorScheme',\n    '[tabBarMinimizeBehavior]': 'minimizeBehavior()',\n    '[tabBarControllerMode]': 'controllerMode()',\n    '[tabBarRespectsIMEInsets]': 'respectsKeyboard()',\n  },\n})\nexport class NativeTabsOutlet implements RouterOutletContract, AfterContentInit {\n  name = PRIMARY_OUTLET;\n\n  readonly supportsBindingToComponentInputs = true;\n\n  private readonly parentContexts = inject(ChildrenOutletContexts);\n  private readonly renderer = inject(Renderer2);\n  private readonly applicationRef = inject(ApplicationRef);\n  private readonly injector = inject(Injector);\n  private readonly host = inject(ElementRef);\n  private readonly route = inject(ActivatedRoute);\n  /** Optional so the outlet can be driven through `RouterOutletContract` directly, as tests do. */\n  private readonly router = inject(Router, { optional: true });\n  private readonly errors = inject(ErrorHandler);\n  /** What activation has reported already, so the failed navigation it causes is not reported again. */\n  private readonly reported = new WeakSet<object>();\n  /** The app's `withTabDefaults`, for whatever the outlet does not bind itself. */\n  protected readonly defaults = inject(NATIVE_TAB_DEFAULTS);\n\n  private readonly declared = contentChildren(NativeTab);\n  private readonly entries: TabEntry[] = [];\n  private selected: TabEntry | null = null;\n  /** The provenance of the last state native told us about. Starts before native's first. */\n  private provenance = 0;\n\n  protected readonly fill = { flex: 1 };\n\n  // --- the bar itself -----------------------------------------------------\n\n  /** Hide the bar without unmounting the tabs, for a screen that wants the whole window. */\n  readonly barHidden = input(undefined, { transform: optionalBoolean });\n  /** The colour of the selected item. iOS. */\n  readonly tintColor = input<string | number>();\n  /** Behind the tabs, where a screen does not paint. */\n  readonly backgroundColor = input<string | number>();\n  /** Force the bar's light or dark appearance, whatever the app's is. */\n  readonly colorScheme = input<'inherit' | 'light' | 'dark'>();\n  /** iOS 26: let the bar shrink out of the way as content scrolls. */\n  readonly minimizeBehavior = input<'automatic' | 'never' | 'onScrollDown' | 'onScrollUp'>();\n  /** iOS: `tabSidebar` is the iPad layout, with the tabs down the side. */\n  readonly controllerMode = input<'automatic' | 'tabBar' | 'tabSidebar'>();\n  /** Android: keep the bar above the keyboard rather than behind it. */\n  readonly respectsKeyboard = input(undefined, { transform: optionalBoolean });\n\n  constructor() {\n    ownHost(this.host.nativeElement);\n    // In the constructor rather than a lifecycle hook: the router activates a child route as soon\n    // as this component exists, which is before any hook has run.\n    this.parentContexts.onChildOutletCreated(this.name, this);\n\n    this.renderer.listen(\n      this.host.nativeElement,\n      'tabSelected',\n      (event: { nativeEvent?: TabSelection }) => this.onNativeSelect(event?.nativeEvent),\n    );\n\n    // A push inside a tab's own stack reuses the tab's route, so this outlet is never activated\n    // for it; the router's navigation is the only sign. Without this, coming back to the tab\n    // returns it to its root and pops the screens the user left it on.\n    const following = this.router?.events?.subscribe((event) => {\n      if (event instanceof NavigationEnd) this.follow(event.urlAfterRedirects);\n    });\n\n    // Android's back button, and `NativeNavigation.back()`, once the stack in front, if the tab\n    // has one, is at its root. Subscribed before any tab's own stack, so it is asked after them.\n    const unsubscribeBack = inject(NativeBack).handle(() => this.goBack());\n\n    inject(DestroyRef).onDestroy(() => {\n      unsubscribeBack();\n      following?.unsubscribe();\n      for (const entry of this.entries) {\n        entry.unbind();\n        entry.ref?.destroy();\n      }\n      this.entries.length = 0;\n      this.parentContexts.onChildOutletDestroyed(this.name);\n    });\n  }\n\n  /** A bar nobody has navigated into yet still has to show a selected item. */\n  ngAfterContentInit(): void {\n    this.readTabs();\n  }\n\n  /** The tabs in the bar, in template order. Exposed for tests. */\n  get tabKeys(): string[] {\n    return this.readTabs().map((entry) => entry.key);\n  }\n\n  /** Which tab native is showing. Exposed for tests. */\n  get selectedKey(): string | null {\n    return this.selected?.key ?? null;\n  }\n\n  // --- RouterOutletContract ----------------------------------------------\n\n  get isActivated(): boolean {\n    return this.selected?.ref != null && !this.selected.detached;\n  }\n\n  get component(): Object | null {\n    return this.isActivated ? (this.selected!.ref!.instance as Object) : null;\n  }\n\n  get activatedRoute(): ActivatedRoute | null {\n    return this.isActivated ? this.selected!.route : null;\n  }\n\n  get activatedRouteData(): Data {\n    return this.activatedRoute?.snapshot.data ?? {};\n  }\n\n  /** The input binder reads this to bind route params to component inputs. */\n  get activatedComponentRef(): ComponentRef<unknown> | null {\n    return this.selected?.ref ?? null;\n  }\n\n  activateWith(route: ActivatedRoute, environmentInjector: EnvironmentInjector): void {\n    const component = (route.component ?? route.snapshot.component) as Type<unknown> | null;\n    if (!component) {\n      throw new Error('[angular-native] route has no component to activate');\n    }\n    const entry = this.entryFor(route);\n\n    // The tab screen is owned by <native-tab>, not by this route component. If the route uses\n    // deactivate() rather than detach(), Angular removes the component host on destroy. Giving\n    // the component its own child host keeps that removal from taking the tab bar item with it.\n    const content = ownHost(this.renderer.createElement('view'));\n    this.renderer.setStyle(content, 'flex', 1);\n    this.renderer.appendChild(entry.tab.screen, content);\n\n    let ref: ComponentRef<unknown> | undefined;\n    try {\n      ref = createComponent(component, {\n        environmentInjector,\n        elementInjector: this.outletInjector(route, entry.inFront),\n        hostElement: content as Element,\n      });\n      this.applicationRef.attachView(ref.hostView);\n      // Route params onto inputs before the first change detection, as the stack outlet does: a\n      // required input still unset when the page first renders throws NG0950.\n      entry.unbind = this.bindInputs(ref, route);\n      // Before anything can commit. Creating the page's nodes dirties the tree, which schedules a\n      // commit of its own - and that commit would capture the page with its elements created and\n      // its bindings not yet applied. On iOS the props catch up a frame later and nobody sees it;\n      // on Android the flattening decision is made from the props a view is created with, so a\n      // content wrapper that arrives without its `collapsable: false` is flattened for good and\n      // its children end up parented to a scroll view that allows exactly one.\n      ref.changeDetectorRef.detectChanges();\n    } catch (error) {\n      this.abandon(entry, ref, content);\n      this.errors.handleError(error);\n      if (error !== null && typeof error === 'object') this.reported.add(error);\n      throw error;\n    }\n\n    entry.ref = ref;\n    entry.route = route;\n    entry.detached = false;\n    this.select(entry);\n  }\n\n  deactivate(): void {\n    const entry = this.selected;\n    if (!entry?.ref) return;\n    entry.unbind();\n    entry.unbind = () => {};\n    entry.ref.destroy();\n    entry.ref = null;\n    entry.route = null;\n  }\n\n  /**\n   * Hand the live `ComponentRef` back to the router. The tab's screen stays where it is with the\n   * component still inside it, so the tab keeps running while another one is in front.\n   */\n  detach(): ComponentRef<unknown> {\n    const entry = this.selected;\n    if (!entry?.ref) throw new Error('[angular-native] outlet is not activated, nothing to detach');\n    entry.detached = true;\n    entry.inFront.set(false);\n    // As in the stack outlet: stop change detection without unmounting the views.\n    entry.ref.hostView.detach();\n    return entry.ref;\n  }\n\n  attach(ref: ComponentRef<unknown>, route: ActivatedRoute): void {\n    const entry = this.entryFor(route);\n\n    // A ref from a previous instance of this outlet still lives on its old tab screen, which is\n    // gone; re-parent it onto this one's rather than rebuild the tab.\n    if (entry.ref !== ref) {\n      this.renderer.appendChild(entry.tab.screen, ref.location.nativeElement);\n      this.applicationRef.attachView(ref.hostView);\n      entry.ref = ref;\n    }\n\n    entry.route = route;\n    entry.detached = false;\n    // The route object is new even when the url is not, so the inputs follow the new one.\n    entry.unbind();\n    entry.unbind = this.bindInputs(ref, route);\n    ref.hostView.reattach();\n    this.select(entry);\n  }\n\n  // --- native tabs --------------------------------------------------------\n\n  /**\n   * Undo a tab page that threw on its first render, which fails the navigation: its component\n   * and its content view go, and the tab that was showing carries on, change detection and all.\n   */\n  private abandon(entry: TabEntry, ref: ComponentRef<unknown> | undefined, content: unknown): void {\n    entry.unbind();\n    entry.unbind = () => {};\n    ref?.destroy();\n    this.renderer.removeChild(entry.tab.screen, content);\n    const showing = this.selected;\n    if (showing?.detached && showing.ref) {\n      showing.detached = false;\n      showing.ref.hostView.reattach();\n    }\n  }\n\n  /** Route params onto inputs only under `withComponentInputBinding()`, as in the stack outlet. */\n  private bindInputs(ref: ComponentRef<unknown>, route: ActivatedRoute): () => void {\n    return this.router?.componentInputBindingEnabled ? bindRouteInputs(ref, route) : () => {};\n  }\n\n  /**\n   * Take the bar from the `<native-tab>` elements in the content, once.\n   *\n   * On demand rather than in a lifecycle hook, because the router activates a child route during\n   * this component's creation, before any hook has run - but after the content nodes themselves\n   * exist, which is all this needs.\n   */\n  private readTabs(): TabEntry[] {\n    if (this.entries.length > 0) return this.entries;\n\n    const children = this.route.routeConfig?.children ?? [];\n    for (const tab of this.declared()) {\n      const key = tab.path();\n      this.entries.push({\n        tab,\n        key,\n        url: '',\n        ref: null,\n        route: null,\n        detached: false,\n        unbind: () => {},\n        inFront: signal(false),\n      });\n      // The reuse strategy detaches a tab whole, and has only the route to go on.\n      // A path can have multiple route configs selected by canMatch (for example an iPad split\n      // layout and an iPhone stack). Mark every variant: the reuse strategy sees the config\n      // Angular actually matched, which may not be the first one in the route array.\n      for (const config of children) {\n        if (config.path === key) markTabRoute(config);\n      }\n    }\n\n    if (this.entries.length === 0) {\n      throw new Error(\n        '[angular-native] <native-tabs-outlet> has no tabs. Put a <native-tab path=\"...\"> ' +\n          'inside it for each child route the bar should reach.',\n      );\n    }\n    // Before the first navigation nothing is selected, which is not a state a tab bar has.\n    this.request(this.entries[0]!);\n    return this.entries;\n  }\n\n  private entryFor(route: ActivatedRoute): TabEntry {\n    const path = (route.routeConfig ?? route.snapshot.routeConfig)?.path;\n    const entry = this.readTabs().find((candidate) => candidate.key === path);\n    if (!entry) {\n      throw new Error(\n        `[angular-native] no <native-tab> has path=\"${path}\". Every child route the bar can ` +\n          `reach needs one, and its path is what native identifies the tab by.`,\n      );\n    }\n    return entry;\n  }\n\n  /** Remember where this tab is, and tell native to show it. */\n  private select(entry: TabEntry): void {\n    this.selected = entry;\n    for (const other of this.entries) other.inFront.set(other === entry);\n    entry.url = this.router?.url ?? entry.url;\n    this.request(entry);\n  }\n\n  /**\n   * A back with nothing left to pop inside the tab: go to the first tab, where it was left, which\n   * is what a bottom navigation bar does on Android. From the first tab, decline, so the platform\n   * leaves the app. The order tabs were visited in is not retraced, so a back never lands on a\n   * tab the user did not expect. Not while the bar is covered by a screen pushed over it: that\n   * screen's stack answers instead.\n   */\n  private goBack(): boolean {\n    const first = this.entries[0];\n    const selected = this.selected;\n    if (!first || !selected || selected === first || !this.router) return false;\n    if (!this.isActivated || !isShowing(this.router, selected.route)) return false;\n    void this.router.navigateByUrl(first.url || this.pathOf(first));\n    return true;\n  }\n\n  /** Keep the tab in front on the url it has reached, as long as the url is still inside it. */\n  private follow(url: string): void {\n    const entry = this.selected;\n    if (!entry) return;\n    const root = this.pathOf(entry);\n    if (url === root || url.startsWith(`${root}/`) || url.startsWith(`${root}?`)) entry.url = url;\n  }\n\n  private request(entry: TabEntry): void {\n    this.renderer.setProperty(this.host.nativeElement, 'navStateRequest', {\n      selectedScreenKey: entry.key,\n      baseProvenance: this.provenance,\n    });\n  }\n\n  /**\n   * Native switched tab. Acknowledge the new state, then navigate: the router is authoritative\n   * about what is on screen (ADR 0003), so the tap becomes a navigation to where that tab was,\n   * and the activation that follows is what fills the tab in.\n   */\n  private onNativeSelect(selection: TabSelection | undefined): void {\n    if (!selection) return;\n    this.provenance = selection.provenance;\n\n    const entry = this.readTabs().find((tab) => tab.key === selection.selectedScreenKey);\n    if (!entry || entry === this.selected) return;\n\n    // Returning to a tab returns to the url it was last on, which is the whole point of keeping\n    // it mounted. A tab never visited starts at its own path.\n    // A navigation that fails is reported, unless activation reported it already: a page that\n    // does not load, caught here, would otherwise leave nothing but a tab that will not open.\n    void this.router?.navigateByUrl(entry.url || this.pathOf(entry)).then(\n      (arrived) => this.revertUnless(arrived),\n      (error: unknown) => {\n        if (error === null || typeof error !== 'object' || !this.reported.has(error)) {\n          this.errors.handleError(error);\n        }\n        this.revertUnless(false);\n      },\n    );\n  }\n\n  /**\n   * Native switched tab before the router agreed to. When a guard refuses, or the navigation\n   * fails, the router stays where it was and so must the bar, or it shows a tab nobody is on.\n   * Not while another navigation is under way: that one superseded this, and its own activation\n   * selects the tab it lands on.\n   */\n  private revertUnless(arrived: boolean): void {\n    if (arrived || !this.selected || this.router?.getCurrentNavigation()) return;\n    this.request(this.selected);\n  }\n\n  /** A tab's own url, from the outlet's route down. */\n  private pathOf(entry: TabEntry): string {\n    const parent = this.route.snapshot.pathFromRoot\n      .flatMap((snapshot) => snapshot.url.map((segment) => segment.path))\n      .join('/');\n    return `/${[parent, entry.key].filter(Boolean).join('/')}`;\n  }\n\n  /** As the stack outlet's: the route, the outlet contexts, and whether the tab is showing. */\n  private outletInjector(route: ActivatedRoute, inFront: WritableSignal<boolean>): Injector {\n    const outer = this.injector.get(SCREEN_IN_FRONT);\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: SCREEN_IN_FRONT, useValue: computed(() => outer() && inFront()) },\n        { provide: ActivatedRoute, useValue: route },\n        {\n          provide: ChildrenOutletContexts,\n          useValue: this.parentContexts.getOrCreateContext(this.name).children,\n        },\n      ],\n    });\n  }\n}\n"]}
+{"version":3,"file":"native-tabs-outlet.js","sourceRoot":"","sources":["../src/native-tabs-outlet.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `RouterOutlet` that renders a native tab bar: a `UITabBarController` on iOS, a bottom\n * navigation bar on Android.\n *\n * The outlet's host element *is* the tabs host, and each `<native-tab>` in its content is one\n * item and the screen behind it. An activated route's component is created on a child view of\n * the matching tab screen. The screen belongs to the tab declaration and must survive the route\n * component being destroyed; Angular removes a component's host node when it destroys the ref.\n *\n * ```html\n * <native-tabs-outlet>\n *   <native-tab path=\"library\" title=\"Library\" sfSymbol=\"books.vertical.fill\" />\n *   <native-tab path=\"inbox\" title=\"Inbox\" sfSymbol=\"tray\" [badge]=\"unread()\" />\n * </native-tabs-outlet>\n * ```\n *\n * **Native holds the selection, not us.** The tabs host owns its navigation state and reports\n * every change - a tap, or one we asked for - through `tabSelected`, carrying a `provenance`\n * number that increments per change. We send `navStateRequest` with the provenance of the last\n * state we acknowledged, which is how native tells a stale request from a current one when a tap\n * and a navigation cross in flight. The alternative, holding the selection in JS, means a tap is\n * only reflected after a round trip, and the bar lags the finger. See ADR 0006.\n *\n * **Each tab keeps its own screen mounted**, so switching away and back finds a tab exactly as it\n * was: its scroll offset, its text, and its own stack if it has one. That is the reuse strategy\n * detaching the tab's whole subtree rather than only its leaf.\n */\nimport {\n  ApplicationRef,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  ErrorHandler,\n  Injector,\n  Renderer2,\n  computed,\n  contentChildren,\n  createComponent,\n  inject,\n  input,\n  signal,\n  type AfterContentInit,\n  type ComponentRef,\n  type EnvironmentInjector,\n  type Type,\n  type WritableSignal,\n} from '@angular/core';\nimport { SCREEN_IN_FRONT } from '@ng-native/device';\nimport {\n  ActivatedRoute,\n  ChildrenOutletContexts,\n  NavigationEnd,\n  PRIMARY_OUTLET,\n  Router,\n  type Data,\n  type RouterOutletContract,\n} from '@angular/router';\nimport { bindRouteInputs } from './bind-route-inputs.ts';\nimport { NATIVE_TAB_DEFAULTS } from './native-bar-defaults.ts';\nimport { NativeBack, isShowing } from './native-back.ts';\nimport { optionalBoolean } from './transforms.ts';\nimport { NativeTab } from './native-tab.ts';\nimport { ownHost } from './own-host.ts';\nimport { markTabRoute } from './tab-routes.ts';\n\ninterface TabEntry {\n  readonly tab: NativeTab;\n  /** The key native identifies this tab by: its path, unique among the bar's items. */\n  readonly key: string;\n  /** The url this tab was last on, so returning to it returns where the user left. */\n  url: string;\n  ref: ComponentRef<unknown> | null;\n  route: ActivatedRoute | null;\n  detached: boolean;\n  /** Stops feeding route params into the component's inputs. */\n  unbind: () => void;\n  /** Whether this tab is the one showing, for what its screens hold: see `SCREEN_IN_FRONT`. */\n  readonly inFront: WritableSignal<boolean>;\n}\n\n/** What `tabSelected` carries. Only two fields matter here; the rest is diagnostics. */\ninterface TabSelection {\n  readonly selectedScreenKey: string;\n  readonly provenance: number;\n}\n\n@Component({\n  selector: 'native-tabs-outlet',\n  template: '<ng-content />',\n  host: {\n    '[style]': 'fill',\n    '[tabBarHidden]': 'barHidden()',\n    '[tabBarTintColor]': 'tintColor() ?? defaults().tintColor',\n    '[nativeContainerBackgroundColor]': 'backgroundColor() ?? defaults().backgroundColor',\n    '[colorScheme]': 'colorScheme() ?? defaults().colorScheme',\n    '[tabBarMinimizeBehavior]': 'minimizeBehavior()',\n    '[tabBarControllerMode]': 'controllerMode()',\n    '[tabBarRespectsIMEInsets]': 'respectsKeyboard()',\n  },\n})\nexport class NativeTabsOutlet implements RouterOutletContract, AfterContentInit {\n  name = PRIMARY_OUTLET;\n\n  readonly supportsBindingToComponentInputs = true;\n\n  private readonly parentContexts = inject(ChildrenOutletContexts);\n  private readonly renderer = inject(Renderer2);\n  private readonly applicationRef = inject(ApplicationRef);\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private readonly injector = inject(Injector);\n  private readonly host = inject(ElementRef);\n  private readonly route = inject(ActivatedRoute);\n  /** Optional so the outlet can be driven through `RouterOutletContract` directly, as tests do. */\n  private readonly router = inject(Router, { optional: true });\n  private readonly errors = inject(ErrorHandler);\n  /** What activation has reported already, so the failed navigation it causes is not reported again. */\n  private readonly reported = new WeakSet<object>();\n  /** The app's `withTabDefaults`, for whatever the outlet does not bind itself. */\n  protected readonly defaults = inject(NATIVE_TAB_DEFAULTS);\n\n  private readonly declared = contentChildren(NativeTab);\n  private readonly entries: TabEntry[] = [];\n  private selected: TabEntry | null = null;\n  /** The provenance of the last state native told us about. Starts before native's first. */\n  private provenance = 0;\n\n  protected readonly fill = { flex: 1 };\n\n  // --- the bar itself -----------------------------------------------------\n\n  /** Hide the bar without unmounting the tabs, for a screen that wants the whole window. */\n  readonly barHidden = input(undefined, { transform: optionalBoolean });\n  /** The colour of the selected item. iOS. */\n  readonly tintColor = input<string | number>();\n  /** Behind the tabs, where a screen does not paint. */\n  readonly backgroundColor = input<string | number>();\n  /** Force the bar's light or dark appearance, whatever the app's is. */\n  readonly colorScheme = input<'inherit' | 'light' | 'dark'>();\n  /** iOS 26: let the bar shrink out of the way as content scrolls. */\n  readonly minimizeBehavior = input<'automatic' | 'never' | 'onScrollDown' | 'onScrollUp'>();\n  /** iOS: `tabSidebar` is the iPad layout, with the tabs down the side. */\n  readonly controllerMode = input<'automatic' | 'tabBar' | 'tabSidebar'>();\n  /** Android: keep the bar above the keyboard rather than behind it. */\n  readonly respectsKeyboard = input(undefined, { transform: optionalBoolean });\n\n  constructor() {\n    ownHost(this.host.nativeElement);\n    // In the constructor rather than a lifecycle hook: the router activates a child route as soon\n    // as this component exists, which is before any hook has run.\n    this.parentContexts.onChildOutletCreated(this.name, this);\n\n    this.renderer.listen(\n      this.host.nativeElement,\n      'tabSelected',\n      (event: { nativeEvent?: TabSelection }) => this.onNativeSelect(event?.nativeEvent),\n    );\n\n    // A push inside a tab's own stack reuses the tab's route, so this outlet is never activated\n    // for it; the router's navigation is the only sign. Without this, coming back to the tab\n    // returns it to its root and pops the screens the user left it on.\n    const following = this.router?.events?.subscribe((event) => {\n      if (event instanceof NavigationEnd) this.follow(event.urlAfterRedirects);\n    });\n\n    // Android's back button, and `NativeNavigation.back()`, once the stack in front, if the tab\n    // has one, is at its root. Subscribed before any tab's own stack, so it is asked after them.\n    const unsubscribeBack = inject(NativeBack).handle(() => this.goBack());\n\n    inject(DestroyRef).onDestroy(() => {\n      unsubscribeBack();\n      following?.unsubscribe();\n      for (const entry of this.entries) {\n        entry.unbind();\n        entry.ref?.destroy();\n      }\n      this.entries.length = 0;\n      this.parentContexts.onChildOutletDestroyed(this.name);\n    });\n  }\n\n  /** A bar nobody has navigated into yet still has to show a selected item. */\n  ngAfterContentInit(): void {\n    this.readTabs();\n  }\n\n  /** The tabs in the bar, in template order. Exposed for tests. */\n  get tabKeys(): string[] {\n    return this.readTabs().map((entry) => entry.key);\n  }\n\n  /** Which tab native is showing. Exposed for tests. */\n  get selectedKey(): string | null {\n    return this.selected?.key ?? null;\n  }\n\n  // --- RouterOutletContract ----------------------------------------------\n\n  get isActivated(): boolean {\n    return this.selected?.ref != null && !this.selected.detached;\n  }\n\n  get component(): Object | null {\n    return this.isActivated ? (this.selected!.ref!.instance as Object) : null;\n  }\n\n  get activatedRoute(): ActivatedRoute | null {\n    return this.isActivated ? this.selected!.route : null;\n  }\n\n  get activatedRouteData(): Data {\n    return this.activatedRoute?.snapshot.data ?? {};\n  }\n\n  /** The input binder reads this to bind route params to component inputs. */\n  get activatedComponentRef(): ComponentRef<unknown> | null {\n    return this.selected?.ref ?? null;\n  }\n\n  activateWith(route: ActivatedRoute, environmentInjector: EnvironmentInjector): void {\n    const component = (route.component ?? route.snapshot.component) as Type<unknown> | null;\n    if (!component) {\n      throw new Error('[angular-native] route has no component to activate');\n    }\n    const entry = this.entryFor(route);\n\n    // The tab screen is owned by <native-tab>, not by this route component. If the route uses\n    // deactivate() rather than detach(), Angular removes the component host on destroy. Giving\n    // the component its own child host keeps that removal from taking the tab bar item with it.\n    const content = ownHost(this.renderer.createElement('view'));\n    this.renderer.setStyle(content, 'flex', 1);\n    this.renderer.appendChild(entry.tab.screen, content);\n\n    let ref: ComponentRef<unknown> | undefined;\n    try {\n      ref = createComponent(component, {\n        environmentInjector,\n        elementInjector: this.outletInjector(route, entry.inFront),\n        hostElement: content as Element,\n      });\n      this.applicationRef.attachView(ref.hostView);\n      // Route params onto inputs before the first change detection, as the stack outlet does: a\n      // required input still unset when the page first renders throws NG0950.\n      entry.unbind = this.bindInputs(ref, route);\n      // Before anything can commit. Creating the page's nodes dirties the tree, which schedules a\n      // commit of its own - and that commit would capture the page with its elements created and\n      // its bindings not yet applied. On iOS the props catch up a frame later and nobody sees it;\n      // on Android the flattening decision is made from the props a view is created with, so a\n      // content wrapper that arrives without its `collapsable: false` is flattened for good and\n      // its children end up parented to a scroll view that allows exactly one.\n      ref.changeDetectorRef.detectChanges();\n    } catch (error) {\n      this.abandon(entry, ref, content);\n      this.errors.handleError(error);\n      if (error !== null && typeof error === 'object') this.reported.add(error);\n      throw error;\n    }\n\n    entry.ref = ref;\n    entry.route = route;\n    entry.detached = false;\n    this.select(entry);\n  }\n\n  deactivate(): void {\n    const entry = this.selected;\n    if (!entry?.ref) return;\n    entry.unbind();\n    entry.unbind = () => {};\n    entry.ref.destroy();\n    entry.ref = null;\n    entry.route = null;\n  }\n\n  /**\n   * Hand the live `ComponentRef` back to the router. The tab's screen stays where it is with the\n   * component still inside it, so the tab keeps running while another one is in front.\n   */\n  detach(): ComponentRef<unknown> {\n    const entry = this.selected;\n    if (!entry?.ref) throw new Error('[angular-native] outlet is not activated, nothing to detach');\n    entry.detached = true;\n    entry.inFront.set(false);\n    // As in the stack outlet: stop change detection without unmounting the views.\n    entry.ref.hostView.detach();\n    return entry.ref;\n  }\n\n  attach(ref: ComponentRef<unknown>, route: ActivatedRoute): void {\n    const entry = this.entryFor(route);\n\n    // A ref from a previous instance of this outlet still lives on its old tab screen, which is\n    // gone; re-parent it onto this one's rather than rebuild the tab.\n    if (entry.ref !== ref) {\n      this.renderer.appendChild(entry.tab.screen, ref.location.nativeElement);\n      this.applicationRef.attachView(ref.hostView);\n      entry.ref = ref;\n    }\n\n    entry.route = route;\n    entry.detached = false;\n    // The route object is new even when the url is not, so the inputs follow the new one.\n    entry.unbind();\n    entry.unbind = this.bindInputs(ref, route);\n    ref.hostView.reattach();\n    this.select(entry);\n  }\n\n  // --- native tabs --------------------------------------------------------\n\n  /**\n   * Undo a tab page that threw on its first render, which fails the navigation: its component\n   * and its content view go, and the tab that was showing carries on, change detection and all.\n   */\n  private abandon(entry: TabEntry, ref: ComponentRef<unknown> | undefined, content: unknown): void {\n    entry.unbind();\n    entry.unbind = () => {};\n    ref?.destroy();\n    this.renderer.removeChild(entry.tab.screen, content);\n    const showing = this.selected;\n    if (showing?.detached && showing.ref) {\n      showing.detached = false;\n      showing.ref.hostView.reattach();\n    }\n  }\n\n  /** Route params onto inputs only under `withComponentInputBinding()`, as in the stack outlet. */\n  private bindInputs(ref: ComponentRef<unknown>, route: ActivatedRoute): () => void {\n    return this.router?.componentInputBindingEnabled ? bindRouteInputs(ref, route) : () => {};\n  }\n\n  /**\n   * Take the bar from the `<native-tab>` elements in the content, once.\n   *\n   * On demand rather than in a lifecycle hook, because the router activates a child route during\n   * this component's creation, before any hook has run - but after the content nodes themselves\n   * exist, which is all this needs.\n   */\n  private readTabs(): TabEntry[] {\n    if (this.entries.length > 0) return this.entries;\n\n    const children = this.route.routeConfig?.children ?? [];\n    for (const tab of this.declared()) {\n      const key = tab.path();\n      this.entries.push({\n        tab,\n        key,\n        url: '',\n        ref: null,\n        route: null,\n        detached: false,\n        unbind: () => {},\n        inFront: signal(false),\n      });\n      // The reuse strategy detaches a tab whole, and has only the route to go on.\n      // A path can have multiple route configs selected by canMatch (for example an iPad split\n      // layout and an iPhone stack). Mark every variant: the reuse strategy sees the config\n      // Angular actually matched, which may not be the first one in the route array.\n      for (const config of children) {\n        if (config.path === key) markTabRoute(config);\n      }\n    }\n\n    if (this.entries.length === 0) {\n      throw new Error(\n        '[angular-native] <native-tabs-outlet> has no tabs. Put a <native-tab path=\"...\"> ' +\n          'inside it for each child route the bar should reach.',\n      );\n    }\n    // Before the first navigation nothing is selected, which is not a state a tab bar has.\n    this.request(this.entries[0]!);\n    return this.entries;\n  }\n\n  private entryFor(route: ActivatedRoute): TabEntry {\n    const path = (route.routeConfig ?? route.snapshot.routeConfig)?.path;\n    const entry = this.readTabs().find((candidate) => candidate.key === path);\n    if (!entry) {\n      throw new Error(\n        `[angular-native] no <native-tab> has path=\"${path}\". Every child route the bar can ` +\n          `reach needs one, and its path is what native identifies the tab by.`,\n      );\n    }\n    return entry;\n  }\n\n  /** Remember where this tab is, and tell native to show it. */\n  private select(entry: TabEntry): void {\n    this.selected = entry;\n    for (const other of this.entries) other.inFront.set(other === entry);\n    entry.url = this.router?.url ?? entry.url;\n    this.request(entry);\n  }\n\n  /**\n   * A back with nothing left to pop inside the tab: go to the first tab, where it was left, which\n   * is what a bottom navigation bar does on Android. From the first tab, decline, so the platform\n   * leaves the app. The order tabs were visited in is not retraced, so a back never lands on a\n   * tab the user did not expect. Not while the bar is covered by a screen pushed over it: that\n   * screen's stack answers instead.\n   */\n  private goBack(): boolean {\n    const first = this.entries[0];\n    const selected = this.selected;\n    if (!first || !selected || selected === first || !this.router) return false;\n    if (!this.isActivated || !isShowing(this.router, selected.route)) return false;\n    void this.router.navigateByUrl(first.url || this.pathOf(first));\n    return true;\n  }\n\n  /** Keep the tab in front on the url it has reached, as long as the url is still inside it. */\n  private follow(url: string): void {\n    const entry = this.selected;\n    if (!entry) return;\n    const root = this.pathOf(entry);\n    if (url === root || url.startsWith(`${root}/`) || url.startsWith(`${root}?`)) entry.url = url;\n  }\n\n  private request(entry: TabEntry): void {\n    this.renderer.setProperty(this.host.nativeElement, 'navStateRequest', {\n      selectedScreenKey: entry.key,\n      baseProvenance: this.provenance,\n    });\n  }\n\n  /**\n   * Native switched tab. Acknowledge the new state, then navigate: the router is authoritative\n   * about what is on screen (ADR 0003), so the tap becomes a navigation to where that tab was,\n   * and the activation that follows is what fills the tab in.\n   */\n  private onNativeSelect(selection: TabSelection | undefined): void {\n    if (!selection) return;\n    this.provenance = selection.provenance;\n\n    const entry = this.readTabs().find((tab) => tab.key === selection.selectedScreenKey);\n    if (!entry || entry === this.selected) return;\n\n    // Returning to a tab returns to the url it was last on, which is the whole point of keeping\n    // it mounted. A tab never visited starts at its own path.\n    // A navigation that fails is reported, unless activation reported it already: a page that\n    // does not load, caught here, would otherwise leave nothing but a tab that will not open.\n    void this.router?.navigateByUrl(entry.url || this.pathOf(entry)).then(\n      (arrived) => this.revertUnless(arrived),\n      (error: unknown) => {\n        if (error === null || typeof error !== 'object' || !this.reported.has(error)) {\n          this.errors.handleError(error);\n        }\n        this.revertUnless(false);\n      },\n    );\n  }\n\n  /**\n   * Native switched tab before the router agreed to. When a guard refuses, or the navigation\n   * fails, the router stays where it was and so must the bar, or it shows a tab nobody is on.\n   * Not while another navigation is under way: that one superseded this, and its own activation\n   * selects the tab it lands on.\n   */\n  private revertUnless(arrived: boolean): void {\n    if (arrived || !this.selected || this.router?.getCurrentNavigation()) return;\n    this.request(this.selected);\n    // A failed navigation ends in a promise callback, which schedules no change detection, and a\n    // prop reaches native only with the commit at the end of a pass. Without one the bar stayed\n    // on the tab that failed until something else happened to render.\n    this.changeDetector.markForCheck();\n  }\n\n  /** A tab's own url, from the outlet's route down. */\n  private pathOf(entry: TabEntry): string {\n    const parent = this.route.snapshot.pathFromRoot\n      .flatMap((snapshot) => snapshot.url.map((segment) => segment.path))\n      .join('/');\n    return `/${[parent, entry.key].filter(Boolean).join('/')}`;\n  }\n\n  /** As the stack outlet's: the route, the outlet contexts, and whether the tab is showing. */\n  private outletInjector(route: ActivatedRoute, inFront: WritableSignal<boolean>): Injector {\n    const outer = this.injector.get(SCREEN_IN_FRONT);\n    return Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: SCREEN_IN_FRONT, useValue: computed(() => outer() && inFront()) },\n        { provide: ActivatedRoute, useValue: route },\n        {\n          provide: ChildrenOutletContexts,\n          useValue: this.parentContexts.getOrCreateContext(this.name).children,\n        },\n      ],\n    });\n  }\n}\n"]}

package/dist/provide-native-router.js

@@ -14,7 +14,7 @@
  */
 import { PlatformLocation } from '@angular/common';
 import { NavigationCancel, NavigationEnd, NavigationError, RouteReuseStrategy, Router, provideRouter, } from '@angular/router';
-import { computed, inject, makeEnvironmentProviders, provideEnvironmentInitializer, } from '@angular/core';
+import { ErrorHandler, computed, inject, makeEnvironmentProviders, provideEnvironmentInitializer, } from '@angular/core';
 import { ColorScheme, DeepLinks } from '@ng-native/device';
 import { NATIVE_HEADER_DEFAULTS, NATIVE_TAB_DEFAULTS, } from "./native-bar-defaults.js";
 import { followLink, linkAncestry } from "./native-links.js";
@@ -115,13 +115,17 @@ function nativeProviders(parentOf) {
         provideEnvironmentInitializer(() => {
             const router = inject(Router);
             const links = inject(DeepLinks);
+            const errors = inject(ErrorHandler);
+            // A link nobody awaits: a page that fails to load is reported, as a tab tap's is, rather
+            // than left as an unhandled rejection. The app's navigation error handler hears it too.
+            const follow = (url) => followLink(router, url, parentOf).catch((error) => errors.handleError(error));
             const initial = links.initialUrl();
             if (initial && parentOf(initial)) {
                 const first = router.events.subscribe((event) => {
                     if (!(event instanceof NavigationEnd))
                         return;
                     first.unsubscribe();
-                    void followLink(router, initial, parentOf);
+                    void follow(initial);
                 });
             }
             // A launch link arrives the way any other does, once `getInitialURL()` settles, which is
@@ -137,7 +141,7 @@ function nativeProviders(parentOf) {
                     resolve();
                 });
             });
-            links.subscribe((url) => void settled.then(() => followLink(router, url, parentOf)));
+            links.subscribe((url) => void settled.then(() => follow(url)));
         }),
         ...shared,
     ];

package/dist/provide-native-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"provide-native-router.js","sourceRoot":"","sources":["../src/provide-native-router.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Angular's Router, on native navigation: `provideRouter` and the native pieces under it, in one\n * call.\n *\n * `provideNativeRouter(routes, withComponentInputBinding())` takes the same routes and the same\n * router features as `provideRouter` - it calls it - and adds what native needs on top: a\n * `PlatformLocation` over an in-memory history, a `RouteReuseStrategy` that detaches a pushed-away\n * screen instead of destroying it, and `NativeNavigation`. Those come after `provideRouter`'s own\n * providers, so they win over the web defaults without the app having to order anything.\n *\n * Deep links and Android's back button come from `@ng-native/device` and need no wiring: off a\n * device both report nothing, and navigation works either way. The native options - `withLinkParent`,\n * `withHeaderDefaults` and `withTabDefaults` - are passed like any other feature.\n */\nimport { PlatformLocation } from '@angular/common';\nimport {\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  RouteReuseStrategy,\n  Router,\n  provideRouter,\n  type RouterFeatures,\n  type Routes,\n} from '@angular/router';\nimport {\n  computed,\n  inject,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n  type EnvironmentProviders,\n  type InjectionToken,\n  type Provider,\n  type Signal,\n} from '@angular/core';\nimport { ColorScheme, DeepLinks, type Scheme } from '@ng-native/device';\nimport {\n  NATIVE_HEADER_DEFAULTS,\n  NATIVE_TAB_DEFAULTS,\n  type HeaderDefaults,\n  type SchemeDefaults,\n  type TabDefaults,\n} from './native-bar-defaults.ts';\nimport { followLink, linkAncestry, type LinkParent } from './native-links.ts';\nimport { NativeNavigation } from './native-navigation.ts';\nimport { NativePlatformLocation } from './native-platform-location.ts';\nimport { NativeStackReuseStrategy } from './native-stack-reuse-strategy.ts';\nimport { registerScreenComponents } from './screens.ts';\n\n/** A native-only router option, passed to `provideNativeRouter` beside Angular's own features. */\nexport interface NativeRouterFeature {\n  readonly ɵnativeRouter: { readonly linkParent?: LinkParent; readonly providers?: Provider[] };\n}\n\n/**\n * The page a deep link opens on top of, or null to open it alone. Without it a link to\n * `/settings/notifications` opens that page with no Back. See native-links.ts.\n */\nexport function withLinkParent(parentOf: LinkParent): NativeRouterFeature {\n  return { ɵnativeRouter: { linkParent: parentOf } };\n}\n\n/**\n * How every `<native-header>` looks when it does not say: its colours, blur, shadow, fonts and\n * light or dark style. A header's own binding always wins.\n *\n * ```ts\n * provideNativeRouter(\n *   routes,\n *   withHeaderDefaults((scheme) => ({\n *     backgroundColor: scheme === 'dark' ? '#101014' : '#f4f4f7',\n *     titleColor: scheme === 'dark' ? '#ffffff' : '#101014',\n *     color: '#3b6ef5',\n *   })),\n * );\n * ```\n *\n * Colours it leaves out still come from `NATIVE_HEADER_PALETTE`.\n */\nexport function withHeaderDefaults(defaults: SchemeDefaults<HeaderDefaults>): NativeRouterFeature {\n  return { ɵnativeRouter: { providers: [bySchemeProvider(NATIVE_HEADER_DEFAULTS, defaults)] } };\n}\n\n/**\n * How every `<native-tabs-outlet>` and `<native-tab>` looks when it does not say: the tint, the\n * background behind the tabs, the light or dark style, and each tab's bar appearance. An outlet's\n * or a tab's own binding always wins.\n */\nexport function withTabDefaults(defaults: SchemeDefaults<TabDefaults>): NativeRouterFeature {\n  return { ɵnativeRouter: { providers: [bySchemeProvider(NATIVE_TAB_DEFAULTS, defaults)] } };\n}\n\n/** One signal for the whole app, rather than every bar calling the function again. */\nfunction bySchemeProvider<T>(\n  token: InjectionToken<Signal<T>>,\n  defaults: SchemeDefaults<T>,\n): Provider {\n  return {\n    provide: token,\n    useFactory: () => {\n      if (typeof defaults !== 'function') return computed(() => defaults);\n      const scheme = inject(ColorScheme);\n      return computed(() => (defaults as (scheme: Scheme) => T)(scheme.current()));\n    },\n  };\n}\n\nfunction isNative(feature: RouterFeatures | NativeRouterFeature): feature is NativeRouterFeature {\n  return 'ɵnativeRouter' in feature;\n}\n\nexport function provideNativeRouter(\n  routes: Routes,\n  ...features: (RouterFeatures | NativeRouterFeature)[]\n): EnvironmentProviders {\n  const angular = features.filter((feature): feature is RouterFeatures => !isNative(feature));\n  const native = features.filter(isNative).map((feature) => feature.ɵnativeRouter);\n  const parentOf = native.find((feature) => feature.linkParent)?.linkParent;\n  return makeEnvironmentProviders([\n    provideRouter(routes, ...angular),\n    ...nativeProviders(parentOf),\n    ...native.flatMap((feature) => feature.providers ?? []),\n  ]);\n}\n\nfunction nativeProviders(parentOf: LinkParent | undefined): (Provider | EnvironmentProviders)[] {\n  // The engine needs the element-to-view-name mapping before the first navigation renders.\n  registerScreenComponents();\n\n  const shared = [\n    // Without this the router never detaches, so a pushed-away screen is destroyed and rebuilt.\n    { provide: RouteReuseStrategy, useClass: NativeStackReuseStrategy },\n    NativeNavigation,\n  ];\n  if (!parentOf) {\n    return [\n      {\n        provide: PlatformLocation,\n        useFactory: () => new NativePlatformLocation(inject(DeepLinks)),\n      },\n      ...shared,\n    ];\n  }\n\n  return [\n    {\n      provide: PlatformLocation,\n      // The app launches on the page the link belongs under; the link follows once it is shown.\n      // Links while running go through the router below rather than straight into history.\n      useFactory: () => {\n        const initial = inject(DeepLinks).initialUrl();\n        return new NativePlatformLocation({\n          initialUrl: () => (initial && linkAncestry(initial, parentOf)[0]) || initial,\n          subscribe: () => () => {},\n        });\n      },\n    },\n    provideEnvironmentInitializer(() => {\n      const router = inject(Router);\n      const links = inject(DeepLinks);\n      const initial = links.initialUrl();\n      if (initial && parentOf(initial)) {\n        const first = router.events.subscribe((event) => {\n          if (!(event instanceof NavigationEnd)) return;\n          first.unsubscribe();\n          void followLink(router, initial, parentOf);\n        });\n      }\n      // A launch link arrives the way any other does, once `getInitialURL()` settles, which is\n      // usually while the router's first navigation is still going: following it then cancels that\n      // navigation, and the app opens with no root screen under the link. So links wait for it.\n      const settled = new Promise<void>((resolve) => {\n        if (router.navigated) return resolve();\n        const first = router.events.subscribe((event) => {\n          if (!isEnd(event)) return;\n          first.unsubscribe();\n          resolve();\n        });\n      });\n      links.subscribe((url) => void settled.then(() => followLink(router, url, parentOf)));\n    }),\n    ...shared,\n  ];\n}\n\n/** A navigation's last event, whichever way it went. */\nfunction isEnd(event: unknown): boolean {\n  return (\n    event instanceof NavigationEnd ||\n    event instanceof NavigationCancel ||\n    event instanceof NavigationError\n  );\n}\n"]}
+{"version":3,"file":"provide-native-router.js","sourceRoot":"","sources":["../src/provide-native-router.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Angular's Router, on native navigation: `provideRouter` and the native pieces under it, in one\n * call.\n *\n * `provideNativeRouter(routes, withComponentInputBinding())` takes the same routes and the same\n * router features as `provideRouter` - it calls it - and adds what native needs on top: a\n * `PlatformLocation` over an in-memory history, a `RouteReuseStrategy` that detaches a pushed-away\n * screen instead of destroying it, and `NativeNavigation`. Those come after `provideRouter`'s own\n * providers, so they win over the web defaults without the app having to order anything.\n *\n * Deep links and Android's back button come from `@ng-native/device` and need no wiring: off a\n * device both report nothing, and navigation works either way. The native options - `withLinkParent`,\n * `withHeaderDefaults` and `withTabDefaults` - are passed like any other feature.\n */\nimport { PlatformLocation } from '@angular/common';\nimport {\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  RouteReuseStrategy,\n  Router,\n  provideRouter,\n  type RouterFeatures,\n  type Routes,\n} from '@angular/router';\nimport {\n  ErrorHandler,\n  computed,\n  inject,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n  type EnvironmentProviders,\n  type InjectionToken,\n  type Provider,\n  type Signal,\n} from '@angular/core';\nimport { ColorScheme, DeepLinks, type Scheme } from '@ng-native/device';\nimport {\n  NATIVE_HEADER_DEFAULTS,\n  NATIVE_TAB_DEFAULTS,\n  type HeaderDefaults,\n  type SchemeDefaults,\n  type TabDefaults,\n} from './native-bar-defaults.ts';\nimport { followLink, linkAncestry, type LinkParent } from './native-links.ts';\nimport { NativeNavigation } from './native-navigation.ts';\nimport { NativePlatformLocation } from './native-platform-location.ts';\nimport { NativeStackReuseStrategy } from './native-stack-reuse-strategy.ts';\nimport { registerScreenComponents } from './screens.ts';\n\n/** A native-only router option, passed to `provideNativeRouter` beside Angular's own features. */\nexport interface NativeRouterFeature {\n  readonly ɵnativeRouter: { readonly linkParent?: LinkParent; readonly providers?: Provider[] };\n}\n\n/**\n * The page a deep link opens on top of, or null to open it alone. Without it a link to\n * `/settings/notifications` opens that page with no Back. See native-links.ts.\n */\nexport function withLinkParent(parentOf: LinkParent): NativeRouterFeature {\n  return { ɵnativeRouter: { linkParent: parentOf } };\n}\n\n/**\n * How every `<native-header>` looks when it does not say: its colours, blur, shadow, fonts and\n * light or dark style. A header's own binding always wins.\n *\n * ```ts\n * provideNativeRouter(\n *   routes,\n *   withHeaderDefaults((scheme) => ({\n *     backgroundColor: scheme === 'dark' ? '#101014' : '#f4f4f7',\n *     titleColor: scheme === 'dark' ? '#ffffff' : '#101014',\n *     color: '#3b6ef5',\n *   })),\n * );\n * ```\n *\n * Colours it leaves out still come from `NATIVE_HEADER_PALETTE`.\n */\nexport function withHeaderDefaults(defaults: SchemeDefaults<HeaderDefaults>): NativeRouterFeature {\n  return { ɵnativeRouter: { providers: [bySchemeProvider(NATIVE_HEADER_DEFAULTS, defaults)] } };\n}\n\n/**\n * How every `<native-tabs-outlet>` and `<native-tab>` looks when it does not say: the tint, the\n * background behind the tabs, the light or dark style, and each tab's bar appearance. An outlet's\n * or a tab's own binding always wins.\n */\nexport function withTabDefaults(defaults: SchemeDefaults<TabDefaults>): NativeRouterFeature {\n  return { ɵnativeRouter: { providers: [bySchemeProvider(NATIVE_TAB_DEFAULTS, defaults)] } };\n}\n\n/** One signal for the whole app, rather than every bar calling the function again. */\nfunction bySchemeProvider<T>(\n  token: InjectionToken<Signal<T>>,\n  defaults: SchemeDefaults<T>,\n): Provider {\n  return {\n    provide: token,\n    useFactory: () => {\n      if (typeof defaults !== 'function') return computed(() => defaults);\n      const scheme = inject(ColorScheme);\n      return computed(() => (defaults as (scheme: Scheme) => T)(scheme.current()));\n    },\n  };\n}\n\nfunction isNative(feature: RouterFeatures | NativeRouterFeature): feature is NativeRouterFeature {\n  return 'ɵnativeRouter' in feature;\n}\n\nexport function provideNativeRouter(\n  routes: Routes,\n  ...features: (RouterFeatures | NativeRouterFeature)[]\n): EnvironmentProviders {\n  const angular = features.filter((feature): feature is RouterFeatures => !isNative(feature));\n  const native = features.filter(isNative).map((feature) => feature.ɵnativeRouter);\n  const parentOf = native.find((feature) => feature.linkParent)?.linkParent;\n  return makeEnvironmentProviders([\n    provideRouter(routes, ...angular),\n    ...nativeProviders(parentOf),\n    ...native.flatMap((feature) => feature.providers ?? []),\n  ]);\n}\n\nfunction nativeProviders(parentOf: LinkParent | undefined): (Provider | EnvironmentProviders)[] {\n  // The engine needs the element-to-view-name mapping before the first navigation renders.\n  registerScreenComponents();\n\n  const shared = [\n    // Without this the router never detaches, so a pushed-away screen is destroyed and rebuilt.\n    { provide: RouteReuseStrategy, useClass: NativeStackReuseStrategy },\n    NativeNavigation,\n  ];\n  if (!parentOf) {\n    return [\n      {\n        provide: PlatformLocation,\n        useFactory: () => new NativePlatformLocation(inject(DeepLinks)),\n      },\n      ...shared,\n    ];\n  }\n\n  return [\n    {\n      provide: PlatformLocation,\n      // The app launches on the page the link belongs under; the link follows once it is shown.\n      // Links while running go through the router below rather than straight into history.\n      useFactory: () => {\n        const initial = inject(DeepLinks).initialUrl();\n        return new NativePlatformLocation({\n          initialUrl: () => (initial && linkAncestry(initial, parentOf)[0]) || initial,\n          subscribe: () => () => {},\n        });\n      },\n    },\n    provideEnvironmentInitializer(() => {\n      const router = inject(Router);\n      const links = inject(DeepLinks);\n      const errors = inject(ErrorHandler);\n      // A link nobody awaits: a page that fails to load is reported, as a tab tap's is, rather\n      // than left as an unhandled rejection. The app's navigation error handler hears it too.\n      const follow = (url: string) =>\n        followLink(router, url, parentOf).catch((error: unknown) => errors.handleError(error));\n      const initial = links.initialUrl();\n      if (initial && parentOf(initial)) {\n        const first = router.events.subscribe((event) => {\n          if (!(event instanceof NavigationEnd)) return;\n          first.unsubscribe();\n          void follow(initial);\n        });\n      }\n      // A launch link arrives the way any other does, once `getInitialURL()` settles, which is\n      // usually while the router's first navigation is still going: following it then cancels that\n      // navigation, and the app opens with no root screen under the link. So links wait for it.\n      const settled = new Promise<void>((resolve) => {\n        if (router.navigated) return resolve();\n        const first = router.events.subscribe((event) => {\n          if (!isEnd(event)) return;\n          first.unsubscribe();\n          resolve();\n        });\n      });\n      links.subscribe((url) => void settled.then(() => follow(url)));\n    }),\n    ...shared,\n  ];\n}\n\n/** A navigation's last event, whichever way it went. */\nfunction isEnd(event: unknown): boolean {\n  return (\n    event instanceof NavigationEnd ||\n    event instanceof NavigationCancel ||\n    event instanceof NavigationError\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-native/router",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "description": "@angular/router over native navigation for Angular Native: stack and tab outlets, native headers and links.",
   "keywords": [
     "angular",
@@ -17,8 +17,8 @@
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
-    "@ng-native/device": "0.1.3",
-    "@ng-native/fabric": "0.1.3"
+    "@ng-native/device": "0.3.0",
+    "@ng-native/fabric": "0.3.0"
   },
   "peerDependencies": {
     "@angular/common": "^22.0.0",
@@ -48,7 +48,8 @@
   "devDependencies": {
     "@angular/common": "22.2.0",
     "@angular/core": "22.2.0",
-    "@angular/router": "22.2.0"
+    "@angular/router": "22.2.0",
+    "@babel/core": "^7.29.7"
   },
   "exports": {
     ".": {