@vc-shell/framework 1.0.57 → 1.0.59

package/dist/types/ui/components/organisms/vc-table/vc-table.stories.d.ts

@@ -11,8 +11,8 @@ declare const _default: {
                 items: import("./vc-table.vue").TableItemType[];
                 totalCount: number;
                 pages: number;
-                currentPage: number;
                 totalLabel: string;
+                currentPage: number;
                 searchPlaceholder: string;
                 empty: import("./vc-table.vue").StatusImage;
                 notfound: import("./vc-table.vue").StatusImage;
@@ -61,16 +61,16 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
-                currentPage: {
-                    type: import("vue").PropType<number>;
-                } & {
-                    default: number;
-                };
                 totalLabel: {
                     type: import("vue").PropType<string>;
                 } & {
                     default: string;
                 };
+                currentPage: {
+                    type: import("vue").PropType<number>;
+                } & {
+                    default: number;
+                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                 } & {
@@ -111,6 +111,9 @@ declare const _default: {
                 multiselect: {
                     type: import("vue").PropType<boolean>;
                 };
+                multiselectEmitItem: {
+                    type: import("vue").PropType<boolean>;
+                };
                 searchValue: {
                     type: import("vue").PropType<string>;
                 };
@@ -130,16 +133,16 @@ declare const _default: {
             }>> & {
                 onHeaderClick?: (value: Record<string, unknown>) => any;
                 "onScroll:ptr"?: () => any;
-                onItemClick?: (item: import("./vc-table.vue").TableItem) => any;
+                onItemClick?: (item: import("./vc-table.vue").TableItemType) => any;
+                onSelectionChanged?: (values: import("./vc-table.vue").TableItemType[]) => any;
                 onPaginationClick?: (page: number) => any;
-                onSelectionChanged?: (values: Record<string, boolean>) => any;
                 "onSearch:change"?: (value: string) => any;
                 "onRow:reorder"?: (args: {
                     dragIndex: number;
                     dropIndex: number;
                     value: import("./vc-table.vue").TableItemType[];
                 }) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "footer" | "header" | "expanded" | "items" | "totalCount" | "pages" | "currentPage" | "totalLabel" | "searchPlaceholder" | "empty" | "notfound" | "activeFilterCount" | "resizableColumns" | "reorderableColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "footer" | "header" | "expanded" | "items" | "totalCount" | "pages" | "totalLabel" | "currentPage" | "searchPlaceholder" | "empty" | "notfound" | "activeFilterCount" | "resizableColumns" | "reorderableColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -151,7 +154,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "scroll:ptr") => void) & ((event: "itemClick", item: import("./vc-table.vue").TableItem) => void) & ((event: "paginationClick", page: number) => void) & ((event: "selectionChanged", values: Record<string, boolean>) => void) & ((event: "search:change", value: string) => void) & ((event: "headerClick", value: Record<string, unknown>) => void) & ((event: "row:reorder", args: {
+            $emit: ((event: "scroll:ptr") => void) & ((event: "paginationClick", page: number) => void) & ((event: "selectionChanged", values: import("./vc-table.vue").TableItemType[]) => void) & ((event: "search:change", value: string) => void) & ((event: "headerClick", value: Record<string, unknown>) => void) & ((event: "itemClick", item: import("./vc-table.vue").TableItemType) => void) & ((event: "row:reorder", args: {
                 dragIndex: number;
                 dropIndex: number;
                 value: import("./vc-table.vue").TableItemType[];
@@ -199,16 +202,16 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
-                currentPage: {
-                    type: import("vue").PropType<number>;
-                } & {
-                    default: number;
-                };
                 totalLabel: {
                     type: import("vue").PropType<string>;
                 } & {
                     default: string;
                 };
+                currentPage: {
+                    type: import("vue").PropType<number>;
+                } & {
+                    default: number;
+                };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
                 } & {
@@ -249,6 +252,9 @@ declare const _default: {
                 multiselect: {
                     type: import("vue").PropType<boolean>;
                 };
+                multiselectEmitItem: {
+                    type: import("vue").PropType<boolean>;
+                };
                 searchValue: {
                     type: import("vue").PropType<string>;
                 };
@@ -268,9 +274,9 @@ declare const _default: {
             }>> & {
                 onHeaderClick?: (value: Record<string, unknown>) => any;
                 "onScroll:ptr"?: () => any;
-                onItemClick?: (item: import("./vc-table.vue").TableItem) => any;
+                onItemClick?: (item: import("./vc-table.vue").TableItemType) => any;
+                onSelectionChanged?: (values: import("./vc-table.vue").TableItemType[]) => any;
                 onPaginationClick?: (page: number) => any;
-                onSelectionChanged?: (values: Record<string, boolean>) => any;
                 "onSearch:change"?: (value: string) => any;
                 "onRow:reorder"?: (args: {
                     dragIndex: number;
@@ -280,13 +286,13 @@ declare const _default: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 paginationClick: (page: number) => void;
             } & {
-                selectionChanged: (values: Record<string, boolean>) => void;
+                selectionChanged: (values: import("./vc-table.vue").TableItemType[]) => void;
             } & {
                 "search:change": (value: string) => void;
             } & {
                 headerClick: (value: Record<string, unknown>) => void;
             } & {
-                itemClick: (item: import("./vc-table.vue").TableItem) => void;
+                itemClick: (item: import("./vc-table.vue").TableItemType) => void;
             } & {
                 "scroll:ptr": () => void;
             } & {
@@ -302,8 +308,8 @@ declare const _default: {
                 items: import("./vc-table.vue").TableItemType[];
                 totalCount: number;
                 pages: number;
-                currentPage: number;
                 totalLabel: string;
+                currentPage: number;
                 searchPlaceholder: string;
                 empty: import("./vc-table.vue").StatusImage;
                 notfound: import("./vc-table.vue").StatusImage;
@@ -372,16 +378,16 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
-            currentPage: {
-                type: import("vue").PropType<number>;
-            } & {
-                default: number;
-            };
             totalLabel: {
                 type: import("vue").PropType<string>;
             } & {
                 default: string;
             };
+            currentPage: {
+                type: import("vue").PropType<number>;
+            } & {
+                default: number;
+            };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
             } & {
@@ -422,6 +428,9 @@ declare const _default: {
             multiselect: {
                 type: import("vue").PropType<boolean>;
             };
+            multiselectEmitItem: {
+                type: import("vue").PropType<boolean>;
+            };
             searchValue: {
                 type: import("vue").PropType<string>;
             };
@@ -441,9 +450,9 @@ declare const _default: {
         }>> & {
             onHeaderClick?: (value: Record<string, unknown>) => any;
             "onScroll:ptr"?: () => any;
-            onItemClick?: (item: import("./vc-table.vue").TableItem) => any;
+            onItemClick?: (item: import("./vc-table.vue").TableItemType) => any;
+            onSelectionChanged?: (values: import("./vc-table.vue").TableItemType[]) => any;
             onPaginationClick?: (page: number) => any;
-            onSelectionChanged?: (values: Record<string, boolean>) => any;
             "onSearch:change"?: (value: string) => any;
             "onRow:reorder"?: (args: {
                 dragIndex: number;
@@ -496,16 +505,16 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
-        currentPage: {
-            type: import("vue").PropType<number>;
-        } & {
-            default: number;
-        };
         totalLabel: {
             type: import("vue").PropType<string>;
         } & {
             default: string;
         };
+        currentPage: {
+            type: import("vue").PropType<number>;
+        } & {
+            default: number;
+        };
         searchPlaceholder: {
             type: import("vue").PropType<string>;
         } & {
@@ -546,6 +555,9 @@ declare const _default: {
         multiselect: {
             type: import("vue").PropType<boolean>;
         };
+        multiselectEmitItem: {
+            type: import("vue").PropType<boolean>;
+        };
         searchValue: {
             type: import("vue").PropType<string>;
         };
@@ -565,9 +577,9 @@ declare const _default: {
     }>> & {
         onHeaderClick?: (value: Record<string, unknown>) => any;
         "onScroll:ptr"?: () => any;
-        onItemClick?: (item: import("./vc-table.vue").TableItem) => any;
+        onItemClick?: (item: import("./vc-table.vue").TableItemType) => any;
+        onSelectionChanged?: (values: import("./vc-table.vue").TableItemType[]) => any;
         onPaginationClick?: (page: number) => any;
-        onSelectionChanged?: (values: Record<string, boolean>) => any;
         "onSearch:change"?: (value: string) => any;
         "onRow:reorder"?: (args: {
             dragIndex: number;
@@ -577,13 +589,13 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         paginationClick: (page: number) => void;
     } & {
-        selectionChanged: (values: Record<string, boolean>) => void;
+        selectionChanged: (values: import("./vc-table.vue").TableItemType[]) => void;
     } & {
         "search:change": (value: string) => void;
     } & {
         headerClick: (value: Record<string, unknown>) => void;
     } & {
-        itemClick: (item: import("./vc-table.vue").TableItem) => void;
+        itemClick: (item: import("./vc-table.vue").TableItemType) => void;
     } & {
         "scroll:ptr": () => void;
     } & {
@@ -599,8 +611,8 @@ declare const _default: {
         items: import("./vc-table.vue").TableItemType[];
         totalCount: number;
         pages: number;
-        currentPage: number;
         totalLabel: string;
+        currentPage: number;
         searchPlaceholder: string;
         empty: import("./vc-table.vue").StatusImage;
         notfound: import("./vc-table.vue").StatusImage;

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

@@ -1 +1 @@
-{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wBAGE;AAwBF,eAAO,MAAM,KAAK,KAAoB,CAAC"}
+{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wBAGE;AAwBF,eAAO,MAAM,KAAK,KAAoB,CAAC"}

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

@@ -17,6 +17,11 @@ export interface Props {
     itemActionBuilder?: (item: TableItem) => IActionBuilderResult[];
     sort?: string;
     multiselect?: boolean;
+    /**
+     * Emit whole item instead of {id: boolean} while prop multiselect = true
+     * @default false
+     */
+    multiselectEmitItem?: boolean;
     expanded?: boolean;
     totalLabel?: string;
     totalCount?: number;
@@ -39,10 +44,10 @@ export interface Props {
 }
 export interface Emits {
     (event: "paginationClick", page: number): void;
-    (event: "selectionChanged", values: Record<string, boolean>): void;
+    (event: "selectionChanged", values: TableItemType[]): void;
     (event: "search:change", value: string): void;
     (event: "headerClick", value: Record<string, unknown>): void;
-    (event: "itemClick", item: TableItem): void;
+    (event: "itemClick", item: TableItemType): void;
     (event: "scroll:ptr"): void;
     (event: "row:reorder", args: {
         dragIndex: number;
@@ -72,13 +77,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     paginationClick: (page: number) => void;
 } & {
-    selectionChanged: (values: Record<string, boolean>) => void;
+    selectionChanged: (values: TableItemType[]) => void;
 } & {
     "search:change": (value: string) => void;
 } & {
     headerClick: (value: Record<string, unknown>) => void;
 } & {
-    itemClick: (item: TableItem) => void;
+    itemClick: (item: TableItemType) => void;
 } & {
     "scroll:ptr": () => void;
 } & {
@@ -109,9 +114,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onHeaderClick?: (value: Record<string, unknown>) => any;
     "onScroll:ptr"?: () => any;
-    onItemClick?: (item: TableItem) => any;
+    onItemClick?: (item: TableItemType) => any;
+    onSelectionChanged?: (values: TableItemType[]) => any;
     onPaginationClick?: (page: number) => any;
-    onSelectionChanged?: (values: Record<string, boolean>) => any;
     "onSearch:change"?: (value: string) => any;
     "onRow:reorder"?: (args: {
         dragIndex: number;
@@ -125,8 +130,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     items: TableItemType[];
     totalCount: number;
     pages: number;
-    currentPage: number;
     totalLabel: string;
+    currentPage: number;
     searchPlaceholder: string;
     empty: StatusImage;
     notfound: StatusImage;

package/dist/types/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":"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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.57",
+  "version": "1.0.59",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/types/index.d.ts",
@@ -53,12 +53,11 @@
     "vue-i18n": "^9.1.7",
     "vue-router": "^4.1.6",
     "vue3-ace-editor": "^2.2.2",
-    "vue3-touch-events": "^4.1.0",
-    "vuedraggable": "^4.1.0"
+    "vue3-touch-events": "^4.1.0"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.57",
-    "@vc-shell/config-generator": "^1.0.57",
+    "@vc-shell/api-client-generator": "^1.0.59",
+    "@vc-shell/config-generator": "^1.0.59",
     "sass": "^1.49.0",
     "typescript": "^4.9.5",
     "url-pattern": "^1.0.3"
@@ -67,5 +66,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "ca294492c2aa439befaba5ee3899dd867c50e35b"
+  "gitHead": "aef25f0aa06a93c8d9265e5ffd7f73a088a0bca9"
 }

package/shared/{app-switcher → components/app-switcher}/components/vc-app-switcher/vc-app-switcher.vue

@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { AppDescriptor } from "./../../../../core/api";
+import { AppDescriptor } from "../../../../../core/api";
 
 export interface Props {
   appsList: AppDescriptor[];

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

@@ -1,6 +1,6 @@
 import { computed, Ref, ref } from "vue";
-import { AppDescriptor, AppsClient } from "./../../../../core/api";
-import { useUser, usePermissions } from "./../../../../core/composables";
+import { AppDescriptor, AppsClient } from "../../../../../core/api";
+import { useUser, usePermissions } from "../../../../../core/composables";
 
 interface IUseAppSwitcher {
   readonly appsList: Ref<AppDescriptor[]>;

package/shared/{app-switcher → components/app-switcher}/index.ts

@@ -1,4 +1,4 @@
-import { createModule } from "../../core/plugins/modularity";
+import { createModule } from "../../../core/plugins/modularity";
 import * as components from "./components";
 
 // Declare globally

package/shared/{blade-navigation → components/blade-navigation}/components/vc-blade-navigation/vc-blade-navigation.vue

@@ -33,7 +33,7 @@
 <script lang="ts" setup>
 import { computed, onBeforeUpdate, ref } from "vue";
 import { useRoute } from "vue-router";
-import { IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../shared";
+import { IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../../shared";
 
 export interface Props {
   blades: IBladeContainer[];
@@ -64,7 +64,7 @@ onBeforeUpdate(() => {
 });
 
 const setBladesRef = (el: IBladeElement) => {
-  if (el && Object.keys(el).length) {
+  if (el && el !== null) {
     bladesRefs.value.push(el);
   }
 };

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

@@ -1,8 +1,8 @@
 import { computed, ref, unref, watch, Ref } from "vue";
 import { isEqual } from "lodash-es";
 import { useRouter, useRoute, NavigationFailure } from "vue-router";
-import { usePermissions } from "./../../../../core/composables";
-import { ExtendedComponent, IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../shared";
+import { usePermissions } from "../../../../../core/composables";
+import { ExtendedComponent, IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "../../../..";
 
 interface IUseBladeNavigation {
   readonly blades: Ref<IBladeContainer[]>;
@@ -52,7 +52,7 @@ export default (): IUseBladeNavigation => {
     index?: number,
     navigationCb?: () => Promise<void | NavigationFailure>
   ) {
-    console.debug(`openBlade(${1}) called.`);
+    console.debug(`openBlade called.`);
 
     const parent = unref(parentBlade);
     const child = unref(blade);
@@ -91,8 +91,9 @@ export default (): IUseBladeNavigation => {
   }
 
   async function closeBlade(index: number) {
-    if (index < bladesRefs.value.length) {
-      const children = bladesRefs.value.slice(index).reverse();
+    const refsIndex = index + 1;
+    if (refsIndex < bladesRefs.value.length) {
+      const children = bladesRefs.value.slice(refsIndex).reverse();
 
       isPrevented.value = false;
       for (let i = 0; i < children.length; i++) {

package/shared/{blade-navigation → components/blade-navigation}/index.ts

@@ -1,4 +1,4 @@
-import { createModule } from "../../core/plugins/modularity";
+import { createModule } from "../../../core/plugins/modularity";
 import * as components from "./components";
 
 // Declare globally

package/shared/{blade-navigation → components/blade-navigation}/types/index.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentPublicInstance } from "vue";
-import { IMenuItems } from "./../../../core/types";
+import { IMenuItems } from "../../../../core/types";
 import { NavigationFailure } from "vue-router";
 
 /* onParentCall event interface */

package/shared/index.ts

@@ -1,14 +1,17 @@
 import { App } from "vue";
-import { default as AssetsDetailsModule } from "./assets";
-import { default as VcAppSwitcherModule } from "./app-switcher";
-import { default as VcBladeNavigationModule } from "./blade-navigation";
+import { default as AssetsDetailsModule } from "./modules/assets";
+import { default as VcAppSwitcherComponent } from "./components/app-switcher";
+import { default as VcBladeNavigationComponent } from "./components/blade-navigation";
+import { default as AssetsManagerModule } from "./modules/assets-manager";
 
 export default {
   install(app: App): void {
-    app.use(AssetsDetailsModule).use(VcAppSwitcherModule).use(VcBladeNavigationModule);
+    app.use(AssetsDetailsModule).use(AssetsManagerModule).use(VcBladeNavigationComponent).use(VcAppSwitcherComponent);
   },
 };
 
-export * from "./assets";
-export * from "./app-switcher";
-export * from "./blade-navigation";
+export * from "./modules/assets";
+export * from "./modules/assets-manager";
+
+export * from "./components/app-switcher";
+export * from "./components/blade-navigation";

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

@@ -0,0 +1,166 @@
+<template>
+  <VcBlade
+    :title="options?.asset?.name"
+    :subtitle="$t('ASSETS.PAGES.DETAILS.SUBTITLE')"
+    :expanded="expanded"
+    :closable="closable"
+    :toolbarItems="bladeToolbar"
+    @close="$emit('close:blade')"
+  >
+    <!-- Blade contents -->
+    <div class="tw-flex tw-grow-1 tw-border-t tw-border-solid tw-border-t-[#eaedf3]">
+      <div class="assets-details__content tw-grow tw-basis-0">
+        <VcContainer :no-padding="true">
+          <div class="tw-p-4">
+            <VcForm>
+              <VcRow class="tw-mb-4 !tw-flex">
+                <template v-if="isImage(defaultAsset.name)">
+                  <VcImage
+                    :src="defaultAsset.url"
+                    size="xl"
+                    :bordered="true"
+                  ></VcImage>
+                </template>
+                <template v-else>
+                  <VcIcon
+                    :icon="getFileThumbnail(defaultAsset.name)"
+                    class="tw-text-[#a9bfd2] tw-text-[128px]"
+                  ></VcIcon>
+                </template>
+                <VcCol class="tw-ml-6">
+                  <VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.SIZE") }}</VcLabel>
+                      <VcHint class="tw-text-s">{{ readableSize(defaultAsset.size) }}</VcHint>
+                    </VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.CREATED_DATE") }}</VcLabel>
+                      <VcHint class="tw-text-s">{{
+                        (defaultAsset.createdDate && moment(defaultAsset.createdDate).fromNow()) || "N/A"
+                      }}</VcHint>
+                    </VcCol>
+                    <VcCol>
+                      <VcLabel>{{ $t("ASSETS.PAGES.DETAILS.FIELDS.URL") }}</VcLabel>
+                      <VcRow>
+                        <VcLink
+                          class="vc-link tw-text-s tw-max-w-10 tw-truncate tw-w-max tw-max-w-[100px]"
+                          @click="openLink(defaultAsset.url)"
+                          >{{ defaultAsset.name }}</VcLink
+                        >
+                        <VcButton
+                          icon="far fa-copy"
+                          size="m"
+                          class="tw-ml-2"
+                          variant="onlytext"
+                          @click="copyLink(defaultAsset.url)"
+                          title="Copy link"
+                        ></VcButton>
+                      </VcRow>
+                    </VcCol>
+                  </VcCol>
+                </VcCol>
+              </VcRow>
+
+              <VcInput
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.NAME.TITLE')"
+                v-model="defaultAsset.name"
+                clearable
+                required
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.NAME.PLACEHOLDER')"
+              ></VcInput>
+              <VcInput
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.TITLE')"
+                v-model="defaultAsset.altText"
+                clearable
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.PLACEHOLDER')"
+                :tooltip="$t('ASSETS.PAGES.DETAILS.FIELDS.ALT.TOOLTIP')"
+                required
+                v-if="assetType === 'Image'"
+              ></VcInput>
+              <VcTextarea
+                class="tw-mb-4"
+                :label="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.TITLE')"
+                v-model="defaultAsset.description"
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.PLACEHOLDER')"
+                required
+              ></VcTextarea>
+            </VcForm>
+          </div>
+        </VcContainer>
+      </div>
+    </div>
+  </VcBlade>
+</template>
+
+<script lang="ts" setup>
+import { Asset } from "./../../../../../core/types";
+import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { VcBlade, VcContainer, VcForm, VcImage, VcInput, VcTextarea } from "./../../../../../ui/components";
+import { isImage, getFileThumbnail, readableSize } from "./../../../../utilities/assets";
+import moment from "moment";
+
+export interface Props {
+  expanded?: boolean;
+  closable?: boolean;
+  options?: {
+    asset: Asset;
+    assetEditHandler?: (defaultAsset: Asset) => void;
+    assetRemoveHandler?: (defaultAsset: Asset) => void;
+  };
+}
+
+export interface Emits {
+  (event: "close:blade"): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  expanded: true,
+  closable: true,
+});
+
+const emit = defineEmits<Emits>();
+const { t } = useI18n();
+const defaultAsset = ref<Asset>({ ...props.options?.asset });
+
+const bladeToolbar = [
+  {
+    id: "save",
+    title: t("ASSETS.PAGES.DETAILS.TOOLBAR.SAVE"),
+    icon: "fas fa-save",
+    clickHandler() {
+      if (props.options?.assetEditHandler && typeof props.options?.assetEditHandler === "function") {
+        props.options?.assetEditHandler(defaultAsset.value);
+        emit("close:blade");
+      }
+    },
+  },
+  {
+    id: "delete",
+    title: t("ASSETS.PAGES.DETAILS.TOOLBAR.DELETE"),
+    icon: "fas fa-trash",
+    clickHandler() {
+      if (props.options?.assetRemoveHandler && typeof props.options?.assetRemoveHandler === "function") {
+        props.options?.assetRemoveHandler(defaultAsset.value);
+        emit("close:blade");
+      }
+    },
+  },
+];
+
+const assetType = computed(() => defaultAsset.value?.typeId);
+
+function copyLink(link: string) {
+  if (link.charAt(0) === "/") {
+    navigator.clipboard?.writeText(`${location.origin}${link}`);
+  } else {
+    navigator.clipboard?.writeText(link);
+  }
+}
+
+function openLink(link: string) {
+  location.href = link;
+}
+</script>