@functionalcms/svelte-components 2.18.0 → 2.18.1

package/dist/components/Banner.svelte

@@ -23,20 +23,18 @@ export let bannerCss = "";
 export let justify = Justify.Start;
 export let alignItems = AlignItmes.Start;
 export let orientation = Orientation.Column;
-$:
-  klasses = [
-    "flex",
-    "well",
-    css ? css : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
-$:
-  bannerKlasses = [
-    "banner",
-    bannerCss
-  ].filter((c) => c).join(" ");
+$: klasses = [
+  "flex",
+  "well",
+  css ? css : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
+$: bannerKlasses = [
+  "banner",
+  bannerCss
+].filter((c) => c).join(" ");
 </script>
 <div class={bannerKlasses} style="--functional-banner-background: {background};" >
     <div class={klasses}>

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

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import { Justify, AlignItmes, Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
-        background?: string | undefined;
-        css?: string | undefined;
-        bannerCss?: string | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        background?: string;
+        css?: string;
+        bannerCss?: string;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,6 +15,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BannerProps = typeof __propDef.props;
 export type BannerEvents = typeof __propDef.events;

package/dist/components/Link.svelte

@@ -307,32 +307,29 @@ export let size = ComponentSize.Normal;
 export let justify = Justify.Center;
 export let alignItems = AlignItmes.Center;
 export let orientation = Orientation.Row;
-$:
-  isSmall = size === ComponentSize.Small;
-$:
-  isLarge = size === ComponentSize.Large;
-$:
-  klasses = [
-    "btn",
-    isPrimary ? "btn-primary" : "",
-    isDisabled ? "disabled" : "",
-    isBordered ? "btn-bordered" : "",
-    isSecondary ? "btn-secondary" : "",
-    idRounded ? "btn-rounded" : "",
-    idPill ? "btn-pill" : "",
-    idBlock ? "btn-block" : "",
-    idCapsule ? "btn-capsule" : "",
-    idCircle ? "btn-circle" : "",
-    idGrouped ? "btn-grouped" : "",
-    isLarge ? "btn-large" : "",
-    isSmall ? "btn-small" : "",
-    isLarge && isCircle ? "btn-large btn-circle-large" : "",
-    isSmall && idCircle ? "btn-small btn-circle-small" : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`,
-    css ? css : ""
-  ].filter((c) => c).join(" ");
+$: isSmall = size === ComponentSize.Small;
+$: isLarge = size === ComponentSize.Large;
+$: klasses = [
+  "btn",
+  isPrimary ? "btn-primary" : "",
+  isDisabled ? "disabled" : "",
+  isBordered ? "btn-bordered" : "",
+  isSecondary ? "btn-secondary" : "",
+  idRounded ? "btn-rounded" : "",
+  idPill ? "btn-pill" : "",
+  idBlock ? "btn-block" : "",
+  idCapsule ? "btn-capsule" : "",
+  idCircle ? "btn-circle" : "",
+  idGrouped ? "btn-grouped" : "",
+  isLarge ? "btn-large" : "",
+  isSmall ? "btn-small" : "",
+  isLarge && isCircle ? "btn-large btn-circle-large" : "",
+  isSmall && idCircle ? "btn-small btn-circle-small" : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`,
+  css ? css : ""
+].filter((c) => c).join(" ");
 </script>
 <a class={klasses} href={href}>
     <slot />

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

@@ -2,23 +2,23 @@ import { SvelteComponent } from "svelte";
 import { AlignItmes, ComponentSize, Justify, Orientation } from './Styling.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        href?: string | undefined;
-        isPrimary?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isBordered?: boolean | undefined;
-        isSecondary?: boolean | undefined;
-        idRounded?: boolean | undefined;
-        idPill?: boolean | undefined;
-        idBlock?: boolean | undefined;
-        idCapsule?: boolean | undefined;
-        idCircle?: boolean | undefined;
-        idGrouped?: boolean | undefined;
-        isCircle?: boolean | undefined;
-        size?: ComponentSize | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        css?: string;
+        href?: string;
+        isPrimary?: boolean;
+        isDisabled?: boolean;
+        isBordered?: boolean;
+        isSecondary?: boolean;
+        idRounded?: boolean;
+        idPill?: boolean;
+        idBlock?: boolean;
+        idCapsule?: boolean;
+        idCircle?: boolean;
+        idGrouped?: boolean;
+        isCircle?: boolean;
+        size?: ComponentSize;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,6 +26,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LinkProps = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;

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

@@ -9,12 +9,14 @@ declare const __propDef: {
              */ logoUrl: string;
         /**
              * @type {string}
-             */ css?: string | undefined;
+             */ css?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LogoProps = typeof __propDef.props;
 export type LogoEvents = typeof __propDef.events;

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

@@ -3,10 +3,10 @@ declare const __propDef: {
     props: {
         /**
              * @type {string}
-             */ companyName?: string | undefined;
+             */ companyName?: string;
         /**
              * @type {string}
-             */ motto?: string | undefined;
+             */ motto?: string;
         /**
              * @type {string}
              */ logoUrl: string;
@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SimpleFooterProps = typeof __propDef.props;
 export type SimpleFooterEvents = typeof __propDef.events;

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

@@ -2,13 +2,15 @@ import { SvelteComponent } from "svelte";
 import { Sizes } from "./Styling";
 declare const __propDef: {
     props: {
-        width?: Sizes | undefined;
-        height?: Sizes | undefined;
+        width?: Sizes;
+        height?: Sizes;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SpacerProps = typeof __propDef.props;
 export type SpacerEvents = typeof __propDef.events;

package/dist/components/Well.svelte

@@ -17,14 +17,13 @@ export let css = "";
 export let orientation = Orientation.Column;
 export let justify = Justify.Start;
 export let alignItems = AlignItmes.Start;
-$:
-  klasses = [
-    "flex",
-    css ? css : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
+$: klasses = [
+  "flex",
+  css ? css : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
 </script>
 
 <div class={klasses}>

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

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import { AlignItmes, Justify, Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        orientation?: Orientation | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
+        css?: string;
+        orientation?: Orientation;
+        justify?: Justify;
+        alignItems?: AlignItmes;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type WellProps = typeof __propDef.props;
 export type WellEvents = typeof __propDef.events;

package/dist/components/blog/BlogDescription.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         readMore: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BlogDescriptionProps = typeof __propDef.props;
 export type BlogDescriptionEvents = typeof __propDef.events;

package/dist/components/blog/BlogTitle.svelte.d.ts

@@ -1,14 +1,16 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        slug?: string | undefined;
-        path?: string | undefined;
+        slug?: string;
+        path?: string;
         title: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BlogTitleProps = typeof __propDef.props;
 export type BlogTitleEvents = typeof __propDef.events;

package/dist/components/layouts/DefaultLayout.svelte

@@ -17,8 +17,7 @@ export let robots = "index, follow";
 export let headerIsSticky = false;
 export let tracker = "";
 export let canonicalUrl = "";
-$:
-  headerCss = headerIsSticky ? "sticky" : "";
+$: headerCss = headerIsSticky ? "sticky" : "";
 </script>
 
 <svelte:head>

package/dist/components/layouts/DefaultLayout.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        robots?: string | undefined;
-        headerIsSticky?: boolean | undefined;
-        tracker?: string | undefined;
-        canonicalUrl?: string | undefined;
+        robots?: string;
+        headerIsSticky?: boolean;
+        tracker?: string;
+        canonicalUrl?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,6 +15,8 @@ declare const __propDef: {
         footer: {};
         sticky_footer: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefaultLayoutProps = typeof __propDef.props;
 export type DefaultLayoutEvents = typeof __propDef.events;

package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        leftCss?: string | undefined;
-        rightCss?: string | undefined;
+        leftCss?: string;
+        rightCss?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
         left: {};
         right: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TwoColumnsLayoutProps = typeof __propDef.props;
 export type TwoColumnsLayoutEvents = typeof __propDef.events;

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

@@ -2,14 +2,16 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ColumnMenuProps = typeof __propDef.props;
 export type ColumnMenuEvents = typeof __propDef.events;

package/dist/components/menu/DynamicMenu.svelte

@@ -6,12 +6,9 @@ import { page } from "$app/stores";
 export let css = "";
 export let navCss = "";
 export let localPages = [];
-$:
-  activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
-$:
-  pagesVisiblity = isAuthenticated(page);
-$:
-  visibleNavItems = selectVisible(activePages, pagesVisiblity);
+$: activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
+$: pagesVisiblity = isAuthenticated($page);
+$: visibleNavItems = selectVisible(activePages, pagesVisiblity);
 const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).join(" ");
 </script>
 

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

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        navCss?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
+        css?: string;
+        navCss?: string;
+        localPages?: Array<HeaderNavigationItem>;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +17,8 @@ declare const __propDef: {
             pages: any[];
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DynamicMenuProps = typeof __propDef.props;
 export type DynamicMenuEvents = typeof __propDef.events;

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

@@ -2,14 +2,16 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FlatMenuProps = typeof __propDef.props;
 export type FlatMenuEvents = typeof __propDef.events;

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

@@ -3,16 +3,18 @@ import { HeaderNavigationItem } from './Menu.js';
 import { Placement } from '../Styling.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        noBorder?: boolean | undefined;
-        placement?: Placement | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        noBorder?: boolean;
+        placement?: Placement;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HamburgerMenuProps = typeof __propDef.props;
 export type HamburgerMenuEvents = typeof __propDef.events;

package/dist/components/menu/authentication.js

@@ -1,8 +1,7 @@
 import { Visiblity } from '@functionalcms/svelte-components';
 import { get } from 'svelte/store';
 export function isAuthenticated(page) {
-    const pageStore = get(page);
-    const isAuthenticated = pageStore?.data?.session != null;
+    const isAuthenticated = page?.data?.session != null;
     const visibility = isAuthenticated ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
     return visibility;
 }

package/dist/components/presentation/Carusel.svelte.d.ts

@@ -2,13 +2,15 @@ import { SvelteComponent } from "svelte";
 import type { CaruseleItem } from "./Carusele";
 declare const __propDef: {
     props: {
-        items?: CaruseleItem[] | undefined;
-        perPage?: number | undefined;
+        items?: Array<CaruseleItem>;
+        perPage?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CaruselProps = typeof __propDef.props;
 export type CaruselEvents = typeof __propDef.events;

package/dist/components/presentation/Gallery.svelte

@@ -5,14 +5,13 @@ export let css = "";
 export let justify = Justify.Between;
 export let alignItems = AlignItmes.Center;
 export let orientation = Orientation.DynamicRow;
-$:
-  galleryKlasses = [
-    "flex",
-    css,
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
+$: galleryKlasses = [
+  "flex",
+  css,
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
 </script>
 <Card css={galleryKlasses}>
     {#each items as item}

package/dist/components/presentation/Gallery.svelte.d.ts

@@ -3,11 +3,11 @@ import type { ShowItem } from './ShowItem.js';
 import { AlignItmes, Justify, Orientation } from '../Styling.js';
 declare const __propDef: {
     props: {
-        items?: ShowItem[] | undefined;
-        css?: string | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        items?: Array<ShowItem>;
+        css?: string;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +17,8 @@ declare const __propDef: {
             item: ShowItem;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type GalleryProps = typeof __propDef.props;
 export type GalleryEvents = typeof __propDef.events;

package/dist/stores/meta.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Writable } from 'svelte/store';
 export declare const metaDescription: Writable<string>;
 export declare const metaKeywords: Writable<string>;

package/dist/stores/pages.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="svelte" />
 import { HeaderNavigationItem } from "../components/menu/Menu.js";
 export declare const pages: import("svelte/store").Writable<HeaderNavigationItem[]>;

package/dist/stores/title.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="svelte" />
 export declare const title: import("svelte/store").Writable<string>;
 export declare const suffix: import("svelte/store").Writable<string>;

package/package.json

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