@real-router/vue 0.2.1 → 0.2.2

package/dist/cjs/index.d.ts

@@ -1,269 +1,283 @@
-import * as vue from 'vue';
-import { VNode, PropType, Directive, ShallowRef, Plugin, InjectionKey } from 'vue';
-import { Params, NavigationOptions, RouterError, State, Router, Navigator } from '@real-router/core';
-export { Navigator } from '@real-router/core';
-import { RouteUtils } from '@real-router/route-utils';
-import { RouterTransitionSnapshot } from '@real-router/sources';
-export { RouterTransitionSnapshot } from '@real-router/sources';
+import * as _$vue from "vue";
+import { Directive, InjectionKey, Plugin, PropType, ShallowRef, VNode } from "vue";
+import { NavigationOptions, Navigator, Navigator as Navigator$1, Params, Router, RouterError, State } from "@real-router/core";
+import { RouteUtils } from "@real-router/route-utils";
+import { RouterTransitionSnapshot, RouterTransitionSnapshot as RouterTransitionSnapshot$1 } from "@real-router/sources";
 
+//#region src/components/RouteView/types.d.ts
 interface RouteViewProps {
-    readonly nodeName: string;
-    readonly keepAlive?: boolean;
+  readonly nodeName: string;
+  readonly keepAlive?: boolean;
 }
 interface MatchProps {
-    readonly segment: string;
-    readonly exact?: boolean;
-    readonly fallback?: VNode | (() => VNode);
+  readonly segment: string;
+  readonly exact?: boolean;
+  readonly fallback?: VNode | (() => VNode);
 }
 type NotFoundProps = Record<string, never>;
-
+//#endregion
+//#region src/components/RouteView/RouteView.d.ts
 declare const RouteView: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<vue.ExtractPropTypes<{
-        nodeName: {
-            type: StringConstructor;
-            required: true;
-        };
-        keepAlive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => VNode | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
-        keepAlive: boolean;
-    }, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<vue.ExtractPropTypes<{
-        nodeName: {
-            type: StringConstructor;
-            required: true;
-        };
-        keepAlive: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => VNode | null, {}, {}, {}, {
-        keepAlive: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
     nodeName: {
-        type: StringConstructor;
-        required: true;
+      type: StringConstructor;
+      required: true;
     };
     keepAlive: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
-}>> & Readonly<{}>, () => VNode | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
+  }>> & Readonly<{}>, () => VNode | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
     keepAlive: boolean;
