intelliwaketssveltekitv25 0.1.95 → 0.1.96
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Modal.svelte +1 -1
- package/dist/Modal.svelte.d.ts +1 -1
- package/dist/ModalPromptControl.svelte +33 -0
- package/dist/ModalPromptControl.svelte.d.ts +3 -0
- package/dist/ModalPromptDefinition.d.ts +16 -0
- package/dist/ModalPromptDefinition.js +2 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3 -0
- package/package.json +1 -1
package/dist/Modal.svelte
CHANGED
package/dist/Modal.svelte.d.ts
CHANGED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { ModalPrompt } from './ModalPromptDefinition'
|
|
3
|
+
import { Icon, Modal } from 'intelliwaketssveltekitv25'
|
|
4
|
+
|
|
5
|
+
let width = $derived($ModalPrompt?.size === 'sm' ? '20em' : $ModalPrompt?.size === 'lg' ? '30em' : $ModalPrompt?.size === 'xl' ? '35em' : '25em')
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<Modal bind:show={$ModalPrompt}
|
|
9
|
+
{width}
|
|
10
|
+
noShowValue={null}
|
|
11
|
+
okButton={$ModalPrompt?.okLabel}
|
|
12
|
+
okFAProps={$ModalPrompt?.titleFAProps ?? $ModalPrompt?.faProps}
|
|
13
|
+
okDisabled={$ModalPrompt?.okDisabled}
|
|
14
|
+
onOK={$ModalPrompt?.okAction}
|
|
15
|
+
onOKPromise={$ModalPrompt?.okPromise}
|
|
16
|
+
cancelButton={$ModalPrompt?.cancelLabel}
|
|
17
|
+
onCancel={$ModalPrompt?.cancelAction}>
|
|
18
|
+
{#snippet header()}
|
|
19
|
+
{#if $ModalPrompt}
|
|
20
|
+
<span>
|
|
21
|
+
{#if $ModalPrompt.titleFAProps ?? $ModalPrompt?.faProps}
|
|
22
|
+
<Icon
|
|
23
|
+
{...$ModalPrompt.titleFAProps ?? $ModalPrompt?.faProps}
|
|
24
|
+
fw />
|
|
25
|
+
{/if}
|
|
26
|
+
{$ModalPrompt.title ?? ''}
|
|
27
|
+
</span>
|
|
28
|
+
{/if}
|
|
29
|
+
{/snippet}
|
|
30
|
+
{#snippet body()}
|
|
31
|
+
{$ModalPrompt?.messageBody ?? ''}
|
|
32
|
+
{/snippet}
|
|
33
|
+
</Modal>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { IFAProps } from 'intelliwaketssveltekitv25';
|
|
2
|
+
export type TModalPromptProps<T = unknown> = {
|
|
3
|
+
size?: 'sm' | 'lg' | 'xl';
|
|
4
|
+
title?: string;
|
|
5
|
+
titleFAProps?: IFAProps;
|
|
6
|
+
messageBody?: string;
|
|
7
|
+
okLabel?: string;
|
|
8
|
+
faProps?: IFAProps;
|
|
9
|
+
okFAProps?: IFAProps;
|
|
10
|
+
okAction?: () => void;
|
|
11
|
+
okPromise?: () => Promise<T>;
|
|
12
|
+
okDisabled?: boolean;
|
|
13
|
+
cancelLabel?: string;
|
|
14
|
+
cancelAction?: () => void;
|
|
15
|
+
};
|
|
16
|
+
export declare const ModalPrompt: import("svelte/store").Writable<TModalPromptProps<unknown> | null>;
|
package/dist/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ import DisplayFraction from './DisplayFraction.svelte';
|
|
|
19
19
|
import MasterDetailLayout from './MasterDetailLayout.svelte';
|
|
20
20
|
import MessageBoxes from './MessageBoxes.svelte';
|
|
21
21
|
import Modal from './Modal.svelte';
|
|
22
|
+
import ModalPromptControl from './ModalPromptControl.svelte';
|
|
22
23
|
import ModalFormAction from './ModalFormAction.svelte';
|
|
23
24
|
import MultiSelect from './MultiSelect.svelte';
|
|
24
25
|
import Search from './Search.svelte';
|
|
@@ -36,6 +37,7 @@ export * from './FormEnhance';
|
|
|
36
37
|
export * from './Functions';
|
|
37
38
|
export * from './FunctionsServer';
|
|
38
39
|
export * from './IsSmallDevice';
|
|
40
|
+
export * from './ModalPromptDefinition';
|
|
39
41
|
export * from './PathAnalyzer';
|
|
40
42
|
export * from './StoreDirtyTrack';
|
|
41
43
|
export * from './TransitionToRight';
|
|
@@ -62,6 +64,7 @@ export { DisplayFraction };
|
|
|
62
64
|
export { MasterDetailLayout };
|
|
63
65
|
export { MessageBoxes };
|
|
64
66
|
export { Modal };
|
|
67
|
+
export { ModalPromptControl };
|
|
65
68
|
export { ModalFormAction };
|
|
66
69
|
export { MultiSelect };
|
|
67
70
|
export { Search };
|
package/dist/index.js
CHANGED
|
@@ -20,6 +20,7 @@ import DisplayFraction from './DisplayFraction.svelte';
|
|
|
20
20
|
import MasterDetailLayout from './MasterDetailLayout.svelte';
|
|
21
21
|
import MessageBoxes from './MessageBoxes.svelte';
|
|
22
22
|
import Modal from './Modal.svelte';
|
|
23
|
+
import ModalPromptControl from './ModalPromptControl.svelte';
|
|
23
24
|
import ModalFormAction from './ModalFormAction.svelte';
|
|
24
25
|
import MultiSelect from './MultiSelect.svelte';
|
|
25
26
|
import Search from './Search.svelte';
|
|
@@ -37,6 +38,7 @@ export * from './FormEnhance';
|
|
|
37
38
|
export * from './Functions';
|
|
38
39
|
export * from './FunctionsServer';
|
|
39
40
|
export * from './IsSmallDevice';
|
|
41
|
+
export * from './ModalPromptDefinition';
|
|
40
42
|
export * from './PathAnalyzer';
|
|
41
43
|
export * from './StoreDirtyTrack';
|
|
42
44
|
export * from './TransitionToRight';
|
|
@@ -63,6 +65,7 @@ export { DisplayFraction };
|
|
|
63
65
|
export { MasterDetailLayout };
|
|
64
66
|
export { MessageBoxes };
|
|
65
67
|
export { Modal };
|
|
68
|
+
export { ModalPromptControl };
|
|
66
69
|
export { ModalFormAction };
|
|
67
70
|
export { MultiSelect };
|
|
68
71
|
export { Search };
|