@ionic/vue 7.5.3-dev.11698760841.12aff234 → 7.5.3-dev.11698856380.18896dcd

package/dist/components/IonApp.js

@@ -0,0 +1,25 @@
+import { defineCustomElement } from "@ionic/core/components/ion-app.js";
+import { h, defineComponent, shallowRef } from "vue";
+const userComponents = shallowRef([]);
+export const IonApp = /* @__PURE__ */ defineComponent((_, { attrs, slots }) => {
+  defineCustomElement();
+  return () => {
+    return h(
+      "ion-app",
+      {
+        ...attrs
+      },
+      [slots.default && slots.default(), ...userComponents.value]
+    );
+  };
+});
+IonApp.name = "IonApp";
+export const addTeleportedUserComponent = (component) => {
+  userComponents.value = [...userComponents.value, component];
+};
+export const removeTeleportedUserComponent = (component) => {
+  userComponents.value = userComponents.value.filter(
+    (cmp) => cmp !== component
+  );
+};
+//# sourceMappingURL=IonApp.js.map

package/dist/components/IonApp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonApp.ts"],
+  "sourcesContent": ["import { defineCustomElement } from \"@ionic/core/components/ion-app.js\";\nimport type { VNode } from \"vue\";\nimport { h, defineComponent, shallowRef } from \"vue\";\n\nconst userComponents = shallowRef([]);\nexport const IonApp = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {\n  defineCustomElement();\n  return () => {\n    return h(\n      \"ion-app\",\n      {\n        ...attrs,\n      },\n      [slots.default && slots.default(), ...userComponents.value]\n    );\n  };\n});\n\nIonApp.name = \"IonApp\";\n\n/**\n * When rendering user components inside of\n * ion-modal, or ion-popover the component\n * needs to be created inside of the current application\n * context otherwise libraries such as vue-i18n or vuex\n * will not work properly.\n *\n * `userComponents` renders teleported components as children\n * of `ion-app` within the current application context.\n */\nexport const addTeleportedUserComponent = (component: VNode) => {\n  userComponents.value = [...userComponents.value, component];\n};\n\nexport const removeTeleportedUserComponent = (component: VNode) => {\n  userComponents.value = userComponents.value.filter(\n    (cmp) => cmp !== component\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,GAAG,iBAAiB,kBAAkB;AAE/C,MAAM,iBAAiB,WAAW,CAAC,CAAC;AAC7B,aAAM,SAAuB,gCAAgB,CAAC,GAAG,EAAE,OAAO,MAAM,MAAM;AAC3E,sBAAoB;AACpB,SAAO,MAAM;AACX,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,GAAG;AAAA,MACL;AAAA,MACA,CAAC,MAAM,WAAW,MAAM,QAAQ,GAAG,GAAG,eAAe,KAAK;AAAA,IAC5D;AAAA,EACF;AACF,CAAC;AAED,OAAO,OAAO;AAYP,aAAM,6BAA6B,CAAC,cAAqB;AAC9D,iBAAe,QAAQ,CAAC,GAAG,eAAe,OAAO,SAAS;AAC5D;AAEO,aAAM,gCAAgC,CAAC,cAAqB;AACjE,iBAAe,QAAQ,eAAe,MAAM;AAAA,IAC1C,CAAC,QAAQ,QAAQ;AAAA,EACnB;AACF;",
+  "names": []
+}

package/dist/components/IonBackButton.js

@@ -0,0 +1,28 @@
+import { defineCustomElement } from "@ionic/core/components/ion-back-button.js";
+import { h, inject, defineComponent } from "vue";
+export const IonBackButton = /* @__PURE__ */ defineComponent(
+  (_, { attrs, slots }) => {
+    defineCustomElement();
+    const ionRouter = inject("navManager");
+    const onClick = () => {
+      if (ionRouter === void 0) {
+        return;
+      }
+      const defaultHref = attrs["default-href"] || attrs["defaultHref"];
+      const routerAnimation = attrs["router-animation"] || attrs["routerAnimation"];
+      ionRouter.handleNavigateBack(defaultHref, routerAnimation);
+    };
+    return () => {
+      return h(
+        "ion-back-button",
+        {
+          onClick,
+          ...attrs
+        },
+        slots.default && slots.default()
+      );
+    };
+  }
+);
+IonBackButton.name = "IonBackButton";
+//# sourceMappingURL=IonBackButton.js.map

package/dist/components/IonBackButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonBackButton.ts"],
+  "sourcesContent": ["import { defineCustomElement } from \"@ionic/core/components/ion-back-button.js\";\nimport { h, inject, defineComponent } from \"vue\";\n\nexport const IonBackButton = /*@__PURE__*/ defineComponent(\n  (_, { attrs, slots }) => {\n    defineCustomElement();\n\n    // TODO(FW-2969): type\n    const ionRouter: any = inject(\"navManager\");\n\n    const onClick = () => {\n      /**\n       * When using ion-back-button outside of\n       * a routing context, ionRouter is undefined.\n       */\n      if (ionRouter === undefined) {\n        return;\n      }\n\n      const defaultHref = attrs[\"default-href\"] || attrs[\"defaultHref\"];\n      const routerAnimation =\n        attrs[\"router-animation\"] || attrs[\"routerAnimation\"];\n\n      ionRouter.handleNavigateBack(defaultHref, routerAnimation);\n    };\n\n    return () => {\n      return h(\n        \"ion-back-button\",\n        {\n          onClick,\n          ...attrs,\n        },\n        slots.default && slots.default()\n      );\n    };\n  }\n);\n\nIonBackButton.name = \"IonBackButton\";\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AACpC,SAAS,GAAG,QAAQ,uBAAuB;AAEpC,aAAM,gBAA8B;AAAA,EACzC,CAAC,GAAG,EAAE,OAAO,MAAM,MAAM;AACvB,wBAAoB;AAGpB,UAAM,YAAiB,OAAO,YAAY;AAE1C,UAAM,UAAU,MAAM;AAKpB,UAAI,cAAc,QAAW;AAC3B;AAAA,MACF;AAEA,YAAM,cAAc,MAAM,cAAc,KAAK,MAAM,aAAa;AAChE,YAAM,kBACJ,MAAM,kBAAkB,KAAK,MAAM,iBAAiB;AAEtD,gBAAU,mBAAmB,aAAa,eAAe;AAAA,IAC3D;AAEA,WAAO,MAAM;AACX,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE;AAAA,UACA,GAAG;AAAA,QACL;AAAA,QACA,MAAM,WAAW,MAAM,QAAQ;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF;AAEA,cAAc,OAAO;",
+  "names": []
+}

