@vc-shell/framework 1.1.7 → 1.1.8

package/dist/ui/components/organisms/vc-app/vc-app.backupsb.d.ts

@@ -0,0 +1,50 @@
+import type { StoryFn } from "@storybook/vue3";
+import { VcApp } from "./";
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./vc-app.vue").Props> & Readonly<{
+            "onLogo-click"?: ((goToRoot: () => void) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            "logo-click": (goToRoot: () => void) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./vc-app.vue").Props> & Readonly<{
+            "onLogo-click"?: ((goToRoot: () => void) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./vc-app.vue").Props> & Readonly<{
+        "onLogo-click"?: ((goToRoot: () => void) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "logo-click": (goToRoot: () => void) => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "app-switcher": (props: any) => any;
+        };
+    });
+    args: {
+        isReady: true;
+        version: string;
+        title: string;
+        logo: string;
+    };
+    decorators: (() => {
+        template: string;
+    })[];
+};
+export default _default;
+export declare const Primary: StoryFn<typeof VcApp>;
+export declare const CustomAppSwitcherSlot: StoryFn<typeof VcApp>;
+export declare const CustomToolbarSlot: StoryFn<typeof VcApp>;
+export declare const CustomToolbarPrependSlot: StoryFn<typeof VcApp>;
+export declare const CustomToolbarLanguageSelectorSlot: StoryFn<typeof VcApp>;
+export declare const CustomNotificationsDropdownSlot: StoryFn<typeof VcApp>;
+export declare const CustomUserDropdownButtonSlot: StoryFn<typeof VcApp>;
+//# sourceMappingURL=vc-app.backupsb.d.ts.map

package/dist/ui/components/organisms/vc-app/vc-app.backupsb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vc-app.backupsb.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.backupsb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK3B,wBAmB+B;AAE/B,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,CAgBxC,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,OAAO,KAAK,CAYtD,CAAC;AAUH,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,OAAO,KAAK,CAsBlD,CAAC;AAUH,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,OAAO,KAAK,CAYzD,CAAC;AAUH,eAAO,MAAM,iCAAiC,EAAE,OAAO,CAAC,OAAO,KAAK,CAqBlE,CAAC;AAUH,eAAO,MAAM,+BAA+B,EAAE,OAAO,CAAC,OAAO,KAAK,CAqBhE,CAAC;AAWH,eAAO,MAAM,4BAA4B,EAAE,OAAO,CAAC,OAAO,KAAK,CAqB7D,CAAC"}

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-blade-toolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue"],"names":[],"mappings":"AAwLA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAO7D,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAmKD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB3D,QAAA,MAAM,eAAe;WA9LZ,aAAa,EAAE;6EAqMtB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"vc-blade-toolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue"],"names":[],"mappings":"AA0LA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAO7D,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAqKD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB3D,QAAA,MAAM,eAAe;WAhMZ,aAAa,EAAE;6EAuMtB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-mobile.vue.d.ts

@@ -1,6 +1,7 @@
 import { IWidget } from "../../../../../../../core/services";
 interface Props {
     widgets: IWidget[];
+    bladeId: string;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-mobile.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-widget-container-mobile.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-mobile.vue"],"names":[],"mappings":"AAwIA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB;;AAgKD,wBAMG"}
+{"version":3,"file":"vc-widget-container-mobile.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-mobile.vue"],"names":[],"mappings":"AAqJA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAI7D,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;;AA0KD,wBAMG"}

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/vc-widget-container.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-widget-container.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/vc-widget-container.vue"],"names":[],"mappings":"AAkIA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;;AAmFD,wBAMG"}
+{"version":3,"file":"vc-widget-container.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/vc-widget-container.vue"],"names":[],"mappings":"AAuIA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;;AAoFD,wBAMG"}

package/dist/ui/components/organisms/vc-blade/vc-blade.backupsb.d.ts

