@ionic/react 7.5.3-dev.11698856380.18896dcd → 7.5.3-dev.11698858201.14165f23

package/dist/lifecycle/IonLifeCycleHOC.js

@@ -0,0 +1,41 @@
+"use strict";
+import React from "react";
+import { IonLifeCycleContext } from "../contexts/IonLifeCycleContext";
+export const withIonLifeCycle = (WrappedComponent) => {
+  return class IonLifeCycle extends React.Component {
+    constructor(props) {
+      super(props);
+      this.componentRef = React.createRef();
+    }
+    componentDidMount() {
+      const element = this.componentRef.current;
+      this.context.onIonViewWillEnter(() => {
+        if (element && element.ionViewWillEnter) {
+          element.ionViewWillEnter();
+        }
+      });
+      this.context.onIonViewDidEnter(() => {
+        if (element && element.ionViewDidEnter) {
+          element.ionViewDidEnter();
+        }
+      });
+      this.context.onIonViewWillLeave(() => {
+        if (element && element.ionViewWillLeave) {
+          element.ionViewWillLeave();
+        }
+      });
+      this.context.onIonViewDidLeave(() => {
+        if (element && element.ionViewDidLeave) {
+          element.ionViewDidLeave();
+        }
+      });
+    }
+    render() {
+      return /* @__PURE__ */ React.createElement(IonLifeCycleContext.Consumer, null, (context) => {
+        this.context = context;
+        return /* @__PURE__ */ React.createElement(WrappedComponent, { ref: this.componentRef, ...this.props });
+      });
+    }
+  };
+};
+//# sourceMappingURL=IonLifeCycleHOC.js.map

package/dist/lifecycle/IonLifeCycleHOC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lifecycle/IonLifeCycleHOC.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';\n\n// TODO(FW-2959): types\n\nexport const withIonLifeCycle = (WrappedComponent: React.ComponentType<any>) => {\n  return class IonLifeCycle extends React.Component<any, any> {\n    context!: React.ContextType<typeof IonLifeCycleContext>;\n    componentRef = React.createRef<any>();\n\n    constructor(props: any) {\n      super(props);\n    }\n\n    componentDidMount() {\n      const element = this.componentRef.current;\n      this.context.onIonViewWillEnter(() => {\n        if (element && element.ionViewWillEnter) {\n          element.ionViewWillEnter();\n        }\n      });\n\n      this.context.onIonViewDidEnter(() => {\n        if (element && element.ionViewDidEnter) {\n          element.ionViewDidEnter();\n        }\n      });\n\n      this.context.onIonViewWillLeave(() => {\n        if (element && element.ionViewWillLeave) {\n          element.ionViewWillLeave();\n        }\n      });\n\n      this.context.onIonViewDidLeave(() => {\n        if (element && element.ionViewDidLeave) {\n          element.ionViewDidLeave();\n        }\n      });\n    }\n\n    render() {\n      return (\n        <IonLifeCycleContext.Consumer>\n          {(context) => {\n            this.context = context;\n            return <WrappedComponent ref={this.componentRef} {...this.props} />;\n          }}\n        </IonLifeCycleContext.Consumer>\n      );\n    }\n  };\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAS,2BAA2B;AAI7B,aAAM,mBAAmB,CAAC,qBAA+C;AAC9E,SAAO,MAAM,qBAAqB,MAAM,UAAoB;AAAA,IAI1D,YAAY,OAAY;AACtB,YAAM,KAAK;AAHb,0BAAe,MAAM,UAAe;AAAA,IAIpC;AAAA,IAEA,oBAAoB;AAClB,YAAM,UAAU,KAAK,aAAa;AAClC,WAAK,QAAQ,mBAAmB,MAAM;AACpC,YAAI,WAAW,QAAQ,kBAAkB;AACvC,kBAAQ,iBAAiB;AAAA,QAC3B;AAAA,MACF,CAAC;AAED,WAAK,QAAQ,kBAAkB,MAAM;AACnC,YAAI,WAAW,QAAQ,iBAAiB;AACtC,kBAAQ,gBAAgB;AAAA,QAC1B;AAAA,MACF,CAAC;AAED,WAAK,QAAQ,mBAAmB,MAAM;AACpC,YAAI,WAAW,QAAQ,kBAAkB;AACvC,kBAAQ,iBAAiB;AAAA,QAC3B;AAAA,MACF,CAAC;AAED,WAAK,QAAQ,kBAAkB,MAAM;AACnC,YAAI,WAAW,QAAQ,iBAAiB;AACtC,kBAAQ,gBAAgB;AAAA,QAC1B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,SAAS;AACP,aACE,oCAAC,oBAAoB,UAApB,MACE,CAAC,YAAY;AACZ,aAAK,UAAU;AACf,eAAO,oCAAC,oBAAiB,KAAK,KAAK,cAAe,GAAG,KAAK,OAAO;AAAA,MACnE,CACF;AAAA,IAEJ;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/lifecycle/hooks.js

@@ -0,0 +1,52 @@
+"use strict";
+import { useContext, useEffect, useRef } from "react";
+import { IonLifeCycleContext } from "../contexts/IonLifeCycleContext";
+export const useIonViewWillEnter = (callback, deps = []) => {
+  const context = useContext(IonLifeCycleContext);
+  const id = useRef();
+  id.current = id.current || Math.floor(Math.random() * 1e6);
+  useEffect(() => {
+    callback.id = id.current;
+    context.onIonViewWillEnter(callback);
+    return () => {
+      context.cleanupIonViewWillEnter(callback);
+    };
+  }, deps);
+};
+export const useIonViewDidEnter = (callback, deps = []) => {
+  const context = useContext(IonLifeCycleContext);
+  const id = useRef();
+  id.current = id.current || Math.floor(Math.random() * 1e6);
+  useEffect(() => {
+    callback.id = id.current;
+    context.onIonViewDidEnter(callback);
+    return () => {
+      context.cleanupIonViewDidEnter(callback);
+    };
+  }, deps);
+};
+export const useIonViewWillLeave = (callback, deps = []) => {
+  const context = useContext(IonLifeCycleContext);
+  const id = useRef();
+  id.current = id.current || Math.floor(Math.random() * 1e6);
+  useEffect(() => {
+    callback.id = id.current;
+    context.onIonViewWillLeave(callback);
+    return () => {
+      context.cleanupIonViewWillLeave(callback);
+    };
+  }, deps);
+};
+export const useIonViewDidLeave = (callback, deps = []) => {
+  const context = useContext(IonLifeCycleContext);
+  const id = useRef();
+  id.current = id.current || Math.floor(Math.random() * 1e6);
+  useEffect(() => {
+    callback.id = id.current;
+    context.onIonViewDidLeave(callback);
+    return () => {
+      context.cleanupIonViewDidLeave(callback);
+    };
+  }, deps);
+};
+//# sourceMappingURL=hooks.js.map

