@simonbackx/vue-app-navigation 2.5.2 → 2.6.0

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

@@ -1,20 +1,21 @@
 import { DefaultRouteHandler } from './utils/navigationHooks';
 import { PushOptions } from './PushOptions';
-import { ComponentWithProperties } from './ComponentWithProperties';
+import { default as NavigationController } from './NavigationController.vue';
+import { ComponentWithProperties, ComponentWithPropertiesType } from './ComponentWithProperties';
 import { PropType, Ref } from 'vue';
 
 export declare function useSplitViewController(): Ref<InstanceType<typeof SplitViewController>>;
-declare const SplitViewController: import('vue').DefineComponent<{
+declare const SplitViewController: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     root: {
         required: true;
-        type: PropType<ComponentWithProperties>;
+        type: PropType<ComponentWithPropertiesType>;
     };
     detailWidth: {
         default: null;
         type: StringConstructor;
     };
-}, unknown, {
-    detail: ComponentWithProperties | null;
+}>, {}, {
+    detail: ComponentWithPropertiesType | null;
     detailKey: number | null;
     defaultHandler: DefaultRouteHandler | null;
     isChangingComponents: boolean;
@@ -24,7 +25,31 @@ declare const SplitViewController: import('vue').DefineComponent<{
         reactive_provide_default_handler: (defaultHandler: DefaultRouteHandler) => void;
     };
     lastIsDetail(): boolean;
-    navigationController(): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+    navigationController(): InstanceType<typeof NavigationController>;
+    masterElement(): HTMLElement;
+}, {
+    returnToHistoryIndex(): boolean;
+    onResize(): void;
+    getScrollElement(element?: HTMLElement | null): HTMLElement;
+    shouldNavigateAway(): Promise<boolean>;
+    showDetail(options: PushOptions): Promise<boolean>;
+    shouldCollapse(): boolean;
+    collapse(): Promise<void>;
+    canExpand(): boolean;
+    expand(): Promise<false | undefined>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    root: {
+        required: true;
+        type: PropType<ComponentWithPropertiesType>;
+    };
+    detailWidth: {
+        default: null;
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    detailWidth: string;
+}, {}, {
+    NavigationController: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         root: {
             default: null;
             type: PropType<ComponentWithProperties | null>;
@@ -41,14 +66,9 @@ declare const SplitViewController: import('vue').DefineComponent<{
             type: ObjectConstructor;
             default: null;
         };
-    }>> & {
-        onDidPush?: ((...args: any[]) => any) | undefined;
-        onDidPop?: ((...args: any[]) => any) | undefined;
-        onShowDetail?: ((...args: any[]) => any) | undefined;
-        onPresent?: ((...args: any[]) => any) | undefined;
-    }, unknown, {
-        components: import('vue').Raw<ComponentWithProperties>[];
-        mainComponent: import('vue').Raw<ComponentWithProperties> | null;
+    }>, {}, {
+        components: ComponentWithPropertiesType[];
+        mainComponent: ComponentWithPropertiesType | null;
         transitionName: string;
         savedScrollPositions: number[];
         nextScrollPosition: number;
@@ -59,7 +79,7 @@ declare const SplitViewController: import('vue').DefineComponent<{
         asyncQueueRunning: boolean;
         cachedProvides: Map<number, any>;
     }, {}, {
-        cacheComponentProvides(newComponent: ComponentWithProperties): void;
+        cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
         provideForComponent(key: number): any;
         runQueue<T>(run: () => Promise<T>): Promise<T>;
         runQueueIfNeeded(): void;
@@ -85,7 +105,7 @@ declare const SplitViewController: import('vue').DefineComponent<{
         afterLeave(element: any): void;
         afterEnter(element: any): void;
         enterCancelled(_element: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("didPush" | "didPop" | "showDetail" | "present")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("didPush" | "didPop" | "showDetail" | "present")[], "didPush" | "didPop" | "showDetail" | "present", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         root: {
             default: null;
             type: PropType<ComponentWithProperties | null>;
@@ -102,17 +122,600 @@ declare const SplitViewController: import('vue').DefineComponent<{
             type: ObjectConstructor;
             default: null;
         };
-    }>> & {
+    }>> & Readonly<{
         onDidPush?: ((...args: any[]) => any) | undefined;
         onDidPop?: ((...args: any[]) => any) | undefined;
         onShowDetail?: ((...args: any[]) => any) | undefined;
         onPresent?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         root: ComponentWithProperties | null;
         customProvide: Record<string, any>;
         initialComponents: ComponentWithProperties[] | null;
         animationType: string;
-    }, true, {}, {}, {
+    }, {}, {
+        FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            root: {
+                type: typeof ComponentWithProperties;
+                required: true;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            root: {
+                type: typeof ComponentWithProperties;
+                required: true;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onPop?: ((...args: any[]) => any) | undefined;
+            onPush?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+        }>, {
+            customProvide: Record<string, any>;
+        }, {}, {
+            ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+        }, {}, string, () => {
+            [x: string]: any;
+        }, true, {}, any>;
+    }, {}, string, () => {
+        reactive_navigationController: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            root: {
+                default: null;
+                type: PropType<ComponentWithProperties | null>;
+            };
+            initialComponents: {
+                default: null;
+                type: PropType<ComponentWithProperties[] | null>;
+            };
+            animationType: {
+                default: string;
+                type: StringConstructor;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onDidPush?: ((...args: any[]) => any) | undefined;
+            onDidPop?: ((...args: any[]) => any) | undefined;
+            onShowDetail?: ((...args: any[]) => any) | undefined;
+            onPresent?: ((...args: any[]) => any) | undefined;
+        }>, {}, {
+            components: ComponentWithPropertiesType[];
+            mainComponent: ComponentWithPropertiesType | null;
+            transitionName: string;
+            savedScrollPositions: number[];
+            nextScrollPosition: number;
+            previousScrollPosition: number;
+            nextInternalScrollPosition: number;
+            savedInternalScrollPositions: number[];
+            asyncQueue: (() => Promise<void>)[];
+            asyncQueueRunning: boolean;
+            cachedProvides: Map<number, any>;
+        }, {}, {
+            cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
+            provideForComponent(key: number): any;
+            runQueue<T>(run: () => Promise<T>): Promise<T>;
+            runQueueIfNeeded(): void;
+            freezeSize(): void;
+            growSize(width: number, height: number): void;
+            unfreezeSize(): void;
+            getInternalScrollElement(element?: Element | null): HTMLElement | null;
+            getScrollElement(element?: HTMLElement | null): HTMLElement;
+            shouldAnimate(): any;
+            returnToHistoryIndex(): boolean;
+            push(options: PushOptions): Promise<void>;
+            shouldNavigateAway(): Promise<boolean>;
+            popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            getPoppableParent(): import('vue').ComponentInternalInstance | null;
+            pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            beforeEnter(insertedElement: Element): void;
+            beforeLeave(leavingElement: Element): void;
+            beforeBeforeEnterAnimation(): void;
+            finishedEnterAnimation(): void;
+            enter(element: any, done: () => void): void;
+            getScrollOuterHeight(scrollElement: HTMLElement): number;
+            leave(element: any, done: () => void): void;
+            afterLeave(element: any): void;
+            afterEnter(element: any): void;
+            enterCancelled(_element: any): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("didPush" | "didPop" | "showDetail" | "present")[], {}, {}, false, {
+            reactive_navigation_pop: {
+                default: null;
+            };
+            reactive_navigation_can_pop: {
+                default: boolean;
+            };
+            reactive_navigation_can_dismiss: {
+                default: boolean;
+            };
+        }, {}, {
+            FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                root: {
+                    type: typeof ComponentWithProperties;
+                    required: true;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                root: {
+                    type: typeof ComponentWithProperties;
+                    required: true;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>> & Readonly<{
+                onPop?: ((...args: any[]) => any) | undefined;
+                onPush?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
+            }>, {
+                customProvide: Record<string, any>;
+            }, {}, {
+                ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+            }, {}, string, () => {
+                [x: string]: any;
+            }, true, {}, any>;
+        }, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            root: {
+                default: null;
+                type: PropType<ComponentWithProperties | null>;
+            };
+            initialComponents: {
+                default: null;
+                type: PropType<ComponentWithProperties[] | null>;
+            };
+            animationType: {
+                default: string;
+                type: StringConstructor;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onDidPush?: ((...args: any[]) => any) | undefined;
+            onDidPop?: ((...args: any[]) => any) | undefined;
+            onShowDetail?: ((...args: any[]) => any) | undefined;
+            onPresent?: ((...args: any[]) => any) | undefined;
+        }>, {}, {
+            components: ComponentWithPropertiesType[];
+            mainComponent: ComponentWithPropertiesType | null;
+            transitionName: string;
+            savedScrollPositions: number[];
+            nextScrollPosition: number;
+            previousScrollPosition: number;
+            nextInternalScrollPosition: number;
+            savedInternalScrollPositions: number[];
+            asyncQueue: (() => Promise<void>)[];
+            asyncQueueRunning: boolean;
+            cachedProvides: Map<number, any>;
+        }, {}, {
+            cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
+            provideForComponent(key: number): any;
+            runQueue<T>(run: () => Promise<T>): Promise<T>;
+            runQueueIfNeeded(): void;
+            freezeSize(): void;
+            growSize(width: number, height: number): void;
+            unfreezeSize(): void;
+            getInternalScrollElement(element?: Element | null): HTMLElement | null;
+            getScrollElement(element?: HTMLElement | null): HTMLElement;
+            shouldAnimate(): any;
+            returnToHistoryIndex(): boolean;
+            push(options: PushOptions): Promise<void>;
+            shouldNavigateAway(): Promise<boolean>;
+            popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            getPoppableParent(): import('vue').ComponentInternalInstance | null;
+            pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            beforeEnter(insertedElement: Element): void;
+            beforeLeave(leavingElement: Element): void;
+            beforeBeforeEnterAnimation(): void;
+            finishedEnterAnimation(): void;
+            enter(element: any, done: () => void): void;
+            getScrollOuterHeight(scrollElement: HTMLElement): number;
+            leave(element: any, done: () => void): void;
+            afterLeave(element: any): void;
+            afterEnter(element: any): void;
+            enterCancelled(_element: any): void;
+        }, {}>;
+        reactive_navigation_show: (options: PushOptions) => Promise<void>;
+        reactive_navigation_pop: import('vue').ComputedRef<unknown>;
+    }, true, {}, any>;
+    FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        root: {
+            type: typeof ComponentWithProperties;
+            required: true;
+        };
+        customProvide: {
+            type: ObjectConstructor;
+            default: null;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        root: {
+            type: typeof ComponentWithProperties;
+            required: true;
+        };
+        customProvide: {
+            type: ObjectConstructor;
+            default: null;
+        };
+    }>> & Readonly<{
+        onPop?: ((...args: any[]) => any) | undefined;
+        onPush?: ((...args: any[]) => any) | undefined;
+        onShow?: ((...args: any[]) => any) | undefined;
+    }>, {
+        customProvide: Record<string, any>;
+    }, {}, {
+        ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+    }, {}, string, () => {
+        [x: string]: any;
+    }, true, {}, any>;
+}, {}, string, () => {
+    reactive_splitViewController: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        root: {
+            required: true;
+            type: PropType<ComponentWithPropertiesType>;
+        };
+        detailWidth: {
+            default: null;
+            type: StringConstructor;
+        };
+    }>> & Readonly<{}>, {}, {
+        detail: ComponentWithPropertiesType | null;
+        detailKey: number | null;
+        defaultHandler: DefaultRouteHandler | null;
+        isChangingComponents: boolean;
+    }, {
+        masterProvide(): {
+            reactive_navigation_disable_url: import('vue').ComputedRef<boolean>;
+            reactive_provide_default_handler: (defaultHandler: DefaultRouteHandler) => void;
+        };
+        lastIsDetail(): boolean;
+        navigationController(): InstanceType<typeof NavigationController>;
+        masterElement(): HTMLElement;
+    }, {
+        returnToHistoryIndex(): boolean;
+        onResize(): void;
+        getScrollElement(element?: HTMLElement | null): HTMLElement;
+        shouldNavigateAway(): Promise<boolean>;
+        showDetail(options: PushOptions): Promise<boolean>;
+        shouldCollapse(): boolean;
+        collapse(): Promise<void>;
+        canExpand(): boolean;
+        expand(): Promise<false | undefined>;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, {}, {}, false, {}, {}, {
+        NavigationController: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            root: {
+                default: null;
+                type: PropType<ComponentWithProperties | null>;
+            };
+            initialComponents: {
+                default: null;
+                type: PropType<ComponentWithProperties[] | null>;
+            };
+            animationType: {
+                default: string;
+                type: StringConstructor;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>, {}, {
+            components: ComponentWithPropertiesType[];
+            mainComponent: ComponentWithPropertiesType | null;
+            transitionName: string;
+            savedScrollPositions: number[];
+            nextScrollPosition: number;
+            previousScrollPosition: number;
+            nextInternalScrollPosition: number;
+            savedInternalScrollPositions: number[];
+            asyncQueue: (() => Promise<void>)[];
+            asyncQueueRunning: boolean;
+            cachedProvides: Map<number, any>;
+        }, {}, {
+            cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
+            provideForComponent(key: number): any;
+            runQueue<T>(run: () => Promise<T>): Promise<T>;
+            runQueueIfNeeded(): void;
+            freezeSize(): void;
+            growSize(width: number, height: number): void;
+            unfreezeSize(): void;
+            getInternalScrollElement(element?: Element | null): HTMLElement | null;
+            getScrollElement(element?: HTMLElement | null): HTMLElement;
+            shouldAnimate(): any;
+            returnToHistoryIndex(): boolean;
+            push(options: PushOptions): Promise<void>;
+            shouldNavigateAway(): Promise<boolean>;
+            popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            getPoppableParent(): import('vue').ComponentInternalInstance | null;
+            pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+            beforeEnter(insertedElement: Element): void;
+            beforeLeave(leavingElement: Element): void;
+            beforeBeforeEnterAnimation(): void;
+            finishedEnterAnimation(): void;
+            enter(element: any, done: () => void): void;
+            getScrollOuterHeight(scrollElement: HTMLElement): number;
+            leave(element: any, done: () => void): void;
+            afterLeave(element: any): void;
+            afterEnter(element: any): void;
+            enterCancelled(_element: any): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("didPush" | "didPop" | "showDetail" | "present")[], "didPush" | "didPop" | "showDetail" | "present", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            root: {
+                default: null;
+                type: PropType<ComponentWithProperties | null>;
+            };
+            initialComponents: {
+                default: null;
+                type: PropType<ComponentWithProperties[] | null>;
+            };
+            animationType: {
+                default: string;
+                type: StringConstructor;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onDidPush?: ((...args: any[]) => any) | undefined;
+            onDidPop?: ((...args: any[]) => any) | undefined;
+            onShowDetail?: ((...args: any[]) => any) | undefined;
+            onPresent?: ((...args: any[]) => any) | undefined;
+        }>, {
+            root: ComponentWithProperties | null;
+            customProvide: Record<string, any>;
+            initialComponents: ComponentWithProperties[] | null;
+            animationType: string;
+        }, {}, {
+            FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                root: {
+                    type: typeof ComponentWithProperties;
+                    required: true;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                root: {
+                    type: typeof ComponentWithProperties;
+                    required: true;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>> & Readonly<{
+                onPop?: ((...args: any[]) => any) | undefined;
+                onPush?: ((...args: any[]) => any) | undefined;
+                onShow?: ((...args: any[]) => any) | undefined;
+            }>, {
+                customProvide: Record<string, any>;
+            }, {}, {
+                ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+            }, {}, string, () => {
+                [x: string]: any;
+            }, true, {}, any>;
+        }, {}, string, () => {
+            reactive_navigationController: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                root: {
+                    default: null;
+                    type: PropType<ComponentWithProperties | null>;
+                };
+                initialComponents: {
+                    default: null;
+                    type: PropType<ComponentWithProperties[] | null>;
+                };
+                animationType: {
+                    default: string;
+                    type: StringConstructor;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>> & Readonly<{
+                onDidPush?: ((...args: any[]) => any) | undefined;
+                onDidPop?: ((...args: any[]) => any) | undefined;
+                onShowDetail?: ((...args: any[]) => any) | undefined;
+                onPresent?: ((...args: any[]) => any) | undefined;
+            }>, {}, {
+                components: ComponentWithPropertiesType[];
+                mainComponent: ComponentWithPropertiesType | null;
+                transitionName: string;
+                savedScrollPositions: number[];
+                nextScrollPosition: number;
+                previousScrollPosition: number;
+                nextInternalScrollPosition: number;
+                savedInternalScrollPositions: number[];
+                asyncQueue: (() => Promise<void>)[];
+                asyncQueueRunning: boolean;
+                cachedProvides: Map<number, any>;
+            }, {}, {
+                cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
+                provideForComponent(key: number): any;
+                runQueue<T>(run: () => Promise<T>): Promise<T>;
+                runQueueIfNeeded(): void;
+                freezeSize(): void;
+                growSize(width: number, height: number): void;
+                unfreezeSize(): void;
+                getInternalScrollElement(element?: Element | null): HTMLElement | null;
+                getScrollElement(element?: HTMLElement | null): HTMLElement;
+                shouldAnimate(): any;
+                returnToHistoryIndex(): boolean;
+                push(options: PushOptions): Promise<void>;
+                shouldNavigateAway(): Promise<boolean>;
+                popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+                getPoppableParent(): import('vue').ComponentInternalInstance | null;
+                pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+                beforeEnter(insertedElement: Element): void;
+                beforeLeave(leavingElement: Element): void;
+                beforeBeforeEnterAnimation(): void;
+                finishedEnterAnimation(): void;
+                enter(element: any, done: () => void): void;
+                getScrollOuterHeight(scrollElement: HTMLElement): number;
+                leave(element: any, done: () => void): void;
+                afterLeave(element: any): void;
+                afterEnter(element: any): void;
+                enterCancelled(_element: any): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("didPush" | "didPop" | "showDetail" | "present")[], {}, {}, false, {
+                reactive_navigation_pop: {
+                    default: null;
+                };
+                reactive_navigation_can_pop: {
+                    default: boolean;
+                };
+                reactive_navigation_can_dismiss: {
+                    default: boolean;
+                };
+            }, {}, {
+                FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    root: {
+                        type: typeof ComponentWithProperties;
+                        required: true;
+                    };
+                    customProvide: {
+                        type: ObjectConstructor;
+                        default: null;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    root: {
+                        type: typeof ComponentWithProperties;
+                        required: true;
+                    };
+                    customProvide: {
+                        type: ObjectConstructor;
+                        default: null;
+                    };
+                }>> & Readonly<{
+                    onPop?: ((...args: any[]) => any) | undefined;
+                    onPush?: ((...args: any[]) => any) | undefined;
+                    onShow?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    customProvide: Record<string, any>;
+                }, {}, {
+                    ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+                }, {}, string, () => {
+                    [x: string]: any;
+                }, true, {}, any>;
+            }, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                root: {
+                    default: null;
+                    type: PropType<ComponentWithProperties | null>;
+                };
+                initialComponents: {
+                    default: null;
+                    type: PropType<ComponentWithProperties[] | null>;
+                };
+                animationType: {
+                    default: string;
+                    type: StringConstructor;
+                };
+                customProvide: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+            }>> & Readonly<{
+                onDidPush?: ((...args: any[]) => any) | undefined;
+                onDidPop?: ((...args: any[]) => any) | undefined;
+                onShowDetail?: ((...args: any[]) => any) | undefined;
+                onPresent?: ((...args: any[]) => any) | undefined;
+            }>, {}, {
+                components: ComponentWithPropertiesType[];
+                mainComponent: ComponentWithPropertiesType | null;
+                transitionName: string;
+                savedScrollPositions: number[];
+                nextScrollPosition: number;
+                previousScrollPosition: number;
+                nextInternalScrollPosition: number;
+                savedInternalScrollPositions: number[];
+                asyncQueue: (() => Promise<void>)[];
+                asyncQueueRunning: boolean;
+                cachedProvides: Map<number, any>;
+            }, {}, {
+                cacheComponentProvides(newComponent: ComponentWithPropertiesType): void;
+                provideForComponent(key: number): any;
+                runQueue<T>(run: () => Promise<T>): Promise<T>;
+                runQueueIfNeeded(): void;
+                freezeSize(): void;
+                growSize(width: number, height: number): void;
+                unfreezeSize(): void;
+                getInternalScrollElement(element?: Element | null): HTMLElement | null;
+                getScrollElement(element?: HTMLElement | null): HTMLElement;
+                shouldAnimate(): any;
+                returnToHistoryIndex(): boolean;
+                push(options: PushOptions): Promise<void>;
+                shouldNavigateAway(): Promise<boolean>;
+                popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+                getPoppableParent(): import('vue').ComponentInternalInstance | null;
+                pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
+                beforeEnter(insertedElement: Element): void;
+                beforeLeave(leavingElement: Element): void;
+                beforeBeforeEnterAnimation(): void;
+                finishedEnterAnimation(): void;
+                enter(element: any, done: () => void): void;
+                getScrollOuterHeight(scrollElement: HTMLElement): number;
+                leave(element: any, done: () => void): void;
+                afterLeave(element: any): void;
+                afterEnter(element: any): void;
+                enterCancelled(_element: any): void;
+            }, {}>;
+            reactive_navigation_show: (options: PushOptions) => Promise<void>;
+            reactive_navigation_pop: import('vue').ComputedRef<unknown>;
+        }, true, {}, any>;
+        FramedComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            root: {
+                type: typeof ComponentWithProperties;
+                required: true;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pop" | "push" | "show")[], "pop" | "push" | "show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            root: {
+                type: typeof ComponentWithProperties;
+                required: true;
+            };
+            customProvide: {
+                type: ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onPop?: ((...args: any[]) => any) | undefined;
+            onPush?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+        }>, {
+            customProvide: Record<string, any>;
+        }, {}, {
+            ComponentWithPropertiesInstance: import('vue').ComponentOptions;
+        }, {}, string, () => {
+            [x: string]: any;
+        }, true, {}, any>;
+    }, {}, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -121,92 +724,37 @@ declare const SplitViewController: import('vue').DefineComponent<{
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
         root: {
-            default: null;
-            type: PropType<ComponentWithProperties | null>;
+            required: true;
+            type: PropType<ComponentWithPropertiesType>;
         };
-        initialComponents: {
+        detailWidth: {
             default: null;
-            type: PropType<ComponentWithProperties[] | null>;
-        };
-        animationType: {
-            default: string;
             type: StringConstructor;
         };
-        customProvide: {
-            type: ObjectConstructor;
-            default: null;
+    }>> & Readonly<{}>, {}, {
+        detail: ComponentWithPropertiesType | null;
+        detailKey: number | null;
+        defaultHandler: DefaultRouteHandler | null;
+        isChangingComponents: boolean;
+    }, {
+        masterProvide(): {
+            reactive_navigation_disable_url: import('vue').ComputedRef<boolean>;
+            reactive_provide_default_handler: (defaultHandler: DefaultRouteHandler) => void;
         };
-    }>> & {
-        onDidPush?: ((...args: any[]) => any) | undefined;
-        onDidPop?: ((...args: any[]) => any) | undefined;
-        onShowDetail?: ((...args: any[]) => any) | undefined;
-        onPresent?: ((...args: any[]) => any) | undefined;
-    }, {}, {
-        components: import('vue').Raw<ComponentWithProperties>[];
-        mainComponent: import('vue').Raw<ComponentWithProperties> | null;
-        transitionName: string;
-        savedScrollPositions: number[];
-        nextScrollPosition: number;
-        previousScrollPosition: number;
-        nextInternalScrollPosition: number;
-        savedInternalScrollPositions: number[];
-        asyncQueue: (() => Promise<void>)[];
-        asyncQueueRunning: boolean;
-        cachedProvides: Map<number, any>;
-    }, {}, {
-        cacheComponentProvides(newComponent: ComponentWithProperties): void;
-        provideForComponent(key: number): any;
-        runQueue<T>(run: () => Promise<T>): Promise<T>;
-        runQueueIfNeeded(): void;
-        freezeSize(): void;
-        growSize(width: number, height: number): void;
-        unfreezeSize(): void;
-        getInternalScrollElement(element?: Element | null): HTMLElement | null;
-        getScrollElement(element?: HTMLElement | null): HTMLElement;
-        shouldAnimate(): any;
+        lastIsDetail(): boolean;
+        navigationController(): InstanceType<typeof NavigationController>;
+        masterElement(): HTMLElement;
+    }, {
         returnToHistoryIndex(): boolean;
-        push(options: PushOptions): Promise<void>;
+        onResize(): void;
+        getScrollElement(element?: HTMLElement | null): HTMLElement;
         shouldNavigateAway(): Promise<boolean>;
-        popToRoot(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
-        getPoppableParent(): import('vue').ComponentInternalInstance | null;
-        pop(options?: import('./PopOptions').PopOptions): Promise<ComponentWithProperties[] | undefined>;
-        beforeEnter(insertedElement: Element): void;
-        beforeLeave(leavingElement: Element): void;
-        beforeBeforeEnterAnimation(): void;
-        finishedEnterAnimation(): void;
-        enter(element: any, done: () => void): void;
-        getScrollOuterHeight(scrollElement: HTMLElement): number;
-        leave(element: any, done: () => void): void;
-        afterLeave(element: any): void;
-        afterEnter(element: any): void;
-        enterCancelled(_element: any): void;
-    }, {
-        root: ComponentWithProperties | null;
-        customProvide: Record<string, any>;
-        initialComponents: ComponentWithProperties[] | null;
-        animationType: string;
-    }>;
-    masterElement(): HTMLElement;
-}, {
-    returnToHistoryIndex(): boolean;
-    onResize(): void;
-    getScrollElement(element?: HTMLElement | null): HTMLElement;
-    shouldNavigateAway(): Promise<boolean>;
-    showDetail(options: PushOptions): Promise<boolean>;
-    shouldCollapse(): boolean;
-    collapse(): Promise<void>;
-    canExpand(): boolean;
-    expand(): Promise<false | undefined>;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    root: {
-        required: true;
-        type: PropType<ComponentWithProperties>;
-    };
-    detailWidth: {
-        default: null;
-        type: StringConstructor;
-    };
-}>>, {
-    detailWidth: string;
-}, {}>;
+        showDetail(options: PushOptions): Promise<boolean>;
+        shouldCollapse(): boolean;
+        collapse(): Promise<void>;
+        canExpand(): boolean;
+        expand(): Promise<false | undefined>;
+    }, {}>;
+    reactive_navigation_show_detail: (options: PushOptions) => Promise<boolean>;
+}, true, {}, any>;
 export default SplitViewController;