@marlospomin/sight
Version:
A simple package to trigger an animation using Animate.css.
2 lines (1 loc) • 844 B
JavaScript
(()=>{let e$=Object.defineProperty,f$=Object.hasOwnProperty,h$={},j$,k$=a$=>{let b$=h$[a$];return b$||(b$=h$[a$]={exports:{}},j$[a$](b$.exports,b$)),b$.exports},l$=a$=>{if(a$&&a$.__esModule)return a$;let b$={};for(let c$ in a$)f$.call(a$,c$)&&(b$[c$]=a$[c$]);return b$.default=a$,b$},p$=a$=>l$(k$(a$)),q$=(a$,b$)=>{e$(a$,"__esModule",{value:!0});for(let c$ in b$)e$(a$,c$,{get:b$[c$],enumerable:!0})};j$={0(e){q$(e,{default:()=>g});const f={selector:"[data-sight]",threshold:.5};function g(d={}){const{selector:h}={...f,...d},i=document.querySelectorAll(h);let b;const j=c=>{b=new IntersectionObserver(k,d),Array.from(c).forEach(a=>b.observe(a))},k=c=>{Array.from(c).forEach(a=>{a.intersectionRatio>0&&(setTimeout(()=>requestAnimationFrame(()=>a.target.classList.add("animated")),300),b.unobserve(a.target))})};return j(i)}}};return k$(0)})();