@functionalcms/svelte-components 2.4.2 → 2.5.0

package/css/functional.css

@@ -1401,26 +1401,39 @@ a:focus {
   --functional-menu-margin: 0px;
   --functional-menu-padding: 0px;
   --functional-menu-background: none;
+  --functional-menu-item-color: var(--agnostic-primary);
   --functional-menu-item-margin: 0px;
   --functional-menu-item-padding: 0px;
-  --functional-menu-item-color: var(--agnostic-primary);
-  --functional-menu-item-background: none;
   --functional-menu-item-border-top: 0px;
   --functional-menu-item-border-right: 0px;
   --functional-menu-item-border-bottom: 0px;
   --functional-menu-item-border-left: 0px;
-  --functional-menu-item-color-hover: var(--functional-menu-item-color);
+  --functional-menu-item-selected-radius: var(--agnostic-radius, 0);
+  --functional-menu-item-hover-color: var(--functional-menu-item-color);
   --functional-menu-item-hover-background: var(--functional-menu-item-background);
+  --functional-menu-item-hover-margin: var(--functional-menu-item-margin);
+  --functional-menu-item-hover-padding: var(--functional-menu-item-padding);
   --functional-menu-item-hover-border-top: var(--functional-menu-item-hover-border-top);
   --functional-menu-item-hover-border-right: var(--functional-menu-item-hover-border-right);
   --functional-menu-item-hover-border-bottom: var(--functional-menu-item-hover-border-bottom);
   --functional-menu-item-hover-border-left: var(--functional-menu-item-hover-border-left);
-  --functional-menu-item-color-selected: var(--functional-menu-item-color);
+  --functional-menu-item-selected-radius: var(--functional-menu-item-radius);
+  --functional-menu-item-selected-color: var(--functional-menu-item-color);
   --functional-menu-item-selected-background: var(--functional-menu-item-background);
+  --functional-menu-item-selected-margin: var(--functional-menu-item-margin);
+  --functional-menu-item-selected-padding: var(--functional-menu-item-padding);
   --functional-menu-item-selected-border-top:var(--functional-menu-item-border-top);
   --functional-menu-item-selected-border-right:var(--functional-menu-item-border-right);
   --functional-menu-item-selected-border-bottom:var(--functional-menu-item-border-bottom);
   --functional-menu-item-selected-border-left:var(--functional-menu-item-border-left);
+  --functional-menu-item-selected-radius: var(--functional-menu-item-radius);
+}
+
+:root {
+  --functional-mobile-logo-margin: 0px;
+  --functional-mobile-logo-padding: 0px;
+  --functional-logo-margin: var(--functional-mobile-logo-margin);
+  --functional-logo-padding: var(--functional-mobile-logo-padding);
 }
 
 :root {
@@ -1433,6 +1446,10 @@ html, body, body > div {
   height: 100%;
 }
 
+#defaultLayout {
+  flex: 1 0 auto;
+}
+
 .fw {
   width: 100%;
 }

package/css/functional.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../node_modules/agnostic-svelte/css/common.min.css","../src/lib/css/menu.scss","../src/lib/css/well.scss","../src/lib/css/properties.scss"],"names":[],"mappings":"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","file":"functional.css"}
+{"version":3,"sourceRoot":"","sources":["../node_modules/agnostic-svelte/css/common.min.css","../src/lib/css/menu.scss","../src/lib/css/logo.scss","../src/lib/css/well.scss","../src/lib/css/properties.scss"],"names":[],"mappings":"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","file":"functional.css"}

package/dist/components/Banner.svelte

@@ -1,3 +1,19 @@
+<style>
+    div {
+        background: var(--functional-banner-background);
+    }
+    .well {
+        width: var(--functional-mobile-content-width, 95%);
+        margin: var(--functional-mobile-content-margin, var(--fluid-8));;
+    }
+
+    @media (min-width: 960px) {
+        .well {
+            width: var(--functional-content-width, 100%);
+            margin: auto;
+        }    
+    }
+</style>
 <script>import { Justify, AlignItmes, Orientation } from "./Styling.js";
 export let background = "";
 export let css = "";
