@functionalcms/svelte-components 3.5.19 → 4.0.0-pre

package/dist/components/menu/NavigationItems.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-	import { type HeaderNavigationItem, isSelected, defaultCss } from './Menu.js';
-	import { Orientation } from '../Styling.js';
-	import { page } from '$app/state';
-	import { mergedClasses } from '../CssHelper.js';
-
-	interface CssProps {
-		container: string[];
-		link: string[];
-	}
-
-	export let css: CssProps = defaultCss;
-
-	export let localPages: Array<HeaderNavigationItem> = [];
-
-	export let orientation: Orientation = Orientation.Column;
-
-	export let includeSubpagesForSelect: boolean = true;
-
-	const cssClasses: CssProps = { ...defaultCss, ...css };
-	const containerCss = mergedClasses('flex', orientation,...cssClasses.container);
-	const linkCss = mergedClasses(...cssClasses.link);
-</script>
-
-<ul class={containerCss} role="menu" aria-label="menu">
-	{#each localPages as pageItem}
-		<li
-			data-selected={isSelected(includeSubpagesForSelect, page, pageItem)}
-			class={linkCss}
-			role="none"
-		>
-			<span class="screenreader-only">Navigate to {pageItem.name}</span>
-			<a href={pageItem.path} role="menuitem">
-				{pageItem.name}
-			</a>
-			{#if pageItem?.subItems?.length > 0}
-				<slot name="subItems" subpages={pageItem.subItems} />
-			{/if}
-		</li>
-	{/each}
-</ul>
-
-<style>
-</style>

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

@@ -1,32 +0,0 @@
-import { type HeaderNavigationItem } from './Menu.js';
-import { Orientation } from '../Styling.js';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const NavigationItems: $$__sveltets_2_IsomorphicComponent<{
-    css?: {
-        container: string[];
-        link: string[];
-    };
-    localPages?: Array<HeaderNavigationItem>;
-    orientation?: Orientation;
-    includeSubpagesForSelect?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    subItems: {
-        subpages: HeaderNavigationItem[] | undefined;
-    };
-}, {}, string>;
-type NavigationItems = InstanceType<typeof NavigationItems>;
-export default NavigationItems;

package/dist/components/menu/authentication.d.ts

@@ -1 +0,0 @@
-export declare function isAuthenticated(page: any): any;

package/dist/components/menu/authentication.js

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

package/dist/components/presentation/Carousel/carousel-content.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import emblaCarouselSvelte from "embla-carousel-svelte";
-	import { getEmblaContext } from "./context.js";
-	import { cn } from "../../../utils.js";
-
-	type $$Props = HTMLAttributes<HTMLDivElement>;
-
-	let className: string | undefined | null = undefined;
-	export { className as class };
-
-	const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");
-</script>
-
-<div
-	class="overflow-hidden"
-	use:emblaCarouselSvelte={{
-		options: {
-			container: "[data-embla-container]",
-			slides: "[data-embla-slide]",
-			...$options,
-			axis: $orientation === "horizontal" ? "x" : "y",
-		},
-		plugins: $plugins,
-	}}
-	on:emblaInit={onInit}
->
-	<div
-		class={cn("flex", $orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)}
-		data-embla-container=""
-		{...$$restProps}
-	>
-		<slot />
-	</div>
-</div>

package/dist/components/presentation/Carousel/carousel-content.svelte.d.ts

@@ -1,28 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const CarouselContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type CarouselContent = InstanceType<typeof CarouselContent>;
-export default CarouselContent;

package/dist/components/presentation/Carousel/carousel-item.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { getEmblaContext } from "./context.js";
-	import { cn } from "../../../utils.js";
-
-	type $$Props = HTMLAttributes<HTMLDivElement>;
-	let className: string | undefined | null = undefined;
-	export { className as class };
-
-	const { orientation } = getEmblaContext("<Carousel.Item/>");
-</script>
-
-<div
-	role="group"
-	aria-roledescription="slide"
-	class={cn(
-		"min-w-0 shrink-0 grow-0 basis-full",
-		$orientation === "horizontal" ? "pl-4" : "pt-4",
-		className
-	)}
-	data-embla-slide=""
-	{...$$restProps}
->
-	<slot />
-</div>

package/dist/components/presentation/Carousel/carousel-item.svelte.d.ts

@@ -1,28 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const CarouselItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type CarouselItem = InstanceType<typeof CarouselItem>;
-export default CarouselItem;

package/dist/components/presentation/Carousel/carousel-next.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import ArrowRight from "lucide-svelte/icons/arrow-right";
-	import type { VariantProps } from "tailwind-variants";
-	import { getEmblaContext } from "./context.js";
-	import { cn } from "../../../utils.js";
-	import {
-		Button,
-		type Props,
-		type buttonVariants,
-	} from "../../../registry/default/ui/button/index.js";
-
-	type $$Props = Props;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
-	export let variant: VariantProps<typeof buttonVariants>["variant"] = "outline";
-	export let size: VariantProps<typeof buttonVariants>["size"] = "icon";
-	const { orientation, canScrollNext, scrollNext, handleKeyDown } =
-		getEmblaContext("<Carousel.Next/>");
-</script>
-
-<Button
-	{variant}
-	{size}
-	class={cn(
-		"absolute h-8 w-8 touch-manipulation rounded-full",
-		$orientation === "horizontal"
-			? "-right-12 top-1/2 -translate-y-1/2"
-			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-		className
-	)}
-	disabled={!$canScrollNext}
-	on:click={scrollNext}
-	on:keydown={handleKeyDown}
-	{...$$restProps}
->
-	<ArrowRight class="h-4 w-4" />
-	<span class="sr-only">Next slide</span>
-</Button>

package/dist/components/presentation/Carousel/carousel-next.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CarouselNext: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CarouselNext = InstanceType<typeof CarouselNext>;
-export default CarouselNext;

package/dist/components/presentation/Carousel/carousel-previous.svelte

@@ -1,40 +0,0 @@
-<script lang="ts">
-	import ArrowLeft from "lucide-svelte/icons/arrow-left";
-	import type { VariantProps } from "tailwind-variants";
-	import { getEmblaContext } from "./context.js";
-	import { cn } from "../../../utils.js";
-	import {
-		Button,
-		type Props,
-		type buttonVariants,
-	} from "../../../registry/default/ui/button/index.js";
-
-	type $$Props = Props;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
-	export let variant: VariantProps<typeof buttonVariants>["variant"] = "outline";
-	export let size: VariantProps<typeof buttonVariants>["size"] = "icon";
-
-	const { orientation, canScrollPrev, scrollPrev, handleKeyDown } =
-		getEmblaContext("<Carousel.Previous/>");
-</script>
-
-<Button
-	{variant}
-	{size}
-	class={cn(
-		"absolute h-8 w-8 touch-manipulation rounded-full",
-		$orientation === "horizontal"
-			? "-left-12 top-1/2 -translate-y-1/2"
-			: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-		className
-	)}
-	disabled={!$canScrollPrev}
-	on:click={scrollPrev}
-	on:keydown={handleKeyDown}
-	{...$$restProps}
->
-	<ArrowLeft class="h-4 w-4" />
-	<span class="sr-only">Previous slide</span>
-</Button>

package/dist/components/presentation/Carousel/carousel-previous.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const CarouselPrevious: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type CarouselPrevious = InstanceType<typeof CarouselPrevious>;
-export default CarouselPrevious;

package/dist/components/presentation/Carousel/carousel.svelte

@@ -1,99 +0,0 @@
-<script lang="ts">
-	import { writable } from "svelte/store";
-	import { onDestroy } from "svelte";
-	import { type CarouselAPI, type CarouselProps, setEmblaContext } from "./context.js";
-	import { mergedClasses } from "../../CssHelper.js";
-
-	type $$Props = CarouselProps;
-
-	export let opts = {};
-	export let plugins: NonNullable<$$Props["plugins"]> = [];
-	export let api: $$Props["api"] = undefined;
-	export let orientation: NonNullable<$$Props["orientation"]> = "horizontal";
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
-
-	const apiStore = writable<CarouselAPI | undefined>(undefined);
-	const orientationStore = writable(orientation);
-	const canScrollPrev = writable(false);
-	const canScrollNext = writable(false);
-	const optionsStore = writable(opts);
-	const pluginStore = writable(plugins);
-	const scrollSnapsStore = writable<number[]>([]);
-	const selectedIndexStore = writable(0);
-
-	$: orientationStore.set(orientation);
-	$: pluginStore.set(plugins);
-	$: optionsStore.set(opts);
-
-	function scrollPrev() {
-		api?.scrollPrev();
-	}
-	function scrollNext() {
-		api?.scrollNext();
-	}
-	function scrollTo(index: number, jump?: boolean) {
-		api?.scrollTo(index, jump);
-	}
-
-	function onSelect(api: CarouselAPI) {
-		if (!api) return;
-		canScrollPrev.set(api.canScrollPrev());
-		canScrollNext.set(api.canScrollNext());
-		selectedIndexStore.set(api.selectedScrollSnap());
-	}
-
-	$: if (api) {
-		onSelect(api);
-		api.on("select", onSelect);
-		api.on("reInit", onSelect);
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === "ArrowLeft") {
-			e.preventDefault();
-			scrollPrev();
-		} else if (e.key === "ArrowRight") {
-			e.preventDefault();
-			scrollNext();
-		}
-	}
-
-	setEmblaContext({
-		api: apiStore,
-		scrollPrev,
-		scrollNext,
-		orientation: orientationStore,
-		canScrollNext,
-		canScrollPrev,
-		handleKeyDown,
-		options: optionsStore,
-		plugins: pluginStore,
-		onInit,
-		scrollSnaps: scrollSnapsStore,
-		selectedIndex: selectedIndexStore,
-		scrollTo,
-	});
-
-	function onInit(event: CustomEvent<CarouselAPI>) {
-		api = event.detail;
-		apiStore.set(api);
-		scrollSnapsStore.set(api.scrollSnapList());
-	}
-
-	onDestroy(() => {
-		api?.off("select", onSelect);
-	});
-</script>
-
-<div
-	class={mergedClasses("relative", className)}
-	on:mouseenter
-	on:mouseleave
-	role="region"
-	aria-roledescription="carousel"
-	{...$$restProps}
->
-	<slot />
-</div>

package/dist/components/presentation/Carousel/carousel.svelte.d.ts

@@ -1,31 +0,0 @@
-import { type CarouselProps } from "./context.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Carousel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<CarouselProps, {
-    default: {};
-}>, {
-    mouseenter: MouseEvent;
-    mouseleave: MouseEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Carousel = InstanceType<typeof Carousel>;
-export default Carousel;

package/dist/components/presentation/Carousel/context.d.ts

@@ -1,32 +0,0 @@
-import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
-import type emblaCarouselSvelte from "embla-carousel-svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import type { Readable, Writable } from "svelte/store";
-export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (evt: CustomEvent<infer CarouselAPI>) => void ? CarouselAPI : never;
-type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
-export type CarouselOptions = EmblaCarouselConfig["options"];
-export type CarouselPlugins = EmblaCarouselConfig["plugins"];
-export type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugins;
-    api?: CarouselAPI;
-    orientation?: "horizontal" | "vertical";
-} & HTMLAttributes<HTMLDivElement>;
-type EmblaContext = {
-    api: Writable<CarouselAPI | undefined>;
-    orientation: Writable<"horizontal" | "vertical">;
-    scrollNext: () => void;
-    scrollPrev: () => void;
-    canScrollNext: Readable<boolean>;
-    canScrollPrev: Readable<boolean>;
-    handleKeyDown: (e: KeyboardEvent) => void;
-    options: Writable<CarouselOptions>;
-    plugins: Writable<CarouselPlugins>;
-    onInit: (e: CustomEvent<CarouselAPI>) => void;
-    scrollTo: (index: number, jump?: boolean) => void;
-    scrollSnaps: Readable<number[]>;
-    selectedIndex: Readable<number>;
-};
-export declare function setEmblaContext(config: EmblaContext): EmblaContext;
-export declare function getEmblaContext(name?: string): EmblaContext;
-export {};

package/dist/components/presentation/Carousel/context.js

@@ -1,12 +0,0 @@
-import { getContext, hasContext, setContext } from "svelte";
-const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
-export function setEmblaContext(config) {
-    setContext(EMBLA_CAROUSEL_CONTEXT, config);
-    return config;
-}
-export function getEmblaContext(name = "This component") {
-    if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
-        throw new Error(`${name} must be used within a <Carousel.Root> component`);
-    }
-    return getContext(EMBLA_CAROUSEL_CONTEXT);
-}

package/dist/components/presentation/Carusele.js

@@ -1,5 +0,0 @@
-export class CarouselItem {
-    text = "";
-    image = "";
-    link = "";
-}