masoneffect 2.0.5 → 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 (294) hide show
  1. package/README.md +170 -2
  2. package/dist/core/index.d.ts +3 -0
  3. package/dist/core/index.d.ts.map +1 -1
  4. package/dist/core/scrollFadeIn/index.d.ts +57 -0
  5. package/dist/core/scrollFadeIn/index.d.ts.map +1 -0
  6. package/dist/count/core/index.d.ts +3 -0
  7. package/dist/count/core/index.d.ts.map +1 -1
  8. package/dist/count/core/scrollFadeIn/index.d.ts +57 -0
  9. package/dist/count/core/scrollFadeIn/index.d.ts.map +1 -0
  10. package/dist/count/index.d.ts +3 -0
  11. package/dist/count/index.d.ts.map +1 -1
  12. package/dist/count/react/MasonEffect.d.ts.map +1 -1
  13. package/dist/count/react/index.d.ts +3 -0
  14. package/dist/count/react/index.d.ts.map +1 -1
  15. package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  16. package/dist/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  17. package/dist/count/react/scrollFadeIn/index.d.ts +5 -0
  18. package/dist/count/react/scrollFadeIn/index.d.ts.map +1 -0
  19. package/dist/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
  20. package/dist/count/svelte/index.d.ts +1 -0
  21. package/dist/count/svelte/index.d.ts.map +1 -1
  22. package/dist/count/svelte/scrollFadeIn/index.d.ts +2 -0
  23. package/dist/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
  24. package/dist/count/vue/index.d.ts +1 -0
  25. package/dist/count/vue/index.d.ts.map +1 -1
  26. package/dist/count/vue/scrollFadeIn/index.d.ts +2 -0
  27. package/dist/count/vue/scrollFadeIn/index.d.ts.map +1 -0
  28. package/dist/index.cjs +1 -1
  29. package/dist/index.d.ts +3 -0
  30. package/dist/index.d.ts.map +1 -1
  31. package/dist/index.mjs +1 -1
  32. package/dist/react/MasonEffect.d.ts.map +1 -1
  33. package/dist/react/core/index.d.ts +3 -0
  34. package/dist/react/core/scrollFadeIn/index.d.ts +56 -0
  35. package/dist/react/count/core/index.d.ts +3 -0
  36. package/dist/react/count/core/index.d.ts.map +1 -1
  37. package/dist/react/count/core/scrollFadeIn/index.d.ts +57 -0
  38. package/dist/react/count/core/scrollFadeIn/index.d.ts.map +1 -0
  39. package/dist/react/count/index.d.ts +3 -0
  40. package/dist/react/count/index.d.ts.map +1 -1
  41. package/dist/react/count/react/MasonEffect.d.ts.map +1 -1
  42. package/dist/react/count/react/index.d.ts +3 -0
  43. package/dist/react/count/react/index.d.ts.map +1 -1
  44. package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  45. package/dist/react/count/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  46. package/dist/react/count/react/scrollFadeIn/index.d.ts +5 -0
  47. package/dist/react/count/react/scrollFadeIn/index.d.ts.map +1 -0
  48. package/dist/react/count/react/textToParticle/TextToParticle.d.ts.map +1 -1
  49. package/dist/react/count/svelte/index.d.ts +1 -0
  50. package/dist/react/count/svelte/index.d.ts.map +1 -1
  51. package/dist/react/count/svelte/scrollFadeIn/index.d.ts +2 -0
  52. package/dist/react/count/svelte/scrollFadeIn/index.d.ts.map +1 -0
  53. package/dist/react/count/vue/index.d.ts +1 -0
  54. package/dist/react/count/vue/index.d.ts.map +1 -1
  55. package/dist/react/count/vue/scrollFadeIn/index.d.ts +2 -0
  56. package/dist/react/count/vue/scrollFadeIn/index.d.ts.map +1 -0
  57. package/dist/react/index.cjs +6 -0
  58. package/dist/react/index.d.ts.map +1 -1
  59. package/dist/react/index.mjs +1 -0
  60. package/dist/react/react/index.d.ts +3 -0
  61. package/dist/react/react/scrollFadeIn/ScrollFadeIn.d.ts +18 -0
  62. package/dist/react/react/scrollFadeIn/index.d.ts +4 -0
  63. package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  64. package/dist/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  65. package/dist/react/scrollFadeIn/core/count/index.d.ts +53 -0
  66. package/dist/react/scrollFadeIn/core/count/index.d.ts.map +1 -0
  67. package/dist/react/scrollFadeIn/core/index.d.ts +23 -0
  68. package/dist/react/scrollFadeIn/core/index.d.ts.map +1 -0
  69. package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
  70. package/dist/react/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
  71. package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
  72. package/dist/react/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
  73. package/dist/react/scrollFadeIn/core/typing/index.d.ts +54 -0
  74. package/dist/react/scrollFadeIn/core/typing/index.d.ts.map +1 -0
  75. package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
  76. package/dist/react/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
  77. package/dist/react/scrollFadeIn/index.cjs +1 -0
  78. package/dist/react/scrollFadeIn/index.d.ts +21 -0
  79. package/dist/react/scrollFadeIn/index.d.ts.map +1 -0
  80. package/dist/react/scrollFadeIn/index.mjs +1 -0
  81. package/dist/react/scrollFadeIn/index.umd.d.ts +7 -0
  82. package/dist/react/scrollFadeIn/index.umd.d.ts.map +1 -0
  83. package/dist/react/scrollFadeIn/react/MasonEffect.d.ts +32 -0
  84. package/dist/react/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
  85. package/dist/react/scrollFadeIn/react/count/Count.d.ts +19 -0
  86. package/dist/react/scrollFadeIn/react/count/Count.d.ts.map +1 -0
  87. package/dist/react/scrollFadeIn/react/count/index.d.ts +5 -0
  88. package/dist/react/scrollFadeIn/react/count/index.d.ts.map +1 -0
  89. package/dist/react/scrollFadeIn/react/index.d.ts +17 -0
  90. package/dist/react/scrollFadeIn/react/index.d.ts.map +1 -0
  91. package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  92. package/dist/react/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  93. package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
  94. package/dist/react/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
  95. package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
  96. package/dist/react/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
  97. package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
  98. package/dist/react/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
  99. package/dist/react/scrollFadeIn/react/typing/Typing.d.ts +18 -0
  100. package/dist/react/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
  101. package/dist/react/scrollFadeIn/react/typing/index.d.ts +4 -0
  102. package/dist/react/scrollFadeIn/react/typing/index.d.ts.map +1 -0
  103. package/dist/react/scrollFadeIn/svelte/count/index.d.ts +2 -0
  104. package/dist/react/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
  105. package/dist/react/scrollFadeIn/svelte/index.d.ts +10 -0
  106. package/dist/react/scrollFadeIn/svelte/index.d.ts.map +1 -0
  107. package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
  108. package/dist/react/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
  109. package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
  110. package/dist/react/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
  111. package/dist/react/scrollFadeIn/svelte/typing/index.d.ts +3 -0
  112. package/dist/react/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
  113. package/dist/react/scrollFadeIn/vue/count/index.d.ts +2 -0
  114. package/dist/react/scrollFadeIn/vue/count/index.d.ts.map +1 -0
  115. package/dist/react/scrollFadeIn/vue/index.d.ts +10 -0
  116. package/dist/react/scrollFadeIn/vue/index.d.ts.map +1 -0
  117. package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
  118. package/dist/react/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
  119. package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
  120. package/dist/react/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
  121. package/dist/react/scrollFadeIn/vue/typing/index.d.ts +4 -0
  122. package/dist/react/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
  123. package/dist/react/svelte/index.d.ts +1 -0
  124. package/dist/react/svelte/scrollFadeIn/index.d.ts +1 -0
  125. package/dist/react/textToParticle/TextToParticle.d.ts.map +1 -1
  126. package/dist/react/textToParticle/core/index.d.ts +3 -0
  127. package/dist/react/textToParticle/core/index.d.ts.map +1 -1
  128. package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
  129. package/dist/react/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
  130. package/dist/react/textToParticle/index.cjs +1 -1
  131. package/dist/react/textToParticle/index.d.ts +3 -0
  132. package/dist/react/textToParticle/index.d.ts.map +1 -1
  133. package/dist/react/textToParticle/index.mjs +1 -1
  134. package/dist/react/textToParticle/react/MasonEffect.d.ts.map +1 -1
  135. package/dist/react/textToParticle/react/index.d.ts +3 -0
  136. package/dist/react/textToParticle/react/index.d.ts.map +1 -1
  137. package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  138. package/dist/react/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  139. package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
  140. package/dist/react/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
  141. package/dist/react/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
  142. package/dist/react/textToParticle/svelte/index.d.ts +1 -0
  143. package/dist/react/textToParticle/svelte/index.d.ts.map +1 -1
  144. package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
  145. package/dist/react/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
  146. package/dist/react/textToParticle/vue/index.d.ts +1 -0
  147. package/dist/react/textToParticle/vue/index.d.ts.map +1 -1
  148. package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
  149. package/dist/react/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
  150. package/dist/react/typing/core/index.d.ts +3 -0
  151. package/dist/react/typing/core/index.d.ts.map +1 -1
  152. package/dist/react/typing/core/scrollFadeIn/index.d.ts +57 -0
  153. package/dist/react/typing/core/scrollFadeIn/index.d.ts.map +1 -0
  154. package/dist/react/typing/index.d.ts +3 -0
  155. package/dist/react/typing/index.d.ts.map +1 -1
  156. package/dist/react/typing/react/MasonEffect.d.ts.map +1 -1
  157. package/dist/react/typing/react/index.d.ts +3 -0
  158. package/dist/react/typing/react/index.d.ts.map +1 -1
  159. package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  160. package/dist/react/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  161. package/dist/react/typing/react/scrollFadeIn/index.d.ts +5 -0
  162. package/dist/react/typing/react/scrollFadeIn/index.d.ts.map +1 -0
  163. package/dist/react/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
  164. package/dist/react/typing/svelte/index.d.ts +1 -0
  165. package/dist/react/typing/svelte/index.d.ts.map +1 -1
  166. package/dist/react/typing/svelte/scrollFadeIn/index.d.ts +2 -0
  167. package/dist/react/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
  168. package/dist/react/typing/vue/index.d.ts +1 -0
  169. package/dist/react/typing/vue/index.d.ts.map +1 -1
  170. package/dist/react/typing/vue/scrollFadeIn/index.d.ts +2 -0
  171. package/dist/react/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
  172. package/dist/react/vue/index.d.ts +1 -0
  173. package/dist/react/vue/scrollFadeIn/index.d.ts +1 -0
  174. package/dist/scrollFadeIn/core/count/index.d.ts +53 -0
  175. package/dist/scrollFadeIn/core/count/index.d.ts.map +1 -0
  176. package/dist/scrollFadeIn/core/index.d.ts +23 -0
  177. package/dist/scrollFadeIn/core/index.d.ts.map +1 -0
  178. package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts +57 -0
  179. package/dist/scrollFadeIn/core/scrollFadeIn/index.d.ts.map +1 -0
  180. package/dist/scrollFadeIn/core/textToParticle/index.d.ts +103 -0
  181. package/dist/scrollFadeIn/core/textToParticle/index.d.ts.map +1 -0
  182. package/dist/scrollFadeIn/core/typing/index.d.ts +54 -0
  183. package/dist/scrollFadeIn/core/typing/index.d.ts.map +1 -0
  184. package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts +35 -0
  185. package/dist/scrollFadeIn/core/utils/visibilityManager.d.ts.map +1 -0
  186. package/dist/scrollFadeIn/index.cjs +1 -0
  187. package/dist/scrollFadeIn/index.d.ts +21 -0
  188. package/dist/scrollFadeIn/index.d.ts.map +1 -0
  189. package/dist/scrollFadeIn/index.mjs +1 -0
  190. package/dist/scrollFadeIn/index.umd.d.ts +7 -0
  191. package/dist/scrollFadeIn/index.umd.d.ts.map +1 -0
  192. package/dist/scrollFadeIn/react/MasonEffect.d.ts +32 -0
  193. package/dist/scrollFadeIn/react/MasonEffect.d.ts.map +1 -0
  194. package/dist/scrollFadeIn/react/count/Count.d.ts +19 -0
  195. package/dist/scrollFadeIn/react/count/Count.d.ts.map +1 -0
  196. package/dist/scrollFadeIn/react/count/index.d.ts +5 -0
  197. package/dist/scrollFadeIn/react/count/index.d.ts.map +1 -0
  198. package/dist/scrollFadeIn/react/index.d.ts +17 -0
  199. package/dist/scrollFadeIn/react/index.d.ts.map +1 -0
  200. package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  201. package/dist/scrollFadeIn/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  202. package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts +5 -0
  203. package/dist/scrollFadeIn/react/scrollFadeIn/index.d.ts.map +1 -0
  204. package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts +15 -0
  205. package/dist/scrollFadeIn/react/textToParticle/TextToParticle.d.ts.map +1 -0
  206. package/dist/scrollFadeIn/react/textToParticle/index.d.ts +4 -0
  207. package/dist/scrollFadeIn/react/textToParticle/index.d.ts.map +1 -0
  208. package/dist/scrollFadeIn/react/typing/Typing.d.ts +18 -0
  209. package/dist/scrollFadeIn/react/typing/Typing.d.ts.map +1 -0
  210. package/dist/scrollFadeIn/react/typing/index.d.ts +4 -0
  211. package/dist/scrollFadeIn/react/typing/index.d.ts.map +1 -0
  212. package/dist/scrollFadeIn/svelte/count/index.d.ts +2 -0
  213. package/dist/scrollFadeIn/svelte/count/index.d.ts.map +1 -0
  214. package/dist/scrollFadeIn/svelte/index.d.ts +10 -0
  215. package/dist/scrollFadeIn/svelte/index.d.ts.map +1 -0
  216. package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts +2 -0
  217. package/dist/scrollFadeIn/svelte/scrollFadeIn/index.d.ts.map +1 -0
  218. package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts +2 -0
  219. package/dist/scrollFadeIn/svelte/textToParticle/index.d.ts.map +1 -0
  220. package/dist/scrollFadeIn/svelte/typing/index.d.ts +3 -0
  221. package/dist/scrollFadeIn/svelte/typing/index.d.ts.map +1 -0
  222. package/dist/scrollFadeIn/vue/count/index.d.ts +2 -0
  223. package/dist/scrollFadeIn/vue/count/index.d.ts.map +1 -0
  224. package/dist/scrollFadeIn/vue/index.d.ts +10 -0
  225. package/dist/scrollFadeIn/vue/index.d.ts.map +1 -0
  226. package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts +2 -0
  227. package/dist/scrollFadeIn/vue/scrollFadeIn/index.d.ts.map +1 -0
  228. package/dist/scrollFadeIn/vue/textToParticle/index.d.ts +2 -0
  229. package/dist/scrollFadeIn/vue/textToParticle/index.d.ts.map +1 -0
  230. package/dist/scrollFadeIn/vue/typing/index.d.ts +4 -0
  231. package/dist/scrollFadeIn/vue/typing/index.d.ts.map +1 -0
  232. package/dist/svelte/count/index.d.ts +44 -1
  233. package/dist/svelte/index.cjs +1 -1
  234. package/dist/svelte/index.d.ts +44 -1
  235. package/dist/svelte/index.mjs +553 -10
  236. package/dist/svelte/scrollFadeIn/index.cjs +1 -0
  237. package/dist/svelte/scrollFadeIn/index.d.ts +272 -0
  238. package/dist/svelte/scrollFadeIn/index.mjs +911 -0
  239. package/dist/svelte/textToParticle/index.d.ts +44 -1
  240. package/dist/svelte/typing/index.d.ts +44 -1
  241. package/dist/textToParticle/core/index.d.ts +3 -0
  242. package/dist/textToParticle/core/index.d.ts.map +1 -1
  243. package/dist/textToParticle/core/scrollFadeIn/index.d.ts +57 -0
  244. package/dist/textToParticle/core/scrollFadeIn/index.d.ts.map +1 -0
  245. package/dist/textToParticle/index.d.ts +3 -0
  246. package/dist/textToParticle/index.d.ts.map +1 -1
  247. package/dist/textToParticle/react/MasonEffect.d.ts.map +1 -1
  248. package/dist/textToParticle/react/index.d.ts +3 -0
  249. package/dist/textToParticle/react/index.d.ts.map +1 -1
  250. package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  251. package/dist/textToParticle/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  252. package/dist/textToParticle/react/scrollFadeIn/index.d.ts +5 -0
  253. package/dist/textToParticle/react/scrollFadeIn/index.d.ts.map +1 -0
  254. package/dist/textToParticle/react/textToParticle/TextToParticle.d.ts.map +1 -1
  255. package/dist/textToParticle/svelte/index.d.ts +1 -0
  256. package/dist/textToParticle/svelte/index.d.ts.map +1 -1
  257. package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts +2 -0
  258. package/dist/textToParticle/svelte/scrollFadeIn/index.d.ts.map +1 -0
  259. package/dist/textToParticle/vue/index.d.ts +1 -0
  260. package/dist/textToParticle/vue/index.d.ts.map +1 -1
  261. package/dist/textToParticle/vue/scrollFadeIn/index.d.ts +2 -0
  262. package/dist/textToParticle/vue/scrollFadeIn/index.d.ts.map +1 -0
  263. package/dist/typing/core/index.d.ts +3 -0
  264. package/dist/typing/core/index.d.ts.map +1 -1
  265. package/dist/typing/core/scrollFadeIn/index.d.ts +57 -0
  266. package/dist/typing/core/scrollFadeIn/index.d.ts.map +1 -0
  267. package/dist/typing/index.d.ts +3 -0
  268. package/dist/typing/index.d.ts.map +1 -1
  269. package/dist/typing/react/MasonEffect.d.ts.map +1 -1
  270. package/dist/typing/react/index.d.ts +3 -0
  271. package/dist/typing/react/index.d.ts.map +1 -1
  272. package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts +19 -0
  273. package/dist/typing/react/scrollFadeIn/ScrollFadeIn.d.ts.map +1 -0
  274. package/dist/typing/react/scrollFadeIn/index.d.ts +5 -0
  275. package/dist/typing/react/scrollFadeIn/index.d.ts.map +1 -0
  276. package/dist/typing/react/textToParticle/TextToParticle.d.ts.map +1 -1
  277. package/dist/typing/svelte/index.d.ts +1 -0
  278. package/dist/typing/svelte/index.d.ts.map +1 -1
  279. package/dist/typing/svelte/scrollFadeIn/index.d.ts +2 -0
  280. package/dist/typing/svelte/scrollFadeIn/index.d.ts.map +1 -0
  281. package/dist/typing/vue/index.d.ts +1 -0
  282. package/dist/typing/vue/index.d.ts.map +1 -1
  283. package/dist/typing/vue/scrollFadeIn/index.d.ts +2 -0
  284. package/dist/typing/vue/scrollFadeIn/index.d.ts.map +1 -0
  285. package/dist/vue/count/index.d.ts +44 -1
  286. package/dist/vue/index.cjs +1 -1
  287. package/dist/vue/index.d.ts +44 -1
  288. package/dist/vue/index.mjs +354 -11
  289. package/dist/vue/scrollFadeIn/index.cjs +1 -0
  290. package/dist/vue/scrollFadeIn/index.d.ts +272 -0
  291. package/dist/vue/scrollFadeIn/index.mjs +447 -0
  292. package/dist/vue/textToParticle/index.d.ts +44 -1
  293. package/dist/vue/typing/index.d.ts +44 -1
  294. package/package.json +26 -2
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # MasonEffect ![npm](https://img.shields.io/npm/dy/masoneffect)
2
2
 
