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.
Files changed (377) hide show
  1. package/README.md +170 -2
  2. package/dist/core/count/index.d.ts +3 -2
  3. package/dist/core/count/index.d.ts.map +1 -1
  4. package/dist/core/index.d.ts +3 -0
  5. package/dist/core/index.d.ts.map +1 -1
  6. package/dist/core/scrollFadeIn/index.d.ts +57 -0
  7. package/dist/core/scrollFadeIn/index.d.ts.map +1 -0
  8. package/dist/core/textToParticle/index.d.ts +3 -3
  9. package/dist/core/textToParticle/index.d.ts.map +1 -1
  10. package/dist/core/typing/index.d.ts +3 -2
  11. package/dist/core/typing/index.d.ts.map +1 -1
  12. package/dist/core/utils/visibilityManager.d.ts +35 -0
  13. package/dist/core/utils/visibilityManager.d.ts.map +1 -0
  14. package/dist/count/core/count/index.d.ts +3 -2
  15. package/dist/count/core/count/index.d.ts.map +1 -1
  16. package/dist/count/core/index.d.ts +3 -0
  17. package/dist/count/core/index.d.ts.map +1 -1
  18. package/dist/count/core/scrollFadeIn/index.d.ts +57 -0
  19. package/dist/count/core/scrollFadeIn/index.d.ts.map +1 -0
  20. package/dist/count/core/textToParticle/index.d.ts +3 -3
  21. package/dist/count/core/textToParticle/index.d.ts.map +1 -1
  22. package/dist/count/core/typing/index.d.ts +3 -2
  23. package/dist/count/core/typing/index.d.ts.map +1 -1
  24. package/dist/count/core/utils/visibilityManager.d.ts +35 -0
  25. package/dist/count/core/utils/visibilityManager.d.ts.map +1 -0
  26. package/dist/count/index.cjs +1 -1
  27. package/dist/count/index.d.ts +3 -0
  28. package/dist/count/index.d.ts.map +1 -1
  29. package/dist/count/index.mjs +1 -1
  30. package/dist/count/react/MasonEffect.d.ts.map +1 -1
  31. package/dist/count/react/index.d.ts +3 -0
  32. package/dist/count/react/index.d.ts.map +1 -1
  33. package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  34. package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  35. package/dist/count/react/scrollFadeIn/index.d.ts +5 -0
  36. package/dist/count/react/scrollFadeIn/index.d.ts.map +1 -0
  37. package/dist/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
  38. package/dist/count/svelte/index.d.ts +1 -0
  39. package/dist/count/svelte/index.d.ts.map +1 -1
  40. package/dist/count/svelte/scrollFadeIn/index.d.ts +2 -0
  41. package/dist/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
  42. package/dist/count/vue/index.d.ts +1 -0
  43. package/dist/count/vue/index.d.ts.map +1 -1
  44. package/dist/count/vue/scrollFadeIn/index.d.ts +2 -0
  45. package/dist/count/vue/scrollFadeIn/index.d.ts.map +1 -0
  46. package/dist/index.cjs +1 -1
  47. package/dist/index.d.ts +3 -0
  48. package/dist/index.d.ts.map +1 -1
  49. package/dist/index.mjs +1 -1
  50. package/dist/index.umd.min.js +1 -1
  51. package/dist/react/MasonEffect.d.ts.map +1 -1
  52. package/dist/react/core/count/index.d.ts +3 -2
  53. package/dist/react/core/index.d.ts +3 -0
  54. package/dist/react/core/scrollFadeIn/index.d.ts +56 -0
  55. package/dist/react/core/textToParticle/index.d.ts +3 -3
  56. package/dist/react/core/typing/index.d.ts +3 -2
  57. package/dist/react/core/utils/visibilityManager.d.ts +34 -0
  58. package/dist/react/count/core/count/index.d.ts +3 -2
  59. package/dist/react/count/core/count/index.d.ts.map +1 -1
  60. package/dist/react/count/core/index.d.ts +3 -0
  61. package/dist/react/count/core/index.d.ts.map +1 -1
  62. package/dist/react/count/core/scrollFadeIn/index.d.ts +57 -0
  63. package/dist/react/count/core/scrollFadeIn/index.d.ts.map +1 -0
  64. package/dist/react/count/core/textToParticle/index.d.ts +3 -3
  65. package/dist/react/count/core/textToParticle/index.d.ts.map +1 -1
  66. package/dist/react/count/core/typing/index.d.ts +3 -2
  67. package/dist/react/count/core/typing/index.d.ts.map +1 -1
  68. package/dist/react/count/core/utils/visibilityManager.d.ts +35 -0
  69. package/dist/react/count/core/utils/visibilityManager.d.ts.map +1 -0
  70. package/dist/react/count/index.cjs +1 -1
  71. package/dist/react/count/index.d.ts +3 -0
  72. package/dist/react/count/index.d.ts.map +1 -1
  73. package/dist/react/count/index.mjs +1 -1
  74. package/dist/react/count/react/MasonEffect.d.ts.map +1 -1
  75. package/dist/react/count/react/index.d.ts +3 -0
  76. package/dist/react/count/react/index.d.ts.map +1 -1
  77. package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  78. package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  79. package/dist/react/count/react/scrollFadeIn/index.d.ts +5 -0
  80. package/dist/react/count/react/scrollFadeIn/index.d.ts.map +1 -0
  81. package/dist/react/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
  82. package/dist/react/count/svelte/index.d.ts +1 -0
  83. package/dist/react/count/svelte/index.d.ts.map +1 -1
  84. package/dist/react/count/svelte/scrollFadeIn/index.d.ts +2 -0
  85. package/dist/react/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
  86. package/dist/react/count/vue/index.d.ts +1 -0
  87. package/dist/react/count/vue/index.d.ts.map +1 -1
  88. package/dist/react/count/vue/scrollFadeIn/index.d.ts +2 -0
  89. package/dist/react/count/vue/scrollFadeIn/index.d.ts.map +1 -0
  90. package/dist/react/index.cjs +6 -0
  91. package/dist/react/index.d.ts.map +1 -1
  92. package/dist/react/index.mjs +1 -0
  93. package/dist/react/react/index.d.ts +3 -0
  94. package/dist/react/react/scrollFadeIn/ScrollFadeIn.d.ts +18 -0
  95. package/dist/react/react/scrollFadeIn/index.d.ts +4 -0
  96. package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  97. package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  98. package/dist/react/scrollFadeIn/core/count/index.d.ts +53 -0
  99. package/dist/react/scrollFadeIn/core/count/index.d.ts.map +1 -0
  100. package/dist/react/scrollFadeIn/core/index.d.ts +23 -0
  101. package/dist/react/scrollFadeIn/core/index.d.ts.map +1 -0
  102. package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
  103. package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
  104. package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
  105. package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
  106. package/dist/react/scrollFadeIn/core/typing/index.d.ts +54 -0
  107. package/dist/react/scrollFadeIn/core/typing/index.d.ts.map +1 -0
  108. package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
  109. package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
  110. package/dist/react/scrollFadeIn/index.cjs +1 -0
  111. package/dist/react/scrollFadeIn/index.d.ts +21 -0
  112. package/dist/react/scrollFadeIn/index.d.ts.map +1 -0
  113. package/dist/react/scrollFadeIn/index.mjs +1 -0
  114. package/dist/react/scrollFadeIn/index.umd.d.ts +7 -0
  115. package/dist/react/scrollFadeIn/index.umd.d.ts.map +1 -0
  116. package/dist/react/scrollFadeIn/react/MasonEffect.d.ts +32 -0
  117. package/dist/react/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
  118. package/dist/react/scrollFadeIn/react/count/Count.d.ts +19 -0
  119. package/dist/react/scrollFadeIn/react/count/Count.d.ts.map +1 -0
  120. package/dist/react/scrollFadeIn/react/count/index.d.ts +5 -0
  121. package/dist/react/scrollFadeIn/react/count/index.d.ts.map +1 -0
  122. package/dist/react/scrollFadeIn/react/index.d.ts +17 -0
  123. package/dist/react/scrollFadeIn/react/index.d.ts.map +1 -0
  124. package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  125. package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  126. package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
  127. package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
  128. package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
  129. package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
  130. package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
  131. package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
  132. package/dist/react/scrollFadeIn/react/typing/Typing.d.ts +18 -0
  133. package/dist/react/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
  134. package/dist/react/scrollFadeIn/react/typing/index.d.ts +4 -0
  135. package/dist/react/scrollFadeIn/react/typing/index.d.ts.map +1 -0
  136. package/dist/react/scrollFadeIn/svelte/count/index.d.ts +2 -0
  137. package/dist/react/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
  138. package/dist/react/scrollFadeIn/svelte/index.d.ts +10 -0
  139. package/dist/react/scrollFadeIn/svelte/index.d.ts.map +1 -0
  140. package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
  141. package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
  142. package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
  143. package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
  144. package/dist/react/scrollFadeIn/svelte/typing/index.d.ts +3 -0
  145. package/dist/react/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
  146. package/dist/react/scrollFadeIn/vue/count/index.d.ts +2 -0
  147. package/dist/react/scrollFadeIn/vue/count/index.d.ts.map +1 -0
  148. package/dist/react/scrollFadeIn/vue/index.d.ts +10 -0
  149. package/dist/react/scrollFadeIn/vue/index.d.ts.map +1 -0
  150. package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
  151. package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
  152. package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
  153. package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
  154. package/dist/react/scrollFadeIn/vue/typing/index.d.ts +4 -0
  155. package/dist/react/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
  156. package/dist/react/svelte/index.d.ts +1 -0
  157. package/dist/react/svelte/scrollFadeIn/index.d.ts +1 -0
  158. package/dist/react/textToParticle/TextToParticle.d.ts.map +1 -1
  159. package/dist/react/textToParticle/core/count/index.d.ts +3 -2
  160. package/dist/react/textToParticle/core/count/index.d.ts.map +1 -1
  161. package/dist/react/textToParticle/core/index.d.ts +3 -0
  162. package/dist/react/textToParticle/core/index.d.ts.map +1 -1
  163. package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
  164. package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
  165. package/dist/react/textToParticle/core/textToParticle/index.d.ts +3 -3
  166. package/dist/react/textToParticle/core/textToParticle/index.d.ts.map +1 -1
  167. package/dist/react/textToParticle/core/typing/index.d.ts +3 -2
  168. package/dist/react/textToParticle/core/typing/index.d.ts.map +1 -1
  169. package/dist/react/textToParticle/core/utils/visibilityManager.d.ts +35 -0
  170. package/dist/react/textToParticle/core/utils/visibilityManager.d.ts.map +1 -0
  171. package/dist/react/textToParticle/index.cjs +1 -1
  172. package/dist/react/textToParticle/index.d.ts +3 -0
  173. package/dist/react/textToParticle/index.d.ts.map +1 -1
  174. package/dist/react/textToParticle/index.mjs +1 -1
  175. package/dist/react/textToParticle/react/MasonEffect.d.ts.map +1 -1
  176. package/dist/react/textToParticle/react/index.d.ts +3 -0
  177. package/dist/react/textToParticle/react/index.d.ts.map +1 -1
  178. package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  179. package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  180. package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
  181. package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
  182. package/dist/react/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
  183. package/dist/react/textToParticle/svelte/index.d.ts +1 -0
  184. package/dist/react/textToParticle/svelte/index.d.ts.map +1 -1
  185. package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
  186. package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
  187. package/dist/react/textToParticle/vue/index.d.ts +1 -0
  188. package/dist/react/textToParticle/vue/index.d.ts.map +1 -1
  189. package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
  190. package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
  191. package/dist/react/typing/core/count/index.d.ts +3 -2
  192. package/dist/react/typing/core/count/index.d.ts.map +1 -1
  193. package/dist/react/typing/core/index.d.ts +3 -0
  194. package/dist/react/typing/core/index.d.ts.map +1 -1
  195. package/dist/react/typing/core/scrollFadeIn/index.d.ts +57 -0
  196. package/dist/react/typing/core/scrollFadeIn/index.d.ts.map +1 -0
  197. package/dist/react/typing/core/textToParticle/index.d.ts +3 -3
  198. package/dist/react/typing/core/textToParticle/index.d.ts.map +1 -1
  199. package/dist/react/typing/core/typing/index.d.ts +3 -2
  200. package/dist/react/typing/core/typing/index.d.ts.map +1 -1
  201. package/dist/react/typing/core/utils/visibilityManager.d.ts +35 -0
  202. package/dist/react/typing/core/utils/visibilityManager.d.ts.map +1 -0
  203. package/dist/react/typing/index.cjs +1 -1
  204. package/dist/react/typing/index.d.ts +3 -0
  205. package/dist/react/typing/index.d.ts.map +1 -1
  206. package/dist/react/typing/index.mjs +1 -1
  207. package/dist/react/typing/react/MasonEffect.d.ts.map +1 -1
  208. package/dist/react/typing/react/index.d.ts +3 -0
  209. package/dist/react/typing/react/index.d.ts.map +1 -1
  210. package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  211. package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  212. package/dist/react/typing/react/scrollFadeIn/index.d.ts +5 -0
  213. package/dist/react/typing/react/scrollFadeIn/index.d.ts.map +1 -0
  214. package/dist/react/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
  215. package/dist/react/typing/svelte/index.d.ts +1 -0
  216. package/dist/react/typing/svelte/index.d.ts.map +1 -1
  217. package/dist/react/typing/svelte/scrollFadeIn/index.d.ts +2 -0
  218. package/dist/react/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
  219. package/dist/react/typing/vue/index.d.ts +1 -0
  220. package/dist/react/typing/vue/index.d.ts.map +1 -1
  221. package/dist/react/typing/vue/scrollFadeIn/index.d.ts +2 -0
  222. package/dist/react/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
  223. package/dist/react/vue/index.d.ts +1 -0
  224. package/dist/react/vue/scrollFadeIn/index.d.ts +1 -0
  225. package/dist/scrollFadeIn/core/count/index.d.ts +53 -0
  226. package/dist/scrollFadeIn/core/count/index.d.ts.map +1 -0
  227. package/dist/scrollFadeIn/core/index.d.ts +23 -0
  228. package/dist/scrollFadeIn/core/index.d.ts.map +1 -0
  229. package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
  230. package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
  231. package/dist/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
  232. package/dist/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
  233. package/dist/scrollFadeIn/core/typing/index.d.ts +54 -0
  234. package/dist/scrollFadeIn/core/typing/index.d.ts.map +1 -0
  235. package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
  236. package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
  237. package/dist/scrollFadeIn/index.cjs +1 -0
  238. package/dist/scrollFadeIn/index.d.ts +21 -0
  239. package/dist/scrollFadeIn/index.d.ts.map +1 -0
  240. package/dist/scrollFadeIn/index.mjs +1 -0
  241. package/dist/scrollFadeIn/index.umd.d.ts +7 -0
  242. package/dist/scrollFadeIn/index.umd.d.ts.map +1 -0
  243. package/dist/scrollFadeIn/react/MasonEffect.d.ts +32 -0
  244. package/dist/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
  245. package/dist/scrollFadeIn/react/count/Count.d.ts +19 -0
  246. package/dist/scrollFadeIn/react/count/Count.d.ts.map +1 -0
  247. package/dist/scrollFadeIn/react/count/index.d.ts +5 -0
  248. package/dist/scrollFadeIn/react/count/index.d.ts.map +1 -0
  249. package/dist/scrollFadeIn/react/index.d.ts +17 -0
  250. package/dist/scrollFadeIn/react/index.d.ts.map +1 -0
  251. package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  252. package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  253. package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
  254. package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
  255. package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
  256. package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
  257. package/dist/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
  258. package/dist/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
  259. package/dist/scrollFadeIn/react/typing/Typing.d.ts +18 -0
  260. package/dist/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
  261. package/dist/scrollFadeIn/react/typing/index.d.ts +4 -0
  262. package/dist/scrollFadeIn/react/typing/index.d.ts.map +1 -0
  263. package/dist/scrollFadeIn/svelte/count/index.d.ts +2 -0
  264. package/dist/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
  265. package/dist/scrollFadeIn/svelte/index.d.ts +10 -0
  266. package/dist/scrollFadeIn/svelte/index.d.ts.map +1 -0
  267. package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
  268. package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
  269. package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
  270. package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
  271. package/dist/scrollFadeIn/svelte/typing/index.d.ts +3 -0
  272. package/dist/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
  273. package/dist/scrollFadeIn/vue/count/index.d.ts +2 -0
  274. package/dist/scrollFadeIn/vue/count/index.d.ts.map +1 -0
  275. package/dist/scrollFadeIn/vue/index.d.ts +10 -0
  276. package/dist/scrollFadeIn/vue/index.d.ts.map +1 -0
  277. package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
  278. package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
  279. package/dist/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
  280. package/dist/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
  281. package/dist/scrollFadeIn/vue/typing/index.d.ts +4 -0
  282. package/dist/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
  283. package/dist/svelte/count/index.cjs +1 -1
  284. package/dist/svelte/count/index.d.ts +85 -29
  285. package/dist/svelte/count/index.mjs +120 -42
  286. package/dist/svelte/index.cjs +1 -1
  287. package/dist/svelte/index.d.ts +85 -29
  288. package/dist/svelte/index.mjs +707 -117
  289. package/dist/svelte/scrollFadeIn/index.cjs +1 -0
  290. package/dist/svelte/scrollFadeIn/index.d.ts +272 -0
  291. package/dist/svelte/scrollFadeIn/index.mjs +911 -0
  292. package/dist/svelte/textToParticle/index.cjs +1 -1
  293. package/dist/svelte/textToParticle/index.d.ts +85 -29
  294. package/dist/svelte/textToParticle/index.mjs +119 -33
  295. package/dist/svelte/typing/index.cjs +1 -1
  296. package/dist/svelte/typing/index.d.ts +85 -29
  297. package/dist/svelte/typing/index.mjs +117 -32
  298. package/dist/textToParticle/core/count/index.d.ts +3 -2
  299. package/dist/textToParticle/core/count/index.d.ts.map +1 -1
  300. package/dist/textToParticle/core/index.d.ts +3 -0
  301. package/dist/textToParticle/core/index.d.ts.map +1 -1
  302. package/dist/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
  303. package/dist/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
  304. package/dist/textToParticle/core/textToParticle/index.d.ts +3 -3
  305. package/dist/textToParticle/core/textToParticle/index.d.ts.map +1 -1
  306. package/dist/textToParticle/core/typing/index.d.ts +3 -2
  307. package/dist/textToParticle/core/typing/index.d.ts.map +1 -1
  308. package/dist/textToParticle/core/utils/visibilityManager.d.ts +35 -0
  309. package/dist/textToParticle/core/utils/visibilityManager.d.ts.map +1 -0
  310. package/dist/textToParticle/index.cjs +1 -1
  311. package/dist/textToParticle/index.d.ts +3 -0
  312. package/dist/textToParticle/index.d.ts.map +1 -1
  313. package/dist/textToParticle/index.mjs +1 -1
  314. package/dist/textToParticle/react/MasonEffect.d.ts.map +1 -1
  315. package/dist/textToParticle/react/index.d.ts +3 -0
  316. package/dist/textToParticle/react/index.d.ts.map +1 -1
  317. package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  318. package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  319. package/dist/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
  320. package/dist/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
  321. package/dist/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
  322. package/dist/textToParticle/svelte/index.d.ts +1 -0
  323. package/dist/textToParticle/svelte/index.d.ts.map +1 -1
  324. package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
  325. package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
  326. package/dist/textToParticle/vue/index.d.ts +1 -0
  327. package/dist/textToParticle/vue/index.d.ts.map +1 -1
  328. package/dist/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
  329. package/dist/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
  330. package/dist/typing/core/count/index.d.ts +3 -2
  331. package/dist/typing/core/count/index.d.ts.map +1 -1
  332. package/dist/typing/core/index.d.ts +3 -0
  333. package/dist/typing/core/index.d.ts.map +1 -1
  334. package/dist/typing/core/scrollFadeIn/index.d.ts +57 -0
  335. package/dist/typing/core/scrollFadeIn/index.d.ts.map +1 -0
  336. package/dist/typing/core/textToParticle/index.d.ts +3 -3
  337. package/dist/typing/core/textToParticle/index.d.ts.map +1 -1
  338. package/dist/typing/core/typing/index.d.ts +3 -2
  339. package/dist/typing/core/typing/index.d.ts.map +1 -1
  340. package/dist/typing/core/utils/visibilityManager.d.ts +35 -0
  341. package/dist/typing/core/utils/visibilityManager.d.ts.map +1 -0
  342. package/dist/typing/index.cjs +1 -1
  343. package/dist/typing/index.d.ts +3 -0
  344. package/dist/typing/index.d.ts.map +1 -1
  345. package/dist/typing/index.mjs +1 -1
  346. package/dist/typing/react/MasonEffect.d.ts.map +1 -1
  347. package/dist/typing/react/index.d.ts +3 -0
  348. package/dist/typing/react/index.d.ts.map +1 -1
  349. package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  350. package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  351. package/dist/typing/react/scrollFadeIn/index.d.ts +5 -0
  352. package/dist/typing/react/scrollFadeIn/index.d.ts.map +1 -0
  353. package/dist/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
  354. package/dist/typing/svelte/index.d.ts +1 -0
  355. package/dist/typing/svelte/index.d.ts.map +1 -1
  356. package/dist/typing/svelte/scrollFadeIn/index.d.ts +2 -0
  357. package/dist/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
  358. package/dist/typing/vue/index.d.ts +1 -0
  359. package/dist/typing/vue/index.d.ts.map +1 -1
  360. package/dist/typing/vue/scrollFadeIn/index.d.ts +2 -0
  361. package/dist/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
  362. package/dist/vue/count/index.cjs +1 -1
  363. package/dist/vue/count/index.d.ts +85 -29
  364. package/dist/vue/count/index.mjs +119 -41
  365. package/dist/vue/index.cjs +1 -1
  366. package/dist/vue/index.d.ts +85 -29
  367. package/dist/vue/index.mjs +506 -116
  368. package/dist/vue/scrollFadeIn/index.cjs +1 -0
  369. package/dist/vue/scrollFadeIn/index.d.ts +272 -0
  370. package/dist/vue/scrollFadeIn/index.mjs +447 -0
  371. package/dist/vue/textToParticle/index.cjs +1 -1
  372. package/dist/vue/textToParticle/index.d.ts +85 -29
  373. package/dist/vue/textToParticle/index.mjs +119 -33
  374. package/dist/vue/typing/index.cjs +1 -1
  375. package/dist/vue/typing/index.d.ts +85 -29
  376. package/dist/vue/typing/index.mjs +116 -31
  377. 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