package/dist/lifecycle/hooks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lifecycle/hooks.ts"],
+  "sourcesContent": ["import { useContext, useEffect, useRef } from 'react';\n\nimport type { LifeCycleCallback } from '../contexts/IonLifeCycleContext';\nimport { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';\n\nexport const useIonViewWillEnter = (callback: LifeCycleCallback, deps: any[] = []) => {\n  const context = useContext(IonLifeCycleContext);\n  const id = useRef<number | undefined>();\n  id.current = id.current || Math.floor(Math.random() * 1000000);\n  useEffect(() => {\n    callback.id = id.current!;\n    context.onIonViewWillEnter(callback);\n    return () => {\n      context.cleanupIonViewWillEnter(callback);\n    };\n  }, deps);\n};\n\nexport const useIonViewDidEnter = (callback: LifeCycleCallback, deps: any[] = []) => {\n  const context = useContext(IonLifeCycleContext);\n  const id = useRef<number | undefined>();\n  id.current = id.current || Math.floor(Math.random() * 1000000);\n  useEffect(() => {\n    callback.id = id.current!;\n    context.onIonViewDidEnter(callback);\n    return () => {\n      context.cleanupIonViewDidEnter(callback);\n    };\n  }, deps);\n};\n\nexport const useIonViewWillLeave = (callback: LifeCycleCallback, deps: any[] = []) => {\n  const context = useContext(IonLifeCycleContext);\n  const id = useRef<number | undefined>();\n  id.current = id.current || Math.floor(Math.random() * 1000000);\n  useEffect(() => {\n    callback.id = id.current!;\n    context.onIonViewWillLeave(callback);\n    return () => {\n      context.cleanupIonViewWillLeave(callback);\n    };\n  }, deps);\n};\n\nexport const useIonViewDidLeave = (callback: LifeCycleCallback, deps: any[] = []) => {\n  const context = useContext(IonLifeCycleContext);\n  const id = useRef<number | undefined>();\n  id.current = id.current || Math.floor(Math.random() * 1000000);\n  useEffect(() => {\n    callback.id = id.current!;\n    context.onIonViewDidLeave(callback);\n    return () => {\n      context.cleanupIonViewDidLeave(callback);\n    };\n  }, deps);\n};\n"],
+  "mappings": ";AAAA,SAAS,YAAY,WAAW,cAAc;AAG9C,SAAS,2BAA2B;AAE7B,aAAM,sBAAsB,CAAC,UAA6B,OAAc,CAAC,MAAM;AACpF,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,KAAK,OAA2B;AACtC,KAAG,UAAU,GAAG,WAAW,KAAK,MAAM,KAAK,OAAO,IAAI,GAAO;AAC7D,YAAU,MAAM;AACd,aAAS,KAAK,GAAG;AACjB,YAAQ,mBAAmB,QAAQ;AACnC,WAAO,MAAM;AACX,cAAQ,wBAAwB,QAAQ;AAAA,IAC1C;AAAA,EACF,GAAG,IAAI;AACT;AAEO,aAAM,qBAAqB,CAAC,UAA6B,OAAc,CAAC,MAAM;AACnF,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,KAAK,OAA2B;AACtC,KAAG,UAAU,GAAG,WAAW,KAAK,MAAM,KAAK,OAAO,IAAI,GAAO;AAC7D,YAAU,MAAM;AACd,aAAS,KAAK,GAAG;AACjB,YAAQ,kBAAkB,QAAQ;AAClC,WAAO,MAAM;AACX,cAAQ,uBAAuB,QAAQ;AAAA,IACzC;AAAA,EACF,GAAG,IAAI;AACT;AAEO,aAAM,sBAAsB,CAAC,UAA6B,OAAc,CAAC,MAAM;AACpF,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,KAAK,OAA2B;AACtC,KAAG,UAAU,GAAG,WAAW,KAAK,MAAM,KAAK,OAAO,IAAI,GAAO;AAC7D,YAAU,MAAM;AACd,aAAS,KAAK,GAAG;AACjB,YAAQ,mBAAmB,QAAQ;AACnC,WAAO,MAAM;AACX,cAAQ,wBAAwB,QAAQ;AAAA,IAC1C;AAAA,EACF,GAAG,IAAI;AACT;AAEO,aAAM,qBAAqB,CAAC,UAA6B,OAAc,CAAC,MAAM;AACnF,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,KAAK,OAA2B;AACtC,KAAG,UAAU,GAAG,WAAW,KAAK,MAAM,KAAK,OAAO,IAAI,GAAO;AAC7D,YAAU,MAAM;AACd,aAAS,KAAK,GAAG;AACjB,YAAQ,kBAAkB,QAAQ;AAClC,WAAO,MAAM;AACX,cAAQ,uBAAuB,QAAQ;AAAA,IACzC;AAAA,EACF,GAAG,IAAI;AACT;",
+  "names": []
+}

package/dist/lifecycle/index.js

@@ -0,0 +1,4 @@
+"use strict";
+export { withIonLifeCycle } from "./IonLifeCycleHOC";
+export { useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave } from "./hooks";
+//# sourceMappingURL=index.js.map

package/dist/lifecycle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lifecycle/index.ts"],
+  "sourcesContent": ["export { withIonLifeCycle } from './IonLifeCycleHOC';\nexport { useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave } from './hooks';\n"],
+  "mappings": ";AAAA,SAAS,wBAAwB;AACjC,SAAS,oBAAoB,oBAAoB,qBAAqB,2BAA2B;",
+  "names": []
+}

package/dist/models/ReactComponentOrElement.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ReactComponentOrElement.js.map

package/dist/models/ReactComponentOrElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/models/RouteAction.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RouteAction.js.map

package/dist/models/RouteAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/models/RouteInfo.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RouteInfo.js.map

package/dist/models/RouteInfo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/models/RouterDirection.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RouterDirection.js.map

package/dist/models/RouterDirection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/models/RouterOptions.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RouterOptions.js.map

package/dist/models/RouterOptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/models/index.js

@@ -0,0 +1,7 @@
+"use strict";
+export * from "./RouteAction";
+export * from "./RouteInfo";
+export * from "./RouterDirection";
+export * from "./RouterOptions";
+export * from "./ReactComponentOrElement";
+//# sourceMappingURL=index.js.map

