fuma 0.4.3 → 0.4.5

package/dist/ui/drawer/Drawer.svelte

@@ -7,7 +7,6 @@ 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 = "";
@@ -18,6 +17,7 @@ export let classBody = "";
 export let duration = 180;
 export let noOverlay = false;
 export let transitionX = 0;
+export let zIndex = 50;
 export function open(value = 1, options = {}) {
   return goto($urlParam.with({ [key]: value }), {
     ...options,
@@ -43,7 +43,7 @@ onMount(() => {
 		on:click={() => close()}
 		on:keyup={() => close()}
 		transition:fade={{ duration }}
-		style="z-index: {10 + $index};"
+		style="z-index: {zIndex + $index};"
 		class="fixed inset-0 bg-black/15 backdrop-blur-[1.5px] dark:bg-white/15"
 	/>
 {/if}
@@ -60,7 +60,7 @@ onMount(() => {
 			}
 		}}
 		style="
-			z-index: {10 + $index};
+			z-index: {zIndex + $index};
 			max-width: min(100%, {maxWidth});
 			transform: translateX({-$offset * 4}rem);
 			transition-duration: {duration}ms;

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

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

package/dist/ui/range/RangePickerButton.svelte

@@ -1,22 +1,18 @@
 <script>import { mdiCalendarMonthOutline, mdiClose } from "@mdi/js";
 import dayjs from "dayjs";
 import { goto } from "$app/navigation";
-import { page } from "$app/stores";
 import { urlParam } from "../../store/param.js";
 import { formatRange } from "./format.js";
 import { Icon } from "../icon/index.js";
 import { DropDown } from "../menu/index.js";
 import { InputTime } from "../input/index.js";
 import { RangePicker } from "./index.js";
+import { jsonParse } from "../../utils/jsonParse.js";
 export let minDate = void 0;
 export let maxDate = void 0;
 let dropDown;
-const start = $page.url.searchParams.get("start");
-const end = $page.url.searchParams.get("end");
-export let range = {
-  start: start ? new Date(start) : void 0,
-  end: end ? new Date(end) : void 0
-};
+export let key = "range";
+export let range = jsonParse($urlParam.get(key), { start: null, end: null });
 $:
   isValidPeriod = !!range.start && !!range.end;
 function getLabel(_range) {
@@ -30,16 +26,18 @@ function handleSubmit() {
     return;
   goto(
     $urlParam.with({
-      start: dayjs(range.start).format("HH:mm"),
-      end: dayjs(range.end).format("HH:mm")
+      [key]: JSON.stringify({
+        start: range.start?.toJSON(),
+        end: range.end?.toJSON()
+      })
     }),
     { replaceState: true, noScroll: true }
   );
 }
 function handleReset() {
   dropDown.hide();
-  range = { start: void 0, end: void 0 };
-  goto($urlParam.without("start", "end"), { replaceState: true, noScroll: true });
+  range = { start: null, end: null };
+  goto($urlParam.without(key), { replaceState: true, noScroll: true });
 }
 </script>
 
@@ -56,22 +54,9 @@ function handleReset() {
 		{/if}
 	</div>
 
-	<form class="flex flex-col" on:submit|preventDefault={handleSubmit} data-sveltekit-replacestate>
+	<form class="flex flex-col" on:submit|preventDefault={handleSubmit}>
 		<RangePicker numberOfMonths={1} bind:range {minDate} {maxDate} />
 
-		<input
-			class="hidden"
-			type="text"
-			name="start"
-			value={range.start ? dayjs(range.start).toJSON() : ''}
-		/>
-		<input
-			class="hidden"
-			type="text"
-			name="end"
-			value={range.end ? dayjs(range.end).toJSON() : ''}
-		/>
-
 		<div class="flex gap-2 p-2">
 			<InputTime
 				label="A partir de"

package/dist/ui/range/RangePickerButton.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         minDate?: Date | number | string | undefined;
         maxDate?: Date | number | string | undefined;
+        key?: string | undefined;
         range?: Range | undefined;
     };
     events: {

package/package.json

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