rune-scroller 2.2.1 → 3.0.0

package/dist/types.js

@@ -1,48 +0,0 @@
-/**
- * Centralized type definitions for Rune Scroller library
- * All types are defined here for consistency and ease of maintenance
- */
-
-/**
- * Animation type names available in Rune Scroller
- * @typedef {'fade-in' | 'fade-in-up' | 'fade-in-down' | 'fade-in-left' | 'fade-in-right' | 'zoom-in' | 'zoom-out' | 'zoom-in-up' | 'zoom-in-left' | 'zoom-in-right' | 'flip' | 'flip-x' | 'slide-rotate' | 'bounce-in'} AnimationType
- */
-
-/**
- * Options for the runeScroller action
- * Sentinel-based scroll animation triggering
- *
- * @typedef {Object} RuneScrollerOptions
- * @property {AnimationType} [animation='fade-in'] - Animation type to apply
- * @property {number} [duration=2500] - Animation duration in milliseconds
- * @property {boolean} [repeat=false] - Repeat animation on every scroll
- * @property {boolean} [debug=false] - Show sentinel as visible line for debugging
- * @property {string} [sentinelColor='#00e0ff'] - Sentinel color for debug mode (hex or CSS color)
- * @property {string} [sentinelId] - Unique identifier for sentinel (auto-generated if not provided)
- * @property {string} [debugLabel] - Debug label to show on sentinel (e.g., animation name)
- * @property {number} [offset=0] - Offset of sentinel in pixels (negative = above element)
- * @property {(element: HTMLElement) => void} [onVisible] - Callback fired when animation becomes visible
- */
-
-
-
-/**
- * Configuration options for IntersectionObserver
- * Used by useIntersection and useIntersectionOnce composables
- *
- * @typedef {Object} IntersectionOptions
- * @property {number | number[]} [threshold] - IntersectionObserver threshold
- * @property {string} [rootMargin] - Custom margin around root element
- * @property {Element | null} [root] - Root element for intersection observation
- */
-
-/**
- * Return type for useIntersection and useIntersectionOnce composables
- * Provides reactive element reference and visibility state
- *
- * @typedef {Object} UseIntersectionReturn
- * @property {HTMLElement | null} element - Reference to the DOM element being observed
- * @property {boolean} isVisible - Whether the element is currently visible in viewport
- */
-
-export {};

package/dist/useIntersection.svelte.d.ts

@@ -1,11 +0,0 @@
-/**
- * @param {import('./types.js').IntersectionOptions} [options={}]
- * @param {(isVisible: boolean) => void} [onVisible]
- * @returns {import('./types.js').UseIntersectionReturn}
- */
-export function useIntersection(options?: import("./types.js").IntersectionOptions, onVisible?: (isVisible: boolean) => void): import("./types.js").UseIntersectionReturn;
-/**
- * @param {import('./types.js').IntersectionOptions} [options={}]
- * @returns {import('./types.js').UseIntersectionReturn}
- */
-export function useIntersectionOnce(options?: import("./types.js").IntersectionOptions): import("./types.js").UseIntersectionReturn;

package/dist/useIntersection.svelte.js

@@ -1,90 +0,0 @@
-/**
- * Composable for handling IntersectionObserver logic
- * Reduces duplication between animation components
- */
-
-/**
- * @param {import('./types.js').IntersectionOptions} [options={}]
- * @param {((entry: IntersectionObserverEntry, isVisible: boolean) => void) | undefined} onIntersect
- * @param {boolean} [once=false]
- * @returns {import('./types.js').UseIntersectionReturn}
- */
-function createIntersectionObserver(options = {}, onIntersect = undefined, once = false) {
-	const { threshold = 0.5, rootMargin = '-10% 0px -10% 0px', root = null } = options;
-
-	let element = $state(null);
-	let isVisible = $state(false);
-	let hasTriggeredOnce = false;
-	/** @type {IntersectionObserver | null} */
-	let observer = null;
-
-	$effect(() => {
-		if (!element) return;
-
-		observer = new IntersectionObserver(
-			(entries) => {
-				entries.forEach((entry) => {
-					// For once-only behavior, check if already triggered
-					if (once && hasTriggeredOnce) return;
-
-					isVisible = entry.isIntersecting;
-					if (onIntersect) {
-						onIntersect(entry, entry.isIntersecting);
-					}
-
-					// Unobserve after first trigger if once=true
-					if (once && entry.isIntersecting) {
-						hasTriggeredOnce = true;
-						observer?.unobserve(entry.target);
-					}
-				});
-			},
-			{
-				threshold,
-				rootMargin,
-				root
-			}
-		);
-
-		observer.observe(element);
-
-		return () => {
-			observer?.disconnect();
-		};
-	});
-
-	return {
-		get element() {
-			return element;
-		},
-		set element(value) {
-			element = value;
-		},
-		get isVisible() {
-			return isVisible;
-		}
-	};
-}
-
-/**
- * @param {import('./types.js').IntersectionOptions} [options={}]
- * @param {(isVisible: boolean) => void} [onVisible]
- * @returns {import('./types.js').UseIntersectionReturn}
- */
-export function useIntersection(options = {}, onVisible) {
-	return createIntersectionObserver(
-		options,
-		(_entry, isVisible) => {
-			onVisible?.(isVisible);
-		},
-		false
-	);
-}
-
-/**
- * @param {import('./types.js').IntersectionOptions} [options={}]
- * @returns {import('./types.js').UseIntersectionReturn}
- */
-export function useIntersectionOnce(options = {}) {
-	return createIntersectionObserver(options, () => {}, true);
-}