@warkypublic/svelix 0.1.3 → 0.1.4
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/components/Former/Former.svelte +0 -2
- package/dist/components/Former/FormerButtonArea.svelte +1 -8
- package/dist/components/Former/FormerButtonArea.svelte.d.ts +0 -1
- package/dist/components/Former/FormerDrawer.svelte +2 -2
- package/dist/components/Former/FormerModal.svelte +2 -2
- package/package.json +1 -1
|
@@ -340,7 +340,6 @@
|
|
|
340
340
|
closeButtonTitle={layout?.closeButtonTitle}
|
|
341
341
|
{dirty}
|
|
342
342
|
{keepOpen}
|
|
343
|
-
position="top"
|
|
344
343
|
{request}
|
|
345
344
|
saveButtonTitle={layout?.saveButtonTitle}
|
|
346
345
|
showKeepOpenSwitch={layout?.showKeepOpenSwitch}
|
|
@@ -394,7 +393,6 @@
|
|
|
394
393
|
closeButtonTitle={layout?.closeButtonTitle}
|
|
395
394
|
{dirty}
|
|
396
395
|
{keepOpen}
|
|
397
|
-
position="bottom"
|
|
398
396
|
{request}
|
|
399
397
|
saveButtonTitle={layout?.saveButtonTitle}
|
|
400
398
|
showKeepOpenSwitch={layout?.showKeepOpenSwitch}
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
request?: FormRequestType;
|
|
12
12
|
saveButtonTitle?: string;
|
|
13
13
|
showKeepOpenSwitch?: boolean;
|
|
14
|
-
position?: "top" | "bottom";
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
const {
|
|
@@ -24,7 +23,6 @@
|
|
|
24
23
|
request,
|
|
25
24
|
saveButtonTitle = "Save",
|
|
26
25
|
showKeepOpenSwitch,
|
|
27
|
-
position = "bottom",
|
|
28
26
|
}: Props = $props();
|
|
29
27
|
|
|
30
28
|
const disabledSave = $derived(
|
|
@@ -55,15 +53,10 @@
|
|
|
55
53
|
saving = false;
|
|
56
54
|
}
|
|
57
55
|
}
|
|
58
|
-
const containerClass = $derived(
|
|
59
|
-
position === "top"
|
|
60
|
-
? "flex items-center justify-end gap-2 p-4 w-full flex-wrap border-b border-surface-300-600 bg-surface-50-950"
|
|
61
|
-
: "flex items-center justify-end gap-2 p-4 w-full flex-wrap border-t border-surface-300-600 bg-surface-50-950",
|
|
62
|
-
);
|
|
63
56
|
</script>
|
|
64
57
|
|
|
65
58
|
<div
|
|
66
|
-
class=
|
|
59
|
+
class="flex items-center justify-center gap-2 p-2 shadow-sm w-full flex-wrap"
|
|
67
60
|
>
|
|
68
61
|
{#if typeof onClose === "function"}
|
|
69
62
|
<button
|
|
@@ -9,7 +9,6 @@ interface Props {
|
|
|
9
9
|
request?: FormRequestType;
|
|
10
10
|
saveButtonTitle?: string;
|
|
11
11
|
showKeepOpenSwitch?: boolean;
|
|
12
|
-
position?: "top" | "bottom";
|
|
13
12
|
}
|
|
14
13
|
declare const FormerButtonArea: import("svelte").Component<Props, {}, "">;
|
|
15
14
|
type FormerButtonArea = ReturnType<typeof FormerButtonArea>;
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
modal
|
|
70
70
|
>
|
|
71
71
|
<Portal>
|
|
72
|
-
<Dialog.Backdrop class="fixed inset-0 z-
|
|
73
|
-
<Dialog.Positioner class="fixed inset-0 z-
|
|
72
|
+
<Dialog.Backdrop class="fixed inset-0 z-[1000] bg-black/50 backdrop-blur-sm {animBackdrop}" />
|
|
73
|
+
<Dialog.Positioner class="fixed inset-0 z-[1010] flex justify-end">
|
|
74
74
|
<Dialog.Content
|
|
75
75
|
class="card bg-surface-100-900 shadow-2xl h-full flex flex-col overflow-hidden rounded-none rounded-l-container-token {animContent}"
|
|
76
76
|
style="width: {width}"
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
modal
|
|
64
64
|
>
|
|
65
65
|
<Portal>
|
|
66
|
-
<Dialog.Backdrop class="fixed inset-0 z-
|
|
67
|
-
<Dialog.Positioner class="fixed inset-0 z-
|
|
66
|
+
<Dialog.Backdrop class="fixed inset-0 z-[1000] bg-black/50 backdrop-blur-sm {animBackdrop}" />
|
|
67
|
+
<Dialog.Positioner class="fixed inset-0 z-[1010] flex items-center justify-center p-4">
|
|
68
68
|
<Dialog.Content
|
|
69
69
|
class="card bg-surface-100-900 shadow-2xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden {animContent}"
|
|
70
70
|
>
|