fuma 0.3.36 → 0.3.37

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/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.37",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",