@ionic/angular 8.8.19-dev.11786730389.1a1927bf → 8.8.19-dev.11786832241.150538c7

package/dist/common/directives/navigation/stack-controller.js

@@ -0,0 +1,282 @@
+import { bindLifecycleEvents } from '../../providers/angular-delegate';
+import { computeStackId, destroyView, getUrl, insertView, isTabSwitch, toSegments, } from './stack-utils';
+// TODO(FW-2827): types
+export class StackController {
+    containerEl;
+    router;
+    navCtrl;
+    zone;
+    location;
+    views = [];
+    runningTask;
+    skipTransition = false;
+    tabsPrefix;
+    activeView;
+    nextId = 0;
+    constructor(tabsPrefix, containerEl, router, navCtrl, zone, location) {
+        this.containerEl = containerEl;
+        this.router = router;
+        this.navCtrl = navCtrl;
+        this.zone = zone;
+        this.location = location;
+        this.tabsPrefix = tabsPrefix !== undefined ? toSegments(tabsPrefix) : undefined;
+    }
+    createView(ref, activatedRoute) {
+        const url = getUrl(this.router, activatedRoute);
+        const element = ref?.location?.nativeElement;
+        const unlistenEvents = bindLifecycleEvents(this.zone, ref.changeDetectorRef, ref.instance, element);
+        return {
+            id: this.nextId++,
+            stackId: computeStackId(this.tabsPrefix, url),
+            unlistenEvents,
+            element,
+            ref,
+            url,
+        };
+    }
+    getExistingView(activatedRoute) {
+        const activatedUrlKey = getUrl(this.router, activatedRoute);
+        const view = this.views.find((vw) => vw.url === activatedUrlKey);
+        if (view) {
+            view.ref.changeDetectorRef.reattach();
+        }
+        return view;
+    }
+    setActive(enteringView) {
+        const consumeResult = this.navCtrl.consumeTransition();
+        let { direction, animation, animationBuilder } = consumeResult;
+        const leavingView = this.activeView;
+        const tabSwitch = isTabSwitch(enteringView, leavingView);
+        if (tabSwitch) {
+            direction = 'back';
+            animation = undefined;
+        }
+        const viewsSnapshot = this.views.slice();
+        let currentNavigation;
+        const router = this.router;
+        // Angular >= 7.2.0
+        if (router.getCurrentNavigation) {
+            currentNavigation = router.getCurrentNavigation();
+            // Angular < 7.2.0
+        }
+        else if (router.navigations?.value) {
+            currentNavigation = router.navigations.value;
+        }
+        /**
+         * If the navigation action
+         * sets `replaceUrl: true`
+         * then we need to make sure
+         * we remove the last item
+         * from our views stack
+         */
+        if (currentNavigation?.extras?.replaceUrl) {
+            if (this.views.length > 0) {
+                this.views.splice(-1, 1);
+            }
+        }
+        const reused = this.views.includes(enteringView);
+        const views = this.insertView(enteringView, direction);
+        // Trigger change detection before transition starts
+        // This will call ngOnInit() the first time too, just after the view
+        // was attached to the dom, but BEFORE the transition starts
+        if (!reused) {
+            enteringView.ref.changeDetectorRef.detectChanges();
+        }
+        /**
+         * If we are going back from a page that
+         * was presented using a custom animation
+         * we should default to using that
+         * unless the developer explicitly
+         * provided another animation.
+         */
+        const customAnimation = enteringView.animationBuilder;
+        if (animationBuilder === undefined && direction === 'back' && !tabSwitch && customAnimation !== undefined) {
+            animationBuilder = customAnimation;
+        }
+        /**
+         * Save any custom animation so that navigating
+         * back will use this custom animation by default.
+         */
+        if (leavingView) {
+            leavingView.animationBuilder = animationBuilder;
+        }
+        // Wait until previous transitions finish
+        return this.zone.runOutsideAngular(() => {
+            return this.wait(() => {
+                // disconnect leaving page from change detection to
+                // reduce jank during the page transition
+                if (leavingView) {
+                    leavingView.ref.changeDetectorRef.detach();
+                }
+                // In case the enteringView is the same as the leavingPage we need to reattach()
+                enteringView.ref.changeDetectorRef.reattach();
+                return this.transition(enteringView, leavingView, animation, this.canGoBack(1), false, animationBuilder)
+                    .then(() => cleanupAsync(enteringView, views, viewsSnapshot, this.location, this.zone))
+                    .then(() => ({
+                    enteringView,
+                    direction,
+                    animation,
+                    tabSwitch,
+                }));
+            });
+        });
+    }
+    canGoBack(deep, stackId = this.getActiveStackId()) {
+        return this.getStack(stackId).length > deep;
+    }
+    pop(deep, stackId = this.getActiveStackId()) {
+        return this.zone.run(() => {
+            const views = this.getStack(stackId);
+            if (views.length <= deep) {
+                return Promise.resolve(false);
+            }
+            const view = views[views.length - deep - 1];
+            let url = view.url;
+            const viewSavedData = view.savedData;
+            if (viewSavedData) {
+                const primaryOutlet = viewSavedData.get('primary');
+                if (primaryOutlet?.route?._routerState?.snapshot.url) {
+                    url = primaryOutlet.route._routerState.snapshot.url;
+                }
+            }
+            const { animationBuilder } = this.navCtrl.consumeTransition();
+            return this.navCtrl.navigateBack(url, { ...view.savedExtras, animation: animationBuilder }).then(() => true);
+        });
+    }
+    startBackTransition() {
+        const leavingView = this.activeView;
+        if (leavingView) {
+            const views = this.getStack(leavingView.stackId);
+            const enteringView = views[views.length - 2];
+            const customAnimation = enteringView.animationBuilder;
+            return this.wait(() => {
+                return this.transition(enteringView, // entering view
+                leavingView, // leaving view
+                'back', this.canGoBack(2), true, customAnimation);
+            });
+        }
+        return Promise.resolve();
+    }
+    endBackTransition(shouldComplete) {
+        if (shouldComplete) {
+            this.skipTransition = true;
+            this.pop(1);
+        }
+        else if (this.activeView) {
+            cleanup(this.activeView, this.views, this.views, this.location, this.zone);
+        }
+    }
+    getLastUrl(stackId) {
+        const views = this.getStack(stackId);
+        return views.length > 0 ? views[views.length - 1] : undefined;
+    }
+    /**
+     * @internal
+     */
+    getRootUrl(stackId) {
+        const views = this.getStack(stackId);
+        return views.length > 0 ? views[0] : undefined;
+    }
+    getActiveStackId() {
+        return this.activeView ? this.activeView.stackId : undefined;
+    }
+    /**
+     * @internal
+     */
+    getActiveView() {
+        return this.activeView;
+    }
+    hasRunningTask() {
+        return this.runningTask !== undefined;
+    }
+    destroy() {
+        this.containerEl = undefined;
+        this.views.forEach(destroyView);
+        this.activeView = undefined;
+        this.views = [];
+    }
+    getStack(stackId) {
+        return this.views.filter((v) => v.stackId === stackId);
+    }
+    insertView(enteringView, direction) {
+        this.activeView = enteringView;
+        this.views = insertView(this.views, enteringView, direction);
+        return this.views.slice();
+    }
+    transition(enteringView, leavingView, direction, showGoBack, progressAnimation, animationBuilder) {
+        if (this.skipTransition) {
+            this.skipTransition = false;
+            return Promise.resolve(false);
+        }
+        if (leavingView === enteringView) {
+            return Promise.resolve(false);
+        }
+        const enteringEl = enteringView ? enteringView.element : undefined;
+        const leavingEl = leavingView ? leavingView.element : undefined;
+        const containerEl = this.containerEl;
+        if (enteringEl && enteringEl !== leavingEl) {
+            enteringEl.classList.add('ion-page');
+            enteringEl.classList.add('ion-page-invisible');
+            // containerEl is set to undefined when the stack controller is destroyed,
+            // so a transition that resolves after its outlet was destroyed must not
+            // dereference it (see destroy()).
+            if (containerEl?.commit) {
+                return containerEl.commit(enteringEl, leavingEl, {
+                    duration: direction === undefined ? 0 : undefined,
+                    direction,
+                    showGoBack,
+                    progressAnimation,
+                    animationBuilder,
+                });
+            }
+        }
+        return Promise.resolve(false);
+    }
+    async wait(task) {
+        if (this.runningTask !== undefined) {
+            await this.runningTask;
+            this.runningTask = undefined;
+        }
+        const promise = (this.runningTask = task());
+        promise.finally(() => (this.runningTask = undefined));
+        return promise;
+    }
+}
+const cleanupAsync = (activeRoute, views, viewsSnapshot, location, zone) => {
+    if (typeof requestAnimationFrame === 'function') {
+        return new Promise((resolve) => {
+            requestAnimationFrame(() => {
+                cleanup(activeRoute, views, viewsSnapshot, location, zone);
+                resolve();
+            });
+        });
+    }
+    return Promise.resolve();
+};
+const cleanup = (activeRoute, views, viewsSnapshot, location, zone) => {
+    /**
+     * Re-enter the Angular zone when destroying page components. This will allow
+     * lifecycle events (`ngOnDestroy`) to be run inside the Angular zone.
+     */
+    zone.run(() => viewsSnapshot.filter((view) => !views.includes(view)).forEach(destroyView));
+    views.forEach((view) => {
+        /**
+         * In the event that a user navigated multiple
+         * times in rapid succession, we want to make sure
+         * we don't pre-emptively detach a view while
+         * it is in mid-transition.
+         *
+         * In this instance we also do not care about query
+         * params or fragments as it will be the same view regardless
+         */
+        const locationWithoutParams = location.path().split('?')[0];
+        const locationWithoutFragment = locationWithoutParams.split('#')[0];
+        if (view !== activeRoute && view.url !== locationWithoutFragment) {
+            const element = view.element;
+            element.setAttribute('aria-hidden', 'true');
+            element.classList.add('ion-page-hidden');
+            view.ref.changeDetectorRef.detach();
+        }
+    });
+};
+//# sourceMappingURL=stack-controller.js.map

