@functionalcms/svelte-components 2.3.0 → 2.3.1

package/dist/components/Logo.svelte

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

package/dist/components/menu/FlatMenu.svelte

@@ -85,7 +85,7 @@
 <script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
 import { afterNavigate } from "$app/navigation";
 import { page } from "$app/stores";
-export let pages = [];
+import { pages } from "./../../stores/pages";
 export let authentication = false;
 export let css = "";
 const selectVisible = (pages2, visiblity) => pages2.filter(
@@ -94,7 +94,7 @@ const selectVisible = (pages2, visiblity) => pages2.filter(
 $:
   visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
 $:
-  visibleNavItems = selectVisible(pages, visibility);
+  visibleNavItems = selectVisible($pages, visibility);
 $:
   selected = false;
 afterNavigate((navigation) => selected = false);

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

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

package/dist/components/menu/HamburgerMenu.svelte

@@ -30,7 +30,7 @@ import { afterNavigate } from "$app/navigation";
 import { Drawer, Button } from "agnostic-svelte";
 import { page } from "$app/stores";
 import { Placement } from "../Styling.js";
-export let pages = [];
+import { pages } from "./../../stores/pages";
 export let authentication = false;
 export let css = "";
 export let noBorder = false;
@@ -41,7 +41,7 @@ const selectVisible = (pages2, visiblity) => pages2.filter(
 $:
   visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
 $:
-  visibleNavItems = selectVisible(pages, visibility);
+  visibleNavItems = selectVisible($pages, visibility);
 let drawer = null;
 const assignDrawerRef = (ev) => {
   drawer = ev.detail.instance;

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

@@ -1,9 +1,7 @@
 import { SvelteComponent } from "svelte";
-import { HeaderNavigationItem } from './Menu.js';
 import { Placement } from '../Styling.js';
 declare const __propDef: {
     props: {
-        pages?: HeaderNavigationItem[] | undefined;
         authentication?: boolean | undefined;
         css?: string | undefined;
         noBorder?: boolean | undefined;

package/dist/index.d.ts

@@ -7,6 +7,9 @@ import Logo from './components/Logo.svelte';
 import SimpleFooter from './components/SimpleFooter.svelte';
 import Spacer from './components/Spacer.svelte';
 import Well from './components/Well.svelte';
+import { title } from './stores/title.js';
+import { pages } from './stores/pages.js';
+import { meta } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { FlatMenu, HamburgerMenu, Visiblity, HeaderNavigationItem, Banner, DefaultLayout, Logo, SimpleFooter, Spacer, Well, Justify, Placement, Orientation, Position, Sizes, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { FlatMenu, HamburgerMenu, Visiblity, HeaderNavigationItem, Banner, DefaultLayout, Logo, SimpleFooter, Spacer, Well, Justify, Placement, Orientation, Position, Sizes, title, pages, meta, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };

package/dist/index.js

@@ -8,6 +8,9 @@ import Logo from './components/Logo.svelte';
 import SimpleFooter from './components/SimpleFooter.svelte';
 import Spacer from './components/Spacer.svelte';
 import Well from './components/Well.svelte';
+import { title } from './stores/title.js';
+import { pages } from './stores/pages.js';
+import { meta } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { FlatMenu, HamburgerMenu, Visiblity, HeaderNavigationItem, Banner, DefaultLayout, Logo, SimpleFooter, Spacer, Well, Justify, Placement, Orientation, Position, Sizes, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { FlatMenu, HamburgerMenu, Visiblity, HeaderNavigationItem, Banner, DefaultLayout, Logo, SimpleFooter, Spacer, Well, Justify, Placement, Orientation, Position, Sizes, title, pages, meta, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Menu, MenuItem, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };

package/dist/stores/meta.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { type Writable } from 'svelte/store';
-export declare const title: {
+export declare const meta: {
     description: Writable<string>;
     keywords: Writable<string>;
     setDescription: (descriptionText: string) => void;

package/dist/stores/meta.js

@@ -9,4 +9,4 @@ function createMeta() {
         setKeywords: (keywordsText) => description.set(keywordsText),
     };
 }
-export const title = createMeta();
+export const meta = createMeta();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"scripts": {
 		"dev": "vite dev",
 		"build-css": "sass ./src/lib/css/properties.scss ./css/functional.css",