package/dist/models/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/models/index.ts"],
+  "sourcesContent": ["export * from './RouteAction';\nexport * from './RouteInfo';\nexport * from './RouterDirection';\nexport * from './RouterOptions';\nexport * from './ReactComponentOrElement';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/routing/LocationHistory.js

@@ -0,0 +1,140 @@
+"use strict";
+export class LocationHistory {
+  constructor() {
+    this.locationHistory = [];
+    this.tabHistory = {};
+  }
+  add(routeInfo) {
+    if (routeInfo.routeAction === "push" || routeInfo.routeAction == null) {
+      this._add(routeInfo);
+    } else if (routeInfo.routeAction === "pop") {
+      this._pop(routeInfo);
+    } else if (routeInfo.routeAction === "replace") {
+      this._replace(routeInfo);
+    }
+    if (routeInfo.routeDirection === "root") {
+      this._clear();
+      this._add(routeInfo);
+    }
+  }
+  clearTabStack(tab) {
+    const routeInfos = this._getRouteInfosByKey(tab);
+    if (routeInfos) {
+      routeInfos.forEach((ri) => {
+        this.locationHistory = this.locationHistory.filter((x) => x.id !== ri.id);
+      });
+      this.tabHistory[tab] = [];
+    }
+  }
+  update(routeInfo) {
+    const locationIndex = this.locationHistory.findIndex((x) => x.id === routeInfo.id);
+    if (locationIndex > -1) {
+      this.locationHistory.splice(locationIndex, 1, routeInfo);
+    }
+    const tabArray = this.tabHistory[routeInfo.tab || ""];
+    if (tabArray) {
+      const tabIndex = tabArray.findIndex((x) => x.id === routeInfo.id);
+      if (tabIndex > -1) {
+        tabArray.splice(tabIndex, 1, routeInfo);
+      } else {
+        tabArray.push(routeInfo);
+      }
+    } else if (routeInfo.tab) {
+      this.tabHistory[routeInfo.tab] = [routeInfo];
+    }
+  }
+  _add(routeInfo) {
+    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);
+    if (routeInfos) {
+      if (this._areRoutesEqual(routeInfos[routeInfos.length - 1], routeInfo)) {
+        routeInfos.pop();
+      }
+      routeInfos.push(routeInfo);
+    }
+    this.locationHistory.push(routeInfo);
+  }
+  _areRoutesEqual(route1, route2) {
+    if (!route1 || !route2) {
+      return false;
+    }
+    return route1.pathname === route2.pathname && route1.search === route2.search;
+  }
+  _pop(routeInfo) {
+    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);
+    if (routeInfos) {
+      routeInfos.pop();
+      routeInfos.pop();
+      routeInfos.push(routeInfo);
+    }
+    this.locationHistory.pop();
+    this.locationHistory.pop();
+    this.locationHistory.push(routeInfo);
+  }
+  _replace(routeInfo) {
+    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);
+    routeInfos && routeInfos.pop();
+    this.locationHistory.pop();
+    this._add(routeInfo);
+  }
+  _clear() {
+    const keys = Object.keys(this.tabHistory);
+    keys.forEach((k) => this.tabHistory[k] = []);
+    this.locationHistory = [];
+  }
+  _getRouteInfosByKey(key) {
+    let routeInfos;
+    if (key) {
+      routeInfos = this.tabHistory[key];
+      if (!routeInfos) {
+        routeInfos = this.tabHistory[key] = [];
+      }
+    }
+    return routeInfos;
+  }
+  getFirstRouteInfoForTab(tab) {
+    const routeInfos = this._getRouteInfosByKey(tab);
+    if (routeInfos) {
+      return routeInfos[0];
+    }
+    return void 0;
+  }
+  getCurrentRouteInfoForTab(tab) {
+    const routeInfos = this._getRouteInfosByKey(tab);
+    if (routeInfos) {
+      return routeInfos[routeInfos.length - 1];
+    }
+    return void 0;
+  }
+  findLastLocation(routeInfo) {
+    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);
+    if (routeInfos) {
+      for (let i = routeInfos.length - 2; i >= 0; i--) {
+        const ri = routeInfos[i];
+        if (ri) {
+          if (ri.pathname === routeInfo.pushedByRoute) {
+            return ri;
+          }
+        }
+      }
+    }
+    for (let i = this.locationHistory.length - 2; i >= 0; i--) {
+      const ri = this.locationHistory[i];
+      if (ri) {
+        if (ri.pathname === routeInfo.pushedByRoute) {
+          return ri;
+        }
+      }
+    }
+    return void 0;
+  }
+  previous() {
+    return this.locationHistory[this.locationHistory.length - 2] || this.locationHistory[this.locationHistory.length - 1];
+  }
+  current() {
+    return this.locationHistory[this.locationHistory.length - 1];
+  }
+  canGoBack() {
+    return this.locationHistory.length > 1;
+  }
+}
+//# sourceMappingURL=LocationHistory.js.map

