@functionalcms/svelte-components 2.22.0 → 2.23.0

package/dist/auth/redisSessionProvider.js

@@ -14,7 +14,7 @@ async function createSession(session, maxAge) {
         data: session,
         invalidAt: Date.now() + maxAge
     };
-    await redis.set(sid, JSON.stringify(sessionObject));
+    await redis.set(sid, JSON.stringify(sessionObject), "EX", maxAge);
     return sid;
 }
 async function getSession(sid) {

package/dist/components/menu/CollapsibleMenu.svelte

@@ -0,0 +1,22 @@
+<script>import {
+  HeaderNavigationItem,
+  Drawer,
+  Button,
+  Placement,
+  ColumnMenu
+} from "@functionalcms/svelte-components";
+export let buttonCss = "";
+export let contentCss = "";
+export let noBorder = false;
+export let localPages = [];
+$: showContent = false;
+let drawer = null;
+</script>
+
+<Button css={buttonCss} on:click={() => (showContent = !showContent)}>&#9776;</Button>
+{#if showContent}
+	<ColumnMenu {localPages} css={contentCss} />
+{/if}
+
+<style>
+</style>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { HeaderNavigationItem } from "@functionalcms/svelte-components";
+declare const __propDef: {
+    props: {
+        buttonCss?: string;
+        contentCss?: string;
+        noBorder?: boolean;
+        localPages?: Array<HeaderNavigationItem>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CollapsibleMenuProps = typeof __propDef.props;
+export type CollapsibleMenuEvents = typeof __propDef.events;
+export type CollapsibleMenuSlots = typeof __propDef.slots;
+export default class CollapsibleMenu extends SvelteComponent<CollapsibleMenuProps, CollapsibleMenuEvents, CollapsibleMenuSlots> {
+}
+export {};

package/dist/components/menu/ColumnMenu.svelte

@@ -1,22 +1,24 @@
 <script>import { HeaderNavigationItem } from "./Menu.js";
 import { page } from "$app/stores";
 import { isSelected } from "./MenuFunctions.js";
+import { Orientation } from "../Styling.js";
 export let css = "";
 export let localPages = [];
+export let orientation = Orientation.Column;
 export let includeSubpagesForSelect = false;
-const klasses = ["flex", "flex-column", css ? css : ""].filter((c) => c).join(" ");
+const klasses = ["flex", orientation, css ? css : ""].filter((c) => c).join(" ");
 </script>
 
-	<ul class={klasses}>
-		{#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}>
-					{pageItem.name}
-				</a>
-			</li>
-		{/each}
-	</ul>
+<ul class={klasses}>
+	{#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}>
+				{pageItem.name}
+			</a>
+		</li>
+	{/each}
+</ul>
 
 <style>
 	ul {

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

@@ -1,9 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
+import { Orientation } from '../Styling.js';
 declare const __propDef: {
     props: {
         css?: string;
         localPages?: Array<HeaderNavigationItem>;
+        orientation?: Orientation;
         includeSubpagesForSelect?: boolean;
     };
     events: {

package/dist/components/menu/HamburgerButton.svelte

@@ -0,0 +1,15 @@
+<script>import { Button } from "@functionalcms/svelte-components";
+export let css = "";
+export let noBorder = false;
+const klasses = [css ? css : "", noBorder ? "no-border" : ""].filter((c) => c).join(" ");
+</script>
+
+<Button
+	type="button"
+	data-a11y-dialog-show="hamburger-menu"
+	mode="primary"
+	noBorder
+	css={klasses}
+>
+	&#9776;
+</Button>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        css?: string;
+        noBorder?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type HamburgerButtonProps = typeof __propDef.props;
+export type HamburgerButtonEvents = typeof __propDef.events;
+export type HamburgerButtonSlots = typeof __propDef.slots;
+export default class HamburgerButton extends SvelteComponent<HamburgerButtonProps, HamburgerButtonEvents, HamburgerButtonSlots> {
+}
+export {};

package/package.json

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