@iroco/ui 1.1.2 → 1.1.4

package/dist/NavBar.svelte

@@ -12,7 +12,7 @@
 		onclick?: MouseEventHandler<HTMLButtonElement>;
 	}
 
-	let { navigationItems, type, version = null,currentRoute=$bindable(null), onclick }: Props = $props();
+	let { navigationItems, type, version = null,currentRoute, onclick }: Props = $props();
 
 	const dispatch = createEventDispatcher();
 
@@ -24,18 +24,16 @@
 		dispatch('click_link');
 	};
 
-	function isActive(current: string, item: NavigationItem): boolean {
+	function isActive(item: NavigationItem): boolean {
 		if (typeof item.hrefOrCallback === 'string') {
-			console.log("is string url",current);
-			const b = item.hrefOrCallback === current;
+			console.log("is string url",currentRoute);
+			const b = item.hrefOrCallback === currentRoute;
 			console.log("is active : ",b);
 			return b;
 		}
 		return false;
 	}
 
-	let active = $derived(currentRoute ?? '');
-
 </script>
 
 <nav data-testid={type} class="nav__{type}">
@@ -45,7 +43,7 @@
 
 	<ul class="nav__{type}__item-container">
 		{#each navigationItems as item}
-			<li class="nav__{type}__item" class:active={isActive(active, item)} aria-current={isActive(active, item)}>
+			<li class="nav__{type}__item" class:active={isActive(item)} aria-current={isActive(item)}>
 				{#if item.type === NavigationItemType.FORM}
 					<form method="POST" action={item.hrefOrCallback}>
 						<button class="iroco-ui-link" type="submit">{item.name}</button>

package/dist/NavBar.svelte.d.ts

@@ -24,6 +24,6 @@ declare const NavBar: $$__sveltets_2_IsomorphicComponent<Props, {
     click_link: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "currentRoute">;
+}, {}, {}, "">;
 type NavBar = InstanceType<typeof NavBar>;
 export default NavBar;

package/dist/Navigation.svelte

@@ -24,7 +24,7 @@
 		title = null,
 		version = null,
 		color = Color.green,
-		currentRoute = null,
+		currentRoute
 	}: Props = $props();
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@iroco/ui",
-	"version": "1.1.2",
+	"version": "1.1.4",
 	"description": "Iroco design system based on Svelte",
 	"main": "dist/index.js",
 	"scripts": {