(window.webpackJsonp=window.webpackJsonp||[]).push([[61],{"0vZ1":function(e,s,t){e.exports=t.p+"assets/img/summit-banner-blue.fe9e594f.png"},"6krn":function(e,s,t){},Ps1J:function(e,s,t){"use strict";t("6krn")},dn1D:function(e,s,t){"use strict";t.r(s);t("rB9j"),t("ALS0"),t("ma9I");var i=t("n2vZ"),n=t("EV/r"),a={name:"SegmentSummitBanner",components:{SharedHeading:i.a,SharedSubHeading:n.a},props:{segmentData:{type:Object,required:!0,validator:function(e){return/^\d+$/.test(e.id)}}},data:function(){return{blueX:0,blueY:0,greenX:0,greenY:0,xTarget:0,yTarget:0,passiveEasing:.0025,activeEasing:.01,activeEasingY:.025,toggleReversePassiveXY:!0,passiveLoop:0,passiveRandomnessX:30*Math.random()-15,passiveRandomnessY:30*Math.random()-15,animateActive:!1,cssVars:""}},methods:{animateActiveToggle:function(){this.animateActive=!0},animate:function(){var e=this.$refs["blue-blob"],s=this.$refs["green-blob"],t=this.$refs["green-blob2"],i=document.getElementsByClassName("summit-banner")[0].offsetHeight,n=document.getElementsByClassName("summit-banner")[0].offsetWidth,a=.341997264*i,r=.2*i,m=.2*i;this.cssVars["--banner-dynamic-width"]=n,this.cssVars["--banner-dynamic-hgt"]=i,this.toggleReversePassiveXY?(this.blueX+=this.passiveRandomnessX*this.passiveEasing,this.blueY+=this.passiveRandomnessY*this.passiveEasing,this.greenX+=this.passiveRandomnessX*this.passiveEasing,this.greenY+=this.passiveRandomnessY*this.passiveEasing,this.passiveLoop++,this.passiveLoop>50&&(this.toggleReversePassiveXY=!1)):(this.blueX-=this.passiveRandomnessX*this.passiveEasing,this.blueY-=this.passiveRandomnessY*this.passiveEasing,this.greenX-=this.passiveRandomnessX*this.passiveEasing,this.greenY-=this.passiveRandomnessY*this.passiveEasing,this.passiveLoop--,this.passiveLoop<-50&&(this.toggleReversePassiveXY=!0,this.passiveRandomnessY=200*Math.random()-100,this.passiveRandomnessX=200*Math.random()-100)),this.xTarget<n/5*2&&(this.xTarget=n/5*2),this.xTarget>n/5*3&&(this.xTarget=n/5*3);var h,u,o=this.xTarget-this.blueX-e.width/2,l=this.xTarget-this.greenX-s.width/2;this.blueX+=o*this.activeEasing,this.greenX+=l*this.activeEasing,this.animateActive?(h=r-this.blueY,u=m-this.greenY,this.blueY+=h*this.activeEasingY,this.greenY+=u*this.activeEasingY):(h=a-this.blueY,u=-a-this.greenY,this.blueY+=h*this.activeEasingY,this.greenY+=u*this.activeEasingY),e.style.left="".concat(this.blueX,"px"),e.style.top="".concat(this.blueY,"px"),s.style.left="".concat(this.greenX,"px"),s.style.top="".concat(this.greenY,"px"),t.style.left="".concat(this.greenX,"px"),t.style.top="".concat(this.greenY,"px"),requestAnimationFrame(this.animate)},updateTarget:function(e){this.xTarget=e.pageX},resetGradient:function(){var e=document.getElementsByClassName("summit-banner")[0];this.xTarget=e.offsetWidth/2,this.animateActive=!1},setHeaderHeight:function(){return this.header&&!this.header.headerGeneral.headerSettings.headerSettingsOverflowToggle?this.header.headerGeneral.headerSettings.headerSettingsMenuHeight:0},setCssVars:function(){var e=this.summitBannerSettings.summitBannerHeight,s=e.summitBannerBrowserSize,t=e.summitBannerMinHeight;return{"--nav-banner-height":" max(".concat(t,"px, calc( ").concat(s,"vh - ").concat(this.headerHeight,"px ) )"),"--banner-mobile-hgt":"".concat(t,"px"),"--banner-cross-width":this.summitBanner.summitBannerSubHeading?"250px":"325px"}}},created:function(){this.summitBanner=this.segmentData.flexibleContent,this.headerHeight=this.setHeaderHeight(),this.summitBannerSettings=this.segmentData.flexibleContent.summitBannerSettings,this.cssVars=this.setCssVars()},mounted:function(){this.resetGradient(),requestAnimationFrame(this.animate)},beforeDestroy:function(){cancelAnimationFrame(this.animate)}},r=(t("Ps1J"),t("KHd+")),m=Object(r.a)(a,(function(){var e=this,s=e._self._c;return s("div",{staticClass:"summit-banner",style:e.cssVars,on:{mousemove:e.updateTarget,mouseleave:e.resetGradient,mouseenter:e.animateActiveToggle}},[s("SharedImage",{staticClass:"summit-banner__image",attrs:{image:e.summitBanner.summitBannerImage,sizes:"100vw"}}),s("div",{staticClass:"summit-banner__blobs"},[s("img",{ref:"green-blob",staticClass:"summit-banner__blob summit-banner__blob--green",attrs:{src:t("sBLG")}}),s("img",{ref:"green-blob2",staticClass:"summit-banner__blob summit-banner__blob--green",attrs:{src:t("sBLG")}}),s("img",{ref:"blue-blob",staticClass:"summit-banner__blob summit-banner__blob--blue",attrs:{src:t("0vZ1")}})]),s("div",{staticClass:"summit-banner__cross",class:{"summit-banner__cross--animate":1==e.animateActive}},[e._m(0),e._m(1),e._m(2),e._m(3)]),s("div",{staticClass:"summit-banner__crosses"}),s("div",{staticClass:"summit-banner__heading-container container trim-last"},[e.summitBanner.summitBannerHeading.heading?s("SharedHeading",{staticClass:"summit-banner__heading",attrs:{heading:e.summitBanner.summitBannerHeading}}):e._e(),e.summitBanner.summitBannerSubHeading.subHeading?s("SharedSubHeading",{staticClass:"summit-banner__sub-heading",attrs:{heading:e.summitBanner.summitBannerSubHeading}}):e._e()],1)],1)}),[function(){var e=this._self._c;return e("div",{staticClass:"summit-banner__line-container summit-banner__line-container--1"},[e("div",{staticClass:"summit-banner__line summit-banner__line--1 summit-banner__line--left-side summit-banner__line--bottom"})])},function(){var e=this._self._c;return e("div",{staticClass:"summit-banner__line-container summit-banner__line-container--2"},[e("div",{staticClass:"summit-banner__line summit-banner__line--2 summit-banner__line--left-side summit-banner__line--bottom"})])},function(){var e=this._self._c;return e("div",{staticClass:"summit-banner__line-container summit-banner__line-container--3"},[e("div",{staticClass:"summit-banner__line summit-banner__line--3 summit-banner__line--left-side summit-banner__line--top"})])},function(){var e=this._self._c;return e("div",{staticClass:"summit-banner__line-container summit-banner__line-container--4"},[e("div",{staticClass:"summit-banner__line summit-banner__line--4 summit-banner__line--right-side summit-banner__line--top"})])}],!1,null,null,null);s.default=m.exports},sBLG:function(e,s,t){e.exports=t.p+"assets/img/summit-banner-green.9ffbfa77.png"}}]);