@brumaombra/ui-vintage 0.9.0 → 0.9.2

package/src/components/message-dialog/message-dialog-state.ts

@@ -5,26 +5,26 @@ export type DialogMessageType = 'error' | 'success' | 'info' | 'warning';
 export type { HugeiconsIconDefinition };
 
 export interface ShowMessageDialogOptions {
-    type?: DialogMessageType;
-    title?: string;
-    message: string;
-    closeText?: string;
-    icon?: HugeiconsIconDefinition | null;
-    closeButtonIcon?: HugeiconsIconDefinition | null;
+	type?: DialogMessageType;
+	title?: string;
+	message: string;
+	closeText?: string;
+	icon?: HugeiconsIconDefinition | null;
+	closeButtonIcon?: HugeiconsIconDefinition | null;
 }
 
 interface MessageDialogRequest {
-    id: number;
-    options: Omit<ShowMessageDialogOptions, 'icon' | 'closeButtonIcon'> & {
-        icon: HugeiconsIconDefinition | null;
-        closeButtonIcon: HugeiconsIconDefinition | null;
-    };
-    resolve: () => void;
+	id: number;
+	options: Omit<ShowMessageDialogOptions, 'icon' | 'closeButtonIcon'> & {
+		icon: HugeiconsIconDefinition | null;
+		closeButtonIcon: HugeiconsIconDefinition | null;
+	};
+	resolve: () => void;
 }
 
 interface MessageDialogState {
-    current: MessageDialogRequest | null;
-    isOpen: boolean;
+	current: MessageDialogRequest | null;
+	isOpen: boolean;
 }
 
 const messageDialogQueue: MessageDialogRequest[] = [];
@@ -37,8 +37,8 @@ const MESSAGE_DIALOG_ROOT_ID = 'ui-vintage-message-dialog-root';
 
 // Shared message dialog state
 export const messageDialogState: MessageDialogState = reactive({
-    current: null,
-    isOpen: false
+	current: null,
+	isOpen: false
 });
 
 // Keep icon definitions non-reactive
