const FLAT_KEY=["Db","Eb","Gb","Ab","Bb"],SHARP_KEY=["C#","D#","F#","G#","A#"];function ChangeRootLabel(a,b){document.querySelectorAll("input[type=radio][name="+b+"]").forEach(b=>{b.addEventListener("change",function(){let b=this.value,c=document.querySelectorAll("#"+a+" option");c.forEach(a=>{let c;c="Sharp"===b?FlatToSharp(a.getAttribute("value")):SharpToFlat(a.getAttribute("value")),a.setAttribute("value",c),a.textContent=c})})})}function getNearestNote(a){a=6<a.length?a.split("."):a;for(var b,c=0;c<a.length;){if("x"!=a[c]&&"X"!=a[c]){b=a[c];break}c++}for(c=0;c<a.length;c++)"x"!=a[c]&&"X"!=a[c]&&parseInt(a[c])<parseInt(b)&&(b=a[c]);return b}function FlatToSharp(a){return-1==FLAT_KEY.indexOf(a)?a:SHARP_KEY[FLAT_KEY.indexOf(a)]}function SharpToFlat(a){return-1==SHARP_KEY.indexOf(a)?a:FLAT_KEY[SHARP_KEY.indexOf(a)]}function getFarthestNote(a){a=6<a.length?a.split("."):a;for(var b,c=0;c<a.length;){if("x"!=a[c]&&"X"!=a[c]){b=a[c];break}c++}for(c=0;c<a.length;c++)"x"!=a[c]&&"X"!=a[c]&&parseInt(a[c])>parseInt(b)&&(b=a[c]);return b}function setSelected(a,b,c){if(b){let e=document.querySelectorAll("#"+a+" option");if(c){var d=!1;e.forEach(a=>{let c=a.getAttribute("value");c==b&&(a.setAttribute("selected","selected"),d=!0)}),d||e.forEach(a=>{let c=SharpToFlat(a.getAttribute("value"));a.setAttribute("value",c),a.textContent=c,c==b&&a.setAttribute("selected","selected")})}else e.forEach(a=>{a.getAttribute("value")==b&&a.setAttribute("selected","selected")})}}function DrawCircle(a,b,c,d){a.beginPath(),a.arc(c,d,3*b/8,0,2*Math.PI),a.fillStyle="black",a.fill(),a.stroke()}function DrawBlackBorderCirble(a,b,c,d){a.beginPath(),a.arc(c,d,2*b/5,0,2*Math.PI),a.stroke()}function DrawCross(a,b,c,d){var e=b/2;a.beginPath(),a.moveTo(c,d),a.lineWidth=1.5,a.lineTo(c+e,d+e),a.stroke(),a.beginPath(),a.moveTo(c,d+e),a.lineWidth=1.5,a.lineTo(c+e,d),a.stroke()}function TransposeUp_Half(a){var b=String.fromCharCode;return"b"===a[1]?a[0]:"E"===a[0]&&1==a.length?"F":"B"===a[0]&&1==a.length?"C":"#"===a[1]?"G"===a[0]?"A":b(a[0].charCodeAt(0)+1):a+"#"}function TransposeUp(a,b){for(var c=a,d=0;d<b;d++)c=this.TransposeUp_Half(c);return c}function DrawChordText(a,b,c,d,e){if(1<b.length){if(3<b.length)return a.font="13px Calibri",a.fillStyle=e,void a.fillText(b,c-5,d-1.5);a.font="16px Calibri",a.fillStyle=e,a.fillText(b,c-3.5,d)}else a.font="18px Calibri",a.fillStyle=e,a.fillText(b,c,d)}function drawLine(a,b,c,d,e,f,g){a.beginPath(),a.moveTo(b,c),a.lineWidth=f,a.lineTo(d,e),a.strokeStyle=g,a.stroke()}function drawChord(a,b,d,e){console.log(b),console.log(d),b&&""!=b||(d="None"),a=a.toString(),b=b.toString(),a=6<a.length?a.split("."):a.split(""),b=6<b.length?b.split("."):b.split("");var f=document.getElementById(e),c=f.getContext("2d"),g=2,h=30,j=!1;if((5>=getFarthestNote(a)||"0"===getNearestNote(a))&&(j=!0),j)var k=2*g;else{var k=g;c.font="18px Calibri",c.fillText(getNearestNote(a)+" fr",6*h+15,h+18)}c.moveTo(h,h+2),c.lineWidth=k,c.lineTo(6*h+g,h+2),c.stroke();var l=0;for(c.lineWidth=g,l=h+1;l<7*h;l+=h)c.moveTo(l,5+h-2),c.lineTo(l,5*h+g+h),c.stroke();for(l=1;5>=l;l++)c.moveTo(h,h*l+g+h),c.lineTo(6*h+g,h*l+g+h),c.stroke();for(l=0;l<a.length;l++){var m=!1,n="white";if("x"==a[l]||"X"==a[l])DrawCross(c,h,l*h+7*h/9,10);else{var o,p;switch(j?(o=h*(l+1),p=h*(parseInt(a[l])+1)-h/2.35):(o=h*(l+1),p=h*(parseInt(a[l])-parseInt(getNearestNote(a))+2)-h/2.35),"0"==a[l]?(DrawBlackBorderCirble(c,h,l*h+h,15),m=!0,n="black"):DrawCircle(c,h,o,p),c.font="19px Calibri",d){case"None":break;case"Finger":if(m)break;DrawChordText(c,b[l],o-5,p+5,n);break;case"Letter":DrawChordText(c,b[l],o-5,p+5,n);break;case"Tone":DrawChordText(c,b[l],o-5,p+5,n);}}}}function drawScaleCircle(a,b,c,d,e){a.beginPath(),a.arc(c,d,b,0,2*Math.PI),null!=e&&(a.fillStyle=e,a.fill()),a.stroke()}function drawScaleText(a,b,c,d,e,f,g){a.font=g+" "+f+"px Calibri",a.fillStyle=e,a.fillText(b,c,d)}function drawSacle_Frame(a,b){for(var c=0;6>c;c++)drawLine(a,b+60,40+c*b,40+23*b+19,40+c*b,2,"black");drawLine(a,b+60-2,39,b+60-2,6*b+8,4,"black");for(var d,c=1;22>=c;c++)d=b*c,drawLine(a,b+60-2+d,40,b+60-2+d,6*b+6,2,"black");drawScaleText(a,"E",b-10,b+12,"black","19","600"),drawScaleText(a,"B",b-10,2*b+12,"black","19","600"),drawScaleText(a,"G",b-10,3*b+12,"black","19","600"),drawScaleText(a,"D",b-10,4*b+12,"black","19","600"),drawScaleText(a,"A",b-10,5*b+12,"black","19","600"),drawScaleText(a,"E",b-10,6*b+12,"black","19","600"),drawScaleText(a,"E",b+30,b+12,"black","19","500"),drawScaleText(a,"B",b+30,2*b+12,"black","19","500"),drawScaleText(a,"G",b+30,3*b+12,"black","19","500"),drawScaleText(a,"D",b+30,4*b+12,"black","19","500"),drawScaleText(a,"A",b+30,5*b+12,"black","19","500"),drawScaleText(a,"E",b+30,6*b+12,"black","19","500"),drawScaleText(a,"Ng\u0103n",10,14,"black","18","500");for(var c=0;22>=c;c++)drawScaleText(a,c,(c+2)*b,14,"black","18","500")}function drawArpeggio(a,b,d,e,f){var g=document.getElementById(f),c=g.getContext("2d");drawSacle_Frame(c,33),b=b.split("."),d=d.split(".");var h=["C#","D#","F#","G#","A#"],k=["Db","Eb","Gb","Ab","Bb"];if(e)for(var l=0;l<b.length;l++)h.includes(b[l])&&(b[l]=k[h.indexOf(b[l])],"note"===a&&(d[l]=k[h.indexOf(d[l])]));else for(var l=0;l<b.length;l++)k.includes(b[l])&&(b[l]=h[k.indexOf(b[l])],"note"===a&&(d[l]=h[k.indexOf(d[l])]));for(var m=["E","B","G","D","A","E"],l=0;6>l;l++){if(b.includes(m[l])&&(drawScaleCircle(c,66/5,70,6+33*(l+1),"#6a5acd"),"none"!==a)){var n=d[b.indexOf(m[l])];drawScaleText(c,n,67-2*n.length,6+33*(l+1)+5,"white",(20-n.length).toString(),"500")}m[l]=TransposeUp_Half(m[l])}for(var l=0;6>l;l++)for(var o=1;22>=o;o++){if(e&&h.includes(m[l])&&(m[l]=k[h.indexOf(m[l])]),b.includes(m[l])&&(drawScaleCircle(c,66/5,33*(o+2)+9,6+33*(l+1),"#6a5acd"),"none"!==a)){var n=d[b.indexOf(m[l])];drawScaleText(c,n,33*(o+2)+4-2*n.length,6+33*(l+1)+5,"white",(20-n.length).toString(),"500")}m[l]=TransposeUp_Half(m[l])}}function drawScale(a,b,c,d,e,f){b=b.split(".");for(var g=0;g<b.length;g++)b[g]=TransposeUp(a,b[g]);b=b.join("."),"note"===d&&(c=b),drawArpeggio(d,b,c,e,f)}function loadJSON(a){var b=new XMLHttpRequest;b.overrideMimeType("application/json"),b.open("GET","../lib/AllNote.json",!0),b.onreadystatechange=function(){4==b.readyState&&"200"==b.status&&a(JSON.parse(b.responseText))},b.send(null)}function UpString(a,b,c){for(var d=a,e=0,f=0;f<b;f++)d=this.TransposeUp_Half(d),"C"==d&&e++;var g={Note:d,Order:(0|b/12)+c+e};return g}