@@ -0,0 +1,89 @@
+import type { StoryFn } from "@storybook/vue3";
+import { VcBlade } from "./";
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./vc-blade.vue").Props> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onExpand?: (() => any) | undefined;
+            onCollapse?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            close: () => any;
+            expand: () => any;
+            collapse: () => any;
+        }, import("vue").PublicProps, {
+            width: number | string;
+            closable: boolean;
+            toolbarItems: import("../../../..").IBladeToolbar[];
+            modified: boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./vc-blade.vue").Props> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onExpand?: (() => any) | undefined;
+            onCollapse?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            width: number | string;
+            closable: boolean;
+            toolbarItems: import("../../../..").IBladeToolbar[];
+            modified: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./vc-blade.vue").Props> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onExpand?: (() => any) | undefined;
+        onCollapse?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        close: () => any;
+        expand: () => any;
+        collapse: () => any;
+    }, string, {
+        width: number | string;
+        closable: boolean;
+        toolbarItems: import("../../../..").IBladeToolbar[];
+        modified: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            actions: (props: any) => any;
+            default: (props: any) => any;
+            widgets: (props: any) => any;
+            backButton: (props: any) => any;
+        };
+    });
+    args: {
+        icon: string;
+        title: string;
+        subtitle: string;
+        width: number;
+        closable: false;
+        toolbarItems: ({
+            id: string;
+            icon: string;
+            title: string;
+            disabled?: undefined;
+        } | {
+            id: string;
+            icon: string;
+            title: string;
+            disabled: true;
+        })[];
+    };
+    decorators: (() => {
+        template: string;
+    })[];
+};
+export default _default;
+export declare const Primary: StoryFn<typeof VcBlade>;
+export declare const BladeWithError: StoryFn<typeof VcBlade>;
+export declare const BladeWithLoading: StoryFn<typeof VcBlade>;
+export declare const ClosableBlade: StoryFn<typeof VcBlade>;
+export declare const ExpandableBlade: StoryFn<typeof VcBlade>;
+export declare const BladeWithoutToolbar: StoryFn<typeof VcBlade>;
+//# sourceMappingURL=vc-blade.backupsb.d.ts.map

package/dist/ui/components/organisms/vc-blade/vc-blade.backupsb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vc-blade.backupsb.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-blade/vc-blade.backupsb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG7B,wBAuBiC;AAEjC,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,OAAO,CAM1C,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,OAAO,OAAO,CAOjD,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,OAAO,OAAO,CAMnD,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,CAShD,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,OAAO,OAAO,CASlD,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,OAAO,OAAO,CAMtD,CAAC"}

package/dist/ui/components/organisms/vc-blade/vc-blade.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-blade.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-blade/vc-blade.vue"],"names":[],"mappings":"AAkcA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAYvD,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B;AAeD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC,CAAC;AAmWF,QAAA,MAAM,eAAe;;;;;;;;;WA7ZX,MAAM,GAAG,MAAM;cAEZ,OAAO;kBACH,aAAa,EAAE;cACnB,OAAO;6EAialB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"vc-blade.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-blade/vc-blade.vue"],"names":[],"mappings":"AAscA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAYvD,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B;AAeD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CACjC,CAAC;AAuWF,QAAA,MAAM,eAAe;;;;;;;;;WAjaX,MAAM,GAAG,MAAM;cAEZ,OAAO;kBACH,aAAa,EAAE;cACnB,OAAO;6EAqalB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -70,9 +70,9 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.7",
-    "@vc-shell/config-generator": "^1.1.7",
-    "@vc-shell/ts-config": "^1.1.7",
+    "@vc-shell/api-client-generator": "^1.1.8",
+    "@vc-shell/config-generator": "^1.1.8",
+    "@vc-shell/ts-config": "^1.1.8",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -84,7 +84,7 @@
     "typescript": "^5.8.3",
     "vite": "^6.3.3",
     "vitest": "^1.3.1",
