@nemigo/layout 1.6.0 → 2.1.0

package/dist/blocks/EnterBlock.svelte

@@ -1,21 +1,9 @@
-<script module lang="ts"></script>
+<script module lang="ts">export {};
+</script>
 
 <script lang="ts">import { preventStop, usePreventStop } from "@nemigo/helpers/html/events";
-let {
-  id,
-  label,
-  class: className,
-  style,
-  disabled,
-  load,
-  onclick: onClick,
-  onmousedown,
-  onenterdown,
-  onkeydown,
-  oncontextmenu,
-  children
-} = $props();
-let ariaLabel = $derived(label ?? void 0);
+let { id, label, class: className, style, disabled, load, onclick: onClick, onmousedown, onenterdown, onkeydown, oncontextmenu, children } = $props();
+let ariaLabel = $derived(label ?? undefined);
 </script>
 
 {#if onClick}

package/dist/blocks/LazyBlock.svelte

@@ -1,4 +1,5 @@
-<script module lang="ts"></script>
+<script module lang="ts">export {};
+</script>
 
 <script lang="ts">import { delay as Delay } from "@nemigo/helpers/async";
 import { isSSR } from "@nemigo/helpers/html";

package/dist/kit/Navigation.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">import { delay } from "@nemigo/helpers/async";
+import { Navigation } from "@nemigo/svelte/kit/navigation";
+import { linear } from "svelte/easing";
+import { blur } from "svelte/transition";
+let { class: className, duration = 350, handler, children } = $props();
+const __navigation = Navigation.default(handler).hydrate();
+let animate = $state(false);
+let show = $derived(!__navigation.state.signal && !animate);
+const stepper = {
+	in: {
+		get duration() {
+			return duration;
+		},
+		amount: 7,
+		easing: linear
+	},
+	out: {
+		get duration() {
+			return duration;
+		},
+		amount: 14,
+		easing: linear
+	}
+};
+</script>
+
+{#if show}
+	<div
+		class={className}
+		onoutrostart={() => {
+			animate = true;
+		}}
+		onoutroend={() =>
+			void delay(25).then(() => {
+				animate = false;
+			})}
+		in:blur={stepper.in}
+		out:blur={stepper.out}>
+		{@render children()}
+	</div>
+{/if}

package/dist/kit/Navigation.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { NavigationHandler } from "@nemigo/svelte/kit/navigation";
+import { Navigation } from "@nemigo/svelte/kit/navigation";
+import type { Snippet } from "svelte";
+import type { ClassValue } from "svelte/elements";
+interface Props {
+    class?: ClassValue;
+    duration?: number;
+    handler?: NavigationHandler;
+    children: Snippet;
+}
+declare const Navigation: import("svelte").Component<Props, {}, "">;
+type Navigation = ReturnType<typeof Navigation>;
+export default Navigation;

package/dist/stores/LoaderCursor.svelte

@@ -3,7 +3,7 @@ export const loaderCursorStore = LoaderStore.default();
 </script>
 
 <script lang="ts">$effect(() => {
-  document.documentElement.style.cursor = loaderCursorStore.state.signal ? "wait" : "auto";
+	document.documentElement.style.cursor = loaderCursorStore.state.signal ? "wait" : "auto";
 });
 loaderCursorStore.hydrate();
 </script>

package/package.json

@@ -1,21 +1,18 @@
 {
 	"name": "@nemigo/layout",
-	"version": "1.6.0",
+	"version": "2.1.0",
 	"private": false,
 	"author": {
 		"name": "Vlad Logvin",
 		"email": "vlad.logvin84@gmail.com"
 	},
 	"type": "module",
-	"engines": {
-		"node": ">=22",
-		"pnpm": ">=10.9.0"
-	},
 	"scripts": {
 		"build": "svelte-package && rimraf .svelte-kit",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"lint": "eslint ./",
-		"format": "prettier --write ./"
+		"eslint": "bunx --bun eslint ./",
+		"eslint:fix": "bunx --bun eslint --fix ./",
+		"format": "bunx --bun prettier --write ./"
 	},
 	"exports": {
 		"./Context": {
@@ -30,9 +27,9 @@
 			"types": "./dist/blocks/LazyBlock.svelte.d.ts",
 			"svelte": "./dist/blocks/LazyBlock.svelte"
 		},
-		"./navigation": {
-			"types": "./dist/navigation.d.ts",
-			"svelte": "./dist/navigation.js"
+		"./kit/Navigation": {
+			"types": "./dist/kit/Navigation.d.ts",
+			"svelte": "./dist/kit/Navigation.svelte"
 		},
 		"./stores/LoaderCursor": {
 			"types": "./dist/stores/LoaderCursor.svelte.d.ts",
@@ -40,8 +37,8 @@
 		}
 	},
 	"peerDependencies": {
-		"@nemigo/helpers": ">=1.5.0",
-		"@nemigo/svelte": ">=1.5.0",
+		"@nemigo/helpers": ">=2.0.0",
+		"@nemigo/svelte": ">=2.1.0",
 		"@sveltejs/kit": ">=2.12.0",
 		"svelte": ">=5.0.0"
 	},
@@ -51,8 +48,8 @@
 		}
 	},
 	"devDependencies": {
-		"@nemigo/configs": "workspace:*",
-		"@nemigo/helpers": "workspace:*",
-		"@nemigo/svelte": "workspace:*"
+		"@nemigo/configs": "2.1.0",
+		"@nemigo/helpers": "2.0.0",
+		"@nemigo/svelte": "2.1.0"
 	}
 }

package/dist/navigation.d.ts

@@ -1,13 +0,0 @@
-import type { IState } from "@nemigo/helpers/types";
-import type { ISvelteState } from "@nemigo/svelte";
-export interface NavigationHandler {
-    ignore?: (from: URL, to: URL) => boolean;
-    equal?: boolean;
-}
-export declare class Navigation<State extends IState<boolean> = ISvelteState<boolean>> {
-    state: State;
-    __handler: NavigationHandler;
-    static default(handler?: NavigationHandler): Navigation;
-    constructor(state: State, handler?: NavigationHandler);
-    hydrate(): this;
-}

package/dist/navigation.js

@@ -1,32 +0,0 @@
-import { afterNavigate, beforeNavigate } from "$app/navigation";
-import { page } from "$app/state";
-import { createSvelteState } from "@nemigo/svelte";
-export class Navigation {
-    state;
-    __handler;
-    static default(handler) {
-        return new Navigation(createSvelteState(false), handler);
-    }
-    constructor(state, handler = {}) {
-        this.state = state;
-        this.__handler = handler;
-    }
-    hydrate() {
-        afterNavigate(() => this.state.set(false));
-        beforeNavigate((navigation) => {
-            if (!navigation.to)
-                return;
-            const form_url = page.url;
-            const to_url = navigation.to.url;
-            if (!this.__handler.equal && form_url.toString() === to_url.toString())
-                return;
-            if (this.__handler.ignore && this.__handler.ignore(form_url, to_url))
-                return;
-            if (this.state.get())
-                navigation.cancel();
-            else
-                this.state.set(true);
-        });
-        return this;
-    }
-}