@functionalcms/svelte-components 2.13.4 → 2.13.7

package/dist/components/Logo.svelte

@@ -1,26 +1,26 @@
-<style>
-	a {
-		display: var(--functional-logo-display, 'inline-block');
-		margin: var(--functional-mobile-logo-margin);
-		padding: var(--functional-mobile-logo-padding);
-	}
-	a img {
-		width: 100%;
-	}
-	
-	@media (min-width: 960px) {
-		a img {
-			margin: var(--functional-logo-margin);
-			padding: var(--functional-logo-padding);
-		}
-	}	
-</style>
-
+<style>
+	a {
+		display: var(--functional-logo-display, 'inline-block');
+		margin: var(--functional-mobile-logo-margin);
+		padding: var(--functional-mobile-logo-padding);
+	}
+	a img {
+		width: 100%;
+	}
+	
+	@media (min-width: 960px) {
+		a img {
+			margin: var(--functional-logo-margin);
+			padding: var(--functional-logo-padding);
+		}
+	}	
+</style>
+
 <script>export let companyName;
 export let logoUrl;
 export let css = "logo";
-</script>
-
-<a href="/" class={css}>
-	<img src={logoUrl} alt={companyName} />
+</script>
+
+<a href="/" class={css}>
+	<img src={logoUrl} alt={companyName} />
 </a>

package/dist/components/layouts/DefaultLayout.svelte

@@ -13,6 +13,7 @@ import { metaDescription, metaKeywords } from "../../stores/meta";
 export let robots = "index, follow";
 export let headerIsSticky = false;
 export let tracker = "";
+export let canonicalUrl = "";
 $:
   headerCss = headerIsSticky ? "sticky" : "";
 </script>
@@ -20,7 +21,7 @@ $:
 <svelte:head>
 	<script data-goatcounter="https://{tracker}.goatcounter.com/count"
         async src="//gc.zgo.at/count.js"></script>
-	<link rel="canonical" href="{$page.url.pathname}">
+	<link rel="canonical" href="{canonicalUrl}{$page.url.pathname}">
 
 	<title>{$title}{$suffix}</title>
     <meta name="og:title" property="og:title" content="{$title}{$suffix}" />

package/dist/components/layouts/DefaultLayout.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         robots?: string | undefined;
         headerIsSticky?: boolean | undefined;
         tracker?: string | undefined;
+        canonicalUrl?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/menu/DynamicMenu.svelte

@@ -1,16 +1,15 @@
-<script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
+<script>import { HeaderNavigationItem } from "./Menu.js";
 import { pages as pagesStore } from "../../stores/pages.js";
 import { selectVisible } from "./MenuFunctions.js";
-export let authentication = false;
+import { isAuthenticated } from "./authentication.js";
+import { page } from "$app/stores";
 export let css = "";
 export let navCss = "";
 export let localPages = [];
 $:
   activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
 $:
-  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
-$:
-  visibleNavItems = selectVisible(activePages, visibility);
+  visibleNavItems = selectVisible(activePages, isAuthenticated(page));
 const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).join(" ");
 </script>
 
@@ -19,7 +18,7 @@ const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).jo
 		<slot name="mobile" pages={visibleNavItems} />
 	</div>
 	<div class="desktop">
-		<slot name="desktop" pages={visibleNavItems}/>
+		<slot name="desktop" pages={visibleNavItems} />
 	</div>
 </nav>
 

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

@@ -2,7 +2,6 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        authentication?: boolean | undefined;
         css?: string | undefined;
         navCss?: string | undefined;
         localPages?: HeaderNavigationItem[] | undefined;

package/dist/components/menu/authentication.d.ts

@@ -0,0 +1 @@
+export declare function isAuthenticated(page: any): any;

package/dist/components/menu/authentication.js

@@ -0,0 +1,6 @@
+import { Visiblity } from '@functionalcms/svelte-components';
+export function isAuthenticated(page) {
+    const isAuthenticated = page?.data?.session == null;
+    const visibility = isAuthenticated ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+    return visibility;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.13.4",
+	"version": "2.13.7",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -60,5 +60,6 @@
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
-	"type": "module"
+	"type": "module",
+	"sideEffects": false
 }