varsel 0.1.0

package/dist/VarselItem.svelte.d.ts

@@ -0,0 +1,31 @@
+import { type PositionedToast } from "./internals";
+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 VarselItem: $$__sveltets_2_IsomorphicComponent<{
+    toast: PositionedToast;
+    onRemove: (id: string) => void;
+    isGroupHovered?: boolean;
+    expandedOffset?: number;
+    expandedGap?: number;
+    collapsedOffset?: number | undefined;
+    hiddenCollapsedOffset?: number | undefined;
+    onHeightChange?: ((id: string, height: number) => void) | undefined;
+    onGroupHoverEnter?: (() => void) | undefined;
+    onGroupHoldChange?: ((holding: boolean) => void) | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type VarselItem = InstanceType<typeof VarselItem>;
+export default VarselItem;
+//# sourceMappingURL=VarselItem.svelte.d.ts.map

package/dist/VarselItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarselItem.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselItem.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAYN,KAAK,eAAe,EAIpB,MAAM,aAAa,CAAC;AA8wBrB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,UAAU;WAX6U,eAAe;cAAY,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;;;kBAAgG,MAAM;sBAAoB,MAAM,GAAG,SAAS;4BAA0B,MAAM,GAAG,SAAS;qBAAmB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;wBAAsB,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;wBAAwB,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GACxuB,SAAS;;;kBAUmF,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/VarselManager.svelte

@@ -0,0 +1,387 @@
+<script lang="ts">
+import { onMount } from "svelte";
+import VarselItem from "./VarselItem.svelte";
+import {
+	ANIMATION_CONFIG,
+	type PositionedToast,
+	type ToastData,
+	type ToastPosition,
+} from "./internals";
+
+export let toasts: ToastData[] = [];
+export let onRemove: (id: string) => void;
+export let expandedGap: number = ANIMATION_CONFIG.EXPANDED_GAP;
+
+const createPositionMap = <T>(value: () => T): Record<ToastPosition, T> => ({
+	"top-left": value(),
+	"top-center": value(),
+	"top-right": value(),
+	"bottom-left": value(),
+	"bottom-center": value(),
+	"bottom-right": value(),
+});
+
+let heights: Record<string, number> = {};
+let hovered: Record<ToastPosition, boolean> = createPositionMap(() => false);
+let heldToasts: Record<ToastPosition, Set<string>> = createPositionMap(
+	() => new Set<string>(),
+);
+let previousStackIndex: Record<string, number> = {};
+let previousCollapsedOffsets: Record<string, number> = {};
+let previousExpandedOffsets: Record<string, number> = {};
+let toastsByPosition: Record<ToastPosition, PositionedToast[]> =
+	createPositionMap<PositionedToast[]>(() => []);
+let positionEntries: [ToastPosition, PositionedToast[]][] = [];
+let collapsedOffsetData: {
+	byPosition: Record<ToastPosition, number[]>;
+	byId: Record<string, number>;
+} = { byPosition: createPositionMap<number[]>(() => []), byId: {} };
+let expandedOffsetData: {
+	byPosition: Record<ToastPosition, number[]>;
+	byId: Record<string, number>;
+} = { byPosition: createPositionMap<number[]>(() => []), byId: {} };
+
+let latestPositionEntries: [ToastPosition, PositionedToast[]][] = [];
+let latestHovered: Record<ToastPosition, boolean> = hovered;
+
+$: latestPositionEntries = positionEntries;
+$: latestHovered = hovered;
+
+const updateHoldState = (
+	position: ToastPosition,
+	toastId: string,
+	isHolding: boolean,
+) => {
+	const current = heldToasts[position] ?? new Set<string>();
+	const next = new Set(current);
+	if (isHolding) {
+		next.add(toastId);
+	} else {
+		next.delete(toastId);
+	}
+	if (next.size !== current.size) {
+		heldToasts = { ...heldToasts, [position]: next };
+	}
+};
+
+$: {
+	const grouped = createPositionMap<ToastData[]>(() => []);
+	for (const toast of toasts) {
+		const pos = toast.position || "bottom-center";
+		grouped[pos].push(toast);
+	}
+
+	const nextStackIndices: Record<string, number> = {};
+	const positioned = createPositionMap<PositionedToast[]>(() => []);
+
+	for (const position of Object.keys(grouped) as ToastPosition[]) {
+		const list = grouped[position];
+		const activeToasts = list.filter(
+			(toast) => !toast.isLeaving && !toast.shouldClose,
+		);
+		const activeIndexMap = new Map<string, number>();
+		activeToasts.forEach((toast, activeIndex) => {
+			activeIndexMap.set(toast.id, activeIndex);
+		});
+
+		positioned[position] = list.map((toast, orderIndex) => {
+			let stackIndex =
+				activeIndexMap.get(toast.id) ?? previousStackIndex[toast.id];
+			if (stackIndex == null || Number.isNaN(stackIndex)) {
+				stackIndex = orderIndex;
+			}
+
+			nextStackIndices[toast.id] = stackIndex;
+
+			return {
+				...toast,
+				index: stackIndex,
+				renderIndex: orderIndex,
+				total: list.length,
+			};
+		}) as PositionedToast[];
+	}
+
+	previousStackIndex = nextStackIndices;
+	toastsByPosition = positioned;
+}
+
+$: {
+	const next = { ...hovered };
+	let changed = false;
+	for (const pos of Object.keys(hovered) as ToastPosition[]) {
+		const hasToast = (toastsByPosition[pos]?.length ?? 0) > 0;
+		if (!hasToast && next[pos]) {
+			next[pos] = false;
+			changed = true;
+		}
+	}
+	if (changed) {
+		hovered = next;
+	}
+}
+
+$: positionEntries = Object.entries(toastsByPosition) as [
+	ToastPosition,
+	PositionedToast[],
+][];
+
+$: collapsedOffsetData = (() => {
+	const byPosition = createPositionMap<number[]>(() => []);
+	const byId: Record<string, number> = {};
+
+	for (const [pos, group] of positionEntries) {
+		const isTopPosition = pos.startsWith("top-");
+		const activeToasts = group.filter((toast) => !toast.shouldClose);
+		const offsetsForActive: number[] = [];
+
+		for (let i = 0; i < activeToasts.length; i++) {
+			if (i === 0) {
+				offsetsForActive.push(0);
+				continue;
+			}
+
+			const prevToast = activeToasts[i - 1];
+			const currentToast = activeToasts[i];
+			const prevOffset = offsetsForActive[i - 1] ?? 0;
+			if (!prevToast || !currentToast) {
+				offsetsForActive.push(prevOffset);
+				continue;
+			}
+			const prevHeight = heights[prevToast.id];
+			const currentHeight = heights[currentToast.id];
+			const fallbackOffset =
+				prevOffset + (isTopPosition ? 1 : -1) * ANIMATION_CONFIG.STACK_OFFSET;
+
+			if (
+				prevHeight == null ||
+				currentHeight == null ||
+				Number.isNaN(prevHeight) ||
+				Number.isNaN(currentHeight)
+			) {
+				offsetsForActive.push(fallbackOffset);
+				continue;
+			}
+
+			if (isTopPosition) {
+				offsetsForActive.push(
+					prevOffset +
+						(prevHeight - currentHeight + ANIMATION_CONFIG.STACK_OFFSET),
+				);
+			} else {
+				offsetsForActive.push(
+					prevOffset +
+						(currentHeight - prevHeight - ANIMATION_CONFIG.STACK_OFFSET),
+				);
+			}
+		}
+
+		for (let i = 0; i < activeToasts.length; i++) {
+			const toast = activeToasts[i];
+			if (!toast) continue;
+			byId[toast.id] = offsetsForActive[i] ?? 0;
+		}
+
+		for (const toast of group) {
+			if (byId[toast.id] != null) continue;
+			const previousOffset = previousCollapsedOffsets[toast.id];
+			if (typeof previousOffset === "number") {
+				byId[toast.id] = previousOffset;
+				continue;
+			}
+
+			const defaultOffset = isTopPosition
+				? toast.index * ANIMATION_CONFIG.STACK_OFFSET
+				: -(toast.index * ANIMATION_CONFIG.STACK_OFFSET);
+			byId[toast.id] = defaultOffset;
+		}
+
+		byPosition[pos] = group.map((toast) => byId[toast.id] ?? 0);
+	}
+
+	previousCollapsedOffsets = byId;
+	return { byPosition, byId };
+})();
+
+$: expandedOffsetData = (() => {
+	const byPosition = createPositionMap<number[]>(() => []);
+	const byId: Record<string, number> = {};
+
+	for (const [pos, group] of positionEntries) {
+		const offsets: number[] = [];
+		const activeToasts = group.filter((toast) => !toast.shouldClose);
+		let acc = 0;
+
+		for (let i = 0; i < activeToasts.length; i++) {
+			if (i === 0) {
+				offsets.push(0);
+				continue;
+			}
+			const prevToast = activeToasts[i - 1];
+			const prevHeight = prevToast ? (heights[prevToast.id] ?? 0) : 0;
+			acc += prevHeight + expandedGap;
+			offsets.push(acc);
+		}
+
+		for (let i = 0; i < activeToasts.length; i++) {
+			const toast = activeToasts[i];
+			if (!toast) continue;
+			byId[toast.id] = offsets[i] ?? 0;
+		}
+
+		for (const toast of group) {
+			if (byId[toast.id] != null) continue;
+
+			const previousOffset = previousExpandedOffsets[toast.id];
+			if (typeof previousOffset === "number") {
+				byId[toast.id] = previousOffset;
+				continue;
+			}
+
+			let fallback = 0;
+			for (const candidate of group) {
+				if (candidate.id === toast.id) break;
+				const height = heights[candidate.id] ?? 0;
+				fallback += height + expandedGap;
+			}
+			byId[toast.id] = fallback;
+		}
+
+		byPosition[pos] = group.map((toast) => byId[toast.id] ?? 0);
+	}
+
+	previousExpandedOffsets = byId;
+	return { byPosition, byId };
+})();
+
+onMount(() => {
+	const handleMouseMove = (event: MouseEvent) => {
+		if (latestPositionEntries.length === 0) return;
+		const { clientX: x, clientY: y } = event;
+		const next: Record<ToastPosition, boolean> = {
+			...latestHovered,
+		};
+		for (const [pos, group] of latestPositionEntries) {
+			let top = Number.POSITIVE_INFINITY;
+			let left = Number.POSITIVE_INFINITY;
+			let right = Number.NEGATIVE_INFINITY;
+			let bottom = Number.NEGATIVE_INFINITY;
+			let any = false;
+			for (const t of group) {
+				if (t.index >= ANIMATION_CONFIG.MAX_VISIBLE_TOASTS) continue;
+				const el = document.querySelector(
+					`[data-toast-id="${t.id}"]`,
+				) as HTMLElement | null;
+				if (!el) continue;
+				const rect = el.getBoundingClientRect();
+				top = Math.min(top, rect.top);
+				left = Math.min(left, rect.left);
+				right = Math.max(right, rect.right);
+				bottom = Math.max(bottom, rect.bottom);
+				any = true;
+			}
+
+			if (!any) {
+				next[pos] = false;
+				continue;
+			}
+
+			const inside = x >= left && x <= right && y >= top && y <= bottom;
+			next[pos] = inside;
+		}
+
+		const changed = (Object.keys(next) as ToastPosition[]).some(
+			(key) => next[key] !== hovered[key],
+		);
+		if (changed) {
+			hovered = next;
+		}
+	};
+
+	const handleKeyDown = (event: KeyboardEvent) => {
+		if (event.key !== "Escape") return;
+		for (const [, group] of latestPositionEntries) {
+			const latestToast = group?.[0];
+			if (!latestToast) continue;
+			const container = document.querySelector(
+				`[data-toast-id="${latestToast.id}"]`,
+			) as HTMLElement | null;
+			if (!container) continue;
+			const active = document.activeElement as HTMLElement | null;
+			if (active && container.contains(active)) {
+				const closeBtn = container.querySelector(
+					'[aria-label="Close toast"]',
+				) as HTMLButtonElement | null;
+				if (closeBtn) {
+					event.preventDefault();
+					closeBtn.click();
+				}
+			}
+		}
+	};
+
+	document.addEventListener("mousemove", handleMouseMove);
+	document.addEventListener("keydown", handleKeyDown);
+	return () => {
+		document.removeEventListener("mousemove", handleMouseMove);
+		document.removeEventListener("keydown", handleKeyDown);
+	};
+});
+
+const handleHeightChange = (id: string, height: number) => {
+	if (heights[id] === height) return;
+	heights = { ...heights, [id]: height };
+};
+</script>
+
+{#if toasts.length > 0}
+	<div class="pointer-events-none fixed inset-0 z-50">
+		{#each positionEntries as [position, positionToasts]}
+			{@const pos = position}
+			{@const expandedOffsets = expandedOffsetData.byPosition[pos]}
+			{@const collapsedOffsets = collapsedOffsetData.byPosition[pos]}
+			{@const isHovered = hovered[pos]}
+			{@const isHeld = (heldToasts[pos]?.size ?? 0) > 0}
+			{@const isGroupActive = isHovered || isHeld}
+			{@const activeToasts = positionToasts.filter((toast) => !toast.shouldClose)}
+			{@const visibleStackLimit = Math.max(ANIMATION_CONFIG.MAX_VISIBLE_TOASTS - 1, 0)}
+			{@const maxVisibleStackIndex = Math.min(
+				Math.max(activeToasts.length - 1, 0),
+				visibleStackLimit,
+			)}
+			{@const lastVisibleToastId = activeToasts[maxVisibleStackIndex]?.id}
+			{@const lastVisibleRenderIndex = lastVisibleToastId != null
+				? positionToasts.findIndex(
+						(candidate) => candidate.id === lastVisibleToastId,
+					)
+				: -1}
+			{@const sharedHiddenCollapsedOffset =
+				lastVisibleRenderIndex >= 0
+					? collapsedOffsets?.[lastVisibleRenderIndex]
+					: undefined}
+			{#each positionToasts as toast, idx (toast.id)}
+				{@const toastIsHidden =
+					toast.index >= ANIMATION_CONFIG.MAX_VISIBLE_TOASTS}
+				{@const hiddenCollapsedOffset = toastIsHidden
+					? sharedHiddenCollapsedOffset ?? collapsedOffsets?.[idx]
+					: collapsedOffsets?.[idx]}
+				{@const collapsedOffsetValue = collapsedOffsets?.[idx]}
+				<VarselItem
+					{toast}
+					{onRemove}
+					isGroupHovered={isGroupActive}
+					expandedOffset={expandedOffsets?.[idx] ?? 0}
+					{expandedGap}
+					onHeightChange={handleHeightChange}
+					onGroupHoverEnter={() => {
+						hovered = { ...hovered, [pos]: true };
+					}}
+					onGroupHoldChange={(holding) =>
+						updateHoldState(pos, toast.id, holding)}
+					collapsedOffset={collapsedOffsetValue}
+					hiddenCollapsedOffset={hiddenCollapsedOffset}
+				/>
+			{/each}
+		{/each}
+	</div>
+{/if}

package/dist/VarselManager.svelte.d.ts

@@ -0,0 +1,24 @@
+import { type ToastData } from "./internals";
+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 VarselManager: $$__sveltets_2_IsomorphicComponent<{
+    toasts?: ToastData[];
+    onRemove: (id: string) => void;
+    expandedGap?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type VarselManager = InstanceType<typeof VarselManager>;
+export default VarselManager;
+//# sourceMappingURL=VarselManager.svelte.d.ts.map

package/dist/VarselManager.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarselManager.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselManager.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAGN,KAAK,SAAS,EAEd,MAAM,aAAa,CAAC;AAwXrB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,aAAa;aAV2E,SAAS,EAAE;cAAY,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;kBAAgB,MAAM;;;kBAU7D,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/VarselToaster.svelte

@@ -0,0 +1,46 @@
+<script lang="ts" context="module">
+export {
+	toast,
+	type ToastData,
+	type ToastInvoker,
+	type ToastPosition,
+} from "./internals";
+</script>
+
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import VarselManager from './VarselManager.svelte';
+	import {
+		toastState,
+		toasterInstanceManager,
+		type ToastData,
+	} from './internals';
+
+	export let expandedGap: number | undefined = undefined;
+
+	let toasts: ToastData[] = [];
+	const instanceId = toasterInstanceManager.registerInstance();
+
+	const handleRemove = (id: string) => {
+		toastState.remove(id);
+	};
+
+	onMount(() => {
+		toasts = toastState.getToasts();
+		const unsubscribe = toastState.subscribe((value) => {
+			toasts = value;
+		});
+		return () => {
+			unsubscribe();
+			toasterInstanceManager.unregisterInstance(instanceId);
+		};
+	});
+</script>
+
+{#if toasterInstanceManager.isActiveInstance(instanceId)}
+	{#if expandedGap === undefined}
+		<VarselManager {toasts} onRemove={handleRemove} />
+	{:else}
+		<VarselManager {toasts} onRemove={handleRemove} {expandedGap} />
+	{/if}
+{/if}

package/dist/VarselToaster.svelte.d.ts

@@ -0,0 +1,22 @@
+export { toast, type ToastData, type ToastInvoker, type ToastPosition, } from "./internals";
+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 VarselToaster: $$__sveltets_2_IsomorphicComponent<{
+    expandedGap?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type VarselToaster = InstanceType<typeof VarselToaster>;
+export default VarselToaster;
+//# sourceMappingURL=VarselToaster.svelte.d.ts.map

package/dist/VarselToaster.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarselToaster.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselToaster.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EACN,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAC;AAiDrB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,aAAa;kBAV0C,MAAM,GAAG,SAAS;;;kBAUmB,CAAC;AACjF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/core/accessibility.d.ts

@@ -0,0 +1,2 @@
+export declare const FOCUSABLE_SELECTORS: string;
+//# sourceMappingURL=accessibility.d.ts.map

package/dist/core/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/lib/core/accessibility.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,QAOpB,CAAC"}

package/dist/core/accessibility.js

@@ -0,0 +1,8 @@
+export const FOCUSABLE_SELECTORS = [
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "textarea:not([disabled])",
+    "select:not([disabled])",
+    "a[href]",
+    '[tabindex]:not([tabindex="-1"])',
+].join(", ");

package/dist/core/animations.d.ts

@@ -0,0 +1,14 @@
+export declare const ANIMATION_CONFIG: {
+    readonly ENTER_DURATION: 0.75;
+    readonly EXIT_DURATION: 0.75;
+    readonly STACK_DURATION: 0.75;
+    readonly STACK_OFFSET: 16;
+    readonly EXPANDED_GAP: 12;
+    readonly SCALE_FACTOR: 0.04;
+    readonly MIN_SCALE: 0.92;
+    readonly MAX_VISIBLE_TOASTS: 3;
+    readonly Z_INDEX_BASE: 50;
+    readonly EASING_DEFAULT: "var(--ease-vs-toast)";
+    readonly EASING_EXIT: "var(--ease-vs-toast)";
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/core/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/lib/core/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAYnB,CAAC"}

package/dist/core/animations.js

@@ -0,0 +1,13 @@
+export const ANIMATION_CONFIG = {
+    ENTER_DURATION: 0.75,
+    EXIT_DURATION: 0.75,
+    STACK_DURATION: 0.75,
+    STACK_OFFSET: 16,
+    EXPANDED_GAP: 12,
+    SCALE_FACTOR: 0.04,
+    MIN_SCALE: 0.92,
+    MAX_VISIBLE_TOASTS: 3,
+    Z_INDEX_BASE: 50,
+    EASING_DEFAULT: "var(--ease-vs-toast)",
+    EASING_EXIT: "var(--ease-vs-toast)",
+};

package/dist/core/positions.d.ts

@@ -0,0 +1,64 @@
+export declare const POSITION_CONFIGS: {
+    readonly "top-left": {
+        readonly animateIn: {
+            readonly x: -100;
+            readonly y: -20;
+        };
+        readonly animateOut: {
+            readonly x: -100;
+            readonly y: -100;
+        };
+    };
+    readonly "top-center": {
+        readonly animateIn: {
+            readonly x: 0;
+            readonly y: -100;
+        };
+        readonly animateOut: {
+            readonly x: 0;
+            readonly y: -100;
+        };
+    };
+    readonly "top-right": {
+        readonly animateIn: {
+            readonly x: 100;
+            readonly y: -20;
+        };
+        readonly animateOut: {
+            readonly x: 100;
+            readonly y: -100;
+        };
+    };
+    readonly "bottom-left": {
+        readonly animateIn: {
+            readonly x: -100;
+            readonly y: 20;
+        };
+        readonly animateOut: {
+            readonly x: -100;
+            readonly y: 100;
+        };
+    };
+    readonly "bottom-center": {
+        readonly animateIn: {
+            readonly x: 0;
+            readonly y: 100;
+        };
+        readonly animateOut: {
+            readonly x: 0;
+            readonly y: 100;
+        };
+    };
+    readonly "bottom-right": {
+        readonly animateIn: {
+            readonly x: 100;
+            readonly y: 20;
+        };
+        readonly animateOut: {
+            readonly x: 100;
+            readonly y: 100;
+        };
+    };
+};
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+//# sourceMappingURL=positions.d.ts.map

package/dist/core/positions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positions.d.ts","sourceRoot":"","sources":["../../src/lib/core/positions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnB,CAAC;AAEX,MAAM,MAAM,aAAa,GACtB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC"}

package/dist/core/positions.js

@@ -0,0 +1,26 @@
+export const POSITION_CONFIGS = {
+    "top-left": {
+        animateIn: { x: -100, y: -20 },
+        animateOut: { x: -100, y: -100 },
+    },
+    "top-center": {
+        animateIn: { x: 0, y: -100 },
+        animateOut: { x: 0, y: -100 },
+    },
+    "top-right": {
+        animateIn: { x: 100, y: -20 },
+        animateOut: { x: 100, y: -100 },
+    },
+    "bottom-left": {
+        animateIn: { x: -100, y: 20 },
+        animateOut: { x: -100, y: 100 },
+    },
+    "bottom-center": {
+        animateIn: { x: 0, y: 100 },
+        animateOut: { x: 0, y: 100 },
+    },
+    "bottom-right": {
+        animateIn: { x: 100, y: 20 },
+        animateOut: { x: 100, y: 100 },
+    },
+};

package/dist/core/swipe.d.ts

@@ -0,0 +1,8 @@
+import type { ToastPosition } from "./positions";
+export type SwipeDirection = "top" | "bottom" | "left" | "right";
+export type SwipeAxis = "x" | "y";
+export declare const SWIPE_DISMISS_THRESHOLD = 45;
+export declare const SWIPE_DISMISS_VELOCITY = 0.11;
+export declare const SWIPE_EXIT_DISTANCE = 600;
+export declare const getDefaultSwipeDirections: (position?: ToastPosition | null) => SwipeDirection[];
+//# sourceMappingURL=swipe.d.ts.map

package/dist/core/swipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../src/lib/core/swipe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAElC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,eAAO,MAAM,yBAAyB,GACrC,WAAW,aAAa,GAAG,IAAI,KAC7B,cAAc,EAwBhB,CAAC"}