@@ -7,19 +23,15 @@ export let orientation = Orientation.Column;
 $:
   klasses = [
     "flex",
+    "well",
     css ? css : "",
     `${orientation}`,
     `${justify}`,
     `${alignItems}`
   ].filter((c) => c).join(" ");
 </script>
-
-<style>
-    div {
-        background: var(--functional-banner-background);
-    }
-</style>
-
-<div style="--functional-banner-background: {background};" class={klasses}>
-    <slot />
+<div style="--functional-banner-background: {background};" >
+    <div class={klasses}>
+        <slot />
+    </div>
 </div>

package/dist/components/Logo.svelte

@@ -1,14 +1,17 @@
 <style>
 	a {
 		display: var(--functional-logo-display, 'inline-block');
-	}	
+		margin: var(--functional-mobile-logo-margin);
+		padding: var(--functional-mobile-logo-padding);
+	}
 	a img {
-		width: 80vw;
+		width: 100%;
 	}
 	
 	@media (min-width: 960px) {
 		a img {
-			width: 100%;
+			margin: var(--functional-logo-margin);
+			padding: var(--functional-logo-padding);
 		}
 	}	
 </style>

package/dist/components/Well.svelte

@@ -1,9 +1,9 @@
-
 <style>
     div {
         width: var(--functional-mobile-content-width, 95%);
         margin: var(--functional-mobile-content-margin, var(--fluid-8));;
     }
