@functionalcms/svelte-components 2.28.1 → 2.30.0

package/dist/auth/authorizationHandle.d.ts

@@ -1,3 +1,3 @@
 import { type Handle } from '@sveltejs/kit';
-declare const authorizationHandle: (protectedPaths: Array<string>) => Handle;
+declare const authorizationHandle: () => Handle;
 export default authorizationHandle;

package/dist/auth/authorizationHandle.js

@@ -1,14 +1,13 @@
 import { redirect } from '@sveltejs/kit';
-const authorizationHandle = (protectedPaths) => {
+const authorizationHandle = () => {
     return async ({ event, resolve }) => {
         const path = event.url.pathname;
         if (path.startsWith('/auth/') === false) {
-            for (let protectedPath of protectedPaths) {
-                if (path.match(protectedPath)) {
-                    const session = event?.locals?.session;
-                    if (!session) {
-                        return new Response('Login user', { status: 303, headers: { location: '/auth/login' } });
-                    }
+            const route = event.route;
+            if (route.id.includes('/(protect)/')) {
+                const session = event?.locals?.session;
+                if (!session) {
+                    return new Response('Login user', { status: 303, headers: { location: '/auth/login' } });
                 }
             }
         }

package/dist/components/Link.svelte

@@ -310,7 +310,6 @@ export let orientation = Orientation.Row;
 $: isSmall = size === ComponentSize.Small;
 $: isLarge = size === ComponentSize.Large;
 $: klasses = [
-  "btn",
   isPrimary ? "btn-primary" : "",
   isDisabled ? "disabled" : "",
   isBordered ? "btn-bordered" : "",
@@ -328,7 +327,7 @@ $: klasses = [
   `${orientation}`,
   `${justify}`,
   `${alignItems}`,
-  css ? css : ""
+  css ? css : "btn"
 ].filter((c) => c).join(" ");
 </script>
 <svelte:options customElement="active-link" />

package/dist/components/menu/CollapsibleMenu.svelte

@@ -9,20 +9,22 @@ export let orientation = Orientation.Column;
 export let localPages = [];
 $: showContent = false;
 $: showContentBeforeButton = contentPosition == Placement.Start;
-const contentKlasses = [contentCss].filter((c) => c).join(" ");
 </script>
 
 {#if showContent && showContentBeforeButton}
-	<ColumnMenu {localPages} {orientation} css={contentKlasses} />
+	<ColumnMenu {localPages} {orientation} css={contentCss} />
 {/if}
-
-<Button css={buttonCss} on:click={() => (showContent = !showContent)}>
-	<slot name="handle">&#9776;</slot>
-</Button>
-
+<div>
+	<Button css={buttonCss} on:click={() => (showContent = !showContent)}>
+		<slot name="handle">&#9776;</slot>
+	</Button>
+</div>
 {#if showContent && !showContentBeforeButton}
-	<ColumnMenu {localPages} {orientation} css={contentKlasses} />
+	<ColumnMenu {localPages} {orientation} css={contentCss} />
 {/if}
 
 <style>
+	div {
+		margin: var(--fluid-8);
+	}
 </style>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { Orientation, Placement } from "../Styling.js";
-import { HeaderNavigationItem } from "./Menu.js";
+import { Orientation, Placement } from '../Styling.js';
+import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
         buttonCss?: string;

package/dist/components/menu/ColumnMenu.svelte

@@ -2,7 +2,9 @@
 import { page } from "$app/stores";
 import { isSelected } from "./MenuFunctions.js";
 import { Orientation } from "../Styling.js";
+import Link from "../Link.svelte";
 export let css = "";
+export let linkCss = "";
 export let localPages = [];
 export let orientation = Orientation.Column;
 export let includeSubpagesForSelect = false;
@@ -13,9 +15,9 @@ const klasses = ["flex", orientation, css ? css : ""].filter((c) => c).join(" ")
 	{#each localPages as pageItem}
 		<li aria-current={isSelected(includeSubpagesForSelect, $page, pageItem)}>
 			<span class="screenreader-only">Navigate to {pageItem.name}</span>
-			<a on:click={pageItem.action} href={pageItem.path}>
+			<Link href={pageItem.path} css={linkCss}>
 				{pageItem.name}
-			</a>
+			</Link>
 		</li>
 	{/each}
 </ul>

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

@@ -4,6 +4,7 @@ import { Orientation } from '../Styling.js';
 declare const __propDef: {
     props: {
         css?: string;
+        linkCss?: string;
         localPages?: Array<HeaderNavigationItem>;
         orientation?: Orientation;
         includeSubpagesForSelect?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.28.1",
+	"version": "2.30.0",
 	"watch": {
 		"build": {
 			"patterns": [