@skyworx/dynamic-ui 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -104,6 +104,8 @@ export { default as AutoLayoutDatatable } from './types/pages/AutoLayoutDatatabl
 export { default as AutoLayoutForm } from './types/pages/AutoLayoutForm.vue'
 export { default as Breadcrumb } from './types/components/features/Breadcrumb.vue'
 export { default as CardSummary } from './types/components/features/CardSummary.vue'
+export { default as DCodeAlertModal } from './types/components/base/DCodeAlertModal.vue'
+export { default as DCodeAuthOverlay } from './types/components/base/DCodeAuthOverlay.vue'
 export { default as DCodeAutoComplete } from './types/components/base/DCodeAutoComplete.vue'
 export { default as DCodeBadge } from './types/components/base/DCodeBadge.vue'
 export { default as DCodeBarCustom } from './types/components/base/DCodeBarCustom.vue'
@@ -179,13 +181,29 @@ export { default as DataTableComponent } from './types/components/base/datatable
 export { default as DynamicForm } from './types/components/dynamic/DynamicForm.vue'
 export { default as DynamicFormField } from './types/components/dynamic/DynamicFormField.vue'
 export { default as DynamicWizard } from './types/components/dynamic/DynamicWizard.vue'
+export { ToastContainer } from './types/composables/useToast'
 export { default as Tooltip } from './types/components/ui/tooltip/Tooltip.vue'
 export { default as TooltipContent } from './types/components/ui/tooltip/TooltipContent.vue'
 export { default as TooltipProvider } from './types/components/ui/tooltip/TooltipProvider.vue'
 export { default as TooltipTrigger } from './types/components/ui/tooltip/TooltipTrigger.vue'
+export { Vue3Toastify } from './types/composables/useToast'
+export { authOverlayState } from './types/composables/useAuthOverlay'
 export { clearPaginationCache } from './types/composables/dynamic-form/utils/form.utils'
+export { closeToast } from './types/composables/useToast'
+export { dummyToastifyPlugin } from './types/composables/useToast'
+export { endLoginTransition } from './types/composables/useAuthOverlay'
+export { endLogout } from './types/composables/useAuthOverlay'
+export { setLoginError } from './types/composables/useAuthOverlay'
+export { setLoginSuccess } from './types/composables/useAuthOverlay'
 export { setPaginationStorage } from './types/composables/dynamic-form/utils/form.utils'
+export { showToast } from './types/composables/useToast'
+export { startLoginTransition } from './types/composables/useAuthOverlay'
+export { startLogout } from './types/composables/useAuthOverlay'
+export { toast } from './types/composables/useToast'
+export { toastState } from './types/composables/useToast'
+export { useAuthOverlay } from './types/composables/useAuthOverlay'
 export { useDynamicForm } from './types/composables/dynamic-form/useDynamicForm'
+export { useToast } from './types/composables/useToast'
 
 // ── Plugin default export ──────────────────────────────────────────────────
 

package/dist/types/components/base/DCodeAlertModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/base/DCodeAuthOverlay.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/base/DCodeButton.vue.d.ts

@@ -26,9 +26,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     size: "default" | "sm" | "lg" | "icon";
     type: "BUTTON" | "SUBMIT" | "RESET" | "button" | "submit" | "reset";
     disabled: boolean;
+    loading: boolean;
     visible: boolean;
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-    loading: boolean;
     bgColor: string;
     borderColor: string;
     borderStyle: "solid" | "dashed" | "dotted" | "double" | "none";

package/dist/types/components/base/DCodeChart.vue.d.ts

@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     width: number;
     required: boolean;
     error: string | null;
-    theme: string;
     loading: boolean;
+    theme: string;
     showInfo: boolean;
     responsive: boolean;
     maintainAspectRatio: boolean;

package/dist/types/components/base/DCodeSwitch.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     color: "primary" | "success" | "warning" | "danger";
     required: boolean;
     error: string | null;
-    visible: boolean;
     loading: boolean;
+    visible: boolean;
     skeleton: boolean;
     labelPosition: "left" | "right";
     showTooltip: boolean;

package/dist/types/components/dynamic/DynamicForm.vue.d.ts

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<DynamicFormProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (data: any) => any;
     error: (error: any) => any;
+    success: (response: any) => any;
     cancel: () => any;
     submit: (data: any) => any;
-    success: (response: any) => any;
     action: (action: any, payload: any) => any;
     "update:model": (data: any) => any;
     "step-change": (key: string) => any;