+
     @media (min-width: 960px) {
         div {
             width: var(--functional-content-width, 100%);

package/dist/components/layouts/DefaultLayout.svelte

@@ -1,19 +1,7 @@
 <style>
-	:global(html),
-	:global(body),
-	:global(body > div#) {
-		height: 100%;
-	}
-	:global(body > div) {
-		display: flex;
-		flex-direction: column;
-	}
-	:global(body > footer) {
+	footer.sticky {
 		flex-shrink: 0;
 	}
-	div {
-		flex: 1 0 auto;
-	}
 	footer {
 		flex-shrink: 0;
 	}
@@ -40,7 +28,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 id="layout">
+<div id="defaultLayout">
 	{#if $$slots.header}
 		<header>
 			<slot name="header" />
@@ -58,7 +46,7 @@ export let robots = "index, follow";
 </div>
 
 {#if $$slots.sticky_footer}
-	<footer>
+	<footer class="sticky">
 		<slot name="sticky_footer" />
 	</footer>
 {/if}

package/dist/components/menu/FlatMenu.svelte

@@ -1,112 +1,72 @@
 <style>
-    nav > ul {
-        margin: var(--functional-menu-margin, 'auto');
-        padding: var(--functional-menu-padding);
-        background: var(--functional-menu-background);
+	ul {
+		background: var(--functional-menu-background);
+		margin: var(--functional-menu-margin);
+		padding: var(--functional-menu-padding);
+	}
+	li {
 
-        display: none;
-        
-        transition: all 1.25s;
-    }
-    nav > ul > li > a {
-        margin: var(--functional-menu-item-margin);
-        padding: var(--functional-menu-item-padding);
-        display: block;
-        text-align: center;
-
-        color: var(--functional-menu-item-color, var(--primary-color));
-        background: var(--functional-menu-item-background);
-        border-top: var(--functional-menu-item-border-top);
-        border-right: var(--functional-menu-item-border-right);
-        border-bottom: var(--functional-menu-item-border-bottom);
-        border-left: var(--functional-menu-item-border-left);
-    }
-    nav > ul > li > a:hover {
-        color: var(--functional-menu-item-color-hover, var(--primary-color));
-        background: var(--functional-menu-item-hover-background);
-        border-top: var(--functional-menu-item-hover-border-top);
-        border-right: var(--functional-menu-item-hover-border-right);
-        border-bottom: var(--functional-menu-item-hover-border-bottom);
-        border-left: var(--functional-menu-item-hover-border-left);
-    }
-    nav > ul > li[aria-current='true'] > a{
-        color: var(--functional-menu-item-color-selected, var(--primary-color));
-        background: var(--functional-menu-item-selected-background);
-        
-        border-top: var(--functional-menu-item-selected-border-top);
-        border-right: var(--functional-menu-item-selected-border-right);
-        border-bottom: var(--functional-menu-item-selected-border-bottom);
-        border-left: var(--functional-menu-item-selected-border-left);
-    }
-    .show-menu {
-      cursor: pointer;
-    }
-    .nav-icon {
-        display: inline-block;
-        font-size: 1.5em;
-        padding: 0.5em;
-        vertical-align: middle;
-    }
-
-    input.checkbox-menu[type="checkbox"] {
-        display: none;
-    }
-
-    input.checkbox-menu[type="checkbox"]:checked ~ ul {
-        display: block;
-    }
-
-    @media (max-width: 960px) {
-        nav > ul {
-            width: 100%;
-            position: absolute;
-            left: 0;
-            top: 0;
-        }
-    }
-    @media (min-width: 960px) {
-        nav > ul {
-            position: relative;
-            display: flex;
-            align-items: center;
-        }
-        nav > ul > li > a {
-            display: block;
-            text-align: center;
-            height: 100%;
-        }
-        .show-menu {
-            display: none;
-        }
-    }
+	}
+	a {
+		color: var(--functional-menu-item-color );
+		margin: var(--functional-menu-item-margin);
+		padding: var(--functional-menu-item-padding);
+		background: var(--functional-menu-item-background);
+		border-top: var(--functional-menu-item-border-top);
+		border-right: var(--functional-menu-item-border-right);
+		border-bottom: var(--functional-menu-item-border-bottom);
+		border-left: var(--functional-menu-item-border-left);
+		border-radius: var(--functional-menu-item-radius, var(--agnostic-radius));
+		text-decoration: none;
+		display: block;
+	}
+	a:hover {
+		color: var(--functional-menu-item-hover-color);
+		margin: var(--functional-menu-item-hover-margin);
+		padding: var(--functional-menu-item-hover-padding);
+		background: var(--functional-menu-item-hover-background);
+		border-top: var(--functional-menu-item-hover-border-top);
+		border-right: var(--functional-menu-item-hover-border-right);
+		border-bottom: var(--functional-menu-item-hover-border-bottom);
+		border-left: var(--functional-menu-item-hover-border-left);
+		border-radius: var(--functional-menu-item-hover-radius, var(--agnostic-radius));
+	}
+	li[aria-current='true'] a {
+		color: var(--functional-menu-item-selected-color);
+		margin: var(--functional-menu-item-selected-margin);
+		padding: var(--functional-menu-item-selected-padding);
+		background: var(--functional-menu-item-selected-background);
+		border-top: var(--functional-menu-item-selected-border-top);
+		border-right: var(--functional-menu-item-selected-border-right);
+		border-bottom: var(--functional-menu-item-selected-border-bottom);
+		border-left: var(--functional-menu-item-selected-border-left);
+		border-radius: var(--functional-menu-item-selected-radius, var(--agnostic-radius));
+	}
 </style>
 
 <script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
-import { afterNavigate } from "$app/navigation";
+import { page } from "$app/stores";
+import { Placement } from "../Styling.js";
 import { pages as pagesStore } from "../../stores/pages.js";
-export let pages = [];
 export let authentication = false;
 export let css = "";
-const selectVisible = (pages2, visiblity) => pages2.filter(
-  (page) => page?.visiblity === Visiblity.Always || page?.visiblity === visiblity
+export let navCss = "";
+const selectVisible = (pages, visiblity) => pages.filter(
+  (page2) => page2?.visiblity === Visiblity.Always || page2?.visiblity === visiblity
 );
 $:
   visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
 $:
   visibleNavItems = selectVisible($pagesStore, visibility);
-$:
-  selected = false;
-afterNavigate((navigation) => selected = false);
+const klasses = [
+  "flex",
+  "flex-dynamic-row",
+  css ? css : ""
+].filter((c) => c).join(" ");
 </script>
 
-<nav class={css}>
-    <label for="id-show-menu" class="show-menu">
-        <div class="nav-icon">
-            &#9776;
-        </div>
-    </label>
-    <input type="checkbox" id="id-show-menu" class="checkbox-menu" role="button" bind:checked={selected}>
-    <ul>
+<nav class={navCss}>
+    <ul class={klasses}>
         {#each visibleNavItems as pageItem}
             <li aria-current={$page.url.pathname === pageItem.path}>
                 <span class="screenreader-only">Navigate to {pageItem.name}</span>
@@ -116,4 +76,4 @@ afterNavigate((navigation) => selected = false);
             </li>
         {/each}
     </ul>
-</nav>
+</nav> 

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

@@ -1,10 +1,9 @@
 import { SvelteComponent } from "svelte";
-import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        pages?: HeaderNavigationItem[] | undefined;
         authentication?: boolean | undefined;
         css?: string | undefined;
+        navCss?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/menu/HamburgerMenu.svelte

@@ -1,6 +1,6 @@
 <style>
 	:global(.no-border) {
-		border: none!important;;
+		border: none!important;
 	}
 	:global(.dialog-content) {
 		background: var(--functional-menu-background)!important;
@@ -13,15 +13,34 @@
 	}
 	a {
 		display: block;
-		margin: var(--functional-menu-item-margin);
-		padding: var(--functional-menu-item-padding);
 		color: var(--functional-menu-item-color);
+		margin: var(--functional-menu-item-hover-margin);
+		padding: var(--functional-menu-item-hover-padding);
+		background: var(--functional-menu-item-selected-background);
+		border-top: var(--functional-menu-item-selected-border-top);
+		border-right: var(--functional-menu-item-selected-border-right);
+		border-bottom: var(--functional-menu-item-selected-border-bottom);
+		border-left: var(--functional-menu-item-selected-border-left);
 	}
 	a:hover {
+		color: var(--functional-menu-item-hover-color);
 		margin: var(--functional-menu-item-hover-margin);
 		padding: var(--functional-menu-item-hover-padding);
-		color: var(--functional-menu-item-hover-color);
-		text-decoration: var(--functional-menu-item-hover-text-decoration);
+		background: var(--functional-menu-item-selected-background);
+		border-top: var(--functional-menu-item-selected-border-top);
+		border-right: var(--functional-menu-item-selected-border-right);
+		border-bottom: var(--functional-menu-item-selected-border-bottom);
+		border-left: var(--functional-menu-item-selected-border-left);
+	}
+	li[aria-current='true'] {
+		color: var(--functional-menu-item-selected-color);
+		margin: var(--functional-menu-item-hover-margin);
+		padding: var(--functional-menu-item-hover-padding);
+		background: var(--functional-menu-item-selected-background);
+		border-top: var(--functional-menu-item-selected-border-top);
+		border-right: var(--functional-menu-item-selected-border-right);
+		border-bottom: var(--functional-menu-item-selected-border-bottom);
+		border-left: var(--functional-menu-item-selected-border-left);
 	}
 </style>
 

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.4.2",
+	"version": "2.5.0",
 	"watch": {
 		"build": {
 			"patterns": [
 				"src"
 			],
-			"extensions": "ts,svelte",
+			"extensions": "ts,svelte,scss",
 			"legacyWatch": true
 		}
 	},