@vc-shell/framework 1.0.197 → 1.0.198

package/dist/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue.d.ts

@@ -1,6 +1,7 @@
 import { Breadcrumbs } from "../../../../../types";
 export interface Props extends Breadcrumbs {
     current: boolean;
+    variant?: "default" | "light";
 }
 export interface Emits {
     (event: "click"): void;

package/dist/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-breadcrumbs-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,KAAM,SAAQ,WAAW;IACxC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;AAgGD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"vc-breadcrumbs-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,KAAM,SAAQ,WAAW;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;AAiGD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/ui/components/molecules/vc-breadcrumbs/index.d.ts

@@ -1,14 +1,2 @@
-export declare const VcBreadcrumbs: import("vue").DefineComponent<{
-    items: {
-        type: import("vue").PropType<import("../../../types").Breadcrumbs[]>;
-        default: () => never[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: import("vue").PropType<import("../../../types").Breadcrumbs[]>;
-        default: () => never[];
-    };
-}>>, {
-    items: import("../../../types").Breadcrumbs[];
-}, {}>;
+export { default as VcBreadcrumbs } from "./vc-breadcrumbs.vue";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/molecules/vc-breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;MAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.stories.d.ts

@@ -3,17 +3,50 @@ import { VcBreadcrumbs } from "./";
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{
+        variant: {
+            type: import("vue").PropType<"default" | "light">;
+            default: string;
+        };
         items: {
             type: import("vue").PropType<import("../../../types").Breadcrumbs[]>;
             default: () => never[];
         };
+        withArrow: {
+            type: import("vue").PropType<boolean>;
+        };
+        arrowIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        arrowSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "light">;
+            default: string;
+        };
         items: {
             type: import("vue").PropType<import("../../../types").Breadcrumbs[]>;
             default: () => never[];
         };
+        withArrow: {
+            type: import("vue").PropType<boolean>;
+        };
+        arrowIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        arrowSize: {
+            type: import("vue").PropType<"s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl">;
+            default: string;
+        };
     }>>, {
+        variant: "default" | "light";
         items: import("../../../types").Breadcrumbs[];
+        arrowIcon: string;
+        arrowSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
     }, {}>;
     args: {
         items: ({

package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,wBA+BuC;AAEvC,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,aAAa,CAMhD,CAAC"}
+{"version":3,"file":"vc-breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,wBA+BuC;AAEvC,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,aAAa,CAMhD,CAAC"}

package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.d.ts

@@ -1,13 +1,27 @@
 import { Breadcrumbs } from "../../../types";
+import { VcIcon } from "./../../atoms/vc-icon";
 export interface Props {
     items?: Breadcrumbs[];
+    variant?: "default" | "light";
+    withArrow?: boolean;
+    arrowIcon?: string;
+    arrowSize?: InstanceType<typeof VcIcon>["$props"]["size"];
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     items: () => never[];
+    variant: string;
+    arrowIcon: string;
+    arrowSize: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     items: () => never[];
+    variant: string;
+    arrowIcon: string;
+    arrowSize: string;
 }>>>, {
+    variant: "default" | "light";
     items: Breadcrumbs[];
+    arrowIcon: string;
+    arrowSize: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl";
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;;;;;;;;AAwED,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"vc-breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAK/C,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;CAC3D;;;;;;;;;;;;;;;;;AA8ND,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/ui/components/organisms/vc-app/_internal/vc-app-bar/vc-app-bar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-app-bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/vc-app-bar.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAI/D,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACpD;;;;;;;;;;;;;;;AA6PD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-app-bar.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/vc-app-bar.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAK/D,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACpD;;;;;;;;;;;;;;;AAwPD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -7,8 +7,8 @@ export interface Props {
     icon?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
     expand: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     collapse: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClose?: ((...args: any[]) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":";;;;;UA6ZU,MAAM;gBARA,GAAG;cAEL,OAAO;;;;;;;;;;;;wBA/V6B,GAAG;;;;;2CA8VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;eAK1F,MAAM;;;;;;;;;WAuBd,GAAG;;;;wBA1XwC,GAAG;;;;yCAyXrC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;cApB/C,MAAM;oBARA,GAAG;kBAEL,OAAO;;;;;;;;;;;;4BA/V6B,GAAG;;;;;+CA8VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;mBAK1F,MAAM;;;;;;;;;oBAsBL,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;wBA1XwC,GAAG;;;;;;;;;;kBAqW3C,MAAM;wBARA,GAAG;sBAEL,OAAO;;;;;;;;;;;;gCA/V6B,GAAG;;;;;mDA8VV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;uBAK1F,MAAM;;;;;;;;;wBAsBL,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;4BA1XwC,GAAG;;;;;;AAhDrD,wBA+a2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":";;;;;UAiaU,MAAM;gBARA,GAAG;cAEL,OAAO;;;;;;;;;;;;wBAnW6B,GAAG;;;;;2CAkWV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;eAK1F,MAAM;;;;;;;;;WAuBd,GAAG;;;;wBA9XwC,GAAG;;;;yCA6XrC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;cApB/C,MAAM;oBARA,GAAG;kBAEL,OAAO;;;;;;;;;;;;4BAnW6B,GAAG;;;;;+CAkWV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;mBAK1F,MAAM;;;;;;;;;oBAsBL,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;wBA9XwC,GAAG;;;;;;;;;;kBAyW3C,MAAM;wBARA,GAAG;sBAEL,OAAO;;;;;;;;;;;;gCAnW6B,GAAG;;;;;mDAkWV,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;uBAK1F,MAAM;;;;;;;;;wBAsBL,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;4BA9XwC,GAAG;;;;;;AAhDrD,wBAmb2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/ui/types/index.d.ts

@@ -1,3 +1,4 @@
+import { MaybeRef } from "vue";
 import * as components from "./../components";
 type TGlobalComponents<T> = {
     [x in keyof T]: T[x];
@@ -8,8 +9,8 @@ declare module "vue" {
 }
 export interface Breadcrumbs {
     icon?: string;
-    title: string;
-    clickHandler?: (id: string) => void | Promise<void>;
+    title: MaybeRef<string | undefined>;
+    clickHandler?: (id: string) => void | boolean | Promise<void | boolean>;
     id: string;
 }
 export {};

package/dist/ui/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAI9C,KAAK,iBAAiB,CAAC,CAAC,IAAI;KACzB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC;AACF,OAAO,QAAQ,KAAK,CAAC;IAEnB,UAAiB,gBAAiB,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;KAAG;CAClF;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,EAAE,EAAE,MAAM,CAAC;CACZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAI9C,KAAK,iBAAiB,CAAC,CAAC,IAAI;KACzB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC;AACF,OAAO,QAAQ,KAAK,CAAC;IAEnB,UAAiB,gBAAiB,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;KAAG;CAClF;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IACxE,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.197",
+  "version": "1.0.198",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -59,9 +59,9 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.197",
-    "@vc-shell/config-generator": "^1.0.197",
-    "@vc-shell/ts-config": "^1.0.197",
+    "@vc-shell/api-client-generator": "^1.0.198",
+    "@vc-shell/config-generator": "^1.0.198",
+    "@vc-shell/ts-config": "^1.0.198",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "shx": "^0.3.4",

package/shared/components/blade-navigation/components/vc-blade-navigation/vc-blade-navigation.vue

@@ -1,17 +1,34 @@
 <template>
-  <div class="tw-w-full tw-overflow-hidden tw-flex tw-grow tw-basis-0 tw-relative">
+  <div class="tw-w-full tw-flex tw-flex-col tw-grow tw-basis-0">
+    <VcBreadcrumbs
+      v-if="blades && blades.length > 2"
+      :items="breadcrumbs"
+      class="tw-bg-white tw-p-2 tw-shadow-[2px_2px_8px_rgba(54,84,117,0.14)] tw-rounded-[var(--blade-border-radius)]"
+      :class="[
+        {
+          'tw-mt-4 tw-mx-2': !$isMobile.value,
+          'tw-p-4': $isMobile.value,
+        },
+      ]"
+      variant="light"
+      with-arrow
+    />
     <render></render>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { Ref, computed, inject, withDirectives, h, vShow } from "vue";
+import { Ref, computed, inject, withDirectives, h, vShow, toRef } from "vue";
 import { RouterView } from "vue-router";
 import { BladeVNode, IParentCallArgs, useBladeNavigation } from "./../../../../../shared";
 import { ErrorInterceptor } from "./../../../error-interceptor";
+import VcBreadcrumbs from "./../../../../../ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue";
+import { useBreadcrumbs } from "./../../../../../core/composables/useBreadcrumbs";
 import { VcBladeView } from "./../vc-blade-view/vc-blade-view";
+import { watchDebounced } from "@vueuse/core";
 
 const { blades, closeBlade, onParentCall } = useBladeNavigation();
+const { breadcrumbs, push, remove } = useBreadcrumbs();
 
 const quantity = computed(() => {
   return blades.value.length || 0;
@@ -19,48 +36,77 @@ const quantity = computed(() => {
 
 const isMobile = inject("isMobile") as Ref<boolean>;
 
+watchDebounced(
+  blades,
+  (newVal) => {
+    breadcrumbs.value.forEach((breadcrumb) => breadcrumb && remove([breadcrumb.id]));
+
+    newVal.forEach((blade) => {
+      push({
+        id: blade.props.navigation.idx.toString(),
+        title: toRef(blade.props.navigation.instance ?? { title: "" }, "title"),
+        clickHandler: async (id) => {
+          const isPrevented = await closeBlade(parseInt(id) + 1);
+          return !isPrevented;
+        },
+      });
+    });
+  },
+  {
+    deep: true,
+    immediate: true,
+    flush: "post",
+    debounce: 10,
+  },
+);
+
 const render = () => {
   if (!blades.value.length) {
     return h(RouterView);
   }
-  return blades.value.map((bladeVNode, index) => {
-    if (bladeVNode.type.isBlade) {
-      return h(
-        ErrorInterceptor,
-        {
-          key: index,
-          capture: true,
-        },
-        {
-          default: ({ error, reset }: Parameters<InstanceType<typeof ErrorInterceptor>["$slots"]["default"]>["0"]) => {
-            return withDirectives(
-              h(
-                VcBladeView,
-                { key: `${bladeVNode.type?.name}_${index}` || `blade_${index}`, blade: bladeVNode },
-                {
-                  default: ({ Component }: { Component: BladeVNode }) => {
-                    return h(Component, {
-                      error,
-                      closable: index >= 1,
-                      expandable: quantity.value > 1,
-                      expanded: index === quantity.value - 1,
-                      "onClose:blade": () => closeBlade(index),
-                      "onParent:call": (args: IParentCallArgs) => {
-                        const instance = blades.value?.[index - 1]?.props?.navigation?.instance.value;
-                        if (instance) onParentCall(instance, args);
-                      },
-                      onVnodeUnmounted: reset,
-                    });
+  return h("div", { class: "tw-w-full tw-overflow-hidden tw-flex tw-grow tw-basis-0 tw-relative" }, [
+    blades.value.map((bladeVNode, index) => {
+      if (bladeVNode.type.isBlade) {
+        return h(
+          ErrorInterceptor,
+          {
+            key: index,
+            capture: true,
+          },
+          {
+            default: ({
+              error,
+              reset,
+            }: Parameters<InstanceType<typeof ErrorInterceptor>["$slots"]["default"]>["0"]) => {
+              return withDirectives(
+                h(
+                  VcBladeView,
+                  { key: `${bladeVNode.type?.name}_${index}` || `blade_${index}`, blade: bladeVNode },
+                  {
+                    default: ({ Component }: { Component: BladeVNode }) => {
+                      return h(Component, {
+                        error,
+                        closable: index >= 1,
+                        expandable: quantity.value > 1,
+                        expanded: index === quantity.value - 1,
+                        "onClose:blade": () => closeBlade(index),
+                        "onParent:call": (args: IParentCallArgs) => {
+                          const instance = blades.value?.[index - 1]?.props?.navigation?.instance;
+                          if (instance) onParentCall(instance, args);
+                        },
+                        onVnodeUnmounted: reset,
+                      });
+                    },
                   },
-                },
-              ),
+                ),
 
-              [[vShow, index >= quantity.value - (isMobile.value ? 1 : 2)]],
-            );
+                [[vShow, index >= quantity.value - (isMobile.value ? 1 : 2)]],
+              );
+            },
           },
-        },
-      );
-    }
-  });
+        );
+      }
+    }),
+  ]);
 };
 </script>

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

@@ -1,4 +1,4 @@
-import { Slot, defineComponent, h, provide, ref, VNode, PropType, Component, watch } from "vue";
+import { Slot, defineComponent, h, provide, ref, VNode, PropType, Component, watch, reactive } from "vue";
 import { navigationViewLocation } from "./../../injectionKeys";
 import { BladeVNode, CoreBladeExposed } from "../../types";
 import { toRef } from "@vueuse/core";
@@ -19,11 +19,18 @@ export const VcBladeView = defineComponent({
     watch(
       () => [viewRef.value, bl.value] as const,
       ([instance, blade]) => {
-        if (blade && blade.props?.navigation) {
-          blade.props.navigation.instance = toRef(instance);
+        if (instance && blade && blade.props?.navigation) {
+          Object.assign(
+            blade.props.navigation,
+            reactive({
+              get instance() {
+                return instance;
+              },
+            }),
+          );
         }
       },
-      { flush: "post" },
+      { flush: "sync" },
     );
 
     provide(navigationViewLocation, bl.value!);

package/shared/components/blade-navigation/composables/useBladeNavigation/index.ts

@@ -1,17 +1,4 @@
-import {
-  markRaw,
-  computed,
-  getCurrentInstance,
-  inject,
-  warn,
-  Component,
-  isVNode,
-  h,
-  shallowRef,
-  ComputedRef,
-  mergeProps,
-  reactive,
-} from "vue";
+import { computed, getCurrentInstance, inject, warn, Component, isVNode, h, shallowRef, ComputedRef, watch } from "vue";
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { createSharedComposable, reactiveComputed, watchDebounced } from "@vueuse/core";
 import * as _ from "lodash-es";
@@ -62,9 +49,8 @@ interface IUseBladeNavigation {
         | undefined
       >
     | undefined;
-  getCurrentBlade: () => BladeVNode;
   setNavigationQuery: (query: Record<string, string | number>) => void;
-  getNavigationQuery: () => Record<string, string | number>;
+  getNavigationQuery: () => Record<string, string | number> | undefined;
 }
 
 const activeWorkspace = shallowRef<BladeVNode>();
@@ -143,7 +129,7 @@ const useBladeNavigationSingleton = createSharedComposable(() => {
 
   const { parseUrl, parseWorkspaceUrl, getURLQuery } = utils(router);
 
-  watchDebounced(
+  watch(
     () => route.path,
     async (newVal, oldVal) => {
       const workspaceUrl = parseWorkspaceUrl(newVal);
@@ -336,12 +322,13 @@ export function useBladeNavigation(): IUseBladeNavigation {
     try {
       const instanceComponent = navigationView || activeWorkspace.value;
 
-      if (!instanceComponent) {
+      if (!(isVNode(instanceComponent) || activeWorkspace.value)) {
         throw new Error("No workspace found");
       }
 
       const instanceComponentIndex = findInstanceComponentIndex(instanceComponent);
-      const instanceComponentChild = navigationInstance.blades.value[instanceComponentIndex + 1];
+      const instanceComponentChild =
+        instanceComponentIndex >= 0 ? navigationInstance.blades.value[instanceComponentIndex + 1] : undefined;
 
       let isPrevented = false;
 
@@ -366,7 +353,8 @@ export function useBladeNavigation(): IUseBladeNavigation {
   }
 
   function findInstanceComponentIndex(instanceComponent: BladeVNode) {
-    return navigationInstance.blades.value.findIndex((x) => _.isEqual(x.type, instanceComponent.type));
+    return navigationInstance.blades.value /* @ts-expect-error  - findLastIndex is not parsed correctly by ts */
+      .findLastIndex((x) => _.isEqual(x.type, instanceComponent.type));
   }
 
   function createBladeNode<Blade extends Component>(args: {
@@ -522,14 +510,6 @@ export function useBladeNavigation(): IUseBladeNavigation {
     return { name: mainRouteAlias?.name, params: route.params };
   }
 
-  /**
-   * The function getCurrentBlade returns the current BladeVNode instance's vnode.
-   * @returns the `vnode` property of the `instance` object, which is of type `BladeVNode`.
-   */
-  function getCurrentBlade(): BladeVNode {
-    return instance.vnode;
-  }
-
   const currentBladeNavigationData = computed(() => navigationView?.props?.navigation ?? undefined);
 
   function onBeforeClose(cb: () => Promise<boolean | undefined>) {
@@ -543,40 +523,44 @@ export function useBladeNavigation(): IUseBladeNavigation {
   }
 
   function setNavigationQuery(query: Record<string, string | number>) {
-    // add blade name to query keys
-    const namedQuery = _.mapKeys(
-      _.mapValues(query, (value) => value?.toString()),
-      (value, key) => instance.vnode.type.name.toLowerCase() + "_" + key,
-    );
-    const cleanQuery = _.omitBy(namedQuery, _.isNil);
+    if (instance.vnode.props.navigation.idx === 0) {
+      // add blade name to query keys
+      const namedQuery = _.mapKeys(
+        _.mapValues(query, (value) => value?.toString()),
+        (value, key) => instance.vnode.type.name.toLowerCase() + "_" + key,
+      );
+      const cleanQuery = _.omitBy(namedQuery, _.isNil);
 
-    router.options.history.replace(
-      decodeURIComponent(
-        `${window.location.hash.substring(1).split("?")[0]}?${new URLSearchParams(cleanQuery).toString()}`,
-      ),
-    );
+      router.options.history.replace(
+        decodeURIComponent(
+          `${window.location.hash.substring(1).split("?")[0]}?${new URLSearchParams(cleanQuery).toString()}`,
+        ),
+      );
+    }
   }
 
   function getNavigationQuery() {
-    const queryKeys = Array.from(Object.keys(route.query));
-    const bladeQueryKeys = queryKeys.filter((key) => key.startsWith(instance.vnode.type.name.toLowerCase()));
+    if (instance.vnode.props.navigation.idx === 0) {
+      const queryKeys = Array.from(Object.keys(route.query));
+      const bladeQueryKeys = queryKeys.filter((key) => key.startsWith(instance.vnode.type.name.toLowerCase()));
 
-    const namedQuery = _.mapKeys(_.pick(route.query, bladeQueryKeys), (value, key) =>
-      key.replace(instance.vnode.type.name.toLowerCase() + "_", ""),
-    ) as Record<string, string | number>;
+      const namedQuery = _.mapKeys(_.pick(route.query, bladeQueryKeys), (value, key) =>
+        key.replace(instance.vnode.type.name.toLowerCase() + "_", ""),
+      ) as Record<string, string | number>;
 
-    const obj: typeof namedQuery = {};
-    for (const [key, value] of Object.entries(namedQuery)) {
-      const numValue = Number(value);
+      const obj: typeof namedQuery = {};
+      for (const [key, value] of Object.entries(namedQuery)) {
+        const numValue = Number(value);
 
-      if (!isNaN(numValue)) {
-        obj[key] = numValue;
-      } else {
-        obj[key] = value;
+        if (!isNaN(numValue)) {
+          obj[key] = numValue;
+        } else {
+          obj[key] = value;
+        }
       }
-    }
 
-    return obj;
+      return obj;
+    }
   }
 
   return {
@@ -586,7 +570,6 @@ export function useBladeNavigation(): IUseBladeNavigation {
     onParentCall,
     resolveBladeByName,
     routeResolver,
-    getCurrentBlade,
     currentBladeNavigationData,
     onBeforeClose,
     setNavigationQuery,

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

@@ -94,7 +94,7 @@ export interface BladeVNode extends VNode {
       onOpen?: () => void;
       onClose?: () => void;
       onBeforeClose?: () => Promise<boolean | undefined>;
-      instance: Ref<CoreBladeExposed | undefined | null>;
+      instance: CoreBladeExposed | undefined | null;
       idx: number;
     };
     onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[];

package/shared/modules/assets-manager/components/assets-manager/assets-manager.vue

@@ -40,13 +40,13 @@
                 icon="fas fa-cloud-upload-alt"
                 class="tw-text-[100px] tw-text-[#41afe6]"
               ></VcIcon>
-              <div class="tw-m-4 tw-text-xl tw-font-medium">
+              <div class="tw-m-4 tw-text-xl tw-font-medium tw-text-center">
                 {{ t("ASSETS_MANAGER.EMPTY.UPLOAD_ASSETS") }}
               </div>
               <VcButton @click="toggleUploader">{{ t("ASSETS_MANAGER.EMPTY.UPLOAD") }}</VcButton>
             </template>
             <template v-else>
-              <div class="tw-m-4 tw-text-xl tw-font-medium">
+              <div class="tw-m-4 tw-text-xl tw-font-medium tw-text-center">
                 {{ t("ASSETS_MANAGER.EMPTY.NO_ASSETS") }}
               </div>
             </template>

package/shared/modules/dynamic/components/fields/GalleryField.ts

@@ -83,7 +83,7 @@ export default {
                 t(
                   `${props.bladeContext?.settings?.localizationPrefix
                     .trim()
-                    .toUpperCase()}.PAGES.DETAILS.ALERTS.DELETE_CONFIRMATION`,
+                    .toUpperCase()}.PAGES.ALERTS.IMAGE_DELETE_CONFIRMATION`,
                 ),
               ),
             )

package/shared/modules/dynamic/composables/index.ts

@@ -1,3 +1,4 @@
 export { default as useFilterBuilder } from "./useFilterBuilder";
 export { useTableTemplates } from "./useTableTemplates";
 export { useToolbarReducer } from "./useToolbarReducer";
+export { default as useDynamicViewsUtils } from "./useDynamicViewsUtils";

package/shared/modules/dynamic/composables/useDynamicViewsUtils/index.ts

@@ -0,0 +1,46 @@
+import { ref, WatchStopHandle, watch, onMounted, onUnmounted, getCurrentInstance, Ref } from "vue";
+import { ListBaseBladeScope, DetailsBaseBladeScope, DetailsBladeExposed, ListBladeExposed } from "../..";
+
+export interface IUseDynamicViewsUtils {
+  getBladeExposedData: <BladeScope extends ListBaseBladeScope | DetailsBaseBladeScope>(
+    scope: BladeScope,
+  ) => BladeScope extends ListBaseBladeScope ? Ref<ListBladeExposed<BladeScope>> : Ref<DetailsBladeExposed<BladeScope>>;
+}
+
+export default () => {
+  const instance = getCurrentInstance();
+
+  function getBladeExposedData<BladeScope extends ListBaseBladeScope | DetailsBaseBladeScope>() {
+    const reactiveBlade = ref<BladeScope | null>(null);
+
+    const blade = ref(instance?.vnode);
+
+    let unwatch: WatchStopHandle | null = null;
+
+    const updateReactiveBlade = () => {
+      if (blade.value && blade.value.props?.navigation?.instance) {
+        reactiveBlade.value = blade.value.props.navigation.instance;
+      }
+    };
+
+    unwatch = watch(blade, updateReactiveBlade, { immediate: true, deep: true });
+
+    onMounted(() => {
+      updateReactiveBlade();
+    });
+
+    onUnmounted(() => {
+      if (unwatch) {
+        unwatch();
+      }
+    });
+
+    return reactiveBlade as unknown as BladeScope extends ListBaseBladeScope
+      ? Ref<ListBladeExposed<BladeScope>>
+      : Ref<DetailsBladeExposed<BladeScope>>;
+  }
+
+  return {
+    getBladeExposedData,
+  };
+};