1"use strict";(self["webpackChunkcustomer_portal"]=self["webpackChunkcustomer_portal"]||[]).push([[2548],{4160:function(e,t,i){i.d(t,{A:function(){return k}});var n=i(20641),s=i(90033),o=i(75697),a=i(34076);const l={title:"Start Singing And Track Your Riaz Time",class:"flex items-center justify-between p-5 m-2 cursor-pointer",id:"timerParent"},r={class:"text-xl text-gray-dark font-medium"},u={key:0,class:"text-xs text-center text-green-primary"},d={key:1,class:"text-xs text-center text-red-primary"},c={key:2,class:"text-xs text-center text-blue-primary"},m={class:"time"},h={key:0,src:o,class:"h-10 w-5"},p={key:1,src:a,class:"h-7 w-5 opacity-50 mb-2"};function g(e,t,i,o,a,g){return(0,n.uX)(),(0,n.CE)("div",l,[a.enabled?((0,n.uX)(),(0,n.CE)("button",{key:1,onClick:t[1]||(t[1]=e=>g.resetTimer()),class:"w-24 text-center py-2 font-medium text-white bg-red-primary rounded-md cursor-pointer m-5 text-lg"}," Reset ")):((0,n.uX)(),(0,n.CE)("button",{key:0,onClick:t[0]||(t[0]=e=>g.initAudio()),class:"w-24 text-center py-2 font-medium text-white bg-blue-primary rounded-md cursor-pointer m-5 text-lg"}," Start ")),(0,n.Lk)("div",{class:(0,s.C4)(["timer",{blink:a.isTimerRunning}]),id:"timingId"},[(0,n.Lk)("div",r,[t[2]||(t[2]=(0,n.eW)(" Riyaz Detector ",-1)),a.isTimerRunning?((0,n.uX)(),(0,n.CE)("p",u," Listening ")):a.elapsedTime>0?((0,n.uX)(),(0,n.CE)("p",d," Stopped: Total Time ")):((0,n.uX)(),(0,n.CE)("p",c," Not Started Yet "))]),(0,n.Lk)("div",m,(0,s.v_)(g.formattedTime),1),a.isTimerRunning?((0,n.uX)(),(0,n.CE)("img",h)):((0,n.uX)(),(0,n.CE)("img",p))],2)])}i(16573),i(78100),i(77936),i(18111),i(7588),i(18237),i(79577),i(41549),i(49797),i(49631),i(35623);var x={name:"PracticeTimer",data(){return{isTimerRunning:!1,startTime:null,elapsedTime:0,breathRate:12,audioContext:null,analyser:null,microphoneStream:null,isAudioDetected:!1,audioDetectionInterval:null,enabled:!1}},computed:{formattedTime(){const e=Math.floor(this.elapsedTime/60),t=this.elapsedTime%60;return`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`}},beforeUnmount(){this.stopAudio(),this.stopSpeechRecognition(),clearInterval(this.audioDetectionInterval)},methods:{initAudio(){this.audioContext=new(window.AudioContext||window.webkitAudioContext),navigator.mediaDevices.getUserMedia({audio:!0}).then(e=>{this.microphoneStream=e,this.analyser=this.audioContext.createAnalyser();const t=this.audioContext.createMediaStreamSource(e);t.connect(this.analyser),this.startAudioDetection(),this.enabled=!0}).catch(e=>{console.error("Error accessing microphone:",e)})},startAudioDetection(){const e=this.analyser.frequencyBinCount,t=new Uint8Array(e);this.audioDetectionInterval=setInterval(()=>{this.analyser.getByteFrequencyData(t);const i=t.reduce((e,t)=>e+t)/e,n=5;i>n?this.resumeTimer():this.pauseTimer()},100)},stopAudio(){this.microphoneStream&&(this.microphoneStream.getTracks().forEach(e=>e.stop()),this.microphoneStream=null),this.audioContext&&(this.audioContext.close(),this.audioContext=null)},stopSpeechRecognition(){this.recognition&&(this.recognition.stop(),this.recognition=null)},resumeTimer(){this.isTimerRunning||(this.startTime=Date.now()-1e3*this.elapsedTime,this.isTimerRunning=!0,this.updateTimer())},pauseTimer(){this.isTimerRunning&&(this.isTimerRunning=!1)},updateTimer(){this.isTimerRunning&&(this.elapsedTime=Math.floor((Date.now()-this.startTime)/1e3),requestAnimationFrame(this.updateTimer))},resetTimer(){this.stopAudio(),this.stopSpeechRecognition(),clearInterval(this.audioDetectionInterval),this.pauseTimer(),this.elapsedTime=0,this.enabled=!1}}},b=i(66262);const y=(0,b.A)(x,[["render",g],["__scopeId","data-v-0f0527b4"]]);var k=y},13196:function(e,t,i){i.d(t,{A:function(){return Q}});var n=i(20641),s=i(90033),o=i(53751),a=i(3899);const l={class:"relative flex flex-col flex-1 min-h-0 overflow-hidden"},r={class:"schedule-cont bg-heading flex-shrink-0"},u={class:"pb-4 text-heading text-xs items-center flex justify-center space-x-3",id:"parent"},d={key:0,src:a,class:"w-5"},c={key:1,src:"/img/icons/pause.svg",class:"w-5"},m={class:"relative"},h=["onClick"],p={class:"flex-1 min-h-0 overflow-y-auto"},g={class:"p-4 pt-0 flex justify-center bg-gradient-to-b from-heading to-gray-dark"},x=["id","onClick","onMouseover"],b={class:"absolute bottom-4 font-bold text-yellow-primary left-0 right-0"},y={key:0},k={key:1,class:"text-sm text-heading"},v={key:2,class:"text-2xs text-white"},f={key:3,class:"text-sm text-heading"},w={key:4,class:"text-sm text-heading"},C={key:5,class:"text-sm text-heading"},T={key:6,class:"text-sm text-heading"},E={key:7,class:"text-sm text-heading"}
1,F={key:8,class:"text-sm text-heading"},M={key:9,class:"text-sm text-heading"},A={key:10,class:"text-sm text-heading"},L={key:11,class:"text-sm text-heading"},j={key:12,class:"text-sm text-heading"},D={key:13,class:"text-sm text-heading"},B={key:14,class:"text-sm text-heading"},N={key:15,class:"text-sm text-heading"},S={key:16,class:"text-sm text-heading"},G={key:17,class:"text-sm text-heading"},X={key:18,class:"text-sm text-heading"},_={key:19,class:"text-sm text-heading"},R={key:20,class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"};function O(e,t,i,a,O,I){return(0,n.uX)(),(0,n.CE)("div",l,[(0,n.Lk)("section",r,[t[10]||(t[10]=(0,n.Lk)("div",{class:"sm:py-4 text-white p-4 sm:px-8 flex items-center gap-3"},[(0,n.Lk)("h1",{class:"text-2xl font-bold flex items-center"},"Keyboard"),(0,n.Lk)("div",{class:"bg-white rounded-full font-bold w-5 h-5 items-center text-center text-heading hidden sm:block",title:" Virtual Electronic Piano with Features for Learning Notes, Chords, and Songs!"}," i ")],-1)),(0,n.Lk)("div",u,[(0,n.Lk)("button",{onClick:t[0]||(t[0]=e=>O.mapping=!O.mapping),class:(0,s.C4)(["px-4 py-2 bg-gray-50 border border-gray-200 shadow-custom rounded relative group",{"bg-gray-300 shadow-none font-medium":O.mapping}])}," Mapping ",2),(0,n.Lk)("button",{onClick:t[1]||(t[1]=e=>O.hoverTrue=!O.hoverTrue),class:(0,s.C4)(["px-4 py-2 bg-gray-50 border border-gray-200 shadow-custom rounded relative group hidden sm:block",{"bg-gray-300 shadow-none font-medium":O.hoverTrue}])},(0,s.v_)(O.hoverTrue?"Stop using":"Play with")+" Mouse ",3),(0,n.Lk)("button",{onClick:t[2]||(t[2]=e=>O.notes=!O.notes),class:(0,s.C4)(["px-4 py-2 bg-gray-50 border border-gray-200 shadow-custom rounded relative group",{"bg-gray-300 shadow-none font-medium":O.notes}])}," Notes ",2),(0,n.Lk)("button",{onClick:t[3]||(t[3]=e=>O.marking=!O.marking),class:(0,s.C4)(["px-4 py-2 bg-gray-50 border border-gray-200 shadow-custom rounded relative group",{"bg-gray-300 shadow-none font-medium":O.marking}])}," Marking ",2),(0,n.Lk)("button",{onClick:t[4]||(t[4]=e=>I.playAllAudios()),class:(0,s.C4)([{"cursor-not-allowed":!O.recordedTunes.length},"px-4 py-1.5 bg-gray-50 border border-gray-200 shadow-custom rounded"]),id:"playButton"},[O.isRunning?((0,n.uX)(),(0,n.CE)("img",c)):((0,n.uX)(),(0,n.CE)("img",d))],2),O.mapping||O.marking||O.notes||O.recordedTunes.length||O.options.includes(O.selectedOption)||O.songs.includes(O.selectedSong)||!0===O.isNotes?((0,n.uX)(),(0,n.CE)("button",{key:0,onClick:t[5]||(t[5]=e=>(O.recordedTunes=[],O.mapping=null,O.notes=null,O.marking=!1,O.selectedOption=null,O.isNotes=!1,I.resetSong())),class:"px-4 py-2 text-sm bg-gray-50 border border-gray-200 shadow-custom rounded text-red-primary hover:underline"}," Reset ")):(0,n.Q3)("",!0),(0,n.Lk)("div",m,[(0,n.Lk)("button",{onClick:t[6]||(t[6]=(...e)=>I.toggleDropdown&&I.toggleDropdown(...e)),class:"px-4 py-2 bg-gray-50 border border-gray-200 shadow-custom rounded"},[(0,n.eW)((0,s.v_)(O.selectedOption||"Chords")+" ",1),((0,n.uX)(),(0,n.CE)("svg",{xmlns:"http://www.w3.org/2000/svg",class:(0,s.C4)(["h-4 w-4 inline-block transition-transform duration-300 transform",{"rotate-180":!O.isDropdownOpen}]),viewBox:"0 0 20 20",fill:"currentColor"},[...t[8]||(t[8]=[(0,n.Lk)("path",{"fill-rule":"evenodd",d:"M6.293 8.293a1 1 0 0 1 1.414 0L10 10.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z"},null,-1)])],2))]),(0,n.bo)((0,n.Lk)("ul",{onBlur:t[7]||(t[7]=(...e)=>I.hidelist&&I.hidelist(...e)),class:"absolute top-full left-0 mt-2 py-2 h-36 bg-white border border-gray-200 shadow-custom rounded w-40 z-20 overflow-auto"},[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(O.options,e=>((0,n.uX)(),(0,n.CE)("li",{key:e,onClick:t=>I.selectOption(e),class:"px-4 py-2 cursor-pointer hover:bg-gray-100"},(0,s.v_)(e),9,h))),128))],544),[[o.aG,O.isDropdownOpen]])]),t[9]||(t[9]=(0,n.Lk)("div",{class:"relative hidden sm:block"},[(0,n.Lk)("div",{class:"relative flex gap-5 items-center"})],-1))])]),(0,n.Lk)("div",p,[(0,n.Lk)("div",g,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(O.keys,(e,i)=>((0,n.uX)(),(0,n.CE)("button",{key:e.text,id:e.key,onClick:t=>O.hoverTrue?null:I.playSound(e),onMouseover:t=>O.hoverTrue?I.playSound(e):null,class:(0,s.C4)(["relative rounded-b border border-l-0 border-r-0 border-t-0 border-gray-400 mx-px",["white"===e.type?"bg-gray-200 h-80 flex-1 pianoWhite":"bg-gray-900 w-8 xl:w-12 h-48 -ml-6 -mr-6 z-10 hover:bg-gray-light pianoType",e.key===O.pressedKey?"bg-gray-300":"border-b-6 border-gray-400 shadow-inset",i>12?"md:block hidden":""]])},[(0,n.Lk)("span",b,[O.mapping?((0,n.uX)(),(0,n.CE)("i",y,(0,s.v_)(e.text),1)):(0,n.Q3)("",!0),t[28]||(t[28]=(0,n.Lk)("br",null,null,-1)),"white"===e.type&&O.notes?((0,n.uX)(),(0,n.CE)("span",k,(0,s.v_)(e.naming),1)):(0,n.Q3)("",!0),"black"===e.type&&O.notes?((0,n.uX)(),(0,n.CE)("span",v,(0,s.v_)(e.naming),1)):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("CM")&&"C Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",f,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[11]||(t[11]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Cm")&&"C Min"===O.
1selectedOption?((0,n.uX)(),(0,n.CE)("span",w,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[12]||(t[12]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("FM")&&"F Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",C,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[13]||(t[13]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("GM")&&"G Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",T,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[14]||(t[14]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("AM")&&"A Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",E,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[15]||(t[15]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Am")&&"A Min"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",F,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[16]||(t[16]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("DM")&&"D Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",M,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[17]||(t[17]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("EM")&&"E Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",A,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[18]||(t[18]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Em")&&"E Min"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",L,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[19]||(t[19]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Fm")&&"F Min"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",j,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[20]||(t[20]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Gm")&&"G Min"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",D,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[21]||(t[21]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("DbM")&&"Db Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",B,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[22]||(t[22]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.minorFamily&&e.minorFamily.includes("Dm")&&"D Min"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",N,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[23]||(t[23]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("EbM")&&"Eb Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",S,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[24]||(t[24]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("GbM")&&"Gb Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",G,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[25]||(t[25]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("AbM")&&"Ab Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",X,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[26]||(t[26]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),e.majorFamily&&e.majorFamily.includes("BbM")&&"Bb Maj"===O.selectedOption?((0,n.uX)(),(0,n.CE)("span",_,[(0,n.eW)((0,s.v_)(e.tune)+" ",1),t[27]||(t[27]=(0,n.Lk)("span",{class:"h-5 w-5 rounded-full bg-green-primary block mx-auto"},null,-1))])):(0,n.Q3)("",!0),t[29]||(t[29]=(0,n.Lk)("br",null,null,-1)),O.recordedTunes.includes(e.tune)?((0,n.uX)(),(0,n.CE)("span",R)):(0,n.Q3)("",!0)])],42,x))),128))])])])}i(44114),i(18111),i(22489),i(20116),i(7588);var I={name:"Keyboard",data(){return{keys:[{type:"white",tune:"C3",naming:"C3",text:"A",key:65,majorFamily:["CM"],minorFamily:"Cm"},{type:"black",tune:"Db3",naming:"Db3",text:"Q",key:81,majorFamily:["DbM"]},{type:"white",tune:"D3",naming:"D3",text:"S",key:83,majorFamily:["DM"],minorFamily:["Dm"]},{type:"black",tune:"Eb3",naming:"Eb3",text:"W",key:87,minorFamily:["Cm"],majorFamily:["EbM"]},{type:"white",tune:"E3",naming:"E3",text:"D",key:68,majorFamily:["CM","EM"],minorFamily:["Em"]},{type:"white",tune:"F3",naming:"F3",text:"F",key:70,majorFamily:["FM","DbM"],minorFamily:["Fm","Dm"]},{type:"black",tune:"Gb3",naming:"Gb3",text:"E",key:69,majorFamily:["DM","GbM"]},{type:"white",tune:"G3",naming:"G3",text:"G",key:71,majorFamily:["CM","GM","EbM"],minorFamily:["Cm","Em","Gm"]},{type:"black",tune:"Ab3",naming:"Ab3",text:"R",key:82,majorFamily:["EM","DbM","AbM"],minorFamily:["Fm"]},{type:"white",tune:"A3",naming:"A3",text:"H",key:72,majorFamily:["FM","AM","DM"],minorFamily:["Am","Dm"]},{type:"black",tune:"Bb3",naming:"Bb3",text:"T",key:84,minorFamily:["Gm"],majorFamily:["EbM","GbM","BbM"]},{type:"white",tune:"B3",naming:"B3",text:"J",key:74,majorFamily:["GM","EM"],minorFamily:["Em"]},{type:"white",tune:"C4",naming:"C4",text:"Z",key:90,majorFamily:["FM","AbM"],minorFamily:["Am","Fm"]}
1,{type:"black",tune:"Db4",naming:"Db4",text:"Y",key:89,majorFamily:["AM","GbM"]},{type:"white",tune:"D4",naming:"D4",text:"X",key:88,majorFamily:["GM","BbM"],minorFamily:["Gm"]},{type:"black",tune:"Eb4",naming:"Eb4",text:"U",key:85,majorFamily:["AbM"]},{type:"white",tune:"E4",naming:"E4",text:"C",key:67,majorFamily:["AM"],minorFamily:["Am"]},{type:"white",tune:"F4",naming:"F4",text:"V",key:86,majorFamily:["BbM"]},{type:"black",tune:"Gb4",naming:"Gb4",text:"I",key:73},{type:"white",tune:"G4",naming:"G4",text:"B",key:66},{type:"black",tune:"Ab4",naming:"Ab4",text:"O",key:79},{type:"white",tune:"A4",naming:"A4",text:"N",key:78},{type:"black",tune:"Bb4",naming:"Bb4",text:"P",key:80},{type:"white",tune:"B4",naming:"B4",text:"M",key:77},{type:"white",tune:"C5",naming:"C5",text:"1",key:49},{type:"black",tune:"Db6",naming:"Db5",text:"9",key:57},{type:"white",tune:"D6",naming:"D5",text:"2",key:50},{type:"black",tune:"Eb6",naming:"Eb5",text:"0",key:48},{type:"white",tune:"E6",naming:"E5",text:"3",key:51},{type:"white",tune:"F6",naming:"F5",text:"4",key:52},{type:"black",tune:"Gb6",naming:"Gb5",text:"-",key:189},{type:"white",tune:"G6",naming:"G5",text:"5",key:53},{type:"black",tune:"Ab6",naming:"Ab5",text:"=",key:187},{type:"white",tune:"A6",naming:"A5",text:"6",key:54},{type:"black",tune:"Bb6",naming:"Bb5",text:"./",key:8},{type:"white",tune:"B6",naming:"B5",text:"7",key:55},{type:"white",tune:"C7",naming:"C6",text:"8",key:56}],pressedKey:null,hoverTrue:!1,isRunning:!1,myAudio:null,marking:!1,mapping:!1,notes:!1,recordedTunes:[],chordTunes:[],songTunes:[],isDropdownOpen:!1,isNotes:!1,isSongdropdownOpen:!1,selectedOption:"Chords",selectedSong:"Songs",options:["C Maj","F Maj","G Maj","C Min","A Maj","A Min","D Maj","D Min","E Maj","E Min","F Min","G Min","Db Maj","Eb Maj","Gb Maj","Ab Maj","Bb Maj"],songs:["Happy Birthday","Jingle Bells"],audioElements:[],audioTimeouts:[]}},computed:{formattedNotes(){return this.songTunes.join(", ")}},mounted(){this.$store.state.account.impersonated||window.safeWebengageTrack("music tool opened",{"tool name":"piano"}),window.addEventListener("keydown",this.acticveBtn);for(let e=0;e<this.keys.length;e++)this.myAudio=new Audio(`https://audio.spardhaschoolofmusic.com/music/piano/${this.keys[e].tune}.mp3`),this.myAudio.type="audio/mp3"},unmounted(){window.removeEventListener("keydown",this.acticveBtn)},watch:{marking(e){!1===e&&(this.recordedTunes=[])},selectedOption(e){"C Maj"===e&&(this.chordTunes=["C3","E3","G3"]),"C Min"===e&&(this.chordTunes=["C3","Eb3","G3"]),"F Maj"===e&&(this.chordTunes=["F3","A3","C4"]),"G Maj"===e&&(this.chordTunes=["G3","B3","D4"]),"A Maj"===e&&(this.chordTunes=["A3","Db4","E4"]),"A Min"===e&&(this.chordTunes=["A3","C4","E4"]),"D Maj"===e&&(this.chordTunes=["D3","Gb3","A3"]),"D Min"===e&&(this.chordTunes=["D3","F3","A3"]),"E Maj"===e&&(this.chordTunes=["E3","Ab3","B3"]),"E Min"===e&&(this.chordTunes=["E3","G3","B3"]),"F Min"===e&&(this.chordTunes=["F3","Ab3","C4"]),"G Min"===e&&(this.chordTunes=["G3","Bb3","D4"]),"Db Maj"===e&&(this.chordTunes=["Db3","F3","Ab3"]),"Eb Maj"===e&&(this.chordTunes=["Eb3","G3","Bb3"]),"Gb Maj"===e&&(this.chordTunes=["Gb3","Bb3","Db4"]),"Ab Maj"===e&&(this.chordTunes=["Ab3","C4","Eb4"]),"Bb Maj"===e&&(this.chordTunes=["Bb3","D4","F4"]),null!==e&&this.handleSelectedOptionChange(this.chordTunes)},selectedSong(e){"Happy Birthday"===e&&(this.songTunes=["C4","C4","D4","C4","F4","E4","C4","C4","D4","C4","G4","F4","C4","C4","C4","A4","F4","E4","D4","A4","A4","A4","F4","G4","F4","C4","C4","D4","C4","F4","E4","C4","C4","D4","C4","G4","F4","C4","C4","C4","A4","F4","E4","D4","A4","A4","A4","F4","G4","F4","C4","C4","D4","C4","F4","E4","D4","A4","A4","A4","F4","C4","C4","D4","C4","F4","E4","D4","A4","A4","A4","F4","C4","C4","D4","C4","F4","E4","D4","A4","A4","A4","F4","G4","F4"]),"Jingle Bells"===e&&(this.songTunes=["E4","E4","E4","E4","E4","E4","E4","G4","C4","D4","E4","F4","F4","F4","F4","F4","E4","E4","E4","E4","D4","D4","E4","D4","G4","E4","E4","E4","E4","E4","E4","E4","G4","C4","D4","E4","F4","F4","F4","F4","F4","E4","E4","E4","E4","G4","G4","F4","D4","C4"]),null!==e&&this.handleSongChange(this.songTunes),null===e&&this.stopAllAudio()}},methods:{songTuneInit(){0===this.songTunes.length&&(this.songTunes=["Ready to play some piano? Start by choosing a song from the dropdown menu on the left. You can read and practice the piano notes in no time!"])},playSound(e){this.myAudio=new Audio(`https://audio.spardhaschoolofmusic.com/music/piano/${e.tune}.mp3`),this.marking&&(this.recordedTunes.includes(e.tune)?this.recordedTunes=this.recordedTunes.filter(t=>t!==e.tune):this.recordedTunes.push(e.tune)),this.pressedKey=e.key,setTimeout(()=>{this.pressedKey=null},300),this.myAudio.type="audio/mp3",this.myAudio.play()},acticveBtn(e){const t=this.keys.find(t=>t.key===e.keyCode);this.playSound(t),this.pressedKey=e.keyCode,setTimeout(()=>{this.pressedKey=null},300)}
1,playAllAudios(){this.isRunning=!0,this.recordedTunes.forEach((e,t)=>{const i=new Audio(`https://audio.spardhaschoolofmusic.com/music/piano/${e}.mp3`);setTimeout(()=>{i.type="audio/mp3",i.play()},550*t)}),setTimeout(()=>{this.isRunning=!1},250*this.recordedTunes.length)},toggleDropdown(){this.isDropdownOpen=!this.isDropdownOpen},toggleSong(){this.isSongdropdownOpen=!this.isSongdropdownOpen},hidelist(){this.isDropdownOpen=!1},hideSong(){this.isSongdropdownOpen=!1},selectOption(e){this.selectedOption=e,this.isDropdownOpen=!1},selectSong(e){this.selectedSong=e,this.isSongdropdownOpen=!1},resetSong(){this.selectedSong=null,this.isSongdropdownOpen=!1},handleSelectedOptionChange(){this.chordTunes.forEach((e,t)=>{const i=new Audio(`https://audio.spardhaschoolofmusic.com/music/piano/${e}.mp3`);setTimeout(()=>{i.type="audio/mp3",i.play()},0*t)})},handleSongChange(){this.songTunes.forEach((e,t)=>{const i=new Audio(`https://audio.spardhaschoolofmusic.com/music/piano/${e}.mp3`),n=setTimeout(()=>{i.type="audio/mp3",i.play()},400*t);this.audioElements.push(i),this.audioTimeouts.push(n)})},stopAllAudio(){this.audioElements.forEach(e=>{e.pause()}),this.audioElements=[],this.audioTimeouts.forEach(e=>{clearTimeout(e)}),this.audioTimeouts=[]}}},W=i(66262);const P=(0,W.A)(I,[["render",O],["__scopeId","data-v-22c6bbc3"]]);var Q=P},68557:function(e,t,i){i.d(t,{A:function(){return N}});var n=i(20641),s=i(90033),o=i(53751);const a={class:"relative flex flex-col flex-1 min-h-0 overflow-hidden"},l={class:"flex-1 min-h-0 overflow-y-auto"},r={class:"flex"},u={class:"z-20"},d={class:"flex flex-1 flex-col items-center text-center text-heading sm:py-10 py-6 sm:px-6 px-4 mx-auto justify-center",style:{"max-width":"430px"}},c={class:"beats-container pb-3"},m={class:"beat-span font-bold"},h={class:"text-5xl text-blue-primary font-bold"},p={class:"uppercase my-2"},g={class:"flex justify-between my-2 w-full"},x={class:"border-b border-heading flex items-center mb-3 mt-6 pb-1 w-full"},b={class:"border-b border-heading flex items-center pb-1 mt-4 w-full"},y={class:"font-medium text-blue-primary text-xs"};function k(e,t,i,k,v,f){const w=(0,n.g2)("metronome-assist"),C=(0,n.g2)("play-icon"),T=(0,n.g2)("pause-icon"),E=(0,n.g2)("chevron-left-icon"),F=(0,n.g2)("chevron-right-icon"),M=(0,n.g2)("volume-2-icon");return(0,n.uX)(),(0,n.CE)("div",a,[t[11]||(t[11]=(0,n.Lk)("section",{class:"schedule-cont bg-white flex-shrink-0"},[(0,n.Lk)("div",{class:"sm:py-4 bg-heading text-white p-4 sm:px-8"},[(0,n.Lk)("h1",{class:"text-2xl font-bold flex items-center"},"Metronome")])],-1)),(0,n.Lk)("div",l,[(0,n.Lk)("div",r,[(0,n.Lk)("div",u,[(0,n.bF)(w,{class:"w-full h-full p-20 hidden sm:block",started:e.isRunning,bpm:e.bpm},null,8,["started","bpm"])]),(0,n.Lk)("div",d,[(0,n.Lk)("div",c,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(e.beats,(e,t)=>((0,n.uX)(),(0,n.CE)("div",{key:t,class:"flex h-1/3 flex-col items-center justify-center"},[(0,n.Lk)("span",m,(0,s.v_)(e),1)]))),128))]),(0,n.Lk)("div",null,[(0,n.Lk)("span",h,(0,s.v_)(e.bpm),1),t[8]||(t[8]=(0,n.Lk)("span",null,"BPM",-1))]),(0,n.Lk)("div",p,(0,s.v_)(e.tempoTextString),1),(0,n.Lk)("div",g,[(0,n.Lk)("div",{onClick:t[0]||(t[0]=e=>f.decTempo()),class:"w-12 h-12 text-5xl rounded-full border border-gray-200 cursor-pointer hover:bg-blue-300 hover:text-white flex items-center justify-center"}," - "),(0,n.bo)((0,n.Lk)("input",{type:"range",min:"20",max:"280",step:"1",class:"slider","onUpdate:modelValue":t[1]||(t[1]=t=>e.bpm=t),onChange:t[2]||(t[2]=e=>(f.validateTempo(),f.updateMetronome()))},null,544),[[o.Jo,e.bpm]]),(0,n.Lk)("div",{onClick:t[3]||(t[3]=e=>f.incTempo()),class:"w-12 h-12 text-5xl rounded-full border border-gray-200 cursor-pointer hover:bg-blue-300 hover:text-white flex items-center justify-center"}," + ")]),(0,n.Lk)("div",{onClick:t[4]||(t[4]=e=>f.startStop()),class:"h-14 w-14 bg-blue-primary rounded-full text-white cursor-pointer hover:bg-blue-800 flex items-center justify-center"},[e.isRunning?((0,n.uX)(),(0,n.Wv)(T,{key:1,size:"1.5x"})):((0,n.uX)(),(0,n.Wv)(C,{key:0,size:"1.5x"}))]),(0,n.Lk)("div",x,[t[9]||(t[9]=(0,n.Lk)("span",{class:"uppercase text-xs"}," Beats per measure ",-1)),(0,n.Lk)("div",{class:"w-6 h-6 rounded-full border border-gray-200 mr-3 ml-auto cursor-pointer flex items-center justify-center hover:bg-blue-300 text-2xl",onClick:t[5]||(t[5]=e=>f.subtractBeats())},[(0,n.bF)(E)]),(0,n.eW)(" "+(0,s.v_)(e.beatsPerMeasure)+" Beats ",1),(0,n.Lk)("div",{class:"stepper w-6 h-6 rounded-full border border-gray-200 ml-3 cursor-pointer flex items-center justify-center hover:bg-blue-300 text-2xl",onClick:t[6]||(t[6]=e=>f.addBeats())},[(0,n.bF)(F)])]),(0,n.Lk)("div",b,[t[10]||(t[10]=(0,n.Lk)("span",{class:"uppercase text-xs"}," Volume ",-1)),(0,n.bF)(M,{class:"text-blue-primary ml-3",size:"1.4x"}),(0,n.bo)((0,n.Lk)("input",{type:"range",min:"0.1",max:"1",step:"0.1",class:"slider mx-2","onUpdate:modelValue":t[7]||(t[7]=t=>e.volume=t)},null,512),[[o.Jo,e.volume]]),(0,n.Lk)("span",y,(0,s.v_)(100*e.volume)+"% ",1)])])])])])}var v=i(81060);const f=["checked"],w=["checked"],C=["checked"];function T(e,t,i,s,o,a){return(0,n.uX)(),(0,n.CE)("div",null,[(0,n.Lk)("input",{type:"checkbox",id:"off",checked:!i.started},null,8,f),t[0]||(t[0]=(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f0"},null,-1)),t[1]||(t[1]=(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f1"},null,-1)),t[2]||(t[2]=(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f2"},null,-1)),t[3]||(t[3]=(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f3",checked:!1}
1,null,-1)),(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f4",checked:i.bpm>0&&i.bpm<149},null,8,w),(0,n.Lk)("input",{type:"radio",name:"frecuencia",id:"f5",checked:i.bpm>150},null,8,C),t[4]||(t[4]=(0,n.Fv)('<div id="metronom" data-v-1e69382b><div id="fons" data-v-1e69382b></div><div id="pendul" data-v-1e69382b><div id="pes" data-v-1e69382b></div></div><div id="tap" data-v-1e69382b><div id="suportLabel" data-v-1e69382b></div></div></div>',1))])}var E={name:"Metronomeassist",props:{started:{type:Boolean,required:!1,default:!1},bpm:{type:Number,required:!1,default:140}},data(){return{}}},F=i(66262);const M=(0,F.A)(E,[["render",T],["__scopeId","data-v-1e69382b"]]);var A=M;function L(){return{bpm:140,beatsPerMeasure:4,count:0,isRunning:!1,tempoTextString:"Allegro",tick:null,tick2:null,metronome:null,context:null,yodelBuffer:null,gainNode:null,sourceNode:null,source:null,volume:.6,myAudio:null,audioContext:null,buffer:null,buffer2:null,beats:[]}}function j(e,t,i){this.timeInterval=t,this.start=()=>{this.expected=Date.now()+this.timeInterval,this.theTimeout=null,i.immediate&&e(),this.timeout=setTimeout(this.round,this.timeInterval)},this.stop=()=>{void 0!==this.timeout&&null!==this.timeout&&(clearTimeout(this.timeout),this.timeout=null)},this.round=()=>{const t=Date.now()-this.expected;t>this.timeInterval&&i.errorCallback&&i.errorCallback(),e(),this.expected+=this.timeInterval,this.timeout=setTimeout(this.round,this.timeInterval-t)}}var D={name:"Metronome",data(){return L()},components:{PauseIcon:v.E$n,PlayIcon:v.udU,ChevronLeftIcon:v.YJP,ChevronRightIcon:v.vKP,Volume2Icon:v.caQ,"metronome-assist":A},mounted(){this.$store.state.account.impersonated||window.safeWebengageTrack("music tool opened",{"tool name":"metronome"}),this.metronome=new j(this.playClick,6e4/this.bpm,{immediate:!0}),this.audioContext=new AudioContext,this.tick=new Audio("https://audio.spardhaschoolofmusic.com/music/tanpura/tick.mp3"),this.tick.crossOrigin="anonymous",this.tick.preload=!0,this.tick2=new Audio("https://audio.spardhaschoolofmusic.com/music/tanpura/tick2.mp3"),this.tick2.crossOrigin="anonymous",this.tick2.preload=!0},beforeUnmount(){this.metronome&&this.metronome.stop();try{this.sourceNode&&this.sourceNode.disconnect()}catch(e){}try{this.gainNode&&this.gainNode.disconnect()}catch(e){}this.sourceNode=null,this.gainNode=null,this.audioContext&&"closed"!==this.audioContext.state&&this.audioContext.close().catch(()=>{}),Object.assign(this.$data,L())},methods:{decTempo(){this.bpm<=20||(this.bpm=Number(this.bpm)-5,this.validateTempo(),this.updateMetronome())},incTempo(){this.bpm>=280||(this.bpm=Number(this.bpm)+5,this.validateTempo(),this.updateMetronome())},startStop(){this.count=0,this.isRunning?(this.metronome.stop(),this.isRunning=!1,this.$emit("play","idle")):(this.metronome.start(),this.isRunning=!0,this.$emit("play","running"))},addBeats(){this.beatsPerMeasure>=12||(this.beatsPerMeasure++,this.count=0)},subtractBeats(){this.beatsPerMeasure<=2||(this.beatsPerMeasure--,this.count=0)},updateMetronome(){this.metronome.timeInterval=6e4/this.bpm,this.bpm<=24&&(this.tempoTextString="Larghissimo"),this.bpm>24&&this.bpm<=40&&(this.tempoTextString="Adagissimo"),this.bpm>40&&this.bpm<=60&&(this.tempoTextString="Largo"),this.bpm>60&&this.bpm<=70&&(this.tempoTextString="Larghetto"),this.bpm>66&&this.bpm<=76&&(this.tempoTextString="Adagio"),this.bpm>76&&this.bpm<=92&&(this.tempoTextString="Adagietto"),this.bpm>92&&this.bpm<=108&&(this.tempoTextString="Andante moderato"),this.bpm>108&&this.bpm<=120&&(this.tempoTextString="Moderato"),this.bpm>120&&this.bpm<=156&&(this.tempoTextString="Allegro"),this.bpm>156&&this.bpm<=168&&(this.tempoTextString="Vivace"),this.bpm>168&&this.bpm<200&&(this.tempoTextString="Presto"),this.bpm>200&&(this.tempoTextString="Prestissimo")},validateTempo(){this.bpm<=20||this.bpm},async playClick(){this.count===this.beatsPerMeasure&&(this.count=0),0===this.count?(this.tick.crossOrigin="anonymous",this.gainNode=this.audioContext.createGain(),this.gainNode.gain.value=this.volume,this.sourceNode=this.audioContext.createBufferSource(),null===this.buffer&&(this.buffer=await this.loadAudio(this.tick.src)),this.sourceNode.buffer=this.buffer,this.sourceNode.connect(this.gainNode),this.gainNode.connect(this.audioContext.destination),this.sourceNode.start()):(this.tick2.crossOrigin="anonymous",this.gainNode=this.audioContext.createGain(),this.gainNode.gain.value=this.volume,this.sourceNode=this.audioContext.createBufferSource(),null===this.buffer2&&(this.buffer2=await this.loadAudio(this.tick2.src)),this.sourceNode.buffer=this.buffer2,this.sourceNode.connect(this.gainNode),this.gainNode.connect(this.audioContext.destination),this.sourceNode.start()),this.count++,this.beats=this.generateBeatValues(this.bpm).slice(0,this.count)},generateBeatValues(e){return Array.from({length:e},(e,t)=>t+1)},async loadAudio(e){const t=await fetch(e),i=await t.arrayBuffer();return await this.audioContext.decodeAudioData(i)}}};const B=(0,F.A)(D,[["render",k],["__scopeId","data-v-37e215fd"]]);var N=B},92777:function(e,t,i){i.d(t,{A:function(){return R}});var n=i(20641),s=i(90033),o=i(53751),a=i(82606);const l={class:"relative flex flex-col flex-1 min-h-0 overflow-hidden"},r={class:"flex-1 min-h-0 overflow-y-auto"},u={class:"bg-white"},d={class:"space-y-3"},c={class:"flex flex-col items-center justify-center"},m={class:"flex w-auto items-center justify-center gap-8 lg:gap-8 xl:gap-10 2xl:gap-20 p-4 sm:pb-8 sm:pt-8 lg:pb-8 lg:pt-8 xl:pb-10 xl:pt-10 2xl:pb-12 2xl:pt-12 main-container-responsive"},h={class:"hidden max-w-xs lg:max-w-xs xl:max-w-sm 2xl:max-w-md flex-col items-center justify-between gap-6 lg:gap-5 xl:gap-6 2xl:gap-8 sm:flex left-side-responsive"},p={key:0,class:"muzieknootjes"},g={class:"flex flex-1 flex-col items-center gap-3 lg:gap-3 xl:gap-4 2xl:gap-5 md:items-center max-w-md lg:max-w-md xl:max-w-lg 2xl:max-w-xl center-control
1s-responsive"},x={key:0,class:"sm:hidden"},b={class:"my-2 flex h-10 lg:h-10 xl:h-10 2xl:h-12 w-full rounded-lg py-0 text-sm lg:text-sm xl:text-sm 2xl:text-lg font-semibold text-[#333636] shadow-md"},y=["disabled"],k={class:"flex w-full flex-1 items-center justify-center bg-white !leading-none text-sm lg:text-sm xl:text-sm 2xl:text-lg"},v=["disabled"],f={class:"grid grid-cols-4 items-center justify-center gap-3 lg:gap-3 xl:gap-4 2xl:gap-5 py-0"},w=["onClick"],C={class:"col-span-full flex items-center justify-center gap-3 lg:gap-3 xl:gap-4"},T={key:0,src:"/loader.gif",class:"w-6 lg:w-8 xl:w-8 2xl:w-10 invert sepia"},E={key:1,class:"-mr-0.5 h-4 w-auto lg:h-5 xl:h-5 2xl:h-6",viewBox:"0 0 15 18",xmlns:"http://www.w3.org/2000/svg"},F={key:2,class:"-mr-0.5 h-4 w-auto lg:h-5 xl:h-5 2xl:h-6",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},M={key:0,class:"click-to-play-text"},A={class:"col-span-full flex items-center justify-center gap-2 lg:gap-2 xl:gap-2 2xl:gap-3"},L=["disabled"],j={class:"text-heading text-xs lg:text-xs xl:text-xs 2xl:text-base font-medium"};function D(e,t,i,D,B,N){const S=(0,n.g2)("minus-icon"),G=(0,n.g2)("plus-icon");return(0,n.uX)(),(0,n.CE)("div",l,[t[15]||(t[15]=(0,n.Lk)("section",{class:"schedule-cont bg-white flex-shrink-0"},[(0,n.Lk)("div",{class:"sm:py-4 bg-heading text-white p-4 sm:px-8"},[(0,n.Lk)("h1",{class:"text-2xl font-bold flex items-center"},"Mridangam")])],-1)),(0,n.Lk)("div",r,[(0,n.Lk)("div",{class:(0,s.C4)(["waveWrapper",{waveAnimation:e.isRunning}])},[...t[6]||(t[6]=[(0,n.Fv)('<div class="waveWrapperInner bgTop" data-v-03165757><div class="wave waveTop" style="background-image:url('https://a.storyblok.com/f/114532/1920x119/9838dc883c/wave-top.png');" data-v-03165757></div></div><div class="waveWrapperInner bgMiddle" data-v-03165757><div class="wave waveMiddle" style="background-image:url('https://a.storyblok.com/f/114532/1920x167/144065d2a4/wave-mid.png');" data-v-03165757></div></div><div class="waveWrapperInner bgBottom" data-v-03165757><div class="wave waveBottom" style="background-image:url('https://a.storyblok.com/f/114532/1920x219/5e4090fa5f/wave-bot.png');" data-v-03165757></div></div>',3)])],2),(0,n.Lk)("section",u,[(0,n.Lk)("div",d,[(0,n.Lk)("div",c,[(0,n.Lk)("div",m,[(0,n.Lk)("div",h,[e.isRunning?((0,n.uX)(),(0,n.CE)("div",p,[...t[7]||(t[7]=[(0,n.Lk)("div",{class:"noot-1"},"â« â©",-1),(0,n.Lk)("div",{class:"noot-2"},"â©",-1),(0,n.Lk)("div",{class:"noot-3"},"⯠âª",-1),(0,n.Lk)("div",{class:"noot-4"},"âª",-1)])])):(0,n.Q3)("",!0),(0,n.Lk)("div",{class:(0,s.C4)(["text-center text-heading text-base lg:text-sm xl:text-base 2xl:text-xl font-semibold italic leading-5 lg:leading-6 xl:leading-6 2xl:leading-7 duration-1000 bol-display-responsive",{"animate-pulse":e.isRunning}])},[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(N.formattedBols,(e,t)=>((0,n.uX)(),(0,n.CE)("div",{key:t},(0,s.v_)(e),1))),128))],2),t[8]||(t[8]=(0,n.Lk)("div",{class:"flex flex-col items-center gap-3"},[(0,n.Lk)("img",{src:a,alt:"Mridangam",class:"mx-auto hidden w-full sm:block lg:w-40 xl:w-44 2xl:w-60 tabla-image-responsive",style:{"max-width":"240px"}})],-1))]),(0,n.Lk)("div",g,[e.isRunning?((0,n.uX)(),(0,n.CE)("div",x,[...t[9]||(t[9]=[(0,n.Fv)('<div class="muzieknootjes" data-v-03165757><div class="noot-1" data-v-03165757>â« â©</div><div class="noot-2" data-v-03165757>â©</div><div class="noot-3" data-v-03165757>⯠âª</div><div class="noot-4" data-v-03165757>âª</div></div>',1)])])):(0,n.Q3)("",!0),(0,n.Lk)("div",{class:(0,s.C4)(["max-w-[200px] text-center text-heading text-sm font-semibold italic leading-7 duration-1000 sm:hidden",{"animate-pulse":e.isRunning}])},[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(N.formattedBols,(e,t)=>((0,n.uX)(),(0,n.CE)("div",{key:t},(0,s.v_)(e),1))),128))],2),t[14]||(t[14]=(0,n.Lk)("div",{class:"flex h-10 lg:h-10 xl:h-10 2xl:h-12 w-full rounded-lg text-base lg:text-base xl:text-base 2xl:text-xl font-bold text-[#333636] shadow-md"},[(0,n.Lk)("div",{class:"flex h-10 lg:h-10 xl:h-10 2xl:h-12 w-full items-center justify-center rounded-lg border bg-white px-4 text-sm lg:text-sm xl:text-sm 2xl:text-lg font-semibold"}," Adi Talam ")],-1)),(0,n.Lk)("div",b,[(0,n.Lk)("button",{onClick:t[0]||(t[0]=(...e)=>N.decreaseBpm&&N.decreaseBpm(...e)),disabled:N.convertedBpm<=80,class:(0,s.C4)([{"cursor-not-allowed opacity-50":N.convertedBpm<=80}
1,"yellow-gradient hover:yellow-gradient-hover flex h-10 lg:h-10 xl:h-10 2xl:h-12 w-12 lg:w-12 xl:w-12 2xl:w-16 items-center justify-center rounded-l-lg"])},[(0,n.bF)(S,{size:"1.2x"})],10,y),(0,n.Lk)("div",k,(0,s.v_)(e.bpm)+" BPM ",1),(0,n.Lk)("button",{onClick:t[1]||(t[1]=(...e)=>N.increaseBpm&&N.increaseBpm(...e)),disabled:N.convertedBpm>=150,class:(0,s.C4)([{"cursor-not-allowed opacity-50":N.convertedBpm>=150},"yellow-gradient hover:yellow-gradient-hover flex h-10 lg:h-10 xl:h-10 2xl:h-12 w-12 lg:w-12 xl:w-12 2xl:w-16 items-center justify-center rounded-r-lg"])},[(0,n.bF)(G,{size:"1.2x"})],10,v)]),(0,n.Lk)("div",f,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(e.tunes,(t,i)=>((0,n.uX)(),(0,n.CE)("button",{key:i,onClick:e=>N.handleTuneChange(t),class:(0,s.C4)(["h-10 lg:h-10 xl:h-10 2xl:h-12 w-full text-xs lg:text-xs xl:text-xs 2xl:text-base transition-all duration-300 tune-button",t.tune===e.selectedTune&&e.isRunning?"tune-button-active":t.tune===e.selectedTune?"tune-button-selected":"tune-button-default"])},(0,s.v_)(t.text),11,w))),128)),(0,n.Lk)("div",C,[(0,n.Lk)("button",{onClick:t[2]||(t[2]=e=>N.playPause()),class:"flex h-12 w-12 lg:h-12 lg:w-12 xl:h-14 xl:w-14 2xl:h-16 2xl:w-16 cursor-pointer items-center justify-center rounded-full yellow-gradient hover:yellow-gradient-hover flex-shrink-0"},[e.isLoading?((0,n.uX)(),(0,n.CE)("img",T)):e.isRunning?((0,n.uX)(),(0,n.CE)("svg",F,[...t[11]||(t[11]=[(0,n.Lk)("rect",{x:"6",y:"6",width:"4",height:"12",fill:"#333636"},null,-1),(0,n.Lk)("rect",{x:"14",y:"6",width:"4",height:"12",fill:"#333636"},null,-1)])])):((0,n.uX)(),(0,n.CE)("svg",E,[...t[10]||(t[10]=[(0,n.Lk)("path",{d:"M1 3.80425V14.1958C1 15.7666 2.7279 16.7243 4.06 15.8917L12.3732 10.696C13.6265 9.91266 13.6265 8.08734 12.3732 7.304L4.06 2.10825C2.7279 1.27569 1 2.23338 1 3.80425Z",fill:"#333636","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))]),e.isRunning?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("div",M," Click Here To Play ! "))]),(0,n.Lk)("div",A,[t[12]||(t[12]=(0,n.Lk)("span",{class:"text-xs lg:text-xs xl:text-xs 2xl:text-base uppercase text-[#333636]"}," Volume ",-1)),t[13]||(t[13]=(0,n.Lk)("img",{src:"https://a.storyblok.com/f/114532/48x48/c4cd8e0609/download.png",alt:"speaker",class:"ml-1 lg:ml-1 xl:ml-1 2xl:ml-3 w-5 lg:w-5 xl:w-5 2xl:w-7"},null,-1)),(0,n.bo)((0,n.Lk)("input",{type:"range",min:"10",max:"100",step:"5",class:"tabla-slider mx-2 w-3/4 lg:w-3/4 xl:w-4/5 2xl:w-5/6","onUpdate:modelValue":t[3]||(t[3]=t=>e.volume=t),style:(0,s.Tr)({"--slider-progress":e.volume+"%"}),disabled:!e.isRunning,onInput:t[4]||(t[4]=e=>N.updateVolume()),onChange:t[5]||(t[5]=e=>N.updateVolume())},null,44,L),[[o.Jo,e.volume]]),(0,n.Lk)("span",j,(0,s.v_)(e.volume)+"% ",1)])])])])])])])])])}i(44114),i(18111),i(22489),i(61701);var B=i(81060);const N="Tha Ka Di Mi | Ta Ka Jo Nu | Tha Ka Di Mi | Ta Ka Jo Nu | Tha Ka Di Mi | Ta Ka Jo Nu";function S(){return{bpm:100,isRunning:!1,selectedTune:"a_sharp",selectedText:"A#",myAudio:null,volume:80,tunes:[{tune:"c",text:"C"},{tune:"c_sharp",text:"C#"},{tune:"d",text:"D"},{tune:"d_sharp",text:"D#"},{tune:"e",text:"E"},{tune:"f",text:"F"},{tune:"f_sharp",text:"F#"},{tune:"g",text:"G"},{tune:"g_sharp",text:"G#"},{tune:"a",text:"A"},{tune:"a_sharp",text:"A#"},{tune:"b",text:"B"}],audioContext:null,gainNode:null,sourceNode:null,showDropdown:!1,isLoading:!1}}var G={name:"Mridangam",props:{},data(){return S()},components:{PlusIcon:B.c11,MinusIcon:B.QGg},computed:{convertedBpm(){return Number(this.bpm)},formattedBols(){const e=N,t=e.split("|").map(e=>e.trim()).filter(e=>e);if(0===t.length)return[];const i=[],n=Math.ceil(t.length/3);for(let s=0;s<t.length;s+=n){const e=t.slice(s,s+n);i.push(e.join(" | "))}while(i.length<3)i.push("");return i.slice(0,3)}},mounted(){this.$store.state.account.impersonated||window.safeWebengageTrack("music tool opened",{"tool name":"mridangam"})},unmounted(){if(this.sourceNode){try{this.sourceNode.stop(),this.sourceNode.disconnect()}catch(e){}this.sourceNode=null}this.gainNode&&(this.gainNode.disconnect(),this.gainNode=null),this.audioContext&&(this.audioContext.close(),this.audioContext=null),Object.assign(this.$data,S())},watch:{volume(){this.updateVolume()}},methods:{handleSliderChange(){this.isRunning&&(this.playPause(),setTimeout(()=>{this.playPause()},100))},handleTuneChange(e){this.selectedTune===e.tune&&this.isRunning||(this.selectedTune=e.tune,this.selectedText=e.text,this.isRunning&&this.playPause(),setTimeout(()=>{this.playPause()},100))},decreaseBpm(){this.bpm>80&&(this.bpm=Number(this.bpm)-5,this.isRunning&&this.handleSliderChange())},increaseBpm(){this.bpm<150&&(this.bpm=Number(this.bpm)+5,this.isRunning&&this.handleSliderChange())},updateVolume(){this.gainNode&&(this.gainNode.gain.value=this.volume/100)},async playPause(){if(this.isRunning)this.sourceNode&&(this.sourceNode.stop(),this.sourceNode.disconnect(),this.sourceNode=null),this.gainNode&&(this.gainNode.disconnect(),this.gainNode=null),this.audioContext&&(this.audioContext.close(),this.audioContext=null),this.isRunning=!1,this.$emit("play","i
1dle");else{let t;this.audioContext&&"closed"!==this.audioContext.state&&this.audioContext.close(),this.myAudio=new Audio(`https://audio.spardhaschoolofmusic.com/music/mridangam/${this.selectedTune}/${this.bpm}bpm.mp3`),this.myAudio.crossOrigin="anonymous",this.audioContext=new AudioContext,this.gainNode=this.audioContext.createGain(),this.gainNode.gain.value=this.volume/100,this.sourceNode=this.audioContext.createBufferSource(),this.isLoading=!0;try{t=await this.loadAudio(this.myAudio.src)}catch(e){return this.isLoading=!1,this.audioContext.close(),this.audioContext=null,this.gainNode=null,this.sourceNode=null,void console.error("Mridangam: failed to load audio",e)}this.sourceNode.buffer=t,this.sourceNode.loop=!0,this.sourceNode.connect(this.gainNode),this.gainNode.connect(this.audioContext.destination),this.isLoading=!1,this.sourceNode.start(),this.isRunning=!0,this.$emit("play","running")}},async loadAudio(e){const t=await fetch(e),i=await t.arrayBuffer();return await this.audioContext.decodeAudioData(i)},reset(){this.isRunning&&this.playPause(),this.bpm=100,this.volume=80,this.selectedTune="a_sharp",this.selectedText="A#"}}},X=i(66262);const _=(0,X.A)(G,[["render",D],["__scopeId","data-v-03165757"]]);var R=_}}]);
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.