@ionic/angular 8.8.19 → 8.8.20-dev.11787158518.168a2fea

package/dist/common/directives/navigation/router-link-delegate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-link-delegate.js","sourceRoot":"","sources":["../../../../src/common/directives/navigation/router-link-delegate.ts"],"names":[],"mappings":"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","sourcesContent":["import { LocationStrategy } from '@angular/common';\nimport { ElementRef, OnChanges, OnDestroy, OnInit, Directive, HostListener, Input, Optional } from '@angular/core';\nimport { Router, RouterLink } from '@angular/router';\nimport type { AnimationBuilder, RouterDirection } from '@ionic/core/components';\n\nimport { NavController } from '../../providers/nav-controller';\n\n/**\n * Adds support for Ionic routing directions and animations to the base Angular router link directive.\n *\n * When the router link is clicked, the directive will assign the direction and\n * animation so that the routing integration will transition correctly.\n */\n@Directive({\n  selector: ':not(a):not(area)[routerLink]',\n})\nexport class RouterLinkDelegateDirective implements OnInit, OnChanges, OnDestroy {\n  @Input()\n  routerDirection: RouterDirection = 'forward';\n\n  @Input()\n  routerAnimation?: AnimationBuilder;\n\n  constructor(\n    private locationStrategy: LocationStrategy,\n    private navCtrl: NavController,\n    private elementRef: ElementRef,\n    private router: Router,\n    @Optional() private routerLink?: RouterLink\n  ) {}\n\n  ngOnInit(): void {\n    this.updateTargetUrlAndHref();\n    this.updateTabindex();\n\n    /**\n     * Ionic components like `ion-item` render a native anchor in their shadow DOM,\n     * so a modifier click (ctrl/meta/shift/alt) or a non-`_self` target should let\n     * the browser handle the navigation natively (new tab, new window, download)\n     * instead of navigating in-app.\n     *\n     * We listen in the capture phase so this runs before Angular's `RouterLink`\n     * handler and our own bubble-phase `onClick`. On a native-navigation intent it\n     * stops propagation to cancel the in-app navigation, but leaves `preventDefault`\n     * alone so the native anchor can still act.\n     */\n    this.elementRef.nativeElement.addEventListener('click', this.onCaptureClick, { capture: true });\n  }\n\n  ngOnChanges(): void {\n    this.updateTargetUrlAndHref();\n  }\n\n  ngOnDestroy(): void {\n    this.elementRef.nativeElement.removeEventListener('click', this.onCaptureClick, { capture: true });\n  }\n\n  private onCaptureClick = (ev: Event): void => {\n    if (this.opensNatively(ev)) {\n      ev.stopImmediatePropagation();\n    }\n  };\n\n  /**\n   * True when the browser should handle the click natively instead of routing\n   * in-app: a modifier was held (ctrl/meta/shift/alt), or the host targets\n   * something other than `_self`. This mirrors the modifier set Angular's own\n   * `RouterLink` guards on, so an Ionic `routerLink` behaves like a plain anchor\n   * for new-tab, new-window, and download intents.\n   */\n  private opensNatively(ev: Event): boolean {\n    if (ev instanceof MouseEvent && (ev.ctrlKey || ev.metaKey || ev.shiftKey || ev.altKey)) {\n      return true;\n    }\n\n    const target = this.elementRef.nativeElement.target;\n    return target != null && target !== '' && target !== '_self';\n  }\n\n  /**\n   * The `tabindex` is set to `0` by default on the host element when\n   * the `routerLink` directive is used. This causes issues with Ionic\n   * components that wrap an `a` or `button` element, such as `ion-item`.\n   * See issue https://github.com/angular/angular/issues/28345\n   *\n   * This method removes the `tabindex` attribute from the host element\n   * to allow the Ionic component to manage the focus state correctly.\n   */\n  private updateTabindex() {\n    // Ionic components that render a native anchor or button element\n    const ionicComponents = [\n      'ION-BACK-BUTTON',\n      'ION-BREADCRUMB',\n      'ION-BUTTON',\n      'ION-CARD',\n      'ION-FAB-BUTTON',\n      'ION-ITEM',\n      'ION-ITEM-OPTION',\n      'ION-MENU-BUTTON',\n      'ION-SEGMENT-BUTTON',\n      'ION-TAB-BUTTON',\n    ];\n    const hostElement = this.elementRef.nativeElement;\n\n    if (ionicComponents.includes(hostElement.tagName)) {\n      if (hostElement.getAttribute('tabindex') === '0') {\n        hostElement.removeAttribute('tabindex');\n      }\n    }\n  }\n\n  private updateTargetUrlAndHref() {\n    if (this.routerLink?.urlTree) {\n      const href = this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(this.routerLink.urlTree));\n      this.elementRef.nativeElement.href = href;\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @HostListener('click', ['$event'])\n  onClick(ev: UIEvent): void {\n    this.navCtrl.setDirection(this.routerDirection, undefined, undefined, this.routerAnimation);\n\n    /**\n     * This prevents the browser from\n     * performing a page reload when pressing\n     * an Ionic component with routerLink.\n     * The page reload interferes with routing\n     * and causes ion-back-button to disappear\n     * since the local history is wiped on reload.\n     */\n    ev.preventDefault();\n  }\n}\n\n@Directive({\n  selector: 'a[routerLink],area[routerLink]',\n})\nexport class RouterLinkWithHrefDelegateDirective implements OnInit, OnChanges {\n  @Input()\n  routerDirection: RouterDirection = 'forward';\n\n  @Input()\n  routerAnimation?: AnimationBuilder;\n\n  constructor(\n    private locationStrategy: LocationStrategy,\n    private navCtrl: NavController,\n    private elementRef: ElementRef,\n    private router: Router,\n    @Optional() private routerLink?: RouterLink\n  ) {}\n\n  ngOnInit(): void {\n    this.updateTargetUrlAndHref();\n  }\n\n  ngOnChanges(): void {\n    this.updateTargetUrlAndHref();\n  }\n\n  private updateTargetUrlAndHref() {\n    if (this.routerLink?.urlTree) {\n      const href = this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(this.routerLink.urlTree));\n      this.elementRef.nativeElement.href = href;\n    }\n  }\n\n  /**\n   * @internal\n   */\n  @HostListener('click')\n  onClick(): void {\n    this.navCtrl.setDirection(this.routerDirection, undefined, undefined, this.routerAnimation);\n  }\n}\n"]}

package/{common → dist/common}/directives/navigation/router-outlet.d.ts

@@ -99,6 +99,6 @@ export declare abstract class IonRouterOutlet implements OnDestroy, OnInit {
      */
     private updateActivatedRouteProxy;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonRouterOutlet, [{ attribute: "name"; }, { attribute: "tabs"; optional: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterOutlet, "ion-router-outlet", ["outlet"], { "animated": { "alias": "animated"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "stackWillChange": "stackWillChange"; "stackDidChange": "stackDidChange"; "activateEvents": "activate"; "deactivateEvents": "deactivate"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonRouterOutlet, "ion-router-outlet", ["outlet"], { "animated": { "alias": "animated"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "swipeGesture": { "alias": "swipeGesture"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "stackWillChange": "stackWillChange"; "stackDidChange": "stackDidChange"; "activateEvents": "activate"; "deactivateEvents": "deactivate"; }, never, never, true, never>;
 }
 export declare const provideComponentInputBinding: () => Provider;

package/dist/common/directives/navigation/router-outlet.js

@@ -0,0 +1,476 @@
+import { ViewContainerRef, inject, Attribute, Directive, EventEmitter, Optional, Output, SkipSelf, EnvironmentInjector, Input, InjectionToken, Injectable, reflectComponentType, } from '@angular/core';
+import { Router, ActivatedRoute, ChildrenOutletContexts, PRIMARY_OUTLET } from '@angular/router';
+import { componentOnReady } from '@ionic/core/components';
+import { BehaviorSubject, combineLatest, of } from 'rxjs';
+import { distinctUntilChanged, filter, switchMap } from 'rxjs/operators';
+import { Config } from '../../providers/config';
+import { NavController } from '../../providers/nav-controller';
+import { StackController } from './stack-controller';
+import { getUrl, isTabSwitch } from './stack-utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+// TODO(FW-2827): types
+export class IonRouterOutlet {
+    parentOutlet;
+    nativeEl;
+    activatedView = null;
+    tabsPrefix;
+    _swipeGesture;
+    stackCtrl;
+    // Maintain map of activated route proxies for each component instance
+    proxyMap = new WeakMap();
+    // Keep the latest activated route in a subject for the proxy routes to switch map to
+    currentActivatedRoute$ = new BehaviorSubject(null);
+    activated = null;
+    /** @internal */
+    get activatedComponentRef() {
+        return this.activated;
+    }
+    _activatedRoute = null;
+    /**
+     * The name of the outlet
+     */
+    name = PRIMARY_OUTLET;
+    /** @internal */
+    stackWillChange = new EventEmitter();
+    /** @internal */
+    stackDidChange = new EventEmitter();
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    activateEvents = new EventEmitter();
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    deactivateEvents = new EventEmitter();
+    parentContexts = inject(ChildrenOutletContexts);
+    location = inject(ViewContainerRef);
+    environmentInjector = inject(EnvironmentInjector);
+    inputBinder = inject(INPUT_BINDER, { optional: true });
+    /** @nodoc */
+    supportsBindingToComponentInputs = true;
+    // Ionic providers
+    config = inject(Config);
+    navCtrl = inject(NavController);
+    set animation(animation) {
+        this.nativeEl.animation = animation;
+    }
+    set animated(animated) {
+        this.nativeEl.animated = animated;
+    }
+    set swipeGesture(swipe) {
+        this._swipeGesture = swipe;
+        this.nativeEl.swipeHandler = swipe
+            ? {
+                canStart: () => this.stackCtrl.canGoBack(1) && !this.stackCtrl.hasRunningTask(),
+                onStart: () => this.stackCtrl.startBackTransition(),
+                onEnd: (shouldContinue) => this.stackCtrl.endBackTransition(shouldContinue),
+            }
+            : undefined;
+        this.nativeEl.swipeGesture = swipe;
+    }
+    constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet) {
+        this.parentOutlet = parentOutlet;
+        this.nativeEl = elementRef.nativeElement;
+        this.name = name || PRIMARY_OUTLET;
+        this.tabsPrefix = tabs === 'true' ? getUrl(router, activatedRoute) : undefined;
+        this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, this.navCtrl, zone, commonLocation);
+        this.parentContexts.onChildOutletCreated(this.name, this);
+    }
+    ngOnDestroy() {
+        this.stackCtrl.destroy();
+        this.inputBinder?.unsubscribeFromRouteData(this);
+    }
+    getContext() {
+        return this.parentContexts.getContext(this.name);
+    }
+    ngOnInit() {
+        this.initializeOutletWithName();
+    }
+    // Note: Ionic deviates from the Angular Router implementation here
+    initializeOutletWithName() {
+        if (!this.activated) {
+            // If the outlet was not instantiated at the time the route got activated we need to populate
+            // the outlet when it is initialized (ie inside a NgIf)
+            const context = this.getContext();
+            if (context?.route) {
+                this.activateWith(context.route, context.injector);
+            }
+        }
+        new Promise((resolve) => componentOnReady(this.nativeEl, resolve)).then(() => {
+            if (this._swipeGesture === undefined) {
+                this.swipeGesture = this.config.getBoolean('swipeBackEnabled', this.nativeEl.mode === 'ios');
+            }
+        });
+    }
+    get isActivated() {
+        return !!this.activated;
+    }
+    get component() {
+        if (!this.activated) {
+            throw new Error('Outlet is not activated');
+        }
+        return this.activated.instance;
+    }
+    get activatedRoute() {
+        if (!this.activated) {
+            throw new Error('Outlet is not activated');
+        }
+        return this._activatedRoute;
+    }
+    get activatedRouteData() {
+        if (this._activatedRoute) {
+            return this._activatedRoute.snapshot.data;
+        }
+        return {};
+    }
+    /**
+     * Called when the `RouteReuseStrategy` instructs to detach the subtree
+     */
+    detach() {
+        throw new Error('incompatible reuse strategy');
+    }
+    /**
+     * Called when the `RouteReuseStrategy` instructs to re-attach a previously detached subtree
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    attach(_ref, _activatedRoute) {
+        throw new Error('incompatible reuse strategy');
+    }
+    deactivate() {
+        if (this.activated) {
+            if (this.activatedView) {
+                const context = this.getContext();
+                this.activatedView.savedData = new Map(context.children['contexts']);
+                /**
+                 * Angular v11.2.10 introduced a change
+                 * where this route context is cleared out when
+                 * a router-outlet is deactivated, However,
+                 * we need this route information in order to
+                 * return a user back to the correct tab when
+                 * leaving and then going back to the tab context.
+                 */
+                const primaryOutlet = this.activatedView.savedData.get('primary');
+                if (primaryOutlet && context.route) {
+                    primaryOutlet.route = { ...context.route };
+                }
+                /**
+                 * Ensure we are saving the NavigationExtras
+                 * data otherwise it will be lost
+                 */
+                this.activatedView.savedExtras = {};
+                if (context.route) {
+                    const contextSnapshot = context.route.snapshot;
+                    this.activatedView.savedExtras.queryParams = contextSnapshot.queryParams;
+                    this.activatedView.savedExtras.fragment = contextSnapshot.fragment;
+                }
+            }
+            const c = this.component;
+            this.activatedView = null;
+            this.activated = null;
+            this._activatedRoute = null;
+            this.deactivateEvents.emit(c);
+        }
+    }
+    activateWith(activatedRoute, environmentInjector) {
+        if (this.isActivated) {
+            throw new Error('Cannot activate an already activated outlet');
+        }
+        this._activatedRoute = activatedRoute;
+        let cmpRef;
+        let enteringView = this.stackCtrl.getExistingView(activatedRoute);
+        if (enteringView) {
+            cmpRef = this.activated = enteringView.ref;
+            const saved = enteringView.savedData;
+            if (saved) {
+                // self-restore
+                const context = this.getContext();
+                context.children['contexts'] = saved;
+            }
+            // Updated activated route proxy for this component
+            this.updateActivatedRouteProxy(cmpRef.instance, activatedRoute);
+        }
+        else {
+            const snapshot = activatedRoute._futureSnapshot;
+            /**
+             * Angular 14 introduces a new `loadComponent` property to the route config.
+             * This function will assign a `component` property to the route snapshot.
+             * We check for the presence of this property to determine if the route is
+             * using standalone components.
+             */
+            const childContexts = this.parentContexts.getOrCreateContext(this.name).children;
+            // We create an activated route proxy object that will maintain future updates for this component
+            // over its lifecycle in the stack.
+            const component$ = new BehaviorSubject(null);
+            const activatedRouteProxy = this.createActivatedRouteProxy(component$, activatedRoute);
+            const injector = new OutletInjector(activatedRouteProxy, childContexts, this.location.injector);
+            const component = snapshot.routeConfig.component ?? snapshot.component;
+            /**
+             * View components need to be added as a child of ion-router-outlet
+             * for page transitions and swipe to go back.
+             * However, createComponent mounts components as siblings of the
+             * ViewContainerRef. As a result, outletContent must reference
+             * an ng-container inside of ion-router-outlet and not
+             * ion-router-outlet itself.
+             */
+            cmpRef = this.activated = this.outletContent.createComponent(component, {
+                index: this.outletContent.length,
+                injector,
+                environmentInjector: environmentInjector ?? this.environmentInjector,
+            });
+            // Once the component is created we can push it to our local subject supplied to the proxy
+            component$.next(cmpRef.instance);
+            // Calling `markForCheck` to make sure we will run the change detection when the
+            // `RouterOutlet` is inside a `ChangeDetectionStrategy.OnPush` component.
+            /**
+             * At this point this.activated has been set earlier
+             * in this function, so it is guaranteed to be non-null.
+             */
+            enteringView = this.stackCtrl.createView(this.activated, activatedRoute);
+            // Store references to the proxy by component
+            this.proxyMap.set(cmpRef.instance, activatedRouteProxy);
+            this.currentActivatedRoute$.next({ component: cmpRef.instance, activatedRoute });
+        }
+        this.inputBinder?.bindActivatedRouteToOutletComponent(this);
+        this.activatedView = enteringView;
+        /**
+         * The top outlet is set prior to the entering view's transition completing,
+         * so that when we have nested outlets (e.g. ion-tabs inside an ion-router-outlet),
+         * the tabs outlet will be assigned as the top outlet when a view inside tabs is
+         * activated.
+         *
+         * In this scenario, activeWith is called for both the tabs and the root router outlet.
+         * To avoid a race condition, we assign the top outlet synchronously.
+         */
+        this.navCtrl.setTopOutlet(this);
+        const leavingView = this.stackCtrl.getActiveView();
+        this.stackWillChange.emit({
+            enteringView,
+            tabSwitch: isTabSwitch(enteringView, leavingView),
+        });
+        this.stackCtrl.setActive(enteringView).then((data) => {
+            this.activateEvents.emit(cmpRef.instance);
+            this.stackDidChange.emit(data);
+        });
+    }
+    /**
+     * Returns `true` if there are pages in the stack to go back.
+     */
+    canGoBack(deep = 1, stackId) {
+        return this.stackCtrl.canGoBack(deep, stackId);
+    }
+    /**
+     * Resolves to `true` if it the outlet was able to sucessfully pop the last N pages.
+     */
+    pop(deep = 1, stackId) {
+        return this.stackCtrl.pop(deep, stackId);
+    }
+    /**
+     * Returns the URL of the active page of each stack.
+     */
+    getLastUrl(stackId) {
+        const active = this.stackCtrl.getLastUrl(stackId);
+        return active ? active.url : undefined;
+    }
+    /**
+     * Returns the RouteView of the active page of each stack.
+     * @internal
+     */
+    getLastRouteView(stackId) {
+        return this.stackCtrl.getLastUrl(stackId);
+    }
+    /**
+     * Returns the root view in the tab stack.
+     * @internal
+     */
+    getRootView(stackId) {
+        return this.stackCtrl.getRootUrl(stackId);
+    }
+    /**
+     * Returns the active stack ID. In the context of ion-tabs, it means the active tab.
+     */
+    getActiveStackId() {
+        return this.stackCtrl.getActiveStackId();
+    }
+    /**
+     * Since the activated route can change over the life time of a component in an ion router outlet, we create
+     * a proxy so that we can update the values over time as a user navigates back to components already in the stack.
+     */
+    createActivatedRouteProxy(component$, activatedRoute) {
+        const proxy = new ActivatedRoute();
+        proxy._futureSnapshot = activatedRoute._futureSnapshot;
+        proxy._routerState = activatedRoute._routerState;
+        proxy.snapshot = activatedRoute.snapshot;
+        proxy.outlet = activatedRoute.outlet;
+        proxy.component = activatedRoute.component;
+        // Setup wrappers for the observables so consumers don't have to worry about switching to new observables as the state updates
+        proxy._paramMap = this.proxyObservable(component$, 'paramMap');
+        proxy._queryParamMap = this.proxyObservable(component$, 'queryParamMap');
+        proxy.url = this.proxyObservable(component$, 'url');
+        proxy.params = this.proxyObservable(component$, 'params');
+        proxy.queryParams = this.proxyObservable(component$, 'queryParams');
+        proxy.fragment = this.proxyObservable(component$, 'fragment');
+        proxy.data = this.proxyObservable(component$, 'data');
+        return proxy;
+    }
+    /**
+     * Create a wrapped observable that will switch to the latest activated route matched by the given component
+     */
+    proxyObservable(component$, path) {
+        return component$.pipe(
+        // First wait until the component instance is pushed
+        filter((component) => !!component), switchMap((component) => this.currentActivatedRoute$.pipe(filter((current) => current !== null && current.component === component), switchMap((current) => current && current.activatedRoute[path]), distinctUntilChanged())));
+    }
+    /**
+     * Updates the activated route proxy for the given component to the new incoming router state
+     */
+    updateActivatedRouteProxy(component, activatedRoute) {
+        const proxy = this.proxyMap.get(component);
+        if (!proxy) {
+            throw new Error(`Could not find activated route proxy for view`);
+        }
+        proxy._futureSnapshot = activatedRoute._futureSnapshot;
+        proxy._routerState = activatedRoute._routerState;
+        proxy.snapshot = activatedRoute.snapshot;
+        proxy.outlet = activatedRoute.outlet;
+        proxy.component = activatedRoute.component;
+        this.currentActivatedRoute$.next({ component, activatedRoute });
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.NgZone }, { token: i2.ActivatedRoute }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IonRouterOutlet, isStandalone: true, selector: "ion-router-outlet", inputs: { animated: "animated", animation: "animation", mode: "mode", swipeGesture: "swipeGesture", name: "name" }, outputs: { stackWillChange: "stackWillChange", stackDidChange: "stackDidChange", activateEvents: "activate", deactivateEvents: "deactivate" }, exportAs: ["outlet"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonRouterOutlet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ion-router-outlet',
+                    exportAs: 'outlet',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['animated', 'animation', 'mode', 'swipeGesture'],
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['name']
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Attribute,
+                    args: ['tabs']
+                }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.NgZone }, { type: i2.ActivatedRoute }, { type: IonRouterOutlet, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Optional
+                }] }], propDecorators: { name: [{
+                type: Input
+            }], stackWillChange: [{
+                type: Output
+            }], stackDidChange: [{
+                type: Output
+            }], activateEvents: [{
+                type: Output,
+                args: ['activate']
+            }], deactivateEvents: [{
+                type: Output,
+                args: ['deactivate']
+            }] } });
+class OutletInjector {
+    route;
+    childContexts;
+    parent;
+    constructor(route, childContexts, parent) {
+        this.route = route;
+        this.childContexts = childContexts;
+        this.parent = parent;
+    }
+    get(token, notFoundValue) {
+        if (token === ActivatedRoute) {
+            return this.route;
+        }
+        if (token === ChildrenOutletContexts) {
+            return this.childContexts;
+        }
+        return this.parent.get(token, notFoundValue);
+    }
+}
+// TODO: FW-4785 - Remove this once Angular 15 support is dropped
+const INPUT_BINDER = new InjectionToken('');
+/**
+ * Injectable used as a tree-shakable provider for opting in to binding router data to component
+ * inputs.
+ *
+ * The RouterOutlet registers itself with this service when an `ActivatedRoute` is attached or
+ * activated. When this happens, the service subscribes to the `ActivatedRoute` observables (params,
+ * queryParams, data) and sets the inputs of the component using `ComponentRef.setInput`.
+ * Importantly, when an input does not have an item in the route data with a matching key, this
+ * input is set to `undefined`. If it were not done this way, the previous information would be
+ * retained if the data got removed from the route (i.e. if a query parameter is removed).
+ *
+ * The `RouterOutlet` should unregister itself when destroyed via `unsubscribeFromRouteData` so that
+ * the subscriptions are cleaned up.
+ */
+class RoutedComponentInputBinder {
+    outletDataSubscriptions = new Map();
+    bindActivatedRouteToOutletComponent(outlet) {
+        this.unsubscribeFromRouteData(outlet);
+        this.subscribeToRouteData(outlet);
+    }
+    unsubscribeFromRouteData(outlet) {
+        this.outletDataSubscriptions.get(outlet)?.unsubscribe();
+        this.outletDataSubscriptions.delete(outlet);
+    }
+    subscribeToRouteData(outlet) {
+        const { activatedRoute } = outlet;
+        const dataSubscription = combineLatest([activatedRoute.queryParams, activatedRoute.params, activatedRoute.data])
+            .pipe(switchMap(([queryParams, params, data], index) => {
+            data = { ...queryParams, ...params, ...data };
+            // Get the first result from the data subscription synchronously so it's available to
+            // the component as soon as possible (and doesn't require a second change detection).
+            if (index === 0) {
+                return of(data);
+            }
+            // Promise.resolve is used to avoid synchronously writing the wrong data when
+            // two of the Observables in the `combineLatest` stream emit one after
+            // another.
+            return Promise.resolve(data);
+        }))
+            .subscribe((data) => {
+            // Outlet may have been deactivated or changed names to be associated with a different
+            // route
+            if (!outlet.isActivated ||
+                !outlet.activatedComponentRef ||
+                outlet.activatedRoute !== activatedRoute ||
+                activatedRoute.component === null) {
+                this.unsubscribeFromRouteData(outlet);
+                return;
+            }
+            const mirror = reflectComponentType(activatedRoute.component);
+            if (!mirror) {
+                this.unsubscribeFromRouteData(outlet);
+                return;
+            }
+            for (const { templateName } of mirror.inputs) {
+                outlet.activatedComponentRef.setInput(templateName, data[templateName]);
+            }
+        });
+        this.outletDataSubscriptions.set(outlet, dataSubscription);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RoutedComponentInputBinder });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
+            type: Injectable
+        }] });
+export const provideComponentInputBinding = () => {
+    return {
+        provide: INPUT_BINDER,
+        useFactory: componentInputBindingFactory,
+        deps: [Router],
+    };
+};
+function componentInputBindingFactory(router) {
+    /**
+     * We cast the router to any here, since the componentInputBindingEnabled
+     * property is not available until Angular v16.
+     */
+    if (router?.componentInputBindingEnabled) {
+        return new RoutedComponentInputBinder();
+    }
+    return null;
+}
+//# sourceMappingURL=router-outlet.js.map

