@functionalcms/svelte-components 0.9.0 → 0.9.2

package/dist/components/Header.svelte

@@ -1,15 +1,19 @@
 <script>import { Header, HeaderNav, HeaderNavItem, MenuItem } from "agnostic-svelte";
 import { Visiblity } from "./HeaderNavigationItem.js";
+import { get } from "svelte/store";
 export let companyName;
 export let logoUrl;
 export let pages;
 export let authentication;
-const selectVisible = (pages2, visiblity) => pages2.filter((page) => page.visiblity === Visiblity.Always || page.visiblity === visiblity);
-authentication.subscribe((value) => visibleNavItems = selectVisible(pages, value ? Visiblity.Authenticated : Visiblity.NotAuthenticated));
+const selectVisible = (pages2, visiblity) => {
+  console.log(visiblity);
+  return pages2.filter((page) => page.visiblity === Visiblity.Always || page.visiblity === visiblity);
+};
 $:
-  visibleNavItems = selectVisible(pages, Visiblity.NotAuthenticated);
+  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+$:
+  visibleNavItems = selectVisible(pages, visibility);
 </script>
-
 <div class="header">
 	<Header>
 		<div slot="logoleft">

package/dist/components/Header.svelte.d.ts

@@ -13,7 +13,7 @@ declare const __propDef: {
              */ pages: HeaderNavigationItem[];
         /**
              * @type {Readonly<bool>}
-             */ authentication: any;
+             */ authentication: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "0.9.0",
+	"version": "0.9.2",
 	"publishConfig": {
 		"access": "public"
 	},