package/dist/common/directives/navigation/stack-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-controller.js","sourceRoot":"","sources":["../../../../src/common/directives/navigation/stack-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { Location } from '@angular/common';\nimport { ComponentRef, NgZone } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport type { AnimationBuilder, RouterDirection } from '@ionic/core/components';\n\nimport { bindLifecycleEvents } from '../../providers/angular-delegate';\nimport { NavController } from '../../providers/nav-controller';\n\nimport {\n  RouteView,\n  StackDidChangeEvent,\n  computeStackId,\n  destroyView,\n  getUrl,\n  insertView,\n  isTabSwitch,\n  toSegments,\n} from './stack-utils';\n\n// TODO(FW-2827): types\n\nexport class StackController {\n  private views: RouteView[] = [];\n  private runningTask?: Promise<any>;\n  private skipTransition = false;\n  private tabsPrefix: string[] | undefined;\n  private activeView: RouteView | undefined;\n  private nextId = 0;\n\n  constructor(\n    tabsPrefix: string | undefined,\n    private containerEl: HTMLIonRouterOutletElement,\n    private router: Router,\n    private navCtrl: NavController,\n    private zone: NgZone,\n    private location: Location\n  ) {\n    this.tabsPrefix = tabsPrefix !== undefined ? toSegments(tabsPrefix) : undefined;\n  }\n\n  createView(ref: ComponentRef<any>, activatedRoute: ActivatedRoute): RouteView {\n    const url = getUrl(this.router, activatedRoute);\n    const element = ref?.location?.nativeElement as HTMLElement;\n    const unlistenEvents = bindLifecycleEvents(this.zone, ref.changeDetectorRef, ref.instance, element);\n    return {\n      id: this.nextId++,\n      stackId: computeStackId(this.tabsPrefix, url),\n      unlistenEvents,\n      element,\n      ref,\n      url,\n    };\n  }\n\n  getExistingView(activatedRoute: ActivatedRoute): RouteView | undefined {\n    const activatedUrlKey = getUrl(this.router, activatedRoute);\n    const view = this.views.find((vw) => vw.url === activatedUrlKey);\n    if (view) {\n      view.ref.changeDetectorRef.reattach();\n    }\n    return view;\n  }\n\n  setActive(enteringView: RouteView): Promise<StackDidChangeEvent> {\n    const consumeResult = this.navCtrl.consumeTransition();\n    let { direction, animation, animationBuilder } = consumeResult;\n    const leavingView = this.activeView;\n    const tabSwitch = isTabSwitch(enteringView, leavingView);\n    if (tabSwitch) {\n      direction = 'back';\n      animation = undefined;\n    }\n\n    const viewsSnapshot = this.views.slice();\n\n    let currentNavigation;\n\n    const router = this.router as any;\n\n    // Angular >= 7.2.0\n    if (router.getCurrentNavigation) {\n      currentNavigation = router.getCurrentNavigation();\n\n      // Angular < 7.2.0\n    } else if (router.navigations?.value) {\n      currentNavigation = router.navigations.value;\n    }\n\n    /**\n     * If the navigation action\n     * sets `replaceUrl: true`\n     * then we need to make sure\n     * we remove the last item\n     * from our views stack\n     */\n    if (currentNavigation?.extras?.replaceUrl) {\n      if (this.views.length > 0) {\n        this.views.splice(-1, 1);\n      }\n    }\n\n    const reused = this.views.includes(enteringView);\n    const views = this.insertView(enteringView, direction);\n\n    // Trigger change detection before transition starts\n    // This will call ngOnInit() the first time too, just after the view\n    // was attached to the dom, but BEFORE the transition starts\n    if (!reused) {\n      enteringView.ref.changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * If we are going back from a page that\n     * was presented using a custom animation\n     * we should default to using that\n     * unless the developer explicitly\n     * provided another animation.\n     */\n    const customAnimation = enteringView.animationBuilder;\n    if (animationBuilder === undefined && direction === 'back' && !tabSwitch && customAnimation !== undefined) {\n      animationBuilder = customAnimation;\n    }\n\n    /**\n     * Save any custom animation so that navigating\n     * back will use this custom animation by default.\n     */\n    if (leavingView) {\n      leavingView.animationBuilder = animationBuilder;\n    }\n\n    // Wait until previous transitions finish\n    return this.zone.runOutsideAngular(() => {\n      return this.wait(() => {\n        // disconnect leaving page from change detection to\n        // reduce jank during the page transition\n        if (leavingView) {\n          leavingView.ref.changeDetectorRef.detach();\n        }\n        // In case the enteringView is the same as the leavingPage we need to reattach()\n        enteringView.ref.changeDetectorRef.reattach();\n\n        return this.transition(enteringView, leavingView, animation, this.canGoBack(1), false, animationBuilder)\n          .then(() => cleanupAsync(enteringView, views, viewsSnapshot, this.location, this.zone))\n          .then(() => ({\n            enteringView,\n            direction,\n            animation,\n            tabSwitch,\n          }));\n      });\n    });\n  }\n\n  canGoBack(deep: number, stackId = this.getActiveStackId()): boolean {\n    return this.getStack(stackId).length > deep;\n  }\n\n  pop(deep: number, stackId = this.getActiveStackId()): Promise<boolean> {\n    return this.zone.run(() => {\n      const views = this.getStack(stackId);\n      if (views.length <= deep) {\n        return Promise.resolve(false);\n      }\n      const view = views[views.length - deep - 1];\n      let url = view.url;\n\n      const viewSavedData = view.savedData;\n      if (viewSavedData) {\n        const primaryOutlet = viewSavedData.get('primary');\n        if (primaryOutlet?.route?._routerState?.snapshot.url) {\n          url = primaryOutlet.route._routerState.snapshot.url;\n        }\n      }\n      const { animationBuilder } = this.navCtrl.consumeTransition();\n      return this.navCtrl.navigateBack(url, { ...view.savedExtras, animation: animationBuilder }).then(() => true);\n    });\n  }\n\n  startBackTransition(): Promise<boolean> | Promise<void> {\n    const leavingView = this.activeView;\n    if (leavingView) {\n      const views = this.getStack(leavingView.stackId);\n      const enteringView = views[views.length - 2];\n      const customAnimation = enteringView.animationBuilder;\n\n      return this.wait(() => {\n        return this.transition(\n          enteringView, // entering view\n          leavingView, // leaving view\n          'back',\n          this.canGoBack(2),\n          true,\n          customAnimation\n        );\n      });\n    }\n    return Promise.resolve();\n  }\n\n  endBackTransition(shouldComplete: boolean): void {\n    if (shouldComplete) {\n      this.skipTransition = true;\n      this.pop(1);\n    } else if (this.activeView) {\n      cleanup(this.activeView, this.views, this.views, this.location, this.zone);\n    }\n  }\n\n  getLastUrl(stackId?: string): RouteView | undefined {\n    const views = this.getStack(stackId);\n    return views.length > 0 ? views[views.length - 1] : undefined;\n  }\n\n  /**\n   * @internal\n   */\n  getRootUrl(stackId?: string): RouteView | undefined {\n    const views = this.getStack(stackId);\n    return views.length > 0 ? views[0] : undefined;\n  }\n\n  getActiveStackId(): string | undefined {\n    return this.activeView ? this.activeView.stackId : undefined;\n  }\n\n  /**\n   * @internal\n   */\n  getActiveView(): RouteView | undefined {\n    return this.activeView;\n  }\n\n  hasRunningTask(): boolean {\n    return this.runningTask !== undefined;\n  }\n\n  destroy(): void {\n    this.containerEl = undefined!;\n    this.views.forEach(destroyView);\n    this.activeView = undefined;\n    this.views = [];\n  }\n\n  private getStack(stackId: string | undefined) {\n    return this.views.filter((v) => v.stackId === stackId);\n  }\n\n  private insertView(enteringView: RouteView, direction: RouterDirection) {\n    this.activeView = enteringView;\n    this.views = insertView(this.views, enteringView, direction);\n    return this.views.slice();\n  }\n\n  private transition(\n    enteringView: RouteView | undefined,\n    leavingView: RouteView | undefined,\n    direction: 'forward' | 'back' | undefined,\n    showGoBack: boolean,\n    progressAnimation: boolean,\n    animationBuilder?: AnimationBuilder\n  ) {\n    if (this.skipTransition) {\n      this.skipTransition = false;\n      return Promise.resolve(false);\n    }\n    if (leavingView === enteringView) {\n      return Promise.resolve(false);\n    }\n    const enteringEl = enteringView ? enteringView.element : undefined;\n    const leavingEl = leavingView ? leavingView.element : undefined;\n    const containerEl = this.containerEl;\n    if (enteringEl && enteringEl !== leavingEl) {\n      enteringEl.classList.add('ion-page');\n      enteringEl.classList.add('ion-page-invisible');\n\n      // containerEl is set to undefined when the stack controller is destroyed,\n      // so a transition that resolves after its outlet was destroyed must not\n      // dereference it (see destroy()).\n      if ((containerEl as any)?.commit) {\n        return containerEl.commit(enteringEl, leavingEl, {\n          duration: direction === undefined ? 0 : undefined,\n          direction,\n          showGoBack,\n          progressAnimation,\n          animationBuilder,\n        });\n      }\n    }\n    return Promise.resolve(false);\n  }\n\n  private async wait<T>(task: () => Promise<T>): Promise<T> {\n    if (this.runningTask !== undefined) {\n      await this.runningTask;\n      this.runningTask = undefined;\n    }\n    const promise = (this.runningTask = task());\n    promise.finally(() => (this.runningTask = undefined));\n    return promise;\n  }\n}\n\nconst cleanupAsync = (\n  activeRoute: RouteView,\n  views: RouteView[],\n  viewsSnapshot: RouteView[],\n  location: Location,\n  zone: NgZone\n) => {\n  if (typeof (requestAnimationFrame as any) === 'function') {\n    return new Promise<void>((resolve) => {\n      requestAnimationFrame(() => {\n        cleanup(activeRoute, views, viewsSnapshot, location, zone);\n        resolve();\n      });\n    });\n  }\n  return Promise.resolve();\n};\n\nconst cleanup = (\n  activeRoute: RouteView,\n  views: RouteView[],\n  viewsSnapshot: RouteView[],\n  location: Location,\n  zone: NgZone\n) => {\n  /**\n   * Re-enter the Angular zone when destroying page components. This will allow\n   * lifecycle events (`ngOnDestroy`) to be run inside the Angular zone.\n   */\n  zone.run(() => viewsSnapshot.filter((view) => !views.includes(view)).forEach(destroyView));\n\n  views.forEach((view) => {\n    /**\n     * In the event that a user navigated multiple\n     * times in rapid succession, we want to make sure\n     * we don't pre-emptively detach a view while\n     * it is in mid-transition.\n     *\n     * In this instance we also do not care about query\n     * params or fragments as it will be the same view regardless\n     */\n    const locationWithoutParams = location.path().split('?')[0];\n    const locationWithoutFragment = locationWithoutParams.split('#')[0];\n\n    if (view !== activeRoute && view.url !== locationWithoutFragment) {\n      const element = view.element;\n      element.setAttribute('aria-hidden', 'true');\n      element.classList.add('ion-page-hidden');\n      view.ref.changeDetectorRef.detach();\n    }\n  });\n};\n"]}

