@functionalcms/svelte-components 0.4.1 → 0.6.0

package/dist/components/Header.svelte

@@ -1,6 +1,7 @@
 <script>
 	// @ts-nocheck
-	import { Header, HeaderNav, HeaderNavItem } from 'agnostic-svelte';
+	import { Header, HeaderNav, HeaderNavItem, MenuItem } from 'agnostic-svelte';
+	import { HeaderNavigationItem } from './HeaderNavigationItem';
 
 	/**
 	 * @type {string}
@@ -11,7 +12,7 @@
 	 */
 	export let logoUrl;
 	/**
-	 * @type {array}
+	 * @type {HeaderNavigationItem[]}
 	 */
 	export let pages;
 </script>
@@ -23,10 +24,10 @@
 				<img src={logoUrl} alt={companyName} />
 			</a>
 		</div>
-		<HeaderNav css="nav-overrides">
+		<HeaderNav>
 			{#each pages as page}
 				<HeaderNavItem>
-					<a href={page.path}>
+					<a on:click={page.action} href={page.path}>
 						{page.name}
 					</a>
 				</HeaderNavItem>

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

@@ -4,7 +4,7 @@
 export default class Header extends SvelteComponent<{
     companyName: string;
     logoUrl: string;
-    pages: any;
+    pages: HeaderNavigationItem[];
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -12,12 +12,13 @@ export default class Header extends SvelteComponent<{
 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";
 declare const __propDef: {
     props: {
         companyName: string;
         logoUrl: string;
-        pages: any;
+        pages: HeaderNavigationItem[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/HeaderNavigationItem.d.ts

@@ -0,0 +1,7 @@
+type ClickAction = () => void;
+export declare class HeaderNavigationItem {
+    name: string;
+    path: string | undefined;
+    action: ClickAction | undefined;
+}
+export {};

package/dist/components/HeaderNavigationItem.js

@@ -0,0 +1,5 @@
+export class HeaderNavigationItem {
+    name;
+    path;
+    action;
+}

package/package.json

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