@vc-shell/framework 1.0.128 → 1.0.130

package/dist/ui/components/organisms/vc-table/_internal/vc-table-counter/vc-table-counter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table-counter.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-counter/vc-table-counter.vue.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;;;;AA6ED,wBAMG;AAGH,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"}
+{"version":3,"file":"vc-table-counter.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-counter/vc-table-counter.vue.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;;;;AA6ED,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-table/_internal/vc-table-filter/vc-table-filter.vue.d.ts

@@ -36,6 +36,9 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table-filter.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiDD,iBAAS,UAAU,SAElB;;;;;;;;;;;;;;;;;;AAmMD,wBAAwG;AAGxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-table-filter.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-filter/vc-table-filter.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiDD,iBAAS,UAAU,SAElB;;;;;;;;;;;;;;;;;;AAmMD,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,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;AACxD,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-table/vc-table.vue.d.ts

@@ -17,7 +17,6 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     onHeaderClick?: ((item: ITableColumns) => any) | undefined;
     "onScroll:ptr"?: (() => any) | undefined;
     items: T[];
-    totalCount?: number | undefined;
     pages?: number | undefined;
     expanded?: boolean | undefined;
     loading?: MaybeRef<boolean> | undefined;
@@ -36,6 +35,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     itemActionBuilder?: ((item: T) => IActionBuilderResult[]) | undefined;
     multiselect?: boolean | undefined;
     totalLabel?: string | undefined;
+    totalCount?: number | undefined;
     currentPage?: number | undefined;
     searchPlaceholder?: string | undefined;
     searchValue?: string | undefined;
@@ -67,7 +67,23 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         notfound: (props: any) => any;
         empty: (props: any) => any;
         footer: (props: any) => any;
-    }>;
+    }> & {
+        [key: `header_${string}`]: (props: any) => any;
+        [key: `item_${string}`]: (args: {
+            item: T;
+            cell: ITableColumns;
+        }) => any;
+        header: (props: any) => any;
+        filters: (args: {
+            closePanel: () => void;
+        }) => any;
+        "mobile-item": (args: {
+            item: T;
+        }) => any;
+        notfound: (props: any) => any;
+        empty: (props: any) => any;
+        footer: (props: any) => any;
+    };
     emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
@@ -81,7 +97,6 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         onHeaderClick?: ((item: ITableColumns) => any) | undefined;
         "onScroll:ptr"?: (() => any) | undefined;
         items: T[];
-        totalCount?: number | undefined;
         pages?: number | undefined;
         expanded?: boolean | undefined;
         loading?: MaybeRef<boolean> | undefined;
@@ -100,6 +115,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         itemActionBuilder?: ((item: T) => IActionBuilderResult[]) | undefined;
         multiselect?: boolean | undefined;
         totalLabel?: string | undefined;
+        totalCount?: number | undefined;
         currentPage?: number | undefined;
         searchPlaceholder?: string | undefined;
         searchValue?: string | undefined;
@@ -132,7 +148,23 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         notfound: (props: any) => any;
         empty: (props: any) => any;
         footer: (props: any) => any;
-    }>;
+    }> & {
+        [key: `header_${string}`]: (props: any) => any;
+        [key: `item_${string}`]: (args: {
+            item: T;
+            cell: ITableColumns;
+        }) => any;
+        header: (props: any) => any;
+        filters: (args: {
+            closePanel: () => void;
+        }) => any;
+        "mobile-item": (args: {
+            item: T;
+        }) => any;
+        notfound: (props: any) => any;
+        empty: (props: any) => any;
+        footer: (props: any) => any;
+    };
     emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
@@ -149,7 +181,6 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             onHeaderClick?: ((item: ITableColumns) => any) | undefined;
             "onScroll:ptr"?: (() => any) | undefined;
             items: T[];
-            totalCount?: number | undefined;
             pages?: number | undefined;
             expanded?: boolean | undefined;
             loading?: MaybeRef<boolean> | undefined;