3
- **Release version 2.0.5**
3
+ **Release version 2.0.6**
4
4
 
5
5
  A collection of animation effects library. Supports React, Vue, Svelte, and vanilla JavaScript with **Tree-shaking** support.
6
6
 
@@ -39,6 +39,12 @@ Converts text into animated particles with morphing effects.
39
39
  ### 2. Count
40
40
  Animated number counting with intersection observer support.
41
41
 
42
+ ### 3. Typing
43
+ Typing animation effect with Korean character decomposition.
44
+
45
+ ### 4. ScrollFadeIn
46
+ Scroll-triggered fade-in animation effect with IntersectionObserver and Page Visibility API support.
47
+
42
48
  ---
43
49
 
44
50
  ## 🚀 Quick Start
@@ -262,6 +268,113 @@ import { easingFunctions } from 'masoneffect/vue/count';
262
268
  </div>
263
269
  ```
264
270
 
271
+ ### ScrollFadeIn Effect
272
+
273
+ #### Vanilla JavaScript
274
+
275
+ ```javascript
276
+ import { ScrollFadeIn } from 'masoneffect/scrollFadeIn';
277
+ import { easingFunctions } from 'masoneffect/scrollFadeIn';
278
+
279
+ const container = document.querySelector('#scroll-fade-in-container');
280
+ const scrollFadeIn = new ScrollFadeIn(container, {
281
+ direction: 'bottom',
282
+ distance: '50px',
283
+ duration: 800,
284
+ easing: easingFunctions.easeOutCubic,
285
+ threshold: 0.1,
286
+ rootMargin: '0px',
287
+ triggerOnce: false,
288
+ onStart: () => console.log('Animation started'),
289
+ onComplete: () => console.log('Animation completed'),
290
+ });
291
+
292
+ // Methods
293
+ scrollFadeIn.start();
294
+ scrollFadeIn.stop();
295
+ scrollFadeIn.reset();
296
+ scrollFadeIn.updateConfig({ distance: '100px' });
297
+ scrollFadeIn.destroy();
298
+ ```
299
+
300
+ #### React
301
+
302
+ ```tsx
303
+ import React, { useRef } from 'react';
304
+ import { ScrollFadeIn } from 'masoneffect/react/scrollFadeIn';
305
+ import { easingFunctions } from 'masoneffect/react/scrollFadeIn';
306
+ import type { ScrollFadeInRef } from 'masoneffect/react/scrollFadeIn';
307
+
308
+ function App() {
309
+ const scrollFadeInRef = useRef<ScrollFadeInRef>(null);
310
+
311
+ return (
312
+ <div>
313
+ <ScrollFadeIn
314
+ ref={scrollFadeInRef}
315
+ direction="bottom"
316
+ distance="50px"
317
+ duration={800}
318
+ easing={easingFunctions.easeOutCubic}
319
+ threshold={0.1}
320
+ onStart={() => console.log('Started')}
321
+ onComplete={() => console.log('Completed')}
322
+ style={{ padding: '20px' }}
323
+ >
324
+ <div>Content that fades in on scroll</div>
325
+ </ScrollFadeIn>
326
+ <button onClick={() => scrollFadeInRef.current?.reset()}>Reset</button>
327
+ </div>
328
+ );
329
+ }
330
+ ```
331
+
332
+ #### Vue 3
333
+
334
+ ```vue
335
+ <script setup>
336
+ import { ScrollFadeIn } from 'masoneffect/vue/scrollFadeIn';
337
+ import { easingFunctions } from 'masoneffect/vue/scrollFadeIn';
338
+ </script>
339
+
340
+ <template>
341
+ <ScrollFadeIn
342
+ direction="bottom"
343
+ distance="50px"
344
+ :duration="800"
345
+ :easing="easingFunctions.easeOutCubic"
346
+ :threshold="0.1"
347
+ @start="() => console.log('Started')"
348
+ @complete="() => console.log('Completed')"
349
+ style="padding: 20px"
350
+ >
351
+ <div>Content that fades in on scroll</div>
352
+ </ScrollFadeIn>
353
+ </template>
354
+ ```
355
+
356
+ #### Svelte
357
+
358
+ ```svelte
359
+ <script lang="ts">
360
+ import { ScrollFadeIn } from 'masoneffect/svelte/scrollFadeIn';
361
+ import { easingFunctions } from 'masoneffect/svelte/scrollFadeIn';
362
+ </script>
363
+
364
+ <ScrollFadeIn
365
+ direction="bottom"
366
+ distance="50px"
367
+ duration={800}
368
+ easing={easingFunctions.easeOutCubic}
369
+ threshold={0.1}
370
+ on:start={() => console.log('Started')}
371
+ on:complete={() => console.log('Completed')}
372
+ style="padding: 20px"
373
+ >
374
+ <div>Content that fades in on scroll</div>
375
+ </ScrollFadeIn>
376
+ ```
377
+
265
378
  ---
266
379
 
267
380
  ## 📚 API Reference
@@ -337,6 +450,45 @@ easingFunctions.easeInOutQuad
337
450
  easingFunctions.easeOutCubic
338
451
  ```
