masoneffect 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +170 -2
- package/dist/core/count/index.d.ts +3 -2
- package/dist/core/count/index.d.ts.map +1 -1
- package/dist/core/index.d.ts +3 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/core/textToParticle/index.d.ts +3 -3
- package/dist/core/textToParticle/index.d.ts.map +1 -1
- package/dist/core/typing/index.d.ts +3 -2
- package/dist/core/typing/index.d.ts.map +1 -1
- package/dist/core/utils/visibilityManager.d.ts +35 -0
- package/dist/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/count/core/count/index.d.ts +3 -2
- package/dist/count/core/count/index.d.ts.map +1 -1
- package/dist/count/core/index.d.ts +3 -0
- package/dist/count/core/index.d.ts.map +1 -1
- package/dist/count/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/count/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/count/core/textToParticle/index.d.ts +3 -3
- package/dist/count/core/textToParticle/index.d.ts.map +1 -1
- package/dist/count/core/typing/index.d.ts +3 -2
- package/dist/count/core/typing/index.d.ts.map +1 -1
- package/dist/count/core/utils/visibilityManager.d.ts +35 -0
- package/dist/count/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/count/index.cjs +1 -1
- package/dist/count/index.d.ts +3 -0
- package/dist/count/index.d.ts.map +1 -1
- package/dist/count/index.mjs +1 -1
- package/dist/count/react/MasonEffect.d.ts.map +1 -1
- package/dist/count/react/index.d.ts +3 -0
- package/dist/count/react/index.d.ts.map +1 -1
- package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/count/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/count/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/count/svelte/index.d.ts +1 -0
- package/dist/count/svelte/index.d.ts.map +1 -1
- package/dist/count/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/count/vue/index.d.ts +1 -0
- package/dist/count/vue/index.d.ts.map +1 -1
- package/dist/count/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/count/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.umd.min.js +1 -1
- package/dist/react/MasonEffect.d.ts.map +1 -1
- package/dist/react/core/count/index.d.ts +3 -2
- package/dist/react/core/index.d.ts +3 -0
- package/dist/react/core/scrollFadeIn/index.d.ts +56 -0
- package/dist/react/core/textToParticle/index.d.ts +3 -3
- package/dist/react/core/typing/index.d.ts +3 -2
- package/dist/react/core/utils/visibilityManager.d.ts +34 -0
- package/dist/react/count/core/count/index.d.ts +3 -2
- package/dist/react/count/core/count/index.d.ts.map +1 -1
- package/dist/react/count/core/index.d.ts +3 -0
- package/dist/react/count/core/index.d.ts.map +1 -1
- package/dist/react/count/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/react/count/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/count/core/textToParticle/index.d.ts +3 -3
- package/dist/react/count/core/textToParticle/index.d.ts.map +1 -1
- package/dist/react/count/core/typing/index.d.ts +3 -2
- package/dist/react/count/core/typing/index.d.ts.map +1 -1
- package/dist/react/count/core/utils/visibilityManager.d.ts +35 -0
- package/dist/react/count/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/react/count/index.cjs +1 -1
- package/dist/react/count/index.d.ts +3 -0
- package/dist/react/count/index.d.ts.map +1 -1
- package/dist/react/count/index.mjs +1 -1
- package/dist/react/count/react/MasonEffect.d.ts.map +1 -1
- package/dist/react/count/react/index.d.ts +3 -0
- package/dist/react/count/react/index.d.ts.map +1 -1
- package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/react/count/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/react/count/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/react/count/svelte/index.d.ts +1 -0
- package/dist/react/count/svelte/index.d.ts.map +1 -1
- package/dist/react/count/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/count/vue/index.d.ts +1 -0
- package/dist/react/count/vue/index.d.ts.map +1 -1
- package/dist/react/count/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/count/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/index.cjs +6 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.mjs +1 -0
- package/dist/react/react/index.d.ts +3 -0
- package/dist/react/react/scrollFadeIn/ScrollFadeIn.d.ts +18 -0
- package/dist/react/react/scrollFadeIn/index.d.ts +4 -0
- package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/count/index.d.ts +53 -0
- package/dist/react/scrollFadeIn/core/count/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/index.d.ts +23 -0
- package/dist/react/scrollFadeIn/core/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
- package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/typing/index.d.ts +54 -0
- package/dist/react/scrollFadeIn/core/typing/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
- package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/index.cjs +1 -0
- package/dist/react/scrollFadeIn/index.d.ts +21 -0
- package/dist/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/index.mjs +1 -0
- package/dist/react/scrollFadeIn/index.umd.d.ts +7 -0
- package/dist/react/scrollFadeIn/index.umd.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/MasonEffect.d.ts +32 -0
- package/dist/react/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/count/Count.d.ts +19 -0
- package/dist/react/scrollFadeIn/react/count/Count.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/count/index.d.ts +5 -0
- package/dist/react/scrollFadeIn/react/count/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/index.d.ts +17 -0
- package/dist/react/scrollFadeIn/react/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
- package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
- package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/typing/Typing.d.ts +18 -0
- package/dist/react/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/react/typing/index.d.ts +4 -0
- package/dist/react/scrollFadeIn/react/typing/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/svelte/count/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/svelte/index.d.ts +10 -0
- package/dist/react/scrollFadeIn/svelte/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/svelte/typing/index.d.ts +3 -0
- package/dist/react/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/vue/count/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/vue/count/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/vue/index.d.ts +10 -0
- package/dist/react/scrollFadeIn/vue/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
- package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
- package/dist/react/scrollFadeIn/vue/typing/index.d.ts +4 -0
- package/dist/react/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
- package/dist/react/svelte/index.d.ts +1 -0
- package/dist/react/svelte/scrollFadeIn/index.d.ts +1 -0
- package/dist/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/react/textToParticle/core/count/index.d.ts +3 -2
- package/dist/react/textToParticle/core/count/index.d.ts.map +1 -1
- package/dist/react/textToParticle/core/index.d.ts +3 -0
- package/dist/react/textToParticle/core/index.d.ts.map +1 -1
- package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/textToParticle/core/textToParticle/index.d.ts +3 -3
- package/dist/react/textToParticle/core/textToParticle/index.d.ts.map +1 -1
- package/dist/react/textToParticle/core/typing/index.d.ts +3 -2
- package/dist/react/textToParticle/core/typing/index.d.ts.map +1 -1
- package/dist/react/textToParticle/core/utils/visibilityManager.d.ts +35 -0
- package/dist/react/textToParticle/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/react/textToParticle/index.cjs +1 -1
- package/dist/react/textToParticle/index.d.ts +3 -0
- package/dist/react/textToParticle/index.d.ts.map +1 -1
- package/dist/react/textToParticle/index.mjs +1 -1
- package/dist/react/textToParticle/react/MasonEffect.d.ts.map +1 -1
- package/dist/react/textToParticle/react/index.d.ts +3 -0
- package/dist/react/textToParticle/react/index.d.ts.map +1 -1
- package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/react/textToParticle/svelte/index.d.ts +1 -0
- package/dist/react/textToParticle/svelte/index.d.ts.map +1 -1
- package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/textToParticle/vue/index.d.ts +1 -0
- package/dist/react/textToParticle/vue/index.d.ts.map +1 -1
- package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/typing/core/count/index.d.ts +3 -2
- package/dist/react/typing/core/count/index.d.ts.map +1 -1
- package/dist/react/typing/core/index.d.ts +3 -0
- package/dist/react/typing/core/index.d.ts.map +1 -1
- package/dist/react/typing/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/react/typing/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/typing/core/textToParticle/index.d.ts +3 -3
- package/dist/react/typing/core/textToParticle/index.d.ts.map +1 -1
- package/dist/react/typing/core/typing/index.d.ts +3 -2
- package/dist/react/typing/core/typing/index.d.ts.map +1 -1
- package/dist/react/typing/core/utils/visibilityManager.d.ts +35 -0
- package/dist/react/typing/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/react/typing/index.cjs +1 -1
- package/dist/react/typing/index.d.ts +3 -0
- package/dist/react/typing/index.d.ts.map +1 -1
- package/dist/react/typing/index.mjs +1 -1
- package/dist/react/typing/react/MasonEffect.d.ts.map +1 -1
- package/dist/react/typing/react/index.d.ts +3 -0
- package/dist/react/typing/react/index.d.ts.map +1 -1
- package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/react/typing/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/react/typing/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/react/typing/svelte/index.d.ts +1 -0
- package/dist/react/typing/svelte/index.d.ts.map +1 -1
- package/dist/react/typing/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/typing/vue/index.d.ts +1 -0
- package/dist/react/typing/vue/index.d.ts.map +1 -1
- package/dist/react/typing/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/react/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/react/vue/index.d.ts +1 -0
- package/dist/react/vue/scrollFadeIn/index.d.ts +1 -0
- package/dist/scrollFadeIn/core/count/index.d.ts +53 -0
- package/dist/scrollFadeIn/core/count/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/core/index.d.ts +23 -0
- package/dist/scrollFadeIn/core/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
- package/dist/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/core/typing/index.d.ts +54 -0
- package/dist/scrollFadeIn/core/typing/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
- package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/scrollFadeIn/index.cjs +1 -0
- package/dist/scrollFadeIn/index.d.ts +21 -0
- package/dist/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/index.mjs +1 -0
- package/dist/scrollFadeIn/index.umd.d.ts +7 -0
- package/dist/scrollFadeIn/index.umd.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/MasonEffect.d.ts +32 -0
- package/dist/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/count/Count.d.ts +19 -0
- package/dist/scrollFadeIn/react/count/Count.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/count/index.d.ts +5 -0
- package/dist/scrollFadeIn/react/count/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/index.d.ts +17 -0
- package/dist/scrollFadeIn/react/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
- package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
- package/dist/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/typing/Typing.d.ts +18 -0
- package/dist/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
- package/dist/scrollFadeIn/react/typing/index.d.ts +4 -0
- package/dist/scrollFadeIn/react/typing/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/svelte/count/index.d.ts +2 -0
- package/dist/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/svelte/index.d.ts +10 -0
- package/dist/scrollFadeIn/svelte/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
- package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/svelte/typing/index.d.ts +3 -0
- package/dist/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/vue/count/index.d.ts +2 -0
- package/dist/scrollFadeIn/vue/count/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/vue/index.d.ts +10 -0
- package/dist/scrollFadeIn/vue/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
- package/dist/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
- package/dist/scrollFadeIn/vue/typing/index.d.ts +4 -0
- package/dist/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
- package/dist/svelte/count/index.cjs +1 -1
- package/dist/svelte/count/index.d.ts +85 -29
- package/dist/svelte/count/index.mjs +120 -42
- package/dist/svelte/index.cjs +1 -1
- package/dist/svelte/index.d.ts +85 -29
- package/dist/svelte/index.mjs +707 -117
- package/dist/svelte/scrollFadeIn/index.cjs +1 -0
- package/dist/svelte/scrollFadeIn/index.d.ts +272 -0
- package/dist/svelte/scrollFadeIn/index.mjs +911 -0
- package/dist/svelte/textToParticle/index.cjs +1 -1
- package/dist/svelte/textToParticle/index.d.ts +85 -29
- package/dist/svelte/textToParticle/index.mjs +119 -33
- package/dist/svelte/typing/index.cjs +1 -1
- package/dist/svelte/typing/index.d.ts +85 -29
- package/dist/svelte/typing/index.mjs +117 -32
- package/dist/textToParticle/core/count/index.d.ts +3 -2
- package/dist/textToParticle/core/count/index.d.ts.map +1 -1
- package/dist/textToParticle/core/index.d.ts +3 -0
- package/dist/textToParticle/core/index.d.ts.map +1 -1
- package/dist/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/textToParticle/core/textToParticle/index.d.ts +3 -3
- package/dist/textToParticle/core/textToParticle/index.d.ts.map +1 -1
- package/dist/textToParticle/core/typing/index.d.ts +3 -2
- package/dist/textToParticle/core/typing/index.d.ts.map +1 -1
- package/dist/textToParticle/core/utils/visibilityManager.d.ts +35 -0
- package/dist/textToParticle/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/textToParticle/index.cjs +1 -1
- package/dist/textToParticle/index.d.ts +3 -0
- package/dist/textToParticle/index.d.ts.map +1 -1
- package/dist/textToParticle/index.mjs +1 -1
- package/dist/textToParticle/react/MasonEffect.d.ts.map +1 -1
- package/dist/textToParticle/react/index.d.ts +3 -0
- package/dist/textToParticle/react/index.d.ts.map +1 -1
- package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/textToParticle/svelte/index.d.ts +1 -0
- package/dist/textToParticle/svelte/index.d.ts.map +1 -1
- package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/textToParticle/vue/index.d.ts +1 -0
- package/dist/textToParticle/vue/index.d.ts.map +1 -1
- package/dist/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/typing/core/count/index.d.ts +3 -2
- package/dist/typing/core/count/index.d.ts.map +1 -1
- package/dist/typing/core/index.d.ts +3 -0
- package/dist/typing/core/index.d.ts.map +1 -1
- package/dist/typing/core/scrollFadeIn/index.d.ts +57 -0
- package/dist/typing/core/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/typing/core/textToParticle/index.d.ts +3 -3
- package/dist/typing/core/textToParticle/index.d.ts.map +1 -1
- package/dist/typing/core/typing/index.d.ts +3 -2
- package/dist/typing/core/typing/index.d.ts.map +1 -1
- package/dist/typing/core/utils/visibilityManager.d.ts +35 -0
- package/dist/typing/core/utils/visibilityManager.d.ts.map +1 -0
- package/dist/typing/index.cjs +1 -1
- package/dist/typing/index.d.ts +3 -0
- package/dist/typing/index.d.ts.map +1 -1
- package/dist/typing/index.mjs +1 -1
- package/dist/typing/react/MasonEffect.d.ts.map +1 -1
- package/dist/typing/react/index.d.ts +3 -0
- package/dist/typing/react/index.d.ts.map +1 -1
- package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
- package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
- package/dist/typing/react/scrollFadeIn/index.d.ts +5 -0
- package/dist/typing/react/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
- package/dist/typing/svelte/index.d.ts +1 -0
- package/dist/typing/svelte/index.d.ts.map +1 -1
- package/dist/typing/svelte/scrollFadeIn/index.d.ts +2 -0
- package/dist/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/typing/vue/index.d.ts +1 -0
- package/dist/typing/vue/index.d.ts.map +1 -1
- package/dist/typing/vue/scrollFadeIn/index.d.ts +2 -0
- package/dist/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
- package/dist/vue/count/index.cjs +1 -1
- package/dist/vue/count/index.d.ts +85 -29
- package/dist/vue/count/index.mjs +119 -41
- package/dist/vue/index.cjs +1 -1
- package/dist/vue/index.d.ts +85 -29
- package/dist/vue/index.mjs +506 -116
- package/dist/vue/scrollFadeIn/index.cjs +1 -0
- package/dist/vue/scrollFadeIn/index.d.ts +272 -0
- package/dist/vue/scrollFadeIn/index.mjs +447 -0
- package/dist/vue/textToParticle/index.cjs +1 -1
- package/dist/vue/textToParticle/index.d.ts +85 -29
- package/dist/vue/textToParticle/index.mjs +119 -33
- package/dist/vue/typing/index.cjs +1 -1
- package/dist/vue/typing/index.d.ts +85 -29
- package/dist/vue/typing/index.mjs +116 -31
- package/package.json +26 -2
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* 사용법:
|
|
6
6
|
* import { TextToParticle } from 'masoneffect/textToParticle';
|
|
7
7
|
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
8
9
|
export interface TextToParticleOptions {
|
|
9
10
|
text?: string;
|
|
10
11
|
densityStep?: number;
|
|
@@ -55,14 +56,13 @@ export declare class TextToParticle {
|
|
|
55
56
|
};
|
|
56
57
|
animationId: number | null;
|
|
57
58
|
isRunning: boolean;
|
|
58
|
-
|
|
59
|
-
intersectionObserver: IntersectionObserver | null;
|
|
59
|
+
visibilityManager: VisibilityManager | null;
|
|
60
60
|
debounceDelay: number;
|
|
61
61
|
_debouncedMorph: (textOrOptions?: string | Partial<TextToParticleOptions> | null) => void;
|
|
62
62
|
_debouncedUpdateConfig: (newConfig: Partial<TextToParticleOptions>) => void;
|
|
63
63
|
constructor(container: HTMLElement | string, options?: TextToParticleOptions);
|
|
64
64
|
init(): void;
|
|
65
|
-
|
|
65
|
+
setupVisibilityManager(): void;
|
|
66
66
|
resize(): void;
|
|
67
67
|
/**
|
|
68
68
|
* 텍스트가 영역 안에 들어가는지 확인하는 헬퍼 함수 (줄바꿈 지원)
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* 사용법:
|
|
6
6
|
* import { Typing } from 'masoneffect/typing';
|
|
7
7
|
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
8
9
|
export interface TypingOptions {
|
|
9
10
|
text: string;
|
|
10
11
|
speed?: number;
|
|
@@ -33,13 +34,13 @@ export declare class Typing {
|
|
|
33
34
|
currentIndex: number;
|
|
34
35
|
displayedText: string;
|
|
35
36
|
timeoutId: ReturnType<typeof setTimeout> | null;
|
|
36
|
-
|
|
37
|
+
visibilityManager: VisibilityManager | null;
|
|
37
38
|
isRunning: boolean;
|
|
38
39
|
hasTriggered: boolean;
|
|
39
40
|
originalText: string;
|
|
40
41
|
constructor(container: HTMLElement | string, options: TypingOptions);
|
|
41
42
|
init(): void;
|
|
42
|
-
|
|
43
|
+
setupVisibilityManager(): void;
|
|
43
44
|
private buildTextFromUnits;
|
|
44
45
|
start(): void;
|
|
45
46
|
typeNext(): void;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* VisibilityManager - IntersectionObserver와 Page Visibility API를 통합 관리
|
|
3
|
+
* 모든 효과에서 공통으로 사용하는 가시성 관리 유틸리티
|
|
4
|
+
*/
|
|
5
|
+
export interface VisibilityManagerOptions {
|
|
6
|
+
threshold?: number;
|
|
7
|
+
rootMargin?: string;
|
|
8
|
+
onVisible?: () => void;
|
|
9
|
+
onHidden?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare class VisibilityManager {
|
|
12
|
+
private container;
|
|
13
|
+
private options;
|
|
14
|
+
private intersectionObserver;
|
|
15
|
+
private visibilityChangeHandler;
|
|
16
|
+
private isVisible;
|
|
17
|
+
private isPageVisible;
|
|
18
|
+
constructor(container: HTMLElement, options?: VisibilityManagerOptions);
|
|
19
|
+
private setupIntersectionObserver;
|
|
20
|
+
private setupPageVisibility;
|
|
21
|
+
/**
|
|
22
|
+
* 현재 요소가 화면에 보이는지 확인
|
|
23
|
+
*/
|
|
24
|
+
getIsVisible(): boolean;
|
|
25
|
+
/**
|
|
26
|
+
* 옵션 업데이트
|
|
27
|
+
*/
|
|
28
|
+
updateOptions(newOptions: Partial<VisibilityManagerOptions>): void;
|
|
29
|
+
/**
|
|
30
|
+
* 리소스 정리
|
|
31
|
+
*/
|
|
32
|
+
destroy(): void;
|
|
33
|
+
}
|
|
34
|
+
export default VisibilityManager;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* 사용법:
|
|
6
6
|
* import { Count } from 'masoneffect/count';
|
|
7
7
|
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
8
9
|
export interface CountOptions {
|
|
9
10
|
targetValue: number;
|
|
10
11
|
duration?: number;
|
|
@@ -33,12 +34,12 @@ export declare class Count {
|
|
|
33
34
|
currentValue: number;
|
|
34
35
|
startTime: number | null;
|
|
35
36
|
animationFrameId: number | null;
|
|
36
|
-
|
|
37
|
+
visibilityManager: VisibilityManager | null;
|
|
37
38
|
isRunning: boolean;
|
|
38
39
|
hasTriggered: boolean;
|
|
39
40
|
constructor(container: HTMLElement | string, options: CountOptions);
|
|
40
41
|
init(): void;
|
|
41
|
-
|
|
42
|
+
setupVisibilityManager(): void;
|
|
42
43
|
start(): void;
|
|
43
44
|
stop(): void;
|
|
44
45
|
reset(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/count/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAGD,eAAO,MAAM,eAAe;gBACd,MAAM;oBACF,MAAM;qBACL,MAAM;uBACJ,MAAM;sBACP,MAAM;CACzB,CAAC;AAEF,qBAAa,KAAK;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG;QAChE,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACnC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;KACxC,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/count/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAGD,eAAO,MAAM,eAAe;gBACd,MAAM;oBACF,MAAM;qBACL,MAAM;uBACJ,MAAM;sBACP,MAAM;CACzB,CAAC;AAEF,qBAAa,KAAK;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG;QAChE,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACnC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;KACxC,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;gBAEV,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,EAAE,YAAY;IAoClE,IAAI,IAAI,IAAI;IAQZ,sBAAsB,IAAI,IAAI;IAoB9B,KAAK,IAAI,IAAI;IA6Cb,IAAI,IAAI,IAAI;IAQZ,KAAK,IAAI,IAAI;IAQb,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKlC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAMnC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IA0BpD,QAAQ,IAAI,MAAM;IAKlB,OAAO,IAAI,IAAI;CAOhB;AAGD,eAAe,KAAK,CAAC"}
|
|
@@ -14,6 +14,9 @@ export type { CountOptions } from './count/index.js';
|
|
|
14
14
|
export { easingFunctions } from './count/index.js';
|
|
15
15
|
export { Typing, default as TypingDefault } from './typing/index.js';
|
|
16
16
|
export type { TypingOptions } from './typing/index.js';
|
|
17
|
+
export { ScrollFadeIn, default as ScrollFadeInDefault } from './scrollFadeIn/index.js';
|
|
18
|
+
export type { ScrollFadeInOptions } from './scrollFadeIn/index.js';
|
|
19
|
+
export { easingFunctions as scrollFadeInEasingFunctions } from './scrollFadeIn/index.js';
|
|
17
20
|
export { TextToParticle as MasonEffect } from './textToParticle/index.js';
|
|
18
21
|
export type { TextToParticleOptions as MasonEffectOptions } from './textToParticle/index.js';
|
|
19
22
|
export { default } from './textToParticle/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGjF,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC1E,YAAY,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG7F,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGjF,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACvF,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAGzF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC1E,YAAY,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG7F,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ScrollFadeIn - 스크롤 기반 페이드 인 애니메이션 효과
|
|
3
|
+
* 바닐라 JS 코어 클래스
|
|
4
|
+
*
|
|
5
|
+
* 사용법:
|
|
6
|
+
* import { ScrollFadeIn } from 'masoneffect/scrollFadeIn';
|
|
7
|
+
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
9
|
+
export interface ScrollFadeInOptions {
|
|
10
|
+
direction?: 'top' | 'right' | 'bottom' | 'left';
|
|
11
|
+
distance?: string;
|
|
12
|
+
duration?: number;
|
|
13
|
+
easing?: (t: number) => number;
|
|
14
|
+
threshold?: number;
|
|
15
|
+
rootMargin?: string;
|
|
16
|
+
triggerOnce?: boolean;
|
|
17
|
+
enabled?: boolean;
|
|
18
|
+
onStart?: () => void;
|
|
19
|
+
onComplete?: () => void;
|
|
20
|
+
}
|
|
21
|
+
export declare const easingFunctions: {
|
|
22
|
+
linear: (t: number) => number;
|
|
23
|
+
easeInQuad: (t: number) => number;
|
|
24
|
+
easeOutQuad: (t: number) => number;
|
|
25
|
+
easeInOutQuad: (t: number) => number;
|
|
26
|
+
easeOutCubic: (t: number) => number;
|
|
27
|
+
easeInOutCubic: (t: number) => number;
|
|
28
|
+
};
|
|
29
|
+
export declare class ScrollFadeIn {
|
|
30
|
+
container: HTMLElement;
|
|
31
|
+
config: Required<Omit<ScrollFadeInOptions, 'onStart' | 'onComplete' | 'easing'>> & {
|
|
32
|
+
easing: (t: number) => number;
|
|
33
|
+
onStart: ScrollFadeInOptions['onStart'];
|
|
34
|
+
onComplete: ScrollFadeInOptions['onComplete'];
|
|
35
|
+
};
|
|
36
|
+
visibilityManager: VisibilityManager | null;
|
|
37
|
+
animationFrameId: number | null;
|
|
38
|
+
startTime: number | null;
|
|
39
|
+
isRunning: boolean;
|
|
40
|
+
hasTriggered: boolean;
|
|
41
|
+
initialTransform: string;
|
|
42
|
+
targetDistance: number;
|
|
43
|
+
constructor(container: HTMLElement | string, options?: ScrollFadeInOptions);
|
|
44
|
+
init(): void;
|
|
45
|
+
parseDistance(distance: string): number;
|
|
46
|
+
setInitialPosition(): void;
|
|
47
|
+
setupVisibilityManager(): void;
|
|
48
|
+
start(): void;
|
|
49
|
+
animate(): void;
|
|
50
|
+
complete(): void;
|
|
51
|
+
reset(): void;
|
|
52
|
+
stop(): void;
|
|
53
|
+
updateConfig(newConfig: Partial<ScrollFadeInOptions>): void;
|
|
54
|
+
destroy(): void;
|
|
55
|
+
}
|
|
56
|
+
export default ScrollFadeIn;
|
|
57
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/scrollFadeIn/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAGD,eAAO,MAAM,eAAe;gBACd,MAAM;oBACF,MAAM;qBACL,MAAM;uBACJ,MAAM;sBACP,MAAM;wBACJ,MAAM;CAC3B,CAAC;AAEF,qBAAa,YAAY;IACvB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC,GAAG;QACjF,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC9B,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;QACxC,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;KAC/C,CAAC;IACF,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;gBAEX,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,GAAE,mBAAwB;IAqC9E,IAAI,IAAI,IAAI;IAiBZ,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAoCvC,kBAAkB,IAAI,IAAI;IAqC1B,sBAAsB,IAAI,IAAI;IAoB9B,KAAK,IAAI,IAAI;IAeb,OAAO,IAAI,IAAI;IAmDf,QAAQ,IAAI,IAAI;IAqBhB,KAAK,IAAI,IAAI;IAMb,IAAI,IAAI,IAAI;IASZ,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAoC3D,OAAO,IAAI,IAAI;CAWhB;AAGD,eAAe,YAAY,CAAC"}
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* 사용법:
|
|
6
6
|
* import { TextToParticle } from 'masoneffect/textToParticle';
|
|
7
7
|
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
8
9
|
export interface TextToParticleOptions {
|
|
9
10
|
text?: string;
|
|
10
11
|
densityStep?: number;
|
|
@@ -55,14 +56,13 @@ export declare class TextToParticle {
|
|
|
55
56
|
};
|
|
56
57
|
animationId: number | null;
|
|
57
58
|
isRunning: boolean;
|
|
58
|
-
|
|
59
|
-
intersectionObserver: IntersectionObserver | null;
|
|
59
|
+
visibilityManager: VisibilityManager | null;
|
|
60
60
|
debounceDelay: number;
|
|
61
61
|
_debouncedMorph: (textOrOptions?: string | Partial<TextToParticleOptions> | null) => void;
|
|
62
62
|
_debouncedUpdateConfig: (newConfig: Partial<TextToParticleOptions>) => void;
|
|
63
63
|
constructor(container: HTMLElement | string, options?: TextToParticleOptions);
|
|
64
64
|
init(): void;
|
|
65
|
-
|
|
65
|
+
setupVisibilityManager(): void;
|
|
66
66
|
resize(): void;
|
|
67
67
|
/**
|
|
68
68
|
* 텍스트가 영역 안에 들어가는지 확인하는 헬퍼 함수 (줄바꿈 지원)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/textToParticle/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;CACX;AAoBD,qBAAa,cAAc;IACzB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC,CAAC,GAAG;QACxF,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAC1C,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC;IACF,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,wBAAwB,CAAC;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,wBAAwB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/textToParticle/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;CACX;AAoBD,qBAAa,cAAc;IACzB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC,CAAC,GAAG;QACxF,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAC1C,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC;IACF,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,wBAAwB,CAAC;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,wBAAwB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAG,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3F,sBAAsB,EAAG,CAAC,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;gBAEjE,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,GAAE,qBAA0B;IA4EhF,IAAI,IAAI,IAAI;IAUZ,sBAAsB,IAAI,IAAI;IAY9B,MAAM,IAAI,IAAI;IAoCd;;;;;;;OAOG;IACH,OAAO,CAAC,cAAc;IAgCtB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAmC3B,YAAY,IAAI,IAAI;IAuGpB,YAAY,IAAI,QAAQ;IAiBxB,aAAa,IAAI,IAAI;IAcrB,OAAO,IAAI,IAAI;IAiBf,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,GAAG,IAAI;IAM3E,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,GAAG,IAAI;IAuBpF,MAAM,IAAI,IAAI;IAqDd,OAAO,IAAI,IAAI;IAMf,KAAK,IAAI,IAAI;IAMb,IAAI,IAAI,IAAI;IAQZ,mBAAmB,IAAI,IAAI;IAQ3B,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAIpB,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAMpC,gBAAgB,IAAI,IAAI;IAIxB,eAAe,IAAI,IAAI;IAIvB,aAAa,IAAI,IAAI;IAKrB,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAK7D,qBAAqB,CAAC,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI;IAQtE,OAAO,IAAI,IAAI;CAWhB;AAGD,eAAe,cAAc,CAAC"}
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* 사용법:
|
|
6
6
|
* import { Typing } from 'masoneffect/typing';
|
|
7
7
|
*/
|
|
8
|
+
import { VisibilityManager } from '../utils/visibilityManager.js';
|
|
8
9
|
export interface TypingOptions {
|
|
9
10
|
text: string;
|
|
10
11
|
speed?: number;
|
|
@@ -33,13 +34,13 @@ export declare class Typing {
|
|
|
33
34
|
currentIndex: number;
|
|
34
35
|
displayedText: string;
|
|
35
36
|
timeoutId: ReturnType<typeof setTimeout> | null;
|
|
36
|
-
|
|
37
|
+
visibilityManager: VisibilityManager | null;
|
|
37
38
|
isRunning: boolean;
|
|
38
39
|
hasTriggered: boolean;
|
|
39
40
|
originalText: string;
|
|
40
41
|
constructor(container: HTMLElement | string, options: TypingOptions);
|
|
41
42
|
init(): void;
|
|
42
|
-
|
|
43
|
+
setupVisibilityManager(): void;
|
|
43
44
|
private buildTextFromUnits;
|
|
44
45
|
start(): void;
|
|
45
46
|
typeNext(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/typing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAyFD,qBAAa,MAAM;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG;QACjE,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACpC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/typing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAyFD,qBAAa,MAAM;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,GAAG;QACjE,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACpC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;gBAET,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,EAAE,aAAa;IA6CnE,IAAI,IAAI,IAAI;IAQZ,sBAAsB,IAAI,IAAI;IAmB9B,OAAO,CAAC,kBAAkB;IAgD1B,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;IAuChB,IAAI,IAAI,IAAI;IAQZ,KAAK,IAAI,IAAI;IAQb,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKjC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAa9B,OAAO,IAAI,IAAI;CAOhB;AAGD,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* VisibilityManager - IntersectionObserver와 Page Visibility API를 통합 관리
|
|
3
|
+
* 모든 효과에서 공통으로 사용하는 가시성 관리 유틸리티
|
|
4
|
+
*/
|
|
5
|
+
export interface VisibilityManagerOptions {
|
|
6
|
+
threshold?: number;
|
|
7
|
+
rootMargin?: string;
|
|
8
|
+
onVisible?: () => void;
|
|
9
|
+
onHidden?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare class VisibilityManager {
|
|
12
|
+
private container;
|
|
13
|
+
private options;
|
|
14
|
+
private intersectionObserver;
|
|
15
|
+
private visibilityChangeHandler;
|
|
16
|
+
private isVisible;
|
|
17
|
+
private isPageVisible;
|
|
18
|
+
constructor(container: HTMLElement, options?: VisibilityManagerOptions);
|
|
19
|
+
private setupIntersectionObserver;
|
|
20
|
+
private setupPageVisibility;
|
|
21
|
+
/**
|
|
22
|
+
* 현재 요소가 화면에 보이는지 확인
|
|
23
|
+
*/
|
|
24
|
+
getIsVisible(): boolean;
|
|
25
|
+
/**
|
|
26
|
+
* 옵션 업데이트
|
|
27
|
+
*/
|
|
28
|
+
updateOptions(newOptions: Partial<VisibilityManagerOptions>): void;
|
|
29
|
+
/**
|
|
30
|
+
* 리소스 정리
|
|
31
|
+
*/
|
|
32
|
+
destroy(): void;
|
|
33
|
+
}
|
|
34
|
+
export default VisibilityManager;
|
|
35
|
+
//# sourceMappingURL=visibilityManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"visibilityManager.d.ts","sourceRoot":"","sources":["../../../../../src/core/utils/visibilityManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,oBAAoB,CAA8B;IAC1D,OAAO,CAAC,uBAAuB,CAAsB;IACrD,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,aAAa,CAAU;gBAEnB,SAAS,EAAE,WAAW,EAAE,OAAO,GAAE,wBAA6B;IAiB1E,OAAO,CAAC,yBAAyB;IAsCjC,OAAO,CAAC,mBAAmB;IA+B3B;;OAEG;IACH,YAAY,IAAI,OAAO;IAIvB;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,IAAI;IAWlE;;OAEG;IACH,OAAO,IAAI,IAAI;CAUhB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"t",{value:!0});var t=require("react");const s={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:(4-2*t)*t-1,easeOutCubic:t=>--t*t*t+1};class
|
|
1
|
+
Object.defineProperty(exports,"t",{value:!0});var t=require("react");class i{constructor(t,i={}){this.container=t,this.options={threshold:i.threshold??.1,rootMargin:i.rootMargin??"0px",onVisible:i.onVisible,onHidden:i.onHidden},this.intersectionObserver=null,this.visibilityChangeHandler=null,this.isVisible=!1,this.isPageVisible="undefined"==typeof document||!document.hidden,this.setupIntersectionObserver(),this.setupPageVisibility()}setupIntersectionObserver(){if("undefined"==typeof window||void 0===window.IntersectionObserver)return this.isVisible=!0,void(this.isPageVisible&&this.options.onVisible&&this.options.onVisible());this.intersectionObserver=new IntersectionObserver(t=>{for(const i of t)i.target===this.container&&(i.isIntersecting?(this.isVisible=!0,this.isPageVisible&&this.options.onVisible&&this.options.onVisible()):(this.isVisible=!1,this.options.onHidden&&this.options.onHidden()))},{threshold:this.options.threshold,rootMargin:this.options.rootMargin}),this.intersectionObserver.observe(this.container)}setupPageVisibility(){"undefined"!=typeof document&&(this.visibilityChangeHandler=()=>{const t=this.isPageVisible;this.isPageVisible=!document.hidden,document.hidden?this.options.onHidden&&this.options.onHidden():t!==this.isPageVisible&&this.isVisible&&this.options.onVisible&&this.options.onVisible()},document.addEventListener("visibilitychange",this.visibilityChangeHandler),document.hidden&&this.isVisible&&this.options.onHidden&&this.options.onHidden())}getIsVisible(){return this.isVisible&&this.isPageVisible}updateOptions(t){this.options={...this.options,...t},this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),this.setupIntersectionObserver()}destroy(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),this.visibilityChangeHandler&&"undefined"!=typeof document&&(document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeHandler=null)}}const s={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:(4-2*t)*t-1,easeOutCubic:t=>--t*t*t+1};class e{constructor(t,i){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={targetValue:i.targetValue,duration:i.duration??2e3,startValue:i.startValue??0,enabled:i.enabled??!0,easing:i.easing??s.linear,threshold:i.threshold??.2,rootMargin:i.rootMargin??"0px 0px -100px 0px",triggerOnce:i.triggerOnce??!1,onUpdate:i.onUpdate||null,onComplete:i.onComplete||null},this.currentValue=this.config.startValue,this.startTime=null,this.animationFrameId=null,this.visibilityManager=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(this.config.startValue),this.setupVisibilityManager()}setupVisibilityManager(){this.visibilityManager=new i(this.container,{threshold:this.config.threshold,rootMargin:this.config.rootMargin,onVisible:()=>{!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,this.start())},onHidden:()=>{!this.config.triggerOnce&&this.isRunning&&this.reset()}})}start(){if(this.isRunning)return;if(!this.config.enabled)return;this.isRunning=!0,this.startTime=null,this.currentValue=this.config.startValue,this.updateDisplay(this.currentValue);const t=i=>{null===this.startTime&&(this.startTime=i);const s=i-this.startTime,e=Math.min(s/this.config.duration,1),h=this.config.easing(e);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*h),this.updateDisplay(this.currentValue),this.config.onUpdate&&this.config.onUpdate(this.currentValue),e<1?this.animationFrameId=requestAnimationFrame(t):(this.currentValue=this.config.targetValue,this.updateDisplay(this.currentValue),this.isRunning=!1,this.config.onComplete&&this.config.onComplete())};this.animationFrameId=requestAnimationFrame(t)}stop(){this.isRunning=!1,null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}reset(){this.stop(),this.currentValue=this.config.startValue,this.updateDisplay(this.currentValue),this.hasTriggered=!1,this.startTime=null}updateDisplay(t){this.container.textContent=this.formatNumber(t)}formatNumber(t){return Math.floor(t).toLocaleString()}updateConfig(t){const i=this.isRunning;this.stop(),this.config={...this.config,...t,onUpdate:void 0!==t.onUpdate?t.onUpdate:this.config.onUpdate,onComplete:void 0!==t.onComplete?t.onComplete:this.config.onComplete},void 0!==t.targetValue?(this.reset(),i&&this.config.enabled&&this.start()):i&&this.config.enabled&&this.start()}getValue(){return this.currentValue}destroy(){this.stop(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null)}}const h=t.forwardRef((i,s)=>{const h=t.useRef(null),n=t.useRef(null);return t.useEffect(()=>{if(!h.current)return;if(n.current)return;const{className:t,style:s,targetValue:o,duration:r,startValue:l,enabled:a,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:m}=i,f={targetValue:o,duration:r,startValue:l,enabled:a,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:m};return n.current=new e(h.current,f),()=>{n.current&&(n.current.destroy(),n.current=null)}},[]),t.useEffect(()=>{if(!n.current)return;const{targetValue:t,duration:s,startValue:e,enabled:h,easing:o,threshold:r,rootMargin:l,triggerOnce:a,onUpdate:u,onComplete:d}=i;n.current.updateConfig({targetValue:t,duration:s,startValue:e,enabled:h,easing:o,threshold:r,rootMargin:l,triggerOnce:a,onUpdate:u,onComplete:d})},[i.targetValue,i.duration,i.startValue,i.enabled,i.easing,i.threshold,i.rootMargin,i.triggerOnce,i.onUpdate,i.onComplete]),t.useImperativeHandle(s,()=>({start:()=>{n.current?n.current.start():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},stop:()=>{n.current?n.current.stop():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},reset:()=>{n.current?n.current.reset():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},getValue:()=>n.current?n.current.getValue():(console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다."),0),updateConfig:t=>{n.current?n.current.updateConfig(t):console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},destroy:()=>{n.current&&(n.current.destroy(),n.current=null)}})),t.createElement("div",{ref:h,className:i.className,style:i.style})});h.displayName="Count",exports.default=h,exports.easingFunctions=s;
|
|
@@ -14,5 +14,8 @@ export type { CountOptions } from './core/index.js';
|
|
|
14
14
|
export { easingFunctions } from './core/index.js';
|
|
15
15
|
export { Typing } from './core/index.js';
|
|
16
16
|
export type { TypingOptions } from './core/index.js';
|
|
17
|
+
export { ScrollFadeIn } from './core/index.js';
|
|
18
|
+
export type { ScrollFadeInOptions } from './core/index.js';
|
|
19
|
+
export { easingFunctions as scrollFadeInEasingFunctions } from './core/index.js';
|
|
17
20
|
export { default } from './core/index.js';
|
|
18
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3F,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3F,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,eAAe,IAAI,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAGjF,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useRef as
|
|
1
|
+
import t,{useRef as i,useEffect as s}from"react";class e{constructor(t,i={}){this.container=t,this.options={threshold:i.threshold??.1,rootMargin:i.rootMargin??"0px",onVisible:i.onVisible,onHidden:i.onHidden},this.intersectionObserver=null,this.visibilityChangeHandler=null,this.isVisible=!1,this.isPageVisible="undefined"==typeof document||!document.hidden,this.setupIntersectionObserver(),this.setupPageVisibility()}setupIntersectionObserver(){if("undefined"==typeof window||void 0===window.IntersectionObserver)return this.isVisible=!0,void(this.isPageVisible&&this.options.onVisible&&this.options.onVisible());this.intersectionObserver=new IntersectionObserver(t=>{for(const i of t)i.target===this.container&&(i.isIntersecting?(this.isVisible=!0,this.isPageVisible&&this.options.onVisible&&this.options.onVisible()):(this.isVisible=!1,this.options.onHidden&&this.options.onHidden()))},{threshold:this.options.threshold,rootMargin:this.options.rootMargin}),this.intersectionObserver.observe(this.container)}setupPageVisibility(){"undefined"!=typeof document&&(this.visibilityChangeHandler=()=>{const t=this.isPageVisible;this.isPageVisible=!document.hidden,document.hidden?this.options.onHidden&&this.options.onHidden():t!==this.isPageVisible&&this.isVisible&&this.options.onVisible&&this.options.onVisible()},document.addEventListener("visibilitychange",this.visibilityChangeHandler),document.hidden&&this.isVisible&&this.options.onHidden&&this.options.onHidden())}getIsVisible(){return this.isVisible&&this.isPageVisible}updateOptions(t){this.options={...this.options,...t},this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),this.setupIntersectionObserver()}destroy(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),this.visibilityChangeHandler&&"undefined"!=typeof document&&(document.removeEventListener("visibilitychange",this.visibilityChangeHandler),this.visibilityChangeHandler=null)}}const h={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:(4-2*t)*t-1,easeOutCubic:t=>--t*t*t+1};class n{constructor(t,i){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={targetValue:i.targetValue,duration:i.duration??2e3,startValue:i.startValue??0,enabled:i.enabled??!0,easing:i.easing??h.linear,threshold:i.threshold??.2,rootMargin:i.rootMargin??"0px 0px -100px 0px",triggerOnce:i.triggerOnce??!1,onUpdate:i.onUpdate||null,onComplete:i.onComplete||null},this.currentValue=this.config.startValue,this.startTime=null,this.animationFrameId=null,this.visibilityManager=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(this.config.startValue),this.setupVisibilityManager()}setupVisibilityManager(){this.visibilityManager=new e(this.container,{threshold:this.config.threshold,rootMargin:this.config.rootMargin,onVisible:()=>{!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,this.start())},onHidden:()=>{!this.config.triggerOnce&&this.isRunning&&this.reset()}})}start(){if(this.isRunning)return;if(!this.config.enabled)return;this.isRunning=!0,this.startTime=null,this.currentValue=this.config.startValue,this.updateDisplay(this.currentValue);const t=i=>{null===this.startTime&&(this.startTime=i);const s=i-this.startTime,e=Math.min(s/this.config.duration,1),h=this.config.easing(e);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*h),this.updateDisplay(this.currentValue),this.config.onUpdate&&this.config.onUpdate(this.currentValue),e<1?this.animationFrameId=requestAnimationFrame(t):(this.currentValue=this.config.targetValue,this.updateDisplay(this.currentValue),this.isRunning=!1,this.config.onComplete&&this.config.onComplete())};this.animationFrameId=requestAnimationFrame(t)}stop(){this.isRunning=!1,null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}reset(){this.stop(),this.currentValue=this.config.startValue,this.updateDisplay(this.currentValue),this.hasTriggered=!1,this.startTime=null}updateDisplay(t){this.container.textContent=this.formatNumber(t)}formatNumber(t){return Math.floor(t).toLocaleString()}updateConfig(t){const i=this.isRunning;this.stop(),this.config={...this.config,...t,onUpdate:void 0!==t.onUpdate?t.onUpdate:this.config.onUpdate,onComplete:void 0!==t.onComplete?t.onComplete:this.config.onComplete},void 0!==t.targetValue?(this.reset(),i&&this.config.enabled&&this.start()):i&&this.config.enabled&&this.start()}getValue(){return this.currentValue}destroy(){this.stop(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null)}}const o=t.forwardRef((e,h)=>{const o=i(null),r=i(null);return s(()=>{if(!o.current)return;if(r.current)return;const{className:t,style:i,targetValue:s,duration:h,startValue:l,enabled:a,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:m}=e,f={targetValue:s,duration:h,startValue:l,enabled:a,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:m};return r.current=new n(o.current,f),()=>{r.current&&(r.current.destroy(),r.current=null)}},[]),s(()=>{if(!r.current)return;const{targetValue:t,duration:i,startValue:s,enabled:h,easing:n,threshold:o,rootMargin:l,triggerOnce:a,onUpdate:u,onComplete:d}=e;r.current.updateConfig({targetValue:t,duration:i,startValue:s,enabled:h,easing:n,threshold:o,rootMargin:l,triggerOnce:a,onUpdate:u,onComplete:d})},[e.targetValue,e.duration,e.startValue,e.enabled,e.easing,e.threshold,e.rootMargin,e.triggerOnce,e.onUpdate,e.onComplete]),t.useImperativeHandle(h,()=>({start:()=>{r.current?r.current.start():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},stop:()=>{r.current?r.current.stop():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},reset:()=>{r.current?r.current.reset():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},getValue:()=>r.current?r.current.getValue():(console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다."),0),updateConfig:t=>{r.current?r.current.updateConfig(t):console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},destroy:()=>{r.current&&(r.current.destroy(),r.current=null)}})),t.createElement("div",{ref:o,className:e.className,style:e.style})});o.displayName="Count";export{o as default,h as easingFunctions};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,yFAiNzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
|
|
@@ -8,6 +8,9 @@ export type { CountRef, CountOptions } from './count/index.js';
|
|
|
8
8
|
export { easingFunctions } from './count/index.js';
|
|
9
9
|
export { default as Typing } from './typing/index.js';
|
|
10
10
|
export type { TypingRef, TypingOptions } from './typing/index.js';
|
|
11
|
+
export { default as ScrollFadeIn } from './scrollFadeIn/index.js';
|
|
12
|
+
export type { ScrollFadeInRef, ScrollFadeInOptions } from './scrollFadeIn/index.js';
|
|
13
|
+
export { easingFunctions as scrollFadeInEasingFunctions } from './scrollFadeIn/index.js';
|
|
11
14
|
export { default as MasonEffect } from './textToParticle/index.js';
|
|
12
15
|
export type { TextToParticleRef as MasonEffectRef, TextToParticleOptions as MasonEffectOptions } from './textToParticle/index.js';
|
|
13
16
|
export { default } from './textToParticle/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,iBAAiB,IAAI,cAAc,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGlI,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,eAAe,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAGzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,iBAAiB,IAAI,cAAc,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGlI,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ScrollFadeInOptions } from '../../core/scrollFadeIn/index.js';
|
|
3
|
+
export interface ScrollFadeInRef {
|
|
4
|
+
start: () => void;
|
|
5
|
+
stop: () => void;
|
|
6
|
+
reset: () => void;
|
|
7
|
+
updateConfig: (config: Partial<ScrollFadeInOptions>) => void;
|
|
8
|
+
destroy: () => void;
|
|
9
|
+
}
|
|
10
|
+
interface ScrollFadeInProps extends Omit<ScrollFadeInOptions, 'onStart' | 'onComplete'> {
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
onStart?: () => void;
|
|
15
|
+
onComplete?: () => void;
|
|
16
|
+
}
|
|
17
|
+
declare const ScrollFadeInComponent: React.ForwardRefExoticComponent<ScrollFadeInProps & React.RefAttributes<ScrollFadeInRef>>;
|
|
18
|
+
export default ScrollFadeInComponent;
|
|
19
|
+
//# sourceMappingURL=ScrollFadeIn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollFadeIn.d.ts","sourceRoot":"","sources":["../../../../../src/react/scrollFadeIn/ScrollFadeIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,YAAY,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,qBAAqB,2FA6I1B,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default } from './ScrollFadeIn';
|
|
2
|
+
export type { ScrollFadeInRef } from './ScrollFadeIn';
|
|
3
|
+
export type { ScrollFadeInOptions } from '../../core/scrollFadeIn/index.js';
|
|
4
|
+
export { easingFunctions } from '../../core/scrollFadeIn/index.js';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/scrollFadeIn/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextToParticle.d.ts","sourceRoot":"","sources":["../../../../../src/react/textToParticle/TextToParticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,mBAAoB,SAAQ,qBAAqB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,uBAAuB,+
|
|
1
|
+
{"version":3,"file":"TextToParticle.d.ts","sourceRoot":"","sources":["../../../../../src/react/textToParticle/TextToParticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,mBAAoB,SAAQ,qBAAqB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,uBAAuB,+FAiN5B,CAAC;AAIF,eAAe,uBAAuB,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
export { default as TextToParticle } from './textToParticle/index.js';
|
|
5
5
|
export { default as Count } from './count/index.js';
|
|
6
6
|
export { default as Typing } from './typing/index.js';
|
|
7
|
+
export { default as ScrollFadeIn } from './scrollFadeIn/index.js';
|
|
7
8
|
export { default as MasonEffect } from './textToParticle/index.js';
|
|
8
9
|
export { default } from './textToParticle/index.js';
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/svelte/scrollFadeIn/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
export { default as TextToParticle } from './textToParticle/index.js';
|
|
5
5
|
export { default as Count } from './count/index.js';
|
|
6
6
|
export { default as Typing } from './typing/index.js';
|
|
7
|
+
export { default as ScrollFadeIn } from './scrollFadeIn/index.js';
|
|
7
8
|
export { default as MasonEffect } from './textToParticle/index.js';
|
|
8
9
|
export { default } from './textToParticle/index.js';
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/vue/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/vue/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/vue/scrollFadeIn/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
package/dist/react/index.cjs
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var index_js = require('./textToParticle/index.js');
|
|
6
6
|
var index_js$1 = require('./count/index.js');
|
|
7
7
|
var index_js$2 = require('./typing/index.js');
|
|
8
|
+
var index_js$3 = require('./scrollFadeIn/index.js');
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
@@ -17,3 +18,8 @@ Object.defineProperty(exports, "easingFunctions", {
|
|
|
17
18
|
get: function () { return index_js$1.easingFunctions; }
|
|
18
19
|
});
|
|
19
20
|
exports.Typing = index_js$2;
|
|
21
|
+
exports.ScrollFadeIn = index_js$3;
|
|
22
|
+
Object.defineProperty(exports, "scrollFadeInEasingFunctions", {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function () { return index_js$3.easingFunctions; }
|
|
25
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,iBAAiB,IAAI,cAAc,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGlI,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,eAAe,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAGzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,YAAY,EAAE,iBAAiB,IAAI,cAAc,EAAE,qBAAqB,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGlI,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC"}
|
package/dist/react/index.mjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as MasonEffect, default as TextToParticle, default } from './textToParticle/index.js';
|
|
2
2
|
export { default as Count, easingFunctions } from './count/index.js';
|
|
3
3
|
export { default as Typing } from './typing/index.js';
|
|
4
|
+
export { default as ScrollFadeIn, easingFunctions as scrollFadeInEasingFunctions } from './scrollFadeIn/index.js';
|
|
@@ -8,6 +8,9 @@ export type { CountRef, CountOptions } from './count/index.js';
|
|
|
8
8
|
export { easingFunctions } from './count/index.js';
|
|
9
9
|
export { default as Typing } from './typing/index.js';
|
|
10
10
|
export type { TypingRef, TypingOptions } from './typing/index.js';
|
|
11
|
+
export { default as ScrollFadeIn } from './scrollFadeIn/index.js';
|
|
12
|
+
export type { ScrollFadeInRef, ScrollFadeInOptions } from './scrollFadeIn/index.js';
|
|
13
|
+
export { easingFunctions as scrollFadeInEasingFunctions } from './scrollFadeIn/index.js';
|
|
11
14
|
export { default as MasonEffect } from './textToParticle/index.js';
|
|
12
15
|
export type { TextToParticleRef as MasonEffectRef, TextToParticleOptions as MasonEffectOptions } from './textToParticle/index.js';
|
|
13
16
|
export { default } from './textToParticle/index.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ScrollFadeInOptions } from '../../core/scrollFadeIn/index.js';
|
|
3
|
+
export interface ScrollFadeInRef {
|
|
4
|
+
start: () => void;
|
|
5
|
+
stop: () => void;
|
|
6
|
+
reset: () => void;
|
|
7
|
+
updateConfig: (config: Partial<ScrollFadeInOptions>) => void;
|
|
8
|
+
destroy: () => void;
|
|
9
|
+
}
|
|
10
|
+
interface ScrollFadeInProps extends Omit<ScrollFadeInOptions, 'onStart' | 'onComplete'> {
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
onStart?: () => void;
|
|
15
|
+
onComplete?: () => void;
|
|
16
|
+
}
|
|
17
|
+
declare const ScrollFadeInComponent: React.ForwardRefExoticComponent<ScrollFadeInProps & React.RefAttributes<ScrollFadeInRef>>;
|
|
18
|
+
export default ScrollFadeInComponent;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ScrollFadeInOptions } from '../../core/scrollFadeIn/index.js';
|
|
3
|
+
export interface ScrollFadeInRef {
|
|
4
|
+
start: () => void;
|
|
5
|
+
stop: () => void;
|
|
6
|
+
reset: () => void;
|
|
7
|
+
updateConfig: (config: Partial<ScrollFadeInOptions>) => void;
|
|
8
|
+
destroy: () => void;
|
|
9
|
+
}
|
|
10
|
+
interface ScrollFadeInProps extends Omit<ScrollFadeInOptions, 'onStart' | 'onComplete'> {
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
onStart?: () => void;
|
|
15
|
+
onComplete?: () => void;
|
|
16
|
+
}
|
|
17
|
+
declare const ScrollFadeInComponent: React.ForwardRefExoticComponent<ScrollFadeInProps & React.RefAttributes<ScrollFadeInRef>>;
|
|
18
|
+
export default ScrollFadeInComponent;
|
|
19
|
+
//# sourceMappingURL=ScrollFadeIn.d.ts.map
|