@functionalcms/svelte-components 2.41.8 → 3.0.0

package/dist/components/agnostic/Switch/Switch.svelte.d.ts

@@ -4,9 +4,9 @@
 export default class Switch extends SvelteComponent<{
     size?: string | undefined;
     css?: string | undefined;
+    id?: string | undefined;
     isDisabled?: boolean | undefined;
     isBordered?: boolean | undefined;
-    id?: string | undefined;
     label?: string | undefined;
     labelPosition?: string | undefined;
     isChecked?: boolean | undefined;
@@ -25,9 +25,9 @@ declare const __propDef: {
     props: {
         size?: string | undefined;
         css?: string | undefined;
+        id?: string | undefined;
         isDisabled?: boolean | undefined;
         isBordered?: boolean | undefined;
-        id?: string | undefined;
         label?: string | undefined;
         labelPosition?: string | undefined;
         isChecked?: boolean | undefined;

package/dist/components/layouts/DefaultLayout.svelte

@@ -1,7 +1,4 @@
 <script>import { page } from "$app/stores";
-import { title, suffix } from "../../stores/title";
-import { metaDescription, metaKeywords } from "../../stores/meta";
-export let robots = "index, follow";
 export let headerIsSticky = false;
 export let tracker = "";
 export let canonicalUrl = "";
@@ -9,22 +6,9 @@ $: headerCss = headerIsSticky ? "sticky" : "";
 </script>
 
 <svelte:head>
-	<script
-		data-goatcounter="https://{tracker}.goatcounter.com/count"
-		async
-		src="//gc.zgo.at/count.js"
-	></script>
 	<link rel="canonical" href="{canonicalUrl}{$page.url.pathname}" />
-
-	<title>{$title}{$suffix}</title>
-	<meta name="og:title" property="og:title" content="{$title}{$suffix}" />
-	<meta name="twitter:card" content="{$title}{$suffix}" />
-
-	<meta name="robots" content={robots} />
-	<meta name="description" content={$metaDescription} />
-	<meta name="keywords" content={$metaKeywords} />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </svelte:head>
+
 <div id="defaultLayout">
 	{#if $$slots.header}
 		<header class={headerCss}>

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

@@ -1,7 +1,6 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        robots?: string;
         headerIsSticky?: boolean;
         tracker?: string;
         canonicalUrl?: string;

package/dist/components/layouts/Meta.svelte

@@ -0,0 +1,16 @@
+<script>export let title = "";
+export let description = "";
+export let keywords = "";
+export let robots = "index, follow";
+export let charset = "UTF-8";
+export let viewport = "width=device-width, initial-scale=1.0";
+</script>
+
+<svelte:head>
+    <title>{title}</title>
+    <meta name="description" content={description}>
+    <meta name="keywords" content={keywords}>
+    <meta name="robots" content={robots}>
+    <meta name="viewport" content={viewport}>
+    <meta charset={charset}>
+</svelte:head>

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string;
+        description?: string;
+        keywords?: string;
+        robots?: string;
+        charset?: string;
+        viewport?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type MetaProps = typeof __propDef.props;
+export type MetaEvents = typeof __propDef.events;
+export type MetaSlots = typeof __propDef.slots;
+export default class Meta extends SvelteComponent<MetaProps, MetaEvents, MetaSlots> {
+}
+export {};

package/dist/components/layouts/Tracker.svelte

@@ -0,0 +1,17 @@
+<script>export let domain;
+</script>
+
+<svelte:head>
+	<script
+		defer
+		data-domain={domain}
+		src="https://plausible.io/js/script.file-downloads.outbound-links.js"
+	></script>
+	<script>
+		window.plausible =
+			window.plausible ||
+			function () {
+				(window.plausible.q = window.plausible.q || []).push(arguments);
+			};
+	</script>
+</svelte:head>

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

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        domain: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type TrackerProps = typeof __propDef.props;
+export type TrackerEvents = typeof __propDef.events;
+export type TrackerSlots = typeof __propDef.slots;
+export default class Tracker extends SvelteComponent<TrackerProps, TrackerEvents, TrackerSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export { default as DropDownMenu } from './components/menu/Menu.svelte';
 export { Visiblity, HeaderNavigationItem } from './components/menu/Menu.js';
 export { default as Banner } from './components/Banner.svelte';
 export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
+export { default as Meta } from './components/layouts/Meta.svelte';
+export { default as Tracker } from './components/layouts/Tracker.svelte';
 export { default as TwoColumnsLayout } from './components/layouts/TwoColumnsLayout.svelte';
 export { default as Logo } from './components/Logo.svelte';
 export { default as SimpleFooter } from './components/SimpleFooter.svelte';
@@ -22,9 +24,6 @@ export type { BlogPost } from './components/blog/BlogPost.js';
 export { importPost, listAllPosts } from './components/blog/blog.js';
 export { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
 export { ShowItem } from './components/presentation/ShowItem.js';
-export { title, suffix } from './stores/title.js';
-export { pages } from './stores/pages.js';
-export { metaDescription, metaKeywords } from './stores/meta.js';
 export { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
 export { default as Alert } from './components/agnostic/Alert/Alert.svelte';
 export { default as Avatar } from './components/agnostic/Avatar/Avatar.svelte';

package/dist/index.js

@@ -6,6 +6,8 @@ export { default as DropDownMenu } from './components/menu/Menu.svelte';
 export { Visiblity, HeaderNavigationItem } from './components/menu/Menu.js';
 export { default as Banner } from './components/Banner.svelte';
 export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
+export { default as Meta } from './components/layouts/Meta.svelte';
+export { default as Tracker } from './components/layouts/Tracker.svelte';
 export { default as TwoColumnsLayout } from './components/layouts/TwoColumnsLayout.svelte';
 export { default as Logo } from './components/Logo.svelte';
 export { default as SimpleFooter } from './components/SimpleFooter.svelte';
@@ -21,9 +23,6 @@ export { default as BlogTitle } from './components/blog/BlogTitle.svelte';
 export { importPost, listAllPosts } from './components/blog/blog.js';
 export { convertShowItemsToNavigationItems } from './components/converters/ShowItemToNavigationItems.js';
 export { ShowItem } from './components/presentation/ShowItem.js';
-export { title, suffix } from './stores/title.js';
-export { pages } from './stores/pages.js';
-export { metaDescription, metaKeywords } from './stores/meta.js';
 export { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
 export { default as Alert } from './components/agnostic/Alert/Alert.svelte';
 export { default as Avatar } from './components/agnostic/Avatar/Avatar.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.41.8",
+	"version": "3.0.0",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -48,15 +48,15 @@
 		"@functionalcms/services": "latest",
 		"@sveltejs/adapter-auto": "^3.1.0",
 		"@sveltejs/package": "^2.2.5",
-		"@sveltejs/vite-plugin-svelte": "^3.0.1",
-		"npm-watch": "^0.11.0",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.0.0",
+		"vite": "^5.4.11",
 		"publint": "^0.2.7",
 		"sass": "^1.69.7",
-		"svelte": "^4.2.18",
-		"svelte-check": "^3.6.2",
-		"tslib": "^2.6.2",
-		"typescript": "^5.3.3",
-		"vite": "^5.0.10"
+		"tslib": "^2.6.2"
 	},
 	"dependencies": {
 		"@floating-ui/dom": "^1.6.12",

package/dist/stores/meta.d.ts

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

package/dist/stores/meta.js

@@ -1,3 +0,0 @@
-import { get, writable } from 'svelte/store';
-export const metaDescription = writable("");
-export const metaKeywords = writable("");

package/dist/stores/pages.d.ts

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

package/dist/stores/pages.js

@@ -1,7 +0,0 @@
-import { writable } from 'svelte/store';
-import { HeaderNavigationItem } from "../components/menu/Menu.js";
-function createPages() {
-    const pages = writable(new Array());
-    return pages;
-}
-export const pages = createPages();

package/dist/stores/title.d.ts

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

package/dist/stores/title.js

@@ -1,11 +0,0 @@
-import { get, writable } from 'svelte/store';
-function createTitle() {
-    const title = writable("");
-    return title;
-}
-export const title = createTitle();
-function createSuffix() {
-    const suffix = writable("");
-    return suffix;
-}
-export const suffix = createSuffix();