@@ -16,16 +16,16 @@ declare const _default: import("vue").DefineComponent<DynamicFormProps, {
 }, string, import("vue").PublicProps, Readonly<DynamicFormProps> & Readonly<{
     "onUpdate:modelValue"?: ((data: any) => any) | undefined;
     onError?: ((error: any) => any) | undefined;
+    onSuccess?: ((response: any) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onSubmit?: ((data: any) => any) | undefined;
-    onSuccess?: ((response: any) => any) | undefined;
     onAction?: ((action: any, payload: any) => any) | undefined;
     "onUpdate:model"?: ((data: any) => any) | undefined;
     "onStep-change"?: ((key: string) => any) | undefined;
     onNavigate?: ((payload: any) => any) | undefined;
 }>, {
-    router: any;
     loading: boolean;
+    router: any;
     model: Record<string, any>;
     apiParams: Record<string, any>;
     dummyMode: boolean;

package/dist/types/components/dynamic/DynamicFormField.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: any;
     required: boolean;
     error: string | null;
-    formData: Record<string, any>;
     loading: boolean;
+    formData: Record<string, any>;
     skeleton: boolean;
     options: any[];
     dummyMode: boolean;

package/dist/types/components/dynamic/DynamicWizard.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<DynamicWizardProps, {}, {}
     "onUpdate:model"?: ((data: any) => any) | undefined;
     "onStep-change"?: ((key: string) => any) | undefined;
 }>, {
-    router: any;
     loading: boolean;
+    router: any;
     model: Record<string, any>;
     apiParams: Record<string, any>;
     dummyMode: boolean;

package/dist/types/components/features/DashboardActivityCard.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    theme: "light" | "dark";
     loading: boolean;
+    theme: "light" | "dark";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/composables/useAuthOverlay.d.ts

@@ -0,0 +1,91 @@
+export type LoginPhase = 'verifying' | 'success' | 'error';
+export interface AuthOverlayState {
+    isLoggingIn: boolean;
+    isLoggingOut: boolean;
+    loginPhase: LoginPhase;
+    loginTitle: string;
+    loginMessage: string;
+    loginUserName: string;
+    logoutTitle: string;
+    logoutMessage: string;
+    duration?: number;
+}
+export declare const authOverlayState: import("vue").Ref<{
+    isLoggingIn: boolean;
+    isLoggingOut: boolean;
+    loginPhase: LoginPhase;
+    loginTitle: string;
+    loginMessage: string;
+    loginUserName: string;
+    logoutTitle: string;
+    logoutMessage: string;
+    duration?: number | undefined;
+}, AuthOverlayState | {
+    isLoggingIn: boolean;
+    isLoggingOut: boolean;
+    loginPhase: LoginPhase;
+    loginTitle: string;
+    loginMessage: string;
+    loginUserName: string;
+    logoutTitle: string;
+    logoutMessage: string;
+    duration?: number | undefined;
+}>;
+/**
+ * Start login transition overlay (phase: 'verifying' by default)
+ */
+export declare const startLoginTransition: (userName?: string, title?: string, message?: string, phase?: LoginPhase) => void;
+/**
+ * Set login success phase (animates checkmark & auto-progress bar without requiring click)
+ */
+export declare const setLoginSuccess: (userName?: string, title?: string, message?: string) => void;
+/**
+ * Close/end login transition overlay
+ */
+export declare const endLoginTransition: () => void;
+/**
+ * Set login error phase with automatic progress bar countdown & auto-dismiss (no click needed)
+ */
+export declare const setLoginError: (message?: string, title?: string, duration?: number) => void;
+/**
+ * Start logout transition overlay (smooth exit door animation & auto progress bar)
+ */
+export declare const startLogout: (title?: string, message?: string) => void;
+/**
+ * End logout transition overlay
+ */
+export declare const endLogout: () => void;
+/**
+ * Composable helper
+ */
+export declare function useAuthOverlay(): {
+    state: import("vue").Ref<{
+        isLoggingIn: boolean;
+        isLoggingOut: boolean;
+        loginPhase: LoginPhase;
+        loginTitle: string;
+        loginMessage: string;
+        loginUserName: string;
+        logoutTitle: string;
+        logoutMessage: string;
+        duration?: number | undefined;
+    }, AuthOverlayState | {
+        isLoggingIn: boolean;
+        isLoggingOut: boolean;
+        loginPhase: LoginPhase;
+        loginTitle: string;
+        loginMessage: string;
+        loginUserName: string;
+        logoutTitle: string;
+        logoutMessage: string;
+        duration?: number | undefined;
+    }>;
+    isVisible: import("vue").ComputedRef<boolean>;
+    isLoginMode: import("vue").ComputedRef<boolean>;
+    startLogin: (userName?: string, title?: string, message?: string, phase?: LoginPhase) => void;
+    setLoginSuccess: (userName?: string, title?: string, message?: string) => void;
+    setLoginError: (message?: string, title?: string, duration?: number) => void;
+    endLogin: () => void;
+    startLogout: (title?: string, message?: string) => void;
+    endLogout: () => void;
+};

package/dist/types/composables/useToast.d.ts

@@ -1,14 +1,93 @@
-export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
 export interface ToastOptions {
     type?: ToastType;
     title?: string;
+    message?: string;
+    duration?: number;
+    confirmText?: string;
+    immediate?: boolean;
+    showButton?: boolean;
+    onConfirm?: () => void;
+}
+export interface ToastState {
+    isOpen: boolean;
+    type: ToastType;
+    title: string;
     message: string;
+    confirmText?: string;
+    showButton?: boolean;
     duration?: number;
+    onConfirm?: () => void;
 }
+export declare const toastState: import("vue").Ref<{
+    isOpen: boolean;
+    type: ToastType;
+    title: string;
+    message: string;
+    confirmText?: string | undefined;
+    showButton?: boolean | undefined;
+    duration?: number | undefined;
+    onConfirm?: (() => void) | undefined;
+}, ToastState | {
+    isOpen: boolean;
+    type: ToastType;
+    title: string;
+    message: string;
+    confirmText?: string | undefined;
+    showButton?: boolean | undefined;
+    duration?: number | undefined;
+    onConfirm?: (() => void) | undefined;
+}>;
+/**
+ * Close the alert modal
+ */
+export declare const closeToast: () => void;
+/**
+ * Show custom alert modal
+ */
+export declare const showToast: (options: ToastOptions) => void;
+/**
+ * Singleton toast object for direct import:
+ * import { toast } from '@skyworx/dynamic-ui'
+ */
+export declare const toast: {
+    success: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    error: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    warning: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    info: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    loading: (title?: string, message?: string) => void;
+    show: (options: ToastOptions) => void;
+    close: () => void;
+    remove: () => void;
+    clear: () => void;
+    clearAll: () => void;
+};
+/**
+ * Composable useToast()
+ */
 export declare function useToast(): {
+    success: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    error: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    warning: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    info: (titleOrMessage: string, messageOrTitle?: string, duration?: number, immediate?: boolean) => void;
+    loading: (title?: string, message?: string) => void;
     show: (options: ToastOptions) => void;
-    success: (message: string, title?: string) => void;
-    error: (message: string, title?: string) => void;
-    warning: (message: string, title?: string) => void;
-    info: (message: string, title?: string) => void;
+    close: () => void;
+    remove: () => void;
+    clear: () => void;
+    clearAll: () => void;
+};
+/**
+ * Compatibility exports for vue3-toastify
+ */
+export declare const dummyToastifyPlugin: {
+    install: () => void;
+};
+export default dummyToastifyPlugin;
+export declare const Vue3Toastify: {
+    install: () => void;
+};
+export declare const ToastContainer: {
+    name: string;
+    render: () => null;
 };

package/dist/{viewer-CiqlALNW.js → viewer-zsxBYyus.js}

@@ -1,5 +1,5 @@
 import { p as O, U as W, C as T, i as p, a as H, F as Kn, s as on, I as Zn, B as Qn, o as sn, j as Fe, Y as rn, q as mt, k as Be, K as ti, J as Tt, Z as ei, z as ni, H as It, G as ii, L as an, g as cn } from "./DrilldownUtil-esP8Tbvd.js";
-import { g as oi } from "./index-B1OvNFeR.js";
+import { g as oi } from "./index-NKk4rCoM.js";
 const N = "tokenSimulation.toggleMode", ln = "tokenSimulation.playSimulation", un = "tokenSimulation.pauseSimulation", tt = "tokenSimulation.resetSimulation", si = "tokenSimulation.animationCreated", hn = "tokenSimulation.animationSpeedChanged", pn = "tokenSimulation.simulator.elementChanged", Gt = "tokenSimulation.simulator.destroyScope", ri = "tokenSimulation.simulator.scopeChanged", vt = "tokenSimulation.simulator.createScope", Bt = "tokenSimulation.scopeFilterChanged", fn = "tokenSimulation.simulator.trace";
 var ai = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>', ci = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>', li = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>', ui = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"/></svg>', hi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>', pi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>', fi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"/></svg>', mi = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.5 448">
   <path fill="currentColor" d="M112 0C85 0 64 22 64 48v196l192-89V48c0-26-22-48-48-48zm256 0c-27 0-48 22-48 48v77l190-89c-5-21-24-36-46-36Zm144 105-192 89v70l192-89zM256 224 64 314v70l192-90zm256 21-192 89v66c0 27 21 48 48 48h96c26 0 48-21 48-48zM256 364 89 442c7 4 14 6 23 6h96c26 0 48-21 48-48z"/>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyworx/dynamic-ui",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
   "type": "module",
   "license": "MIT",