Sid Gifari File Manager Pro v10.0.3

✏️ Editing: animations-interactivity.js Writable

(function() {
    'use strict';

// Prevent execution if config is missing
    if (!window.ExtendableAnimations) {
        return;
    }

const speeds = Object.freeze({
        slow: 1,
        medium: 0.6,
        fast: 0.45
    });
    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
    let currentSpeed = config.speed || 'medium';
    let currentType = config.type || 'none';
    let currentMap = config.map || {};
    const initialType = config.type || 'none'; // Track if PHP added FOUC CSS

if (observer) {
            observer.disconnect();
        }

observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const element = entry.target;
                    const animationType = element.dataset.extAnimate;
                    
                    if (animationType) {
                        element.classList.add(`ext-animated-${animationType}`);
                    }
                }
            });
        }, {
            threshold: 0.01,
            rootMargin: '0px'
        });

trackedElements = [];

elementsByParent.forEach(siblingElements => {
                    siblingElements.forEach((element, index) => {
                        const rect = element.getBoundingClientRect();
                        pending.push({
                            element,
                            animationType,
                            delay: Math.min(index * staggerDelay, maxStagger),
                            // Elements already in viewport (like headers) - reveal immediately
                            inViewport: rect.top < window.innerHeight && rect.bottom > 0,
                        });
                    });
                });
            } catch (e) {}
        });

// Batch all writes into one frame so layout happens once, not once per element.
        const duration = speeds[currentSpeed];
        requestAnimationFrame(() => {
            pending.forEach(({ element, animationType, delay, inViewport }) => {
                element.classList.add('ext-animate');
                element.dataset.extAnimate = animationType;
                element.style.animationDuration = `${duration}s`;
                element.style.animationDelay = `${delay}s`;

// Clear stacking context after animation completes
                element.addEventListener('animationend', () => {
                    element.dataset.extAnimated = 'true';
                }, { once: true });

if (inViewport) {
                    element.classList.add(`ext-animated-${animationType}`);
                }

observer.observe(element);
                trackedElements.push(element);
            });
        });
    }

trackedElements.forEach((element, index) => {
                if (!visible[index]) {
                    return;
                }
                const animationType = element.dataset.extAnimate;
                if (animationType) {
                    element.classList.add(`ext-animated-${animationType}`);
                }
            });
        });

return true;
    }

window.ExtendableAnimations = window.ExtendableAnimations || {};
    window.ExtendableAnimations.reset = resetAnimations;
    window.ExtendableAnimations.setSpeed = setSpeed;
    window.ExtendableAnimations.setType = setType;

if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initAnimations);
    } else {
        initAnimations();
    }
})();

📁 File Manager Pro

📁 File Manager Pro