package/dist/common/directives/navigation/stack-utils.d.ts

@@ -0,0 +1,38 @@
+import { ComponentRef } from '@angular/core';
+import { ActivatedRoute, NavigationExtras, Router } from '@angular/router';
+import type { AnimationBuilder, NavDirection, RouterDirection } from '@ionic/core/components';
+export declare const insertView: (views: RouteView[], view: RouteView, direction: RouterDirection) => RouteView[];
+export declare const getUrl: (router: Router, activatedRoute: ActivatedRoute) => string;
+export declare const isTabSwitch: (enteringView: RouteView, leavingView: RouteView | undefined) => boolean;
+export declare const computeStackId: (prefixUrl: string[] | undefined, url: string) => string | undefined;
+export declare const toSegments: (path: string) => string[];
+export declare const destroyView: (view: RouteView | undefined) => void;
+export interface StackWillChangeEvent {
+    enteringView: RouteView;
+    /**
+     * `true` if the event is trigged as a result of a switch
+     * between tab navigation stacks.
+     */
+    tabSwitch: boolean;
+}
+export interface StackDidChangeEvent {
+    enteringView: RouteView;
+    direction: RouterDirection;
+    animation: NavDirection | undefined;
+    /**
+     * `true` if the event is trigged as a result of a switch
+     * between tab navigation stacks.
+     */
+    tabSwitch: boolean;
+}
+export interface RouteView {
+    id: number;
+    url: string;
+    stackId: string | undefined;
+    element: HTMLElement;
+    ref: ComponentRef<any>;
+    savedData?: any;
+    savedExtras?: NavigationExtras;
+    unlistenEvents: () => void;
+    animationBuilder?: AnimationBuilder;
+}