-}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-    Match: vue.DefineComponent<vue.ExtractPropTypes<{
-        segment: {
-            type: vue.PropType<string>;
-            required: true;
-        };
-        exact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fallback: {
-            type: vue.PropType<VNode | (() => VNode)>;
-            default: undefined;
-        };
-    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-        segment: {
-            type: vue.PropType<string>;
-            required: true;
-        };
-        exact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fallback: {
-            type: vue.PropType<VNode | (() => VNode)>;
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        exact: boolean;
-        fallback: VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }> | (() => VNode);
-    }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-    NotFound: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-};
-
-declare const Link: vue.DefineComponent<vue.ExtractPropTypes<{
-    routeName: {
-        type: StringConstructor;
-        required: true;
-    };
-    routeParams: {
-        type: PropType<Params>;
-        default: () => Readonly<{}>;
-    };
-    routeOptions: {
-        type: PropType<NavigationOptions>;
-        default: () => Readonly<{}>;
-    };
-    class: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    activeClassName: {
-        type: StringConstructor;
-        default: string;
-    };
-    activeStrict: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    ignoreQueryParams: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    routeName: {
-        type: StringConstructor;
-        required: true;
-    };
-    routeParams: {
-        type: PropType<Params>;
-        default: () => Readonly<{}>;
-    };
-    routeOptions: {
-        type: PropType<NavigationOptions>;
-        default: () => Readonly<{}>;
-    };
-    class: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    activeClassName: {
-        type: StringConstructor;
-        default: string;
+  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
+    nodeName: {
+      type: StringConstructor;
+      required: true;
     };
-    activeStrict: {
-        type: BooleanConstructor;
-        default: boolean;
+    keepAlive: {
+      type: BooleanConstructor;
+      default: boolean;
     };
-    ignoreQueryParams: {
-        type: BooleanConstructor;
-        default: boolean;
+  }>> & Readonly<{}>, () => VNode | null, {}, {}, {}, {
+    keepAlive: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  nodeName: {
+    type: StringConstructor;
+    required: true;
+  };
+  keepAlive: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>> & Readonly<{}>, () => VNode | null, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
+  keepAlive: boolean;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & {
+  Match: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+    segment: {
+      type: _$vue.PropType<string>;
+      required: true;
     };
-    target: {
-        type: StringConstructor;
-        default: undefined;
+    exact: {
+      type: BooleanConstructor;
+      default: boolean;
     };
-}>> & Readonly<{}>, {
-    class: string;
-    ignoreQueryParams: boolean;
-    routeParams: Params;
-    routeOptions: NavigationOptions;
-    activeClassName: string;
-    activeStrict: boolean;
-    target: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-declare const RouterErrorBoundary: vue.DefineComponent<vue.ExtractPropTypes<{
     fallback: {
-        type: PropType<(error: RouterError, resetError: () => void) => VNode>;
-        required: true;
+      type: _$vue.PropType<VNode | (() => VNode)>;
+      default: undefined;
     };
-    onError: {
-        type: PropType<(error: RouterError, toRoute: State | null, fromRoute: State | null) => void>;
-        default: undefined;
+  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+    segment: {
+      type: _$vue.PropType<string>;
+      required: true;
     };
-}>, () => VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    fallback: {
-        type: PropType<(error: RouterError, resetError: () => void) => VNode>;
-        required: true;
+    exact: {
+      type: BooleanConstructor;
+      default: boolean;
     };
-    onError: {
-        type: PropType<(error: RouterError, toRoute: State | null, fromRoute: State | null) => void>;
-        default: undefined;
+    fallback: {
+      type: _$vue.PropType<VNode | (() => VNode)>;
+      default: undefined;
     };
+  }>> & Readonly<{}>, {
+    fallback: VNode<_$vue.RendererNode, _$vue.RendererElement, {
+      [key: string]: any;
+    }> | (() => VNode);
+    exact: boolean;
+  }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+  NotFound: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+};
+//#endregion
+//#region src/components/Link.d.ts
+declare const Link: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  routeName: {
+    type: StringConstructor;
+    required: true;
+  };
+  routeParams: {
+    type: PropType<Params>;
+    default: () => Readonly<{}>;
+  };
+  routeOptions: {
+    type: PropType<NavigationOptions>;
+    default: () => Readonly<{}>;
+  };
+  class: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  activeClassName: {
+    type: StringConstructor;
+    default: string;
+  };
+  activeStrict: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  ignoreQueryParams: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  target: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  routeName: {
+    type: StringConstructor;
+    required: true;
+  };
+  routeParams: {
+    type: PropType<Params>;
+    default: () => Readonly<{}>;
+  };
+  routeOptions: {
+    type: PropType<NavigationOptions>;
+    default: () => Readonly<{}>;
+  };
+  class: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  activeClassName: {
+    type: StringConstructor;
+    default: string;
+  };
+  activeStrict: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  ignoreQueryParams: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  target: {
+    type: StringConstructor;
+    default: undefined;
+  };
 }>> & Readonly<{}>, {
-    onError: (error: RouterError, toRoute: State | null, fromRoute: State | null) => void;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+  routeParams: Params;
+  routeOptions: NavigationOptions;
+  class: string;
+  activeClassName: string;
+  activeStrict: boolean;
+  ignoreQueryParams: boolean;
+  target: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/components/RouterErrorBoundary.d.ts
+declare const RouterErrorBoundary: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  fallback: {
+    type: PropType<(error: RouterError, resetError: () => void) => VNode>;
+    required: true;
+  };
+  onError: {
+    type: PropType<(error: RouterError, toRoute: State | null, fromRoute: State | null) => void>;
+    default: undefined;
+  };
+}>, () => VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  fallback: {
+    type: PropType<(error: RouterError, resetError: () => void) => VNode>;
+    required: true;
+  };
+  onError: {
+    type: PropType<(error: RouterError, toRoute: State | null, fromRoute: State | null) => void>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  onError: (error: RouterError, toRoute: State | null, fromRoute: State | null) => void;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type RouterErrorBoundaryProps = InstanceType<typeof RouterErrorBoundary>["$props"];
-
+//#endregion
+//#region src/directives/vLink.d.ts
 interface LinkDirectiveValue {
-    name: string;
-    params?: Params;
-    options?: NavigationOptions;
+  name: string;
+  params?: Params;
+  options?: NavigationOptions;
 }
 declare const vLink: Directive<HTMLElement, LinkDirectiveValue>;
-
+//#endregion
+//#region src/composables/useRouter.d.ts
 declare const useRouter: () => Router;
-
-declare const useNavigator: () => Navigator;
-
+//#endregion
+//#region src/composables/useNavigator.d.ts
+declare const useNavigator: () => Navigator$1;
+//#endregion
+//#region src/composables/useRouteUtils.d.ts
 declare const useRouteUtils: () => RouteUtils;
-
+//#endregion
+//#region src/types.d.ts
 interface RouteContext {
-    navigator: Navigator;
-    route: ShallowRef<State | undefined>;
-    previousRoute: ShallowRef<State | undefined>;
+  navigator: Navigator$1;
+  route: ShallowRef<State | undefined>;
+  previousRoute: ShallowRef<State | undefined>;
 }
 interface LinkProps<P extends Params = Params> {
-    routeName: string;
-    routeParams?: P;
-    routeOptions?: NavigationOptions;
-    class?: string;
-    activeClassName?: string;
-    activeStrict?: boolean;
-    ignoreQueryParams?: boolean;
-    target?: string;
+  routeName: string;
+  routeParams?: P;
+  routeOptions?: NavigationOptions;
+  class?: string;
+  activeClassName?: string;
+  activeStrict?: boolean;
+  ignoreQueryParams?: boolean;
+  target?: string;
 }
-
+//#endregion
+//#region src/composables/useRoute.d.ts
 declare const useRoute: () => RouteContext;
-
+//#endregion
+//#region src/composables/useRouteNode.d.ts
 declare function useRouteNode(nodeName: string): RouteContext;
-
-declare function useRouterTransition(): ShallowRef<RouterTransitionSnapshot>;
-
+//#endregion
+//#region src/composables/useRouterTransition.d.ts
+declare function useRouterTransition(): ShallowRef<RouterTransitionSnapshot$1>;
+//#endregion
+//#region src/createRouterPlugin.d.ts
 declare function createRouterPlugin(router: Router): Plugin<[]>;
-
-declare const RouterProvider: vue.DefineComponent<vue.ExtractPropTypes<{
-    router: {
-        type: PropType<Router>;
-        required: true;
-    };
-    announceNavigation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    router: {
-        type: PropType<Router>;
-        required: true;
-    };
-    announceNavigation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+//#endregion
+//#region src/RouterProvider.d.ts
+declare const RouterProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  router: {
+    type: PropType<Router>;
+    required: true;
+  };
+  announceNavigation: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  router: {
+    type: PropType<Router>;
+    required: true;
+  };
+  announceNavigation: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
 }>> & Readonly<{}>, {
-    announceNavigation: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
+  announceNavigation: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/context.d.ts
 declare const RouterKey: InjectionKey<Router>;
-declare const NavigatorKey: InjectionKey<Navigator>;
+declare const NavigatorKey: InjectionKey<Navigator$1>;
 declare const RouteKey: InjectionKey<RouteContext>;
-
-export { Link, type LinkDirectiveValue, type LinkProps, NavigatorKey, RouteKey, RouteView, type MatchProps as RouteViewMatchProps, type NotFoundProps as RouteViewNotFoundProps, type RouteViewProps, RouterErrorBoundary, type RouterErrorBoundaryProps, RouterKey, RouterProvider, createRouterPlugin, useNavigator, useRoute, useRouteNode, useRouteUtils, useRouter, useRouterTransition, vLink };
+//#endregion
+export { Link, type LinkDirectiveValue, type LinkProps, type Navigator, NavigatorKey, RouteKey, RouteView, type MatchProps as RouteViewMatchProps, type NotFoundProps as RouteViewNotFoundProps, type RouteViewProps, RouterErrorBoundary, type RouterErrorBoundaryProps, RouterKey, RouterProvider, type RouterTransitionSnapshot, createRouterPlugin, useNavigator, useRoute, useRouteNode, useRouteUtils, useRouter, useRouterTransition, vLink };
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.js

@@ -1 +1,2 @@
-var e=require("vue"),t=require("@real-router/core"),r=require("@real-router/route-utils"),o=require("@real-router/sources"),n=require("dom-utils"),u=require("@real-router/core/api");function a(){return null}var s=e.defineComponent({name:"RouteView.Match",props:{segment:{type:String,required:!0},exact:{type:Boolean,default:!1},fallback:{type:[Object,Function],default:void 0}},render:a}),i=e.defineComponent({name:"RouteView.NotFound",render:a});function l(e,t,o){return o?e===t:r.startsWithSegment(e,t)}function c(t){if(Array.isArray(t)){const r=[];for(const o of t)Array.isArray(o)?r.push(...c(o)):e.isVNode(o)&&r.push(o);return r}return e.isVNode(t)?[t]:[]}function p(t,r){const o=c(t);for(const t of o)t.type===s||t.type===i?r.push(t):t.type===e.Fragment&&p(t.children,r)}function v(t){const r=e.shallowRef(t.getSnapshot()),o=t.subscribe(()=>{r.value=t.getSnapshot()});return e.onScopeDispose(o),r}var d=Symbol("RouterKey"),f=Symbol("NavigatorKey"),m=Symbol("RouteKey"),g=()=>{const t=e.inject(d);if(!t)throw new Error("useRouter must be used within a RouterProvider");return t};function y(r){const n=g(),u=v(o.createRouteNodeSource(n,r)),a=t.getNavigator(n),s=e.shallowRef(u.value.route),i=e.shallowRef(u.value.previousRoute);return e.watch(u,e=>{s.value=e.route,i.value=e.previousRoute},{flush:"sync"}),{navigator:a,route:s,previousRoute:i}}function R(e){const t=e.children;return t?.default?.()??null}function h(t,r){if(void 0===r)return t;const o="function"==typeof r?r():r;return e.h(e.Suspense,{},{default:()=>t,fallback:()=>o})}var w=e.defineComponent({name:"RouteView",props:{nodeName:{type:String,required:!0},keepAlive:{type:Boolean,default:!1}},setup(r,{slots:o}){const n=y(r.nodeName),u=new Map;return()=>{const a=n.route.value;if(!a)return null;const c=[];p(o.default?.(),c);const{rendered:v,fallback:d}=function(e,r,o){let n,u=null,a=!1;const s=[];for(const t of e){if(t.type===i){u=t.children;continue}const e=t.props,c=e?.segment??"";!a&&l(r,o?`${o}.${c}`:c,e?.exact??!1)&&(a=!0,n=e?.fallback,s.push(t))}if(!a&&r===t.UNKNOWN_ROUTE&&null!==u){const t=e.filter(e=>e.type===i).at(-1);t&&s.push(t)}return{rendered:s,activeMatchFound:a,fallback:n}}(c,a.name,r.nodeName);if(0===v.length)return null;const f=v[0];if(!r.keepAlive){if(f.type===s||f.type===i){const t=R(f);return t?h(e.h(e.Fragment,t),d):null}return null}const m=f.props,g=m?.segment??"__not-found__",y=function(t,r){const o=t.get(r);if(o)return o;const n=e.markRaw(e.defineComponent({name:`KeepAlive-${r}`,setup:(e,t)=>()=>t.slots.default?.()}));return t.set(r,n),n}(u,g),w=R(f)??[];return h(e.h(e.KeepAlive,null,{default:()=>e.h(y,{key:g},{default:()=>w})}),d)}}}),b=Object.assign(w,{Match:s,NotFound:i}),k=Object.freeze({}),N=Object.freeze({}),S=e.defineComponent({name:"Link",props:{routeName:{type:String,required:!0},routeParams:{type:Object,default:()=>k},routeOptions:{type:Object,default:()=>N},class:{type:String,default:void 0},activeClassName:{type:String,default:"active"},activeStrict:{type:Boolean,default:!1},ignoreQueryParams:{type:Boolean,default:!0},target:{type:String,default:void 0}},setup(t,{slots:r,attrs:u}){const a=g(),s=function(e,t,r=!1,n=!0){const u=g();return v(o.createActiveRouteSource(u,e,t,{strict:r,ignoreQueryParams:n}))}(t.routeName,t.routeParams,t.activeStrict,t.ignoreQueryParams),i=e.computed(()=>n.buildHref(a,t.routeName,t.routeParams)),l=e.computed(()=>n.buildActiveClassName(s.value,t.activeClassName,t.class)),c=e=>{u.onClick&&"function"==typeof u.onClick&&(u.onClick(e),e.defaultPrevented)||n.shouldNavigate(e)&&"_blank"!==t.target&&(e.preventDefault(),a.navigate(t.routeName,t.routeParams,t.routeOptions).catch(()=>{}))};return()=>e.h("a",{...u,href:i.value,class:l.value,target:t.target,onClick:c},r.default?.())}}),x=new WeakMap,P=e.defineComponent({name:"RouterErrorBoundary",props:{fallback:{type:Function,required:!0},onError:{type:Function,default:void 0}},setup(t,{slots:r}){const n=function(){const e=g();let t=x.get(e);return t||(t=o.createErrorSource(e),x.set(e,t)),v(t)}(),u=e.ref(-1);e.watch(()=>n.value.version,()=>{n.value.error&&t.onError?.(n.value.error,n.value.toRoute,n.value.fromRoute)},{immediate:!0});const a=e.computed(()=>n.value.version>u.value?n.value.error:null),s=()=>{u.value=n.value.version};return()=>{const o=r.default?.()??[],n=a.value?t.fallback(a.value,s):null;return e.h(e.Fragment,null,[...o,n])}}}),E=null;function C(e){E=e}function A(){if(!E)throw new Error("v-link directive requires a RouterProvider ancestor. Make sure RouterProvider is mounted.");return E}var q=new WeakMap,O=new WeakMap;function j(e,t,r){const o=function(e,t){return r=>{n.shouldNavigate(r)&&(r.preventDefault(),e.navigate(t.name,t.params??{},t.options??{}).catch(()=>{}))}}(t,r),u=function(e,t,r){return o=>{"Enter"!==o.key||r instanceof HTMLButtonElement||e.navigate(t.name,t.params??{},t.options??{}).catch(()=>{})}}(t,r,e);e.addEventListener("click",o),e.addEventListener("keydown",u),q.set(e,o),O.set(e,u)}function M(e){const t=q.get(e),r=O.get(e);t&&e.removeEventListener("click",t),r&&e.removeEventListener("keydown",r),q.delete(e),O.delete(e)}var F={mounted(e,t){const r=A();n.applyLinkA11y(e),e.style.cursor="pointer",j(e,r,t.value)},updated(e,t){const r=A();M(e),j(e,r,t.value)},beforeUnmount(e){M(e)}},K=e.defineComponent({name:"RouterProvider",props:{router:{type:Object,required:!0},announceNavigation:{type:Boolean,default:!1}},setup(r,{slots:u}){e.onMounted(()=>{if(!r.announceNavigation)return;const t=n.createRouteAnnouncer(r.router);e.onUnmounted(()=>{t.destroy()})});const a=t.getNavigator(r.router);C(r.router);const s=o.createRouteSource(r.router),i=s.getSnapshot(),l=e.shallowRef(i.route),c=e.shallowRef(i.previousRoute),p=s.subscribe(()=>{const e=s.getSnapshot();l.value=e.route,c.value=e.previousRoute});return e.onScopeDispose(p),e.provide(d,r.router),e.provide(f,a),e.provide(m,{navigator:a,route:l,previousRoute:c}),()=>u.default?.()}});exports.Link=S,exports.NavigatorKey=f,exports.RouteKey=m,exports.RouteView=b,exports.RouterErrorBoundary=P,exports.RouterKey=d,exports.RouterProvider=K,exports.createRouterPlugin=function(r){return{install(n){const u=t.getNavigator(r);C(r);const a=o.createRouteSource(r),s=a.getSnapshot(),i=e.shallowRef(s.route),l=e.shallowRef(s.previousRoute);a.subscribe(()=>{const e=a.getSnapshot();i.value=e.route,l.value=e.previousRoute}),n.provide(d,r),n.provide(f,u),n.provide(m,{navigator:u,route:i,previousRoute:l})}}},exports.useNavigator=()=>{const t=e.inject(f);if(!t)throw new Error("useNavigator must be used within a RouterProvider");return t},exports.useRoute=()=>{const t=e.inject(m);if(!t)throw new Error("useRoute must be used within a RouterProvider");return t},exports.useRouteNode=y,exports.useRouteUtils=()=>{const e=g();return r.getRouteUtils(u.getPluginApi(e).getTree())},exports.useRouter=g,exports.useRouterTransition=function(){const e=g();return v(o.createTransitionSource(e))},exports.vLink=F;//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`),t=require(`@real-router/core`),n=require(`@real-router/route-utils`),r=require(`@real-router/sources`),i=require(`dom-utils`),a=require(`@real-router/core/api`);function o(){return null}const s=(0,e.defineComponent)({name:`RouteView.Match`,props:{segment:{type:String,required:!0},exact:{type:Boolean,default:!1},fallback:{type:[Object,Function],default:void 0}},render:o}),c=(0,e.defineComponent)({name:`RouteView.NotFound`,render:o});function l(e,t,r){return r?e===t:(0,n.startsWithSegment)(e,t)}function u(t){if(Array.isArray(t)){let n=[];for(let r of t)Array.isArray(r)?n.push(...u(r)):(0,e.isVNode)(r)&&n.push(r);return n}return(0,e.isVNode)(t)?[t]:[]}function d(t,n){let r=u(t);for(let t of r)t.type===s||t.type===c?n.push(t):t.type===e.Fragment&&d(t.children,n)}function f(e,n,r){let i=null,a=!1,o,s=[];for(let t of e){if(t.type===c){i=t.children;continue}let e=t.props,u=e?.segment??``,d=e?.exact??!1,f=r?`${r}.${u}`:u;!a&&l(n,f,d)&&(a=!0,o=e?.fallback,s.push(t))}if(!a&&n===t.UNKNOWN_ROUTE&&i!==null){let t=e.filter(e=>e.type===c).at(-1);t&&s.push(t)}return{rendered:s,activeMatchFound:a,fallback:o}}function p(t){let n=(0,e.shallowRef)(t.getSnapshot());return(0,e.onScopeDispose)(t.subscribe(()=>{n.value=t.getSnapshot()})),n}const m=Symbol(`RouterKey`),h=Symbol(`NavigatorKey`),g=Symbol(`RouteKey`),_=()=>{let t=(0,e.inject)(m);if(!t)throw Error(`useRouter must be used within a RouterProvider`);return t};function v(n){let i=_(),a=p((0,r.createRouteNodeSource)(i,n)),o=(0,t.getNavigator)(i),s=(0,e.shallowRef)(a.value.route),c=(0,e.shallowRef)(a.value.previousRoute);return(0,e.watch)(a,e=>{s.value=e.route,c.value=e.previousRoute},{flush:`sync`}),{navigator:o,route:s,previousRoute:c}}function y(e){return e.children?.default?.()??null}function b(t,n){let r=t.get(n);if(r)return r;let i=(0,e.markRaw)((0,e.defineComponent)({name:`KeepAlive-${n}`,setup(e,t){return()=>t.slots.default?.()}}));return t.set(n,i),i}function x(t,n){if(n===void 0)return t;let r=typeof n==`function`?n():n;return(0,e.h)(e.Suspense,{},{default:()=>t,fallback:()=>r})}const S=(0,e.defineComponent)({name:`RouteView`,props:{nodeName:{type:String,required:!0},keepAlive:{type:Boolean,default:!1}},setup(t,{slots:n}){let r=v(t.nodeName),i=new Map;return()=>{let a=r.route.value;if(!a)return null;let o=[];d(n.default?.(),o);let{rendered:l,fallback:u}=f(o,a.name,t.nodeName);if(l.length===0)return null;let p=l[0];if(!t.keepAlive){if(p.type===s||p.type===c){let t=y(p);return t?x((0,e.h)(e.Fragment,t),u):null}return null}let m=p.props?.segment??`__not-found__`,h=b(i,m),g=y(p)??[];return x((0,e.h)(e.KeepAlive,null,{default:()=>(0,e.h)(h,{key:m},{default:()=>g})}),u)}}}),C=Object.assign(S,{Match:s,NotFound:c});function w(e,t,n=!1,i=!0){return p((0,r.createActiveRouteSource)(_(),e,t,{strict:n,ignoreQueryParams:i}))}const T=Object.freeze({}),E=Object.freeze({}),D=(0,e.defineComponent)({name:`Link`,props:{routeName:{type:String,required:!0},routeParams:{type:Object,default:()=>T},routeOptions:{type:Object,default:()=>E},class:{type:String,default:void 0},activeClassName:{type:String,default:`active`},activeStrict:{type:Boolean,default:!1},ignoreQueryParams:{type:Boolean,default:!0},target:{type:String,default:void 0}},setup(t,{slots:n,attrs:r}){let a=_(),o=w(t.routeName,t.routeParams,t.activeStrict,t.ignoreQueryParams),s=(0,e.computed)(()=>(0,i.buildHref)(a,t.routeName,t.routeParams)),c=(0,e.computed)(()=>(0,i.buildActiveClassName)(o.value,t.activeClassName,t.class)),l=e=>{r.onClick&&typeof r.onClick==`function`&&(r.onClick(e),e.defaultPrevented)||!(0,i.shouldNavigate)(e)||t.target===`_blank`||(e.preventDefault(),a.navigate(t.routeName,t.routeParams,t.routeOptions).catch(()=>{}))};return()=>(0,e.h)(`a`,{...r,href:s.value,class:c.value,target:t.target,onClick:l},n.default?.())}}),O=new WeakMap;function k(){let e=_(),t=O.get(e);return t||(t=(0,r.createErrorSource)(e),O.set(e,t)),p(t)}const A=(0,e.defineComponent)({name:`RouterErrorBoundary`,props:{fallback:{type:Function,required:!0},onError:{type:Function,default:void 0}},setup(t,{slots:n}){let r=k(),i=(0,e.ref)(-1);(0,e.watch)(()=>r.value.version,()=>{r.value.error&&t.onError?.(r.value.error,r.value.toRoute,r.value.fromRoute)},{immediate:!0});let a=(0,e.computed)(()=>r.value.version>i.value?r.value.error:null),o=()=>{i.value=r.value.version};return()=>{let r=n.default?.()??[],i=a.value?t.fallback(a.value,o):null;return(0,e.h)(e.Fragment,null,[...r,i])}}});let j=null;function M(e){j=e}function N(){if(!j)throw Error(`v-link directive requires a RouterProvider ancestor. Make sure RouterProvider is mounted.`);return j}const P=new WeakMap,F=new WeakMap;function I(e,t){return n=>{(0,i.shouldNavigate)(n)&&(n.preventDefault(),e.navigate(t.name,t.params??{},t.options??{}).catch(()=>{}))}}function L(e,t,n){return r=>{r.key===`Enter`&&!(n instanceof HTMLButtonElement)&&e.navigate(t.name,t.params??{},t.options??{}).catch(()=>{})}}function R(e,t,n){let r=I(t,n),i=L(t,n,e);e.addEventListener(`click`,r),e.addEventListener(`keydown`,i),P.set(e,r),F.set(e,i)}function z(e){let t=P.get(e),n=F.get(e);t&&e.removeEventListener(`click`,t),n&&e.removeEventListener(`keydown`,n),P.delete(e),F.delete(e)}const B={mounted(e,t){let n=N();(0,i.applyLinkA11y)(e),e.style.cursor=`pointer`,R(e,n,t.value)},updated(e,t){let n=N();z(e),R(e,n,t.value)},beforeUnmount(e){z(e)}},V=()=>{let t=(0,e.inject)(h);if(!t)throw Error(`useNavigator must be used within a RouterProvider`);return t},H=()=>(0,n.getRouteUtils)((0,a.getPluginApi)(_()).getTree()),U=()=>{let t=(0,e.inject)(g);if(!t)throw Error(`useRoute must be used within a RouterProvider`);return t};function W(){return p((0,r.createTransitionSource)(_()))}function G(n){return{install(i){let a=(0,t.getNavigator)(n);M(n);let o=(0,r.createRouteSource)(n),s=o.getSnapshot(),c=(0,e.shallowRef)(s.route),l=(0,e.shallowRef)(s.previousRoute);o.subscribe(()=>{let e=o.getSnapshot();c.value=e.route,l.value=e.previousRoute}),i.provide(m,n),i.provide(h,a),i.provide(g,{navigator:a,route:c,previousRoute:l})}}}const K=(0,e.defineComponent)({name:`RouterProvider`,props:{router:{type:Object,required:!0},announceNavigation:{type:Boolean,default:!1}},setup(n,{slots:a}){(0,e.onMounted)(()=>{if(!n.announceNavigation)return;let t=(0,i.createRouteAnnouncer)(n.router);(0,e.onUnmounted)(()=>{t.destroy()})});let o=(0,t.getNavigator)(n.router);M(n.router);let s=(0,r.createRouteSource)(n.router),c=s.getSnapshot(),l=(0,e.shallowRef)(c.route),u=(0,e.shallowRef)(c.previousRoute);return(0,e.onScopeDispose)(s.subscribe(()=>{let e=s.getSnapshot();l.value=e.route,u.value=e.previousRoute})),(0,e.provide)(m,n.router),(0,e.provide)(h,o),(0,e.provide)(g,{navigator:o,route:l,previousRoute:u}),()=>a.default?.()}});exports.Link=D,exports.NavigatorKey=h,exports.RouteKey=g,exports.RouteView=C,exports.RouterErrorBoundary=A,exports.RouterKey=m,exports.RouterProvider=K,exports.createRouterPlugin=G,exports.useNavigator=V,exports.useRoute=U,exports.useRouteNode=v,exports.useRouteUtils=H,exports.useRouter=_,exports.useRouterTransition=W,exports.vLink=B;
+//# sourceMappingURL=index.js.map