-    "vue-component-type-helpers": "^1.8.27",
+    "vue-component-type-helpers": "^2.2.10",
     "vue-tsc": "^2.2.10"
   },
   "publishConfig": {

package/shared/components/blade-navigation/components/vc-blade-view/vc-blade-view.ts

@@ -1,9 +1,43 @@
-import { Slot, defineComponent, h, provide, ref, VNode, PropType, Component, reactive, computed, toRefs } from "vue";
+import {
+  h,
+  provide,
+  ref,
+  VNode,
+  PropType,
+  Component,
+  reactive,
+  computed,
+  toRefs,
+  Slot,
+  defineComponent,
+  SetupContext,
+} from "vue";
 import { BladeInstance, navigationViewLocation, BLADE_BACK_BUTTON } from "./../../../../../injection-keys";
-import { BladeVNode, CoreBladeExposed } from "../../types";
+import { BladeVNode, CoreBladeExposed, IBladeInstance } from "../../types";
 import { toRef, watchTriggerable } from "@vueuse/core";
 import { Breadcrumbs, FALLBACK_BLADE_ID } from "../../../../..";
 
+/**
+ * Normalizes slot content
+ * @param slot The slot to normalize
+ * @param data The data to pass to the slot
+ * @returns Normalized slot content or null
+ */
+function normalizeSlot(slot: Slot | undefined, data: { Component: VNode }): VNode | VNode[] | null {
+  if (!slot) return null;
+  const slotContent = slot(data);
+  return slotContent.length === 1 ? slotContent[0] : slotContent;
+}
+
+// Define the props type for type safety
+interface BladeViewProps {
+  blade?: BladeVNode;
+  expandable?: boolean;
+  error?: string;
+  breadcrumbs?: Breadcrumbs[];
+  backButton?: Component;
+}
+
 export const VcBladeView = defineComponent({
   name: "BladeView",
   inheritAttrs: false,
@@ -25,76 +59,111 @@ export const VcBladeView = defineComponent({
       default: undefined,
     },
   },
-  setup(props, { attrs, slots }) {
-    const maximized = ref(false);
-    const viewRef = ref<CoreBladeExposed>();
+  setup(props: BladeViewProps, { attrs, slots }: SetupContext) {
+    const maximized = ref<boolean>(false);
+    const viewRef = ref<CoreBladeExposed | undefined>();
 
     const bl = toRef(props.blade);
     const { backButton } = toRefs(props);
 
-    const { trigger } = watchTriggerable(
+    /**
+     * Links the blade instance to its navigation object.
+     *
+     * This is a crucial part of the blade navigation system:
+     * 1. When a blade is mounted, we need to associate its instance with the navigation props
+     * 2. This creates a two-way reference where the blade knows about its navigation context
+     * 3. The navigation instance property is implemented as a getter to ensure it always returns
+     *    the current value of viewRef
+     *
+     * The flush:sync option ensures this happens immediately in the same tick to prevent
+     * timing issues where the instance might not be available when needed.
+     */
+    const linkBladeInstanceToNavigation = (): void => {
+      const instance = viewRef.value;
+      const blade = bl.value;
+
+      if (!instance || !blade || !blade.props?.navigation) {
+        return;
+      }
+
+      // Create a reactive getter for the instance property
+      // This ensures that navigation.instance always returns the current viewRef value
+      Object.defineProperty(blade.props.navigation, "instance", {
+        get: () => instance,
+        configurable: true,
+        enumerable: true,
+      });
+    };
+
+    // Use watchTriggerable to manually invoke the linking process when needed
+    const { trigger: syncNavigationWithInstance } = watchTriggerable(
       () => [viewRef.value, bl.value] as const,
-      ([instance, blade]) => {
-        if (instance && blade && blade.props?.navigation) {
-          Object.assign(
-            blade.props.navigation,
-            reactive({
-              get instance() {
-                return instance;
-              },
-            }),
-          );
-        }
-      },
+      () => linkBladeInstanceToNavigation(),
       { flush: "sync" },
     );
-    provide(navigationViewLocation, bl.value!);
+
+    // Provide the navigation view location without using non-null assertion
+    if (bl.value) {
+      provide(navigationViewLocation, bl.value);
+    }
+
     provide(BLADE_BACK_BUTTON, backButton);
+
     provide(
       BladeInstance,
-      computed(() => ({
+      computed<IBladeInstance>(() => ({
         id: bl.value?.type.name ?? FALLBACK_BLADE_ID,
-        expandable: props.expandable,
+        param: bl.value?.props?.param,
+        options: bl.value?.props?.options,
+        expandable: props.expandable ?? false,
         maximized: maximized.value,
         error: props.error,
         navigation: bl.value?.props?.navigation,
         breadcrumbs: props.breadcrumbs,
+        title: bl.value?.props?.navigation?.instance?.title,
       })),
     );
-    return () => {
-      /**
-       * Callback function onClose, which is passed while opening blade, called when a BladeVNode is unmounted.
-       * @param vnode The unmounted VNode.
-       */
-      const onVnodeUnmounted: BladeVNode["props"]["onVnodeUnmounted"] = (vnode) => {
-        if (vnode.component?.isUnmounted) {
-          if (typeof vnode.props?.navigation?.onClose === "function") {
-            vnode.props?.navigation.onClose();
-          }
-        }
-      };
-
-      /**
-       * Callback function onOpen, which is passed while opening blade, called when a BladeVNode is mounted.
-       * @param vnode The mounted VNode.
-       */
-      const onVnodeMounted: BladeVNode["props"]["onVnodeMounted"] = (vnode) => {
-        if (vnode.component?.isMounted) {
-          trigger();
-          if (typeof vnode.props?.navigation?.onOpen === "function") {
-            vnode.props?.navigation.onOpen();
-          }
-        }
-      };
 
-      function onExpand() {
-        maximized.value = true;
+    /**
+     * Handler for expanding the blade
+     */
+    const onExpand = (): void => {
+      maximized.value = true;
+    };
+
+    /**
+     * Handler for collapsing the blade
+     */
+    const onCollapse = (): void => {
+      maximized.value = false;
+    };
+
+    /**
+     * Callback function onClose, which is passed while opening blade, called when a BladeVNode is unmounted.
+     * @param vnode The unmounted VNode.
+     */
+    const onVnodeUnmounted: BladeVNode["props"]["onVnodeUnmounted"] = (vnode): void => {
+      if (vnode.component?.isUnmounted && typeof vnode.props?.navigation?.onClose === "function") {
+        vnode.props.navigation.onClose();
       }
+    };
+
+    /**
+     * Callback function onOpen, which is passed while opening blade, called when a BladeVNode is mounted.
+     * @param vnode The mounted VNode.
+     */
+    const onVnodeMounted: BladeVNode["props"]["onVnodeMounted"] = (vnode): void => {
+      if (vnode.component?.isMounted) {
+        // Synchronize the blade instance with navigation when the component is mounted
+        syncNavigationWithInstance();
 
-      function onCollapse() {
-        maximized.value = false;
+        if (typeof vnode.props?.navigation?.onOpen === "function") {
+          vnode.props.navigation.onOpen();
+        }
       }
+    };
 
+    return () => {
       if (props.blade) {
         const component = h(
           props.blade as Component,
@@ -113,9 +182,3 @@ export const VcBladeView = defineComponent({
     };
   },
 });
-
-function normalizeSlot(slot: Slot | undefined, data: { Component: VNode }) {
-  if (!slot) return null;
-  const slotContent = slot(data);
-  return slotContent.length === 1 ? slotContent[0] : slotContent;
-}

package/shared/components/blade-navigation/types/index.ts

@@ -49,6 +49,9 @@ export interface IBladeInstance {
   error: string | undefined;
   navigation: BladeVNode["props"]["navigation"] | undefined;
   breadcrumbs: Breadcrumbs[] | undefined;
+  title?: string;
+  param?: string;
+  options?: Record<string, any>;
 }
 
 export interface IParentCallArgs {