package/dist/common/directives/navigation/stack-utils.js

@@ -0,0 +1,73 @@
+export const insertView = (views, view, direction) => {
+    if (direction === 'root') {
+        return setRoot(views, view);
+    }
+    else if (direction === 'forward') {
+        return setForward(views, view);
+    }
+    else {
+        return setBack(views, view);
+    }
+};
+const setRoot = (views, view) => {
+    views = views.filter((v) => v.stackId !== view.stackId);
+    views.push(view);
+    return views;
+};
+const setForward = (views, view) => {
+    const index = views.indexOf(view);
+    if (index >= 0) {
+        views = views.filter((v) => v.stackId !== view.stackId || v.id <= view.id);
+    }
+    else {
+        views.push(view);
+    }
+    return views;
+};
+const setBack = (views, view) => {
+    const index = views.indexOf(view);
+    if (index >= 0) {
+        return views.filter((v) => v.stackId !== view.stackId || v.id <= view.id);
+    }
+    else {
+        return setRoot(views, view);
+    }
+};
+export const getUrl = (router, activatedRoute) => {
+    const urlTree = router.createUrlTree(['.'], { relativeTo: activatedRoute });
+    return router.serializeUrl(urlTree);
+};
+export const isTabSwitch = (enteringView, leavingView) => {
+    if (!leavingView) {
+        return true;
+    }
+    return enteringView.stackId !== leavingView.stackId;
+};
+export const computeStackId = (prefixUrl, url) => {
+    if (!prefixUrl) {
+        return undefined;
+    }
+    const segments = toSegments(url);
+    for (let i = 0; i < segments.length; i++) {
+        if (i >= prefixUrl.length) {
+            return segments[i];
+        }
+        if (segments[i] !== prefixUrl[i]) {
+            return undefined;
+        }
+    }
+    return undefined;
+};
+export const toSegments = (path) => {
+    return path
+        .split('/')
+        .map((s) => s.trim())
+        .filter((s) => s !== '');
+};
+export const destroyView = (view) => {
+    if (view) {
+        view.ref.destroy();
+        view.unlistenEvents();
+    }
+};
+//# sourceMappingURL=stack-utils.js.map

