@vc-shell/framework 1.0.109 → 1.0.111

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [1.0.111](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.110...v1.0.111) (2023-10-17)
+
+
+### Bug Fixes
+
+* open blade on mount fix in import-module ([6644e03](https://github.com/VirtoCommerce/vc-shell/commit/6644e03bcac5b1298db160f3b749c8a44bb8c9c7))
+* override ts-ignore toSpliced ([c360888](https://github.com/VirtoCommerce/vc-shell/commit/c3608889c4bc987f475f9d25a9149aad4b59bac6))
+
+
+### Features
+
+* dynamic app modules samples ([2af411f](https://github.com/VirtoCommerce/vc-shell/commit/2af411fb14c61d9e98da4612057fd157263de397))
+* dynamic modules ([ed4af3a](https://github.com/VirtoCommerce/vc-shell/commit/ed4af3ad65e47b0d633d6e2eb23e9c90d73ff50d))
+* dynamic modules ([200dcde](https://github.com/VirtoCommerce/vc-shell/commit/200dcde3d127f45267f2d259967839d11ea5d01e))
+* improved createAppModule ([3752415](https://github.com/VirtoCommerce/vc-shell/commit/3752415eeae183b8dcfe3f23e47f3bcb07faf136))
+* status type dynamic component ([95f0472](https://github.com/VirtoCommerce/vc-shell/commit/95f0472cd79cb117a94fe467cf4094cdff29373e))
+
+
+
+## [1.0.110](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.109...v1.0.110) (2023-10-16)
+
+
+### Bug Fixes
+
+* code review improvements ([5c6c6dc](https://github.com/VirtoCommerce/vc-shell/commit/5c6c6dc7a60c1212e4c23e0ddbbc42611f16303b))
+* code review improvements ([5453ba0](https://github.com/VirtoCommerce/vc-shell/commit/5453ba0388a51b2946408b980e119a0ad20f7647))
+* delete index.ts from framework api ([8cc2fee](https://github.com/VirtoCommerce/vc-shell/commit/8cc2feef30ac38bcf229234456cac78c8e23f158))
+
+
+### Features
+
+* vm-1215 vc-video ([52680f6](https://github.com/VirtoCommerce/vc-shell/commit/52680f6f2bd649d7226818f6432e605502ab9eab))
+
+
+
 ## [1.0.109](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.108...v1.0.109) (2023-10-13)
 
 

package/core/composables/useApiClient/index.ts

@@ -1,6 +1,6 @@
 import { useUser } from "../useUser";
 
-interface IAuthApiBase {
+export interface IAuthApiBase {
   authToken: string;
   setAuthToken(token: string);
   getBaseUrl(defaultUrl: string, baseUrl: string);

package/core/composables/useAsync/index.ts

@@ -1,7 +1,7 @@
 import { readonly, ref } from "vue";
 import { HasLoading } from "../useLoading";
 
-export type AsyncAction<Payload = void, Result = void> = (payload?: Payload) => Promise<Result>;
+export type AsyncAction<Payload = void, Result = void> = (payload: Payload) => Promise<Result>;
 
 export interface UseAsync<Payload = void, Result = void> extends HasLoading {
   action: AsyncAction<Payload, Result>;
@@ -12,7 +12,7 @@ export function useAsync<Payload = void, Result = void>(
 ): UseAsync<Payload, Result> {
   const loading = ref(false);
 
-  async function action(payload?: Payload): Promise<Result> {
+  async function action(payload: Payload): Promise<Result> {
     loading.value = true;
     try {
       return await innerAction(payload);

package/core/composables/usePermissions/index.ts

@@ -1,28 +1,18 @@
-import { Ref, ref } from "vue";
+import { Ref, onMounted, ref } from "vue";
 import { useUser } from "./../useUser";
 
 interface IUsePermissions {
-  checkPermission(permissions: string | string[]): boolean;
-  fetchUserPermissions(): Promise<void>;
+  hasAccess(permissions: string | string[]): boolean;
 }
 const userPermissions: Ref<string[]> = ref([]);
 export function usePermissions(): IUsePermissions {
-  const { user, loadUser } = useUser();
+  const { user } = useUser();
 
-  async function fetchUserPermissions() {
-    if (user.value?.permissions) {
-      userPermissions.value = user.value?.permissions;
-    } else {
-      try {
-        const userData = await loadUser();
-        userPermissions.value = userData.permissions;
-      } catch (e) {
-        throw new Error("Unable to load user permissions");
-      }
-    }
+  if (user.value) {
+    userPermissions.value = user.value?.permissions;
   }
 
-  function checkPermission(permissions: string | string[] | undefined) {
+  function hasAccess(permissions: string | string[] | undefined) {
     if (!permissions) {
       return true;
     } else if (permissions || (permissions && permissions instanceof Array)) {
@@ -39,7 +29,6 @@ export function usePermissions(): IUsePermissions {
   }
 
   return {
-    checkPermission,
-    fetchUserPermissions,
+    hasAccess,
   };
 }

package/core/composables/useUser/index.ts

@@ -1,4 +1,4 @@
-import { computed, Ref, ref, ComputedRef, getCurrentInstance, inject } from "vue";
+import { computed, Ref, ref, ComputedRef } from "vue";
 import ClientOAuth2 from "client-oauth2";
 import {
   UserDetail,
@@ -31,6 +31,7 @@ const securityClient = new SecurityClient();
 interface IUseUser {
   user: ComputedRef<UserDetail | null>;
   loading: ComputedRef<boolean>;
+  isAdministrator: ComputedRef<boolean>;
   getAccessToken: () => Promise<string | null>;
   loadUser: () => Promise<UserDetail>;
   signIn: (username: string, password: string) => Promise<SignInResults>;
@@ -126,17 +127,17 @@ export function useUser(): IUseUser {
     const token = await getAccessToken();
     if (token) {
       securityClient.setAuthToken(token);
-    }
 
-    try {
-      loading.value = true;
-      user.value = await securityClient.getCurrentUser();
-      console.log("[useUser]: an user details has been loaded", user.value);
-    } catch (e) {
-      console.dir(e);
-      throw e;
-    } finally {
-      loading.value = false;
+      try {
+        loading.value = true;
+        user.value = await securityClient.getCurrentUser();
+        console.log("[useUser]: an user details has been loaded", user.value);
+      } catch (e) {
+        console.dir(e);
+        throw e;
+      } finally {
+        loading.value = false;
+      }
     }
 
     return { ...user.value } as UserDetail;
@@ -287,6 +288,7 @@ export function useUser(): IUseUser {
   return {
     user: computed(() => user.value),
     loading: computed(() => loading.value),
+    isAdministrator: computed(() => user.value.isAdministrator),
     isAuthenticated,
     getAccessToken,
     loadUser,

package/core/directives/loading/index.ts

@@ -1,28 +1,6 @@
-import { Directive, DirectiveBinding } from "vue";
+import { DirectiveBinding } from "vue";
+import "./styles.css";
 
-const className = "v-loading";
-
-export const loading = {
-  mounted: function (el: HTMLElement, binding: DirectiveBinding): void {
-    console.log("v-loading mount");
-    const loader = document.createElement("div");
-    loader.className = className;
-    loader.innerHTML = "Loading...";
-    loader.style.display = binding.value ? "flex" : "none";
-    loader.style.position = "absolute";
-    loader.style.alignItems = "center";
-    loader.style.justifyContent = "center";
-    loader.style.background = "rgba(255, 255, 255, 0.75)";
-    loader.style.zIndex = "9999";
-    loader.style.width = "100%";
-    loader.style.height = "100%";
-    el.appendChild(loader);
-  },
-  updated: function (el: HTMLElement, binding: DirectiveBinding): void {
-    console.log("v-loading updated");
-    const loader = el.querySelector(`.${className}`) as HTMLElement;
-    if (loader) {
-      loader.style.display = binding.value ? "flex" : "none";
-    }
-  },
-} as Directive;
+export const loading = (el: HTMLElement, binding: DirectiveBinding) => {
+  el.classList[binding.value ? "add" : "remove"]("v-loading");
+};

package/core/directives/loading/styles.css

@@ -0,0 +1,38 @@
+.v-loading {
+  position: relative;
+  min-height: 30px;
+  cursor: wait;
+}
+
+.v-loading::before {
+  content: '';
+  position: absolute;
+  z-index: 99998;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 75%);
+  backdrop-filter: blur(3px);
+}
+
+.v-loading::after {
+  content: '';
+  position: absolute;
+  z-index: 99999;
+  width: 30px;
+  height: 30px;
+  border: 4px solid #319ed4;
+  border-right-color: transparent;
+  animation: 0.75s linear infinite v-loading;
+  border-radius: 50%;
+  top: calc(50% - 30px / 2);
+  left: calc(50% - 30px / 2);
+  display: inline-block;
+}
+
+@keyframes v-loading {
+  to {
+      transform: rotate(360deg);
+  }
+}

package/core/plugins/modularity/index.ts

@@ -1,14 +1,14 @@
-import { App } from "vue";
+import { App, Component } from "vue";
 import { i18n } from "./../i18n";
 import { Router } from "vue-router";
 import { BladeConstructor } from "./../../../shared/components/blade-navigation/types";
 import { kebabToPascal } from "./../../utilities";
 
-export const createModule = (components: unknown, locales?: unknown) => ({
+export const createModule = (components: unknown, locales?: unknown, isBladeComponent?: boolean) => ({
   install(app: App): void {
     // Register components
     Object.entries(components).forEach(([componentName, component]) => {
-      app.component(componentName, component);
+      app.component(componentName, isBladeComponent ? { ...component, isBladeComponent: true } : component);
     });
 
     // Load locales
@@ -20,25 +20,44 @@ export const createModule = (components: unknown, locales?: unknown) => ({
   },
 });
 
-export const createAppModule = (pages: unknown, locales?: unknown, notificationTemplates?: unknown) => {
-  const module = createModule(pages, locales);
+export const createAppModule = (
+  pages: { [key: string]: BladeConstructor },
+  locales?: { [key: string]: object },
+  notificationTemplates?: { [key: string]: Component },
+  moduleComponents?: { [key: string]: Component }
+) => {
+  const module = createModule(pages, locales, true);
 
   return {
-    install(app: App, options: { router: Router }): void {
-      const { router } = options;
+    install(app: App, options?: { router: Router }): void {
+      let routerInstance: Router;
+
+      if (options && options.router) {
+        const { router } = options;
+        routerInstance = router;
+      }
+
       // Register pages
-      Object.entries(pages).forEach(([, page]: [string, BladeConstructor]) => {
+      Object.entries(pages).forEach(([key, page]) => {
         app.config.globalProperties.pages?.push(page);
 
+        app.config.globalProperties.bladeRoutes?.push({
+          component: page,
+          route: page.url,
+          name: key,
+        });
+
         // Dynamically add pages to vue router
         if (page.url) {
-          const mainRouteName = router.getRoutes().find((r) => r.meta?.root)?.name;
+          const mainRouteName = routerInstance.getRoutes().find((r) => r.meta?.root)?.name;
 
-          router.addRoute(mainRouteName, {
-            name: kebabToPascal(page.url.substring(1)),
-            path: page.url.substring(1),
-            component: page,
-          });
+          if (routerInstance && mainRouteName) {
+            routerInstance.addRoute(mainRouteName, {
+              name: kebabToPascal(page.url.substring(1)),
+              path: page.url.substring(1),
+              component: page,
+            });
+          }
         }
       });
 
@@ -48,6 +67,14 @@ export const createAppModule = (pages: unknown, locales?: unknown, notificationT
           app.config.globalProperties.notificationTemplates?.push(template);
         });
       }
+
+      if (moduleComponents) {
+        // Register module components globally
+        Object.entries(moduleComponents).forEach(([name, component]) => {
+          app.component(name, component);
+        });
+      }
+
       module.install(app);
     },
   };

package/core/plugins/permissions/index.ts

@@ -3,8 +3,8 @@ import { App } from "vue";
 
 export const permissions = {
   install(app: App) {
-    const { checkPermission } = usePermissions();
-    app.config.globalProperties.$hasAccess = checkPermission;
-    app.provide("$hasAccess", checkPermission);
+    const { hasAccess } = usePermissions();
+    app.config.globalProperties.$hasAccess = hasAccess;
+    app.provide("$hasAccess", hasAccess);
   },
 };

package/core/plugins/validation/rules.ts

@@ -1,5 +1,6 @@
 import { defineRule } from "vee-validate";
-import AllRules from "@vee-validate/rules";
+/*eslint import/namespace: ['error', { allowComputed: true }]*/
+import * as AllRules from "@vee-validate/rules";
 
 Object.keys(AllRules).forEach((rule) => {
   defineRule(rule, AllRules[rule]);
@@ -84,20 +85,35 @@ export const fileWeight = (file: HTMLInputElement, [size]: [number]) => {
 defineRule("fileWeight", fileWeight);
 
 const compare = (
-  value: string,
-  [target]: string[],
+  value: string | Date,
+  [target]: string[] | Date[],
   comparer: (first: number, second: number) => boolean,
   errorMessage: string
 ): boolean | string => {
   // The field is empty so it should pass
-  if (!value || !value.length) {
+  if (!value || (typeof value == "string" && !value.length)) {
     return true;
   }
 
-  const first_date = new Date(value);
-  const second_date = new Date(target);
+  let first_date;
+  let second_date;
+  if (value instanceof Date) {
+    first_date = value;
+  }
+
+  if (target instanceof Date) {
+    second_date = target;
+  }
+
+  if (typeof value === "string") {
+    first_date = new Date(value);
+  }
+
+  if (typeof target === "string") {
+    second_date = new Date(target);
+  }
 
-  if (first_date.getTime() > 0 && second_date.getTime() > 0) {
+  if (first_date?.getTime() > 0 && second_date?.getTime() > 0) {
     if (comparer(second_date.getTime(), first_date.getTime())) {
       return errorMessage;
     }
@@ -114,6 +130,7 @@ defineRule("before", before);
 // after
 export const after = (value: string, [target]: string[]) =>
   compare(value, [target], (first, second) => first > second, "End date must be later than start date");
+
 defineRule("after", after);
 
 export const bigInt = (value: string) => {

package/core/types/index.ts

@@ -14,16 +14,38 @@ import {
 // while it satisfies requirements
 export type IValidationRules = {
   required?: boolean;
-  numberic?: boolean;
+  numeric?: boolean;
   email?: boolean;
   min?: number;
   max?: number;
   regex?: RegExp;
   min_value?: number;
   max_value?: number;
-  after?: string;
   maxdimensions?: [string | number, string | number];
   size?: number;
+  alpha?: boolean;
+  alpha_dash?: boolean;
+  alpha_num?: boolean;
+  alpha_spaces?: boolean;
+  between?: [number, number] | { min: number; max: number };
+  confirmed?: `@${string}`;
+  digits?: number;
+  dimensions?: [number, number] | { width: number; height: number };
+  not_one_of?: [number, number];
+  ext?: string[];
+  image?: boolean;
+  integer?: boolean;
+  is?: string;
+  is_not?: string;
+  length?: number;
+  mimes?: string[];
+  one_of?: number[];
+  url?: string;
+  mindimensions?: [number, number] | { width: number; height: number };
+  fileWeight?: number;
+  before?: `@${string}`;
+  after?: `@${string}`;
+  bigint?: boolean;
 };
 
 export interface IBladeDropdownItem {
@@ -80,7 +102,9 @@ export type ToolbarMenu<T> = T extends {
     } & IBladeToolbar
   : T & { component?: ComponentInstanceConstructor };
 
-export type NotificationTemplateConstructor = ComponentInstanceConstructor & { notifyType: string };
+export type NotificationTemplateConstructor = ComponentInstanceConstructor & {
+  notifyType: string;
+};
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export interface IActionBuilderResult<T = {}> {
@@ -91,6 +115,15 @@ export interface IActionBuilderResult<T = {}> {
   clickHandler(item?: T): void;
 }
 
+export interface AssetsHandler<T, A> {
+  loading: Ref<boolean>;
+  upload: (files: FileList, assetArr: T[], uploadCatalog: string, uploadFolder: string) => Promise<T[]>;
+  edit: (assetsArr: T[], asset: A) => Promise<T[]>;
+  editBulk: (assets: A[]) => T[];
+  remove: (assetArr: T[], asset: A) => Promise<T[]>;
+  removeBulk: (assetArr: T[], assetsArrEdited: T[]) => Promise<T[]>;
+}
+
 export interface IImage {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   [x: string]: any;

package/dist/core/composables/useApiClient/index.d.ts

@@ -1,4 +1,4 @@
-interface IAuthApiBase {
+export interface IAuthApiBase {
     authToken: string;
     setAuthToken(token: string): any;
     getBaseUrl(defaultUrl: string, baseUrl: string): any;

package/dist/core/composables/useApiClient/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useApiClient/index.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,KAAK,EAAE,MAAM,OAAE;IAC5B,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAE;CACjD;AAED,UAAU,YAAY,CAAC,SAAS,SAAS,YAAY;IACnD,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,wBAAgB,YAAY,CAAC,SAAS,SAAS,YAAY,EACzD,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;CAAE,KAAK,SAAS,GAChH,YAAY,CAAC,SAAS,CAAC,CAYzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useApiClient/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,KAAK,EAAE,MAAM,OAAE;IAC5B,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAE;CACjD;AAED,UAAU,YAAY,CAAC,SAAS,SAAS,YAAY;IACnD,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,wBAAgB,YAAY,CAAC,SAAS,SAAS,YAAY,EACzD,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;CAAE,KAAK,SAAS,GAChH,YAAY,CAAC,SAAS,CAAC,CAYzB"}

package/dist/core/composables/useAsync/index.d.ts

@@ -1,5 +1,5 @@
 import { HasLoading } from "../useLoading";
-export type AsyncAction<Payload = void, Result = void> = (payload?: Payload) => Promise<Result>;
+export type AsyncAction<Payload = void, Result = void> = (payload: Payload) => Promise<Result>;
 export interface UseAsync<Payload = void, Result = void> extends HasLoading {
     action: AsyncAction<Payload, Result>;
 }

package/dist/core/composables/useAsync/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useAsync/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAEhG,MAAM,WAAW,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAE,SAAQ,UAAU;IACzE,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EACpD,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAmB3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useAsync/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAE/F,MAAM,WAAW,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAE,SAAQ,UAAU;IACzE,MAAM,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EACpD,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAmB3B"}

package/dist/core/composables/useI18n/index.d.ts

@@ -1,3 +1,3 @@
 /** @deprecated use `useI18n({ useScope: "global" })` directly from `vue-i18n` */
-export declare function useI18n(): import("vue-i18n").Composer<{}, {}, {}, {}, never, {}>;
+export declare function useI18n(): import("vue-i18n").Composer<{}, {}, {}, string, never, string>;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/composables/useI18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useI18n/index.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,OAAO,2DAGtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useI18n/index.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,OAAO,mEAGtB"}

package/dist/core/composables/usePermissions/index.d.ts

@@ -1,6 +1,5 @@
 interface IUsePermissions {
-    checkPermission(permissions: string | string[]): boolean;
-    fetchUserPermissions(): Promise<void>;
+    hasAccess(permissions: string | string[]): boolean;
 }
 export declare function usePermissions(): IUsePermissions;
 export {};

package/dist/core/composables/usePermissions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/usePermissions/index.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;IACzD,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,wBAAgB,cAAc,IAAI,eAAe,CAoChD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/usePermissions/index.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,SAAS,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;CACpD;AAED,wBAAgB,cAAc,IAAI,eAAe,CA0BhD"}

package/dist/core/composables/useUser/index.d.ts

@@ -4,6 +4,7 @@ import { RequestPasswordResult, SignInResults } from "./../../types";
 interface IUseUser {
     user: ComputedRef<UserDetail | null>;
     loading: ComputedRef<boolean>;
+    isAdministrator: ComputedRef<boolean>;
     getAccessToken: () => Promise<string | null>;
     loadUser: () => Promise<UserDetail>;
     signIn: (username: string, password: string) => Promise<SignInResults>;

package/dist/core/composables/useUser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useUser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAA8B,MAAM,KAAK,CAAC;AAElF,OAAO,EACL,UAAU,EAGV,cAAc,EAEd,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAY,qBAAqB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAgB/E,UAAU,QAAQ;IAChB,IAAI,EAAE,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACvE,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACnE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAChE,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACnG,oBAAoB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/E,kBAAkB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1F,yBAAyB,EAAE,MAAM,OAAO,CAAC,0BAA0B,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClG,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACzC,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;AAED,wBAAgB,OAAO,IAAI,QAAQ,CA+PlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useUser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EACL,UAAU,EAGV,cAAc,EAEd,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAY,qBAAqB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAgB/E,UAAU,QAAQ;IAChB,IAAI,EAAE,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACtC,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACvE,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACnE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAChE,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACnG,oBAAoB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/E,kBAAkB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1F,yBAAyB,EAAE,MAAM,OAAO,CAAC,0BAA0B,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClG,YAAY,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACzC,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;AAED,wBAAgB,OAAO,IAAI,QAAQ,CAgQlC"}

package/dist/core/directives/loading/index.d.ts

@@ -1,3 +1,4 @@
-import { Directive } from "vue";
-export declare const loading: Directive;
+import { DirectiveBinding } from "vue";
+import "./styles.css";
+export declare const loading: (el: HTMLElement, binding: DirectiveBinding) => void;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/directives/loading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/directives/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;AAIlD,eAAO,MAAM,OAAO,WAuBN,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/directives/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,OAAO,OAAQ,WAAW,WAAW,gBAAgB,SAEjE,CAAC"}

package/dist/core/plugins/modularity/index.d.ts

@@ -1,10 +1,19 @@
-import { App } from "vue";
+import { App, Component } from "vue";
 import { Router } from "vue-router";
-export declare const createModule: (components: unknown, locales?: unknown) => {
+import { BladeConstructor } from "./../../../shared/components/blade-navigation/types";
+export declare const createModule: (components: unknown, locales?: unknown, isBladeComponent?: boolean) => {
     install(app: App): void;
 };
-export declare const createAppModule: (pages: unknown, locales?: unknown, notificationTemplates?: unknown) => {
-    install(app: App, options: {
+export declare const createAppModule: (pages: {
+    [key: string]: BladeConstructor;
+}, locales?: {
+    [key: string]: object;
+}, notificationTemplates?: {
+    [key: string]: Component;
+}, moduleComponents?: {
+    [key: string]: Component;
+}) => {
+    install(app: App, options?: {
         router: Router;
     }): void;
 };

package/dist/core/plugins/modularity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAIpC,eAAO,MAAM,YAAY,eAAgB,OAAO,YAAY,OAAO;iBACpD,GAAG,GAAG,IAAI;CAavB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,OAAO,YAAY,OAAO,0BAA0B,OAAO;iBAIjF,GAAG,WAAW;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CA2BvD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/plugins/modularity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAGvF,eAAO,MAAM,YAAY,eAAgB,OAAO,YAAY,OAAO,qBAAqB,OAAO;iBAChF,GAAG,GAAG,IAAI;CAavB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;iBASX,GAAG,YAAY;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CAiDxD,CAAC"}

package/dist/core/plugins/validation/rules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../../core/plugins/validation/rules.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,aAAa,WAAY,gBAAgB,mBAAmB,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,qCAwC1G,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,gBAAgB,UAAU,CAAC,MAAM,CAAC,kBAwBlE,CAAC;AA4BF,eAAO,MAAM,MAAM,UAAW,MAAM,YAAY,MAAM,EAAE,qBACiD,CAAC;AAI1G,eAAO,MAAM,KAAK,UAAW,MAAM,YAAY,MAAM,EAAE,qBACgD,CAAC;AAGxG,eAAO,MAAM,MAAM,UAAW,MAAM,gCAMnC,CAAC"}
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../../core/plugins/validation/rules.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,aAAa,WAAY,gBAAgB,mBAAmB,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,qCAwC1G,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,gBAAgB,UAAU,CAAC,MAAM,CAAC,kBAwBlE,CAAC;AA2CF,eAAO,MAAM,MAAM,UAAW,MAAM,YAAY,MAAM,EAAE,qBACiD,CAAC;AAI1G,eAAO,MAAM,KAAK,UAAW,MAAM,YAAY,MAAM,EAAE,qBACgD,CAAC;AAIxG,eAAO,MAAM,MAAM,UAAW,MAAM,gCAMnC,CAAC"}

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

@@ -2,16 +2,47 @@ import { ComponentPublicInstance, ComputedRef, Ref } from "vue";
 import { CoreBladeExposed, BladeConstructor, ExtractedBladeOptions, ComponentInstanceConstructor, BladeInstanceConstructor } from "./../../shared";
 export type IValidationRules = {
     required?: boolean;
-    numberic?: boolean;
+    numeric?: boolean;
     email?: boolean;
     min?: number;
     max?: number;
     regex?: RegExp;
     min_value?: number;
     max_value?: number;
-    after?: string;
     maxdimensions?: [string | number, string | number];
     size?: number;
+    alpha?: boolean;
+    alpha_dash?: boolean;
+    alpha_num?: boolean;
+    alpha_spaces?: boolean;
+    between?: [number, number] | {
+        min: number;
+        max: number;
+    };
+    confirmed?: `@${string}`;
+    digits?: number;
+    dimensions?: [number, number] | {
+        width: number;
+        height: number;
+    };
+    not_one_of?: [number, number];
+    ext?: string[];
+    image?: boolean;
+    integer?: boolean;
+    is?: string;
+    is_not?: string;
+    length?: number;
+    mimes?: string[];
+    one_of?: number[];
+    url?: string;
+    mindimensions?: [number, number] | {
+        width: number;
+        height: number;
+    };
+    fileWeight?: number;
+    before?: `@${string}`;
+    after?: `@${string}`;
+    bigint?: boolean;
 };
 export interface IBladeDropdownItem {
     id: string;
@@ -69,6 +100,14 @@ export interface IActionBuilderResult<T = {}> {
     leftActions?: boolean;
     clickHandler(item?: T): void;
 }
+export interface AssetsHandler<T, A> {
+    loading: Ref<boolean>;
+    upload: (files: FileList, assetArr: T[], uploadCatalog: string, uploadFolder: string) => Promise<T[]>;
+    edit: (assetsArr: T[], asset: A) => Promise<T[]>;
+    editBulk: (assets: A[]) => T[];
+    remove: (assetArr: T[], asset: A) => Promise<T[]>;
+    removeBulk: (assetArr: T[], assetsArrEdited: T[]) => Promise<T[]>;
+}
 export interface IImage {
     [x: string]: any;
     sortOrder?: number;