├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── dist ├── 1.04213a58.jpg ├── 2.3ff1fdb6.jpg ├── 3.b606be87.jpg ├── 4.24fd614c.jpg ├── 5.d13f5e61.jpg ├── 6.786c7db4.jpg ├── 7.df95fe5c.jpg ├── 8.e7faf38e.jpg ├── 9.ea63bab4.jpg ├── favicon.a64e97b2.ico ├── index.01b4f97a.css ├── index.b5e7c14d.js ├── index.e9a2d1b4.js └── index.html ├── package.json └── src ├── css └── base.css ├── favicon.ico ├── img ├── 1.jpg ├── 2.jpg ├── 3.jpg ├── 4.jpg ├── 5.jpg ├── 6.jpg ├── 7.jpg ├── 8.jpg ├── 9.jpg ├── circle.svg └── lines.svg ├── index.html └── js ├── index.js ├── slide.js ├── slideshow.js └── utils.js /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /.cache 3 | /parcel-cache 4 | package-lock.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2009 - 2021 [Codrops](https://tympanus.net/codrops) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Paranoia Slideshow 2 | 3 | A slideshow page layout with a filter enhanced navigation effect on the images. 4 | 5 | ![Image](https://tympanus.net/codrops/wp-content/uploads/2021/11/Paranoia.jpg) 6 | 7 | [Article on Codrops](https://tympanus.net/codrops/?p=57421) 8 | 9 | [Demo](https://tympanus.net/Development/ParanoiaSlideshow/) 10 | 11 | 12 | ## Installation 13 | 14 | Install dependencies: 15 | 16 | ``` 17 | npm install 18 | ``` 19 | 20 | Compile the code for development and start a local server: 21 | 22 | ``` 23 | npm start 24 | ``` 25 | 26 | Create the build: 27 | 28 | ``` 29 | npm run build 30 | ``` 31 | 32 | ## Credits 33 | 34 | - Images from [Unsplash](https://unsplash.com/) 35 | 36 | ## Misc 37 | 38 | Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/) 39 | 40 | ## License 41 | [MIT](LICENSE) 42 | 43 | Made with :blue_heart: by [Codrops](http://www.codrops.com) 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /dist/1.04213a58.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/1.04213a58.jpg -------------------------------------------------------------------------------- /dist/2.3ff1fdb6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/2.3ff1fdb6.jpg -------------------------------------------------------------------------------- /dist/3.b606be87.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/3.b606be87.jpg -------------------------------------------------------------------------------- /dist/4.24fd614c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/4.24fd614c.jpg -------------------------------------------------------------------------------- /dist/5.d13f5e61.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/5.d13f5e61.jpg -------------------------------------------------------------------------------- /dist/6.786c7db4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/6.786c7db4.jpg -------------------------------------------------------------------------------- /dist/7.df95fe5c.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/7.df95fe5c.jpg -------------------------------------------------------------------------------- /dist/8.e7faf38e.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/8.e7faf38e.jpg -------------------------------------------------------------------------------- /dist/9.ea63bab4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/9.ea63bab4.jpg -------------------------------------------------------------------------------- /dist/favicon.a64e97b2.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/dist/favicon.a64e97b2.ico -------------------------------------------------------------------------------- /dist/index.01b4f97a.css: -------------------------------------------------------------------------------- 1 | *,:after,:before{box-sizing:border-box}:root{font-size:16px}body,html{height:100%;width:100%}body{--color-text:#000;--color-text-alt:#1d0460;--color-text-slide:#53dbf1;--color-bg:#4000ea;--color-link:#000;--color-link-hover:#f33ba5;--page-padding:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:termina,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0;text-transform:uppercase;will-change:background-color}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:3000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);cursor:pointer;text-decoration:underline}a,a:hover{outline:none}a:hover{color:var(--color-link-hover);text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red}.unbutton{background:none;border:0;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vector{fill:none;stroke:#000;stroke-width:.5px;display:none;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.vector--circle{left:28%;top:-50%;width:44%}.intro{padding:var(--page-padding)}.intro__title{font-size:1rem;font-weight:600;margin:0 0 2rem}.intro__description{color:var(--color-text-alt);line-height:1.2}.menu{display:flex;flex-direction:column;justify-self:end;line-height:1.3;padding:var(--page-padding)}.menu__item{text-decoration:none}.author{align-self:center;grid-area:2 ​/1/4/2;padding-left:var(--page-padding)}.title{font-size:clamp(1.75rem,3vw,15rem);justify-self:center;line-height:1;margin:0;white-space:nowrap}.showreel,.title{padding:var(--page-padding)}.showreel{align-items:center;align-self:center;color:var(--color-link-hover);display:flex;grid-area:4/3/5/4;justify-self:end;text-decoration:none}.showreel:before{content:"\00B7";font-size:5rem;line-height:0;margin:0 .25rem .25rem 0}.showreel:hover:before{animation:pulse .8s linear infinite alternate}@keyframes pulse{to{transform:scale3d(1.5,1.5,1)}}.slideshow{display:grid;grid-template-areas:"... img ..." "nav-prev img nav-next" "... img ..." "title title title";grid-template-columns:60px minmax(200px,70%) 60px;height:100vw;justify-content:center;position:relative}.meta{grid-area:title;justify-self:center;margin:1rem 0 0;text-align:center;width:max-content}.no-js .meta{display:none}.meta__heading{display:block;font-size:.75rem;font-weight:600;margin:0}.meta__content{color:var(--color-text-slide);display:grid}.meta__content-title{grid-area:1/1/2/2;opacity:0;will-change:opacity,transform}.gallery{border-radius:35vw 35vw 0 0;grid-area:img;justify-self:center;margin-top:auto;position:relative}.gallery,.gallery__img{height:100%;overflow:hidden;width:100%}.gallery__img{opacity:0;pointer-events:none;position:absolute;will-change:opacity,transform}.no-js .gallery__img:first-child{opacity:1}.gallery__img-inner{background-position:50% 50%;background-size:cover;height:100%;width:100%;will-change:filter,transform}.nav{align-self:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}.nav:hover .nav__text{color:var(--color-link-hover)}.no-js .nav{display:none}.nav--prev{align-items:flex-end;grid-area:nav-prev;padding-right:15px}.nav--next{align-items:flex-start;grid-area:nav-next;padding-left:15px}.nav__imgwrap{background:#000;border-radius:17px;display:grid;grid-template-columns:100% 100%;grid-template-rows:100%;height:55px;width:35px}.nav__img,.nav__imgwrap{overflow:hidden;position:relative}.nav__img{grid-area:1/1/2/2;opacity:0;pointer-events:none;will-change:opacity,transform}.nav__img-inner{background-size:cover;height:55px;width:35px;will-change:filter,transform}.nav__text{color:var(--color-text-alt);cursor:pointer;display:none;margin-top:3.5vh;text-transform:uppercase}.slides__img--current{opacity:1;pointer-events:auto;z-index:1000}@media screen and (min-width:53em){body{overflow:hidden}.vector{display:block}main{display:grid;grid-template-columns:28.05% 43.9% 28.05%;grid-template-rows:25% 1fr 29.5% 8.5%;height:100%;position:relative;width:100%}.title{grid-area:1/2/2/3}.menu{grid-area:1/3/2/4}.intro{grid-area:1/1/3/2}.intro__description{max-width:20ch}.gallery{border-radius:25vw 25vw 0 0;width:100%}.slideshow{grid-area:2/2/5/3;grid-template-areas:"... img title" "nav-prev img nav-next" "... img ...";grid-template-columns:4rem 43.8vw 4rem;grid-template-rows:38% 20% 42%;height:auto;justify-content:start;margin-left:-4rem}.meta{justify-self:start;margin:3rem 0 0 1rem;text-align:left}.nav{align-self:start}.nav__text{display:block}.nav--prev{padding-right:1.5rem}.nav--next{padding-left:1.5rem}} -------------------------------------------------------------------------------- /dist/index.b5e7c14d.js: -------------------------------------------------------------------------------- 1 | !function(){var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},e={},i={},r=t.parcelRequire01ee;function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var i=0;it._dur||e._start<0))for(var i=t;i;)i._dirty=1,i=i.parent;return t},Qt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Gt=function t(e){return!e||e._ts&&t(e.parent)},Ht=function(t){return t._repeat?Zt(t._tTime,t=t.duration()+t._rDelay)*t:0},Zt=function(t,e){var i=Math.floor(t/=e);return t&&i===t?i-1:i},Jt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},$t=function(t){return t._end=Pt(t._start+(t._tDur/Math.abs(t._ts||t._rts||U)||0))},Kt=function(t,e){var i=t._dp;return i&&i.smoothChildTiming&&t._ts&&(t._start=Pt(i._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),$t(t),i._dirty||Wt(i,t)),t},te=function(t,e){var i;if((e._time||e._initted&&!e._dur)&&(i=Jt(t.rawTime(),e),(!e._dur||ce(0,e.totalDuration(),i)-e._tTime>U)&&e.render(i,!0)),Wt(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&i.totalTime(i._tTime),i=i._dp;t._zTime=-1e-8}},ee=function(t,e,i,r){return e.parent&&Vt(e),e._start=Pt((J(i)?i:i||t!==c?he(t,i,e):t._time)+e._delay),e._end=Pt(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,i,r,n){void 0===i&&(i="_first"),void 0===r&&(r="_last");var s,a=t[r];if(n)for(s=e[n];a&&a[n]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[i],t[i]=e),e._next?e._next._prev=e:t[r]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),se(e)||(t._recent=e),r||te(t,e),t},ie=function(t,e){return(ct.ScrollTrigger||_t("scrollTrigger",e))&&ct.ScrollTrigger.create(e,t)},re=function(t,e,i,r){return ni(t,e),t._initted?!i&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&g!==Be.frame?(bt.push(t),t._lazy=[e,r],1):void 0:1},ne=function t(e){var i=e.parent;return i&&i._ts&&i._initted&&!i._lock&&(i.rawTime()<0||t(i))},se=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ae=function(t,e,i,r){var n=t._repeat,s=Pt(e)||0,a=t._tTime/t._tDur;return a&&!r&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:Pt(s*(n+1)+t._rDelay*n):s,a&&!r?Kt(t,t._tTime=t._tDur*a):t.parent&&$t(t),i||Wt(t.parent,t),t},oe=function(t){return t instanceof Ke?Wt(t):ae(t,t._dur)},ue={_start:0,endTime:vt,totalDuration:vt},he=function t(e,i,r){var n,s,a,o=e.labels,u=e._recent||ue,h=e.duration()>=N?u.endTime(!1):e._dur;return H(i)&&(isNaN(i)||i in o)?(s=i.charAt(0),a="%"===i.substr(-1),n=i.indexOf("="),"<"===s||">"===s?(n>=0&&(i=i.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(i.substr(1))||0)*(a?(n<0?u:r).totalDuration()/100:1)):n<0?(i in o||(o[i]=h),o[i]):(s=parseFloat(i.charAt(n-1)+i.substr(n+1)),a&&r&&(s=s/100*(nt(r)?r[0]:r).totalDuration()),n>1?t(e,i.substr(0,n-1),r)+s:h+s)):null==i?h:+i},le=function(t,e,i){var r,n,s=J(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=i,t){for(r=o,n=i;n&&!("immediateRender"in r);)r=n.vars.defaults||{},n=tt(n.vars.inherit)&&n.parent;o.immediateRender=tt(r.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new ui(e[0],o,e[a+1])},fe=function(t,e){return t||0===t?e(t):e},ce=function(t,e,i){return ie?e:i},de=function(t){if("string"!=typeof t)return"";var e=ft.exec(t);return e?t.substr(e.index+e[0].length):""},pe=[].slice,_e=function(t,e){return t&&K(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&K(t[0]))&&!t.nodeType&&t!==d},me=function(t,e,i){return!H(t)||i||!p&&qe()?nt(t)?function(t,e,i){return void 0===i&&(i=[]),t.forEach((function(t){var r;return H(t)&&!e||_e(t,1)?(r=i).push.apply(r,me(t)):i.push(t)}))||i}(t,i):_e(t)?pe.call(t,0):t?[t]:[]:pe.call((e||_).querySelectorAll(t),0)},ge=function(t){return t.sort((function(){return.5-Math.random()}))},ve=function(t){if(Z(t))return t;var e=K(t)?t:{each:t},i=We(e.ease),r=e.from||0,n=parseFloat(e.base)||0,s={},a=r>0&&r<1,o=isNaN(r)||a,u=e.axis,h=r,l=r;return H(r)?h=l={center:.5,edges:.5,end:1}[r]||0:!a&&o&&(h=r[0],l=r[1]),function(t,a,f){var c,d,p,_,m,g,v,y,b,w=(f||e).length,x=s[w];if(!x){if(!(b="auto"===e.grid?0:(e.grid||[1,N])[1])){for(v=-1e8;v<(v=f[b++].getBoundingClientRect().left)&&bv&&(v=m),mw?w-1:u?"y"===u?w/b:b:Math.max(b,w/b))||0)*("edges"===r?-1:1),x.b=w<0?n-w:n,x.u=de(e.amount||e.each)||0,i=i&&w<0?Xe(i):i}return w=(x[t]-x.min)/x.max||0,Pt(x.b+(i?i(w):w)*x.v)+x.u}},ye=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(i){var r=Math.round(parseFloat(i)/t)*t*e;return(r-r%1)/e+(J(i)?0:de(i))}},be=function(t,e){var i,r,n=nt(t);return!n&&K(t)&&(i=n=t.radius||N,t.values?(t=me(t.values),(r=!J(t[0]))&&(i*=i)):t=ye(t.increment)),fe(e,n?Z(t)?function(e){return r=t(e),Math.abs(r-e)<=i?r:e}:function(e){for(var n,s,a=parseFloat(r?e.x:e),o=parseFloat(r?e.y:0),u=N,h=0,l=t.length;l--;)(n=r?(n=t[l].x-a)*n+(s=t[l].y-o)*s:Math.abs(t[l]-a))(n=Math.abs(n))&&(s=r,o=n);return s},ke=function(t,e,i){var r,n,s=t.vars,a=s[e];if(a)return r=s[e+"Params"],n=s.callbackScope||t,i&&bt.length&&Rt(),r?a.apply(n,r):a.call(n)},Me=function(t){return Vt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&ke(t,"onInterrupt"),t},De=function(t){var e=(t=!t.name&&t.default||t).name,i=Z(t),r=e&&!i&&t.init?function(){this._props=[]}:t,n={init:vt,render:gi,add:ii,kill:yi,modifier:vi,rawVars:0},s={targetTest:0,get:0,getSetter:di,aliases:{},register:0};if(qe(),t!==r){if(xt[e])return;Bt(r,Bt(Ut(t,n),s)),jt(r.prototype,jt(n,Ut(t,s))),xt[r.prop=e]=r,t.targetTest&&(At.push(r),yt[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}gt(e,r),t.register&&t.register(ki,r,xi)},Se=255,Ce={aqua:[0,Se,Se],lime:[0,Se,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,Se],navy:[0,0,128],white:[Se,Se,Se],olive:[128,128,0],yellow:[Se,Se,0],orange:[Se,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[Se,0,0],pink:[Se,192,203],cyan:[0,Se,Se],transparent:[Se,Se,Se,0]},Ee=function(t,e,i){return(6*(t=t<0?t+1:t>1?t-1:t)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)*Se+.5|0},Pe=function(t,e,i){var r,n,s,a,o,u,h,l,f,c,d=t?J(t)?[t>>16,t>>8&Se,t&Se]:0:Ce.black;if(!d){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Ce[t])d=Ce[t];else if("#"===t.charAt(0)){if(t.length<6&&(r=t.charAt(1),n=t.charAt(2),s=t.charAt(3),t="#"+r+r+n+n+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(d=parseInt(t.substr(1,6),16))>>16,d>>8&Se,d&Se,parseInt(t.substr(7),16)/255];d=[(t=parseInt(t.substr(1),16))>>16,t>>8&Se,t&Se]}else if("hsl"===t.substr(0,3))if(d=c=t.match(st),e){if(~t.indexOf("="))return d=t.match(at),i&&d.length<4&&(d[3]=1),d}else a=+d[0]%360/360,o=+d[1]/100,r=2*(u=+d[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),d.length>3&&(d[3]*=1),d[0]=Ee(a+1/3,r,n),d[1]=Ee(a,r,n),d[2]=Ee(a-1/3,r,n);else d=t.match(st)||Ce.transparent;d=d.map(Number)}return e&&!c&&(r=d[0]/Se,n=d[1]/Se,s=d[2]/Se,u=((h=Math.max(r,n,s))+(l=Math.min(r,n,s)))/2,h===l?a=o=0:(f=h-l,o=u>.5?f/(2-h-l):f/(h+l),a=h===r?(n-s)/f+(nM&&(S+=a-D),((i=(n=(C+=a)-S)-P)>0||o)&&(s=++T.frame,O=n-1e3*T.time,T.time=n/=1e3,P+=i+(i>=E?4:E-i),r=1),o||(b=w(t)),r)for(A=0;A=e&&A--},_listeners:I=[]}),qe=function(){return!y&&Be.wake()},je={},Ne=/^[\d.\-M][\d.\-,\s]/,Ue=/["']/g,Ye=function(t){for(var e,i,r,n={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[Ye(s[1])]:(e=t,i=e.indexOf("(")+1,r=e.indexOf(")"),n=e.indexOf("(",i),e.substring(i,~n&&n=1?i:1,s=(r||(e?.3:.45))/(i<1?i:1),a=s/Y*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*G((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Ge(o);return s=Y/s,u.config=function(i,r){return t(e,i,r)},u},Ze=function t(e,i){void 0===i&&(i=1.70158);var r=function(t){return t?--t*t*((i+1)*t+i)+1:0},n="out"===e?r:"in"===e?function(t){return 1-r(1-t)}:Ge(r);return n.config=function(i){return t(e,i)},n};Ct("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var i=e<5?e+1:e;Qe(t+",Power"+(i-1),e?function(t){return Math.pow(t,i)}:function(t){return t},(function(t){return 1-Math.pow(1-t,i)}),(function(t){return t<.5?Math.pow(2*t,i)/2:1-Math.pow(2*(1-t),i)/2}))})),je.Linear.easeNone=je.none=je.Linear.easeIn,Qe("Elastic",He("in"),He("out"),He()),z=7.5625,F=1/(L=2.75),Qe("Bounce",(function(t){return 1-B(1-t)}),B=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,ae(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(qe(),!arguments.length)return this._tTime;var i=this._dp;if(i&&i.smoothChildTiming&&this._ts){for(Kt(this,t),!i._dp||i.parent||te(i,this);i&&i.parent;)i.parent._time!==i._start+(i._ts>=0?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&ee(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===U||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),zt(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Ht(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Ht(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var i=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*i,e):this._repeat?Zt(this._tTime,i)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?Jt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Qt(this.totalTime(ce(-this._delay,this._tDur,e),!0)),$t(this),this},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(qe(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&Math.abs(this._zTime)!==U&&(this._tTime-=U)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&ee(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(tt(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Jt(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,i=arguments.length?t:e.rawTime();e;)i=e._start+i/(e._ts||1),e=e._dp;return i},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,oe(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,oe(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime(he(this,t),tt(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,tt(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,i=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=i&&t1?(e?(r[t]=e,i&&(r[t+"Params"]=i),"onUpdate"===t&&(this._onUpdate=e)):delete r[t],this):r[t]},e.then=function(t){var e=this;return new Promise((function(i){var r=Z(t)?t:Ft,n=function(){var t=e.then;e.then=null,Z(r)&&(r=r(e))&&(r.then||r===e)&&(e.then=t),i(r),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?n():e._prom=n}))},e.kill=function(){Me(this)},t}();Bt($e.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ke=function(t){function e(e,i){var r;return void 0===e&&(e={}),(r=t.call(this,e)||this).labels={},r.smoothChildTiming=!!e.smoothChildTiming,r.autoRemoveChildren=!!e.autoRemoveChildren,r._sort=tt(e.sortChildren),c&&ee(e.parent||c,h(r),i),e.reversed&&r.reverse(),e.paused&&r.paused(!0),e.scrollTrigger&&ie(h(r),e.scrollTrigger),r}l(e,t);var i=e.prototype;return i.to=function(t,e,i){return le(0,arguments,this),this},i.from=function(t,e,i){return le(1,arguments,this),this},i.fromTo=function(t,e,i,r){return le(2,arguments,this),this},i.set=function(t,e,i){return e.duration=0,e.parent=this,Yt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ui(t,e,he(this,i),1),this},i.call=function(t,e,i){return ee(this,ui.delayedCall(0,t,e),i)},i.staggerTo=function(t,e,i,r,n,s,a){return i.duration=e,i.stagger=i.stagger||r,i.onComplete=s,i.onCompleteParams=a,i.parent=this,new ui(t,i,he(this,n)),this},i.staggerFrom=function(t,e,i,r,n,s,a){return i.runBackwards=1,Yt(i).immediateRender=tt(i.immediateRender),this.staggerTo(t,e,i,r,n,s,a)},i.staggerFromTo=function(t,e,i,r,n,s,a,o){return r.startAt=i,Yt(r).immediateRender=tt(r.immediateRender),this.staggerTo(t,e,r,n,s,a,o)},i.render=function(t,e,i){var r,n,s,a,o,u,h,l,f,d,p,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Pt(t),b=this._zTime<0!=t<0&&(this._initted||!v);if(this!==c&&y>g&&t>=0&&(y=g),y!==this._tTime||i||b){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),r=y,f=this._start,u=!(l=this._ts),b&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(p=this._yoyo,o=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,i);if(r=Pt(y%o),y===g?(a=this._repeat,r=v):((a=~~(y/o))&&a===y/o&&(r=v,a--),r>v&&(r=v)),d=Zt(this._tTime,o),!m&&this._tTime&&d!==a&&(d=a),p&&1&a&&(r=v-r,_=1),a!==d&&!this._lock){var w=p&&1&d,x=w===(p&&1&a);if(ae)for(r=t._first;r&&r._start<=i;){if(!r._dur&&"isPause"===r.data&&r._start>e)return r;r=r._next}else for(r=t._last;r&&r._start>=i;){if(!r._dur&&"isPause"===r.data&&r._start=m&&t>=0)for(n=this._first;n;){if(s=n._next,(n._act||r>=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(r-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(r-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){h=0,s&&(y+=this._zTime=-1e-8);break}}n=s}else{n=this._last;for(var T=t<0?t:r;n;){if(s=n._prev,(n._act||T<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(T-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(T-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){h=0,s&&(y+=this._zTime=T?-1e-8:U);break}}n=s}}if(h&&!e&&(this.pause(),h.render(r>=m?0:-1e-8)._zTime=r>=m?1:-1,this._ts))return this._start=f,$t(this),this.render(t,e,i);this._onUpdate&&!e&&ke(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Vt(this,1),e||t<0&&!m||!y&&!m&&g||(ke(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},i.add=function(t,e){var i=this;if(J(e)||(e=he(this,e,t)),!(t instanceof $e)){if(nt(t))return t.forEach((function(t){return i.add(t,e)})),this;if(H(t))return this.addLabel(t,e);if(!Z(t))return this;t=ui.delayedCall(0,t)}return this!==t?ee(this,t,e):this},i.getChildren=function(t,e,i,r){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===i&&(i=!0),void 0===r&&(r=-1e8);for(var n=[],s=this._first;s;)s._start>=r&&(s instanceof ui?e&&n.push(s):(i&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,i)))),s=s._next;return n},i.getById=function(t){for(var e=this.getChildren(1,1,1),i=e.length;i--;)if(e[i].vars.id===t)return e[i]},i.remove=function(t){return H(t)?this.removeLabel(t):Z(t)?this.killTweensOf(t):(Xt(this,t),t===this._recent&&(this._recent=this._last),Wt(this))},i.totalTime=function(e,i){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Pt(Be.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,i),this._forcing=0,this):this._tTime},i.addLabel=function(t,e){return this.labels[t]=he(this,e),this},i.removeLabel=function(t){return delete this.labels[t],this},i.addPause=function(t,e,i){var r=ui.delayedCall(0,e||vt,i);return r.data="isPause",this._hasPause=1,ee(this,r,he(this,t))},i.removePause=function(t){var e=this._first;for(t=he(this,t);e;)e._start===t&&"isPause"===e.data&&Vt(e),e=e._next},i.killTweensOf=function(t,e,i){for(var r=this.getTweensOf(t,i),n=r.length;n--;)ti!==r[n]&&r[n].kill(t,e);return this},i.getTweensOf=function(t,e){for(var i,r=[],n=me(t),s=this._first,a=J(e);s;)s instanceof ui?It(s._targets,n)&&(a?(!ti||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&r.push(s):(i=s.getTweensOf(n,e)).length&&r.push.apply(r,i),s=s._next;return r},i.tweenTo=function(t,e){e=e||{};var i,r=this,n=he(r,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ui.to(r,Bt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:r._time))/r.timeScale())||U,onStart:function(){if(r.pause(),!i){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:r._time))/r.timeScale());l._dur!==t&&ae(l,t,0,1).render(l._time,!0,!0),i=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},i.tweenFromTo=function(t,e,i){return this.tweenTo(e,Bt({startAt:{time:he(this,t)}},i))},i.recent=function(){return this._recent},i.nextLabel=function(t){return void 0===t&&(t=this._time),Ae(this,he(this,t))},i.previousLabel=function(t){return void 0===t&&(t=this._time),Ae(this,he(this,t),1)},i.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+U)},i.shiftChildren=function(t,e,i){void 0===i&&(i=0);for(var r,n=this._first,s=this.labels;n;)n._start>=i&&(n._start+=t,n._end+=t),n=n._next;if(e)for(r in s)s[r]>=i&&(s[r]+=t);return Wt(this)},i.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},i.clear=function(t){void 0===t&&(t=!0);for(var e,i=this._first;i;)e=i._next,this.remove(i),i=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Wt(this)},i.totalDuration=function(t){var e,i,r,n=0,s=this,a=s._last,o=N;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(r=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(i=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,ee(s,a,i-a._delay,1)._lock=0):o=i,i<0&&a._ts&&(n-=i,(!r&&!s._dp||r&&r.smoothChildTiming)&&(s._start+=i/s._ts,s._time-=i,s._tTime-=i),s.shiftChildren(-i,!1,-1/0),o=0),a._end>n&&a._ts&&(n=a._end),a=e;ae(s,s===c&&s._time>n?s._time:n,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(c._ts&&(zt(c,Jt(t,c)),g=Be.frame),Be.frame>=Ot){Ot+=q.autoSleep||120;var e=c._first;if((!e||!e._ts)&&q.autoSleep&&Be._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Be.sleep()}}},e}($e);Bt(Ke.prototype,{_lock:0,_hasPause:0,_forcing:0});var ti,ei=function(t,e,i,r,n,s,a){var o,u,h,l,f,c,d,p,_=new xi(this._pt,t,e,0,1,mi,null,n),m=0,g=0;for(_.b=i,_.e=r,i+="",(d=~(r+="").indexOf("random("))&&(r=Te(r)),s&&(s(p=[i,r],t,e),i=p[0],r=p[1]),u=i.match(ut)||[];o=ut.exec(r);)l=o[0],f=r.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=ut.lastIndex);return _.c=m0&&!S&&(e._startAt=0),C&&i<=0)return void(i&&(e._zTime=i))}else!1===S&&(e._startAt=0);else if(k&&C)if(E)!S&&(e._startAt=0);else if(i&&(w=!1),s=Bt({overwrite:!1,data:"isFromStart",lazy:w&&tt(x),immediateRender:w,stagger:0,parent:I},r),m&&(s[l.prop]=m),Vt(e._startAt=ui.set(P,s)),i<0&&e._startAt.render(-1,!0),w){if(!i)return}else t(e._startAt,U);for(e._pt=0,x=C&&tt(x)||x&&!C,n=0;n":e*w)}))})):T.forEach((function(t){return a.to(D,t,">")}));else{if(l=D.length,_=w?ve(w):vt,K(w))for(d in w)~ai.indexOf(d)&&(m||(m={}),m[d]=w[d]);for(o=0;od-U&&t>=0?d:tp&&(r=p)),(u=this._yoyo&&1&s)&&(f=this._yEase,r=p-r),o=Zt(this._tTime,a),r===c&&!i&&this._initted)return this;s!==o&&(l&&this._yEase&&Ve(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=i=1,this.render(Pt(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(re(this,t<0?t:r,i,e))return this._tTime=0,this;if(p!==this._dur)return this.render(t,e,i)}if(this._tTime=_,this._time=r,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(r/p),this._from&&(this.ratio=h=1-h),r&&!c&&!e&&(ke(this,"onStart"),this._tTime!==_))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!r&&u?-1e-8:l._dur*h,e,i)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,i),ke(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&ke(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!p)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Vt(this,1),e||t<0&&!c||!_&&!c||(ke(this,_===d?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,i,r){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&ne(t)&&(t._initted||!se(t))||(t._ts<0||t._dp._ts<0)&&!se(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ce(0,t._tDur,e),s=Zt(l,h),a=Zt(t._tTime,h),t._yoyo&&1&s&&(u=1-u),s!==a&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||r||t._zTime===U||!e&&t._zTime){if(!t._initted&&re(t,e,r,i))return;for(a=t._zTime,t._zTime=e||(i?U:0),i||(i=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!i&&ke(t,"onUpdate"),l&&t._repeat&&!i&&t.parent&&ke(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Vt(t,1),i||(ke(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,i);return this},i.targets=function(){return this._targets},i.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),t.prototype.invalidate.call(this)},i.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Me(this):this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,ti&&!0!==ti.vars.overwrite)._first||Me(this),this.parent&&i!==this.timeline.totalDuration()&&ae(this,this._dur*this.timeline._tDur/i,0,1),this}var r,n,s,a,o,u,h,l=this._targets,f=t?me(t):l,c=this._ptLookup,d=this._pt;if((!e||"all"===e)&&function(t,e){for(var i=t.length,r=i===e.length;r&&i--&&t[i]===e[i];);return i<0}(l,f))return"all"===e&&(this._pt=0),Me(this);for(r=this._op=this._op||[],"all"!==e&&(H(e)&&(o={},Ct(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var i,r,n,s,a=t[0]?Dt(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(r in i=jt({},e),o)if(r in i)for(n=(s=o[r].split(",")).length;n--;)i[s[n]]=i[r];return i}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in n=c[h],"all"===e?(r[h]=e,a=n,s={}):(s=r[h]=r[h]||{},a=e),a)(u=n&&n[o])&&("kill"in u.d&&!0!==u.d.kill(o)||Xt(this,u,"_pt"),delete n[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&d&&Me(this),this},e.to=function(t,i){return new e(t,i,arguments[2])},e.from=function(t,e){return le(1,arguments)},e.delayedCall=function(t,i,r,n){return new e(i,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:i,onReverseComplete:i,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:n})},e.fromTo=function(t,e,i){return le(2,arguments)},e.set=function(t,i){return i.duration=0,i.repeatDelay||(i.repeat=0),new e(t,i)},e.killTweensOf=function(t,e,i){return c.killTweensOf(t,e,i)},e}($e);Bt(ui.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Ct("staggerTo,staggerFrom,staggerFromTo",(function(t){ui[t]=function(){var e=new Ke,i=pe.call(arguments,0);return i.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,i)}}));var hi=function(t,e,i){return t[e]=i},li=function(t,e,i){return t[e](i)},fi=function(t,e,i,r){return t[e](r.fp,i)},ci=function(t,e,i){return t.setAttribute(e,i)},di=function(t,e){return Z(t[e])?li:$(t[e])&&t.setAttribute?ci:hi},pi=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},_i=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},mi=function(t,e){var i=e._pt,r="";if(!t&&e.b)r=e.b;else if(1===t&&e.e)r=e.e;else{for(;i;)r=i.p+(i.m?i.m(i.s+i.c*t):Math.round(1e4*(i.s+i.c*t))/1e4)+r,i=i._next;r+=e.c}e.set(e.t,e.p,r,e)},gi=function(t,e){for(var i=e._pt;i;)i.r(t,i.d),i=i._next},vi=function(t,e,i,r){for(var n,s=this._pt;s;)n=s._next,s.p===r&&s.modifier(t,e,i),s=n},yi=function(t){for(var e,i,r=this._pt;r;)i=r._next,r.p===t&&!r.op||r.op===t?Xt(this,r,"_pt"):r.dep||(e=1),r=i;return!e},bi=function(t,e,i,r){r.mSet(t,e,r.m.call(r.tween,i,r.mt),r)},wi=function(t){for(var e,i,r,n,s=t._pt;s;){for(e=s._next,i=r;i&&i.pr>s.pr;)i=i._next;(s._prev=i?i._prev:n)?s._prev._next=s:r=s,(s._next=i)?i._prev=s:n=s,s=e}t._pt=r},xi=function(){function t(t,e,i,r,n,s,a,o,u){this.t=e,this.s=r,this.c=n,this.p=i,this.r=s||pi,this.d=a||this,this.set=o||hi,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,i){this.mSet=this.mSet||this.set,this.set=bi,this.m=t,this.mt=i,this.tween=e},t}();Ct(kt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return yt[t]=1})),ct.TweenMax=ct.TweenLite=ui,ct.TimelineLite=ct.TimelineMax=Ke,c=new Ke({sortChildren:!1,defaults:j,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),q.stringFilter=Fe;var Ti={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),i=0;i1){var r=t.map((function(t){return ki.quickSetter(t,e,i)})),n=r.length;return function(t){for(var e=n;e--;)r[e](t)}}t=t[0]||{};var s=xt[e],a=Dt(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var r=new s;v._pt=0,r.init(t,i?e+i:e,v,0,[t]),r.render(1,r),v._pt&&gi(1,v)}:a.set(t,o);return s?u:function(e){return u(t,o,i?e+i:e,a,1)}},isTweening:function(t){return c.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=We(t.ease,j.ease)),Nt(j,t||{})},config:function(t){return Nt(q,t||{})},registerEffect:function(t){var e=t.name,i=t.effect,r=t.plugins,n=t.defaults,s=t.extendTimeline;(r||"").split(",").forEach((function(t){return t&&!xt[t]&&!ct[t]&&mt(e+" effect requires "+t+" plugin.")})),Tt[e]=function(t,e,r){return i(me(t),Bt(e||{},n),r)},s&&(Ke.prototype[e]=function(t,i,r){return this.add(Tt[e](t,K(i)?i:(r=i)&&{},this),r)})},registerEase:function(t,e){je[t]=We(e)},parseEase:function(t,e){return arguments.length?We(t,e):je},getById:function(t){return c.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var i,r,n=new Ke(t);for(n.smoothChildTiming=tt(t.smoothChildTiming),c.remove(n),n._dp=0,n._time=n._tTime=c._time,i=c._first;i;)r=i._next,!e&&!i._dur&&i instanceof ui&&i.vars.onComplete===i._targets[0]||ee(n,i,i._start-i._delay),i=r;return ee(c,n,0),n},utils:{wrap:function t(e,i,r){var n=i-e;return nt(e)?xe(e,t(0,e.length),i):fe(r,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,i,r){var n=i-e,s=2*n;return nt(e)?xe(e,t(0,e.length-1),i):fe(r,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:ve,random:we,snap:be,normalize:function(t,e,i){return Oe(t,e,0,1,i)},getUnit:de,clamp:function(t,e,i){return fe(i,(function(i){return ce(t,e,i)}))},splitColor:Pe,toArray:me,selector:function(t){return t=me(t)[0]||mt("Invalid scope")||{},function(e){var i=t.current||t.nativeElement||t;return me(e,i.querySelectorAll?i:i===t?mt("Invalid scope")||_.createElement("div"):t)}},mapRange:Oe,pipe:function(){for(var t=arguments.length,e=new Array(t),i=0;i=0?nr[n]:"")+t},ar=function(){"undefined"!=typeof window&&window.document&&(Mi=window,Di=Mi.document,Si=Di.documentElement,Ei=ir("div")||{style:{}},ir("div"),tr=sr(tr),er=tr+"Origin",Ei.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Ii=!!sr("perspective"),Ci=1)},or=function t(e){var i,r=ir("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Si.appendChild(r),r.appendChild(this),this.style.display="block",e)try{i=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(i=this._gsapBBox());return n&&(s?n.insertBefore(this,s):n.appendChild(this)),Si.removeChild(r),this.style.cssText=a,i},ur=function(t,e){for(var i=e.length;i--;)if(t.hasAttribute(e[i]))return t.getAttribute(e[i])},hr=function(t){var e;try{e=t.getBBox()}catch(i){e=or.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===or||(e=or.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+ur(t,["x","cx","x1"])||0,y:+ur(t,["y","cy","y1"])||0,width:0,height:0}},lr=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!hr(t))},fr=function(t,e){if(e){var i=t.style;e in Ri&&e!==er&&(e=tr),i.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty(e.replace(Bi,"-$1").toLowerCase())):i.removeAttribute(e)}},cr=function(t,e,i,r,n,s){var a=new xi(t._pt,e,i,0,1,s?Qi:Wi);return t._pt=a,a.b=r,a.e=n,t._props.push(i),a},dr={deg:1,rad:1,turn:1},pr=function t(e,i,r,n){var s,a,o,u,h=parseFloat(r)||0,l=(r+"").trim().substr((h+"").length)||"px",f=Ei.style,c=qi.test(i),d="svg"===e.tagName.toLowerCase(),p=(d?"client":"offset")+(c?"Width":"Height"),_=100,m="px"===n,g="%"===n;return n===l||!h||dr[n]||dr[l]?h:("px"!==l&&!m&&(h=t(e,i,r,"px")),u=e.getCTM&&lr(e),!g&&"%"!==l||!Ri[i]&&!~i.indexOf("adius")?(f[c?"width":"height"]=_+(m?l:n),a=~i.indexOf("adius")||"em"===n&&e.appendChild&&!d?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==Di&&a.appendChild||(a=Di.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Be.time?Et(h/o.width*_):((g||"%"===l)&&(f.position=rr(e,"position")),a===e&&(f.position="static"),a.appendChild(Ei),s=Ei[p],a.removeChild(Ei),f.position="absolute",c&&g&&((o=Dt(a)).time=Be.time,o.width=a[p]),Et(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[p],Et(g?h/s*_:h/100*s)))},_r=function(t,e,i,r){var n;return Ci||ar(),e in Ni&&"transform"!==e&&~(e=Ni[e]).indexOf(",")&&(e=e.split(",")[0]),Ri[e]&&"transform"!==e?(n=kr(t,r),n="transformOrigin"!==e?n[e]:n.svg?n.origin:Mr(rr(t,er))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||r||~(n+"").indexOf("calc("))&&(n=yr[e]&&yr[e](t,e,i)||rr(t,e)||St(t,e)||("opacity"===e?1:0)),i&&!~(n+"").trim().indexOf(" ")?pr(t,e,n,i)+i:n},mr=function(t,e,i,r){if(!i||"none"===i){var n=sr(e,t,1),s=n&&rr(t,n,1);s&&s!==i?(e=n,i=s):"borderColor"===e&&(i=rr(t,"borderTopColor"))}var a,o,u,h,l,f,c,d,p,_,m,g,v=new xi(this._pt,t.style,e,0,1,mi),y=0,b=0;if(v.b=i,v.e=r,i+="","auto"===(r+="")&&(t.style[e]=r,r=rr(t,e)||r,t.style[e]=i),Fe(a=[i,r]),r=a[1],u=(i=a[0]).match(ot)||[],(r.match(ot)||[]).length){for(;o=ot.exec(r);)c=o[0],p=r.substring(y,o.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),c!==(f=u[b++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),(g="="===c.charAt(1)?+(c.charAt(0)+"1"):0)&&(c=c.substr(2)),d=parseFloat(c),_=c.substr((d+"").length),y=ot.lastIndex-_.length,_||(_=_||q.units[e]||m,y===r.length&&(r+=_,v.e+=_)),m!==_&&(h=pr(t,e,f,_)||0),v._pt={_next:v._pt,p:p||1===b?p:",",s:h,c:g?g*d:d-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)i=o[n],Ri[i]&&(r=1,i="transformOrigin"===i?er:tr),fr(s,i);r&&(fr(s,tr),u&&(u.svg&&s.removeAttribute("transform"),kr(s,1),u.uncache=1))}},yr={clearProps:function(t,e,i,r,n){if("isFromStart"!==n.data){var s=t._pt=new xi(t._pt,e,i,0,0,vr);return s.u=r,s.pr=-10,s.tween=n,t._props.push(i),1}}},br=[1,0,0,1,0,0],wr={},xr=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},Tr=function(t){var e=rr(t,tr);return xr(e)?br:e.substr(7).match(at).map(Et)},Or=function(t,e){var i,r,n,s,a=t._gsap||Dt(t),o=t.style,u=Tr(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?br:u:(u!==br||t.offsetParent||t===Si||a.svg||(n=o.display,o.display="block",(i=t.parentNode)&&t.offsetParent||(s=1,r=t.nextSibling,Si.appendChild(t)),u=Tr(t),n?o.display=n:fr(t,"display"),s&&(r?i.insertBefore(t,r):i?i.appendChild(t):Si.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},Ar=function(t,e,i,r,n,s){var a,o,u,h=t._gsap,l=n||Or(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,d=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],b=l[5],w=e.split(" "),x=parseFloat(w[0])||0,T=parseFloat(w[1])||0;i?l!==br&&(o=_*v-m*g)&&(u=x*(-m/o)+T*(_/o)-(_*b-m*y)/o,x=x*(v/o)+T*(-g/o)+(g*b-v*y)/o,T=u):(x=(a=hr(t)).x+(~w[0].indexOf("%")?x/100*a.width:x),T=a.y+(~(w[1]||w[0]).indexOf("%")?T/100*a.height:T)),r||!1!==r&&h.smooth?(y=x-f,b=T-c,h.xOffset=d+(y*_+b*g)-y,h.yOffset=p+(y*m+b*v)-b):h.xOffset=h.yOffset=0,h.xOrigin=x,h.yOrigin=T,h.smooth=!!r,h.origin=e,h.originIsAbsolute=!!i,t.style[er]="0px 0px",s&&(cr(s,h,"xOrigin",f,x),cr(s,h,"yOrigin",c,T),cr(s,h,"xOffset",d,h.xOffset),cr(s,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",x+" "+T)},kr=function(t,e){var i=t._gsap||new Je(t);if("x"in i&&!e&&!i.uncache)return i;var r,n,s,a,o,u,h,l,f,c,d,p,_,m,g,v,y,b,w,x,T,O,A,k,M,D,S,C,E,P,I,R,z=t.style,L=i.scaleX<0,F="px",B="deg",j=rr(t,er)||"0";return r=n=s=u=h=l=f=c=d=0,a=o=1,i.svg=!(!t.getCTM||!lr(t)),m=Or(t,i.svg),i.svg&&(k=(!i.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),Ar(t,k||j,!!k||i.originIsAbsolute,!1!==i.smooth,m)),p=i.xOrigin||0,_=i.yOrigin||0,m!==br&&(b=m[0],w=m[1],x=m[2],T=m[3],r=O=m[4],n=A=m[5],6===m.length?(a=Math.sqrt(b*b+w*w),o=Math.sqrt(T*T+x*x),u=b||w?Fi(w,b)*zi:0,(f=x||T?Fi(x,T)*zi+u:0)&&(o*=Math.abs(Math.cos(f*Li))),i.svg&&(r-=p-(p*b+_*x),n-=_-(p*w+_*T))):(R=m[6],P=m[7],S=m[8],C=m[9],E=m[10],I=m[11],r=m[12],n=m[13],s=m[14],h=(g=Fi(R,E))*zi,g&&(k=O*(v=Math.cos(-g))+S*(y=Math.sin(-g)),M=A*v+C*y,D=R*v+E*y,S=O*-y+S*v,C=A*-y+C*v,E=R*-y+E*v,I=P*-y+I*v,O=k,A=M,R=D),l=(g=Fi(-x,E))*zi,g&&(v=Math.cos(-g),I=T*(y=Math.sin(-g))+I*v,b=k=b*v-S*y,w=M=w*v-C*y,x=D=x*v-E*y),u=(g=Fi(w,b))*zi,g&&(k=b*(v=Math.cos(g))+w*(y=Math.sin(g)),M=O*v+A*y,w=w*v-b*y,A=A*v-O*y,b=k,O=M),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=Et(Math.sqrt(b*b+w*w+x*x)),o=Et(Math.sqrt(A*A+R*R)),g=Fi(O,A),f=Math.abs(g)>2e-4?g*zi:0,d=I?1/(I<0?-I:I):0),i.svg&&(k=t.getAttribute("transform"),i.forceCSS=t.setAttribute("transform","")||!xr(rr(t,tr)),k&&t.setAttribute("transform",k))),Math.abs(f)>90&&Math.abs(f)<270&&(L?(a*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),i.x=r-((i.xPercent=r&&(i.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-r)?-50:0)))?t.offsetWidth*i.xPercent/100:0)+F,i.y=n-((i.yPercent=n&&(i.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*i.yPercent/100:0)+F,i.z=s+F,i.scaleX=Et(a),i.scaleY=Et(o),i.rotation=Et(u)+B,i.rotationX=Et(h)+B,i.rotationY=Et(l)+B,i.skewX=f+B,i.skewY=c+B,i.transformPerspective=d+F,(i.zOrigin=parseFloat(j.split(" ")[2])||0)&&(z[er]=Mr(j)),i.xOffset=i.yOffset=0,i.force3D=q.force3D,i.renderTransform=i.svg?Rr:Ii?Ir:Sr,i.uncache=0,i},Mr=function(t){return(t=t.split(" "))[0]+" "+t[1]},Dr=function(t,e,i){var r=de(e);return Et(parseFloat(e)+parseFloat(pr(t,"x",i+"px",r)))+r},Sr=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Ir(t,e)},Cr="0deg",Er="0px",Pr=") ",Ir=function(t,e){var i=e||this,r=i.xPercent,n=i.yPercent,s=i.x,a=i.y,o=i.z,u=i.rotation,h=i.rotationY,l=i.rotationX,f=i.skewX,c=i.skewY,d=i.scaleX,p=i.scaleY,_=i.transformPerspective,m=i.force3D,g=i.target,v=i.zOrigin,y="",b="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==Cr||h!==Cr)){var w,x=parseFloat(h)*Li,T=Math.sin(x),O=Math.cos(x);x=parseFloat(l)*Li,w=Math.cos(x),s=Dr(g,s,T*w*-v),a=Dr(g,a,-Math.sin(x)*-v),o=Dr(g,o,O*w*-v+v)}_!==Er&&(y+="perspective("+_+Pr),(r||n)&&(y+="translate("+r+"%, "+n+"%) "),(b||s!==Er||a!==Er||o!==Er)&&(y+=o!==Er||b?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+Pr),u!==Cr&&(y+="rotate("+u+Pr),h!==Cr&&(y+="rotateY("+h+Pr),l!==Cr&&(y+="rotateX("+l+Pr),f===Cr&&c===Cr||(y+="skew("+f+", "+c+Pr),1===d&&1===p||(y+="scale("+d+", "+p+Pr),g.style[tr]=y||"translate(0, 0)"},Rr=function(t,e){var i,r,n,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,c=o.rotation,d=o.skewX,p=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,b=o.xOffset,w=o.yOffset,x=o.forceCSS,T=parseFloat(l),O=parseFloat(f);c=parseFloat(c),d=parseFloat(d),(p=parseFloat(p))&&(d+=p=parseFloat(p),c+=p),c||d?(c*=Li,d*=Li,i=Math.cos(c)*_,r=Math.sin(c)*_,n=Math.sin(c-d)*-m,s=Math.cos(c-d)*m,d&&(p*=Li,a=Math.tan(d-p),n*=a=Math.sqrt(1+a*a),s*=a,p&&(a=Math.tan(p),i*=a=Math.sqrt(1+a*a),r*=a)),i=Et(i),r=Et(r),n=Et(n),s=Et(s)):(i=_,s=m,r=n=0),(T&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(T=pr(g,"x",l,"px"),O=pr(g,"y",f,"px")),(v||y||b||w)&&(T=Et(T+v-(v*i+y*n)+b),O=Et(O+y-(v*r+y*s)+w)),(u||h)&&(a=g.getBBox(),T=Et(T+u/100*a.width),O=Et(O+h/100*a.height)),a="matrix("+i+","+r+","+n+","+s+","+T+","+O+")",g.setAttribute("transform",a),x&&(g.style[tr]=a)},zr=function(t,e,i,r,n,s){var a,o,u=360,h=H(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?zi:1),f=s?l*s:l-r,c=r+f+"deg";return h&&("short"===(a=n.split("_")[1])&&(f%=u)!==f%180&&(f+=f<0?u:-360),"cw"===a&&f<0?f=(f+36e9)%u-~~(f/u)*u:"ccw"===a&&f>0&&(f=(f-36e9)%u-~~(f/u)*u)),t._pt=o=new xi(t._pt,e,i,r,f,Yi),o.e=c,o.u="deg",t._props.push(i),o},Lr=function(t,e){for(var i in e)t[i]=e[i];return t},Fr=function(t,e,i){var r,n,s,a,o,u,h,l=Lr({},i._gsap),f=i.style;for(n in l.svg?(s=i.getAttribute("transform"),i.setAttribute("transform",""),f[tr]=e,r=kr(i,1),fr(i,tr),i.setAttribute("transform",s)):(s=getComputedStyle(i)[tr],f[tr]=e,r=kr(i,1),f[tr]=s),Ri)(s=l[n])!==(a=r[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=de(s)!==(h=de(a))?pr(i,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new xi(t._pt,r,n,o,u-o,Ui),t._pt.u=h||0,t._props.push(n));Lr(r,l)};Ct("padding,margin,Width,Radius",(function(t,e){var i="Top",r="Right",n="Bottom",s="Left",a=(e<3?[i,r,n,s]:[i+s,i+r,n+r,n+s]).map((function(i){return e<2?t+i:"border"+i+t}));yr[e>1?"border"+t:t]=function(t,e,i,r,n){var s,o;if(arguments.length<4)return s=a.map((function(e){return _r(t,e,i)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(r+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,n)}}));var Br,qr,jr,Nr={name:"css",register:ar,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,i,r,n){var s,a,o,u,h,l,f,c,d,p,_,m,g,v,y,b,w,x,T,O=this._props,A=t.style,k=i.vars.startAt;for(f in Ci||ar(),e)if("autoRound"!==f&&(a=e[f],!xt[f]||!ri(f,e,i,r,t,n)))if(h=typeof a,l=yr[f],"function"===h&&(h=typeof(a=a.call(i,r,t,n))),"string"===h&&~a.indexOf("random(")&&(a=Te(a)),l)l(this,t,f,a,i)&&(y=1);else if("--"===f.substr(0,2))s=(getComputedStyle(t).getPropertyValue(f)+"").trim(),a+="",ze.lastIndex=0,ze.test(s)||(c=de(s),d=de(a)),d?c!==d&&(s=pr(t,f,s,d)+d):c&&(a+=c),this.add(A,"setProperty",s,a,r,n,0,0,f),O.push(f);else if("undefined"!==h){if(k&&f in k?(s="function"==typeof k[f]?k[f].call(i,r,t,n):k[f],f in q.units&&!de(s)&&(s+=q.units[f]),H(s)&&~s.indexOf("random(")&&(s=Te(s)),"="===(s+"").charAt(1)&&(s=_r(t,f))):s=_r(t,f),u=parseFloat(s),(p="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),f in Ni&&("autoAlpha"===f&&(1===u&&"hidden"===_r(t,"visibility")&&o&&(u=0),cr(this,A,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&"transform"!==f&&~(f=Ni[f]).indexOf(",")&&(f=f.split(",")[0])),_=f in Ri)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||kr(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new xi(this._pt,A,tr,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===f)this._pt=new xi(this._pt,g,"scaleY",g.scaleY,(p?p*o:o-g.scaleY)||0),O.push("scaleY",f),f+="X";else{if("transformOrigin"===f){w=void 0,x=void 0,T=void 0,w=(b=a).split(" "),x=w[0],T=w[1]||"50%","top"!==x&&"bottom"!==x&&"left"!==T&&"right"!==T||(b=x,x=T,T=b),w[0]=gr[x]||x,w[1]=gr[T]||T,a=w.join(" "),g.svg?Ar(t,a,0,v,0,this):((d=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&cr(this,g,"zOrigin",g.zOrigin,d),cr(this,A,f,Mr(s),Mr(a)));continue}if("svgOrigin"===f){Ar(t,a,1,v,0,this);continue}if(f in wr){zr(this,g,f,u,a,p);continue}if("smoothOrigin"===f){cr(this,g,"smooth",g.smooth,a);continue}if("force3D"===f){g[f]=a;continue}if("transform"===f){Fr(this,a,t);continue}}else f in A||(f=sr(f)||f);if(_||(o||0===o)&&(u||0===u)&&!ji.test(a)&&f in A)o||(o=0),(c=(s+"").substr((u+"").length))!==(d=de(a)||(f in q.units?q.units[f]:c))&&(u=pr(t,f,s,d)),this._pt=new xi(this._pt,_?g:A,f,u,p?p*o:o-u,_||"px"!==d&&"zIndex"!==f||!1===e.autoRound?Ui:Vi),this._pt.u=d||0,c!==d&&"%"!==d&&(this._pt.b=s,this._pt.r=Xi);else if(f in A)mr.call(this,t,f,s,a);else{if(!(f in t)){_t(f,a);continue}this.add(t,f,s||t[f],a,r,n)}O.push(f)}y&&wi(this)},get:_r,aliases:Ni,getSetter:function(t,e,i){var r=Ni[e];return r&&r.indexOf(",")<0&&(e=r),e in Ri&&e!==er&&(t._gsap.x||_r(t,"x"))?i&&Pi===i?"scale"===e?Ji:Zi:(Pi=i||{},"scale"===e?$i:Ki):t.style&&!$(t.style[e])?Gi:~e.indexOf("-")?Hi:di(t,e)},core:{_removeProperty:fr,_getMatrix:Or}};ki.utils.checkPrefix=sr,jr=Ct((Br="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(qr="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Ri[t]=1})),Ct(qr,(function(t){q.units[t]="deg",wr[t]=1})),Ni[jr[13]]=Br+","+qr,Ct("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Ni[e[1]]=jr[e[0]]})),Ct("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){q.units[t]="px"})),ki.registerPlugin(Nr);var Ur,Yr=ki.registerPlugin(Nr)||ki,Xr=(Yr.core.Tween,function(){"use strict";function t(e,i){var r=void 0===i?{}:i,s=this;n(this,t),a(this,"DOM",{el:null,slides:null}),a(this,"slidesArr",[]),a(this,"current",0),a(this,"slidesTotal",void 0),a(this,"currentSlide",void 0),a(this,"direction",void 0),a(this,"isAnimating",!1),a(this,"duration",1.2),a(this,"ease","power3.inOut"),a(this,"filtersAnimation",!0),this.DOM.el=e,this.duration=null!=r.duration?r.duration:this.duration,this.ease=null!=r.ease?r.ease:this.ease,this.filtersAnimation=null!=r.filtersAnimation?r.filtersAnimation:this.filtersAnimation,this.DOM.slides=this.DOM.el.querySelectorAll(".slides__img"),this.DOM.slides.forEach((function(t){return s.slidesArr.push(new u(t))})),this.slidesTotal=this.DOM.slides.length}var e,i,r;return e=t,(i=[{key:"setInitialSlide",value:function(t){var e=void 0===t?this.current:t;this.current=e,this.currentSlide=this.slidesArr[this.current],this.DOM.slides[this.current].classList.add("slides__img--current")}},{key:"next",value:function(){this.isAnimating||(this.direction="next",this.current=this.current0?this.current-1:this.slidesTotal-1,this.navigate())}},{key:"navigate",value:function(t){var e=void 0===t?this.current:t,i=this,r=this,n=this,s=this;this.isAnimating=!0,this.current=e,this.upcomingSlide=this.slidesArr[this.current],this.timeline=Yr.timeline({defaults:{duration:this.duration,ease:this.ease},onComplete:function(){i.currentSlide.DOM.outer.classList.remove("slides__img--current"),i.upcomingSlide.DOM.outer.classList.add("slides__img--current"),i.currentSlide=i.slidesArr[i.current],i.isAnimating=!1}}).addLabel("start",0).set(this.upcomingSlide.DOM.outer,{opacity:1},"start").to(this.currentSlide.DOM.outer,{x:"next"===this.direction?"-101%":"101%",onComplete:function(){return Yr.set(r.currentSlide.DOM.outer,{x:"0%",opacity:0})}},"start").to(this.currentSlide.DOM.inner,{x:"next"===this.direction?"101%":"-101%",onComplete:function(){return Yr.set(n.currentSlide.DOM.inner,{x:"0%"})}},"start"),this.filtersAnimation&&this.timeline.to(this.currentSlide.DOM.inner,{startAt:{filter:"brightness(100%)"},filter:"brightness(800%)",onComplete:function(){return Yr.set(s.currentSlide.DOM.inner,{filter:"brightness(100%)"})}},"start").to(this.upcomingSlide.DOM.inner,{startAt:{filter:"brightness(800%)"},filter:"brightness(100%)"},"start")}}])&&s(e.prototype,i),r&&s(e,r),t}()),Vr=document.body,Wr=getComputedStyle(Vr).getPropertyValue("--color-bg"),Qr=new Xr(document.querySelector(".slideshow > div.slides")),Gr=new Xr(document.querySelector(".slideshow nav.nav--next .slides"),{duration:1,filtersAnimation:!1}),Hr=new Xr(document.querySelector(".slideshow nav.nav--prev .slides"),{duration:1,filtersAnimation:!1}),Zr={prev:document.querySelector(".slideshow nav.nav--prev"),next:document.querySelector(".slideshow nav.nav--next")},Jr=function(t){if(Array.isArray(t)){for(var e=0,i=new Array(t.length);e .meta__content-title"))||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(Ur)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}();Qr.setInitialSlide(),Hr.setInitialSlide(Qr.current?Qr.current-1:Qr.slidesTotal-1),Gr.setInitialSlide(Qr.currentt._dur||e._start<0))for(var i=t;i;)i._dirty=1,i=i.parent;return t},Yt=function(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t},Xt=function t(e){return!e||e._ts&&t(e.parent)},Vt=function(t){return t._repeat?Wt(t._tTime,t=t.duration()+t._rDelay)*t:0},Wt=function(t,e){var i=Math.floor(t/=e);return t&&i===t?i-1:i},Qt=function(t,e){return(t-e._start)*e._ts+(e._ts>=0?0:e._dirty?e.totalDuration():e._tDur)},Gt=function(t){return t._end=Dt(t._start+(t._tDur/Math.abs(t._ts||t._rts||1e-8)||0))},Ht=function(t,e){var i=t._dp;return i&&i.smoothChildTiming&&t._ts&&(t._start=Dt(i._time-(t._ts>0?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),Gt(t),i._dirty||Ut(i,t)),t},Jt=function(t,e){var i;if((e._time||e._initted&&!e._dur)&&(i=Qt(t.rawTime(),e),(!e._dur||ue(0,e.totalDuration(),i)-e._tTime>1e-8)&&e.render(i,!0)),Ut(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur=0&&i.totalTime(i._tTime),i=i._dp;t._zTime=-1e-8}},Zt=function(t,e,i,r){return e.parent&&Nt(e),e._start=Dt((Q(i)?i:i||t!==l?se(t,i,e):t._time)+e._delay),e._end=Dt(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function(t,e,i,r,n){void 0===i&&(i="_first"),void 0===r&&(r="_last");var s,a=t[r];if(n)for(s=e[n];a&&a[n]>s;)a=a._prev;a?(e._next=a._next,a._next=e):(e._next=t[i],t[i]=e),e._next?e._next._prev=e:t[r]=e,e._prev=a,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),ee(e)||(t._recent=e),r||Jt(t,e),t},$t=function(t,e){return(ut.ScrollTrigger||ft("scrollTrigger",e))&&ut.ScrollTrigger.create(e,t)},Kt=function(t,e,i,r){return Ke(t,e),t._initted?!i&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&_!==Ie.frame?(mt.push(t),t._lazy=[e,r],1):void 0:1},te=function t(e){var i=e.parent;return i&&i._ts&&i._initted&&!i._lock&&(i.rawTime()<0||t(i))},ee=function(t){var e=t.data;return"isFromStart"===e||"isStart"===e},ie=function(t,e,i,r){var n=t._repeat,s=Dt(e)||0,a=t._tTime/t._tDur;return a&&!r&&(t._time*=s/t._dur),t._dur=s,t._tDur=n?n<0?1e10:Dt(s*(n+1)+t._rDelay*n):s,a&&!r?Ht(t,t._tTime=t._tDur*a):t.parent&&Gt(t),i||Ut(t.parent,t),t},re=function(t){return t instanceof Ge?Ut(t):ie(t,t._dur)},ne={_start:0,endTime:pt,totalDuration:pt},se=function t(e,i,r){var n,s,a,o=e.labels,u=e._recent||ne,h=e.duration()>=1e8?u.endTime(!1):e._dur;return V(i)&&(isNaN(i)||i in o)?(s=i.charAt(0),a="%"===i.substr(-1),n=i.indexOf("="),"<"===s||">"===s?(n>=0&&(i=i.replace(/=/,"")),("<"===s?u._start:u.endTime(u._repeat>=0))+(parseFloat(i.substr(1))||0)*(a?(n<0?u:r).totalDuration()/100:1)):n<0?(i in o||(o[i]=h),o[i]):(s=parseFloat(i.charAt(n-1)+i.substr(n+1)),a&&r&&(s=s/100*(tt(r)?r[0]:r).totalDuration()),n>1?t(e,i.substr(0,n-1),r)+s:h+s)):null==i?h:+i},ae=function(t,e,i){var r,n,s=Q(e[1]),a=(s?2:1)+(t<2?0:1),o=e[a];if(s&&(o.duration=e[1]),o.parent=i,t){for(r=o,n=i;n&&!("immediateRender"in r);)r=n.vars.defaults||{},n=J(n.vars.inherit)&&n.parent;o.immediateRender=J(r.immediateRender),t<2?o.runBackwards=1:o.startAt=e[a-1]}return new ri(e[0],o,e[a+1])},oe=function(t,e){return t||0===t?e(t):e},ue=function(t,e,i){return ie?e:i},he=function(t){if("string"!=typeof t)return"";var e=ot.exec(t);return e?t.substr(e.index+e[0].length):""},le=[].slice,fe=function(t,e){return t&&H(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&H(t[0]))&&!t.nodeType&&t!==f},ce=function(t,e,i){return!V(t)||i||!c&&Re()?tt(t)?function(t,e,i){return void 0===i&&(i=[]),t.forEach((function(t){var r;return V(t)&&!e||fe(t,1)?(r=i).push.apply(r,ce(t)):i.push(t)}))||i}(t,i):fe(t)?le.call(t,0):t?[t]:[]:le.call((e||d).querySelectorAll(t),0)},de=function(t){return t.sort((function(){return.5-Math.random()}))},pe=function(t){if(W(t))return t;var e=H(t)?t:{each:t},i=Ne(e.ease),r=e.from||0,n=parseFloat(e.base)||0,s={},a=r>0&&r<1,o=isNaN(r)||a,u=e.axis,h=r,l=r;return V(r)?h=l={center:.5,edges:.5,end:1}[r]||0:!a&&o&&(h=r[0],l=r[1]),function(t,a,f){var c,d,p,_,m,g,v,y,x,w=(f||e).length,b=s[w];if(!b){if(!(x="auto"===e.grid?0:(e.grid||[1,1e8])[1])){for(v=-1e8;v<(v=f[x++].getBoundingClientRect().left)&&xv&&(v=m),mw?w-1:u?"y"===u?w/x:x:Math.max(x,w/x))||0)*("edges"===r?-1:1),b.b=w<0?n-w:n,b.u=he(e.amount||e.each)||0,i=i&&w<0?qe(i):i}return w=(b[t]-b.min)/b.max||0,Dt(b.b+(i?i(w):w)*b.v)+b.u}},_e=function(t){var e=Math.pow(10,((t+"").split(".")[1]||"").length);return function(i){var r=Math.round(parseFloat(i)/t)*t*e;return(r-r%1)/e+(Q(i)?0:he(i))}},me=function(t,e){var i,r,n=tt(t);return!n&&H(t)&&(i=n=t.radius||1e8,t.values?(t=ce(t.values),(r=!Q(t[0]))&&(i*=i)):t=_e(t.increment)),oe(e,n?W(t)?function(e){return r=t(e),Math.abs(r-e)<=i?r:e}:function(e){for(var n,s,a=parseFloat(r?e.x:e),o=parseFloat(r?e.y:0),u=1e8,h=0,l=t.length;l--;)(n=r?(n=t[l].x-a)*n+(s=t[l].y-o)*s:Math.abs(t[l]-a))(n=Math.abs(n))&&(s=r,o=n);return s},be=function(t,e,i){var r,n,s=t.vars,a=s[e];if(a)return r=s[e+"Params"],n=s.callbackScope||t,i&&mt.length&&Ct(),r?a.apply(n,r):a.call(n)},Te=function(t){return Nt(t),t.scrollTrigger&&t.scrollTrigger.kill(!1),t.progress()<1&&be(t,"onInterrupt"),t},Oe=function(t){var e=(t=!t.name&&t.default||t).name,i=W(t),r=e&&!i&&t.init?function(){this._props=[]}:t,n={init:pt,render:ci,add:Ze,kill:pi,modifier:di,rawVars:0},s={targetTest:0,get:0,getSetter:ui,aliases:{},register:0};if(Re(),t!==r){if(vt[e])return;Rt(r,Rt(Bt(t,n),s)),Lt(r.prototype,Lt(n,Bt(t,s))),vt[r.prop=e]=r,t.targetTest&&(wt.push(r),_t[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}dt(e,r),t.register&&t.register(wi,r,gi)},Ae={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},Me=function(t,e,i){return 255*(6*(t=t<0?t+1:t>1?t-1:t)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)+.5|0},ke=function(t,e,i){var r,n,s,a,o,u,h,l,f,c,d=t?Q(t)?[t>>16,t>>8&255,255&t]:0:Ae.black;if(!d){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Ae[t])d=Ae[t];else if("#"===t.charAt(0)){if(t.length<6&&(r=t.charAt(1),n=t.charAt(2),s=t.charAt(3),t="#"+r+r+n+n+s+s+(5===t.length?t.charAt(4)+t.charAt(4):"")),9===t.length)return[(d=parseInt(t.substr(1,6),16))>>16,d>>8&255,255&d,parseInt(t.substr(7),16)/255];d=[(t=parseInt(t.substr(1),16))>>16,t>>8&255,255&t]}else if("hsl"===t.substr(0,3))if(d=c=t.match(et),e){if(~t.indexOf("="))return d=t.match(it),i&&d.length<4&&(d[3]=1),d}else a=+d[0]%360/360,o=+d[1]/100,r=2*(u=+d[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),d.length>3&&(d[3]*=1),d[0]=Me(a+1/3,r,n),d[1]=Me(a,r,n),d[2]=Me(a-1/3,r,n);else d=t.match(et)||Ae.transparent;d=d.map(Number)}return e&&!c&&(r=d[0]/255,n=d[1]/255,s=d[2]/255,u=((h=Math.max(r,n,s))+(l=Math.min(r,n,s)))/2,h===l?a=o=0:(f=h-l,o=u>.5?f/(2-h-l):f/(h+l),a=h===r?(n-s)/f+(nA&&(k+=a-M),((i=(n=(D+=a)-k)-C)>0||o)&&(s=++w.frame,b=n-1e3*w.time,w.time=n/=1e3,C+=i+(i>=S?4:S-i),r=1),o||(v=y(t)),r)for(T=0;T=e&&T--},_listeners:E=[]}),Re=function(){return!g&&Ie.wake()},ze={},Le=/^[\d.\-M][\d.\-,\s]/,Fe=/["']/g,Be=function(t){for(var e,i,r,n={},s=t.substr(1,t.length-3).split(":"),a=s[0],o=1,u=s.length;o1&&a.config?a.config.apply(null,~t.indexOf("{")?[Be(s[1])]:(e=t,i=e.indexOf("(")+1,r=e.indexOf(")"),n=e.indexOf("(",i),e.substring(i,~n&&n=1?i:1,s=(r||(e?.3:.45))/(i<1?i:1),a=s/q*(Math.asin(1/n)||0),o=function(t){return 1===t?1:n*Math.pow(2,-10*t)*X((t-a)*s)+1},u="out"===e?o:"in"===e?function(t){return 1-o(1-t)}:Ye(o);return s=q/s,u.config=function(i,r){return t(e,i,r)},u},Ve=function t(e,i){void 0===i&&(i=1.70158);var r=function(t){return t?--t*t*((i+1)*t+i)+1:0},n="out"===e?r:"in"===e?function(t){return 1-r(1-t)}:Ye(r);return n.config=function(i){return t(e,i)},n};Mt("Linear,Quad,Cubic,Quart,Quint,Strong",(function(t,e){var i=e<5?e+1:e;Ue(t+",Power"+(i-1),e?function(t){return Math.pow(t,i)}:function(t){return t},(function(t){return 1-Math.pow(1-t,i)}),(function(t){return t<.5?Math.pow(2*t,i)/2:1-Math.pow(2*(1-t),i)/2}))})),ze.Linear.easeNone=ze.none=ze.Linear.easeIn,Ue("Elastic",Xe("in"),Xe("out"),Xe()),I=7.5625,z=1/(R=2.75),Ue("Bounce",(function(t){return 1-L(1-t)}),L=function(t){return t0?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},e.totalDuration=function(t){return arguments.length?(this._dirty=0,ie(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},e.totalTime=function(t,e){if(Re(),!arguments.length)return this._tTime;var i=this._dp;if(i&&i.smoothChildTiming&&this._ts){for(Ht(this,t),!i._dp||i.parent||Jt(i,this);i&&i.parent;)i.parent._time!==i._start+(i._ts>=0?i._tTime/i._ts:(i.totalDuration()-i._tTime)/-i._ts)&&i.totalTime(i._tTime,!0),i=i.parent;!this.parent&&this._dp.autoRemoveChildren&&(this._ts>0&&t0||!this._tDur&&!t)&&Zt(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&1e-8===Math.abs(this._zTime)||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),Et(this,t,e)),this},e.time=function(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+Vt(this))%(this._dur+this._rDelay)||(t?this._dur:0),e):this._time},e.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},e.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+Vt(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},e.iteration=function(t,e){var i=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*i,e):this._repeat?Wt(this._tTime,i)+1:1},e.timeScale=function(t){if(!arguments.length)return-1e-8===this._rts?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?Qt(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||-1e-8===t?0:this._rts,Yt(this.totalTime(ue(-this._delay,this._tDur,e),!0)),Gt(this),this},e.paused=function(t){return arguments.length?(this._ps!==t&&(this._ps=t,t?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Re(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&1e-8!==Math.abs(this._zTime)&&(this._tTime-=1e-8)))),this):this._ps},e.startTime=function(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return e&&(e._sort||!this.parent)&&Zt(e,this,t-this._delay),this}return this._start},e.endTime=function(t){return this._start+(J(t)?this.totalDuration():this.duration())/Math.abs(this._ts||1)},e.rawTime=function(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?Qt(e.rawTime(t),this):this._tTime:this._tTime},e.globalTime=function(t){for(var e=this,i=arguments.length?t:e.rawTime();e;)i=e._start+i/(e._ts||1),e=e._dp;return i},e.repeat=function(t){return arguments.length?(this._repeat=t===1/0?-2:t,re(this)):-2===this._repeat?1/0:this._repeat},e.repeatDelay=function(t){if(arguments.length){var e=this._time;return this._rDelay=t,re(this),e?this.time(e):this}return this._rDelay},e.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},e.seek=function(t,e){return this.totalTime(se(this,t),J(e))},e.restart=function(t,e){return this.play().totalTime(t?-this._delay:0,J(e))},e.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},e.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},e.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},e.resume=function(){return this.paused(!1)},e.reversed=function(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-1e-8:0)),this):this._rts<0},e.invalidate=function(){return this._initted=this._act=0,this._zTime=-1e-8,this},e.isActive=function(){var t,e=this.parent||this._dp,i=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=i&&t1?(e?(r[t]=e,i&&(r[t+"Params"]=i),"onUpdate"===t&&(this._onUpdate=e)):delete r[t],this):r[t]},e.then=function(t){var e=this;return new Promise((function(i){var r=W(t)?t:It,n=function(){var t=e.then;e.then=null,W(r)&&(r=r(e))&&(r.then||r===e)&&(e.then=t),i(r),e.then=t};e._initted&&1===e.totalProgress()&&e._ts>=0||!e._tTime&&e._ts<0?n():e._prom=n}))},e.kill=function(){Te(this)},t}();Rt(Qe.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-1e-8,_prom:0,_ps:!1,_rts:1});var Ge=function(t){function e(e,i){var r;return void 0===e&&(e={}),(r=t.call(this,e)||this).labels={},r.smoothChildTiming=!!e.smoothChildTiming,r.autoRemoveChildren=!!e.autoRemoveChildren,r._sort=J(e.sortChildren),l&&Zt(e.parent||l,o(r),i),e.reversed&&r.reverse(),e.paused&&r.paused(!0),e.scrollTrigger&&$t(o(r),e.scrollTrigger),r}u(e,t);var i=e.prototype;return i.to=function(t,e,i){return ae(0,arguments,this),this},i.from=function(t,e,i){return ae(1,arguments,this),this},i.fromTo=function(t,e,i,r){return ae(2,arguments,this),this},i.set=function(t,e,i){return e.duration=0,e.parent=this,qt(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new ri(t,e,se(this,i),1),this},i.call=function(t,e,i){return Zt(this,ri.delayedCall(0,t,e),i)},i.staggerTo=function(t,e,i,r,n,s,a){return i.duration=e,i.stagger=i.stagger||r,i.onComplete=s,i.onCompleteParams=a,i.parent=this,new ri(t,i,se(this,n)),this},i.staggerFrom=function(t,e,i,r,n,s,a){return i.runBackwards=1,qt(i).immediateRender=J(i.immediateRender),this.staggerTo(t,e,i,r,n,s,a)},i.staggerFromTo=function(t,e,i,r,n,s,a,o){return r.startAt=i,qt(r).immediateRender=J(r.immediateRender),this.staggerTo(t,e,r,n,s,a,o)},i.render=function(t,e,i){var r,n,s,a,o,u,h,f,c,d,p,_,m=this._time,g=this._dirty?this.totalDuration():this._tDur,v=this._dur,y=t<=0?0:Dt(t),x=this._zTime<0!=t<0&&(this._initted||!v);if(this!==l&&y>g&&t>=0&&(y=g),y!==this._tTime||i||x){if(m!==this._time&&v&&(y+=this._time-m,t+=this._time-m),r=y,c=this._start,u=!(f=this._ts),x&&(v||(m=this._zTime),(t||!e)&&(this._zTime=t)),this._repeat){if(p=this._yoyo,o=v+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*o+t,e,i);if(r=Dt(y%o),y===g?(a=this._repeat,r=v):((a=~~(y/o))&&a===y/o&&(r=v,a--),r>v&&(r=v)),d=Wt(this._tTime,o),!m&&this._tTime&&d!==a&&(d=a),p&&1&a&&(r=v-r,_=1),a!==d&&!this._lock){var w=p&&1&d,b=w===(p&&1&a);if(ae)for(r=t._first;r&&r._start<=i;){if(!r._dur&&"isPause"===r.data&&r._start>e)return r;r=r._next}else for(r=t._last;r&&r._start>=i;){if(!r._dur&&"isPause"===r.data&&r._start=m&&t>=0)for(n=this._first;n;){if(s=n._next,(n._act||r>=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(r-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(r-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){h=0,s&&(y+=this._zTime=-1e-8);break}}n=s}else{n=this._last;for(var T=t<0?t:r;n;){if(s=n._prev,(n._act||T<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,i);if(n.render(n._ts>0?(T-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(T-n._start)*n._ts,e,i),r!==this._time||!this._ts&&!u){h=0,s&&(y+=this._zTime=T?-1e-8:1e-8);break}}n=s}}if(h&&!e&&(this.pause(),h.render(r>=m?0:-1e-8)._zTime=r>=m?1:-1,this._ts))return this._start=c,Gt(this),this.render(t,e,i);this._onUpdate&&!e&&be(this,"onUpdate",!0),(y===g&&g>=this.totalDuration()||!y&&m)&&(c!==this._start&&Math.abs(f)===Math.abs(this._ts)||this._lock||((t||!v)&&(y===g&&this._ts>0||!y&&this._ts<0)&&Nt(this,1),e||t<0&&!m||!y&&!m&&g||(be(this,y===g&&t>=0?"onComplete":"onReverseComplete",!0),this._prom&&!(y0)&&this._prom())))}return this},i.add=function(t,e){var i=this;if(Q(e)||(e=se(this,e,t)),!(t instanceof Qe)){if(tt(t))return t.forEach((function(t){return i.add(t,e)})),this;if(V(t))return this.addLabel(t,e);if(!W(t))return this;t=ri.delayedCall(0,t)}return this!==t?Zt(this,t,e):this},i.getChildren=function(t,e,i,r){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===i&&(i=!0),void 0===r&&(r=-1e8);for(var n=[],s=this._first;s;)s._start>=r&&(s instanceof ri?e&&n.push(s):(i&&n.push(s),t&&n.push.apply(n,s.getChildren(!0,e,i)))),s=s._next;return n},i.getById=function(t){for(var e=this.getChildren(1,1,1),i=e.length;i--;)if(e[i].vars.id===t)return e[i]},i.remove=function(t){return V(t)?this.removeLabel(t):W(t)?this.killTweensOf(t):(jt(this,t),t===this._recent&&(this._recent=this._last),Ut(this))},i.totalTime=function(e,i){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=Dt(Ie.time-(this._ts>0?e/this._ts:(this.totalDuration()-e)/-this._ts))),t.prototype.totalTime.call(this,e,i),this._forcing=0,this):this._tTime},i.addLabel=function(t,e){return this.labels[t]=se(this,e),this},i.removeLabel=function(t){return delete this.labels[t],this},i.addPause=function(t,e,i){var r=ri.delayedCall(0,e||pt,i);return r.data="isPause",this._hasPause=1,Zt(this,r,se(this,t))},i.removePause=function(t){var e=this._first;for(t=se(this,t);e;)e._start===t&&"isPause"===e.data&&Nt(e),e=e._next},i.killTweensOf=function(t,e,i){for(var r=this.getTweensOf(t,i),n=r.length;n--;)He!==r[n]&&r[n].kill(t,e);return this},i.getTweensOf=function(t,e){for(var i,r=[],n=ce(t),s=this._first,a=Q(e);s;)s instanceof ri?St(s._targets,n)&&(a?(!He||s._initted&&s._ts)&&s.globalTime(0)<=e&&s.globalTime(s.totalDuration())>e:!e||s.isActive())&&r.push(s):(i=s.getTweensOf(n,e)).length&&r.push.apply(r,i),s=s._next;return r},i.tweenTo=function(t,e){e=e||{};var i,r=this,n=se(r,t),s=e,a=s.startAt,o=s.onStart,u=s.onStartParams,h=s.immediateRender,l=ri.to(r,Rt({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:r._time))/r.timeScale())||1e-8,onStart:function(){if(r.pause(),!i){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:r._time))/r.timeScale());l._dur!==t&&ie(l,t,0,1).render(l._time,!0,!0),i=1}o&&o.apply(l,u||[])}},e));return h?l.render(0):l},i.tweenFromTo=function(t,e,i){return this.tweenTo(e,Rt({startAt:{time:se(this,t)}},i))},i.recent=function(){return this._recent},i.nextLabel=function(t){return void 0===t&&(t=this._time),we(this,se(this,t))},i.previousLabel=function(t){return void 0===t&&(t=this._time),we(this,se(this,t),1)},i.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+1e-8)},i.shiftChildren=function(t,e,i){void 0===i&&(i=0);for(var r,n=this._first,s=this.labels;n;)n._start>=i&&(n._start+=t,n._end+=t),n=n._next;if(e)for(r in s)s[r]>=i&&(s[r]+=t);return Ut(this)},i.invalidate=function(){var e=this._first;for(this._lock=0;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},i.clear=function(t){void 0===t&&(t=!0);for(var e,i=this._first;i;)e=i._next,this.remove(i),i=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Ut(this)},i.totalDuration=function(t){var e,i,r,n=0,s=this,a=s._last,o=1e8;if(arguments.length)return s.timeScale((s._repeat<0?s.duration():s.totalDuration())/(s.reversed()?-t:t));if(s._dirty){for(r=s.parent;a;)e=a._prev,a._dirty&&a.totalDuration(),(i=a._start)>o&&s._sort&&a._ts&&!s._lock?(s._lock=1,Zt(s,a,i-a._delay,1)._lock=0):o=i,i<0&&a._ts&&(n-=i,(!r&&!s._dp||r&&r.smoothChildTiming)&&(s._start+=i/s._ts,s._time-=i,s._tTime-=i),s.shiftChildren(-i,!1,-1/0),o=0),a._end>n&&a._ts&&(n=a._end),a=e;ie(s,s===l&&s._time>n?s._time:n,1,1),s._dirty=0}return s._tDur},e.updateRoot=function(t){if(l._ts&&(Et(l,Qt(t,l)),_=Ie.frame),Ie.frame>=xt){xt+=F.autoSleep||120;var e=l._first;if((!e||!e._ts)&&F.autoSleep&&Ie._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Ie.sleep()}}},e}(Qe);Rt(Ge.prototype,{_lock:0,_hasPause:0,_forcing:0});var He,Je=function(t,e,i,r,n,s,a){var o,u,h,l,f,c,d,p,_=new gi(this._pt,t,e,0,1,fi,null,n),m=0,g=0;for(_.b=i,_.e=r,i+="",(d=~(r+="").indexOf("random("))&&(r=ye(r)),s&&(s(p=[i,r],t,e),i=p[0],r=p[1]),u=i.match(nt)||[];o=nt.exec(r);)l=o[0],f=r.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(c=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:f||1===g?f:",",s:c,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-c,m:h&&h<4?Math.round:0},m=nt.lastIndex);return _.c=m0&&!S&&(e._startAt=0),C&&i<=0)return void(i&&(e._zTime=i))}else!1===S&&(e._startAt=0);else if(M&&C)if(E)!S&&(e._startAt=0);else if(i&&(w=!1),s=Rt({overwrite:!1,data:"isFromStart",lazy:w&&J(b),immediateRender:w,stagger:0,parent:I},r),m&&(s[c.prop]=m),Nt(e._startAt=ri.set(P,s)),i<0&&e._startAt.render(-1,!0),w){if(!i)return}else t(e._startAt,1e-8);for(e._pt=0,b=C&&J(b)||b&&!C,n=0;n":e*w)}))})):T.forEach((function(t){return a.to(D,t,">")}));else{if(c=D.length,_=w?pe(w):pt,H(w))for(d in w)~ei.indexOf(d)&&(m||(m={}),m[d]=w[d]);for(u=0;ud-1e-8&&t>=0?d:t<1e-8?0:t;if(p){if(_!==this._tTime||!t||i||!this._initted&&this._tTime||this._startAt&&this._zTime<0!=t<0){if(r=_,l=this.timeline,this._repeat){if(a=p+this._rDelay,this._repeat<-1&&t<0)return this.totalTime(100*a+t,e,i);if(r=Dt(_%a),_===d?(s=this._repeat,r=p):((s=~~(_/a))&&s===_/a&&(r=p,s--),r>p&&(r=p)),(u=this._yoyo&&1&s)&&(f=this._yEase,r=p-r),o=Wt(this._tTime,a),r===c&&!i&&this._initted)return this;s!==o&&(l&&this._yEase&&je(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=i=1,this.render(Dt(a*s),!0).invalidate()._lock=0))}if(!this._initted){if(Kt(this,t<0?t:r,i,e))return this._tTime=0,this;if(p!==this._dur)return this.render(t,e,i)}if(this._tTime=_,this._time=r,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(r/p),this._from&&(this.ratio=h=1-h),r&&!c&&!e&&(be(this,"onStart"),this._tTime!==_))return this;for(n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!r&&u?-1e-8:l._dur*h,e,i)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,i),be(this,"onUpdate")),this._repeat&&s!==o&&this.vars.onRepeat&&!e&&this.parent&&be(this,"onRepeat"),_!==this._tDur&&_||this._tTime!==_||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),(t||!p)&&(_===this._tDur&&this._ts>0||!_&&this._ts<0)&&Nt(this,1),e||t<0&&!c||!_&&!c||(be(this,_===d?"onComplete":"onReverseComplete",!0),this._prom&&!(_0)&&this._prom()))}}else!function(t,e,i,r){var n,s,a,o=t.ratio,u=e<0||!e&&(!t._start&&te(t)&&(t._initted||!ee(t))||(t._ts<0||t._dp._ts<0)&&!ee(t))?0:1,h=t._rDelay,l=0;if(h&&t._repeat&&(l=ue(0,t._tDur,e),s=Wt(l,h),a=Wt(t._tTime,h),t._yoyo&&1&s&&(u=1-u),s!==a&&(o=1-u,t.vars.repeatRefresh&&t._initted&&t.invalidate())),u!==o||r||1e-8===t._zTime||!e&&t._zTime){if(!t._initted&&Kt(t,e,r,i))return;for(a=t._zTime,t._zTime=e||(i?1e-8:0),i||(i=e&&!a),t.ratio=u,t._from&&(u=1-u),t._time=0,t._tTime=l,n=t._pt;n;)n.r(u,n.d),n=n._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!i&&be(t,"onUpdate"),l&&t._repeat&&!i&&t.parent&&be(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===u&&(u&&Nt(t,1),i||(be(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,i);return this},i.targets=function(){return this._targets},i.invalidate=function(){return this._pt=this._op=this._startAt=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),t.prototype.invalidate.call(this)},i.kill=function(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?Te(this):this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,He&&!0!==He.vars.overwrite)._first||Te(this),this.parent&&i!==this.timeline.totalDuration()&&ie(this,this._dur*this.timeline._tDur/i,0,1),this}var r,n,s,a,o,u,h,l=this._targets,f=t?ce(t):l,c=this._ptLookup,d=this._pt;if((!e||"all"===e)&&function(t,e){for(var i=t.length,r=i===e.length;r&&i--&&t[i]===e[i];);return i<0}(l,f))return"all"===e&&(this._pt=0),Te(this);for(r=this._op=this._op||[],"all"!==e&&(V(e)&&(o={},Mt(e,(function(t){return o[t]=1})),e=o),e=function(t,e){var i,r,n,s,a=t[0]?Ot(t[0]).harness:0,o=a&&a.aliases;if(!o)return e;for(r in i=Lt({},e),o)if(r in i)for(n=(s=o[r].split(",")).length;n--;)i[s[n]]=i[r];return i}(l,e)),h=l.length;h--;)if(~f.indexOf(l[h]))for(o in n=c[h],"all"===e?(r[h]=e,a=n,s={}):(s=r[h]=r[h]||{},a=e),a)(u=n&&n[o])&&("kill"in u.d&&!0!==u.d.kill(o)||jt(this,u,"_pt"),delete n[o]),"all"!==s&&(s[o]=1);return this._initted&&!this._pt&&d&&Te(this),this},e.to=function(t,i){return new e(t,i,arguments[2])},e.from=function(t,e){return ae(1,arguments)},e.delayedCall=function(t,i,r,n){return new e(i,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:i,onReverseComplete:i,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:n})},e.fromTo=function(t,e,i){return ae(2,arguments)},e.set=function(t,i){return i.duration=0,i.repeatDelay||(i.repeat=0),new e(t,i)},e.killTweensOf=function(t,e,i){return l.killTweensOf(t,e,i)},e}(Qe);Rt(ri.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),Mt("staggerTo,staggerFrom,staggerFromTo",(function(t){ri[t]=function(){var e=new Ge,i=le.call(arguments,0);return i.splice("staggerFromTo"===t?5:4,0,0),e[t].apply(e,i)}}));var ni=function(t,e,i){return t[e]=i},si=function(t,e,i){return t[e](i)},ai=function(t,e,i,r){return t[e](r.fp,i)},oi=function(t,e,i){return t.setAttribute(e,i)},ui=function(t,e){return W(t[e])?si:G(t[e])&&t.setAttribute?oi:ni},hi=function(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},li=function(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},fi=function(t,e){var i=e._pt,r="";if(!t&&e.b)r=e.b;else if(1===t&&e.e)r=e.e;else{for(;i;)r=i.p+(i.m?i.m(i.s+i.c*t):Math.round(1e4*(i.s+i.c*t))/1e4)+r,i=i._next;r+=e.c}e.set(e.t,e.p,r,e)},ci=function(t,e){for(var i=e._pt;i;)i.r(t,i.d),i=i._next},di=function(t,e,i,r){for(var n,s=this._pt;s;)n=s._next,s.p===r&&s.modifier(t,e,i),s=n},pi=function(t){for(var e,i,r=this._pt;r;)i=r._next,r.p===t&&!r.op||r.op===t?jt(this,r,"_pt"):r.dep||(e=1),r=i;return!e},_i=function(t,e,i,r){r.mSet(t,e,r.m.call(r.tween,i,r.mt),r)},mi=function(t){for(var e,i,r,n,s=t._pt;s;){for(e=s._next,i=r;i&&i.pr>s.pr;)i=i._next;(s._prev=i?i._prev:n)?s._prev._next=s:r=s,(s._next=i)?i._prev=s:n=s,s=e}t._pt=r},gi=function(){function t(t,e,i,r,n,s,a,o,u){this.t=e,this.s=r,this.c=n,this.p=i,this.r=s||hi,this.d=a||this,this.set=o||ni,this.pr=u||0,this._next=t,t&&(t._prev=this)}return t.prototype.modifier=function(t,e,i){this.mSet=this.mSet||this.set,this.set=_i,this.m=t,this.mt=i,this.tween=e},t}();Mt(bt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",(function(t){return _t[t]=1})),ut.TweenMax=ut.TweenLite=ri,ut.TimelineLite=ut.TimelineMax=Ge,l=new Ge({sortChildren:!1,defaults:B,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),F.stringFilter=Pe;var vi={registerPlugin:function(){for(var t=arguments.length,e=new Array(t),i=0;i1){var r=t.map((function(t){return wi.quickSetter(t,e,i)})),n=r.length;return function(t){for(var e=n;e--;)r[e](t)}}t=t[0]||{};var s=vt[e],a=Ot(t),o=a.harness&&(a.harness.aliases||{})[e]||e,u=s?function(e){var r=new s;m._pt=0,r.init(t,i?e+i:e,m,0,[t]),r.render(1,r),m._pt&&ci(1,m)}:a.set(t,o);return s?u:function(e){return u(t,o,i?e+i:e,a,1)}},isTweening:function(t){return l.getTweensOf(t,!0).length>0},defaults:function(t){return t&&t.ease&&(t.ease=Ne(t.ease,B.ease)),Ft(B,t||{})},config:function(t){return Ft(F,t||{})},registerEffect:function(t){var e=t.name,i=t.effect,r=t.plugins,n=t.defaults,s=t.extendTimeline;(r||"").split(",").forEach((function(t){return t&&!vt[t]&&!ut[t]&&ct(e+" effect requires "+t+" plugin.")})),yt[e]=function(t,e,r){return i(ce(t),Rt(e||{},n),r)},s&&(Ge.prototype[e]=function(t,i,r){return this.add(yt[e](t,H(i)?i:(r=i)&&{},this),r)})},registerEase:function(t,e){ze[t]=Ne(e)},parseEase:function(t,e){return arguments.length?Ne(t,e):ze},getById:function(t){return l.getById(t)},exportRoot:function(t,e){void 0===t&&(t={});var i,r,n=new Ge(t);for(n.smoothChildTiming=J(t.smoothChildTiming),l.remove(n),n._dp=0,n._time=n._tTime=l._time,i=l._first;i;)r=i._next,!e&&!i._dur&&i instanceof ri&&i.vars.onComplete===i._targets[0]||Zt(n,i,i._start-i._delay),i=r;return Zt(l,n,0),n},utils:{wrap:function t(e,i,r){var n=i-e;return tt(e)?ve(e,t(0,e.length),i):oe(r,(function(t){return(n+(t-e)%n)%n+e}))},wrapYoyo:function t(e,i,r){var n=i-e,s=2*n;return tt(e)?ve(e,t(0,e.length-1),i):oe(r,(function(t){return e+((t=(s+(t-e)%s)%s||0)>n?s-t:t)}))},distribute:pe,random:ge,snap:me,normalize:function(t,e,i){return xe(t,e,0,1,i)},getUnit:he,clamp:function(t,e,i){return oe(i,(function(i){return ue(t,e,i)}))},splitColor:ke,toArray:ce,selector:function(t){return t=ce(t)[0]||ct("Invalid scope")||{},function(e){var i=t.current||t.nativeElement||t;return ce(e,i.querySelectorAll?i:i===t?ct("Invalid scope")||d.createElement("div"):t)}},mapRange:xe,pipe:function(){for(var t=arguments.length,e=new Array(t),i=0;i=0?Ki[n]:"")+t},er=function(){"undefined"!=typeof window&&window.document&&(bi=window,Ti=bi.document,Oi=Ti.documentElement,Mi=Zi("div")||{style:{}},Zi("div"),Hi=tr(Hi),Ji=Hi+"Origin",Mi.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Di=!!tr("perspective"),Ai=1)},ir=function t(e){var i,r=Zi("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=this.parentNode,s=this.nextSibling,a=this.style.cssText;if(Oi.appendChild(r),r.appendChild(this),this.style.display="block",e)try{i=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=t}catch(t){}else this._gsapBBox&&(i=this._gsapBBox());return n&&(s?n.insertBefore(this,s):n.appendChild(this)),Oi.removeChild(r),this.style.cssText=a,i},rr=function(t,e){for(var i=e.length;i--;)if(t.hasAttribute(e[i]))return t.getAttribute(e[i])},nr=function(t){var e;try{e=t.getBBox()}catch(i){e=ir.call(t,!0)}return e&&(e.width||e.height)||t.getBBox===ir||(e=ir.call(t,!0)),!e||e.width||e.x||e.y?e:{x:+rr(t,["x","cx","x1"])||0,y:+rr(t,["y","cy","y1"])||0,width:0,height:0}},sr=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!nr(t))},ar=function(t,e){if(e){var i=t.style;e in Si&&e!==Ji&&(e=Hi),i.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),i.removeProperty(e.replace(Ii,"-$1").toLowerCase())):i.removeAttribute(e)}},or=function(t,e,i,r,n,s){var a=new gi(t._pt,e,i,0,1,s?Ui:Ni);return t._pt=a,a.b=r,a.e=n,t._props.push(i),a},ur={deg:1,rad:1,turn:1},hr=function t(e,i,r,n){var s,a,o,u,h=parseFloat(r)||0,l=(r+"").trim().substr((h+"").length)||"px",f=Mi.style,c=Ri.test(i),d="svg"===e.tagName.toLowerCase(),p=(d?"client":"offset")+(c?"Width":"Height"),_=100,m="px"===n,g="%"===n;return n===l||!h||ur[n]||ur[l]?h:("px"!==l&&!m&&(h=t(e,i,r,"px")),u=e.getCTM&&sr(e),!g&&"%"!==l||!Si[i]&&!~i.indexOf("adius")?(f[c?"width":"height"]=_+(m?l:n),a=~i.indexOf("adius")||"em"===n&&e.appendChild&&!d?e:e.parentNode,u&&(a=(e.ownerSVGElement||{}).parentNode),a&&a!==Ti&&a.appendChild||(a=Ti.body),(o=a._gsap)&&g&&o.width&&c&&o.time===Ie.time?kt(h/o.width*_):((g||"%"===l)&&(f.position=$i(e,"position")),a===e&&(f.position="static"),a.appendChild(Mi),s=Mi[p],a.removeChild(Mi),f.position="absolute",c&&g&&((o=Ot(a)).time=Ie.time,o.width=a[p]),kt(m?s*h/_:s&&h?_/s*h:0))):(s=u?e.getBBox()[c?"width":"height"]:e[p],kt(g?h/s*_:h/100*s)))},lr=function(t,e,i,r){var n;return Ai||er(),e in Li&&"transform"!==e&&~(e=Li[e]).indexOf(",")&&(e=e.split(",")[0]),Si[e]&&"transform"!==e?(n=wr(t,r),n="transformOrigin"!==e?n[e]:n.svg?n.origin:br($i(t,Ji))+" "+n.zOrigin+"px"):(!(n=t.style[e])||"auto"===n||r||~(n+"").indexOf("calc("))&&(n=pr[e]&&pr[e](t,e,i)||$i(t,e)||At(t,e)||("opacity"===e?1:0)),i&&!~(n+"").trim().indexOf(" ")?hr(t,e,n,i)+i:n},fr=function(t,e,i,r){if(!i||"none"===i){var n=tr(e,t,1),s=n&&$i(t,n,1);s&&s!==i?(e=n,i=s):"borderColor"===e&&(i=$i(t,"borderTopColor"))}var a,o,u,h,l,f,c,d,p,_,m,g,v=new gi(this._pt,t.style,e,0,1,fi),y=0,x=0;if(v.b=i,v.e=r,i+="","auto"===(r+="")&&(t.style[e]=r,r=$i(t,e)||r,t.style[e]=i),Pe(a=[i,r]),r=a[1],u=(i=a[0]).match(rt)||[],(r.match(rt)||[]).length){for(;o=rt.exec(r);)c=o[0],p=r.substring(y,o.index),l?l=(l+1)%5:"rgba("!==p.substr(-5)&&"hsla("!==p.substr(-5)||(l=1),c!==(f=u[x++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),(g="="===c.charAt(1)?+(c.charAt(0)+"1"):0)&&(c=c.substr(2)),d=parseFloat(c),_=c.substr((d+"").length),y=rt.lastIndex-_.length,_||(_=_||F.units[e]||m,y===r.length&&(r+=_,v.e+=_)),m!==_&&(h=hr(t,e,f,_)||0),v._pt={_next:v._pt,p:p||1===x?p:",",s:h,c:g?g*d:d-h,m:l&&l<4||"zIndex"===e?Math.round:0});v.c=y-1;)i=o[n],Si[i]&&(r=1,i="transformOrigin"===i?Ji:Hi),ar(s,i);r&&(ar(s,Hi),u&&(u.svg&&s.removeAttribute("transform"),wr(s,1),u.uncache=1))}},pr={clearProps:function(t,e,i,r,n){if("isFromStart"!==n.data){var s=t._pt=new gi(t._pt,e,i,0,0,dr);return s.u=r,s.pr=-10,s.tween=n,t._props.push(i),1}}},_r=[1,0,0,1,0,0],mr={},gr=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},vr=function(t){var e=$i(t,Hi);return gr(e)?_r:e.substr(7).match(it).map(kt)},yr=function(t,e){var i,r,n,s,a=t._gsap||Ot(t),o=t.style,u=vr(t);return a.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?_r:u:(u!==_r||t.offsetParent||t===Oi||a.svg||(n=o.display,o.display="block",(i=t.parentNode)&&t.offsetParent||(s=1,r=t.nextSibling,Oi.appendChild(t)),u=vr(t),n?o.display=n:ar(t,"display"),s&&(r?i.insertBefore(t,r):i?i.appendChild(t):Oi.removeChild(t))),e&&u.length>6?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)},xr=function(t,e,i,r,n,s){var a,o,u,h=t._gsap,l=n||yr(t,!0),f=h.xOrigin||0,c=h.yOrigin||0,d=h.xOffset||0,p=h.yOffset||0,_=l[0],m=l[1],g=l[2],v=l[3],y=l[4],x=l[5],w=e.split(" "),b=parseFloat(w[0])||0,T=parseFloat(w[1])||0;i?l!==_r&&(o=_*v-m*g)&&(u=b*(-m/o)+T*(_/o)-(_*x-m*y)/o,b=b*(v/o)+T*(-g/o)+(g*x-v*y)/o,T=u):(b=(a=nr(t)).x+(~w[0].indexOf("%")?b/100*a.width:b),T=a.y+(~(w[1]||w[0]).indexOf("%")?T/100*a.height:T)),r||!1!==r&&h.smooth?(y=b-f,x=T-c,h.xOffset=d+(y*_+x*g)-y,h.yOffset=p+(y*m+x*v)-x):h.xOffset=h.yOffset=0,h.xOrigin=b,h.yOrigin=T,h.smooth=!!r,h.origin=e,h.originIsAbsolute=!!i,t.style[Ji]="0px 0px",s&&(or(s,h,"xOrigin",f,b),or(s,h,"yOrigin",c,T),or(s,h,"xOffset",d,h.xOffset),or(s,h,"yOffset",p,h.yOffset)),t.setAttribute("data-svg-origin",b+" "+T)},wr=function(t,e){var i=t._gsap||new We(t);if("x"in i&&!e&&!i.uncache)return i;var r,n,s,a,o,u,h,l,f,c,d,p,_,m,g,v,y,x,w,b,T,O,A,M,k,D,S,C,E,P,I,R,z=t.style,L=i.scaleX<0,B="px",q="deg",j=$i(t,Ji)||"0";return r=n=s=u=h=l=f=c=d=0,a=o=1,i.svg=!(!t.getCTM||!sr(t)),m=yr(t,i.svg),i.svg&&(M=(!i.uncache||"0px 0px"===j)&&!e&&t.getAttribute("data-svg-origin"),xr(t,M||j,!!M||i.originIsAbsolute,!1!==i.smooth,m)),p=i.xOrigin||0,_=i.yOrigin||0,m!==_r&&(x=m[0],w=m[1],b=m[2],T=m[3],r=O=m[4],n=A=m[5],6===m.length?(a=Math.sqrt(x*x+w*w),o=Math.sqrt(T*T+b*b),u=x||w?Pi(w,x)*Ci:0,(f=b||T?Pi(b,T)*Ci+u:0)&&(o*=Math.abs(Math.cos(f*Ei))),i.svg&&(r-=p-(p*x+_*b),n-=_-(p*w+_*T))):(R=m[6],P=m[7],S=m[8],C=m[9],E=m[10],I=m[11],r=m[12],n=m[13],s=m[14],h=(g=Pi(R,E))*Ci,g&&(M=O*(v=Math.cos(-g))+S*(y=Math.sin(-g)),k=A*v+C*y,D=R*v+E*y,S=O*-y+S*v,C=A*-y+C*v,E=R*-y+E*v,I=P*-y+I*v,O=M,A=k,R=D),l=(g=Pi(-b,E))*Ci,g&&(v=Math.cos(-g),I=T*(y=Math.sin(-g))+I*v,x=M=x*v-S*y,w=k=w*v-C*y,b=D=b*v-E*y),u=(g=Pi(w,x))*Ci,g&&(M=x*(v=Math.cos(g))+w*(y=Math.sin(g)),k=O*v+A*y,w=w*v-x*y,A=A*v-O*y,x=M,O=k),h&&Math.abs(h)+Math.abs(u)>359.9&&(h=u=0,l=180-l),a=kt(Math.sqrt(x*x+w*w+b*b)),o=kt(Math.sqrt(A*A+R*R)),g=Pi(O,A),f=Math.abs(g)>2e-4?g*Ci:0,d=I?1/(I<0?-I:I):0),i.svg&&(M=t.getAttribute("transform"),i.forceCSS=t.setAttribute("transform","")||!gr($i(t,Hi)),M&&t.setAttribute("transform",M))),Math.abs(f)>90&&Math.abs(f)<270&&(L?(a*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),i.x=r-((i.xPercent=r&&(i.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-r)?-50:0)))?t.offsetWidth*i.xPercent/100:0)+B,i.y=n-((i.yPercent=n&&(i.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)))?t.offsetHeight*i.yPercent/100:0)+B,i.z=s+B,i.scaleX=kt(a),i.scaleY=kt(o),i.rotation=kt(u)+q,i.rotationX=kt(h)+q,i.rotationY=kt(l)+q,i.skewX=f+q,i.skewY=c+q,i.transformPerspective=d+B,(i.zOrigin=parseFloat(j.split(" ")[2])||0)&&(z[Ji]=br(j)),i.xOffset=i.yOffset=0,i.force3D=F.force3D,i.renderTransform=i.svg?Mr:Di?Ar:Or,i.uncache=0,i},br=function(t){return(t=t.split(" "))[0]+" "+t[1]},Tr=function(t,e,i){var r=he(e);return kt(parseFloat(e)+parseFloat(hr(t,"x",i+"px",r)))+r},Or=function(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,Ar(t,e)},Ar=function(t,e){var i=e||this,r=i.xPercent,n=i.yPercent,s=i.x,a=i.y,o=i.z,u=i.rotation,h=i.rotationY,l=i.rotationX,f=i.skewX,c=i.skewY,d=i.scaleX,p=i.scaleY,_=i.transformPerspective,m=i.force3D,g=i.target,v=i.zOrigin,y="",x="auto"===m&&t&&1!==t||!0===m;if(v&&("0deg"!==l||"0deg"!==h)){var w,b=parseFloat(h)*Ei,T=Math.sin(b),O=Math.cos(b);b=parseFloat(l)*Ei,w=Math.cos(b),s=Tr(g,s,T*w*-v),a=Tr(g,a,-Math.sin(b)*-v),o=Tr(g,o,O*w*-v+v)}"0px"!==_&&(y+="perspective("+_+") "),(r||n)&&(y+="translate("+r+"%, "+n+"%) "),(x||"0px"!==s||"0px"!==a||"0px"!==o)&&(y+="0px"!==o||x?"translate3d("+s+", "+a+", "+o+") ":"translate("+s+", "+a+") "),"0deg"!==u&&(y+="rotate("+u+") "),"0deg"!==h&&(y+="rotateY("+h+") "),"0deg"!==l&&(y+="rotateX("+l+") "),"0deg"===f&&"0deg"===c||(y+="skew("+f+", "+c+") "),1===d&&1===p||(y+="scale("+d+", "+p+") "),g.style[Hi]=y||"translate(0, 0)"},Mr=function(t,e){var i,r,n,s,a,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,c=o.rotation,d=o.skewX,p=o.skewY,_=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,x=o.xOffset,w=o.yOffset,b=o.forceCSS,T=parseFloat(l),O=parseFloat(f);c=parseFloat(c),d=parseFloat(d),(p=parseFloat(p))&&(d+=p=parseFloat(p),c+=p),c||d?(c*=Ei,d*=Ei,i=Math.cos(c)*_,r=Math.sin(c)*_,n=Math.sin(c-d)*-m,s=Math.cos(c-d)*m,d&&(p*=Ei,a=Math.tan(d-p),n*=a=Math.sqrt(1+a*a),s*=a,p&&(a=Math.tan(p),i*=a=Math.sqrt(1+a*a),r*=a)),i=kt(i),r=kt(r),n=kt(n),s=kt(s)):(i=_,s=m,r=n=0),(T&&!~(l+"").indexOf("px")||O&&!~(f+"").indexOf("px"))&&(T=hr(g,"x",l,"px"),O=hr(g,"y",f,"px")),(v||y||x||w)&&(T=kt(T+v-(v*i+y*n)+x),O=kt(O+y-(v*r+y*s)+w)),(u||h)&&(a=g.getBBox(),T=kt(T+u/100*a.width),O=kt(O+h/100*a.height)),a="matrix("+i+","+r+","+n+","+s+","+T+","+O+")",g.setAttribute("transform",a),b&&(g.style[Hi]=a)},kr=function(t,e,i,r,n,s){var a,o,u=360,h=V(n),l=parseFloat(n)*(h&&~n.indexOf("rad")?Ci:1),f=s?l*s:l-r,c=r+f+"deg";return h&&("short"===(a=n.split("_")[1])&&(f%=u)!==f%180&&(f+=f<0?u:-360),"cw"===a&&f<0?f=(f+36e9)%u-~~(f/u)*u:"ccw"===a&&f>0&&(f=(f-36e9)%u-~~(f/u)*u)),t._pt=o=new gi(t._pt,e,i,r,f,Bi),o.e=c,o.u="deg",t._props.push(i),o},Dr=function(t,e){for(var i in e)t[i]=e[i];return t},Sr=function(t,e,i){var r,n,s,a,o,u,h,l=Dr({},i._gsap),f=i.style;for(n in l.svg?(s=i.getAttribute("transform"),i.setAttribute("transform",""),f[Hi]=e,r=wr(i,1),ar(i,Hi),i.setAttribute("transform",s)):(s=getComputedStyle(i)[Hi],f[Hi]=e,r=wr(i,1),f[Hi]=s),Si)(s=l[n])!==(a=r[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=he(s)!==(h=he(a))?hr(i,n,s,h):parseFloat(s),u=parseFloat(a),t._pt=new gi(t._pt,r,n,o,u-o,Fi),t._pt.u=h||0,t._props.push(n));Dr(r,l)};Mt("padding,margin,Width,Radius",(function(t,e){var i="Top",r="Right",n="Bottom",s="Left",a=(e<3?[i,r,n,s]:[i+s,i+r,n+r,n+s]).map((function(i){return e<2?t+i:"border"+i+t}));pr[e>1?"border"+t:t]=function(t,e,i,r,n){var s,o;if(arguments.length<4)return s=a.map((function(e){return lr(t,e,i)})),5===(o=s.join(" ")).split(s[0]).length?s[0]:o;s=(r+"").split(" "),o={},a.forEach((function(t,e){return o[t]=s[e]=s[e]||s[(e-1)/2|0]})),t.init(e,o,n)}}));var Cr,Er,Pr,Ir={name:"css",register:er,targetTest:function(t){return t.style&&t.nodeType},init:function(t,e,i,r,n){var s,a,o,u,h,l,f,c,d,p,_,m,g,v,y,x,w,b,T,O=this._props,A=t.style,M=i.vars.startAt;for(f in Ai||er(),e)if("autoRound"!==f&&(a=e[f],!vt[f]||!$e(f,e,i,r,t,n)))if(h=typeof a,l=pr[f],"function"===h&&(h=typeof(a=a.call(i,r,t,n))),"string"===h&&~a.indexOf("random(")&&(a=ye(a)),l)l(this,t,f,a,i)&&(y=1);else if("--"===f.substr(0,2))s=(getComputedStyle(t).getPropertyValue(f)+"").trim(),a+="",Ce.lastIndex=0,Ce.test(s)||(c=he(s),d=he(a)),d?c!==d&&(s=hr(t,f,s,d)+d):c&&(a+=c),this.add(A,"setProperty",s,a,r,n,0,0,f),O.push(f);else if("undefined"!==h){if(M&&f in M?(s="function"==typeof M[f]?M[f].call(i,r,t,n):M[f],f in F.units&&!he(s)&&(s+=F.units[f]),V(s)&&~s.indexOf("random(")&&(s=ye(s)),"="===(s+"").charAt(1)&&(s=lr(t,f))):s=lr(t,f),u=parseFloat(s),(p="string"===h&&"="===a.charAt(1)?+(a.charAt(0)+"1"):0)&&(a=a.substr(2)),o=parseFloat(a),f in Li&&("autoAlpha"===f&&(1===u&&"hidden"===lr(t,"visibility")&&o&&(u=0),or(this,A,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&"transform"!==f&&~(f=Li[f]).indexOf(",")&&(f=f.split(",")[0])),_=f in Si)if(m||((g=t._gsap).renderTransform&&!e.parseTransform||wr(t,e.parseTransform),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new gi(this._pt,A,Hi,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===f)this._pt=new gi(this._pt,g,"scaleY",g.scaleY,(p?p*o:o-g.scaleY)||0),O.push("scaleY",f),f+="X";else{if("transformOrigin"===f){w=void 0,b=void 0,T=void 0,w=(x=a).split(" "),b=w[0],T=w[1]||"50%","top"!==b&&"bottom"!==b&&"left"!==T&&"right"!==T||(x=b,b=T,T=x),w[0]=cr[b]||b,w[1]=cr[T]||T,a=w.join(" "),g.svg?xr(t,a,0,v,0,this):((d=parseFloat(a.split(" ")[2])||0)!==g.zOrigin&&or(this,g,"zOrigin",g.zOrigin,d),or(this,A,f,br(s),br(a)));continue}if("svgOrigin"===f){xr(t,a,1,v,0,this);continue}if(f in mr){kr(this,g,f,u,a,p);continue}if("smoothOrigin"===f){or(this,g,"smooth",g.smooth,a);continue}if("force3D"===f){g[f]=a;continue}if("transform"===f){Sr(this,a,t);continue}}else f in A||(f=tr(f)||f);if(_||(o||0===o)&&(u||0===u)&&!zi.test(a)&&f in A)o||(o=0),(c=(s+"").substr((u+"").length))!==(d=he(a)||(f in F.units?F.units[f]:c))&&(u=hr(t,f,s,d)),this._pt=new gi(this._pt,_?g:A,f,u,p?p*o:o-u,_||"px"!==d&&"zIndex"!==f||!1===e.autoRound?Fi:ji),this._pt.u=d||0,c!==d&&"%"!==d&&(this._pt.b=s,this._pt.r=qi);else if(f in A)fr.call(this,t,f,s,a);else{if(!(f in t)){ft(f,a);continue}this.add(t,f,s||t[f],a,r,n)}O.push(f)}y&&mi(this)},get:lr,aliases:Li,getSetter:function(t,e,i){var r=Li[e];return r&&r.indexOf(",")<0&&(e=r),e in Si&&e!==Ji&&(t._gsap.x||lr(t,"x"))?i&&ki===i?"scale"===e?Wi:Vi:(ki=i||{},"scale"===e?Qi:Gi):t.style&&!G(t.style[e])?Yi:~e.indexOf("-")?Xi:ui(t,e)},core:{_removeProperty:ar,_getMatrix:yr}};wi.utils.checkPrefix=tr,Pr=Mt((Cr="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(Er="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Si[t]=1})),Mt(Er,(function(t){F.units[t]="deg",mr[t]=1})),Li[Pr[13]]=Cr+","+Er,Mt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var e=t.split(":");Li[e[1]]=Pr[e[0]]})),Mt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){F.units[t]="px"})),wi.registerPlugin(Ir);var Rr=wi.registerPlugin(Ir)||wi;Rr.core.Tween;class zr{setInitialSlide(t=this.current){this.current=t,this.currentSlide=this.slidesArr[this.current],this.DOM.slides[this.current].classList.add("slides__img--current")}next(){this.isAnimating||(this.direction="next",this.current=this.current0?this.current-1:this.slidesTotal-1,this.navigate())}navigate(t=this.current){this.isAnimating=!0,this.current=t,this.upcomingSlide=this.slidesArr[this.current],this.timeline=Rr.timeline({defaults:{duration:this.duration,ease:this.ease},onComplete:()=>{this.currentSlide.DOM.outer.classList.remove("slides__img--current"),this.upcomingSlide.DOM.outer.classList.add("slides__img--current"),this.currentSlide=this.slidesArr[this.current],this.isAnimating=!1}}).addLabel("start",0).set(this.upcomingSlide.DOM.outer,{opacity:1},"start").to(this.currentSlide.DOM.outer,{x:"next"===this.direction?"-101%":"101%",onComplete:()=>Rr.set(this.currentSlide.DOM.outer,{x:"0%",opacity:0})},"start").to(this.currentSlide.DOM.inner,{x:"next"===this.direction?"101%":"-101%",onComplete:()=>Rr.set(this.currentSlide.DOM.inner,{x:"0%"})},"start"),this.filtersAnimation&&this.timeline.to(this.currentSlide.DOM.inner,{startAt:{filter:"brightness(100%)"},filter:"brightness(800%)",onComplete:()=>Rr.set(this.currentSlide.DOM.inner,{filter:"brightness(100%)"})},"start").to(this.upcomingSlide.DOM.inner,{startAt:{filter:"brightness(800%)"},filter:"brightness(100%)"},"start")}constructor(t,e={}){s(this,"DOM",{el:null,slides:null}),s(this,"slidesArr",[]),s(this,"current",0),s(this,"slidesTotal",void 0),s(this,"currentSlide",void 0),s(this,"direction",void 0),s(this,"isAnimating",!1),s(this,"duration",1.2),s(this,"ease","power3.inOut"),s(this,"filtersAnimation",!0),this.DOM.el=t,this.duration=null!=e.duration?e.duration:this.duration,this.ease=null!=e.ease?e.ease:this.ease,this.filtersAnimation=null!=e.filtersAnimation?e.filtersAnimation:this.filtersAnimation,this.DOM.slides=this.DOM.el.querySelectorAll(".slides__img"),this.DOM.slides.forEach((t=>this.slidesArr.push(new a(t)))),this.slidesTotal=this.DOM.slides.length}}const Lr=document.body,Fr=getComputedStyle(Lr).getPropertyValue("--color-bg"),Br=new zr(document.querySelector(".slideshow > div.slides")),qr=new zr(document.querySelector(".slideshow nav.nav--next .slides"),{duration:1,filtersAnimation:!1}),jr=new zr(document.querySelector(".slideshow nav.nav--prev .slides"),{duration:1,filtersAnimation:!1}),Nr={prev:document.querySelector(".slideshow nav.nav--prev"),next:document.querySelector(".slideshow nav.nav--next")},Ur=[...document.querySelectorAll(".meta__content > .meta__content-title")];Br.setInitialSlide(),jr.setInitialSlide(Br.current?Br.current-1:Br.slidesTotal-1),qr.setInitialSlide(Br.current{Br.isAnimating||(Rr.to(Ur[Br.current],{duration:Br.duration/2,ease:"power3.in",y:"next"===t?"-100%":"100%",opacity:0}),Br[t](),jr[t](),qr[t](),Rr.timeline().to(Lr,{duration:Br.duration/2,ease:"power3.in",backgroundColor:"#2b0889"},"start").to(Lr,{duration:Br.duration,ease:"power3",backgroundColor:Fr},"start+="+Br.duration/2),Rr.to(Ur[Br.current],{duration:Br.duration/2,ease:"power3",startAt:{y:"next"===t?"100%":"-100%"},y:"0%",opacity:1,delay:Br.duration/2}))};Nr.prev.addEventListener("click",(()=>Yr("prev"))),Nr.next.addEventListener("click",(()=>Yr("next"))),((t="img")=>new Promise((e=>{n(document.querySelectorAll(t),{background:!0},e)})))(".slides__img-inner").then((()=>document.body.classList.remove("loading"))); -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | Paranoia Slideshow | Codrops

Paranoia Diaries

Now seeing
Gravity is a b**** Clock's not right Hot jungle speed Crisps gone wild Who's Walter? Fancy franky Step up gurl Cold eye Sparkling mind

Ernesto productions

Mr Reis is a multi-disciplinary juggler who wrote an article on creative stuff and prayed for the previous demo to wake him from oblivion. Sparkling water led him to realize that the only cozy place is GitHub rather than the urban jungle.

View more
by Codrops
Showreel
-------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "paranoiaslideshow", 3 | "version": "1.0.0", 4 | "browserslist": "> 0.5%, last 2 versions, not dead", 5 | "description": "", 6 | "scripts": { 7 | "start": "parcel src/index.html --open", 8 | "clean": "rm -rf dist/*", 9 | "build:parcel": "parcel build src/index.html --no-content-hash --no-source-maps --public-url ./", 10 | "build": "npm run clean && npm run build:parcel" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "git://github.com/codrops/[NAME].git" 15 | }, 16 | "keywords": [], 17 | "author": "Codrops", 18 | "license": "MIT", 19 | "homepage": "https://tympanus.net/codrops", 20 | "bugs": { 21 | "url": "https://github.com/codrops/[NAME]/issues" 22 | }, 23 | "dependencies": { 24 | "gsap": "^3.8.0", 25 | "imagesloaded": "^4.1.4", 26 | "parcel": "latest" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | *, 2 | *::after, 3 | *::before { 4 | box-sizing: border-box; 5 | } 6 | 7 | :root { 8 | font-size: 16px; 9 | } 10 | 11 | html, body { 12 | width: 100%; 13 | height: 100%; 14 | } 15 | 16 | body { 17 | margin: 0; 18 | --color-text: #000; 19 | --color-text-alt: #1D0460; 20 | --color-text-slide: #53dbf1; 21 | --color-bg: #4000EA; 22 | --color-link: #000; 23 | --color-link-hover: #f33ba5; 24 | --page-padding: 25px; 25 | color: var(--color-text); 26 | background-color: var(--color-bg); 27 | font-family: termina, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; 28 | text-transform: uppercase; 29 | -webkit-font-smoothing: antialiased; 30 | -moz-osx-font-smoothing: grayscale; 31 | will-change: background-color; 32 | } 33 | 34 | /* Page Loader */ 35 | .js .loading::before, 36 | .js .loading::after { 37 | content: ''; 38 | position: fixed; 39 | z-index: 3000; 40 | } 41 | 42 | .js .loading::before { 43 | top: 0; 44 | left: 0; 45 | width: 100%; 46 | height: 100%; 47 | background: var(--color-bg); 48 | } 49 | 50 | .js .loading::after { 51 | top: 50%; 52 | left: 50%; 53 | width: 60px; 54 | height: 60px; 55 | margin: -30px 0 0 -30px; 56 | border-radius: 50%; 57 | opacity: 0.4; 58 | background: var(--color-link); 59 | animation: loaderAnim 0.7s linear infinite alternate forwards; 60 | 61 | } 62 | 63 | @keyframes loaderAnim { 64 | to { 65 | opacity: 1; 66 | transform: scale3d(0.5,0.5,1); 67 | } 68 | } 69 | 70 | a { 71 | text-decoration: underline; 72 | color: var(--color-link); 73 | outline: none; 74 | cursor: pointer; 75 | } 76 | 77 | a:hover { 78 | text-decoration: none; 79 | color: var(--color-link-hover); 80 | outline: none; 81 | } 82 | 83 | /* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */ 84 | a:focus { 85 | /* Provide a fallback style for browsers 86 | that don't support :focus-visible */ 87 | outline: none; 88 | background: lightgrey; 89 | } 90 | 91 | a:focus:not(:focus-visible) { 92 | /* Remove the focus indicator on mouse-focus for browsers 93 | that do support :focus-visible */ 94 | background: transparent; 95 | } 96 | 97 | a:focus-visible { 98 | /* Draw a very noticeable focus style for 99 | keyboard-focus on browsers that do support 100 | :focus-visible */ 101 | outline: 2px solid red; 102 | background: transparent; 103 | } 104 | 105 | .unbutton { 106 | background: none; 107 | border: 0; 108 | padding: 0; 109 | margin: 0; 110 | font: inherit; 111 | } 112 | 113 | .unbutton:focus { 114 | outline: none; 115 | } 116 | 117 | .no-select { 118 | -webkit-touch-callout: none; 119 | -webkit-user-select: none; 120 | -moz-user-select: none; 121 | -ms-user-select: none; 122 | user-select: none; 123 | } 124 | 125 | .vector { 126 | position: fixed; 127 | pointer-events: none; 128 | fill: none; 129 | stroke: #000; 130 | stroke-width: 0.5px; 131 | width: 100%; 132 | height: 100%; 133 | top: 0; 134 | left: 0; 135 | display: none; 136 | } 137 | 138 | .vector--circle { 139 | width: 44%; 140 | left: 28%; 141 | top: -50%; 142 | } 143 | 144 | .intro { 145 | padding: var(--page-padding); 146 | } 147 | 148 | .intro__title { 149 | margin: 0 0 2rem; 150 | font-size: 1rem; 151 | font-weight: 600; 152 | } 153 | 154 | .intro__description { 155 | line-height: 1.2; 156 | color: var(--color-text-alt); 157 | } 158 | 159 | .menu { 160 | display: flex; 161 | flex-direction: column; 162 | padding: var(--page-padding); 163 | justify-self: end; 164 | line-height: 1.3; 165 | } 166 | 167 | .menu__item { 168 | text-decoration: none; 169 | } 170 | 171 | .author { 172 | grid-area: 2 ​/ 1 / 4 / 2; 173 | align-self: center; 174 | padding-left: var(--page-padding); 175 | } 176 | 177 | .title { 178 | line-height: 1; 179 | font-size: clamp(1.75rem,3vw,15rem); 180 | white-space: nowrap; 181 | margin: 0; 182 | padding: var(--page-padding); 183 | justify-self: center; 184 | } 185 | 186 | .showreel { 187 | display: flex; 188 | align-items: center; 189 | grid-area: 4 / 3 / 5 / 4; 190 | align-self: center; 191 | justify-self: end; 192 | padding: var(--page-padding); 193 | text-decoration: none; 194 | color: var(--color-link-hover); 195 | } 196 | 197 | .showreel::before { 198 | content: '\00B7'; 199 | font-size: 5rem; 200 | line-height: 0; 201 | margin: 0 0.25rem 0.25rem 0; 202 | } 203 | 204 | .showreel:hover::before { 205 | animation: pulse 0.8s infinite alternate linear; 206 | } 207 | 208 | @keyframes pulse { 209 | to { 210 | transform: scale3d(1.5,1.5,1); 211 | } 212 | } 213 | 214 | .slideshow { 215 | height: 100vw; 216 | position: relative; 217 | display: grid; 218 | grid-template-columns: 60px minmax(200px, 70%) 60px; 219 | grid-template-areas: '... img ...' 220 | 'nav-prev img nav-next' 221 | '... img ...' 222 | 'title title title'; 223 | justify-content: center; 224 | } 225 | 226 | .meta { 227 | grid-area: title; 228 | width: max-content; 229 | text-align: center; 230 | justify-self: center; 231 | margin: 1rem 0 0 0; 232 | } 233 | 234 | .no-js .meta { 235 | display: none; 236 | } 237 | 238 | .meta__heading { 239 | font-weight: 600; 240 | font-size: 0.75rem; 241 | display: block; 242 | margin: 0 0 0 0; 243 | } 244 | 245 | .meta__content { 246 | color: var(--color-text-slide); 247 | display: grid; 248 | } 249 | 250 | .meta__content-title { 251 | opacity: 0; 252 | grid-area: 1 / 1 / 2 / 2; 253 | will-change: opacity, transform; 254 | } 255 | 256 | .gallery { 257 | grid-area: img; 258 | width: 100%; 259 | height: 100%; 260 | overflow: hidden; 261 | position: relative; 262 | margin-top: auto; 263 | border-radius: 35vw 35vw 0 0; 264 | justify-self: center; 265 | } 266 | 267 | .gallery__img { 268 | overflow: hidden; 269 | position: absolute; 270 | opacity: 0; 271 | pointer-events: none; 272 | width: 100%; 273 | height: 100%; 274 | will-change: opacity, transform; 275 | } 276 | 277 | .no-js .gallery__img:first-child { 278 | opacity: 1; 279 | } 280 | 281 | .gallery__img-inner { 282 | width: 100%; 283 | height: 100%; 284 | background-size: cover; 285 | background-position: 50% 50%; 286 | will-change: filter, transform; 287 | } 288 | 289 | .nav { 290 | text-align: center; 291 | cursor: pointer; 292 | display: flex; 293 | flex-direction: column; 294 | align-self: center; 295 | } 296 | 297 | .nav:hover .nav__text { 298 | color: var(--color-link-hover); 299 | } 300 | 301 | .no-js .nav { 302 | display: none; 303 | } 304 | 305 | .nav--prev { 306 | grid-area: nav-prev; 307 | align-items: flex-end; 308 | padding-right: 15px; 309 | } 310 | 311 | .nav--next { 312 | grid-area: nav-next; 313 | align-items: flex-start; 314 | padding-left: 15px; 315 | } 316 | 317 | .nav__imgwrap { 318 | background: #000; 319 | width: 35px; 320 | height: 55px; 321 | border-radius: 17px; 322 | overflow: hidden; 323 | position: relative; 324 | display: grid; 325 | grid-template-rows: 100%; 326 | grid-template-columns: 100% 100%; 327 | } 328 | 329 | .nav__img { 330 | grid-area: 1 / 1 / 2 / 2; 331 | position: relative; 332 | overflow: hidden; 333 | opacity: 0; 334 | pointer-events: none; 335 | will-change: opacity, transform; 336 | } 337 | 338 | .nav__img-inner { 339 | width: 35px; 340 | height: 55px; 341 | background-size: cover; 342 | will-change: filter, transform; 343 | } 344 | 345 | .nav__text { 346 | text-transform: uppercase; 347 | cursor: pointer; 348 | display: none; 349 | margin-top: 3.5vh; 350 | color: var(--color-text-alt); 351 | } 352 | 353 | .slides__img--current { 354 | pointer-events: auto; 355 | opacity: 1; 356 | z-index: 1000; 357 | } 358 | 359 | @media screen and (min-width: 53em) { 360 | body { 361 | overflow: hidden; 362 | } 363 | .vector { 364 | display: block; 365 | } 366 | main { 367 | display: grid; 368 | width: 100%; 369 | height: 100%; 370 | grid-template-columns: 28.05% 43.9% 28.05%; 371 | grid-template-rows: 25% 1fr 29.5% 8.5%; 372 | position: relative; 373 | } 374 | .title { 375 | grid-area: 1 / 2 / 2 / 3; 376 | } 377 | .menu { 378 | grid-area: 1 / 3 / 2 / 4; 379 | } 380 | .intro { 381 | grid-area: 1 / 1 / 3 / 2; 382 | } 383 | .intro__description { 384 | max-width: 20ch; 385 | } 386 | .gallery { 387 | border-radius: 25vw 25vw 0 0; 388 | width: 100%; 389 | } 390 | .slideshow { 391 | height: auto; 392 | grid-area: 2 / 2 / 5 / 3; 393 | grid-template-columns: 4rem 43.8vw 4rem; 394 | grid-template-rows: 38% 20% 42%; 395 | margin-left: -4rem; 396 | grid-template-areas: '... img title' 397 | 'nav-prev img nav-next' 398 | '... img ...'; 399 | justify-content: start; 400 | } 401 | .meta { 402 | margin: 3rem 0 0 1rem; 403 | text-align: left; 404 | justify-self: start; 405 | } 406 | .nav { 407 | align-self: start; 408 | } 409 | .nav__text { 410 | display: block; 411 | } 412 | .nav--prev { 413 | padding-right: 1.5rem; 414 | } 415 | 416 | .nav--next { 417 | padding-left: 1.5rem; 418 | } 419 | } 420 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/favicon.ico -------------------------------------------------------------------------------- /src/img/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/1.jpg -------------------------------------------------------------------------------- /src/img/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/2.jpg -------------------------------------------------------------------------------- /src/img/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/3.jpg -------------------------------------------------------------------------------- /src/img/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/4.jpg -------------------------------------------------------------------------------- /src/img/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/5.jpg -------------------------------------------------------------------------------- /src/img/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/6.jpg -------------------------------------------------------------------------------- /src/img/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/7.jpg -------------------------------------------------------------------------------- /src/img/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/8.jpg -------------------------------------------------------------------------------- /src/img/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codrops/ParanoiaSlideshow/0801177ffc024e22c6034e1c6035d93df0e3f5f9/src/img/9.jpg -------------------------------------------------------------------------------- /src/img/circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Oval 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/img/lines.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Paranoia Slideshow | Codrops 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 20 | 23 |

Paranoia Diaries

24 | 31 |
32 |
33 | Now seeing 34 |
35 | Gravity is a b**** 36 | Clock's not right 37 | Hot jungle speed 38 | Crisps gone wild 39 | Who's Walter? 40 | Fancy franky 41 | Step up gurl 42 | Cold eye 43 | Sparkling mind 44 |
45 |
46 | 60 | 74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |

Ernesto productions

88 |

89 | Mr Reis is a multi-disciplinary juggler who wrote an article on creative stuff and prayed for the previous demo to wake him from oblivion. Sparkling water led him to realize that the only cozy place is GitHub rather than the urban jungle. 90 |

91 | View more 92 |
93 |
by Codrops
94 | Showreel 95 |
96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | import { preloadImages } from './utils'; 2 | import { Slideshow } from './slideshow'; 3 | import gsap from 'gsap'; 4 | 5 | // body element 6 | const bodyEl = document.body; 7 | // body color 8 | const bodyColor = getComputedStyle(bodyEl).getPropertyValue('--color-bg'); 9 | // Three Slideshow instances: main, and two for the navigation items 10 | const slideshowMain = new Slideshow(document.querySelector('.slideshow > div.slides')); 11 | const slideshowNavNext = new Slideshow(document.querySelector('.slideshow nav.nav--next .slides'), {duration: 1, filtersAnimation: false}); 12 | const slideshowNavPrev = new Slideshow(document.querySelector('.slideshow nav.nav--prev .slides'), {duration: 1, filtersAnimation: false}); 13 | // Nav controls to navigate the main slideshow 14 | const navCtrls = { 15 | prev: document.querySelector('.slideshow nav.nav--prev'), 16 | next: document.querySelector('.slideshow nav.nav--next') 17 | }; 18 | // title elements 19 | const titleElems = [...document.querySelectorAll('.meta__content > .meta__content-title')]; 20 | 21 | // Animates the body color 22 | const animateBodyBGColor = () => { 23 | 24 | gsap.timeline() 25 | .to(bodyEl, { 26 | duration: slideshowMain.duration/2, 27 | ease: 'power3.in', 28 | backgroundColor: '#2b0889' 29 | }, 'start') 30 | .to(bodyEl, { 31 | duration: slideshowMain.duration, 32 | ease: 'power3', 33 | backgroundColor: bodyColor 34 | }, 'start+=' + slideshowMain.duration/2); 35 | 36 | } 37 | 38 | // Set the current slide 39 | slideshowMain.setInitialSlide(); 40 | // Set up the current slide values for the navigation elements, which are based on the slideshowMain's current value 41 | slideshowNavPrev.setInitialSlide(slideshowMain.current ? slideshowMain.current - 1 : slideshowMain.slidesTotal - 1); 42 | slideshowNavNext.setInitialSlide(slideshowMain.current < slideshowMain.slidesTotal - 1 ? slideshowMain.current + 1 : 0); 43 | 44 | // Set initial title 45 | gsap.set(titleElems[slideshowMain.current], {opacity: 1}); 46 | 47 | // Change slides for the three slideshows 48 | const onClickNavCtrlEv = (dir) => { 49 | 50 | if ( slideshowMain.isAnimating ) return; 51 | 52 | // Slide out current title 53 | gsap.to(titleElems[slideshowMain.current], { 54 | duration: slideshowMain.duration/2, 55 | ease: 'power3.in', 56 | y: dir === 'next' ? '-100%' : '100%', 57 | opacity: 0 58 | }); 59 | 60 | slideshowMain[dir](); 61 | slideshowNavPrev[dir](); 62 | slideshowNavNext[dir](); 63 | animateBodyBGColor(); 64 | 65 | // Slide in the new (current) title 66 | gsap.to(titleElems[slideshowMain.current], { 67 | duration: slideshowMain.duration/2, 68 | ease: 'power3', 69 | startAt: {y: dir === 'next' ? '100%' : '-100%'}, 70 | y: '0%', 71 | opacity: 1, 72 | delay: slideshowMain.duration/2 73 | }); 74 | 75 | }; 76 | navCtrls.prev.addEventListener('click', () => onClickNavCtrlEv('prev')); 77 | navCtrls.next.addEventListener('click', () => onClickNavCtrlEv('next')); 78 | 79 | 80 | // Preload images then remove loader (loading class) 81 | preloadImages('.slides__img-inner').then(() => document.body.classList.remove('loading')); 82 | -------------------------------------------------------------------------------- /src/js/slide.js: -------------------------------------------------------------------------------- 1 | import gsap from "gsap/gsap-core"; 2 | 3 | /** 4 | * Class representing an image slide, 5 | * where each one consists of an outer element and an inner element that contains a background image. 6 | * */ 7 | export class Slide { 8 | // DOM elements 9 | DOM = { 10 | // Wrapper element (outer element) 11 | outer: null, 12 | // Image element (inner element) 13 | inner: null 14 | }; 15 | 16 | constructor(DOM_el) { 17 | 18 | this.DOM.outer = DOM_el; 19 | this.DOM.inner = this.DOM.outer.children[0]; 20 | 21 | } 22 | } -------------------------------------------------------------------------------- /src/js/slideshow.js: -------------------------------------------------------------------------------- 1 | import { Slide } from './slide'; 2 | import { gsap } from 'gsap'; 3 | 4 | export class Slideshow { 5 | 6 | // DOM elements 7 | DOM = { 8 | // Main element .slides 9 | el: null, 10 | // .slides__img elements 11 | slides: null 12 | }; 13 | // Slide instances array 14 | slidesArr = []; 15 | // Current slide's index 16 | current = 0; 17 | // Total number of slides 18 | slidesTotal; 19 | // Current Slide 20 | currentSlide; 21 | // Animation's direction (left or right) 22 | direction; 23 | // Checks if the slideshow is running 24 | isAnimating = false; 25 | // Animation's duration and easing 26 | duration = 1.2; 27 | ease = 'power3.inOut'; 28 | // Use a filter (brighness) animation when transitioning from one slide to another 29 | filtersAnimation = true; 30 | 31 | constructor(DOM_el, options = {} ) { 32 | 33 | this.DOM.el = DOM_el; 34 | 35 | // Some options 36 | this.duration = options.duration != undefined ? options.duration : this.duration; 37 | this.ease = options.ease != undefined ? options.ease : this.ease; 38 | this.filtersAnimation = options.filtersAnimation != undefined ? options.filtersAnimation : this.filtersAnimation; 39 | 40 | this.DOM.slides = this.DOM.el.querySelectorAll('.slides__img'); 41 | 42 | // Create a Slide for each .slides__img element 43 | this.DOM.slides.forEach(slideEl => this.slidesArr.push(new Slide(slideEl))); 44 | 45 | this.slidesTotal = this.DOM.slides.length; 46 | 47 | } 48 | 49 | /** 50 | * Set the current slide 51 | * @param {number} position - The position of the slide. 52 | */ 53 | setInitialSlide(position = this.current) { 54 | 55 | // Update current 56 | this.current = position; 57 | // The current Slide 58 | this.currentSlide = this.slidesArr[this.current]; 59 | // Set current image 60 | this.DOM.slides[this.current].classList.add('slides__img--current'); 61 | 62 | } 63 | 64 | /** 65 | * Navigate the slideshow to the next slide. 66 | */ 67 | next() { 68 | 69 | // Return if anything is running 70 | if ( this.isAnimating ) return; 71 | 72 | // direction 73 | this.direction = 'next'; 74 | 75 | // Update current 76 | this.current = this.current < this.slidesTotal - 1 ? this.current+1 : 0; 77 | 78 | // Animate to a different slide 79 | this.navigate(); 80 | 81 | } 82 | 83 | /** 84 | * Navigate the slideshow to the previous slide. 85 | */ 86 | prev() { 87 | 88 | // Return if anything is running 89 | if ( this.isAnimating ) return; 90 | 91 | // direction 92 | this.direction = 'prev'; 93 | 94 | // Update current 95 | this.current = this.current > 0 ? this.current-1 : this.slidesTotal - 1; 96 | 97 | // Animate to a different slide 98 | this.navigate(); 99 | 100 | } 101 | 102 | /** 103 | * Navigate to a different slide 104 | * @param {number} position - The position of the new slide. 105 | */ 106 | navigate(position = this.current) { 107 | 108 | this.isAnimating = true; 109 | 110 | // Update current 111 | this.current = position; 112 | 113 | // Upcoming Slide 114 | this.upcomingSlide = this.slidesArr[this.current]; 115 | 116 | // Animation 117 | this.timeline = gsap.timeline({ 118 | defaults: { 119 | duration: this.duration, 120 | ease: this.ease 121 | }, 122 | onComplete: () => { 123 | // Current class switch 124 | this.currentSlide.DOM.outer.classList.remove('slides__img--current'); 125 | this.upcomingSlide.DOM.outer.classList.add('slides__img--current'); 126 | // Update current Slide 127 | this.currentSlide = this.slidesArr[this.current]; 128 | 129 | this.isAnimating = false; 130 | } 131 | }) 132 | .addLabel('start', 0) 133 | 134 | // Upcoming Slide gets shown behind the current Slide animates out 135 | .set(this.upcomingSlide.DOM.outer, { 136 | opacity: 1 137 | }, 'start') 138 | 139 | // outer/inner opposite translations (Reveal effect) 140 | .to(this.currentSlide.DOM.outer, { 141 | x: this.direction === 'next' ? '-101%' : '101%', 142 | onComplete: () => gsap.set(this.currentSlide.DOM.outer, {x: '0%', opacity: 0}) 143 | }, 'start') 144 | .to(this.currentSlide.DOM.inner, { 145 | x: this.direction === 'next' ? '101%' : '-101%', 146 | onComplete: () => gsap.set(this.currentSlide.DOM.inner, {x: '0%'}) 147 | }, 'start') 148 | 149 | // Filters animation 150 | if ( this.filtersAnimation ) { 151 | 152 | this.timeline.to(this.currentSlide.DOM.inner, { 153 | startAt: {filter: 'brightness(100%)'}, 154 | filter: 'brightness(800%)', 155 | onComplete: () => gsap.set(this.currentSlide.DOM.inner, {filter: 'brightness(100%)'}) 156 | }, 'start') 157 | .to(this.upcomingSlide.DOM.inner, { 158 | startAt: {filter: 'brightness(800%)'}, 159 | filter: 'brightness(100%)' 160 | }, 'start'); 161 | 162 | } 163 | 164 | 165 | } 166 | } -------------------------------------------------------------------------------- /src/js/utils.js: -------------------------------------------------------------------------------- 1 | const imagesLoaded = require('imagesloaded'); 2 | 3 | // Preload images 4 | const preloadImages = (selector = 'img') => { 5 | return new Promise((resolve) => { 6 | imagesLoaded(document.querySelectorAll(selector), {background: true}, resolve); 7 | }); 8 | }; 9 | 10 | export { 11 | preloadImages 12 | }; --------------------------------------------------------------------------------