intelliwaketssveltekitv25 0.1.94 → 0.1.96

package/dist/Modal.svelte

@@ -40,6 +40,7 @@
 
 		onOK = () => {
 		},
+		onOKPromise,
 		onCancel = () => {
 		},
 		onClose = () => {
@@ -72,6 +73,7 @@
 		borderFooter?: boolean
 
 		onOK?: () => void
+		onOKPromise?: () => Promise<unknown>
 		onCancel?: () => void
 		onClose?: () => void
 	} = $props()
@@ -82,10 +84,19 @@
 		e?.stopPropagation()
 		if (show !== noShowValue && !okDisabled && !disable) {
 			onOK()
-			if (!noCloseOnOK) {
-				onClose()
-				await tick()
-				show = noShowValue
+			if (onOKPromise) {
+				return onOKPromise()
+					.then(async () => {
+						onClose()
+						await tick()
+						show = noShowValue
+					})
+			} else {
+				if (!noCloseOnOK) {
+					onClose()
+					await tick()
+					show = noShowValue
+				}
 			}
 		}
 	}

package/dist/Modal.svelte.d.ts

@@ -27,6 +27,7 @@ type $$ComponentProps = {
     classButton?: string;
     borderFooter?: boolean;
     onOK?: () => void;
+    onOKPromise?: () => Promise<unknown>;
     onCancel?: () => void;
     onClose?: () => void;
 };

package/dist/ModalPromptControl.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { ModalPrompt } from './ModalPromptDefinition'
+	import { Icon, Modal } from 'intelliwaketssveltekitv25'
+
+	let width = $derived($ModalPrompt?.size === 'sm' ? '20em' : $ModalPrompt?.size === 'lg' ? '30em' : $ModalPrompt?.size === 'xl' ? '35em' : '25em')
+</script>
+
+<Modal bind:show={$ModalPrompt}
+			 {width}
+			 noShowValue={null}
+			 okButton={$ModalPrompt?.okLabel}
+			 okFAProps={$ModalPrompt?.titleFAProps ?? $ModalPrompt?.faProps}
+			 okDisabled={$ModalPrompt?.okDisabled}
+			 onOK={$ModalPrompt?.okAction}
+			 onOKPromise={$ModalPrompt?.okPromise}
+			 cancelButton={$ModalPrompt?.cancelLabel}
+			 onCancel={$ModalPrompt?.cancelAction}>
+	{#snippet header()}
+		{#if $ModalPrompt}
+		<span>
+			{#if $ModalPrompt.titleFAProps ?? $ModalPrompt?.faProps}
+			<Icon
+				{...$ModalPrompt.titleFAProps ?? $ModalPrompt?.faProps}
+				fw />
+				{/if}
+			{$ModalPrompt.title ?? ''}
+		</span>
+		{/if}
+	{/snippet}
+	{#snippet body()}
+		{$ModalPrompt?.messageBody ?? ''}
+	{/snippet}
+</Modal>

package/dist/ModalPromptControl.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ModalPromptControl: import("svelte").Component<Record<string, never>, {}, "">;
+type ModalPromptControl = ReturnType<typeof ModalPromptControl>;
+export default ModalPromptControl;

package/dist/ModalPromptDefinition.d.ts

@@ -0,0 +1,16 @@
+import type { IFAProps } from 'intelliwaketssveltekitv25';
+export type TModalPromptProps<T = unknown> = {
+    size?: 'sm' | 'lg' | 'xl';
+    title?: string;
+    titleFAProps?: IFAProps;
+    messageBody?: string;
+    okLabel?: string;
+    faProps?: IFAProps;
+    okFAProps?: IFAProps;
+    okAction?: () => void;
+    okPromise?: () => Promise<T>;
+    okDisabled?: boolean;
+    cancelLabel?: string;
+    cancelAction?: () => void;
+};
+export declare const ModalPrompt: import("svelte/store").Writable<TModalPromptProps<unknown> | null>;

package/dist/ModalPromptDefinition.js

@@ -0,0 +1,2 @@
+import { writable } from 'svelte/store';
+export const ModalPrompt = writable(null);

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import DisplayFraction from './DisplayFraction.svelte';
 import MasterDetailLayout from './MasterDetailLayout.svelte';
 import MessageBoxes from './MessageBoxes.svelte';
 import Modal from './Modal.svelte';
+import ModalPromptControl from './ModalPromptControl.svelte';
 import ModalFormAction from './ModalFormAction.svelte';
 import MultiSelect from './MultiSelect.svelte';
 import Search from './Search.svelte';
@@ -36,6 +37,7 @@ export * from './FormEnhance';
 export * from './Functions';
 export * from './FunctionsServer';
 export * from './IsSmallDevice';
+export * from './ModalPromptDefinition';
 export * from './PathAnalyzer';
 export * from './StoreDirtyTrack';
 export * from './TransitionToRight';
@@ -62,6 +64,7 @@ export { DisplayFraction };
 export { MasterDetailLayout };
 export { MessageBoxes };
 export { Modal };
+export { ModalPromptControl };
 export { ModalFormAction };
 export { MultiSelect };
 export { Search };

package/dist/index.js

@@ -20,6 +20,7 @@ import DisplayFraction from './DisplayFraction.svelte';
 import MasterDetailLayout from './MasterDetailLayout.svelte';
 import MessageBoxes from './MessageBoxes.svelte';
 import Modal from './Modal.svelte';
+import ModalPromptControl from './ModalPromptControl.svelte';
 import ModalFormAction from './ModalFormAction.svelte';
 import MultiSelect from './MultiSelect.svelte';
 import Search from './Search.svelte';
@@ -37,6 +38,7 @@ export * from './FormEnhance';
 export * from './Functions';
 export * from './FunctionsServer';
 export * from './IsSmallDevice';
+export * from './ModalPromptDefinition';
 export * from './PathAnalyzer';
 export * from './StoreDirtyTrack';
 export * from './TransitionToRight';
@@ -63,6 +65,7 @@ export { DisplayFraction };
 export { MasterDetailLayout };
 export { MessageBoxes };
 export { Modal };
+export { ModalPromptControl };
 export { ModalFormAction };
 export { MultiSelect };
 export { Search };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.1.94",
+  "version": "0.1.96",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",