@@ -46,121 +46,121 @@ const markIcon = (icon: HugeiconsIconDefinition | null | undefined) => icon ? ma
 
 // Mount the dialog once on demand
 const ensureMessageDialogMounted = () => {
-    // Skip mounting during SSR
-    if (typeof document === 'undefined') {
-        return Promise.resolve();
-    }
-
-    // Reuse the existing mount root
-    const existingRoot = document.getElementById(MESSAGE_DIALOG_ROOT_ID);
-    if (existingRoot) {
-        return Promise.resolve();
-    }
-
-    // Reuse the in-flight mount
-    if (messageDialogMountPromise) {
-        return messageDialogMountPromise;
-    }
-
-    // Start the lazy mount
-    messageDialogMountPromise = (async () => {
-        // Load the component only when needed
-        const { default: MessageDialog } = await import('./MessageDialog.vue');
-
-        // Guard against a concurrent mount
-        if (document.getElementById(MESSAGE_DIALOG_ROOT_ID)) {
-            return;
-        }
-
-        // Create the host element and render the component
-        const container = document.createElement('div');
-        container.id = MESSAGE_DIALOG_ROOT_ID;
-        document.body.appendChild(container);
-        render(h(MessageDialog), container);
-    })().finally(() => {
-        messageDialogMountPromise = null;
-    });
-
-    // Let callers await the mount
-    return messageDialogMountPromise;
+	// Skip mounting during SSR
+	if (typeof document === 'undefined') {
+		return Promise.resolve();
+	}
+
+	// Reuse the existing mount root
+	const existingRoot = document.getElementById(MESSAGE_DIALOG_ROOT_ID);
+	if (existingRoot) {
+		return Promise.resolve();
+	}
+
+	// Reuse the in-flight mount
+	if (messageDialogMountPromise) {
+		return messageDialogMountPromise;
+	}
+
+	// Start the lazy mount
+	messageDialogMountPromise = (async () => {
+		// Load the component only when needed
+		const { default: MessageDialog } = await import('./MessageDialog.vue');
+
+		// Guard against a concurrent mount
+		if (document.getElementById(MESSAGE_DIALOG_ROOT_ID)) {
+			return;
+		}
+
+		// Create the host element and render the component
+		const container = document.createElement('div');
+		container.id = MESSAGE_DIALOG_ROOT_ID;
+		document.body.appendChild(container);
+		render(h(MessageDialog), container);
+	})().finally(() => {
+		messageDialogMountPromise = null;
+	});
+
+	// Let callers await the mount
+	return messageDialogMountPromise;
 };
 
 // Show the next queued dialog
 const openNextMessageDialog = () => {
-    const nextDialog = messageDialogQueue.shift() ?? null;
-    messageDialogState.current = nextDialog;
-    messageDialogState.isOpen = Boolean(nextDialog);
+	const nextDialog = messageDialogQueue.shift() ?? null;
+	messageDialogState.current = nextDialog;
+	messageDialogState.isOpen = Boolean(nextDialog);
 };
 
 // Queue a new dialog request
 const enqueueMessageDialog = (request: MessageDialogRequest) => {
-    messageDialogQueue.push(request);
-    if (!messageDialogState.current) {
-        openNextMessageDialog();
-    }
+	messageDialogQueue.push(request);
+	if (!messageDialogState.current) {
+		openNextMessageDialog();
+	}
 };
 
 // Clear the active dialog and continue the queue
 const clearCurrentMessageDialog = () => {
-    messageDialogState.isOpen = false;
-    messageDialogState.current = null;
-    openNextMessageDialog();
+	messageDialogState.isOpen = false;
+	messageDialogState.current = null;
+	openNextMessageDialog();
 };
 
 // Close the current dialog after the leave transition
 const scheduleCloseCurrentMessageDialog = () => {
-    // Guard against missing or already closing dialogs
-    if (!messageDialogState.current || !messageDialogState.isOpen) {
-        return;
-    }
-
-    // Start the close transition
-    messageDialogState.isOpen = false;
-    if (closeTimer) {
-        clearTimeout(closeTimer);
-    }
-
-    // Schedule the dialog to be cleared after the transition
-    closeTimer = setTimeout(() => {
-        closeTimer = null;
-        clearCurrentMessageDialog();
-    }, DIALOG_CLOSE_DURATION_MS);
+	// Guard against missing or already closing dialogs
+	if (!messageDialogState.current || !messageDialogState.isOpen) {
+		return;
+	}
+
+	// Start the close transition
+	messageDialogState.isOpen = false;
+	if (closeTimer) {
+		clearTimeout(closeTimer);
+	}
+
+	// Schedule the dialog to be cleared after the transition
+	closeTimer = setTimeout(() => {
+		closeTimer = null;
+		clearCurrentMessageDialog();
+	}, DIALOG_CLOSE_DURATION_MS);
 };
 
 // Resolve the dialog as closed
 export const closeMessageDialog = () => {
-    const current = messageDialogState.current;
-    if (!current || !messageDialogState.isOpen) return;
-    current.resolve();
-    scheduleCloseCurrentMessageDialog();
+	const current = messageDialogState.current;
+	if (!current || !messageDialogState.isOpen) return;
+	current.resolve();
+	scheduleCloseCurrentMessageDialog();
 };
 
 // Resolve the active message dialog
 export const resolveActiveMessageDialog = () => {
-    const current = messageDialogState.current;
-    if (!current || !messageDialogState.isOpen) return;
-    current.resolve();
-    scheduleCloseCurrentMessageDialog();
+	const current = messageDialogState.current;
+	if (!current || !messageDialogState.isOpen) return;
+	current.resolve();
+	scheduleCloseCurrentMessageDialog();
 };
 
 // Queue and show a message dialog
 export const showMessageDialog = (options: ShowMessageDialogOptions) => {
-    // Ensure the renderer exists before queuing work
-    void ensureMessageDialogMounted();
-
-    // Return a promise that resolves when the dialog is closed
-    return new Promise<void>((resolve) => {
-        enqueueMessageDialog({
-            id: nextMessageDialogId += 1,
-            options: {
-                type: options.type ?? 'info',
-                title: options.title ?? '',
-                message: options.message,
-                closeText: options.closeText ?? '',
-                icon: markIcon(options.icon),
-                closeButtonIcon: markIcon(options.closeButtonIcon)
-            },
-            resolve
-        });
-    });
+	// Ensure the renderer exists before queuing work
+	void ensureMessageDialogMounted();
+
+	// Return a promise that resolves when the dialog is closed
+	return new Promise<void>((resolve) => {
+		enqueueMessageDialog({
+			id: nextMessageDialogId += 1,
+			options: {
+				type: options.type ?? 'info',
+				title: options.title ?? '',
+				message: options.message,
+				closeText: options.closeText ?? '',
+				icon: markIcon(options.icon),
+				closeButtonIcon: markIcon(options.closeButtonIcon)
+			},
+			resolve
+		});
+	});
 };