@simonbackx/vue-app-navigation 2.12.1 → 2.14.0

package/dist/index.js

@@ -384,7 +384,7 @@ class HistoryManagerStatic {
       state.title = title;
     } else {
       const state = this.states[index];
-      if (state.index !== index) {
+      if (!state || state.index !== index) {
         console.error("Search state with index ", index, "but received state with index", state.index);
         return;
       }
@@ -1231,15 +1231,11 @@ const _sfc_main$4 = defineComponent({
   emits: ["didPush", "didPop", "showDetail", "present"],
   data() {
     const savedInternalScrollPositions = [];
-    const savedScrollPositions = [];
     const components = [];
     return {
       components,
       mainComponent: null,
       transitionName: "none",
-      savedScrollPositions,
-      nextScrollPosition: 0,
-      previousScrollPosition: 0,
       nextInternalScrollPosition: 0,
       savedInternalScrollPositions,
       // Because push/pop is async, it can cause issues if we call it multiple times after each other
@@ -1373,7 +1369,7 @@ const _sfc_main$4 = defineComponent({
     async push(options) {
       return await this.runQueue(async () => {
         var _a;
-        if (options.components.length == 0) {
+        if (options.components.length === 0) {
           console.error("Missing component when pushing");
           return;
         }
@@ -1403,19 +1399,11 @@ const _sfc_main$4 = defineComponent({
         if (!animated) {
           this.transitionName = "none";
         } else {
-          this.transitionName = this.animationType == "modal" ? "modal-push" : options.reverse ? "pop" : "push";
+          this.transitionName = this.animationType === "modal" ? "modal-push" : options.reverse ? "pop" : "push";
         }
         const internalScrollElement = this.getInternalScrollElement();
-        const w = window;
-        let clientHeight = document.documentElement.clientHeight;
-        if (w.visualViewport) {
-          clientHeight = w.visualViewport.height;
-        }
         const internalClientHeight = internalScrollElement == null ? void 0 : internalScrollElement.clientHeight;
-        this.previousScrollPosition = 0;
-        this.savedScrollPositions.push(this.previousScrollPosition + clientHeight);
         this.savedInternalScrollPositions.push(((internalScrollElement == null ? void 0 : internalScrollElement.scrollTop) ?? 0) + (internalClientHeight ?? 0));
-        this.nextScrollPosition = 0;
         this.nextInternalScrollPosition = 0;
         if (animated) {
           this.freezeSize();
@@ -1522,11 +1510,10 @@ const _sfc_main$4 = defineComponent({
             }
           }
         }
-        this.previousScrollPosition = 0;
         if (!animated) {
           this.transitionName = "none";
         } else {
-          this.transitionName = this.animationType == "modal" ? "modal-pop" : "pop";
+          this.transitionName = this.animationType === "modal" ? "modal-pop" : "pop";
           this.freezeSize();
         }
         const popped = this.components.splice(this.components.length - count, count);
@@ -1535,7 +1522,6 @@ const _sfc_main$4 = defineComponent({
             comp.keepAlive = true;
           }
         }
-        this.nextScrollPosition = 0;
         this.nextInternalScrollPosition = Math.max(0, this.savedInternalScrollPositions.pop() ?? 0);
         this.mainComponent = this.components[this.components.length - 1];
         this.mainComponent.returnToHistoryIndex();
@@ -1574,7 +1560,6 @@ const _sfc_main$4 = defineComponent({
     },
     enter(element, done) {
       if (this.transitionName === "none") {
-        this.getScrollElement().scrollTop = this.nextScrollPosition;
         const internal = this.getInternalScrollElement(element);
         if (internal) {
           internal.scrollTop = Math.max(0, this.nextInternalScrollPosition - internal.clientHeight);
@@ -1690,13 +1675,13 @@ const _sfc_main$4 = defineComponent({
     }
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "navigation-controller"
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FramedComponent = resolveComponent("FramedComponent");
-  return _ctx.mainComponent ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+  return _ctx.mainComponent ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
     createVNode(Transition, {
       css: false,
       onBeforeEnter: _ctx.beforeEnter,
@@ -2247,7 +2232,7 @@ function useUrl() {
     }
   };
 }
-const _hoisted_1$2 = { class: "stack-component" };
+const _hoisted_1$3 = { class: "stack-component" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "StackComponent",
   emits: ["returnToHistoryIndex"],
@@ -2323,7 +2308,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       children
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createVNode(TransitionGroup, {
           name: "show",
           duration: 300
@@ -2343,6 +2328,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$2 = { class: "modal-stack-component" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ModalStackComponent",
   props: {
@@ -2422,7 +2408,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       replace
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createVNode(NavigationController, {
           ref_key: "navigationController",
           ref: navigationController,

package/dist/src/NavigationController.vue.d.ts

@@ -24,9 +24,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     components: ComponentWithPropertiesType[];
     mainComponent: ComponentWithPropertiesType | null;
     transitionName: string;
-    savedScrollPositions: number[];
-    nextScrollPosition: number;
-    previousScrollPosition: number;
     nextInternalScrollPosition: number;
     savedInternalScrollPositions: number[];
     asyncQueue: (() => Promise<void>)[];
@@ -133,9 +130,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         components: ComponentWithPropertiesType[];
         mainComponent: ComponentWithPropertiesType | null;
         transitionName: string;
-        savedScrollPositions: number[];
-        nextScrollPosition: number;
-        previousScrollPosition: number;
         nextInternalScrollPosition: number;
         savedInternalScrollPositions: number[];
         asyncQueue: (() => Promise<void>)[];
@@ -236,9 +230,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         components: ComponentWithPropertiesType[];
         mainComponent: ComponentWithPropertiesType | null;
         transitionName: string;
-        savedScrollPositions: number[];
-        nextScrollPosition: number;
-        previousScrollPosition: number;
         nextInternalScrollPosition: number;
         savedInternalScrollPositions: number[];
         asyncQueue: (() => Promise<void>)[];

package/dist/src/SplitViewController.vue.d.ts

@@ -69,9 +69,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         components: ComponentWithPropertiesType[];
         mainComponent: ComponentWithPropertiesType | null;
         transitionName: string;
-        savedScrollPositions: number[];
-        nextScrollPosition: number;
-        previousScrollPosition: number;
         nextInternalScrollPosition: number;
         savedInternalScrollPositions: number[];
         asyncQueue: (() => Promise<void>)[];
@@ -178,9 +175,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             components: ComponentWithPropertiesType[];
             mainComponent: ComponentWithPropertiesType | null;
             transitionName: string;
-            savedScrollPositions: number[];
-            nextScrollPosition: number;
-            previousScrollPosition: number;
             nextInternalScrollPosition: number;
             savedInternalScrollPositions: number[];
             asyncQueue: (() => Promise<void>)[];
@@ -281,9 +275,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             components: ComponentWithPropertiesType[];
             mainComponent: ComponentWithPropertiesType | null;
             transitionName: string;
-            savedScrollPositions: number[];
-            nextScrollPosition: number;
-            previousScrollPosition: number;
             nextInternalScrollPosition: number;
             savedInternalScrollPositions: number[];
             asyncQueue: (() => Promise<void>)[];
@@ -404,9 +395,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             components: ComponentWithPropertiesType[];
             mainComponent: ComponentWithPropertiesType | null;
             transitionName: string;
-            savedScrollPositions: number[];
-            nextScrollPosition: number;
-            previousScrollPosition: number;
             nextInternalScrollPosition: number;
             savedInternalScrollPositions: number[];
             asyncQueue: (() => Promise<void>)[];
@@ -513,9 +501,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 components: ComponentWithPropertiesType[];
                 mainComponent: ComponentWithPropertiesType | null;
                 transitionName: string;
-                savedScrollPositions: number[];
-                nextScrollPosition: number;
-                previousScrollPosition: number;
                 nextInternalScrollPosition: number;
                 savedInternalScrollPositions: number[];
                 asyncQueue: (() => Promise<void>)[];
@@ -616,9 +601,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 components: ComponentWithPropertiesType[];
                 mainComponent: ComponentWithPropertiesType | null;
                 transitionName: string;
-                savedScrollPositions: number[];
-                nextScrollPosition: number;
-                previousScrollPosition: number;
                 nextInternalScrollPosition: number;
                 savedInternalScrollPositions: number[];
                 asyncQueue: (() => Promise<void>)[];

package/package.json

@@ -2,7 +2,7 @@
     "name": "@simonbackx/vue-app-navigation",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",
-    "version": "2.12.1",
+    "version": "2.14.0",
     "exports": {
         ".": {
             "import": "./dist/index.js",