339
452
 
453
+ ### ScrollFadeIn
454
+
455
+ #### Options
456
+
457
+ | Option | Type | Default | Description |
458
+ |--------|------|---------|-------------|
459
+ | `direction` | `'top' \| 'right' \| 'bottom' \| 'left'` | `'bottom'` | Animation direction |
460
+ | `distance` | `string` | `'50px'` | Animation distance (supports px, rem, em, %, vh, vw) |
461
+ | `duration` | `number` | `800` | Animation duration in milliseconds |
462
+ | `easing` | `function` | `easeOutCubic` | Easing function |
463
+ | `threshold` | `number` | `0.1` | IntersectionObserver threshold |
464
+ | `rootMargin` | `string` | `'0px'` | IntersectionObserver rootMargin |
465
+ | `triggerOnce` | `boolean` | `false` | Trigger animation only once |
466
+ | `enabled` | `boolean` | `true` | Enable/disable animation |
467
+ | `onStart` | `function` | `null` | Animation start callback |
468
+ | `onComplete` | `function` | `null` | Animation complete callback |
469
+
470
+ #### Methods
471
+
472
+ - `start()` - Start animation
473
+ - `stop()` - Stop animation
474
+ - `reset()` - Reset to initial position
475
+ - `updateConfig(config: Partial<ScrollFadeInOptions>)` - Update configuration
476
+ - `destroy()` - Destroy instance and cleanup
477
+
478
+ #### Easing Functions
479
+
480
+ ```typescript
481
+ import { easingFunctions } from 'masoneffect/scrollFadeIn';
482
+
483
+ // Available easing functions:
484
+ easingFunctions.linear
485
+ easingFunctions.easeInQuad
486
+ easingFunctions.easeOutQuad
487
+ easingFunctions.easeInOutQuad
488
+ easingFunctions.easeOutCubic
489
+ easingFunctions.easeInOutCubic
490
+ ```
491
+
340
492
  ---