- isVisible: boolean;
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
- setupIntersectionObserver(): void;
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
- intersectionObserver: IntersectionObserver | null;
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
- setupIntersectionObserver(): void;
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
- intersectionObserver: IntersectionObserver | null;
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
- setupIntersectionObserver(): void;
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,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;gBAEV,SAAS,EAAE,WAAW,GAAG,MAAM,EAAE,OAAO,EAAE,YAAY;IAoClE,IAAI,IAAI,IAAI;IAQZ,yBAAyB,IAAI,IAAI;IAsDjC,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"}
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
- isVisible: boolean;
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
- setupIntersectionObserver(): void;
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":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/textToParticle/index.ts"],"names":[],"mappings":"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"}
@@ -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
- intersectionObserver: IntersectionObserver | null;
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
- setupIntersectionObserver(): void;
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,oBAAoB,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClD,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,yBAAyB,IAAI,IAAI;IAqCjC,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"}
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 i{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.intersectionObserver=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(this.config.startValue),this.setupIntersectionObserver()}setupIntersectionObserver(){"undefined"!=typeof window&&void 0!==window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver(t=>{for(const s of t)if(s.target===this.container)if(s.isIntersecting)!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,this.start()),this.config.triggerOnce&&this.intersectionObserver?.unobserve(this.container);else if(!this.config.triggerOnce){const t=s.boundingClientRect,i=window.innerHeight,e=window.innerWidth;(t.bottom<=0||t.top>=i||t.right<=0||t.left>=e)&&this.isRunning&&this.reset()}},{threshold:this.config.threshold,rootMargin:this.config.rootMargin}),this.intersectionObserver.observe(this.container)):this.config.enabled&&this.start()}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=s=>{null===this.startTime&&(this.startTime=s);const i=s-this.startTime,e=Math.min(i/this.config.duration,1),n=this.config.easing(e);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*n),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 s=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(),s&&this.config.enabled&&this.start()):s&&this.config.enabled&&this.start()}getValue(){return this.currentValue}destroy(){this.stop(),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}}const e=t.forwardRef((s,e)=>{const n=t.useRef(null),h=t.useRef(null);return t.useEffect(()=>{if(!n.current)return;if(h.current)return;const{className:t,style:e,targetValue:o,duration:r,startValue:a,enabled:l,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:f}=s,m={targetValue:o,duration:r,startValue:a,enabled:l,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:f};return h.current=new i(n.current,m),()=>{h.current&&(h.current.destroy(),h.current=null)}},[]),t.useEffect(()=>{if(!h.current)return;const{targetValue:t,duration:i,startValue:e,enabled:n,easing:o,threshold:r,rootMargin:a,triggerOnce:l,onUpdate:u,onComplete:d}=s;h.current.updateConfig({targetValue:t,duration:i,startValue:e,enabled:n,easing:o,threshold:r,rootMargin:a,triggerOnce:l,onUpdate:u,onComplete:d})},[s.targetValue,s.duration,s.startValue,s.enabled,s.easing,s.threshold,s.rootMargin,s.triggerOnce,s.onUpdate,s.onComplete]),t.useImperativeHandle(e,()=>({start:()=>{h.current?h.current.start():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},stop:()=>{h.current?h.current.stop():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},reset:()=>{h.current?h.current.reset():console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},getValue:()=>h.current?h.current.getValue():(console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다."),0),updateConfig:t=>{h.current?h.current.updateConfig(t):console.warn("Count: 인스턴스가 아직 초기화되지 않았습니다.")},destroy:()=>{h.current&&(h.current.destroy(),h.current=null)}})),t.createElement("div",{ref:n,className:s.className,style:s.style})});e.displayName="Count",exports.default=e,exports.easingFunctions=s;
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 s,useEffect as i}from"react";const e={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,s){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={targetValue:s.targetValue,duration:s.duration??2e3,startValue:s.startValue??0,enabled:s.enabled??!0,easing:s.easing??e.linear,threshold:s.threshold??.2,rootMargin:s.rootMargin??"0px 0px -100px 0px",triggerOnce:s.triggerOnce??!1,onUpdate:s.onUpdate||null,onComplete:s.onComplete||null},this.currentValue=this.config.startValue,this.startTime=null,this.animationFrameId=null,this.intersectionObserver=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(this.config.startValue),this.setupIntersectionObserver()}setupIntersectionObserver(){"undefined"!=typeof window&&void 0!==window.IntersectionObserver?(this.intersectionObserver=new IntersectionObserver(t=>{for(const s of t)if(s.target===this.container)if(s.isIntersecting)!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,this.start()),this.config.triggerOnce&&this.intersectionObserver?.unobserve(this.container);else if(!this.config.triggerOnce){const t=s.boundingClientRect,i=window.innerHeight,e=window.innerWidth;(t.bottom<=0||t.top>=i||t.right<=0||t.left>=e)&&this.isRunning&&this.reset()}},{threshold:this.config.threshold,rootMargin:this.config.rootMargin}),this.intersectionObserver.observe(this.container)):this.config.enabled&&this.start()}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=s=>{null===this.startTime&&(this.startTime=s);const i=s-this.startTime,e=Math.min(i/this.config.duration,1),n=this.config.easing(e);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*n),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 s=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(),s&&this.config.enabled&&this.start()):s&&this.config.enabled&&this.start()}getValue(){return this.currentValue}destroy(){this.stop(),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null)}}const h=t.forwardRef((e,h)=>{const o=s(null),r=s(null);return i(()=>{if(!o.current)return;if(r.current)return;const{className:t,style:s,targetValue:i,duration:h,startValue:a,enabled:l,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:f}=e,m={targetValue:i,duration:h,startValue:a,enabled:l,easing:u,threshold:d,rootMargin:c,triggerOnce:g,onUpdate:p,onComplete:f};return r.current=new n(o.current,m),()=>{r.current&&(r.current.destroy(),r.current=null)}},[]),i(()=>{if(!r.current)return;const{targetValue:t,duration:s,startValue:i,enabled:n,easing:h,threshold:o,rootMargin:a,triggerOnce:l,onUpdate:u,onComplete:d}=e;r.current.updateConfig({targetValue:t,duration:s,startValue:i,enabled:n,easing:h,threshold:o,rootMargin:a,triggerOnce:l,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})});h.displayName="Count";export{h as default,e as easingFunctions};
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,yFAkNzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
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,+FAkN5B,CAAC;AAIF,eAAe,uBAAuB,CAAC"}
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,2 @@
1
+ export { default } from './ScrollFadeIn.svelte';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export { default } from './ScrollFadeIn.vue';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -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"}
@@ -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,4 @@
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';
@@ -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