fuma 0.3.37 → 0.3.39

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.
Files changed (6) hide show
  1. package/dist/ui/drawer/Drawer.svelte +4 -1
  2. package/dist/ui/form/FormInput.svelte.d.ts +32 -0
  3. package/dist/ui/form/formInput.d.ts +16 -0
  4. package/dist/ui/input/InputRelation.svelte +3 -2
  5. package/dist/ui/input/InputRelation.svelte.d.ts +16 -0
  6. package/package.json +1 -1
package/dist/ui/drawer/Drawer.svelte CHANGED
@@ -1,4 +1,4 @@
1
- <script>import { onDestroy } from "svelte";
1
+ <script>import { onDestroy, onMount } from "svelte";
2
2
  import { fade } from "svelte/transition";
3
3
  import { mdiClose } from "@mdi/js";
4
4
  import { goto } from "$app/navigation";
@@ -32,6 +32,9 @@ const { offset, index, destroy, isActive } = subscibeDrawerLayers(key);
32
32
  onDestroy(destroy);
33
33
  contextContainer.set("drawer");
34
34
  let clientWidth = 0;
35
+ onMount(() => {
36
+ transitionX = $isActive ? clientWidth : 0;
37
+ });
35
38
  </script>
36
39
 
37
40
  {#if !noOverlay && $isActive}
package/dist/ui/form/FormInput.svelte.d.ts CHANGED
@@ -24,6 +24,22 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
24
24
  error?: string | undefined;
25
25
  placeholder?: string | undefined;
26
26
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
27
+ dropdownProps?: {
28
+ tippyProps?: Partial<import("tippy.js").Props> | undefined;
29
+ class?: string | undefined;
30
+ wrapperClass?: string | undefined;
31
+ classActivator?: string | undefined;
32
+ useSingleton?: boolean | undefined;
33
+ autofocus?: boolean | undefined;
34
+ hideOnBlur?: boolean | undefined;
35
+ hideOnNav?: boolean | undefined;
36
+ tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
37
+ disable?: boolean | undefined;
38
+ content?: HTMLDivElement | undefined;
39
+ hide?: (() => void) | undefined;
40
+ show?: (() => void) | undefined;
41
+ setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
42
+ } | undefined;
27
43
  flatMode?: boolean | undefined;
28
44
  slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
29
45
  slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
@@ -77,6 +93,22 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
77
93
  error?: string | undefined;
78
94
  placeholder?: string | undefined;
79
95
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
96
+ dropdownProps?: {
97
+ tippyProps?: Partial<import("tippy.js").Props> | undefined;
98
+ class?: string | undefined;
99
+ wrapperClass?: string | undefined;
100
+ classActivator?: string | undefined;
101
+ useSingleton?: boolean | undefined;
102
+ autofocus?: boolean | undefined;
103
+ hideOnBlur?: boolean | undefined;
104
+ hideOnNav?: boolean | undefined;
105
+ tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
106
+ disable?: boolean | undefined;
107
+ content?: HTMLDivElement | undefined;
108
+ hide?: (() => void) | undefined;
109
+ show?: (() => void) | undefined;
110
+ setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
111
+ } | undefined;
80
112
  flatMode?: boolean | undefined;
81
113
  slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
82
114
  slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
package/dist/ui/form/formInput.d.ts CHANGED
@@ -45,6 +45,22 @@ export declare function relationProps<Item extends {
45
45
  error?: string | undefined;
46
46
  placeholder?: string | undefined;
47
47
  tippyProps?: Partial<import("tippy.js").Props> | undefined;
48
+ dropdownProps?: {
49
+ tippyProps?: Partial<import("tippy.js").Props> | undefined;
50
+ class?: string | undefined;
51
+ wrapperClass?: string | undefined;
52
+ classActivator?: string | undefined;
53
+ useSingleton?: boolean | undefined;
54
+ autofocus?: boolean | undefined;
55
+ hideOnBlur?: boolean | undefined;
56
+ hideOnNav?: boolean | undefined;
57
+ tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
58
+ disable?: boolean | undefined;
59
+ content?: HTMLDivElement | undefined;
60
+ hide?: (() => void) | undefined;
61
+ show?: (() => void) | undefined;
62
+ setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
63
+ } | undefined;
48
64
  flatMode?: boolean | undefined;
49
65
  slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
50
66
  slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
package/dist/ui/input/InputRelation.svelte CHANGED
@@ -19,6 +19,7 @@ export { item as value };
19
19
  export let error = "";
20
20
  export let placeholder = "";
21
21
  export let tippyProps = {};
22
+ export let dropdownProps = {};
22
23
  export let flatMode = false;
23
24
  export let slotItem = null;
24
25
  export let slotSuggestion = slotItem;
@@ -66,7 +67,7 @@ async function handleBlur() {
66
67
  }
67
68
  </script>
68
69
 
69
- <DropDown {tippyProps} disable={flatMode}>
70
+ <DropDown {tippyProps} disable={flatMode} {...dropdownProps}>
70
71
  <div class="contents" slot="activator">
71
72
  <FormControl {key} {label} {error} class={klass} let:key>
72
73
  <div class="flex grow gap-2" class:hidden={item}>
@@ -92,7 +93,7 @@ async function handleBlur() {
92
93
  </div>
93
94
 
94
95
  {#if item}
95
- <div class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2">
96
+ <div class="flex h-12 items-center gap-2 rounded-lg border bg-base-100 pl-4 pr-2">
96
97
  <div class="grow">
97
98
  <slot name="item" {item}>
98
99
  <Slot slot={slotItem} args={item}>
package/dist/ui/input/InputRelation.svelte.d.ts CHANGED
@@ -16,6 +16,22 @@ declare class __sveltets_Render<RelationItem extends {
16
16
  error?: string | undefined;
17
17
  placeholder?: string | undefined;
18
18
  tippyProps?: Partial<TippyProps> | undefined;
19
+ dropdownProps?: {
20
+ tippyProps?: Partial<TippyProps> | undefined;
21
+ class?: string | undefined;
22
+ wrapperClass?: string | undefined;
23
+ classActivator?: string | undefined;
24
+ useSingleton?: boolean | undefined;
25
+ autofocus?: boolean | undefined;
26
+ hideOnBlur?: boolean | undefined;
27
+ hideOnNav?: boolean | undefined;
28
+ tip?: import("tippy.js").Instance<TippyProps> | undefined;
29
+ disable?: boolean | undefined;
30
+ content?: HTMLDivElement | undefined;
31
+ hide?: (() => void) | undefined;
32
+ show?: (() => void) | undefined;
33
+ setTippyProps?: ((props: Partial<TippyProps>) => void) | undefined;
34
+ } | undefined;
19
35
  flatMode?: boolean | undefined;
20
36
  slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
21
37
  slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fuma",
3
- "version": "0.3.37",
3
+ "version": "0.3.39",
4
4
  "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
5
5
  "author": {
6
6
  "name": "Jonas Voisard",