341
493
 
342
494
  ## 🌳 Tree-shaking
@@ -405,6 +557,22 @@ However, we recommend using the new Tree-shaking-friendly imports for better per
405
557
  - ⚡ Smooth animations with requestAnimationFrame
406
558
  - 🔄 Reset and restart support
407
559
 
560
+ ### Typing
561
+ - ⌨️ Typing animation effect
562
+ - 🇰🇷 Korean character decomposition (jamo support)
563
+ - 👁️ IntersectionObserver: Starts when element is visible
564
+ - ⚡ Smooth character-by-character animation
565
+ - 🎨 Customizable cursor and speed
566
+
567
+ ### Slide
568
+ - 🎬 Slide-in animation effect
569
+ - 📐 Direction control (top, right, bottom, left)
570
+ - 📏 Flexible distance units (px, rem, em, %, vh, vw)
571
+ - 👁️ IntersectionObserver: Starts when element is visible
572
+ - 🎯 Multiple easing functions
573
+ - ⚡ Smooth animations with requestAnimationFrame
574
+ - 🔄 Reset and restart support
575
+
408
576
  ---
409
577
 
410
578
  ## 🛠️ Development
@@ -428,7 +596,7 @@ npm run serve
428
596
  ## 📦 CDN Usage (UMD)
