@simonbackx/vue-app-navigation 2.4.2 → 2.5.0

package/dist/index.js

@@ -705,6 +705,10 @@ const _ComponentWithProperties = class _ComponentWithProperties {
   ownsHistoryIndex() {
     return this.historyIndex !== null && _ComponentWithProperties.historyIndexOwners.get(this.historyIndex) === this;
   }
+  overrideUrl(url, title) {
+    this.provide.reactive_navigation_url = url;
+    this.setUrl(url, title);
+  }
   setUrl(url, title) {
     if (this.historyIndex === null) {
       if (_ComponentWithProperties.debug)
@@ -2146,6 +2150,12 @@ function setTitle(title) {
     urlHelpers.setTitle(title);
   });
 }
+function setUrl(url, title) {
+  const urlHelpers = useUrl();
+  onMounted(() => {
+    urlHelpers.overrideUrl(url, title);
+  });
+}
 function useUrl() {
   const currentComponent = useCurrentComponent();
   const navigationUrl = inject("reactive_navigation_url", null);
@@ -2184,6 +2194,16 @@ function useUrl() {
     matchCurrent(template, params) {
       const helper = new UrlHelper(void 0, this.getUrl());
       return helper.match(template, params);
+    },
+    overrideUrl(url, title) {
+      if (!currentComponent) {
+        console.error("No current component while setting title", title);
+        return;
+      }
+      if (unref(disableUrl)) {
+        return;
+      }
+      currentComponent == null ? void 0 : currentComponent.overrideUrl(url, title);
     }
   };
 }
@@ -2946,6 +2966,7 @@ export {
   onNotCheckRoutes,
   setTitle,
   setTitleSuffix,
+  setUrl,
   templateToUrl,
   useCanDismiss,
   useCanPop,

package/dist/src/ComponentWithProperties.d.ts

@@ -46,6 +46,7 @@ export declare class ComponentWithProperties {
     assignHistoryIndex(): void;
     inheritHistoryIndex(index: number): void;
     ownsHistoryIndex(): boolean;
+    overrideUrl(url: string, title?: string): void;
     setUrl(url: string, title?: string): void;
     setTitle(title: string): void;
     /**

package/dist/src/ModalMixin.d.ts

@@ -66,6 +66,7 @@ export declare const ModalMixin: import('vue').DefineComponent<{}, {}, {}, {}, {
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -136,6 +137,7 @@ export declare const ModalMixin: import('vue').DefineComponent<{}, {}, {}, {}, {
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -440,6 +442,7 @@ export declare const ModalMixin: import('vue').DefineComponent<{}, {}, {}, {}, {
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -510,6 +513,7 @@ export declare const ModalMixin: import('vue').DefineComponent<{}, {}, {}, {}, {
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;

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

@@ -65,6 +65,7 @@ declare const ModalStackComponent: import('vue').DefineComponent<{
             assignHistoryIndex: () => void;
             inheritHistoryIndex: (index: number) => void;
             ownsHistoryIndex: () => boolean;
+            overrideUrl: (url: string, title?: string | undefined) => void;
             setUrl: (url: string, title?: string | undefined) => void;
             setTitle: (title: string) => void;
             returnToHistoryIndex: () => boolean;
@@ -135,6 +136,7 @@ declare const ModalStackComponent: import('vue').DefineComponent<{
             assignHistoryIndex: () => void;
             inheritHistoryIndex: (index: number) => void;
             ownsHistoryIndex: () => boolean;
+            overrideUrl: (url: string, title?: string | undefined) => void;
             setUrl: (url: string, title?: string | undefined) => void;
             setTitle: (title: string) => void;
             returnToHistoryIndex: () => boolean;

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

@@ -45,6 +45,7 @@ declare const StackComponent: import('vue').DefineComponent<{}, {}, {
         assignHistoryIndex: () => void;
         inheritHistoryIndex: (index: number) => void;
         ownsHistoryIndex: () => boolean;
+        overrideUrl: (url: string, title?: string | undefined) => void;
         setUrl: (url: string, title?: string | undefined) => void;
         setTitle: (title: string) => void;
         returnToHistoryIndex: () => boolean;

package/dist/src/utils/navigationHooks.d.ts

@@ -86,6 +86,7 @@ export declare function useFocused(): boolean | Ref<boolean>;
 export declare function extendUrl(url: string | Ref<string>): void;
 export declare function setTitleSuffix(title: string): void;
 export declare function setTitle(title: string): void;
+export declare function setUrl(url: string, title?: string): void;
 export declare function useUrl(): {
     getUrl(): string;
     /**
@@ -95,4 +96,5 @@ export declare function useUrl(): {
     extendUrl(url: string): string;
     match<Params>(template: string, params?: UrlParamsConstructors<Params>): UrlMatchResult<Params> | undefined;
     matchCurrent<Params_1>(template: string, params?: UrlParamsConstructors<Params_1> | undefined): UrlMatchResult<Params_1> | undefined;
+    overrideUrl(url: string, title?: string): void;
 };

package/dist/test/EditWebshopMixin.d.ts

@@ -129,6 +129,7 @@ declare const EditWebshopMixin_base: new (...args: any) => import('../src/class-
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -199,6 +200,7 @@ declare const EditWebshopMixin_base: new (...args: any) => import('../src/class-
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -503,6 +505,7 @@ declare const EditWebshopMixin_base: new (...args: any) => import('../src/class-
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -573,6 +576,7 @@ declare const EditWebshopMixin_base: new (...args: any) => import('../src/class-
                 assignHistoryIndex: () => void;
                 inheritHistoryIndex: (index: number) => void;
                 ownsHistoryIndex: () => boolean;
+                overrideUrl: (url: string, title?: string | undefined) => void;
                 setUrl: (url: string, title?: string | undefined) => void;
                 setTitle: (title: string) => void;
                 returnToHistoryIndex: () => boolean;
@@ -1533,6 +1537,7 @@ declare const EditWebshopMixin_base: new (...args: any) => import('../src/class-
         extendUrl(url: string): string;
         match<Params>(template: string, params?: import('..').UrlParamsConstructors<Params> | undefined): import('..').UrlMatchResult<Params> | undefined;
         matchCurrent<Params_1>(template: string, params?: import('..').UrlParamsConstructors<Params_1> | undefined): import('..').UrlMatchResult<Params_1> | undefined;
+        overrideUrl(url: string, title?: string | undefined): void;
     };
     $navigate: <Params_2 extends Record<string, unknown>>(prop1: string | import('..').Route<Params_2, unknown>, prop2?: import('..').RouteNavigationOptions<Params_2> | undefined) => Promise<void>;
 }, {}, {

package/package.json

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