masoneffect 2.0.7 → 2.0.10

package/dist/vue/typing/index.d.ts

@@ -36,15 +36,13 @@ export declare interface CountOptions {
     onComplete?: () => void;
 }
 
-declare const easingFunctions: {
+export declare const easingFunctions: {
     linear: (t: number) => number;
     easeInQuad: (t: number) => number;
     easeOutQuad: (t: number) => number;
     easeInOutQuad: (t: number) => number;
     easeOutCubic: (t: number) => number;
 };
-export { easingFunctions }
-export { easingFunctions as scrollFadeInEasingFunctions }
 
 export declare interface Particle {
     x: number;
@@ -60,11 +58,12 @@ export declare interface Particle {
 
 export declare class ScrollFadeIn {
     container: HTMLElement;
-    config: Required<Omit<ScrollFadeInOptions, 'onStart' | 'onComplete' | 'easing'>> & {
-        easing: (t: number) => number;
+    config: Required<Omit<ScrollFadeInOptions, 'onStart' | 'onComplete' | 'root'>> & {
+        root: HTMLElement | null;
         onStart: ScrollFadeInOptions['onStart'];
         onComplete: ScrollFadeInOptions['onComplete'];
     };
+    private easing;
     visibilityManager: VisibilityManager | null;
     animationFrameId: number | null;
     startTime: number | null;
@@ -90,9 +89,9 @@ export declare interface ScrollFadeInOptions {
     direction?: 'top' | 'right' | 'bottom' | 'left';
     distance?: string;
     duration?: number;
-    easing?: (t: number) => number;
     threshold?: number;
     rootMargin?: string;
+    root?: HTMLElement | null;
     triggerOnce?: boolean;
     enabled?: boolean;
     onStart?: () => void;
@@ -265,6 +264,7 @@ declare class TextToParticle {
     declare interface VisibilityManagerOptions {
         threshold?: number;
         rootMargin?: string;
+        root?: HTMLElement | null;
         onVisible?: () => void;
         onHidden?: () => void;
     }

package/dist/vue/typing/index.mjs

@@ -5,6 +5,8 @@ class VisibilityManager {
     this.options = {
       threshold: options.threshold ?? 0.1,
       rootMargin: options.rootMargin ?? "0px",
+      root: options.root ?? null,
+      // 기본값은 null (viewport 기준)
       onVisible: options.onVisible,
       onHidden: options.onHidden
     };
@@ -42,7 +44,9 @@ class VisibilityManager {
       },
       {
         threshold: this.options.threshold,
-        rootMargin: this.options.rootMargin
+        rootMargin: this.options.rootMargin,
+        root: this.options.root || null
+        // null이면 viewport 기준, HTMLElement면 해당 요소 기준
       }
     );
     this.intersectionObserver.observe(this.container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "masoneffect",
-  "version": "2.0.7",
+  "version": "2.0.10",
   "description": "A collection of animation effects library. Supports React, Vue, Svelte, and vanilla JavaScript with Tree-shaking support.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",