package/dist/common/directives/navigation/stack-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-utils.js","sourceRoot":"","sources":["../../../../src/common/directives/navigation/stack-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentRef } from '@angular/core';\nimport { ActivatedRoute, NavigationExtras, Router } from '@angular/router';\nimport type { AnimationBuilder, NavDirection, RouterDirection } from '@ionic/core/components';\n\nexport const insertView = (views: RouteView[], view: RouteView, direction: RouterDirection): RouteView[] => {\n  if (direction === 'root') {\n    return setRoot(views, view);\n  } else if (direction === 'forward') {\n    return setForward(views, view);\n  } else {\n    return setBack(views, view);\n  }\n};\n\nconst setRoot = (views: RouteView[], view: RouteView) => {\n  views = views.filter((v) => v.stackId !== view.stackId);\n  views.push(view);\n  return views;\n};\n\nconst setForward = (views: RouteView[], view: RouteView) => {\n  const index = views.indexOf(view);\n  if (index >= 0) {\n    views = views.filter((v) => v.stackId !== view.stackId || v.id <= view.id);\n  } else {\n    views.push(view);\n  }\n  return views;\n};\n\nconst setBack = (views: RouteView[], view: RouteView) => {\n  const index = views.indexOf(view);\n  if (index >= 0) {\n    return views.filter((v) => v.stackId !== view.stackId || v.id <= view.id);\n  } else {\n    return setRoot(views, view);\n  }\n};\n\nexport const getUrl = (router: Router, activatedRoute: ActivatedRoute): string => {\n  const urlTree = router.createUrlTree(['.'], { relativeTo: activatedRoute });\n  return router.serializeUrl(urlTree);\n};\n\nexport const isTabSwitch = (enteringView: RouteView, leavingView: RouteView | undefined): boolean => {\n  if (!leavingView) {\n    return true;\n  }\n  return enteringView.stackId !== leavingView.stackId;\n};\n\nexport const computeStackId = (prefixUrl: string[] | undefined, url: string): string | undefined => {\n  if (!prefixUrl) {\n    return undefined;\n  }\n  const segments = toSegments(url);\n  for (let i = 0; i < segments.length; i++) {\n    if (i >= prefixUrl.length) {\n      return segments[i];\n    }\n    if (segments[i] !== prefixUrl[i]) {\n      return undefined;\n    }\n  }\n  return undefined;\n};\n\nexport const toSegments = (path: string): string[] => {\n  return path\n    .split('/')\n    .map((s) => s.trim())\n    .filter((s) => s !== '');\n};\n\nexport const destroyView = (view: RouteView | undefined): void => {\n  if (view) {\n    view.ref.destroy();\n    view.unlistenEvents();\n  }\n};\n\nexport interface StackWillChangeEvent {\n  enteringView: RouteView;\n  /**\n   * `true` if the event is trigged as a result of a switch\n   * between tab navigation stacks.\n   */\n  tabSwitch: boolean;\n}\n\nexport interface StackDidChangeEvent {\n  enteringView: RouteView;\n  direction: RouterDirection;\n  animation: NavDirection | undefined;\n  /**\n   * `true` if the event is trigged as a result of a switch\n   * between tab navigation stacks.\n   */\n  tabSwitch: boolean;\n}\n\n// TODO(FW-2827): types\nexport interface RouteView {\n  id: number;\n  url: string;\n  stackId: string | undefined;\n  element: HTMLElement;\n  ref: ComponentRef<any>;\n  savedData?: any;\n  savedExtras?: NavigationExtras;\n  unlistenEvents: () => void;\n  animationBuilder?: AnimationBuilder;\n}\n"]}

