@real-router/vue 0.2.1 → 0.2.2

package/dist/esm/index.d.mts

@@ -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.mts.map

package/dist/esm/index.mjs

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