@@ -168,6 +199,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             itemActionBuilder?: ((item: T) => IActionBuilderResult[]) | undefined;
             multiselect?: boolean | undefined;
             totalLabel?: string | undefined;
+            totalCount?: number | undefined;
             currentPage?: number | undefined;
             searchPlaceholder?: string | undefined;
             searchValue?: string | undefined;
@@ -200,7 +232,23 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             notfound: (props: any) => any;
             empty: (props: any) => any;
             footer: (props: any) => any;
-        }>;
+        }> & {
+            [key: `header_${string}`]: (props: any) => any;
+            [key: `item_${string}`]: (args: {
+                item: T;
+                cell: ITableColumns;
+            }) => any;
+            header: (props: any) => any;
+            filters: (args: {
+                closePanel: () => void;
+            }) => any;
+            "mobile-item": (args: {
+                item: T;
+            }) => any;
+            notfound: (props: any) => any;
+            empty: (props: any) => any;
+            footer: (props: any) => any;
+        };
         emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "row:reorder", args: {
             dragIndex: number;
             dropIndex: number;
@@ -209,4 +257,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     } | undefined;
 };
 export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=vc-table.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAWL,QAAQ,EAET,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAK/E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;;;;;;;;aAg9DY,aAAa,EAAE;;;;;;;mBA53DS,MAAM;mBAAa,MAAM;;;;sCA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;;cAqB7C,MAAM;;;WASb,GAAG;;2CAn+D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBAmEQ,MAAM;mBAAa,MAAM;;;yCA25D9C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;iBA/B5C,aAAa,EAAE;;;;;;;uBA53DS,MAAM;uBAAa,MAAM;;;;0CA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;;kBAqB7C,MAAM;;;oBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CAn+D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBAmEQ,MAAM;mBAAa,MAAM;;;;;;;;;;;;;;;;;;qBA43DjD,aAAa,EAAE;;;;;;;2BA53DS,MAAM;2BAAa,MAAM;;;;8CA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;;sBAqB7C,MAAM;;;wBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CAn+D2B,GAAG,KAAK,GAAG;;;sBACG,aAAa;kBAAO,GAAG;4BAJxD,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;;uBAmEQ,MAAM;uBAAa,MAAM;;;;;AAjF9D,wBAk/D2E"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}

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

