svelte-aos 0.0.3 → 0.1.0

package/dist/no-mutation/aos.js

@@ -1,143 +0,0 @@
-import { detectDeviceType } from "../utils.js";
-const defaultOptions = {
-    delay: 0,
-    easing: 'ease',
-    duration: 600,
-    disable: 'mobile',
-    once: false,
-    anchorPlacement: 'top-bottom',
-    offset: 120,
-    threshold: 0.1
-    // TODO: implement these later
-    // animatedClassName: 'aos-animate',
-    // initClassName?: 'aos-init',
-    // useClassNames: false,
-    // disableMutationObserver: false
-};
-function isValidDistance(value) {
-    const el = document.createElement('div');
-    el.style.width = '';
-    el.style.width = value;
-    return el.style.width !== '';
-}
-class IntersectionObserverManager {
-    observer;
-    options;
-    elements = new Map();
-    constructor(options) {
-        this.options = options;
-        this.observer = new IntersectionObserver(this.handleIntersect.bind(this), {
-            threshold: options.threshold,
-            rootMargin: `0px 0px -${options.offset}px 0px`
-        });
-        console.log('disabled options:', options);
-        // handle disable option
-        if (typeof options?.disable === 'boolean' && options.disable) {
-            document.body.classList.add('aos-disabled');
-        }
-        else if (typeof options?.disable === 'string') {
-            const deviceType = detectDeviceType();
-            if (options.disable === deviceType) {
-                document.body.classList.add('aos-disabled');
-            }
-        }
-        else if (typeof options?.disable === 'function') {
-            if (options.disable()) {
-                document.body.classList.add('aos-disabled');
-            }
-        }
-    }
-    handleIntersect(entries) {
-        console.log('Handling intersections with options:', this.options);
-        entries.forEach((entry) => {
-            if (entry.isIntersecting && entry.intersectionRatio > 0.05) {
-                if (this.elements.has(entry.target)) {
-                    entry.target.classList.add('aos-animate');
-                    const elementOptions = this.elements.get(entry.target);
-                    if (elementOptions?.once) {
-                        // if only once why keep observing
-                        this.observer.unobserve(entry.target);
-                    }
-                }
-                else {
-                    // this should never happen if it does don't observe the element
-                    console.warn('No options found for element:', entry.target);
-                    this.observer.unobserve(entry.target);
-                }
-            }
-            else {
-                const once = entry.target.hasAttribute('data-aos-once') || this.options.once;
-                if (!once) {
-                    entry.target.classList.remove('aos-animate');
-                }
-            }
-        });
-    }
-    observe(element, options) {
-        console.log('Before Observing element with options:', element, options);
-        this.elements.set(element, this.options);
-        if (options.animation) {
-            element.setAttribute('data-aos', options.animation);
-        }
-        if (options.duration) {
-            element.style.setProperty('--aos-duration', `${options.duration}ms`);
-        }
-        if (options.delay) {
-            element.style.setProperty('--aos-delay', `${options.delay}ms`);
-        }
-        if (options.easing) {
-            element.style.setProperty('--aos-easing', options.easing);
-        }
-        if (options.distance && isValidDistance(options.distance)) {
-            element.style.setProperty('--aos-distance', options.distance);
-        }
-        this.observer.observe(element);
-    }
-    unobserve(element) {
-        this.observer.unobserve(element);
-        this.elements.delete(element);
-    }
-}
-let observerManager = null;
-export function initAOS(options = {}) {
-    console.log('Initializing AOS with options:', options);
-    if (typeof window === 'undefined') {
-        console.warn('AOS can only be initialized in a browser environment.');
-        return;
-    }
-    const requiredOptions = { ...defaultOptions, ...options };
-    if (!observerManager) {
-        observerManager = new IntersectionObserverManager(requiredOptions);
-    }
-    else {
-        console.warn('AOS already initialzed, ');
-    }
-}
-function observe(node, options) {
-    if (observerManager) {
-        observerManager.observe(node, options);
-    }
-    else {
-        console.warn('AOS not initialized. Please call initialize it first.');
-    }
-    return () => observerManager?.unobserve(node);
-}
-export function aos(options = {
-    animation: 'fade'
-}) {
-    return (node) => {
-        const unobserve = observe(node, options);
-        return unobserve;
-    };
-}
-export function aosAction(node, options = {
-    animation: 'fade'
-}) {
-    const unobserve = observe(node, options);
-    return {
-        update: () => { },
-        destroy() {
-            unobserve();
-        }
-    };
-}

package/dist/no-mutation/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AOS } from './AOS.svelte';
-export { aos, aosAction } from './aos.ts';

package/dist/no-mutation/index.js

@@ -1,2 +0,0 @@
-export { default as AOS } from './AOS.svelte';
-export { aos, aosAction } from "./aos.js";