package/dist/routing/LocationHistory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/routing/LocationHistory.ts"],
+  "sourcesContent": ["import type { RouteInfo } from '../models/RouteInfo';\n\n// const RESTRICT_SIZE = 100;\n\nexport class LocationHistory {\n  private locationHistory: RouteInfo[] = [];\n  private tabHistory: {\n    [key: string]: RouteInfo[];\n  } = {};\n\n  add(routeInfo: RouteInfo) {\n    if (routeInfo.routeAction === 'push' || routeInfo.routeAction == null) {\n      this._add(routeInfo);\n    } else if (routeInfo.routeAction === 'pop') {\n      this._pop(routeInfo);\n    } else if (routeInfo.routeAction === 'replace') {\n      this._replace(routeInfo);\n    }\n\n    if (routeInfo.routeDirection === 'root') {\n      this._clear();\n      this._add(routeInfo);\n    }\n  }\n\n  clearTabStack(tab: string) {\n    const routeInfos = this._getRouteInfosByKey(tab);\n    if (routeInfos) {\n      routeInfos.forEach((ri) => {\n        this.locationHistory = this.locationHistory.filter((x) => x.id !== ri.id);\n      });\n      this.tabHistory[tab] = [];\n    }\n  }\n\n  update(routeInfo: RouteInfo) {\n    const locationIndex = this.locationHistory.findIndex((x) => x.id === routeInfo.id);\n    if (locationIndex > -1) {\n      this.locationHistory.splice(locationIndex, 1, routeInfo);\n    }\n    const tabArray = this.tabHistory[routeInfo.tab || ''];\n    if (tabArray) {\n      const tabIndex = tabArray.findIndex((x) => x.id === routeInfo.id);\n      if (tabIndex > -1) {\n        tabArray.splice(tabIndex, 1, routeInfo);\n      } else {\n        tabArray.push(routeInfo);\n      }\n    } else if (routeInfo.tab) {\n      this.tabHistory[routeInfo.tab] = [routeInfo];\n    }\n  }\n\n  private _add(routeInfo: RouteInfo) {\n    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);\n    if (routeInfos) {\n      // If the latest routeInfo is the same (going back and forth between tabs), replace it\n      if (this._areRoutesEqual(routeInfos[routeInfos.length - 1], routeInfo)) {\n        routeInfos.pop();\n      }\n      routeInfos.push(routeInfo);\n    }\n    this.locationHistory.push(routeInfo);\n  }\n\n  private _areRoutesEqual(route1?: RouteInfo, route2?: RouteInfo) {\n    if (!route1 || !route2) {\n      return false;\n    }\n    return route1.pathname === route2.pathname && route1.search === route2.search;\n  }\n\n  private _pop(routeInfo: RouteInfo) {\n    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);\n\n    if (routeInfos) {\n      // Pop the previous route\n      routeInfos.pop();\n      // Replace the current route with an updated version\n      routeInfos.pop();\n      routeInfos.push(routeInfo);\n    }\n\n    // Pop the previous route\n    this.locationHistory.pop();\n    // Replace the current route with an updated version\n    this.locationHistory.pop();\n    this.locationHistory.push(routeInfo);\n  }\n\n  private _replace(routeInfo: RouteInfo) {\n    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);\n    routeInfos && routeInfos.pop();\n    this.locationHistory.pop();\n    this._add(routeInfo);\n  }\n\n  private _clear() {\n    const keys = Object.keys(this.tabHistory);\n    keys.forEach((k) => (this.tabHistory[k] = []));\n    this.locationHistory = [];\n  }\n\n  private _getRouteInfosByKey(key?: string) {\n    let routeInfos: RouteInfo[] | undefined;\n    if (key) {\n      routeInfos = this.tabHistory[key];\n      if (!routeInfos) {\n        routeInfos = this.tabHistory[key] = [];\n      }\n    }\n    return routeInfos;\n  }\n\n  getFirstRouteInfoForTab(tab: string) {\n    const routeInfos = this._getRouteInfosByKey(tab);\n    if (routeInfos) {\n      return routeInfos[0];\n    }\n    return undefined;\n  }\n\n  getCurrentRouteInfoForTab(tab?: string) {\n    const routeInfos = this._getRouteInfosByKey(tab);\n    if (routeInfos) {\n      return routeInfos[routeInfos.length - 1];\n    }\n    return undefined;\n  }\n\n  findLastLocation(routeInfo: RouteInfo) {\n    const routeInfos = this._getRouteInfosByKey(routeInfo.tab);\n    if (routeInfos) {\n      for (let i = routeInfos.length - 2; i >= 0; i--) {\n        const ri = routeInfos[i];\n        if (ri) {\n          if (ri.pathname === routeInfo.pushedByRoute) {\n            return ri;\n          }\n        }\n      }\n    }\n    for (let i = this.locationHistory.length - 2; i >= 0; i--) {\n      const ri = this.locationHistory[i];\n      if (ri) {\n        if (ri.pathname === routeInfo.pushedByRoute) {\n          return ri;\n        }\n      }\n    }\n    return undefined;\n  }\n\n  previous() {\n    return (\n      this.locationHistory[this.locationHistory.length - 2] || this.locationHistory[this.locationHistory.length - 1]\n    );\n  }\n\n  current() {\n    return this.locationHistory[this.locationHistory.length - 1];\n  }\n\n  canGoBack() {\n    return this.locationHistory.length > 1;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/routing/NavManager.js

@@ -0,0 +1,76 @@
+"use strict";
+import React from "react";
+import { IonRouterContext } from "../components/IonRouterContext";
+import { NavContext } from "../contexts/NavContext";
+import PageManager from "./PageManager";
+export class NavManager extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.ionRouterContextValue = {
+      push: (pathname, routerDirection, routeAction, routerOptions, animationBuilder) => {
+        this.navigate(pathname, routerDirection, routeAction, animationBuilder, routerOptions);
+      },
+      back: (animationBuilder) => {
+        this.goBack(void 0, animationBuilder);
+      },
+      canGoBack: () => this.props.locationHistory.canGoBack(),
+      nativeBack: () => this.props.onNativeBack(),
+      routeInfo: this.props.routeInfo
+    };
+    this.state = {
+      goBack: this.goBack.bind(this),
+      hasIonicRouter: () => true,
+      navigate: this.navigate.bind(this),
+      getIonRedirect: this.getIonRedirect.bind(this),
+      getIonRoute: this.getIonRoute.bind(this),
+      getStackManager: this.getStackManager.bind(this),
+      getPageManager: this.getPageManager.bind(this),
+      routeInfo: this.props.routeInfo,
+      setCurrentTab: this.props.onSetCurrentTab,
+      changeTab: this.props.onChangeTab,
+      resetTab: this.props.onResetTab
+    };
+  }
+  componentDidMount() {
+    if (typeof document !== "undefined") {
+      this.handleHardwareBackButton = this.handleHardwareBackButton.bind(this);
+      document.addEventListener("ionBackButton", this.handleHardwareBackButton);
+    }
+  }
+  componentWillUnmount() {
+    if (typeof document !== "undefined") {
+      document.removeEventListener("ionBackButton", this.handleHardwareBackButton);
+    }
+  }
+  handleHardwareBackButton(e) {
+    e.detail.register(0, (processNextHandler) => {
+      this.nativeGoBack();
+      processNextHandler();
+    });
+  }
+  goBack(route, animationBuilder) {
+    this.props.onNavigateBack(route, animationBuilder);
+  }
+  nativeGoBack() {
+    this.props.onNativeBack();
+  }
+  navigate(path, direction = "forward", action = "push", animationBuilder, options, tab) {
+    this.props.onNavigate(path, action, direction, animationBuilder, options, tab);
+  }
+  getPageManager() {
+    return PageManager;
+  }
+  getIonRedirect() {
+    return this.props.ionRedirect;
+  }
+  getIonRoute() {
+    return this.props.ionRoute;
+  }
+  getStackManager() {
+    return this.props.stackManager;
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement(NavContext.Provider, { value: { ...this.state, routeInfo: this.props.routeInfo } }, /* @__PURE__ */ React.createElement(IonRouterContext.Provider, { value: { ...this.ionRouterContextValue, routeInfo: this.props.routeInfo } }, this.props.children));
+  }
+}
+//# sourceMappingURL=NavManager.js.map