@@ -1,49 +1,9 @@
-import * as VcShellComponents from "./../components";
+import * as components from "./../components";
+type TGlobalComponents<T> = {
+    [x in keyof T]: T[x];
+};
 declare module "vue" {
-    interface GlobalComponents {
-        VcBadge: (typeof VcShellComponents)["VcBadge"];
-        VcButton: (typeof VcShellComponents)["VcButton"];
-        VcCard: (typeof VcShellComponents)["VcCard"];
-        VcCheckbox: (typeof VcShellComponents)["VcCheckbox"];
-        VcCol: (typeof VcShellComponents)["VcCol"];
-        VcContainer: (typeof VcShellComponents)["VcContainer"];
-        VcHint: (typeof VcShellComponents)["VcHint"];
-        VcIcon: (typeof VcShellComponents)["VcIcon"];
-        VcImage: (typeof VcShellComponents)["VcImage"];
-        VcInfoRow: (typeof VcShellComponents)["VcInfoRow"];
-        VcLabel: (typeof VcShellComponents)["VcLabel"];
-        VcLink: (typeof VcShellComponents)["VcLink"];
-        VcLoading: (typeof VcShellComponents)["VcLoading"];
-        VcProgress: (typeof VcShellComponents)["VcProgress"];
-        VcRow: (typeof VcShellComponents)["VcRow"];
-        VcStatus: (typeof VcShellComponents)["VcStatus"];
-        VcStatusIcon: (typeof VcShellComponents)["VcStatusIcon"];
-        VcSwitch: (typeof VcShellComponents)["VcSwitch"];
-        VcWidget: (typeof VcShellComponents)["VcWidget"];
-        VcBreadcrumbs: (typeof VcShellComponents)["VcBreadcrumbs"];
-        VcCodeEditor: (typeof VcShellComponents)["VcCodeEditor"];
-        VcEditor: (typeof VcShellComponents)["VcEditor"];
-        VcFileUpload: (typeof VcShellComponents)["VcFileUpload"];
-        VcForm: (typeof VcShellComponents)["VcForm"];
-        VcInput: (typeof VcShellComponents)["VcInput"];
-        VcInputCurrency: (typeof VcShellComponents)["VcInputCurrency"];
-        VcNotification: (typeof VcShellComponents)["VcNotification"];
-        VcPagination: (typeof VcShellComponents)["VcPagination"];
-        VcRating: (typeof VcShellComponents)["VcRating"];
-        VcSelect: (typeof VcShellComponents)["VcSelect"];
-        VcSlider: (typeof VcShellComponents)["VcSlider"];
-        VcTextarea: (typeof VcShellComponents)["VcTextarea"];
-        VcMultivalue: (typeof VcShellComponents)["VcMultivalue"];
-        VcField: (typeof VcShellComponents)["VcField"];
-        VcApp: (typeof VcShellComponents)["VcApp"];
-        VcBlade: (typeof VcShellComponents)["VcBlade"];
-        VcDynamicProperty: (typeof VcShellComponents)["VcDynamicProperty"];
-        VcGallery: (typeof VcShellComponents)["VcGallery"];
-        VcLoginForm: (typeof VcShellComponents)["VcLoginForm"];
-        VcPopup: (typeof VcShellComponents)["VcPopup"];
-        VcTable: (typeof VcShellComponents)["VcTable"];
-        VcNotificationDropdown: (typeof VcShellComponents)["VcNotificationDropdown"];
-        VcNotificationTemplate: (typeof VcShellComponents)["VcNotificationTemplate"];
+    interface GlobalComponents extends TGlobalComponents<typeof components> {
     }
 }
 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":"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"}
+{"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,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.128",
-  "main": "./dist/framework.mjs",
-  "module": "./dist/framework.mjs",
+  "version": "1.0.130",
+  "type": "module",
+  "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
   "style": "./dist/index.css",
   "files": [
     "dist",
-    "tailwind.config.js",
+    "tailwind.config.ts",
     "ui",
     "core",
     "shared"
   ],
   "exports": {
     ".": {
-      "import": "./dist/framework.mjs",
+      "import": "./dist/framework.js",
       "types": "./dist/index.d.ts"
     },
     "./dist/index.css": "./dist/index.css",
-    "./tailwind.config": "./tailwind.config.js",
+    "./tailwind.config": "./tailwind.config.ts",
     "./*": "./*"
   },
   "scripts": {
@@ -29,43 +29,39 @@
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.0",
-    "@microsoft/signalr": "^7.0.5",
+    "@microsoft/signalr": "^8.0.0",
     "@vee-validate/i18n": "^4.9.4",
     "@vee-validate/rules": "^4.11.8",
     "@vueup/vue-quill": "^1.2.0",
-    "@vueuse/components": "^10.1.2",
-    "@vueuse/core": "^10.1.2",
-    "@vueuse/integrations": "^10.1.2",
-    "ace-builds": "^1.27.0",
-    "buffer-esm": "^1.2.0",
-    "client-oauth2": "^4.3.3",
-    "core-js": "^3.33.2",
+    "@vueuse/components": "^10.7.0",
+    "@vueuse/core": "^10.7.0",
+    "@vueuse/integrations": "^10.7.0",
+    "ace-builds": "^1.32.0",
+    "core-js": "^3.33.3",
     "moment": "^2.29.4",
     "normalize.css": "^8.0.1",
-    "querystring-es3": "^0.2.1",
     "quill": "^1.3.7",
     "quill-image-uploader": "^1.3.0",
     "swiper": "^6.8.4",
-    "url-pattern": "^1.0.3",
     "vee-validate": "^4.11.8",
-    "vue": "^3.3.7",
+    "vue": "3.3.13",
     "vue-currency-input": "^3.0.5",
-    "vue-i18n": "^9.2.2",
+    "vue-i18n": "^9.8.0",
     "vue-router": "^4.2.5",
-    "vue3-ace-editor": "^2.2.2",
-    "vue3-touch-events": "^4.1.2",
-    "whatwg-fetch": "^3.6.2"
+    "vue3-ace-editor": "^2.2.4",
+    "vue3-touch-events": "^4.1.8",
+    "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.128",
-    "@vc-shell/config-generator": "^1.0.128",
-    "@vc-shell/ts-config": "^1.0.128",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "sass": "^1.62.1",
-    "typescript": "^5.2.2",
-    "vite": "^4.3.9",
-    "vue-component-type-helpers": "^1.8.22",
-    "vue-tsc": "^1.8.20"
+    "@vc-shell/api-client-generator": "^1.0.130",
+    "@vc-shell/config-generator": "^1.0.130",
+    "@vc-shell/ts-config": "^1.0.130",
+    "@vitejs/plugin-vue": "^4.5.1",
+    "sass": "^1.69.5",
+    "typescript": "5.3.3",
+    "vite": "4.5.0",
+    "vue-component-type-helpers": "^1.8.24",
+    "vue-tsc": "^1.8.25"
   },
   "publishConfig": {
     "access": "public",

package/shared/components/app-switcher/components/vc-app-switcher/index.ts

@@ -1,3 +1 @@
-import _AppSwitcher from "./vc-app-switcher.vue";
-
-export const VcAppSwitcher = _AppSwitcher as typeof _AppSwitcher;
+export { default as VcAppSwitcher } from "./vc-app-switcher.vue";

package/shared/components/app-switcher/composables/useAppSwitcher/index.ts

@@ -14,9 +14,9 @@ export function useAppSwitcher(): IUseAppSwitcher {
   const appsList = ref<AppDescriptor[]>([]);
 
   async function getApiClient(): Promise<AppsClient> {
-    const { getAccessToken } = useUser();
+    // const { getAccessToken } = useUser();
     const client = new AppsClient();
-    client.setAuthToken((await getAccessToken()) as string);
+    // client.setAuthToken((await getAccessToken()) as string);
     return client;
   }
 

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

@@ -1,3 +1 @@
-import _BladeNavigation from "./vc-blade-navigation.vue";
-
-export const VcBladeNavigation = _BladeNavigation as typeof _BladeNavigation;
+export { default as VcBladeNavigation } from "./vc-blade-navigation.vue";

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

@@ -1,173 +1,62 @@
 <template>
-  <ErrorInterceptor
-    v-slot="{ error, reset }"
-    capture
-  >
-    <router-view
-      v-slot="{ Component }"
-      :key="route.path"
-      @vue:before-unmount="reset"
-    >
-      <component
-        :is="Component"
-        v-show="$isMobile.value ? !blades.length : blades.length <= 1"
-        :key="route.path"
-        :ref="(el: CoreBladeExposed) => setParentRef(el, Component)"
-        v-element-hover="
-          (state) => {
-            setActiveBlade(state, Component.type as BladeInstanceConstructor<ComponentPublicInstance>);
-          }
-        "
-        :closable="false"
-        :options="workspaceOptions"
-        :expanded="blades.length === 0"
-        :maximized="findStateById(0)"
-        :blades="blades"
-        :param="workspaceParam"
-        :error="error"
-        @expand:blade="handleMaximizeBlade(0, true)"
-        @collapse:blade="handleMaximizeBlade(0, false)"
-      >
-      </component>
-    </router-view>
-  </ErrorInterceptor>
-
-  <template
-    v-for="(blade, i) in blades"
-    :key="`blade_${i + 1}`"
-  >
+  <div class="tw-w-full tw-overflow-hidden tw-flex tw-grow tw-basis-0 tw-relative">
     <ErrorInterceptor
-      v-slot="{ error }"
+      v-for="(blade, key, index) in blades?.components"
+      v-slot="{ error, reset }"
+      :key="key"
       capture
     >
-      <component
-        :is="blade.blade"
-        v-show="i >= blades.length - ($isMobile.value ? 1 : 2)"
-        :ref="(el: CoreBladeExposed) => setBladesRef(el, blade)"
-        v-element-hover="
-          (state) => {
-            if (blade.blade) setActiveBlade(state, blade.blade);
-          }
-        "
-        :param="blade.param"
-        :closable="i >= 0"
-        :expanded="i === blades.length - 1"
-        :maximized="findStateById(blade.idx)"
-        :options="blade.options"
-        :error="error"
-        :blades="blades"
-        @close:blade="onBladeClose(i)"
-        @close:children="$emit('onClose', i + 1)"
-        @parent:call="$emit('onParentCall', { id: i, args: $event })"
-        @expand:blade="handleMaximizeBlade(blade.idx, true)"
-        @collapse:blade="handleMaximizeBlade(blade.idx, false)"
+      <router-view
+        v-show="index >= quantity - ($isMobile.value ? 1 : 2)"
+        v-slot="{ Component }"
+        :key="key"
+        :name="key"
       >
-      </component>
+        <VcBladeView
+          v-slot="{ blade }"
+          :key="blade.type?.name || key"
+          :blade="Component as BladeVNode"
+          :name="key"
+          :idx="index"
+        >
+          <component
+            :is="blade"
+            :ref="refs.set"
+            :key="blade.props.navigation?.uniqueRouteKey ?? 0"
+            :error="error"
+            :closable="index >= 1"
+            :expandable="Object.keys(blades?.components || {}).length > 1"
+            :expanded="index === Object.keys(blades?.components || {}).length - 1"
+            @close:blade="closeBlade(index)"
+            @parent:call="onParentCall(refs[index - 1], $event)"
+            @vue:before-unmount="reset"
+          >
+          </component>
+        </VcBladeView>
+      </router-view>
     </ErrorInterceptor>
-  </template>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { computed, ref, VNode, nextTick } from "vue";
-import type { Component, ComponentPublicInstance } from "vue";
-import { useRoute } from "vue-router";
-import {
-  IBladeContainer,
-  CoreBladeExposed,
-  IBladeEvent,
-  IParentCallArgs,
-  IBladeRef,
-  BladeInstanceConstructor,
-} from "./../../../../../shared";
+import { computed } from "vue";
+import { useRouter } from "vue-router";
+import { BladeVNode, useBladeNavigation } from "./../../../../../shared";
 import { ErrorInterceptor } from "./../../../error-interceptor";
-import { vElementHover } from "@vueuse/components";
-import * as _ from "lodash-es";
-
-export interface Props {
-  blades: IBladeContainer[];
-  workspaceOptions?: Record<string, unknown>;
-  workspaceParam?: string;
-}
+import { VcBladeView } from "./../vc-blade-view/vc-blade-view";
+import { useTemplateRefsList } from "@vueuse/core";
 
-export interface Emits {
-  (event: "onOpen", blade: { blade: IBladeEvent; id: number }): void;
-  (event: "onClose", index: number): void;
-  (event: "onParentCall", args: { id: number; args: IParentCallArgs }): void;
-}
+const { blades, closeBlade, onParentCall } = useBladeNavigation();
 
-const activeBlade = ref();
+const router = useRouter();
 
-const emit = defineEmits<Emits>();
-
-withDefaults(defineProps<Props>(), {
-  blades: () => [],
-  workspaceOptions: () => ({}),
+const quantity = computed(() => {
+  return (
+    (router.currentRoute.value.matched[1]?.components &&
+      Object.keys(router.currentRoute.value.matched[1].components).length) ||
+    0
+  );
 });
-const route = useRoute();
-const bladesRefs = ref<IBladeRef[]>([]);
-
-const state = ref<IBladeRef[]>([]);
-
-const visibleBlades = computed(() => bladesRefs.value.slice(-2));
 
-const setActiveBlade = (state: boolean, el: Component) => {
-  const blade = bladesRefs.value.find((item) => _.isEqual(item.blade.blade, el));
-  if (blade) {
-    if (state) {
-      activeBlade.value = el;
-      Object.assign(blade, { active: true });
-    } else {
-      activeBlade.value = undefined;
-      Object.assign(blade, { active: false });
-    }
-  }
-};
-
-function handleMaximizeBlade(id: number | undefined, expand: boolean) {
-  state.value = visibleBlades.value?.map((x: IBladeRef) => {
-    if (x.blade.idx === id) {
-      x.expanded = expand;
-    }
-    return x;
-  });
-}
-
-function findStateById(id: number | undefined) {
-  return state.value?.find((item) => item.blade.idx === id)?.expanded;
-}
-
-async function setParentRef(el: CoreBladeExposed, bladeNode: VNode) {
-  if (el && bladeNode) {
-    await nextTick(() => {
-      bladesRefs.value = [
-        {
-          active: _.isEqual(activeBlade.value, bladeNode.type),
-          exposed: el,
-          blade: {
-            blade: bladeNode.type as BladeInstanceConstructor,
-            param: bladeNode.props?.param as string,
-            idx: 0,
-          },
-        },
-      ];
-    });
-  }
-}
-
-function setBladesRef(el: CoreBladeExposed, blade: IBladeContainer) {
-  if (el && el !== null && blade) {
-    const isExists = bladesRefs.value.some((item) => item.blade.idx === blade.idx);
-    if (!isExists) {
-      bladesRefs.value.push({ active: _.isEqual(activeBlade.value, blade.blade), exposed: el, blade });
-    }
-  }
-}
-
-function onBladeClose(index: number) {
-  emit("onClose", index);
-}
-
-defineExpose({
-  bladesRefs,
-});
+const refs = useTemplateRefsList<HTMLDivElement>();
 </script>

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

@@ -0,0 +1,81 @@
+import { Slot, defineComponent, h, provide, ref, watch, computed, VNode, VNodeProps, PropType, Component } from "vue";
+import { navigationViewLocation } from "./../../injectionKeys";
+import { BladeVNode } from "../../types";
+
+export const VcBladeView = defineComponent({
+  name: "BladeView",
+  inheritAttrs: false,
+  props: {
+    blade: {
+      type: Object as PropType<BladeVNode>,
+    },
+    name: {
+      type: String,
+    },
+
+    idx: {
+      type: Number,
+    },
+  },
+  setup(props, { attrs, slots }) {
+    provide(navigationViewLocation, props.blade!);
+
+    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) {
+          if (typeof vnode.props?.navigation?.onOpen === "function") {
+            vnode.props?.navigation.onOpen();
+          }
+        }
+      };
+
+      const maximized = ref(false);
+
+      function onExpand() {
+        maximized.value = true;
+      }
+
+      function onCollapse() {
+        maximized.value = false;
+      }
+
+      if (props.blade) {
+        const component = h(
+          props.blade as Component,
+          Object.assign({}, attrs, {
+            onVnodeUnmounted,
+            onVnodeMounted,
+            "onExpand:blade": onExpand,
+            "onCollapse:blade": onCollapse,
+            maximized,
+          }),
+        );
+
+        return normalizeSlot(slots.default, { blade: component });
+      }
+      return null;
+    };
+  },
+});
+
+function normalizeSlot(slot: Slot | undefined, data: { blade: VNode }) {
+  if (!slot) return null;
+  const slotContent = slot(data);
+  return slotContent.length === 1 ? slotContent[0] : slotContent;
+}