https://volumo.com/_next/static/chunks/9190-c5a0e905147e4c57.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9190],{3128:e=>{e.exports={"button--primary":"MultiToggleBase_button--primary__Uv3oA","button--secondary":"MultiToggleBase_button--secondary__vvZN_","button--basic":"MultiToggleBase_button--basic__xnP1H"}},4517:e=>{e.exports={start:"RangeSlider_start__fD8t8",end:"RangeSlider_end__lMJg9",title:"RangeSlider_title__efmIb",disabled:"RangeSlider_disabled__fam1P",slider:"RangeSlider_slider__8G77d",value:"RangeSlider_value__ckgYo"}},4624:e=>{e.exports={root:"TabSwitch_root__KG2w5","root--standard":"TabSwitch_root--standard__KpQQY",nowrap:"TabSwitch_nowrap__b_7if"}},5423:e=>{e.exports={root:"KeysignsKeyboard_root__ziLOT",keyboard:"KeysignsKeyboard_keyboard__R4w_R",keyRoot:"KeysignsKeyboard_keyRoot__DJJ7c",whiteKey:"KeysignsKeyboard_whiteKey__Tr_CW",blackKey:"KeysignsKeyboard_blackKey__9yg52",buttons:"KeysignsKeyboard_buttons__nSyRr",buttonSelected:"KeysignsKeyboard_buttonSelected__DvAV0"}},12175:(e,t,a)=>{"use strict";a.d(t,{n:()=>m});var l=a(80263),r=a(25758),i=a(12556),s=a(97930),n=a(50016),o=a(13463),c=a(53239),d=a(45856),u=a(85);let m=c.memo(e=>{let{onGetItemHref:t,itemType:a}=e,{t:c}=(0,o.c3)(),{setValue:m,value:h}=(0,d.t)("curation"),{isAboveSm:v}=(0,i.yU)();return(0,l.jsxs)(s.xA,{alignItems:"center",autoFlow:v?"column":"row",columns:v?"1fr 1fr":"1fr",horizontalSpacing:6,verticalSpacing:4,children:[(0,l.jsx)(r.X,{options:(0,u.Ie)(c,a),prefetch:!1,value:h,onGetItemHref:t,onValueChange:m}),(0,l.jsx)(s.xA,{verticalSpacing:2,children:(0,u.Ie)(c,a).reverse().map(e=>(0,l.jsxs)(s.xA,{children:[(0,l.jsx)(n.V,{variant:"body1",children:e.text}),(0,l.jsx)(n.V,{color:"secondary",variant:"body1",children:e.secondaryText})]}))})]})});m.displayName="CurationMultiSelectFilter"},15071:e=>{e.exports={flag:"CountryValue_flag__PdCT_"}},21383:(e,t,a)=>{"use strict";a.d(t,{y:()=>b});var l=a(80263),r=a(49708),i=a(53239),s=a(12556),n=a(97930),o=a(41974),c=a(78852),d=a(50016),u=a(13463),m=a(45856),h=a(85),v=a(52293),x=a.n(v);let _=i.memo(e=>{let{onGetItemHref:t,itemType:a}=e,{t:r}=(0,u.c3)(),{setValue:v,value:_}=(0,m.t)("includeOperator"),{isAboveSm:b}=(0,s.yU)(),f=(0,i.useMemo)(()=>(0,h.pu)(r,a),[r,a]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(n.xA,{columns:b?"1fr 1fr":"1fr",horizontalSpacing:6,verticalSpacing:3,children:[(0,l.jsx)(o.D,{buttonClassName:x().button,options:f,prefetch:!1,value:_,variant:"secondary",onChange:v,onGetItemHref:t}),(0,l.jsx)(d.V,{align:b?"left":"center",color:"secondary",variant:"body2",children:f.find(e=>e.value===_)?.secondaryText})]}),(0,l.jsx)(c.K,{mt:3})]})});_.displayName="IncludeOperatorMultiToggleFilter";let b=i.memo(e=>{let{name:t,onGetItemHref:a,onGetIncludeOperatorHref:i,options:s,hasMultiToggleFilter:n,itemType:

