@functionalcms/svelte-components 0.8.6 → 0.8.8

package/dist/components/Header.svelte

@@ -1,20 +1,12 @@
-<script>
-	// @ts-nocheck
-	import { Header, HeaderNav, HeaderNavItem, MenuItem } from 'agnostic-svelte';
-	import { HeaderNavigationItem } from './HeaderNavigationItem';
-
-	/**
-	 * @type {string}
-	 */
-	export let companyName;
-	/**
-	 * @type {string}
-	 */
-	export let logoUrl;
-	/**
-	 * @type {HeaderNavigationItem[]}
-	 */
-	export let pages;
+<script>import { Header, HeaderNav, HeaderNavItem, MenuItem } from "agnostic-svelte";
+import { Visiblity } from "./HeaderNavigationItem.js";
+export let companyName;
+export let logoUrl;
+export let pages;
+export let authentication;
+let authenticationVisibility = Visiblity.NotAuthenticated;
+authentication.subscribe((value) => value ? Visiblity.Authenticated : Visiblity.NotAuthenticated);
+const selectVisible = (pages2) => pages2.filter((page) => page.visiblity === Visiblity.Always || page.visiblity === authenticationVisibility);
 </script>
 
 <div class="header">
@@ -25,7 +17,7 @@
 			</a>
 		</div>
 		<HeaderNav>
-			{#each pages.filter(x => x.isVisible) as page}
+			{#each selectVisible(pages) as page}
 				<HeaderNavItem>
 					<a on:click={page.action} href={page.path}>
 						{page.name}

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

@@ -1,28 +1,28 @@
-/** @typedef {typeof __propDef.props}  HeaderProps */
-/** @typedef {typeof __propDef.events}  HeaderEvents */
-/** @typedef {typeof __propDef.slots}  HeaderSlots */
-export default class Header extends SvelteComponent<{
-    companyName: string;
-    logoUrl: string;
-    pages: HeaderNavigationItem[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type HeaderProps = typeof __propDef.props;
-export type HeaderEvents = typeof __propDef.events;
-export type HeaderSlots = typeof __propDef.slots;
-import { HeaderNavigationItem } from './HeaderNavigationItem';
 import { SvelteComponent } from "svelte";
+import type { HeaderNavigationItem } from './HeaderNavigationItem.js';
 declare const __propDef: {
     props: {
-        companyName: string;
-        logoUrl: string;
-        pages: HeaderNavigationItem[];
+        /**
+             * @type {string}
+             */ companyName: string;
+        /**
+             * @type {string}
+             */ logoUrl: string;
+        /**
+             * @type {HeaderNavigationItem[]}
+             */ pages: HeaderNavigationItem[];
+        /**
+             * @type {Readonly<bool>}
+             */ authentication: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
+export type HeaderProps = typeof __propDef.props;
+export type HeaderEvents = typeof __propDef.events;
+export type HeaderSlots = typeof __propDef.slots;
+export default class Header extends SvelteComponent<HeaderProps, HeaderEvents, HeaderSlots> {
+}
 export {};

package/dist/components/HeaderNavigationItem.d.ts

@@ -1,8 +1,13 @@
 type ClickAction = () => void;
+export declare enum Visiblity {
+    Always = 0,
+    Authenticated = 1,
+    NotAuthenticated = 2
+}
 export declare class HeaderNavigationItem {
     name: string;
     path: string | undefined;
     action: ClickAction | undefined;
-    isVisible: boolean;
+    visiblity: Visiblity;
 }
 export {};

package/dist/components/HeaderNavigationItem.js

@@ -1,6 +1,12 @@
+export var Visiblity;
+(function (Visiblity) {
+    Visiblity[Visiblity["Always"] = 0] = "Always";
+    Visiblity[Visiblity["Authenticated"] = 1] = "Authenticated";
+    Visiblity[Visiblity["NotAuthenticated"] = 2] = "NotAuthenticated";
+})(Visiblity || (Visiblity = {}));
 export class HeaderNavigationItem {
     name;
     path;
     action;
-    isVisible = false;
+    visiblity = Visiblity.Always;
 }

package/dist/index.d.ts

@@ -3,4 +3,5 @@ import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
 import { authStore } from './authStore.js';
-export { Box, Hero, Header, Footer, authStore };
+import { Visiblity, HeaderNavigationItem } from './components/HeaderNavigationItem.js';
+export { Box, Hero, Header, Footer, authStore, Visiblity, HeaderNavigationItem };

package/dist/index.js

@@ -4,4 +4,5 @@ import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
 import { authStore } from './authStore.js';
-export { Box, Hero, Header, Footer, authStore };
+import { Visiblity, HeaderNavigationItem } from './components/HeaderNavigationItem.js';
+export { Box, Hero, Header, Footer, authStore, Visiblity, HeaderNavigationItem };

package/package.json

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