fuma 0.3.36 → 0.3.38

package/dist/private/store.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+export declare let drawerTransitionX: import("svelte/store").Writable<number>;

package/dist/private/store.js

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

package/dist/ui/drawer/Drawer.svelte

@@ -7,6 +7,7 @@ import { Icon } from "../icon/index.js";
 import { subscibeDrawerLayers } from "./layers.js";
 import { contextContainer } from "../context.js";
 import { drawerFly } from "./drawerFly.js";
+import { writable } from "svelte/store";
 export let title = "";
 export let key;
 let klass = "";
@@ -16,6 +17,7 @@ export let classHeader = "";
 export let classBody = "";
 export let duration = 180;
 export let noOverlay = false;
+export let transitionX = 0;
 export function open(value = 1, options = {}) {
   return goto($urlParam.with({ [key]: value }), {
     ...options,
@@ -46,7 +48,14 @@ let clientWidth = 0;
 {#if $isActive}
 	<aside
 		bind:clientWidth
-		transition:drawerFly|local={{ x: clientWidth, duration, opacity: 1 }}
+		transition:drawerFly|local={{
+			x: clientWidth,
+			duration,
+			opacity: 1,
+			onTransition(pos) {
+				transitionX = pos.x
+			}
+		}}
 		style="
 			z-index: {10 + $index};
 			max-width: min(100%, {maxWidth});

package/dist/ui/drawer/Drawer.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         classBody?: string | undefined;
         duration?: number | undefined;
         noOverlay?: boolean | undefined;
+        transitionX?: number | undefined;
         open?: ((value?: number, options?: {
             replaceState?: boolean | undefined;
             noScroll?: boolean | undefined;

package/dist/ui/drawer/drawerFly.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="svelte" />
 import type { FlyParams, TransitionConfig } from 'svelte/transition';
-export declare const drawerFlyTransition: import("svelte/store").Writable<{
-    x: number;
-    y: number;
-}>;
-export declare function drawerFly(node: HTMLElement, { delay, duration, easing, x, y, opacity }?: FlyParams): TransitionConfig;
+export type DrawerFlyParams = FlyParams & {
+    onTransition?: (pos: {
+        x: number;
+        y: number;
+    }) => unknown;
+};
+export declare function drawerFly(node: HTMLElement, { delay, duration, easing, x, y, opacity, onTransition }?: DrawerFlyParams): TransitionConfig;
 export declare function split_css_unit(value: number | string): [number, string];

package/dist/ui/drawer/drawerFly.js

@@ -1,7 +1,5 @@
 import { cubicOut } from 'svelte/easing';
-import { writable } from 'svelte/store';
-export const drawerFlyTransition = writable({ x: 0, y: 0 });
-export function drawerFly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
+export function drawerFly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0, onTransition = () => { } } = {}) {
     const style = getComputedStyle(node);
     const target_opacity = +style.opacity;
     const transform = style.transform === 'none' ? '' : style.transform;
@@ -16,7 +14,7 @@ export function drawerFly(node, { delay = 0, duration = 400, easing = cubicOut,
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
 			opacity: ${target_opacity - od * u}`,
         tick: (t, u) => {
-            drawerFlyTransition.set({ x: t * xValue, y: t * yValue });
+            onTransition({ x: t * xValue, y: t * yValue });
         }
     };
 }

package/dist/ui/form/FormInput.svelte.d.ts

@@ -24,6 +24,22 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                 error?: string | undefined;
                 placeholder?: string | undefined;
                 tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                dropdownProps?: {
+                    tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                    class?: string | undefined;
+                    wrapperClass?: string | undefined;
+                    classActivator?: string | undefined;
+                    useSingleton?: boolean | undefined;
+                    autofocus?: boolean | undefined;
+                    hideOnBlur?: boolean | undefined;
+                    hideOnNav?: boolean | undefined;
+                    tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
+                    disable?: boolean | undefined;
+                    content?: HTMLDivElement | undefined;
+                    hide?: (() => void) | undefined;
+                    show?: (() => void) | undefined;
+                    setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
+                } | undefined;
                 flatMode?: boolean | undefined;
                 slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                 slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
@@ -77,6 +93,22 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     error?: string | undefined;
                     placeholder?: string | undefined;
                     tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                    dropdownProps?: {
+                        tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                        class?: string | undefined;
+                        wrapperClass?: string | undefined;
+                        classActivator?: string | undefined;
+                        useSingleton?: boolean | undefined;
+                        autofocus?: boolean | undefined;
+                        hideOnBlur?: boolean | undefined;
+                        hideOnNav?: boolean | undefined;
+                        tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
+                        disable?: boolean | undefined;
+                        content?: HTMLDivElement | undefined;
+                        hide?: (() => void) | undefined;
+                        show?: (() => void) | undefined;
+                        setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
+                    } | undefined;
                     flatMode?: boolean | undefined;
                     slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                     slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;

package/dist/ui/form/formInput.d.ts

@@ -45,6 +45,22 @@ export declare function relationProps<Item extends {
     error?: string | undefined;
     placeholder?: string | undefined;
     tippyProps?: Partial<import("tippy.js").Props> | undefined;
+    dropdownProps?: {
+        tippyProps?: Partial<import("tippy.js").Props> | undefined;
+        class?: string | undefined;
+        wrapperClass?: string | undefined;
+        classActivator?: string | undefined;
+        useSingleton?: boolean | undefined;
+        autofocus?: boolean | undefined;
+        hideOnBlur?: boolean | undefined;
+        hideOnNav?: boolean | undefined;
+        tip?: import("tippy.js").Instance<import("tippy.js").Props> | undefined;
+        disable?: boolean | undefined;
+        content?: HTMLDivElement | undefined;
+        hide?: (() => void) | undefined;
+        show?: (() => void) | undefined;
+        setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
+    } | undefined;
     flatMode?: boolean | undefined;
     slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
     slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;

package/dist/ui/input/InputRelation.svelte

@@ -19,6 +19,7 @@ export { item as value };
 export let error = "";
 export let placeholder = "";
 export let tippyProps = {};
+export let dropdownProps = {};
 export let flatMode = false;
 export let slotItem = null;
 export let slotSuggestion = slotItem;
@@ -66,7 +67,7 @@ async function handleBlur() {
 }
 </script>
 
-<DropDown {tippyProps} disable={flatMode}>
+<DropDown {tippyProps} disable={flatMode} {...dropdownProps}>
 	<div class="contents" slot="activator">
 		<FormControl {key} {label} {error} class={klass} let:key>
 			<div class="flex grow gap-2" class:hidden={item}>
@@ -92,7 +93,7 @@ async function handleBlur() {
 			</div>
 
 			{#if item}
-				<div class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2">
+				<div class="flex h-12 items-center gap-2 rounded-lg border bg-base-100 pl-4 pr-2">
 					<div class="grow">
 						<slot name="item" {item}>
 							<Slot slot={slotItem} args={item}>

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -16,6 +16,22 @@ declare class __sveltets_Render<RelationItem extends {
         error?: string | undefined;
         placeholder?: string | undefined;
         tippyProps?: Partial<TippyProps> | undefined;
+        dropdownProps?: {
+            tippyProps?: Partial<TippyProps> | undefined;
+            class?: string | undefined;
+            wrapperClass?: string | undefined;
+            classActivator?: string | undefined;
+            useSingleton?: boolean | undefined;
+            autofocus?: boolean | undefined;
+            hideOnBlur?: boolean | undefined;
+            hideOnNav?: boolean | undefined;
+            tip?: import("tippy.js").Instance<TippyProps> | undefined;
+            disable?: boolean | undefined;
+            content?: HTMLDivElement | undefined;
+            hide?: (() => void) | undefined;
+            show?: (() => void) | undefined;
+            setTippyProps?: ((props: Partial<TippyProps>) => void) | undefined;
+        } | undefined;
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;

package/dist/utils/eventEmitter.js

@@ -21,7 +21,6 @@ export function createEventEmitter() {
         emit(...args) {
             if (!events[args[0]])
                 events[args[0]] = [];
-            // @ts-ignore
             events[args[0]].forEach((callback) => callback(args[1]));
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.3.36",
+  "version": "0.3.38",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",