@skyworx/dynamic-ui 1.0.19 → 1.0.21

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/useMenuMetadata.d.ts

@@ -0,0 +1,7 @@
+export declare function useMenuMetadata(): {
+    setPageTitle: (title: string) => void;
+    setBreadcrumb: (items: Array<{
+        label: string;
+        path?: string;
+    }>) => void;
+};

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

@@ -0,0 +1,21 @@
+import { type CSSProperties, type Ref } from "vue";
+/**
+ * Smooth (animated) caret for single-line `<input>` elements.
+ *
+ * The native caret is hidden (via `caret-transparent`) and an overlay element
+ * glides between caret positions. The overlay must be rendered inside the
+ * input's parent element, and that parent must be `position: relative`.
+ *
+ * Password inputs are supported by calibrating the browser's mask glyph width.
+ * Falls back to the native caret when the input does not expose selection APIs
+ * (e.g. native `type="email"` — render it as `type="text"` + `inputmode="email"`).
+ * (e.g. native `type="email"` — render it as `type="text"` + `inputmode="email"`).
+ */
+export declare function useSmoothCaret(inputRef: Ref<HTMLInputElement | HTMLTextAreaElement | null>, enabled: Ref<boolean>): {
+    caretStyle: import("vue").ComputedRef<CSSProperties>;
+    caretVisible: import("vue").ComputedRef<boolean>;
+    hideNativeCaret: import("vue").ComputedRef<boolean>;
+    isCaretMoving: Ref<boolean, boolean>;
+    caretAnimate: Ref<boolean, boolean>;
+    refreshCaret: () => void;
+};

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

@@ -0,0 +1,40 @@
+import { type ComputedRef } from 'vue';
+export interface TemplateConfig {
+    endpoint?: {
+        apiUrl?: string;
+        apiMethod?: string;
+        params?: Record<string, any>;
+    };
+    fileType?: string;
+    filename?: string;
+    icon?: string;
+    labelID?: string;
+    labelEN?: string;
+    labelKR?: string;
+    titleID?: string;
+    titleEN?: string;
+    titleKR?: string;
+    descriptionID?: string;
+    descriptionEN?: string;
+    descriptionKR?: string;
+}
+export interface UseTemplateDownloadOptions {
+    template?: TemplateConfig;
+    locale: ComputedRef<string>;
+    apiUrl: any;
+}
+export declare function useTemplateDownload(options: UseTemplateDownloadOptions): {
+    isDownloading: import("vue").Ref<boolean, boolean>;
+    isExpanded: import("vue").Ref<boolean, boolean>;
+    downloadError: import("vue").Ref<string | null, string | null>;
+    hasTemplate: ComputedRef<boolean>;
+    resolvedIcon: ComputedRef<string>;
+    resolvedLabel: ComputedRef<string>;
+    resolvedTitle: ComputedRef<string>;
+    resolvedDescription: ComputedRef<string>;
+    toggleButtonText: ComputedRef<string>;
+    retryButtonText: ComputedRef<string>;
+    downloadTemplate: () => Promise<void>;
+    toggleExpanded: () => void;
+    clearError: () => void;
+};

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

@@ -0,0 +1,93 @@
+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;
+    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/types/composables/vue3-toastify-shim.d.ts

@@ -0,0 +1,13 @@
+declare const toast: any;
+export { toast };
+declare const _default: {
+    install: () => void;
+};
+export default _default;
+export declare const Vue3Toastify: {
+    install: () => void;
+};
+export declare const ToastContainer: {
+    name: string;
+    render: () => null;
+};

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;