@functionalcms/svelte-components 2.3.2 → 2.3.3

package/dist/components/layouts/DefaultLayout.svelte

@@ -1,3 +1,24 @@
+<style>
+	:global(html),
+	:global(body),
+	:global(body > div#) {
+		height: 100%;
+	}
+	:global(body > div) {
+		display: flex;
+		flex-direction: column;
+	}
+	:global(body > footer) {
+		flex-shrink: 0;
+	}
+	div {
+		flex: 1 0 auto;
+	}
+	footer {
+		flex-shrink: 0;
+	}
+</style>
+
 <script>import { page } from "$app/stores";
 import { title, suffix } from "../../stores/title";
 import { metaDescription, metaKeywords } from "../../stores/meta";
@@ -19,7 +40,7 @@ export let robots = "index, follow";
 	<meta name="keywords" content={$metaKeywords} />
 	<meta name=”viewport” content="width=device-width, initial-scale=1.0" /> 
 </svelte:head>
-<div>
+<div id="layout">
 	{#if $$slots.header}
 		<header>
 			<slot name="header" />
@@ -43,25 +64,4 @@ export let robots = "index, follow";
 {/if}
 <noscript>
 	<img src="https://tracking.functional-cms.com/count?p=/{$page.url.pathname}}" alt="" />
-</noscript>
-
-<style>
-	:global(html),
-	:global(body),
-	:global(body > div) {
-		height: 100%;
-	}
-	:global(body > div) {
-		display: flex;
-		flex-direction: column;
-	}
-	:global(body > footer) {
-		flex-shrink: 0;
-	}
-	div {
-		flex: 1 0 auto;
-	}
-	footer {
-		flex-shrink: 0;
-	}
-</style>
+</noscript>

package/dist/components/menu/FlatMenu.svelte

@@ -1,4 +1,3 @@
-
 <style>
     nav > ul {
         margin: var(--functional-menu-margin, 'auto');
@@ -84,17 +83,17 @@
 
 <script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
 import { afterNavigate } from "$app/navigation";
-import { page } from "$app/stores";
+import { pages as pagesStore } from "../../stores/pages.js";
 export let pages = [];
 export let authentication = false;
 export let css = "";
 const selectVisible = (pages2, visiblity) => pages2.filter(
-  (page2) => page2?.visiblity === Visiblity.Always || page2?.visiblity === visiblity
+  (page) => page?.visiblity === Visiblity.Always || page?.visiblity === visiblity
 );
 $:
   visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
 $:
-  visibleNavItems = selectVisible(pages, visibility);
+  visibleNavItems = selectVisible($pagesStore, visibility);
 $:
   selected = false;
 afterNavigate((navigation) => selected = false);

package/dist/components/menu/HamburgerMenu.svelte

@@ -30,18 +30,18 @@ import { afterNavigate } from "$app/navigation";
 import { Drawer, Button } from "agnostic-svelte";
 import { page } from "$app/stores";
 import { Placement } from "../Styling.js";
-export let pages = [];
+import { pages as pagesStore } from "../../stores/pages.js";
 export let authentication = false;
 export let css = "";
 export let noBorder = false;
 export let placement = Placement.Start;
-const selectVisible = (pages2, visiblity) => pages2.filter(
+const selectVisible = (pages, visiblity) => pages.filter(
   (page2) => page2?.visiblity === Visiblity.Always || page2?.visiblity === visiblity
 );
 $:
   visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
 $:
-  visibleNavItems = selectVisible(pages, visibility);
+  visibleNavItems = selectVisible($pagesStore, visibility);
 let drawer = null;
 const assignDrawerRef = (ev) => {
   drawer = ev.detail.instance;

package/dist/components/menu/HamburgerMenu.svelte.d.ts

@@ -1,9 +1,7 @@
 import { SvelteComponent } from "svelte";
-import { HeaderNavigationItem } from './Menu.js';
 import { Placement } from '../Styling.js';
 declare const __propDef: {
     props: {
-        pages?: HeaderNavigationItem[] | undefined;
         authentication?: boolean | undefined;
         css?: string | undefined;
         noBorder?: boolean | undefined;

package/dist/stores/pages.js

@@ -1,11 +1,7 @@
 import { writable } from 'svelte/store';
 import { HeaderNavigationItem } from "../components/menu/Menu.js";
-// function createPages() {
-//     const pages: Writable<Array<HeaderNavigationItem>> = writable(new Array<HeaderNavigationItem>());
-//     return {
-//         subscribe: pages.subscribe,
-//         initialise: (pagesList: Array<HeaderNavigationItem>) => pages.set(pagesList)
-//     };
-// }
-// export const pages = createPages();
-export const pages = writable(new Array());
+function createPages() {
+    const pages = writable(new Array());
+    return pages;
+}
+export const pages = createPages();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.3.2",
+	"version": "2.3.3",
 	"watch": {
 		"build": {
 			"patterns": ["src"],