1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8029],{30676:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/multitracks/[slug]",function(){return n(80788)}])},33250:function(e,t,n){"use strict";n.d(t,{h:function(){return y}});var r=n(15767),i=n(29071),o=n(23293),l=n(90678),a=n(37531),s=n(75271),c=n(51335),d=n(15441),p=n(5325),u=n(65652),h=n(29087),m=n(94151),g=n(11875),f=n(83252);class v extends s.Component{componentDidMount(){var e;(null===(e=this.props.dataStore)||void 0===e?void 0:e.currentUser)&&(this.componentState.loading=!0,(0,d.tI)(this.props.dataStore,this.props.product.id).then(e=>{var t;(null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.length)&&(this.componentState.wish=e.data[0]),this.componentState.loading=!1}))}async handleAddToWishlist(){this.componentState.loading=!0;try{let e=await (0,d.Mp)(this.props.dataStore,this.props.product);this.componentState.wish=e}finally{(0,o.z)(()=>{this.componentState.loading=!1})}}async handleRemoveFromWishlist(){let{t:e}=this.props;this.componentState.loading=!0;try{await (0,d.$f)(this.componentState.wish),this.componentState.wish=null}catch(t){(0,c.Am)(e("wishlist/error.removeWish"))}finally{(0,o.z)(()=>{this.componentState.loading=!1})}}render(){let{t:e}=this.props,{loading:t}=this.componentState;return this.props.dataStore.currentUser?this.componentState.wish?(0,i.tZ)(h.Av,{className:"w-full",variant:h.E1.Secondary,leftIcon:(0,i.tZ)(f.Z,{}),onClick:this.handleRemoveFromWishlist,isLoading:t,children:e("common/label.addedToWishlist")}):(0,i.tZ)(h.Av,{className:"w-full",variant:h.E1.Secondary,leftIcon:(0,i.tZ)(g.Z,{className:"text-text-tertiary size-5"}),onClick:this.handleAddToWishlist,isLoading:t,children:e("common/label.addToWishlist")}):(0,i.tZ)(m.T,{variant:"quiet",className:"w-full",children:(0,i.BX)(p.kC,{alignItems:p.g1.Center,justifyContent:p.uM.Center,children:[(0,i.tZ)(u.Z,{desktop:"0 8px 0",children:(0,i.tZ)(g.Z,{})}),e("common/label.logInToWishlist")]})})}constructor(...e){super(...e),this.componentState={loading:!1,wish:null}}}(0,r.gn)([o.LO,(0,r.w6)("design:type","undefined"==typeof IAddToWishlistState?Object:IAddToWishlistState)],v.prototype,"componentState",void 0),(0,r.gn)([o.aD.bound,(0,r.w6)("design:type",Function),(0,r.w6)("design:paramtypes",[]),(0,r.w6)("design:returntype",Promise)],v.prototype,"handleAddToWishlist",null),(0,r.gn)([o.aD.bound,(0,r.w6)("design:type",Function),(0,r.w6)("design:paramtypes",[]),(0,r.w6)("design:returntype",Promise)],v.prototype,"handleRemoveFromWishlist",null);let y=(0,a.Zh)()((0,l.f3)("dataStore")((0,l.Pi)(v)))},12969:function(e,t,n){"use strict";n.d(t,{Q:function(){return y}});var r=n(29071),i=n(54940),o=n(75271),l=n(37531),a=n(5325),s=n(66810),c=n(53689),d=n(16411);let p=(0,i.iv)(" padding-bottom:24px;");class u extends o.Component{render(){let{showTitle:e,showArtwork:t,showProducer:n,showDuration:i,showPlayButton:o,showPrice:l,t:u}=this.props;return(0,r.tZ)("div",{css:p,children:(0,r.BX)(a.kC,{alignItems:a.g1.Center,spacing:"16px",children:[o?(0,r.tZ)(s.B,{basis:d.X.desktop.PLAY}):null,t?(0,r.tZ)(s.B,{basis:d.X.desktop.ALBUM_COVER}):null,n?(0,r.tZ)(s.B,{grow:!0,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.trackBy")})}):null,e?(0,r.tZ)(s.B,{grow:!0,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.title")})}):null,(0,r.tZ)(s.B,{basis:d.X.desktop.KEY,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.key")})}),(0,r.tZ)(s.B,{basis:d.X.desktop.BPM,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.bpm")})}),i?(0,r.tZ)(s.B,{basis:d.X.desktop.DURATION,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.duration")})}):null,(0,r.tZ)(s.B,{basis:d.X.desktop.LIKES,children:(0,r.tZ)(c.xv,{color:c.d9.Secondary,children:u("common/multitracksList.header.likes")})}),l?(0,r.tZ)(s.B,{basis:d.X.desktop.PRICE}):null]})})}}u.defaultProps={showAuthor:!0,showDuration:!0,showPlayButton:!0,showPrice:!0};let h=(0,l.Zh)()(u);var m=n(35109),g=n(68818),f=n(90678),v=n(44450);let y=(0,f.Pi)(e=>{let{showTitle:t,showArtwork:n,showProducer:i=!0,showDuration:l=!0,showPlayButton:a=!0,showPrice:s=!0,hidePagination:c=!1,empty:p=null,view:u}=e;return p&&u.isEmpty?p:(0,r.BX)(o.Fragment,{children:[(0,r.tZ)(v.xu,{display:{base:"none",oldSm:"block"},children:(0,r.tZ)(h,{showTitle:t,showProducer:i,showDuration:l,showArtwork:n,showPlayButton:a,showPrice:s})}),(0,r.tZ)(m.l,{view:u,itemRender:e=>(0,r.tZ)(d.N,{showTitle:t,showProducer:i,showDuration:l,showArtwork:n,showPlayButton:a,showPrice:s,multitrack:e},e.id),gap:"8px"}),c?null:(0,r.tZ)(g.p,{view:u})]})})},97772:function(e,t,n){"use strict";n.d(t,{BX:function(){return o},_3:function(){return l},aR:function(){return s},kh:function(){return a}});var r=n(6910),i=n(54940);let o=e=>(0,i.iv)(" &:before{content:'';position:absolute;top:4px;left:4px;height:16px;width:16px;height:16px;width:16px;border:1px solid ",e.radio.borderColor,";border-radius:50%;}&::after{content:'';display:none;position:absolute;top:9px;left:9px;width:6px;height:6px;border-radius:50%;background:",e.radio.checkColor,";}"),l=e=>(0,i.iv)(" &:before{border-color:",e.radio.checkedBorderColor,";}&:after{display:block;}"),a=e=>(0,i.iv)(" &:before{border-color:",e.radio.borderColor,";}&:after{background:",e.radio.disabledCheckColor,";}"),s=(0,r.Z)("span",{target:"eeab64u0"})(" display:block;position:relative;width:24px;height:24px;",e=>{let{theme:t}=e;return o(t)},";",e=>{let{theme:t,checked:n}=e;return n&&l(t)},";",e=>{let{theme:t,disabled:n}=e;return n&&a(t)},";")},75470:function(e,t,n){"use strict";n.d(t,{E:function(){return l},Ul:function(){return m},v:function(){return o}});var r,i,o,l,a=n(29071),s=n(54940),c=n(42623),d=n(75271);(r=o||(o={})).Default="default",r.Error="error",r.Primary="primary",r.Secondary="secondary",r.Community="community",r.Master="master",r.Premium="premium",r.Enh
1ancement="enhancement",r.Patch="patch",r.Dark="dark",r.LightIndigo="lightIndigo",(i=l||(l={})).Normal="normal",i.Small="small";let p={normal:{fontSize:"16px",bulletSize:"6px"},small:{fontSize:"14px",bulletSize:"3px"}},u=(e,t,n,r)=>(0,s.iv)(" padding:0;margin:0;list-style:none;> li{position:relative;padding:0 0 8px ",r?"0":2*e.baseSpacing,"px;margin:0;font-size:",p[n].fontSize,";color:",e.ul.color,";",!r&&"\n &::before {\n position: absolute;\n top: 7px;\n left: 2px;\n content: '';\n background-color: ".concat(e.ul.bulletColors[t],";\n display: block;\n width: 1em;\n height: 1em;\n line-height: 18px;\n font-size: ").concat(p[n].bulletSize,";\n vertical-align: middle;\n border-radius: 50%;\n }\n ")," &:last-child{padding-bottom:0;}}");class h extends d.Component{render(){let{children:e,variant:t,size:n,theme:r,noBullets:i}=this.props;return(0,a.tZ)("ul",{css:u(r,t,n,i),children:d.Children.map(e,e=>e&&(0,a.tZ)("li",{children:e},e.key))})}}h.defaultProps={variant:"primary",size:"normal",noBullets:!1};let m=(0,c.b)(h)},32828:function(e,t,n){"use strict";n.d(t,{u:function(){return p}});var r=n(29071),i=n(54940),o=n(96290),l=n.n(o),a=n(16137),s=n.n(a),c=n(75271);let d=(0,i.iv)(" -webkit-touch-callout:none;user-select:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);");class p extends c.Component{componentDidMount(){requestAnimationFrame(this.draw)}componentDidUpdate(){requestAnimationFrame(this.draw)}draw(){let{mode:e}=this.props,t=this.canvasRef.current;t&&("default"===e?this.drawDefault(t):this.drawScrub(t))}drawScrub(e){let{width:t,centerOffset:n,height:r,horizontalBarHeight:i,disabledColor:o,barWidth:a,gap:c,data:d,gain:p,duration:u,currentTime:h,sampleStartTime:m,sampleEndTime:g,selectionColor:f,color:v}=this.props,y=e.getContext("2d");y.clearRect(0,0,e.width,e.height);let b=Math.round((t+c)/(a+c)),k=d.length/b,x=(l()(n,-1,1)+1)/2,Z=r*(1-x),w=t/u,S=w*h,C=w*m,T=w*g;y.fillStyle=o,y.fillRect(0,Math.floor(Z-i/2),t,i);for(let e=0;e<b;e++){let n=Math.floor(d[Math.round(e*k)]*p*r),i=(r-n)*x,l=Math.floor(r-i),u=Math.ceil(e*(a+c)+t/2-S);if(u<-a||u>t)continue;s()(u,t/2+C-S,t/2)?y.fillStyle=f:s()(u,t/2,t/2+T-S)?y.fillStyle=v:y.fillStyle=o;let h=Math.floor(l-Z);y.globalAlpha=.5,y.fillRect(u,l,a,-h),y.globalAlpha=1,y.fillRect(u,l-h,a,-n+h)}}drawDefault(e){let{data:t,gain:n,duration:r,currentTime:i,width:o,height:a,color:c,selectionColor:d,disabledColor:p,gap:u,barWidth:h,horizontalBarHeight:m,centerOffset:g,sampleStartTime:f,sampleEndTime:v}=this.props,y=e.getContext("2d");y.clearRect(0,0,e.width,e.height);let b=Math.round((o+u)/(h+u)),k=t.length/b,x=(l()(g,-1,1)+1)/2,Z=a*(1-x),w=Math.round(Z-m/2),S=o/r,C=Math.round(S*i),T=Math.round(S*f),M=S*v;y.fillStyle=p,y.fillRect(0,w,o,m);for(let e=0;e<b;e++){let r=Math.round(t[Math.round(e*k)]*n*a),i=(a-r)*x,o=Math.round(a-i),l=Math.round(e*(h+u));s()(l,T,M)?C>l?y.fillStyle=d:y.fillStyle=c:y.fillStyle=p;let m=Math.round(o-Z);y.globalAlpha=.5,y.fillRect(l,o,h,-m),y.globalAlpha=1,y.fillRect(l,o-m,h,-r+m)}y.fillStyle=d,y.fillRect(T,w,C-T,m)}render(){let{width:e,height:t}=this.props;return(0,r.tZ)("canvas",{ref:this.canvasRef,height:t,width:e,css:d})}constructor(e){super(e),this.canvasRef=(0,c.createRef)(),this.draw=this.draw.bind(this)}}p.defaultProps={mode:"default",zoomLevel:1,gap:1,barWidth:2,horizontalBarHeight:1,centerOffset:0,gain:1}},35109:function(e,t,n){"use strict";n.d(t,{l:function(){return b}});var r=n(29071),i=n(54940),o=n(88191),l=n.n(o),a=n(64410),s=n.n(a),c=n(90678),d=n(75271),p=n(22118),u=n(72474),h=n(8578);let m=(0,i.iv)(" display:flex;flex-direction:column;"),g=(0,i.iv)(" align-self:stretch;"),f=e=>(0,i.iv)(" margin-bottom:",e,";&:last-child{margin-bottom:0;}"),v=(0,i.iv)(" margin-bottom:28px;&:last-child{margin-bottom:0;}");class y extends d.Component{get groupedItems(){let{view:e,groupBy:t}=this.props;return l()(e.items,t)}render(){let{view:e,gap:t,itemRender:n,groupBy:i,groupLabel:o,emptyPlaceholder:l,dummyElement:a,hideDummy:c}=this.props;return a&&e.isLoading&&(!c||e.paginationType===u.P.Traditional)?(0,r.tZ)("div",{css:m,children:(0,r.tZ)("div",{css:g,children:s()(e.expectedElements,e=>(0,r.tZ)("div",{css:f(t),children:a},e))})}):(0,r.tZ)(p.ZP.Element,{id:e.name,children:(0,r.tZ)(h.f,{isLoading:e.isLoading&&e.paginationType===u.P.Traditional,children:e.items.length?(0,r.tZ)("div",{css:m,children:(0,r.tZ)("div",{css:g,children:i?Object.keys(this.groupedItems).map((e,i)=>(0,r.BX)("div",{css:v,children:[null==o?void 0:o(e),this.groupedItems[e].map(e=>(0,r.tZ)("div",{css:f(t),children:n(e,i)},e.id))]},e)):e.items.map((e,i)=>(0,r.tZ)("div",{css:f(t),children:n(e,i)},e.id))})}):l})})}}y.defaultProps={gap:0};let b=(0,c.Pi)(y)},68818:function(e,t,n){"use strict";n.d(t,{p:function(){return f}});var r=n(15767),i=n(29071),o=n(54940),l=n(23293),a=n(90678),s=n(75271),c=n(37531),d=n(22118),p=n(72474),u=n(29087),h=n(84176);let m=(0,o.iv)(" margin-top:32px;text-align:center;");class g extends s.Component{handlePageChange(e){let{view:t,uiStore:n}=this.props;n.setDisableHeaderPin(!0),t.pageNumber(e).fetch(),d.ZP.scroller.scrollTo(t.name,{duration:700,offset:-10,smooth:!0,dynamic:!0}),setTimeout(()=>{n.setDisableHeaderPin(!1)},700)}handleLoadMore(){this.props.view.fetchNext()}render(){let{view:e,t}=this.props;return e.paginationType===p.P.Traditional&&e.hasMultiplePages?(0,i.tZ)("div",{css:m,children:(0,i.tZ)(h.t,{pageCount:e.totalPages,pageRangeDisplayed:3,marginPagesDisplayed:2,onPageChange:this.handlePageChange,currentPage:e.currentPage})}):e.paginationType!==p.P.Infinite||e.isLastPage?null:(0,i.tZ)("div",{css:m,children:(0,i.tZ)(u.zx,{onClick:this.handleLoadMore,isLoading:e.isLoading,size:"sm",className:"mx-auto w-max",children:t("common/label.loadMore")})})}constructor(e){super(e),this.handleLoadMore=this.handleLoadMore.bind(this)}}(0,r.gn)([l.aD.bound,(0,r.w6)("design:type",Function),(0,r.w6)("design:paramtypes",[Number]),(0,r.w6)("design:returntype",void 0)],g.prototype,"handlePageChange",null);let f=(0,c.Zh)()((0,a.f3)("uiStore")((0,a.Pi)(g)))},79580:function(e,t,n){"use strict";n.d(t,{L:function(){return m}});var r=n(15767),i=n(29071),o=n(71734),l=n.n(o),a=n(96027),s=n.n(a),c=n(63469),d=n.n(c),p=n(23293),u=n(90678),h=n(75271);function m(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];
1function o(e){class n extends h.Component{componentDidMount(){window.addEventListener("resize",this.onWindowResize),this.updateMeasurements()}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize)}componentDidUpdate(e){if(t.length){for(let n of t)if(e[n]!==this.props[n]){this.updateMeasurements();return}}else for(let t of Object.keys(this.props))if(e[t]!==this.props[t]){this.updateMeasurements();return}}onWindowResize(){this.updateMeasurements()}updateMeasurements(){if(this.componentRef.current){let e=this.componentRef.current.getBoundingClientRect(),t=s()(e,"bottom","height","left","right","top","width");l()(this.componentState.bounds,t)||(this.componentState.bounds=t)}}render(){return(0,i.tZ)(e,{nodeRef:this.componentRef,...this.props,...this.componentState,remeasure:this.updateMeasurements})}constructor(e){super(e),this.componentState={bounds:{bottom:0,height:0,left:0,right:0,top:0,width:0}},this.componentRef=h.createRef(),this.updateMeasurements=d()(this.updateMeasurements.bind(this),1e3/60,{leading:!0,trailing:!0}),this.onWindowResize=this.onWindowResize.bind(this)}}return(0,r.gn)([p.LO,(0,r.w6)("design:type","undefined"==typeof IMeasureComponentState?Object:IMeasureComponentState)],n.prototype,"componentState",void 0),n=(0,r.gn)([u.Pi,(0,r.w6)("design:type",Function),(0,r.w6)("design:paramtypes",[void 0])],n)}return t.length>0&&"string"==typeof t[0]?o:o.apply(null,arguments)}},51235:function(e,t,n){"use strict";var r,i;n.d(t,{G:function(){return r}}),(i=r||(r={})).TypeDesktop="220px",i.TypeMobile="220px",i.ControlsDesktop="200px",i.ControlsMobile="82px"},80788:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return nE},default:function(){return nL}});var r,i,o,l,a=n(29071),s=n(90678),c=n(20059),d=n(96426),p=n(37531),u=n(70520);let h=e=>{let{multitrackId:t}=e,{t:n}=(0,p.$G)(),{store:r}=(0,d.o)(),i=r.data.findOne(c.H.MULTITRACK,t);if(!i)return null;let o=n("multitrack/seo.title",{title:i.song.title,artist:i.song.artist.name}),l=n("multitrack/seo.description",{type:n("common/multitrackType.".concat(i.multitrackType)),songName:i.song.title,producerName:i.producer.name,key:i.musicKey,bpm:i.bpm});return(0,a.tZ)(u.PB,{title:o,description:l,openGraph:{title:o,description:l,images:[{url:i.songArtworkVariations.facebookUrl,alt:"".concat(o," artwork")},{url:i.songArtworkVariations.twitterUrl,alt:"".concat(o," artwork")}]}})};var m=n(75271),g=n(21246),f=n(98809),v=n(51686),y=n(94132),b=n(53689),k=n(15767),x=n(34159),Z=n(23293),w=n(30332),S=n(10088),C=n(70401),T=n(34338),M=n(59404),P=n(29087),B=n(5325),D=n(66810),z=n(41354),X=n(33058),E=n(95235),L=n(58206),R=n(52058);class F extends m.Component{render(){let{t:e,multitrackType:t,closeModal:n}=this.props;return(0,a.BX)(R.P,{desktop:"480px",children:[(0,a.tZ)(E.x,{title:e("splitTrackModal/title"),onClose:n}),(0,a.tZ)(z.h,{children:(0,a.BX)(B.kC,{spacing:"32px",direction:B.Qb.Column,children:[(0,a.tZ)(D.B,{children:(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,children:e("splitTrackModal/description")})}),(0,a.BX)(D.B,{children:[(0,a.tZ)(v.H6,{margin:"0 0 14px",children:"1. ".concat(e("splitTrackModal/createYourMix.title"))}),(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,children:e("splitTrackModal/createYourMix.description")})]}),(0,a.BX)(D.B,{children:[(0,a.tZ)(v.H6,{margin:"0 0 14px",children:"2. ".concat(e("splitTrackModal/downloadFiles.title"))}),(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,children:e("splitTrackModal/downloadFiles.description")})]}),(0,a.BX)(D.B,{children:[(0,a.tZ)(v.H6,{margin:"0 0 14px",children:"3. ".concat(e("splitTrackModal/availableInPrime.title"))}),(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,children:e("splitTrackModal/availableInPrime.description")})]})]})}),(0,a.tZ)(X.m,{children:(0,a.tZ)(B.kC,{justifyContent:B.uM.Center,children:(0,a.tZ)(D.B,{basis:"240px",children:(0,a.tZ)(P.zx,{className:"w-full",variant:L.OV[t],onClick:n,children:e("splitTrackModal/action")})})})})]})}}let I=(0,p.Zh)()(F);var O=n(75523),V=n(41475),A=n(22502),H=n(95129),N=n(39554),G=n(68005),U=n(4002),_=n(3450),W=n(41116),j=n(55589),Y=n(82656),K=n(46282),$=n(67186),Q=n.n($),q=n(33250),J=n(53147),ee=n(75470);let et=(0,n(6910).Z)("button",{target:"e1owq2cv0"})(" appearance:none;display:block;width:100%;cursor:",e=>{let{onClick:t}=e;return t?"pointer":"inherit"},";padding:",e=>{let{theme:t,variant:n}=e;return t.accordion[n].header.padding},";border:0;text-align:left;background-color:",e=>{let{theme:t,variant:n}=e;return t.accordion[n].header.backgroundColor},";font-family:inherit;&:hover{background-color:",e=>{let{theme:t,variant:n}=e;return t.accordion[n].header.backgroundHoverColor},";}&:active{background-color:",e=>{let{theme:t,variant:n}=e;return t.accordion[n].header.backgroundActiveColor},";}&:focus:not(.focus-visible){outline:0;}");var en=n(14489),er=n(54940),ei=n(42623),eo=n(14635);function el(){let e=(0,en._)(["\n background: ",";\n border-bottom: ",";\n "]);return el=function(){return e},e}function ea(){let e=(0,en._)(["\n padding: ",";\n border-top: ",";\n "]);return ea=function(){return e},e}let es=e=>{let{isActive:t,variant:n,children:r,...i}=e,o=(0,ei.u)();return(0,a.tZ)(er.ms,{children:e=>{let{css:l}=e;return(0,a.tZ)(eo.Z,{duration:500,height:t?"auto":1,className:l(el(),o.accordion[n].panel.backgroundColor,o.accordion[n].panel.border),contentClassName:l(ea(),o.accordion[n].panel.padding,o.accordion[n].panel.border),...i,children:r})}})};(r=o||(o={})).Default="default",r.Primary="primary";let ec=(0,s.Pi)(e=>{let{header:t,isActive:n,children:r,variant:i="default",onClick:o}=e;return(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(et,{role:"button","aria-expanded":n?"true":"false",onClick:o,variant:i,children:t}),(0,a.tZ)(es,{isActive:n,role:"region",variant:i,children:r})]})});var ed=n(97772),ep=n(77153),eu=n(44450),eh=n(219);let em={[ep.R.Owned]:"multitrack/accessType.owned",[ep.R.Gifted]:"multitrack/accessType.gifted",[ep.R.Purchase]:"multitrack/accessType.purchase",[ep.R.Subscription]:"multitrack/accessType.subscription"},eg={community:P.vf.Teal,enhancement:P.vf.Yellow,lite:P.vf.Turquoise,master:P.vf.Blue,premium:P.vf.Pink,patch:P.vf.Red},ef=(0,s.Pi)(e=>{let{productVariant:t,isActive:n,children:r,multitrack:i,onChange:o}=e,{t:l}=(0,p.$G)();return(0,a.tZ)(ec,{isActive:n,onClick:()=>{o&&o(t)},header:(0,a.BX)(eu.kC,{gap:2,alignItems:"center",children:[(0,a.tZ)(D.B,{noShrink:!0,children:(0,a.tZ)(ed.aR,{checked:n})}),(0,a.tZ)(D.B,{grow:!0,children:(0,a.tZ)(b.xv,{size:b.yH.Normal,weight:b.fs.Bold,wordWrap:b._u.BreakWord,children:l("common/multitrackProductType.".concat(Q()(t.multitrackProductType)))})}),(0,a.tZ)(D.B,{noShrink:!0,children:(null==t?void 0:t.accessType)||t.actionType===eh.U.UnlockMultitrack?(0,a.tZ)(P._V,{color:eg[i.multitrackType],variant:P.CM.Outline,size:P.js.Lg,children:l(t.accessType?em[t.accessType]:em.subscription)}):(0,a.BX)(b.xv,{size:b.yH.Normal,weight:b.fs.Bold,children:[t.price,t.creditPrice?
1(0,a.BX)(b.xv,{size:b.yH.Normal,weight:b.fs.Normal,color:b.d9.Secondary,container:"span",children:["\xa0/\xa0",t.creditPriceFormatted]}):null]})})]}),children:r})}),ev={[J.y.Master]:ee.v.Master,[J.y.Community]:ee.v.Community,[J.y.Premium]:ee.v.Premium,[J.y.Enhancement]:ee.v.Enhancement,[J.y.Lite]:ee.v.Primary,[J.y.Patch]:ee.v.Patch},ey=(0,s.f3)("mixer")((0,s.Pi)(e=>{let{multitrack:t,productVariant:n,onProductVariantClick:r}=e,{t:i}=(0,p.$G)(),o=t.typeSortedVariants;return(0,a.BX)(eu.xu,{borderRadius:"sm",pt:2,border:"1px solid",borderColor:"gray.30",children:[null==o?void 0:o.map(e=>e.multitrackProductType!==S.H.ChordChart?(0,a.tZ)(ef,{productVariant:e,isActive:e.id===n.id,onChange:r,multitrack:t,children:(0,a.BX)(ee.Ul,{size:ee.E.Small,variant:ev[t.multitrackType],children:[i("multitrack/productVariant.".concat(Q()(e.multitrackProductType),".bullet1")),i("multitrack/productVariant.".concat(Q()(e.multitrackProductType),".bullet2")),i("multitrack/productVariant.".concat(Q()(e.multitrackProductType),".bullet3"))]})},e.id):null),(0,a.BX)(eu.xu,{px:6,pb:6,pt:4,children:[(null==t?void 0:t.sectionMarkersPresent)?null:(0,a.tZ)(eu.xu,{mb:4,children:(0,a.tZ)(ee.Ul,{size:ee.E.Small,variant:ee.v.Error,children:(0,a.tZ)(b.xv,{color:b.d9.Error,size:b.yH.Small,lineHeight:"18px",children:i("multitrack/noSectionMarkers")})})}),(0,a.tZ)(L.s7,{multitrack:t,productVariant:n}),(0,a.tZ)(q.h,{product:t.product})]})]})}));var eb=n(71439),ek=n(98053),ex=n(98942),eZ=n(926),ew=n(20326),eS=n.n(ew);let eC=(0,s.Pi)(e=>{var t,n,r,i;let{multitrack:o,productVariant:l,likeDisabled:s,onProductVariantClick:c}=e,{t:d}=(0,p.$G)(),u=(null===(t=o.song.album)||void 0===t?void 0:t.isArtworkCopyrighted)&&(!(null==l?void 0:l.accessType)||l.accessType===ep.R.Subscription)&&((null==l?void 0:l.actionType)===eh.U.UnlockMultitrack||(null==l?void 0:l.actionType)===eh.U.InPrime);return(0,a.BX)(G.$,{paddingDesktop:"40px 0 0 0",paddingTablet:"0",paddingMobile:"0",children:[(0,a.tZ)(eu.xu,{hideFrom:"oldMd",my:6,children:(0,a.tZ)(ex.Q,{multitrackId:o.id})}),(0,a.tZ)(Y.Ei,{media:(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(N.m,{isLoading:o.isPlayerLoading,disabled:!o.canPlay,isPlaying:o.isPlayerPlaying,onPlay:()=>{(0,V.Xh)(o)},tagType:o.multitrackType,children:(0,a.BX)(eu.xu,{position:"relative",h:"240px",w:"240px",overflow:"hidden",children:[(0,a.tZ)(eS(),{fill:!0,alt:"".concat(o.song.title,"'s artwork"),src:o.songArtworkVariations.smallUrl,className:u?(0,A.iv)({filter:"blur(20px)"}):void 0}),u&&(0,a.tZ)(eZ.K,{color:"white",position:"absolute",w:"2.875rem",top:"6rem",left:"6rem"})]})}),(0,a.tZ)(eu.xu,{mt:"6",children:(0,a.tZ)(O.c,{multitrack:o})})]}),content:(0,a.tZ)(K.m,{header:(0,a.tZ)(eu.xu,{mb:"1",children:(0,a.tZ)(W.o,{multitrack:o,disabled:s,showText:!0})}),content:(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(eu.xu,{mb:"1.5",children:(0,a.tZ)(v.H1,{children:o.song.title})}),(0,a.BX)(eu.kC,{gap:"2.5",alignItems:"center",direction:"row",children:[(0,a.tZ)(H.S,{imagePosition:H.K.left,imageSize:j._.Medium,textSize:b.yH.Large,textColor:b.d9.Secondary,user:o.producer}),(0,a.tZ)(eu.xu,{hideBelow:"oldMd",children:(0,a.tZ)(ex.Q,{multitrackId:o.id})})]})]}),footer:(0,a.BX)(m.Fragment,{children:[(0,a.BX)(_.Q,{children:[(0,a.tZ)(U.kI,{value:o.musicKey,label:d("common/field.key.label")}),(0,a.tZ)(U.kI,{value:o.bpm,label:d("common/field.bpm.label")}),(0,a.tZ)(U.kI,{value:o.timeSignature,label:d("common/label.timeSignature")})]}),(0,a.BX)(eu.kC,{mt:"6",gap:"6",w:"full",overflow:"hidden",children:[(0,a.BX)(eu.gC,{alignItems:"start",gap:"0",children:[(0,a.tZ)(P.xv,{fontSize:"sm",color:"gray.80",children:d("chordCharts/header.artist")}),(0,a.tZ)(eb.Z,{href:"/profile/".concat(o.song.artist.urlSlug),legacyBehavior:!0,passHref:!0,children:(0,a.tZ)(ek.r,{m:"0",_hover:{textDecoration:"none",color:"blue.500"},_dark:{color:"white"},fontSize:"md",children:null===(r=o.song)||void 0===r?void 0:null===(n=r.artist)||void 0===n?void 0:n.name})})]}),o.song.album?(0,a.BX)(eu.gC,{alignItems:"start",gap:"0",children:[(0,a.tZ)(P.xv,{fontSize:"sm",color:"gray.80",children:d("chordCharts/header.album")}),(0,a.tZ)(eb.Z,{href:"/albums/".concat(o.song.album.urlSlug),passHref:!0,legacyBehavior:!0,children:(0,a.tZ)(ek.r,{m:"0",_hover:{textDecoration:"none",color:"blue.500"},_dark:{color:"white"},fontSize:"md",children:null===(i=o.song)||void 0===i?void 0:i.album.title})})]}):null]})]})}),widerAction:!0,actions:o.producer.isCurrent?null:(0,a.tZ)(ey,{multitrack:o,productVariant:l,onProductVariantClick:c})})]})}),eT=(0,er.iv)(" position:relative;"),eM=(0,er.iv)(" z-index:0;"),eP=(0,er.iv)(" position:absolute;top:0;right:0;z-index:1;"),eB=(0,er.iv)(" position:absolute;bottom:0;right:16px;z-index:2;transform:translateY(50%);");class eD extends m.Component{render(){let{media:e,action:t,tag:n}=this.props;return(0,a.BX)("div",{css:eT,children:[(0,a.tZ)("div",{css:eM,children:e}),n&&(0,a.tZ)("div",{css:eP,children:n}),(0,a.tZ)("div",{css:eB,children:t})]})}}var ez=n(75276),eX=n(95051);let eE=(0,s.Pi)(e=>{var t;let{multitrack:n,likeDisabled:r,productVariant:i,onProductVariantClick:o}=e,{t:l}=(0,p.$G)(),s=(null===(t=n.song.album)||void 0===t?void 0:t.isArtworkCopyrighted)&&(!(null==i?void 0:i.accessType)||i.accessType===ep.R.Subscription)&&((null==i?void 0:i.actionType)===eh.U.UnlockMultitrack||(null==i?void 0:i.actionType)===eh.U.InPrime),c=n.isPlayerPlaying?ez.l.Pause:ez.l.Play;return(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(eD,{multitrackType:n.multitrackType,tag:(0,a.tZ)(eX.r,{type:n.multitrackType}),media:(0,a.BX)(eu.xu,{position:"relative",children:[(0,a.tZ)(eS(),{width:0,height:0,sizes:"100vw",alt:"".concat(n.song.title,"'s artwork"),src:n.songArtworkVariations.smallUrl,className:s?(0,A.iv)({filter:"blur(20px)",w:"full",h:"auto"}):(0,A.iv)({w:"full",h:"auto"})}),s&&(0,a.tZ)(eZ.K,{color:"white",position:"absolute",w:"2.875rem",top:"calc(50% - 1.43rem)",left:"calc(50% - 1.43rem)"})]}),action:(0,a.tZ)(ez.v,{isLoading:n.isPlayerLoading,variant:L.hY[n.multitrackType],state:c,disabled:!n.canPlay,onClick:()=>{(0,V.Xh)(n)}})}),(0,a.BX)(G.$,{paddingMobile:"14px 0 0 0",children:[(0,a.tZ)(eu.xu,{mb:"4",children:(0,a.tZ)(O.c,{multitrack:n})}),(0,a.tZ)(eu.xu,{mb:"4",children:(0,a.tZ)(W.o,{multitrack:n,disabled:r,showText:!0})}),(0,a.tZ)(eu.xu,{mb:"4",children:(0,a.tZ)(v.H1,{children:n.song.title})}),(0,a.tZ)(eu.xu,{mb:"4",children:(0,a.tZ)(H.S,{imagePosition:H.K.left,imageSize:j._.Medium,textSize:b.yH.Large,textColor:b.d9.Secondary,user:n.producer})}),(0,a.tZ)(ex.Q,{multitrackId:n.id}),(0,a.tZ)(eu.xu,{mb:"8",children:(0,a.BX)(_.Q,{children:[(0,a.tZ)(U.kI,{value:n.musicKey,label:l("common/field.key.label")}),(0,a.tZ)(U.kI,{value:n.bpm,label:l("common/field.bpm.label")}),(0,a.tZ)(U.kI,{value:n.timeSignature,label:l("common/label.timeSignature")})]})}),n.producer.isCurrent?null:(0,a.tZ)(ey,{multitrack:n,productVariant:i,onProductVariantClick:o})]})]})});class eL extends m.Component{handleVariantSelect(e){let{multitrack:t}=this.props;e!==this.componentState.productVariant&&(e.multitrackProductType===S.H.SplitTrack&&(0,C.o)(I,{multitrackType:t.multitrackType}),this.componentState.productVariant=e,this.updateMixerMode())}updateMixerMode(){let{productVariant:e}=this.componentState;e.multitrackProductType===S.H.SplitTrack?(this.props.mixer.setMode("configure"),e.splitMultitrack&&(0,T.eK)(this.props.mixer,e.splitMultitrack)):this.props.mixer.setMode("play")}render(){let{multitrack:e,store:t}=this.props,{productVariant:n}=this.componentState;return(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(x.Z,{maxWidth:w.l.SM,children:(0,a.tZ)(eE,{multitrack:e,productVariant:n,onProductVariantClick:this.handleVariantSelect,likeDisabled:!(null==t?void 0:t.data.currentUser)})}),(0,a.tZ)(x.Z,{minWidth:w.s.SM,children:(0,a.tZ)(eC,{multitrack:e,productVariant:n,onProductVariantClick:this.handleVariantSelect,likeDisabled:!(null==t?void 0:t.data.currentUser)})})]})}constructor(e){super(e),this.componentState={productVariant:null},this.componentState.productVariant=e.multitrack.actionSortedVariants[0],this.updateMixerMode(),this.updateMixerMode=this.updateMixerMode.bind(this)}}(0,k.gn)([Z.LO,(0,k.w6)("design:type","undefined"==typeof IMultitrackHeaderState?Object:IMultitrackHeaderState)],eL.prototype,"componentState",void 0),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[void 0===M.T?Object:M.T]),(0,k.w6)("design:returntype",void 0)],eL.prototype,"handleVariantSelect",null);
1let eR=(0,p.Zh)()((0,s.f3)("mixer","store")((0,s.Pi)(eL)));var eF=n(12969),eI=n(57204),eO=n(65652),eV=n(99911),eA=n.n(eV),eH=n(86781);let eN=e=>(0,er.iv)(" position:absolute;z-index:5;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;background:",e.modal.overlay.backgroundSecondary,";"),eG=e=>(0,er.iv)(" max-width:548px;box-shadow:0 20px 28px 0 ",e.modal.content.shadow,";"),eU=(0,er.iv)(" padding:32px;",eH.L.down("md")("\n padding: 0;\n "));class e_ extends m.Component{render(){let{t:e,theme:t}=this.props;return(0,a.tZ)("div",{css:eN(t),children:(0,a.BX)("div",{css:eG(t),children:[(0,a.tZ)(z.h,{children:(0,a.BX)("div",{css:eU,children:[(0,a.tZ)(eO.Z,{desktop:"0 0 30px",children:(0,a.tZ)(v.H2,{children:e("common/outdatedBrowser.title")})}),(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,children:e("common/outdatedBrowser.description")}),(0,a.tZ)(eO.Z,{desktop:"40px 12px 0",mobile:"40px 0 0",children:(0,a.BX)(B.kC,{justifyContent:B.uM.SpaceBetween,alignItems:B.g1.Center,children:[(0,a.tZ)(D.B,{children:(0,a.tZ)("a",{href:"https://www.google.com/chrome/",target:"_blank",role:"button",rel:"noopener noreferrer",children:(0,a.tZ)(eA(),{src:"/images/browsers/[email protected]",width:"58",height:"58",alt:"Chrome"})})}),(0,a.tZ)(D.B,{children:(0,a.tZ)("a",{href:"https://www.mozilla.org/en-US/firefox/new/",target:"_blank",role:"button",rel:"noopener noreferrer",children:(0,a.tZ)(eA(),{src:"/images/browsers/[email protected]",width:"58",height:"58",alt:"Firefox"})})}),(0,a.tZ)(D.B,{children:(0,a.tZ)("a",{href:"https://www.apple.com/macos",target:"_blank",role:"button",rel:"noopener noreferrer",children:(0,a.tZ)(eA(),{src:"/images/browsers/[email protected]",width:"58",height:"58",alt:"Safari"})})}),(0,a.tZ)(D.B,{children:(0,a.tZ)("a",{href:"https://www.microsoft.com/en-us/software-download/windows10ISO",target:"_blank",role:"button",rel:"noopener noreferrer",children:(0,a.tZ)(eA(),{src:"/images/browsers/[email protected]",width:"58",height:"58",alt:"Edge"})})})]})})]})}),(0,a.tZ)(X.m,{children:(0,a.tZ)(b.xv,{color:b.d9.Secondary,size:b.yH.Small,align:b.PH.Center,children:e("common/outdatedBrowser.footer")})})]})})}}let eW=(0,ei.b)((0,p.Zh)()(e_));var ej=n(53801),eY=n(977),eK=n(37546);(i=l||(l={})).Community="community",i.Master="master",i.Premium="premium",i.Enhancement="enhancement";let e$=(0,er.iv)(" border-radius:4px;display:flex;label:first-of-type{border-radius:4px 0 0 4px;}label:last-of-type{border-radius:0 4px 4px 0;}"),eQ=e=>(0,er.iv)(" padding:14px 24px;background-color:",e.radioGroup.unchecked.backgroundColor,";color:",e.radioGroup.unchecked.labelColor,";border:1px solid ",e.radioGroup.borderColor,";cursor:pointer;"),eq=(e,t)=>(0,er.iv)(" display:none;:checked + label{background-color:",e.radioGroup.checked.backgroundColor[t],";color:",e.radioGroup.checked.labelColor,";}");class eJ extends m.Component{render(){let{name:e,options:t,value:n,onChange:r,theme:i,variant:o}=this.props;return(0,a.tZ)("div",{css:e$,children:t.map(t=>(0,a.BX)(m.Fragment,{children:[(0,a.tZ)("input",{type:"radio",value:t.value,onChange:r,name:e,id:"".concat(e,"-").concat(t.value),checked:t.value===n,"aria-checked":t.value===n,css:eq(i,o)}),(0,a.tZ)("label",{htmlFor:"".concat(e,"-").concat(t.value),css:eQ(i),children:t.label})]},t.value))})}}eJ.defaultProps={variant:"community"};let e0=(0,ei.b)(eJ);var e1=n(30780);let e2=(0,er.iv)(" font-feature-settings:'tnum';font-variant-numeric:tabular-nums;"),e5=e=>(0,er.iv)(" color:",e.playerTimer.currentTimeColor,";"),e4=e=>(0,er.iv)(" display:inline-block;margin:0 2px;color:",e.playerTimer.color,";"),e3=e=>(0,er.iv)(" color:",e.playerTimer.durationColor,";");class e7 extends m.Component{render(){let{currentTime:e,duration:t,theme:n}=this.props;return(0,a.BX)("span",{css:e2,children:[(0,a.tZ)("span",{css:e5(n),children:(0,e1.oO)(e)}),(0,a.tZ)("span",{css:e4(n),children:"/"}),(0,a.tZ)("span",{css:e3(n),children:(0,e1.oO)(t)})]})}}let e6=(0,ei.b)((0,s.Pi)(e7));class e8 extends m.Component{get playButtonState(){return this.props.mixer.isPaused?ez.l.Play:ez.l.Pause}render(){let{mixer:e}=this.props;return(0,a.BX)(B.kC,{alignItems:B.g1.Center,spacing:"16px",children:[(0,a.tZ)(D.B,{children:(0,a.tZ)(ez.v,{variant:P.gZ.Outline,state:this.playButtonState,isLoading:e.isLoading,onClick:e.onTogglePlay})}),(0,a.tZ)(D.B,{children:(0,a.tZ)(e6,{currentTime:e.elapsedTime,duration:e.fullDuration})})]})}}(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0===ez.l?Object:ez.l)],e8.prototype,"playButtonState",null);let e9=(0,s.f3)("mixer")((0,s.Pi)(e8));
1class te extends m.Component{get keyOptions(){return(0,eK.a5)(eY.J,e=>ej.D[eY.J[e]])}handlePanModeChange(e){this.props.mixer.setPanMode(e.target.value)}render(){let{mixer:e,t}=this.props;return(0,a.BX)(B.kC,{spacing:"32px",alignItems:{xs:B.g1.Start,sm:B.g1.Center},direction:{xs:B.Qb.Column,sm:B.Qb.Row},children:[(0,a.tZ)(D.B,{children:(0,a.tZ)(e9,{})}),(0,a.tZ)(D.B,{grow:!0,children:(0,a.tZ)(e0,{name:"panMode",onChange:this.handlePanModeChange,value:e.panMode,variant:e.multitrack.multitrackType,options:[{label:t("common/processingType.stereo"),value:"stereo"},{label:t("common/processingType.split"),value:"split"}]})})]})}constructor(e){super(e),this.handlePanModeChange=this.handlePanModeChange.bind(this)}}(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],te.prototype,"keyOptions",null);let tt=(0,p.Zh)()((0,s.f3)("mixer")((0,s.Pi)(te)));var tn=n(88191),tr=n.n(tn),ti=n(10213);let to=e=>(0,er.iv)(" position:relative;height:100%;width:0px;&::before{display:block;position:absolute;top:0;right:-1px;bottom:0;left:-1px;content:'';width:2px;background:",e.needle.background,";}"),tl=e=>(0,er.iv)(" display:inline-block;color:",e.needle.text,";background:",e.needle.background,";transform:translateX(-100%);padding:0 16px;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:16px;font-weight:bold;line-height:1.5;text-align:center;font-feature-settings:'tnum';font-variant-numeric:tabular-nums;");class ta extends m.Component{render(){let{time:e,theme:t}=this.props;return(0,a.tZ)("div",{css:to(t),children:(0,a.tZ)("span",{css:tl(t),children:(0,e1.oO)(e)})})}}let ts=(0,ei.b)(ta);var tc=n(96290),td=n.n(tc),tp=n(51235);let tu=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,er.iv)(" position:absolute;top:",e.top?e.top:0,";bottom:",e.bottom?e.bottom:0,";left:",tp.G.TypeDesktop,";width:calc(100% - ",tp.G.TypeDesktop," - ",tp.G.ControlsDesktop,");",eH.L.down("sm")("\n left: ".concat(tp.G.TypeMobile,";\n width: calc(100% - ").concat(tp.G.TypeMobile," - ").concat(tp.G.ControlsMobile,");\n ")))},th=(0,er.iv)(" display:inline-block;position:absolute;top:0;bottom:0;z-index:1;will-change:transform;transform:translate3d(0,0,0);"),tm=e=>(0,er.iv)(" display:inline-block;position:absolute;top:0;bottom:0;z-index:0;width:2px;background:",e.needle.background,";");class tg extends m.Component{get getNeedleStyle(){var e;let{mixer:t}=this.props;if(!(null===(e=this.containerRef)||void 0===e?void 0:e.current)){let e=td()(t.elapsedTime*(100/t.fullDuration),0,100);return{left:"".concat(e,"%")}}let n=this.containerRef.current.getBoundingClientRect(),r=t.elapsedTime/t.fullDuration*n.width;return{left:"0",transform:"translate3d(".concat(r,"px, 0, 0)")}}get getPointerStyle(){let{pointerX:e,isPointerVisible:t}=this.componentState;return{left:e,opacity:t?1:0}}getPointerX(e){return e-this.containerRef.current.getBoundingClientRect().left}handleMouseMove(e){this.componentState.isPointerVisible=!0,this.componentState.pointerX=this.getPointerX(e.clientX)}handleMouseLeave(){this.componentState.isPointerVisible=!1}handleClick(e){let{mixer:t}=this.props;this.componentState.isPointerVisible=!1;let n=this.getPointerX(e.clientX),r=this.containerRef.current.getBoundingClientRect(),i=t.multitrack.duration/r.width*n;t.onFullMultitrackSeek(i)}render(){let{className:e,pointerClassName:t,mixer:n,needle:r,padding:i,theme:o}=this.props;return(0,a.BX)("div",{ref:this.containerRef,className:e,css:tu(i),onMouseMove:this.handleMouseMove,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,role:"presentation",children:[(0,a.tZ)(ti.Qj,{children:()=>r&&(0,a.tZ)("div",{css:th,style:this.getNeedleStyle,children:r(n.elapsedTime)})}),(0,a.tZ)("div",{className:t,css:tm(o),style:this.getPointerStyle})]})}constructor(e){super(e),this.componentState={pointerX:0,isPointerVisible:!1},this.containerRef=(0,m.createRef)()}}(0,k.gn)([Z.LO,(0,k.w6)("design:type","undefined"==typeof IMixerTimelineComponentState?Object:IMixerTimelineComponentState)],tg.prototype,"componentState",void 0),(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],tg.prototype,"getNeedleStyle",null),(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],tg.prototype,"getPointerStyle",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[void 0===m.MouseEvent?Object:m.MouseEvent]),(0,k.w6)("design:returntype",void 0)],tg.prototype,"handleMouseMove",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],tg.prototype,"handleMouseLeave",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[void 0===m.MouseEvent?Object:m.MouseEvent]),(0,k.w6)("design:returntype",void 0)],tg.prototype,"handleClick",null);let tf=(0,ei.b)((0,s.f3)("mixer")((0,s.Pi)(tg))),tv=(0,er.iv)(" padding-bottom:48px;&:last-child{padding-bottom:0;}",eH.L.down("sm")("\n padding-bottom: 0;\n margin-top: 48px;\n "));class ty extends m.Component{render(){let{label:e,children:t}=this.props;return(0,a.tZ)("div",{css:tv,children:(0,a.tZ)(y.s,{title:(0,a.tZ)(b.xv,{color:b.d9.Secondary,children:e}),children:t})})}}let tb=(0,s.Pi)(ty);var tk=n(29132);let tx=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,er.iv)(" position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;&:before{position:absolute;display:block;content:'';top:2px;left:2px;bottom:2px;right:2px;border:1px solid ",n?t:e,";border-radius:50%;transition:border-color 0.2s ease-in-out;}> svg{position:relative;display:block;flex-shrink:0;color:",n?t:e,";path{transition:fill 0.2s ease-in-out,stroke 0.2s ease-in-out;fill:",n?t:e,";}}> svg[fill='none'] path{fill:none;stroke:currentColor;}")},tZ=e=>(0,er.iv)(" position:absolute;top:2px;left:2px;color:",e,";");class tw extends m.Component{render(){let{theme:e,primaryColor:t=e.circleIcon.primaryColor,secondaryColor:n=e.circleIcon.secondaryColor,isLoading:r,children:i}=this.props;return(0,a.BX)("div",{css:tx(t,n,r),children:[i,r&&(0,a.tZ)("div",{css:tZ(t),children:(0,a.tZ)(tk.H,{className:"size-9 stroke-1 text-current"})})]})}}let tS=(0,ei.b)(tw),tC=(0,er.iv)(" display:flex;flex-direction:row;align-items:center;"),tT=(0,er.iv)(" flex:0 0 auto;width:",tp.G.TypeDesktop,";",eH.L.down("sm")("\n width: ".concat(tp.G.TypeMobile,";\n "))),tM=(0,er.iv)(" min-width:0;flex:1 1 0%;"),tP=(0,er.iv)(" flex:0 0 auto;display:flex;justify-content:flex-end;width:",tp.G.ControlsDesktop,";",eH.L.down("sm")("\n width: ".concat(tp.G.ControlsMobile,";\n ")));class tB extends m.Component{render(){let{leftActions:e,rightActions:t,children:n}=this.props;return(0,a.BX)("div",{css:tC,children:[(0,a.tZ)("div",{css:tT,children:e}),(0,a.tZ)("div",{css:tM,children:n}),(0,a.tZ)("div",{css:tP,children:t})]})}}let tD=(0,ei.b)((0,s.Pi)(tB));var tz=n(40021);let tX=e=>{let{label:t,isActive:n=!1,onToggle:r}=e;return(0,a.tZ)("button",{"data-active":n,className:(0,tz.cn)("max-oldSm:w-6.25 max-oldSm:min-w-0 max-oldSm:px-0 max-oldSm:text-[0px] max-oldSm:first-letter:text-sm inline-block min-w-20 cursor-pointer rounded-2xl border border-[var(--color-track-toggle-border,#4a6670)] bg-[var(--color-track-toggle-bg,#243338)] px-1.75 pt-0.25 pb-0.5 text-center text-sm leading-[1.43] text-[var(--color-track-toggle-text,#e5e8e8)] focu
1s-visible:ring-2 focus-visible:ring-[var(--color-track-toggle-active-border,#00d6ff)] focus-visible:outline-none data-[active=true]:border-[var(--color-track-toggle-active-border,#00d6ff)] data-[active=true]:bg-[var(--color-track-toggle-active-bg,#00d6ff)] data-[active=true]:text-[var(--color-track-toggle-active-text,#192c33)]"),onClick:r,type:"button",children:t})};var tE=n(67002),tL=n(56411),tR=n.n(tL),tF=n(72896),tI=n.n(tF),tO=n(36896),tV=n.n(tO),tA=n(92009),tH=n(94865),tN=n(13297),tG=n(95309),tU=n(40214),t_=n(10724),tW=n(46045),tj=n.n(tW),tY=n(57827),tK=n.n(tY),t$=n(12339),tQ=n.n(t$),tq=n(90734),tJ=n.n(tq);class t0 extends m.Component{render(){return this.icons[this.props.category]||this.icons.default}constructor(...e){super(...e),this.icons={default:(0,a.tZ)(tA.Z,{className:"size-4"}),[eI.f.Bass]:(0,a.tZ)(tR(),{}),[eI.f.Brass]:(0,a.tZ)(tI(),{}),[eI.f.ClickCues]:(0,a.tZ)(tV(),{}),[eI.f.Drums]:(0,a.tZ)(tH.Z,{className:"size-4"}),[eI.f.Fx]:(0,a.tZ)(tj(),{}),[eI.f.Guitars]:(0,a.tZ)(tN.Z,{className:"size-4"}),[eI.f.Keys]:(0,a.tZ)(tG.Z,{className:"size-4"}),[eI.f.Loop]:(0,a.tZ)(tU.Z,{className:"size-4"}),[eI.f.Other]:(0,a.tZ)(tA.Z,{className:"size-4"}),[eI.f.Percussion]:(0,a.tZ)(tK(),{}),[eI.f.Strings]:(0,a.tZ)(tQ(),{}),[eI.f.Vocals]:(0,a.tZ)(t_.Z,{className:"size-4"}),[eI.f.Winds]:(0,a.tZ)(tJ(),{})}}}var t1=n(19191);let t2=(0,er.iv)(" border-radius:100px;position:absolute;bottom:0;background-color:#a2b1b3;z-index:1;padding:10px;width:27px;height:80px;"),t5=(0,er.iv)(" border-radius:5px;background-color:white;width:2px;height:100%;position:relative;margin-left:2px;"),t4=(0,er.iv)(" width:8px;height:8px;background-color:white;border-radius:50%;margin-left:-3px;position:absolute;");class t3 extends m.Component{handleDrag(e){e.preventDefault(),this.setDrag(e.clientY)}handleTouchMove(e){e.preventDefault(),this.setDrag(e.nativeEvent.changedTouches[0].clientY)}setDrag(e){if(this.componentState.isDragging){this.componentState.currentY=e;let t=(this.componentState.startY-this.componentState.currentY)/52;this.props.onVolumeChange(this.props.volume+t),this.componentState.startY=this.componentState.currentY}}handleTouchStart(e){this.setDragStart(e.nativeEvent.changedTouches[0].clientY),(0,t1.XD)()}handleDragStart(e){this.setDragStart(e.clientY)}setDragStart(e){this.componentState.isDragging=!0,this.componentState.startY=e,this.componentState.currentY=e}handleTouchEnd(){(0,t1.Vw)(),this.handleDragEnd()}handleDragEnd(){this.componentState.isDragging=!1,this.componentState.startY=null}render(){let{volume:e}=this.props;return(0,a.tZ)("div",{css:t2,onMouseDown:this.handleDragStart,onTouchStart:this.handleTouchStart,onMouseUp:this.handleDragEnd,onMouseLeave:this.handleDragEnd,onTouchEnd:this.handleTouchEnd,onMouseMove:this.handleDrag,onTouchMove:this.handleTouchMove,onTouchCancel:this.handleTouchEnd,role:"button",children:(0,a.tZ)("div",{css:t5,children:(0,a.tZ)("div",{css:t4,style:{transform:"translateY(".concat((1-e)*52,"px)")}})})})}constructor(e){super(e),this.componentState={startY:null,currentY:null,isDragging:!1},this.handleTouchStart=this.handleTouchStart.bind(this),this.handleDragStart=this.handleDragStart.bind(this),this.handleTouchEnd=this.handleTouchEnd.bind(this)}}(0,k.gn)([Z.LO,(0,k.w6)("design:type","undefined"==typeof IMixerTrackVolumeControlRangeState?Object:IMixerTrackVolumeControlRangeState)],t3.prototype,"componentState",void 0),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[void 0===m.MouseEvent?Object:m.MouseEvent]),(0,k.w6)("design:returntype",void 0)],t3.prototype,"handleDrag",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[void 0===m.TouchEvent?Object:m.TouchEvent]),(0,k.w6)("design:returntype",void 0)],t3.prototype,"handleTouchMove",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[Number]),(0,k.w6)("design:returntype",void 0)],t3.prototype,"setDrag",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[Number]),(0,k.w6)("design:returntype",void 0)],t3.prototype,"setDragStart",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],t3.prototype,"handleDragEnd",null);let t7=(0,s.Pi)(t3);var t6=n(63393);let t8=(0,er.iv)(" display:flex;align-items:center;"),t9=(0,er.iv)(" border:1px solid #d7e1e6;padding:1px 2px 3px 5px;border-radius:50%;"),ne=(0,er.iv)(" margin-left:8px;position:relative;");class nt extends m.Component{get formattedVolume(){let{mixerTrack:e}=this.props;return"".concat(Math.round(100*e.volume),"%")}handleOpenControl(){this.componentState.isControlOpen=!0}handleCloseControl(){this.componentState.isControlOpen=!1}handleToggleControl(){this.componentState.isControlOpen=!this.componentState.isControlOpen}render(){let{mixerTrack:e,disabled:t}=this.props;return(0,a.BX)("div",{css:t8,children:[(0,a.tZ)("div",{children:(0,a.tZ)(b.xv,{size:b.yH.Small,color:b.d9.Secondary,align:b.PH.Right,container:"span",children:this.formattedVolume})}),(0,a.BX)("div",{css:ne,onMouseEnter:!t&&this.handleOpenControl,onMouseLeave:!t&&this.handleCloseControl,onTouchEnd:!t&&this.handleToggleControl,children:[!t&&this.componentState.isControlOpen?(0,a.tZ)(t7,{volume:e.volume,onVolumeChange:e.setVolume}):null,(0,a.tZ)("div",{css:t9,children:(0,a.tZ)(t6.Z,{})})]})]})}constructor(...e){super(...e),this.componentState={isControlOpen:!1}}}(0,k.gn)([Z.LO,(0,k.w6)("design:type","undefined"==typeof IMixerTrackVolumeControlState?Object:IMixerTrackVolumeControlState)],nt.prototype,"componentState",void 0),(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",String)],nt.prototype,"formattedVolume",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],nt.prototype,"handleOpenControl",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],nt.prototype,"handleCloseControl",null),(0,k.gn)([Z.aD.bound,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],nt.prototype,"handleToggleControl",null);let nn=(0,s.Pi)(nt);var nr=n(79580),ni=n(32828);class no extends m.Component{render(){let{bounds:e,nodeRef:t,mixerTrack:n,mixer:r,theme:i}=this.props;return(0,a.tZ)("div",{ref:t,children:(0,a.tZ)(ni.u,{width:e.width,height:48,data:n.track.waveform.left,duration:n.track.waveform.duration,gap:1,currentTime:r.elapsedTime,sampleStartTime:r.multitrack.sampleStart,sampleEndTime:r.multitrack.sampleEnd,color:i.multitrackPlayer[r.multitrack.multitrackType].waveform.color,selectionColor:i.multitrackPlayer[r.multitrack.multitrackType].waveform.selectionColor,disabledColor:i.multitrackPlayer[r.multitrack.multitrackType].waveform.disabledColor,gain:"configure"===r.mode?n.volume:1})})}}let nl=(0,ei.b)((0,nr.L)((0,s.f3)("mixer")((0,s.Pi)(no)))),na=e=>(0,er.iv)(" padding:12px 0;opacity:",e?.3:1,";pointer-events:",e?"none":"auto",";"),ns=(0,er.iv)(" padding-left:16px;"),nc=(0,er.iv)(" padding-right:16px;");
1class nd extends m.Component{onSoloToggle(){this.props.mixer.onSoloToggle(this.props.mixerTrack)}onMuteToggle(){this.props.mixer.onMuteToggle(this.props.mixerTrack)}render(){let{mixerTrack:e,mixer:t,theme:n,t:r}=this.props;return(0,a.tZ)("div",{css:na(e.isDisabled),children:(0,a.tZ)(tD,{leftActions:(0,a.tZ)("div",{css:nc,children:(0,a.BX)(B.kC,{spacing:"16px",alignItems:B.g1.Center,children:[(0,a.tZ)(D.B,{children:(0,a.tZ)(tS,{primaryColor:n.multitrackPlayer[t.multitrack.multitrackType].icon.primaryColor,secondaryColor:n.multitrackPlayer[t.multitrack.multitrackType].icon.secondaryColor,isLoading:e.isLoading,children:(0,a.tZ)(t0,{category:e.track.trackType.category})})}),(0,a.tZ)(D.B,{children:(0,a.tZ)(tE.k,{children:(0,a.tZ)(v.H5,{children:e.track.trackType.name})})})]})}),rightActions:(0,a.tZ)("div",{css:ns,children:(0,a.BX)(B.kC,{spacing:"16px",children:["configure"===t.mode?(0,a.tZ)(D.B,{children:(0,a.tZ)(nn,{mixerTrack:e})}):null,"play"===t.mode?(0,a.tZ)(D.B,{children:(0,a.tZ)(tX,{label:r("common/label.solo"),isActive:e.isSolo,onToggle:this.onSoloToggle})}):null,(0,a.tZ)(D.B,{children:(0,a.tZ)(tX,{label:r("common/label.mute"),isActive:e.isMuted,onToggle:this.onMuteToggle})})]})}),children:(0,a.tZ)(nl,{mixerTrack:e})})})}constructor(e){super(e),this.onSoloToggle=this.onSoloToggle.bind(this),this.onMuteToggle=this.onMuteToggle.bind(this)}}let np=(0,p.Zh)()((0,ei.b)((0,s.f3)("mixer")((0,s.Pi)(nd))));class nu extends m.Component{get groupedTracks(){return tr()(this.props.mixer.tracks,e=>e.track.trackType.category)}get filteredGroupCategoryOrder(){return this.props.mixer.vocalsEnabled?nx:nx.filter(e=>e!==eI.f.Vocals)}needle(e){return(0,a.tZ)(ts,{time:e})}render(){let{t:e}=this.props;return(0,a.BX)("div",{style:{position:"relative"},children:[(0,a.tZ)(tf,{needle:this.needle}),(0,a.tZ)(ti.Qj,{children:()=>this.filteredGroupCategoryOrder.map(t=>{let n=this.groupedTracks[t];return n&&(0,a.tZ)(tb,{label:e("common/trackTypeCategory.".concat(Q()(t))),children:n.map(e=>(0,a.tZ)(np,{mixerTrack:e},e.track.id))},t)})})]})}}(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],nu.prototype,"groupedTracks",null),(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",Array)],nu.prototype,"filteredGroupCategoryOrder",null);let nh=(0,p.Zh)()((0,s.f3)("mixer")((0,s.Pi)(nu)));class nm extends m.Component{render(){let{nodeRef:e,mixerTrack:t,mixer:n,theme:r,bounds:i}=this.props;return(0,a.tZ)("div",{ref:e,children:(0,a.tZ)(ni.u,{width:i.width,height:48,data:t.track.waveform.left,duration:t.track.waveform.duration,gap:1,currentTime:n.elapsedTime,sampleStartTime:n.multitrack.sampleStart,sampleEndTime:n.multitrack.sampleEnd,color:r.multitrackPlayer[n.multitrack.multitrackType].waveform.color,selectionColor:r.multitrackPlayer[n.multitrack.multitrackType].waveform.selectionColor,disabledColor:r.multitrackPlayer[n.multitrack.multitrackType].waveform.disabledColor,mode:"scrub",gain:"configure"===n.mode?t.volume:1})})}}let ng=(0,ei.b)((0,nr.L)((0,s.f3)("mixer")((0,s.Pi)(nm)))),nf=e=>(0,er.iv)(" opacity:",e?.3:1,";pointer-events:",e?"none":"auto",";");class nv extends m.Component{onSoloToggle(){this.props.mixer.onSoloToggle(this.props.mixerTrack)}onMuteToggle(){this.props.mixer.onMuteToggle(this.props.mixerTrack)}render(){let{mixerTrack:e,mixer:t,theme:n,t:r}=this.props;return(0,a.BX)("div",{css:nf(e.isDisabled),children:[(0,a.tZ)(eO.Z,{desktop:"0 0 16px",children:(0,a.BX)(B.kC,{justifyContent:B.uM.SpaceBetween,alignItems:B.g1.Center,children:[(0,a.tZ)(D.B,{children:(0,a.BX)(B.kC,{spacing:"16px",alignItems:B.g1.Center,children:[(0,a.tZ)(D.B,{children:(0,a.tZ)(tS,{primaryColor:n.multitrackPlayer[t.multitrack.multitrackType].icon.primaryColor,secondaryColor:n.multitrackPlayer[t.multitrack.multitrackType].icon.secondaryColor,isLoading:e.isLoading,children:(0,a.tZ)(t0,{category:e.track.trackType.category})})}),(0,a.tZ)(D.B,{children:(0,a.tZ)(tE.k,{children:(0,a.tZ)(v.H5,{children:e.track.trackType.name})})})]})}),(0,a.tZ)(D.B,{children:(0,a.BX)(B.kC,{spacing:"16px",children:["configure"===t.mode?(0,a.tZ)(D.B,{children:(0,a.tZ)(nn,{mixerTrack:e})}):null,"play"===t.mode?(0,a.tZ)(D.B,{children:(0,a.tZ)(tX,{label:r("common/label.solo"),isActive:e.isSolo,onToggle:this.onSoloToggle})}):null,(0,a.tZ)(D.B,{children:(0,a.tZ)(tX,{label:r("common/label.mute"),isActive:e.isMuted,onToggle:this.onMuteToggle})})]})})]})}),(0,a.tZ)(eO.Z,{desktop:"0 -16px 32px",children:(0,a.tZ)(ng,{mixerTrack:e})})]})}constructor(e){super(e),this.onSoloToggle=this.onSoloToggle.bind(this),this.onMuteToggle=this.onMuteToggle.bind(this)}}let ny=(0,ei.b)((0,p.Zh)()((0,s.f3)("mixer")((0,s.Pi)(nv))));
1class nb extends m.Component{get groupedTracks(){return tr()(this.props.mixer.tracks,e=>e.track.trackType.category)}get filteredGroupCategoryOrder(){return this.props.mixer.vocalsEnabled?nx:nx.filter(e=>e!==eI.f.Vocals)}render(){let{t:e}=this.props;return this.filteredGroupCategoryOrder.map(t=>{let n=this.groupedTracks[t];return n&&(0,a.tZ)(tb,{label:e("common/trackTypeCategory.".concat(Q()(t))),children:n.map(e=>(0,a.tZ)(ny,{mixerTrack:e},e.track.id))},t)})}}(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",void 0)],nb.prototype,"groupedTracks",null),(0,k.gn)([Z.Fl,(0,k.w6)("design:type",Function),(0,k.w6)("design:paramtypes",[]),(0,k.w6)("design:returntype",Array)],nb.prototype,"filteredGroupCategoryOrder",null);let nk=(0,p.Zh)()((0,s.f3)("mixer")((0,s.Pi)(nb))),nx=[eI.f.ClickCues,eI.f.Drums,eI.f.Guitars,eI.f.Bass,eI.f.Keys,eI.f.Vocals,eI.f.Loop,eI.f.Fx,eI.f.Percussion,eI.f.Strings,eI.f.Brass,eI.f.Winds,eI.f.Other];class nZ extends m.Component{render(){let{multitrackMixer:e}=this.props;return(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(eO.Z,{desktop:"0 0 48px",children:"configure"===e.mode?(0,a.tZ)(tt,{}):(0,a.tZ)(e9,{})}),(0,a.tZ)(x.Z,{maxWidth:w.l.SM,children:(0,a.tZ)(nk,{})}),(0,a.tZ)(x.Z,{minWidth:w.s.SM,children:(0,a.tZ)(nh,{})}),e.isUnsupported?(0,a.tZ)(eW,{}):null]})}}let nw=(0,s.Pi)(nZ);var nS=n(1720),nC=n(92456),nT=n(66583),nM=n(55028),nP=n(74818);let nB=e=>{let{id:t,isLiked:n}=e,{t:r}=(0,p.$G)(),{store:i}=(0,d.o)(),o=i.data.findOne(c.H.MULTITRACK,t),l=i.data.findView(nC.n.MultitrackSongsMultitracks),u=i.data.findView(nC.n.MultitrackRelatedSongs),h=(0,m.useMemo)(()=>o?new nT.w(o):null,[o]);return((0,m.useEffect)(()=>()=>{null==h||h.stop()},[h]),(0,m.useEffect)(()=>{o&&(o.isLiked=n,window.dataLayer.push((0,nP.g)(o,i.data.currentUser)))},[o,i.data.currentUser,n]),o)?(0,a.tZ)(a.HY,{children:(0,a.BX)(g.k,{multitrackId:o.id,children:[(0,a.tZ)(eu.W2,{oldSmDown:{p:0},children:(0,a.tZ)(f.V,{multitrackId:o.id,className:"pt-2.5 md:pt-10"})}),(0,a.tZ)(s.zt,{mixer:h,children:(0,a.BX)(m.Fragment,{children:[(0,a.tZ)(eR,{multitrack:o}),(nM.Cl||nM.cm||nM.yG)&&!o.filesAccessible?(0,a.tZ)(eu.W2,{children:(0,a.tZ)(b.xv,{color:b.d9.Error,children:"Files not migrated."})}):null,o.hasTracks&&(0,a.tZ)(G.$,{relative:!0,paddingDesktop:"80px 0",children:(0,a.tZ)(nw,{multitrack:o,multitrackMixer:h})})]})}),l.isEmpty?null:(0,a.tZ)(G.$,{paddingDesktop:"47px 0 0",children:(0,a.tZ)(y.s,{title:(0,a.tZ)(v.H3,{children:r("multitrack/otherArrangementsTitle")}),children:(0,a.tZ)(eF.Q,{view:l})})}),u.isEmpty?null:(0,a.tZ)(G.$,{paddingDesktop:"80px 0 0",children:(0,a.tZ)(y.s,{title:(0,a.tZ)(v.H3,{children:r("multitrack/relatedSongsTitle",{count:u.totalCount})}),children:(0,a.tZ)(nS.D,{songs:u.items})})})]})}):null};var nD=n(60879),nz=n(98423),nX=n.n(nz),nE=!0,nL=(0,s.Pi)(e=>{let{id:t,isLiked:n}=e;return(0,a.BX)(a.HY,{children:[(0,a.tZ)(h,{multitrackId:t}),(0,a.tZ)(nB,{id:t,isLiked:n}),(0,a.tZ)(nX(),{src:"".concat(nD.H,"/lib/rehearsal-player-umd"),type:"text/javascript"})]})})},15441:function(e,t,n){"use strict";n.d(t,{$f:function(){return l},Mp:function(){return o},tI:function(){return i}});var r=n(25025);async function i(e,t){return e.fetchAll(r.X.type,{filter:{product:t}})}async function o(e,t){return new r.X({product:t},e).save({include:["product"]})}async function l(e){await e.destroy()}},74818:function(e,t,n){"use strict";n.d(t,{g:function(){return i}});var r=n(53863);let i=(e,t)=>({event:"productView",items:(0,r.hc)([e]),user:(0,r.PR)(t)})},56411:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M13.297 14.816c-.143-.057-.253-.093-.41-.183-.14-.08-.525-.3-.697-.712h-.001l-.035-.08c-.007-.02-.013-.032-.021-.05l-1.322 1.333a.52.52 0 0 1-.34.153.52.52 0 0 1-.39-.138.49.49 0 0 1-.012-.707l1.64-1.654c-.571-1.414-.574-1.69-.57-1.828.007-.262.032-.465.054-.63.016-.127.032-.257.017-.282.004.01-.396.148-.993 1.352l-.147.31c-.11.24-.197.43-.401.698-.347.458-.65.682-.735.74-.215.147-.373.207-.944.415l-.587.213c-.354.128-.465.168-.646.243-.341.144-.606.257-.802.387-.74.494-.898 1.5-.9 1.51-.145.941.422 1.731 1.078 2.645.385.535.822.966 1.033 1.174.176.173.377.36.657.561.34.242.488.343.706.391.04.01.346.075.677-.034.626-.206.928-.919 1.006-1.133.073-.199.097-.357.127-.557.039-.264.087-.594.26-1.09.082-.228.209-.525.486-.818.195-.209.433-.378.706-.504.307-.118.563-.25.816-.42.266-.18.498-.339.675-.623.119-.189.214-.354.178-.478a.457.457 0 0 0-.163-.204zM20.27 4.461l.148 1.931a.508.508 0 0 1-.477.537l-.007.001a.509.509 0 0 1-.545-.456l-6.474 6.528c.06.145.118.283.19.448l.04.092c.04.1.214.197.27.23a.646.646 0 0 0 .147.065c.085.028.2.066.354.177.122.088.423.34.537.734.158.553-.134 1.017-.291 1.267-.29.463-.666.72-.97.926a4.848 4.848 0 0 1-.996.517 1.2 1.2 0 0 0-.352.26 1.238 1.238 0 0 0-.268.464 4.272 4.272 0 0 0-.217.91c-.034.224-.068.457-.177.75-.148.41-.61 1.405-1.647 1.747a2.403 2.403 0 0 1-1.246.062c-.43-.095-.717-.3-1.081-.56a6.24 6.24 0 0 1-.778-.662c-.232-.228-.711-.7-1.133-1.288-.73-1.
1014-1.47-2.045-1.263-3.376.022-.146.246-1.464 1.338-2.192.277-.185.585-.316.94-.466.234-.097.354-.14.733-.278l.584-.212c.552-.2.614-.229.713-.297.01-.006.225-.155.496-.512.137-.182.19-.3.29-.513.044-.096.094-.205.158-.335.677-1.365 1.275-1.774 1.658-1.878.099-.025.373-.097.676.027a.977.977 0 0 1 .478.42c.194.312.155.616.117.91-.018.14-.041.311-.046.532.002.037.039.254.33 1.01l6.314-6.365.455-1.278a.521.521 0 0 1 .554-.335c.243.03.43.221.448.458zM7.544 15.946l1.451 1.537a.491.491 0 0 1-.034.707.534.534 0 0 1-.316.13.52.52 0 0 1-.413-.161l-1.45-1.537a.49.49 0 0 1 .033-.706.526.526 0 0 1 .73.03z"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},72896:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M13.702 10.123c.512-1.326 1.317-3.601 1.598-5.458 1.001.815 3.045 2.86 3.86 3.86-1.857.282-4.132 1.086-5.458 1.598zm-1.375 3.66a.839.839 0 0 1 0 1.184l-3.152 3.15a.838.838 0 0 1-1.184 0l-.197-.195a.839.839 0 0 1 0-1.184l1.575-1.575.001-.001.001-.001 1.575-1.575a.836.836 0 0 1 1.184 0l.197.197zM14.95 3.35c-.283-.025-.544.245-.563.51-.172 2.405-1.757 6.275-2.01 6.88l-1.468 1.469-.908-.907a.5.5 0 0 0-.707.707l.908.907L9.016 14.1l-.906-.907a.5.5 0 0 0-.707.707l.906.907-1.183 1.184-.907-.907a.5.5 0 0 0-.707.707l.907.907-1.815 1.815-.277-.277a.5.5 0 0 0-.707.707l1.261 1.26a.502.502 0 0 0 .707 0 .499.499 0 0 0 0-.706l-.277-.277 1.334-1.334c.086.27.228.528.443.742l.197.197c.357.358.828.536 1.298.536.471 0 .941-.178 1.3-.537l3.151-3.151a1.84 1.84 0 0 0 0-2.598l-.197-.197a1.825 1.825 0 0 0-.74-.443l.986-.987c.605-.253 4.476-1.837 6.88-2.01.266-.02.517-.296.511-.563-.02-.807-4.718-5.505-5.525-5.525z"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},36896:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M11.515 19a.483.483 0 0 1-.471-.377l-1.375-6.191-1.135 2.836a.48.48 0 0 1-.85.088L6.115 13H3.5a.5.5 0 0 1 0-1h2.667c.167 0 .323.083.416.223l1.25 1.875 1.425-3.561a.5.5 0 0 1 .953.077l1.263 5.687 2.203-11.01a.5.5 0 0 1 .98 0l1.595 7.973 1.117-1.118a.504.504 0 0 1 .354-.146H19.5a.5.5 0 1 1 0 1h-1.785l-1.574 1.573a.48.48 0 0 1-.813-.246l-1.242-6.208-2.098 10.493a.483.483 0 0 1-.468.388h-.005z"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},46045:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M4 16.926V7h6.034v1.274H5.372v3.192H9.6v1.288H5.372v4.172H4zm12.578-4.97l3.332 4.97h-1.638l-2.506-3.878-2.562 3.878h-1.61l3.388-4.97L11.622 7h1.652l2.506 3.892L18.328 7h1.624l-3.374 4.956z"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},57827:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M15.85 13.77c-2.681-.894-5.777-4.239-6.617-6.624.254-.364.537-.717.867-1.047.234-.234.482-.443.735-.639 1.105 2.457 4.003 5.548 6.687 6.712-.193.249-.39.498-.621.729a7.667 7.667 0 0 1-1.051.869m-6.533.167a.486.486 0 0 0-.101-.152.512.512 0 0 0-.153-.102c-1.247-1.373-1.361-3.494-.452-5.45 1.112 2.279 3.64 4.991 6.126 6.169-1.948.894-4.054.776-5.42-.465m5.489-9.938c1.156 0 2.23.384 3.02 1.174 1.495 1.495 1.512 3.993.26 6.157-2.55-1.007-5.461-4.133-6.411-6.438 1.015-.587 2.105-.893 3.13-.893m3.729.467c-2.266-2.264-6.366-1.849-9.142.926-2.63 2.629-3.136 6.445-1.257 8.766l-5.423 5.424a.5.5 0 0 0 .707.707l5.439-5.44c.933.754 2.093 1.145 3.335 1.145 1.847 0 3.844-.815 5.415-2.386 2.776-2.776 3.19-6.876.926-9.142"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},12339:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M14.528 12.767l-.349.348a3.5 3.5 0 0 0-3.9.714 3.497 3.497 0 0 0-.715 3.9l-.348.35a3.26 3.26 0 0 1-4.605 0 3.26 3.26 0 0 1 0-4.605l.348-.35c1.316.59 2.87.319 3.901-.712a3.498 3.498 0 0 0 .714-3.902l.35-.348a3.252 3.252 0 0 1 4.215-.318l-2.002 2a.5.5 0 0 0 .707.708l2.002-2.001a3.254 3.254 0 0 1-.318 4.216zm4.514-8.412l.473-.473a.5.5 0 0 0-.707-.707l-.473.473-.444-.443a.5.5 0 0 0-.707.707l.444.443-2.782 2.782c-1.669-1.315-4.092-1.222-5.63.318l-.88.879.196.334a2.501 2.501 0 0 1-.379 3.037 2.5 2.5 0 0 1-3.036.378l-.334-.196-.88.88a4.262 4.262 0 0 0 0 6.019c.83.83 1.92 1.245 3.01 1.245 1.09 0 2.18-.415 3.01-1.245l.88-.88-.196-.333a2.5 2.5 0 0 1 .378-3.036 2.497 2.497 0 0 1 3.037-.38l.333.196.88-.88c1.54-1.538 1.632-3.96.318-5.63l2.782-2.781.443.443a.495.495 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.443-.443zM8.084 5.777a.499.499 0 0 0 .693.14.5.5 0 0 0 .139-.695l-2-3a.5.5 0 1 0-.832.555l2 3zM15.916 15.223a.5.5 0 1 0-.832.555l2 3a.5.5 0 0 0 .832-.555l-2-3z"}))}i.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=i,i.default=i},90734:function(e,t,n){var r=n(75271);function i(e){return r.createElement("svg",e,r.createElement("path",{fill:"#A2B1B3",fillRule:"evenodd",d:"M17.061 9.193l1.778-3.16-.872-.87-3.156 1.78.555.556.958-.685.732.732-.684.958.69.69zm-9.573 9.644l8.877-8.876-2.313-2.312-.01-.017-8.88 8.88c-.198.198-.159.572.083.815l1.428 1.428c.243.243.618.283.815.082zM19.848 5.58c.165.163.2.417.085.619l-2.096 3.728a.498.498 0 0 1-.085.112L8.22 19.57a1.49 1.49 0 0 1-1.062.431c-.432 0-.875-.173-1.217-.515L4.514 18.06c-.65-.651-.689-1.674-.084-2.28l9.516-9.514a.523.523 0 0 1 .111-.085L17.8 4.067c.201-.115.456-.08.62.085l1.428 1.428zM7.544 15.359a.777.777 0 1 1 1.098 1.098.777.777 0 0 1-1.098-1.098zm2.196-2.196a.777.777 0 1 1 1.098 1.098.777.777 0 0 1-1.098-1.098zm2.195-2.196a.777.777 0 1 1 1.099 1.098.777.777 0 0 1-1.099-1.098z"}))}i.defaultProps={viewBox:"0 0 24 24"},e.exports=i,i.default=i}},function(e){e.O(0,[2118,2349,8478,2696,6411,6078,9865,1052,3404,2888,9774,179],function(){return e(e.s=30676)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.