package/dist/components/IonIcon.js

@@ -0,0 +1,45 @@
+import { defineCustomElement } from "ionicons/components/ion-icon.js";
+import { h, defineComponent } from "vue";
+import { getConfig } from "../utils";
+export const IonIcon = /* @__PURE__ */ defineComponent({
+  name: "IonIcon",
+  props: {
+    color: String,
+    flipRtl: Boolean,
+    icon: String,
+    ios: String,
+    lazy: String,
+    md: String,
+    mode: String,
+    name: String,
+    size: String,
+    src: String
+  },
+  setup(props, { slots }) {
+    defineCustomElement();
+    return () => {
+      const { icon, ios, md, mode } = props;
+      let iconToUse;
+      const config = getConfig();
+      const iconMode = mode || config?.get("mode");
+      if (ios || md) {
+        if (iconMode === "ios") {
+          iconToUse = ios ?? md ?? icon;
+        } else {
+          iconToUse = md ?? ios ?? icon;
+        }
+      } else {
+        iconToUse = icon;
+      }
+      return h(
+        "ion-icon",
+        {
+          ...props,
+          icon: iconToUse
+        },
+        slots
+      );
+    };
+  }
+});
+//# sourceMappingURL=IonIcon.js.map

package/dist/components/IonIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonIcon.ts"],
+  "sourcesContent": ["import { defineCustomElement } from \"ionicons/components/ion-icon.js\";\nimport { h, defineComponent } from \"vue\";\n\nimport { getConfig } from \"../utils\";\n\nexport const IonIcon = /*@__PURE__*/ defineComponent({\n  name: \"IonIcon\",\n  props: {\n    color: String,\n    flipRtl: Boolean,\n    icon: String,\n    ios: String,\n    lazy: String,\n    md: String,\n    mode: String,\n    name: String,\n    size: String,\n    src: String,\n  },\n  setup(props, { slots }) {\n    defineCustomElement();\n    return () => {\n      const { icon, ios, md, mode } = props;\n\n      let iconToUse: typeof icon;\n\n      const config = getConfig();\n      const iconMode = mode || config?.get(\"mode\");\n\n      if (ios || md) {\n        if (iconMode === \"ios\") {\n          iconToUse = ios ?? md ?? icon;\n        } else {\n          iconToUse = md ?? ios ?? icon;\n        }\n      } else {\n        iconToUse = icon;\n      }\n\n      return h(\n        \"ion-icon\",\n        {\n          ...props,\n          icon: iconToUse,\n        },\n        slots\n      );\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AACpC,SAAS,GAAG,uBAAuB;AAEnC,SAAS,iBAAiB;AAEnB,aAAM,UAAwB,gCAAgB;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,MAAM,OAAO,EAAE,MAAM,GAAG;AACtB,wBAAoB;AACpB,WAAO,MAAM;AACX,YAAM,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI;AAEhC,UAAI;AAEJ,YAAM,SAAS,UAAU;AACzB,YAAM,WAAW,QAAQ,QAAQ,IAAI,MAAM;AAE3C,UAAI,OAAO,IAAI;AACb,YAAI,aAAa,OAAO;AACtB,sBAAY,OAAO,MAAM;AAAA,QAC3B,OAAO;AACL,sBAAY,MAAM,OAAO;AAAA,QAC3B;AAAA,MACF,OAAO;AACL,oBAAY;AAAA,MACd;AAEA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,MAAM;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/components/IonNav.js

@@ -0,0 +1,15 @@
+import { defineCustomElement } from "@ionic/core/components/ion-nav.js";
+import { defineComponent, h, shallowRef } from "vue";
+import { VueDelegate } from "../framework-delegate";
+export const IonNav = /* @__PURE__ */ defineComponent(() => {
+  defineCustomElement();
+  const views = shallowRef([]);
+  const addView = (component) => views.value = [...views.value, component];
+  const removeView = (component) => views.value = views.value.filter((cmp) => cmp !== component);
+  const delegate = VueDelegate(addView, removeView);
+  return () => {
+    return h("ion-nav", { delegate }, views.value);
+  };
+});
+IonNav.name = "IonNav";
+//# sourceMappingURL=IonNav.js.map

package/dist/components/IonNav.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonNav.ts"],
+  "sourcesContent": ["import { defineCustomElement } from \"@ionic/core/components/ion-nav.js\";\nimport type { VNode } from \"vue\";\nimport { defineComponent, h, shallowRef } from \"vue\";\n\nimport { VueDelegate } from \"../framework-delegate\";\n\nexport const IonNav = /*@__PURE__*/ defineComponent(() => {\n  defineCustomElement();\n  const views = shallowRef([]);\n\n  /**\n   * Allows us to create the component\n   * within the Vue application context.\n   */\n  const addView = (component: VNode) =>\n    (views.value = [...views.value, component]);\n  const removeView = (component: VNode) =>\n    (views.value = views.value.filter((cmp) => cmp !== component));\n\n  const delegate = VueDelegate(addView, removeView);\n  return () => {\n    return h(\"ion-nav\", { delegate }, views.value);\n  };\n});\n\nIonNav.name = \"IonNav\";\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,iBAAiB,GAAG,kBAAkB;AAE/C,SAAS,mBAAmB;AAErB,aAAM,SAAuB,gCAAgB,MAAM;AACxD,sBAAoB;AACpB,QAAM,QAAQ,WAAW,CAAC,CAAC;AAM3B,QAAM,UAAU,CAAC,cACd,MAAM,QAAQ,CAAC,GAAG,MAAM,OAAO,SAAS;AAC3C,QAAM,aAAa,CAAC,cACjB,MAAM,QAAQ,MAAM,MAAM,OAAO,CAAC,QAAQ,QAAQ,SAAS;AAE9D,QAAM,WAAW,YAAY,SAAS,UAAU;AAChD,SAAO,MAAM;AACX,WAAO,EAAE,WAAW,EAAE,SAAS,GAAG,MAAM,KAAK;AAAA,EAC/C;AACF,CAAC;AAED,OAAO,OAAO;",
+  "names": []
+}

package/dist/components/IonPage.js

@@ -0,0 +1,26 @@
+import { h, defineComponent } from "vue";
+export const IonPage = /* @__PURE__ */ defineComponent({
+  name: "IonPage",
+  props: {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    registerIonPage: { type: Function, default: () => {
+    } }
+  },
+  mounted() {
+    this.$props.registerIonPage(this.$refs.ionPage);
+  },
+  setup(_, { attrs, slots }) {
+    return () => {
+      return h(
+        "div",
+        {
+          ...attrs,
+          ["class"]: "ion-page",
+          ref: "ionPage"
+        },
+        slots.default && slots.default()
+      );
+    };
+  }
+});
+//# sourceMappingURL=IonPage.js.map

package/dist/components/IonPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonPage.ts"],
+  "sourcesContent": ["import { h, defineComponent } from \"vue\";\n\nexport const IonPage = /*@__PURE__*/ defineComponent({\n  name: \"IonPage\",\n  props: {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    registerIonPage: { type: Function, default: () => {} },\n  },\n  mounted() {\n    this.$props.registerIonPage(this.$refs.ionPage);\n  },\n  setup(_, { attrs, slots }) {\n    return () => {\n      return h(\n        \"div\",\n        {\n          ...attrs,\n          [\"class\"]: \"ion-page\",\n          ref: \"ionPage\",\n        },\n        slots.default && slots.default()\n      );\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,GAAG,uBAAuB;AAE5B,aAAM,UAAwB,gCAAgB;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,iBAAiB,EAAE,MAAM,UAAU,SAAS,MAAM;AAAA,IAAC,EAAE;AAAA,EACvD;AAAA,EACA,UAAU;AACR,SAAK,OAAO,gBAAgB,KAAK,MAAM,OAAO;AAAA,EAChD;AAAA,EACA,MAAM,GAAG,EAAE,OAAO,MAAM,GAAG;AACzB,WAAO,MAAM;AACX,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,CAAC,OAAO,GAAG;AAAA,UACX,KAAK;AAAA,QACP;AAAA,QACA,MAAM,WAAW,MAAM,QAAQ;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/components/IonRouterOutlet.js

@@ -0,0 +1,336 @@
+import {
+  LIFECYCLE_DID_ENTER,
+  LIFECYCLE_DID_LEAVE,
+  LIFECYCLE_WILL_ENTER,
+  LIFECYCLE_WILL_LEAVE
+} from "@ionic/core/components";
+import { defineCustomElement } from "@ionic/core/components/ion-router-outlet.js";
+import {
+  h,
+  defineComponent,
+  ref,
+  computed,
+  inject,
+  provide,
+  watch,
+  shallowRef,
+  onUnmounted
+} from "vue";
+import { matchedRouteKey, routeLocationKey, useRoute } from "vue-router";
+import { fireLifecycle, generateId, getConfig } from "../utils";
+const isViewVisible = (enteringEl) => {
+  return !enteringEl.classList.contains("ion-page-hidden") && !enteringEl.classList.contains("ion-page-invisible");
+};
+const viewDepthKey = Symbol(0);
+export const IonRouterOutlet = /* @__PURE__ */ defineComponent({
+  name: "IonRouterOutlet",
+  setup() {
+    defineCustomElement();
+    const injectedRoute = inject(routeLocationKey);
+    const route = useRoute();
+    const depth = inject(viewDepthKey, 0);
+    const matchedRouteRef = computed(() => route.matched[depth]);
+    let previousMatchedRouteRef;
+    let previousMatchedPath;
+    provide(viewDepthKey, depth + 1);
+    provide(matchedRouteKey, matchedRouteRef);
+    const ionRouterOutlet = ref();
+    const id = generateId("ion-router-outlet");
+    const ionRouter = inject("navManager");
+    const viewStacks = inject("viewStacks");
+    const components = shallowRef([]);
+    let skipTransition = false;
+    let parentOutletPath;
+    watch(
+      () => [route, matchedRouteRef.value],
+      ([currentRoute, currentMatchedRouteRef]) => {
+        if (currentMatchedRouteRef !== void 0) {
+          const matchedDifferentRoutes = currentMatchedRouteRef !== previousMatchedRouteRef;
+          const matchedDifferentParameterRoutes = currentRoute.matched[currentRoute.matched.length - 1] === currentMatchedRouteRef && currentRoute.path !== previousMatchedPath;
+          if (matchedDifferentRoutes || matchedDifferentParameterRoutes) {
+            setupViewItem(matchedRouteRef);
+          }
+        }
+        previousMatchedRouteRef = currentMatchedRouteRef;
+        previousMatchedPath = currentRoute.path;
+      }
+    );
+    const canStart = () => {
+      const config = getConfig();
+      const swipeEnabled = config && config.get("swipeBackEnabled", ionRouterOutlet.value.mode === "ios");
+      if (!swipeEnabled)
+        return false;
+      const stack = viewStacks.getViewStack(id);
+      if (!stack || stack.length <= 1)
+        return false;
+      const routeInfo = ionRouter.getLeavingRouteInfo();
+      const enteringViewItem = viewStacks.findViewItemByRouteInfo(
+        { pathname: routeInfo.pushedByRoute || "" },
+        id
+      );
+      return !!enteringViewItem;
+    };
+    const onStart = async () => {
+      const routeInfo = ionRouter.getLeavingRouteInfo();
+      const { routerAnimation } = routeInfo;
+      const enteringViewItem = viewStacks.findViewItemByRouteInfo(
+        { pathname: routeInfo.pushedByRoute || "" },
+        id
+      );
+      const leavingViewItem = viewStacks.findViewItemByRouteInfo(routeInfo, id);
+      if (leavingViewItem) {
+        let animationBuilder = routerAnimation;
+        const enteringEl = enteringViewItem.ionPageElement;
+        const leavingEl = leavingViewItem.ionPageElement;
+        const customAnimation = enteringViewItem.routerAnimation;
+        if (animationBuilder === void 0 && customAnimation !== void 0) {
+          animationBuilder = customAnimation;
+        }
+        leavingViewItem.routerAnimation = animationBuilder;
+        await transition(
+          enteringEl,
+          leavingEl,
+          "back",
+          ionRouter.canGoBack(2),
+          true,
+          animationBuilder
+        );
+      }
+      return Promise.resolve();
+    };
+    const onEnd = (shouldContinue) => {
+      if (shouldContinue) {
+        skipTransition = true;
+        ionRouter.handleNavigateBack();
+      } else {
+        const routeInfo = ionRouter.getCurrentRouteInfo();
+        const enteringViewItem = viewStacks.findViewItemByRouteInfo(
+          { pathname: routeInfo.pushedByRoute || "" },
+          id
+        );
+        enteringViewItem.ionPageElement.setAttribute("aria-hidden", "true");
+        enteringViewItem.ionPageElement.classList.add("ion-page-hidden");
+      }
+    };
+    watch(ionRouterOutlet, () => {
+      ionRouterOutlet.value.swipeHandler = {
+        canStart,
+        onStart,
+        onEnd
+      };
+    });
+    const transition = async (enteringEl, leavingEl, direction, showGoBack, progressAnimation, animationBuilder) => {
+      if (skipTransition) {
+        skipTransition = false;
+        return Promise.resolve(false);
+      }
+      if (enteringEl === leavingEl) {
+        return Promise.resolve(false);
+      }
+      enteringEl.classList.add("ion-page-invisible");
+      const hasRootDirection = direction === void 0 || direction === "root" || direction === "none";
+      const result = await ionRouterOutlet.value.commit(enteringEl, leavingEl, {
+        /**
+         * replace operations result in a direction of none.
+         * These typically do not have need animations, so we set
+         * the duration to 0. However, if a developer explicitly
+         * passes an animationBuilder, we should assume that
+         * they want an animation to be played even
+         * though it is a replace operation.
+         */
+        duration: hasRootDirection && animationBuilder === void 0 ? 0 : void 0,
+        direction,
+        showGoBack,
+        progressAnimation,
+        animationBuilder
+      });
+      return result;
+    };
+    const handlePageTransition = async () => {
+      const routeInfo = ionRouter.getCurrentRouteInfo();
+      const {
+        routerDirection,
+        routerAction,
+        routerAnimation,
+        prevRouteLastPathname,
+        delta
+      } = routeInfo;
+      const enteringViewItem = viewStacks.findViewItemByRouteInfo(
+        routeInfo,
+        id
+      );
+      let leavingViewItem = viewStacks.findLeavingViewItemByRouteInfo(
+        routeInfo,
+        id
+      );
+      const enteringEl = enteringViewItem.ionPageElement;
+      if (enteringEl === void 0) {
+        console.warn(`[@ionic/vue Warning]: The view you are trying to render for path ${routeInfo.pathname} does not have the required <ion-page> component. Transitions and lifecycle methods may not work as expected.
+
+See https://ionicframework.com/docs/vue/navigation#ionpage for more information.`);
+      }
+      if (enteringViewItem === leavingViewItem)
+        return;
+      if (!leavingViewItem && prevRouteLastPathname) {
+        leavingViewItem = viewStacks.findViewItemByPathname(
+          prevRouteLastPathname,
+          id
+        );
+      }
+      if (isViewVisible(enteringEl) && leavingViewItem?.ionPageElement !== void 0 && !isViewVisible(leavingViewItem.ionPageElement)) {
+        return;
+      }
+      fireLifecycle(
+        enteringViewItem.vueComponent,
+        enteringViewItem.vueComponentRef,
+        LIFECYCLE_WILL_ENTER
+      );
+      if (leavingViewItem?.ionPageElement && enteringViewItem !== leavingViewItem) {
+        let animationBuilder = routerAnimation;
+        const leavingEl = leavingViewItem.ionPageElement;
+        fireLifecycle(
+          leavingViewItem.vueComponent,
+          leavingViewItem.vueComponentRef,
+          LIFECYCLE_WILL_LEAVE
+        );
+        const customAnimation = enteringViewItem.routerAnimation;
+        if (animationBuilder === void 0 && routerDirection === "back" && customAnimation !== void 0) {
+          animationBuilder = customAnimation;
+        }
+        leavingViewItem.routerAnimation = animationBuilder;
+        await transition(
+          enteringEl,
+          leavingEl,
+          routerDirection,
+          !!routeInfo.pushedByRoute,
+          false,
+          animationBuilder
+        );
+        leavingEl.classList.add("ion-page-hidden");
+        leavingEl.setAttribute("aria-hidden", "true");
+        const usingLinearNavigation = viewStacks.size() === 1;
+        if (routerAction === "replace") {
+          leavingViewItem.mount = false;
+          leavingViewItem.ionPageElement = void 0;
+          leavingViewItem.ionRoute = false;
+        } else if (!(routerAction === "push" && routerDirection === "forward")) {
+          const shouldLeavingViewBeRemoved = routerDirection !== "none" && leavingViewItem && enteringViewItem !== leavingViewItem;
+          if (shouldLeavingViewBeRemoved) {
+            leavingViewItem.mount = false;
+            leavingViewItem.ionPageElement = void 0;
+            leavingViewItem.ionRoute = false;
+            if (usingLinearNavigation) {
+              viewStacks.unmountLeavingViews(id, enteringViewItem, delta);
+            }
+          }
+        } else if (usingLinearNavigation) {
+          viewStacks.mountIntermediaryViews(id, leavingViewItem, delta);
+        }
+        fireLifecycle(
+          leavingViewItem.vueComponent,
+          leavingViewItem.vueComponentRef,
+          LIFECYCLE_DID_LEAVE
+        );
+      } else {
+        requestAnimationFrame(
+          () => enteringEl.classList.remove("ion-page-invisible")
+        );
+      }
+      fireLifecycle(
+        enteringViewItem.vueComponent,
+        enteringViewItem.vueComponentRef,
+        LIFECYCLE_DID_ENTER
+      );
+      components.value = viewStacks.getChildrenToRender(id);
+    };
+    const setupViewItem = (matchedRouteRef2) => {
+      const firstMatchedRoute = route.matched[0];
+      if (!parentOutletPath) {
+        parentOutletPath = firstMatchedRoute.path;
+      }
+      if (!matchedRouteRef2.value || matchedRouteRef2.value !== firstMatchedRoute && firstMatchedRoute.path !== parentOutletPath) {
+        return;
+      }
+      const currentRoute = ionRouter.getCurrentRouteInfo();
+      let enteringViewItem = viewStacks.findViewItemByRouteInfo(
+        currentRoute,
+        id
+      );
+      if (!enteringViewItem) {
+        enteringViewItem = viewStacks.createViewItem(
+          id,
+          matchedRouteRef2.value.components.default,
+          matchedRouteRef2.value,
+          currentRoute
+        );
+        viewStacks.add(enteringViewItem);
+      }
+      if (!enteringViewItem.mount) {
+        enteringViewItem.mount = true;
+        enteringViewItem.registerCallback = () => {
+          handlePageTransition();
+          enteringViewItem.registerCallback = void 0;
+        };
+      } else {
+        handlePageTransition();
+      }
+      components.value = viewStacks.getChildrenToRender(id);
+    };
+    if (matchedRouteRef.value) {
+      setupViewItem(matchedRouteRef);
+    }
+    onUnmounted(() => viewStacks.clear(id));
+    const registerIonPage = (viewItem, ionPageEl) => {
+      const oldIonPageEl = viewItem.ionPageElement;
+      viewStacks.registerIonPage(viewItem, ionPageEl);
+      if (viewItem.registerCallback) {
+        ionPageEl.classList.add("ion-page-invisible");
+        viewItem.registerCallback();
+      } else if (oldIonPageEl && !oldIonPageEl.classList.contains("ion-page-invisible")) {
+        ionPageEl.classList.remove("ion-page-invisible");
+      }
+    };
+    return {
+      id,
+      components,
+      injectedRoute,
+      ionRouterOutlet,
+      registerIonPage
+    };
+  },
+  render() {
+    const { components, registerIonPage, injectedRoute } = this;
+    return h(
+      "ion-router-outlet",
+      { ref: "ionRouterOutlet" },
+      components && components.map((c) => {
+        let props = {
+          ref: c.vueComponentRef,
+          key: c.pathname,
+          registerIonPage: (ionPageEl) => registerIonPage(c, ionPageEl)
+        };
+        const routePropsOption = c.matchedRoute?.props?.default;
+        const getPropsFunctionResult = () => {
+          const cachedPropsResult = c.vueComponentData?.propsFunctionResult;
+          if (cachedPropsResult) {
+            return cachedPropsResult;
+          } else {
+            const propsFunctionResult = routePropsOption(injectedRoute);
+            c.vueComponentData = {
+              ...c.vueComponentData,
+              propsFunctionResult
+            };
+            return propsFunctionResult;
+          }
+        };
+        const routeProps = routePropsOption ? routePropsOption === true ? c.params : typeof routePropsOption === "function" ? getPropsFunctionResult() : routePropsOption : null;
+        props = {
+          ...props,
+          ...routeProps
+        };
+        return h(c.vueComponent, props);
+      })
+    );
+  }
+});
+//# sourceMappingURL=IonRouterOutlet.js.map

package/dist/components/IonRouterOutlet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/IonRouterOutlet.ts"],
+  "sourcesContent": ["import type { AnimationBuilder } from \"@ionic/core/components\";\nimport {\n  LIFECYCLE_DID_ENTER,\n  LIFECYCLE_DID_LEAVE,\n  LIFECYCLE_WILL_ENTER,\n  LIFECYCLE_WILL_LEAVE,\n} from \"@ionic/core/components\";\nimport { defineCustomElement } from \"@ionic/core/components/ion-router-outlet.js\";\nimport {\n  h,\n  defineComponent,\n  ref,\n  computed,\n  inject,\n  provide,\n  watch,\n  shallowRef,\n  onUnmounted,\n} from \"vue\";\nimport type { InjectionKey, Ref } from \"vue\";\nimport { matchedRouteKey, routeLocationKey, useRoute } from \"vue-router\";\n\nimport { fireLifecycle, generateId, getConfig } from \"../utils\";\n\n// TODO(FW-2969): types\n\nconst isViewVisible = (enteringEl: HTMLElement) => {\n  return (\n    !enteringEl.classList.contains(\"ion-page-hidden\") &&\n    !enteringEl.classList.contains(\"ion-page-invisible\")\n  );\n};\n\nconst viewDepthKey: InjectionKey<0> = Symbol(0);\nexport const IonRouterOutlet = /*@__PURE__*/ defineComponent({\n  name: \"IonRouterOutlet\",\n  setup() {\n    defineCustomElement();\n\n    const injectedRoute = inject(routeLocationKey)!;\n    const route = useRoute();\n    const depth = inject(viewDepthKey, 0);\n    const matchedRouteRef: any = computed(() => route.matched[depth]);\n    let previousMatchedRouteRef: Ref | undefined;\n    let previousMatchedPath: string | undefined;\n\n    provide(viewDepthKey, depth + 1);\n    provide(matchedRouteKey, matchedRouteRef);\n\n    const ionRouterOutlet = ref();\n    const id = generateId(\"ion-router-outlet\");\n\n    const ionRouter: any = inject(\"navManager\");\n    const viewStacks: any = inject(\"viewStacks\");\n\n    const components = shallowRef([]);\n\n    let skipTransition = false;\n\n    // The base url for this router outlet\n    let parentOutletPath: string;\n\n    /**\n     * Note: Do not listen for matchedRouteRef by itself here\n     * as the callback will not fire for parameterized routes (i.e. /page/:id).\n     * So going from /page/1 to /page/2 would not fire this callback if we\n     * only listened for changes to matchedRouteRef.\n     */\n    watch(\n      () => [route, matchedRouteRef.value],\n      ([currentRoute, currentMatchedRouteRef]) => {\n        /**\n         * This callback checks whether or not a router outlet\n         * needs to respond to a change in the matched route.\n         * It handles a few cases:\n         * 1. The matched route is undefined. This means that\n         * the matched route is not applicable to this outlet.\n         * For example, a /settings route is not applicable\n         * to a /tabs/... route.\n         *\n         * Note: When going back to a tabs outlet from a non-tabs outlet,\n         * the tabs outlet should NOT attempt a page transition from the\n         * previous tab to the active tab. To do this we compare the current\n         * route with the previous route. Unfortunately, we cannot rely on the\n         * previous value provided by Vue in the watch callback. This is because\n         * when coming back to the tabs context, the previous matched route will\n         * be undefined (because nothing in the tabs context matches /settings)\n         * but the current matched route will be defined and so a transition\n         * will always occur.\n         *\n         * 2. The matched route is defined and is different than\n         * the previously matched route. This is the most\n         * common case such as when you go from /page1 to /page2.\n         *\n         * 3. The matched route is the same but the parameters are different.\n         * This is a special case for parameterized routes (i.e. /page/:id).\n         * When going from /page/1 to /page/2, the matched route object will\n         * be the same, but we still need to perform a page transition. To do this\n         * we check if the parameters are different (i.e. 1 vs 2). To avoid enumerating\n         * all of the keys in the params object, we check the url path to\n         * see if they are different after ensuring we are in a parameterized route.\n         */\n        if (currentMatchedRouteRef !== undefined) {\n          const matchedDifferentRoutes =\n            currentMatchedRouteRef !== previousMatchedRouteRef;\n          const matchedDifferentParameterRoutes =\n            currentRoute.matched[currentRoute.matched.length - 1] ===\n              currentMatchedRouteRef &&\n            currentRoute.path !== previousMatchedPath;\n\n          if (matchedDifferentRoutes || matchedDifferentParameterRoutes) {\n            setupViewItem(matchedRouteRef);\n          }\n        }\n\n        previousMatchedRouteRef = currentMatchedRouteRef;\n        previousMatchedPath = currentRoute.path;\n      }\n    );\n\n    const canStart = () => {\n      const config = getConfig();\n      const swipeEnabled =\n        config &&\n        config.get(\"swipeBackEnabled\", ionRouterOutlet.value.mode === \"ios\");\n      if (!swipeEnabled) return false;\n\n      const stack = viewStacks.getViewStack(id);\n      if (!stack || stack.length <= 1) return false;\n\n      /**\n       * We only want to outlet of the entering view\n       * to respond to this gesture, so check\n       * to make sure the view is in the outlet we want.\n       */\n      const routeInfo = ionRouter.getLeavingRouteInfo();\n      const enteringViewItem = viewStacks.findViewItemByRouteInfo(\n        { pathname: routeInfo.pushedByRoute || \"\" },\n        id\n      );\n\n      return !!enteringViewItem;\n    };\n    const onStart = async () => {\n      const routeInfo = ionRouter.getLeavingRouteInfo();\n      const { routerAnimation } = routeInfo;\n      const enteringViewItem = viewStacks.findViewItemByRouteInfo(\n        { pathname: routeInfo.pushedByRoute || \"\" },\n        id\n      );\n      const leavingViewItem = viewStacks.findViewItemByRouteInfo(routeInfo, id);\n\n      if (leavingViewItem) {\n        let animationBuilder = routerAnimation;\n        const enteringEl = enteringViewItem.ionPageElement;\n        const leavingEl = leavingViewItem.ionPageElement;\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 = enteringViewItem.routerAnimation;\n        if (animationBuilder === undefined && customAnimation !== undefined) {\n          animationBuilder = customAnimation;\n        }\n\n        leavingViewItem.routerAnimation = animationBuilder;\n\n        await transition(\n          enteringEl,\n          leavingEl,\n          \"back\",\n          ionRouter.canGoBack(2),\n          true,\n          animationBuilder\n        );\n      }\n\n      return Promise.resolve();\n    };\n\n    const onEnd = (shouldContinue: boolean) => {\n      if (shouldContinue) {\n        skipTransition = true;\n\n        /**\n         * Use the same logic as clicking\n         * ion-back-button to determine where\n         * to go back to.\n         */\n        ionRouter.handleNavigateBack();\n      } else {\n        /**\n         * In the event that the swipe\n         * gesture was aborted, we should\n         * re-hide the page that was going to enter.\n         */\n        const routeInfo = ionRouter.getCurrentRouteInfo();\n        const enteringViewItem = viewStacks.findViewItemByRouteInfo(\n          { pathname: routeInfo.pushedByRoute || \"\" },\n          id\n        );\n        enteringViewItem.ionPageElement.setAttribute(\"aria-hidden\", \"true\");\n        enteringViewItem.ionPageElement.classList.add(\"ion-page-hidden\");\n      }\n    };\n\n    watch(ionRouterOutlet, () => {\n      ionRouterOutlet.value.swipeHandler = {\n        canStart,\n        onStart,\n        onEnd,\n      };\n    });\n\n    const transition = async (\n      enteringEl: HTMLElement,\n      leavingEl: HTMLElement,\n      direction: any,\n      showGoBack: boolean,\n      progressAnimation: boolean,\n      animationBuilder?: AnimationBuilder\n    ) => {\n      if (skipTransition) {\n        skipTransition = false;\n        return Promise.resolve(false);\n      }\n\n      if (enteringEl === leavingEl) {\n        return Promise.resolve(false);\n      }\n\n      enteringEl.classList.add(\"ion-page-invisible\");\n\n      const hasRootDirection =\n        direction === undefined || direction === \"root\" || direction === \"none\";\n      const result = await ionRouterOutlet.value.commit(enteringEl, leavingEl, {\n        /**\n         * replace operations result in a direction of none.\n         * These typically do not have need animations, so we set\n         * the duration to 0. However, if a developer explicitly\n         * passes an animationBuilder, we should assume that\n         * they want an animation to be played even\n         * though it is a replace operation.\n         */\n        duration:\n          hasRootDirection && animationBuilder === undefined ? 0 : undefined,\n        direction,\n        showGoBack,\n        progressAnimation,\n        animationBuilder,\n      });\n\n      return result;\n    };\n\n    const handlePageTransition = async () => {\n      const routeInfo = ionRouter.getCurrentRouteInfo();\n      const {\n        routerDirection,\n        routerAction,\n        routerAnimation,\n        prevRouteLastPathname,\n        delta,\n      } = routeInfo;\n\n      const enteringViewItem = viewStacks.findViewItemByRouteInfo(\n        routeInfo,\n        id\n      );\n      let leavingViewItem = viewStacks.findLeavingViewItemByRouteInfo(\n        routeInfo,\n        id\n      );\n      const enteringEl = enteringViewItem.ionPageElement;\n\n      /**\n       * All views that can be transitioned to must have\n       * an `<ion-page>` element for transitions and lifecycle\n       * methods to work properly.\n       */\n      if (enteringEl === undefined) {\n        console.warn(`[@ionic/vue Warning]: The view you are trying to render for path ${routeInfo.pathname} does not have the required <ion-page> component. Transitions and lifecycle methods may not work as expected.\n\nSee https://ionicframework.com/docs/vue/navigation#ionpage for more information.`);\n      }\n      if (enteringViewItem === leavingViewItem) return;\n\n      if (!leavingViewItem && prevRouteLastPathname) {\n        leavingViewItem = viewStacks.findViewItemByPathname(\n          prevRouteLastPathname,\n          id\n        );\n      }\n\n      /**\n       * If the entering view is already\n       * visible, then no transition is needed.\n       * This is most common when navigating\n       * from a tabs page to a non-tabs page\n       * and then back to the tabs page.\n       * Even when the tabs context navigated away,\n       * the inner tabs page was still active.\n       * This also avoids an issue where\n       * the previous tabs page is incorrectly\n       * unmounted since it would automatically\n       * unmount the previous view.\n       *\n       * This should also only apply to entering and\n       * leaving items in the same router outlet (i.e.\n       * Tab1 and Tab2), otherwise this will\n       * return early for swipe to go back when\n       * going from a non-tabs page to a tabs page.\n       */\n      if (\n        isViewVisible(enteringEl) &&\n        leavingViewItem?.ionPageElement !== undefined &&\n        !isViewVisible(leavingViewItem.ionPageElement)\n      ) {\n        return;\n      }\n\n      fireLifecycle(\n        enteringViewItem.vueComponent,\n        enteringViewItem.vueComponentRef,\n        LIFECYCLE_WILL_ENTER\n      );\n\n      if (\n        leavingViewItem?.ionPageElement &&\n        enteringViewItem !== leavingViewItem\n      ) {\n        let animationBuilder = routerAnimation;\n        const leavingEl = leavingViewItem.ionPageElement;\n\n        fireLifecycle(\n          leavingViewItem.vueComponent,\n          leavingViewItem.vueComponentRef,\n          LIFECYCLE_WILL_LEAVE\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 = enteringViewItem.routerAnimation;\n        if (\n          animationBuilder === undefined &&\n          routerDirection === \"back\" &&\n          customAnimation !== undefined\n        ) {\n          animationBuilder = customAnimation;\n        }\n\n        leavingViewItem.routerAnimation = animationBuilder;\n\n        await transition(\n          enteringEl,\n          leavingEl,\n          routerDirection,\n          !!routeInfo.pushedByRoute,\n          false,\n          animationBuilder\n        );\n\n        leavingEl.classList.add(\"ion-page-hidden\");\n        leavingEl.setAttribute(\"aria-hidden\", \"true\");\n\n        const usingLinearNavigation = viewStacks.size() === 1;\n\n        if (routerAction === \"replace\") {\n          leavingViewItem.mount = false;\n          leavingViewItem.ionPageElement = undefined;\n          leavingViewItem.ionRoute = false;\n        } else if (\n          !(routerAction === \"push\" && routerDirection === \"forward\")\n        ) {\n          const shouldLeavingViewBeRemoved =\n            routerDirection !== \"none\" &&\n            leavingViewItem &&\n            enteringViewItem !== leavingViewItem;\n          if (shouldLeavingViewBeRemoved) {\n            leavingViewItem.mount = false;\n            leavingViewItem.ionPageElement = undefined;\n            leavingViewItem.ionRoute = false;\n\n            /**\n             * router.go() expects navigation to be\n             * linear. If an app is using multiple stacks then\n             * it is not using linear navigation. As a result, router.go()\n             * will not give the results that developers are expecting.\n             */\n            if (usingLinearNavigation) {\n              viewStacks.unmountLeavingViews(id, enteringViewItem, delta);\n            }\n          }\n        } else if (usingLinearNavigation) {\n          viewStacks.mountIntermediaryViews(id, leavingViewItem, delta);\n        }\n\n        fireLifecycle(\n          leavingViewItem.vueComponent,\n          leavingViewItem.vueComponentRef,\n          LIFECYCLE_DID_LEAVE\n        );\n      } else {\n        /**\n         * If there is no leaving element, just show\n         * the entering element. Wrap it in an raf\n         * in case ion-content's fullscreen callback\n         * is running. Otherwise we'd have a flicker.\n         */\n        requestAnimationFrame(() =>\n          enteringEl.classList.remove(\"ion-page-invisible\")\n        );\n      }\n\n      fireLifecycle(\n        enteringViewItem.vueComponent,\n        enteringViewItem.vueComponentRef,\n        LIFECYCLE_DID_ENTER\n      );\n\n      components.value = viewStacks.getChildrenToRender(id);\n    };\n\n    const setupViewItem = (matchedRouteRef: any) => {\n      const firstMatchedRoute = route.matched[0];\n      if (!parentOutletPath) {\n        parentOutletPath = firstMatchedRoute.path;\n      }\n\n      /**\n       * If no matched route, do not do anything in this outlet.\n       * If there is a match, but it the first matched path\n       * is not the root path for this outlet, then this view\n       * change needs to be rendered in a different outlet.\n       * We also add an exception for when the matchedRouteRef is\n       * equal to the first matched route (i.e. the base router outlet).\n       * This logic is mainly to help nested outlets/multi-tab\n       * setups work better.\n       */\n      if (\n        !matchedRouteRef.value ||\n        (matchedRouteRef.value !== firstMatchedRoute &&\n          firstMatchedRoute.path !== parentOutletPath)\n      ) {\n        return;\n      }\n\n      const currentRoute = ionRouter.getCurrentRouteInfo();\n      let enteringViewItem = viewStacks.findViewItemByRouteInfo(\n        currentRoute,\n        id\n      );\n\n      if (!enteringViewItem) {\n        enteringViewItem = viewStacks.createViewItem(\n          id,\n          matchedRouteRef.value.components.default,\n          matchedRouteRef.value,\n          currentRoute\n        );\n        viewStacks.add(enteringViewItem);\n      }\n\n      if (!enteringViewItem.mount) {\n        enteringViewItem.mount = true;\n        enteringViewItem.registerCallback = () => {\n          handlePageTransition();\n          enteringViewItem.registerCallback = undefined;\n        };\n      } else {\n        handlePageTransition();\n      }\n\n      components.value = viewStacks.getChildrenToRender(id);\n    };\n\n    if (matchedRouteRef.value) {\n      setupViewItem(matchedRouteRef);\n    }\n\n    /**\n     * Remove stack data for this outlet\n     * when outlet is destroyed otherwise\n     * we will see cached view data.\n     */\n    onUnmounted(() => viewStacks.clear(id));\n\n    const registerIonPage = (viewItem: any, ionPageEl: HTMLElement) => {\n      const oldIonPageEl = viewItem.ionPageElement;\n\n      viewStacks.registerIonPage(viewItem, ionPageEl);\n\n      /**\n       * If there is a registerCallback,\n       * then this component is being registered\n       * as a result of a navigation change.\n       */\n      if (viewItem.registerCallback) {\n        /**\n         * Page should be hidden initially\n         * to avoid flickering.\n         */\n        ionPageEl.classList.add(\"ion-page-invisible\");\n        viewItem.registerCallback();\n\n        /**\n         * If there is no registerCallback, then\n         * this component is likely being re-registered\n         * as a result of a hot module replacement.\n         * We need to see if the oldIonPageEl has\n         * .ion-page-invisible. If it does not then we\n         * need to remove it from the new ionPageEl otherwise\n         * the page will be hidden when it is replaced.\n         */\n      } else if (\n        oldIonPageEl &&\n        !oldIonPageEl.classList.contains(\"ion-page-invisible\")\n      ) {\n        ionPageEl.classList.remove(\"ion-page-invisible\");\n      }\n    };\n    return {\n      id,\n      components,\n      injectedRoute,\n      ionRouterOutlet,\n      registerIonPage,\n    };\n  },\n  render() {\n    const { components, registerIonPage, injectedRoute } = this;\n\n    return h(\n      \"ion-router-outlet\",\n      { ref: \"ionRouterOutlet\" },\n      components &&\n        components.map((c: any) => {\n          let props = {\n            ref: c.vueComponentRef,\n            key: c.pathname,\n            registerIonPage: (ionPageEl: HTMLElement) =>\n              registerIonPage(c, ionPageEl),\n          };\n\n          /**\n           * IonRouterOutlet does not support named outlets.\n           */\n          const routePropsOption = c.matchedRoute?.props?.default;\n\n          /**\n           * Since IonRouterOutlet renders multiple components,\n           * each render will cause all props functions to be\n           * called again. As a result, we need to cache the function\n           * result and provide it on each render so that the props\n           * are not lost when navigating from and back to a page.\n           * When a component is destroyed and re-created, the\n           * function is called again.\n           */\n          const getPropsFunctionResult = () => {\n            const cachedPropsResult = c.vueComponentData?.propsFunctionResult;\n            if (cachedPropsResult) {\n              return cachedPropsResult;\n            } else {\n              const propsFunctionResult = routePropsOption(injectedRoute);\n              c.vueComponentData = {\n                ...c.vueComponentData,\n                propsFunctionResult,\n              };\n              return propsFunctionResult;\n            }\n          };\n          const routeProps = routePropsOption\n            ? routePropsOption === true\n              ? c.params\n              : typeof routePropsOption === \"function\"\n              ? getPropsFunctionResult()\n              : routePropsOption\n            : null;\n\n          props = {\n            ...props,\n            ...routeProps,\n          };\n\n          return h(c.vueComponent, props);\n        })\n    );\n  },\n});\n"],
+  "mappings": "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",
+  "names": ["matchedRouteRef"]
+}