@warkypublic/svelix 0.1.2 → 0.1.3
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 +2 -0
- package/dist/components/Former/FormerButtonArea.svelte +8 -1
- package/dist/components/Former/FormerButtonArea.svelte.d.ts +1 -0
- package/dist/components/Former/FormerDrawer.svelte +1 -1
- package/dist/components/Former/FormerModal.svelte +1 -1
- package/package.json +2 -1
|
@@ -340,6 +340,7 @@
|
|
|
340
340
|
closeButtonTitle={layout?.closeButtonTitle}
|
|
341
341
|
{dirty}
|
|
342
342
|
{keepOpen}
|
|
343
|
+
position="top"
|
|
343
344
|
{request}
|
|
344
345
|
saveButtonTitle={layout?.saveButtonTitle}
|
|
345
346
|
showKeepOpenSwitch={layout?.showKeepOpenSwitch}
|
|
@@ -393,6 +394,7 @@
|
|
|
393
394
|
closeButtonTitle={layout?.closeButtonTitle}
|
|
394
395
|
{dirty}
|
|
395
396
|
{keepOpen}
|
|
397
|
+
position="bottom"
|
|
396
398
|
{request}
|
|
397
399
|
saveButtonTitle={layout?.saveButtonTitle}
|
|
398
400
|
showKeepOpenSwitch={layout?.showKeepOpenSwitch}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
request?: FormRequestType;
|
|
12
12
|
saveButtonTitle?: string;
|
|
13
13
|
showKeepOpenSwitch?: boolean;
|
|
14
|
+
position?: "top" | "bottom";
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
const {
|
|
@@ -23,6 +24,7 @@
|
|
|
23
24
|
request,
|
|
24
25
|
saveButtonTitle = "Save",
|
|
25
26
|
showKeepOpenSwitch,
|
|
27
|
+
position = "bottom",
|
|
26
28
|
}: Props = $props();
|
|
27
29
|
|
|
28
30
|
const disabledSave = $derived(
|
|
@@ -53,10 +55,15 @@
|
|
|
53
55
|
saving = false;
|
|
54
56
|
}
|
|
55
57
|
}
|
|
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
|
+
);
|
|
56
63
|
</script>
|
|
57
64
|
|
|
58
65
|
<div
|
|
59
|
-
class=
|
|
66
|
+
class={containerClass}
|
|
60
67
|
>
|
|
61
68
|
{#if typeof onClose === "function"}
|
|
62
69
|
<button
|
|
@@ -9,6 +9,7 @@ interface Props {
|
|
|
9
9
|
request?: FormRequestType;
|
|
10
10
|
saveButtonTitle?: string;
|
|
11
11
|
showKeepOpenSwitch?: boolean;
|
|
12
|
+
position?: "top" | "bottom";
|
|
12
13
|
}
|
|
13
14
|
declare const FormerButtonArea: import("svelte").Component<Props, {}, "">;
|
|
14
15
|
type FormerButtonArea = ReturnType<typeof FormerButtonArea>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@warkypublic/svelix",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "Svelte 5 component library with Skeleton UI and Tailwind CSS",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"exports": {
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
9
|
"svelte": "./dist/index.js"
|
|
10
10
|
},
|
|
11
|
+
"./themes/*.css": "./dist/themes/*.css",
|
|
11
12
|
"./themes/svelix_orange.css": "./dist/themes/svelix_orange.css"
|
|
12
13
|
},
|
|
13
14
|
"files": [
|