package/dist/common/directives/navigation/router-outlet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-outlet.js","sourceRoot":"","sources":["../../../../src/common/directives/navigation/router-outlet.ts"],"names":[],"mappings":"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","sourcesContent":["import { Location } from '@angular/common';\nimport {\n  ComponentRef,\n  ElementRef,\n  Injector,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  ViewContainerRef,\n  inject,\n  Attribute,\n  Directive,\n  EventEmitter,\n  Optional,\n  Output,\n  SkipSelf,\n  EnvironmentInjector,\n  Input,\n  InjectionToken,\n  Injectable,\n  reflectComponentType,\n} from '@angular/core';\nimport type { Provider } from '@angular/core';\nimport { OutletContext, Router, ActivatedRoute, ChildrenOutletContexts, PRIMARY_OUTLET, Data } from '@angular/router';\nimport { componentOnReady } from '@ionic/core/components';\nimport type { AnimationBuilder } from '@ionic/core/components';\nimport { Observable, BehaviorSubject, Subscription, combineLatest, of } from 'rxjs';\nimport { distinctUntilChanged, filter, switchMap } from 'rxjs/operators';\n\nimport { Config } from '../../providers/config';\nimport { NavController } from '../../providers/nav-controller';\n\nimport { StackController } from './stack-controller';\nimport { RouteView, StackDidChangeEvent, StackWillChangeEvent, getUrl, isTabSwitch } from './stack-utils';\n\n// TODO(FW-2827): types\n\n@Directive({\n  selector: 'ion-router-outlet',\n  exportAs: 'outlet',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['animated', 'animation', 'mode', 'swipeGesture'],\n})\nexport abstract class IonRouterOutlet implements OnDestroy, OnInit {\n  abstract outletContent: any;\n\n  nativeEl: HTMLIonRouterOutletElement;\n  activatedView: RouteView | null = null;\n  tabsPrefix: string | undefined;\n\n  private _swipeGesture?: boolean;\n  private stackCtrl: StackController;\n\n  // Maintain map of activated route proxies for each component instance\n  private proxyMap = new WeakMap<any, ActivatedRoute>();\n  // Keep the latest activated route in a subject for the proxy routes to switch map to\n  private currentActivatedRoute$ = new BehaviorSubject<{ component: any; activatedRoute: ActivatedRoute } | null>(null);\n\n  private activated: ComponentRef<any> | null = null;\n  /** @internal */\n  get activatedComponentRef(): ComponentRef<any> | null {\n    return this.activated;\n  }\n  private _activatedRoute: ActivatedRoute | null = null;\n\n  /**\n   * The name of the outlet\n   */\n  @Input() name = PRIMARY_OUTLET;\n\n  /** @internal */\n  @Output() stackWillChange = new EventEmitter<StackWillChangeEvent>();\n  /** @internal */\n  @Output() stackDidChange = new EventEmitter<StackDidChangeEvent>();\n\n  // eslint-disable-next-line @angular-eslint/no-output-rename\n  @Output('activate') activateEvents = new EventEmitter<any>();\n  // eslint-disable-next-line @angular-eslint/no-output-rename\n  @Output('deactivate') deactivateEvents = new EventEmitter<any>();\n\n  private parentContexts = inject(ChildrenOutletContexts);\n  private location = inject(ViewContainerRef);\n  private environmentInjector = inject(EnvironmentInjector);\n  private inputBinder = inject(INPUT_BINDER, { optional: true });\n  /** @nodoc */\n  readonly supportsBindingToComponentInputs = true;\n\n  // Ionic providers\n  private config = inject(Config);\n  private navCtrl = inject(NavController);\n\n  set animation(animation: AnimationBuilder) {\n    this.nativeEl.animation = animation;\n  }\n\n  set animated(animated: boolean) {\n    this.nativeEl.animated = animated;\n  }\n\n  set swipeGesture(swipe: boolean) {\n    this._swipeGesture = swipe;\n\n    this.nativeEl.swipeHandler = swipe\n      ? {\n          canStart: () => this.stackCtrl.canGoBack(1) && !this.stackCtrl.hasRunningTask(),\n          onStart: () => this.stackCtrl.startBackTransition(),\n          onEnd: (shouldContinue) => this.stackCtrl.endBackTransition(shouldContinue),\n        }\n      : undefined;\n\n    this.nativeEl.swipeGesture = swipe;\n  }\n\n  constructor(\n    @Attribute('name') name: string,\n    @Optional() @Attribute('tabs') tabs: string,\n    commonLocation: Location,\n    elementRef: ElementRef,\n    router: Router,\n    zone: NgZone,\n    activatedRoute: ActivatedRoute,\n    @SkipSelf() @Optional() readonly parentOutlet?: IonRouterOutlet\n  ) {\n    this.nativeEl = elementRef.nativeElement;\n    this.name = name || PRIMARY_OUTLET;\n    this.tabsPrefix = tabs === 'true' ? getUrl(router, activatedRoute) : undefined;\n    this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, this.navCtrl, zone, commonLocation);\n    this.parentContexts.onChildOutletCreated(this.name, this as any);\n  }\n\n  ngOnDestroy(): void {\n    this.stackCtrl.destroy();\n    this.inputBinder?.unsubscribeFromRouteData(this);\n  }\n\n  getContext(): OutletContext | null {\n    return this.parentContexts.getContext(this.name);\n  }\n\n  ngOnInit(): void {\n    this.initializeOutletWithName();\n  }\n\n  // Note: Ionic deviates from the Angular Router implementation here\n  private initializeOutletWithName() {\n    if (!this.activated) {\n      // If the outlet was not instantiated at the time the route got activated we need to populate\n      // the outlet when it is initialized (ie inside a NgIf)\n      const context = this.getContext();\n      if (context?.route) {\n        this.activateWith(context.route, context.injector);\n      }\n    }\n\n    new Promise((resolve) => componentOnReady(this.nativeEl, resolve)).then(() => {\n      if (this._swipeGesture === undefined) {\n        this.swipeGesture = this.config.getBoolean('swipeBackEnabled', (this.nativeEl as any).mode === 'ios');\n      }\n    });\n  }\n\n  get isActivated(): boolean {\n    return !!this.activated;\n  }\n\n  get component(): Record<string, unknown> {\n    if (!this.activated) {\n      throw new Error('Outlet is not activated');\n    }\n    return this.activated.instance;\n  }\n\n  get activatedRoute(): ActivatedRoute {\n    if (!this.activated) {\n      throw new Error('Outlet is not activated');\n    }\n    return this._activatedRoute as ActivatedRoute;\n  }\n\n  get activatedRouteData(): Data {\n    if (this._activatedRoute) {\n      return this._activatedRoute.snapshot.data;\n    }\n    return {};\n  }\n\n  /**\n   * Called when the `RouteReuseStrategy` instructs to detach the subtree\n   */\n  detach(): ComponentRef<any> {\n    throw new Error('incompatible reuse strategy');\n  }\n\n  /**\n   * Called when the `RouteReuseStrategy` instructs to re-attach a previously detached subtree\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  attach(_ref: ComponentRef<any>, _activatedRoute: ActivatedRoute): void {\n    throw new Error('incompatible reuse strategy');\n  }\n\n  deactivate(): void {\n    if (this.activated) {\n      if (this.activatedView) {\n        const context = this.getContext()!;\n        this.activatedView.savedData = new Map(context.children['contexts']);\n\n        /**\n         * Angular v11.2.10 introduced a change\n         * where this route context is cleared out when\n         * a router-outlet is deactivated, However,\n         * we need this route information in order to\n         * return a user back to the correct tab when\n         * leaving and then going back to the tab context.\n         */\n        const primaryOutlet = this.activatedView.savedData.get('primary');\n        if (primaryOutlet && context.route) {\n          primaryOutlet.route = { ...context.route };\n        }\n\n        /**\n         * Ensure we are saving the NavigationExtras\n         * data otherwise it will be lost\n         */\n        this.activatedView.savedExtras = {};\n        if (context.route) {\n          const contextSnapshot = context.route.snapshot;\n\n          this.activatedView.savedExtras.queryParams = contextSnapshot.queryParams;\n          (this.activatedView.savedExtras.fragment as string | null) = contextSnapshot.fragment;\n        }\n      }\n      const c = this.component;\n      this.activatedView = null;\n      this.activated = null;\n      this._activatedRoute = null;\n      this.deactivateEvents.emit(c);\n    }\n  }\n\n  activateWith(activatedRoute: ActivatedRoute, environmentInjector: EnvironmentInjector | null): void {\n    if (this.isActivated) {\n      throw new Error('Cannot activate an already activated outlet');\n    }\n    this._activatedRoute = activatedRoute;\n\n    let cmpRef: any;\n    let enteringView = this.stackCtrl.getExistingView(activatedRoute);\n    if (enteringView) {\n      cmpRef = this.activated = enteringView.ref;\n      const saved = enteringView.savedData;\n      if (saved) {\n        // self-restore\n        const context = this.getContext()!;\n        context.children['contexts'] = saved;\n      }\n      // Updated activated route proxy for this component\n      this.updateActivatedRouteProxy(cmpRef.instance, activatedRoute);\n    } else {\n      const snapshot = (activatedRoute as any)._futureSnapshot;\n\n      /**\n       * Angular 14 introduces a new `loadComponent` property to the route config.\n       * This function will assign a `component` property to the route snapshot.\n       * We check for the presence of this property to determine if the route is\n       * using standalone components.\n       */\n      const childContexts = this.parentContexts.getOrCreateContext(this.name).children;\n\n      // We create an activated route proxy object that will maintain future updates for this component\n      // over its lifecycle in the stack.\n      const component$ = new BehaviorSubject<any>(null);\n      const activatedRouteProxy = this.createActivatedRouteProxy(component$, activatedRoute);\n\n      const injector = new OutletInjector(activatedRouteProxy, childContexts, this.location.injector);\n\n      const component = snapshot.routeConfig!.component ?? snapshot.component;\n\n      /**\n       * View components need to be added as a child of ion-router-outlet\n       * for page transitions and swipe to go back.\n       * However, createComponent mounts components as siblings of the\n       * ViewContainerRef. As a result, outletContent must reference\n       * an ng-container inside of ion-router-outlet and not\n       * ion-router-outlet itself.\n       */\n      cmpRef = this.activated = this.outletContent.createComponent(component, {\n        index: this.outletContent.length,\n        injector,\n        environmentInjector: environmentInjector ?? this.environmentInjector,\n      });\n\n      // Once the component is created we can push it to our local subject supplied to the proxy\n      component$.next(cmpRef.instance);\n\n      // Calling `markForCheck` to make sure we will run the change detection when the\n      // `RouterOutlet` is inside a `ChangeDetectionStrategy.OnPush` component.\n\n      /**\n       * At this point this.activated has been set earlier\n       * in this function, so it is guaranteed to be non-null.\n       */\n      enteringView = this.stackCtrl.createView(this.activated!, activatedRoute);\n\n      // Store references to the proxy by component\n      this.proxyMap.set(cmpRef.instance, activatedRouteProxy);\n      this.currentActivatedRoute$.next({ component: cmpRef.instance, activatedRoute });\n    }\n\n    this.inputBinder?.bindActivatedRouteToOutletComponent(this);\n\n    this.activatedView = enteringView;\n\n    /**\n     * The top outlet is set prior to the entering view's transition completing,\n     * so that when we have nested outlets (e.g. ion-tabs inside an ion-router-outlet),\n     * the tabs outlet will be assigned as the top outlet when a view inside tabs is\n     * activated.\n     *\n     * In this scenario, activeWith is called for both the tabs and the root router outlet.\n     * To avoid a race condition, we assign the top outlet synchronously.\n     */\n    this.navCtrl.setTopOutlet(this);\n\n    const leavingView = this.stackCtrl.getActiveView();\n\n    this.stackWillChange.emit({\n      enteringView,\n      tabSwitch: isTabSwitch(enteringView, leavingView),\n    });\n\n    this.stackCtrl.setActive(enteringView).then((data) => {\n      this.activateEvents.emit(cmpRef.instance);\n      this.stackDidChange.emit(data);\n    });\n  }\n\n  /**\n   * Returns `true` if there are pages in the stack to go back.\n   */\n  canGoBack(deep = 1, stackId?: string): boolean {\n    return this.stackCtrl.canGoBack(deep, stackId);\n  }\n\n  /**\n   * Resolves to `true` if it the outlet was able to sucessfully pop the last N pages.\n   */\n  pop(deep = 1, stackId?: string): Promise<boolean> {\n    return this.stackCtrl.pop(deep, stackId);\n  }\n\n  /**\n   * Returns the URL of the active page of each stack.\n   */\n  getLastUrl(stackId?: string): string | undefined {\n    const active = this.stackCtrl.getLastUrl(stackId);\n    return active ? active.url : undefined;\n  }\n\n  /**\n   * Returns the RouteView of the active page of each stack.\n   * @internal\n   */\n  getLastRouteView(stackId?: string): RouteView | undefined {\n    return this.stackCtrl.getLastUrl(stackId);\n  }\n\n  /**\n   * Returns the root view in the tab stack.\n   * @internal\n   */\n  getRootView(stackId?: string): RouteView | undefined {\n    return this.stackCtrl.getRootUrl(stackId);\n  }\n\n  /**\n   * Returns the active stack ID. In the context of ion-tabs, it means the active tab.\n   */\n  getActiveStackId(): string | undefined {\n    return this.stackCtrl.getActiveStackId();\n  }\n\n  /**\n   * Since the activated route can change over the life time of a component in an ion router outlet, we create\n   * a proxy so that we can update the values over time as a user navigates back to components already in the stack.\n   */\n  private createActivatedRouteProxy(component$: Observable<any>, activatedRoute: ActivatedRoute): ActivatedRoute {\n    const proxy: any = new ActivatedRoute();\n\n    proxy._futureSnapshot = (activatedRoute as any)._futureSnapshot;\n    proxy._routerState = (activatedRoute as any)._routerState;\n    proxy.snapshot = activatedRoute.snapshot;\n    proxy.outlet = activatedRoute.outlet;\n    proxy.component = activatedRoute.component;\n\n    // Setup wrappers for the observables so consumers don't have to worry about switching to new observables as the state updates\n    (proxy as any)._paramMap = this.proxyObservable(component$, 'paramMap');\n    (proxy as any)._queryParamMap = this.proxyObservable(component$, 'queryParamMap');\n    proxy.url = this.proxyObservable(component$, 'url');\n    proxy.params = this.proxyObservable(component$, 'params');\n    proxy.queryParams = this.proxyObservable(component$, 'queryParams');\n    proxy.fragment = this.proxyObservable(component$, 'fragment');\n    proxy.data = this.proxyObservable(component$, 'data');\n\n    return proxy as ActivatedRoute;\n  }\n\n  /**\n   * Create a wrapped observable that will switch to the latest activated route matched by the given component\n   */\n  private proxyObservable(component$: Observable<any>, path: string): Observable<any> {\n    return component$.pipe(\n      // First wait until the component instance is pushed\n      filter((component) => !!component),\n      switchMap((component) =>\n        this.currentActivatedRoute$.pipe(\n          filter((current) => current !== null && current.component === component),\n          switchMap((current) => current && (current.activatedRoute as any)[path]),\n          distinctUntilChanged()\n        )\n      )\n    );\n  }\n\n  /**\n   * Updates the activated route proxy for the given component to the new incoming router state\n   */\n  private updateActivatedRouteProxy(component: any, activatedRoute: ActivatedRoute): void {\n    const proxy = this.proxyMap.get(component);\n    if (!proxy) {\n      throw new Error(`Could not find activated route proxy for view`);\n    }\n\n    (proxy as any)._futureSnapshot = (activatedRoute as any)._futureSnapshot;\n    (proxy as any)._routerState = (activatedRoute as any)._routerState;\n    proxy.snapshot = activatedRoute.snapshot;\n    proxy.outlet = activatedRoute.outlet;\n    proxy.component = activatedRoute.component;\n\n    this.currentActivatedRoute$.next({ component, activatedRoute });\n  }\n}\n\nclass OutletInjector implements Injector {\n  constructor(private route: ActivatedRoute, private childContexts: ChildrenOutletContexts, private parent: Injector) {}\n\n  get(token: any, notFoundValue?: any): any {\n    if (token === ActivatedRoute) {\n      return this.route;\n    }\n\n    if (token === ChildrenOutletContexts) {\n      return this.childContexts;\n    }\n\n    return this.parent.get(token, notFoundValue);\n  }\n}\n\n// TODO: FW-4785 - Remove this once Angular 15 support is dropped\nconst INPUT_BINDER = new InjectionToken<RoutedComponentInputBinder>('');\n\n/**\n * Injectable used as a tree-shakable provider for opting in to binding router data to component\n * inputs.\n *\n * The RouterOutlet registers itself with this service when an `ActivatedRoute` is attached or\n * activated. When this happens, the service subscribes to the `ActivatedRoute` observables (params,\n * queryParams, data) and sets the inputs of the component using `ComponentRef.setInput`.\n * Importantly, when an input does not have an item in the route data with a matching key, this\n * input is set to `undefined`. If it were not done this way, the previous information would be\n * retained if the data got removed from the route (i.e. if a query parameter is removed).\n *\n * The `RouterOutlet` should unregister itself when destroyed via `unsubscribeFromRouteData` so that\n * the subscriptions are cleaned up.\n */\n@Injectable()\nclass RoutedComponentInputBinder {\n  private outletDataSubscriptions = new Map<IonRouterOutlet, Subscription>();\n\n  bindActivatedRouteToOutletComponent(outlet: IonRouterOutlet): void {\n    this.unsubscribeFromRouteData(outlet);\n    this.subscribeToRouteData(outlet);\n  }\n\n  unsubscribeFromRouteData(outlet: IonRouterOutlet): void {\n    this.outletDataSubscriptions.get(outlet)?.unsubscribe();\n    this.outletDataSubscriptions.delete(outlet);\n  }\n\n  private subscribeToRouteData(outlet: IonRouterOutlet) {\n    const { activatedRoute } = outlet;\n    const dataSubscription = combineLatest([activatedRoute.queryParams, activatedRoute.params, activatedRoute.data])\n      .pipe(\n        switchMap(([queryParams, params, data], index) => {\n          data = { ...queryParams, ...params, ...data };\n          // Get the first result from the data subscription synchronously so it's available to\n          // the component as soon as possible (and doesn't require a second change detection).\n          if (index === 0) {\n            return of(data);\n          }\n          // Promise.resolve is used to avoid synchronously writing the wrong data when\n          // two of the Observables in the `combineLatest` stream emit one after\n          // another.\n          return Promise.resolve(data);\n        })\n      )\n      .subscribe((data) => {\n        // Outlet may have been deactivated or changed names to be associated with a different\n        // route\n        if (\n          !outlet.isActivated ||\n          !outlet.activatedComponentRef ||\n          outlet.activatedRoute !== activatedRoute ||\n          activatedRoute.component === null\n        ) {\n          this.unsubscribeFromRouteData(outlet);\n          return;\n        }\n\n        const mirror = reflectComponentType(activatedRoute.component);\n        if (!mirror) {\n          this.unsubscribeFromRouteData(outlet);\n          return;\n        }\n\n        for (const { templateName } of mirror.inputs) {\n          outlet.activatedComponentRef.setInput(templateName, data[templateName]);\n        }\n      });\n\n    this.outletDataSubscriptions.set(outlet, dataSubscription);\n  }\n}\n\nexport const provideComponentInputBinding = (): Provider => {\n  return {\n    provide: INPUT_BINDER,\n    useFactory: componentInputBindingFactory,\n    deps: [Router],\n  };\n};\n\nfunction componentInputBindingFactory(router?: Router) {\n  /**\n   * We cast the router to any here, since the componentInputBindingEnabled\n   * property is not available until Angular v16.\n   */\n  if ((router as any)?.componentInputBindingEnabled) {\n    return new RoutedComponentInputBinder();\n  }\n  return null;\n}\n"]}