1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[657],{1974:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/chart",function(){return t(318)}])},4371:function(e,a,t){"use strict";t.d(a,{Bh:function(){return r},HI:function(){return i},Q4:function(){return o},Tq:function(){return g},cq:function(){return m},h_:function(){return l},lY:function(){return _},nL:function(){return h}});var n=t(4856);let s={LEFT:"left",RIGHT:"right",CENTER:"center"},r={SMALL:"Small",FIRST:"First",SECOND:"Second",THIRD:"Third"},i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=a/6;switch(!0){case e===s.LEFT:return-t;case e===s.RIGHT:return t;default:return 0}},o={A3:"a3",A4:"a4",A5:"a5",Ab3:"ab3",Ab4:"ab4",Ab5:"ab5",B3:"b3",B4:"b4",B5:"b5",Bb3:"bb3",Bb4:"bb4",Bb4:"bb4",Bb5:"bb5",C4:"c4",C5:"c5",C6:"c6",D4:"d4",D5:"d5",D6:"d6",Db4:"db4",Db5:"db5",Db6:"db6",E4:"e4",E5:"e5",E6:"e6",Eb4:"eb4",Eb5:"eb5",Eb6:"eb6",F4:"f4",F5:"f5",F6:"f6",G3:"g3",G4:"g4",G5:"g5",G6:"g6",Gb3:"gb3",Gb4:"gb4",Gb5:"gb5",Gb6:"gb6"},l=Object.values(o),c=[{name:"C3",extraData:{flatName:"Db3",sharpName:"C#3",positionOffset:s.LEFT,disabled:!0},disabled:!0},{name:"D3",extraData:{flatName:"Eb3",sharpName:"D#3",positionOffset:s.RIGHT,disabled:!0},disabled:!0},{name:"E3",disabled:!0},{name:"F3",disabled:!0,extraData:{flatName:"Gb3",sharpName:"F#3",soundName:o.Gb3,positionOffset:s.LEFT}},{name:"G3",extraData:{flatName:"Ab3",sharpName:"G#3",soundName:o.Ab3},soundName:o.G3},{name:"A3",extraData:{flatName:"Bb3",sharpName:"A#3",soundName:o.Bb3,positionOffset:s.RIGHT},soundName:o.A3},{name:"B3",soundName:o.B3},{name:"C4",soundName:o.C4}],p=[{name:"C4",extraData:{flatName:"Db4",sharpName:"C#4",positionOffset:s.LEFT,soundName:o.Db4},soundName:o.C4},{name:"D4",extraData:{flatName:"Eb4",sharpName:"D#4",positionOffset:s.RIGHT,soundName:o.Eb4},soundName:o.D4},{name:"E4",soundName:o.E4},{name:"F4",extraData:{flatName:"Gb4",sharpName:"F#4",soundName:o.Gb4,positionOffset:s.LEFT},soundName:o.F4},{name:"G4",extraData:{flatName:"Ab4",sharpName:"G#4",soundName:o.Ab4},soundName:o.G4},{name:"A4",extraData:{flatName:"Bb4",sharpName:"A#4",soundName:o.Bb4,positionOffset:s.RIGHT},soundName:o.A4},{name:"B4",soundName:o.B4},{name:"C5",soundName:o.C5}],d=[{name:"C5",extraData:{flatName:"Db5",sharpName:"C#5",positionOffset:s.LEFT,soundName:o.Db5},soundName:o.C5},{name:"D5",extraData:{flatName:"Eb5",sharpName:"D#5",positionOffset:s.RIGHT,soundName:o.Eb5},soundName:o.D5},{name:"E5",soundName:o.E5},{name:"F5",extraData:{flatName:"Gb5",sharpName:"F#5",soundName:o.Gb5,positionOffset:s.LEFT},soundName:o.F5},{name:"G5",extraData:{flatName:"Ab5",sharpName:"G#5",soundName:o.Ab5},soundName:o.G5},{name:"A5",extraData:{flatName:"Bb5",sharpName:"A#5",soundName:o.Bb5,positionOffset:s.RIGHT},soundName:o.A5},{name:"B5",soundName:o.B5},{name:"C6",soundName:o.C6}],b=[{name:"C6",extraData:{flatName:"Db6",sharpName:"C#6",positionOffset:s.LEFT,soundName:o.Db6},soundName:o.C6},{name:"D6",extraData:{flatName:"Eb6",sharpName:"D#6",positionOffset:s.RIGHT,soundName:o.Eb6},soundName:o.D6},{name:"E6",soundName:o.E6},{name:"F6",soundName:o.F6,extraData:{flatName:"Gb6",sharpName:"F#6",positionOffset:s.LEFT,disabled:!0}},{name:"G6",extraData:{flatName:"Ab6",sharpName:"G#6",disabled:!0},disabled:!0},{name:"A6",extraData:{flatName:"Bb6",sharpName:"A#6",positionOffset:s.RIGHT,disabled:!0},disabled:!0},{name:"B6",disabled:!0},{name:"C7",disabled:!0}],m={[r.SMALL]:c,[r.FIRST]:p,[r.SECOND]:d,[r.THIRD]:b},h={[r.SMALL]:"C3 - C4",[r.FIRST]:"C4 - C5",[r.SECOND]:"C5 - C6",[r.THIRD]:"C6 - C7"},u={[o.Gb3]:o.Ab3,[o.G3]:o.A3,[o.Ab3]:o.Bb3,[o.A3]:o.B3,[o.Bb3]:o.C4,[o.B3]:o.Db4,[o.C4]:o.D4,[o.Db4]:o.Eb4,[o.D4]:o.E4,[o.Eb4]:o.F4,[o.E4]:o.Gb4,[o.F4]:o.G4,[o.Gb4]:o.Ab4,[o.G4]:o.A4,[o.Ab4]:o.Bb4,[o.A4]:o.B4,[o.Bb4]:o.C5,[o.B4]:o.Db5,[o.C5]:o.D5,[o.Db5]:o.Eb5,[o.D5]:o.E5,[o.Eb5]:o.F5,[o.E5]:o.Gb5,[o.F5]:o.G5,[o.Gb5]:o.Ab5,[o.G5]:o.A5,[o.Ab5]:o.Bb5,[o.A5]:o.B5,[o.Bb5]:o.C6,[o.B5]:o.Db6,[o.C6]:o.D6,[o.Db6]:o.Eb6,[o.D6]:o.E6,[o.Eb6]:o.F6,[o.E6]:o.Gb6,[o.F6]:o.G6},g=(e,a)=>e===n.p.C&&u[a]||a,_=[{soundName:o.Gb3,label:"Gb3 F#3"},{soundName:o.G3,label:"G3"},{soundName:o.Ab3,label:"Ab3 G#3"},{soundName:o.A3,label:"A3"},{soundName:o.Bb3,label:"Bb3 A#3"},{soundName:o.B3,label:"B3"},{soundName:o.C4,label:"C4"},{soundName:o.Db4,label:"Db4 C#4"},{soundName:o.D4,label:"D4"},{soundName:o.Eb4,label:"Eb4 D#4"},{soundName:o.E4,label:"E4"},{soundName:o.F4,label:"F4"},{soundName:o.Gb4,label:"Gb4 F#4"},{soundName:o.G4,label:"G4"},{soundName:o.Ab4,label:"Ab4 G#4"},{soundName:o.A4,label:"A4"},{soundName:o.Bb4,label:"Bb4 A#4"},{soundName:o.B4,label:"B4"},{soundName:o.C5,label:"C5"},{soundName:o.Db5,label:"Db5 C#5"},{soundName:o.D5,label:"D5"},{soundName:o.Eb5,label:"Eb5 D#5"},{soundName:o.E5,label:"E5"},{soundName:o.F5,label:"F5"},{soundName:o.Gb5,label:"Gb5 F#5"},{soundName:o.G5,label:"G5"},{soundName:o.Ab5,label:"Ab5 G#5"},{soundName:o.A5,label:"A5"},{soundName:o.Bb5,label:"Bb5 A#5"},{soundName:o.B5,label:"B5"},{soundName:o.C6,label:"C6"},{soundName:o.Db6,label:"Db6 C#6"},{soundName:o.D6,label:"D6"},{soundName:o.Eb6,label:"Eb6 D#6"},{soundName:o.E6,label:"E6"},{soundName:o.F6,label:"F6"}]},4856:function(e,a,t){"use strict";t.d(a,{p:function(){return n},t:function(){return s}});let n={Bb:"Off",C:"On"},s=[n.C,n.Bb]},318:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return Q}});
1var n=t(5893),s=t(7294),r=t(1664),i=t.n(r),o=t(9008),l=t.n(o),c=t(2583),p=t.n(c),d=t(4856);let b=e=>{let{onChange:a,type:t}=e,s=t===d.p.C?"Sounding Notes":"Written Notes";return(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:p().labelText,children:"Concert Pitch"}),(0,n.jsx)("div",{className:p().container,children:d.t.map(e=>(0,n.jsx)("div",{className:"".concat(p().button," ").concat(e===t&&p().buttonActive),onClick:()=>a(e),children:(0,n.jsx)("p",{className:"".concat(p().buttonText," ").concat(e===t&&p().activeButtonText),children:e})},e))}),(0,n.jsx)("p",{className:p().labelText,children:s})]})};b.displayName="TrumpetTypeButtons";var m=t(9905),h=t.n(m),u=t(5675),g=t.n(u),_=t(5697),N=t.n(_),f=t(1346),v=t.n(f);let B=e=>{let{note:a,type:t}=e;if(!a)return null;let{name:s,preview:r,hz:i}=a;return(0,n.jsxs)("div",{className:v().container,children:[(0,n.jsxs)("p",{className:v().title,children:[s," (",null==i?void 0:i[t],"Hz)"]}),(0,n.jsx)(g(),{src:r,alt:"Note preview",height:100,width:120,className:v().previewImage})]})};B.propTypes={note:N().shape({name:N().string,preview:N().any}),type:N().string},B.defaultProps={note:null,type:d.p.Bb},B.displayName="NotePreview";let C={gb3:"/chartImages/notes/gb3.png",g3:"/chartImages/notes/g3.png",ab3:"/chartImages/notes/ab3.png",a3:"/chartImages/notes/a3.png",bb3:"/chartImages/notes/bb3.png",b3:"/chartImages/notes/b3.png",c4:"/chartImages/notes/c4.png",db4:"/chartImages/notes/db4.png",d4:"/chartImages/notes/d4.png",eb4:"/chartImages/notes/eb4.png",e4:"/chartImages/notes/e4.png",f4:"/chartImages/notes/f4.png",gb4:"/chartImages/notes/gb4.png",g4:"/chartImages/notes/g4.png",ab4:"/chartImages/notes/ab4.png",a4:"/chartImages/notes/a4.png",bb4:"/chartImages/notes/bb4.png",b4:"/chartImages/notes/b4.png",c5:"/chartImages/notes/c5.png",db5:"/chartImages/notes/db5.png",d5:"/chartImages/notes/d5.png",eb5:"/chartImages/notes/eb5.png",e5:"/chartImages/notes/e5.png",f5:"/chartImages/notes/f5.png",gb5:"/chartImages/notes/gb5.png",g5:"/chartImages/notes/g5.png",ab5:"/chartImages/notes/ab5.png",a5:"/chartImages/notes/a5.png",bb5:"/chartImages/notes/bb5.png",b5:"/chartImages/notes/b5.png",c6:"/chartImages/notes/c6.png",db6:"/chartImages/notes/db6.png",d6:"/chartImages/notes/d6.png",eb6:"/chartImages/notes/eb6.png",e6:"/chartImages/notes/e6.png",f6:"/chartImages/notes/f6.png",playIcon:"/chartImages/playicon.png",stopIcon:"/chartImages/stopicon.png",downIcon:"/chartImages/downIcon.png",menuIcon:"/chartImages/menuicon.png",closeIcon:"/chartImages/closeicon.png",sunIcon:"/chartImages/sunicon.png",moonIcon:"/chartImages/moonicon.png",silhouette:"/chartImages/silhouette.png",searchNotes:"/chartImages/search-notes.png"};var y=t(4371);let x=[{key:"gb3",name:"F# / Gâ",preview:C.gb3,fingering:{[d.p.Bb]:[[1,1,1]],[d.p.C]:[[0,1,1]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:164,[d.p.C]:184}},{key:"g3",name:"G",preview:C.g3,fingering:{[d.p.Bb]:[[1,0,1]],[d.p.C]:[[1,1,0],[0,0,1]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:174,[d.p.C]:195}},{key:"ab3",name:"G# / Aâ",preview:C.ab3,fingering:{[d.p.Bb]:[[0,1,1]],[d.p.C]:[[1,0,0]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:184,[d.p.C]:207}},{key:"a3",name:"A",preview:C.a3,fingering:{[d.p.Bb]:[[1,1,0],[0,0,1]],[d.p.C]:[[0,1,0]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:195,[d.p.C]:220}},{key:"bb3",name:"A# / Bâ",preview:C.bb3,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:207,[d.p.C]:233}},{key:"b3",name:"B",preview:C.b3,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[1,1,1]]},octave:y.Bh.SMALL,hz:{[d.p.Bb]:220,[d.p.C]:246}},{key:"c4",name:"C",preview:C.c4,fingering:{[d.p.Bb]:[[0,0,0]],[d.p.C]:[[1,0,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:233,[d.p.C]:261}},{key:"db4",name:"C# / Dâ",preview:C.db4,fingering:{[d.p.Bb]:[[1,1,1]],[d.p.C]:[[0,1,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:246,[d.p.C]:277}},{key:"d4",name:"D",preview:C.d4,fingering:{[d.p.Bb]:[[1,0,1]],[d.p.C]:[[1,1,0],[0,0,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:261,[d.p.C]:293}},{key:"eb4",name:"D# / Eâ",preview:C.eb4,fingering:{[d.p.Bb]:[[0,1,1]],[d.p.C]:[[1,0,0]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:277,[d.p.C]:311}},{key:"e4",name:"E",preview:C.e4,fingering:{[d.p.Bb]:[[1,1,0],[0,0,1]],[d.p.C]:[[0,1,0]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:293,[d.p.C]:329}},{key:"f4",name:"F",preview:C.f4,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0],[1,0,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:311,[d.p.C]:349}},{key:"gb4",name:"F# / Gâ",preview:C.gb4,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[0,1,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:329,[d.p.C]:369}},{key:"g4",name:"G",preview:C.g4,fingering:{[d.p.Bb]:[[0,0,0],[1,0,1]],[d.p.C]:[[1,1,0],[0,0,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:349,[d.p.C]:391}},{key:"ab4",name:"G# / Aâ",preview:C.ab4,fingering:{[d.p.Bb]:[[0,1,1]],[d.p.C]:[[1,0,0]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:369,[d.p.C]:415}},{key:"a4",name:"A",preview:C.a4,fingering:{[d.p.Bb]:[[1,1,0],[0,0,1]],[d.p.C]:[[0,1,0]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:391,[d.p.C]:440}},{key:"bb4",name:"A# / Bâ",preview:C.bb4,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0],[0,1,1]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:415,[d.p.C]:466}},{key:"b4",name:"B",preview:C.b4,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[1,1,0]]},octave:y.Bh.FIRST,hz:{[d.p.Bb]:440,[d.p.C]:493}},{key:"c5",name:"C",preview:C.c5,fingering:{[d.p.Bb]:[[0,0,0],[0,1,1]],[d.p.C]:[[1,0,0],[1,0,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:466,[d.p.C]:523}},{key:"db5",name:"C# / Dâ",preview:C.db5,fingering:{[d.p.Bb]:[[1,1,0]],[d.p.C]:[[0,1,0],[0,1,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:493,[d.p.C]:554}},{key:"d5",name:"D",preview:C.d5,fingering:{[d.p.Bb]:[[1,0,0],[1,0,1]],[d.p.C]:[[0,0,0],[1,1,0],[0,0,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:523,[d.p.C]:587}},{key:"eb5",name:"D# / Eâ",preview:C.eb5,fingering:{[d.p.Bb]:[[0,1,0],[0,1,1]],[d.p.C]:[[1,0,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:554,[d.p.C]:622}},{key:"e5",name:"E",preview:C.e5,fingering:{[d.p.Bb]:[[0,0,0],[1,1,0],[0,0,1]],[d.p.C]:[[0,1,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:587,[d.p.C]:659}},{key:"f5",name:"F",preview:C.f5,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0],[1,0,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:622,[d.p.C]:698}},{key:"gb5",name:"F# / Gâ",preview:C.gb5,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[0,1,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:659,[d.p.C]:739}},{key:"g5",name:"G",preview:C.g5,fingering:{[d.p.Bb]:[[0,0,0],[1,0,1]],[d.p.C]:[[1,1,0],[0,0,1]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:698,[d.p.C]:783}},{key:"ab5",name:"G# / Aâ",preview:C.ab5,fingering:{[d.p.Bb]:[[0,1,1]],[d.p.C]:[[1,0,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:739,[d.p.C]:830}},{key:"a5",name:"A",preview:C.a5,fingering:{[d.p.Bb]:[[1,1,0],[0,0,1]],[d.p.C]:[[0,1,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:783,[d.p.C]:880}},{key:"bb5",name:"A# / Bâ",preview:C.bb5,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:830,[d.p.C]:932}},{key:"b5",name:"B",preview:C.b5,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[1,1,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:880,[d.p.C]:987}},{key:"c6",name:"C",preview:C.c6,fingering:{[d.p.Bb]:[[0,0,0]],[d.p.C]:[[1,0,0]]},octave:y.Bh.SECOND,hz:{[d.p.Bb]:932,[d.p.C]:1046}},{key:"db6",name:"C# / Dâ",preview:C.db6,fingering:{[d.p.Bb]:[[1,1,0]],[d.p.C]:[[0,1,0]]},octave:y.Bh.THIRD,hz:{[d.p.Bb]:987,[d.p.C]:1108}},{key:"d6",name:"D",preview:C.d6,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0]]},octave:y.Bh.THIRD,hz:{[d.p.Bb]:1046,[d.p.C]:1174}},{key:"eb6",name:"D# / Eâ",preview:C.eb6,fingering:{[d.p.Bb]:[[0,1,0]],[d.p.C]:[[1,0,0]]},octave:y.Bh.THIRD,hz:{[d.p.Bb]:1108,[d.p.C]:1244}},{key:"e6",name:"E",preview:C.e6,fingering:{[d.p.Bb]:[[0,0,0]],[d.p.C]:[[0,1,0]]},octave:y.Bh.THIRD,hz:{[d.p.Bb]:1174,[d.p.C]:1318}}
1,{key:"f6",name:"F",preview:C.f6,fingering:{[d.p.Bb]:[[1,0,0]],[d.p.C]:[[0,0,0]]},octave:y.Bh.THIRD,hz:{[d.p.Bb]:1244,[d.p.C]:1396}}];var D=t(2522),w=t.n(D);let I="20px",T=e=>{let{data:a,alternative:t}=e,s=t<=a.length-1?t:0,[r,i,o]=a[s];return(0,n.jsx)("div",{className:w().container,children:(0,n.jsx)("div",{className:w().keysContainer,children:[r?0:I,i?0:I,o?0:I].map((e,a)=>(0,n.jsxs)("div",{className:w().wrapper,children:[(0,n.jsx)("div",{className:w().topBtn}),(0,n.jsx)("div",{className:w().middleBtn,style:{height:e}}),(0,n.jsx)("div",{className:w().main}),(0,n.jsx)("div",{className:w().numberContainer,children:(0,n.jsx)("p",{className:w().number,children:a+1})})]},a))})})};T.propTypes={data:N().arrayOf(N().arrayOf(N().number)),alternative:N().number},T.defaultProps={data:[[0,0,0]],alternative:0},T.displayName="TrumpetKeys";var E=t(885),j=t.n(E);let k=()=>{};function A(e){let{data:a,alternative:t,onAlternativeChange:r}=e;(0,s.useEffect)(()=>{r(0)},[a]);let i=t+1,o=()=>{let e=i<a.length?t+1:0;r(e)},l=(null==a?void 0:a.length)===1;return(0,n.jsx)("div",{className:j().wrapper,children:(0,n.jsx)("div",{disabled:l,className:"".concat(j().button," ").concat(l&&j().disabled),onClick:o,children:(0,n.jsx)("p",{className:j().buttonText,children:"".concat(i,"/").concat(a.length)})})})}A.propTypes={data:N().arrayOf(N().arrayOf(N().number)),alternative:N().number,onAlternativeChange:N().func},A.defaultProps={data:[[0,0,0]],alternative:0,onAlternativeChange:k},A.displayName="AlternateFingerings";var G=t(7286),S=t.n(G);let F={UP:"up",DOWN:"down"};function P(e){let{direction:a,...t}=e;return(0,n.jsx)("div",{className:S().wrapper,children:(0,n.jsx)("div",{className:S().button,...t,children:(0,n.jsx)(g(),{src:"/chartImages/downIcon.png",alt:"Note selection button",height:22,width:22,className:"".concat(S().icon," ").concat(a===F.UP&&S().upIcon),priority:!0})})})}P.propTypes={direction:N().string},P.defaultProps={direction:F.UP};var O=t(1766),L=t(9357),R=t.n(L),z=t(3409),H=t.n(z);let K=e=>{var a,t,s;let{data:r,width:i,index:o,keyboardHeight:l,onPlay:c,onStop:p,selectedSound:d}=e,b=i*o,m=.55*i,h=(null==r?void 0:null===(a=r.extraData)||void 0===a?void 0:a.positionOffset)||0,u=(0,y.HI)(h,m),g=null==r?void 0:r.disabled,_=null==r?void 0:null===(t=r.extraData)||void 0===t?void 0:t.disabled,N=()=>{c(r.soundName)},f=()=>{p(r.soundName)},v=()=>{c(r.extraData.soundName)},B=()=>{p(r.extraData.soundName)},C=d===r.soundName,x=d===(null==r?void 0:null===(s=r.extraData)||void 0===s?void 0:s.soundName);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:H().whiteKey,style:{width:i+"px",left:b+"px",height:l+"px"},disabled:g,onPointerDown:N,onPointerUp:f,onPointerLeave:f,children:(0,n.jsx)("div",{className:"".concat(H().animatedBtn),children:(0,n.jsx)("div",{className:"\n ".concat(H().animatedBtnInnerWhite,"\n ").concat(g&&H().disabledWhiteKey,"\n ").concat(C&&H().isHighlightedWhiteKey,"\n "),children:(0,n.jsx)("p",{className:H().whiteNoteName,children:r.name})})})}),r.extraData&&(0,n.jsx)("div",{className:H().blackKey,style:{width:m+"px",left:b+i-m/2+u+"px",height:.6*l+"px"},disabled:_,onPointerDown:v,onPointerUp:B,onPointerLeave:B,children:(0,n.jsx)("div",{className:"".concat(H().animatedBtn),children:(0,n.jsx)("div",{className:"\n ".concat(H().animatedBtnInnerBlack,"\n ").concat(_&&H().disabledBlackKey,"\n ").concat(x&&H().isHighlightedBlackKey,"\n "),children:(0,n.jsxs)("p",{className:H().blackNoteName,children:[r.extraData.flatName," ",r.extraData.sharpName]})})})})]})};K.propTypes={data:N().shape({}),width:N().number,index:N().number,keyboardHeight:N().number,onPlay:N().func,onStop:N().func},K.defaultProps={data:{},width:0,index:0,keyboardHeight:0,onPlay:k,onStop:k},K.displayName="PianoKey";let W=(0,s.forwardRef)((e,a)=>{let{onSelectNote:t,selectedNote:r,type:i}
1=e,o=function(){let[e,a]=(0,s.useState)(400);return(0,s.useEffect)(()=>{function e(){let e=Math.min(400,window.innerWidth);a(e)}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),e}(),[l,c]=(0,s.useState)(y.Bh.FIRST),p=(0,s.useRef)({}),d=(0,s.useRef)(null),b=y.cq[l],m=Object.entries(y.nL);(0,s.useEffect)(()=>{y.h_.forEach(e=>{p.current[e]=new O.Howl({src:"/sounds/trumpet-sounds/"+e+".mp3",loop:!0})})},[]);let h=e=>{e!==l&&c(e)},u=e=>{if(!e)return;let a=(0,y.Tq)(i,e);d.current&&p.current[d.current].stop(),p.current[a].play(),d.current=a},g=()=>{d.current&&p.current[d.current].stop()};(0,s.useImperativeHandle)(a,()=>({playSound:u,stopSound:g,selectOctave:h}));let _=e=>{let a=(0,y.Tq)(i,e);p.current[a]&&(t(e),p.current[a].play())},N=e=>{let a=(0,y.Tq)(i,e);p.current[a]&&p.current[a].stop()},f=e=>{c(e)},v=o/b.length,B=3.5*v;return(0,n.jsxs)("div",{className:R().container,children:[(0,n.jsx)("div",{className:R().octavesGroup,children:m.map(e=>{let[a,t]=e;return(0,n.jsx)("div",{className:"".concat(R().octaveBtn," ").concat(a===l&&R().octaveBtnActive),onClick:()=>f(a),children:(0,n.jsx)("p",{className:"".concat(R().buttonText," ").concat(a===l&&R().activeButtonText),children:t})},a)})}),(0,n.jsx)("div",{className:R().pianoContainer,style:{width:o,minHeight:B},children:b.map((e,a)=>(0,n.jsx)(K,{data:e,width:v,index:a,keyboardHeight:B,onPlay:_,onStop:N,selectedSound:null==r?void 0:r.key},e.name))})]})});W.propTypes={onSelectNote:N().func,selectedNote:N().shape({})},W.defaultProps={onSelectNote:k,selectedNote:null},W.displayName="Piano";var M=t(3732),U=t.n(M);let q=e=>{let{isPlaying:a,onToggle:t}=e;return(0,n.jsx)("div",{className:U().playButtom,children:(0,n.jsxs)("div",{onClick:t,className:U().gradient,children:[(0,n.jsx)(g(),{src:C.stopIcon,alt:"Stop button",width:32,height:32,className:"".concat(U().icon," ").concat(!a&&U().hidden),priority:!0}),(0,n.jsx)(g(),{src:C.playIcon,alt:"Play button",width:32,height:32,className:"".concat(U().icon," ").concat(a&&U().hidden),priority:!0})]})})};q.propTypes={isPlaying:N().bool},q.defaultProps={isPlaying:!1},q.displayName="PlayButton";var X=t(2399),V=t.n(X);function Q(){let e=(0,s.useRef)(null),[a,t]=(0,s.useState)(6),[r,o]=(0,s.use
1State)(!1),[c,p]=(0,s.useState)(0),[m,u]=(0,s.useState)(d.p.Bb),g=x[a],_=(null==g?void 0:g.fingering[m])||[[0,0,0]],N=e=>{p(e)},f=a=>{let n=x.findIndex(e=>{let{key:t}=e;return t===a});t(n),o(!1),e.current.stopSound()},v=()=>{if(a<x.length-1){let n=a+1;t(n),e.current.selectOctave(x[n].octave)}},C=()=>{if(a>0){let n=a-1;t(n),e.current.selectOctave(x[n].octave)}},y=()=>{let a=!r;o(a),a?e.current.playSound(null==g?void 0:g.key):e.current.stopSound()};return(0,s.useEffect)(()=>{r&&e.current.playSound(null==g?void 0:g.key)},[g,m]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(l(),{children:[(0,n.jsx)("title",{children:"Trumpet fingering chart with alternate valve combinations"}),(0,n.jsx)("meta",{name:"description",content:"How to play trumpet? Learning to play trumpet has never been easier. Learn to play trumpet like a pro."}),(0,n.jsx)("link",{rel:"alternate",href:"android-app://com.trumpetfingeringchart/https/www.trumpetfingering.com/"}),(0,n.jsx)("link",{rel:"alternate",href:"trumpetfingeringchart://"}),(0,n.jsx)("link",{rel:"canonical",href:"https://www.trumpetfingering.com/chart/"})]}),(0,n.jsxs)("div",{className:h().main,children:[(0,n.jsx)("h1",{className:h().title,children:"Trumpet fingering chart online"}),(0,n.jsx)("h2",{className:h().subtitle,children:"Learning to play trumpet has never been easier"}),(0,n.jsxs)("div",{className:h().breadcrumbContainer,children:[(0,n.jsx)(i(),{href:"/",children:(0,n.jsx)("span",{className:h().breadcrumbLink,children:"Home"})}),(0,n.jsx)("span",{className:h().breadcrumbDivider,children:"/"}),(0,n.jsx)("span",{children:"Trumpet Fingering Chart"})]}),(0,n.jsxs)("div",{className:h().container,children:[(0,n.jsx)("div",{className:h().row,children:(0,n.jsx)(b,{type:m,onChange:u})}),(0,n.jsxs)("div",{className:h().rowGrid,children:[(0,n.jsxs)("div",{className:h().shadowCard,children:[(0,n.jsx)("p",{className:h().label,children:"Valve combinations for the selected note."}),(0,n.jsx)(T,{data:_,alternative:c})]}),(0,n.jsxs)("div",{className:h().shadowCard,children:[(0,n.jsx)("p",{className:h().label,children:"Switch between alternative valve combinations for the selected note."}),(0,n.jsx)(A,{data:_,alternative:c,onAlternativeChange:N})]}),(0,n.jsxs)("div",{className:h().shadowCard,children:[(0,n.jsx)("p",{className:h().label,children:"Currently selected note."}),(0,n.jsx)(B,{note:g,type:m})]}),(0,n.jsxs)("div",{className:h().shadowCard,children:[(0,n.jsx)("p",{className:h().label,children:"Note selection buttons and play/stop the sound sample."}),(0,n.jsxs)("div",{className:h().noteSelectionContainer,children:[(0,n.jsxs)("div",{className:h().selectButtonsWrapper,children:[(0,n.jsx)(P,{onClick:v}),(0,n.jsx)(P,{direction:F.DOWN,onClick:C})]}),(0,n.jsx)(q,{isPlaying:r,onToggle:y})]})]})]}),(0,n.jsx)("div",{className:h().row,children:(0,n.jsx)("div",{className:h().shadowCard,children:(0,n.jsx)(W,{onSelectNote:f,selectedNote:g,ref:e,type:m})})})]}),(0,n.jsxs)("div",{className:"".concat(V().content," ").concat(h().topOffset),children:[(0,n.jsx)("p",{children:"We are excited to present a web version of new mobile application designed for trumpet players who are learning to play. Learning to play the trumpet has never been easier."}),(0,n.jsx)("p",{children:"With this app, the learning process becomes much simpler and more enjoyable. It enables you to switch between concert and written pitch, listen to the sounds of specific notes, view alternative valve combinations, test your knowledge through quizzes, and obtain useful information necessary for mastering the basics of trumpet playing."}),(0,n.jsx)("p",{children:"Key features:"}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"Trumpet fingering chart"}),(0,n.jsx)("li",{children:"Alternate valve combinations"}),(0,n.jsx)("li",{children:"Notes Quiz"}),(0,n.jsx)("li",{children:"12 major and 12 minor scales"}),(0,n.jsx)("li",{children:"Metronome"}),(0,n.jsx)("li",{children:"Chromatic Tuner for trumpet in Bb and C pitch"}),(0,n.jsx)("li",{children:"Virtual Trumpet"}),(0,n.jsx)("li",{children:"Switching between Concert Pitch and Written Pitch"}),(0,n.jsx)("li",{children:"Note Naming Conventions settings"}),(0,n.jsx)("li",{children:"Dark and Light theme"})]}),(0,n.jsx)("p",{children:"Many interesting updates are expected in the near future, so don't wait any longer and download the app today."})]})]})]})}},885:function(e){e.exports={wrapper:"styles_wrapper__og6iO",button:"styles_button__iNUGJ",buttonText:"styles_buttonText__9Txd6",disabled:"styles_disabled__9PNnM"}},1346:function(e){e.exports={container:"styles_container__eq3_I",title:"styles_title__PEvrx",previewImage:"styles_previewImage__Z5M0R"}},7286:function(e){e.exports={wrapper:"styles_wrapper__9OcBT",button:"styles_button__sS2od",icon:"styles_icon__d7ddw",upIcon:"styles_upIcon__Aw6BT"}},9357:function(e){e.exports={container:"styles_container__2D2DC",pianoContainer:"styles_pianoContainer__5oabC",octavesGroup:"styles_octavesGroup__Dj_1b",octaveBtn:"styles_octaveBtn__0MwsI",octaveBtnActive:"styles_octaveBtnActive__u_e0h",buttonText:"styles_buttonText__fmkxl",activeButtonText:"styles_activeButtonText__oMz5_"}},3409:function(e){e.exports={whiteKey:"styles_whiteKey__7oXCs",blackKey:"styles_blackKey__OF3TT",animatedBtn:"styles_animatedBtn__7tP8c",animatedBtnInnerWhite:"styles_animatedBtnInnerWhite__iSH5V",animatedBtnInnerBlack:"styles_animatedBtnInnerBlack__mPdRY",disabledWhiteKey:"styles_disabledWhiteKey___3TMh",disabledBlackKey:"styles_disabledBlackKey__k1gu9",isHighlightedWhiteKey:"styles_isHighlightedWhiteKey__c_GmY",isHighlightedBlackKey:"styles_isHighlightedBlackKey__aZREb",whiteNoteName:"styles_whiteNoteName__E_Q1O",blackNoteName:"styles_blackNoteName__yprxs"}},3732:function(e){e.exports={playButtom:"styles_playButtom__cLUdL",hidden:"styles_hidden__XSnWn",gradient:"styles_gradient__ohmSa",background:"styles_background__g4gnX",icon:"styles_icon___STBn"}},2522:function(e){e.exports={container:"styles_container__4s8y4",keysContainer:"styles_keysContainer__WrAIN",wrapper:"styles_wrapper__ntxki",topBtn:"styles_topBtn__8_F83",main:"styles_main__2iYVs",middleBtn:"styles_middleBtn__I3F66",pressedKey:"styles_pressedKey__R27EB",numberContainer:"styles_numberContainer__i0XeO",number:"styles_number__iJeLA"}},2583:function(e){e.exports={container:"styles_container__c4hDm",labelText:"styles_labelText__q_Mel",buttonText:"styles_buttonText__G_Bq4",activeButtonText:"styles_activeButtonText__W9H_E",button:"styles_button__GckBV",buttonActive:"styles_buttonActive__EFiQs"}},9905:function(e){e.exports={main:"Chart_main__HtDLB",container:"Chart_container__wDJC5",rowGrid:"Chart_rowGrid__n_fXG",row:"Chart_row__CEeMZ",shadowCard:"Chart_shadowCard__vmgW4",label:"Chart_label__X9GiP",noteSelectionContainer:"Chart_noteSelectionContainer__RgP3E",selectButtonsWrapper:"Chart_selectButtonsWrapper__O03Cm",breadcrumbContainer:"Chart_breadcrumbContainer__uoC3R",breadcrumbLink:"Chart_breadcrumbLink__XDdPl",breadcrumbDivider:"Chart_breadcrumbDivider__DV40K",topOffset:"Chart_topOffset__e9tKd",title:"Chart_title__r030O",subt
1itle:"Chart_subtitle__Bzw_z"}},2399:function(e){e.exports={progressBar:"Post_progressBar__M9TKH",progressFill:"Post_progressFill__lsQTp",article:"Post_article__pvl1l",postHeader:"Post_postHeader__VTnXQ",fadeInUp:"Post_fadeInUp__m0iIO",postTitle:"Post_postTitle__CqyNU",postMeta:"Post_postMeta__TnnAA",date:"Post_date__bbzGh",readingTime:"Post_readingTime__7UHz_",separator:"Post_separator__p0fpe",postDescription:"Post_postDescription__otXSO",contentLayout:"Post_contentLayout__m6x02",mainContent:"Post_mainContent__HAt8z",content:"Post_content__dNIdK",contentCentered:"Post_contentCentered__9_fSL",highlight:"Post_highlight__EpEUZ",breadcrumbContainer:"Post_breadcrumbContainer__rdPEg",fadeInLeft:"Post_fadeInLeft__hNOG2",breadcrumbLink:"Post_breadcrumbLink__jvmNM",breadcrumbDivider:"Post_breadcrumbDivider__x3_Ri",currentPage:"Post_currentPage__FZNsi",postFooter:"Post_postFooter__N2Rsx",backToHome:"Post_backToHome__9WmS8",backArrow:"Post_backArrow__FyjTi",invertedImages:"Post_invertedImages__1ex3_"}},2703:function(e,a,t){"use strict";var n=t(414);function s(){}function r(){}r.resetWarningCache=s,e.exports=function(){function e(e,a,t,s,r,i){if(i!==n){var o=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function a(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:r,resetWarningCache:s};return t.PropTypes=t,t}},5697:function(e,a,t){e.exports=t(2703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}},function(e){e.O(0,[733,774,888,179],function(){return e(e.s=1974)}),_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.