1o}=e,{setValue:c,value:d}=(0,m.t)(t);return(0,l.jsxs)(l.Fragment,{children:[n&&(0,l.jsx)(_,{itemType:o,onGetItemHref:i}),(0,l.jsx)(r.C,{options:s,value:d,onGetItemHref:a,onValueChange:c})]})});b.displayName="IncludeMultiSelectFilter"},25758:(e,t,a)=>{"use strict";a.d(t,{X:()=>o});var l=a(80263),r=a(62907),i=a(904);a(53239);var s=a(88703),n=a.n(s);let o=e=>{let{options:t,value:a,onValueChange:s,onGetItemHref:o,prefetch:c,...d}=e,u=a?t.findIndex(e=>e.value===a):-1;return(0,l.jsx)(i.v,{...d,children:(0,l.jsx)("div",{className:n().root,children:(0,l.jsx)("div",{className:n().buttons,children:t.map((e,t,a)=>{let i=100-100/a.length*t,o=t===a.length-1;return(0,l.jsxs)(r.u,{"aria-selected":t>=u||void 0,className:n().buttonBase,prefetch:c,style:{width:`${i}%`,height:`${i}%`,justifyContent:o?"center":"space-between"},onClick:()=>s(e.value),children:[(0,l.jsx)("span",{children:e.text}),!o&&(0,l.jsx)("span",{children:e.text})]},t)})})})})}},28967:(e,t,a)=>{"use strict";a.d(t,{B:()=>i});var l=a(80263);a(53239);var r=a(62017);let i=e=>{let{allowExtraBottomSpace:t,children:a,leftSidebar:i,topLine:s}=e;return(0,l.jsx)(r.s,{allowExtraBottomSpace:t,leftSidebar:i,topLine:s,children:a})};i.displayName="UserContentLayout"},29913:(e,t,a)=>{"use strict";a.d(t,{F:()=>k});var l=a(80263),r=a(33756),i=a(62907),s=a(41974),n=a(13463),o=a(53239),c=a(35872),d=a.n(c);let u={circleOfFifths:{flats:{minor:["Am","Em","Bm","G♭m","D♭m","G♯m","E♭m","B♭m","Fm","Cm","Gm","Dm"],major:["C","G","D","A","E","B","G♭","D♭","A♭","E♭","B♭","F"]},sharps:{minor:["Am","Em","Bm","F♯m","C♯m","G♯m","D♯m","A♯m","Fm","Cm","Gm","Dm"],major:["C","G","D","A","E","B","F♯","C♯","A♭","E♭","B♭","F"]}},harmonicMixingWheel:{sharps:{minor:["C♯m","G♯m","D♯m","A♯m","Fm","Cm","Gm","Dm","Am","Em","Bm","F♯m"],major:["E","B","F♯","C♯","G♯","D♯","A♯","F","C","G","D","A"]}}},m=e=>{let{onChange:t,value:a,type:c}=e,{t:m}=(0,n.c3)(),[h,v]=(0,o.useState)("flats"),x="circleOfFifths"===c?u[c][h]:u[c].sharps,_=[{text:m("Flats"),value:"flats"},{text:m("Sharps"),value:"sharps"}];return(0,l.jsxs)("div",{className:d().root,children:[(0,l.jsxs)("div",{className:d().circle,children:[(0,l.jsx)("div",{className:d().outerCircle,children:x.major?.map((e,s)=>{let n=a?.some(t=>t===e);return(0,l.jsx)("div",{className:d().outerSector,style:{transform:`rotateZ(${30*s}deg)`},children:(0,l.jsx)(i.u,{"aria-selected":n||void 0,className:d().major,onClick:()=>{e&&(n?t?.(a?.filter(t=>t!==e)):t?.([...a,e]))},children:(0,l.jsx)("div",{style:{transform:`rotateZ(-${30*s}deg)`},children:"circleOfFifths"===c?e:r.o.find(t=>t.notation===e)?.camelot})})},e)})}),(0,l.jsx)("div",{className:d().innerCircle,children:x.minor?.map((e,s)=>{let n=a?.some(t=>t===e);return(0,l.jsx)("div",{className:d().innerSector,style:{transform:`rotateZ(${30*s}deg)`},children:(0,l.jsx)(i.u,{"aria-selected":n||void 0,className:d().minor,onClick:()=>{e&&(n?t?.(a?.filter(t=>t!==e)):t?.([...a,e]))},children:(0,l.jsx)("span",{style:{transform:`rotateZ(-${30*s}deg)`},children:"circleOfFifths"===c?e:r.o.find(t=>t.notation===e)?.camelot})})},e)})})]}),"circleOfFifths"===c&&(0,l.jsx)(s.D,{className:d().buttons,options:_,value:h,variant:"basic",onChange:v})]})};var h=a(97930),v=a(78852),x=a(5423),_=a.n(x);let b={flats:{minor:[{white:"Cm",black:"D♭m"},{white:"Dm",black:"E♭m"},{white:"Em"},{white:"Fm",black:"G♭m"},{white:"Gm",black:"A♭m"},{white:"Am",black:"B♭m"},{white:"Bm"}],major:[{white:"C",black:"D♭"},{white:"D",black:"E♭"},{white:"E"},{white:"F",black:"G♭"},{white:"G",black:"A♭"},{white:"A",black:"B♭"},{white:"B"}]},sharps:{minor:[{white:"Cm",black:"C♯m"},{white:"Dm",black:"D♯m"},{white:"Em"},{white:"Fm",black:"F♯m"},{white:"Gm",black:"G♯m"},{white:"Am",black:"A♯m"},{white:"Bm"}],major:[{white:"C",black:"C♯"},{white:"D",black:"D♯"},{white:"E"},{white:"F",black:"F♯"},{white:"G",black:"G♯"},{white:"A",black:"A♯"},{white:"B"}]}},f=e=>{let{onChange:t,value:a}=e,{t:r}=(0,n.c3)(),[c,d]=(0,o.useState)("flats"),[u,m]=(0,o.useState)("major"),x=b[c][u],f=[{text:r("Flats"),value:"flats"},{text:r("Sharps"),value:"sharps"}],g=[{text:r("Minor"),value:"minor"},{text:r("Major"),value:"major"}];return(0,l.jsxs)("div",{className:_().root,children:[(0,l.jsx)("div",{className:_().keyboard,children:x.map((e,r)=>{let{white:s,black:n}=e,o=a?.some(e=>e===s),c=a?.some(e=>e===n);return s?(0,l.jsxs)("div",{className:_().keyRoot,children:[(0,l.jsx)(i.u,{"aria-selected":o||void 0,className:_().whiteKey,onClick:()=>{o?t?.(a?.filter(e=>e!==s)):t?.([...a,s])},children:s}),n&&(0,l.jsx)(i.u,{"aria-selected":c||void 0,className:_().blackKey,onClick:()=>{c?t?.(a?.filter(e=>e!==n)):t?.([...a,n])},children:n})]},r):null})}),(0,l.jsx)(v.K,{mb:.5}),(0,l.jsxs)(h.xA,{autoFlow:"column",className:_().buttons,justifyContent:"space-between",children:[(0,l.jsx)(s.D,{options:f,value:c,variant:"basic",onChange:d}),(0,l.jsx)(s.D,{options:g,value:u,variant:"basic",onChange:m})]})]})};var g=a(65714),y=a(74319),p=a.n(y);let j=e=>{let{value:t=[],onValueChange:a,defaultTabId:r,onTabIdChange:i}=e,{t:s}=(0,n.c3)(),[c,d]=(0,o.useState)(r||"harmonicMixingWheel"),u=(0,o.useCallback)(e=>{e&&(d(e),i?.(e))},[i]),x=[{id:"harmonicMixingWheel",title:s("Harmonic wheel"),component:(0,l.jsx)(m,{type:"harmonicMixingWheel",value:t,onChange:a})},{id:"circleOfFifths",title:s("Circle of fifths"),component:(0,l.jsx)(m,{type:"circleOfFifths",value:t,onChange:a})}

1,{id:"keyboard",title:s("Keyboard"),component:(0,l.jsx)(f,{value:t,onChange:a})}],_=x?.find(e=>e.id===c);return(0,l.jsxs)(h.xA,{className:p().root,children:[(0,l.jsx)(g.u,{className:p().tabs,itemClassName:p().tab,items:x?.map(e=>({id:e.id,title:e.title})),selectedId:c,onClick:u}),(0,l.jsx)(v.K,{mb:4}),_?(0,l.jsx)("div",{children:_.component}):null]})};j.displayName="KeysignSelect",a(49708),a(84045),a(25758);var C=a(45856),N=a(49107);let k=o.memo(e=>{let{name:t}=e,{setValue:a,value:r}=(0,C.t)(t);return(0,l.jsx)(j,{defaultTabId:(0,N.tO)(),value:r,onTabIdChange:N.q_,onValueChange:a})});k.displayName="KeysignSelectFilter"},32984:(e,t,a)=>{"use strict";a.d(t,{y:()=>b});var l=a(80263),r=a(57975),i=a(97930),s=a(904),n=a(21551),o=a(50016),c=a(40377),d=a(3638),u=a(53239),m=a(4517),h=a.n(m);let v=e=>{let{disabled:t,error:a,formatStartValue:m,formatEndValue:v,label:x,labelOption:_,mini:b,required:f,onChange:g,...y}=e,p=y.value??y.defaultValue??[y.min,y.max],[j,C]=(0,u.useState)(p),N=(0,u.useCallback)(e=>{Array.isArray(e)&&(C(e),g?.(e))},[g]);return(0,r.T)(y.defaultValue,(e,t)=>{void 0!==y.value||(0,c.bN)(e,t)||C(t)}),(0,r.T)(y.value,(e,t)=>{if(!(0,c.bN)(e,t)){let e=t??y.defaultValue;(0,c.bN)(e,j)||C(e)}}),(0,l.jsxs)(s.v,{disabled:t,error:a,labelOption:_,mini:b,required:f,children:[(0,l.jsxs)(i.xA,{alignItems:"center",autoFlow:"column",columns:"1fr 1.5fr 1fr",children:[(0,l.jsx)("div",{className:(0,d.A)(h().start,t&&h().disabled),children:m?m(j[0]):j[0]}),(0,l.jsx)(o.V,{className:(0,d.A)(h().title,t&&h().disabled),variant:"vividH2",children:x}),(0,l.jsx)("div",{className:(0,d.A)(h().end,t&&h().disabled),children:v?v(j[1]):j[1]})]}),(0,l.jsx)(n.t,{className:h().slider,disabled:t,onChange:N,...y})]})};var x=a(13463),_=a(45856);let b=u.memo(e=>{let{label:t,min:a,max:i,name:s,step:n,formatStartValue:o,formatEndValue:d}=e,{t:m}=(0,x.c3)(),{setValue:h,value:b}=(0,_.t)(s),[f,g]=(0,u.useState)(b);return(0,r.T)(b,(e,t)=>{(0,c.bN)(e,t)||g(t)}),(0,l.jsx)(v,{defaultValue:[a,i],formatEndValue:e=>d(e,m,i),formatStartValue:e=>o(e,m,a),label:t,max:i,min:a,name:s,step:n,value:[f[0]??a,f[1]??i],onChange:e=>g(e),onChangeCommitted:e=>{h([void 0===e[0]||e[0]<=a?void 0:e[0],void 0===e[1]||e[1]>=i?void 0:e[1]])}})});b.displayName="SliderFilter"},35574:e=>{e.exports={root:"IncludeMultiSelectItem_root__Ae3kk"}},35872:e=>{e.exports={root:"KeysignsCircle_root__zbdJ1",circle:"KeysignsCircle_circle__HSjvq",outerCircle:"KeysignsCircle_outerCircle__SH_qs",innerCircle:"KeysignsCircle_innerCircle__JwCG3",innerSector:"KeysignsCircle_innerSector__Abih8",outerSector:"KeysignsCircle_outerSector__DpAjH",major:"KeysignsCircle_major__rehWK",minor:"KeysignsCircle_minor__w_Kw4",buttons:"KeysignsCircle_buttons__BnZij",buttonSelected:"KeysignsCircle_buttonSelected__ui_20"}},41974:(e,t,a)=>{"use strict";a.d(t,{D:()=>m});var l=a(80263),r=a(97930),i=a(50016),s=a(76995),n=a(3638),o=a(53239),c=a(3128),d=a.n(c);let u=(e,t)=>void 0!==e&&Array.isArray(t)&&t.includes(e)||e===t,m=o.memo(e=>{let{className:t,buttonClassName:a,id:o,initialValue:c,options:m,prefetch:h,selectionType:v,value:x,onChange:_,onGetItemHref:b,variant:f="primary"}=e,g=x?m.findIndex(e=>u(e.value,x)):-1;return(0,l.jsx)("div",{className:t,id:o,children:(0,l.jsx)(s.W,{..."multiple"===v?{initialValue:c,multiple:!0,value:x,onChange:_}:{initialValue:c,value:x,onChange:_},children:(0,l.jsx)(r.xA,{autoColumns:"basic"===f?"auto":"1fr",autoFlow:"column",horizontalSpacing:"basic"===f?1.5:.5,children:m.map((e,t)=>(0,l.jsx)(s.f,{"aria-selected":("cumulative"===v?t<=g:u(e.value,x))||void 0,className:(0,n.A)(d()[`button--${f}`],a),href:b?.(e.value),prefetch:h,shape:"square",size:"small",value:e.value,children:(0,l.jsx)(i.V,{variant:"body2",children:e.text??`${e.value}`})},`${e.value}`))})})})});m.displayName="MultiToggle"},49708:(e,t,a)=>{"use strict";a.d(t,{C:()=>_});var l=a(80263),r=a(97930),i=a(92839),s=a(904),n=a(53239),o=a(51571),c=a.n(o),d=a(62907),u=a(78852),m=a(35574),h=a.n(m);let v=n.memo(e=>{let{active:t,href:a,id:r,title:i,icon:s,onClickItem:o}=e,c=(0,n.useCallback)(()=>o(r,!1),[r,o]);return(0,l.jsxs)(d.u,{"aria-selected":t||void 0,className:h().root,href:a,onClick:c,children:[s&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{height:20,width:20}),(0,l.jsx)(u.K,{mt:1.5})]}),i]})});v.displayName="IncludeMultiSelectItem";let x={followed:i.lM$,exclusive:i.fLk,purchased:i.N4d,charted:i.THQ,free:i.wEl,"volumo-direct":i.f5q},_=e=>{let{options:t,value:a,onValueChange:i,onGetItemHref:o,...d}=e,u=(0,n.useCallback)(e=>{Array.isArray(a)&&a.includes(e)?i(a.filter(t=>e!==t)):i(a&&a instanceof Array?[...a,e]:[e])},[t,a,i]);return(0,l.jsx)("div",{className:c().root,...d,children:(0,l.jsx)(s.v,{children:(0,l.jsx)(r.xA,{columns:t?.length?t.length<=3?`repeat(${t.length}, 1fr)`:4===t.length?"repeat(2, 1fr)":"repeat(3, 1fr)":"1fr",horizontalSpacing:.5,verticalSpacing:.5,children:t?.map(e=>{let t;return(0,l.jsx)(v,{active:(t=e.value,!!a?.includes(t)),href:o?.(e.value),icon:x[e.value],id:e.value,title:e.text,onClickItem:u},e.value)})})})})}},51571:e=>{e.exports={root:"IncludeMultiSelect_root__Fyzgs"}},52293:e=>{e.exports={button:"IncludeOperatorMultiToggleFilter_button__Albor"}},55415:(e,t,a)=>{"use strict";a.d(t,{K:()=>d});var l=a(80263),r=a(6387),i=a(3404),s=a(97930),n=a(13463);a(53239);var o=a(15071),c=a.n(o);let d=e=>{let{className:t,countryCode:a}=e,{t:o}=(0,n.c3)();return(0,l.jsx)(s.xA,{alignItems:"flex-start",className:t,columns:"auto 1fr",horizontalSpacing:1,justifyItems:"flex-start",children:a?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.J,{className:c().flag,countryCode:a}),(0,i.X)()[a]]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.J,{className:c().flag}),o("None")]})})}},65714:(e,t,a)=>{"use strict";a.d(t,{u:()=>

1o});var l=a(80263),r=a(3638);a(53239);var i=a(4624),s=a.n(i),n=a(85745);let o=e=>{let{className:t,disabled:a,innerRef:i,items:o,itemClassName:c,justifyContent:d="center",nowrap:u,selectedComponent:m,selectedId:h,variant:v="standard",onClick:x}=e;return(0,l.jsx)("div",{className:(0,r.A)(s().root,s()[`root--${v}`],u&&s().nowrap,t),ref:i,role:"tablist",style:{justifyContent:d},children:o?.map(e=>{let t=void 0!==e.id&&e.id===h;return(0,l.jsx)(n.Y,{className:(0,r.A)(c),component:t?m:void 0,disabled:a,href:e.href,icon:e.icon,isSelected:t,renderBadge:e.renderBadge,stretch:"stretch"===d,tabId:e.id,title:e.title,variant:v,onClick:t=>{e.onClick?.(t),x?.(t)}},`${e.id||e.href||e.title}`)})})}},74319:e=>{e.exports={tabs:"KeysignSelect_tabs__tNNxm",tab:"KeysignSelect_tab__toUoK"}},76995:(e,t,a)=>{"use strict";a.d(t,{f:()=>m,W:()=>d});var l=a(80263),r=a(53239),i=a(57975),s=a(40377),n=a(37247);let o=r.createContext({addValue(){},removeValue(){},value:void 0});o.displayName="ToggleButtonContext";let c=e=>{let{children:t,initialValue:a,multiple:c,value:d,onChange:u}=e,[m,h]=(0,r.useState)(a??d);(0,i.T)(m,(e,t)=>{(0,s.bN)(t,d)||u?.(t)}),(0,i.T)(d,(e,t)=>{(0,s.bN)(e,t)||h(d)});let v=(0,r.useCallback)(e=>{c?h(t=>[...(0,n.eC)(t),e]):h(e)},[c]),x=(0,r.useCallback)(e=>{c?h(t=>(0,n.eC)(t).filter(t=>t!==e)):h(t=>e===t?void 0:e)},[c]);return(0,l.jsx)(o.Provider,{value:{addValue:v,removeValue:x,value:m},children:t})},d=e=>{let{children:t,initialValue:a,multiple:r,value:i,onChange:s}=e;return(0,l.jsx)(c,{initialValue:a,multiple:r,value:i,onChange:s,children:t})};var u=a(94386);let m=e=>{let{addValue:t,removeValue:a,value:i}=(0,r.useContext)(o),s=(0,r.useCallback)(l=>{Array.isArray(i)&&i.includes(e.value)?a(e.value):t(e.value),e.onClick?.(l)},[t,a,i,e.value,e.onClick]),n=Array.isArray(i)&&i.includes(e.value)||i===e.value;return(0,l.jsx)(u.$,{...e,muted:e.muted??!n,onClick:s})}},88703:e=>{e.exports={root:"CurationMultiSelect_root__Nt2hf",buttons:"CurationMultiSelect_buttons__y0TOl",buttonBase:"CurationMultiSelect_buttonBase__rEuUp"}}}]);