1 line
1.0 KiB
JavaScript
1 line
1.0 KiB
JavaScript
!function($){"use strict";const t="liquidDrawShape";let e={drawSVG:"0% 0%",duration:5,stagger:1,delay:0,start:"top bottom",end:"center center",scrub:!0,ease:"linear"};class i{constructor(i,s){this._defaults=e,this._name=t,this.options={...e,...s},this.DOM={},this.DOM.element=i,this.DOM.SVGEl=this.DOM.element.querySelector("svg"),this.DOM.SVGEl&&(this.buildTimeline(),this.buildScrollTrigger())}buildTimeline(){const{drawSVG:t,duration:e,stagger:i,delay:s,ease:r}=this.options;this.timeline=gsap.from(this.DOM.SVGEl.querySelectorAll(":scope > *"),{drawSVG:t,duration:e,delay:s,stagger:i,ease:r})}buildScrollTrigger(){const{start:t,end:e,scrub:i}=this.options,{timeline:s}=this,{element:r}=this.DOM;ScrollTrigger.create({trigger:r,animation:s,start:t,end:e,scrub:i})}}$.fn[t]=function(e){return this.each((function(){const s={...$(this).data("draw-shape-options"),...e};$.data(this,"plugin_"+t)||$.data(this,"plugin_"+t,new i(this,s))}))}}(jQuery),jQuery(document).ready((function($){$("[data-lqd-draw-shape]").liquidDrawShape()})); |