gsap/dist/MotionPathHelper.min.js

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths,

/*!
 * MotionPathHelper 3.14.2
 * https://gsap.com
 * 
 * @license Copyright 2025, GreenSock. All rights reserved.
 * Subject to the terms at https://gsap.com/standard-license.
 * @author: Jack Doyle, jack@greensock.com
 */

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(t){"use strict";function n(t){return Math.round(1e5*t)/1e5||0}function o(t){return t.closed=Math.abs(t[0]-t[t.length-2])<.001&&Math.abs(t[1]-t[t.length-1])<.001}function p(t,e){return e.totalLength=t.totalLength,t.samples?(e.samples=t.samples.slice(0),e.lookup=t.lookup.slice(0),e.minLength=t.minLength,e.resolution=t.resolution):t.totalPoints&&(e.totalPoints=t.totalPoints),e}var P,w=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,S=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,B=Math.PI/180,F=Math.sin,W=Math.cos,U=Math.abs,Z=Math.sqrt,A=1e8;function copyRawPath(t){for(var e=[],n=0;n<t.length;n++)e[n]=p(t[n],t[n].slice(0));return p(t,e)}function transformRawPath(t,e,n,i,s,a,o){for(var r,h,l,c,d,u=t.length;-1<--u;)for(h=(r=t[u]).length,l=0;l<h;l+=2)c=r[l],d=r[l+1],r[l]=c*e+d*i+a,r[l+1]=c*n+d*s+o;return t._dirty=1,t}function arcToSegment(t,e,n,i,s,a,o,r,h){if(t!==r||e!==h){n=U(n),i=U(i);var l=s%360*B,c=W(l),d=F(l),u=Math.PI,p=2*u,g=(t-r)/2,f=(e-h)/2,_=c*g+d*f,m=-d*g+c*f,v=_*_,b=m*m,y=v/(n*n)+b/(i*i);1<y&&(n=Z(y)*n,i=Z(y)*i);var P=n*n,A=i*i,C=(P*A-P*b-A*v)/(P*b+A*v);C<0&&(C=0);var w=(a===o?-1:1)*Z(C),S=n*m/i*w,x=-i*_/n*w,D=c*S-d*x+(t+r)/2,k=d*S+c*x+(e+h)/2,E=(_-S)/n,M=(m-x)/i,T=(-_-S)/n,H=(-m-x)/i,R=E*E+M*M,N=(M<0?-1:1)*Math.acos(E/Z(R)),I=(E*H-M*T<0?-1:1)*Math.acos((E*T+M*H)/Z(R*(T*T+H*H)));isNaN(I)&&(I=u),!o&&0<I?I-=p:o&&I<0&&(I+=p),N%=p,I%=p;var O,L=Math.ceil(U(I)/(p/4)),X=[],q=I/L,G=4/3*F(q/2)/(1+W(q/2)),j=c*n,z=d*n,V=d*-i,Y=c*i;for(O=0;O<L;O++)_=W(s=N+O*q),m=F(s),E=W(s+=q),M=F(s),X.push(_-G*m,m+G*_,E+G*M,M-G*E,E,M);for(O=0;O<X.length;O+=2)_=X[O],m=X[O+1],X[O]=_*j+m*V+D,X[O+1]=_*z+m*Y+k;return X[O-2]=r,X[O-1]=h,X}}function stringToRawPath(t){function ud(t,e,n,i){d=(n-t)/3,u=(i-e)/3,h.push(t+d,e+u,n-d,i-u,n,i)}var e,n,i,s,a,r,h,l,c,d,u,p,g,f,_,m=(t+"").replace(S,function(t){var e=+t;return e<1e-4&&-1e-4<e?0:e}).match(w)||[],v=[],b=0,y=0,P=m.length,A=0,C="ERROR: malformed path: "+t;if(!t||!isNaN(m[0])||isNaN(m[1]))return console.log(C),v;for(e=0;e<P;e++)if(g=a,isNaN(m[e])?r=(a=m[e].toUpperCase())!==m[e]:e--,i=+m[e+1],s=+m[e+2],r&&(i+=b,s+=y),e||(l=i,c=s),"M"===a)h&&(h.length<8?--v.length:A+=h.length,o(h)),b=l=i,y=c=s,h=[i,s],v.push(h),e+=2,a="L";else if("C"===a)r||(b=y=0),(h=h||[0,0]).push(i,s,b+1*m[e+3],y+1*m[e+4],b+=1*m[e+5],y+=1*m[e+6]),e+=6;else if("S"===a)d=b,u=y,"C"!==g&&"S"!==g||(d+=b-h[h.length-4],u+=y-h[h.length-3]),r||(b=y=0),h.push(d,u,i,s,b+=1*m[e+3],y+=1*m[e+4]),e+=4;else if("Q"===a)d=b+2/3*(i-b),u=y+2/3*(s-y),r||(b=y=0),b+=1*m[e+3],y+=1*m[e+4],h.push(d,u,b+2/3*(i-b),y+2/3*(s-y),b,y),e+=4;else if("T"===a)d=b-h[h.length-4],u=y-h[h.length-3],h.push(b+d,y+u,i+2/3*(b+1.5*d-i),s+2/3*(y+1.5*u-s),b=i,y=s),e+=2;else if("H"===a)ud(b,y,b=i,y),e+=1;else if("V"===a)ud(b,y,b,y=i+(r?y-b:0)),e+=1;else if("L"===a||"Z"===a)"Z"===a&&(i=l,s=c,h.closed=!0),("L"===a||.5<U(b-i)||.5<U(y-s))&&(ud(b,y,i,s),"L"===a&&(e+=2)),b=i,y=s;else if("A"===a){if(f=m[e+4],_=m[e+5],d=m[e+6],u=m[e+7],n=7,1<f.length&&(f.length<3?(u=d,d=_,n--):(u=_,d=f.substr(2),n-=2),_=f.charAt(1),f=f.charAt(0)),p=arcToSegment(b,y,+m[e+1],+m[e+2],+m[e+3],+f,+_,(r?b:0)+1*d,(r?y:0)+1*u),e+=n,p)for(n=0;n<p.length;n++)h.push(p[n]);b=h[h.length-2],y=h[h.length-1]}else console.log(C);return(e=h.length)<6?(v.pop(),e=0):o(h),v.totalPoints=A+e,v}function bezierToPoints(t,e,n,i,s,a,o,r,h,l,c){var d,u=(t+n)/2,p=(e+i)/2,g=(n+s)/2,f=(i+a)/2,_=(s+o)/2,m=(a+r)/2,v=(u+g)/2,b=(p+f)/2,y=(g+_)/2,P=(f+m)/2,A=(v+y)/2,C=(b+P)/2,w=o-t,S=r-e,x=U((n-o)*S-(i-r)*w),D=U((s-o)*S-(a-r)*w);return l||(l=[t,e,o,r],c=2),l.splice(c||l.length-2,0,A,C),h*(w*w+S*S)<(x+D)*(x+D)&&(d=l.length,bezierToPoints(t,e,u,p,v,b,A,C,h,l,c),bezierToPoints(A,C,y,P,_,m,o,r,h,l,c+2+(l.length-d))),l}function pointsToSegment(t,e){U(t[0]-t[2])<1e-4&&U(t[1]-t[3])<1e-4&&(t=t.slice(2));var i,s,a,o,r,h,l,c,d,u,p,g,f,_,m=t.length-2,v=+t[0],b=+t[1],y=+t[2],P=+t[3],A=[v,b,v,b],C=y-v,w=P-b,S=t.nonSmooth||[],x=Math.abs(t[m]-v)<.001&&Math.abs(t[m+1]-b)<.001;if(!m)return[v,b,v,b,v,b,v,b];for(x&&(t.push(y,P),y=v,P=b,v=t[m-2],b=t[m-1],t.unshift(v,b),m+=4,S=[0,0].concat(S)),e=e||0===e?+e:1,a=2;a<m;a+=2)i=v,s=b,v=y,b=P,y=+t[a+2],P=+t[a+3],v===y&&b===P||(o=C,r=w,C=y-v,w=P-b,S[a]?A.push(v-(v-i)/4,b-(b-s)/4,v,b,v+(y-v)/4,b+(P-b)/4):(c=((h=Z(o*o+r*r))+(l=Z(C*C+w*w)))*e*.25/Z(Math.pow(C/l+o/h,2)+Math.pow(w/l+r/h,2)),p=v-((d=v-(v-i)*(h?c/h:0))+(((u=v+(y-v)*(l?c/l:0))-d)*(3*h/(h+l)+.5)/4||0)),_=b-((g=b-(b-s)*(h?c/h:0))+(((f=b+(P-b)*(l?c/l:0))-g)*(3*h/(h+l)+.5)/4||0)),A.push(n(d+p),n(g+_),n(v),n(b),n(u+p),n(f+_))));return v!==y||b!==P||A.length<4?A.push(n(y),n(P),n(y),n(P)):A.length-=2,2===A.length?A.push(v,b,v,b,v,b):x&&(A.splice(0,6),A.length-=6),A.closed=x,A}function simplifyPoints(t,e){var n,i,s,a,o,r,h,l=parseFloat(t[0]),c=parseFloat(t[1]),d=[l,c],u=t.length-2;for(e=Math.pow(e||1,2),n=2;n<u;n+=2)e<(a=l-(i=parseFloat(t[n])))*a+(o=c-(s=parseFloat(t[n+1])))*o&&(d.push(i,s),l=i,c=s);return d.push(parseFloat(t[u]),parseFloat(t[1+u])),function simplifyStep(t,e,n,i,s){var a,o,r,h,l,c,d,u,p,g,f,_,m=i,v=t[e],b=t[e+1],y=t[n],P=t[n+1];for(o=e+2;o<n;o+=2)h=t[o],l=t[o+1],g=void 0,_=(p=P)-(d=b),((f=(u=y)-(c=v))||_)&&(1<(g=((h-c)*f+(l-d)*_)/(f*f+_*_))?(c=u,d=p):0<g&&(c+=f*g,d+=_*g)),m<(r=Math.pow(h-c,2)+Math.pow(l-d,2))&&(a=o,m=r);i<m&&(2<a-e&&simplifyStep(t,e,a,i,s),s.push(t[a],t[a+1]),2<n-a&&simplifyStep(t,a,n,i,s))}(d,0,h=d.length-2,e,r=[d[0],d[1]]),r.push(d[h],d[1+h]),r}function getClosestProgressOnBezier(t,e,n,i,s,a,o,r,h,l,c,d,u,p){var g,f,_,m,v=(s-i)/a,b=0,y=i;for(P=A;y<=s;)(g=(f=(m=1-y)*m*m*o+3*m*m*y*h+3*m*y*y*c+y*y*y*u-e)*f+(_=m*m*m*r+3*m*m*y*l+3*m*y*y*d+y*y*y*p-n)*_)<P&&(P=g,b=y),y+=v;return 1<t?getClosestProgressOnBezier(t-1,e,n,Math.max(b-v,0),Math.min(b+v,1),a,o,r,h,l,c,d,u,p):b}function C(t){var e=t.ownerDocument||t;!(k in t.style)&&"msTransform"in t.style&&(E=(k="msTransform")+"Origin");for(;e.parentNode&&(e=e.parentNode););if(f=window,y=new H,e){_=(g=e).documentElement,m=e.body,(x=g.createElementNS("http://www.w3.org/2000/svg","g")).style.transform="none";var n=e.createElement("div"),i=e.createElement("div"),s=e&&(e.body||e.firstElementChild);s&&s.appendChild&&(s.appendChild(n),n.appendChild(i),n.style.position="static",n.style.transform="translate3d(0,0,1px)",D=i.offsetParent!==n,s.removeChild(n))}return e}function I(t){return t.ownerSVGElement||("svg"===(t.tagName+"").toLowerCase()?t:null)}function K(t,e){if(t.parentNode&&(g||C(t))){var n=I(t),i=n?n.getAttribute("xmlns")||"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s=n?e?"rect":"g":"div",a=2!==e?0:100,o=3===e?100:0,r={position:"absolute",display:"block",pointerEvents:"none",margin:"0",padding:"0"},h=g.createElementNS?g.createElementNS(i.replace(/^https/,"http"),s):g.createElement(s);return e&&(n?(b=b||K(t),h.setAttribute("width",.01),h.setAttribute("height",.01),h.setAttribute("transform","translate("+a+","+o+")"),h.setAttribute("fill","transparent"),b.appendChild(h)):(v||(v=K(t),Object.assign(v.style,r)),Object.assign(h.style,r,{width:"0.1px",height:"0.1px",top:o+"px",left:a+"px"}),v.appendChild(h))),h}throw"Need document and parent."}function N(t,e){var n,i,s,a,o,r,h=I(t),l=t===h,c=h?M:T,d=t.parentNode,u=d&&!h&&d.shadowRoot&&d.shadowRoot.appendChild?d.shadowRoot:d;if(t===f)return t;if(c.length||c.push(K(t,1),K(t,2),K(t,3)),n=h?b:v,h)l?(a=-(s=function _getCTM(t){var e,n=t.getCTM();return n||(e=t.style[k],t.style[k]="none",t.appendChild(x),n=x.getCTM(),t.removeChild(x),e?t.style[k]=e:t.style.removeProperty(k.replace(/([A-Z])/g,"-$1").toLowerCase())),n||y.clone()}(t)).e/s.a,o=-s.f/s.d,i=y):t.getBBox?(s=t.getBBox(),a=(i=(i=t.transform?t.transform.baseVal:{}).numberOfItems?1<i.numberOfItems?function _consolidate(t){for(var e=new H,n=0;n<t.numberOfItems;n++)e.multiply(t.getItem(n).matrix);return e}(i):i.getItem(0).matrix:y).a*s.x+i.c*s.y,o=i.b*s.x+i.d*s.y):(i=new H,a=o=0),e&&"g"===t.tagName.toLowerCase()&&(a=o=0),(l||!t.getBoundingClientRect().width?h:d).appendChild(n),n.setAttribute("transform","matrix("+i.a+","+i.b+","+i.c+","+i.d+","+(i.e+a)+","+(i.f+o)+")");else{if(a=o=0,D)for(i=t.offsetParent,s=t;(s=s&&s.parentNode)&&s!==i&&s.parentNode;)4<(f.getComputedStyle(s)[k]+"").length&&(a=s.offsetLeft,o=s.offsetTop,s=0);if("absolute"!==(r=f.getComputedStyle(t)).position&&"fixed"!==r.position)for(i=t.offsetParent;d&&d!==i;)a+=d.scrollLeft||0,o+=d.scrollTop||0,d=d.parentNode;(s=n.style).top=t.offsetTop-o+"px",s.left=t.offsetLeft-a+"px",s[k]=r[k],s[E]=r[E],s.position="fixed"===r.position?"fixed":"absolute",u.appendChild(n)}return n}function O(t,e,n,i,s,a,o){return t.a=e,t.b=n,t.c=i,t.d=s,t.e=a,t.f=o,t}var g,f,_,m,v,b,y,x,D,e,k="transform",E=k+"Origin",M=[],T=[],H=((e=Matrix2D.prototype).inverse=function inverse(){var t=this.a,e=this.b,n=this.c,i=this.d,s=this.e,a=this.f,o=t*i-e*n||1e-10;return O(this,i/o,-e/o,-n/o,t/o,(n*a-i*s)/o,-(t*a-e*s)/o)},e.multiply=function multiply(t){var e=this.a,n=this.b,i=this.c,s=this.d,a=this.e,o=this.f,r=t.a,h=t.c,l=t.b,c=t.d,d=t.e,u=t.f;return O(this,r*e+l*i,r*n+l*s,h*e+c*i,h*n+c*s,a+d*e+u*i,o+d*n+u*s)},e.clone=function clone(){return new Matrix2D(this.a,this.b,this.c,this.d,this.e,this.f)},e.equals=function equals(t){var e=this.a,n=this.b,i=this.c,s=this.d,a=this.e,o=this.f;return e===t.a&&n===t.b&&i===t.c&&s===t.d&&a===t.e&&o===t.f},e.apply=function apply(t,e){void 0===e&&(e={});var n=t.x,i=t.y,s=this.a,a=this.b,o=this.c,r=this.d,h=this.e,l=this.f;return e.x=n*s+i*o+h||0,e.y=n*a+i*r+l||0,e},Matrix2D);function Matrix2D(t,e,n,i,s,a){void 0===t&&(t=1),void 0===e&&(e=0),void 0===n&&(n=0),void 0===i&&(i=1),void 0===s&&(s=0),void 0===a&&(a=0),O(this,t,e,n,i,s,a)}function getGlobalMatrix(t,e,n,i){if(!t||!t.parentNode||(g||C(t)).documentElement===t)return new H;var s=function _forceNonZeroScale(t){for(var e,n;t&&t!==m;)(n=t._gsap)&&n.uncache&&n.get(t,"x"),n&&!n.scaleX&&!n.scaleY&&n.renderTransform&&(n.scaleX=n.scaleY=1e-4,n.renderTransform(1,n),e?e.push(n):e=[n]),t=t.parentNode;return e}(t),a=I(t)?M:T,o=N(t,n),r=a[0].getBoundingClientRect(),h=a[1].getBoundingClientRect(),l=a[2].getBoundingClientRect(),c=o.parentNode,d=!i&&function _isFixed(t){return"fixed"===f.getComputedStyle(t).position||((t=t.parentNode)&&1===t.nodeType?_isFixed(t):void 0)}(t),u=new H((h.left-r.left)/100,(h.top-r.top)/100,(l.left-r.left)/100,(l.top-r.top)/100,r.left+(d?0:function _getDocScrollLeft(){return f.pageXOffset||g.scrollLeft||_.scrollLeft||m.scrollLeft||0}()),r.top+(d?0:function _getDocScrollTop(){return f.pageYOffset||g.scrollTop||_.scrollTop||m.scrollTop||0}()));if(c.removeChild(o),s)for(r=s.length;r--;)(h=s[r]).scaleX=h.scaleY=0,h.renderTransform(1,h);return e?u.inverse():u}function ba(){return!1}function oa(t){t.preventDefault&&(t.preventDefault(),t.preventManipulation&&t.preventManipulation())}function pa(t){return R.createElementNS?R.createElementNS("http://www.w3.org/1999/xhtml",t):R.createElement(t)}function qa(t,e,n){var i,s=R.createElementNS("http://www.w3.org/2000/svg",t),a=/([a-z])([A-Z])/g;for(i in(n=n||{}).class=n.class||"path-editor",n)void 0!==s.style[i]?s.style[i]=n[i]:s.setAttributeNS(null,i.replace(a,"$1-$2").toLowerCase(),n[i]);return e.appendChild(s),s}function sa(t){return(t.transform&&t.transform.baseVal.consolidate()||ot).matrix}function va(t){return~~(1e3*t+(t<0?-.5:.5))/1e3}function ya(t){if(!t.target._gsSelection&&!J&&100<Q()-$){for(var e=at.length;-1<--e;)at[e].deselect();at.length=0}}function Ca(t,e,n,i){if(t.addEventListener){var s=q[e];i=i||{passive:!1},t.addEventListener(s||e,n,i),s&&e!==s&&"pointer"!==s.substr(0,7)&&t.addEventListener(e,n,i)}else t.attachEvent&&t.attachEvent("on"+e,n)}function Da(t,e,n){if(t.removeEventListener){var i=q[e];t.removeEventListener(i||e,n),i&&e!==i&&"pointer"!==i.substr(0,7)&&t.removeEventListener(e,n)}else t.detachEvent&&t.detachEvent("on"+e,n)}function Fa(t){rt=t.touches&&_dragCount<t.touches.length,Da(t.target,"touchend",Fa)}function Ga(t){rt=t.touches&&_dragCount<t.touches.length,Ca(t.target,"touchend",Fa)}function Ha(e,n){return function(t){return e.call(n,t)}}function Ia(t,e,n){var i=e.vars[t];return i&&i.call(e.vars.callbackScope||e,n||e),e}function Ka(){G.style.display="block",G.select(),G.style.display="none"}function Ma(t){R=document,c=window,i=R.body,s=s||t||c.gsap||console.warn("Please gsap.registerPlugin(PathEditor)"),r=s&&s.core.context||function(){},a=pa("div"),(G=pa("textarea")).style.display="none",i&&i.appendChild(G),q=function(t){for(var e=t.split(","),n=(void 0!==a.onpointerdown?"pointerdown,pointermove,pointerup,pointercancel":void 0!==a.onmspointerdown?"MSPointerDown,MSPointerMove,MSPointerUp,MSPointerCancel":t).split(","),i={},s=4;-1<--s;)i[e[s]]=n[s],i[n[s]]=e[s];return i}("touchstart,touchmove,touchend,touchcancel"),SVGElement.prototype.getTransformToElement=SVGElement.prototype.getTransformToElement||function(t){return t.getScreenCTM().inverse().multiply(this.getScreenCTM())},R.addEventListener("keydown",function(t){var e,n,i,s,a=t.keyCode||t.which,o=t.key||a;if("Shift"===o||16===a)L=!0;else if("Control"===o||17===a)l=!0;else if("Meta"===o||91===a)d=!0;else if("Alt"===o||18===a)for(u=!0,e=at.length;-1<--e;)at[e]._onPressAlt();else if(("z"===o||90===a)&&(l||d)&&1<et.length){if(et.shift(),n=et[0]){for((s=n.path).path.setAttribute("d",n.d),s.path.setAttribute("transform",n.transform),s.init(),i=s._anchors,e=0;e<i.length;e++)-1!==n.selectedIndexes.indexOf(i[e].i)&&s._selectedAnchors.push(i[e]);s._updateAnchors(),s.update(),s.vars.onUndo&&s.vars.onUndo.call(s)}}else if("Delete"===o||"Backspace"===o||8===a||46===a||63272===a||"d"===a&&(l||d))for(e=at.length;-1<--e;)at[e]._deleteSelectedAnchors();else if(("a"===o||65===a)&&(d||l))for(e=at.length;-1<--e;)at[e].select(!0)},!0),R.addEventListener("keyup",function(t){var e=t.key||t.keyCode||t.which;if("Shift"===e||16===e)L=!1;else if("Control"===e||17===e)l=!1;else if("Meta"===e||91===e)d=!1;else if("Alt"===e||18===e){u=!1;for(var n=at.length;-1<--n;)at[n]._onReleaseAlt()}},!0),h=!!c.PointerEvent,Ca(R,"mouseup",ya),Ca(R,"touchend",ya),Ca(R,"touchcancel",ba),Ca(c,"touchmove",ba),i&&i.addEventListener("touchstart",ba),j=1}function Na(t){var e,n,i=this,s=getGlobalMatrix(i.target.parentNode,!0);this._matrix=this.target.transform.baseVal.getItem(0).matrix,this._ctm=s,q[t.type]?(e=-1!==t.type.indexOf("touch")?t.currentTarget||t.target:R,Ca(e,"touchend",i._onRelease),Ca(e,"touchmove",i._onMove),Ca(e,"touchcancel",i._onRelease),Ca(R,"touchstart",Ga),Ca(c,"touchforcechange",oa)):(e=null,Ca(R,"mousemove",i._onMove)),h||Ca(R,"mouseup",i._onRelease),oa(t),Ka(),t.changedTouches?(t=i.touch=t.changedTouches[0],i.touchID=t.identifier):t.pointerId?i.touchID=t.pointerId:i.touch=i.touchID=null,i._startPointerY=i.pointerY=t.pageY,i._startPointerX=i.pointerX=t.pageX,i._startElementX=i._matrix.e,i._startElementY=i._matrix.f,1===this._ctm.a&&0===this._ctm.b&&0===this._ctm.c&&1===this._ctm.d?this._ctm=null:(n=i._startPointerX*this._ctm.a+i._startPointerY*this._ctm.c+this._ctm.e,i._startPointerY=i._startPointerX*this._ctm.b+i._startPointerY*this._ctm.d+this._ctm.f,i._startPointerX=n),i.isPressed=J=!0,i.touchEventTarget=e,i.vars.onPress&&i.vars.onPress.call(i.vars.callbackScope||i,i.pointerEvent)}function Oa(t){var e,n,i=this,s=t;if(i._enabled&&!rt&&i.isPressed&&t){if(e=(i.pointerEvent=t).changedTouches){if((t=e[0])!==i.touch&&t.identifier!==i.touchID){for(n=e.length;-1<--n&&(t=e[n]).identifier!==i.touchID;);if(n<0)return}}else if(t.pointerId&&i.touchID&&t.pointerId!==i.touchID)return;oa(s),i.setPointerPosition(t.pageX,t.pageY),i.vars.onDrag&&i.vars.onDrag.call(i.vars.callbackScope||i,i.pointerEvent)}}function Pa(t,e){var n=this;if(n._enabled&&n.isPressed&&(!t||null==n.touchID||e||!(t.pointerId&&t.pointerId!==n.touchID||t.changedTouches&&!function _hasTouchID(t,e){for(var n=t.length;-1<--n;)if(t[n].identifier===e)return!0;return!1}(t.changedTouches,n.touchID)))){!function _interacted(){$=Q()}(),n.isPressed=J=!1;var i,s,a=t,o=n.isDragging,r=n.touchEventTarget;if(r?(Da(r,"touchend",n._onRelease),Da(r,"touchmove",n._onMove),Da(r,"touchcancel",n._onRelease),Da(R,"touchstart",Ga)):Da(R,"mousemove",n._onMove),h||(Da(R,"mouseup",n._onRelease),t&&t.target&&Da(t.target,"mouseup",n._onRelease)),o?n.isDragging=!1:n.vars.onClick&&n.vars.onClick.call(n.vars.callbackScope||n,a),t){if((i=t.changedTouches)&&(t=i[0])!==n.touch&&t.identifier!==n.touchID){for(s=i.length;-1<--s&&(t=i[s]).identifier!==n.touchID;);if(s<0)return}n.pointerEvent=a,n.pointerX=t.pageX,n.pointerY=t.pageY}return a&&!o&&n.vars.onDragRelease?n.vars.onDragRelease.call(n,n.pointerEvent):(a&&oa(a),n.vars.onRelease&&n.vars.onRelease.call(n.vars.callbackScope||n,n.pointerEvent)),o&&n.vars.onDragEnd&&n.vars.onDragEnd.call(n.vars.callbackScope||n,n.pointerEvent),!0}}function Qa(t,e,n,i){var s,a=t[e],o=a.length-(a.closed?6:0),r=[];for(s=0;s<o;s+=6)r.push(new ct(n,t,e,s,i));return a.closed&&(r[0].isClosedStart=!0),r}function Ra(t,e,n){var i=t[n]-t[e],s=t[n+1]-t[e+1];return Math.sqrt(i*i+s*s)}var R,h,c,i,s,r,l,u,L,d,X,a,q,G,j,z,V=/(?:(-)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,Y="#4e7fff",Q=(Math.PI,Date.now||function(){return(new Date).getTime()}),$=0,J=0,tt={},et=[],nt={},it=[],st=",",at=[],ot={matrix:new H},rt=0,ht=((z=DraggableSVG.prototype).setPointerPosition=function setPointerPosition(t,e){var n,i,s,a,o;this.pointerX=t,this.pointerY=e,this._ctm&&(o=t*this._ctm.a+e*this._ctm.c+this._ctm.e,e=t*this._ctm.b+e*this._ctm.d+this._ctm.f,t=o),(i=e-this._startPointerY)<1&&-1<i&&(i=0),(n=t-this._startPointerX)<1&&-1<n&&(n=0),s=(1e3*(this._startElementX+n)|0)/1e3,a=(1e3*(this._startElementY+i)|0)/1e3,this.snap&&!L&&(nt.x=s,nt.y=a,this.snap.call(this,nt),s=nt.x,a=nt.y),this.x===s&&this.y===a||(this._matrix.f=this.y=a,this._matrix.e=this.x=s,!this.isDragging&&this.isPressed&&(this.isDragging=!0,Ia("onDragStart",this,this.pointerEvent)))},z.enabled=function enabled(t){return arguments.length?((this._enabled=t)?(h||Ca(this.target,"mousedown",this._onPress),Ca(this.target,"touchstart",this._onPress),Ca(this.target,"click",this._onClick,!0)):(e=this.isDragging,Da(this.target,"mousedown",this._onPress),Da(this.target,"touchstart",this._onPress),Da(c,"touchforcechange",oa),Da(this.target,"click",this._onClick),this.touchEventTarget&&(Da(this.touchEventTarget,"touchcancel",this._onRelease),Da(this.touchEventTarget,"touchend",this._onRelease),Da(this.touchEventTarget,"touchmove",this._onMove)),Da(R,"mouseup",this._onRelease),Da(R,"mousemove",this._onMove),this.isDragging=this.isPressed=!1,e&&Ia("onDragEnd",this,this.pointerEvent)),this):this._enabled;var e},z.endDrag=function endDrag(t){this._onRelease(t)},DraggableSVG);function DraggableSVG(t,e){this.target="string"==typeof t?R.querySelectorAll(t)[0]:t,this.vars=e||{},this._onPress=Ha(Na,this),this._onMove=Ha(Oa,this),this._onRelease=Ha(Pa,this),this.target.setAttribute("transform",(this.target.getAttribute("transform")||"")+" translate(0,0)"),this._matrix=sa(this.target),this.x=this._matrix.e,this.y=this._matrix.f,this.snap=e.snap,isNaN(e.maxX)&&isNaN(e.minX)?this._bounds=0:(this._bounds=1,this.maxX=+e.maxX,this.minX=+e.minX),this.enabled(!0)}var lt,ct=((lt=Anchor.prototype).onPress=function onPress(){Ia("onPress",this)},lt.onClick=function onClick(){Ia("onClick",this)},lt.onDrag=function onDrag(){var t=this.segment;this.vars.onDrag.call(this.vars.callbackScope||this,this,this._draggable.x-t[this.i],this._draggable.y-t[this.i+1])},lt.onDragEnd=function onDragEnd(){Ia("onDragEnd",this)},lt.onRelease=function onRelease(){Ia("onRelease",this)},lt.update=function update(t,e,n){t&&(this.rawPath=t),arguments.length<=1?(e=this.j,n=this.i):(this.j=e,this.i=n);var i=this.smooth,s=this.rawPath[e],a=0===n&&s.closed?s.length-4:n-2;this.segment=s,this.smooth=0<n&&n<s.length-2&&Math.abs(Math.atan2(s[n+1]-s[1+a],s[n]-s[a])-Math.atan2(s[n+3]-s[n+1],s[n+2]-s[n]))<.09?2:0,this.smooth!==i&&this.element.setAttribute("d",this.smooth?this.editor._circleHandle:this.editor._squareHandle),this.element.setAttribute("transform","translate("+s[n]+","+s[n+1]+")")},Anchor);function Anchor(t,e,n,i,s){this.editor=t,this.element=qa("path",t._selection,{fill:Y,stroke:Y,strokeWidth:2,vectorEffect:"non-scaling-stroke"}),this.update(e,n,i),this.element._gsSelection=!0,this.vars=s||{},this._draggable=new ht(this.element,{callbackScope:this,onDrag:this.onDrag,snap:this.vars.snap,onPress:this.onPress,onRelease:this.onRelease,onClick:this.onClick,onDragEnd:this.onDragEnd})}var dt,ut=((dt=PathEditor.prototype)._onRelease=function _onRelease(t){var e=this._editingAnchor;e&&(tt.x=e.segment[e.i],tt.y=e.segment[e.i+1]),Da(c,"touchforcechange",oa),Ia("onRelease",this,t)},dt.init=function init(){var t,e,n=this.path.getAttribute("d"),i=stringToRawPath(n),s=this.path.getAttribute("transform")||"translate(0,0)",a=!this._rawPath||i.totalPoints!==this._rawPath.totalPoints||i.map(function(t){return t.length}).join(",")!==this._rawPath.map(function(t){return t.length}).join(","),o={callbackScope:this,snap:this.vars.anchorSnap,onDrag:this._onDragAnchor,onPress:this._onPressAnchor,onRelease:this._onRelease,onClick:this._onClickAnchor,onDragEnd:this._onDragEndAnchor,maxX:this.vars.maxX,minX:this.vars.minX};if(a&&this._anchors&&this._anchors.length){for(e=0;e<this._anchors.length;e++)this._anchors[e].element.parentNode.removeChild(this._anchors[e].element),this._anchors[e]._draggable.enabled(!1);this._selectedAnchors.length=0}if(this._rawPath=i,a){if(this._anchors=Qa(i,0,this,o),1<(t=i.length))for(e=1;e<t;e++)this._anchors=this._anchors.concat(Qa(i,e,this,o))}else for(e=this._anchors.length;-1<--e;)this._anchors[e].update(i);return this._selection.appendChild(this._handle1),this._selection.appendChild(this._handle2),this._selectionPath.setAttribute("d",n),this._selectionHittest.setAttribute("d",n),this._g.setAttribute("transform",function _getConcatenatedTransforms(t){for(var e=sa(t),n=t.ownerSVGElement;(t=t.parentNode)&&t.ownerSVGElement===n;)e.multiply(sa(t));return"matrix("+e.a+","+e.b+","+e.c+","+e.d+","+e.e+","+e.f+")"}(this.path.parentNode)||"translate(0,0)"),this._selection.setAttribute("transform",s),this._selectionHittest.setAttribute("transform",s),this._updateAnchors(),this},dt._saveState=function _saveState(){!function _addHistory(t){var e,n=[],i=t._selectedAnchors;for(e=0;e<i.length;e++)n[e]=i[e].i;et.unshift({path:t,d:t.path.getAttribute("d"),transform:t.path.getAttribute("transform")||"",selectedIndexes:n}),30<et.length&&(et.length=30)}(this)},dt._onClickSelectionPath=function _onClickSelectionPath(t){if("hidden"===this._selection.style.visibility)this.select();else if(u||t&&t.altKey){var e,i,s,a,o,r,h={callbackScope:this,snap:this.vars.anchorSnap,onDrag:this._onDragAnchor,onPress:this._onPressAnchor,onRelease:this._onRelease,onClick:this._onClickAnchor,onDragEnd:this._onDragEndAnchor,maxX:this.vars.maxX,minX:this.vars.minX},l=this._selection.getScreenCTM().inverse();for(this._draggable&&this._draggable._onRelease(t),l&&(a=t.clientX*l.a+t.clientY*l.c+l.e,o=t.clientX*l.b+t.clientY*l.d+l.f),r=function getClosestData(t,e,n,i){var s,a,o,r,h={j:0,i:0,t:0},l=A;for(a=0;a<t.length;a++)for(r=t[a],s=0;s<r.length;s+=6)o=getClosestProgressOnBezier(1,e,n,0,1,i||20,r[s],r[s+1],r[s+2],r[s+3],r[s+4],r[s+5],r[s+6],r[s+7]),P<l&&(l=P,h.j=a,h.i=s,h.t=o);return h}(this._rawPath,a,o),function subdivideSegment(t,e,i){if(i<=0||1<=i)return 0;var s=t[e],a=t[e+1],o=t[e+2],r=t[e+3],h=t[e+4],l=t[e+5],c=s+(o-s)*i,d=o+(h-o)*i,u=a+(r-a)*i,p=r+(l-r)*i,g=c+(d-c)*i,f=u+(p-u)*i,_=h+(t[e+6]-h)*i,m=l+(t[e+7]-l)*i;return d+=(_-d)*i,p+=(m-p)*i,t.splice(e+2,4,n(c),n(u),n(g),n(f),n(g+(d-g)*i),n(f+(p-f)*i),n(d),n(p),n(_),n(m)),t.samples&&t.samples.splice(e/6*t.resolution|0,0,0,0,0,0,0,0),6}(this._rawPath[r.j],r.i,r.t),e=r.i+6,i=0;i<this._anchors.length;i++)this._anchors[i].i>=e&&this._anchors[i].j===r.j&&(this._anchors[i].i+=6);s=new ct(this,this._rawPath,r.j,e,h),this._selection.appendChild(this._handle1),this._selection.appendChild(this._handle2),s._draggable._onPress(t),X=s,this._anchors.push(s),this._selectedAnchors.length=0,this._selectedAnchors.push(s),this._updateAnchors(),this.update(),this._saveState()}Ka(),Ca(c,"touchforcechange",oa),Ia("onPress",this)},dt._onClickHandle1=function _onClickHandle1(){var t=this._editingAnchor,e=t.i,n=t.segment,i=t.isClosedStart?n.length-4:e-2;u&&Math.abs(n[e]-n[i])<5&&Math.abs(n[e+1]-n[1+i])<5&&this._onClickAnchor(t)},dt._onClickHandle2=function _onClickHandle2(){var t=this._editingAnchor,e=t.i,n=t.segment;u&&Math.abs(n[e]-n[e+2])<5&&Math.abs(n[e+1]-n[e+3])<5&&this._onClickAnchor(t)},dt._onDragEndAnchor=function _onDragEndAnchor(){X=null,this._saveState()},dt.isSelected=function isSelected(){return 0<this._selectedAnchors.length||"visible"===this._selection.style.visibility},dt.select=function select(t){if(this._selection.style.visibility="visible",this._editingAnchor=null,(this.path._gsSelection=!0)===t)for(var e=this._anchors.length;-1<--e;)this._selectedAnchors[e]=this._anchors[e];return-1===at.indexOf(this)&&at.push(this),this._updateAnchors(),this},dt.deselect=function deselect(){return this._selection.style.visibility="hidden",this._selectedAnchors.length=0,this._editingAnchor=null,this.path._gsSelection=!1,at.splice(at.indexOf(this),1),this._updateAnchors(),this},dt._onDragPath=function _onDragPath(){var t=this._selectionHittest.getAttribute("transform")||"translate(0,0)";this._selection.setAttribute("transform",t),this.path.setAttribute("transform",t)},dt._onPressAnchor=function _onPressAnchor(t){-1===this._selectedAnchors.indexOf(t)?(L||(this._selectedAnchors.length=0),this._selectedAnchors.push(t)):L&&(this._selectedAnchors.splice(this._selectedAnchors.indexOf(t),1),t._draggable.endDrag()),tt.x=t.segment[t.i],tt.y=t.segment[t.i+1],this._updateAnchors(),Ia("onPress",this)},dt._deleteSelectedAnchors=function _deleteSelectedAnchors(){for(var t,e,n,i,s=this._selectedAnchors,a=s.length;-1<--a;)for((t=s[a]).element.parentNode.removeChild(t.element),t._draggable.enabled(!1),e=t.i,i=t.j,e?e<t.segment.length-2?t.segment.splice(e-2,6):t.segment.splice(e-4,6):t.segment.splice(e,6),s.splice(a,1),this._anchors.splice(this._anchors.indexOf(t),1),n=0;n<this._anchors.length;n++)this._anchors[n].i>=e&&this._anchors[n].j===i&&(this._anchors[n].i-=6);this._updateAnchors(),this.update(),this._saveState(),this.vars.onDeleteAnchor&&this.vars.onDeleteAnchor.call(this.vars.callbackScope||this)},dt._onClickAnchor=function _onClickAnchor(t){var e,n,i,s,a,o,r=t.i,h=t.segment,l=t.isClosedStart?h.length-4:r-2,c=1e3,d=!r||r>=h.length-2;u&&X!==t&&this._editingAnchor?(t.smooth=!t.smooth,d&&!t.isClosedStart&&(t.smooth=!1),t.element.setAttribute("d",t.smooth?this._circleHandle:this._squareHandle),!t.smooth||d&&!t.isClosedStart?t.smooth||d&&!t.isClosedStart||((r||t.isClosedStart)&&(h[l]=h[r],h[1+l]=h[r+1]),r<h.length-2&&(h[r+2]=h[r],h[r+3]=h[r+1]),this._updateAnchors(),this.update(),this._saveState()):(e=((e=Math.atan2(h[r+1]-h[1+l],h[r]-h[l]))+(n=Math.atan2(h[r+3]-h[r+1],h[r+2]-h[r])))/2,i=Ra(h,l,r),s=Ra(h,r,r+2),i<.2&&(i=Ra(h,r,l-4)/4,e=n||Math.atan2(h[r+7]-h[l-3],h[r+6]-h[l-4])),s<.2&&(s=Ra(h,r,r+6)/4,n=e||Math.atan2(h[r+7]-h[l-3],h[r+6]-h[l-4])),a=Math.sin(e),o=Math.cos(e),Math.abs(n-e)<Math.PI/2&&(a=-a,o=-o),h[l]=((h[r]+o*i)*c|0)/c,h[1+l]=((h[r+1]+a*i)*c|0)/c,h[r+2]=((h[r]-o*s)*c|0)/c,h[r+3]=((h[r+1]-a*s)*c|0)/c,this._updateAnchors(),this.update(),this._saveState())):L||(this._selectedAnchors.length=0,this._selectedAnchors.push(t)),X=null,this._updateAnchors()},dt._updateAnchors=function _updateAnchors(){var t,e,n,i=1===this._selectedAnchors.length?this._selectedAnchors[0]:null,s=i?i.segment:null;for(this._editingAnchor=i,t=0;t<this._anchors.length;t++)this._anchors[t].element.style.fill=-1!==this._selectedAnchors.indexOf(this._anchors[t])?Y:"white";i&&(this._handle1.setAttribute("d",i.smooth?this._circleHandle:this._squareHandle),this._handle2.setAttribute("d",i.smooth?this._circleHandle:this._squareHandle)),t=i?i.i:0,i&&(t||i.isClosedStart)?(e=i.isClosedStart?s[s.length-4]:s[t-2],n=i.isClosedStart?s[s.length-3]:s[t-1],this._handle1.style.visibility=this._line1.style.visibility=u||e!==s[t]||n!==s[t+1]?"visible":"hidden",this._handle1.setAttribute("transform","translate("+e+st+n+")"),this._line1.setAttribute("points",e+st+n+st+s[t]+st+s[t+1])):this._handle1.style.visibility=this._line1.style.visibility="hidden",i&&t<s.length-2?(e=s[t+2],n=s[t+3],this._handle2.style.visibility=this._line2.style.visibility=u||e!==s[t]||n!==s[t+1]?"visible":"hidden",this._handle2.setAttribute("transform","translate("+e+st+n+")"),this._line2.setAttribute("points",s[t]+st+s[t+1]+st+e+st+n)):this._handle2.style.visibility=this._line2.style.visibility="hidden"},dt._onPressAlt=function _onPressAlt(){var t=this._editingAnchor;t&&((t.i||t.isClosedStart)&&(this._handle1.style.visibility=this._line1.style.visibility="visible"),t.i<t.segment.length-2&&(this._handle2.style.visibility=this._line2.style.visibility="visible"))},dt._onReleaseAlt=function _onReleaseAlt(){var t,e,n,i=this._editingAnchor;i&&(t=i.segment,e=i.i,n=i.isClosedStart?t.length-4:e-2,t[e]===t[n]&&t[e+1]===t[1+n]&&(this._handle1.style.visibility=this._line1.style.visibility="hidden"),t[e]===t[e+2]&&t[e+1]===t[e+3]&&(this._handle2.style.visibility=this._line2.style.visibility="hidden"))},dt._onPressHandle1=function _onPressHandle1(){this._editingAnchor.smooth&&(this._oppositeHandleLength=Ra(this._editingAnchor.segment,this._editingAnchor.i,this._editingAnchor.i+2)),Ia("onPress",this)},dt._onPressHandle2=function _onPressHandle2(){this._editingAnchor.smooth&&(this._oppositeHandleLength=Ra(this._editingAnchor.segment,this._editingAnchor.isClosedStart?this._editingAnchor.segment.length-4:this._editingAnchor.i-2,this._editingAnchor.i)),Ia("onPress",this)},dt._onReleaseHandle=function _onReleaseHandle(t){this._onRelease(t),this._saveState()},dt._onDragHandle1=function _onDragHandle1(){var t,e=this._editingAnchor,n=e.segment,i=e.i,s=e.isClosedStart?n.length-4:i-2,a=1e3,o=this._handle1._draggable.x,r=this._handle1._draggable.y;n[s]=o=(o*a|0)/a,n[1+s]=r=(r*a|0)/a,e.smooth&&(u?(e.smooth=!1,e.element.setAttribute("d",this._squareHandle),this._handle1.setAttribute("d",this._squareHandle),this._handle2.setAttribute("d",this._squareHandle)):(t=Math.atan2(n[i+1]-r,n[i]-o),o=this._oppositeHandleLength*Math.cos(t),r=this._oppositeHandleLength*Math.sin(t),n[i+2]=((n[i]+o)*a|0)/a,n[i+3]=((n[i+1]+r)*a|0)/a)),this.update()},dt._onDragHandle2=function _onDragHandle2(){var t,e=this._editingAnchor,n=e.segment,i=e.i,s=e.isClosedStart?n.length-4:i-2,a=1e3,o=this._handle2._draggable.x,r=this._handle2._draggable.y;n[i+2]=o=(o*a|0)/a,n[i+3]=r=(r*a|0)/a,e.smooth&&(u?(e.smooth=!1,e.element.setAttribute("d",this._squareHandle),this._handle1.setAttribute("d",this._squareHandle),this._handle2.setAttribute("d",this._squareHandle)):(t=Math.atan2(n[i+1]-r,n[i]-o),o=this._oppositeHandleLength*Math.cos(t),r=this._oppositeHandleLength*Math.sin(t),n[s]=((n[i]+o)*a|0)/a,n[1+s]=((n[i+1]+r)*a|0)/a)),this.update()},dt._onDragAnchor=function _onDragAnchor(t,e,n){var i,s,a,o,r,h=this._selectedAnchors,l=h.length,c=1e3;for(s=0;s<l;s++)i=(o=h[s]).i,a=o.segment,i?(a[i-2]=((a[i-2]+e)*c|0)/c,a[i-1]=((a[i-1]+n)*c|0)/c):o.isClosedStart&&(a[r=a.length-2]=va(a[r]+e),a[1+r]=va(a[1+r]+n),a[r-2]=va(a[r-2]+e),a[r-1]=va(a[r-1]+n)),a[i]=((a[i]+e)*c|0)/c,a[i+1]=((a[i+1]+n)*c|0)/c,i<a.length-2&&(a[i+2]=((a[i+2]+e)*c|0)/c,a[i+3]=((a[i+3]+n)*c|0)/c),o!==t&&o.element.setAttribute("transform","translate("+a[i]+st+a[i+1]+")");this.update()},dt.enabled=function enabled(t){if(!arguments.length)return this._enabled;for(var e=this._anchors.length;-1<--e;)this._anchors[e]._draggable.enabled(t);return this._enabled=t,this._handle1._draggable.enabled(t),this._handle2._draggable.enabled(t),this._draggable&&this._draggable.enabled(t),t?this._selection.parentNode||(this.path.ownerSVGElement.appendChild(this._selectionHittest),this.path.ownerSVGElement.appendChild(this._selection),this.init(),this._saveState()):(this.deselect(),this._selectionHittest.parentNode&&this._selectionHittest.parentNode.removeChild(this._selectionHittest),this._selection.parentNode&&this._selection.parentNode.removeChild(this._selection)),this._updateAnchors(),this.update()},dt.update=function update(t){var e,n,i,s,a,o="",r=this._editingAnchor;if(t&&this.init(),r&&(e=r.i,n=r.segment,(e||r.isClosedStart)&&(i=n[a=r.isClosedStart?n.length-4:e-2],s=n[1+a],this._handle1.setAttribute("transform","translate("+i+st+s+")"),this._line1.setAttribute("points",i+st+s+st+n[e]+st+n[e+1])),e<n.length-2&&(i=n[e+2],s=n[e+3],this._handle2.setAttribute("transform","translate("+i+st+s+")"),this._line2.setAttribute("points",n[e]+st+n[e+1]+st+i+st+s))),t)o=this.path.getAttribute("d");else{for(e=0;e<this._rawPath.length;e++)7<(n=this._rawPath[e]).length&&(o+="M"+n[0]+st+n[1]+"C"+n.slice(2).join(st));this.path.setAttribute("d",o),this._selectionPath.setAttribute("d",o),this._selectionHittest.setAttribute("d",o)}return this.vars.onUpdate&&this._enabled&&Ia("onUpdate",this,o),this},dt.getRawPath=function getRawPath(t,e,n){if(t){var i=sa(this.path);return transformRawPath(copyRawPath(this._rawPath),1,0,0,1,i.e+(e||0),i.f+(n||0))}return this._rawPath},dt.getString=function getString(t,e,i){if(t){var s=sa(this.path);return function rawPathToString(t){!function _isNumber(t){return"number"==typeof t}(t[0])||(t=[t]);var e,i,s,a,o="",r=t.length;for(i=0;i<r;i++){for(a=t[i],o+="M"+n(a[0])+","+n(a[1])+" C",e=a.length,s=2;s<e;s++)o+=n(a[s++])+","+n(a[s++])+" "+n(a[s++])+","+n(a[s++])+" "+n(a[s++])+","+n(a[s])+" ";a.closed&&(o+="z")}return o}(transformRawPath(copyRawPath(this._rawPath),1,0,0,1,s.e+(e||0),s.f+(i||0)))}return this.path.getAttribute("d")},dt.getNormalizedSVG=function getNormalizedSVG(t,e,n,i){var s,a,o,r,h,l,c=this._rawPath[0],d=-1*c[0],u=0===e?0:-(e||c[1]),p=c.length,g=1/(c[p-2]+d),f=-t||c[p-1]+u;for(f=f?1/f:-g,g*=1e3,f*=1e3,a=it.length=0;a<p;a+=2)it[a]=((c[a]+d)*g|0)/1e3,it[a+1]=((c[a+1]+u)*f|0)/1e3;if(i){for(s=[],p=it.length,a=2;a<p;a+=6)o=it[a-2],r=it[a-1],h=it[a+4],l=it[a+5],s.push(o,r,h,l),bezierToPoints(o,r,it[a],it[a+1],it[a+2],it[a+3],h,l,.001,s,s.length-2);for(o=s[0],p=s.length,a=2;a<p;a+=2){if((h=s[a])<o||1<h||h<0){i();break}o=h}}return n&&8===p&&0===it[0]&&0===it[1]&&1===it[p-2]&&1===it[p-1]?it.slice(2,6).join(","):(it[2]="C"+it[2],"M"+it.join(","))},dt.kill=function kill(){this.enabled(!1),this._g.parentNode&&this._g.parentNode.removeChild(this._g)},dt.revert=function revert(){this.kill()},PathEditor);function PathEditor(t,e){e=e||{},j||Ma(),this.vars=e,this.path="string"==typeof t?R.querySelectorAll(t)[0]:t,this._g=qa("g",this.path.ownerSVGElement,{class:"path-editor-g path-editor"}),this._selectionHittest=qa("path",this._g,{stroke:"transparent",strokeWidth:16,fill:"none",vectorEffect:"non-scaling-stroke"}),this._selection=e._selection||qa("g",this._g,{class:"path-editor-selection path-editor"}),this._selectionPath=qa("path",this._selection,{stroke:Y,strokeWidth:2,fill:"none",vectorEffect:"non-scaling-stroke"}),this._selectedAnchors=[],this._line1=qa("polyline",this._selection,{stroke:Y,strokeWidth:2,vectorEffect:"non-scaling-stroke"}),this._line2=qa("polyline",this._selection,{stroke:Y,strokeWidth:2,vectorEffect:"non-scaling-stroke"}),this._line1.style.pointerEvents=this._line2.style.pointerEvents=this._selectionPath.style.pointerEvents="none",this._enabled=!0;var n=this.path.parentNode.getScreenCTM().inverse(),i=(n.a+n.d)/2*(e.handleSize||5);this._squareHandle=function _getSquarePathData(t){return["M-"+(t=va(t)),-t,t,-t,t,t,-t,t+"z"].join(st)}(i),this._circleHandle=function _getCirclePathData(t){var e=va(.552284749831*t);return"M"+(t=va(t))+",0C"+[t,e,e,t,0,t,-e,t,-t,e,-t,0,-t,-e,-e,-t,0,-t,e,-t,t,-e,t,0].join(st)+"z"}(1.15*i),this._handle1=qa("path",this._selection,{d:this._squareHandle,fill:Y,stroke:"transparent",strokeWidth:6}),this._handle2=qa("path",this._selection,{d:this._squareHandle,fill:Y,stroke:"transparent",strokeWidth:6}),this._handle1._draggable=new ht(this._handle1,{onDrag:this._onDragHandle1,callbackScope:this,onPress:this._onPressHandle1,onRelease:this._onReleaseHandle,onClick:this._onClickHandle1,snap:e.handleSnap}),this._handle2._draggable=new ht(this._handle2,{onDrag:this._onDragHandle2,callbackScope:this,onPress:this._onPressHandle2,onRelease:this._onReleaseHandle,onClick:this._onClickHandle2,snap:e.handleSnap}),this._handle1.style.visibility=this._handle2.style.visibility="hidden";for(var s=[this._handle1,this._handle2,this._line1,this._line2,this._selection,this._selectionPath,this._selectionHittest],a=s.length;-1<--a;)s[a]._gsSelection=!0;!1!==e.draggable&&(this._draggable=new ht(this._selectionHittest,{callbackScope:this,onPress:this.select,onRelease:this._onRelease,onDrag:this._onDragPath,onDragEnd:this._saveState,maxX:this.vars.maxX,minX:this.vars.minX})),this.init(),this._selection.style.visibility=!1===e.selected?"hidden":"visible",!1!==e.selected&&(this.path._gsSelection=!0,at.push(this)),this._saveState(),h||(Ca(this._selectionHittest,"mousedown",Ha(this._onClickSelectionPath,this)),Ca(this._selectionHittest,"mouseup",Ha(this._onRelease,this))),Ca(this._selectionHittest,"touchstart",Ha(this._onClickSelectionPath,this)),Ca(this._selectionHittest,"touchend",Ha(this._onRelease,this)),r(this)}ut.simplifyPoints=simplifyPoints,ut.pointsToSegment=pointsToSegment,ut.simplifySVG=function(t,e){var n,i,s,a,o,r,h,l,c,d,u;if(d=(e=e||{}).tolerance||1,c=e.precision||1/d,void 0===e.cornerThreshold||e.cornerThreshold,"string"!=typeof t&&(t=(n=t).getAttribute("d")),"#"!==t.charAt(0)&&"."!==t.charAt(0)||(n=R.querySelector(t))&&(t=n.getAttribute("d")),i=!1!==e.curved||/[achqstvz]/gi.test(t)?stringToRawPath(t)[0]:t.match(V),!1!==e.curved){for(l=i,i=[],u=l.length,s=2;s<u;s+=6)a=+l[s-2],r=+l[s-1],o=+l[s+4],h=+l[s+5],i.push(va(a),va(r),va(o),va(h)),bezierToPoints(a,r,+l[s],+l[s+1],+l[s+2],+l[s+3],o,h,1/(2e5*c),i,i.length-2);(i=pointsToSegment(simplifyPoints(i,d),e.curviness))[2]="C"+i[2]}else i=simplifyPoints(i,d);return t="M"+i.join(","),n&&n.setAttribute("d",t),t},ut.create=function(t,e){return new ut(t,e)},ut.editingAxis=tt,ut.getSnapFunction=function(t){var r=t.radius||2,e=1e20,h=t.x||0===t.x?t.x:t.width?0:-e,l=t.y||0===t.y?t.y:t.height?0:-e,c=h+(t.width||1e40),d=l+(t.height||1e40),u=!1!==t.containX,p=!1!==t.containY,g=t.axis,f=t.gridSize;return r*=r,function(t){var e,n,i,s,a=t.x,o=t.y;u&&a<h||(i=a-h)*i<r?a=h:(u&&c<a||(i=c-a)*i<r)&&(a=c),p&&o<l||(s=o-l)*s<r?o=l:(p&&d<o||(s=d-o)*s<r)&&(o=d),g&&(i=a-g.x,s=o-g.y,i*i<r&&(a=g.x),s*s<r&&(o=g.y)),f&&(i=(e=h+Math.round((a-h)/f)*f)-a)*i+(s=(n=l+Math.round((o-l)/f)*f)-o)*s<r&&(a=e,o=n),t.x=a,t.y=o}},ut.version="3.14.2",ut.register=Ma;function db(t){return"string"==typeof t}function eb(t,e){var n=ft.createElementNS?ft.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):ft.createElement(t);return n.style?n:ft.createElement(t)}function kb(t,e,n){return db(t)&&Ct.test(t)?ft.querySelector(t):Array.isArray(t)?yt(bt([{x:pt.getProperty(e,"x"),y:pt.getProperty(e,"y")}].concat(t),n)):db(t)||t&&"path"===(t.tagName+"").toLowerCase()?t:0}function pb(t,e){var n="Please gsap.registerPlugin(MotionPathPlugin)";gt=window,(pt=pt||t||gt.gsap||console.warn(n))&&ut.register(pt),ft=document,mt=ft.body,_t=ft.documentElement,pt&&(vt=pt.plugins.motionPath,St.PathEditor=ut,Pt=pt.core.context||function(){}),vt?(function _initCopyToClipboard(){(At=eb("textarea")).style.display="none",mt.appendChild(At)}(),bt=vt.arrayToRawPath,yt=vt.rawPathToString):!0===e&&console.warn(n)}var pt,gt,ft,_t,mt,vt,bt,yt,Pt,At,Ct=/(^[#\.][a-z]|[a-y][a-z])/i,wt={matrix:{a:1,b:0,c:0,d:1,e:0,f:0}},St=(MotionPathHelper.prototype.getString=function getString(){return this.editor.getString(!0,-this.offset.x,-this.offset.y)},MotionPathHelper);function MotionPathHelper(t,e){var n=this;void 0===e&&(e={}),vt||pb(e.gsap,1);var i,s,a,o,r,h,l,c,d,u,p,g,f,_,m=eb("div"),v=this,b={x:0,y:0};t instanceof pt.core.Tween?i=(c=t).targets()[0]:(i=pt.utils.toArray(t)[0],c=function _findMotionPathTween(t){for(var e=pt.getTweensOf(t),n=0;n<e.length;n++){if(e[n].vars.motionPath)return e[n];e[n].timeline&&e.push.apply(e,e[n].timeline.getChildren())}}(i)),s=kb(e.path,i,e),this.offset=b,h=function _getPositionOnPage(t){var e=t.getBoundingClientRect(),n=_t.clientTop-(gt.pageYOffset||_t.scrollTop||mt.scrollTop||0),i=_t.clientLeft-(gt.pageXOffset||_t.scrollLeft||mt.scrollLeft||0);return{left:e.left+i,top:e.top+n,right:e.right+i,bottom:e.bottom+n}}(i),o=parseFloat(pt.getProperty(i,"x","px")),r=parseFloat(pt.getProperty(i,"y","px")),a=i.getCTM&&"svg"!==i.tagName.toLowerCase(),c&&!s&&(s=kb(c.vars.motionPath.path||c.vars.motionPath,i,c.vars.motionPath)),m.setAttribute("class","copy-motion-path"),m.style.cssText="border-radius:8px; background-color:rgba(85, 85, 85, 0.7); color:#fff; cursor:pointer; padding:6px 12px; font-family:Signika Negative, Arial, sans-serif; position:fixed; left:50%; transform:translate(-50%, 0); font-size:19px; bottom:10px",m.innerText="COPY MOTION PATH",m._gsHelper=v,(pt.utils.toArray(e.container)[0]||mt).appendChild(m),function _addCopyToClipboard(n,i,s){n.addEventListener("click",function(t){if(t.target._gsHelper){var e=i(t.target);if((At.value=e)&&At.select){console.log(e),At.style.display="block",At.select();try{ft.execCommand("copy"),At.blur(),s&&s(n)}catch(t){console.warn("Copy didn't work; this browser doesn't permit that.")}At.style.display="none"}}})}(m,function(){return v.getString()},function(){return pt.fromTo(m,{backgroundColor:"white"},{duration:.5,backgroundColor:"rgba(85, 85, 85, 0.6)"})}),(l=s&&s.ownerSVGElement)?(e.pathColor&&pt.set(s,{stroke:e.pathColor}),e.pathWidth&&pt.set(s,{strokeWidth:e.pathWidth}),e.pathOpacity&&pt.set(s,{opacity:e.pathOpacity})):(d=a&&i.ownerSVGElement&&i.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg",a?(l=i.ownerSVGElement,u=i.getBBox(),o=(p=function _getConsolidatedMatrix(t){return(t.transform.baseVal.consolidate()||wt).matrix}(i)).e,r=p.f,b.x=u.x,b.y=u.y):(l=eb("svg",d),_=!0,mt.appendChild(l),l.setAttribute("viewBox","0 0 100 100"),l.setAttribute("class","motion-path-helper"),l.style.cssText="overflow:visible; background-color: transparent; position:absolute; z-index:5000; width:100px; height:100px; top:"+(h.top-r)+"px; left:"+(h.left-o)+"px;"),u=db(s)&&!Ct.test(s)?s:function _getInitialPath(t,e){var n,i=[0,31,8,58,24,75,40,90,69,100,100,100];for(n=0;n<i.length;n+=2)i[n]+=t,i[n+1]+=e;return"M"+t+","+e+"C"+i.join(",")}(o,r),(s=eb("path",d)).setAttribute("d",u),s.setAttribute("vector-effect","non-scaling-stroke"),s.style.cssText="fill:transparent; stroke-width:"+(e.pathWidth||3)+"; stroke:"+(e.pathColor||"#555")+"; opacity:"+(e.pathOpacity||.6),l.appendChild(s)),(b.x||b.y)&&pt.set(s,{x:b.x,y:b.y}),"selected"in e||(e.selected=!0),"anchorSnap"in e||(e.anchorSnap=function(t){t.x*t.x+t.y*t.y<16&&(t.x=t.y=0)}),f=c&&c.parent&&"nested"===c.parent.data?c.parent.parent:c,e.onPress=function(){f.pause(0)},g=function refreshPath(){n.editor._anchors.length<2?console.warn("A motion path must have at least two anchors."):(c.invalidate(),f.restart())},e.onRelease=e.onDeleteAnchor=g,this.editor=ut.create(s,e),e.center&&pt.set(i,{transformOrigin:"50% 50%",xPercent:-50,yPercent:-50}),c?(c.vars.motionPath.path?c.vars.motionPath.path=s:c.vars.motionPath={path:s},f.parent!==pt.globalTimeline&&pt.globalTimeline.add(f,function _getGlobalTime(t){for(var e=t.totalTime();t;)e=t.startTime()+e/(t.timeScale()||1),t=t.parent;return e}(f)-f.delay()),f.repeat(-1).repeatDelay(1)):c=f=pt.to(i,{motionPath:{path:s,start:e.start||0,end:"end"in e?e.end:1,autoRotate:"autoRotate"in e&&e.autoRotate,align:s,alignOrigin:e.alignOrigin},duration:e.duration||5,ease:e.ease||"power1.inOut",repeat:-1,repeatDelay:1,paused:!e.path}),this.animation=c,Pt(this),this.kill=this.revert=function(){n.editor.kill(),m.parentNode&&m.parentNode.removeChild(m),_&&l.parentNode&&l.parentNode.removeChild(l),f&&f.revert()}}St.register=pb,St.create=function(t,e){return new St(t,e)},St.editPath=function(t,e){return ut.create(t,e)},St.version="3.14.2",t.MotionPathHelper=St,t.default=St;if (typeof(window)==="undefined"||window!==t){Object.defineProperty(t,"__esModule",{value:!0})} else {delete t.default}});