{"version":3,"sources":["NestedList.js","components/MenuComponents/MenuBtn.js","components/MenuComponents/MenuProductView.js","components/MenuComponents/AnimationBtn.js","components/MenuComponents/Howtousenew.js","components/MenuComponents/HowToUse.js","components/MenuComponents/FooterControl.js","components/MenuComponents/FooterControlMob.js","components/MenuComponents/MainMenu.js","components/Header.js","App.js","index.js"],"names":["NestedList","props","readStates","myList","list","id","title","items","tempObj","tempItems","tempId","hasGroup","configStates","States","states","configGroups","displaylayers","state","update","json","sceneReady","i","length","j","checkGroup","split","k","name","l","subitems","push","divReact","getAttribute","cameraName","Object","keys","positions","cameraPos","values","setState","handleClick","e","check","c","window","scene","gotoPosInTime","pos","changeSelection","groupApplyState","handleClickSubItem","console","log","a","currentSelection","document","getElementById","fetchJson","fetch","headers","then","response","myJson","waitForGlobal","key","callback","_prepared","setTimeout","classes","this","map","List","className","root","item","ListItem","button","onClick","bind","selected","ListItemText","primary","Collapse","in","timeout","unmountOnExit","disablePadding","sitem","nested","React","Component","withStyles","theme","color","width","background","palette","paper","marginRight","paddingLeft","spacing","formControl","margin","minWidth","Btn","borderRadius","border","boxShadow","marginLeft","textTransform","BtnIcon","height","MenuBtn","Button","tabIndex","style","variant","startIcon","Avatar","src","source","submenu","ProductViewHeader","borderBottom","minHeight","AccordianIcons","MenuProductView","Accordion","onChange","onChanged","expanded","AccordionSummary","expandIcon","Typography","fontWeight","AccordionDetails","aria-label","onKeyPress","onLeftBtnClick","aria-hidden","finalLangues","overview","imgleft","onTopBtnClick","top","imgtop","onRightBtnClick","side","imgright","onWirelessDesignBtnClick","additonal","subname","imgfront","onKeysBtnClick","multidevice","imgKeys","Animationbtns","textAlign","marginTop","position","display","justifyContent","alignItems","animTitle","flex","maxWidth","AnimationBtn","reduceTransitions","forKeypress","onchange","type","mob","onScreenControls","forKeypress1","onchange1","Howtousenew","getElementsByClassName","backgroundColor","zIndex","exploreClick","allThreeDiv","fontFamily","fontStyle","fontSize","lineHeight","mobAllthreeDiv","usestyle","left","iconStyle","transform","Fragment","Hidden","only","howToUseMenu","ReactDOM","createPortal","alt","cursor","returnTo3DView","flexWrap","move","rotate","zoom","HowToUse","howtoUseD","opacity","animationName","howToUseDiv","imgUse","transition","right","flexDirection","useStyles","makeStyles","newBtns","extendedIcon","FooterControl","useEffect","useState","handleZoomChange","newValue","_nav","NavChangeDolly","undefined","target","value","localStorage","removeItem","setAttribute","keysCam","GotoPosInTimeNamedValue","getZoomFactor","threeButtons","letterSpacing","topBtnstyle","camData","setCamData","animationSwitch","getItem","animTime","setItem","gotoposname","onComplete","onSample","opt","gp","fovy","zang","time","slowInOut","x","x2","px","Math","pow","rippleRef","useRef","rippleRefs","float","NavRotation","clearRefine","size","onMouseDown","current","start","onMouseUp","stop","role","parseFloat","ref","center","min","max","step","clear","onPrevious","paddingRight","previousView","onReset","resetView","onNext","nextView","FooterControlMob","mobthreeButtons","_navYAng","onPreviousIpad","previous","onResetIpad","reset","onNextIpad","next","onPreviousMob","onResetMob","onNextMob","navigator","userAgent","indexOf","moblandscap","innerHeight","innerWidth","isipad","match","maxTouchPoints","buttonSeq","buttonSeq180","selectedButton","MainMenu","expandedPanel","setExpandedPanel","laptop360FrontImg","laptop360KeysImg","laptop360TopImg","laptop360LeftImg","laptop360RightImg","ecoImg","event","keyCode","click","resetBacklitCloseImg","setOpenCloseOnOff","setOpenClose","setBackliteOnOff","setBacklite","clearBluetoothIndicator","clearBluetoothSettimeFirst","clearBluetoothSettimeSecond","clearBluetoothSettimeThird","clearBluetoothSetintervalOne","clearBluetoothSetintervalTwo","clearBluetoothMainInterval","bluetoothBlikingLoop","animPlayAllChildrenInTime","clearTimeout","clearInterval","clearAllBluetoothSetTime","addEventListener","removeEventListener","resetAll","UniqDeltaScroll","UniqDeltaScroll2","animPlayInTime","animIsPlaying","getAnim","reverseAll","tempfRotMinLimit","_navMinDolly","_navMaxDolly","laptop180","onWirelessDesignClick","isNextPrevious","slider","nintyDegree","currentPos","alreadySelected","querySelector","classList","remove","add","currentPosName","focus","RT_RecordEvent","config","onKeysClick","setInterval","onWorkspaceClick","_panMax","_panMin","onSideClick","_fovRecoveryOffset","onOverviewClick","onTopClick","openCloseOnOff","onResetMode","tent","TentModeClick","theatre","TheaterModeClick","tablet","TabletModeClick","onPreviousMode","selectedButtonIndex","findIndex","element","prevButton","onNextMode","nextButton","animValue","setAnimValue","animValue1","setAnimValue1","checked","panel","animStopped","paddingTop","paddingBottom","borderLeft","borderRight","endIcon","toggleDrawerAction","mainMenu","onWorkspaceBtnClick","imgeco","productview","isExpanded","innerHTML","animationSwitchVal","animation1SwitchGlobal","removeAttribute","bottom","visibility","animationSwitchGlobal","value1","headerBackground","Header","closeWindow","aria-labelledby","Grid","container","xs","md","Paper","align","ipad","ipadPortrait","statebtns","marginBottom","drawerPaper","overflow","selectEmpty","App","burgerBtnVisible","setBurgerBtnVisible","toggleDrawer","anchor","open","menuMobLandscapOpen","menuMobLandscapClose","orientationPotrait","setOrientation","checkOrientationStatus","orientationStatus","getLangTranscript","setgetLangTranscript","checkgetLangTranscript","closeBtnVisibilityOpen","closeBtnVisibilityClose","dektopCloseBtnVisibilityOpen","dektopCloseBtnVisibilityClose","disableElevation","Drawer","onClose","overflowY","overflowX","createMuiTheme","main","secondary","render","ThemeProvider"],"mappings":"qaA2CMA,E,kDAEF,WAAYC,GAAQ,IAAD,8BACf,cAAMA,IAOVC,WAAa,WAET,IAAIC,EAAS,CAAEC,KAAK,CAAE,CAACC,GAAG,EAAGC,MAAM,SAAUC,MAAM,MAE/CC,EAAU,GACVC,EAAY,GACZC,EAAS,EACTC,GAAW,EAIXC,EAAeC,EAAOC,OACtBC,EAAeF,EAAOG,cAGF,GAArB,EAAKC,MAAMC,SACVN,EAAe,EAAKK,MAAME,KAAKL,OAC/BC,EAAe,EAAKE,MAAME,KAAKH,cAG5B,EAAKC,MAAMG,YAUlB,IAAI,IAAIC,EAAE,EAAGA,EAAIT,EAAaU,OAAQD,IAAI,CACtCV,GAAW,GACE,EACb,IAAI,IAAIY,EAAE,EAAGA,EAAIR,EAAaO,OAAQC,IAAI,CAEtC,IAAIC,EAAaZ,EAAaS,GAAGI,MAAMV,EAAaQ,GAAG,KACvD,GAAGC,EAAWF,OAAS,EAGnB,GAFAX,GAAW,EAERF,EAAUa,OAAS,EAAE,CACpB,IAAI,IAAII,EAAE,EAAGA,EAAIjB,EAAUa,OAAQI,IAC5BjB,EAAUiB,GAAGC,MAAQZ,EAAaQ,KAEjCC,GAAa,GAIrB,GAAiB,GAAdA,EAGC,IAAI,IAAII,EAAE,EAAGA,EAAInB,EAAUa,OAAQM,IAAK,CACpC,GAAGnB,EAAUmB,GAAGD,MAAQZ,EAAaQ,GAGjCf,EAAU,CAACH,GADCI,EAAUmB,GAAGC,SAASP,OAAO,EACpBK,KAAKf,EAAaS,IACvCZ,EAAUmB,GAAGC,SAASC,KAAKtB,GAC3BA,EAAU,QAOlBA,EAAQH,GAAKK,EACbF,EAAQmB,KAAOZ,EAAaQ,GAC5Bf,EAAQqB,SAAW,CAAC,CAACxB,GAAG,EAAGsB,KAAKf,EAAaS,KAC7CX,GAAU,EACVD,EAAUqB,KAAKtB,GACfA,EAAU,QAKdA,EAAQH,GAAKK,EACbF,EAAQmB,KAAOZ,EAAaQ,GAC5Bf,EAAQqB,SAAW,CAAC,CAACxB,GAAG,EAAGsB,KAAKf,EAAaS,KAC7CX,GAAU,EACVD,EAAUqB,KAAKtB,GACfA,EAAU,QAKC,GAAZG,GAAsBY,GAAKR,EAAaO,OAAO,IAC9Cd,EAAQH,GAAKK,EACbF,EAAQmB,KAAOf,EAAaS,GAC5BX,GAAU,EACVD,EAAUqB,KAAKtB,GACfA,EAAU,KAQ1B,IAAQa,EAAE,EAAGA,EAAGZ,EAAUa,OAAQD,IACF,MAAzBZ,EAAUY,GAAGQ,WACZpB,EAAUY,GAAGM,KAAO,OAAOlB,EAAUY,GAAGM,MAQhD,GAAwB,GAArB,EAAKV,MAAMC,QAA8D,QAA5C,EAAKa,SAASC,aAAa,eAA0B,CAEjF7B,EAAOC,KAAK0B,KAAK,CAACzB,GAAG,EAAGC,MAAM,UAAWC,MAAM,KAE/C,IAAI0B,EAAaC,OAAOC,KAAK,EAAKlB,MAAME,KAAKiB,WACzCC,EAAYH,OAAOI,OAAO,EAAKrB,MAAME,KAAKiB,WAC9C,EAAKG,SAAS,CAACN,WAAYA,EAAYI,UAAWA,IAIlD,IAAQhB,EAAE,EAAGA,EAAEY,EAAWX,OAAQD,IAE9BlB,EAAOC,KAAK,GAAGG,MAAMuB,KAAK,CAACzB,GAAKgB,EAAE,EAAIM,KAAKM,EAAWZ,KAO9D,OAAOlB,GArIQ,EAkLnBc,MAAQ,GAlLW,EAqLnBuB,YAAc,SAAAC,GAEV,EAAKF,SAAL,eAAiBE,GAAK,EAAKxB,MAAMwB,KAIjC,IAHA,IAAIC,GAAQ,EAGJC,EAAE,EAAGA,EAAE,EAAK1B,MAAMgB,WAAWX,OAAQqB,IACtCF,IAAI,EAAKxB,MAAMgB,WAAWU,KACzBD,GAAQ,EAERE,OAAOC,MAAMC,cAAc,EAAK7B,MAAMoB,UAAUM,GAAGI,IAAI,GACnD,EAAK9B,MAAMoB,UAAUM,GAAGI,IAAI,GAC5B,EAAK9B,MAAMoB,UAAUM,GAAGI,IAAI,GAC5B,EAAK9B,MAAMoB,UAAUM,GAAGI,IAAI,GAC5B,EAAK9B,MAAMoB,UAAUM,GAAGI,IAAI,GAAG,IAKhC,GAAPL,IACGD,EAAEhB,MAAM,QAAQH,OAAS,IAKxB,EAAK0B,gBAAgBP,GACrBG,OAAOC,MAAMI,gBAAgBR,MA/MtB,EAuNnBS,mBAAqB,SAAAT,GACjBU,QAAQC,IAAIX,GACZ,EAAKO,gBAAgBP,GACrBG,OAAOC,MAAMI,gBAAgBR,IA1Nd,EA8NnBO,gBA9NmB,uCA8ND,WAAOP,GAAP,SAAAY,EAAA,sEACJ,EAAKd,SAAS,CAACe,iBAAkBb,IAD7B,OAEVU,QAAQC,IAAI,EAAKnC,MAAMqC,kBAFb,2CA9NC,sDAEf,EAAKrC,MAAQ,CAACV,MAAO,EAAKL,aAAciB,KAAK,GAAID,QAAO,EAAOe,WAAW,GAAII,UAAU,GAAIjB,YAAY,EAAOkC,iBAAkB,MAEjI,EAAKvB,SAAWwB,SAASC,eAAe,QAJzB,E,qDA0InB,WAAqB,IAAD,OAMTC,EAAS,uCAAG,sBAAAJ,EAAA,sEAEIK,MAAM,yBAC5B,CACCC,QAAU,CACR,eAAgB,mBAChB,OAAU,sBAGZC,MAAK,SAACC,GAAD,OAAcA,EAAS1C,UAC7ByC,MAAK,SAACE,GAAY,EAAKvB,SAAS,CAACpB,KAAM2C,EAAQ5C,QAAO,IAAQ,EAAKqB,SAAS,CAAChC,MAAO,EAAKL,kBAVvE,yDAAH,qDAcV6D,EAAa,uCAAG,WAAeC,EAAKC,GAApB,SAAAZ,EAAA,sDAEdT,OAAOoB,IAEqB,GAAzBpB,OAAOoB,GAAKE,UACTD,IAMNE,YAAW,WACXJ,EAAcC,EAAKC,KAClB,KAba,2CAAH,wDAiBjBF,EAAc,QAASN,K,oBAqD7B,WAAU,IAAD,OAKGW,EAAYC,KAAKpE,MAAjBmE,QAER,OACI,8BAEKC,KAAKpD,MAAMV,MAAMH,KAAKkE,KAAI,SAAAlE,GACvB,OAEI,cAACmE,EAAA,EAAD,CACIC,UAAWJ,EAAQK,KADvB,SAOKrE,EAAKG,MAAM+D,KAAI,SAAAI,GACZ,OACI,8BACsB,MAAjBA,EAAK7C,SACF,gCACI,eAAC8C,EAAA,EAAD,CACIC,QAAM,EAENC,QAAS,EAAKrC,YAAYsC,KACtB,EACAJ,EAAK/C,MAEToD,SAAU,EAAK9D,MAAMqC,kBAAkBoB,EAAK/C,KAPhD,UASK,EAAKV,MAAMyD,EAAK/C,MACb,cAAC,IAAD,IAEA,cAAC,IAAD,IAGJ,cAACqD,EAAA,EAAD,CACIC,QAASP,EAAK/C,SAdb+C,EAAKrE,IAkBd,cAAC6E,EAAA,EAAD,CAGIC,GAAI,EAAKlE,MAAMyD,EAAK/C,MACpByD,QAAQ,OACRC,eAAa,EALjB,SAOI,cAACd,EAAA,EAAD,CAAMe,gBAAc,EAApB,SACKZ,EAAK7C,SAASyC,KACX,SAAAiB,GACI,OACI,cAACZ,EAAA,EAAD,CACIC,QAAM,EAINJ,UACIJ,EAAQoB,OAEZX,QAAS,EAAK3B,mBAAmB4B,KAC7B,EACAS,EAAM5D,MAGVoD,SAAU,EAAK9D,MAAMqC,kBAAkBiC,EAAM5D,KAbjD,SAgBI,cAACqD,EAAA,EAAD,CAIIC,QACIM,EAAM5D,MAHN4D,EAAMlF,KAfVkF,EAAMlF,UAbzBD,EAAKG,MAAMF,IAuCR,MA7DNqE,EAAKrE,IAgEf,cAACsE,EAAA,EAAD,CACIC,QAAM,EAENC,QAAS,EAAKrC,YAAYsC,KACtB,EACAJ,EAAK/C,MALb,SAQI,cAACqD,EAAA,EAAD,CACIC,QAASP,EAAK/C,QAPb+C,EAAKrE,KApEZqE,EAAKrE,QAPlBD,EAAKC,a,GArPboF,IAAMC,WAyVhBC,eAtXA,SAAAC,GAAK,MAAK,CACrBnB,KAAM,CAGF,yDAA0D,CACtDoB,MAAO,WAGXC,MAAO,OAEPC,WAAYH,EAAMI,QAAQD,WAAWE,MACrCC,YAAa,OAIjBV,OAAQ,CACJW,YAAaP,EAAMQ,QAAQ,IAG/BC,YAAa,CACTC,OAAQV,EAAMQ,QAAQ,GACtBG,SAAU,IACVT,MAAO,UAgWAH,CAAmB3F,G,mEChY5BwG,EAAI,CACRC,aAAa,MACbV,WAAW,cACXW,OAAO,OACPC,UAAU,OACVC,WAAW,OACXf,MAAM,OACNgB,cAAc,aACdX,YAAa,QAMTY,EAAQ,CACZL,aAAa,MACbV,WAAW,cACXD,MAAM,OACNiB,OAAO,QAgBMC,EAdA,SAAC/G,GACZ,OACI,qBAAKuE,UAAU,UAAf,SACC,cAACyC,EAAA,EAAD,CAAQC,SAAS,GAAG1C,UAAU,aAC9B2C,MAAOX,EACRY,QAAQ,YACRvB,MAAM,YACNwB,UAAW,cAACC,EAAA,EAAD,CAAQH,MAAOL,EAAUS,IAAKtH,EAAMuH,SAJ9C,SAMAvH,EAAMwH,aCxBTC,EAAoB,CACvBC,aAAc,oBACdC,UAAW,QAERC,EAAiB,CACpB/B,MAAO,OACPiB,OAAQ,kBACRH,WAAY,QAuCAkB,EApCS,SAAC7H,GAItB,OACG,qBAAKuE,UAAU,aAAf,SACG,eAACuD,EAAA,EAAD,CAAWZ,MAAO,CAAEV,aAAc,OAASuB,SAAU/H,EAAMgI,UAAWC,SAAUjI,EAAMiI,SAAtF,UACG,cAACC,EAAA,EAAD,CAAkB9H,GAAG,iBAAiB6G,SAAS,IAC5CkB,WAAY,cAAC,IAAD,IAAoBjB,MAAOO,EAD1C,SAEG,cAACW,EAAA,EAAD,CAAYhI,GAAG,iBAAiBmE,UAAU,qCAAqC2C,MAAO,CAAEmB,WAAY,MAAMhC,OAAQ,WAAlH,SAAgIrG,EAAM0B,SAEzI,cAAC4G,EAAA,EAAD,CAAkBrB,SAAS,IAAIsB,aAAW,QAAQnI,GAAG,UAAUoI,WAAYxI,EAAMyI,eAAgB7D,QAAS5E,EAAMyI,eAAhH,SACG,cAAC,EAAD,CAASC,cAAY,OAAOxB,MAAOU,EAAgBJ,QAAS7E,OAAOgG,aAAaC,SAAUrB,OAAQvH,EAAM6I,YAE3G,cAACP,EAAA,EAAD,CAAkBrB,SAAS,IAAIsB,aAAW,MAAMnI,GAAG,SAASoI,WAAYxI,EAAM8I,cAAelE,QAAS5E,EAAM8I,cAA5G,SACG,cAAC,EAAD,CAASJ,cAAY,OAAOxB,MAAOU,EAAgBJ,QAAS7E,OAAOgG,aAAaI,IAAKxB,OAAQvH,EAAMgJ,WAEtG,cAACV,EAAA,EAAD,CAAkBrB,SAAS,IAAIsB,aAAW,OAAOnI,GAAG,WAAWoI,WAAYxI,EAAMiJ,gBAAiBrE,QAAS5E,EAAMiJ,gBAAjH,SACG,cAAC,EAAD,CAASP,cAAY,OAAOxB,MAAOU,EAAgBJ,QAAS7E,OAAOgG,aAAaO,KAAM3B,OAAQvH,EAAMmJ,aAGvG,cAACb,EAAA,EAAD,CAAkBrB,SAAS,IAAIsB,aAAW,sBAAsBnI,GAAG,oBAAoBoI,WAAYxI,EAAMoJ,yBAA0BxE,QAAS5E,EAAMoJ,yBAAlJ,SACG,cAAC,EAAD,CAASV,cAAY,OAAOxB,MAAOU,EAAgBJ,QAAS7E,OAAOgG,aAAaU,UAAWC,QAAQ,sBAAsB/B,OAAQvH,EAAMuJ,aAE1I,cAACjB,EAAA,EAAD,CAAkBrB,SAAS,IAAIsB,aAAW,4BAA4BnI,GAAG,UAAUoI,WAAYxI,EAAMwJ,eAAgB5E,QAAS5E,EAAMwJ,eAApI,SACG,cAAC,EAAD,CAASd,cAAY,OAAOxB,MAAOU,EAAgBJ,QAAS7E,OAAOgG,aAAac,YAAalC,OAAQvH,EAAM0J,kBCxCpHC,G,OAAgB,CAEnBC,UAAW,SAASC,UAAW,OAAOC,SAAU,WAAW7D,YAAa,OACxE8D,QAAS,OAAOC,eAAgB,SAASC,WAAY,WAIlDC,EAAY,CACfjE,YAAa,OACb8D,QAAS,eACTI,KAAM,UACNC,SAAU,OACVR,UAAW,SAsCCS,EA/BM,SAACrK,GAInB,OACG,qCAEG,sBAAKI,GAAG,YAAY8G,MAAOyC,EAA3B,UACG,uBAAMzC,MAAOgD,EAAb,cAA0BvH,OAAOgG,aAAa2B,kBAA9C,QAEA,wBAAO/F,UAAU,SAAS0C,SAAS,IAAI7G,GAAG,aAAaoI,WAAYxI,EAAMuK,YAAzE,UACG,uBAAOtD,SAAS,KAAK1C,UAAU,gBAAgB7C,KAAK,iBAAiBtB,GAAG,kBAAkB2H,SAAU/H,EAAMwK,SAAUC,KAAK,aACzH,sBAAMlG,UAAU,+BAChB,sBAAMA,UAAU,iBAGnB5B,OAAO+H,KACP,sBAAKtK,GAAG,aAAa8G,MAAK,2BAAOyC,GAAP,IAAqBE,UAAW,SAA1D,UACG,uBAAM3C,MAAOgD,EAAb,cAA0BvH,OAAOgG,aAAagC,iBAA9C,QAEA,wBAAOpG,UAAU,SAAS0C,SAAS,IAAI7G,GAAG,cAAcoI,WAAYxI,EAAM4K,aAA1E,UACG,uBAAO3D,SAAS,KAAK1C,UAAU,gBAAgB7C,KAAK,wBAAwBtB,GAAG,mBAAmB2H,SAAU/H,EAAM6K,UAAWJ,KAAK,aAClI,sBAAMlG,UAAU,+BAChB,sBAAMA,UAAU,qB,0BCmOnBuG,EAxQK,WAGjB,IAAMvI,EAAc,WACjBe,SAASC,eAAe,YAAY2D,MAAM6C,QAAU,QACpDzG,SAASC,eAAe,iBAAiB2D,MAAM6C,QAAU,QACzDzG,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAM8D,gBAAkB,UAC7E1H,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAMtB,MAAQ,UACnEtC,SAASC,eAAe,SAAS2D,MAAMtB,MAAQ,UAC/CtC,SAASC,eAAe,YAAY2D,MAAM+D,OAAS,IACnD3H,SAASC,eAAe,iBAAiB2D,MAAM+D,OAAS,KAIrDC,EAAe,WAClB5H,SAASC,eAAe,YAAY2D,MAAM6C,QAAU,OACpDzG,SAASC,eAAe,iBAAiB2D,MAAM6C,QAAU,OACzDzG,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAM8D,gBAAkB,UAC7E1H,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAMtB,MAAQ,UACnEtC,SAASC,eAAe,SAAS2D,MAAMtB,MAAQ,UAC/CtC,SAASC,eAAe,YAAY2D,MAAM+D,OAAS,KACnD3H,SAASC,eAAe,iBAAiB2D,MAAM+D,OAAS,MA8BrDE,EAAc,CACjBvB,UAAW,SACXvD,OAAQ,kBACR+E,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,QAETC,EAAiB,CACpB5B,UAAW,OACXvD,OAAQ,gBACR+E,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZ1F,MAAO,QACPkE,QAAS,OACTE,WAAY,WACZD,eAAgB,iBAiHbyB,EAAW,CACdL,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZzB,SAAU,WACV4B,KAAM,OACN3C,IAAK,QAEF4C,EAAY,CACfC,UAAW,kBACX9B,SAAU,WACV4B,KAAM,OACN3C,IAAK,MACLnD,MAAO,UACPkB,OAAQ,OACRjB,MAAO,QAUV,OACG,eAAC,IAAMgG,SAAP,WACG,cAACC,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,SACG,uBAAM5E,QAAQ,YAAYvC,QAASrC,EAAagC,UAAU,iBAA1D,UAA2E,cAAC,IAAD,CAAuBnE,GAAG,QAAQ8G,MAAOyE,IAApH,IAAkI,sBAAMzE,MAAOuE,EAAb,SAAwB9I,OAAOgG,aAAaqD,oBAGhLC,IAASC,aAEP,gCAEG,eAACJ,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,UACG,uBAAM5E,QAAQ,YAAYvC,QAASrC,EAAagC,UAAU,iBAA1D,UAA2E,cAAC,IAAD,CAAuBnE,GAAG,QAAQ8G,MAAOyE,IAApH,IAAkI,sBAAMzE,MAAOuE,EAAb,SAAwB9I,OAAOgG,aAAaqD,kBAC9K,sBAAK5L,GAAG,WAAW8G,MAtMjB,CACd6C,QAAS,OACTD,SAAU,QACVf,IAAK,IACL2C,KAAM,IACN5E,OAAQ,QACRjB,MAAO,OACPmF,gBAAiB,SA+LL,UACG,qBAAKpG,QAASsG,EAAc3G,UAAU,cAAc0C,SAAS,KAAKkF,IAAI,WAAW7E,IAAI,wBAErF,uBAAMJ,MAhFH,CAClB4C,SAAU,WACV4B,KAAM,MACN3C,IAAK,QACL6C,UAAW,wBACX3B,WAAY,SACZL,UAAW,SACXwB,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZ3F,MAAO,WAoEQ,UAA4BjD,OAAOgG,aAAaqD,aAAhD,OAEA,sBAAK9E,MAzLP,CACb6C,QAAS,OACTD,SAAU,WACV4B,KAAM,MACN3C,IAAK,MACL6C,UAAW,wBAoLI,UACG,sBAAK1E,MAAOiE,EAAZ,iBAA6B,uBAAS,qBAAKjE,MAAO,CAAE2C,UAAW,OAAO/C,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,WAAW7E,IAAI,sBAC1H,sBAAKJ,MAAOiE,EAAZ,mBAA+B,uBAAS,qBAAKjE,MAAO,CAAE2C,UAAW,OAAO/C,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,aAAa7E,IAAI,wBAC9H,sBAAKJ,MAAOiE,EAAZ,iBAA6B,uBAAS,qBAAKjE,MAAO,CAAE2C,UAAW,OAAO/C,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,WAAW7E,IAAI,yBAE7H,yBAAQJ,MApIH,CAEpB4C,SAAU,WACV4B,KAAM,MACN3C,IAAK,QACL6C,UAAW,wBACXQ,OAAQ,UACRtF,OAAQ,OACRjB,MAAO,QACPC,WAAY,UACZU,aAAc,MACdyD,WAAY,SACZL,UAAW,SAEXwB,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZ3F,MAAO,UACPa,OAAQ,KAgHsC7B,QAASsG,EAAxC,UAAuDvI,OAAOgG,aAAa0D,eAA3E,IAA2F,qBAAKnF,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOiE,SAAU,WAAWf,IAAK,MAAM2C,KAAM,QAAUS,IAAI,YAAY7E,IAAI,iCAKhN,cAACwE,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SACG,qBAAK3L,GAAG,WAAW8G,MA7MV,CACrB6C,QAAS,OACTD,SAAU,QACVf,IAAK,IACLjC,OAAQ,QACRjB,MAAO,OACPmF,gBAAiB,QACjBC,OAAQ,KAsM+C1G,UAAU,cAArD,SAEG,sBAAK2C,MAtCH,CACjB6C,QAAS,OACTuC,SAAU,OACVxC,SAAU,WACV4B,KAAM,MACN3C,IAAK,MACL6C,UAAW,wBAgCI,UACG,qBAAKhH,QAASsG,EAAc3G,UAAU,cAAc0C,SAAS,KAAKkF,IAAI,WAAW7E,IAAI,wBAErF,uBAAMJ,MApFH,CACrB4C,SAAU,WACV4B,KAAM,MACN3C,IAAK,MACL6C,UAAW,wBACX3B,WAAY,SACZL,UAAW,SACXwB,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZ3F,MAAO,UACPC,MAAO,SAuEyCzF,GAAG,kBAAjC,UAAoDuC,OAAOgG,aAAaqD,aAAxE,OACA,sBAAK9E,MA1KF,CACrB0C,UAAW,SACXvD,OAAQ,oBACR+E,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZ1F,MAAO,QACPkE,QAAS,OACTE,WAAY,WACZD,eAAgB,iBA+JE,UAA6B,sBAAM9C,MAAO,CAAE4C,SAAU,WAAWf,IAAK,SAAzC,SAAqDpG,OAAOgG,aAAa4D,OAAY,qBAAKrF,MAAO,CAAEP,WAAY,OAAOG,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,QAAQ7E,IAAI,sBACpM,sBAAKJ,MAAOsE,EAAZ,UAA4B,sBAAMtE,MAAO,CAAE4C,SAAU,WAAWf,IAAK,SAAzC,SAAqDpG,OAAOgG,aAAa6D,SAAc,qBAAKtF,MAAO,CAAEP,WAAY,OAAOG,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,UAAU7E,IAAI,wBACvM,sBAAKJ,MAAOsE,EAAZ,UAA4B,sBAAMtE,MAAO,CAAE4C,SAAU,WAAWf,IAAK,SAAzC,SAAqDpG,OAAOgG,aAAa8D,OAAY,qBAAKvF,MAAO,CAAEP,WAAY,OAAOG,OAAQ,OAAOjB,MAAO,SAAWsG,IAAI,SAAS7E,IAAI,sBACpM,yBAAQJ,MA5HH,CACvB4C,SAAU,WACV4B,KAAM,MACN3C,IAAK,QACL6C,UAAW,wBACXQ,OAAQ,UACRtF,OAAQ,OACRjB,MAAO,QACPC,WAAY,UACZU,aAAc,MACdyD,WAAY,SACZL,UAAW,SAEXwB,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OAEV1F,MAAO,UACPa,OAAQ,KAyG4C7B,QAASsG,EAA3C,UAA0DvI,OAAOgG,aAAa0D,eAA9E,IAA8F,qBAAKnF,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOiE,SAAU,WAAWf,IAAK,MAAM2C,KAAM,QAAUS,IAAI,QAAQ7E,IAAI,qCAO9MhE,SAASC,eAAe,sBC9B5BmJ,EAlOE,WAAO,IAAD,EAChBC,GAAY,EAEVpK,EAAc,WAEboK,GACDzJ,QAAQC,IAAI,aACZG,SAASC,eAAe,YAAY2D,MAAM0F,QAAU,IACpDtJ,SAASC,eAAe,YAAY2D,MAAM2C,UAAY,QAGtDvG,SAASC,eAAe,YAAY2D,MAAM2F,cAAgB,UAE1DvJ,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAM8D,gBAAkB,UAC7E1H,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAMtB,MAAQ,UACnEtC,SAASC,eAAe,SAAS2D,MAAMtB,MAAQ,UAC/C+G,GAAY,IAEZzJ,QAAQC,IAAI,eAEZG,SAASC,eAAe,YAAY2D,MAAM0F,QAAU,IACpDtJ,SAASC,eAAe,YAAY2D,MAAM2C,UAAY,KAGtDvG,SAASC,eAAe,YAAY2D,MAAM2F,cAAgB,WAG1DvJ,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAM8D,gBAAkB,UAC7E1H,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAMtB,MAAQ,UACnEtC,SAASC,eAAe,SAAS2D,MAAMtB,MAAQ,UAE/C+G,GAAY,IA8EZG,EAAc,CACjBjH,MAAO,OACP+D,UAAW,SACX2B,WAAY,OACZD,SAAU,QAkDPyB,EAAS,CACZlD,UAAW,OACXlD,WAAY,QACZG,OAAQ,OACRjB,MAAO,SA+BV,OACG,eAAC,IAAMgG,SAAP,WAKG,0BAAM1E,QAAQ,YAAYF,SAAS,IAAI1C,UAAU,gBAAgBiE,WAAYjG,EAAaqC,QAASrC,GAAnG,0BAA0H,kBAA1H,0BAA2I,cAAC,IAAD,CAAuBnC,GAAG,QAAQ8G,MAhBjK,CACf0E,UAAW,kBACX9B,SAAU,WACV4B,KAAM,IACN3C,IAAK,MACLnD,MAAO,UACPkB,OAAQ,OACRjB,MAAO,UASJ,IAAkM,sBAAMqB,MA1B7L,CACdkE,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZzB,SAAU,WACV4B,KAAM,OACN3C,IAAK,QAkBgM,SAAwBpG,OAAOgG,aAAaqD,iBAA9O,IACCC,IAASC,aACP,sBAAK9L,GAAG,WAAW6G,SAAS,KAAKC,MA/GpB,CACnB4C,SAAU,QACV4B,KAAM,SAENjF,OAAQ,oBACRC,UAAW,gKACXF,aAAc,OACdV,WAAY,UACZ8G,QAAS,EACTI,WAAY,aACZjD,QAAS,OACTC,eAAgB,UAoG6CzF,UAAU,SAAjE,UACG,uBAAM0C,SAAS,KAAKC,MA5JX,CAClB4C,SAAU,WACV4B,KAAM,QACN3C,IAAK,OACLqC,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZxB,QAAS,OACTE,WAAY,SACZrE,MAAO,UACPqB,SAAU,MAgJD,UAA0CtE,OAAOgG,aAAaqD,aAA9D,OACA,qBAAK/E,SAAS,KAAKrC,QA7KX,WACjBtB,SAASC,eAAe,YAAY2D,MAAM2F,cAAgB,UAC1DvJ,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAM8D,gBAAkB,UAC7E1H,SAASyH,uBAAuB,kBAAkB,GAAG7D,MAAMtB,MAAQ,UACnEtC,SAASC,eAAe,SAAS2D,MAAMtB,MAAQ,UAC/CtC,SAASC,eAAe,YAAY2D,MAAM0F,QAAU,IACpDtJ,SAASC,eAAe,YAAY2D,MAAM2C,UAAY,QAEtD8C,GAAY,GAqKsCzF,MAvCpC,CACd4C,SAAU,WACVmD,MAAO,OACPlE,IAAK,OACLnD,MAAO,UACPkB,OAAQ,OACRjB,MAAO,OACPuG,OAAQ,WAgC2DhM,GAAG,WAAW+L,IAAI,WAAW7E,IAAI,wBAE3F,sBAAKL,SAAS,KAAKC,MA/HR,CACpB4C,SAAU,WACV4B,KAAM,MACN3C,IAAK,MACL6C,UAAW,wBACX7B,QAAS,OACTC,eAAgB,SAChBkD,cAAe,SACfrH,MAAO,QACPoB,SAAU,MAsHD,UACG,sBAAKA,SAAS,KAAKC,MAAO4F,EAA1B,UAAuC,sBAAM5F,MAhG3C,CACd4C,SAAU,WACVjE,MAAO,OACPiB,OAAQ,OACR4E,KAAM,IACN3C,IAAK,OACLqC,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZxB,QAAS,OACTE,WAAY,SACZL,UAAW,OACXhE,MAAO,WAkF4C,SAAwBjD,OAAOgG,aAAa4D,OAAY,qBAAKrF,MAAO6F,EAAQZ,IAAI,wFAAwF7E,IAAI,sBACnN,sBAAKL,SAAS,KAAKC,MAAO4F,EAA1B,UAAuC,uBAAM5F,MAjF3C,CACd4C,SAAU,WACVjE,MAAO,OACPiB,OAAQ,OACR4E,KAAM,IACN3C,IAAK,QACLqC,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZxB,QAAS,OACTE,WAAY,SACZL,UAAW,OACXhE,MAAO,WAmE4C,UAAwBjD,OAAOgG,aAAa6D,OAA5C,OAA2D,qBAAKtF,MAAO6F,EAAQZ,IAAI,yGAAyG7E,IAAI,wBACvO,sBAAKL,SAAS,KAAKC,MAAO4F,EAA1B,UAAuC,sBAAM5F,MAlE3C,CACd4C,SAAU,WACVjE,MAAO,OACPiB,OAAQ,OACR4E,KAAM,IACN3C,IAAK,QACLqC,WAAY,SACZC,UAAW,SACXhD,WAAY,SACZiD,SAAU,OACVC,WAAY,OACZxB,QAAS,OACTE,WAAY,SACZL,UAAW,OACXhE,MAAO,WAoD4C,SAAwBjD,OAAOgG,aAAa8D,OAAY,qBAAKvF,MAAO6F,EAAQZ,IAAI,0FAA0F7E,IAAI,4BAG3NhE,SAASC,eAAe,0B,qBChN9B4J,GAAYC,aAAW,SAACzH,GAAD,MAAY,CACrCnB,KAAM,CACFqB,MAAO,KAEbwH,QAAS,CACP7G,aAAc,SAGhBH,OAAQ,CACNA,OAAQV,EAAMQ,QAAQ,GACtBK,aAAc,QACdI,cAAe,OACf0E,SAAU,SAEZgC,aAAc,CACZrH,YAAaN,EAAMQ,QAAQ,QAKhB,SAASoH,GAAcvN,GAEpCwN,qBAAU,cAER,IAGF,IAAMrJ,EAAUgJ,KAChB,EAA0B3H,IAAMiI,SAAS,IAAzC,mBACA,GADA,UAC4CjI,IAAMiI,SAAS,IAA3D,mBACA,GADA,UACwCjI,IAAMiI,SAAS,IAAvD,mBAQMC,GARN,UAQyB,SAAClL,EAAGmL,GAIpBnL,EACDG,OAAOC,MAAMgL,KAAKC,oBAAeC,EAAWtL,EAAEuL,OAAOC,MAAM,MAK3DrL,OAAOC,MAAMgL,KAAKC,oBAAeC,EAAWH,EAAS,KAErDrK,SAASC,eAAe,eAAeyK,MAAQL,GAK/ChL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBACZ5K,SAASC,eAAe,eAAeyK,MAE1D1K,SAASC,eAAe,eAAe4K,aAAa,aAAe,IACnEjK,YAAW,WACTZ,SAASC,eAAe,eAAe4K,aAAa,aAAe,OACnE,KACCxL,OAAOyL,UAENC,EAAwB,8BAA8B,WAErC,MADD/K,SAASC,eAAe,iBAElCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,SAGnH3L,OAAOyL,SAAU,KA2BvBG,EAAe,CACnBnD,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZiD,cAAe,UACfxD,gBAAiB,UACjBlE,OAAQ,UACRjB,MAAO,QACPQ,OAAQ,sBACRI,OAAQ,qBA8BJgI,EAAc,CAClB3H,OAAQ,UACRjB,MAAO,OACPc,WAAY,QACZV,YAAa,QACb+E,gBAAiB,UACjBvE,OAAQ,qBAMV,EAA8BgH,mBAAS,IAAvC,mBAAOiB,EAAP,KAAgBC,EAAhB,KACIC,EAAkBjM,OAAOsL,aAAaY,QAAQ,aAC9CC,EAAW,EAWftB,qBAAU,WATR/J,MAAM,0BACHE,MAAK,SAASC,GACb,OAAOA,EAAS1C,UAEjByC,MAAK,SAASE,GAEb8K,EAAW9K,EAAO1B,cAKtByM,EAAkBjM,OAAOsL,aAAaY,QAAQ,aAK9ClM,OAAOsL,aAAac,QAAQ,WAAY,WAExC,IAKwBD,EAAN,MAAnBF,EAAoC,IACvB,EAId,IAAMP,EAA0B,SAACW,EAAaC,EAAYC,GAGxD,IAAIC,OAAMrB,EAAWsB,EAAKV,EAAQM,GAChC9L,QAAQC,IAAIiM,GAEVA,EAAGC,MAAQ1M,OAAOC,MAAMyM,MAAQD,EAAGC,OACvCF,EAAM,CAAEE,KAAMD,EAAGC,OACfD,EAAGtM,IAAIzB,OAAS,IACb8N,IACDA,EAAM,IACVA,EAAIG,KAAOF,EAAGtM,IAAI,IAEpB,IAAI8L,EAAkBjM,OAAOsL,aAAaY,QAAQ,aACvBO,EAAGG,KAAV,OAAnBX,EAAoC,EAE3BE,EAIRnM,OAAOC,MAAMC,cAAcuM,EAAGtM,IAAI,GAAIsM,EAAGtM,IAAI,GAAIsM,EAAGtM,IAAI,GAAIsM,EAAGtM,IAAI,GAAIsM,EAAGtM,IAAI,GAAIsM,EAAGG,KAAMN,EAAYO,EAAWL,IAK9GK,EAAY,SAACC,GACjB,IACIC,EAAK,EAAMD,EACXE,EAAKC,KAAKC,IAAIJ,EAFV,KAKR,OAAOE,GAAMA,EAFHC,KAAKC,IAAIH,EAHX,OAsHJI,EAAYtK,IAAMuK,OAAO,QAOzBC,EAAaxK,IAAMuK,OAAO,QAQhC,OACE,cAAC,IAAMlE,SAAP,UACCI,IAASC,aAEV,qBAAK9L,GAAG,iBAAR,SACE,cAAC0L,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,SACA,sBAAKxH,UAAY,YAAjB,UACE,qBAAKA,UAAU,4BAAf,SAEA,eAACuH,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,UACE,sBAAK7E,MAtQG,CACd4C,SAAU,WAIVrD,OAAQ,mBACRwJ,MAAM,QAgQA,UACE,cAACjJ,EAAA,EAAD,CAAQuB,aAAW,SAASnI,GAAG,QAAQ6G,SAAS,IAAI1C,UAAWJ,EAAQkJ,QAASnG,MAAOuH,EAAa7J,QA9E/F,WAEbjC,OAAOC,MAAMgL,KAAKsC,YAAY,CAAC,EAAE,GAAI,CAAC,EAAE,IACxCvN,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/BvL,OAAOC,MAAMuN,cACVxN,OAAOyL,UAENC,EAAwB,8BAA8B,WAErC,MADD/K,SAASC,eAAe,iBAElCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,SAGnH3L,OAAOyL,SAAU,IA8DwG/N,MAAM,OAAO8G,QAAQ,WAAWiJ,KAAK,QAAQxK,MAAM,UAAxK,SACA,qBAAKuG,IAAI,cAAc7E,IAAI,kCAE3B,cAACN,EAAA,EAAD,CAAQuB,aAAW,SAASnI,GAAG,SAAS6G,SAAS,IAAI1C,UAAWJ,EAAQkJ,QAASnG,MAAOuH,EAAa7J,QAtD/F,WAEdjC,OAAOC,MAAMgL,KAAKsC,YAAY,CAAC,EAAE,GAAI,EAAE,EAAE,IACzCvN,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/BvL,OAAOC,MAAMuN,cACVxN,OAAOyL,UAENC,EAAwB,8BAA8B,WAErC,MADD/K,SAASC,eAAe,iBAElCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,SAGnH3L,OAAOyL,SAAU,IAsC0G/N,MAAM,QAAQ8G,QAAQ,WAAWiJ,KAAK,QAAQxK,MAAM,UAA3K,SACA,qBAAKuG,IAAI,eAAe7E,IAAI,sCAI9B,sBAAKlH,GAAG,sBAAsB8G,MAzRtB,CACdJ,OAAQ,UACRgD,SAAU,WACVmG,MAAM,OACNtJ,WAAW,QAqRL,UACE,qBAAKO,MAAO,CAACJ,OAAO,QAASqF,IAAI,UAAU7E,IAAI,sBAE/C,eAACN,EAAA,EAAD,CAAQC,SAAS,IAAIC,MAAO,CAACtB,MAAM,WAAY6E,KAAK,SAAS4F,YApCjD,SAAC7N,GACrBsN,EAAUQ,QAAQC,MAAM/N,IAmCyEgO,UAjC9E,SAAChO,GACpBsN,EAAUQ,QAAQG,KAAKjO,IAgCmG+F,aAAW,qBAAqBmI,KAAK,SAAStQ,GAAG,SAASwE,QAtGrK,SAACpC,GACbG,OAAOC,MAAMgL,KAAKU,gBAAkB,GACrCZ,EAAiB,MAAO,EAAGiD,WAAWrN,SAASC,eAAe,eAAeyK,SAoGvE,cAAgM,cAAC,KAAD,CAAa4C,IAAKd,EAAWe,QAAQ,OACrO,qBAAKzQ,GAAG,aAAcsI,cAAY,OAAlC,SACA,qBAAKnE,UAAU,cAAemE,cAAY,OAA1C,SAEA,sCAAQ,uBAAOzB,SAAS,IAAIyB,cAAY,OAAO+B,KAAK,QAAQqG,IAAI,IAAIC,IAAI,MAAMC,KAAK,IAAIzM,UAAU,WAAWwD,SAAU2F,EAAkBtN,GAAG,uBAI3I,cAAC4G,EAAA,EAAD,CAAQC,SAAS,IAAIC,MAAO,CAACtB,MAAM,WAAY6E,KAAK,SAAS4F,YApChD,SAAC7N,GACtBwN,EAAWM,QAAQC,MAAM/N,IAmCyEgO,UAjC9E,SAAChO,GACrBwN,EAAWM,QAAQG,KAAKjO,IAgCoGpC,GAAG,UAAUsQ,KAAK,SAASnI,aAAW,oBAAoB3D,QAxGtK,SAACpC,GACdG,OAAOC,MAAMgL,KAAKU,gBAAkB,KACrCZ,EAAiB,KAAM,EAAGiD,WAAWrN,SAASC,eAAe,eAAeyK,SAsGtE,SAAkM,cAAC,KAAD,CAAa4C,IAAKZ,EAAYa,QAAQ,cAI5O,qBAAK3J,MArOO,CAChB+J,MAAO,QAoOH,SACA,eAACnF,EAAA,EAAD,CAAQC,KAAK,KAAb,UACA,eAAC/E,EAAA,EAAD,CAAQC,SAAS,IAAIsB,aAAW,gBAAgBnI,GAAG,eAAe8G,MAAOqH,EAAcpH,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMkR,WAAY3M,UAAWJ,EAAQkC,OAAxK,UACA,qBAAK8F,IAAI,gBAAgBjF,MAAO,CAACJ,OAAQ,OAAQjB,MAAO,OAAQsL,aAAc,QAAS7J,IAAI,wBAAwB3E,OAAOgG,aAAayI,gBAEvI,cAACpK,EAAA,EAAD,CAAQC,SAAS,IAAIC,MAAOqH,EAAcpH,QAAQ,WAAW/G,GAAG,YAAYwF,MAAM,UAAUhB,QAAS5E,EAAMqR,QAAS9M,UAAWJ,EAAQkC,OAAvI,SACC1D,OAAOgG,aAAa2I,YAErB,eAACtK,EAAA,EAAD,CAAQC,SAAS,IAAIsB,aAAW,YAAYrB,MAAOqH,EAAcnO,GAAG,WAAW+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMuR,OAAQtJ,SAAUjI,EAAMiI,SAAU1D,UAAWJ,EAAQkC,OAAtL,UACC1D,OAAOgG,aAAa6I,SAAS,qBAAKrF,IAAI,YAAYjF,MAAO,CAACJ,OAAQ,OAAQjB,MAAO,OAAQK,YAAa,QAASoB,IAAI,wCAqBhHhE,SAASC,eAAe,wBCvZpC,IAAM4J,GAAYC,aAAW,SAACzH,GAAD,MAAY,CACtCnB,KAAM,CACHqB,MAAO,KAEVwH,QAAS,CACN7G,aAAc,SAIjBH,OAAQ,GAMRiH,aAAc,CACXrH,YAAaN,EAAMQ,QAAQ,QAKlB,SAASsL,GAAiBzR,GAEtC,IAIMmE,EAAUgJ,KAChB,EAAyB3H,IAAMiI,SAAS,IAAxC,mBACA,GADA,UAC2CjI,IAAMiI,SAAS,IAA1D,mBACA,GADA,UACuCjI,IAAMiI,SAAS,IAAtD,mBAMMC,GANN,UAMyB,SAAClL,EAAEmL,GAIrBnL,EAEDG,OAAOC,MAAMgL,KAAKC,oBAAeC,EAAUtL,EAAEuL,OAAOC,QAIpDrL,OAAOC,MAAMgL,KAAKC,oBAAeC,EAAUH,GAC3CrK,SAASC,eAAe,eAAeyK,MAAQL,GAGlDhL,OAAOsL,aAAaC,WAAW,aAyC5BwD,EAAkB,CACrBtG,WAAY,SACZC,UAAW,SACXhD,WAAY,MACZiD,SAAU,OACVC,WAAY,OACZiD,cAAe,UACfxD,gBAAiB,UACjBlE,OAAQ,OACRjB,MAAO,QACPQ,OAAQ,MACRI,OAAQ,qBAiBLgI,EAAc,CACjB3H,OAAQ,OACRjB,MAAO,OACPc,WAAY,QACZV,YAAa,QACb+E,gBAAiB,UACjBvE,OAAQ,qBAMX,EAA6BgH,mBAAS,IAAtC,6BACsB9K,OAAOsL,aAAaY,QAAQ,aAuDlD,OACG,cAAC,IAAMhD,SAAP,UAEII,IAASC,aACP,qBAAK9L,GAAG,iBAAR,SAGG,sBAAKmE,UAAU,YAAf,UACG,qBAAKA,UAAU,4BAAf,SAGG,eAACuH,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,UACG,sBAAK7E,MAjIV,CACb4C,SAAU,WAIVrD,OAAQ,mBACRwJ,MAAO,QA2HW,UACG,cAACjJ,EAAA,EAAD,CAAQzC,UAAWJ,EAAQkJ,QAAU,iBAAkBjN,GAAG,QAAQ8G,MAAOuH,EAAa7J,QA7B/F,WAEZjC,OAAOC,MAAMgL,KAAK+D,UAAY,GAG9BhP,OAAOC,MAAMuN,eAwB+G9P,MAAM,OAAO8G,QAAQ,WAAWiJ,KAAK,QAAQxK,MAAM,UAA1J,SACG,qBAAKuG,IAAI,oBAAoB7E,IAAI,kCAEpC,cAACN,EAAA,EAAD,CAAQzC,UAAWJ,EAAQkJ,QAAU,iBAAkBjN,GAAG,SAAS8G,MAAOuH,EAAa7J,QAvB/F,WAEJ,GAETjC,OAAOC,MAAMgL,KAAK+D,UAAY,GAC9BhP,OAAOC,MAAMuN,eAkBiH9P,MAAM,QAAQ8G,QAAQ,WAAWiJ,KAAK,QAAQxK,MAAM,UAA7J,SACG,qBAAKuG,IAAI,aAAa7E,IAAI,sCAIhC,sBAAKlH,GAAG,sBAAsB8G,MApJnC,CACbJ,OAAQ,OACRgD,SAAU,WACVmG,MAAO,OACPtJ,WAAY,OAgJM,UACG,qBAAKO,MAAO,CAAEJ,OAAQ,QAAUqF,IAAI,UAAU7E,IAAI,sBAElD,qBAAKlH,GAAG,SAASwE,QAnDxB,SAACpC,GACXG,OAAOC,MAAMgL,KAAKU,gBAAkB,GACrCZ,EAAiB,MAAM,GAAOiD,WAAWrN,SAASC,eAAe,eAAeyK,WAkD9D,qBAAK5N,GAAG,aAAamE,UAAU,gBAA/B,SACG,qBAAKA,UAAU,cAAf,SACG,uCAAS,uBAAOkG,KAAK,QAAQqG,IAAI,IAAIC,IAAI,IAAIC,KAAK,OAAOzM,UAAU,WAAWwD,SAAU2F,EAAkBtN,GAAG,uBAInH,qBAAKA,GAAG,UAAUwE,QArDxB,SAACpC,GACZG,OAAOC,MAAMgL,KAAKU,gBAAkB,GACrCZ,EAAiB,KAAK,GAAOiD,WAAWrN,SAASC,eAAe,eAAeyK,mBAwDtE,sBAAKzJ,UAAU,UAAU2C,MAhGtB,CACf+J,MAAO,QA+FK,UACG,eAACnF,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,UACG,eAAC/E,EAAA,EAAD,CAAQzC,UAAU,sBAAsBnE,GAAG,eAAe+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAM4R,eAA5G,UACG,qBAAK1K,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOsL,aAAc,QAAUhF,IAAI,eAAe7E,IAAI,wBAAyB3E,OAAOgG,aAAakJ,YAE1I,cAAC7K,EAAA,EAAD,CAAQzC,UAAU,sBAAsBnE,GAAG,YAAY+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAM8R,YAAzG,SACInP,OAAOgG,aAAaoJ,QAExB,eAAC/K,EAAA,EAAD,CAAQzC,UAAU,sBAAsBnE,GAAG,WAAW+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMgS,WAAxG,UACIrP,OAAOgG,aAAasJ,KADxB,KAC+B,qBAAK/K,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOK,YAAa,QAAUiG,IAAI,gBAAgB7E,IAAI,+BAK5H,eAACwE,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,UACG,eAAC/E,EAAA,EAAD,CAAQE,MAAOwK,EAAiBtR,GAAG,eAAe+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMkS,cAAe3N,UAAWJ,EAAQkC,OAAtI,UACG,qBAAKa,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOsL,aAAc,QAAUhF,IAAI,eAAe7E,IAAI,wBAAyB3E,OAAOgG,aAAakJ,YAE1I,cAAC7K,EAAA,EAAD,CAAQE,MAAOwK,EAAiBtR,GAAG,YAAY+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMmS,WAAY5N,UAAWJ,EAAQkC,OAAhI,SACI1D,OAAOgG,aAAaoJ,QAExB,eAAC/K,EAAA,EAAD,CAAQE,MAAOwK,EAAiBtR,GAAG,WAAW+G,QAAQ,WAAWvB,MAAM,UAAUhB,QAAS5E,EAAMoS,UAAW7N,UAAWJ,EAAQkC,OAA9H,UACI1D,OAAOgG,aAAasJ,KADxB,KAC+B,qBAAK/K,MAAO,CAAEJ,OAAQ,OAAOjB,MAAO,OAAOK,YAAa,QAAUiG,IAAI,gBAAgB7E,IAAI,uCAM9HhE,SAASC,eAAe,sB,cC1PvCmH,IAAiD,GAA1C2H,UAAUC,UAAUC,QAAQ,YAAiE,GAA3CF,UAAUC,UAAUC,QAAQ,aAAgE,GAA1CF,UAAUC,UAAUC,QAAQ,YAA8D,GAAxCF,UAAUC,UAAUC,QAAQ,UAA2D,GAAxCF,UAAUC,UAAUC,QAAQ,SAA0C,yHAAvBF,UAAUC,UAErQE,IADe9H,KAAO/H,OAAO8P,YAAc9P,OAAO+P,YACnChI,IAAO/H,OAAO+P,WAAa/P,OAAO8P,aACjDE,GAASN,UAAUC,UAAUM,MAAM,QAAUP,UAAUQ,gBAAkBR,UAAUQ,eAAiB,IAAgD,GAA1CR,UAAUC,UAAUC,QAAQ,UAMtIO,GAAY,CAAC,cAAc,kBAAkB,aAAa,cAAc,wBAAwB,eAChGC,GAAe,CAAC,cAAc,kBAAkB,aAAa,cAAc,wBAAwB,eACnGC,GAAiB,cAEjBlJ,GAAW,CACZ,WAAc,QACd,MAAS,EACT,YAAe,QACf,MAAS,QACT,IAAO,MACP,KAAQ,MACR,QAAW,OACX,OAAU,OAk5EEmJ,GA/4EE,SAACjT,GACf,MAAyCyN,oBAAS,GAAlD,mBAAOyF,EAAP,KAAqBC,EAArB,KACA,EAAiC1F,oBAAS,GAA1C,mBACA,GADA,UAC2BA,oBAAS,IAApC,mBACA,GADA,UACiDA,mBAAS,uBAA1D,mBAAO2F,EAAP,KACA,GADA,KAC+C3F,mBAAS,yBAAxD,mBAAO4F,EAAP,KACA,GADA,KAC6C5F,mBAAS,qBAAtD,mBAAO6F,EAAP,KACA,GADA,KACgD7F,mBAAS,uBAAzD,mBAAO8F,EAAP,KACA,GADA,KACiD9F,mBAAS,wBAA1D,mBAAO+F,EAAP,KACA,GADA,KAC2B/F,mBAAS,sBAApC,mBAAOgG,EAAP,KACA,GADA,KAC6BhG,mBAAS,IAAtC,mBAsBA,GAtBA,UAsB6BA,mBAAS,KAAtC,mBAAOiB,EAAP,KAAeC,EAAf,KACIC,EAAkBjM,OAAOsL,aAAaY,QAAQ,aAC9CC,EAAW,EAaftB,qBAAU,WATP/J,MAAM,0BACFE,MAAK,SAAUC,GACb,OAAOA,EAAS1C,UAElByC,MAAK,SAAUE,GAEb8K,EAAW9K,EAAO1B,cAKxByM,EAAkBjM,OAAOsL,aAAaY,QAAQ,aAC9C2D,GAAe9H,IAAO/H,OAAO+P,WAAa/P,OAAO8P,YAMjD9P,OAAOsL,aAAac,QAAQ,WAAW,WAMxC,IAEFvB,qBAAU,SAACkG,GACJA,GACqB,KAAlBA,EAAMC,SACP,GAAKC,UAMZ,IACFpG,qBAAU,SAACkG,GACJA,GACqB,KAAlBA,EAAMC,SACP,GAAKC,QAGEvB,UAAUC,UAAUM,MAAM,QAAUP,UAAUQ,gBAAkBR,UAAUQ,eAAiB,GAAMR,UAAUC,UAAUC,QAAQ,WAErF,GAA1CF,UAAUC,UAAUC,QAAQ,YAAiE,GAA3CF,UAAUC,UAAUC,QAAQ,aAAgE,GAA1CF,UAAUC,UAAUC,QAAQ,YAA8D,GAAxCF,UAAUC,UAAUC,QAAQ,UAA2D,GAAxCF,UAAUC,UAAUC,QAAQ,SAAmBF,UAAUC,aAWrP,MAAnB1D,EAA2BE,EAAW,IACnCA,EAAW,EAIlB,IAAMT,EAA0B,SAACW,EAAYC,EAAWC,GAIrD,IAAIC,OAAMrB,EAAUsB,EAAKV,EAAQM,GAG7BI,EAAGC,MAAQ1M,OAAOC,MAAMyM,MAAQD,EAAGC,OACpCF,EAAM,CAAEE,KAAMD,EAAGC,OAChBD,EAAGtM,IAAIzB,OAAS,IACZ8N,IACFA,EAAM,IACTA,EAAIG,KAAOF,EAAGtM,IAAI,IAIlBsM,EAAGG,KADiB,OAAnBX,EACS,EAIAE,EAGb5L,QAAQC,IAAI,kBAAkByL,GAC9B1L,QAAQC,IAAI,UAAUiM,EAAGG,MAGN,4BAAfP,EACDrM,OAAOC,MAAMC,cAAcuM,EAAGtM,IAAI,GAAG,UAAUsM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGG,KAAKN,EAAWO,EAAUL,GAG1GxM,OAAOC,MAAMC,cAAcuM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGtM,IAAI,GAAGsM,EAAGG,KAAKN,EAAWO,EAAUL,IAI1GK,EAAY,SAACC,GAChB,IACIC,EAAK,EAAMD,EACXE,EAAKC,KAAKC,IAAIJ,EAFV,KAKR,OAAOE,GAAMA,EAFHC,KAAKC,IAAIH,EAHX,OAQLmE,EAAuB,WAC1BC,IAAkB,GAClBC,GAAa,sBACbC,IAAiB,GACjBC,GAAY,0BAGZtR,OAAOC,MAAMuN,eAIV+D,EAA0BnE,iBAAO,MACjCoE,EAA6BpE,iBAAO,MACpCqE,EAA8BrE,iBAAO,MACrCsE,EAA6BtE,iBAAO,MACpCuE,EAA+BvE,iBAAO,MACtCwE,EAA+BxE,iBAAO,MACtCyE,EAA6BzE,iBAAO,MAapC0E,GAAuB,WAC1BN,EAA2B7D,QAAUpM,YAAW,WAG7CvB,OAAOC,MAAM8R,0BAA0B,yBAAyB,KAAU,KAAI,mBAE5E5G,OAAUA,GAAU,EAAK,UAAU,GAErC6G,aAAaN,EAA2B/D,SAGxC3N,OAAOC,MAAMI,gBAAgB,WAC7BkB,YAAW,WACRvB,OAAOC,MAAMI,gBAAgB,aAC7BL,OAAOsL,aAAac,QAAQ,mBAAmB,gBAChD,KAEFpM,OAAOC,MAAM8R,0BAA0B,yBAAyB,IAAK,KAAI,mBAEvE5G,OAAUA,GAAU,EAAK,SAAU,GAQrCsG,EAA4B9D,QAAUpM,YAAW,WAC9CyQ,aAAaR,EAA2B7D,SACxCsE,cAAcN,EAA6BhE,SAC3CqE,aAAaT,EAAwB5D,SAErCpM,YAAW,WACRvB,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,aAC7BL,OAAOsL,aAAac,QAAQ,mBAAmB,gBAChD,KACFpM,OAAOC,MAAM8R,0BAA0B,yBAAyB,SAAU,KAAI,mBAE5E5G,OAAUA,GAAU,EAAK,KAAU,GAMrCuG,EAA2B/D,QAAUpM,YAAW,WAE7CyQ,aAAaP,EAA4B9D,SACzCqE,aAAaJ,EAA6BjE,SAC1CsE,cAAcV,EAAwB5D,SAGtCpM,YAAW,WACRvB,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,aAC7BL,OAAOsL,aAAac,QAAQ,mBAAmB,gBAChD,KACFpM,OAAOC,MAAM8R,0BAA0B,yBAAyB,KAAU,KAAI,mBAE5E5G,OAAUA,GAAU,EAAK,UAAU,KAEtC,OACH,OACH,MAGC+G,GAA2B,WAG9BF,aAAaH,EAA2BlE,SACxCqE,aAAaR,EAA2B7D,SACxCqE,aAAaP,EAA4B9D,SACzCqE,aAAaN,EAA2B/D,SACxCqE,aAAaT,EAAwB5D,SACrCsE,cAAcN,EAA6BhE,SAC3CsE,cAAcL,EAA6BjE,SAC3C3N,OAAOC,MAAMI,gBAAgB,YAGhCwK,qBAAU,WAkBP,OAjBA7K,OAAOmS,iBAAiB,aAAY,SAACtS,GACZ,GAAlBG,OAAOyL,SACRyG,QAGNlS,OAAOmS,iBAAiB,SAAQ,SAACtS,GAC9BU,QAAQC,IAAI,YAET0R,QASC,WACJlS,OAAOoS,oBAAoB,YAAYF,MAA2B,GAClElS,OAAOoS,oBAAoB,QAAQF,MAA2B,MAGlE,IAEFrH,qBAAU,WACP,OAAO,WAEJtK,QAAQC,IAAI,sBACZ0R,QAEJ,CAAClS,OAAOyL,UAGV,IAAM4G,GAAW,WACdH,KACAlS,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOyL,SAAU,EACjBzL,OAAOsS,iBAAkB,EACzBtS,OAAOuS,kBAAmB,EAC1BvS,OAAOsL,aAAaC,WAAW,oBAC/BvL,OAAOC,MAAMI,gBAAgB,iBAE7BL,OAAOC,MAAMuS,eAAe,qBAAqB,EAAE,GAEnDxS,OAAOC,MAAMuS,eAAe,8BAA8B,EAAE,GAKxDxS,OAAOC,MAAMwS,cAAc,uBAAuBzS,OAAOC,MAAMyS,QAAQ,sBAAsB5E,OAC7F9N,OAAOC,MAAMwS,cAAc,gCAAgCzS,OAAOC,MAAMyS,QAAQ,+BAA+B5E,OAC/G9N,OAAOC,MAAMwS,cAAc,gCAAgCzS,OAAOC,MAAMyS,QAAQ,+BAA+B5E,OAC/G9N,OAAOC,MAAMwS,cAAc,uBAAuBzS,OAAOC,MAAMyS,QAAQ,sBAAsB5E,OAC7F9N,OAAOC,MAAMwS,cAAc,2BAA2BzS,OAAOC,MAAMyS,QAAQ,0BAA0B5E,OACrG9N,OAAOC,MAAMwS,cAAc,2BAA2BzS,OAAOC,MAAMyS,QAAQ,0BAA0B5E,OACrG9N,OAAOC,MAAMwS,cAAc,YAAYzS,OAAOC,MAAMyS,QAAQ,WAAW5E,OACvE9N,OAAOC,MAAMwS,cAAc,eAAezS,OAAOC,MAAMyS,QAAQ,cAAc5E,OAC7E9N,OAAOC,MAAMwS,cAAc,eAAezS,OAAOC,MAAMyS,QAAQ,cAAc5E,OAC7E9N,OAAOC,MAAMwS,cAAc,oCAAoCzS,OAAOC,MAAMyS,QAAQ,mCAAmC5E,OACvH9N,OAAOC,MAAMwS,cAAc,YAAYzS,OAAOC,MAAMyS,QAAQ,WAAW5E,OACvE9N,OAAOC,MAAMwS,cAAc,eAAezS,OAAOC,MAAMyS,QAAQ,cAAc5E,OAC7E9N,OAAOC,MAAMwS,cAAc,2BAA2BzS,OAAOC,MAAMyS,QAAQ,0BAA0B5E,OAEzG9N,OAAOC,MAAMuS,eAAe,8BAA8B,EAAE,GAC5DxS,OAAOC,MAAMuS,eAAe,qBAAqB,EAAE,GACnDxS,OAAOC,MAAMuS,eAAe,yBAAyB,EAAE,GACvDxS,OAAOC,MAAMuS,eAAe,kCAAkC,EAAE,GAChExS,OAAOC,MAAMuS,eAAe,iBAAiB,EAAE,GAC/CxS,OAAOC,MAAMuS,eAAe,cAAc,EAAE,GAE5CxS,OAAOC,MAAMuS,eAAe,yBAAyB,EAAE,GACvDxS,OAAOC,MAAMuS,eAAe,UAAU,EAAE,GACxCxS,OAAOC,MAAMuS,eAAe,aAAa,EAAE,GAC3CxS,OAAOC,MAAMuS,eAAe,aAAa,EAAE,IAKxCG,GAAa,WAChB3S,OAAOC,MAAMgL,KAAK2H,iBAAmB,IACrC5S,OAAOC,MAAMgL,KAAK4H,aAAe,EAEjC7S,OAAOC,MAAMgL,KAAK6H,aAAe,GACjC9S,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAC9DxS,OAAOC,MAAMuN,eA4GhB,GAAiC1C,oBAAS,GAA1C,qBAEA,IAFA,YAEiCA,oBAAS,IAA1C,qBAAOiI,GAAP,MAiJA,IAjJA,MAiJyBjI,mBAAS,WAAlC,qBA0IMkI,IA1IN,YA0I8B,SAACC,GAC5B1S,QAAQC,IAAI,4CAKZ6R,KACAM,KACA,IAAIO,EAASvS,SAASC,eAAe,eACrCZ,OAAOC,MAAMI,gBAAgB,cACf,MAAV6S,IACDvS,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAEhHpL,QAAQC,IAAI2G,GAASgM,YAAYhM,GAASiM,YAM1C,IAAIC,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAEpC7S,SAASC,eAAe,qBAAqB2S,UAAUE,IAAI,UAC3DzT,OAAOsL,aAAac,QAAQ,WAAW,SAGvC,IAAIsH,EAAiBvM,GAASiM,WAG9B/C,GAAiB,wBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,cAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,eAE7DuH,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAIhCL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/BvL,OAAOC,MAAMuN,cACb0D,IAGAlR,OAAOC,MAAMI,gBAAgB,aAE7BL,OAAOC,MAAMI,gBAAgB,gBAC7BL,OAAOC,MAAMI,gBAAgB,UAE7BL,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAC9D9G,EAAwB,qBAAoB,WACzC1L,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAC9DxS,OAAOsL,aAAac,QAAQ,UAAU,kBAMhB,GAAlB6G,GAEDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAG/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAG3DrE,GAASgM,aAAehM,GAASuM,IACV,WAAvBvM,GAASiM,YAAkD,UAAvBjM,GAASiM,YAC9C7S,QAAQC,IAAI,WAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,MAG/JnT,QAAQC,IAAI,QAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAGlK1T,OAAO4T,eAAe,eAAe,QAAQ5T,OAAO6T,OAAO9U,MAC3DiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,eAdkCjM,GAASiM,WAAa,gBAkB3EU,GAAc,SAACb,GAClB1S,QAAQC,IAAI,kCAIZ,IAAI0S,EAASvS,SAASC,eAAe,eACrCyR,KACAM,KACA3S,OAAOC,MAAMgL,KAAK6H,aAAe,GACjC9S,OAAOuS,kBAAmB,EAC1BvS,OAAOyL,SAAU,EACjBzL,OAAOC,MAAMI,gBAAgB,cACf,MAAV6S,IACDvS,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAEhHpL,QAAQC,IAAI2G,GAASgM,YAAYhM,GAASiM,YAM1C,IAAIC,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAEpC7S,SAASC,eAAe,WAAW2S,UAAUE,IAAI,UACjDzT,OAAOsL,aAAac,QAAQ,WAAW,SACvCpM,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,WAC7BL,OAAOC,MAAMI,gBAAgB,UAC7B,IAAIqT,EAAiBvM,GAASiM,WAG9B/C,GAAiB,cACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,cAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,eAE7DuH,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAIhCL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/BvL,OAAOC,MAAMuN,cACb0D,IAEAlR,OAAOC,MAAMI,gBAAgB,eAE7BL,OAAOC,MAAMI,gBAAgB,iBAE7BL,OAAOC,MAAMI,gBAAgB,UAC7BL,OAAOC,MAAMI,gBAAgB,gBAC7BqL,EAAwB,8BAA6B,WAElD1L,OAAOsL,aAAac,QAAQ,UAAU,QACtC0F,KACAD,EAA2BlE,QAAUoG,aAAY,WAE9CjC,OAED,KACoB,GAAlBmB,GAEDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAG/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAG3DrE,GAASgM,aAAehM,GAASuM,IACV,WAAvBvM,GAASiM,YAAkD,UAAvBjM,GAASiM,YAC9C7S,QAAQC,IAAI,WAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,MAG/JnT,QAAQC,IAAI,QAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAGlK1T,OAAO4T,eAAe,eAAe,QAAQ5T,OAAO6T,OAAO9U,MAC3DiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,eAdkCjM,GAASiM,WAAa,eAmB3EY,GAAmB,SAACf,GACvB1S,QAAQC,IAAI,uCACZR,OAAOC,MAAMgL,KAAK4H,aAAe,GACjC7S,OAAOC,MAAMgL,KAAK6H,aAAe,GACjC9S,OAAOC,MAAMgL,KAAKgJ,QAAU,CAAC,GAAG,GAChCjU,OAAOC,MAAMgL,KAAKiJ,QAAU,EAAE,IAAI,IAElC,IAAIhB,EAASvS,SAASC,eAAe,eACrCyR,KACArS,OAAOC,MAAMI,gBAAgB,aACf,MAAV6S,IACDvS,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAEhHpL,QAAQC,IAAI2G,GAASgM,YAAYhM,GAASiM,YAM1C,IAAIC,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAEpC7S,SAASC,eAAe,gBAAgB2S,UAAUE,IAAI,UACtDzT,OAAOsL,aAAac,QAAQ,WAAW,SACvCpM,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,WAC7BL,OAAOC,MAAMI,gBAAgB,UAC7B,IAAIqT,EAAiBvM,GAASiM,WAG9B/C,GAAiB,mBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,cAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,eAE7DuH,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAIhCL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/BvL,OAAOC,MAAMuN,cACb0D,IAEAlR,OAAOC,MAAMI,gBAAgB,eAE7BL,OAAOC,MAAMI,gBAAgB,iBAE7BqL,EAAwB,sBAAqB,WAC1C1L,OAAOsL,aAAac,QAAQ,UAAU,aAEhB,GAAlB6G,GAEDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAG/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAG3DrE,GAASgM,aAAehM,GAASuM,IACV,WAAvBvM,GAASiM,YAAkD,UAAvBjM,GAASiM,YAC9C7S,QAAQC,IAAI,WACZR,OAAOC,MAAM8R,0BAA0B,qBAAqB5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IACtJ1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,MAI/JnT,QAAQC,IAAI,QACZR,OAAOC,MAAM8R,0BAA0B,qBAAqB5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GACtJ1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAGlK1T,OAAO4T,eAAe,eAAe,QAAQ5T,OAAO6T,OAAO9U,MAC3DiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,eAfkCjM,GAASiM,WAAa,eAoB3Ee,GAAc,SAAClB,GAClBZ,KACAM,KAEA3S,OAAOC,MAAMgL,KAAK4H,aAAe,EAEjCtS,QAAQC,IAAI2G,GAASgM,YAAYhM,GAASiM,YAC1CpT,OAAOC,MAAMgL,KAAKmJ,mBAAqB,GACvCpU,OAAOsS,iBAAkB,EACzBjC,GAAiB,cACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,cAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,eAEjExL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAC/B,IAAI8H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAGpC7S,SAASC,eAAe,YAAY2S,UAAUE,IAAI,UAGlDzT,OAAOsL,aAAac,QAAQ,WAAW,SACvCpM,OAAOC,MAAMI,gBAAgB,cACzB0S,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAKhCL,OAAOC,MAAMI,gBAAgB,UAC7BL,OAAOC,MAAMI,gBAAgB,WAE7BL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAC/B,IAAI2H,EAASvS,SAASC,eAAe,eAErCsQ,IAIAxF,EAAwB,oBAAmB,WACxCnL,QAAQC,MACRR,OAAOC,MAAMuS,eAAe,8BAA8B,GAAK,KAC/DxS,OAAOC,MAAMuS,eAAe,UAAU,GAAK,KAC3CxS,OAAOC,MAAMuS,eAAe,aAAa,GAAK,KAC9CxS,OAAOC,MAAMuS,eAAe,kCAAkC,SAAU,KACxExS,OAAOC,MAAMuS,eAAe,iBAAiB,KAAU,KACvDxS,OAAOC,MAAMuS,eAAe,cAAc,SAAU,KACpDxS,OAAOC,MAAMgL,KAAKmJ,mBAAqB,GAEzB,MAAVlB,IACDvS,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAEhHpK,YAAW,WACRvB,OAAOsL,aAAac,QAAQ,UAAU,UACvC,MAEoB,GAAlB6G,GACDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAI/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAG/D,IAAIkI,EAAiBvM,GAASiM,WAC1BjM,GAASgM,aAAehM,GAASuM,IAGrCvM,GAASiM,WAAa,cAEtBpT,OAAO4T,eAAe,eAAe,QAAQ5T,OAAO6T,OAAO9U,MAC3DiB,OAAOC,MAAMuN,eAN2CrG,GAASiM,WAAa,eAW3EiB,GAAkB,SAACpB,GAEtBZ,KACAM,KAEApS,QAAQC,IAAI2G,GAASgM,YAAYhM,GAASiM,YAI5B,MAFDzS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAEhHpL,QAAQC,IAAI,QACZ6P,GAAiB,kBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,aAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,cAEjExL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/B,IAAI8H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAIpC7S,SAASC,eAAe,WAAW2S,UAAUE,IAAI,UACjDzT,OAAOsL,aAAac,QAAQ,WAAW,SACtCpM,OAAOsL,aAAaY,QAAQ,UAAU,SACvClM,OAAOC,MAAMI,gBAAgB,cACzB0S,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAIhCL,OAAOC,MAAMI,gBAAgB,cAG7BL,OAAOC,MAAMI,gBAAgB,gBAK7BL,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAE9D9G,EAAwB,qBAAoB,WAExC1L,OAAOC,MAAMuS,eAAe,yBAAyB,SAAU,GAEhExS,OAAOsL,aAAac,QAAQ,UAAU,YAChB,GAAlB6G,GACDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAK/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAG/D,IAAIkI,EAAiBvM,GAASiM,WAC1BjM,GAASgM,aAAehM,GAASuM,IACV,WAAvBvM,GAASiM,YAAkD,UAAvBjM,GAASiM,YAC9C7S,QAAQC,IAAI,WAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,MAG/JnT,QAAQC,IAAI,QAEZR,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASgM,YAAYhH,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAElKvM,GAASiM,WAAa,cAEtBpT,OAAO4T,eAAe,eAAe,OAAO5T,OAAO6T,OAAO9U,MAC1DiB,OAAOC,MAAMuN,eAd2CrG,GAASiM,WAAa,eAgB3EkB,GAAa,SAACrB,GAGjB1S,QAAQC,IAAI2G,GAASf,IAAIe,GAASiM,YAClCf,KACAM,KAGc,MAFDhS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAGhH0E,GAAiB,aACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,YAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,aAE7DuH,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAGhCL,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAE/B,IAAI8H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAIpC7S,SAASC,eAAe,UAAU2S,UAAUE,IAAI,UAChDzT,OAAOsL,aAAac,QAAQ,WAAW,SACvCpM,OAAOC,MAAMI,gBAAgB,cACzB0S,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAKhC6Q,IAKAlR,OAAOC,MAAMI,gBAAgB,gBAC7BL,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAE9D9G,EAAwB,sBAAqB,WAC1C1L,OAAOC,MAAMuS,eAAe,yBAAyB,QAAS,GAC9DxS,OAAOsL,aAAac,QAAQ,UAAU,OAEhB,GAAlB6G,GAEDjT,OAAOW,SAASC,eAAe,gBAAgB+S,WAK/C3T,OAAOgQ,QAAUhQ,OAAO+H,MAC3BpH,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,KAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAC5D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAE5D7K,SAASC,eAAe,SAAS4K,aAAa,WAAW,KACzD7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,WAAW4K,aAAa,WAAW,KAC3D7K,SAASC,eAAe,eAAe4K,aAAa,WAAW,KAC/D7K,SAASC,eAAe,UAAU4K,aAAa,WAAW,KAC1D7K,SAASC,eAAe,gBAAgB4K,aAAa,WAAW,KAChE7K,SAASC,eAAe,aAAa4K,aAAa,WAAW,KAC7D7K,SAASC,eAAe,YAAY4K,aAAa,WAAW,MAK/D,IAAIkI,EAAiBvM,GAASiM,WAC1BjM,GAASf,KAAOe,GAASuM,IAI7B1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASf,IAAI+F,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAKvJ1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASf,IAAI+F,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GAKvJ1T,OAAO4T,eAAe,eAAe,MAAM5T,OAAO6T,OAAO9U,MACzDiB,OAAOC,MAAMuN,eAfmCrG,GAASiM,WAAa,OAoBzE,GAA2CtI,oBAAS,GAApD,qBAAOyJ,GAAP,MAAsBpD,GAAtB,MACA,GAA8BrG,mBAAS,0BAAvC,qBAAewG,IAAf,aACA,GAAiCxG,mBAAS,sBAA1C,qBAAiBsG,IAAjB,aACA,GAAyCtG,oBAAS,GAAlD,qBAAqBuG,IAArB,aAyVA,IAzOkB1Q,SAASC,eAAe,cAyOPkK,oBAAS,IAA5C,qBACA,IADA,YACmCA,oBAAS,IAA5C,qBACA,IADA,YACmCA,oBAAS,IAA5C,qBACA,IADA,YACmCA,oBAAS,IAA5C,qBACA,IADA,YACmCA,oBAAS,IAA5C,qBAEA,IAFA,YAEiCA,oBAAS,IAA1C,qBACA,IADA,YACiCA,oBAAS,IAA1C,qBAsJM0J,IAtJN,YAsJoB,WAEjBjU,QAAQC,IAAI2G,GAASsN,KAAKtN,GAASiM,YAIrB,MAFDzS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAShH3L,OAAOC,MAAMI,gBAAgB,cAG7BL,OAAOsL,aAAaC,WAAW,SAC3BwH,GACD/S,OAAOC,MAAMI,gBAAgB,kBAE7BL,OAAOC,MAAMI,gBAAgB,kBAIV,iBAAlBgQ,KAhLe,WACnB9P,QAAQC,IAAI2G,GAASsN,KAAKtN,GAASiM,YAKrB,MAFDzS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAGhH,IAAI0H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAGpC7S,SAASC,eAAe,WAAW2S,UAAUE,IAAI,UACjDzT,OAAOC,MAAMI,gBAAgB,cAE7BgQ,GAAiB,gBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,aAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,cAEjE2F,IAAkB,GAClBC,GAAa,sBACbC,IAAiB,GACjBC,GAAY,0BACZtR,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAC/BG,EAAwB,qBAAoB,WACzC1L,OAAOC,MAAMI,gBAAgB,cAGhC,IAAIqT,EAAiBvM,GAASiM,WAC1BjM,GAASsN,MAAQtN,GAASuM,IAC9B1T,OAAOC,MAAM8R,0BAA0B,qBAAqB5K,GAASsN,KAAKtI,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GAC/I1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASsN,KAAKtI,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GAExJ1T,OAAO4T,eAAe,YAAY,OAAO5T,OAAO6T,OAAO9U,MACvDiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,QAN2BjM,GAASiM,WAAa,OA6IpEsB,GACAhJ,EAAwB,qBAAoB,WACzC1L,OAAOC,MAAMI,gBAAgB,eAGR,oBAAlBgQ,KAxIa,WACtB9P,QAAQC,IAAI2G,GAASwN,QAAQxN,GAASiM,YAKxB,MAFDzS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAGhH,IAAI0H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAGpC7S,SAASC,eAAe,cAAc2S,UAAUE,IAAI,UACpDzT,OAAOC,MAAMI,gBAAgB,cAE7BL,OAAOsL,aAAaC,WAAW,aAC/B8E,GAAiB,mBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,gBAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,iBAEjExL,OAAOC,MAAMI,gBAAgB,eAC7BL,OAAOC,MAAMI,gBAAgB,cAC7B8Q,IAAkB,GAClBC,GAAa,sBACbC,IAAiB,GACjBC,GAAY,0BAEZtR,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAC/BG,EAAwB,yBAExB,IAAIgI,EAAiBvM,GAASiM,WAC1BjM,GAASwN,SAAWxN,GAASuM,IACjC1T,OAAOC,MAAM8R,0BAA0B,qBAAqB5K,GAASwN,QAAQxI,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GAClJ1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAASwN,QAAQxI,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,GAE3J1T,OAAO4T,eAAe,YAAY,UAAU5T,OAAO6T,OAAO9U,MAC1DiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,WAN8BjM,GAASiM,WAAa,UAmGvEwB,GACAlJ,EAAwB,0BAGA,mBAAlB2E,IACN3E,EAAwB,yBA/FN,WACrBnL,QAAQC,IAAI2G,GAASsN,KAAKtN,GAASiM,YAKrB,MAFDzS,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAGhH,IAAI0H,EAAkB1S,SAAS2S,cAAc,oCACtB,MAAnBD,GACDA,EAAgBE,UAAUC,OAAO,UAIpC7S,SAASC,eAAe,aAAa2S,UAAUE,IAAI,UACnDzT,OAAOC,MAAMI,gBAAgB,cAC7BL,OAAOC,MAAMI,gBAAgB,cAE7BgQ,GAAiB,kBACXtI,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,eAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,gBAEjExL,OAAOC,MAAMI,gBAAgB,eAC7B8Q,IAAkB,GAClBC,GAAa,sBACbC,IAAiB,GACjBC,GAAY,0BAEZtR,OAAOsL,aAAaC,WAAW,WAC/BvL,OAAOsL,aAAaC,WAAW,oBAC/BG,EAAwB,yBAExB,IAAIgI,EAAiBvM,GAASiM,WAC1BjM,GAAS0N,QAAU1N,GAASuM,IAChC1T,OAAOC,MAAM8R,0BAA0B,qBAAqB5K,GAAS0N,OAAO1I,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IACjJ1T,OAAOC,MAAM8R,0BAA0B,8BAA8B5K,GAAS0N,OAAO1I,OAAShB,OAAUA,OAAUA,GAAU,EAAKhE,GAASuM,GAAgB,IAE1J1T,OAAO4T,eAAe,YAAY,SAAS5T,OAAO6T,OAAO9U,MACzDiB,OAAOC,MAAMuN,cACbrG,GAASiM,WAAa,UAN6BjM,GAASiM,WAAa,SA0DtE0B,IAEwB,yBAAlBzE,IACN9P,QAAQC,IAAI,iBACZkL,EAAwB,qBAAoB,eAG5CsH,MAEwB,oBAAlB3C,IACN9P,QAAQC,IAAI,iBACZkL,EAAwB,qBAAoB,eAG5CsI,MAEwB,eAAlB3D,IACN9P,QAAQC,IAAI,iBACZkL,EAAwB,qBAAoB,eAG5CoI,MAIwB,cAAlBzD,IACN9P,QAAQC,IAAI,eAEZkL,EAAwB,sBAAqB,eAC7C4I,MAEwB,eAAlBjE,IAEN3E,EAAwB,oBAAmB,WACxC1L,OAAOsL,aAAac,QAAQ,UAAU,WAGzC+H,MAGwB,mBAAlB9D,IACNgE,KACA3I,EAAwB,qBAAoB,WACzC1L,OAAOsL,aAAac,QAAQ,UAAU,gBAIjB,kBAAlBiE,GAMH3E,EALC6I,GAKuB,uBASA,oBATuB,eAe1B,iBAAlBlE,IAeN3E,EAAwB,sBAAqB,eAG7C1L,OAAOC,MAAMuN,eAKa,eAAlB6C,KA5IXA,GAAiB,cACjB3E,EAAwB,qBAAoB,eACtC3D,IAAOiI,KACVrP,SAASC,eAAe,gBAAgB4K,aAAa,aAAa,cAElE7K,SAASC,eAAe,YAAY4K,aAAa,aAAa,eAyI9DE,EAAwB,qBAAoB,gBAsB/C1L,OAAOC,MAAMuN,gBAqBVuH,GAAiB,WAUpB,GALc,MAFDpU,SAASC,eAAe,iBAGlCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAG5GoH,GAAW,CACZ,IACIiC,EAAsB5E,GAAa6E,WAAU,SAAAC,GAAO,OAAIA,IAAY7E,MAErE8E,EADmB,mBAAlB9E,IAAyD,eAAlBA,GAC3B,cAEAD,GAAa4E,EAAsB,OAGjD,CACF,IAAIG,EACAH,EAAsB7E,GAAU8E,WAAU,SAAAC,GAAO,OAAIA,IAAY7E,MAElE8E,EADmB,mBAAlB9E,IAAyD,eAAlBA,GAC3B,cAEAF,GAAU6E,EAAsB,GA8BnD,MAzBkB,mBAAdG,EAAiCd,IAAgB,GAC9B,yBAAdc,EAAuCnC,IAAsB,GAC/C,oBAAdmC,EAAkCnB,IAAiB,GACrC,eAAdmB,GAA+BrB,IAAY,GAAOtD,EAAiB,WAOrD,cAAd2E,EAA4Bb,IAAW,GAEzB,eAAda,GAA6BhB,IAAY,IAa3C,GAKJiB,GAAa,WAQhB,GAJc,MADDzU,SAASC,eAAe,iBAElCD,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,gBACjEpK,YAAW,WAAcZ,SAASC,eAAe,eAAeyK,MAAQrL,OAAOC,MAAMgL,KAAKU,kBAAmB,MAE5GoH,GAAW,CAEZ,IACIiC,EAAsB5E,GAAa6E,WAAU,SAAAC,GAAO,OAAIA,IAAY7E,MAErEgF,EADmB,oBAAlBhF,GACY,kBAEAD,GAAa4E,EAAsB,OAIjD,CACF,IAAIK,EACAL,EAAsB7E,GAAU8E,WAAU,SAAAC,GAAO,OAAIA,IAAY7E,MAElEgF,EADmB,eAAlBhF,GACY,kBAEAF,GAAU6E,EAAsB,GA0BnD,MAlBkB,mBAAdK,GACDhB,IAAgB,GAChB7D,EAAiB,WAGG,yBAAd6E,EAAyCrC,IAAsB,GACjD,oBAAdqC,EAAoCrB,IAAiB,GACvC,eAAdqB,EAA+BvB,IAAY,GAC7B,cAAduB,EAA4Bf,IAAW,GACzB,eAAde,GAA6BlB,IAAY,IAS3C,GASV,GAAiCrJ,mBAAS,MAA1C,qBAAOwK,GAAP,MAAiBC,GAAjB,MACA,GAAmCzK,mBAAS,MAA5C,qBAAO0K,GAAP,MAAkBC,GAAlB,MA0BA5K,qBAAU,WACP7K,OAAOsL,aAAac,QAAQ,YAAY,MACxCzL,SAASC,eAAe,mBAAmB8U,QAAU,OAErDH,GAAa,MACb5U,SAASyH,uBAAuB,SAAS,GAAG7D,MAAMwE,KAAO,QAEnDhB,IAAOiI,KACVrP,SAASC,eAAe,oBAAoB8U,QAAU,OACtDD,GAAc,MACdzV,OAAOsL,aAAac,QAAQ,aAAa,MACzCzL,SAASyH,uBAAuB,UAAU,GAAG7D,MAAMwE,KAAO,WAI9D,IAEF,IA3oE+B4M,GAyvE3BC,IAAc,EAsFlB,OACG,sCAEK7N,IAAO,cAAC,EAAD,IAET,eAACoB,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,UAEG,cAAC/E,EAAA,EAAD,CAAQE,MAAO,CAAE4C,SAAU,QAAQkB,gBAAiB,UAAUnF,MAAO,OAAOiB,OAAQ,OAAO0R,WAAY,OAAOC,cAAe,OAAOxN,OAAQ,IAAIxE,OAAQ,oBAAoBiS,WAAY,OAAOC,YAAa,OAAOnS,aAAc,IAAIH,OAAQ,oBAC1Oc,QAAQ,WACRvB,MAAM,UAENgT,QAAS,qBAAKtR,IAAI,kBAAkB6E,IAAI,QAAQjF,MAAO,CAAEP,WAAY,QAAQG,OAAQ,UACrFlC,QAAS5E,EAAM6Y,mBALlB,SAOIlW,OAAOgG,aAAamQ,WAExB,cAAC,EAAD,OAGH,cAAChN,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SACIyG,IAAe,cAAC,EAAD,MAGnB,cAAC1G,EAAA,EAAD,CAAQC,KAAM,CAAC,MAAf,SACG,cAACwB,GAAD,CAAe7L,KAAK,0BAA0B2P,QAAS8F,GAAajG,WAAYwG,GAAgBnG,OAAQwG,OAE3G,cAACjM,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,MAApB,SACG,cAAC0F,GAAD,CAAkBU,WAAYgF,GAAajF,cAAewF,GAAgBtF,UAAW2F,GAAYjG,YAAaqF,GAAanF,WAAY+F,GAAYnG,eAAgB8F,OAOtK,cAAC,EAAD,CAAiBzQ,SAAS,IAAIuC,eAAgBiN,GAAarN,yBAA0BuM,GAAuBoD,oBAAqBpC,GAAkB7N,cAAemO,GAAYxO,eAAgBuO,GAAiB/N,gBAAiB6N,GAAavN,SAAU6J,EAAmB1J,QAAS2J,EAAkBrK,OAAQsK,EAAiBzK,QAAS0K,EAAkBpK,SAAUqK,EAAmBwF,OAAQvF,EAAQ/R,KAAMiB,OAAOgG,aAAasQ,YAAahR,SAA4B,WAAlBiL,EAA4BlL,WAj3E1bsQ,GAi3E2d,SAj3Ejd,SAAC5E,EAAMwF,GAC7ChW,QAAQC,IAAI,CAAEuQ,QAAMwF,eAGjB/F,IADC+F,GACgBZ,QAk3EjB,cAAC,EAAD,CAAc9N,SA1MA,SAAChI,GAClBU,QAAQC,IAAIX,GAGK,GAFCc,SAASC,eAAe,mBAAmB8U,SAG1DH,GAAa,MACbvV,OAAOsL,aAAac,QAAQ,YAAY,MACxCzL,SAASyH,uBAAuB,SAAS,GAAG7D,MAAMwE,KAAO,QACzDpI,SAASC,eAAe,mBAAmB4K,aAAa,aAAa,IACrE7K,SAASC,eAAe,mBAAmB4V,UAAY,gCACvDxW,OAAOyW,mBAAqB,QAK5BlB,GAAa,OACb5U,SAASyH,uBAAuB,SAAS,GAAG7D,MAAMwE,KAAO,MACzD/I,OAAOsL,aAAac,QAAQ,YAAY,OACxCzL,SAASC,eAAe,mBAAmB4K,aAAa,aAAa,IACrE7K,SAASC,eAAe,mBAAmB4V,UAAY,iCACvDxW,OAAOyW,mBAAqB,OAsLS7O,YA3OhB,SAAC/H,GACzBU,QAAQC,IAAIX,GAIK,GAFCc,SAASC,eAAe,mBAAmB8U,SAG1D/U,SAASC,eAAe,mBAAmB4K,aAAa,aAAa,iBACrE7K,SAASC,eAAe,mBAAmB8U,SAAU,EACrDH,GAAa,OACb5U,SAASyH,uBAAuB,SAAS,GAAG7D,MAAMwE,KAAO,MACzD/I,OAAOsL,aAAac,QAAQ,YAAY,OACxCpM,OAAOyW,mBAAqB,MAE5BzW,OAAO4T,eAAe,aAAa,MAAM5T,OAAO6T,OAAO9U,QAMvD4B,SAASC,eAAe,mBAAmB4K,aAAa,aAAa,gBACrE7K,SAASC,eAAe,mBAAmB8U,SAAU,EACrD1V,OAAOyW,mBAAqB,KAC5BlB,GAAa,MACbvV,OAAOsL,aAAac,QAAQ,YAAY,MACxCzL,SAASyH,uBAAuB,SAAS,GAAG7D,MAAMwE,KAAO,QAEzD/I,OAAO4T,eAAe,aAAa,KAAK5T,OAAO6T,OAAO9U,QAiNgBsM,MAAOiK,GAAWpN,UA3HzE,SAACrI,GACA,GAAf+V,KAIJrV,QAAQC,IAAIX,GAGK,GAFCc,SAASC,eAAe,oBAAoB8U,SAG3DD,GAAc,MAGdzV,OAAO0W,uBAAyB,KAChC/V,SAASyH,uBAAuB,UAAU,GAAG7D,MAAMwE,KAAO,QAC1DpI,SAASC,eAAe,oBAAoB4K,aAAa,aAAa,iCACtExL,OAAOyW,mBAAqB,KAExB1O,IACDpH,SAASC,eAAe,kBAAkB+V,gBAAgB,SAC1DhW,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,SAErD4I,IACNzP,QAAQC,IAAI,YACZG,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,QAC3DzG,SAASC,eAAe,kBAAkB2D,MAAM6C,QAAU,UAG1D7G,QAAQC,IAAI,QAEZG,SAASC,eAAe,kBAAkB2D,MAAM8F,WAAa,qBAC7D1J,SAASC,eAAe,kBAAkB2D,MAAMqS,OAAS,OACzDjW,SAASC,eAAe,mBAAmB2D,MAAM8F,WAAa,qBAC9D1J,SAASC,eAAe,mBAAmB2D,MAAMqS,OAAS,OAI1DjW,SAASC,eAAe,kBAAkB2D,MAAMsS,WAAa,GAC7DlW,SAASC,eAAe,oBAAoB2D,MAAMsS,WAAa,GAC/DlW,SAASC,eAAe,mBAAmB2D,MAAMsS,WAAa,MAMjEpB,GAAc,OAEd9U,SAASyH,uBAAuB,UAAU,GAAG7D,MAAMwE,KAAO,MAE1D/I,OAAO0W,uBAAyB,MAEhC/V,SAASC,eAAe,oBAAoB4K,aAAa,aAAa,kCAElEzD,IACDpH,SAASC,eAAe,kBAAkB+V,gBAAgB,SAC1DhW,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,QACnD4I,IACRzP,QAAQC,IAAI,aACZG,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,OAC3DzG,SAASC,eAAe,kBAAkB2D,MAAM6C,QAAU,SAG1D7G,QAAQC,IAAI,QAEZG,SAASC,eAAe,kBAAkB2D,MAAMqS,OAAS,SAEzDjW,SAASC,eAAe,mBAAmB2D,MAAMqS,OAAS,SAG1DrV,YAAW,WAERZ,SAASC,eAAe,kBAAkB2D,MAAMsS,WAAa,SAC7DlW,SAASC,eAAe,oBAAoB2D,MAAMsS,WAAa,SAE/DlW,SAASC,eAAe,mBAAmB2D,MAAMsS,WAAa,SAE9DjB,IAAc,IACf,SA+C4G3N,aA7J3F,SAACpI,GAC1BU,QAAQC,IAAIX,GAIK,GAFCc,SAASC,eAAe,oBAAoB8U,SAI3D/U,SAASC,eAAe,oBAAoB8U,SAAU,EACtDD,GAAc,OAEd9U,SAASyH,uBAAuB,UAAU,GAAG7D,MAAMwE,KAAO,MAE1D/I,OAAOyW,mBAAqB,MAC5BzW,OAAO8W,sBAAwB,QAK/BnW,SAASC,eAAe,oBAAoB8U,SAAU,EAEtDD,GAAc,MACdzV,OAAOyW,mBAAqB,KAG5BzW,OAAO8W,sBAAwB,KAC/BnW,SAASyH,uBAAuB,UAAU,GAAG7D,MAAMwE,KAAO,UAoI0FgO,OAAQvB,S,6BC16E/JwB,GAAiB,CACrB7T,WAAY,eA2CC8T,GAxCD,WAAK,IAAD,EAEVC,EAAc,aAIlB,OACI,qBAAKC,kBAAgB,oBAAoBvV,UAAU,aAAnD,SACA,eAACwV,GAAA,EAAD,CAAM7S,MAAO,CAACsR,WAAY,QAASwB,WAAS,EAAC7T,QAAS,EAAtD,UACA,cAAC4T,GAAA,EAAD,CAAMtV,MAAI,EAACwV,GAAI,EAAG1R,aAAW,oBAAoBhE,UAAU,kBAa3D,eAACwV,GAAA,EAAD,CAAMtV,MAAI,EAACwV,GAAI,EAAGC,GAAI,EAAtB,UACA,cAACpO,EAAA,EAAD,CAAQC,KAAK,KAAb,SACE,cAACoO,GAAA,EAAD,CAAOC,MAAO,QAASlT,MAAOyS,GAA9B,SAEI,sBAAGpV,UAAU,iBAAb,0BAAuC,aAAvC,yBAAmD,qBAAKnE,GAAG,YAAa6G,SAAS,IAAIK,IAAI,sBAAsB6E,IAAI,cAAcvH,QAASiV,KAA1I,QAGJ,cAAC/N,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SACA,cAACoO,GAAA,EAAD,CAAOC,MAAO,QAASlT,MAAOyS,GAA9B,SACI,mBAAGpV,UAAU,YAAb,SAAyB,qBAAK+C,IAAI,qBAAqBlH,GAAG,cAAc+L,IAAI,iBAAiBvH,QAASiV,EAAa3S,MAAO,CAACjB,YAAY,OAAOmG,OAAQ,UAAWxG,MAAO,UAAWkB,OAAQ,OAAQjB,MAAO,yB,oBC5BpNwU,GAAOhI,UAAUC,UAAUM,MAAM,QAAUP,UAAUQ,gBAAkBR,UAAUQ,eAAiB,IAAgD,GAA1CR,UAAUC,UAAUC,QAAQ,UACpI+H,KAAiBD,IAAQ1X,OAAO8P,YAAc9P,OAAO+P,YACrDhI,IAAiD,GAA1C2H,UAAUC,UAAUC,QAAQ,YAAiE,GAA3CF,UAAUC,UAAUC,QAAQ,aAAgE,GAA1CF,UAAUC,UAAUC,QAAQ,YAA8D,GAAxCF,UAAUC,UAAUC,QAAQ,UAA2D,GAAxCF,UAAUC,UAAUC,QAAQ,SAA0C,yHAAvBF,UAAUC,UAGnQiI,GAAS,aACZ9T,OAAQ,oBACRD,aAAc,MACdyG,MAAO,IACPpH,MAAO,OACPiB,OAAQ,OACRH,WAAY,MACZ+R,WAAY,MACZC,YAAa,MACb7O,SAAU,WACVyP,OAAQ,MACRiB,aAAc,MACdxP,gBAAiB,SAZL,SAaJ,qBAaLmC,GAAYC,aAAW,SAACzH,GAAD,MAAY,CACtChB,OAAQ,CACL0B,OAAQV,EAAMQ,QAAQ,IAGzBsU,YAAa,CACV5U,MAAO,QACP6U,SAAU,UACV3R,IAAK,MAKRvE,KAAM,CACHqB,MAAO,QAUVN,OAAQ,CACLW,YAAaP,EAAMQ,QAAQ,IAG9BC,YAAa,CACVC,OAAQV,EAAMQ,QAAQ,GACtBG,SAAU,KAGbqU,YAAa,CACV9Q,UAAWlE,EAAMQ,QAAQ,QAiPhByU,OA5Of,WAAgB,IAAD,EAENzW,EAAUgJ,KAGhB,EAAyB3H,IAAMiI,SAAS,CACrC1E,KAAK,EACL2C,MAAM,EACN6N,QAAQ,EACRtM,OAAO,IAJV,mBAAOjM,EAAP,KAAasB,EAAb,KAOA,EAA+CmL,oBAAS,GAAxD,mBAAOoN,EAAP,KAAwBC,EAAxB,KAGMC,EAAe,SAACC,EAAOC,GAAR,OAAiB,SAACvH,IACjB,YAAfA,EAAMjJ,MAAqC,QAAdiJ,EAAM3P,KAA+B,UAAd2P,EAAM3P,MAO9DzB,EAAS,2BAAKtB,GAAN,kBAAaga,EAASC,OA0B3BC,EAAsB,WACzB5Y,EAAS,2BAAKtB,GAAN,kBAAa,QAAS,KAC9B8Z,GAAoB,GAEhBT,GACD/W,SAASC,eAAe,mBAAmB2D,MAAM+D,OAAS,EAClDP,KACRpH,SAASC,eAAe,mBAAmB2D,MAAM+D,OAAS,IAM1DkQ,EAAuB,WAC1B7Y,EAAS,2BAAKtB,GAAN,kBAAa,QAAS,KAC9B8Z,GAAoB,GAGpBxX,SAASC,eAAe,mBAAmB2D,MAAM+D,OAAS,GAM7D,EAA4CwC,oBAAS,GAArD,mBAAO2N,EAAP,KAA0BC,EAA1B,KACA1Y,OAAO2Y,uBAAyB,SAACC,GAE9BF,EAAeE,IAElB/N,qBAAU,SAACkG,GACJ/Q,OAAO8P,YAAc9P,OAAO+P,aAOjC,IACFlF,qBAAU,SAACkG,GACR4G,KAAiBD,IAAQ1X,OAAO8P,YAAc9P,OAAO+P,eAGxD,MAAiDjF,oBAAS,GAA1D,mBAAO+N,EAAP,KAAyBC,EAAzB,KACA9Y,OAAO+Y,uBAAyB,SAACF,GAE9BC,EAAqBD,IAExB,IAAIG,EAAyBd,GAAoBlY,OAAO+P,WAAa/P,OAAO8P,YACxEmJ,GAA2Bf,GAAoBlY,OAAO+P,WAAa/P,OAAO8P,YAC1EoJ,EAA+BhB,EAC/BiB,GAAiCjB,EACrC,OACG,qCACG,cAAC,GAAD,IAGA,sBAAKza,GAAG,UAAUmE,UAAWJ,EAAQK,KAArC,UAEG,cAACsH,EAAA,EAAD,CAAQC,KAAK,KAAb,SAEG,cAAC/E,EAAA,EAAD,CACGG,QAAQ,WACRvB,MAAM,UACNwK,KAAK,QACLlJ,MAAO,CAAE6C,QAAS,QAClBxF,UAAWJ,EAAQQ,OACnByC,UAAW,cAAC,IAAD,IACX2U,kBAAgB,EAChBnX,QAASmW,EAAa,QAAO,GARhC,+BAiBO,MAARV,IAAuB,GAAP3P,KAAiB,eAACoB,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,UAC/BpJ,OAAO+P,WAAa/P,OAAO8P,aAAe,cAACzL,EAAA,EAAD,CAAQG,QAAQ,WAAWvB,MAAM,UAAUwK,KAAK,QAAQ7L,UAAU,eAAe2C,MAAO,CAAE6C,QAA+B,GAAtBqR,EAA6B,QAAU,OAAOhR,SAAU,QAAUhD,UAAW,cAAC,IAAD,IAAgB2U,kBAAgB,EAACnX,QAASsW,EAA1N,eAC1CS,GAA0B,cAAC3U,EAAA,EAAD,CAAQ5G,GAAG,WAAW+G,QAAQ,WAAWvB,MAAM,UAAUwK,KAAK,QAAQ7L,UAAU,eAAe2C,MAAO,CAAE6C,QAA+B,GAAtBqR,EAA6B,QAAU,OAAOhR,SAAU,QAAUhD,UAAW,cAAC,IAAD,IAAgB2U,kBAAgB,EAACnX,QAASsW,EAAxO,gBAEjB,MAARb,IAAuB,GAAP3P,KAAiB,qBAAKnG,UAAU,eAAe2C,MAAO,KAEvE0U,GAA2B,cAAC5U,EAAA,EAAD,CAAQ5G,GAAG,WAAW+G,QAAQ,WAAWvB,MAAM,UAAUwK,KAAK,QAAQ7L,UAAU,mCAAmC2C,MAAO,CAAE6C,QAA+B,GAAtBqR,EAA6B,QAAU,OAAOhR,SAAU,QAAUhD,UAAW,cAAC,KAAD,IAAexC,QAASuW,EAA1O,kBAM/B,cAACrP,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SAEG,cAAC/E,EAAA,EAAD,CACGG,QAAQ,WACRvB,MAAM,UACNwK,KAAK,QACLhQ,GAAG,WACHwY,QAAS,qBAAKtR,IAAI,iBAAiB6E,IAAI,OAAOjF,MAAO,CAAEP,WAAY,QAAQd,MAAO,OAAOiB,OAAQ,UACjGiV,kBAAgB,EAChBnX,QA7GO,WAGnBtC,EAAS,2BAAKtB,GAAN,kBAAa,UAAW,KAChCsC,SAASC,eAAe,qBAAqB2D,MAAM2C,UAAY,SAC/DvG,SAASC,eAAe,iBAAiB2D,MAAM2C,UAAY,SAE3DvG,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,QAuG/C7C,MAAOqT,GACPxO,KAAK,KATR,SAWG,+BACIyP,GAAqB7Y,OAAOgG,aAAamQ,eAOnD,sBAAK1Y,GAAG,UACL6G,SAAU,EADb,UAIG,cAAC6E,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,SACIuO,IAAsC,GAAtBc,GACd,eAACY,EAAA,EAAD,CAAQ5b,GAAG,kBAAkB4a,OAAQ,OAAQC,MAAM,EAAM9T,QAAQ,aAAaD,MAAO,CAAET,OAAQ,QAAUwV,QAASlB,EAAa,QAAO,GAAQ5W,QAAS,CAAE6B,MAAO7B,EAAQsW,aAAxK,UACG,cAAC,EAAD,IAECe,GAAqB,cAAC,GAAD,SAK/B,cAAC1P,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,MAApB,UACa,MAARsO,IAAiB1X,OAAO+P,WAAa/P,OAAO8P,aAAqC,GAAtB2I,IAC1D,eAACY,EAAA,EAAD,CAAQ5b,GAAG,kBAAkB4a,OAAQ,OAAQC,MAAM,EAAM9T,QAAQ,aAAaD,MAAO,CAAET,OAAQ,QAAUwV,QAASlB,EAAa,QAAO,GAAQ5W,QAAS,CAAE6B,MAAO7B,EAAQsW,aAAxK,UACG,cAAC,EAAD,IACCe,GAAqB,cAAC,GAAD,SAK/B,cAAC1P,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,MAAzB,SAEG,eAACiQ,EAAA,EAAD,CAAQhB,OAAQ,OAAQC,KAAMja,EAAK,KAAUmG,QAAQ,aAAa8U,QAASlB,EAAa,QAAO,GAAQ5W,QAAS,CAAE6B,MAAO7B,EAAQsW,aAAjI,UAEG,cAACzT,EAAA,EAAD,CACGG,QAAQ,WACRvB,MAAM,YACNwK,KAAK,QACL7L,UAAU,WACV6C,UAAW,cAAC,KAAD,CAAWF,MAAO,CAAEP,WAAY,SAC3C/B,QAASmW,EAAa,QAAO,KAOhC,cAAC,EAAD,IACCS,GAAqB,cAAC,GAAD,SAInB,MAARnB,IAAgB,cAACvO,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SACd,sBAAK3L,GAAG,oBAAR,UAGIyb,GAAgC,cAAC7U,EAAA,EAAD,CAAQ5G,GAAG,2BAA2B+G,QAAQ,WAAWvB,MAAM,UAAUwK,KAAK,QAAQ7L,UAAU,eAAe2C,MAAO,CAAEkD,SAAU,QAAUhD,UAAW,cAAC,IAAD,IAAgB2U,kBAAgB,EAACnX,QAASsW,EAAjM,eAKhCY,GAAiC,cAAC9U,EAAA,EAAD,CAAQ5G,GAAG,4BAA4B+G,QAAQ,WAAWvB,MAAM,UAAUwK,KAAK,QAAQ7L,UAAU,mCAAmC2C,MAAO,CAAEkD,SAAU,QAAUhD,UAAW,cAAC,KAAD,IAAexC,QAASuW,EAApM,eAClC,qBAAK5W,UAAU,eAAe2C,MAAO,UAI3C,cAAC4E,EAAA,EAAD,CAAQC,KAAM,CAAC,KAAK,KAAK,KAAK,MAA9B,SAEG,eAACiQ,EAAA,EAAD,CAAQjQ,KAAK,KAAK7E,OAAK,GAAIrB,MAAO,OAAOuE,SAAU,QAAQ8R,UAAW,OAAOC,UAAW,UAAjE,sBAAiF,QAAjF,yBAAkG,SAAlG,yBAAoH,QAApH,GAA8HnB,OAAQ,SAAUC,KAAMja,EAAK,OAAYmG,QAAQ,aAAa8U,QAASlB,EAAa,UAAS,GAAlP,UACG,cAAC,EAAD,IACCS,GAAqB,cAAC,GAAD,CAAU3C,mBArM3B,WAGpBvW,EAAS,2BAAKtB,GAAN,kBAAa,UAAW,KAChCkD,YAAW,WACRZ,SAASC,eAAe,mBAAmB2D,MAAM6C,QAAU,QAC3DzG,SAASC,eAAe,qBAAqB2D,MAAM2C,UAAY,MAC/DvG,SAASC,eAAe,iBAAiB2D,MAAM2C,UAAY,QAE5D,uB,oBCjHFlE,GAAQyW,aAAe,CAC3BrW,QAAS,CACNf,QAAS,CACNqX,KAAM,WAETC,UAAW,CACRD,KAAM,cAOdpQ,IAASsQ,OACP,cAAC,WAAD,UACE,cAACC,GAAA,EAAD,CAAe7W,MAAOA,GAAtB,SAA6B,cAAC,GAAD,QAG/BrC,SAASC,eAAe,U","file":"static/js/main.02c3396b.chunk.js","sourcesContent":["import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ListSubheader from \"@material-ui/core/ListSubheader\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\n// import Divider from \"@material-ui/core/Divider\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport States from \"./model_gl/config\";\r\n\r\n\r\nconst styles = theme => ({\r\n    root: {\r\n        \r\n        //SubTitle Color\r\n        '& .MuiListSubheader-root.MuiListSubheader-colorPrimary': {\r\n            color: '#e91e63'\r\n         },\r\n\r\n        width: \"100%\",\r\n        //maxWidth: 360,\r\n        background: theme.palette.background.paper,\r\n        marginRight: '3vw',\r\n        \r\n    },\r\n    \r\n    nested: {\r\n        paddingLeft: theme.spacing(4)\r\n    },\r\n\r\n    formControl: {\r\n        margin: theme.spacing(1),\r\n        minWidth: 120,\r\n        width: \"92%\"\r\n      },\r\n\r\n});\r\n\r\n\r\n\r\nclass NestedList extends React.Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {items: this.readStates(), json:{}, update:false, cameraName:[], cameraPos:[], sceneReady: false, currentSelection: null };\r\n        //Get DIV react html element to access attributes\r\n        this.divReact = document.getElementById('root');\r\n    }\r\n    \r\n\r\n    readStates = () => {\r\n       \r\n        var myList = { list:[ {id:1, title:\"States\", items:[] }] }\r\n        \r\n        var tempObj = {}; \r\n        var tempItems = [];\r\n        var tempId = 1;\r\n        var hasGroup = false;\r\n        var checkGroup = false;\r\n        \r\n        \r\n        var configStates = States.states;\r\n        var configGroups = States.displaylayers;\r\n        \r\n        //If Config.json is fetched\r\n        if(this.state.update == true) {\r\n            configStates = this.state.json.states ;\r\n            configGroups = this.state.json.displaylayers;\r\n\r\n            //Update Camera from Global Scene if the Scene exists\r\n            if(this.state.sceneReady == true){\r\n                \r\n                /* window.scene.gotoPosInTime(this.state.json.positions.reset.pos[0],\r\n                this.state.json.positions.reset.pos[1],\r\n                this.state.json.positions.reset.pos[2],\r\n                this.state.json.positions.reset.pos[3],\r\n                this.state.json.positions.reset.pos[4], 0); */\r\n            }\r\n        }\r\n\r\n        for(var i=0; i < configStates.length; i++){\r\n            hasGroup = false;\r\n            checkGroup = false;\r\n            for(var j=0; j < configGroups.length; j++){\r\n                //Check Groups on States\r\n                let checkGroup = configStates[i].split(configGroups[j]+\":\");\r\n                if(checkGroup.length > 1){\r\n                    hasGroup = true;\r\n                    //Check if group exists in the tempItems\r\n                    if(tempItems.length > 0){\r\n                        for(var k=0; k < tempItems.length; k++){\r\n                            if(tempItems[k].name == configGroups[j]){\r\n                                //Exist\r\n                                checkGroup = true;\r\n                            }\r\n                        }\r\n                        //Addind when already exists\r\n                        if(checkGroup == true){\r\n                            //console.log(\"THERE IS\");\r\n                            //Search for GroupName\r\n                            for(var l=0; l < tempItems.length; l++) {\r\n                                if(tempItems[l].name == configGroups[j]){\r\n                                    //Get the number of SubIDs\r\n                                    let subId = tempItems[l].subitems.length+1;\r\n                                    tempObj = {id:subId, name:configStates[i]};\r\n                                    tempItems[l].subitems.push(tempObj);\r\n                                    tempObj = {};\r\n                                }\r\n                            }\r\n                       \r\n                        //Addind when does not exist\r\n                        } else { \r\n                            //console.log(\"NOT\");\r\n                            tempObj.id = tempId;\r\n                            tempObj.name = configGroups[j];\r\n                            tempObj.subitems = [{id:1, name:configStates[i]}];\r\n                            tempId += 1;\r\n                            tempItems.push(tempObj);\r\n                            tempObj = {};\r\n                            }\r\n        \r\n                    } else {\r\n                        //First Time to Add if tempArray is Empty\r\n                        tempObj.id = tempId;\r\n                        tempObj.name = configGroups[j];\r\n                        tempObj.subitems = [{id:1, name:configStates[i]}];\r\n                        tempId += 1;\r\n                        tempItems.push(tempObj);\r\n                        tempObj = {};\r\n                    }\r\n        \r\n                } else {\r\n                    //if it has no groups and in the last interation\r\n                    if(hasGroup == false && (j == configGroups.length-1)){\r\n                        tempObj.id = tempId;\r\n                        tempObj.name = configStates[i];\r\n                        tempId += 1;\r\n                        tempItems.push(tempObj);\r\n                        tempObj = {};\r\n                    }\r\n                }\r\n                \r\n            }\r\n        }\r\n        \r\n        //Change names from SubGroups to work in the list\r\n        for(var i=0; i <tempItems.length; i++) {\r\n            if(tempItems[i].subitems != null){\r\n                tempItems[i].name = \"Grp_\"+tempItems[i].name;\r\n            }\r\n        }\r\n\r\n        //Final Result\r\n        // myList.list[0].items = [...tempItems]; \r\n        \r\n        //Adding Cameras if Scene is Updated\r\n        if(this.state.update == true && this.divReact.getAttribute(\"data-camera\") =='true' ) {\r\n            \r\n            myList.list.push({id:2, title:\"Cameras\", items:[]});\r\n       \r\n            let cameraName = Object.keys(this.state.json.positions);\r\n            let cameraPos = Object.values(this.state.json.positions); \r\n            this.setState({cameraName: cameraName, cameraPos: cameraPos});\r\n            \r\n            //console.log(cameraPos[0].pos);\r\n\r\n            for(var i=0; i<cameraName.length; i++){\r\n\r\n                myList.list[1].items.push({id: (i+1), name:cameraName[i]})\r\n            }\r\n\r\n            \r\n           \r\n        }\r\n\r\n        return myList;\r\n        \r\n        };//Finished Function ********************************************\r\n    \r\n         \r\n    componentDidMount() {\r\n\r\n       // window.addEventListener('window.scene._prepared', ()=>{console.log(\"Prepared\") }, true );\r\n        \r\n\r\n        //Update Json\r\n         const fetchJson = async () => {\r\n           \r\n        const response = await fetch('./model_gl/config.json'\r\n        ,{\r\n          headers : { \r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json'\r\n           }\r\n        }\r\n        ).then((response) => response.json())\r\n        .then((myJson)=> { this.setState({json: myJson, update:true}); this.setState({items: this.readStates()}); })\r\n    }\r\n        \r\n        //Function waiting for Global Variables (Camera) \r\n        const waitForGlobal = async function(key, callback) {\r\n\r\n            if (window[key]) {\r\n                \r\n                if(window[key]._prepared == true)\r\n                    { callback(); }\r\n                else { \r\n                    setTimeout(function() {\r\n                    waitForGlobal(key, callback);\r\n                  }, 100);}\r\n            } else { \r\n                setTimeout(function() {\r\n                waitForGlobal(key, callback);\r\n              }, 100);} \r\n\r\n          };\r\n           \r\n          waitForGlobal(\"scene\", fetchJson); \r\n    }\r\n\r\n    state = {};\r\n    \r\n\r\n    handleClick = e => {\r\n\r\n        this.setState({ [e]: !this.state[e] });\r\n        let check = false;\r\n\r\n        //Check if it is a Camera\r\n        for(var c=0; c<this.state.cameraName.length; c++){\r\n            if(e===this.state.cameraName[c]){\r\n                check = true\r\n                \r\n                window.scene.gotoPosInTime(this.state.cameraPos[c].pos[0],\r\n                    this.state.cameraPos[c].pos[1],\r\n                    this.state.cameraPos[c].pos[2],\r\n                    this.state.cameraPos[c].pos[3],\r\n                    this.state.cameraPos[c].pos[4],0);\r\n            }\r\n        }\r\n\r\n        //If it is not a Camera neither a Group\r\n        if (check==false) {\r\n            if(e.split(\"Grp_\").length > 1){\r\n               \r\n             } else{ \r\n\r\n                //Apply State\r\n                this.changeSelection(e);\r\n                window.scene.groupApplyState(e);\r\n\r\n                \r\n             }\r\n        }\r\n        \r\n    };\r\n\r\n    handleClickSubItem = e => {\r\n        console.log(e);\r\n        this.changeSelection(e);\r\n        window.scene.groupApplyState(e);\r\n    };\r\n\r\n    //Function to change Async(ly) the selection state\r\n    changeSelection = async (e) => {\r\n            await this.setState({currentSelection: e});\r\n            console.log(this.state.currentSelection);\r\n        }\r\n\r\n\r\n    render() {\r\n\r\n        //Get All NestedList (states) from Models\r\n       // const items = this.state.items;\r\n\r\n        const { classes } = this.props;\r\n\r\n        return (\r\n            <div>\r\n               \r\n                {this.state.items.list.map(list => {\r\n                    return (\r\n                        \r\n                        <List\r\n                            className={classes.root}\r\n                            key={list.id}\r\n                            // subheader={\r\n                            //     <ListSubheader color={'primary'} className={classes.root}>{list.title}</ListSubheader>\r\n                            // }\r\n                        >\r\n                            {list.items.map(item => {\r\n                                return (\r\n                                    <div key={item.id}>\r\n                                        {item.subitems != null ? (\r\n                                            <div key={item.id}>\r\n                                                <ListItem\r\n                                                    button\r\n                                                    key={item.id}\r\n                                                    onClick={this.handleClick.bind(\r\n                                                        this,\r\n                                                        item.name\r\n                                                    )}\r\n                                                    selected={this.state.currentSelection==item.name ? true : false}\r\n                                                >\r\n                                                    {this.state[item.name] ? (\r\n                                                        <ExpandLess />\r\n                                                    ) : (\r\n                                                        <ExpandMore />\r\n                                                    )}\r\n\r\n                                                    <ListItemText\r\n                                                        primary={item.name}\r\n                                                    />\r\n                                                    \r\n                                                </ListItem>\r\n                                                <Collapse\r\n                                                    key={list.items.id}\r\n                                                    // component=\"li\"\r\n                                                    in={this.state[item.name]}\r\n                                                    timeout=\"auto\"\r\n                                                    unmountOnExit\r\n                                                >\r\n                                                    <List disablePadding>\r\n                                                        {item.subitems.map(\r\n                                                            sitem => {\r\n                                                                return (\r\n                                                                    <ListItem\r\n                                                                        button\r\n                                                                        key={\r\n                                                                            sitem.id\r\n                                                                        }\r\n                                                                        className={\r\n                                                                            classes.nested\r\n                                                                        }\r\n                                                                        onClick={this.handleClickSubItem.bind(\r\n                                                                            this,\r\n                                                                            sitem.name\r\n                                                                        )}\r\n                                                                        \r\n                                                                        selected={this.state.currentSelection==sitem.name ? true : false}\r\n                                                                        \r\n                                                                    >\r\n                                                                        <ListItemText\r\n                                                                            key={\r\n                                                                                sitem.id\r\n                                                                            }\r\n                                                                            primary={\r\n                                                                                sitem.name\r\n                                                                            }\r\n                                                                        />\r\n                                                                    </ListItem>\r\n                                                                );\r\n                                                            }\r\n                                                        )}\r\n                                                    </List>\r\n                                                </Collapse>{\" \"}\r\n                                            </div>\r\n                                        ) : (\r\n                                            <ListItem\r\n                                                button\r\n                                                key={item.id}\r\n                                                onClick={this.handleClick.bind(\r\n                                                    this,\r\n                                                    item.name\r\n                                                )}\r\n                                            >\r\n                                                <ListItemText\r\n                                                    primary={item.name}\r\n                                                />\r\n                                            </ListItem>\r\n                                        )}\r\n                                    </div>\r\n                                );\r\n                            })}\r\n                            {/* <Divider key={list.id} absolute /> */}\r\n                        </List>\r\n                    );\r\n                })}\r\n            </div>\r\n        );\r\n    }\r\n}\r\nNestedList.propTypes = {\r\n    classes: PropTypes.object.isRequired\r\n};\r\nexport default withStyles(styles)(NestedList);","import React from 'react';\r\nimport ReactDOM from \"react-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nconst Btn={\r\n  borderRadius:\"0px\", \r\n  background:'transparent', \r\n  border:'none', \r\n  boxShadow:'none',\r\n  marginLeft:'10px',\r\n  color:'#000',\r\n  textTransform:'capitalize',\r\n  marginRight: \"12px\"\r\n}\r\n//  const Btn:hover {\r\n//   font-weight: bold;\r\n//   background-color: #d2dde4;\r\n// }\r\nconst BtnIcon={\r\n  borderRadius:\"0px\", \r\n  background:'transparent',\r\n  width:'52px',\r\n  height:'36px'\r\n}\r\nconst MenuBtn =(props)=>{\r\n    return(\r\n        <div className=\"menubtn\">\r\n         <Button tabIndex=\"\" className=\"Btnsubmenu\"\r\n         style={Btn}\r\n        variant=\"contained\"\r\n        color=\"secondary\"\r\n        startIcon={<Avatar style={BtnIcon}  src={props.source} />}\r\n      >\r\n        {props.submenu}\r\n      </Button>\r\n        </div>\r\n    )\r\n}\r\nexport default MenuBtn;","import React from 'react';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n// import Avatars from './Avatars';\r\nimport MenuBtn from './MenuBtn';\r\n// import RadioBtns from './RadioBtns';\r\nconst ProductViewHeader = {\r\n   borderBottom: \"1px solid #c7c7c7\",\r\n   minHeight: \"52px\"\r\n}\r\nconst AccordianIcons = {\r\n   width: \"36px\",\r\n   height: \"25px !important\",\r\n   marginLeft: '24px'\r\n}\r\n\r\nconst MenuProductView = (props) => {\r\n\r\n\r\n\r\n   return (\r\n      <div className=\"Accordians\">\r\n         <Accordion style={{ borderRadius: \"0px\" }} onChange={props.onChanged} expanded={props.expanded}>\r\n            <AccordionSummary id=\"productViewBtn\" tabIndex=\"1\"\r\n               expandIcon={<ExpandMoreIcon />} style={ProductViewHeader} >\r\n               <Typography id=\"productviewass\" className=\"accordion-headers AccordiansHeader\" style={{ fontWeight: \"700\",margin: \"0px 0px\" }}>{props.name}</Typography>\r\n            </AccordionSummary >\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Right\" id=\"leftBtn\" onKeyPress={props.onLeftBtnClick} onClick={props.onLeftBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.overview} source={props.imgleft} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Top\" id=\"topBtn\" onKeyPress={props.onTopBtnClick} onClick={props.onTopBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.top} source={props.imgtop} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Left\" id=\"rightBtn\" onKeyPress={props.onRightBtnClick} onClick={props.onRightBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.side} source={props.imgright} />\r\n\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Additional Features\" id=\"wirelessdesignBtn\" onKeyPress={props.onWirelessDesignBtnClick} onClick={props.onWirelessDesignBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.additonal} subname=\"Additional Features\" source={props.imgfront} />\r\n            </AccordionDetails>\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Multi-device Connectivity\" id=\"keysBtn\" onKeyPress={props.onKeysBtnClick} onClick={props.onKeysBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={window.finalLangues.multidevice} source={props.imgKeys} />\r\n            </AccordionDetails>\r\n\r\n            {/* <AccordionDetails tabIndex=\"1\" aria-label=\"Workspace\" id=\"workspaceBtn\" onKeyPress={props.onWorkspaceBtnClick} onClick={props.onWorkspaceBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" id=\"workspaceBtn\" style={AccordianIcons} submenu=\"Workspace\" source={props.imgfront} />\r\n            </AccordionDetails> */}\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuProductView;","import React,{ useState,useEffect } from \"react\"\r\nimport Switch from '@material-ui/core/Switch';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nconst Animationbtns = {\r\n\r\n   textAlign: \"center\",marginTop: \"30px\",position: \"relative\",marginRight: \"41px\",\r\n   display: \"flex\",justifyContent: \"center\",alignItems: \"center\"\r\n\r\n}\r\n\r\nconst animTitle = {\r\n   marginRight: \"10px\",\r\n   display: \"inline-block\",\r\n   flex: '0 0 62%',\r\n   maxWidth: '100%',\r\n   textAlign: 'right'\r\n}\r\nconst AnimationbtnsMob = {\r\n   textAlign: \"center\",marginTop: \"25px\",position: \"relative\",marginBottom: \"14px\"\r\n\r\n}\r\n\r\nconst AnimationBtn = (props) => {\r\n\r\n\r\n\r\n   return (\r\n      <>\r\n\r\n         <div id=\"animation\" style={Animationbtns}>\r\n            <span style={animTitle}> {window.finalLangues.reduceTransitions}: </span>\r\n            {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\"/><span className = 'onOff'>{value}</span> */}\r\n            <label className=\"switch\" tabIndex=\"1\" id=\"animswtich\" onKeyPress={props.forKeypress} >\r\n               <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='animationOnOff' id=\"animSwitchValue\" onChange={props.onchange} type=\"checkbox\" />\r\n               <span className=\"tabIndexStyle slider round\" ></span>\r\n               <span className=\"onOff\"></span>\r\n            </label>\r\n         </div>\r\n         {!(window.mob) &&\r\n            <div id=\"animation1\" style={{ ...Animationbtns,marginTop: '20px' }}>\r\n               <span style={animTitle}> {window.finalLangues.onScreenControls}: </span>\r\n               {/* <Switch id=\"switchValue\" onChange={displayName} name=\"checkedA\" color=\"primary\" /><span className='onOff'>{value}</span> */}\r\n               <label className=\"switch\" tabIndex=\"1\" id=\"animswtich1\" onKeyPress={props.forKeypress1} >\r\n                  <input tabIndex=\"-1\" className=\"tabIndexStyle\" name='keyboadrControlsOnOff' id=\"animSwitchValue1\" onChange={props.onchange1} type=\"checkbox\" />\r\n                  <span className=\"tabIndexStyle slider round\"></span>\r\n                  <span className=\"onOff1\"></span>\r\n               </label>\r\n            </div>\r\n         }\r\n      </>\r\n   )\r\n}\r\n\r\nexport default AnimationBtn;","import React,{ useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport { Translate } from '@material-ui/icons';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\n\r\n\r\nconst Howtousenew = () => {\r\n\r\n\r\n   const handleClick = () => {\r\n      document.getElementById('howToUSE').style.display = \"block\";\r\n      document.getElementById('howTousePopup').style.display = \"block\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n      document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n      document.getElementById('howToUSE').style.zIndex = \"2\";\r\n      document.getElementById('howTousePopup').style.zIndex = \"2\";\r\n\r\n\r\n   };\r\n   const exploreClick = () => {\r\n      document.getElementById('howToUSE').style.display = \"none\";\r\n      document.getElementById('howTousePopup').style.display = \"none\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n      document.getElementById('iconI').style.color = \"#006BBD\";\r\n      document.getElementById('howToUSE').style.zIndex = \"-1\";\r\n      document.getElementById('howTousePopup').style.zIndex = \"-1\";\r\n\r\n   };\r\n\r\n   const howTouse = {\r\n      display: 'none',\r\n      position: 'fixed',\r\n      top: '0',\r\n      left: '0',\r\n      height: '100vh',\r\n      width: '100%',\r\n      backgroundColor: 'white'\r\n   }\r\n   const mobHowToUseMain = {\r\n      display: 'none',\r\n      position: 'fixed',\r\n      top: '0',\r\n      height: '100vh',\r\n      width: '100%',\r\n      backgroundColor: 'white',\r\n      zIndex: '2'\r\n   }\r\n   const mainDiv = {\r\n      display: 'flex',\r\n      position: 'absolute',\r\n      left: '51%',\r\n      top: '40%',\r\n      transform: 'translate(-50%,-40%)',\r\n\r\n   }\r\n   const allThreeDiv = {\r\n      textAlign: 'center',\r\n      margin: '0px 40px 0 20px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '20px',\r\n      lineHeight: '36px'\r\n   }\r\n   const mobAllthreeDiv = {\r\n      textAlign: 'left',\r\n      margin: '23px 0px 33px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '22px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      alignItems: 'baseline',\r\n      justifyContent: 'space-between'\r\n\r\n   }\r\n\r\n   const mobAllthreeDivs = {\r\n      textAlign: 'center',\r\n      margin: '57px 0px 33px 0px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '22px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      alignItems: 'baseline',\r\n      justifyContent: 'space-between'\r\n   }\r\n   const mobAllthreeDivss = {\r\n      textAlign: 'left',\r\n      margin: '23px 0px 33px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '22px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'space-between'\r\n   }\r\n   const exploreButtton = {\r\n\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '225px',\r\n      transform: 'translate(-50%, 100%)',\r\n      cursor: 'pointer',\r\n      height: '44px',\r\n      width: '513px',\r\n      background: '#0076CE',\r\n      borderRadius: '2px',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '16px',\r\n      lineHeight: '36px',\r\n      color: '#FFFFFF',\r\n      border: '0'\r\n\r\n   }\r\n   const mobExploreButtton = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '425px',\r\n      transform: 'translate(-50%, 100%)',\r\n      cursor: 'pointer',\r\n      height: '54px',\r\n      width: '253px',\r\n      background: '#0076CE',\r\n      borderRadius: '2px',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '16px',\r\n\r\n      color: '#FFFFFF',\r\n      border: '0'\r\n\r\n   }\r\n   const howToUseText = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '-40px',\r\n      transform: 'translate(-50%, 100%)',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '38px',\r\n      lineHeight: '56px',\r\n      color: '#000000'\r\n   }\r\n   const mobHowToUseText = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '0px',\r\n      transform: 'translate(-50%, -70%)',\r\n      alignItems: 'center',\r\n      textAlign: 'center',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '300',\r\n      fontSize: '40px',\r\n      lineHeight: '56px',\r\n      color: '#000000',\r\n      width: '350px'\r\n   }\r\n   const closeUseMob = {\r\n      position: 'absolute',\r\n      right: '-2px',\r\n      top: '-84px',\r\n      color: '#CCCCCC',\r\n      height: '32px',\r\n      width: '32px',\r\n      cursor: 'pointer'\r\n   }\r\n   const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n   }\r\n   const iconStyle = {\r\n      transform: ' rotate(180deg)',\r\n      position: 'relative',\r\n      left: '-2px',\r\n      top: '2px',\r\n      color: '#006BBD',\r\n      height: '22px',\r\n      width: '22px'\r\n   }\r\n   const mobHowToUse = {\r\n      display: 'flex',\r\n      flexWrap: 'wrap',\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '40%',\r\n      transform: 'translate(-50%,-40%)',\r\n   }\r\n   return (\r\n      <React.Fragment>\r\n         <Hidden only={['md','lg','xl']}>\r\n            <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n         </Hidden>\r\n\r\n         {ReactDOM.createPortal(\r\n\r\n            <div>\r\n\r\n               <Hidden only={['xs','md','xl','lg']}>\r\n                  <span variant=\"contained\" onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n                  <div id=\"howToUSE\" style={howTouse}>\r\n                     <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\" />\r\n\r\n                     <span style={howToUseText}>{window.finalLangues.howToUseMenu}:</span>\r\n\r\n                     <div style={mainDiv}>\r\n                        <div style={allThreeDiv}>Move<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"moveDesk\" src=\"./img/move.svg\" /></div>\r\n                        <div style={allThreeDiv}>Rotate<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"rotateDesk\" src=\"./img/rotate.svg\" /></div>\r\n                        <div style={allThreeDiv}>Zoom<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"zoomDesk\" src=\"./img/zoom.svg\" /></div>\r\n                     </div>\r\n                     <button style={exploreButtton} onClick={exploreClick}>{window.finalLangues.returnTo3DView} <img style={{ height: '24px',width: '24px',position: 'relative',top: '6px',left: '12px' }} alt=\"arrowDesk\" src=\"./img/arrowIcon.png\" /></button>\r\n\r\n                  </div>\r\n               </Hidden>\r\n\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  <div id=\"howToUSE\" style={mobHowToUseMain} className='mobHowToUse'>\r\n\r\n                     <div style={mobHowToUse}>\r\n                        <img onClick={exploreClick} className=\"closeUseMob\" tabIndex=\"-1\" alt=\"closeBtn\" src=\"./img/closeIcon.svg\" />\r\n\r\n                        <span style={mobHowToUseText} id=\"mobHowToUseText\">{window.finalLangues.howToUseMenu}:</span>\r\n                        <div style={mobAllthreeDivs}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.move}</span><img style={{ marginLeft: '62px',height: '76px',width: '166px' }} alt=\"moves\" src=\"./img/move.svg\" /></div>\r\n                        <div style={mobAllthreeDiv}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.rotate}</span><img style={{ marginLeft: '62px',height: '76px',width: '166px' }} alt=\"rotates\" src=\"./img/rotate.svg\" /></div>\r\n                        <div style={mobAllthreeDiv}><span style={{ position: 'relative',top: '-28px' }}>{window.finalLangues.zoom}</span><img style={{ marginLeft: '62px',height: '76px',width: '166px' }} alt=\"zommss\" src=\"./img/zoom.svg\" /></div>\r\n                        <button style={mobExploreButtton} onClick={exploreClick}>{window.finalLangues.returnTo3DView} <img style={{ height: '24px',width: '24px',position: 'relative',top: '6px',left: '12px' }} alt=\"arrow\" src=\"./img/arrowIcon.png\" /></button>\r\n                     </div>\r\n                     {/* <button style={mobExploreButtton} onClick={exploreClick}>Return to 3D View  <ArrowForwardIcon style={{color: '#FFFFFF'}}/></button> */}\r\n\r\n                  </div>\r\n               </Hidden>\r\n\r\n            </div>,document.getElementById('howTousePopup')\r\n         )}\r\n      </React.Fragment>\r\n\r\n   )\r\n}\r\n\r\n\r\n\r\nexport default Howtousenew;\r\n\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport ErrorOutlineSharpIcon from '@material-ui/icons/ErrorOutlineSharp';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\n\r\n\r\nconst HowToUse = () => {\r\n   let howtoUseD = false;\r\n   // var howToUSeAnimation = document.getElementById('howToUSE').style.animationName\r\n   const handleClick = () => {\r\n\r\n      if (howtoUseD) {\r\n         console.log(\"if.......\")\r\n         document.getElementById('howToUSE').style.opacity = \"0\";\r\n         document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"hidden\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example\";\r\n\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n         document.getElementById('iconI').style.color = \"#006BBD\";\r\n         howtoUseD = false;\r\n      } else {\r\n         console.log(\"else.......\")\r\n\r\n         document.getElementById('howToUSE').style.opacity = \"1\";\r\n         document.getElementById('howToUSE').style.marginTop = \"0%\";\r\n         // document.getElementById('howToUSE').style.visibility = \"visible\";\r\n\r\n         document.getElementById('howToUSE').style.animationName = \"example1\";\r\n\r\n         // document.getElementById('howToUSE').style.display = \"block\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#0076CE\";\r\n         document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#FFFFFF\";\r\n         document.getElementById('iconI').style.color = \"#FFFFFF\";\r\n\r\n         howtoUseD = true;\r\n      }\r\n   };\r\n\r\n   const closeHandle = () => {\r\n      document.getElementById('howToUSE').style.animationName = \"example\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.backgroundColor = \"#FFFFFF\";\r\n      document.getElementsByClassName('HowToUseHeader')[0].style.color = \"#006BBD\";\r\n      document.getElementById('iconI').style.color = \"#006BBD\";\r\n      document.getElementById('howToUSE').style.opacity = \"0\";\r\n      document.getElementById('howToUSE').style.marginTop = \"-100%\";\r\n\r\n      howtoUseD = false;\r\n\r\n   };\r\n   //   useEffect(() => {\r\n   //     document.getElementById('howToUSE').style.display = none;\r\n\r\n\r\n   // }, []);\r\n   const howToUseName = {\r\n      position: 'absolute',\r\n      left: '109px',\r\n      top: '35px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      color: '#000000',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const useImages = {\r\n      position: 'fixed',\r\n\r\n      height: '498px',\r\n      width: '381px',\r\n      top: '185px',\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      // display: 'none'\r\n      opacity: 0,\r\n      transition: \"opacity 2s\",\r\n      // visibility: 'Hidden',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const howToUseImages = {\r\n      position: 'absolute',\r\n      left: '50%',\r\n      top: '56%',\r\n      transform: 'translate(-50%, -50%)',\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n      flexDirection: 'column',\r\n      width: '274px',\r\n      tabIndex: '-1'\r\n\r\n   }\r\n   const UseImagesIpad = {\r\n      position: 'fixed',\r\n      left: '-351px',\r\n\r\n      border: '1px solid #EEEEEE',\r\n      boxShadow: '0px 2px 2px rgb(0 43 85 / 8%), 0px 4px 4px rgb(0 43 85 / 8%), 0px 8px 8px rgb(0 43 85 / 8%), 0px 16px 16px rgb(0 43 85 / 8%), 0px 32px 32px rgb(0 43 85 / 8%)',\r\n      borderRadius: '10px',\r\n      background: '#FFFFFF',\r\n      opacity: 0,\r\n      transition: \"opacity 2s\",\r\n      display: 'flex',\r\n      justifyContent: 'center'\r\n\r\n   }\r\n   const howToUseDiv = {\r\n      width: '100%',\r\n      textAlign: 'center',\r\n      lineHeight: '75px',\r\n      fontSize: '30px'\r\n   }\r\n   const useName1 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '30px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const useName2 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '138px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const useName3 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0',\r\n      top: '240px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      textAlign: 'left',\r\n      color: '#000000'\r\n   }\r\n   const imgUse = {\r\n      marginTop: '22px',\r\n      marginLeft: '145px',\r\n      height: '54px',\r\n      width: '127px'\r\n   }\r\n   const closeUse = {\r\n      position: 'absolute',\r\n      right: '18px',\r\n      top: '23px',\r\n      color: '#CCCCCC',\r\n      height: '32px',\r\n      width: '32px',\r\n      cursor: 'pointer'\r\n   }\r\n   const usestyle = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '14px',\r\n      lineHeight: '16px',\r\n      position: 'relative',\r\n      left: '17px',\r\n      top: '-4px'\r\n   }\r\n   const iconStyle = {\r\n      transform: ' rotate(180deg)',\r\n      position: 'relative',\r\n      left: '0',\r\n      top: '2px',\r\n      color: '#006BBD',\r\n      height: '22px',\r\n      width: '22px'\r\n   }\r\n\r\n   return (\r\n      <React.Fragment>\r\n\r\n\r\n\r\n         {/* <Hidden only={['lg','xl','xs']}> */}\r\n         <span variant=\"contained\" tabIndex=\"1\" className=\"tabIndexStyle\" onKeyPress={handleClick} onClick={handleClick} className=\"HowToUseHeader\"><ErrorOutlineSharpIcon id=\"iconI\" style={iconStyle} /> <span style={usestyle}>{window.finalLangues.howToUseMenu}</span></span>\r\n         {ReactDOM.createPortal(\r\n            <div id=\"howToUSE\" tabIndex=\"-1\" style={UseImagesIpad} className=\"useImg\">\r\n               <span tabIndex=\"-1\" style={howToUseName}>{window.finalLangues.howToUseMenu}:</span>\r\n               <img tabIndex=\"-1\" onClick={closeHandle} style={closeUse} id=\"closeBtn\" alt=\"closeBtn\" src=\"./img/closeIcon.png\" />\r\n               {/* <HighlightOffIcon onClick={closeHandle} style={closeUse}/> */}\r\n               <div tabIndex=\"-1\" style={howToUseImages}>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName1}>{window.finalLangues.move}</span><img style={imgUse} alt=\"Move by swiping with two fingers on touchscreen or by clicking the right mouse button\" src=\"./img/move.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName2}>{window.finalLangues.rotate} </span><img style={imgUse} alt=\"Rotate by making a circular motion with one finger on touchscreen or by clicking the left mouse button\" src=\"./img/rotate.svg\" /></div>\r\n                  <div tabIndex=\"-1\" style={howToUseDiv}><span style={useName3}>{window.finalLangues.zoom}</span><img style={imgUse} alt=\"Zoom by using two fingers to pinch and expand or by using the scroll wheel on the mouse\" src=\"./img/zoom.svg\" /></div>\r\n               </div>\r\n            </div>,\r\n            document.getElementById('howTousePopupDesk')\r\n\r\n         )}\r\n         {/* </Hidden> */}\r\n      </React.Fragment>\r\n   )\r\n}\r\n\r\n\r\n\r\nexport default HowToUse;\r\n\r\n","import React,{useState, useEffect} from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\nimport TouchRipple from \"@material-ui/core/ButtonBase/TouchRipple\";\r\nimport Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        width: 170,\r\n      },\r\n  newBtns: {\r\n    borderRadius: \"0.1em\",\r\n  },\r\n\r\n  margin: {\r\n    margin: theme.spacing(2),\r\n    borderRadius: \"0.1em\",\r\n    textTransform: 'none',\r\n    fontSize: '0.7em'\r\n  },\r\n  extendedIcon: {\r\n    marginRight: theme.spacing(1),\r\n  },\r\n}));\r\n\r\n\r\nexport default function FooterControl(props) {\r\n\r\n  useEffect(()=>{\r\n    \r\n  },[]);\r\n  \r\n  \r\n  const classes = useStyles();\r\n  const [value, setValue] = React.useState(30);\r\n  const [prevDeltaScene, setPrevDeltaScene] = React.useState(0);\r\n  const [zoombarValue, setZoombarValue] = React.useState(0);\r\n  \r\n  \r\n\r\n  const handleChange = (event, newValue) => {\r\n    setValue(newValue);\r\n  };\r\n\r\n  const handleZoomChange = (e, newValue) => {\r\n\r\n\r\n   \r\n        if(e){ //console.log(e.target.value);\r\n          window.scene._nav.NavChangeDolly(undefined, e.target.value/100);\r\n          \r\n        } else{\r\n          \r\n\r\n          window.scene._nav.NavChangeDolly(undefined, newValue/100);\r\n       \r\n          document.getElementById(\"sliderRange\").value = newValue;\r\n          \r\n\r\n          //document.getElementById('sliderRange').setAttribute('aria-label', (newValue * 100)+ '%');\r\n          }\r\n          window.localStorage.removeItem('hotspot');\r\n          window.localStorage.removeItem('currentBluetooth');\r\n          var sliderValues = document.getElementById('sliderRange').value * 100;\r\n          // document.getElementById('sliderRange').setAttribute('aria-label',  (parseInt(sliderValues)+'%'));\r\n          document.getElementById('sliderRange').setAttribute('aria-label',  '');\r\n          setTimeout(function(){\r\n            document.getElementById('sliderRange').setAttribute('aria-label',  '%');\r\n          },400)\r\n          if(window.keysCam){\r\n            //  console.log(\"intract\");\r\n              GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout', function(){\r\n                 var slider = document.getElementById(\"sliderRange\");\r\n                 if (slider != null) {\r\n                    document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n                    setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n                 }\r\n              });\r\n              window.keysCam = false;\r\n              //scene.clearRefine();\r\n           }\r\n       //   console.log('slidervalue',sliderValues )\r\n\r\n\r\n     \r\n  };\r\n\r\n  const zoombar = {\r\n    height: '40.01px',\r\n    position: 'relative',\r\n    float:'left',\r\n    marginLeft:'35px',\r\n    // left: '48%',\r\n    // bottom: '226px',\r\n    \r\n  }\r\n\r\n  const topbtns = {\r\n    position: 'relative',\r\n    // bottom: '149px',\r\n    // marginLeft: '13.5%',\r\n    // marginBottom: '21px',\r\n    border: '1px solid CCCCCC',\r\n    float:'left',\r\n  }\r\n  const threeButtons = {\r\n    fontFamily: 'Roboto',\r\n    fontStyle: 'normal',\r\n    fontWeight: '500',\r\n    fontSize: '14px',\r\n    lineHeight: '24px',\r\n    letterSpacing: '0.005em',\r\n    backgroundColor: '#FFFFFF',\r\n    height: '40.01px',\r\n    width: '160px',\r\n    margin: '21px 19px 20px 19px',\r\n    border: '2px solid #CCCCCC'\r\n  }\r\n  const mobthreeButtons = {\r\n    fontFamily: 'Roboto',\r\n    fontStyle: 'normal',\r\n    fontWeight: '500',\r\n    fontSize: '16px',\r\n    lineHeight: '24px',\r\n    letterSpacing: '0.005em',\r\n    backgroundColor: '#FFFFFF',\r\n    height: '40.01px',\r\n    width: '123px',\r\n    margin: '5px',\r\n    border: '2px solid #CCCCCC'\r\n  }\r\n  const topLeft = {\r\n    transform: 'rotate(270deg)',\r\n    fontSize: '1.5em'\r\n  }\r\n  const topRight = {\r\n    fontSize: '1.5em'\r\n  }\r\n  const prev = {\r\n    marginRight: '12px',\r\n    fontSize: '1.8em'\r\n  }\r\n  const next = {\r\n    marginLeft: '12px',\r\n    fontSize: '1.8em'\r\n  }\r\n  const topBtnstyle = {\r\n    height: '40.01px',\r\n    width: '62px',\r\n    marginLeft: '8.5px',\r\n    marginRight: '8.5px',\r\n    backgroundColor: '#FFFFFF',\r\n    border: '2px solid #CCCCCC'\r\n  }\r\n  const clearBoth = {\r\n    clear: 'both'\r\n  }\r\n  //only for mob\r\n  const [camData, setCamData] = useState(\"\");\r\n  var animationSwitch = window.localStorage.getItem('Animation');\r\n  var animTime = 1;\r\n  const getData=()=>{\r\n    fetch('./model_gl/config.json')\r\n      .then(function(response){\r\n        return response.json();\r\n      })\r\n      .then(function(myJson) {\r\n        // console.log(myJson.positions);\r\n        setCamData(myJson.positions);\r\n      });\r\n  }\r\n  useEffect(()=>{\r\n    getData();\r\n    animationSwitch = window.localStorage.getItem('Animation');\r\n    //window.localStorage.setItem('tent', false);\r\n    //window.localStorage.setItem('tablet', false);\r\n    //window.localStorage.setItem('theater', false);\r\n    //window.localStorage.setItem('close', false);\r\n    window.localStorage.setItem(\"position\", \"reset\");\r\n    // document.getElementById('whiteBtn').classList.add('active');\r\n  },[]);\r\n  \r\n  //For Animation Switch \r\n// console.log('animationSwitch anim', animationSwitch)\r\n\r\nif(animationSwitch == 'on'){animTime = 1000}\r\nelse{animTime = 1}\r\n// console.log('animTime', animTime)\r\n  \r\n  //new camera function\r\n  const GotoPosInTimeNamedValue = (gotoposname, onComplete, onSample) => {\r\n    // below code is updated in it.  \r\n    // updated code ends here\r\n    var opt = undefined, gp = camData[gotoposname];\r\n      console.log(gp);\r\n    //    console.log(gp)\r\n    if (gp.fovy && window.scene.fovy != gp.fovy)\r\n    opt = { fovy: gp.fovy };\r\n  if (gp.pos.length > 5) {\r\n    if (!opt)\r\n        opt = {};\r\n    opt.zang = gp.pos[5];\r\n  }\r\n  var animationSwitch = window.localStorage.getItem('Animation');\r\nif(animationSwitch == 'off'){gp.time = 1}\r\nelse{\r\n  gp.time = animTime;\r\n}\r\n// console.log('animationSwitch', animationSwitch);\r\n// console.log('gp.time', gp.time);\r\n    window.scene.gotoPosInTime(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, slowInOut, opt);\r\n    // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n  }\r\n  //end\r\n  \r\n  const slowInOut = (x) => {\r\n    var a = 2.1;\r\n    var x2 = 1.0 - x;\r\n    var px = Math.pow(x, a);\r\n    var px2 = Math.pow(x2, a);\r\n    \r\n    return px / (px + px2);\r\n    }\r\n  \r\n  // const resetBacklitCloseImg = () =>{\r\n  //     setOpenCloseOnOff(false);\r\n  //     setOpenClose(\"./img/open.png\");\r\n  //     setBackliteOnOff(false);\r\n  //     setBacklite(\"./img/Backlite_Off.svg\");\r\n  //     // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n  //     window.scene.clearRefine();\r\n  \r\n  // }\r\n \r\n   const posClicked1 = () => {\r\n    window.scene.animPlayInTime(\"Screen_grp_timeline_01\", 0, animTime);\r\n    // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 6.7, 0);\r\n    // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 6.7, 0);\r\n    // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 6.7, 0);\r\n    // window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\", 8.31, 1000);\r\n    // window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\", 8.31, 1000);\r\n    // window.scene.animPlayInTime(\"Main_grp_timeline_01_A\", 8.31, 1000);\r\n   }\r\n  \r\n\r\n  const onUpdateZoombar = (e) => {\r\n    // console.log(e.target.value);\r\n    var s = window.scene;\r\n    var deltaScene = 0;\r\n    console.log('onUpdateZoombar', zoombarValue)\r\n    deltaScene =  zoombarValue;\r\n    // var delta = (-e.detail * 10.0);\r\n    setPrevDeltaScene(deltaScene);\r\n    // prevDeltaScene = deltaScene;\r\n    if(prevDeltaScene-deltaScene > 0) {\r\n      console.log(deltaScene)\r\n      if (s._nav.NavChangeDolly(deltaScene))\r\n                s.clearRefine();\r\n    } else{\r\n      console.log(-deltaScene)\r\n      if (s._nav.NavChangeDolly(-deltaScene))\r\n                s.clearRefine();\r\n    }\r\n    document.getElementById('sliderRange').value = zoombarValue;\r\n    // console.log(prevDeltaScene)\r\n    // console.log(deltaScene)\r\n    \r\n  }\r\n  \r\n  const onZoomIn = (e) => {\r\n    if(window.scene._nav.getZoomFactor() > 0)\r\n      handleZoomChange(null, -1+(parseFloat(document.getElementById(\"sliderRange\").value)))\r\n      \r\n  }\r\n\r\n  const onZoomOut = (e) => {\r\n    if(window.scene._nav.getZoomFactor() < 100)\r\n      handleZoomChange(null, 1+(parseFloat(document.getElementById(\"sliderRange\").value)))\r\n\r\n  }\r\n  \r\n\r\n  const onLeft = () => {\r\n\r\n    window.scene._nav.NavRotation([0,0], [2,0]);\r\n    window.localStorage.removeItem('hotspot');\r\n    window.localStorage.removeItem('currentBluetooth');\r\n\r\n    window.scene.clearRefine();\r\n    if(window.keysCam){\r\n      //  console.log(\"intract\");\r\n        GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout', function(){\r\n           var slider = document.getElementById(\"sliderRange\");\r\n           if (slider != null) {\r\n              document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n              setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n           }\r\n        });\r\n        window.keysCam = false;\r\n        //scene.clearRefine();\r\n     }\r\n    // alert(\"Rotate product left\");\r\n // window.scene._nav._navYAng += 0.5;\r\n  // console.log(count);\r\n  // window.scene._nav._navYAng = count;\r\n // window.scene.clearRefine();\r\n  \r\n\r\n  }\r\n  const onRight = () => {\r\n    \r\n    window.scene._nav.NavRotation([0,0], [-2,0]);\r\n    window.localStorage.removeItem('hotspot');\r\n    window.localStorage.removeItem('currentBluetooth');\r\n\r\n    window.scene.clearRefine();\r\n    if(window.keysCam){\r\n      //  console.log(\"intract\");\r\n        GotoPosInTimeNamedValue('Render_Cam_F01_Key_Zoomout', function(){\r\n           var slider = document.getElementById(\"sliderRange\");\r\n           if (slider != null) {\r\n              document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n              setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n           }\r\n        });\r\n        window.keysCam = false;\r\n        //scene.clearRefine();\r\n     }\r\n    // alert(\"Rotate product right\");\r\n    //count -= 0.1;\r\n    // console.log(count);\r\n    //window.scene._nav._navYAng -= 0.5;;\r\n    //window.scene.clearRefine();\r\n  }\r\n  const rippleRef = React.useRef('null');\r\n  const onRippleStart = (e) => {\r\n    rippleRef.current.start(e);\r\n  };\r\n  const onRippleStop = (e) => {\r\n    rippleRef.current.stop(e);\r\n  };\r\n  const rippleRefs = React.useRef('null');\r\n\r\n  const onRippleStarts = (e) => {\r\n    rippleRefs.current.start(e);\r\n  };\r\n  const onRippleStops = (e) => {\r\n    rippleRefs.current.stop(e);\r\n  };\r\n  return (\r\n    <React.Fragment>\r\n    {ReactDOM.createPortal(\r\n\r\n    <div id='footerControls'>\r\n      <Hidden only={['xs','sm','md']}>\r\n      <div className = \"threebtns\">\r\n        <div className=\"zoombarandRotateContainer\">\r\n\r\n        <Hidden only={['xs','sm','md']}>\r\n          <div style={topbtns} >\r\n            <Button aria-label=\"Rotate\" id=\"rLeft\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n            <img alt=\"Rotate left\" src=\"./img/diagonalLeftArrow.svg\"/>\r\n            </Button>\r\n            <Button aria-label=\"Rotate\" id=\"rRight\" tabIndex=\"2\" className={classes.newBtns} style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n            <img alt=\"Rotate right\" src=\"./img/diagonalRightArrow.svg\"/>\r\n            </Button>\r\n          </div>\r\n      \r\n          <div id=\"zoomSliderContainer\" style={zoombar} >\r\n            <img style={{height:'100%'}} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\"/>\r\n            \r\n            <Button tabIndex=\"2\" style={{color:\"#0076CE\"}} type=\"button\" onMouseDown={onRippleStart} onMouseUp={onRippleStop} aria-label=\"Clickable Zoom Out\" role=\"button\" id=\"zoomIn\" onClick={onZoomIn}> <TouchRipple ref={rippleRef} center={false} /></Button>            \r\n            <div id=\"zoomSlider\"  aria-hidden=\"true\">\r\n            <div className=\"rangeslider\"  aria-hidden=\"true\">\r\n            {/* <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" class=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\"/> */}\r\n            <label> <input tabIndex=\"2\" aria-hidden=\"true\" type=\"range\" min=\"0\" max=\"100\" step=\"1\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\"/>\r\n              </label>\r\n            </div>\r\n            </div>\r\n            <Button tabIndex=\"2\" style={{color:\"#0076CE\"}} type=\"button\" onMouseDown={onRippleStarts} onMouseUp={onRippleStops} id=\"zoomOut\" role=\"button\" aria-label=\"Clickable Zoom In\" onClick={onZoomOut}><TouchRipple ref={rippleRefs} center={false} /></Button>\r\n          </div>\r\n          </Hidden>\r\n        </div>\r\n        <div style={clearBoth}>\r\n        <Hidden only='xs'>\r\n        <Button tabIndex=\"2\" aria-label=\"Previous view\" id=\"previousView\" style={threeButtons} variant=\"outlined\" color=\"primary\" onClick={props.onPrevious} className={classes.margin}>\r\n        <img alt=\"Previous view\" style={{height: '20px', width: '24px', paddingRight: '12px'}} src=\"./img/leftArrow.svg\"/>{window.finalLangues.previousView}\r\n        </Button>\r\n        <Button tabIndex=\"2\" style={threeButtons} variant=\"outlined\" id=\"resetView\" color=\"primary\" onClick={props.onReset} className={classes.margin}>\r\n        {window.finalLangues.resetView}\r\n        </Button>\r\n        <Button tabIndex=\"2\" aria-label=\"Next view\" style={threeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNext} expanded={props.expanded} className={classes.margin}>\r\n        {window.finalLangues.nextView}<img alt=\"Next view\" style={{height: '20px', width: '24px', paddingLeft: '12px'}} src=\"./img/rightArrow.svg\"/>\r\n        </Button>\r\n        </Hidden>\r\n        {/* <Hidden only={['sm','md','lg','xl']}>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onPrevious} className={classes.margin}>\r\n        <ArrowBackOutlinedIcon style={prev}/>Previous\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onResetMob} className={classes.margin}>\r\n          Reset\r\n        </Button>\r\n        <Button style={mobthreeButtons} variant=\"outlined\" color=\"primary\" onClick={onNext} className={classes.margin}>\r\n          Next  <ArrowForwardOutlinedIcon style={next}/>\r\n        </Button>\r\n        </Hidden> */}\r\n        \r\n        </div>\r\n      </div>\r\n      \r\n      \r\n      </Hidden>\r\n    \r\n    </div>, document.getElementById('footerControlDesk')\r\n        )}\r\n    </React.Fragment>\r\n\r\n  );\r\n}\r\n","import React,{ useState,useEffect } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\n// import IconButton from '@material-ui/core/IconButton';\r\n// import DeleteIcon from '@material-ui/icons/Delete';\r\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\r\nimport ArrowBackOutlinedIcon from '@material-ui/icons/ArrowBackOutlined';\r\nimport ArrowForwardOutlinedIcon from '@material-ui/icons/ArrowForwardOutlined';\r\nimport CallMadeIcon from '@material-ui/icons/CallMade';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n// import Grid from '@material-ui/core/Grid';\r\n\r\nimport Slider from '@material-ui/core/Slider';\r\n// import States from \"./model_gl/config\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   root: {\r\n      width: 170,\r\n   },\r\n   newBtns: {\r\n      borderRadius: \"0.1em\",\r\n   },\r\n\r\n\r\n   margin: {\r\n      // margin: theme.spacing(2),\r\n      // borderRadius: \"0.1em\",\r\n      // textTransform: 'none',\r\n      // fontSize: '0.7em'\r\n   },\r\n   extendedIcon: {\r\n      marginRight: theme.spacing(1),\r\n   },\r\n}));\r\n\r\n\r\nexport default function FooterControlMob(props) {\r\n\r\n   var prevCounter = 0;\r\n   var nextClicked = false;\r\n   var prevClicked = false;\r\n\r\n   const classes = useStyles();\r\n   const [value,setValue] = React.useState(30);\r\n   const [prevDeltaScene,setPrevDeltaScene] = React.useState(0);\r\n   const [zoombarValue,setZoombarValue] = React.useState(0);\r\n\r\n   const handleChange = (event,newValue) => {\r\n      setValue(newValue);\r\n   };\r\n\r\n   const handleZoomChange = (e,newValue) => {\r\n\r\n\r\n\r\n      if (e) { ////console.log(e.target.value);\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,e.target.value);\r\n\r\n      } else {\r\n\r\n         window.scene._nav.NavChangeDolly(undefined,newValue);\r\n         document.getElementById(\"sliderRange\").value = newValue;\r\n\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n\r\n\r\n      /*     ////console.log('newValue', newValue)\r\n          if(newValue == undefined) newValue = e.target.value;\r\n          setZoombarValue(newValue);\r\n          //console.log('zoombarValue', zoombarValue)\r\n          onUpdateZoombar(); */\r\n   };\r\n\r\n   const zoombar = {\r\n      height: '47px',\r\n      position: 'relative',\r\n      float: 'left',\r\n      marginLeft: '4px',\r\n      // left: '48%',\r\n      // bottom: '226px',\r\n\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      // bottom: '149px',\r\n      // marginLeft: '13.5%',\r\n      // marginBottom: '21px',\r\n      border: '1px solid CCCCCC',\r\n      float: 'left',\r\n   }\r\n   const mobthreeButtonsIpad = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '47px',\r\n      width: '143px',\r\n      margin: '21px 19px 20px 19px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const mobthreeButtons = {\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: '500',\r\n      fontSize: '16px',\r\n      lineHeight: '24px',\r\n      letterSpacing: '0.005em',\r\n      backgroundColor: '#FFFFFF',\r\n      height: '48px',\r\n      width: '118px',\r\n      margin: '5px',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const topLeft = {\r\n      transform: 'rotate(270deg)',\r\n      fontSize: '1.5em'\r\n   }\r\n   const topRight = {\r\n      fontSize: '1.5em'\r\n   }\r\n   const prev = {\r\n      marginRight: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const next = {\r\n      marginLeft: '12px',\r\n      fontSize: '1.8em'\r\n   }\r\n   const topBtnstyle = {\r\n      height: '47px',\r\n      width: '62px',\r\n      marginLeft: '8.5px',\r\n      marginRight: '8.5px',\r\n      backgroundColor: '#FFFFFF',\r\n      border: '2px solid #CCCCCC'\r\n   }\r\n   const clearBoth = {\r\n      clear: 'both'\r\n   }\r\n   //only for mob\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.localStorage.getItem('Animation');\r\n   var animTime = 1;\r\n\r\n\r\n   const onUpdateZoombar = (e) => {\r\n      // //console.log(e.target.value);\r\n      var s = window.scene;\r\n      var deltaScene = 0;\r\n      //console.log('onUpdateZoombar',zoombarValue)\r\n      deltaScene = zoombarValue;\r\n      // var delta = (-e.detail * 10.0);\r\n      setPrevDeltaScene(deltaScene);\r\n      // prevDeltaScene = deltaScene;\r\n      if (prevDeltaScene - deltaScene > 0) {\r\n         //console.log(deltaScene)\r\n         if (s._nav.NavChangeDolly(deltaScene))\r\n            s.clearRefine();\r\n      } else {\r\n         //console.log(-deltaScene)\r\n         if (s._nav.NavChangeDolly(-deltaScene))\r\n            s.clearRefine();\r\n      }\r\n      document.getElementById('sliderRange').value = zoombarValue;\r\n      // //console.log(prevDeltaScene)\r\n      // //console.log(deltaScene)\r\n\r\n   }\r\n\r\n   const onZoomIn = (e) => {\r\n      if (window.scene._nav.getZoomFactor() > 0)\r\n         handleZoomChange(null,-0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   const onZoomOut = (e) => {\r\n      if (window.scene._nav.getZoomFactor() < 1)\r\n         handleZoomChange(null,0.1 + (parseFloat(document.getElementById(\"sliderRange\").value)))\r\n   }\r\n\r\n   let count = 1;\r\n   const onLeft = () => {\r\n      // alert(\"Rotate product left\");\r\n      window.scene._nav._navYAng += 0.5;\r\n      // //console.log(count);\r\n      // window.scene._nav._navYAng = count;\r\n      window.scene.clearRefine();\r\n\r\n\r\n   }\r\n   const onRight = () => {\r\n      // alert(\"Rotate product right\");\r\n      count -= 0.1;\r\n      // //console.log(count);\r\n      window.scene._nav._navYAng -= 0.5;;\r\n      window.scene.clearRefine();\r\n   }\r\n   return (\r\n      <React.Fragment>\r\n\r\n         {ReactDOM.createPortal(\r\n            <div id='footerControls'>\r\n               {/* <Hidden only={['sm','md','lg','xl']}>  */}\r\n\r\n               <div className=\"threebtns\">\r\n                  <div className=\"zoombarandRotateContainer\">\r\n\r\n\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <div style={topbtns}>\r\n                           <Button className={classes.newBtns + \" tabIndexStyle\"} id=\"rLeft\" style={topBtnstyle} onClick={onLeft} title=\"left\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"diagonalarrowleft\" src=\"./img/diagonalLeftArrow.svg\" />\r\n                           </Button>\r\n                           <Button className={classes.newBtns + \" tabIndexStyle\"} id=\"rRight\" style={topBtnstyle} onClick={onRight} title=\"right\" variant=\"outlined\" size=\"small\" color=\"primary\">\r\n                              <img alt=\"arrowright\" src=\"./img/diagonalRightArrow.svg\" />\r\n                           </Button>\r\n                        </div>\r\n\r\n                        <div id=\"zoomSliderContainer\" style={zoombar} >\r\n                           <img style={{ height: '100%' }} alt=\"zoombar\" src=\"./img/ZOOMBAR.svg\" />\r\n\r\n                           <div id=\"zoomIn\" onClick={onZoomIn}></div>\r\n                           <div id=\"zoomSlider\" className=\"tabIndexStyle\">\r\n                              <div className=\"rangeslider\">\r\n                                 <label>  <input type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" className=\"myslider\" onChange={handleZoomChange} id=\"sliderRange\" />\r\n                                 </label>\r\n                              </div>\r\n                           </div>\r\n                           <div id=\"zoomOut\" onClick={onZoomOut}></div>\r\n                        </div>\r\n                     </Hidden>\r\n                  </div>\r\n\r\n                  <div className=\"mainDiv\" style={clearBoth}>\r\n                     <Hidden only={['xs','lg','xl']}>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousIpad}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />{window.finalLangues.previous}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetIpad}>\r\n                           {window.finalLangues.reset}\r\n                        </Button>\r\n                        <Button className=\"mobthreeButtonsIpad\" id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextIpad}>\r\n                           {window.finalLangues.next}  <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n\r\n\r\n                     <Hidden only={['sm','md','lg','xl']}>\r\n                        <Button style={mobthreeButtons} id=\"previousView\" variant=\"outlined\" color=\"primary\" onClick={props.onPreviousMob} className={classes.margin}>\r\n                           <img style={{ height: '20px',width: '24px',paddingRight: '12px' }} alt=\"arrowleftMob\" src=\"./img/leftArrow.svg\" />{window.finalLangues.previous}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"resetView\" variant=\"outlined\" color=\"primary\" onClick={props.onResetMob} className={classes.margin}>\r\n                           {window.finalLangues.reset}\r\n                        </Button>\r\n                        <Button style={mobthreeButtons} id=\"nextView\" variant=\"outlined\" color=\"primary\" onClick={props.onNextMob} className={classes.margin}>\r\n                           {window.finalLangues.next}  <img style={{ height: '20px',width: '24px',paddingLeft: '12px' }} alt=\"arrowrightMob\" src=\"./img/rightArrow.svg\" />\r\n                        </Button>\r\n                     </Hidden>\r\n                  </div>\r\n               </div>\r\n\r\n            </div>,document.getElementById('footerControMob')\r\n         )}\r\n\r\n\r\n      </React.Fragment>\r\n\r\n\r\n   )\r\n}","// import React,{ useState,useEffect } from 'react';\r\nimport React,{ useState,useEffect,useRef } from 'react';\r\nimport MenuSelectProductType from './MenuSelectProduct';\r\nimport MenuProductView from './MenuProductView';\r\nimport MenuPositions from './MenuPosition';\r\nimport AnimationBtn from './AnimationBtn';\r\nimport MenuFeatures from './MenuFeatures';\r\n// import MenuColors from './MenuColors';\r\nimport Howtousenew from './Howtousenew';\r\nimport HowToUse from './HowToUse';\r\nimport FooterControl from './FooterControl';\r\nimport FooterControlMob from './FooterControlMob';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Button from '@material-ui/core/Button';\r\n\r\n// import MenuBtn from './MenuBtn';\r\n// import { MicNone } from '@material-ui/icons';\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\nvar mobPortrait = (mob && window.innerHeight > window.innerWidth);\r\nvar moblandscap = (mob && window.innerWidth > window.innerHeight);\r\nvar isipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\n\r\nexport const userContext = React.createContext();\r\nvar prevCounter = 0;\r\nvar nextClicked = false;\r\nvar prevClicked = false;\r\nvar buttonSeq = ['onResetMode','onOverviewClick','onTopClick','onSideClick','onWirelessDesignClick','onKeysClick'];\r\nvar buttonSeq180 = ['onResetMode','onOverviewClick','onTopClick','onSideClick','onWirelessDesignClick','onKeysClick'];\r\nvar selectedButton = 'onResetMode';\r\n\r\nvar position = {\r\n   'currentPos': 'reset',\r\n   'close': 0,\r\n   'nintyDegree': 1.04167,\r\n   'reset': 2.08333,\r\n   'top': 1.583,\r\n   'tent': 3.125,\r\n   'theatre': 4.1667,\r\n   'tablet': 5.208,\r\n}\r\n\r\nconst MainMenu = (props) => {\r\n   const [expandedPanel,setExpandedPanel] = useState(false);\r\n   const [displayed,setDisplayed] = useState(false);\r\n   const [hidden,setHidden] = useState(true);\r\n   const [laptop360FrontImg,setLaptop360FrontImg] = useState(\"./img/front360.png\");\r\n   const [laptop360KeysImg,setLaptop360KeysImg] = useState(\"./img/keys360 _1.png\")\r\n   const [laptop360TopImg,setLaptop360TopImg] = useState(\"./img/top360.png\");\r\n   const [laptop360LeftImg,setLaptop360LefttImg] = useState(\"./img/360_left.png\");\r\n   const [laptop360RightImg,setLaptop360RightImg] = useState(\"./img/360_right.png\");\r\n   const [ecoImg,setEcoImg] = useState(\"./img/pos_4_1.png\");\r\n   const [counter,setCounter] = useState(0);\r\n\r\n   //   const [orientationPotrait, setOrientation] = useState(true);\r\n   //   window.checkOrientationStatus = (orientationStatus) => \r\n   //   {\r\n   //   //  alert(window.screen.orientation.type);\r\n   //     setOrientation(orientationStatus);\r\n   //  }\r\n\r\n   const handleAccordionChange = (panel) => (event,isExpanded) => {\r\n      console.log({ event,isExpanded });\r\n      //setExpandedPanel(isExpanded ? panel  : false );\r\n      if (isExpanded) {\r\n         setExpandedPanel(panel);\r\n         //console.log(\"shubham\");\r\n      } else {\r\n         //  console.log(\"Pawar\");\r\n         setExpandedPanel(false)\r\n      };\r\n      // resetBacklitCloseImg();\r\n\r\n   };\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.localStorage.getItem('Animation');\r\n   var animTime = 1;\r\n   var animTimes = 1;\r\n\r\n   const getData = () => {\r\n      fetch('./model_gl/config.json')\r\n         .then(function (response) {\r\n            return response.json();\r\n         })\r\n         .then(function (myJson) {\r\n            // console.log(myJson.positions);\r\n            setCamData(myJson.positions);\r\n         });\r\n   }\r\n   useEffect(() => {\r\n      getData();\r\n      animationSwitch = window.localStorage.getItem('Animation');\r\n      moblandscap = (mob && window.innerWidth > window.innerHeight);\r\n\r\n      //window.localStorage.setItem('tent', false);\r\n      //window.localStorage.setItem('tablet', false);\r\n      //window.localStorage.setItem('theater', false);\r\n      //window.localStorage.setItem('close', false);\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // window.xmlhttp.open(\"GET\", \"locale.json\", true);\r\n      // window.xmlhttp.send();\r\n      // alert('moblandscap '+moblandscap )\r\n   },[]);\r\n\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n\r\n      // alert('Counter in useEffect'+prevCounter);\r\n      // alert('Counter in useEffect'+counter);\r\n   },[])\r\n   useEffect((event) => {\r\n      if (event) {\r\n         if (event.keyCode === 13) {\r\n            this.click();\r\n         }\r\n      }\r\n      var isipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\n\r\n      let mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\n\r\n      // alert('Counter in useEffect'+prevCounter);\r\n      // alert('Counter in useEffect'+counter);\r\n\r\n   })\r\n\r\n\r\n   //For Animation Switch \r\n   // console.log('animationSwitch anim', animationSwitch)\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000; animTimes = 2000 }\r\n   else { animTime = 1; animTimes = 1 }\r\n   // console.log('animTime', animTime)\r\n\r\n   //new camera function\r\n   const GotoPosInTimeNamedValue = (gotoposname,onComplete,onSample) => {\r\n      // below code is updated in it.  \r\n      // updated code ends here\r\n\r\n      var opt = undefined,gp = camData[gotoposname];\r\n\r\n      //    console.log(gp)\r\n      if (gp.fovy && window.scene.fovy != gp.fovy)\r\n         opt = { fovy: gp.fovy };\r\n      if (gp.pos.length > 5) {\r\n         if (!opt)\r\n            opt = {};\r\n         opt.zang = gp.pos[5];\r\n      }\r\n      // console.log('animationSwitch', animationSwitch)\r\n      if (animationSwitch == 'off') {\r\n         gp.time = 1\r\n         // console.log('animationSwitch iffff', gp.time)\r\n      }\r\n      else {\r\n         gp.time = animTime;\r\n         // console.log('animationSwitch elseeee', gp.time)\r\n      }\r\n      console.log('animationSwitch',animationSwitch);\r\n      console.log('gp.time',gp.time);\r\n      // window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      // console.log(gp.pos[0], gp.pos[1], gp.pos[2], gp.pos[3], gp.pos[4], gp.time, onComplete, onSample, opt);\r\n      if (gotoposname == \"Render_Cam_F20_Ecosystem\") {\r\n         window.scene.gotoPosInTime(gp.pos[0],1.6439499,gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      }\r\n      else {\r\n         window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4],gp.time,onComplete,slowInOut,opt);\r\n      }\r\n   }\r\n   //end\r\n   const slowInOut = (x) => {\r\n      var a = 2.1;\r\n      var x2 = 1.0 - x;\r\n      var px = Math.pow(x,a);\r\n      var px2 = Math.pow(x2,a);\r\n\r\n      return px / (px + px2);\r\n   }\r\n\r\n   const resetBacklitCloseImg = () => {\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      // window.scene.materialReplace('LED_Backlit_ON_env', 'LED_Backlit_OFF_env');\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const clearBluetoothIndicator = useRef(null);\r\n   const clearBluetoothSettimeFirst = useRef(null);\r\n   const clearBluetoothSettimeSecond = useRef(null);\r\n   const clearBluetoothSettimeThird = useRef(null);\r\n   const clearBluetoothSetintervalOne = useRef(null);\r\n   const clearBluetoothSetintervalTwo = useRef(null);\r\n   const clearBluetoothMainInterval = useRef(null);\r\n\r\n   const bluetoothIndicator = (stateName) => {\r\n      clearBluetoothIndicator.current = setTimeout(() => {\r\n         console.log('blink');\r\n\r\n         window.scene.groupApplyState(stateName);\r\n      },500);\r\n      // window.localStorage.setItem('hotspot','keys');\r\n      window.scene.groupApplyState('LED_OFF');\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   const bluetoothBlikingLoop = () => {\r\n      clearBluetoothSettimeFirst.current = setTimeout(() => {\r\n\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",1.2500000,500,function () {\r\n         //   console.log(\"upp3\")\r\n         },undefined,undefined,true,1.0416666,0);\r\n\r\n         clearTimeout(clearBluetoothSettimeThird.current);\r\n\r\n\r\n         window.scene.groupApplyState('LED_OFF');\r\n         setTimeout(() => {\r\n            window.scene.groupApplyState('LED_01_ON');\r\n            window.localStorage.setItem('currentBluetooth','bluetooth1');\r\n         },100);\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",0.41,500,function () {\r\n          //  console.log(\"upp1\")\r\n         },undefined,undefined,true,0.2083333,0);\r\n\r\n\r\n         // console.log(\"led 1 on\")\r\n         \r\n         /* clearBluetoothSetintervalOne.current = setInterval(() => {\r\n            bluetoothIndicator('LED_01_ON');\r\n         },1000) */\r\n         clearBluetoothSettimeSecond.current = setTimeout(() => {\r\n            clearTimeout(clearBluetoothSettimeFirst.current);\r\n            clearInterval(clearBluetoothSetintervalOne.current);\r\n            clearTimeout(clearBluetoothIndicator.current);\r\n\r\n            setTimeout(() => {\r\n               window.scene.groupApplyState('LED_01_OFF');\r\n               window.scene.groupApplyState('LED_02_ON');\r\n               window.localStorage.setItem('currentBluetooth','bluetooth2');\r\n            },100);\r\n            window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",0.8333333,500,function () {\r\n            //   console.log(\"upp2\")\r\n            },undefined,undefined,true,0.6250000,0);\r\n          //  console.log(\"led 2 on\")\r\n           \r\n            /* clearBluetoothSetintervalTwo.current = setInterval(() => {\r\n               bluetoothIndicator('LED_02_ON');\r\n            },1000) */\r\n            clearBluetoothSettimeThird.current = setTimeout(() => {\r\n\r\n               clearTimeout(clearBluetoothSettimeSecond.current);\r\n               clearTimeout(clearBluetoothSetintervalTwo.current);\r\n               clearInterval(clearBluetoothIndicator.current);\r\n               \r\n\r\n               setTimeout(() => {\r\n                  window.scene.groupApplyState('LED_01_OFF');\r\n                  window.scene.groupApplyState('LED_02_OFF');\r\n                  window.scene.groupApplyState('LED_03_ON');\r\n                  window.localStorage.setItem('currentBluetooth','bluetooth3');\r\n               },100);\r\n               window.scene.animPlayAllChildrenInTime(\"Mode_Connection_Button\",1.2500000,500,function () {\r\n               //   console.log(\"upp3\")\r\n               },undefined,undefined,true,1.0416666,0);\r\n              // console.log(\"led 3 on\")\r\n            },2000)\r\n         },2000)\r\n      },500)\r\n   }\r\n\r\n   const clearAllBluetoothSetTime = () => {\r\n\r\n     // console.log('clearAllBluetoothSetTime');\r\n      clearTimeout(clearBluetoothMainInterval.current);\r\n      clearTimeout(clearBluetoothSettimeFirst.current);\r\n      clearTimeout(clearBluetoothSettimeSecond.current);\r\n      clearTimeout(clearBluetoothSettimeThird.current);\r\n      clearTimeout(clearBluetoothIndicator.current);\r\n      clearInterval(clearBluetoothSetintervalOne.current);\r\n      clearInterval(clearBluetoothSetintervalTwo.current);\r\n      window.scene.groupApplyState('LED_OFF');\r\n   }\r\n\r\n   useEffect(() => {\r\n      window.addEventListener('mousedown',(e) => {\r\n         if (window.keysCam != false) {\r\n            clearAllBluetoothSetTime();\r\n         }\r\n      })\r\n      window.addEventListener('wheel',(e) => {\r\n         console.log(\"in wheel\");\r\n         //if (window.keysCam != false) {\r\n            clearAllBluetoothSetTime();\r\n       //  }\r\n      })\r\n      // window.addEventListener('DOMMouseScroll',(e) => {\r\n      //    console.log(\"in DOMMouseScroll\");\r\n      //    if (window.keysCam != false) {\r\n      //       clearAllBluetoothSetTime();\r\n      //    }\r\n      // })\r\n      return () => {\r\n         window.removeEventListener('mousedown',clearAllBluetoothSetTime(),false);\r\n         window.removeEventListener('wheel',clearAllBluetoothSetTime(),false);\r\n        // window.removeEventListener('DOMMouseScroll',clearAllBluetoothSetTime(),false);\r\n      }\r\n   },[])\r\n\r\n   useEffect(() => {\r\n      return () => {\r\n         // window.localStorage.setItem('hotspot','keys');\r\n         console.log('clear led interval');\r\n         clearAllBluetoothSetTime();\r\n      }\r\n   },[window.keysCam])\r\n\r\n\r\n   const resetAll = () => {\r\n      clearAllBluetoothSetTime();\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      window.keysCam = false;\r\n      window.UniqDeltaScroll = false;\r\n      window.UniqDeltaScroll2 = false;\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.scene.groupApplyState(\"EcoSystem_OFF\");\r\n\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD\",0,0);\r\n\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard\",0,0);\r\n      // window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n      // window.scene.animPlayInTime(\"Mode_Connection_Button\",0,0);\r\n       \r\n\r\n      if (window.scene.animIsPlaying('CA_Wireless_KB_MPD')) window.scene.getAnim(\"CA_Wireless_KB_MPD\").stop();\r\n      if (window.scene.animIsPlaying('CA_Wireless_KB_MPD_Keyboard')) window.scene.getAnim(\"CA_Wireless_KB_MPD_Keyboard\").stop();\r\n      if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD_Keyboard\")) window.scene.getAnim(\"CA_Wireless_KB_MPD_Keyboard\").stop();\r\n      if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD\")) window.scene.getAnim(\"CA_Wireless_KB_MPD\").stop();\r\n      if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD_REF\")) window.scene.getAnim(\"CA_Wireless_KB_MPD_REF\").stop();\r\n      if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD.001\")) window.scene.getAnim(\"CA_Wireless_KB_MPD.001\").stop();\r\n      if (window.scene.animIsPlaying(\"STAND_L\")) window.scene.getAnim(\"STAND_L\").stop();\r\n      if (window.scene.animIsPlaying(\"Right_foot\")) window.scene.getAnim(\"Right_foot\").stop();\r\n      if (window.scene.animIsPlaying(\"Reflection\")) window.scene.getAnim(\"Reflection\").stop();\r\n      if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD_Keyboard.001\")) window.scene.getAnim(\"CA_Wireless_KB_MPD_Keyboard.001\").stop();\r\n      if (window.scene.animIsPlaying(\"STAND_L\")) window.scene.getAnim(\"STAND_L\").stop();\r\n      if (window.scene.animIsPlaying(\"Right_foot\")) window.scene.getAnim(\"Right_foot\").stop();\r\n      if (window.scene.animIsPlaying(\"Mode_Connection_Button\")) window.scene.getAnim(\"Mode_Connection_Button\").stop();\r\n\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard\",0,0);\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD\",0,0);\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_REF\",0,0);\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard.001\",0,0);\r\n      window.scene.animPlayInTime(\"Right_foot.001\",0,0);\r\n      window.scene.animPlayInTime(\"STAND_L.001\",0,0);\r\n      // window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_REF\",0.83,0);\r\n      window.scene.animPlayInTime(\"CA_Wireless_KB_MPD.001\",0,0);\r\n      window.scene.animPlayInTime(\"STAND_L\",0,0);\r\n      window.scene.animPlayInTime(\"Right_foot\",0,0);\r\n      window.scene.animPlayInTime(\"Reflection\",0,0);\r\n   \r\n\r\n      // window.scene.animPlayInTime(\"Feet_2.001\", 0, 0);\r\n   }\r\n   const reverseAll = () => {\r\n      window.scene._nav.tempfRotMinLimit = 0.48;\r\n      window.scene._nav._navMinDolly = 8;\r\n      // window.scene._nav._navMaxDolly = 27;\r\n      window.scene._nav._navMaxDolly = 23;\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   // const reverAnimation = () => {\r\n\r\n   //    if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD_Keyboard\")) window.scene.getAnim(\"CA_Wireless_KB_MPD_Keyboard\").stop();\r\n   //    if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD\")) window.scene.getAnim(\"CA_Wireless_KB_MPD\").stop();\r\n   //    if (window.scene.animIsPlaying(\"CA_Wireless_KB_MPD_REF\")) window.scene.getAnim(\"CA_Wireless_KB_MPD_REF\").stop();\r\n   //    if (window.scene.animIsPlaying(\"STAND_L\")) window.scene.getAnim(\"STAND_L\").stop();\r\n   //    if (window.scene.animIsPlaying(\"Right_foot\")) window.scene.getAnim(\"Right_foot\").stop();\r\n\r\n   //    window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard\",0,0);\r\n   //    window.scene.animPlayInTime(\"CA_Wireless_KB_MPD\",0,0);\r\n   //    window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_REF\",0,0);\r\n   //    window.scene.animPlayInTime(\"STAND_L\",0,0);\r\n   //    window.scene.animPlayInTime(\"Right_foot\",0,0);\r\n\r\n\r\n   //    window.scene.clearRefine();\r\n   // }\r\n\r\n   const resetTimeline1 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_01_A')) window.scene.getAnim(\"Screen_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_01_A')) window.scene.getAnim(\"Hinge_grp_timeline_01_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_01_A')) window.scene.getAnim(\"Main_grp_timeline_01_A\").stop();\r\n\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime(\"Screen_90_degree\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close180\", 0, 0);\r\n         // window.scene.animPlayInTime(\"Screen_90_to_close360\", 0, 0);\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_01_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_01_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline2 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_02_A')) window.scene.getAnim(\"Screen_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_02_A')) window.scene.getAnim(\"Hinge_grp_timeline_02_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_02_A')) window.scene.getAnim(\"Main_grp_timeline_02_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_02_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_02_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline3 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_03_A')) window.scene.getAnim(\"Screen_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_03_A')) window.scene.getAnim(\"Hinge_grp_timeline_03_A\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_03_A')) window.scene.getAnim(\"Main_grp_timeline_03_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_03_A\",0,0);\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_03_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const resetTimeline4 = (revers90Degree = true) => {\r\n      //window.scene.instanceSet(\"GP_Close_360\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Stand\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tent\", \"visible\", false);\r\n      //window.scene.instanceSet(\"GP_Tablet\", \"visible\", false);\r\n      if (window.scene.animIsPlaying('Screen_90_degree')) window.scene.getAnim(\"Screen_90_degree\").stop();\r\n      if (window.scene.animIsPlaying('Main_grp_timeline_04_A')) window.scene.getAnim(\"Main_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Hinge_grp_timeline_04_A')) window.scene.getAnim(\"Hinge_grp_timeline_04_A\").stop();\r\n      if (window.scene.animIsPlaying('Screen_grp_timeline_04_A')) window.scene.getAnim(\"Screen_grp_timeline_04_A\").stop();\r\n      if (revers90Degree) {\r\n         // window.scene.animPlayInTime('Screen_90_degree', 0, 0);\r\n         // window.scene.animPlayInTime('Screen_90_degree_180', 0, 0);\r\n\r\n      }\r\n      window.scene.animPlayInTime(\"Main_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Hinge_grp_timeline_04_A\",0,0);\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_04_A\",0,0);\r\n      window.scene.clearRefine();\r\n   }\r\n   const posClicked1 = () => {\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.localStorage.removeItem('color');\r\n      window.scene.animPlayInTime(\"Screen_grp_timeline_01\",0,animTime);\r\n\r\n   }\r\n\r\n\r\n   //MenuSelectProduct\r\n   const [laptop360,setlaptop360] = useState(true);\r\n\r\n   const [laptop180,setlaptop180] = useState(false);\r\n\r\n   const laptopClick = (event) => {\r\n\r\n      setlaptop180(true);\r\n      setlaptop360(false);\r\n      console.log(laptop180);\r\n      setCounter(0);\r\n      selectedButton = 'onResetMode';\r\n      setValue(event.target.value);\r\n      setDisplayed(true);\r\n      // setExpandedPanel(false);\r\n      setHidden(false);\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('laptop').setAttribute('aria-label','laptop radio butoon selected');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      setLaptop360FrontImg(\"./img/front180White.png\");\r\n      setLaptop360TopImg(\"./img/top180White.png\");\r\n      setLaptop360LefttImg(\"./img/180_white_left.png\");\r\n      setLaptop360RightImg(\"./img/180_white_right.png\");\r\n      resetBacklitCloseImg();\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.setItem(\"laptop\",\"laptop180\");\r\n      window.localStorage.removeItem('color');\r\n\r\n      var radiobtn1 = document.getElementById('twoinoneRadio');\r\n      radiobtn1.checked = false;\r\n      var radioSelector1 = document.querySelector('#twoinoneRadio')\r\n      var nextSibling1 = radioSelector1.nextElementSibling;\r\n      var selectSVG1 = nextSibling1.lastChild;\r\n      selectSVG1.style.transform = 'scale(0)'\r\n      // nextSibling1.classList.remove('PrivateRadioButtonIcon-checked-16')\r\n      var radiobtn2 = document.getElementById('laptopRadio');\r\n      radiobtn2.checked = true;\r\n      var radioSelector2 = document.querySelector('#laptopRadio')\r\n      var nextSibling2 = radioSelector2.nextElementSibling;\r\n      var selectSVG2 = nextSibling2.lastChild;\r\n      selectSVG2.style.transform = 'scale(1)'\r\n      // nextSibling2.classList.add('PrivateRadioButtonIcon-checked-16')\r\n      document.getElementById(\"laptopRadio\").tabIndex = 1;\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //  alreadySelected.classList.remove('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('select');\r\n      }\r\n      window.RT_RecordEvent(\"Product Type\",\"Laptop\",window.config.name);\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      // document.getElementById(\"tentBtn\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      document.getElementById(\"tentBtn\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      //  document.getElementById('laptop2in1').classList.remove('select');\r\n      document.getElementById('laptop').classList.add('active');\r\n      document.getElementById('laptop2in1').classList.remove('active');\r\n      document.getElementById('laptop2in1').classList.remove('select');\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      });\r\n\r\n      // document.querySelector('#blackBtn').classList.add('Btnsubmenus');\r\n      // document.querySelector('#blackBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#blackBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#blackBtn').style.pointerEvents = \"auto\";\r\n      // document.querySelector('#blackBtn').setAttribute = (\"onclick\");\r\n      // document.querySelector('#menucolor').setAttribute = (\"onBlackBtnClick\");\r\n\r\n\r\n      // document.querySelector('#tentBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#tentBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#tentBtn').setAttribute(\"tabindex\", \"-1\");\r\n\r\n      // document.querySelector('#theaterBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#theaterBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#theaterBtn').setAttribute(\"tabindex\", \"-1\");\r\n\r\n      // document.querySelector('#tabletBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#tabletBtn').style.pointerEvents = 'none';\r\n      // document.querySelector('#tabletBtn').setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"tentBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"theaterBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n      // document.getElementById(\"tabletBtn1\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      } else {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      }\r\n\r\n\r\n   }\r\n\r\n   const [value,setValue] = useState('2 in 1');\r\n\r\n   const select2in1Click = (event) => {\r\n      setlaptop360(true);\r\n      setlaptop180(false);\r\n      console.log(laptop360);\r\n      selectedButton = 'onResetMode';\r\n      setValue(event.target.value);\r\n      setDisplayed(false);\r\n      setHidden(true);\r\n      // setExpandedPanel(false);\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('laptop2in1').setAttribute('aria-label','2in1 radio butoon selected');\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelecte != null) {\r\n         alreadySelecte.classList.remove('select');\r\n      }\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      // if(alreadySelected != null){\r\n      //   alreadySelected.classList.remove('active');\r\n      // }\r\n      document.getElementById('laptop2in1').classList.add('active');\r\n      document.getElementById('laptop2in1').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      document.getElementById('laptop').classList.remove('active');\r\n      document.getElementById('laptop').classList.remove('select');\r\n      document.getElementById(\"tentBtn\").setAttribute(\"tabindex\",\"1\");\r\n      document.getElementById(\"theaterBtn\").setAttribute(\"tabindex\",\"1\");\r\n      document.getElementById(\"tabletBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\", \"-1\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screenfill_360\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      window.localStorage.setItem(\"laptop\",\"laptop360\");\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      var radiobtn1 = document.getElementById('laptopRadio');\r\n      radiobtn1.checked = false;\r\n      var radioSelector1 = document.querySelector('#laptopRadio')\r\n      var nextSibling1 = radioSelector1.nextElementSibling;\r\n      var selectSVG1 = nextSibling1.lastChild;\r\n      selectSVG1.style.transform = 'scale(0)'\r\n      var radiobtn2 = document.getElementById('twoinoneRadio');\r\n      radiobtn2.checked = true;\r\n      var radioSelector2 = document.querySelector('#twoinoneRadio')\r\n      var nextSibling2 = radioSelector2.nextElementSibling;\r\n      var selectSVG2 = nextSibling2.lastChild;\r\n      selectSVG2.style.transform = 'scale(1)'\r\n\r\n      window.localStorage.removeItem('color');\r\n      document.getElementById(\"twoinoneRadio\").tabIndex = 1;\r\n\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"2 in 1\",window.config.name);\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n\r\n      setLaptop360FrontImg(\"./img/front360.png\");\r\n      setLaptop360TopImg(\"./img/top360.png\");\r\n      setLaptop360LefttImg(\"./img/360_left.png\");\r\n      setLaptop360RightImg(\"./img/360_right.png\");\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n         window.scene.groupApplyState(\"Silver\");\r\n\r\n      });\r\n      // document.querySelector('#blackBtn').classList.add('Mui-disabled');\r\n      // document.querySelector('#blackBtn').style.pointerEvents = \"auto\";\r\n      // document.querySelector('#blackBtns').classList.remove('Btnsubmenus');\r\n\r\n      // document.querySelector('#blackBtn').removeAttribute = (\"onclick\");\r\n\r\n      // document.querySelector('#menucolor').removeAttribute = (\"onBlackBtnClick\");\r\n\r\n\r\n      // document.querySelector('#tentBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#tentBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#tentBtn').setAttribute(\"tabindex\", \"1\");\r\n\r\n      // document.querySelector('#theaterBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#theaterBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#theaterBtn').setAttribute(\"tabindex\", \"1\");\r\n\r\n      // document.querySelector('#tabletBtn').classList.remove('Mui-disabled');\r\n      // document.querySelector('#tabletBtn').style.pointerEvents = 'auto';\r\n      // document.querySelector('#tabletBtn').setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"blackBtn\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      // document.getElementById(\"tentBtn1\").setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"theaterBtn1\").setAttribute(\"tabindex\", \"1\");\r\n      // document.getElementById(\"tabletBtn1\").setAttribute(\"tabindex\", \"1\");\r\n\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      } else {\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n         window.scene.clearRefine();\r\n      }\r\n\r\n   }\r\n\r\n   //MenuProductView\r\n\r\n   const onWirelessDesignClick = (isNextPrevious) => {\r\n      console.log(\"----------------onWirelessDesignBtnClick\");\r\n      // window.scene._nav._panMax = [16,7];    //[left, bottom];\r\n      // window.scene._nav._panMin = [-12,-7];  //[right, top];\r\n      //Update ZoomBar\r\n\r\n      resetAll();\r\n      reverseAll();\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(position.nintyDegree,position.currentPos)\r\n\r\n      //   var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //    alreadySelected.classList.remove('active');\r\n      // document.getElementById('frontBtn').classList.add('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('wirelessdesignBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      // window.scene.groupApplyState(\"screen_180\");\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      var currentPosName = position.currentPos;\r\n\r\n\r\n      selectedButton = 'onWirelessDesignClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Front view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Front view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n      //window.scene.groupApplyState(\"GP_All\");\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.scene.groupApplyState(\"dongle_on\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"GP_Reset_OLD\");\r\n      window.scene.groupApplyState(\"REF_KB\");\r\n\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_RL',function () {\r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n         window.localStorage.setItem('hotspot','wirelessdesign');\r\n         // window.scene._nav._fovRecoveryOffset = 2\r\n\r\n\r\n\r\n\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      })\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'nintyDegree';\r\n\r\n   }\r\n\r\n   const onKeysClick = (isNextPrevious) => {\r\n      console.log(\"----------------onKeysBtnClick\");\r\n\r\n      //Update ZoomBar\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\r\n      reverseAll();\r\n      window.scene._nav._navMaxDolly = 27;\r\n      window.UniqDeltaScroll2 = true;\r\n      window.keysCam = true;\r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(position.nintyDegree,position.currentPos)\r\n\r\n      //   var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //    alreadySelected.classList.remove('active');\r\n      // document.getElementById('frontBtn').classList.add('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('keysBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"REF_KB\");\r\n      var currentPosName = position.currentPos;\r\n\r\n\r\n      selectedButton = 'onKeysClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Front view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Front view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n      //window.scene.groupApplyState(\"GP_All\");\r\n      window.scene.groupApplyState(\"REF_KB\");\r\n      window.scene.groupApplyState(\"GP_Reset_OLD\");\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Key_Closeup',function () {\r\n\r\n         window.localStorage.setItem('hotspot','keys');\r\n         bluetoothBlikingLoop();\r\n         clearBluetoothMainInterval.current = setInterval(() => {\r\n\r\n            bluetoothBlikingLoop();\r\n            // window.localStorage.setItem('hotspot','keys')\r\n         },6000)\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      })\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'nintyDegree';\r\n\r\n   }\r\n\r\n\r\n   const onWorkspaceClick = (isNextPrevious) => {\r\n      console.log(\"----------------onWorkspaceBtnClick\");\r\n      window.scene._nav._navMinDolly = 15;\r\n      window.scene._nav._navMaxDolly = 27;\r\n      window.scene._nav._panMax = [10,5];    //[left, bottom];\r\n      window.scene._nav._panMin = [-15,-10];  //[right, top];\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      resetAll();\r\n      window.scene.groupApplyState(\"dongle_on\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(position.nintyDegree,position.currentPos)\r\n\r\n      //   var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //    alreadySelected.classList.remove('active');\r\n      // document.getElementById('frontBtn').classList.add('active');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('workspaceBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"REF_KB\");\r\n      var currentPosName = position.currentPos;\r\n\r\n\r\n      selectedButton = 'onWorkspaceClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Front view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Front view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      window.scene.clearRefine();\r\n      resetBacklitCloseImg();\r\n      //window.scene.groupApplyState(\"GP_All\");\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         window.localStorage.setItem('hotspot','Workspace')\r\n\r\n         if (isNextPrevious != true) {\r\n            // alert(\"isNextPrevious\");\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      })\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'nintyDegree';\r\n\r\n   }\r\n\r\n\r\n   const onSideClick = (isNextPrevious) => {\r\n      resetAll();\r\n      reverseAll();\r\n      //Update ZoomBar\r\n      window.scene._nav._navMinDolly = 9;\r\n\r\n      console.log(position.nintyDegree,position.currentPos)\r\n      window.scene._nav._fovRecoveryOffset = 15;\r\n      window.UniqDeltaScroll = true;\r\n      selectedButton = 'onSideClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','right view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','right view');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('rightBtn').classList.add('active');\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n      // //window.scene.groupApplyState(\"GP_All\");\r\n      window.scene.groupApplyState(\"REF_KB\");\r\n      window.scene.groupApplyState(\"GP_side\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n         console.log();\r\n         window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard\",0.40,1000);\r\n         window.scene.animPlayInTime(\"STAND_L\",0.40,1000);\r\n         window.scene.animPlayInTime(\"Right_foot\",0.40,1000);\r\n         window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard.001\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Right_foot.001\",0.4060000,1000);\r\n         window.scene.animPlayInTime(\"STAND_L.001\",0.4166667,1000);\r\n         window.scene._nav._fovRecoveryOffset = 15;\r\n\r\n         if (slider != null) {\r\n            document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n            setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n         }\r\n         setTimeout(function () {\r\n            window.localStorage.setItem('hotspot','side');\r\n         },1200);\r\n\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n      // window.document.getElementById(\"hotspot11\").focus();\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n\r\n\r\n      position.currentPos = 'nintyDegree';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Right\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n\r\n\r\n   const onOverviewClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      resetAll();\r\n      reverseAll();\r\n\r\n      console.log(position.nintyDegree,position.currentPos)\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      console.log(\"left\")\r\n      selectedButton = 'onOverviewClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','left view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','left view');\r\n      }\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('leftBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      (window.localStorage.getItem(\"hotspot\",\"right\"))\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n    \r\n      window.scene.groupApplyState(\"dongle_off\");\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.scene.groupApplyState(\"GP_Reset_OLD\");\r\n\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n      // window.scene.groupApplyState(\"REF_KB\");\r\n    \r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n         //  (  )\r\n          window.scene.animPlayInTime(\"Mode_Connection_Button\",0.0416667,0);\r\n         // window.scene.animPlayInTime(\"CA_Wireless_KB_MPD_Keyboard\",0.0416667,1000);\r\n         window.localStorage.setItem('hotspot','overview')\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n\r\n      });\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"1\");\r\n\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      if (position.nintyDegree == position[currentPosName]) { position.currentPos = 'nintyDegree'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         // window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.nintyDegree,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n      position.currentPos = 'nintyDegree';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Left\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n   const onTopClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n\r\n      console.log(position.top,position.currentPos)\r\n      resetAll();\r\n      reverseAll();\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      selectedButton = 'onTopClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Top view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Top view');\r\n      }\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('topBtn').classList.add('active');\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      resetBacklitCloseImg();\r\n      // reverseAll();\r\n      //window.scene.groupApplyState(\"GP_All\");\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n      // window.scene.groupApplyState(\"REF_KB\");\r\n      window.scene.groupApplyState(\"GP_Reset_OLD\");\r\n      window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         window.scene.animPlayInTime(\"Mode_Connection_Button\",0.041666,0);\r\n         window.localStorage.setItem('hotspot','top')\r\n\r\n         if (isNextPrevious != true) {\r\n            //alert(isNextPrevious);\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n      });\r\n\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"1\");\r\n         document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n         document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n         document.getElementById(\"rLeft\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"rRight\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomOut\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"sliderRange\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"zoomIn\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"previousView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"resetView\").setAttribute(\"tabindex\",\"0\");\r\n         document.getElementById(\"nextView\").setAttribute(\"tabindex\",\"0\");\r\n\r\n      }\r\n\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.top == position[currentPosName]) { position.currentPos = 'top'; return; }\r\n      // if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n      //    console.log(\"Theater\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      // }\r\n      // else {\r\n      //    console.log(\"else\")\r\n      //    window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      // }\r\n\r\n      // position.currentPos = 'top';\r\n\r\n      window.RT_RecordEvent(\"Product Type\",\"Top\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n\r\n   //MenuFeatureView\r\n\r\n   const [openCloseOnOff,setOpenCloseOnOff] = useState(false);\r\n   const [backlit,setBacklite] = useState(\"./img/Backlite_Off.svg\");\r\n   const [opneClose,setOpenClose] = useState(\"./img/Lid_open.svg\");\r\n   const [backliteOnOff,setBackliteOnOff] = useState(false);\r\n\r\n\r\n   const openCloseClick = () => {\r\n      console.log(position.close,position.currentPos)\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      selectedButton = 'openCloseClick';\r\n\r\n\r\n      var fromPos = window.localStorage.getItem('hotspot')\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      window.localStorage.setItem('closeMode','on');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('openCloseBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      setBackliteOnOff(false);\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n\r\n      console.log(backliteOnOff);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n\r\n      if (openCloseOnOff) {\r\n\r\n         document.getElementById('openCloseBtn').setAttribute('aria-label','');\r\n         document.getElementById('openCloseLid').innerHTML = 'Open Lid';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Open Lid');\r\n\r\n            document.getElementById('nextView').setAttribute('aria-label','Open Lid');\r\n\r\n\r\n         }\r\n         setOpenCloseOnOff(false);\r\n         console.log(\"open\");\r\n         setOpenClose(\"./img/Lid_open.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F15_TF',function () {\r\n\r\n\r\n\r\n         });\r\n\r\n         var currentPosName = position.currentPos;\r\n         if (position.reset == position[currentPosName]) { position.currentPos = 'reset'; return; }\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.reset,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n         window.RT_RecordEvent(\"Features\",\"Open Lid\",window.config.name);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'reset';\r\n      } else {\r\n\r\n         document.getElementById('openCloseBtn').setAttribute('aria-label','');\r\n         document.getElementById('openCloseLid').innerHTML = 'Close Lid';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Close Lid');\r\n\r\n            document.getElementById('nextView').setAttribute('aria-label','Close Lid');\r\n         }\r\n         setOpenCloseOnOff(true);\r\n         console.log(\"close\");\r\n         setBackliteOnOff(false);\r\n         setOpenClose(\"./img/Lid_close.svg\");\r\n\r\n\r\n         window.scene.groupApplyState(\"dynamic_reset\");\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n\r\n         });\r\n\r\n         var currentPosName = position.currentPos;\r\n         if (position.close == position[currentPosName]) { position.currentPos = 'close'; return; }\r\n         if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n            console.log(\"Theater\")\r\n            window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n            window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         }\r\n         else {\r\n            console.log(\"else\")\r\n            window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n            window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.close,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n         }\r\n\r\n         window.RT_RecordEvent(\"Features\",\"Close Lid\",window.config.name);\r\n         window.scene.clearRefine();\r\n         position.currentPos = 'close';\r\n      }\r\n\r\n\r\n   }\r\n   let backliteVar = document.getElementById('backlitBtn');\r\n\r\n   const backliteClick = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      selectedButton = 'backliteClick';\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('backlitBtn').classList.add('active');\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      window.scene.groupApplyState(\"GP_open\");\r\n      window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n      resetBacklitCloseImg();\r\n\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n\r\n         window.localStorage.setItem('hotspot','backlit');\r\n\r\n         window.scene.clearRefine();\r\n      })\r\n\r\n      //add for tab issues\r\n      document.getElementById(\"hotspot1\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot2\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot3\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot4\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot5\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot6\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot7\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot8\").setAttribute(\"tabindex\",\"-1\");\r\n      document.getElementById(\"hotspot9\").setAttribute(\"tabindex\",\"-1\");\r\n\r\n      if (backliteOnOff) {\r\n\r\n         console.log(\"off\");\r\n         setBackliteOnOff(false);\r\n         // backliteVar.setAttribute.ariaLabel = \"Close dialog\";\r\n         document.getElementById('backlitBtn').setAttribute('aria-label','');\r\n         document.getElementById('backlitOnnOff').innerHTML = 'Backlit off';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Backlit off');\r\n            document.getElementById('nextView').setAttribute('aria-label','Backlit off');\r\n         }\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () { })\r\n\r\n         window.scene.groupApplyState(\"Backlit_OFF\");\r\n         // window.scene.clearRefine();\r\n         // document.getElementById('backlitOff').style.display=\"none\";\r\n         // document.getElementById('backlitOn').style.display=\"block\";\r\n         // window.document.getElementById('backlitOff').src=\"./img/Backlite_Off.svg\";\r\n         window.RT_RecordEvent(\"Features\",\"Backlite Off\",window.config.name);\r\n\r\n      } else {\r\n         // backliteVar.setAttribute.ariaLabel = \"Backlit on\";\r\n         document.getElementById('backlitBtn').setAttribute('aria-label','');\r\n         document.getElementById('backlitOnnOff').innerHTML = 'Backlit on';\r\n         if (!(mob || isipad)) {\r\n            document.getElementById('previousView').setAttribute('aria-label','Backlit on');\r\n            document.getElementById('nextView').setAttribute('aria-label','Backlit on');\r\n         }\r\n         setBackliteOnOff(true);\r\n         console.log(\"on\");\r\n         setBacklite(\"./img/Backlite_On.svg\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         })\r\n         window.scene.groupApplyState(\"Backlit_ON\");\r\n         // document.getElementById('backlitOn').style.display=\"none\";\r\n         // document.getElementById('backlitOff').style.display=\"block\";\r\n         // window.document.getElementById('backlitOn').src=\"./img/Backlite_On.svg\";\r\n         window.RT_RecordEvent(\"Features\",\"Backlite On\",window.config.name);\r\n         window.scene.clearRefine();\r\n\r\n      }\r\n      var currentPosName = position.currentPos;\r\n      if (position.top == position[currentPosName]) { position.currentPos = 'top'; return; }\r\n      if (position.currentPos == 'theatre' || position.currentPos == 'tablet') {\r\n         console.log(\"Theater\")\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      }\r\n      else {\r\n         console.log(\"else\")\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n\r\n         window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.top,animTime,undefined,undefined,undefined,true,position[currentPosName],0);\r\n      }\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'top';\r\n   }\r\n\r\n   //menucolor\r\n\r\n   const color1Click = () => {\r\n      //   var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      // alreadySelecte.classList.remove('select');\r\n\r\n      var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n      if (alreadySelecte != null) {\r\n         alreadySelecte.classList.remove('select');\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      // document.getElementById('whiteBtn').classList.add('select');\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      setLaptop360FrontImg(\"./img/front180White.png\");\r\n      setLaptop360TopImg(\"./img/top180White.png\");\r\n      setLaptop360LefttImg(\"./img/180_white_left.png\");\r\n      setLaptop360RightImg(\"./img/180_white_right.png\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      window.localStorage.setItem(\"color\",\"laptopSilver\");\r\n      setPort4Click(false);\r\n      if (window.localStorage.getItem('laptop') == 'laptop360') {\r\n         // console.log('a')\r\n         window.scene.groupApplyState(\"Silver\");\r\n\r\n      }\r\n      else if (window.localStorage.getItem('laptop') == 'laptop180') {\r\n         // console.log('b')\r\n         window.scene.groupApplyState(\"Silver_180\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      }\r\n      window.localStorage.setItem(\"silver\",true);\r\n      window.RT_RecordEvent(\"Color\",\"Aluminium\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n\r\n\r\n   }\r\n\r\n   const color2Click = () => {\r\n\r\n\r\n      window.localStorage.setItem(\"position\",\"reset\");\r\n      window.localStorage.setItem(\"color\",\"laptopBlack\");\r\n      window.localStorage.removeItem('closeMode')\r\n\r\n\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      setLaptop360FrontImg(\"./img/front180Black.png\");\r\n      setLaptop360TopImg(\"./img/top180Black.png\");\r\n      setLaptop360LefttImg(\"./img/180_black_left.png\");\r\n      setLaptop360RightImg(\"./img/180_black_right.png\");\r\n      window.scene.groupApplyState(\"screenfill_180\");\r\n      setPort2Click(false);\r\n      setPort1Click(false);\r\n      setPort3Click(false);\r\n      setPort4Click(false);\r\n\r\n      window.localStorage.setItem(\"Carbon_Fibre\",true);\r\n      if (window.localStorage.getItem('laptop') == 'laptop360') {\r\n         // console.log('a')\r\n         //         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         // alreadySelecte.classList.remove('select');\r\n\r\n         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         if (alreadySelecte != null) {\r\n            alreadySelecte.classList.remove('select');\r\n         }\r\n\r\n         var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n         if (alreadySelected != null) {\r\n            alreadySelected.classList.remove('active');\r\n         }\r\n         // document.getElementById('whiteBtn').classList.add('select');\r\n         // document.getElementById('whiteBtn').classList.add('active');\r\n         window.scene.groupApplyState(\"Silver\");\r\n\r\n      }\r\n      else if (window.localStorage.getItem('laptop') == 'laptop180') {\r\n         // console.log('b')\r\n         //         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         // alreadySelecte.classList.remove('select');\r\n\r\n         var alreadySelecte = document.querySelector('.MuiAccordionDetails-root.select');\r\n         if (alreadySelecte != null) {\r\n            alreadySelecte.classList.remove('select');\r\n         }\r\n\r\n         var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n         if (alreadySelected != null) {\r\n            alreadySelected.classList.remove('active');\r\n         }\r\n         // document.getElementById('blackBtn').classList.add('select');\r\n         // document.getElementById('blackBtn').classList.add('active');\r\n         window.scene.groupApplyState(\"Carbon_Black\");\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n\r\n      }\r\n      window.RT_RecordEvent(\"Color\",\"Carbon Fiber\",window.config.name);\r\n      window.scene.clearRefine();\r\n   }\r\n   //Menu Position\r\n\r\n   const [port1Click,setPort1Click] = useState(false);\r\n   const [port2Click,setPort2Click] = useState(false);\r\n   const [port3Click,setPort3Click] = useState(false);\r\n   const [port4Click,setPort4Click] = useState(false);\r\n   const [port5Click,setPort5Click] = useState(true);\r\n\r\n   const [nextClick,setNextClick] = useState(false);\r\n   const [prevClick,setPrevClick] = useState(false);\r\n\r\n   const TentModeClick = () => {\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('tentBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_360\");\r\n\r\n      selectedButton = 'TentModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Tent Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Tent Mode');\r\n      }\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      GotoPosInTimeNamedValue('Tent_Cam_F53_Tent',function () {\r\n         window.scene.groupApplyState(\"GP_tent\");\r\n      });\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.tent == position[currentPosName]) { position.currentPos = 'tent'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.tent,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.tent,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Tent\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'tent';\r\n\r\n   }\r\n\r\n   const TheaterModeClick = () => {\r\n      console.log(position.theatre,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n      document.getElementById('theaterBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n\r\n      window.localStorage.removeItem('closeMode')\r\n      selectedButton = 'TheaterModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Theater Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Theater Mode');\r\n      }\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      window.scene.groupApplyState(\"all_GP_off\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      GotoPosInTimeNamedValue('Render_Cam_F100_Stand');\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.theatre == position[currentPosName]) { position.currentPos = 'theatre'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.theatre,animTime,undefined,undefined,undefined,true,position[currentPosName],9);\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.theatre,animTime,undefined,undefined,undefined,true,position[currentPosName],4);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Theatre\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'theatre';\r\n\r\n   }\r\n   const TabletModeClick = () => {\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n\r\n\r\n      document.getElementById('tabletBtn').classList.add('active');\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      window.scene.groupApplyState(\"all_GP_off\");\r\n\r\n      selectedButton = 'TabletModeClick';\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Tablet Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Tablet Mode');\r\n      }\r\n      window.scene.groupApplyState(\"Backlit_OFF\");\r\n      setOpenCloseOnOff(false);\r\n      setOpenClose(\"./img/Lid_open.svg\");\r\n      setBackliteOnOff(false);\r\n      setBacklite(\"./img/Backlite_Off.svg\");\r\n\r\n      window.localStorage.removeItem('hotspot');\r\n      window.localStorage.removeItem('currentBluetooth');\r\n      GotoPosInTimeNamedValue('Close_Cam_F158_Close1');\r\n\r\n      var currentPosName = position.currentPos;\r\n      if (position.tablet == position[currentPosName]) { position.currentPos = 'tablet'; return; }\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\",position.tablet,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n      window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\",position.tablet,animTime,undefined,undefined,undefined,true,position[currentPosName],10);\r\n\r\n      window.RT_RecordEvent(\"Positions\",\"Tablet\",window.config.name);\r\n      window.scene.clearRefine();\r\n      position.currentPos = 'tablet';\r\n   }\r\n   const resetMode = () => {\r\n      selectedButton = 'onResetMode';\r\n      GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () { })\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Reset Mode');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Reset Mode');\r\n      }\r\n   }\r\n   const onResetMode = () => {\r\n      //Update ZoomBar\r\n      console.log(position.tent,position.currentPos)\r\n\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      // var alreadySelected = document.querySelector('.MuiAccordionDetails-root.active');\r\n      //   alreadySelected.classList.remove('active');\r\n\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n\r\n\r\n      window.scene.groupApplyState(\"screen_180\");\r\n      // window.scene.groupApplyState(\"GP_open\");\r\n      // window.scene.groupApplyState(\"dynamic_reset\");\r\n      window.localStorage.removeItem('color');\r\n      if (laptop180) {\r\n         window.scene.groupApplyState(\"screenfill_180\");\r\n      } else {\r\n         window.scene.groupApplyState(\"screenfill_360\");\r\n      }\r\n      // selectedButton = 'onResetMode';\r\n\r\n      if (selectedButton == 'TentModeClick') {\r\n         TentModeClick();\r\n         GotoPosInTimeNamedValue('Tent_Cam_F53_Tent',function () {\r\n            window.scene.groupApplyState(\"GP_tent\");\r\n         });\r\n      }\r\n      else if (selectedButton == 'TheaterModeClick') {\r\n         TheaterModeClick();\r\n         GotoPosInTimeNamedValue('Render_Cam_F100_Stand');\r\n\r\n      }\r\n      else if (selectedButton == 'TabletModeClick') {\r\n         GotoPosInTimeNamedValue('Close_Cam_F158_Close1');\r\n         TabletModeClick();\r\n      }\r\n      else if (selectedButton == 'onWirelessDesignClick') {\r\n         console.log(\"front onreset\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_TL',function () {\r\n\r\n         });\r\n         onWirelessDesignClick();\r\n      }\r\n      else if (selectedButton == 'onWorkspaceClick') {\r\n         console.log(\"front onreset\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_TL',function () {\r\n\r\n         });\r\n         onWorkspaceClick();\r\n      }\r\n      else if (selectedButton == 'onKeysClick') {\r\n         console.log(\"front onreset\")\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_TL',function () {\r\n\r\n         });\r\n         onKeysClick();\r\n      }\r\n\r\n\r\n      else if (selectedButton == 'onTopClick') {\r\n         console.log(\"top onreset\")\r\n\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () { });\r\n         onTopClick();\r\n      }\r\n      else if (selectedButton == 'onSideClick') {\r\n\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n            window.localStorage.setItem('hotspot','side')\r\n\r\n         });\r\n         onSideClick();\r\n\r\n      }\r\n      else if (selectedButton == 'onOverviewClick') {\r\n         onOverviewClick();\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () {\r\n            window.localStorage.setItem('hotspot','overview')\r\n\r\n         })\r\n      }\r\n      else if (selectedButton == 'openCloseClick') {\r\n         if (openCloseOnOff) {\r\n            // setOpenCloseOnOff(false);\r\n            //   setOpenClose(\"./img/Lid_open.svg\");\r\n            //   window.scene.groupApplyState(\"dynamic_reset\");\r\n\r\n            GotoPosInTimeNamedValue('Close_Cam_F158_Close',function () {\r\n\r\n            });\r\n\r\n\r\n         } else {\r\n            // setOpenCloseOnOff(true);\r\n            //   setOpenClose(\"./img/Lid_close.svg\");\r\n            // window.scene.groupApplyState(\"dynamic_reset\");\r\n            GotoPosInTimeNamedValue('Render_Cam_F01_L',function () {\r\n\r\n            });\r\n         }\r\n\r\n      }\r\n      else if (selectedButton == 'backliteClick') {\r\n         //   if (backliteOnOff) {\r\n\r\n         //     // console.log(\"off\");\r\n         //     // setBackliteOnOff(false);\r\n         //     GotoPosInTimeNamedValue('Render_Cam_F01_Top', function(){})\r\n\r\n         //     // window.scene.groupApplyState(\"Backlit_OFF\");\r\n         //     window.scene.clearRefine();\r\n         //     // setBacklite(\"./img/Backlite_Off.svg\");\r\n         // } else {\r\n\r\n         // setBackliteOnOff(true);\r\n         // console.log(\"on\");\r\n         // setBacklite(\"./img/Backlite_On.svg\");\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_Top',function () {\r\n         })\r\n         // window.scene.groupApplyState(\"Backlit_ON\");\r\n         window.scene.clearRefine();\r\n\r\n         // }\r\n\r\n\r\n      } else if (selectedButton == 'onResetMode') {\r\n         resetMode()\r\n         GotoPosInTimeNamedValue('Render_Cam_F01_FL',function () { })\r\n      }\r\n\r\n      // selectedButton = 'onResetMode';\r\n      // setExpandedPanel(false);\r\n\r\n\r\n      // resetBacklitCloseImg();\r\n      // window.localStorage.removeItem('closeMode');\r\n      // window.scene.groupApplyState(\"Backlit_OFF\");\r\n      // window.localStorage.removeItem('hotspot');\r\n      // GotoPosInTimeNamedValue('Render_Cam_F01_FL');\r\n\r\n      // GotoPosInTimeNamedValue('Render_Cam_F01_FL', function(){\r\n      // if (window.localStorage.getItem(\"Carbon_Fibre\") == true) {\r\n      //    window.scene.groupApplyState(\"Carbon_Fibre_180A\");\r\n      //    window.scene.groupApplyState(\"Screen_Fill_180_ON\");\r\n      // } else if (window.localStorage.getItem(\"silver\") == true) {\r\n      //    window.scene.groupApplyState(\"Silver\");\r\n      //    window.scene.groupApplyState(\"Screen_Fill_180_Silver_ON\");\r\n      // }\r\n\r\n      window.scene.clearRefine();\r\n      // });\r\n      // var currentPosName = position.currentPos;\r\n\r\n      //   if(position.reset == position[currentPosName]) {position.currentPos = 'reset';return;}\r\n\r\n      //   if(position.currentPos == 'theatre' || position.currentPos == 'tablet'){\r\n      //     console.log(\"Theater\")\r\n      //     window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 10);\r\n      //     window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 10);\r\n      //   } else {\r\n\r\n      //   window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 0);\r\n      //   window.scene.animPlayAllChildrenInTime(\"CA_Wireless_KB_MPD_Keyboard\", position.reset, animTime, undefined, undefined, undefined, true,  position[currentPosName], 0);\r\n      //   }\r\n      //   window.scene.clearRefine();\r\n      //   position.currentPos = 'reset';\r\n\r\n\r\n   }\r\n\r\n   const onPreviousMode = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      // alert(selectedButton)\r\n      if (laptop180) {\r\n         var prevButton;\r\n         var selectedButtonIndex = buttonSeq180.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onOverviewClick' || selectedButton == 'onResetMode') {\r\n            prevButton = 'onSideClick';\r\n         } else {\r\n            prevButton = buttonSeq180[selectedButtonIndex - 1];\r\n         }\r\n      }\r\n      else {\r\n         var prevButton;\r\n         var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onOverviewClick' || selectedButton == 'onResetMode') {\r\n            prevButton = 'onKeysClick';\r\n         } else {\r\n            prevButton = buttonSeq[selectedButtonIndex - 1];\r\n         }\r\n      }\r\n      // alert(buttonSeq[selectedButtonIndex+1])\r\n\r\n      if (prevButton == 'onOverviewClick') onOverviewClick(true);\r\n      else if (prevButton == 'onWirelessDesignClick') onWirelessDesignClick(true);\r\n      else if (prevButton == 'onWorkspaceClick') onWorkspaceClick(true);\r\n      else if (prevButton == 'onKeysClick') { onKeysClick(true); setExpandedPanel(\"panel1\"); }\r\n\r\n      // else if (prevButton == 'onKeysClick') {\r\n      //    onKeysClick(true);\r\n      //    setExpandedPanel(\"panel1\");\r\n      // }\r\n\r\n      else if (prevButton == 'onTopClick') onTopClick(true);\r\n\r\n      else if (prevButton == 'onSideClick') onSideClick(true);\r\n\r\n      // else if (prevButton == 'onSideClick') {\r\n      //    onSideClick(true);\r\n      //    setExpandedPanel(\"panel1\");\r\n\r\n      // }\r\n      // else if (prevButton == 'openCloseClick') openCloseClick(true);\r\n      // else if (prevButton == 'backliteClick') {\r\n      //    setExpandedPanel(\"panel3\");\r\n\r\n      //    backliteClick(true);\r\n      // }\r\n      return false;\r\n\r\n   }\r\n\r\n\r\n   const onNextMode = () => {\r\n\r\n      //Update ZoomBar\r\n      var slider = document.getElementById(\"sliderRange\");\r\n      if (slider != null) {\r\n         document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { document.getElementById(\"sliderRange\").value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n      if (laptop180) {\r\n\r\n         var nextButton;\r\n         var selectedButtonIndex = buttonSeq180.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onWorkspaceClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq180[selectedButtonIndex + 1];\r\n         }\r\n\r\n      }\r\n      else {\r\n         var nextButton;\r\n         var selectedButtonIndex = buttonSeq.findIndex(element => element === selectedButton)\r\n         if (selectedButton == 'onKeysClick') {\r\n            nextButton = 'onOverviewClick';\r\n         } else {\r\n            nextButton = buttonSeq[selectedButtonIndex + 1];\r\n         }\r\n\r\n      }\r\n      // alert(laptop180)\r\n\r\n\r\n\r\n      if (nextButton == 'onOverviewClick') {\r\n         onOverviewClick(true);\r\n         setExpandedPanel(\"panel1\");\r\n\r\n      }\r\n      else if (nextButton == 'onWirelessDesignClick') { onWirelessDesignClick(true); }\r\n      else if (nextButton == 'onWorkspaceClick') { onWorkspaceClick(true); }\r\n      else if (nextButton == 'onKeysClick') { onKeysClick(true); }\r\n      else if (nextButton == 'onTopClick') onTopClick(true);\r\n      else if (nextButton == 'onSideClick') onSideClick(true);\r\n\r\n\r\n      // else if (nextButton == 'openCloseClick') {\r\n      //    openCloseClick(true);\r\n      //    setExpandedPanel(\"panel3\");\r\n      // }\r\n\r\n      // else if (nextButton == 'backliteClick') backliteClick(true);\r\n      return false;\r\n\r\n\r\n   }\r\n\r\n   // useEffect(()=>{\r\n   //   getData();\r\n\r\n   // },[counter])\r\n   const [animValue,setAnimValue] = useState(\"On\");\r\n   const [animValue1,setAnimValue1] = useState(\"On\");\r\n   // window.localStorage.setItem('Animation', 'on');\r\n\r\n   // useEffect(() => {\r\n   //    // alert();\r\n   //    document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation On')\r\n   //    // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked On');\r\n   //    document.getElementById(\"animSwitchValue\").checked = true;\r\n\r\n   //    setAnimValue(\"On\");\r\n   //    window.localStorage.setItem('Animation','on');\r\n   //    document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n   //    window.animationSwitchVal = 'on';\r\n\r\n\r\n\r\n   //    document.getElementById(\"animSwitchValue1\").setAttribute('aria-label','Animation On')\r\n   //    // document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n   //    document.getElementById(\"animSwitchValue1\").checked = true;\r\n\r\n   //    setAnimValue(\"On\");\r\n   //    window.localStorage.setItem('Animation','on');\r\n   //    document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n\r\n   // },[]);\r\n\r\n   useEffect(() => {\r\n      window.localStorage.setItem('Animation','on');\r\n      document.getElementById(\"animSwitchValue\").checked = 'true';\r\n\r\n      setAnimValue(\"On\");\r\n      document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n      if (!(mob || isipad)) {\r\n         document.getElementById(\"animSwitchValue1\").checked = 'true';\r\n         setAnimValue1(\"On\");\r\n         window.localStorage.setItem('Animation1','on');\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n\r\n      }\r\n\r\n   },[]);\r\n\r\n   const setAnimationSwitch = (e) => {\r\n      console.log(e)\r\n      // displayName(e);\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation Off');\r\n         document.getElementById(\"animSwitchValue\").checked = false;\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.localStorage.setItem('Animation','off');\r\n         window.animationSwitchVal = 'off';\r\n\r\n         window.RT_RecordEvent(\"Animations\",\"Off\",window.config.name);\r\n         //   document.getElementById('animSwitchValue').setAttribute('aria-label', '');\r\n         // document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked On';\r\n         // alert(\"Animation On\");\r\n\r\n      } else {\r\n         document.getElementById(\"animSwitchValue\").setAttribute('aria-label','Animation On')\r\n         document.getElementById(\"animSwitchValue\").checked = true;\r\n         window.animationSwitchVal = 'on';\r\n         setAnimValue(\"On\");\r\n         window.localStorage.setItem('Animation','on');\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n\r\n         window.RT_RecordEvent(\"Animations\",\"On\",window.config.name);\r\n         // alert(\"Animation Off\");\r\n         //   document.getElementById('animSwitchValue').setAttribute('aria-label', '');\r\n         // document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked Off';\r\n      }\r\n   }\r\n\r\n   const displayName = (e) => {\r\n      console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue(\"On\");\r\n         window.localStorage.setItem('Animation','on');\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','');\r\n         document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked On';\r\n         window.animationSwitchVal = 'off';\r\n         // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked On');\r\n         // alert(\"Animation On\");\r\n\r\n      } else {\r\n         setAnimValue(\"Off\");\r\n         document.getElementsByClassName('onOff')[0].style.left = \"9px\";\r\n         window.localStorage.setItem('Animation','off');\r\n         document.getElementById('animSwitchValue').setAttribute('aria-label','');\r\n         document.getElementById('animSwitchValue').innerHTML = 'clickable checkbox checked Off';\r\n         window.animationSwitchVal = 'on';\r\n         // document.getElementById('animSwitchValue').setAttribute('aria-label','clickable checkbox checked Off');\r\n         // alert(\"Animation Off\");\r\n\r\n      }\r\n\r\n   }\r\n\r\n   const keyboardOff = () => {\r\n      console.log('Keyboard off');\r\n      document.onkeydown = function (e) {\r\n         if (e.keyCode == 13 || e.keyCode == 32)\r\n            setExpandedPanel(false)\r\n         e.preventDefault();\r\n         return false;\r\n      };\r\n   }\r\n   const keyboardOn = () => {\r\n      console.log('Keyboard on');\r\n      document.onkeydown = function (e) {\r\n         return true;\r\n      }\r\n   }\r\n\r\n\r\n   const setAnimationSwitch1 = (e) => {\r\n      console.log(e)\r\n      // displayName(e);\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         //document.getElementById(\"animSwitchValue\").setAttribute('aria-label', 'Animation Off');\r\n         document.getElementById(\"animSwitchValue1\").checked = false;\r\n         setAnimValue1(\"Off\");\r\n         // keyboardOff();\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         // window.localStorage.setItem('Animation1','off');\r\n         window.animationSwitchVal = 'off';\r\n         window.animationSwitchGlobal = 'off';\r\n\r\n\r\n      } else {\r\n         // document.getElementById(\"animSwitchValue\").setAttribute('aria-label', 'Animation On')\r\n         document.getElementById(\"animSwitchValue1\").checked = true;\r\n\r\n         setAnimValue1(\"On\");\r\n         window.animationSwitchVal = 'on';\r\n         // keyboardOn();\r\n         // window.localStorage.setItem('Animation1','on');\r\n         window.animationSwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n\r\n\r\n\r\n\r\n      }\r\n   }\r\n   var animStopped = true;\r\n\r\n   const displayName1 = (e) => {\r\n      if (animStopped == false) {\r\n         return;\r\n         animStopped = false;\r\n      }\r\n      console.log(e)\r\n      const isChecked = document.getElementById(\"animSwitchValue1\").checked;\r\n\r\n      if (isChecked == true) {\r\n         setAnimValue1(\"On\");\r\n         // keyboardOn();\r\n         // window.localStorage.setItem('Animation1','on');\r\n         window.animation1SwitchGlobal = 'on';\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n         window.animationSwitchVal = 'on';\r\n\r\n         if (mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n         }\r\n         else if (isipad) {\r\n            console.log('portrait');\r\n            document.getElementById('footerControMob').style.display = 'block';\r\n            document.getElementById('footerControls').style.display = 'block';\r\n         }\r\n         else {\r\n            console.log(\"show\");\r\n\r\n            document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControls').style.bottom = \"20px\";\r\n            document.getElementById('footerControMob').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControMob').style.bottom = \"20px\";\r\n            //  document.getElementById('footerControIpad').style.transition = \"bottom 0.2s linear\";\r\n            //  document.getElementById('footerControIpad').style.bottom = \"20px\";\r\n\r\n            document.getElementById('footerControls').style.visibility = \"\";\r\n            document.getElementById('footerControIpad').style.visibility = \"\";\r\n            document.getElementById('footerControMob').style.visibility = \"\";\r\n\r\n         }\r\n\r\n\r\n      } else {\r\n         setAnimValue1(\"Off\");\r\n         // keyboardOff();\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"9px\";\r\n         // window.localStorage.setItem('Animation1','off');\r\n         window.animation1SwitchGlobal = 'off';\r\n\r\n         document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked Off');\r\n\r\n         if (mob) {\r\n            document.getElementById('footerControls').removeAttribute('style');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n         } else if (isipad) {\r\n            console.log('landscape');\r\n            document.getElementById('footerControMob').style.display = 'none';\r\n            document.getElementById('footerControls').style.display = 'none';\r\n         }\r\n         else {\r\n            console.log(\"hide\");\r\n            //document.getElementById('footerControls').style.transition = \"bottom 0.2s linear\";\r\n            document.getElementById('footerControls').style.bottom = \"-112px\";\r\n            //   document.getElementById('footerControMob').style.transition = \"bottom 0.24s linear\";\r\n            document.getElementById('footerControMob').style.bottom = \"-112px\";\r\n            //  document.getElementById('footerControIpad').style.bottom = \"-112px\"; \r\n\r\n            setTimeout(function () {\r\n\r\n               document.getElementById('footerControls').style.visibility = \"hidden\";\r\n               document.getElementById('footerControIpad').style.visibility = \"hidden\";\r\n\r\n               document.getElementById('footerControMob').style.visibility = \"hidden\";\r\n\r\n               animStopped = true;\r\n            },150);\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n\r\n\r\n   return (\r\n      <>\r\n         {/* <Hidden only={[\"xs\",'sm']}> */}\r\n         {!mob && <HowToUse />}\r\n         {/* </Hidden> */}\r\n         <Hidden only={['sm','md','lg','xl']}>\r\n\r\n            <Button style={{ position: 'fixed',backgroundColor: '#F0F0F0',width: '100%',height: '56px',paddingTop: '15px',paddingBottom: '15px',zIndex: '1',border: '1px solid #E1E1E1',borderLeft: \"none\",borderRight: \"none\",borderRadius: \"0\",margin: \"-1px 0px 0px 0px\" }}\r\n               variant=\"outlined\"\r\n               color=\"primary\"\r\n               // className={classes.button}\r\n               endIcon={<img src=\"./img/cross.svg\" alt=\"cross\" style={{ marginLeft: '207px',height: '23px' }} />}\r\n               onClick={props.toggleDrawerAction}\r\n            >\r\n               {window.finalLangues.mainMenu}\r\n            </Button>\r\n            <Howtousenew />\r\n\r\n         </Hidden >\r\n         <Hidden only={['md','lg','xl','xs']}>\r\n            {moblandscap && <Howtousenew />}\r\n         </Hidden>\r\n\r\n         <Hidden only={[\"xs\"]}>\r\n            <FooterControl name=\"reset and next previous\" onReset={onResetMode} onPrevious={onPreviousMode} onNext={onNextMode} />\r\n         </Hidden>\r\n         <Hidden only={['lg','xl']}>\r\n            <FooterControlMob onResetMob={onResetMode} onPreviousMob={onPreviousMode} onNextMob={onNextMode} onResetIpad={onResetMode} onNextIpad={onNextMode} onPreviousIpad={onPreviousMode} />\r\n         </Hidden>\r\n         {/* <MenuSelectProductType tabIndex=\"1\" name={window.finalLangues.selectproduct_text} onclicked={laptopClick} onclickedtwo={select2in1Click} value={value} expanded={expandedPanel === 'panel5'} onChanged={handleAccordionChange('panel5')} /> */}\r\n         {/* <userContext.Provider value=\"\"> */}\r\n         {/* <MenuColors name={window.finalLangues.colors} tabIndex=\"1\" onWhiteBtnClick={color1Click} onBlackBtnClick={color2Click} expanded={expandedPanel === 'panel4'} onChanged={handleAccordionChange('panel4')} /> */}\r\n         {/* </userContext.Provider> */}\r\n         {/* <MenuPositions name={window.finalLangues.position} tabIndex=\"1\" onTentMode={TentModeClick} onTheaterMode={TheaterModeClick} onTabletMode={TabletModeClick} expanded={expandedPanel === 'panel2'} onChanged={handleAccordionChange('panel2')} /> */}\r\n         <MenuProductView tabIndex=\"1\" onKeysBtnClick={onKeysClick} onWirelessDesignBtnClick={onWirelessDesignClick} onWorkspaceBtnClick={onWorkspaceClick} onTopBtnClick={onTopClick} onLeftBtnClick={onOverviewClick} onRightBtnClick={onSideClick} imgfront={laptop360FrontImg} imgKeys={laptop360KeysImg} imgtop={laptop360TopImg} imgleft={laptop360LeftImg} imgright={laptop360RightImg} imgeco={ecoImg} name={window.finalLangues.productview} expanded={expandedPanel === 'panel1'} onChanged={handleAccordionChange('panel1')} />\r\n\r\n         {/* <MenuFeatures name={window.finalLangues.feature} tabIndex=\"1\" tobechange={opneClose} tobeChanged={backlit} openClosedClicked={openCloseClick} onOffBackliteClicked={backliteClick} expanded={expandedPanel === 'panel3'} onChanged={handleAccordionChange('panel3')} /> */}\r\n\r\n         {/* <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} /> */}\r\n         <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} onchange1={displayName1} forKeypress1={setAnimationSwitch1} value1={animValue1} />\r\n\r\n      </>\r\n   );\r\n}\r\n\r\nexport default MainMenu;","import React from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Avatars from \"./MenuComponents/Avatars\";\r\nimport HighlightOffIcon from '@material-ui/icons/HighlightOff';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\n\r\nconst headerBackground={\r\n  background: 'transparent'\r\n}\r\n\r\nconst Header =()=>{\r\n\r\n  const closeWindow = () => {\r\n    // alert(\"Close window\");\r\n  }\r\n\r\n    return(\r\n        <div aria-labelledby=\"Dell Technologies\" className=\"maniHeader\">\r\n        <Grid style={{paddingTop: '20px'}} container spacing={3}>\r\n        <Grid item xs={3} aria-label=\"Dell Technologies\" className=\"tabIndexStyle\">\r\n          {/* <div aria-label=\"Dell Technologies\" id=\"headerName\" tabIndex=\"1\"style={{padding:\"5px\"}}>\r\n          <Paper style={headerBackground}><p className=\"dellLogo\"><Avatars className=\"headerLogo\"  img=\"./img/DellTech_Logo_Prm_Blue_rgb.svg\" alt=\"\"/></p></Paper>\r\n        </div> */}\r\n        </Grid>\r\n        {/* <Grid item xs={7} md={6}>\r\n        <Hidden only={['sm','md']}>\r\n          <Paper tabIndex=\"1\" id=\"productName\" className=\"tabIndexStyle\" align={\"center\"} style={{border:'0', padding: '7px', backgroundColor: 'transparent', marginLeft:'32%'}}><p className=\"ProductName\">Latitude 7410 Chromebook Enterprise</p></Paper>\r\n        </Hidden>\r\n          <Hidden only={['xs','lg','xl']}>\r\n            <Paper  className=\"tabIndexStyle\" align={\"center\"} style={{border:'0', padding: '7px', backgroundColor: 'transparent', marginLeft:'22%'}}><p className=\"ProductName\">Latitude 7410 Chromebook Enterprise</p></Paper>\r\n          </Hidden>\r\n        </Grid> */}\r\n        <Grid item xs={9} md={9}>\r\n        <Hidden only='xs'>\r\n          <Paper align={\"right\"} style={headerBackground}>\r\n              {/* <p className=\"closeIcon\"><HighlightOffIcon onClick={closeWindow} style={{marginRight:'55px',cursor: \"pointer\", color: '#000000', height: '32px',float:'right', width: '32px'}}/></p> */}\r\n              <p className=\"tabIndexStyle\" className=\"closeIcon\"><img id='closeIcon'  tabIndex=\"1\" src=\"./img/closeIcon.png\" alt=\"closeHeader\" onClick={closeWindow} /></p>\r\n          </Paper>\r\n          </Hidden>\r\n          <Hidden only={['sm','md','lg','xl']}>\r\n          <Paper align={\"right\"} style={headerBackground}>\r\n              <p className=\"closeIcon\"><img src=\"./img/mobClose.png\" id=\"closeBtnImg\" alt=\"mobcloseheader\" onClick={closeWindow} style={{marginRight:'25px',cursor: \"pointer\", color: '#767676', height: '32px', width: '32px'}}/></p>\r\n          </Paper>\r\n          </Hidden>\r\n        </Grid>\r\n        </Grid>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Header;","import { makeStyles } from '@material-ui/core/styles';\r\nimport DehazeIcon from '@material-ui/icons/Dehaze';\r\nimport Button from '@material-ui/core/Button';\r\nimport React,{ useState,useEffect } from 'react';\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport NestedList from './NestedList';\r\n\r\nimport MainMenu from \"./components/MenuComponents/MainMenu\";\r\nimport \"./App.css\";\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport Header from './components/Header';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n// import BoxTest from './components/breakpoints';\r\n// import { ThemeProvider } from '@material-ui/core/styles';\r\n// import { createMuiTheme } from '@material-ui/core/styles';\r\nvar ipad = navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && (navigator.userAgent.indexOf(\"iPhone\") == -1);\r\nvar ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\nvar mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1) || (navigator.userAgent.indexOf(\"Mobile\") != -1)) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent == \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15\");\r\n\r\n\r\nconst statebtns = {\r\n   border: \"1px solid #c7c7c7\",\r\n   borderRadius: \"0px\",\r\n   right: \"0\",\r\n   width: \"100%\",\r\n   height: '56px',\r\n   marginLeft: \"0px\",\r\n   borderLeft: \"0px\",\r\n   borderRight: \"0px\",\r\n   position: \"absolute\",\r\n   bottom: \"0px\",\r\n   marginBottom: '0px',\r\n   backgroundColor: 'white',\r\n   border: '1px solid #B6B6B6'\r\n}\r\n\r\n// const CloseBtn={\r\n//   borderLeft: \"none\",\r\n//   borderRight: \"none\",\r\n//   borderRadius: \"0\",\r\n//   position: \"fixed\",\r\n//   background: \"#fff\",\r\n//   width: \"100%\",\r\n//   zIndex: \"1\",\r\n// }\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n   button: {\r\n      margin: theme.spacing(1),\r\n   },\r\n\r\n   drawerPaper: {\r\n      width: '285px',\r\n      overflow: 'visible',\r\n      top: '9%'\r\n      //background: \"#c7addd\"\r\n\r\n   },\r\n\r\n   root: {\r\n      width: 'auto',\r\n      /*     '& > *': {\r\n            margin: theme.spacing(1),\r\n            width: '25ch',\r\n          }, */\r\n      //marginRight: '5vh',\r\n      //maxWidth: 360,\r\n      //backgroundColor: theme.palette.background.paper,\r\n   },\r\n\r\n   nested: {\r\n      paddingLeft: theme.spacing(4),\r\n   },\r\n\r\n   formControl: {\r\n      margin: theme.spacing(1),\r\n      minWidth: 120,\r\n   },\r\n\r\n   selectEmpty: {\r\n      marginTop: theme.spacing(2),\r\n   },\r\n}));\r\n\r\n\r\nfunction App() {\r\n\r\n   const classes = useStyles();\r\n\r\n   //States for opening Drawer\r\n   const [state,setState] = React.useState({\r\n      top: false,\r\n      left: false,\r\n      bottom: false,\r\n      right: false,\r\n   });\r\n\r\n   const [burgerBtnVisible,setBurgerBtnVisible] = useState(true);\r\n\r\n   //Open Drawer\r\n   const toggleDrawer = (anchor,open) => (event) => {\r\n      if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\r\n         return;\r\n      }\r\n\r\n\r\n      //Open Drawer states\r\n      setState({ ...state,[anchor]: open });\r\n   };\r\n   const mobCloseDrawer = () => {\r\n      // var currentHotspot = window.localStorage.getItem('hotspot');\r\n      // alert(currentHotspot)\r\n      setState({ ...state,[\"bottom\"]: false });\r\n      setTimeout(() => {\r\n         document.getElementById(\"footerControMob\").style.display = \"block\";\r\n         document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n         document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n\r\n      },270)\r\n\r\n      // toggleDrawer(\"bottom\", false)\r\n   }\r\n   const mobOpenDrawer = () => {\r\n      // var currentHotspot = window.localStorage.getItem('hotspot');\r\n      // alert(currentHotspot)\r\n      setState({ ...state,[\"bottom\"]: true });\r\n      document.getElementById(\"infinityrt-canvas\").style.marginTop = \"-150px\";\r\n      document.getElementById(\"calloutcanvas\").style.marginTop = \"-150px\";\r\n\r\n      document.getElementById(\"footerControMob\").style.display = \"none\";\r\n      // toggleDrawer(\"bottom\", false)\r\n   }\r\n\r\n   const menuMobLandscapOpen = () => {\r\n      setState({ ...state,[\"left\"]: true });\r\n      setBurgerBtnVisible(false);\r\n      // toggleDrawer(\"left\", true)\r\n      if (ipad) {\r\n         document.getElementById('footerControMob').style.zIndex = 2;\r\n      } else if (mob) {\r\n         document.getElementById('footerControMob').style.zIndex = 0;\r\n         // document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n         // document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n\r\n      }\r\n   }\r\n   const menuMobLandscapClose = () => {\r\n      setState({ ...state,[\"left\"]: false });\r\n      setBurgerBtnVisible(true);\r\n      // if(ipad){\r\n      // document.getElementById('footerControMob').style.zIndex = 2;}else if(mob){\r\n      document.getElementById('footerControMob').style.zIndex = 2;\r\n      // document.getElementById(\"infinityrt-canvas\").style.marginTop = \"0px\";\r\n      // document.getElementById(\"calloutcanvas\").style.marginTop = \"0px\";\r\n      // }\r\n      // toggleDrawer(\"left\", false)\r\n   }\r\n   const [orientationPotrait,setOrientation] = useState(true);\r\n   window.checkOrientationStatus = (orientationStatus) => {\r\n      // alert(window.screen.orientation.type);\r\n      setOrientation(orientationStatus);\r\n   }\r\n   useEffect((event) => {\r\n      if (window.innerHeight > window.innerWidth) {\r\n         // setBurgerBtnVisible(false);\r\n      }\r\n\r\n      // alert('Counter in useEffect'+prevCounter);\r\n      // alert('Counter in useEffect'+counter);\r\n\r\n   },[])\r\n   useEffect((event) => {\r\n      ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\n      // alert(orientationPotrait);\r\n   })\r\n   const [getLangTranscript,setgetLangTranscript] = useState(false);\r\n   window.checkgetLangTranscript = (getLangTranscript) => {\r\n      // alert(window.screen.orientation.type);\r\n      setgetLangTranscript(getLangTranscript);\r\n   }\r\n   let closeBtnVisibilityOpen = burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let closeBtnVisibilityClose = !burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let dektopCloseBtnVisibilityOpen = burgerBtnVisible\r\n   let dektopCloseBtnVisibilityClose = !burgerBtnVisible\r\n   return (\r\n      <>\r\n         <Header />\r\n\r\n\r\n         <div id=\"menubar\" className={classes.root}>\r\n            {/* Desktop start no open btn */}\r\n            <Hidden only=\"xs\">\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n                  style={{ display: \"none\" }}\r\n                  className={classes.button}\r\n                  startIcon={<DehazeIcon />}\r\n                  disableElevation\r\n                  onClick={toggleDrawer(\"left\",true)}\r\n               >\r\n                  States Desktop\r\n               </Button>\r\n            </Hidden>\r\n            {/* desktop end */}\r\n\r\n            {/* Ipad with open btn */}\r\n\r\n            {(ipad != null || mob != false) && <Hidden only={['xs','lg','xl']}>\r\n               {window.innerWidth < window.innerHeight && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n               {closeBtnVisibilityOpen && <Button id=\"forTest1\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n\r\n               {(ipad != null || mob != false) && <div className=\"openCloseBar\" style={{}}></div>}\r\n\r\n               {closeBtnVisibilityClose && <Button id=\"forTest2\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn closeBtnMobLAndscap\" style={{ display: orientationPotrait == true ? \"block\" : \"none\",maxWidth: '62px' }} startIcon={<CloseIcon />} onClick={menuMobLandscapClose} > </Button>}\r\n            </Hidden>}\r\n\r\n            {/* Ipad end */}\r\n\r\n            {/* Mobile Start */}\r\n            <Hidden only={['sm','md','lg','xl']}>\r\n\r\n               <Button\r\n                  variant=\"outlined\"\r\n                  color=\"primary\"\r\n                  size=\"large\"\r\n                  id=\"forTest3\"\r\n                  endIcon={<img src=\"./img/menu.svg\" alt=\"menu\" style={{ marginLeft: '190px',width: '23px',height: '21px' }} />}\r\n                  disableElevation\r\n                  onClick={mobOpenDrawer}\r\n                  style={statebtns}\r\n                  only='xs'\r\n               >\r\n                  <span>\r\n                     {getLangTranscript && window.finalLangues.mainMenu}\r\n                  </span>\r\n               </Button>\r\n            </Hidden>\r\n            {/* mobile end */}\r\n\r\n            {/* for close mode */}\r\n            <div id='leftPan'\r\n               tabIndex={0}\r\n            >\r\n               {/* for ipadPro start */}\r\n               <Hidden only={['xs','sm','md']}>\r\n                  {ipadPortrait && orientationPotrait == true &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {/* <Guide /> */}\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipadPro End */}\r\n               <Hidden only={['xs','sm']}>\r\n                  {(ipad == null || (window.innerWidth > window.innerHeight && orientationPotrait == false)) &&\r\n                     <Drawer id=\"LeftMenuWrapper\" anchor={\"left\"} open={true} variant=\"persistent\" style={{ border: \"none\" }} onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n                        <NestedList />\r\n                        {getLangTranscript && <MainMenu />}\r\n                     </Drawer>\r\n                  }\r\n               </Hidden>\r\n               {/* ipad start */}\r\n               <Hidden only={['xs','lg','xl']}>\r\n\r\n                  <Drawer anchor={\"left\"} open={state[\"left\"]} variant=\"persistent\" onClose={toggleDrawer(\"left\",false)} classes={{ paper: classes.drawerPaper }}>\r\n\r\n                     <Button\r\n                        variant=\"outlined\"\r\n                        color=\"secondary\"\r\n                        size=\"large\"\r\n                        className=\"closeBtn\"\r\n                        startIcon={<CloseIcon style={{ marginLeft: '4px' }} />}\r\n                        onClick={toggleDrawer(\"left\",false)}\r\n\r\n                     >\r\n\r\n                     </Button>\r\n\r\n\r\n                     <NestedList />\r\n                     {getLangTranscript && <MainMenu />}\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* ipadEnd */}\r\n               {ipad == null && <Hidden only={['xs','md','lg','xl']}>\r\n                  <div id=\"ipadNavForDesktop\">\r\n                     {/* <div style={{width:'200px', height:\"50px\", background:\"blue\", float:\"right\"}}>for ipad resolution but only for desktop </div> */}\r\n\r\n                     {dektopCloseBtnVisibilityOpen && <Button id=\"onlyForDesktopResizeOpen\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ maxWidth: '62px' }} startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>}\r\n                     {/* {closeBtnVisibilityOpen && <Button variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn\" style={{ maxWidth:'62px'}}  startIcon={<DehazeIcon />} disableElevation onClick={menuMobLandscapOpen}> </Button>} */}\r\n\r\n\r\n\r\n                     {dektopCloseBtnVisibilityClose && <Button id=\"onlyForDesktopResizeClose\" variant=\"outlined\" color=\"primary\" size=\"large\" className=\"openCloseBtn closeBtnMobLAndscap\" style={{ maxWidth: '62px' }} startIcon={<CloseIcon />} onClick={menuMobLandscapClose} > </Button>}\r\n                     <div className=\"openCloseBar\" style={{}}></div>\r\n                  </div>\r\n               </Hidden>}\r\n               {/* mobile start */}\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n                  {/* <div style={{width:'200px', height:\"50px\", background:\"red\", float:\"right\"}}>Mobile</div> */}\r\n                  <Drawer only='xs' style={{ width: \"100%\",maxWidth: \"105vw\",overflowY: \"auto\",overflowX: 'hidden',width: 'auto',minWidth: '140px',maxWidth: '35vw',}} anchor={\"bottom\"} open={state[\"bottom\"]} variant=\"persistent\" onClose={toggleDrawer(\"bottom\",false)}>\r\n                     <NestedList />\r\n                     {getLangTranscript && <MainMenu toggleDrawerAction={mobCloseDrawer} />}\r\n\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* mobile end */}\r\n            </div>\r\n\r\n         </div>\r\n\r\n      </>\r\n   );\r\n\r\n}\r\n\r\nexport default App;","//require('file-loader?name=[name].[ext]!./index.html');\r\nimport React, { Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core\";\r\nconst theme = createMuiTheme({\r\n  palette: {\r\n     primary: {\r\n        main: \"#006BBD\" // This is an orange looking color\r\n               },\r\n     secondary: {\r\n        main: \"#006BBD\" //Another orange-ish color\r\n                }\r\n           },\r\n// fontFamily: font // as an aside, highly recommend importing roboto font for Material UI projects! Looks really nice\r\n});\r\n\r\n\r\nReactDOM.render(\r\n  <Fragment>\r\n    <ThemeProvider theme={theme}><App /></ThemeProvider>\r\n  </Fragment>\r\n  ,\r\n  document.getElementById('root')\r\n);\r\n\r\n"],"sourceRoot":""}