@vc-shell/framework 1.0.53 → 1.0.56

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

@@ -0,0 +1,165 @@
+import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
+export interface StatusImage {
+    image?: string;
+    text: string;
+    action?: string;
+    clickHandler?: () => void;
+}
+export interface Props {
+    columns: ITableColumns[];
+    items: {
+        id?: string;
+    }[] | string[];
+    itemActionBuilder?: (item: {
+        id?: string;
+    }) => IActionBuilderResult[];
+    sort?: string;
+    multiselect?: boolean;
+    expanded?: boolean;
+    totalLabel?: string;
+    totalCount?: number;
+    pages?: number;
+    currentPage?: number;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    loading?: boolean;
+    empty?: StatusImage;
+    notfound?: StatusImage;
+    header?: boolean;
+    footer?: boolean;
+    activeFilterCount?: number;
+    selectedItemId?: string;
+    scrolling?: boolean;
+    resizableColumns?: boolean;
+    reorderableColumns?: boolean;
+    stateKey: string;
+}
+export interface Emits {
+    (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: "itemClick", item: {
+        id?: string;
+    }): void;
+    (event: "scroll:ptr"): void;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    columns: () => any[];
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    paginationClick: (page: number) => void;
+} & {
+    selectionChanged: (values: Record<string, boolean>) => void;
+} & {
+    "search:change": (value: string) => void;
+} & {
+    headerClick: (value: Record<string, unknown>) => void;
+} & {
+    itemClick: (item: {
+        id?: string;
+    }) => void;
+} & {
+    "scroll:ptr": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    columns: () => any[];
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>>> & {
+    onHeaderClick?: (value: Record<string, unknown>) => any;
+    "onScroll:ptr"?: () => any;
+    onItemClick?: (item: {
+        id?: string;
+    }) => any;
+    onPaginationClick?: (page: number) => any;
+    onSelectionChanged?: (values: Record<string, boolean>) => any;
+    "onSearch:change"?: (value: string) => any;
+}, {
+    footer: boolean;
+    header: boolean;
+    expanded: boolean;
+    columns: ITableColumns[];
+    items: string[] | {
+        id?: string;
+    }[];
+    totalCount: number;
+    pages: number;
+    currentPage: number;
+    totalLabel: string;
+    searchPlaceholder: string;
+    empty: StatusImage;
+    notfound: StatusImage;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, Record<string, (_: {}) => any> & Record<string, (_: {
+    item: any;
+    cell: ITableColumns;
+}) => any> & {
+    header: (_: {}) => any;
+    filters: (_: {
+        closePanel: () => void;
+    }) => any;
+    'mobile-item': (_: {
+        item: string | {
+            id?: string;
+        };
+    }) => any;
+    notfound: (_: {}) => any;
+    empty: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=vc-table.vue.d.ts.map

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

@@ -0,0 +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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"}

package/dist/types/ui/services/components.d.ts

@@ -0,0 +1,2 @@
+export { VcBadge, VcButton, VcCard, VcCheckbox, VcCol, VcContainer, VcHint, VcIcon, VcImage, VcInfoRow, VcLabel, VcLink, VcLoading, VcProgress, VcRow, VcStatus, VcStatusIcon, VcSwitch, VcWidget, VcBreadcrumbs, VcEditor, VcFileUpload, VcForm, VcInput, VcInputCurrency, VcNotification, VcPagination, VcRating, VcSelect, VcSlider, VcTextarea, VcApp, VcBlade, VcDynamicProperty, VcGallery, VcLoginForm, VcPopup, VcTable, } from "./../components";
+//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../ui/services/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAO,GACR,MAAM,iBAAiB,CAAC"}

package/dist/types/ui/services/types/components.d.ts

@@ -0,0 +1,14 @@
+import type * as vcShellComponents from "../components";
+type Map<O extends Record<any, any>> = {
+    [K in keyof O]: O[K];
+};
+type KeyInObj<O, K> = K extends keyof O ? O[K] : never;
+/** List of all components */
+export type VcShellComponentsMap = Map<typeof vcShellComponents>;
+/** Component names */
+export type VcShellComponentName = keyof VcShellComponentsMap;
+export type VcShellComponents<NAMES extends string = VcShellComponentName> = {
+    [name in NAMES]: KeyInObj<VcShellComponentsMap, name>;
+};
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/types/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,iBAAiB,MAAM,eAAe,CAAC;AAGxD,KAAK,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAChE,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAEvD,6BAA6B;AAC7B,MAAM,MAAM,oBAAoB,GAAG,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACjE,sBAAsB;AACtB,MAAM,MAAM,oBAAoB,GAAG,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,oBAAoB,IAAI;KAC1E,IAAI,IAAI,KAAK,GAAG,QAAQ,CAAC,oBAAoB,EAAE,IAAI,CAAC;CACtD,CAAC"}

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

@@ -0,0 +1,7 @@
+import { VcShellComponents } from "./components";
+declare module "vue" {
+    interface GlobalComponents extends VcShellComponents {
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,QAAQ,KAAK,CAAC;IAEnB,UAAiB,gBAAiB,SAAQ,iBAAiB;KAAG;CAC/D;AAED,OAAO,EAAE,CAAC"}

package/dist/types/ui/services/types/ts-helpers.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPublicInstance, ComputedOptions, MethodOptions, EmitsOptions, Slots, ComponentOptions } from "vue";
+export type ComponentConstructor<Component extends ComponentPublicInstance<Props, RawBindings, D, C, M, E> = ComponentPublicInstance<any>, Props = any, RawBindings = any, D = any, C extends ComputedOptions = ComputedOptions, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, Slot extends Slots = Slots> = {
+    new (): Component & {
+        $slots: Slot;
+    };
+} & ComponentOptions<Props, RawBindings, D, C, M, E>;
+export type GlobalComponentConstructor<T extends abstract new (...args: any) => any, S extends Slots> = ComponentConstructor<InstanceType<T>, any, any, any, any, any, any, S>;
+//# sourceMappingURL=ts-helpers.d.ts.map

package/dist/types/ui/services/types/ts-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-helpers.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/ts-helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAErH,MAAM,MAAM,oBAAoB,CAC9B,SAAS,SAAS,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,uBAAuB,CAAC,GAAG,CAAC,EACxG,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,GAAG,EACjB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,eAAe,GAAG,eAAe,EAC3C,CAAC,SAAS,aAAa,GAAG,aAAa,EACvC,CAAC,SAAS,YAAY,GAAG,YAAY,EACrC,IAAI,SAAS,KAAK,GAAG,KAAK,IACxB;IAAE,QAAQ,SAAS,GAAG;QAAE,MAAM,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhG,MAAM,MAAM,0BAA0B,CACpC,CAAC,SAAS,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAC5C,CAAC,SAAS,KAAK,IACb,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC"}

package/dist/types/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: Record<string, any>;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/{vite.config.d.ts.map → types/vite.config.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAMA,wBA6CE"}
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":";AAOA,wBAgCG"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.53",
-  "main": "./dist/framework.js",
-  "module": "./dist/framework.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/style.css",
+  "version": "1.0.56",
+  "main": "./dist/framework.mjs",
+  "module": "./dist/framework.mjs",
+  "types": "./dist/types/index.d.ts",
+  "style": "./dist/index.css",
   "files": [
     "dist",
     "tailwind.config.js",
@@ -14,58 +14,58 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/framework.js",
-      "require": "./dist/framework.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/framework.mjs",
+      "types": "./dist/types/index.d.ts"
     },
     "./client": {
-      "types": "./dist/ui/types/index.d.ts"
+      "types": "./dist/ui/services/types/index.d.ts"
     },
-    "./dist/style.css": "./dist/style.css",
+    "./dist/index.css": "./dist/index.css",
     "./tailwind.config": "./tailwind.config.js",
     "./*": "./*"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && yarn build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types",
     "dev": "vite",
     "development": "vite build --watch -m development",
     "watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@floating-ui/vue": "^0.2.1",
     "@popperjs/core": "^2.11.0",
-    "@vee-validate/rules": "^4.5.5",
+    "@vee-validate/i18n": "^4.7.3",
+    "@vee-validate/rules": "^4.7.3",
+    "@vueup/vue-quill": "^1.1.1",
     "@vueuse/components": "^9.9.0",
     "@vueuse/core": "^9.9.0",
     "@vueuse/integrations": "^9.9.0",
     "client-oauth2": "^4.3.3",
     "moment": "^2.29.1",
     "normalize.css": "^8.0.1",
+    "quill-image-uploader": "^1.2.4",
     "swiper": "^6.8.4",
     "vee-validate": "^4.7.3",
     "vue": "^3.0.0",
     "vue-currency-input": "~2.5.1",
     "vue-i18n": "^9.1.7",
-    "vue-logger-plugin": "^2.1.2",
     "vue-router": "^4.1.6",
     "vue3-ace-editor": "^2.2.2",
     "vue3-touch-events": "^4.1.0",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@originjs/vite-plugin-commonjs": "^1.0.3",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@vc-shell/api-client-generator": "^1.0.53",
-    "@vc-shell/config-generator": "^1.0.53",
+    "@vc-shell/api-client-generator": "^1.0.56",
+    "@vc-shell/config-generator": "^1.0.56",
     "@vue-macros/volar": "^0.8.1",
     "sass": "^1.49.0",
     "typescript": "^4.9.5",
-    "unplugin-vue-macros": "^1.9.1",
     "url-pattern": "^1.0.3"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "8c644532aec0fb5eefe62c29509ab4392adc74d0"
+  "gitHead": "42d9d9700ea47027b3bd7d6f88d6254ab4b63020"
 }

package/shared/app-switcher/components/vc-app-switcher/vc-app-switcher.vue

@@ -14,7 +14,7 @@
 
     <div
       v-if="isVisible && appsList && appsList.length"
-      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[10000] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0"
+      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[9999] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0 tw-w-max tw-max-w-[200px]"
     >
       <ul class="tw-flex tw-flex-col tw-gap-3 tw-overflow-hidden">
         <li
@@ -31,9 +31,7 @@
             :alt="`icon_${item.id}`"
             class="tw-w-5 tw-h-5 tw-mr-2 tw-shrink-0"
           />
-          <p
-            class="tw-font-normal tw-text-sm tw-text-[#727C87] tw-truncate group-hover:tw-opacity-80"
-          >
+          <p class="tw-font-normal tw-text-sm tw-text-[#727C87] tw-truncate group-hover:tw-opacity-80">
             {{ item.title }}
           </p>
         </li>
@@ -62,8 +60,7 @@ const emit = defineEmits<Emits>();
 
 const isVisible = ref(false);
 
-const imageUrl = (url: string) =>
-  import.meta.env.APP_PLATFORM_URL.replace(/\/+$/, "") + url;
+const imageUrl = (url: string) => import.meta.env.APP_PLATFORM_URL.replace(/\/+$/, "") + url;
 
 const locationHandler = (url: string) => {
   const cleanUrl = window.location.pathname.replace(/\/+$/, "");

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

@@ -1,10 +1,6 @@
 import { computed, Ref, ref } from "vue";
 import { AppDescriptor, AppsClient } from "./../../../../core/api";
-import {
-  useLogger,
-  useUser,
-  usePermissions,
-} from "./../../../../core/composables";
+import { useUser, usePermissions } from "./../../../../core/composables";
 
 interface IUseAppSwitcher {
   readonly appsList: Ref<AppDescriptor[]>;
@@ -13,7 +9,6 @@ interface IUseAppSwitcher {
 }
 
 export default (): IUseAppSwitcher => {
-  const logger = useLogger();
   const { checkPermission } = usePermissions();
   const appsList = ref<AppDescriptor[]>([]);
 
@@ -30,7 +25,7 @@ export default (): IUseAppSwitcher => {
     try {
       appsList.value = await client.getApps();
     } catch (e) {
-      logger.error(e);
+      console.error(e);
       throw e;
     }
   }

package/shared/app-switcher/index.ts

@@ -1,14 +1,7 @@
-import { App } from "vue";
+import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 
-export default {
-  install(app: App): void {
-    // Register exported components
-    Object.entries(components).forEach(([componentName, component]) => {
-      app.component(componentName, component);
-    });
-  },
-};
+export default createModule(components);
 
-export * from "./composables";
 export * from "./components";
+export * from "./composables";

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

@@ -8,7 +8,7 @@
     @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="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">
@@ -25,9 +25,7 @@
                 v-model="localImage.name"
                 clearable
                 required
-                :placeholder="
-                  $t('ASSETS.PAGES.DETAILS.FIELDS.NAME.PLACEHOLDER')
-                "
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.NAME.PLACEHOLDER')"
               ></VcInput>
               <VcInput
                 class="tw-mb-4"
@@ -42,9 +40,7 @@
                 class="tw-mb-4"
                 :label="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.TITLE')"
                 v-model="localImage.description"
-                :placeholder="
-                  $t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.PLACEHOLDER')
-                "
+                :placeholder="$t('ASSETS.PAGES.DETAILS.FIELDS.DESCRIPTION.PLACEHOLDER')"
                 required
               ></VcTextarea>
             </VcForm>
@@ -59,14 +55,7 @@
 import { computed, reactive, unref } from "vue";
 import { useI18n } from "./../../../../core/composables";
 import { IParentCallArgs } from "./../../../../shared";
-import {
-  VcBlade,
-  VcContainer,
-  VcForm,
-  VcImage,
-  VcInput,
-  VcTextarea,
-} from "./../../../../ui/components";
+import { VcBlade, VcContainer, VcForm, VcImage, VcInput, VcTextarea } from "./../../../../ui/components";
 
 export interface Props {
   expanded?: boolean;
@@ -104,10 +93,7 @@ const bladeToolbar = [
     title: t("ASSETS.PAGES.DETAILS.TOOLBAR.SAVE"),
     icon: "fas fa-save",
     clickHandler() {
-      if (
-        props.options.sortHandler &&
-        typeof props.options.sortHandler === "function"
-      ) {
+      if (props.options.sortHandler && typeof props.options.sortHandler === "function") {
         props.options.sortHandler(false, localImage);
         emit("close:blade");
       }
@@ -118,15 +104,8 @@ const bladeToolbar = [
     title: t("ASSETS.PAGES.DETAILS.TOOLBAR.DELETE"),
     icon: "fas fa-trash",
     clickHandler() {
-      if (
-        window.confirm(
-          unref(computed(() => t("ASSETS.PAGES.DETAILS.DELETE_CONFIRMATION")))
-        )
-      ) {
-        if (
-          props.options.sortHandler &&
-          typeof props.options.sortHandler === "function"
-        ) {
+      if (window.confirm(unref(computed(() => t("ASSETS.PAGES.DETAILS.DELETE_CONFIRMATION"))))) {
+        if (props.options.sortHandler && typeof props.options.sortHandler === "function") {
           props.options.sortHandler(true, localImage);
           emit("close:blade");
         }

package/shared/assets/components/index.ts

@@ -1 +1 @@
-export {default as AssetsDetails} from './assets-details/assets-details.vue'
+export { default as AssetsDetails } from "./assets-details/assets-details.vue";

package/shared/assets/index.ts

@@ -1,19 +1,7 @@
-import { App } from "vue";
+import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 import * as locales from "./locales";
 
-export default {
-    install(app: App): void {
-        Object.entries(components).forEach(([pageName, page]) => {
-            app.component(pageName, page);
-            app.config.globalProperties.pages?.push(page);
-        });
+export default createModule(components, locales);
 
-        // Load locales
-        Object.entries(locales).forEach(([key, message]) => {
-            app.config.globalProperties.$mergeLocaleMessage(key, message);
-        });
-    },
-};
-
-export * from './components'
+export * from "./components";

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

@@ -33,17 +33,12 @@
 <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[];
   parentBladeOptions: Record<string, unknown>;
-  parentBladeParam: string;
+  parentBladeParam?: string | undefined;
 }
 
 export interface Emits {

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

@@ -1 +1 @@
-export {default as useBladeNavigation} from './useBladeNavigation'
+export { default as useBladeNavigation } from "./useBladeNavigation";

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

@@ -2,13 +2,7 @@ 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 { ExtendedComponent, IBladeContainer, IBladeElement, IBladeEvent, IParentCallArgs } from "./../../../../shared";
 
 interface IUseBladeNavigation {
   readonly blades: Ref<IBladeContainer[]>;
@@ -16,14 +10,7 @@ interface IUseBladeNavigation {
   readonly parentBladeParam: Ref<string>;
   bladesRefs: Ref<IBladeElement[]>;
   openBlade: (
-    {
-      parentBlade,
-      component,
-      param,
-      bladeOptions,
-      onOpen,
-      onClose,
-    }: IBladeEvent,
+    { parentBlade, component, param, bladeOptions, onOpen, onClose }: IBladeEvent,
     index?: number,
     navigationCb?: () => Promise<void | NavigationFailure>
   ) => void;
@@ -61,14 +48,7 @@ export default (): IUseBladeNavigation => {
   );
 
   async function openBlade(
-    {
-      parentBlade,
-      component: blade,
-      param,
-      bladeOptions,
-      onOpen,
-      onClose,
-    }: IBladeEvent,
+    { parentBlade, component: blade, param, bladeOptions, onOpen, onClose }: IBladeEvent,
     index?: number,
     navigationCb?: () => Promise<void | NavigationFailure>
   ) {
@@ -102,9 +82,7 @@ export default (): IUseBladeNavigation => {
       if (existingChild === undefined) {
         child.idx = index + 1;
       } else if (existingChild) {
-        await closeBlade(
-          blades.value.findIndex((x) => x.idx === existingChild.idx)
-        );
+        await closeBlade(blades.value.findIndex((x) => x.idx === existingChild.idx));
         child.idx = existingChild.idx;
       }
 
@@ -118,10 +96,7 @@ export default (): IUseBladeNavigation => {
 
       isPrevented.value = false;
       for (let i = 0; i < children.length; i++) {
-        if (
-          children[i]?.onBeforeClose &&
-          typeof children[i].onBeforeClose === "function"
-        ) {
+        if (children[i]?.onBeforeClose && typeof children[i].onBeforeClose === "function") {
           const result = await children[i].onBeforeClose();
           if (result === false) {
             isPrevented.value = true;
@@ -172,18 +147,14 @@ export default (): IUseBladeNavigation => {
   }
 
   async function onParentCall(index: number, args: IParentCallArgs) {
-    console.debug(
-      `vc-app#onParentCall(${index}, { method: ${args.method} }) called.`
-    );
+    console.debug(`vc-app#onParentCall(${index}, { method: ${args.method} }) called.`);
 
     if (index >= 0) {
       const currentParent = unref(bladesRefs.value[index]);
 
       if (currentParent) {
         if (args.method && typeof currentParent[args.method] === "function") {
-          const method = currentParent[args.method] as (
-            args: unknown
-          ) => Promise<unknown>;
+          const method = currentParent[args.method] as (args: unknown) => Promise<unknown>;
           const result = await method(args.args);
           if (typeof args.callback === "function") {
             args.callback(result);

package/shared/blade-navigation/index.ts

@@ -1,15 +1,8 @@
-import { App } from "vue";
+import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 
-export default {
-    install(app: App): void {
-        // Register exported pages
-        Object.entries(components).forEach(([componentName, component]) => {
-            app.component(componentName, component);
-        });
-    },
-};
+export default createModule(components);
 
 export * from "./components";
 export * from "./composables";
-export * from './types'
+export * from "./types";