package/dist/common/directives/navigation/tabs.d.ts

@@ -0,0 +1,91 @@
+import { AfterContentChecked, AfterContentInit, ElementRef, EventEmitter, AfterViewInit, QueryList } from '@angular/core';
+import { NavController } from '../../providers/nav-controller';
+import { StackDidChangeEvent, StackWillChangeEvent } from './stack-utils';
+import * as i0 from "@angular/core";
+export declare abstract class IonTabs implements AfterViewInit, AfterContentInit, AfterContentChecked {
+    private navCtrl;
+    /**
+     * Note: These must be redeclared on each child class since it needs
+     * access to generated components such as IonRouterOutlet and IonTabBar.
+     */
+    abstract outlet: any;
+    abstract tabBar: any;
+    abstract tabBars: QueryList<any>;
+    abstract tabs: QueryList<any>;
+    tabsInner: ElementRef<HTMLDivElement>;
+    /**
+     * Emitted before the tab view is changed.
+     */
+    ionTabsWillChange: EventEmitter<{
+        tab: string;
+    }>;
+    /**
+     * Emitted after the tab view is changed.
+     */
+    ionTabsDidChange: EventEmitter<{
+        tab: string;
+    }>;
+    private tabBarSlot;
+    private hasTab;
+    private selectedTab?;
+    private leavingTab?;
+    constructor(navCtrl: NavController);
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    /**
+     * @internal
+     */
+    onStackWillChange({ enteringView, tabSwitch }: StackWillChangeEvent): void;
+    /**
+     * @internal
+     */
+    onStackDidChange({ enteringView, tabSwitch }: StackDidChangeEvent): void;
+    /**
+     * Host listener for the `ionTabButtonClick` event. Angular 22 enabled stricter
+     * host-binding type checking, which types `$event` as the DOM `Event`. That is
+     * not assignable to `select`'s public `string | CustomEvent` parameter, so this
+     * thin wrapper narrows the event before forwarding to keep `select`'s public
+     * signature intact.
+     */
+    onTabButtonClick(ev: Event): Promise<boolean> | undefined;
+    /**
+     * When a tab button is clicked, there are several scenarios:
+     * 1. If the selected tab is currently active (the tab button has been clicked
+     *    again), then it should go to the root view for that tab.
+     *
+     *   a. Get the saved root view from the router outlet. If the saved root view
+     *      matches the tabRootUrl, set the route view to this view including the
+     *      navigation extras. Any `queryParams` or `fragment` declared on the tab
+     *      button's `href` are also forwarded.
+     *   b. If the saved root view from the router outlet does not match, navigate
+     *      to the tabRootUrl, forwarding any `queryParams`/`fragment` declared on
+     *      the tab button's `href`.
+     *
+     * 2. If the current tab tab is not currently selected, get the last route
+     *    view from the router outlet.
+     *
+     *   a. If the last route view exists, navigate to that view including any
+     *      navigation extras.
+     *   b. If the last route view doesn't exist, then navigate to the default
+     *      tabRootUrl, forwarding any `queryParams`/`fragment` declared on the
+     *      tab button's `href`.
+     */
+    select(tabOrEvent: string | CustomEvent): Promise<boolean> | undefined;
+    private setActiveTab;
+    private tabSwitch;
+    getSelected(): string | undefined;
+    /**
+     * Detects changes to the slot attribute of the tab bar.
+     *
+     * If the slot attribute has changed, then the tab bar
+     * should be relocated to the new slot position.
+     */
+    private detectSlotChanges;
+    /**
+     * Relocates the tab bar to the new slot position.
+     */
+    private relocateTabBar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonTabs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonTabs, "ion-tabs", never, {}, { "ionTabsWillChange": "ionTabsWillChange"; "ionTabsDidChange": "ionTabsDidChange"; }, never, never, true, never>;
+}