@functionalcms/svelte-components 2.1.10 → 2.1.12

package/dist/components/Banner.svelte

@@ -6,6 +6,7 @@ $:
     css ? css : ""
   ].filter((c) => c).join(" ");
 </script>
+
 <style>
     div {
         background: var(--functional-banner-background);

package/dist/components/Well.svelte

@@ -12,7 +12,7 @@
     }
 </style>
 
-<script>import { Orientation } from "../Styling";
+<script>import { Orientation } from "./Styling.js";
 export let css = "";
 export let orientation = Orientation.Column;
 $:

package/dist/components/Well.svelte.d.ts

@@ -1,8 +1,9 @@
 import { SvelteComponent } from "svelte";
+import { Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
         css?: string | undefined;
-        orientation?: any;
+        orientation?: Orientation | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/menu/FlatMenu.svelte

@@ -1,21 +1,4 @@
-<script>import { Visiblity } from "../../Visiblity";
-import { HeaderNavigationItem } from "../../HeaderNavigationItem";
-import { afterNavigate } from "$app/navigation";
-import { page } from "$app/stores";
-export let pages = [];
-export let authentication = false;
-export let css = "";
-const selectVisible = (pages2, visiblity) => pages2.filter(
-  (page2) => page2?.visiblity === Visiblity.Always || page2?.visiblity === visiblity
-);
-$:
-  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
-$:
-  visibleNavItems = selectVisible(pages, visibility);
-$:
-  selected = false;
-afterNavigate((navigation) => selected = false);
-</script>
+
 <style>
     nav > ul {
         margin: var(--functional-menu-margin, 'auto');
@@ -99,6 +82,24 @@ afterNavigate((navigation) => selected = false);
     }
 </style>
 
+<script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
+import { afterNavigate } from "$app/navigation";
+import { page } from "$app/stores";
+export let pages = [];
+export let authentication = false;
+export let css = "";
+const selectVisible = (pages2, visiblity) => pages2.filter(
+  (page2) => page2?.visiblity === Visiblity.Always || page2?.visiblity === visiblity
+);
+$:
+  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+$:
+  visibleNavItems = selectVisible(pages, visibility);
+$:
+  selected = false;
+afterNavigate((navigation) => selected = false);
+</script>
+
 <nav class={css}>
     <label for="id-show-menu" class="show-menu">
         <div class="nav-icon">

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
         pages?: HeaderNavigationItem[] | undefined;

package/dist/components/menu/HamburgerMenu.svelte

@@ -1,8 +1,4 @@
 <style>
-	.sticky {
-		display: block;
-		position: absolute;
-	}
 	:global(.no-border) {
 		border: none!important;;
 	}
@@ -57,6 +53,7 @@ const klasses = [
   noBorder ? "no-border" : ""
 ].filter((c) => c).join(" ");
 </script>
+
 <Button 
 		type="button"
 		data-a11y-dialog-show="drawer-start-test" 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.1.10",
+	"version": "2.1.12",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -15,7 +15,8 @@
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js"
 		},
-		"./dist/css/properties.css": "./css/properties.css",
+		"./dist/css/properties.css": "./dist/css/properties.css",
+		"./css/properties.css": "./dist/css/properties.css",
 		"./package.json": "./package.json"
 	},
 	"files": [