{"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","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","this","classes","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","onKeyPress","onFrontBtnClick","finalLangues","front","imgfront","onBackBtnClick","back","imgback","onRightBtnClick","left","imgright","onLeftBtnClick","right","imgleft","onTopBtnClick","top","imgtop","onBottomBtnClick","bottom","imgbottom","onInternalBtnClick","internal","imginternal","animText","fontSize","textAlign","display","Animationbtns","marginTop","position","justifyContent","alignItems","AnimationBtn","Grid","container","xs","reduceTransitions","forKeypress","onchange","type","mob","onScreenControls","forKeypress1","onchange1","Howtousenew","getElementsByClassName","backgroundColor","zIndex","exploreClick","allThreeDiv","fontFamily","fontStyle","lineHeight","mobAllthreeDiv","usestyle","iconStyle","transform","Fragment","Hidden","only","howToUseMenu","ReactDOM","createPortal","alt","move","rotate","zoom","cursor","returnto3DView","flexWrap","HowToUse","howtoUseD","opacity","animationName","howToUseDiv","imgUse","transition","flexDirection","wordBreak","useStyles","makeStyles","newBtns","extendedIcon","FooterControl","useState","handleZoomChange","newValue","_nav","NavChangeDolly","undefined","target","value","hotspot","setAttribute","threeButtons","letterSpacing","topBtnstyle","setCamData","animationSwitch","animation","useEffect","rippleRef","useRef","rippleRefs","verticalAlign","NavRotation","clearRefine","size","ev","path","maxWidth","onMouseDown","current","start","onMouseUp","stop","role","getZoomFactor","parseFloat","ref","center","min","max","step","clear","onPrevious","paddingRight","previousView","onReset","resetView","onNext","nextView","FooterControlMob","mobthreeButtons","Animation","float","_navYAng","onPreviousIpad","previous","onResetIpad","reset","onNextIpad","next","onPreviousMob","onResetMob","onNextMob","reflectionGpStateFrom","navigator","userAgent","indexOf","moblandscap","innerHeight","innerWidth","isipad","test","match","maxTouchPoints","buttonSeq","buttonSeq180","reflectionGpState","MainMenu","expandedPanel","setExpandedPanel","laptop360FrontImg","laptop360TopImg","laptop360LeftImg","laptop360RightImg","laptop360BackImg","laptop360BottomImg","laptop360InternalImg","selectedButton","setSelectedButton","camData","animTime","event","keyCode","click","addEventListener","removeEventListener","GotoPosInTimeNamedValue","gotoposname","onComplete","onSample","opt","gp","fovy","zang","increase","time","slowInOut","x","x2","px","Math","pow","reverseAll","_navMinDolly","_navMaxDolly","_navRotationSpeed","_panMax","_panMin","animPlayInTime","hideShowReflectionGp","onFrontClick","isNextPrevious","alreadySelected","querySelector","classList","remove","add","config","focus","querySelectorAll","RT_RecordEvent","onBackClick","onRightClick","onLeftClick","onTopClick","onBottomClick","onInternalClick","onResetMode","onPreviousMode","prevButton","selectedButtonIndex","findIndex","element","onNextMode","slider","nextButton","animValue","setAnimValue","animValue1","setAnimValue1","checked","panel","animStopped","paddingTop","paddingBottom","borderLeft","borderRight","endIcon","toggleDrawerAction","mainMenu","productview","isExpanded","animation1SwitchGlobal","animationSwitchVal","removeAttribute","visibility","animationSwitchGlobal","value1","ipad","ipadPortrait","statebtns","marginBottom","drawerPaper","selectEmpty","App","burgerBtnVisible","setBurgerBtnVisible","toggleDrawer","anchor","open","menuMobLandscapOpen","orientationPotrait","setOrientation","checkOrientationStatus","orientationStatus","getLangTranscript","setgetLangTranscript","checkgetLangTranscript","closeBtnVisibilityOpen","closeBtnVisibilityClose","disableElevation","Drawer","onClose","overflowY","overflowX","createTheme","main","secondary","render","ThemeProvider"],"mappings":"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","file":"static/js/main.266a0ebd.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) { callback(); }\r\n            else {\r\n               setTimeout(function () {\r\n                  waitForGlobal(key,callback);\r\n               },100);\r\n            }\r\n         } else {\r\n            setTimeout(function () {\r\n               waitForGlobal(key,callback);\r\n            },100);\r\n         }\r\n\r\n      };\r\n\r\n      waitForGlobal(\"scene\",fetchJson);\r\n   }\r\n   componentWillUnmount() {\r\n      // fix Warning: Can't perform a React state update on an unmounted component\r\n      this.setState = (state,callback) => {\r\n         return;\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;\r\n","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\r\n\r\n   return (\r\n      <div className=\"Accordians\">\r\n         <Accordion style={{ borderRadius: \"0px\",borderBottom: \"1px solid #CCCCCC\" }} onChange={props.onChanged} expanded={props.expanded}>\r\n            <AccordionSummary id=\"productViewBtn\" tabIndex=\"1\"\r\n               expandIcon={<ExpandMoreIcon />} style={ProductViewHeader} >\r\n               <Typography className=\"accordion-headers AccordiansHeader\" style={{ fontWeight: \"700\",margin: \"0px 0px\" }}>{props.name}</Typography>\r\n            </AccordionSummary >\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Front\" id=\"frontBtn\" onKeyPress={props.onFrontBtnClick} onClick={props.onFrontBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={`${window.finalLangues.front}`} source={props.imgfront} />\r\n            </AccordionDetails>\r\n            \r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Back\" id=\"backBtn\" onKeyPress={props.onBackBtnClick} onClick={props.onBackBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={`${window.finalLangues.back}`} source={props.imgback} />\r\n            </AccordionDetails>                       \r\n\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.left}`} source={props.imgright} />\r\n            </AccordionDetails>\r\n\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.right}`} source={props.imgleft} />\r\n            </AccordionDetails>           \r\n\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\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Bottom\" id=\"bottomBtn\" onKeyPress={props.onBottomBtnClick} onClick={props.onBottomBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={`${window.finalLangues.bottom}`} source={props.imgbottom} />\r\n            </AccordionDetails>\r\n\r\n            <AccordionDetails tabIndex=\"1\" aria-label=\"Internals\" id=\"internalBtn\" onKeyPress={props.onInternalBtnClick} onClick={props.onInternalBtnClick}>\r\n               <MenuBtn aria-hidden=\"true\" style={AccordianIcons} submenu={`${window.finalLangues.internal}`} source={props.imginternal} />\r\n            </AccordionDetails>\r\n\r\n         </Accordion>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default MenuProductView;","import React,{ useState,useEffect } from \"react\"\r\nimport { Grid } from '@material-ui/core'\r\nimport Switch from '@material-ui/core/Switch';\r\nimport Hidden from '@material-ui/core/Hidden';\r\n\r\nconst animText = {\r\n   fontSize: '16px',\r\n   textAlign: 'right',display: 'block'\r\n}\r\nconst Animationbtns = {\r\n\r\n   textAlign: \"center\",marginTop: \"15px\",position: \"relative\",marginRight: \"20px\",\r\n   display: \"flex\",justifyContent: \"center\",alignItems: \"center\"\r\n\r\n}\r\n\r\nconst AnimationBtn = (props) => {\r\n\r\n   return (\r\n      <>\r\n\r\n         <div className=\"animationoff\" id=\"animation\" style={{ ...Animationbtns,marginTop: '30px' }}>\r\n            <Grid container style={{ alignItems: 'center' }}>\r\n               <Grid item xs={8} id=\"animation\">\r\n                  <span style={animText}>{window.finalLangues.reduceTransitions}: </span>\r\n               </Grid>\r\n               <Grid item xs={4}>\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               </Grid>\r\n            </Grid>\r\n         </div>\r\n         {!(window.mob) &&\r\n\r\n            <div className=\"onscreencontrol\" id=\"animation1\" style={{ ...Animationbtns }}>\r\n               <Grid container style={{ alignItems: 'center' }}>\r\n                  <Grid item xs={8} id=\"animation1\">\r\n                     <span style={animText}>{window.finalLangues.onScreenControls}: </span>\r\n                  </Grid>\r\n                  <Grid item xs={4}>\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                  </Grid>\r\n               </Grid>\r\n            </div>\r\n         }\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 = \"11\";\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: '24px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      alignItems: 'baseline'\r\n   }\r\n\r\n   const mobAllthreeDivs = {\r\n      textAlign: 'left',\r\n      margin: '57px 0px 33px 0px',\r\n      fontFamily: 'Roboto',\r\n      fontStyle: 'normal',\r\n      fontWeight: 'normal',\r\n      fontSize: '24px',\r\n      lineHeight: '36px',\r\n      width: '350px',\r\n      display: 'flex',\r\n      justifyContent: 'space-between',\r\n      alignItems: 'baseline'\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      lineHeight: '36px',\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      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: '40px',\r\n      lineHeight: '56px',\r\n      color: '#000000',\r\n      width: '300px'\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} id=\"mobHowToUseText_landscape\">{window.finalLangues.howToUseMenu}:</span>\r\n\r\n                     <div style={mainDiv}>\r\n                        <div style={allThreeDiv}>{window.finalLangues.move}<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"moveDesk\" src=\"./img/move.svg\" /></div>\r\n                        <div style={allThreeDiv}>{window.finalLangues.rotate}<br></br><img style={{ marginTop: '20px',height: '66px',width: '130px' }} alt=\"rotateDesk\" src=\"./img/rotate.svg\" /></div>\r\n                        <div style={allThreeDiv}>{window.finalLangues.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: '12px',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: '12px',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: '12px',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 useWindowDimensions from '../../WindowDimensions';\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: '-320px',\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   }\r\n   const howToUseDiv = {\r\n      width: '100%',\r\n      textAlign: 'right',\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: '0px',\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: 'right',\r\n      color: '#000000',\r\n      wordBreak: 'break-all'\r\n   }\r\n   const useName2 = {\r\n      position: 'absolute',\r\n      width: '90px',\r\n      height: '28px',\r\n      left: '0px',\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: 'right',\r\n      color: '#000000',\r\n      wordBreak: 'break-all'\r\n   }\r\n   const useName3 = {\r\n      position: 'absolute',\r\n      width: '130px',\r\n      height: '28px',\r\n      left: '0px',\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      wordBreak: 'break-all'\r\n   }\r\n   const imgUse = {\r\n      marginTop: '22px',\r\n      marginLeft: '111px',\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 HowToUseHeader\" onKeyPress={handleClick} onClick={handleClick} ><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} id=\"mobHowToUseText_landscape\" >{window.finalLangues.howToUseMenu}:</span>\r\n               <img tabIndex=\"-1\" onClick={closeHandle} style={closeUse} 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} id='move_desk'><span id='move_desk_text' 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} id='rotate_desk'><span id='rotate_desk_text' 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} id='zoom_desk'><span id='zoom_desk_text' 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   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      //document.getElementById('calloutcanvas').style.display = \"none\";\r\n      window.hotspot = '';\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\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      display: 'inline-block',\r\n      verticalAlign: 'middle',\r\n      marginLeft: '35px',\r\n      width: '175px'\r\n   }\r\n\r\n   const topbtns = {\r\n      position: 'relative',\r\n      border: '1px solid CCCCCC',\r\n      display: 'inline-block',\r\n      verticalAlign: 'middle'\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',\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.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.animation;\r\n      window.position = 'reset';\r\n      // document.getElementById('whiteBtn').classList.add('active');\r\n      return () => {\r\n         return false\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 }\r\n   else { 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.animation;\r\n      if (animationSwitch == 'off') { gp.time = 1 }\r\n      else {\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      //document.getElementById('calloutcanvas').style.display = \"none\";\r\n      window.hotspot = '';\r\n\r\n      window.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 = (ev) => {\r\n\r\n      window.scene._nav.NavRotation([0,0],[-2,0]);\r\n      //document.getElementById('calloutcanvas').style.display = \"none\";\r\n      window.hotspot = '';\r\n      for (var i in ev.path) {\r\n         if (ev.path[i].id == \"leftPan\" || ev.path[i].id == 'footerControls') return;\r\n          console.log(ev.path[i].id)\r\n\r\n      }\r\n      window.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' className=\"footerControlsDesk\">\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%',maxWidth: '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\" className=\"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   useEffect(() => {\r\n\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.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.Animation;\r\n   var animTime = 1;\r\n\r\n   useEffect(() => {\r\n      // getData();\r\n      // animationSwitch = window.Animation;\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\n  \r\n\r\n   const slowInOut = (x) => {\r\n      var a = 3.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   \r\n\r\n\r\n\r\n\r\n   if (animationSwitch == 'on') { animTime = 1000 }\r\n   else { animTime = 1 }\r\n   // console.log('animTime', animTime)\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.hotspot = '';\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.hotspot = '';\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} 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} 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 MenuSelectProductType from './MenuSelectProduct';\r\nimport MenuProductView from './MenuProductView';\r\nimport MenuPositions from './MenuPosition';\r\nimport AnimationBtn from './AnimationBtn';\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\nimport useWindowDimensions from '../../WindowDimensions';\r\nimport { HorizontalSplit } from '@material-ui/icons';\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)) ||\r\n   (navigator.userAgent.indexOf('iPod') != -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 = (/CriOS/i.test(navigator.userAgent) && /ipad/i.test(navigator.userAgent)) || (navigator.userAgent.indexOf('iPad') != -1) ||\r\n   (navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2);\r\n\r\nexport const userContext = React.createContext();\r\nvar prevCounter = 0;\r\nvar nextClicked = false;\r\nvar prevClicked = false;\r\nvar buttonSeq = ['onResetMode','onFrontClick','onBackClick','onRightClick','onLeftClick','onTopClick','onBottomClick','onInternalClick'];\r\nvar buttonSeq180 = ['onResetMode','onFrontClick','onBackClick','onRightClick','onLeftClick','onTopClick','onBottomClick','onInternalClick'];\r\n\r\n\r\nvar position = {\r\n   'currentPos': 'reset',\r\n   'close': 0.041,\r\n   'nintyDegree': 1.0833334,\r\n   'reset': 2.082,\r\n   'top': 1.25,\r\n\r\n}\r\nvar reflectionGpState = \"vertical\";\r\nvar reflectionGpStateFrom;\r\n// var 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/front.png\");\r\n   const [laptop360TopImg,setLaptop360TopImg] = useState(\"./img/top.png\");\r\n   const [laptop360LeftImg,setLaptop360LefttImg] = useState(\"./img/left.png\");\r\n   const [laptop360RightImg,setLaptop360RightImg] = useState(\"./img/right.png\");\r\n   const [laptop360BackImg,setLaptop360BackImg] = useState(\"./img/back.png\");\r\n   const [laptop360BottomImg,setLaptop360BottomImg] = useState(\"./img/bottom.png\");\r\n   const [laptop360InternalImg,setLaptop360InternalImg] = useState(\"./img/internal.png\");\r\n   const [counter,setCounter] = useState(0);\r\n   const [selectedButton,setSelectedButton] = useState('onResetMode');\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\r\n\r\n   };\r\n   const [camData,setCamData] = useState(\"\");\r\n   var animationSwitch = window.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.Animation;\r\n      moblandscap = (mob && window.innerWidth > window.innerHeight);\r\n\r\n       window.position = 'reset';\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      // alert('Counter in useEffect'+prevCounter);\r\n      // alert('Counter in useEffect'+counter);\r\n      window.addEventListener('mousedown',() => {\r\n         //  //document.getElementById('calloutcanvas').style.display = \"none\";\r\n          window.hotspot = '';\r\n      })\r\n      return () => {\r\n         window.removeEventListener('mousedown',() => {\r\n            // //document.getElementById('calloutcanvas').style.display = \"none\";\r\n             window.hotspot = '';\r\n         })\r\n      }\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      var isipad = (/CriOS/i.test(navigator.userAgent) && /ipad/i.test(navigator.userAgent)) || (navigator.userAgent.indexOf('iPad') != -1) ||\r\n         (navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2);\r\n\r\n      let mob = (navigator.userAgent.indexOf(\"iPhone\") != -1) || ((navigator.userAgent.indexOf(\"Android\") != -1)) ||\r\n         (navigator.userAgent.indexOf('iPod') != -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   //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      // console.log(gotoposname)\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      let increase = 0;\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      if (window.mob || window.isipad) {\r\n       \r\n         if ( gotoposname == 'Render_Cam_F10_L'\r\n            || gotoposname == 'Render_Cam_F10_R' ) {\r\n\r\n            // increase = 25;\r\n            increase = 13;\r\n         }\r\n         else if(gotoposname == 'Render_Cam_F01_Rear' || gotoposname == 'Render_Cam_F01_F'  ){\r\n            increase = 70;\r\n         }\r\n         else if(gotoposname == 'Render_Cam_F01_Back_Port'||  gotoposname == 'Render_Cam_F10_Front_Port' ){\r\n            increase = 40\r\n         }\r\n         else{\r\n            increase = 13\r\n         }\r\n      }\r\n      else{\r\n         if ( gotoposname == 'Render_Cam_F01_Rear'|| gotoposname == 'Render_Cam_F01_F') {\r\n            // console.log(\"desktop\");\r\n\r\n            increase = 15;\r\n         }\r\n\r\n      \r\n      }\r\n      \r\n      window.scene.gotoPosInTime(gp.pos[0],gp.pos[1],gp.pos[2],gp.pos[3],gp.pos[4] + increase,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\r\n   const reverseAll = () => {\r\n      // window.scene._nav._navMaxDolly = 28.0; //110   \r\n      window.scene._nav._navMinDolly = 9;\r\n      window.scene._nav._navMaxDolly = 22;\r\n      window.scene._nav._navRotationSpeed = 0.015;\r\n      window.scene._nav._panMax = [16,12];    //[left, bottom];\r\n      window.scene._nav._panMin = [-16,-5];  //[right, top];\r\n      window.hotspot = '';\r\n\r\n      window.scene.groupApplyState(\"SSD_COVER_ON\");\r\n      window.scene.groupApplyState(\"INTERNAL_OFF\");\r\n      window.scene.groupApplyState(\"SCREEN_ON\");\r\n      window.scene.groupApplyState(\"Spot_light_ON\");\r\n\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box\",0,1000);\r\n\r\n      window.scene.animPlayInTime(\"BATTERY\",0,1000);\r\n      window.scene.animPlayInTime(\"A\",0,1000);\r\n      window.scene.animPlayInTime(\"B\",0,1000);\r\n      window.scene.animPlayInTime(\"C\",0,1000);\r\n      window.scene.animPlayInTime(\"D\",0,1000);\r\n      window.scene.animPlayInTime(\"E\",0,1000);\r\n\r\n      window.scene.animPlayInTime(\"Bottam_Cover\",0,1000);\r\n      window.scene.animPlayInTime(\"SCREEN\",0,1000);\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0,1000);\r\n      window.scene.animPlayInTime(\"Cover\",0,1000);\r\n      window.scene.animPlayInTime(\"LAN_PART\",0,1000);\r\n      window.scene.animPlayInTime(\"Corner_Parts\",0,1000);\r\n      window.scene.animPlayInTime(\"_REAR_CAM_INTERNAL\",0,1000);\r\n      window.scene.animPlayInTime(\"SPEKER\",0,1000);\r\n      window.scene.animPlayInTime(\"USB_PORT1\",0,1000);\r\n      window.scene.animPlayInTime(\"HDMI\",0,1000);\r\n      window.scene.animPlayInTime(\"DELL_407\",0,1000);\r\n      window.scene.animPlayInTime(\"MB_BOARDS\",0,1000);\r\n      window.scene.animPlayInTime(\"Heatsink_Fan\",0,1000);\r\n      window.scene.animPlayInTime(\"Bottam_Cover\",0,1000);\r\n      window.scene.animPlayInTime(\"SCREEN\",0,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box \",0.0416667,1000);\r\n      window.scene.animPlayInTime(\"GP\",0.0416667,1000);\r\n      window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.0416667,1000);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const hideShowReflectionGp = () => {\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n       //  console.log(\"reflectionGpState ===vertical\");\r\n\r\n\r\n\r\n         if (reflectionGpStateFrom == \"verticalToVertical\") {\r\n            // console.log(\"reflectionGpStateFrom ===verticalToVertical\");\r\n            window.scene.groupApplyState(\"GP_ON\");\r\n            window.scene.groupApplyState(\"GP_RESET_ON\");\r\n            window.scene.groupApplyState(\"REF_BOX_ON\");\r\n         }\r\n         else if (reflectionGpStateFrom == \"horizontalToVertical\") {\r\n            // console.log(\"reflectionGpStateFrom ===horizontalToVertical\");\r\n            window.scene.groupApplyState(\"GP_OFF\");\r\n            window.scene.groupApplyState(\"GP_RESET_OFF\");\r\n            window.scene.groupApplyState(\"REF_BOX_OFF\");\r\n         }\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         // console.log(\"reflectionGpState ===horizontal\");\r\n\r\n         if (reflectionGpStateFrom == \"verticalToHorizontal\") {\r\n            // console.log(\"reflectionGpStateFrom ===verticalToHorizontal\");\r\n            window.scene.groupApplyState(\"GP_OFF\");\r\n            window.scene.groupApplyState(\"GP_RESET_OFF\");\r\n            window.scene.groupApplyState(\"REF_BOX_OFF\");\r\n         }\r\n         else if (reflectionGpStateFrom == \"horizontalToHorizontal\") {\r\n            // console.log(\"reflectionGpStateFrom ===horizontalToHorizontal\");\r\n            window.scene.groupApplyState(\"REF_BOX_ON\");\r\n            window.scene.groupApplyState(\"GP_F10_ON\");\r\n         }\r\n\r\n      }\r\n      else if (reflectionGpState == \"explode\") {\r\n         // console.log(\"reflectionGpState ===explode\")\r\n         window.scene.groupApplyState(\"REF_BOX_OFF\");\r\n         window.scene.groupApplyState(\"GP_OFF\");\r\n      }\r\n\r\n   }\r\n\r\n   //MenuProductView\r\n\r\n   const onFrontClick = (isNextPrevious) => {\r\n\r\n      //Update ZoomBar\r\n      reverseAll();\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToVertical\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToVertical\";\r\n\r\n      }\r\n      reflectionGpState = \"vertical\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToVertical\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToVertical\";\r\n\r\n      }\r\n      // window.scene._nav._navMaxDolly = 29.0; //110\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      document.getElementById('frontBtn').classList.add('active');\r\n      //  window.position = 'reset';\r\n      window.hotspot = '';\r\n\r\n\r\n      var currentPosName = position.currentPos;\r\n\r\n      setSelectedButton('onFrontClick');\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\r\n      window.scene.clearRefine();\r\n\r\n      GotoPosInTimeNamedValue(window.config.front,function () {\r\n         //window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.0416667,1000);\r\n         window.scene.animPlayInTime(\"Reflection_Box\",0,1000);\r\n         hideShowReflectionGp();\r\n         // var center = [0, 0, 0];\r\n         // window.scene._nav.SetRotationCenter(center);\r\n         window.hotspot = 'front';\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         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Front\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n   const onBackClick = (isNextPrevious) => {\r\n      reverseAll();\r\n      //Update ZoomBar\r\n      // console.log(\"back\")\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToVertical\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToVertical\";\r\n\r\n      }\r\n      reflectionGpState = \"vertical\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToVertical\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToVertical\";\r\n\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      if (alreadySelected != null) {\r\n         alreadySelected.classList.remove('active');\r\n      }\r\n      document.getElementById('backBtn').classList.add('active');\r\n       window.position = 'reset';\r\n      var currentPosName = position.currentPos;\r\n\r\n      setSelectedButton('onBackClick');\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\r\n\r\n\r\n      GotoPosInTimeNamedValue(window.config.back,function () {\r\n         window.hotspot = 'back';\r\n\r\n         window.scene.groupApplyState(\"SSD_COVER_OFF\");\r\n         window.scene.animPlayInTime(\"Reflection_Box\",0,1000);\r\n         hideShowReflectionGp();\r\n         window.scene.clearRefine();\r\n\r\n      })\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Back\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n\r\n   }\r\n\r\n   const onRightClick = (isNextPrevious) => {\r\n\r\n      reverseAll();\r\n      // console.log(\"right\")\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n      reflectionGpState = \"horizontal\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n\r\n      //Update ZoomBar\r\n      //   console.log(position.nintyDegree,position.currentPos)\r\n\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      setSelectedButton('onRightClick');\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      //document.getElementById('calloutcanvas').style.display = \"none\";\r\n       window.hotspot = '';\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.position = 'reset';\r\n      // window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.4160000,1000);\r\n      window.scene.groupApplyState(\"Spot_light_OFF\");\r\n\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000,function () {\r\n\r\n      });\r\n      window.scene.animPlayInTime(\"GP\",0.4160000,500);\r\n      //window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box\",0.4160000,500);\r\n      window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.4160000,500,function () {\r\n\r\n\r\n      });\r\n      GotoPosInTimeNamedValue(window.config.left,function () {\r\n         hideShowReflectionGp();\r\n         // var center = [0, 42.8355, 2.3922];\r\n         // window.scene._nav.SetRotationCenter(center);\r\n         // setTimeout(function () {\r\n\r\n\r\n         // },1600);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n         window.scene.animPlayInTime(\"D\",0.833,1500);\r\n         window.scene.animPlayInTime(\"E\",0.833,1500,() => {\r\n\r\n            \r\n            window.hotspot = 'right';\r\n         });\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         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Right\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const onLeftClick = (isNextPrevious) => {\r\n\r\n      reverseAll();\r\n\r\n      // console.log(\"left\");\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n      reflectionGpState = \"horizontal\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\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      setSelectedButton('onLeftClick');\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\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.position = 'reset';\r\n      window.scene.groupApplyState(\"Spot_light_OFF\");\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000,function () {\r\n\r\n      });\r\n      window.scene.animPlayInTime(\"GP\",0.4160000,500);\r\n      //window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box\",0.4160000,500);\r\n      window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.4160000,500,function () {\r\n\r\n      });\r\n\r\n      GotoPosInTimeNamedValue(window.config.right,function () {\r\n         // var center = [0, 89.9998, -1];\r\n         // window.scene._nav.SetRotationCenter(center);\r\n         hideShowReflectionGp();\r\n\r\n         window.scene.animPlayInTime(\"A\",0.833,1500);\r\n         window.scene.animPlayInTime(\"B\",0.833,1500);\r\n         setTimeout(function () {\r\n            window.hotspot = 'left';\r\n         },1600);\r\n\r\n         window.scene.clearRefine();\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n      });\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      //  window.scene.animPlayInTime(\"DELL_INSPIRON_ODIN_13_INCH.001\",1.0833334,1000);\r\n      window.RT_RecordEvent(\"Product View\",\"Left\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n\r\n\r\n   const onTopClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      reverseAll();\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n      reflectionGpState = \"horizontal\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n      //  console.log(position.top,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      setSelectedButton('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\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('topBtn').classList.add('active');\r\n       window.position = 'reset';\r\n      window.scene.groupApplyState(\"Spot_light_OFF\");\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000);\r\n      // window.scene.animPlayInTime(\"Reflection_Box\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"GP\",0.4160000,1000);\r\n      //window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.4160000,1500,function () {\r\n\r\n      });\r\n      GotoPosInTimeNamedValue(window.config.top,function () {\r\n         hideShowReflectionGp();\r\n\r\n         window.scene.animPlayInTime(\"C\",0.833,1500);\r\n         window.scene.clearRefine();\r\n         setTimeout(function () {\r\n            window.hotspot = 'top';\r\n         },1600);\r\n\r\n         if (isNextPrevious != true) {\r\n            window.document.getElementById(\"hotspot1demo\").focus();\r\n         }\r\n\r\n      });\r\n\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Top\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n\r\n\r\n   const onBottomClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      reverseAll();\r\n      //  console.log(position.top,position.currentPos)\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\r\n      }\r\n      reflectionGpState = \"horizontal\";\r\n      hideShowReflectionGp();\r\n\r\n      if (reflectionGpState == \"vertical\") {\r\n         reflectionGpStateFrom = \"verticalToHorizontal\";\r\n\r\n      }\r\n      else if (reflectionGpState == \"horizontal\") {\r\n         reflectionGpStateFrom = \"horizontalToHorizontal\";\r\n\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      setSelectedButton('onBottomClick');\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Bottom view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Bottom view');\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('bottomBtn').classList.add('active');\r\n       window.position = 'reset';\r\n\r\n      // window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000);\r\n      // window.scene.animPlayInTime(\"Reflection_Box\",0.4166667,1000);\r\n      window.scene.groupApplyState(\"Spot_light_OFF\");\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000);\r\n      window.scene.animPlayInTime(\"GP\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Reflection_Box\",0.4160000,1000);\r\n      window.scene.animPlayInTime(\"Daynmic_Ref_plane\",0.4160000,1500,function () {\r\n\r\n      });\r\n      GotoPosInTimeNamedValue(window.config.bottom,function () {\r\n         window.hotspot = 'bottom';\r\n         hideShowReflectionGp();\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Bottom\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n   const onInternalClick = (isNextPrevious) => {\r\n      //Update ZoomBar\r\n      reverseAll();\r\n      reflectionGpState = \"explode\";\r\n      hideShowReflectionGp();\r\n      //  console.log(position.top,position.currentPos)\r\n      window.scene._nav._navMinDolly = 16;\r\n      window.scene._nav._navMaxDolly = 34;\r\n      window.scene._nav._navRotationSpeed = 0.03;\r\n      window.scene._nav._panMax = [16,6];    //[left, bottom];\r\n      window.scene._nav._panMin = [-16,-10];  //[right, top];\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      setSelectedButton('onInternalClick');\r\n      if (!(mob || isipad)) {\r\n         document.getElementById('previousView').setAttribute('aria-label','Internal view');\r\n\r\n         document.getElementById('nextView').setAttribute('aria-label','Internal view');\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('internalBtn').classList.add('active');\r\n\r\n      window.scene.groupApplyState(\"Spot_light_OFF\");\r\n      window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000,function () {\r\n\r\n      });\r\n      GotoPosInTimeNamedValue(window.config.internal,function () {\r\n\r\n         window.scene.groupApplyState(\"INTERNAL_ON\");\r\n         window.scene.groupApplyState(\"SCREEN_OFF\");\r\n         window.scene.animPlayInTime(\"RUGGED_TAB_7230\",0.4166667,1000);\r\n         window.scene.animPlayInTime(\"Cover\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"LAN_PART\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"Corner_Parts\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"_REAR_CAM_INTERNAL\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"SPEKER\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"USB_PORT1\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"HDMI\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"DELL_407\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"MB_BOARDS\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"Heatsink_Fan\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"Bottam_Cover\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"BATTERY\",1.6660000,1000);\r\n         window.scene.animPlayInTime(\"SCREEN\",1.6660000,1000);\r\n\r\n         setTimeout(function () {\r\n            window.hotspot = 'internal';\r\n         },1200);\r\n         window.scene.clearRefine();\r\n      });\r\n\r\n      if (!(window.isipad || window.mob)) {\r\n         for (let i = 1; i <= document.querySelectorAll(\".hotspots\").length; i++) {\r\n            if (i === 2) break;\r\n            if (window.document.getElementById(\"hotspot\" + i) !== null) {\r\n               window.document.getElementById(\"hotspot\" + i).setAttribute('tabindex',1);\r\n            }\r\n         }\r\n      }\r\n      window.RT_RecordEvent(\"Product View\",\"Internals\",window.config.name);\r\n      window.scene.clearRefine();\r\n\r\n   }\r\n\r\n\r\n   const [nextClick,setNextClick] = useState(false);\r\n   const [prevClick,setPrevClick] = useState(false);\r\n\r\n\r\n   const resetMode = () => {\r\n      setSelectedButton('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\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      if (selectedButton == 'onFrontClick') {\r\n         onFrontClick();\r\n      }\r\n      else if (selectedButton == 'onBackClick') {\r\n         onBackClick();\r\n      }\r\n      else if (selectedButton == 'onTopClick') {\r\n         onTopClick();\r\n      }\r\n      else if (selectedButton == 'onBottomClick') {\r\n         onBottomClick();\r\n      }\r\n      else if (selectedButton == 'onRightClick') {\r\n         onRightClick();\r\n      }\r\n      else if (selectedButton == 'onLeftClick') {\r\n         onLeftClick();\r\n      }\r\n      else if (selectedButton == 'onInternalClick') {\r\n         onInternalClick();\r\n      }\r\n\r\n      else if (selectedButton == 'onResetMode') {\r\n         resetMode();\r\n      }\r\n\r\n      window.scene.clearRefine();\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\r\n      var prevButton;\r\n      var selectedButtonIndex = buttonSeq180.findIndex(element => element == selectedButton)\r\n      if (selectedButton == 'onFrontClick' || selectedButton == 'onResetMode') {\r\n         prevButton = 'onInternalClick';\r\n      } else {\r\n         prevButton = buttonSeq180[selectedButtonIndex - 1];\r\n      }\r\n      var prevButton;\r\n      var selectedButtonIndex = buttonSeq.findIndex(element => element == selectedButton)\r\n      if (selectedButton == 'onFrontClick' || selectedButton == 'onResetMode') {\r\n         prevButton = 'onInternalClick';\r\n      } else {\r\n         prevButton = buttonSeq[selectedButtonIndex - 1];\r\n      }\r\n\r\n      if (prevButton == 'onFrontClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onFrontClick(true);\r\n      }\r\n      else if (prevButton == 'onTopClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onTopClick(true);\r\n      }\r\n      else if (prevButton == 'onBackClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onBackClick()\r\n      }\r\n      else if (prevButton == 'onRightClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onRightClick(true);\r\n      }\r\n      else if (prevButton == 'onLeftClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onLeftClick(true);\r\n      }\r\n      else if (prevButton == 'onBottomClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onBottomClick(true);\r\n      }\r\n      else if (prevButton == 'onInternalClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onInternalClick(true);\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         slider.value = window.scene._nav.getZoomFactor();\r\n         setTimeout(function () { slider.value = window.scene._nav.getZoomFactor(); },1000);\r\n      }\r\n\r\n      var nextButton;\r\n      var selectedButtonIndex = buttonSeq180.findIndex(element => element == selectedButton)\r\n      if (selectedButton == 'onInternalClick') {\r\n         nextButton = 'onFrontClick';\r\n      } else {\r\n         nextButton = buttonSeq180[selectedButtonIndex + 1];\r\n      }\r\n\r\n\r\n      var nextButton;\r\n      var selectedButtonIndex = buttonSeq.findIndex(element => element == selectedButton)\r\n      if (selectedButton == 'onInternalClick') {\r\n         nextButton = 'onFrontClick';\r\n      } else {\r\n         nextButton = buttonSeq[selectedButtonIndex + 1];\r\n      }\r\n\r\n\r\n      if (nextButton == 'onFrontClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onFrontClick(true);\r\n      }\r\n      else if (nextButton == 'onTopClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onTopClick(true);\r\n      }\r\n      else if (nextButton == 'onRightClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onRightClick(true);\r\n      }\r\n      else if (nextButton == 'onBackClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onBackClick(true);\r\n      }\r\n      else if (nextButton == 'onLeftClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onLeftClick(true);\r\n      }\r\n      else if (nextButton == 'onBottomClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onBottomClick(true);\r\n      }\r\n\r\n      else if (nextButton == 'onInternalClick') {\r\n         setExpandedPanel(\"panel1\");\r\n         onInternalClick(true);\r\n      }\r\n\r\n\r\n   }\r\n\r\n   const [animValue,setAnimValue] = useState(\"On\");\r\n\r\n   const [animValue1,setAnimValue1] = useState(\"On\");\r\n\r\n   useEffect(() => {\r\n      // console.log('useeffect working');\r\n      window.Animation = 'on';\r\n      setAnimValue(\"On\");\r\n      document.getElementById(\"animSwitchValue\").checked = true;\r\n      document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n      if (!(window.mob)) {\r\n         document.getElementById(\"animSwitchValue1\").setAttribute('aria-label','Animation On')\r\n         // document.getElementById('animSwitchValue1').setAttribute('aria-label','clickable checkbox checked On');\r\n\r\n         setAnimValue1(\"On\");\r\n         document.getElementById(\"animSwitchValue1\").checked = true;\r\n         document.getElementsByClassName('onOff1')[0].style.left = \"-17px\";\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.Animation = 'off';\r\n\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\r\n         setAnimValue(\"On\");\r\n         window.Animation = 'on';\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\r\n         // alert(\"Animation 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.Animation = 'on';\r\n         document.getElementsByClassName('onOff')[0].style.left = \"-17px\";\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.Animation = 'off';\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   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.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.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   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.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\r\n            document.getElementById('footerControls').style.visibility = \"\";\r\n            document.getElementById('footerControIpad').style.visibility = \"\";\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.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 = \"-118px\";\r\n            setTimeout(function () {\r\n\r\n               document.getElementById('footerControls').style.visibility = \"hidden\";\r\n               document.getElementById('footerControIpad').style.visibility = \"hidden\";\r\n               animStopped = true;\r\n            },200);\r\n         }\r\n\r\n      }\r\n\r\n   }\r\n   return (\r\n      <>\r\n         {/* <Hidden only={[\"xs\",'sm']}> */}\r\n         {!window.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         <MenuProductView tabIndex=\"1\" onFrontBtnClick={onFrontClick} onTopBtnClick={onTopClick} onLeftBtnClick={onLeftClick} onRightBtnClick={onRightClick} onBackBtnClick={onBackClick}\r\n            onBottomBtnClick={onBottomClick} onInternalBtnClick={onInternalClick} imgfront={laptop360FrontImg} imgtop={laptop360TopImg} imgleft={laptop360LeftImg} imgright={laptop360RightImg} imgback={laptop360BackImg} imgbottom={laptop360BottomImg} imginternal={laptop360InternalImg} name={`${window.finalLangues.productview}`} expanded={expandedPanel == 'panel1'} onChanged={handleAccordionChange('panel1')} />\r\n\r\n         <AnimationBtn onchange={displayName} forKeypress={setAnimationSwitch} value={animValue} onchange1={displayName1} forKeypress1={setAnimationSwitch1} value1={animValue1} />\r\n      </>\r\n   );\r\n}\r\n\r\nexport default MainMenu;","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\n// import 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\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: \"fixed\",\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: 'auto',\r\n      width: '285px !important',\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         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      // console.log(\"close\");\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      },270)\r\n\r\n      // toggleDrawer(\"bottom\", false)\r\n   }\r\n   const mobOpenDrawer = () => {\r\n      // console.log(\"open\");\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      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 = 1;\r\n         // document.getElementById('infinityrt-canvas').style.zIndex = -1;\r\n        \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      return () => {\r\n         return false\r\n      }\r\n\r\n\r\n   },[])\r\n   useEffect((event) => {\r\n      ipadPortrait = !(ipad && window.innerHeight > window.innerWidth);\r\n      // alert(orientationPotrait);\r\n      return () => {\r\n         return false\r\n      }\r\n\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\r\n   let closeBtnVisibilityOpen = burgerBtnVisible && window.innerWidth > window.innerHeight;\r\n   let closeBtnVisibilityClose = !burgerBtnVisible && window.innerWidth > window.innerHeight;\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            <Hidden only={['xs','lg']}>\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 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               <div className=\"openCloseBar\" style={{}}></div>\r\n\r\n               {closeBtnVisibilityClose && <Button 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\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            {/* <Hidden only={['xs','lg','xl']}>\r\n      <MenuIcon id=\"openMenu\" style={menuIconStyle} onClick={menuSlider}/>\r\n      <CloseIcon id=\"closeMenu\" style={menuIconClose} onClick={menuSliderClose} />\r\n      </Hidden> */}\r\n            {/* for close mode */}\r\n            <div id='leftPan'\r\n               tabIndex={0}\r\n            // role=\"button\"\r\n            //onClick={toggleDrawer(\"left\", false)}\r\n            //onKeyDown={toggleDrawer(\"left\", false)}\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                  {\r\n                     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                        {/* <Guide /> */}\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                        // style={{display:\"block\",border: '1px solid #E1E1E1',position: 'absolute',top: '0px',left: '-64px', margin:'0',backgroundColor: '#FFFFFF',paddingBottom: '16px', width: '60px'}}\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                     <NestedList />\r\n                     {/* <Guide /> */}\r\n                     {getLangTranscript && <MainMenu />}\r\n                  </Drawer>\r\n               </Hidden>\r\n               {/* ipadEnd */}\r\n\r\n               {/* mobile start */}\r\n               <Hidden only={['sm','md','lg','xl']}>\r\n\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\r\n                     <NestedList />\r\n                     {/* <Guide /> */}\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\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 { createTheme,ThemeProvider } from \"@material-ui/core\";\r\nconst theme = createTheme({\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":""}