429
597
 
430
598
  ```html
431
- <script src="https://cdn.jsdelivr.net/npm/masoneffect@2.0.5/dist/index.umd.min.js"></script>
599
+ <script src="https://cdn.jsdelivr.net/npm/masoneffect@2.0.6/dist/index.umd.min.js"></script>
432
600
  <script>
433
601
  // TextToParticle (MasonEffect alias for backward compatibility)
434
602
  const container = document.getElementById('my-container');
@@ -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"}
@@ -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"}
@@ -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
- {"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"}
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"t",{value:!0});class t{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)}}function i(t,i){let s=null;return function(...h){null!==s&&clearTimeout(s),s=setTimeout(()=>{s=null,t.apply(this,h)},i)}}class s{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={text:s.text||"mason effect",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas");const h=this.canvas.getContext("2d",{willReadFrequently:!0});if(!h)throw new Error("Canvas context not available");this.ctx=h,this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas");const e=this.offCanvas.getContext("2d",{willReadFrequently:!0});if(!e)throw new Error("Offscreen canvas context not available");this.offCtx=e,this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.visibilityManager=null,this.debounceDelay=s.debounceDelay??150;const n=this.handleResize.bind(this);this.handleResize=i(n,this.debounceDelay),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.i=i(this.h.bind(this),this.debounceDelay),this.o=i(this.l.bind(this),this.debounceDelay),this.init()}init(){this.resize(),this.setupEventListeners(),this.setupVisibilityManager(),this.config.onReady&&this.config.onReady(this)}setupVisibilityManager(){this.visibilityManager=new t(this.container,{threshold:.1,onVisible:()=>{this.start()},onHidden:()=>{this.stop()}})}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;if(t<=0||i<=0)return;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR);const s=4096;if(this.W>s||this.H>s){const t=Math.min(s/this.W,s/this.H);this.W=Math.floor(this.W*t),this.H=Math.floor(this.H*t),this.DPR=this.DPR*t}this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.W>0&&this.H>0&&(this.buildTargets(),this.particles.length||this.initParticles())}measureTextFit(t,i,s,h){this.offCtx.font=`400 ${t}px ${this.config.fontFamily}`;const e=i.split("\n"),n=t,o=.1*t,r=.05*t;let l=0;for(const t of e){if(0===t.length)continue;const i=this.offCtx.measureText(t).width+r*(t.length>0?t.length-1:0);l=Math.max(l,i)}const a=e.length>0?n*e.length+o*(e.length-1):n;return{width:l,height:a,fits:l<=s&&a<=h}}findOptimalFontSize(t,i,s,h){if(this.measureTextFit(h,t,i,s).fits)return h;if(h<=12)return 12;let e=12,n=h,o=12;for(;e<=n;){const h=Math.floor((e+n)/2);this.measureTextFit(h,t,i,s).fits?(o=h,e=h+1):n=h-1}return o}buildTargets(){if(this.W<=0||this.H<=0)return;const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i)),h=this.W-80,e=this.H-80,n=this.findOptimalFontSize(t,h,e,s);this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${n}px ${this.config.fontFamily}`;const o=t.split("\n"),r=n,l=.1*n,a=.05*n,u=o.length>0?r*o.length+l*(o.length-1):r;let c=this.H/2-u/2+r/2;for(const t of o){if(0===t.length){c+=r+l;continue}const i=t.split(""),s=this.offCtx.measureText(t).width+a*(i.length>0?i.length-1:0);let h=this.W/2-s/2;for(const t of i)this.offCtx.fillText(t,h+this.offCtx.measureText(t).width/2,c),h+=this.offCtx.measureText(t).width+a;c+=r+l}const d=Math.max(2,this.config.densityStep),f=this.offCtx.getImageData(0,0,this.W,this.H).data,p=[];for(let t=0;t<this.H;t+=d)for(let i=0;i<this.W;i+=d){const s=4*(t*this.W+i);f[s]+f[s+1]+f[s+2]>600&&p.push({x:i,y:t})}for(;p.length>this.config.maxParticles;)p.splice(Math.floor(Math.random()*p.length),1);if(this.particles.length<p.length){const t=p.length-this.particles.length;for(let i=0;i<t;i++)this.particles.push(this.makeParticle())}else this.particles.length>p.length&&(this.particles.length=p.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=p[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t){this.i(t)}h(t){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,n=h*h+e*e,o=this.config.repelRadius*this.DPR;if(n<o*o){const t=Math.sqrt(n)+1e-4,r=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/o);i+=h/t*r*6,s+=e/t*r*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=Math.min(this.W,this.H)/this.DPR,i=Math.max(.5,Math.min(2,t/1920)),s=this.config.pointSize*this.DPR*i;for(const t of this.particles)this.ctx.beginPath(),this.ctx.arc(t.x,t.y,s,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.o(t)}l(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}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};function e(t){const i=t.charCodeAt(0);if(i<44032||i>55203)return[t];const s=i-44032,h=Math.floor(s/588),e=Math.floor(s%588/28),n=s%28,o=[];return o.push(["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"][h]),o.push(["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"][e]),n>0&&o.push(["","ㄱ","ㄲ","ㄳ","ㄴ","ㄵ","ㄶ","ㄷ","ㄹ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅁ","ㅂ","ㅄ","ㅅ","ㅆ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"][n]),o}function n(t,i,s){const h=["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"].indexOf(t),e=["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"].indexOf(i),n=s?["","ㄱ","ㄲ","ㄳ","ㄴ","ㄵ","ㄶ","ㄷ","ㄹ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅁ","ㅂ","ㅄ","ㅅ","ㅆ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"].indexOf(s):0;if(-1===h||-1===e)return t+(i||"")+(s||"");const o=44032+21*h*28+28*e+n;return String.fromCharCode(o)}function o(t){const i=[],s=[];for(let h=0;h<t.length;h++){const n=t[h],o=n.charCodeAt(0),r=i.length;if(o>=44032&&o<=55203){const t=e(n);i.push(...t),s.push({start:r,end:i.length,isHangul:!0})}else i.push(n),s.push({start:r,end:i.length,isHangul:!1})}return{units:i,charUnitRanges:s}}exports.Count=class{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 t(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,h=Math.min(s/this.config.duration,1),e=this.config.easing(h);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*e),this.updateDisplay(this.currentValue),this.config.onUpdate&&this.config.onUpdate(this.currentValue),h<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)}},exports.MasonEffect=s,exports.TextToParticle=s,exports.Typing=class{constructor(t,i){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.originalText=i.text,this.config={text:i.text,speed:i.speed??50,delay:i.delay??0,enabled:i.enabled??!0,threshold:i.threshold??.2,rootMargin:i.rootMargin??"0px 0px -100px 0px",triggerOnce:i.triggerOnce??!1,showCursor:i.showCursor??!0,cursorChar:i.cursorChar??"|",onUpdate:i.onUpdate||null,onComplete:i.onComplete||null};const s=o(this.config.text);this.textUnits=s.units,this.charUnitRanges=s.charUnitRanges,this.currentIndex=0,this.displayedText="",this.timeoutId=null,this.visibilityManager=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(""),this.setupVisibilityManager()}setupVisibilityManager(){this.visibilityManager=new t(this.container,{threshold:this.config.threshold,rootMargin:this.config.rootMargin,onVisible:()=>{!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,setTimeout(()=>this.start(),this.config.delay))},onHidden:()=>{}})}buildTextFromUnits(t){if(0===t)return"";let i="";for(let s=0;s<this.charUnitRanges.length;s++){const h=this.charUnitRanges[s];if(h.start>=t)break;const e=Math.min(t-h.start,h.end-h.start);if(e<=0)break;if(h.isHangul){const t=this.textUnits.slice(h.start,h.start+e);1===t.length?i+=t[0]:2===t.length?i+=n(t[0],t[1]):t.length>=3&&(i+=n(t[0],t[1],t[2]))}else e>0&&(i+=this.textUnits[h.start])}return i}start(){this.isRunning||(this.isRunning=!0,this.currentIndex=0,this.displayedText="",this.typeNext())}typeNext(){if(this.currentIndex>=this.textUnits.length)return this.isRunning=!1,this.config.showCursor&&this.updateDisplay(this.originalText),void(this.config.onComplete&&this.config.onComplete());this.displayedText=this.buildTextFromUnits(this.currentIndex+1);let t=this.displayedText;this.config.showCursor&&(t+=this.config.cursorChar),this.updateDisplay(t),this.config.onUpdate&&this.config.onUpdate(this.displayedText),this.currentIndex++,this.timeoutId=setTimeout(()=>{this.typeNext()},this.config.speed)}stop(){this.isRunning=!1,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}reset(){this.stop(),this.currentIndex=0,this.displayedText="",this.hasTriggered=!1,this.updateDisplay("")}updateDisplay(t){this.container.textContent=t}setText(t){this.originalText=t,this.config.text=t;const i=o(t);this.textUnits=i.units,this.charUnitRanges=i.charUnitRanges,this.reset(),this.config.enabled&&setTimeout(()=>this.start(),this.config.delay)}destroy(){this.stop(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null)}},exports.default=s,exports.easingFunctions=h;
1
+ Object.defineProperty(exports,"t",{value:!0});class t{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)}}function i(t,i){let s=null;return function(...h){null!==s&&clearTimeout(s),s=setTimeout(()=>{s=null,t.apply(this,h)},i)}}class s{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={text:s.text||"mason effect",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas");const h=this.canvas.getContext("2d",{willReadFrequently:!0});if(!h)throw new Error("Canvas context not available");this.ctx=h,this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas");const e=this.offCanvas.getContext("2d",{willReadFrequently:!0});if(!e)throw new Error("Offscreen canvas context not available");this.offCtx=e,this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.visibilityManager=null,this.debounceDelay=s.debounceDelay??150;const n=this.handleResize.bind(this);this.handleResize=i(n,this.debounceDelay),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.i=i(this.h.bind(this),this.debounceDelay),this.o=i(this.l.bind(this),this.debounceDelay),this.init()}init(){this.resize(),this.setupEventListeners(),this.setupVisibilityManager(),this.config.onReady&&this.config.onReady(this)}setupVisibilityManager(){this.visibilityManager=new t(this.container,{threshold:.1,onVisible:()=>{this.start()},onHidden:()=>{this.stop()}})}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;if(t<=0||i<=0)return;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR);const s=4096;if(this.W>s||this.H>s){const t=Math.min(s/this.W,s/this.H);this.W=Math.floor(this.W*t),this.H=Math.floor(this.H*t),this.DPR=this.DPR*t}this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.W>0&&this.H>0&&(this.buildTargets(),this.particles.length||this.initParticles())}measureTextFit(t,i,s,h){this.offCtx.font=`400 ${t}px ${this.config.fontFamily}`;const e=i.split("\n"),n=t,o=.1*t,r=.05*t;let a=0;for(const t of e){if(0===t.length)continue;const i=this.offCtx.measureText(t).width+r*(t.length>0?t.length-1:0);a=Math.max(a,i)}const l=e.length>0?n*e.length+o*(e.length-1):n;return{width:a,height:l,fits:a<=s&&l<=h}}findOptimalFontSize(t,i,s,h){if(this.measureTextFit(h,t,i,s).fits)return h;if(h<=12)return 12;let e=12,n=h,o=12;for(;e<=n;){const h=Math.floor((e+n)/2);this.measureTextFit(h,t,i,s).fits?(o=h,e=h+1):n=h-1}return o}buildTargets(){if(this.W<=0||this.H<=0)return;const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i)),h=this.W-80,e=this.H-80,n=this.findOptimalFontSize(t,h,e,s);this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${n}px ${this.config.fontFamily}`;const o=t.split("\n"),r=n,a=.1*n,l=.05*n,u=o.length>0?r*o.length+a*(o.length-1):r;let c=this.H/2-u/2+r/2;for(const t of o){if(0===t.length){c+=r+a;continue}const i=t.split(""),s=this.offCtx.measureText(t).width+l*(i.length>0?i.length-1:0);let h=this.W/2-s/2;for(const t of i)this.offCtx.fillText(t,h+this.offCtx.measureText(t).width/2,c),h+=this.offCtx.measureText(t).width+l;c+=r+a}const d=Math.max(2,this.config.densityStep),f=this.offCtx.getImageData(0,0,this.W,this.H).data,p=[];for(let t=0;t<this.H;t+=d)for(let i=0;i<this.W;i+=d){const s=4*(t*this.W+i);f[s]+f[s+1]+f[s+2]>600&&p.push({x:i,y:t})}for(;p.length>this.config.maxParticles;)p.splice(Math.floor(Math.random()*p.length),1);if(this.particles.length<p.length){const t=p.length-this.particles.length;for(let i=0;i<t;i++)this.particles.push(this.makeParticle())}else this.particles.length>p.length&&(this.particles.length=p.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=p[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t){this.i(t)}h(t){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,n=h*h+e*e,o=this.config.repelRadius*this.DPR;if(n<o*o){const t=Math.sqrt(n)+1e-4,r=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/o);i+=h/t*r*6,s+=e/t*r*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=Math.min(this.W,this.H)/this.DPR,i=Math.max(.5,Math.min(2,t/1920)),s=this.config.pointSize*this.DPR*i;for(const t of this.particles)this.ctx.beginPath(),this.ctx.arc(t.x,t.y,s,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.o(t)}l(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}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};function e(t){const i=t.charCodeAt(0);if(i<44032||i>55203)return[t];const s=i-44032,h=Math.floor(s/588),e=Math.floor(s%588/28),n=s%28,o=[];return o.push(["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"][h]),o.push(["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"][e]),n>0&&o.push(["","ㄱ","ㄲ","ㄳ","ㄴ","ㄵ","ㄶ","ㄷ","ㄹ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅁ","ㅂ","ㅄ","ㅅ","ㅆ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"][n]),o}function n(t,i,s){const h=["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"].indexOf(t),e=["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"].indexOf(i),n=s?["","ㄱ","ㄲ","ㄳ","ㄴ","ㄵ","ㄶ","ㄷ","ㄹ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅁ","ㅂ","ㅄ","ㅅ","ㅆ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"].indexOf(s):0;if(-1===h||-1===e)return t+(i||"")+(s||"");const o=44032+21*h*28+28*e+n;return String.fromCharCode(o)}function o(t){const i=[],s=[];for(let h=0;h<t.length;h++){const n=t[h],o=n.charCodeAt(0),r=i.length;if(o>=44032&&o<=55203){const t=e(n);i.push(...t),s.push({start:r,end:i.length,isHangul:!0})}else i.push(n),s.push({start:r,end:i.length,isHangul:!1})}return{units:i,charUnitRanges:s}}const r={easeOutCubic:t=>--t*t*t+1};exports.Count=class{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 t(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,h=Math.min(s/this.config.duration,1),e=this.config.easing(h);this.currentValue=Math.floor(this.config.startValue+(this.config.targetValue-this.config.startValue)*e),this.updateDisplay(this.currentValue),this.config.onUpdate&&this.config.onUpdate(this.currentValue),h<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)}},exports.MasonEffect=s,exports.ScrollFadeIn=class{constructor(t,i={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.config={direction:i.direction??"bottom",distance:i.distance??"50px",duration:i.duration??800,easing:i.easing??r.easeOutCubic,threshold:i.threshold??.1,rootMargin:i.rootMargin??"0px",triggerOnce:i.triggerOnce??!1,enabled:i.enabled??!0,onStart:i.onStart||null,onComplete:i.onComplete||null},this.visibilityManager=null,this.animationFrameId=null,this.startTime=null,this.isRunning=!1,this.hasTriggered=!1,this.initialTransform="",this.targetDistance=0,this.init()}init(){const t=window.getComputedStyle(this.container);this.initialTransform="none"!==t.transform?t.transform:this.container.style.transform||"",this.targetDistance=this.parseDistance(this.config.distance),this.setInitialPosition(),this.setupVisibilityManager()}parseDistance(t){const i=t.match(/^(-?\d+\.?\d*)(px|rem|em|%|vh|vw)$/);if(!i)return parseFloat(t)||50;const s=parseFloat(i[1]);switch(i[2]){case"px":default:return s;case"rem":case"em":return s*(parseFloat(getComputedStyle(document.documentElement).fontSize)||16);case"%":const t=this.container.getBoundingClientRect();return s/100*("top"===this.config.direction||"bottom"===this.config.direction?t.height:t.width);case"vh":return s/100*window.innerHeight;case"vw":return s/100*window.innerWidth}}setInitialPosition(){let t=0,i=0;switch(this.config.direction){case"top":i=-this.targetDistance;break;case"right":t=this.targetDistance;break;case"bottom":i=this.targetDistance;break;case"left":t=-this.targetDistance}const s=this.initialTransform||"",h=`translate(${t}px, ${i}px)`;this.container.style.transform=s&&"none"!==s?`${h} ${s}`:h,this.container.style.opacity="0",this.container.style.transition="none"}setupVisibilityManager(){this.visibilityManager=new t(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(){this.isRunning||(this.isRunning=!0,this.startTime=performance.now(),this.config.onStart&&this.config.onStart(),this.container.style.transition="none",this.animate())}animate(){if(!this.isRunning)return;const t=performance.now()-(this.startTime||0),i=Math.min(t/this.config.duration,1),s=this.config.easing(i);let h=0,e=0;switch(this.config.direction){case"top":e=-this.targetDistance*(1-s);break;case"right":h=this.targetDistance*(1-s);break;case"bottom":e=this.targetDistance*(1-s);break;case"left":h=-this.targetDistance*(1-s)}const n=this.initialTransform||"",o=`translate(${h}px, ${e}px)`;this.container.style.transform=n&&"none"!==n?`${o} ${n}`:o,this.container.style.opacity=String(s),i<1?this.animationFrameId=requestAnimationFrame(()=>this.animate()):this.complete()}complete(){this.isRunning=!1,this.initialTransform&&"none"!==this.initialTransform?this.container.style.transform=this.initialTransform:this.container.style.transform="",this.container.style.opacity="1",this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null),this.config.onComplete&&this.config.onComplete()}reset(){this.stop(),this.hasTriggered=!1,this.setInitialPosition()}stop(){this.isRunning=!1,this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}updateConfig(t){const i=this.isRunning;this.stop(),this.config={...this.config,...t,easing:t.easing??this.config.easing,onStart:t.onStart??this.config.onStart,onComplete:t.onComplete??this.config.onComplete},t.distance&&(this.targetDistance=this.parseDistance(this.config.distance)),this.setInitialPosition(),void 0===t.threshold&&void 0===t.rootMargin||(this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null),this.setupVisibilityManager()),i&&this.config.enabled&&this.start()}destroy(){this.stop(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null),this.container.style.transform=this.initialTransform||"",this.container.style.opacity="",this.container.style.transition=""}},exports.TextToParticle=s,exports.Typing=class{constructor(t,i){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw new Error("Container element not found");this.originalText=i.text,this.config={text:i.text,speed:i.speed??50,delay:i.delay??0,enabled:i.enabled??!0,threshold:i.threshold??.2,rootMargin:i.rootMargin??"0px 0px -100px 0px",triggerOnce:i.triggerOnce??!1,showCursor:i.showCursor??!0,cursorChar:i.cursorChar??"|",onUpdate:i.onUpdate||null,onComplete:i.onComplete||null};const s=o(this.config.text);this.textUnits=s.units,this.charUnitRanges=s.charUnitRanges,this.currentIndex=0,this.displayedText="",this.timeoutId=null,this.visibilityManager=null,this.isRunning=!1,this.hasTriggered=!1,this.init()}init(){this.updateDisplay(""),this.setupVisibilityManager()}setupVisibilityManager(){this.visibilityManager=new t(this.container,{threshold:this.config.threshold,rootMargin:this.config.rootMargin,onVisible:()=>{!this.hasTriggered&&this.config.enabled&&(this.hasTriggered=!0,setTimeout(()=>this.start(),this.config.delay))},onHidden:()=>{}})}buildTextFromUnits(t){if(0===t)return"";let i="";for(let s=0;s<this.charUnitRanges.length;s++){const h=this.charUnitRanges[s];if(h.start>=t)break;const e=Math.min(t-h.start,h.end-h.start);if(e<=0)break;if(h.isHangul){const t=this.textUnits.slice(h.start,h.start+e);1===t.length?i+=t[0]:2===t.length?i+=n(t[0],t[1]):t.length>=3&&(i+=n(t[0],t[1],t[2]))}else e>0&&(i+=this.textUnits[h.start])}return i}start(){this.isRunning||(this.isRunning=!0,this.currentIndex=0,this.displayedText="",this.typeNext())}typeNext(){if(this.currentIndex>=this.textUnits.length)return this.isRunning=!1,this.config.showCursor&&this.updateDisplay(this.originalText),void(this.config.onComplete&&this.config.onComplete());this.displayedText=this.buildTextFromUnits(this.currentIndex+1);let t=this.displayedText;this.config.showCursor&&(t+=this.config.cursorChar),this.updateDisplay(t),this.config.onUpdate&&this.config.onUpdate(this.displayedText),this.currentIndex++,this.timeoutId=setTimeout(()=>{this.typeNext()},this.config.speed)}stop(){this.isRunning=!1,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}reset(){this.stop(),this.currentIndex=0,this.displayedText="",this.hasTriggered=!1,this.updateDisplay("")}updateDisplay(t){this.container.textContent=t}setText(t){this.originalText=t,this.config.text=t;const i=o(t);this.textUnits=i.units,this.charUnitRanges=i.charUnitRanges,this.reset(),this.config.enabled&&setTimeout(()=>this.start(),this.config.delay)}destroy(){this.stop(),this.visibilityManager&&(this.visibilityManager.destroy(),this.visibilityManager=null)}},exports.default=s,exports.easingFunctions=h,exports.scrollFadeInEasingFunctions=h;
package/dist/index.d.ts CHANGED
@@ -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"}