{"version":3,"sources":["webpack:///./src/components/chemistry/bce/photosynthesis/Lesson.vue","webpack:///./src/components/chemistry/bce/photosynthesis/Boxes.js","webpack:///src/components/chemistry/bce/photosynthesis/Lesson.vue","webpack:///./src/components/chemistry/bce/photosynthesis/Lesson.vue?5c44","webpack:///./src/components/chemistry/bce/photosynthesis/Lesson.vue?b04d","webpack:///./src/components/chemistry/bce/photosynthesis/Lesson.vue?5bfb"],"names":["staticClass","class","_vm","$vuetify","_c","staticStyle","ref","attrs","_v","staticRenderFns","render","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","pan","enabled","zoom","suspendUpdate","placeLogo","makeResponsive","shuffle","placeShuffle","erase","placeErase","list1","list","i","Cmethane","placeTitle","valueOf","create","cssStyle","fontSize","canvasHeight","fixed","parse","highlight","anchorX","Coxy","rotate","Ccotwo","Cwater","strokeColor","strokeWidth","anchorY","Value","opacity","visible","on","Math","floor","random","_step","magicGraph","containerObj","inputFields","querySelectorAll","_iterator","_createForOfIteratorHelper","s","n","done","inputField","value","err","e","f","_step2","_iterator2","unsuspendUpdate","box2","_brd2$create","brd2","placeTest","c","Oxy","vis","setLabel","label","setAttribute","offset","CssStyle","this","_defineProperty","toString","display","cycle","_step3","_iterator3","box3","brd3","placeGo","startOver","placeStartOver","Fe","writeLeftHTML","O","H2O","FeOH3","msg","color","_step4","_iterator4","alert","name","components","data","style","layout","created","_this","$store","commit","title","newTopics","img","action","goto","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"qJAA4D,EAAU,W,IAAiBA,OAAgCC,EAAK,EAAC,S,OAAC,WAAiBC,MAAIC,C,YAA4B,oB,MAAmD,CAAgD,8CAAIC,kBAAS,6BAACJ,cAAY,sBAAoB,Y,CAAQ,S,YAAuD,qB,MAAkC,CAA+C,0CAAII,SAAU,6BAACC,WAAY,kCAAuB,WAAE,YAAS,CAAuCC,cAAQ,W,CAAc,kCAAa,SAAM,SAAG,YAAQ,CAAk7BD,aAAY,UAAoB,06BAAG,YAAU,CAACL,aAAY,UAA4B,S,YAAuD,qB,MAAkC,CAA+C,0CAAII,SAAU,6BAACE,WAAQ,kC,CAAc,UAAsB,IAAC,KAACC,YAAM,CAAC,cAAK,UAAO,MAAMC,CAA4EF,GAAI,Q,CAAkB,oEAAa,SAAM,SAAG,YAAUJ,CAAyCG,aAAY,UAAoB,8CAAG,YAAQ,CAAkgBA,aAAY,UAAoB,8fAAG,YAAUH,CAAsCG,aAAY,UAAoB,2CAAG,YAAQ,CAAosBA,aAAY,UAAoB,wrBAAG,YAAI,CAA+BE,aAAM,UAAoB,oBAAE,MAAK,CAAOP,iBAAY,K,CAAyB,QAAK,CAAS,8BAAG,MAAM,CAAYO,GAAM,eAAoB,UAAE,MAAK,CAAMP,iBAAY,KAAyEA,QAAW,CAAkB,YAAQ,oBAAqCA,2CAAY,OAAe,YAAQ,kBACtwH,yCACGS,4BAEJ,EAASC,gEAAuB,Q,4nCCqChC,IAAMC,EAAQ,CACZC,KAAM,WACJ,IAAIC,EAAOC,IAAIC,SAASC,UAAU,UAAU,CAACC,YAAa,CAAC,EAAG,EAAG,IAAK,GACpEC,iBAAgB,EAAMC,MAAK,EAAOC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAMC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KACxIZ,EAAKc,gBACLC,eAAUf,GACVgB,eAAehB,GACf,IAAIiB,EAASC,eAAalB,EAAK,QAC3BmB,EAAQC,eAAWpB,GACnBqB,EAAM,CAAC,OAAQ,SAAU,SAAS,YAClCC,EAAK,CAAC,UAAW,SAAU,UAAU,UACrCC,EAAE,EAYFC,GAFOC,eAAWzB,GAAM,WAAW,MAAO,iBAAkBsB,EAAKC,EAAEG,aAAa,4DAErE1B,EAAK2B,OAAO,QAAS,CAAC,IAAM,KAAM,IAAK,KAAM,CAACC,SAAS,iBAAkBC,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMC,OAAM,EAAKC,OAAM,KAE/JhC,EAAK2B,OAAO,OAAQ,CAAC,KAAM,KAAM,WAAW,MAAO,SAAWN,EAAME,EAAEG,WAAW,OAAQ,CAACO,WAAU,EAAOC,QAAQ,OAAQH,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAEtM,IAAIO,EAAOnC,EAAK2B,OAAO,QAAS,CAAC,EAAG,KAAM,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAC1JhC,EAAK2B,OAAO,OAAQ,CAAC,EAAG,KAAM,cAAe,CAACM,WAAU,EAAOF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAC1I5B,EAAK2B,OAAO,QAAQ,CAAC,qBAAsB,CAAC,KAAM,KAAM,CAAC,EAAI,IAAI,CAACS,OAAO,GAAIH,WAAU,EAAOF,OAAM,IAEpG,IAAIM,EAASrC,EAAK2B,OAAO,QAAS,CAAC,EAAG,KAAM,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAC5JhC,EAAK2B,OAAO,OAAQ,CAAC,EAAG,KAAM,iBAAkB,CAACM,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAC5I,IAAIU,EAAStC,EAAK2B,OAAO,QAAS,CAAC,EAAG,KAAM,IAAK,KAAM,CAACC,SAAU,uBAAwBC,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMC,OAAM,EAAKC,OAAM,IACjKhC,EAAK2B,OAAO,OAAQ,CAAC,GAAI,KAAM,eAAgB,CAACM,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAG3I5B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAChG/B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IACpG/B,EAAK2B,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAACO,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACvL5B,EAAK2B,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAACO,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACvL5B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAChG/B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAErG/B,EAAK2B,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAQJ,EAAEG,UAAU,GAAGF,EAASkB,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAU,uBACpO5B,EAAK2B,OAAO,QAAS,CAAC,oBAAqB,CAAC,IAAK,IAAM,CAAC,GAAI,KAAM,CAACM,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,EAAMa,QAAQ,WAAW,OAAO,EAAEP,EAAOK,UAAUnB,EAAEG,UAAU,GAAGF,EAASkB,SAAW,EAAElB,EAASkB,QAAQ,KAE9M1C,EAAK2B,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAGQ,EAAKO,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACnN5B,EAAK2B,OAAO,QAAS,CAAC,oBAAqB,CAAC,KAAM,IAAM,CAAC,GAAI,KAAM,CAACM,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,EAAMa,QAAQ,WAAW,OAAO,EAAET,EAAKO,SAAW,EAAEJ,EAAOI,QAAQ,EAAEL,EAAOK,SAAU,EAAEP,EAAKO,QAAQ,KAE3M1C,EAAK2B,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAQ,GAAGJ,EAAEG,UAAU,GAAG,GAAGF,EAASkB,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAC1O5B,EAAK2B,OAAO,QAAS,CAAC,oBAAqB,CAAC,KAAM,KAAM,CAAC,GAAI,KAAM,CAACM,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,EAAMa,QAAQ,WAAW,OAAO,EAAEN,EAAOI,UAAY,GAAGnB,EAAEG,UAAU,GAAG,GAAGF,EAASkB,SAAU,EAAEJ,EAAOI,QAAQ,KAEpN1C,EAAK2B,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAO,EAAEU,EAAOK,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAOQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACpN5B,EAAK2B,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAEW,EAAOI,QAAQ,EAAE,EAAEL,EAAOK,QAAS,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACtO5B,EAAK2B,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAO,EAAGW,EAAOI,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAAUV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBACtN5B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,GAAI,GAAG,CAAC,GAAI,IAAK,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAClG/B,EAAK2B,OAAO,OAAQ,CAAC,CAAC,GAAI,MAAM,CAAC,GAAI,OAAQ,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IACxG/B,EAAK2B,OAAO,OAAQ,CAAC,GAAI,IAAI,6BAA6B,CAACO,QAAQ,SAAUO,QAAQ,SAAUR,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG7B,EAAK8B,aAAa,KAAMF,SAAS,uBAChL5B,EAAK2B,OAAO,OAAQ,CAAC,GAAI,IAAK,WAAW,OAAG,EAAEU,EAAOK,UAAUnB,EAAEG,UAAU,GAAGF,EAASkB,SAAW,EAAEP,EAAKO,SAAW,EAAEJ,EAAOI,QAAQ,EAAEL,EAAOK,SAAW,EAAEJ,EAAOI,UAAY,GAAGnB,EAAEG,UAAU,GAAG,GAAGF,EAASkB,QAAgB,+BAA6C,qCAAuC,CAACR,QAAQ,SAAUO,QAAQ,SAAUR,WAAU,EAAMJ,SAAS,WAAW,OAAqB,GAAlBL,EAASkB,QAAmB,EAAe,GAAG1C,EAAK8B,aAAa,KAAOF,SAAS,qBAAsBG,OAAM,IAClfd,EAAQ4B,GAAG,QAAQ,WAAW,OAAOtB,EAAEuB,KAAKC,MAAoB,EAAdD,KAAKE,aACvD/B,EAAQ4B,GAAG,QAAQ,WACjB,IAEsCI,EAFlCC,EAAalD,EAAKmD,aAClBC,EAAcF,EAAWG,iBAAiB,SAASC,EAAAC,EAC5BH,GAAW,IAAlC,IAAAE,EAAAE,MAAAP,EAAAK,EAAAG,KAAAC,MAAoC,KAA3BC,EAAUV,EAAAW,MACbD,EAAWC,MAAQ,KAAK,MAAAC,GAAAP,EAAAQ,EAAAD,GAAA,QAAAP,EAAAS,QAEpC5C,EAAM0B,GAAG,QAAQ,WACf,IAEsCmB,EAFlCd,EAAalD,EAAKmD,aAClBC,EAAcF,EAAWG,iBAAiB,SAASY,EAAAV,EAC5BH,GAAW,IAAlC,IAAAa,EAAAT,MAAAQ,EAAAC,EAAAR,KAAAC,MAAoC,KAA3BC,EAAUK,EAAAJ,MACbD,EAAWC,MAAQ,KAAK,MAAAC,GAAAI,EAAAH,EAAAD,GAAA,QAAAI,EAAAF,QAEpC/D,EAAKkE,mBAEPC,KAAM,WAAY,IAAAC,EACZC,EAAOpE,IAAIC,SAASC,UAAU,UAAU,CAACC,YAAa,CAAC,EAAG,EAAG,IAAK,GACpEC,iBAAgB,EAAMC,MAAK,EAAOC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAMC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KACxIG,eAAUsD,GACVrD,eAAeqD,GACf,IAAIpD,EAASC,eAAamD,EAAK,QAC3BlD,EAAQmD,eAAUD,GAClB/C,EAAK,CAAC,SAAU,SAAU,SAAS,YACnCiD,EAAI,CAAC,IAAK,IAAK,IAAK,KACpBC,EAAM,CAAC,EAAG,IAAK,EAAG,GAClBjD,EAAE,EAAOkD,EAAI,EACjBxD,EAAQyD,SAAS,kBACjBzD,EAAQ0D,MAAMC,aAAa,CAAChC,SAAQ,EAAOiC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBjD,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,OAC1Ib,EAAQ4B,GAAG,QAAQ,WAAakC,KAAKJ,MAAMC,aAAa,CAAChC,SAAQ,OACjE3B,EAAQ4B,GAAG,OAAO,WAAakC,KAAKJ,MAAMC,aAAa,CAAChC,SAAQ,OAEhEzB,EAAMuD,SAAS,qBACfvD,EAAMwD,MAAMC,aAAa,CAAChC,SAAQ,EAAOiC,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBjD,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,OACxIX,EAAM0B,GAAG,QAAQ,WAAakC,KAAKJ,MAAMC,aAAa,CAAChC,SAAQ,OAC/DzB,EAAM0B,GAAG,OAAO,WAAakC,KAAKJ,MAAMC,aAAa,CAAChC,SAAQ,OAE9DyB,EAAK1C,OAAO,OAAQ,CAAC,EAAG,IAAK,WAAW,MAAO,gBAAiBL,EAAKC,EAAEG,cAAY0C,EAAA,CAAGnC,WAAU,EAAOC,QAAQ,UAAQ8C,eAAAZ,EAAE,aAAU,GAAKY,eAAAZ,EAAE,SAAM,GAAIY,eAAAZ,EAAE,YAAS,WAAW,OAAO,GAAGC,EAAKvC,aAAa,OAAIkD,eAAAZ,EAAE,WAAS,qCAAmCA,IAE7O3C,eAAW4C,EAAM,GAAI,4DAEhCA,EAAK1C,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,MAAO,SAAWL,EAAKC,EAAEG,WAAW,kBAAmB,CAACO,WAAU,EAAOC,QAAQ,OAAQH,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAE/MyC,EAAK1C,OAAO,OAAQ,CAAC,EAAG,IAAK,kBAAI6C,EAAIjD,EAAEG,WAAWuD,WAAW,YAAY,CAAChD,WAAU,EAAOC,QAAQ,QAASH,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAEvLyC,EAAK1C,OAAO,OAAQ,CAAC,EAAG,IAAK,cAAe,CAACM,WAAU,EAAOF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBACzIyC,EAAK1C,OAAO,QAAQ,CAAC,qBAAsB,CAAC,KAAM,KAAM,CAAC,EAAI,IAAI,CAACS,OAAO,GAAIH,WAAU,EAAOF,OAAM,IAEpG,IAAIM,EAASgC,EAAK1C,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAC3JK,EAAOQ,GAAG,QAAQ,WAAW4B,EAAI,KAEjCJ,EAAK1C,OAAO,OAAQ,CAAC,EAAG,IAAK,iBAAkB,CAACM,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAE3I,IAAIU,EAAS+B,EAAK1C,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,uBAAwBC,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAEhKqC,EAAK1C,OAAO,OAAQ,CAAC,GAAI,IAAK,eAAgB,CAACM,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAE1IyC,EAAK1C,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACiB,QAAQ,kBAAS,GAAL6B,GAAOxC,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAEnHsC,EAAK1C,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACiB,QAAQ,kBAAS,GAAL6B,GAAOxC,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAEvHsC,EAAK1C,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAAEO,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEzOJ,EAAK1C,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAACO,QAAQ,SAASD,WAAU,EAAOQ,QAAQ,SAASV,OAAM,EAAOF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE1OJ,EAAK1C,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEjIJ,EAAK1C,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACuD,QAAQ,WAAYjD,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE1JJ,EAAK1C,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAO4C,EAAEhD,EAAEG,WAAa,gBAAiB,CAAEQ,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAU,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEpQJ,EAAK1C,OAAO,QAAS,CAAC,WAAW,OAAG,EAAEU,EAAOK,SAAS6B,EAAEhD,EAAEG,WAAmB,oBAAgC,qBAAuB,CAAC,IAAK,IAAM,CAAC,GAAI,KAAM,CAACO,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE/NJ,EAAK1C,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAI6C,EAAIjD,EAAEG,WAAW,EAAI,gBAAiB,CAACQ,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE3QJ,EAAK1C,OAAO,QAAS,CAAC,WAAW,OAAG,EAAE6C,EAAIjD,EAAEG,YAAc,EAAEY,EAAOI,QAAQ,EAAEL,EAAOK,QAAgB,oBAAgC,qBAAuB,CAAC,KAAM,IAAM,CAAC,GAAI,KAAM,CAACT,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEvPJ,EAAK1C,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAQ,GAAGJ,EAAEG,UAAU,GAAG,EAAI,gBAAiB,CAACQ,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEzQJ,EAAK1C,OAAO,QAAS,CAAC,WAAW,OAAG,EAAEW,EAAOI,SAAiC,GAArB,GAAGnB,EAAEG,UAAU,GAAG,GAAa,oBAAgC,qBAAuB,CAAC,KAAM,KAAM,CAAC,GAAI,KAAM,CAACO,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE3OJ,EAAK1C,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAO,EAAEU,EAAOK,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAOQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAErQJ,EAAK1C,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAEW,EAAOI,QAAQ,EAAE,EAAEL,EAAOK,QAAS,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEvRJ,EAAK1C,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAO,EAAGW,EAAOI,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAAUV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEvQJ,EAAK1C,OAAO,OAAQ,CAAC,CAAC,GAAI,GAAG,CAAC,GAAI,IAAK,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEnIJ,EAAK1C,OAAO,OAAQ,CAAC,CAAC,GAAI,MAAM,CAAC,GAAI,OAAQ,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE/HJ,EAAK1C,OAAO,OAAQ,CAAC,EAAG,IAAK,WAAW,OAAG,EAAEU,EAAOK,SAAUnB,EAAEG,UAAU,GAAM,GAAO,EAAEY,EAAOI,QAAQ,EAAEL,EAAOK,SAAW,EAAEJ,EAAOI,SAAY,GAAGnB,EAAEG,UAAU,GAAY,gCAA8C,qCAAuC,CAACQ,QAAQ,SAAUO,QAAQ,SAAUR,WAAU,EAAOJ,SAAS,WAAW,OAAO,GAAGwC,EAAKvC,aAAa,KAAMF,SAAS,qBAAsBG,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE7bxD,EAAQ4B,GAAG,QAAQ,WAAW,OAAOtB,EAAE4D,eAAM5D,EAAE,MAC/CN,EAAQ4B,GAAG,QAAQ,WACjB4B,EAAI,EACJ,IAEsCW,EAFlClC,EAAamB,EAAKlB,aAClBC,EAAcF,EAAWG,iBAAiB,SAASgC,EAAA9B,EAC5BH,GAAW,IAAlC,IAAAiC,EAAA7B,MAAA4B,EAAAC,EAAA5B,KAAAC,MAAoC,KAA3BC,EAAUyB,EAAAxB,MACbD,EAAWC,MAAQ,KAAK,MAAAC,GAAAwB,EAAAvB,EAAAD,GAAA,QAAAwB,EAAAtB,QAEpC5C,EAAM0B,GAAG,QAAQ,WAAW4B,EAAI,MAGlCa,KAAM,WACJ,IAAIC,EAAOtF,IAAIC,SAASC,UAAU,UAAU,CAACC,YAAa,CAAC,EAAG,EAAG,IAAK,GACpEC,iBAAgB,EAAMC,MAAK,EAAOC,OAAM,EAAMC,MAAK,EAAMC,eAAc,EAAOC,gBAAe,EAAMC,IAAI,CAACC,SAAQ,GAAQC,KAAK,CAACD,SAAQ,KACxIG,eAAUwE,GACVvE,eAAeuE,GACf,IAAItE,EAASuE,eAAQD,EAAK,QACtBpE,EAAQmD,eAAUiB,GAClBE,EAAYC,eAAeH,EAAK,QAEvBd,EAAI,EAMnBtD,EAAMyD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAG9BgB,EAAUf,SAAS,cACnBe,EAAUb,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KACpCgB,EAAUd,MAAMC,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,GAAQI,OAAO,CAAC,GAAI,IAAKC,SAAS,oBAAqBjD,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,OAIxIL,eAAW8D,EAAM,kBAAmB,4DAA/C,IAEII,EAAKJ,EAAK5D,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAEvJ4D,eAAcL,EAAM,EAAG,KAAK,WAAW,MAAO,wBAAuBX,aAAa,CAACnC,QAAQ,WAEzF,IAAIoD,EAAIN,EAAK5D,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAItJuD,EAAK5D,OAAO,OAAQ,CAAC,EAAG,IAAK,sBAAuB,CAACM,WAAU,EAAOF,OAAM,EAAMG,QAAQ,OAAQL,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAEjK2D,EAAK5D,OAAO,OAAQ,CAAC,EAAG,IAAK,eAAgB,CAACM,WAAU,EAAOF,OAAM,EAAMG,QAAQ,OAAQL,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAE1J2D,EAAK5D,OAAO,QAAQ,CAAC,qBAAsB,CAAC,EAAG,KAAM,CAAC,EAAI,IAAI,CAACS,OAAO,GAAIH,WAAU,EAAOF,OAAM,IAEjG,IAAI+D,EAAMP,EAAK5D,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,kBAAmBC,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAGpJ+D,EAAQR,EAAK5D,OAAO,QAAS,CAAC,EAAG,IAAK,IAAK,KAAM,CAACC,SAAU,uBAAwBC,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMC,OAAM,EAAKC,OAAM,IAG/JuD,EAAK5D,OAAO,OAAQ,CAAC,EAAG,IAAI,6BAA6B,CAACO,QAAQ,SAAUO,QAAQ,SAAUR,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAEzL2D,EAAK5D,OAAO,OAAQ,CAAC,GAAI,IAAK,mBAAoB,CAACM,WAAU,EAAMF,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAE9I2D,EAAK5D,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACiB,QAAQ,kBAAS,GAAL6B,GAAOxC,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAEnHwD,EAAK5D,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACiB,QAAQ,kBAAS,GAAL6B,GAAOxC,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAEvHwD,EAAK5D,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAAEO,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEzOc,EAAK5D,OAAO,OAAQ,CAAC,IAAK,IAAK,yBAA0B,CAACO,QAAQ,SAASD,WAAU,EAAOQ,QAAQ,SAASV,OAAM,EAAOF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE1Oc,EAAK5D,OAAO,OAAQ,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,IAAM,CAACM,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAET,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEjIc,EAAK5D,OAAO,OAAQ,CAAC,CAAC,EAAG,MAAM,CAAC,EAAG,OAAQ,CAACuD,QAAQ,WAAYjD,WAAU,EAAMM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE1Jc,EAAK5D,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAO,EAAEgE,EAAGjD,QAAU,iBAAkB,CAAER,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAU,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEnQc,EAAK5D,OAAO,QAAS,CAAC,WAAW,OAAG,EAAEgE,EAAGjD,SAAS,EAAEqD,EAAMrD,QAAgB,oBAAgC,qBAAuB,CAAC,KAAM,IAAM,CAAC,GAAI,KAAM,CAACT,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE7Nc,EAAK5D,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAIkE,EAAEnD,QAAQ,EAAEoD,EAAIpD,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEhRc,EAAK5D,OAAO,QAAS,CAAC,WAAW,OAAG,EAAIkE,EAAEnD,QAAQ,EAAEoD,EAAIpD,SAAW,EAAEqD,EAAMrD,QAAgB,oBAAgC,qBAAuB,CAAC,MAAO,IAAM,CAAC,GAAI,KAAM,CAACT,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAE/Oc,EAAK5D,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAO,EAAEoE,EAAMrD,QAAS,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEnQc,EAAK5D,OAAO,QAAS,CAAC,WAAW,OAAG,EAAEmE,EAAIpD,SAAW,EAAEqD,EAAMrD,QAAgB,oBAAgC,qBAAuB,CAAC,MAAO,KAAM,CAAC,GAAI,KAAM,CAACT,WAAU,EAAOU,QAAQ,EAAGZ,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEjOc,EAAK5D,OAAO,OAAQ,CAAC,IAAK,GAAK,WAAW,OAAO,EAAEoE,EAAMrD,QAAU,iBAAkB,CAACR,QAAQ,SAASD,WAAU,EAAOQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAErQc,EAAK5D,OAAO,OAAQ,CAAC,KAAM,GAAK,WAAW,OAAO,EAAEoE,EAAMrD,QAAS,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAASV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEnQc,EAAK5D,OAAO,OAAQ,CAAC,KAAM,IAAK,WAAW,OAAO,EAAEoE,EAAMrD,QAAU,gBAAiB,CAACR,QAAQ,SAASD,WAAU,EAAMQ,QAAQ,SAAUV,OAAM,EAAMF,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,uBAAuBgD,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAErQc,EAAK5D,OAAO,OAAQ,CAAC,CAAC,GAAI,GAAG,CAAC,GAAI,IAAK,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEnIc,EAAK5D,OAAO,OAAQ,CAAC,CAAC,GAAI,MAAM,CAAC,GAAI,OAAQ,CAACM,WAAU,EAAOM,YAAY,OAAQC,YAAY,EAAGT,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAGzI,IAAIuB,EAAKT,EAAK5D,OAAO,OAAQ,CAAC,EAAG,IAAK,yCACpC,CAACM,WAAU,EAAOgE,MAAM,MAAOpE,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,qBAAqBG,OAAM,IAAO6C,aAAa,CAAC1C,QAAQ,SAAUU,QAAQ,kBAAI,KAE9K2C,EAAK5D,OAAO,OAAQ,CAAC,EAAG,IAAK,WAC3B,OAAGgE,EAAGjD,SAASqD,EAAMrD,SAAW,EAAEqD,EAAMrD,SAAW,EAAEmD,EAAEnD,QAAQ,EAAEoD,EAAIpD,SAAW,EAAEoD,EAAIpD,SAAW,EAAEqD,EAAMrD,QAAgB,iCAA+C,sCAAwC,CAACR,QAAQ,SAAUO,QAAQ,SAAUR,WAAU,EAAOJ,SAAS,WAAW,OAAO,GAAG0D,EAAKzD,aAAa,KAAMF,SAAS,qBAAsBG,OAAM,IAAO6C,aAAa,CAAChC,QAAQ,kBAAS,GAAL6B,KAEpYgB,EAAU5C,GAAG,QAAQ,WAAW4B,EAAI,EAChC,IAEwCyB,EAFpChD,EAAaqC,EAAKpC,aAClBC,EAAcF,EAAWG,iBAAiB,SAAS8C,EAAA5C,EAC1BH,GAAW,IAAlC,IAAA+C,EAAA3C,MAAA0C,EAAAC,EAAA1C,KAAAC,MAAoC,KAA3BC,EAAUuC,EAAAtC,MACfD,EAAWC,MAAQ,KAAK,MAAAC,GAAAsC,EAAArC,EAAAD,GAAA,QAAAsC,EAAApC,QAEtC9C,EAAQ4B,GAAG,QAAQ,WACF,KAAZ8C,EAAGjD,SAA0B,KAAXmD,EAAEnD,SAA6B,KAAboD,EAAIpD,SAA+B,KAAfqD,EAAMrD,QAAc0D,eAAMb,EAAMS,IAE3FvB,EAAI,EAAO,MAObtD,EAAM0B,GAAG,QAAQ,WACA,KAAZ8C,EAAGjD,SAA0B,KAAXmD,EAAEnD,SAA6B,KAAboD,EAAIpD,SAA+B,KAAfqD,EAAMrD,QAAkB,GAEnF+B,EAAI,EAAO,QAKF3E,IC1QA,GACfuG,KAAA,mBACAC,WAAA,GAEAC,KAAA,WACA,OACAC,MAAA,CAAAC,OAAA,kBAGAC,QAAA,eAAAC,EAAA,KACA,KAAAC,OAAAC,OAAA,yBACA,IAAAC,EAAA,sBACA,KAAAF,OAAAC,OAAA,yBAAAC,GACA,KAAAF,OAAAC,OAAA,wBAAAC,GACA,IAAAC,EAAA,CACA,CAAAD,MAAA,sBAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,UAAAE,IAAA,uBAAAC,OAAA,kBAAAN,EAAAO,KAAA,QACA,CAAAJ,MAAA,kCAAAE,IAAA,oBAAAC,OAAA,kBAAAN,EAAAO,KAAA,SAEA,KAAAN,OAAAC,OAAA,2BAAAE,GACA,KAAAH,OAAAC,OAAA,gCACA,KAAAD,OAAAC,OAAA,6BACA,KAAAD,OAAAC,OAAA,kCACA,KAAAD,OAAAC,OAAA,+BACA,KAAAD,OAAAC,OAAA,gCAEAM,QAAA,WACAC,QAAAC,IAAAC,MAAA,WAAAF,QAAAC,MACAvH,EAAAwF,QAEAiC,SAAA,WACA,OAAAT,MAAA,sBACAU,cAAA,2BACAC,KAAA,EAAApB,KAAA,WAAAqB,QAAA,uCACA,CAAArB,KAAA,cAAAqB,QAAA,sCCvF6X,I,wBCQzXC,EAAY,eACd,EACA,EACA/H,GACA,EACA,KACA,KACA,MAIa,aAAA+H,E,6CCnBf,W","file":"js/chunk-78f8f10f.a457d420.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"font-weight-light\",class:{'pa-5 headline': _vm.$vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': _vm.$vuetify.breakpoint.mdOnly, 'pa-1 body-2': _vm.$vuetify.breakpoint.smAndDown}},[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Oxidation of Metals \")])]),_c('div',{ref:\"ia\",staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n    Oxidation of metals is a chemical reaction in which a metallic element reacts with oxygen to form a metal oxide.\"),_c('br'),_c('br'),_vm._v(\"\\n    Let's consider a commonly known example of a metal oxidation reaction — the rusting of iron. The chemical equation describing rusting of iron is shown below:\\n    $$ 4 Fe + 3 O_2 \\\\rightarrow 2 Fe_2O_3 \\\\text{(rust)} $$\\n    During this reaction, iron combines with oxygen to form the compound iron oxide (\\\\(Fe_2O_3\\\\)) — commonly known as rust. This process occurs over time when iron is exposed to water and oxygen, and can lead to the deterioration of the iron structure.\"),_c('br'),_c('br'),_vm._v(\"\\n    Is this chemical equation balanced or unbalanced? \"),_c('br'),_c('br'),_vm._v(\"\\n    This chemical equation is balanced because masses of all the chemical elements involved in the reaction (i.e. \\\\(Fe\\\\) and \\\\(O\\\\)) remain constant before and after the reaction.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{ref:\"pg\",staticStyle:{\"font-family\":\"Oswald\"},attrs:{\"id\":\"mgk\"}},[_vm._v(\" Learn interactively : Balancing an Oxidation Reaction \")])]),_c('div',{ref:\"ib\",staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\"Session Objectives\")]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n    In this visually interactive illustration, we learn how to balance a chemical equation describing oxidation of metals in step-by-step fashion. \"),_c('br'),_c('br'),_vm._v(\" Shown in the MagicGraph is a chemical equation that describes the reaction of a metallic element with Oxygen. You will notice that the coefficients of the reactants and products are missing. \"),_c('br'),_c('br'),_vm._v(\" The goal is determine the correct set of coefficients that will balance the chemical equation.\\n    \"),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('h5',[_vm._v(\"Getting Started\")]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n    To get started — \"),_c('br'),_c('br'),_vm._v(\"\\n    1. Start with entering the coefficients for the reactants and the products in the chemical equation.\"),_c('br'),_c('br'),_vm._v(\"\\n    2. Once you have provided the coefficients, the MagicGraph automatically calculates the number of moles of each chemical element on the reactant side as well as on the product side. \"),_c('br'),_c('br'),_vm._v(\"\\n    3. The chemical equation is balanced if the mass of each chemical element before the reaction is same as the mass after the reaction.\"),_c('br'),_c('br'),_vm._v(\"\\n    4. You can adjust the coefficients to balance the mass of each chemical element before and after the reaction.\\n  \")]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox3\"}})]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('h5',{staticClass:\"edliy-text-about\"},[_vm._v(\"\\n        Navigation Tip: Tap on \"),_c('i',{staticClass:\"shuffler ma-1\"}),_vm._v(\" icon to shuffle. Tap on \"),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" icon to clear your response and start over.\\n      \")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {\r\n    makeResponsive,\r\n    placeTitle,\r\n    placeImage,\r\n    placeInput,\r\n    placeSlider,\r\n    hoverMe,\r\n    placeRec,\r\n    hiddenPt,\r\n    fixedPt,\r\n    clearInputFields,\r\n    dragMe,\r\n    placeArrow,\r\n    placeGravity,\r\n    placeText,\r\n    placeLine,\r\n    placePoint,\r\n    placeGlider,\r\n    placeRuler,\r\n    placeLeftText,\r\n    placeRightText,\r\n    placeSliderSwitch,\r\n    placeDash,\r\n    placeCircle,\r\n    placeLogo,\r\n    placeShuffle,\r\n    placeErase,\r\n    placePlay,\r\n    placePause,\r\n    placeTest,\r\n    cycle,\r\n    writeMiddleText,\r\n    writeLeftText,\r\n    writeRightText,\r\n    writeMiddleHTML,\r\n    writeLeftHTML,\r\n    writeRightHTML,\r\n    placeGo,\r\n    placeStartOver,\r\n    alert\r\n} from '../../Utils.js';\r\nconst Boxes = {\r\n  box1: function(){\r\n    var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [0, 6, 12, -6],\r\n      keepaspectratio:true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false,pan:{enabled:false}, zoom:{enabled:false}});\r\n    brd1.suspendUpdate();\r\n    placeLogo(brd1);\r\n    makeResponsive(brd1);\r\n    var shuffle =placeShuffle(brd1,'left');\r\n    var erase = placeErase(brd1);\r\n    var list1=['CH_4', 'C_2H_6', 'C_3H_8','C_4H_1_0'];\r\n    var list=['Methane', 'Ethane', 'Propane','Butane'];\r\n    var i=0;\r\n////    shuffle.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd1.canvasHeight/800}});\r\n  //  shuffle.on('over', function () {this.label.setAttribute({visible:true});});\r\n  //  shuffle.on('out', function () {this.label.setAttribute({visible:false});});\r\n    //\r\n//    erase.setLabel('Start Over')\r\n//    erase.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd1.canvasHeight/800}});\r\n  //  erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n//    erase.on('out', function () {this.label.setAttribute({visible:false});});\r\n    //\r\n    let title =placeTitle(brd1, function(){return 'Combustion of '+ list[i.valueOf()]}, \"(Enter the missing coefficients to balance the equation)\");\r\n   //\r\n    var Cmethane = brd1.create('input', [0.85, 3.35, '0', ' '], {cssStyle:'width:8.3333%;', fontSize:function(){return 24*brd1.canvasHeight/800}, fixed:true,parse:true});\r\n    //\r\n    brd1.create('text', [1.85, 3.35, function(){return '&nbsp;' + list1[i.valueOf()]+' +'}], {highlight:false, anchorX:'left', fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    //\r\n    var Coxy = brd1.create('input', [3, 3.35, '0', ' '], {cssStyle: 'width:8.33333%;', fontSize:function(){return 24*brd1.canvasHeight/800}, fixed:true,parse:true});\r\n    brd1.create('text', [4, 3.35, '&nbsp; O_2'], {highlight:false, fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('image',['/assets/random.svg', [5.75, 2.7], [1., 1]],{rotate:45, highlight:false, fixed:true});\r\n    //\r\n    var Ccotwo = brd1.create('input', [7, 3.35, '0', ' '], {cssStyle: 'width:8.333333%', fontSize:function(){return 24*brd1.canvasHeight/800}, fixed:true,parse:true});\r\n    brd1.create('text', [8, 3.35, '&nbsp; CO_2 +'], {highlight:false,fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    var Cwater = brd1.create('input', [9, 3.35, '0', ' '], {cssStyle: 'width:8.3333333333%;', fontSize:function(){return 24*brd1.canvasHeight/800}, fixed:true,parse:true});\r\n    brd1.create('text', [10, 3.35, '&nbsp; H_2O'], {highlight:false,fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//var dsa =brd.create('slider', [[2, 4],[6, 4], [1, 2, 8]]);\r\n//Mass Budget\r\n    brd1.create('line', [[1, 2.],[5, 2.]], {highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    brd1.create('line', [[1, 2.05],[5, 2.05]], {highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    brd1.create('text', [2.5, 1.5, '<b> REACTANT SIDE</b>'], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('text', [8.5, 1.5, '<b> PRODUCT SIDE </b>'], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('line', [[1, 1.],[5, 1.]], {highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    brd1.create('line', [[1, 1.05],[5, 1.05]], {highlight:false,strokeColor:'grey', strokeWidth:1, fixed:true});\r\n// REACTION SIDE\r\n    brd1.create('text', [2.5, 0.5, function(){return (i.valueOf()+1)*Cmethane.Value() + ' Moles of C'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:\t'fontFamily:Oswald;'});\r\n    brd1.create('image', ['/assets/check.svg', [9.6, 0.1], [0.8,0.8]],{highlight:false, opacity:1, fixed:true, visible:function(){return 1*Ccotwo.Value()==(i.valueOf()+1)*Cmethane.Value() && 1*Cmethane.Value()>0} });\r\n    //brd1.create('image', ['/assets/cross.svg', [9.6, 0.1], [0.8,0.8]],{highlight:false, opacity:1, fixed:true, visible:function(){return 1*Ccotwo.Value()!=(i.valueOf()+1)*Cmethane.Value() && 1*Cmethane.Value()>0} });\r\n    brd1.create('text', [2.5, -0.5, function(){return 2* Coxy.Value() + ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('image', ['/assets/check.svg', [9.6, -0.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true, visible:function(){return 2*Coxy.Value() == 1*Cwater.Value()+2*Ccotwo.Value()&& 1*Coxy.Value()>0} });\r\n\r\n    brd1.create('text', [2.5, -1.5, function(){return (2*(i.valueOf()+1)+2)*Cmethane.Value() + ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('image', ['/assets/check.svg', [9.6, -1.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true, visible:function(){return 2*Cwater.Value() == (2*(i.valueOf()+1)+2)*Cmethane.Value()&& 1*Cwater.Value()>0} });\r\n// PRODUCT SIDE\r\n    brd1.create('text', [8.5, 0.5, function(){return 1*Ccotwo.Value() + ' Moles of C'}], {anchorX:'middle',highlight:false, anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('text', [8.5, -0.5, function(){return 1*Cwater.Value()*1+2*Ccotwo.Value()+ ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('text', [8.5, -1.5, function(){return 2* Cwater.Value() + ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle', fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd1.create('line', [[1, -2],[5, -2]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true});\r\n    brd1.create('line', [[1, -1.95],[5, -1.95]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true});\r\n    brd1.create('text', [6, -2.5,'Balanced or Not Balanced?'],{anchorX:'middle', anchorY:'middle', highlight:false,fixed:true, fontSize:function(){return 24*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    var res = brd1.create('text', [6, -3.5, function(){if(1*Ccotwo.Value()==(i.valueOf()+1)*Cmethane.Value() && 2*Coxy.Value() == 1*Cwater.Value()+2*Ccotwo.Value() && 2*Cwater.Value() == (2*(i.valueOf()+1)+2)*Cmethane.Value()){return 'The Equation is Now Balanced'} else {return 'The Equation is Not Yet Balanced'}}], {anchorX:'middle', anchorY:'middle', highlight:false,fontSize:function(){if(Cmethane.Value()==0){return 0} else{return 24*brd1.canvasHeight/800}}, cssStyle:'fontFamily:Oswald;', fixed:true});\r\n    shuffle.on('down', function(){return i=Math.floor(Math.random()*4)});\r\n    shuffle.on('down', function(){\r\n      let magicGraph = brd1.containerObj;\r\n      let inputFields = magicGraph.querySelectorAll(\"input\");\r\n          for (let inputField of inputFields) {\r\n                inputField.value = \"0\";}\r\n    });\r\n    erase.on('down', function(){\r\n      let magicGraph = brd1.containerObj;\r\n      let inputFields = magicGraph.querySelectorAll(\"input\");\r\n          for (let inputField of inputFields) {\r\n                inputField.value = \"0\";}\r\n    });\r\n    brd1.unsuspendUpdate();\r\n  },\r\n  box2: function () {\r\n    var brd2 = JXG.JSXGraph.initBoard('jxgbox2',{boundingbox: [0, 8, 12, -4],\r\n      keepaspectratio:true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false,pan:{enabled:false}, zoom:{enabled:false}});\r\n    placeLogo(brd2);\r\n    makeResponsive(brd2);\r\n    var shuffle =placeShuffle(brd2,'left');\r\n    var erase = placeTest(brd2);\r\n    var list=['C_2H_4', 'C_3H_6', 'C_4H_8','C_5H_1_0'];\r\n    var c = ['2', '3', '4', '5'];\r\n    var Oxy = [3, 9/2, 6, 6];\r\n    var i=0; var vis=0;\r\n    shuffle.setLabel('Tap to Shuffle')\r\n    shuffle.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd2.canvasHeight/800}});\r\n    shuffle.on('over', function () {this.label.setAttribute({visible:true});});\r\n    shuffle.on('out', function () {this.label.setAttribute({visible:false});});\r\n/////////////////////////////////////////////////\r\n    erase.setLabel('Check Your Answer')\r\n    erase.label.setAttribute({visible:false, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd2.canvasHeight/800}});\r\n    erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n    erase.on('out', function () {this.label.setAttribute({visible:false});});\r\n////////////////////////////////////////////////////////////////////////////////////////\r\n    brd2.create('text', [6, 7.5, function(){return 'Oxidation of '+ list[i.valueOf()]}], {highlight:false, anchorX:'middle', highlight:false, fixed:true, fontSize:function(){return 32*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;fontWeight:bold'});\r\n    //\r\n    var title =placeTitle(brd2, \"\", \"(Enter the missing coefficients to balance the equation)\");\r\n  //\r\n    brd2.create('text', [1.85, 5.5, function(){return '&nbsp;' + list[i.valueOf()]+'&nbsp;&nbsp;+'}], {highlight:false, anchorX:'left', fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\n    brd2.create('text', [4, 5.5, ()=>Oxy[i.valueOf()].toString()+' &nbsp;'], {highlight:false, anchorX:'right', fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\n    brd2.create('text', [4, 5.5, '&nbsp; O_2'], {highlight:false, fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    brd2.create('image',['/assets/random.svg', [5.75, 4.7], [1., 1]],{rotate:45, highlight:false, fixed:true});\r\n//\r\n    var Ccotwo = brd2.create('input', [7, 5.5, '0', ' '], {cssStyle: 'width:8.333333%', fontSize:function(){return 24*brd2.canvasHeight/800}, fixed:true,parse:true});\r\n    Ccotwo.on('down', function(){vis=0});\r\n//\r\n    brd2.create('text', [8, 5.5, '&nbsp; CO_2 +'], {highlight:false,fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\n    var Cwater = brd2.create('input', [9, 5.5, '0', ' '], {cssStyle: 'width:8.3333333333%;', fontSize:function(){return 24*brd2.canvasHeight/800}, fixed:true,parse:true});\r\n//\r\n    brd2.create('text', [10, 5.5, '&nbsp; H_2O'], {highlight:false,fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    //\r\n    brd2.create('line', [[1, 2.],[5, 2.]], {visible:()=>vis==2,highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    //\r\n    brd2.create('line', [[1, 2.05],[5, 2.05]], {visible:()=>vis==2,highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    //\r\n    brd2.create('text', [2.5, 1.5, '<b> REACTANT SIDE</b>'], { anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});;\r\n    //\r\n    brd2.create('text', [8.5, 1.5, '<b> PRODUCT SIDE </b>'], {anchorX:'middle',highlight:false, anchorY:'middle',fixed:false, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd2.create('line', [[1, 1.],[5, 1.]], {highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true}).setAttribute({visible:()=>vis==2});;\r\n    //\r\n    brd2.create('line', [[1, 1.05],[5, 1.05]], {display:'internal', highlight:false,strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});;\r\n// REACTION SIDE\r\n    brd2.create('text', [2.5, 0.5, function(){return c[i.valueOf()] + ' Moles of C'}], { anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:\t'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n//\r\n    brd2.create('image', [function(){if(1*Ccotwo.Value()==c[i.valueOf()]){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [9.6, 0.1], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n//\r\n    brd2.create('text', [2.5, -0.5, function(){return 2.0*Oxy[i.valueOf()]*1 + ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n//\r\n    brd2.create('image', [function(){if(2*Oxy[i.valueOf()] == 1*Cwater.Value()+2*Ccotwo.Value()){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [9.6, -0.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n//\r\n    brd2.create('text', [2.5, -1.5, function(){return (2*(i.valueOf()+1)+2)+ ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd2.create('image', [function(){if(2*Cwater.Value() == (2*(i.valueOf()+1)+2)*1){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [9.6, -1.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n// PRODUCT SIDE\r\n    brd2.create('text', [8.5, 0.5, function(){return 1*Ccotwo.Value() + ' Moles of C'}], {anchorX:'middle',highlight:false, anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd2.create('text', [8.5, -0.5, function(){return 1*Cwater.Value()*1+2*Ccotwo.Value()+ ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n//\r\n    brd2.create('text', [8.5, -1.5, function(){return 2* Cwater.Value() + ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle', fixed:true, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd2.create('line', [[1, -2],[5, -2]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd2.create('line', [[1, -1.95],[5, -1.95]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    var res = brd2.create('text', [6, 2.5, function(){if(1*Ccotwo.Value()==(i.valueOf()+2) && 2*3 == 1*Cwater.Value()+2*Ccotwo.Value() && 2*Cwater.Value() == (2*(i.valueOf()+2))){return 'Yes. The Equation is Balanced'} else {return 'No. The Equation is Not Balanced'}}], {anchorX:'middle', anchorY:'middle', highlight:false, fontSize:function(){return 24*brd2.canvasHeight/800}, cssStyle:'fontFamily:Oswald;', fixed:true}).setAttribute({visible:()=>vis==2});\r\n\r\n    shuffle.on('down', function(){return i=cycle(i,3)});\r\n    shuffle.on('down', function(){\r\n      vis=0;\r\n      let magicGraph = brd2.containerObj;\r\n      let inputFields = magicGraph.querySelectorAll(\"input\");\r\n          for (let inputField of inputFields) {\r\n                inputField.value = \"0\";}\r\n    });\r\n    erase.on('down', function(){vis=1;\r\n    });\r\n  },\r\n  box3: function () {\r\n    let brd3 = JXG.JSXGraph.initBoard('jxgbox3',{boundingbox: [0, 8, 12, -4],\r\n      keepaspectratio:true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false,pan:{enabled:false}, zoom:{enabled:false}});\r\n    placeLogo(brd3);\r\n    makeResponsive(brd3);\r\n    let shuffle =placeGo(brd3,'left');\r\n    let erase = placeTest(brd3);\r\n    let startOver = placeStartOver(brd3,'left');\r\n    //\r\n    let i=0; let vis=0; let jis=0;\r\n  //  shuffle.setLabel('Submit Answer');\r\n  //  shuffle.setAttribute({visible:()=>vis<1});\r\n  //  shuffle.label.setAttribute({visible:()=>vis<1, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd3.canvasHeight/800}});\r\n  /////////////////////////////////////////////////\r\n  //  erase.setLabel('Explain Why');\r\n  erase.setAttribute({visible:()=>vis==1});\r\n  //  erase.label.setAttribute({visible:()=>vis==1, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd3.canvasHeight/800}});\r\n/////////////////////////////////////////////\r\n    startOver.setLabel('Start Over')\r\n    startOver.setAttribute({visible:()=>vis==2});\r\n    startOver.label.setAttribute({visible:()=>vis==2, offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:function(){return 12*brd3.canvasHeight/800}});\r\n///////////////////////////////////////////////////////////\r\n//  brd3.create('text', [6, 7.5, 'Rusting of Iron'], {fixed:true, fontSize:function(){return 32*brd3.canvasHeight/800},cssStyle:'fontFamily:Oswald;fontWeight:bold'})\r\n  //\r\n  let title =placeTitle(brd3, 'Rusting of Iron', '(Enter the missing coefficients to balance the equation)');\r\n// Reactants\r\n  let Fe = brd3.create('input', [1, 5.5, '?', ' '], {cssStyle: 'width:8.333333%', fontSize:function(){return 24*brd3.canvasHeight/800}, fixed:true,parse:true});\r\n//\r\n  writeLeftHTML(brd3, 2, 5.5, function(){return '&nbsp; Fe &nbsp; +'}).setAttribute({anchorY:'middle'});\r\n//\r\n    let O = brd3.create('input', [3, 5.5, '?', ' '], {cssStyle: 'width:8.333333%', fontSize:function(){return 24*brd3.canvasHeight/800}, fixed:true,parse:true});\r\n//\r\n//    brd3.create('text', [4, 5.5, ()=>Oxy[i.valueOf()].toString()+' &nbsp;'], {highlight:false, anchorX:'right', fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n  //\r\n    brd3.create('text', [4, 5.5, '&nbsp; O_2 &nbsp;+'], {highlight:false, fixed:true, anchorX:'left', fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\n    brd3.create('text', [6, 5.5, '&nbsp; H_2O'], {highlight:false, fixed:true, anchorX:'left', fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n//\r\n    brd3.create('image',['/assets/random.svg', [8, 4.7], [1., 1]],{rotate:45, highlight:false, fixed:true});\r\n  //\r\n    let H2O = brd3.create('input', [5, 5.5, '?', ' '], {cssStyle: 'width:8.333333%', fontSize:function(){return 24*brd3.canvasHeight/800}, fixed:true,parse:true});\r\n  //  Ccotwo.on('down', function(){vis=0});\r\n  //\r\n    let FeOH3 = brd3.create('input', [9, 5.5, '?', ' '], {cssStyle: 'width:8.3333333333%;', fontSize:function(){return 24*brd3.canvasHeight/800}, fixed:true,parse:true});\r\n  //\r\n  // Diagnostics\r\n    brd3.create('text', [6, 4.5,'Balanced or Not Balanced?'],{anchorX:'middle', anchorY:'middle', highlight:false,fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n\r\n    brd3.create('text', [10, 5.5, '&nbsp; Fe(OH)_3'], {highlight:false,fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'});\r\n    //\r\n    brd3.create('line', [[1, 2.],[5, 2.]], {visible:()=>vis==2,highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    //\r\n    brd3.create('line', [[1, 2.05],[5, 2.05]], {visible:()=>vis==2,highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true});\r\n    //\r\n    brd3.create('text', [2.5, 1.5, '<b> REACTANT SIDE</b>'], { anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});;\r\n    //\r\n    brd3.create('text', [8.5, 1.5, '<b> PRODUCT SIDE </b>'], {anchorX:'middle',highlight:false, anchorY:'middle',fixed:false, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd3.create('line', [[1, 1.],[5, 1.]], {highlight:false,strokeColor:'grey', strokeWidth:1,fixed:true}).setAttribute({visible:()=>vis==2});;\r\n    //\r\n    brd3.create('line', [[1, 1.05],[5, 1.05]], {display:'internal', highlight:false,strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});;\r\n  // REACTION SIDE\r\n    brd3.create('text', [2.5, 0.5, function(){return 1*Fe.Value() + ' Moles of Fe'}], { anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:\t'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n  //\r\n    brd3.create('image', [function(){if(1*Fe.Value()==1*FeOH3.Value()){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [10.1, 0.1], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n  //\r\n    brd3.create('text', [2.5, -0.5, function(){return 2.0*O.Value()+1*H2O.Value() + ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n  //\r\n    brd3.create('image', [function(){if(2.0*O.Value()+1*H2O.Value() == 3*FeOH3.Value()){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [10.1, -0.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n  //\r\n    brd3.create('text', [2.5, -1.5, function(){return 3*FeOH3.Value()+ ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd3.create('image', [function(){if(2*H2O.Value() == 3*FeOH3.Value()){return '/assets/check.svg'}else{return '/assets/cross.svg'}}, [10.1, -1.9], [0.8,0.8]],{highlight:false, opacity:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n  // PRODUCT SIDE\r\n    brd3.create('text', [8.5, 0.5, function(){return 1*FeOH3.Value() + ' Moles of Fe'}], {anchorX:'middle',highlight:false, anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd3.create('text', [8.5, -0.5, function(){return 3*FeOH3.Value()+ ' Moles of O'}], {anchorX:'middle',highlight:false,anchorY:'middle',fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n  //\r\n    brd3.create('text', [8.5, -1.5, function(){return 3*FeOH3.Value() + ' Moles of H'}], {anchorX:'middle',highlight:false,anchorY:'middle', fixed:true, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;'}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd3.create('line', [[1, -2],[5, -2]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    brd3.create('line', [[1, -1.95],[5, -1.95]], {highlight:false, strokeColor:'grey', strokeWidth:1, fixed:true}).setAttribute({visible:()=>vis==2});\r\n    //\r\n    //Decision\r\n    var msg =brd3.create('text', [6, 2.5, 'Some or all coefficients are missing!'],\r\n      {highlight:false, color:'red', fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;',fixed:true}).setAttribute({anchorX:'middle', visible:()=>false});\r\n  //\r\n    brd3.create('text', [6, 2.5, function(){\r\n      if(Fe.Value()==FeOH3.Value() && 3*FeOH3.Value() == 2*O.Value()+1*H2O.Value() && 2*H2O.Value() == 3*FeOH3.Value()){return 'Yes. The Equation is Balanced.'} else {return 'No. The Equation is Not Balanced.'}}], {anchorX:'middle', anchorY:'middle', highlight:false, fontSize:function(){return 24*brd3.canvasHeight/800}, cssStyle:'fontFamily:Oswald;', fixed:true}).setAttribute({visible:()=>vis!=0});\r\n//\r\n    startOver.on('down', function(){vis=0;\r\n        let magicGraph = brd3.containerObj;\r\n        let inputFields = magicGraph.querySelectorAll(\"input\");\r\n              for (let inputField of inputFields) {\r\n                  inputField.value = \"?\";} });\r\n//\r\n    shuffle.on('down', function(){\r\n      if(Fe.Value()=='?'|| O.Value()=='?' || H2O.Value()=='?' || FeOH3.Value()=='?'){alert(brd3, msg);}\r\n      else {\r\n      vis=1; jis=0;\r\n      }\r\n  //    let magicGraph = brd3.containerObj;\r\n  //    let inputFields = magicGraph.querySelectorAll(\"input\");\r\n  //        for (let inputField of inputFields) {\r\n  //              inputField.value = \"0\";}\r\n    });\r\n    erase.on('down', function(){\r\n      if(Fe.Value()=='?'|| O.Value()=='?' || H2O.Value()=='?' || FeOH3.Value()=='?'){jis=1;}\r\n      else {\r\n      vis=2; jis=0;\r\n      }\r\n    });\r\n  }\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <div\r\n      class=\" font-weight-light\"\r\n      :class=\"{'pa-5 headline': $vuetify.breakpoint.lgAndUp,'pa-2 subtitle-1': $vuetify.breakpoint.mdOnly, 'pa-1 body-2': $vuetify.breakpoint.smAndDown}\"\n    >\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span style=\"font-family:Oswald\"> Oxidation of Metals </span>\r\n      </div>\r\n      <div ref=\"ia\" style=\"margin-top: 10px\" />\r\n      Oxidation of metals is a chemical reaction in which a metallic element reacts with oxygen to form a metal oxide.<br><br>\r\n      Let's consider a commonly known example of a metal oxidation reaction &mdash; the rusting of iron. The chemical equation describing rusting of iron is shown below:\r\n      $$ 4 Fe + 3 O_2 \\rightarrow 2 Fe_2O_3 \\text{(rust)} $$\r\n      During this reaction, iron combines with oxygen to form the compound iron oxide (\\(Fe_2O_3\\)) &mdash; commonly known as rust. This process occurs over time when iron is exposed to water and oxygen, and can lead to the deterioration of the iron structure.<br><br>\r\n      Is this chemical equation balanced or unbalanced? <br><br>\r\n      This chemical equation is balanced because masses of all the chemical elements involved in the reaction (i.e. \\(Fe\\) and \\(O\\)) remain constant before and after the reaction.\r\n      <div style=\"margin-top: 10px\" />\r\n      <div class=\"font-weight-medium\"\r\n           :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span id=\"mgk\" ref=\"pg\" style=\"font-family:Oswald\"> Learn interactively : Balancing an Oxidation Reaction </span>\r\n      </div>\r\n\r\n      <div ref=\"ib\" style=\"margin-top: 10px\" />\r\n      <h5>Session Objectives</h5>\r\n      <div style=\"margin-top: 10px\" />\r\n      In this visually interactive illustration, we learn how to balance a chemical equation describing oxidation of metals in step-by-step fashion. <br><br> Shown in the MagicGraph is a chemical equation that describes the reaction of a metallic element with Oxygen. You will notice that the coefficients of the reactants and products are missing. <br><br> The goal is determine the correct set of coefficients that will balance the chemical equation.\r\n      <div style=\"margin-top: 10px\" />\r\n      <h5>Getting Started</h5>\r\n      <div style=\"margin-top: 10px\" />\n      To get started &mdash; <br><br>\n      1. Start with entering the coefficients for the reactants and the products in the chemical equation.</br><br>\r\n      2. Once you have provided the coefficients, the MagicGraph automatically calculates the number of moles of each chemical element on the reactant side as well as on the product side. <br><br>\r\n      3. The chemical equation is balanced if the mass of each chemical element before the reaction is same as the mass after the reaction.<br><br>\r\n      4. You can adjust the coefficients to balance the mass of each chemical element before and after the reaction.\r\n    </div>\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox3\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n      <v-layout justify-center>\r\n        <h5 class=\"edliy-text-about\">\n          Navigation Tip: Tap on <i class=\"shuffler ma-1\" /> icon to shuffle. Tap on <i class=\"eraser ma-1\" /> icon to clear your response and start over.\n        </h5>\r\n      </v-layout>\r\n    </v-responsive>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'BalancedEquation',\r\n  components: {\r\n  },\r\n  data () {\r\n    return {\r\n      style: {layout: \"margin: 10px\"},\r\n    }\r\n  },\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Oxidation Reactions';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n    this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Oxidation Reactions',img:'/assets/number-1.svg', action: () => this.goto('ia')},\r\n      {title: 'Example', img:'/assets/number-2.svg', action: () => this.goto('ib')},\r\n      {title: 'Balancing an Oxidation Reaction', img:'/assets/touch.svg', action: () => this.goto('ic')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n    this.$store.commit('navigation/toggleshowhome', false);\r\n    this.$store.commit('navigation/replaceChem', true);\r\n    this.$store.commit('navigation/replaceLeftArrow', true);\r\n    this.$store.commit('navigation/replaceModule', true);\r\n    this.$store.commit('navigation/replaceSample', true);\r\n  },\r\n  mounted () {\r\n    MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\r\n    Boxes.box3();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Oxidation Reactions',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [ {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n                  {name: 'description', content: 'Balancing a chemical equation.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import 'src/styles/edliy-box.scss';\r\n@import 'src/styles/subtopic-menu.scss';\r\n@import 'src/styles/edliy-box-about.scss';\r\n@import 'src/styles/screen-sizes.scss';\r\n.icn{\r\ncolor: var(--v-red-base);;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=1f5be0b1&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=1f5be0b1&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&id=1f5be0b1&prod&lang=scss&\""],"sourceRoot":""}