package/dist/routing/NavManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/routing/NavManager.tsx"],
+  "sourcesContent": ["import type { AnimationBuilder } from '@ionic/core/components';\nimport React from 'react';\n\nimport type { IonRouterContextState } from '../components/IonRouterContext';\nimport { IonRouterContext } from '../components/IonRouterContext';\nimport type { NavContextState } from '../contexts/NavContext';\nimport { NavContext } from '../contexts/NavContext';\nimport type { RouteAction } from '../models/RouteAction';\nimport type { RouteInfo } from '../models/RouteInfo';\nimport type { RouterDirection } from '../models/RouterDirection';\nimport type { RouterOptions } from '../models/RouterOptions';\n\nimport type { LocationHistory } from './LocationHistory';\nimport PageManager from './PageManager';\n\n// TODO(FW-2959): types\n\ninterface NavManagerProps {\n  routeInfo: RouteInfo;\n  onNativeBack: () => void;\n  onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;\n  onNavigate: (\n    path: string,\n    action: RouteAction,\n    direction?: RouterDirection,\n    animationBuilder?: AnimationBuilder,\n    options?: any,\n    tab?: string\n  ) => void;\n  onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;\n  onChangeTab: (tab: string, path: string, routeOptions?: any) => void;\n  onResetTab: (tab: string, path: string, routeOptions?: any) => void;\n  ionRedirect: any;\n  ionRoute: any;\n  stackManager: any;\n  locationHistory: LocationHistory;\n}\n\nexport class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {\n  ionRouterContextValue: IonRouterContextState = {\n    push: (\n      pathname: string,\n      routerDirection?: RouterDirection,\n      routeAction?: RouteAction,\n      routerOptions?: RouterOptions,\n      animationBuilder?: AnimationBuilder\n    ) => {\n      this.navigate(pathname, routerDirection, routeAction, animationBuilder, routerOptions);\n    },\n    back: (animationBuilder?: AnimationBuilder) => {\n      this.goBack(undefined, animationBuilder);\n    },\n    canGoBack: () => this.props.locationHistory.canGoBack(),\n    nativeBack: () => this.props.onNativeBack(),\n    routeInfo: this.props.routeInfo,\n  };\n\n  constructor(props: NavManagerProps) {\n    super(props);\n    this.state = {\n      goBack: this.goBack.bind(this),\n      hasIonicRouter: () => true,\n      navigate: this.navigate.bind(this),\n      getIonRedirect: this.getIonRedirect.bind(this),\n      getIonRoute: this.getIonRoute.bind(this),\n      getStackManager: this.getStackManager.bind(this),\n      getPageManager: this.getPageManager.bind(this),\n      routeInfo: this.props.routeInfo,\n      setCurrentTab: this.props.onSetCurrentTab,\n      changeTab: this.props.onChangeTab,\n      resetTab: this.props.onResetTab,\n    };\n  }\n\n  componentDidMount() {\n    if (typeof document !== 'undefined') {\n      this.handleHardwareBackButton = this.handleHardwareBackButton.bind(this);\n      document.addEventListener('ionBackButton', this.handleHardwareBackButton);\n    }\n  }\n\n  componentWillUnmount() {\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('ionBackButton', this.handleHardwareBackButton);\n    }\n  }\n\n  handleHardwareBackButton(e: any) {\n    e.detail.register(0, (processNextHandler: () => void) => {\n      this.nativeGoBack();\n      processNextHandler();\n    });\n  }\n\n  goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder) {\n    this.props.onNavigateBack(route, animationBuilder);\n  }\n\n  nativeGoBack() {\n    this.props.onNativeBack();\n  }\n\n  navigate(\n    path: string,\n    direction: RouterDirection = 'forward',\n    action: RouteAction = 'push',\n    animationBuilder?: AnimationBuilder,\n    options?: any,\n    tab?: string\n  ) {\n    this.props.onNavigate(path, action, direction, animationBuilder, options, tab);\n  }\n\n  getPageManager() {\n    return PageManager;\n  }\n\n  getIonRedirect() {\n    return this.props.ionRedirect;\n  }\n\n  getIonRoute() {\n    return this.props.ionRoute;\n  }\n\n  getStackManager() {\n    return this.props.stackManager;\n  }\n\n  render() {\n    return (\n      <NavContext.Provider value={{ ...this.state, routeInfo: this.props.routeInfo }}>\n        <IonRouterContext.Provider value={{ ...this.ionRouterContextValue, routeInfo: this.props.routeInfo }}>\n          {this.props.children}\n        </IonRouterContext.Provider>\n      </NavContext.Provider>\n    );\n  }\n}\n"],
+  "mappings": ";AACA,OAAO,WAAW;AAGlB,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAO3B,OAAO,iBAAiB;AAyBjB,aAAM,mBAAmB,MAAM,cAAgD;AAAA,EAmBpF,YAAY,OAAwB;AAClC,UAAM,KAAK;AAnBb,iCAA+C;AAAA,MAC7C,MAAM,CACJ,UACA,iBACA,aACA,eACA,qBACG;AACH,aAAK,SAAS,UAAU,iBAAiB,aAAa,kBAAkB,aAAa;AAAA,MACvF;AAAA,MACA,MAAM,CAAC,qBAAwC;AAC7C,aAAK,OAAO,QAAW,gBAAgB;AAAA,MACzC;AAAA,MACA,WAAW,MAAM,KAAK,MAAM,gBAAgB,UAAU;AAAA,MACtD,YAAY,MAAM,KAAK,MAAM,aAAa;AAAA,MAC1C,WAAW,KAAK,MAAM;AAAA,IACxB;AAIE,SAAK,QAAQ;AAAA,MACX,QAAQ,KAAK,OAAO,KAAK,IAAI;AAAA,MAC7B,gBAAgB,MAAM;AAAA,MACtB,UAAU,KAAK,SAAS,KAAK,IAAI;AAAA,MACjC,gBAAgB,KAAK,eAAe,KAAK,IAAI;AAAA,MAC7C,aAAa,KAAK,YAAY,KAAK,IAAI;AAAA,MACvC,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;AAAA,MAC/C,gBAAgB,KAAK,eAAe,KAAK,IAAI;AAAA,MAC7C,WAAW,KAAK,MAAM;AAAA,MACtB,eAAe,KAAK,MAAM;AAAA,MAC1B,WAAW,KAAK,MAAM;AAAA,MACtB,UAAU,KAAK,MAAM;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,QAAI,OAAO,aAAa,aAAa;AACnC,WAAK,2BAA2B,KAAK,yBAAyB,KAAK,IAAI;AACvE,eAAS,iBAAiB,iBAAiB,KAAK,wBAAwB;AAAA,IAC1E;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,QAAI,OAAO,aAAa,aAAa;AACnC,eAAS,oBAAoB,iBAAiB,KAAK,wBAAwB;AAAA,IAC7E;AAAA,EACF;AAAA,EAEA,yBAAyB,GAAQ;AAC/B,MAAE,OAAO,SAAS,GAAG,CAAC,uBAAmC;AACvD,WAAK,aAAa;AAClB,yBAAmB;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,OAA4B,kBAAqC;AACtE,SAAK,MAAM,eAAe,OAAO,gBAAgB;AAAA,EACnD;AAAA,EAEA,eAAe;AACb,SAAK,MAAM,aAAa;AAAA,EAC1B;AAAA,EAEA,SACE,MACA,YAA6B,WAC7B,SAAsB,QACtB,kBACA,SACA,KACA;AACA,SAAK,MAAM,WAAW,MAAM,QAAQ,WAAW,kBAAkB,SAAS,GAAG;AAAA,EAC/E;AAAA,EAEA,iBAAiB;AACf,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAEA,cAAc;AACZ,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAEA,kBAAkB;AAChB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA,EAEA,SAAS;AACP,WACE,oCAAC,WAAW,UAAX,EAAoB,OAAO,EAAE,GAAG,KAAK,OAAO,WAAW,KAAK,MAAM,UAAU,KAC3E,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,GAAG,KAAK,uBAAuB,WAAW,KAAK,MAAM,UAAU,KAChG,KAAK,MAAM,QACd,CACF;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/routing/OutletPageManager.js

@@ -0,0 +1,69 @@
+"use strict";
+import { componentOnReady } from "@ionic/core/components";
+import React from "react";
+import { IonRouterOutletInner } from "../components/inner-proxies";
+import { IonLifeCycleContext } from "../contexts/IonLifeCycleContext";
+import { StackContext } from "./StackContext";
+export class OutletPageManager extends React.Component {
+  constructor(props) {
+    super(props);
+    this.outletIsReady = false;
+    this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);
+    this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);
+    this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);
+    this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);
+  }
+  componentDidMount() {
+    if (this.ionRouterOutlet) {
+      if (!this.outletIsReady) {
+        componentOnReady(this.ionRouterOutlet, () => {
+          this.outletIsReady = true;
+          this.context.registerIonPage(this.ionRouterOutlet, this.props.routeInfo);
+        });
+      }
+      this.ionRouterOutlet.addEventListener("ionViewWillEnter", this.ionViewWillEnterHandler);
+      this.ionRouterOutlet.addEventListener("ionViewDidEnter", this.ionViewDidEnterHandler);
+      this.ionRouterOutlet.addEventListener("ionViewWillLeave", this.ionViewWillLeaveHandler);
+      this.ionRouterOutlet.addEventListener("ionViewDidLeave", this.ionViewDidLeaveHandler);
+    }
+  }
+  componentWillUnmount() {
+    if (this.ionRouterOutlet) {
+      this.ionRouterOutlet.removeEventListener("ionViewWillEnter", this.ionViewWillEnterHandler);
+      this.ionRouterOutlet.removeEventListener("ionViewDidEnter", this.ionViewDidEnterHandler);
+      this.ionRouterOutlet.removeEventListener("ionViewWillLeave", this.ionViewWillLeaveHandler);
+      this.ionRouterOutlet.removeEventListener("ionViewDidLeave", this.ionViewDidLeaveHandler);
+    }
+  }
+  ionViewWillEnterHandler() {
+    this.ionLifeCycleContext.ionViewWillEnter();
+  }
+  ionViewDidEnterHandler() {
+    this.ionLifeCycleContext.ionViewDidEnter();
+  }
+  ionViewWillLeaveHandler() {
+    this.ionLifeCycleContext.ionViewWillLeave();
+  }
+  ionViewDidLeaveHandler() {
+    this.ionLifeCycleContext.ionViewDidLeave();
+  }
+  render() {
+    const { StackManager, children, routeInfo, ...props } = this.props;
+    return /* @__PURE__ */ React.createElement(IonLifeCycleContext.Consumer, null, (context) => {
+      this.ionLifeCycleContext = context;
+      return /* @__PURE__ */ React.createElement(StackManager, { routeInfo }, /* @__PURE__ */ React.createElement(
+        IonRouterOutletInner,
+        {
+          setRef: (val) => this.ionRouterOutlet = val,
+          ...props
+        },
+        children
+      ));
+    });
+  }
+  static get contextType() {
+    return StackContext;
+  }
+}
+export default OutletPageManager;
+//# sourceMappingURL=OutletPageManager.js.map

package/dist/routing/OutletPageManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/routing/OutletPageManager.tsx"],
+  "sourcesContent": ["import { componentOnReady } from '@ionic/core/components';\nimport React from 'react';\n\nimport { IonRouterOutletInner } from '../components/inner-proxies';\nimport { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';\nimport type { RouteInfo } from '../models';\n\nimport { StackContext } from './StackContext';\n\ninterface OutletPageManagerProps {\n  className?: string;\n  forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;\n  routeInfo?: RouteInfo;\n  StackManager: any; // TODO(FW-2959): type\n}\n\nexport class OutletPageManager extends React.Component<OutletPageManagerProps> {\n  ionLifeCycleContext!: React.ContextType<typeof IonLifeCycleContext>;\n  context!: React.ContextType<typeof StackContext>;\n  ionRouterOutlet: HTMLIonRouterOutletElement | undefined;\n  outletIsReady: boolean;\n\n  constructor(props: OutletPageManagerProps) {\n    super(props);\n\n    this.outletIsReady = false;\n\n    /**\n     * This binds the scope of the following methods to the class scope.\n     * The `.bind` method returns a new function, so we need to assign it\n     * in the constructor rather than when adding or removing the listeners\n     * to avoid creating a new function.\n     */\n    this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);\n    this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);\n    this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);\n    this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.ionRouterOutlet) {\n      /**\n       * This avoids multiple raf calls\n       * when React unmounts + remounts components.\n       */\n      if (!this.outletIsReady) {\n        componentOnReady(this.ionRouterOutlet, () => {\n          this.outletIsReady = true;\n          this.context.registerIonPage(this.ionRouterOutlet!, this.props.routeInfo!);\n        });\n      }\n\n      this.ionRouterOutlet.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);\n      this.ionRouterOutlet.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);\n      this.ionRouterOutlet.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);\n      this.ionRouterOutlet.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.ionRouterOutlet) {\n      this.ionRouterOutlet.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);\n      this.ionRouterOutlet.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);\n      this.ionRouterOutlet.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);\n      this.ionRouterOutlet.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);\n    }\n  }\n\n  ionViewWillEnterHandler() {\n    this.ionLifeCycleContext.ionViewWillEnter();\n  }\n\n  ionViewDidEnterHandler() {\n    this.ionLifeCycleContext.ionViewDidEnter();\n  }\n\n  ionViewWillLeaveHandler() {\n    this.ionLifeCycleContext.ionViewWillLeave();\n  }\n\n  ionViewDidLeaveHandler() {\n    this.ionLifeCycleContext.ionViewDidLeave();\n  }\n\n  render() {\n    const { StackManager, children, routeInfo, ...props } = this.props;\n    return (\n      <IonLifeCycleContext.Consumer>\n        {(context) => {\n          this.ionLifeCycleContext = context;\n          return (\n            <StackManager routeInfo={routeInfo}>\n              <IonRouterOutletInner\n                setRef={(val: HTMLIonRouterOutletElement) => (this.ionRouterOutlet = val)}\n                {...props}\n              >\n                {children}\n              </IonRouterOutletInner>\n            </StackManager>\n          );\n        }}\n      </IonLifeCycleContext.Consumer>\n    );\n  }\n\n  static get contextType() {\n    return StackContext;\n  }\n}\nexport default OutletPageManager;\n"],
+  "mappings": ";AAAA,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAElB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAStB,aAAM,0BAA0B,MAAM,UAAkC;AAAA,EAM7E,YAAY,OAA+B;AACzC,UAAM,KAAK;AAEX,SAAK,gBAAgB;AAQrB,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AAAA,EACrE;AAAA,EAEA,oBAAoB;AAClB,QAAI,KAAK,iBAAiB;AAKxB,UAAI,CAAC,KAAK,eAAe;AACvB,yBAAiB,KAAK,iBAAiB,MAAM;AAC3C,eAAK,gBAAgB;AACrB,eAAK,QAAQ,gBAAgB,KAAK,iBAAkB,KAAK,MAAM,SAAU;AAAA,QAC3E,CAAC;AAAA,MACH;AAEA,WAAK,gBAAgB,iBAAiB,oBAAoB,KAAK,uBAAuB;AACtF,WAAK,gBAAgB,iBAAiB,mBAAmB,KAAK,sBAAsB;AACpF,WAAK,gBAAgB,iBAAiB,oBAAoB,KAAK,uBAAuB;AACtF,WAAK,gBAAgB,iBAAiB,mBAAmB,KAAK,sBAAsB;AAAA,IACtF;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,QAAI,KAAK,iBAAiB;AACxB,WAAK,gBAAgB,oBAAoB,oBAAoB,KAAK,uBAAuB;AACzF,WAAK,gBAAgB,oBAAoB,mBAAmB,KAAK,sBAAsB;AACvF,WAAK,gBAAgB,oBAAoB,oBAAoB,KAAK,uBAAuB;AACzF,WAAK,gBAAgB,oBAAoB,mBAAmB,KAAK,sBAAsB;AAAA,IACzF;AAAA,EACF;AAAA,EAEA,0BAA0B;AACxB,SAAK,oBAAoB,iBAAiB;AAAA,EAC5C;AAAA,EAEA,yBAAyB;AACvB,SAAK,oBAAoB,gBAAgB;AAAA,EAC3C;AAAA,EAEA,0BAA0B;AACxB,SAAK,oBAAoB,iBAAiB;AAAA,EAC5C;AAAA,EAEA,yBAAyB;AACvB,SAAK,oBAAoB,gBAAgB;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,cAAc,UAAU,WAAW,GAAG,MAAM,IAAI,KAAK;AAC7D,WACE,oCAAC,oBAAoB,UAApB,MACE,CAAC,YAAY;AACZ,WAAK,sBAAsB;AAC3B,aACE,oCAAC,gBAAa,aACZ;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ,CAAC,QAAqC,KAAK,kBAAkB;AAAA,UACpE,GAAG;AAAA;AAAA,QAEH;AAAA,MACH,CACF;AAAA,IAEJ,CACF;AAAA,EAEJ;AAAA,EAEA,WAAW,cAAc;AACvB,WAAO;AAAA,EACT;AACF;AACA,eAAe;",
+  "names": []
+}

package/dist/routing/PageManager.js

@@ -0,0 +1,60 @@
+"use strict";
+import React from "react";
+import { mergeRefs } from "../components/react-component-lib/utils";
+import { IonLifeCycleContext } from "../contexts/IonLifeCycleContext";
+import { StackContext } from "./StackContext";
+export class PageManager extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.ionPageElementRef = React.createRef();
+    this.stableMergedRefs = mergeRefs(this.ionPageElementRef, this.props.forwardedRef);
+    this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);
+    this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);
+    this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);
+    this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);
+  }
+  componentDidMount() {
+    if (this.ionPageElementRef.current) {
+      if (this.context.isInOutlet()) {
+        this.ionPageElementRef.current.classList.add("ion-page-invisible");
+      }
+      this.context.registerIonPage(this.ionPageElementRef.current, this.props.routeInfo);
+      this.ionPageElementRef.current.addEventListener("ionViewWillEnter", this.ionViewWillEnterHandler);
+      this.ionPageElementRef.current.addEventListener("ionViewDidEnter", this.ionViewDidEnterHandler);
+      this.ionPageElementRef.current.addEventListener("ionViewWillLeave", this.ionViewWillLeaveHandler);
+      this.ionPageElementRef.current.addEventListener("ionViewDidLeave", this.ionViewDidLeaveHandler);
+    }
+  }
+  componentWillUnmount() {
+    if (this.ionPageElementRef.current) {
+      this.ionPageElementRef.current.removeEventListener("ionViewWillEnter", this.ionViewWillEnterHandler);
+      this.ionPageElementRef.current.removeEventListener("ionViewDidEnter", this.ionViewDidEnterHandler);
+      this.ionPageElementRef.current.removeEventListener("ionViewWillLeave", this.ionViewWillLeaveHandler);
+      this.ionPageElementRef.current.removeEventListener("ionViewDidLeave", this.ionViewDidLeaveHandler);
+    }
+  }
+  ionViewWillEnterHandler() {
+    this.ionLifeCycleContext.ionViewWillEnter();
+  }
+  ionViewDidEnterHandler() {
+    this.ionLifeCycleContext.ionViewDidEnter();
+  }
+  ionViewWillLeaveHandler() {
+    this.ionLifeCycleContext.ionViewWillLeave();
+  }
+  ionViewDidLeaveHandler() {
+    this.ionLifeCycleContext.ionViewDidLeave();
+  }
+  render() {
+    const { className, children, routeInfo, forwardedRef, ...props } = this.props;
+    return /* @__PURE__ */ React.createElement(IonLifeCycleContext.Consumer, null, (context) => {
+      this.ionLifeCycleContext = context;
+      return /* @__PURE__ */ React.createElement("div", { className: className ? `${className} ion-page` : `ion-page`, ref: this.stableMergedRefs, ...props }, children);
+    });
+  }
+  static get contextType() {
+    return StackContext;
+  }
+}
+export default PageManager;
+//# sourceMappingURL=PageManager.js.map

package/dist/routing/PageManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/routing/PageManager.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { mergeRefs } from '../components/react-component-lib/utils';\nimport { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';\nimport type { RouteInfo } from '../models';\n\nimport { StackContext } from './StackContext';\n\ninterface PageManagerProps {\n  className?: string;\n  forwardedRef?: React.ForwardedRef<HTMLDivElement>;\n  routeInfo?: RouteInfo;\n}\n\nexport class PageManager extends React.PureComponent<PageManagerProps> {\n  ionLifeCycleContext!: React.ContextType<typeof IonLifeCycleContext>;\n  context!: React.ContextType<typeof StackContext>;\n  ionPageElementRef: React.RefObject<HTMLDivElement>;\n  stableMergedRefs: React.RefCallback<HTMLDivElement>;\n\n  constructor(props: PageManagerProps) {\n    super(props);\n    this.ionPageElementRef = React.createRef();\n    // React refs must be stable (not created inline).\n    this.stableMergedRefs = mergeRefs(this.ionPageElementRef, this.props.forwardedRef);\n\n    /**\n     * This binds the scope of the following methods to the class scope.\n     * The `.bind` method returns a new function, so we need to assign it\n     * in the constructor rather than when adding or removing the listeners\n     * to avoid creating a new function.\n     */\n    this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);\n    this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);\n    this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);\n    this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);\n  }\n\n  componentDidMount() {\n    if (this.ionPageElementRef.current) {\n      if (this.context.isInOutlet()) {\n        this.ionPageElementRef.current.classList.add('ion-page-invisible');\n      }\n      this.context.registerIonPage(this.ionPageElementRef.current, this.props.routeInfo!);\n      this.ionPageElementRef.current.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);\n      this.ionPageElementRef.current.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);\n      this.ionPageElementRef.current.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);\n      this.ionPageElementRef.current.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.ionPageElementRef.current) {\n      this.ionPageElementRef.current.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);\n      this.ionPageElementRef.current.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);\n      this.ionPageElementRef.current.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);\n      this.ionPageElementRef.current.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);\n    }\n  }\n\n  ionViewWillEnterHandler() {\n    this.ionLifeCycleContext.ionViewWillEnter();\n  }\n\n  ionViewDidEnterHandler() {\n    this.ionLifeCycleContext.ionViewDidEnter();\n  }\n\n  ionViewWillLeaveHandler() {\n    this.ionLifeCycleContext.ionViewWillLeave();\n  }\n\n  ionViewDidLeaveHandler() {\n    this.ionLifeCycleContext.ionViewDidLeave();\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { className, children, routeInfo, forwardedRef, ...props } = this.props;\n\n    return (\n      <IonLifeCycleContext.Consumer>\n        {(context) => {\n          this.ionLifeCycleContext = context;\n          return (\n            <div className={className ? `${className} ion-page` : `ion-page`} ref={this.stableMergedRefs} {...props}>\n              {children}\n            </div>\n          );\n        }}\n      </IonLifeCycleContext.Consumer>\n    );\n  }\n\n  static get contextType() {\n    return StackContext;\n  }\n}\nexport default PageManager;\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAGpC,SAAS,oBAAoB;AAQtB,aAAM,oBAAoB,MAAM,cAAgC;AAAA,EAMrE,YAAY,OAAyB;AACnC,UAAM,KAAK;AACX,SAAK,oBAAoB,MAAM,UAAU;AAEzC,SAAK,mBAAmB,UAAU,KAAK,mBAAmB,KAAK,MAAM,YAAY;AAQjF,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AAAA,EACrE;AAAA,EAEA,oBAAoB;AAClB,QAAI,KAAK,kBAAkB,SAAS;AAClC,UAAI,KAAK,QAAQ,WAAW,GAAG;AAC7B,aAAK,kBAAkB,QAAQ,UAAU,IAAI,oBAAoB;AAAA,MACnE;AACA,WAAK,QAAQ,gBAAgB,KAAK,kBAAkB,SAAS,KAAK,MAAM,SAAU;AAClF,WAAK,kBAAkB,QAAQ,iBAAiB,oBAAoB,KAAK,uBAAuB;AAChG,WAAK,kBAAkB,QAAQ,iBAAiB,mBAAmB,KAAK,sBAAsB;AAC9F,WAAK,kBAAkB,QAAQ,iBAAiB,oBAAoB,KAAK,uBAAuB;AAChG,WAAK,kBAAkB,QAAQ,iBAAiB,mBAAmB,KAAK,sBAAsB;AAAA,IAChG;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,QAAI,KAAK,kBAAkB,SAAS;AAClC,WAAK,kBAAkB,QAAQ,oBAAoB,oBAAoB,KAAK,uBAAuB;AACnG,WAAK,kBAAkB,QAAQ,oBAAoB,mBAAmB,KAAK,sBAAsB;AACjG,WAAK,kBAAkB,QAAQ,oBAAoB,oBAAoB,KAAK,uBAAuB;AACnG,WAAK,kBAAkB,QAAQ,oBAAoB,mBAAmB,KAAK,sBAAsB;AAAA,IACnG;AAAA,EACF;AAAA,EAEA,0BAA0B;AACxB,SAAK,oBAAoB,iBAAiB;AAAA,EAC5C;AAAA,EAEA,yBAAyB;AACvB,SAAK,oBAAoB,gBAAgB;AAAA,EAC3C;AAAA,EAEA,0BAA0B;AACxB,SAAK,oBAAoB,iBAAiB;AAAA,EAC5C;AAAA,EAEA,yBAAyB;AACvB,SAAK,oBAAoB,gBAAgB;AAAA,EAC3C;AAAA,EAEA,SAAS;AAEP,UAAM,EAAE,WAAW,UAAU,WAAW,cAAc,GAAG,MAAM,IAAI,KAAK;AAExE,WACE,oCAAC,oBAAoB,UAApB,MACE,CAAC,YAAY;AACZ,WAAK,sBAAsB;AAC3B,aACE,oCAAC,SAAI,WAAW,YAAY,GAAG,SAAS,cAAc,YAAY,KAAK,KAAK,kBAAmB,GAAG,SAC/F,QACH;AAAA,IAEJ,CACF;AAAA,EAEJ;AAAA,EAEA,WAAW,cAAc;AACvB,WAAO;AAAA,EACT;AACF;AACA,eAAe;",
+  "names": []
+}