{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/views/ProductScreen.vue?9777","webpack:///./src/components/AppVideo.vue?4031","webpack:///./src/App.vue?4f2a","webpack:///./src/components/typer.vue?5e0b","webpack:///./src/App.vue","webpack:///./src/views/WaitingScreen.vue","webpack:///src/views/WaitingScreen.vue","webpack:///./src/views/WaitingScreen.vue?c772","webpack:///./src/views/WaitingScreen.vue?aa8d","webpack:///./src/views/MenuScreen.vue","webpack:///src/views/MenuScreen.vue","webpack:///./src/views/MenuScreen.vue?a09c","webpack:///./src/views/MenuScreen.vue?45a4","webpack:///./src/views/ProductScreen.vue","webpack:///./src/components/typer.vue","webpack:///./src/utils.js","webpack:///src/components/typer.vue","webpack:///./src/components/typer.vue?53eb","webpack:///./src/components/typer.vue?382c","webpack:///./src/components/Proscreenmenu.vue","webpack:///src/components/Proscreenmenu.vue","webpack:///./src/components/Proscreenmenu.vue?94e7","webpack:///./src/components/Proscreenmenu.vue?9328","webpack:///./src/components/AppVideo.vue","webpack:///src/components/AppVideo.vue","webpack:///./src/components/AppVideo.vue?c83e","webpack:///./src/components/AppVideo.vue?75b9","webpack:///src/views/ProductScreen.vue","webpack:///./src/views/ProductScreen.vue?1b3c","webpack:///./src/views/ProductScreen.vue?548b","webpack:///./src/components/ViewPort.vue","webpack:///src/components/ViewPort.vue","webpack:///./src/components/ViewPort.vue?af27","webpack:///./src/components/ViewPort.vue?a60f","webpack:///./src/components/ControlPanel.vue","webpack:///src/components/ControlPanel.vue","webpack:///./src/components/ControlPanel.vue?bbbb","webpack:///./src/components/ControlPanel.vue?d620","webpack:///./src/components/Model.vue","webpack:///src/components/Model.vue","webpack:///./src/components/Model.vue?90f9","webpack:///./src/components/Model.vue?8c99","webpack:///./src/components/Screen.vue","webpack:///src/components/Screen.vue","webpack:///./src/components/Screen.vue?bdd2","webpack:///./src/components/Screen.vue?78a3","webpack:///src/App.vue","webpack:///./src/App.vue?a37b","webpack:///./src/App.vue?180a","webpack:///./src/store.js","webpack:///./src/mixins/soundFx.js","webpack:///./src/main.js","webpack:///./src/views/WaitingScreen.vue?f4c4","webpack:///./src/App.vue?c15d","webpack:///./src/components/ViewPort.vue?cf3a","webpack:///./src/components/Model.vue?d040","webpack:///./src/components/Proscreenmenu.vue?3eca","webpack:///./src/views/MenuScreen.vue?1f92","webpack:///./src/components/Screen.vue?8195"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_c","_self","staticClass","style","bgStyle","attrs","_m","preloadingModels","_e","screenName","on","onWaitingClicked","onMenuClicked","index","$event","onCloseProduct","staticRenderFns","class","isActive","onScreenClick","_v","computed","_objectSpread","mapState","mounted","vm","onresize","setScreenHeight","created","methods","innerWidth","waitingScreenElement","document","getElementById","height","innerHeight","_this","setTimeout","$emit","component","_l","sections","item","itemModeClass","openItem","getIndexVar","menu_logo","isOpenFx","appData","SECTIONS","menuScreen1","triggerFx","_this2","sfxPlay","staticStyle","proData","logo","backToMenu","showBubble","showGalleryFrame","galleryPath","showAnimationFrame","animationPath","showVideoWrapper","videoPath","useNavLines","navLines","getLineStyle","getDotsLineStyle","spot_index","getLineSpotStyle","lineClicked","elements","onMenuClick","ref","isFadeOut","splitLines","startDelay","delayMultiplyer","splitElement","outerClass","innerClass","innerHTML","innerText","split","map","word","wordSpan","hypenIndex","indexOf","hypernWordsArr","ii","join","line","lastTop","lines","words","getElementsByTagName","offsetTop","splittedText","lineIndex","lineText","wordIndex","replace","lineDelay","splitLinesAndChars","temp","console","log","lineChars","charIndex","bzc","bezier","styleVars","initial","p1","p2","final","props","default","type","String","content","Number","startOnLoad","Boolean","contentIndex","selectedIndex","initText","watch","newVal","oldVal","setTyperState","isTyperActive","contentEl","$refs","classList","contains","add","remove","changeFromWatch","isMenuActive","getListCountStyle","_s","elementName","getFrameWidth","mindex","menuClicked","getIconFile","Array","_menuSfxOpenIcons","_menuSfx1","menuItems","icon","updateElementName","fw","element","showReplayBtn","replayVideo","onVideoClick","src","videoElement","destroyed","removeEventListener","onVideoEnded","addEventListener","ve","play","paused","pause","components","typer","Typer","pmenu","Proscreenmenu","appvideo","AppVideo","modelPath","productIndex","product","productData","elementData","navCurrentIndex","modelFileName","file","setEmptyIframe","files","_iframeModelViewer1","sound2","showModel","showVideo","showBubbleCount","rotate","maskVal","iconX","iconY","thecontent","onMessage","attachEvent","showCurrentElement","viewportHeight","documentElement","clientHeight","glAnimationFrame1","glVideo1","glGallery1","isModelHasHotSpots","secData","curElementData","has_hotspots","event","message","showModelBubble","fadeout3DModel","modelLayer","fadein3DModel","_this3","iframeForModel","querySelector","modelID","getModelID","contentWindow","location","hash","file_id","sectionIndex","elementIndex","mid","model_id","scrH","screen","startRadius","maxRadius","addRadius","totalRadius","radius","angle","Math","cos","PI","sin","maskSize","getLineIconStyle","iconDeg","_this4","resetCamera","vpElement","mapMutations","mapActions","RESET_CAMERA_ROTATION","vp","INIT","width","offsetWidth","offsetHeight","el","then","ANIMATE","RESIZE","directives","rawName","pyramidsVisible","expression","domProps","isArray","_i","togglePyramids","$$a","$$el","target","$$c","checked","$$v","$$i","concat","axisLinesVisible","toggleAxisLines","CAMERA_POSITION","x","y","z","resetCameraPosition","mapGetters","SET_CAMERA_POSITION","HIDE_AXIS_LINES","SHOW_AXIS_LINES","HIDE_PYRAMIDS","SHOW_PYRAMIDS","scene","camera","renderer","model","THREE","Scene","PerspectiveCamera","threeContainer","clientWidth","WebGLRenderer","setSize","appendChild","domElement","loader","GLTFLoader","load","gltf","renderScene","start","resetText","isDrawingLines","site_data","isMenuOpen","viewport","ViewPort","preloadFonts","fonts","font1","FontFace","ready","setSiteReady","proscreen","ProductScreen","waiting","WaitingScreen","menuscreen","MenuScreen","panel","ControlPanel","Model","Screen","bgIndex","inactivityTimeout","loadAppData","onWindowResize","initInactivityTimer","resetInactivityTimer","inactivityTime","clearTimeout","handleInactive","changeBg","bgsCount","setNextScreen","sd","getScaleStyle","scaleCss","Vue","use","Vuex","Store","state","controls","orbControls","axisLines","pyramids","getters","position","mutations","SET_APP_DATA","SET_VIEWPORT_SIZE","_ref","INITIALIZE_RENDERER","antialias","alpha","setPixelRatio","devicePixelRatio","INITIALIZE_CAMERA","INITIALIZE_CONTROLS","TrackballControls","rotateSpeed","zoomSpeed","panSpeed","noZoom","noPan","staticMoving","dynamicDampingFactor","keys","UPDATE_CONTROLS","update","INITIALIZE_SCENE","_state$scene","_state$scene2","CylinderBufferGeometry","MeshPhongMaterial","color","flatShading","_toConsumableArray","geometryX","mat1","MeshBasicMaterial","MeshStandardMaterial","wireframe","cylinderX","Mesh","filepath","traverse","isMesh","scale","set","lightA","DirectionalLight","lightB","lightC","AmbientLight","materialB","LineBasicMaterial","geometryB","Geometry","vertices","Vector3","lineA","Line","materialC","geometryC","lineB","materialD","geometryD","lineC","_ref2","aspect","updateProjectionMatrix","handleResize","_ref3","reset","_state$scene3","_state$scene4","_state$scene5","_state$scene6","actions","_ref4","commit","apiURL","dispatch","fetch","method","cache","headers","response","json","_ref5","_ref6","Promise","resolve","_ref7","requestAnimationFrame","soundFx","currentSoundName","_audio","soundName","Audio","config","productionTip","router","store","h","App","$mount","mixin"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAG/Be,GAAqBA,EAAoBhB,GAE5C,MAAMO,EAASC,OACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,IAER,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,GAE3CA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,KAItE,OAAOD,EAIR,IAAIQ,EAAmB,GAKnBhB,EAAkB,CACrB,IAAO,GAGJK,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU6B,QAGnC,IAAIC,EAASF,EAAiB5B,GAAY,CACzCK,EAAGL,EACH+B,GAAG,EACHF,QAAS,IAUV,OANAf,EAAQd,GAAUW,KAAKmB,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOC,GAAI,EAGJD,EAAOD,QAKfH,EAAoBM,EAAIlB,EAGxBY,EAAoBO,EAAIL,EAGxBF,EAAoBQ,EAAI,SAASL,EAASM,EAAMC,GAC3CV,EAAoBW,EAAER,EAASM,IAClC3B,OAAO8B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,KAKhEV,EAAoBe,EAAI,SAASZ,GACX,qBAAXa,QAA0BA,OAAOC,aAC1CnC,OAAO8B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DpC,OAAO8B,eAAeT,EAAS,aAAc,CAAEe,OAAO,KAQvDlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKxC,OAAOyC,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBxC,OAAO8B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBQ,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRtB,EAAoB0B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAO,YACtC,WAA8B,OAAOA,GAEtC,OADAJ,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASgB,EAAQC,GAAY,OAAO9C,OAAOC,UAAUC,eAAeC,KAAK0C,EAAQC,IAGzG5B,EAAoB6B,EAAI,IAExB,IAAIC,EAAaC,OAAO,gBAAkBA,OAAO,iBAAmB,GAChEC,EAAmBF,EAAW3C,KAAKsC,KAAKK,GAC5CA,EAAW3C,KAAOf,EAClB0D,EAAaA,EAAWG,QACxB,IAAI,IAAItD,EAAI,EAAGA,EAAImD,EAAWjD,OAAQF,IAAKP,EAAqB0D,EAAWnD,IAC3E,IAAIU,EAAsB2C,EAI1BzC,EAAgBJ,KAAK,CAAC,EAAE,kBAEjBM,K,sGCvJT,W,sFCAA,W,2DCAA,W,oCCAA,W,mGCAIyC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAOL,EAAIM,QAASC,MAAM,CAAC,GAAK,QAAQ,CAACP,EAAIQ,GAAG,GAAKR,EAAIS,iBAAmYT,EAAIU,KAArXR,EAAG,MAAM,CAACE,YAAY,aAAa,CAAoB,QAAlBJ,EAAIW,WAAsBT,EAAG,UAAU,CAACU,GAAG,CAAC,QAAUZ,EAAIa,oBAAoBb,EAAIU,KAAwB,QAAlBV,EAAIW,WAAsBT,EAAG,aAAa,CAACU,GAAG,CAAC,QAAUZ,EAAIc,iBAAiBd,EAAIU,KAAwB,WAAlBV,EAAIW,WAAyBT,EAAG,YAAY,CAACK,MAAM,CAAC,QAAUP,EAAIe,OAAOH,GAAG,CAAC,eAAiB,SAASI,GAAQ,OAAOhB,EAAIiB,qBAAqBjB,EAAIU,MAAM,MAEzhBQ,EAAkB,CAAC,WAAY,IAAIlB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyBG,MAAM,CAAC,GAAK,uBAAuB,CAACL,EAAG,SAAS,CAACE,YAAY,eAAeG,MAAM,CAAC,GAAK,qBAAqB,IAAM,sB,kECFrOR,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACiB,MAAM,CAAC,UAAUnB,EAAIoB,SAAW,SAAS,IAAIb,MAAM,CAAC,GAAK,YAAYK,GAAG,CAAC,MAAQZ,EAAIqB,gBAAgB,CAACrB,EAAIQ,GAAG,MAEtLU,EAAkB,CAAC,WAAY,IAAIlB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,sBAAsBL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIsB,GAAG,wB,4kBCiDxO,OACAC,SAAAC,EAAA,GAEAC,eAAA,cAEAvF,KAAA,WAEA,OACAkF,UAAA,IAGAM,QAAA,WAEA,IAAAC,EAAA,KACA/B,OAAAgC,SAAA,WACAD,EAAAE,mBAEAF,EAAAE,mBAEAC,QAAA,WAEA,KAAAD,mBAEAE,QACA,CACAF,gBAAA,WAEA,GAAAjC,OAAAoC,WAAA,IACA,CACA,IAAAC,EAAAC,SAAAC,eAAA,YACAF,IAEAA,EAAA5B,MAAA+B,OAAAxC,OAAAyC,YAAA,QAIAhB,cAAA,WACA,IAAAiB,EAAA,KAEA,KAAAlB,UAAA,EACAmB,YAAA,WACAD,EAAAE,MAAA,aACA,QC7FuV,I,wBCQnVC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCnBX1C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACiB,MAAM,CAAC,aAAanB,EAAIoB,SAAW,SAAS,IAAIb,MAAM,CAAC,GAAK,gBAAgB,CAACL,EAAG,QAAQ,CAACE,YAAY,eAAeG,MAAM,CAAC,GAAK,OAAO,IAAM,oBAAoBL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAKF,EAAI0C,GAAI1C,EAAI2C,UAAU,SAASC,EAAK7B,GAAO,OAAOb,EAAG,KAAK,CAACb,IAAI0B,EAAMI,MAAM,CAACnB,EAAI6C,eAAejC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOhB,EAAI8C,SAAS/B,MAAU,CAACb,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACiB,MAAM,CAAC,iBAAiB,OAAOd,MAAOL,EAAI+C,YAAYhC,GAAQR,MAAM,CAAC,IAAM,wBAAwBL,EAAG,MAAM,CAACiB,MAAM,CAAC,iBAAiB,OAAOd,MAAOL,EAAI+C,YAAYhC,GAAQR,MAAM,CAAC,IAAM,wBAAwBL,EAAG,MAAM,CAACiB,MAAM,CAAC,iBAAiB,OAAOd,MAAOL,EAAI+C,YAAYhC,GAAQR,MAAM,CAAC,IAAM,wBAAwBL,EAAG,MAAM,CAACiB,MAAM,CAAC,iBAAiB,OAAOd,MAAOL,EAAI+C,YAAYhC,GAAQR,MAAM,CAAC,IAAM,wBAAwBL,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAOL,EAAI+C,YAAYhC,GAAQR,MAAM,CAAC,IAAMqC,EAAKI,oBAAmB,QAEh/B9B,EAAkB,G,4kBCsStB,OACAK,SAAAC,EAAA,GAEAC,eAAA,cAEAvF,KAAA,WAEA,OACA+G,UAAA,EACA7B,UAAA,EACAuB,SAAA,GACAE,cAAA,KAGAnB,QAAA,WACA,IAAAY,EAAA,KACAX,EAAA,KACA,KAAAgB,SAAA,KAAAO,QAAAC,SACAZ,YAAA,WACAD,EAAAlB,UAAA,IACA,KAEAmB,YAAA,WACAD,EAAAO,cAAA,WACA,KAEAN,YAAA,cAEA,KAEA3C,OAAAgC,SAAA,WACAD,EAAAE,mBAEAF,EAAAE,mBAEAC,QAAA,WAEA,KAAAD,mBAEAE,QACA,CACAF,gBAAA,WAEA,GAAAjC,OAAAoC,WAAA,IACA,CACA,IAAAoB,EAAAlB,SAAAC,eAAA,eACAiB,EAAA/C,MAAA+B,OAAAxC,OAAAyC,YAAA,OAGAU,YAAA,SAAAhC,GAEA,iBAAAA,GAEAsC,UAAA,WAEA,eAAAR,cAEA,KAAAA,cAAA,SAEA,KAAAA,cAAA,IAGAC,SAAA,SAAA/B,GACA,IAAAuC,EAAA,KACA,KAAAC,QAAA,eACA,KAAAV,cAAA,UACAN,YAAA,WACAe,EAAAlC,UAAA,EACAkC,EAAAd,MAAA,UAAAzB,KACA,QC7WoV,ICQhV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXhB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACiB,MAAM,CAAC,YAAYnB,EAAIoB,SAAW,SAAS,KAAK,CAAClB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACsD,YAAY,CAAC,QAAU,QAAQjD,MAAM,CAAC,GAAK,WAAW,IAAM,oBAAoBL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMP,EAAIyD,QAAQC,YAAYxD,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,+BAA+BK,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOhB,EAAI2D,qBAAqBzD,EAAG,MAAM,CAACiB,MAAM,CAAC,cAA8B,IAAjBnB,EAAI4D,WAAoB,SAAS,KAAK,CAAC1D,EAAG,OAAO,CAACF,EAAIsB,GAAG,sBAAsBpB,EAAG,MAAM,CAACiB,MAAM,CAAC,yBAA+C,GAAtBnB,EAAI6D,iBAAyB,SAAW,IAAItD,MAAM,CAAC,GAAK,eAAe,CAACL,EAAG,SAAS,CAACE,YAAY,eAAeG,MAAM,CAAC,GAAK,iBAAiB,IAAMP,EAAI8D,iBAAiB5D,EAAG,MAAM,CAACiB,MAAM,CAAC,yBAAiD,GAAxBnB,EAAI+D,mBAA2B,SAAW,IAAIxD,MAAM,CAAC,GAAK,sBAAsB,CAACL,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,cAAc,IAAMP,EAAIgE,mBAAmB9D,EAAG,MAAM,CAACiB,MAAM,CAAC,qBAA2C,GAAtBnB,EAAIiE,iBAAyB,SAAW,IAAI1D,MAAM,CAAC,GAAK,aAAa,CAAwB,GAAtBP,EAAIiE,iBAAwB/D,EAAG,WAAW,CAACK,MAAM,CAAC,IAAMP,EAAIkE,aAAalE,EAAIU,MAAM,GAAIV,EAAImE,YAAajE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAI0C,GAAI1C,EAAIoE,UAAU,SAASxB,EAAK7B,GAAO,OAAOb,EAAG,MAAM,CAACb,IAAI0B,EAAMX,YAAY,QAAQC,MAAOL,EAAIqE,aAAazB,IAAQ,CAAC1C,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACG,MAAOL,EAAIsE,iBAAiB1B,GAAOrC,MAAM,CAAC,IAAM,yCAAwCP,EAAI0C,GAAI1C,EAAIoE,UAAU,SAASxB,EAAK2B,GAAY,OAAOrE,EAAG,MAAM,CAACb,IAAIkF,EAAWnE,YAAY,WAAWC,MAAOL,EAAIwE,iBAAiB5B,IAAQ,CAAC1C,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,+BAA+BK,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOhB,EAAIyE,YAAYF,OAAgBrE,EAAG,OAAO,CAACE,YAAY,SAAS,CAACJ,EAAIsB,GAAG,wBAAuB,GAAGtB,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACK,MAAM,CAAC,SAAWP,EAAIyD,QAAQiB,UAAU9D,GAAG,CAAC,QAAUZ,EAAI2E,gBAAgB,QAEr+DzD,EAAkB,GCFlBnB,G,UAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAC0E,IAAI,UAAUzD,MAAM,CAAC,QAAQ,SAASnB,EAAIf,KAAKe,EAAI6E,UAAY,UAAW,QAEnJ3D,EAAkB,GCmDT4D,G,8BAAa,SAASC,EAAWC,EAAgBC,EAAaC,EAAWC,GAGpF,IAAIzF,EAAIuF,EAGJvF,EAAIuF,EACRvF,EAAE0F,UAAY1F,EAAE2F,UAAUC,MAAM,MAAMC,KAAI,SAASC,GAEjD,IAAIC,EAAW,GACXC,EAAaF,EAAKG,QAAQ,KAC9B,GAAGD,GAAY,EAMb,IADA,IAAIE,EAAiBJ,EAAKF,MAAM,KACvBO,EAAK,EAAGA,EAAKD,EAAelJ,OAAQmJ,IAC3CJ,EAAWA,EAAW,SAAWG,EAAeC,GAAM,UACnDA,EAAGD,EAAelJ,OAAO,IAC1B+I,GAAsB,uBAI1BA,EAAW,SAAWD,EAAO,UAE/B,OAAOC,KACNK,KAAK,KASR,IANA,IACIC,EAIAC,EALAC,EAAQ,GAERC,EAAQxG,EAAEyG,qBAAqB,QAI1B3J,EAAI,EAAGA,EAAI0J,EAAMxJ,OAAQF,IAAK,CACrC,IAAIgJ,EAAOU,EAAM1J,GACNgJ,EAAKY,UACZZ,EAAKY,WAAaJ,IAEpBA,EAAUR,EAAKY,UAEfL,EAAO,GACPE,EAAMjJ,KAAK+I,IAEbA,EAAK/I,KAAKwI,GAMZ,IAHA,IAAIa,EAAe,GAGVC,EAAY,EAAGA,EAAYL,EAAMvJ,OAAQ4J,IAAa,CAE7D,IADA,IAAIC,EAAW,GACNC,EAAY,EAAGA,EAAYP,EAAMK,GAAW5J,OAAQ8J,IAC3DD,EAASA,EAASN,EAAMK,GAAWE,GAAWnB,UAAU,IACxDkB,EAAWA,EAASE,QAAQ,MAAO,KACnCF,EAAWA,EAASE,QAAQ,KAAM,KAClCF,EAAWA,EAASE,QAAQ,KAAM,KAGpC,IAAIC,EAAY1B,EAAgBsB,EAChCD,EAAeA,EACf,eAAenB,EAAW,oBAAoBwB,EAC9C,iBAAiBvB,EACjB,yBAAyBuB,EAAU,kBAAkB3B,EAAW,KAAKwB,EAAS,eAEhF7G,EAAE0F,UAAYiB,IAGHM,EAAqB,SAAS5B,EAAWC,EAAgBC,EAAaC,EAAWC,GAI5F,IAAIzF,EAAIuF,EACJ2B,EAAOlH,EAAE0F,UACbwB,EAAOA,EAAKH,QAAQ,KAAM,OAG1BG,EAAOA,EAAKtB,MAAM,MAAMC,KAAI,SAASC,GACnC,MAAO,SAAWA,EAAO,aACxBM,KAAK,KAERpG,EAAE0F,UAAYwB,EASd,IANA,IACIb,EAIAC,EALAC,EAAQ,GAERC,EAAQxG,EAAEyG,qBAAqB,QAI1B3J,EAAI,EAAGA,EAAI0J,EAAMxJ,OAAQF,IAAK,CACrC,IAAIgJ,EAAOU,EAAM1J,GAENgJ,EAAKY,UAIZZ,EAAKY,WAAaJ,IAEpBA,EAAUR,EAAKY,UAEfL,EAAO,GACPE,EAAMjJ,KAAK+I,IAEbA,EAAK/I,KAAKwI,GAGZ,IAAIa,EAAe,GACnBQ,QAAQC,IAAI,oBAAoBb,EAAMvJ,QAEtC,IAAK,IAAI4J,EAAY,EAAGA,EAAYL,EAAMvJ,OAAQ4J,IAAa,CAE7D,IADA,IAAIC,EAAW,GACNC,EAAY,EAAGA,EAAYP,EAAMK,GAAW5J,OAAQ8J,IAC3DD,EAASA,EAASN,EAAMK,GAAWE,GAAWnB,UAAU,IAQ1D,IAJA,IAAI0B,EAAY,GAIPC,EAAY,EAAGA,EAAYT,EAAS7J,OAAQsK,IAAa,CAChE,IAAIC,EAAMC,EACRF,EAAU,IACV,EACA,IACA,EACD,KAEGG,EAAY,gBAAgBF,EAAI,WAAWX,EAAU,WAAWU,EAAY,IAChFD,EAAYA,EAAY,sBAAsBI,EAAU,KAAOZ,EAASS,GAAa,UAEvFT,EAAWQ,EAEX,IAAIL,EAAY1B,EAAgBsB,EAChCO,QAAQC,IAAI,mBAAmB9B,GAC/BqB,EAAeA,EACf,eAAenB,EAAW,oBAAoBwB,EAC9C,iBAAiBvB,EACjB,yBAAyBuB,EAAU,kBAAkB3B,EAAW,KAAKwB,EAAS,eAEhF7G,EAAE0F,UAAYiB,GAGhB,SAASa,EAAOlI,EAAGoI,EAASC,EAAIC,EAAIC,GAClC,OACG,EAAIvI,IAAM,EAAIA,IAAM,EAAIA,GAAKoI,EAC9B,GAAK,EAAIpI,IAAM,EAAIA,GAAKA,EAAIqI,EAC5B,GAAK,EAAIrI,GAAKA,EAAIA,EAAIsI,EACtBtI,EAAIA,EAAIA,EAAIuI,ECpMhB,OAMAjJ,KAAA,QACAkJ,MAAA,CACAvI,KAAA,CACAwI,QAAA,SACAC,KAAAC,QAEAC,QAAA,CACAH,QAAA,GACAC,KAAAC,QAEA5C,WAAA,CACA0C,QAAA,EACAC,KAAAG,QAEAC,YACA,CACAL,SAAA,EACAC,KAAAK,SAEAC,aACA,CACAP,QAAA,EACAC,KAAAG,QAEAzG,SACA,CACAqG,SAAA,EACAC,KAAAK,UAGA7L,KAAA,WAEA,OACA2I,WAAA,EACAoD,cAAA,IAGAnG,QAAA,aAIAJ,QAAA,WAEA,KAAAwG,UAAA,IAEAC,MAAA,CACA/G,SAAA,SAAAgH,EAAAC,GAGA,KAAAC,cAAAF,KAGArG,QACA,CACAuG,cAAA,SAAAC,GAEA,IAAAC,EAAA,KAAAC,MAAAb,SACA,IAAAW,EAEA,GAAAC,EAAAE,UAAAC,SAAA,WACAH,EAAAE,UAAAE,IAAA,UAKA,GAAAJ,EAAAE,UAAAC,SAAA,WACAH,EAAAE,UAAAG,OAAA,WAKAX,SAAA,SAAAY,GACA,IAAAxG,EAAA,KACAX,EAAA,KACA6G,EAAA,KAAAC,MAAAb,QAGArF,YAAA,WACAiG,EAAApD,UAAA9C,EAAAsF,QAEA,oBAAAjG,EAAA1C,MACA0H,EAAArE,EAAAyC,WAAA,EAAAyD,EAAA,yBAEA,UAAA7G,EAAA1C,MACA6F,EAAAxC,EAAAyC,WAAA,EAAAyD,EAAA,2BAGA,KAWA,KAAA3D,WAAA,KChH+U,ICQ3U,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCnBX9E,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACsD,YAAY,CAAC,QAAU,QAAQjD,MAAM,CAAC,GAAK,mBAAmB,IAAM,4BAA4BL,EAAG,MAAM,CAACiB,MAAM,CAAC,UAA6B,GAAlBnB,EAAI+I,aAAqB,SAAS,IAAI1I,MAAOL,EAAIgJ,qBAAsB,CAAC9I,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,OAAO,CAACF,EAAIsB,GAAGtB,EAAIiJ,GAAGjJ,EAAIkJ,kBAAkBhJ,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,MAAM,CAACK,MAAM,CAAC,MAAQ,6BAA6B,QAAU,QAAQ,CAACL,EAAG,OAAO,CAACA,EAAG,iBAAiB,CAACK,MAAM,CAAC,GAAK,WAAW,kBAAoB,eAAe,CAACL,EAAG,OAAO,CAACK,MAAM,CAAC,OAAS,KAAK,aAAa,aAAaL,EAAG,OAAO,CAACK,MAAM,CAAC,OAAS,OAAO,aAAa,cAAc,IAAI,GAAGL,EAAG,OAAO,CAACK,MAAM,CAAC,EAAI,IAAI,EAAI,IAAI,GAAK,KAAK,GAAK,KAAK,MAAQP,EAAImJ,gBAAgB,OAAS,KAAK,KAAO,OAAO,mBAAmB,MAAM,eAAe,IAAI,OAAS,wBAAwBjJ,EAAG,MAAM,CAACiB,MAAM,CAAC,YAA+B,GAAlBnB,EAAI+I,aAAqB,SAAS,KAAK,CAAC7I,EAAG,KAAK,CAACG,MAAOL,EAAIgJ,qBAAsBhJ,EAAI0C,GAAI1C,EAAI0E,UAAU,SAAS9B,EAAKwG,GAAQ,OAAOlJ,EAAG,KAAK,CAACb,IAAI+J,EAAOjI,MAAM,CAACnB,EAAIiI,eAAemB,EAAS,SAAS,IAAI/I,MAAO,WAAW+I,EAAQxI,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOhB,EAAIqJ,YAAYD,MAAW,CAAClJ,EAAG,MAAM,CAACE,YAAY,UAAUG,MAAM,CAAC,IAAMP,EAAIsJ,YAAY1G,MAAS5C,EAAIQ,GAAG,GAAE,GAAMN,EAAG,MAAM,CAACE,YAAY,iBAAgB,QAEvyCc,EAAkB,CAAC,WAAY,IAAIlB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,sCCuC9H,GACAjC,KAAA,gBACAkJ,MAAA,CACA9C,SACA,CACA+C,QAAA,KACAC,KAAA6B,QAGArN,KAAA,WAEA,OACAgN,YAAA,UACAM,kBAAA,KACAC,UAAA,KACAxB,cAAA,EACAc,cAAA,EACAW,UAAA,CACA,CAAAC,KAAA,kCACA,CAAAA,KAAA,8BACA,CAAAA,KAAA,kCACA,CAAAA,KAAA,+BACA,CAAAA,KAAA,mCAIA7H,QAAA,aAGAJ,QAAA,WACA,IAAAY,EAAA,KAEAC,YAAA,WAEAD,EAAAsH,kBAAA,GACAtH,EAAAmH,UAAAvH,SAAAC,eAAA,YACAG,EAAAkH,kBAAAtH,SAAAC,eAAA,oBACAG,EAAAyG,cAAA,IAEA,KAEAxG,YAAA,WAGAD,EAAAiB,QAAA,iBACA,MAEA4E,MAAA,GAEApG,QACA,CACAoH,cAAA,WAGA,QAAAzE,SACA,CACA,IAAAmF,EAAA,QAAAnF,SAAAhI,OAAA,IACA,OAAAmN,EAEA,UAEAb,kBAAA,WAEA,QAAAtE,SAEA,sBAAAA,SAAAhI,QAGA4M,YAAA,SAAAQ,GAEA,4BAAAA,EAAApC,KAAA,QAEA2B,YAAA,SAAAtI,GAEA,KAAAwC,QAAA,eAEA,KAAA0E,cAAAlH,EACA,KAAAyB,MAAA,UAAAzB,GACA,KAAA6I,kBAAA7I,IAEA6I,kBAAA,SAAA7I,GAEA,KAAAmI,YAAA,KAAAxE,SAAA3D,GAAAzC,QC3HuV,ICQnV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCnBXyB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACiB,MAAM,CAAC,SAA4B,GAAnBnB,EAAI+J,cAAsB,SAAS,IAAInJ,GAAG,CAAC,MAAQZ,EAAIgK,cAAc,CAAC9J,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAIsB,GAAG,cAAcpB,EAAG,QAAQ,CAACK,MAAM,CAAC,SAAW,GAAG,GAAK,OAAOK,GAAG,CAAC,MAAQZ,EAAIiK,eAAe,CAAC/J,EAAG,SAAS,CAACK,MAAM,CAAC,IAAM,mBAAmB,KAAO,oBAE9XW,EAAkB,GCWtB,GACA5C,KAAA,WACAkJ,MAAA,CACA0C,IACA,CACAzC,QAAA,GACAC,KAAAC,SAGAzL,KAAA,WAEA,OACA+L,cAAA,EACAkC,aAAA,KACAJ,eAAA,IAGAjI,QAAA,aAGAsI,UAAA,WAEA,KAAAD,aAAAE,oBAAA,aAAAC,eAEA5I,QAAA,WAGA,KAAAyI,aAAAjI,SAAAC,eAAA,OACA,KAAAgI,aAAAI,iBAAA,aAAAD,cAAA,IAEAnC,MAAA,GAEApG,QACA,CACAiI,YAAA,WAEA,KAAAD,eAAA,EACA,IAAAS,EAAA,KAAAL,aACAK,EAAAC,QAEAH,aAAA,WAEA,KAAAP,eAAA,GAEAE,aAAA,WAEA,IAAAO,EAAA,KAAAL,aAEAK,EAAAE,OACAF,EAAAC,OAEAD,EAAAG,WChEkV,ICQ9U,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,olBCuYf,OACAC,WACA,CACAC,MAAAC,EACAC,MAAAC,EACAC,SAAAC,GAEA3J,SAAAC,IAAA,GAEAC,eAAA,kBACA0J,UAAA,WAEA,IAAAC,EAAA,KAAAC,QACAC,EAAA,KAAApI,QAAAC,SAAAiI,GACAG,EAAAD,EAAA5G,SAAA,KAAA8G,iBACAC,EAAAF,EAAAG,KACA,eAAAC,eACA,cAEAF,GAEAvH,UAAA,WAEA,IAAAkH,EAAA,KAAAC,QACAC,EAAA,KAAApI,QAAAC,SAAAiI,GACAG,EAAAD,EAAA5G,SAAA,KAAA8G,iBACA,GAAAD,EAAAK,OAAAL,EAAAK,MAAAlP,OAAA,EACA,CACA,IAAA+O,EAAAF,EAAAK,MAAA,GAAAF,KACA,OAAAD,EAEA,YAGAvP,KAAA,WAEA,OACA2P,oBAAA,KACApC,UAAA,KACAqC,OAAA,KACA3H,aAAA,EACA4H,WAAA,EACAJ,gBAAA,EACA1H,kBAAA,EACAF,oBAAA,EACAF,kBAAA,EACAG,cAAA,GACAF,YAAA,GACAkI,WAAA,EACAR,gBAAA,EACA5H,YAAA,EACAqI,gBAAA,EACA7H,SAAA,CACA,CAAA8H,QAAA,GAAAC,QAAA,GAAAC,MAAA,EAAAC,MAAA,OACA,CAAAH,OAAA,GAAAC,QAAA,GAAAC,MAAA,IAAAC,MAAA,SACA,CAAAH,OAAA,GAAAC,QAAA,GAAAC,MAAA,IAAAC,MAAA,UAEA5I,QAAA,GACArC,UAAA,EACAmH,eAAA,EACA+D,WAAA,gXAGAxK,QAAA,WAEA,KAAAD,mBAEAH,QAAA,WACA,IAAAY,EAAA,KACAX,EAAA,KACA/B,OAAA2K,iBACA3K,OAAA2K,iBAAA,eAAAgC,WAAA,GAEA3M,OAAA4M,aACA5M,OAAA4M,YAAA,iBAAAD,WAAA,GAGA,IAAAnB,EAAA,KAAAC,QACA,KAAA5H,QAAA,KAAAP,QAAAC,SAAAiI,GACA,KAAAqB,qBAEAlK,YAAA,WAEAD,EAAAmH,UAAAvH,SAAAC,eAAA,YACAG,EAAAlB,UAAA,EACAkB,EAAAiG,eAAA,IACA,KAEA,KAAAsD,oBAAA3J,SAAAC,eAAA,sBACAvC,OAAAgC,SAAA,WACAD,EAAAE,mBAEAF,EAAAE,mBAUA2F,MACA,CACA6D,QAAA,CACA5D,QAAA,EACAC,KAAAG,SAGAM,MACA,CACAqD,gBAAA,SAAApD,EAAAC,MAgBAtG,QACA,CACAF,gBAAA,WAEA,IAAA6K,EAAA9M,OAAAyC,aAAAH,SAAAyK,gBAAAC,aAGAC,EAAA3K,SAAAC,eAAA,qBACA2K,EAAA5K,SAAAC,eAAA,YACA4K,EAAA7K,SAAAC,eAAA,cAEA0K,EAAAxM,MAAA+B,OAAAsK,EAAA,KACAI,EAAAzM,MAAA+B,OAAAsK,EAAA,KACAK,EAAA1M,MAAA+B,OAAAsK,EAAA,KAEA,KAAAb,oBAAAxL,MAAA+B,OAAAsK,EAAA,MAGAM,mBAAA,WAEA,IAAA5B,EAAA,KAAAC,QACA4B,EAAA,KAAA/J,QAAAC,SAAAiI,GACA8B,EAAAD,EAAAvI,SAAA,KAAA8G,iBACA,cAAA0B,EAAAC,cAKAZ,UAAA,SAAAa,GAKA,IAAAlR,EAAAkR,EAAAlR,KACA2K,QAAAC,IAAA,gBAAA5K,EAAAmR,SAEA,gBAAAnR,EAAAmR,UAEA,KAAAL,sBAEAzK,YAAA,cAEA,KAEA,KAAA+K,mBAEApR,EAAAmR,SAMAC,gBAAA,WACA,IAAAhK,EAAA,KACA,QAAA2I,kBAEA1J,YAAA,WACAe,EAAAM,YAAA,IACA,KACArB,YAAA,WACAe,EAAAM,YAAA,IACA,KACA,KAAAqI,oBAGAtH,YAAA,SAAA5D,GAEA,IAAAY,EAAA,KACAZ,GAAA,KAAAyK,kBAGA7J,EAAA4L,iBACA5L,EAAAsC,kBAAA,EACAtC,EAAAoC,oBAAA,EACApC,EAAAkC,kBAAA,EACAlC,EAAAmC,YAAA,cAEAvB,YAAA,WAEAZ,EAAAgK,gBAAA,IACA,KACApJ,YAAA,WAEAZ,EAAA6J,gBAAAzK,EACAY,EAAA8K,uBAEA,QAGAc,eAAA,WAEA,IAAAC,EAAAtL,SAAAC,eAAA,sBACAqL,EAAA9E,UAAAG,OAAA,WAEA4E,cAAA,WAEA,IAAAD,EAAAtL,SAAAC,eAAA,sBACAqL,EAAA9E,UAAAE,IAAA,WAEA6D,mBAAA,WACA,IAAAiB,EAAA,KAGA/L,EAAA,KACAuL,EAAAvL,EAAA8B,QAAAiB,SAAA,KAAA8G,iBACA7J,EAAAgK,gBAAA,EAEA,IAAAgC,EAAAzL,SAAA0L,cAAA,uBACA,SAAAV,EAAAjO,KACA,CACA0C,EAAAoK,WAAA,EAEA,IAAA8B,EAAA,KAAAC,aACAH,EAAAI,cAAAC,SAAAC,KAAAJ,EACAtL,YAAA,WACAmL,EAAAD,kBACA,UAIAE,EAAAI,cAAAC,SAAAC,KAAA,OAoBA,GAlBA,SAAAf,EAAAjO,OAEA0C,EAAAsC,kBAAA,GAEA,aAAAiJ,EAAAjO,OAEA0C,EAAAqC,cAAA,iCAAAkJ,EAAAgB,QAGAvM,EAAAoC,oBAAA,GAEA,WAAAmJ,EAAAjO,OAEA0C,EAAAqC,cAAA,2BAAAkJ,EAAAgB,QAGAvM,EAAAoC,oBAAA,GAEA,UAAAmJ,EAAAjO,KACA,CACA,IAAAkP,EAAA,KAAA9C,QACA+C,EAAA,KAAA5C,gBACA7J,EAAAmC,YAAA,uBAAAqK,EAAA,YAAAC,EACAzM,EAAAkC,kBAAA,IAIAiK,WAAA,WAEA,IAAA1C,EAAA,KAAAC,QACAC,EAAA,KAAApI,QAAAC,SAAAiI,GACAG,EAAAD,EAAA5G,SAAA,KAAA8G,iBACA6C,EAAA9C,EAAA+C,SACA,OAAAD,GAEA5J,YAAA,SAAA1D,GAEA,IAAAY,EAAA,KAGAZ,GAAA,KAAAyK,kBAEA7J,EAAAoK,WAAA,EACApK,EAAA6J,gBAAAzK,EACAwB,YAAA,WACAZ,EAAAoK,WAAA,IACA,OAGA,QAAAvP,EAAA,EAAAA,EAAA,KAAA4H,SAAA1H,OAAAF,IAGA,KAAA4H,SAAA5H,GAAA2P,QADA3P,GAAAuE,EACA,IAKA,IAMAyD,iBAAA,SAAA5B,GAEA,IAAA2L,EAAAC,OAAApM,OACAqM,EAAAF,EAAA,YACAG,EAAAH,EAAA,OACAI,EAAAD,EAAA,IAAA9L,EAAAuJ,QACAyC,EAAAH,EAAAE,EAIAE,EAAAD,EACAE,EAAAlM,EAAAsJ,OAAA,GAGA,OAFAtJ,EAAAwJ,MAAAyC,EAAAE,KAAAC,KAAAF,GAAA,KAAAC,KAAAE,GAAA,MACArM,EAAAyJ,MAAAwC,EAAAE,KAAAG,KAAAJ,GAAA,KAAAC,KAAAE,GAAA,MACA,WAAArM,EAAAwJ,MAAA,cAAAxJ,EAAAyJ,MAAA,MAEA/H,iBAAA,SAAA1B,GAEA,IAAAuM,EAAA,IAAAvM,EAAAuJ,QACA,qBAAAgD,EAAA,KAEAC,iBAAA,SAAAxM,GAEA,IAAAyM,GAAA,EAAAzM,EAAAsJ,OACA,eAAAmD,EAAA,OAEAhL,aAAA,SAAAzB,GAEA,eAAAA,EAAAsJ,OAAA,OAEAvI,WAAA,WACA,IAAA2L,EAAA,KACA,KAAAlO,UAAA,EACA,KAAAmM,iBAGA,KAAAhK,QAAA,eAEAhB,YAAA,WACA+M,EAAA9M,MAAA,oBACA,MAEAM,SAAA,SAAA/B,OC5vBuV,ICQnV,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBXhB,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAAC0E,IAAI,KAAKxE,YAAY,aAAaF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACU,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOhB,EAAIuP,iBAAiB,CAACvP,EAAIsB,GAAG,uBAEnQJ,GAAkB,G,glBCYP,QACfhF,KAAA,WACA,OACAkG,OAAA,EACAoN,UAAA,OAGAzN,QAAAP,SAAA,GACAiO,eAAA,qCACAC,eAAA,yBACAH,YAAA,WAEA,KAAAI,2BAGAjO,QAAA,eAAAY,EAAA,KACA,KAAAkN,UAAA,KAAA/G,MAAAmH,GACA,KAAAC,KAAA,CACAC,MAAA,KAAAN,UAAAO,YACA3N,OAAA,KAAAoN,UAAAQ,aACAC,GAAA,KAAAT,YACAU,MAAA,WACA5N,EAAA6N,UACAvQ,OAAA2K,iBACA,UACA,WACAjI,EAAA8N,OAAA,CACAN,MAAAxN,EAAAkN,UAAAO,YACA3N,OAAAE,EAAAkN,UAAAQ,kBAGA,QC7CkV,MCQ9U,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,KACA,OAIa,M,QCnBXjQ,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oGAAoG,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIsB,GAAG,wBAAwBpB,EAAG,MAAM,CAACE,YAAY,8EAA8E,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,IAAI,CAACE,YAAY,kCAAkC,CAACJ,EAAIsB,GAAG,+BAA+BpB,EAAG,IAAI,CAACE,YAAY,0CAA0C,CAACJ,EAAIsB,GAAG,gCAAgCpB,EAAG,QAAQ,CAACmQ,WAAW,CAAC,CAAC/R,KAAK,QAAQgS,QAAQ,UAAUvR,MAAOiB,EAAIuQ,gBAAiBC,WAAW,oBAAoBjQ,MAAM,CAAC,KAAO,WAAW,KAAO,WAAW,GAAK,YAAYkQ,SAAS,CAAC,QAAUlH,MAAMmH,QAAQ1Q,EAAIuQ,iBAAiBvQ,EAAI2Q,GAAG3Q,EAAIuQ,gBAAgB,OAAO,EAAGvQ,EAAIuQ,iBAAkB3P,GAAG,CAAC,MAAQZ,EAAI4Q,eAAe,OAAS,SAAS5P,GAAQ,IAAI6P,EAAI7Q,EAAIuQ,gBAAgBO,EAAK9P,EAAO+P,OAAOC,IAAIF,EAAKG,QAAuB,GAAG1H,MAAMmH,QAAQG,GAAK,CAAC,IAAIK,EAAI,KAAKC,EAAInR,EAAI2Q,GAAGE,EAAIK,GAAQJ,EAAKG,QAASE,EAAI,IAAInR,EAAIuQ,gBAAgBM,EAAIO,OAAO,CAACF,KAAYC,GAAK,IAAInR,EAAIuQ,gBAAgBM,EAAI/Q,MAAM,EAAEqR,GAAKC,OAAOP,EAAI/Q,MAAMqR,EAAI,UAAWnR,EAAIuQ,gBAAgBS,QAAW9Q,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACJ,EAAIsB,GAAG,kCAAkCpB,EAAG,QAAQ,CAACmQ,WAAW,CAAC,CAAC/R,KAAK,QAAQgS,QAAQ,UAAUvR,MAAOiB,EAAIqR,iBAAkBb,WAAW,qBAAqBjQ,MAAM,CAAC,KAAO,WAAW,KAAO,aAAa,GAAK,cAAckQ,SAAS,CAAC,QAAUlH,MAAMmH,QAAQ1Q,EAAIqR,kBAAkBrR,EAAI2Q,GAAG3Q,EAAIqR,iBAAiB,OAAO,EAAGrR,EAAIqR,kBAAmBzQ,GAAG,CAAC,MAAQZ,EAAIsR,gBAAgB,OAAS,SAAStQ,GAAQ,IAAI6P,EAAI7Q,EAAIqR,iBAAiBP,EAAK9P,EAAO+P,OAAOC,IAAIF,EAAKG,QAAuB,GAAG1H,MAAMmH,QAAQG,GAAK,CAAC,IAAIK,EAAI,KAAKC,EAAInR,EAAI2Q,GAAGE,EAAIK,GAAQJ,EAAKG,QAASE,EAAI,IAAInR,EAAIqR,iBAAiBR,EAAIO,OAAO,CAACF,KAAYC,GAAK,IAAInR,EAAIqR,iBAAiBR,EAAI/Q,MAAM,EAAEqR,GAAKC,OAAOP,EAAI/Q,MAAMqR,EAAI,UAAWnR,EAAIqR,iBAAiBL,UAAchR,EAAIuR,gBAAiBrR,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,IAAI,CAACE,YAAY,kCAAkC,CAACJ,EAAIsB,GAAG,uCAAuCpB,EAAG,IAAI,CAACE,YAAY,oDAAoD,CAACJ,EAAIsB,GAAG,gBAAgBpB,EAAG,OAAO,CAACE,YAAY,cAAc,CAACJ,EAAIsB,GAAGtB,EAAIiJ,GAAGjJ,EAAIuR,gBAAgBC,QAAQtR,EAAG,IAAI,CAACE,YAAY,oDAAoD,CAACJ,EAAIsB,GAAG,gBAAgBpB,EAAG,OAAO,CAACE,YAAY,cAAc,CAACJ,EAAIsB,GAAGtB,EAAIiJ,GAAGjJ,EAAIuR,gBAAgBE,QAAQvR,EAAG,IAAI,CAACE,YAAY,oDAAoD,CAACJ,EAAIsB,GAAG,gBAAgBpB,EAAG,OAAO,CAACE,YAAY,cAAc,CAACJ,EAAIsB,GAAGtB,EAAIiJ,GAAGjJ,EAAIuR,gBAAgBG,QAAQxR,EAAG,IAAI,CAACE,YAAY,qBAAqB,CAACF,EAAG,SAAS,CAACE,YAAY,kDAAkDQ,GAAG,CAAC,MAAQZ,EAAI2R,sBAAsB,CAAC3R,EAAIsB,GAAG,4CAA4CtB,EAAIU,KAAKV,EAAIQ,GAAG,QAEz6FU,GAAkB,CAAC,WAAY,IAAIlB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,uDAAuDG,MAAM,CAAC,KAAO,mEAAmE,OAAS,WAAW,CAACP,EAAIsB,GAAG,wBAAwBpB,EAAG,IAAI,CAACE,YAAY,uDAAuDG,MAAM,CAAC,KAAO,2CAA2C,OAAS,WAAW,CAACP,EAAIsB,GAAG,0B,glBC8Etd,QACfpF,KAAA,WACA,OACAmV,kBAAA,EACAd,iBAAA,IAGAhP,SAAAC,GAAA,GACAoQ,eAAA,sBAEA7P,QAAAP,MAAA,GACAiO,eAAA,CACA,sBACA,wBACA,kBACA,kBACA,gBACA,mBACA,IACAkC,oBAAA,WACA,KAAAE,oBAAA,CAAAL,EAAA,EAAAC,EAAA,EAAAC,EAAA,MACA,KAAA/B,yBAEA2B,gBAAA,WACA,KAAAD,kBACA,KAAAS,kBACA,KAAAT,kBAAA,IAEA,KAAAU,kBACA,KAAAV,kBAAA,IAGAT,eAAA,WACA,KAAAL,iBACA,KAAAyB,gBACA,KAAAzB,iBAAA,IAEA,KAAA0B,gBACA,KAAA1B,iBAAA,OCtHsV,MCOlV,GAAY,eACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIa,M,QClBXxQ,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAAC0E,IAAI,sBAEjH1D,GAAkB,G,aC2BP,IACf5C,KAAA,UACApC,KAAA,WACA,OACAgW,MAAA,KACAC,OAAA,KACAC,SAAA,KACAC,MAAA,OAGA3Q,QAAA,eAAAY,EAAA,KAEA,KAAA4P,MAAA,IAAAI,YAAAC,MAGA,KAAAJ,OAAA,IAAAG,YAAAE,kBACA,GACA,KAAA/J,MAAAgK,eAAAC,YAAA,KAAAjK,MAAAgK,eAAA7F,aACA,GACA,KAIA,KAAAwF,SAAA,IAAAE,YAAAK,cACA,KAAAP,SAAAQ,QACA,KAAAnK,MAAAgK,eAAAC,YACA,KAAAjK,MAAAgK,eAAA7F,cAEA,KAAAnE,MAAAgK,eAAAI,YAAA,KAAAT,SAAAU,YAGA,IAAAC,EAAA,IAAAT,YAAAU,WACAD,EAAAE,KAAA,0CAAAC,GACA5Q,EAAA+P,MAAAa,EAAAhB,MACA5P,EAAA4P,MAAAtJ,IAAAtG,EAAA+P,OACA/P,EAAA6Q,kBAGApR,QAAA,CACAoR,YAAA,WACA,KAAAf,SAAArS,OAAA,KAAAmS,MAAA,KAAAC,WCrE+U,MCQ3U,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,KACA,OAIa,M,QCnBXpS,GAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAOQ,GAAG,CAAC,MAAQZ,EAAIoT,QAAQ,CAACpT,EAAIsB,GAAG,WAAWtB,EAAIsB,GAAG,cAAcpB,EAAG,MAAM,CAACE,YAAY,OAAOQ,GAAG,CAAC,MAAQZ,EAAIqT,YAAY,CAACrT,EAAIsB,GAAG,aAAapB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,GAAGA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACK,MAAM,CAAC,QAAUP,EAAIsM,WAAW,SAAWtM,EAAIuI,kBAAkB,KAAKrI,EAAG,MAAM,CAACK,MAAM,CAAC,QAAU,gBAAgB,CAACL,EAAG,OAAO,CAACiB,MAAM,CAAC,WAAYnB,EAAIsT,eAAiB,OAAS,IAAI/S,MAAM,CAAC,EAAI,kBAAkB,OAAS,OAAO,eAAe,IAAI,KAAO,UAAUL,EAAG,OAAO,CAACiB,MAAM,CAAC,WAAYnB,EAAIsT,eAAiB,OAAS,IAAI/S,MAAM,CAAC,EAAI,kBAAkB,OAAS,OAAO,eAAe,IAAI,KAAO,iBAEv1BW,GAAkB,GCmHtB,IACAhF,KAAA,WACA,OACAoX,gBAAA,EACA/K,eAAA,EACA+D,WAAA,8WACAiH,UAAA,KACAC,YAAA,IAGA5I,WACA,CACAC,MAAAC,EACA2I,SAAAC,IAEAnS,SAAA,GAEAO,QAAA,WAEA,KAAA6R,gBAEA5R,QAAA,CACAsR,UAAA,WACA,KAAA9K,eAAA,GAEA6K,MAAA,WACA,KAAA7K,eAAA,EACA,KAAA+K,gBAAA,GAIAK,aAAA,WAEA,IAAAhS,EAAA,KACA,GAAAO,mBAAA0R,MAAA,CAIA,IAAAC,EAAA,IAAAC,SAAA,4GACA5R,SAAA0R,MAAAhL,IAAAiL,GACAA,EAAAZ,OACA/Q,SAAA0R,MAAAG,MAAA7D,MAAA,oBAQAvO,EAAAqS,cAAA,MCtKgV,MCQ5U,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,KACA,OAIa,M,wlBCyDA,QACfpJ,WAAA,CACAqJ,UAAAC,EACAC,QAAAC,EACAC,WAAAC,EACAb,SAAAC,GACAa,MAAAC,GACAnC,MAAAoC,GACAjG,OAAAkG,IAEAxY,KAAA,WAEA,OACAuE,kBAAA,EACAE,WAAA,OACAI,MAAA,EACA4T,QAAA,EACAC,kBAAA,OAGArT,SAAAC,MAAA,GAEAC,eAAA,kBACAnB,QAAA,WAEA,oDAAAqU,QAAA,aAGAjT,QAAA,WAEA,KAAAmT,cACAjV,OAAA2K,iBACA3K,OAAA2K,iBAAA,eAAAgC,WAAA,GAEA3M,OAAA4M,aACA5M,OAAA4M,YAAA,iBAAAD,WAAA,IAOAxK,QAAAP,MAAA,GAEAkO,eAAA,sBAEAoF,eAAA,aAKAC,oBAAA,WAEA7S,SAAAqI,iBAAA,kBAAAyK,sBACA9S,SAAAqI,iBAAA,gBAAAyK,sBACA9S,SAAAqI,iBAAA,iBAAAyK,sBACA9S,SAAAqI,iBAAA,iBAAAyK,sBACA9S,SAAAqI,iBAAA,eAAAyK,sBACA,KAAAA,wBAEAA,qBAAA,WAGA,IAAAC,EAAA,IAEAC,aAAA,KAAAN,mBACA,KAAAA,kBAAArS,WAAA,KAAA4S,eAAAF,IAEAE,eAAA;;EAqBA5I,UAAA,SAAAa,GAEAvG,QAAAC,IAAA,gBACA,IAAA5K,EAAAkR,EAAAlR,KACA2K,QAAAC,IAAA,gBAAA5K,EAAAmR,SACA,uBAAAnR,EAAAmR,UAEA,KAAA5M,kBAAA,EACA,KAAAsU,wBAGAK,SAAA,WAEA,IAAAC,EAAA,EACA,KAAAV,UACA,KAAAA,QAAAU,IAEA,KAAAV,QAAA,IAGAW,cAAA,SAAAC,GAGA,KAAA5U,WAAA4U,EAAAjX,KACA,KAAAyC,MAAAwU,EAAAxU,OAGAF,iBAAA,WAGA,KAAAyU,cACA,CAAAhX,KAAA,OAAAyC,MAAA,KAGAD,cAAA,SAAAC,GAEA,KAAAuU,cACA,CAAAhX,KAAA,UAAAyC,WAGAE,eAAA,WAEA,KAAAqU,cACA,CAAAhX,KAAA,OAAAyC,MAAA,KAGAyU,cAAA,WAEA,IAAAC,EAAA,4BACA,OAAAA,MCtN8T,MCS1T,I,oBAAY,eACd,GACA,EACAvU,GACA,EACA,KACA,KACA,OAIa,M,6CCgBfwU,OAAIC,IAAIC,QAEO,WAAIA,OAAKC,MAAM,CAC5BC,MAAO,CACL5S,QAAQ,GACR4M,MAAO,EACP1N,OAAQ,EACR+P,OAAQ,KACR4D,SAAU,KACV7D,MAAO,KACPE,SAAU,KACV4D,YAAY,KACZC,UAAW,GACXC,SAAU,IAGZC,QAAS,CACP5E,gBAAiB,SAAAuE,GACf,OAAOA,EAAM3D,OAAS2D,EAAM3D,OAAOiE,SAAW,OAGlDC,UAAW,CACTC,aAAY,SAACR,EAAM5S,GAEjB4S,EAAM5S,QAAUA,GAElBqT,kBAAiB,SAACT,EAAKU,GAAqB,IAAjB1G,EAAK0G,EAAL1G,MAAO1N,EAAMoU,EAANpU,OAChC0T,EAAMhG,MAAQA,EACdgG,EAAM1T,OAASA,GAEjBqU,oBAAmB,SAACX,EAAO7F,GACzB6F,EAAM1D,SAAW,IAAIO,QAAc,CAAE+D,WAAW,EAAKC,OAAO,IAC5Db,EAAM1D,SAASwE,cAAchX,OAAOiX,kBACpCf,EAAM1D,SAASQ,QAAQkD,EAAMhG,MAAOgG,EAAM1T,QAC1C6N,EAAG4C,YAAYiD,EAAM1D,SAASU,aAEhCgE,kBAAiB,SAAChB,GAChBA,EAAM3D,OAAS,IAAIK,QAEjB,GAEAsD,EAAMhG,MAAQgG,EAAM1T,OAEpB,EAEA,KAEF0T,EAAM3D,OAAOiE,SAAS1E,EAAI,KAG5BqF,oBAAmB,SAACjB,GAClBA,EAAMC,SAAW,IAAIiB,QACnBlB,EAAM3D,OACN2D,EAAM1D,SAASU,YAEjBgD,EAAMC,SAASkB,YAAc,EAC7BnB,EAAMC,SAASmB,UAAY,EAC3BpB,EAAMC,SAASoB,SAAW,EAC1BrB,EAAMC,SAASqB,QAAS,EACxBtB,EAAMC,SAASsB,OAAQ,EACvBvB,EAAMC,SAASuB,cAAe,EAC9BxB,EAAMC,SAASwB,qBAAuB,GACtCzB,EAAMC,SAASyB,KAAO,CAAC,GAAI,GAAI,KAEjCC,gBAAe,SAAC3B,GACdA,EAAMC,SAAS2B,UAEjBC,iBAAgB,SAAC7B,GAAO,IAAA8B,EAAAC,EAKtB/B,EAAM5D,MAAQ,IAAIK,QAGH,IAAIuF,QAAuB,EAAG,GAAI,GAAI,EAAG,GACzC,IAAIC,QAAkB,CACnCC,MAAO,SACPC,aAAa,KAyBfL,EAAA9B,EAAM5D,OAAMtJ,IAAGvL,MAAAua,EAAAM,gBAAIpC,EAAMI,WAEzB,IAAMiC,EAAY,IAAIL,QAAwB,GAAI,GAAI,IAAK,IAKrDM,GAHO,IAAIC,QAAmB,CAACL,MAAO,WAG/B,IAAIM,SACjBF,EAAKG,WAAY,EAKjB,IAAMC,EAAY,IAAIC,QAAMN,EAAUC,GACtCI,EAAUpC,SAAS5E,EAAI,EACvBgH,EAAUpC,SAAS3E,EAAI,EACvB+G,EAAUpC,SAAS1E,EAAI,EAatB,IAAMqB,EAAS,IAAIC,QAChB0F,EAAW,kDAGf3F,EAAOE,KAAKyF,GAAU,SAACxF,GAEnB,IAAIb,EAAQa,EAAKhB,MACjBG,EAAMsG,UAAU,SAACna,GACD,GAAVA,EAAEoa,QACJ/R,QAAQC,IAAI,gBAAgBtI,EAAEoa,WAGpC1F,EAAKhB,MAAM2G,MAAMC,IAAI,GAAG,GAAG,IAC3B5F,EAAKhB,MAAMkE,SAAS0C,IAAI,GAAI,IAAK,GACjChD,EAAM5D,MAAMtJ,IAAIsK,EAAKhB,OACrB4D,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,WA0B3C,IAAI4G,EAAS,IAAIC,QAAiB,UAClCD,EAAO3C,SAAS0C,IAAI,EAAG,EAAG,GAC1BhD,EAAM5D,MAAMtJ,IAAImQ,GAEhB,IAAIE,EAAS,IAAID,QAAiB,MAClCC,EAAO7C,SAAS0C,KAAK,GAAI,GAAI,GAC7BhD,EAAM5D,MAAMtJ,IAAIqQ,GAEhB,IAAIC,EAAS,IAAIC,QAAa,SAC9BrD,EAAM5D,MAAMtJ,IAAIsQ,GAGhB,IAAIE,EAAY,IAAIC,QAAkB,CAAErB,MAAO,MAC3CsB,EAAY,IAAIC,QACpBD,EAAUE,SAASxc,KAAK,IAAIyc,QAAQ,EAAG,EAAG,IAC1CH,EAAUE,SAASxc,KAAK,IAAIyc,QAAQ,EAAG,IAAM,IAC7C,IAAIC,EAAQ,IAAIC,QAAKL,EAAWF,GAChCtD,EAAMG,UAAUjZ,KAAK0c,GAGrB,IAAIE,EAAY,IAAIP,QAAkB,CAAErB,MAAO,QAC3C6B,EAAY,IAAIN,QACpBM,EAAUL,SAASxc,KAAK,IAAIyc,QAAQ,EAAG,EAAG,IAC1CI,EAAUL,SAASxc,KAAK,IAAIyc,QAAQ,IAAM,EAAG,IAC7C,IAAIK,EAAQ,IAAIH,QAAKE,EAAWD,GAChC9D,EAAMG,UAAUjZ,KAAK8c,GAGrB,IAAIC,EAAY,IAAIV,QAAkB,CAAErB,MAAO,WAC3CgC,EAAY,IAAIT,QACpBS,EAAUR,SAASxc,KAAK,IAAIyc,QAAQ,EAAG,EAAG,IAC1CO,EAAUR,SAASxc,KAAK,IAAIyc,QAAQ,EAAG,EAAG,MAC1C,IAAIQ,EAAQ,IAAIN,QAAKK,EAAWD,GAChCjE,EAAMG,UAAUjZ,KAAKid,IAErBpC,EAAA/B,EAAM5D,OAAMtJ,IAAGvL,MAAAwa,EAAAK,gBAAIpC,EAAMG,aAE3B7F,OAAM,SAAC0F,EAAKoE,GAAqB,IAAjBpK,EAAKoK,EAALpK,MAAO1N,EAAM8X,EAAN9X,OACrB0T,EAAMhG,MAAQA,EACdgG,EAAM1T,OAASA,EACf0T,EAAM3D,OAAOgI,OAASrK,EAAQ1N,EAC9B0T,EAAM3D,OAAOiI,yBACbtE,EAAM1D,SAASQ,QAAQ9C,EAAO1N,GAC9B0T,EAAMC,SAASsE,eACfvE,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,SAE3CN,oBAAmB,SAACiE,EAAKwE,GAAe,IAAX9I,EAAC8I,EAAD9I,EAAGC,EAAC6I,EAAD7I,EAAGC,EAAC4I,EAAD5I,EAC7BoE,EAAM3D,QACR2D,EAAM3D,OAAOiE,SAAS0C,IAAItH,EAAGC,EAAGC,IAGpC/B,sBAAqB,SAACmG,GAChBA,EAAM3D,QASR2D,EAAMC,SAASwE,SAInBzI,gBAAe,SAACgE,GAAO,IAAA0E,GACrBA,EAAA1E,EAAM5D,OAAMrJ,OAAMxL,MAAAmd,EAAAtC,gBAAIpC,EAAMG,YAC5BH,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,SAE3CJ,gBAAe,SAAC+D,GAAO,IAAA2E,GACrBA,EAAA3E,EAAM5D,OAAMtJ,IAAGvL,MAAAod,EAAAvC,gBAAIpC,EAAMG,YACzBH,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,SAE3CH,cAAa,SAAC8D,GAAO,IAAA4E,GACnBA,EAAA5E,EAAM5D,OAAMrJ,OAAMxL,MAAAqd,EAAAxC,gBAAIpC,EAAMI,WAC5BJ,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,SAE3CF,cAAa,SAAC6D,GAAO,IAAA6E,GACnBA,EAAA7E,EAAM5D,OAAMtJ,IAAGvL,MAAAsd,EAAAzC,gBAAIpC,EAAMI,WACzBJ,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,UAG7CyI,QAAS,CACP/F,YAAW,SAAAgG,GAAOA,EAAL/E,MACb,IADmBgF,EAAMD,EAANC,OAEbC,GAF4BF,EAARG,SAEX,qBACbC,MAAMF,EACJ,CACEG,OAAQ,MACRC,MAAO,WACPC,QAAS,CAAC,eAAgB,iCAAiC,8BAA+B,OAE7FlL,MAAK,SAASmL,GAAY,OAAOA,EAASC,UAC1CpL,MAAK,SAASmL,GAEbP,EAAO,eAAeO,OAI1BxL,KAAI,SAAA0L,EAAAC,GAA2C,IAAxC1F,EAAKyF,EAALzF,MAAOgF,EAAMS,EAANT,OAAYhL,EAAK0L,EAAL1L,MAAO1N,EAAMoZ,EAANpZ,OAAQ6N,EAAEuL,EAAFvL,GACvC,OAAO,IAAIwL,SAAQ,SAAAC,GACjBZ,EAAO,oBAAqB,CAAEhL,QAAO1N,WACrC0Y,EAAO,sBAAuB7K,GAC9B6K,EAAO,qBACPA,EAAO,uBACPA,EAAO,oBAGPhF,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,QAIzC2D,EAAMC,SAASxL,iBAAiB,UAAU,WACxCuL,EAAM1D,SAASrS,OAAO+V,EAAM5D,MAAO4D,EAAM3D,WAG3CuJ,QAGJvL,QAAO,SAAAwL,GAAsB,IAAnB7F,EAAK6F,EAAL7F,MAAOkF,EAAQW,EAARX,SACfpb,OAAOgc,uBAAsB,WAC3BZ,EAAS,WACTlF,EAAMC,SAAS2B,gBC3UVmE,GAAU,CACrB3f,KAAM,WACJ,MAAO,CACL4f,iBAAkB,GAClBC,OAAO,OAIXha,QAAS,CACPwB,QAAO,SAACyY,GACY,MAAb/b,KAAK8b,SAEJ9b,KAAK8b,OAAS,IAAIE,OAEtBhc,KAAK8b,OAAO7R,IAAM,OAAO8R,EAAU,OACnC/b,KAAK8b,OAAOtR,UCVpBiL,OAAIwG,OAAOC,eAAgB,EAE3B,IAAIzG,OAAI,CACN0G,YACAC,SACAtc,OAAQ,SAAAuc,GAAC,OAAIA,EAAEC,OACdC,OAAO,QAGV9G,OAAI+G,MAAMZ,K,oFCdV,W,oCCAA,W,oCCAA,W,gFCAA,W,yDCAA,W,yDCAA,W,gFCAA","file":"js/app.e109f9fb.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductScreen.vue?vue&type=style&index=0&id=35849da9&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppVideo.vue?vue&type=style&index=0&id=4e226adc&prod&lang=css&\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&id=690757ce&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./typer.vue?vue&type=style&index=0&id=675c1f8e&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"noselect\",style:(_vm.bgStyle),attrs:{\"id\":\"app\"}},[_vm._m(0),(!_vm.preloadingModels)?_c('div',{staticClass:\"appLayers\"},[(_vm.screenName == 'home')?_c('waiting',{on:{\"onClick\":_vm.onWaitingClicked}}):_vm._e(),(_vm.screenName == 'menu')?_c('menuscreen',{on:{\"onClick\":_vm.onMenuClicked}}):_vm._e(),(_vm.screenName == 'product')?_c('proscreen',{attrs:{\"product\":_vm.index},on:{\"onCloseProduct\":function($event){return _vm.onCloseProduct()}}}):_vm._e()],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modelFrameLayer active\",attrs:{\"id\":\"modelFrameWrapper1\"}},[_c('iframe',{staticClass:\"iframeViewer\",attrs:{\"id\":\"iframeModelViewer1\",\"src\":\"modelV2.html\"}})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['waiting',_vm.isActive ? 'active':''],attrs:{\"id\":\"waiting1\"},on:{\"click\":_vm.onScreenClick}},[_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"waitElements\"},[_c('div',{staticClass:\"waitLogo\"},[_c('img',{attrs:{\"src\":\"images/mis.svg\"}})]),_c('div',{staticClass:\"waitText\"},[_vm._v(\"Click to start\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"['waiting',isActive ? 'active':'']\" @click=\"onScreenClick\" id=\"waiting1\">\n    <div class=\"waitElements\">\n        <div class=\"waitLogo\">\n            <img src=\"images/mis.svg\">\n        </div>\n        <div class=\"waitText\">Click to start</div>\n    </div>    \n  </div>\n</template>\n\n<style scoped>\n    .waiting\n    {\n        width: 100vw;\n        height: 100vh;\n        display: flex;\n        align-content: center;\n        align-items: center;\n        opacity: 0;\n        transition: all ease 0.5s;\n    }\n    .waiting.active\n    {\n        opacity: 1;\n    }\n    .waiting .waitElements\n    {\n        color: #fff;\n        margin: auto;\n    }\n    .waitLogo\n    {\n        padding-bottom: 20px;\n    }\n    .waitLogo img\n    {\n        width: 300px;\n        height: auto;\n    }\n    .waitText\n    {\n        text-align: center;\n    }\n</style>\n\n\n<script>\n    import { mapState, mapGetters, mapActions } from \"vuex\";\n    //import Screen from \"@/components/Screen.vue\";\n    export default \n    {\n        computed:\n        {\n            ...mapState([\"appData\"])\n        },\n        data()\n        {\n            return{\n                isActive:true\n            }\n        },\n        mounted()\n        {\n            var vm = this;\n            window.onresize = function() {\n                vm.setScreenHeight();\n            };\n            vm.setScreenHeight();\n        },\n        created()\n        {\n            this.setScreenHeight();\n        },\n        methods:\n        {        \n            setScreenHeight()\n            {                \n                if(window.innerWidth<1000)\n                {\n                    let waitingScreenElement = document.getElementById(\"waiting1\");\n                    if(waitingScreenElement)\n                    {\n                        waitingScreenElement.style.height = window.innerHeight + \"px\";\n                    }                \n                }\n            },\n            onScreenClick()\n            {\n                //close screen and open menu\n                this.isActive = false;\n                setTimeout(() => {\n                    this.$emit('onClick');    \n                }, 800);                \n            }\n        }\n    };\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingScreen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingScreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WaitingScreen.vue?vue&type=template&id=6342e562&scoped=true&\"\nimport script from \"./WaitingScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./WaitingScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WaitingScreen.vue?vue&type=style&index=0&id=6342e562&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6342e562\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['menuScreen',_vm.isActive ? 'active':''],attrs:{\"id\":\"menuScreen1\"}},[_c('audio',{staticClass:\"audioPlayer1\",attrs:{\"id\":\"sfx1\",\"src\":\"sfx/click1.mp3\"}}),_c('div',{staticClass:\"menuElements\"},[_c('ul',_vm._l((_vm.sections),function(item,index){return _c('li',{key:index,class:[_vm.itemModeClass],on:{\"click\":function($event){return _vm.openItem(index)}}},[_c('div',{staticClass:\"menuItem\"},[_c('img',{class:['menuCirElement','mc1'],style:(_vm.getIndexVar(index)),attrs:{\"src\":\"images/ui/cir1.png\"}}),_c('img',{class:['menuCirElement','mc2'],style:(_vm.getIndexVar(index)),attrs:{\"src\":\"images/ui/cir2.png\"}}),_c('img',{class:['menuCirElement','mc3'],style:(_vm.getIndexVar(index)),attrs:{\"src\":\"images/ui/cir3.png\"}}),_c('img',{class:['menuCirElement','mc4'],style:(_vm.getIndexVar(index)),attrs:{\"src\":\"images/ui/cir4.png\"}}),_c('img',{staticClass:\"menuLogo\",style:(_vm.getIndexVar(index)),attrs:{\"src\":item.menu_logo}})])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div :class=\"['menuScreen',isActive ? 'active':'']\" id=\"menuScreen1\">\n        <audio class=\"audioPlayer1\" id=\"sfx1\" src=\"sfx/click1.mp3\"></audio>        \n<!--<div class=\"trigger\" @click=\"triggerFx\">\n            <span>fx:{{itemModeClass}}</span>\n        </div>-->\n        <div class=\"menuElements\">\n            <ul>\n                <!-- ,isOpenFx==true ? 'fxOn':'' -->\n                <li\n                    :class=\"[itemModeClass]\"\n                    @click=\"openItem(index)\"\n                    v-for=\"(item,index) in sections\" :key=\"index\">\n                    <div class=\"menuItem\">\n                        <img :style=\"getIndexVar(index)\" src=\"images/ui/cir1.png\" :class=\"['menuCirElement','mc1']\">\n                        <img :style=\"getIndexVar(index)\" src=\"images/ui/cir2.png\" :class=\"['menuCirElement','mc2']\">\n                        <img :style=\"getIndexVar(index)\" src=\"images/ui/cir3.png\" :class=\"['menuCirElement','mc3']\">\n                        <img :style=\"getIndexVar(index)\" src=\"images/ui/cir4.png\" :class=\"['menuCirElement','mc4']\">                        \n                        <img :style=\"getIndexVar(index)\" :src=\"item.menu_logo\" class=\"menuLogo\">                    \n                        <!-- <img src=\"images/menu/_logoCircle.png\" :class=\"['menuCir']\"> -->\n                    </div>\n                </li>\n            </ul>\n        </div>            \n  </div>\n</template>\n\n<style scoped>\n    .audioPlayer1\n    {\n        display: none;\n    }\n    .menuScreen\n    {\n        width: 100vw;\n        height: 100vh;\n        display: flex;\n        align-content: center;\n        align-items: center;\n        opacity: 0;\n        transition: all ease 0.2s;\n    }\n    .menuScreen.active\n    {\n        opacity: 1;\n    }\n    .menuScreen .menuElements\n    {\n        color: #fff;\n        margin: auto;\n        text-align: center;\n    }\n    .menuScreen .menuElements ul\n    {\n        margin: auto;\n        list-style: none;\n        display: flex;\n        gap: 6px;\n        padding: 0px;   \n        width: auto;\n        margin: auto;\n    }\n    .menuScreen .menuElements ul li\n    {\n        background-color: transparent;\n        padding: 6px;\n    }\n    .menuItem\n    {\n        width: 31vh;\n        height: 31vh;\n        position: relative;\n    }\n    .menuCir\n    {\n        width: 31vh;\n        height: auto;        \n        position: absolute;\n        top:0px;left: 0px;\n    }\n    .menuCirElement\n    {\n        width: 31vh;\n        height: auto;        \n        position: absolute;\n        top:0px;left: 0px;\n    }\n\n\n\n    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */\n    :root\n    {\n        --menuFxDelay:2s;\n    }\n    .menuCirElement.mc1\n    {\n        opacity: 1;\n        transform: scale(0.1);\n        transition: all 1.4s cubic-bezier(0.51, 0, 0.1, 1.4);\n        /* transition-delay: calc(0.1s + (var(--index) * var(--menuFxDelay)));  */\n        transition-delay: calc(0.1s + (var(--index) * 0.2s));\n    }\n    .menuCirElement.mc2\n    {\n        opacity: 0;\n        transform: scale(0.1);\n        transition: all 1.4s cubic-bezier(0.51, 0, 0.1, 1);\n        transition-delay: calc(0.2s + (var(--index) * 0.2s));\n    }\n    .menuCirElement.mc3\n    {\n        opacity: 0;\n        transform: scale(0.1);\n        transition: all 2s cubic-bezier(0.51, 0, 0.1, 1);\n        transition-delay: calc(0.4s + (var(--index) * 0.2s));\n    }\n    .menuCirElement.mc4\n    {\n        opacity: 0;\n        transform: scale(0.1);\n        transition: all 1.7s cubic-bezier(0.51, 0, 0.1, 1);\n        transition-delay: calc(0.5s + (var(--index) * 0.2s));\n    }\n    .menuElements ul li .menuLogo\n    {\n        width: auto;\n        height: 6vh;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);        \n        opacity: 0;        \n        transition: all ease-in 0.6s;\n        transition-delay: calc(1.3s + (var(--index) * 0.2s));\n    }\n\n\n    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */\n    .menuScreen .menuElements ul li.openFx .menuCirElement.mc1\n    {\n        transform: scale(1);\n        opacity: 0.4;\n    }\n    .menuScreen .menuElements ul li.openFx .menuCirElement.mc2\n    {\n        opacity: 1;\n        transform: scale(1);\n    }\n    .menuScreen .menuElements ul li.openFx .menuCirElement.mc3\n    {\n        opacity: 1;\n        transform: scale(1);\n    }\n    .menuScreen .menuElements ul li.openFx .menuCirElement.mc4\n    {\n        opacity: 1;\n        transform: scale(1);\n    }\n    .menuElements ul li.openFx .menuLogo\n    {\n        opacity: 1;\n    }\n\n    /* closeFx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */\n    .menuScreen .menuElements ul li.closeFx .menuCirElement.mc1\n    {\n        transition-delay: 0s !important;\n        transition-duration: 0.4s;\n        transform: scale(0.4);opacity: 0;\n    }\n    .menuScreen .menuElements ul li.closeFx .menuCirElement.mc2\n    {\n        transition-delay: 0s !important;\n        transition-duration: 0.4s;\n        transform: scale(0.4);opacity: 0;\n    }\n    .menuScreen .menuElements ul li.closeFx .menuCirElement.mc3\n    {\n        transition-delay: 0s !important;\n        transition-duration: 0.4s;\n        transform: scale(0.4);opacity: 0;\n    }\n    .menuScreen .menuElements ul li.closeFx .menuCirElement.mc4\n    {\n        transition-delay: 0s !important;\n        transition-duration: 0.4s;\n        transform: scale(0.4);opacity: 0;\n    }\n    .menuElements ul li.closeFx .menuLogo\n    {\n        transition-delay: 0s !important;\n        transition-duration: 0.4s;\n        opacity: 0;\n    }    \n    .menuScreen .menuElements ul li span\n    {\n        margin: auto;\n    }\n    .menuScreen .menuElements ul li .menuCir\n    {\n        transition: all ease 0.4s;\n    }\n    .menuScreen .menuElements ul li.closing .menuLogo\n    {\n        opacity: 0;\n    }\n    .menuScreen .menuElements ul li.closing .menuCir\n    {\n        transform: scale(0.7);\n        opacity: 0;\n    }\n    .trigger\n    {\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        z-index: 10000;\n        width: 200px;height: 50px;background-color: #000;\n        cursor: pointer;color: #fff;font-size: 11px;\n        text-align: center;\n        display: flex;\n        align-items: center;\n    }\n    .trigger span\n    {\n        margin: auto;\n    }\n\n    /* CSS rules for tablets in portrait mode */\n    @media only screen and (min-device-width: 601px) \n            and (max-device-width: 1024px) \n            and (orientation: portrait) \n    {\n        \n        .menuScreen .menuElements ul\n        {\n            display: grid;\n            gap: 0px;\n            padding: 0px;\n            width: 90vw;\n            margin: auto;\n            flex-direction: row;\n            grid-template-columns: 50% 50%;            \n        }        \n        .menuScreen .menuElements ul li\n        {\n            padding: 0px;\n            width: 45vw;\n        }\n        .menuItem\n        {\n            width: 45vw;\n            height: 45vw;\n        }\n        .menuCirElement\n        {\n            width: 45vw;\n            height: auto;            \n        }\n    }\n\n    /* CSS rules for smartphones in portrait mode */\n    @media only screen and (max-device-width: 800px) and (orientation: portrait) \n    {\n        .menuScreen .menuElements ul\n        {\n            display: grid;\n            gap: 5px;\n            grid-template-columns: 50% 50%;\n        }\n        .menuScreen .menuElements ul li{\n            padding: 0px;\n        }        \n        .menuItem\n        {\n            width: 20vh;\n            height: 20vh;\n        }\n        .menuElements ul li .menuLogo\n        {\n            height: 4vh;\n        }\n        .menuCirElement\n        {\n            width: 20vh;\n        }\n\n    }\n\n</style>\n\n<script>\n    import { mapState, mapGetters, mapActions } from \"vuex\";\n    //import Screen from \"@/components/Screen.vue\";\n    export default \n    {\n        computed:\n        {\n            ...mapState([\"appData\"])\n        },\n        data()\n        {\n            return {\n                isOpenFx:false,\n                isActive:false,\n                sections:[],\n                itemModeClass:''//closing\n            }\n        },\n        mounted()\n        {\n            var vm = this;\n            this.sections = this.appData.SECTIONS;\n            setTimeout(() => {                \n                this.isActive=true;\n            }, 300);            \n\n            setTimeout(() => {\n                this.itemModeClass = 'openFx'; //open circles fx                \n            }, 450);\n\n            setTimeout(() => {\n                //this.sfxPlay(\"icons_for_menu\");\n            }, 900);\n\n            window.onresize = function() {\n                vm.setScreenHeight();\n            };\n            vm.setScreenHeight();\n        },\n        created()\n        {\n            this.setScreenHeight();\n        },\n        methods:\n        {       \n            setScreenHeight()\n            {\n                if(window.innerWidth<1000)\n                {\n                    let menuScreen1 = document.getElementById(\"menuScreen1\");\n                    menuScreen1.style.height = window.innerHeight + \"px\";\n                }\n            },\n            getIndexVar(index)\n            {\n                return '--index:'+index;\n            },\n            triggerFx()\n            {\n                if(this.itemModeClass != 'openFx')\n                {\n                    this.itemModeClass = 'openFx';\n                }else{\n                    this.itemModeClass = '';\n                }                \n            },  \n            openItem(index)\n            {\n                this.sfxPlay(\"Interface_3\");\n                this.itemModeClass = 'closeFx';\n                setTimeout(() => {\n                    this.isActive = false;\n                    this.$emit('onClick',index);\n                }, 500);                \n                \n            }\n        }\n    };\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuScreen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuScreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuScreen.vue?vue&type=template&id=21f55c83&scoped=true&\"\nimport script from \"./MenuScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuScreen.vue?vue&type=style&index=0&id=21f55c83&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"21f55c83\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['proScreen',_vm.isActive ? 'active':'']},[_c('div',{staticClass:\"proElements\"},[_c('audio',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"menuSfx1\",\"src\":\"sfx/click2.mp3\"}}),_c('div',{staticClass:\"glTL\"},[_c('div',{staticClass:\"topLogo\"},[_c('img',{attrs:{\"src\":_vm.proData.logo}})])]),_c('div',{staticClass:\"glBL\"},[_c('div',{staticClass:\"btnBack\"},[_c('img',{attrs:{\"src\":\"images/ui/btnBackDotted.png\"},on:{\"click\":function($event){return _vm.backToMenu()}}})])]),_c('div',{class:['infoBubble',_vm.showBubble===true ? 'active':'']},[_c('span',[_vm._v(\"Drag to rotate\")])]),_c('div',{class:['glCentered glAnimation',_vm.showGalleryFrame==true ? 'active' : ''],attrs:{\"id\":\"glGallery1\"}},[_c('iframe',{staticClass:\"iframeViewer\",attrs:{\"id\":\"iframeGallery1\",\"src\":_vm.galleryPath}})]),_c('div',{class:['glCentered glAnimation',_vm.showAnimationFrame==true ? 'active' : ''],attrs:{\"id\":\"glAnimationFrame1\"}},[_c('iframe',{attrs:{\"id\":\"ifAnimation\",\"src\":_vm.animationPath}})]),_c('div',{class:['glCentered glVideo',_vm.showVideoWrapper==true ? 'active' : ''],attrs:{\"id\":\"glVideo1\"}},[(_vm.showVideoWrapper==true)?_c('appvideo',{attrs:{\"src\":_vm.videoPath}}):_vm._e()],1),(_vm.useNavLines)?_c('div',{staticClass:\"navItems\"},[_vm._l((_vm.navLines),function(item,index){return _c('div',{key:index,staticClass:\"aline\",style:(_vm.getLineStyle(item))},[_c('div',{staticClass:\"dottedLine\"},[_c('img',{style:(_vm.getDotsLineStyle(item)),attrs:{\"src\":\"/images/svg/blueDotsLine.svg\"}})])])}),_vm._l((_vm.navLines),function(item,spot_index){return _c('div',{key:spot_index,staticClass:\"lineIcon\",style:(_vm.getLineSpotStyle(item))},[_c('img',{attrs:{\"src\":\"/images/svg/triangleBtn.svg\"},on:{\"click\":function($event){return _vm.lineClicked(spot_index)}}}),_c('span',{staticClass:\"fname\"},[_vm._v(\"Feature name\")])])})],2):_vm._e(),_c('div',{staticClass:\"pmContainer\"},[_c('pmenu',{attrs:{\"elements\":_vm.proData.elements},on:{\"onClick\":_vm.onMenuClick}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"content\",class:['typer','reveal',_vm.mode,_vm.isFadeOut ? 'fadeout': '']})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n/*\n  return query object from query string\n*/\nexport const stringToQuery = _string => {\n  if (!_string) {\n    return \"\";\n  }\n  let query = {},\n    p = new URLSearchParams(_string);\n  if (p.toString()) {\n    p.forEach((val, key) => {\n      query[key] = val;\n    });\n    return query;\n  } else {\n    return \"\";\n  }\n};\n\nexport const toDateObj = date => {\n  if (date) {\n    let validDateString;\n    if (typeof date === \"string\") {\n      let split = date.split(\"/\");\n      if (split.length) {\n        // HOPEFULLY DD/MM/YYYY\n        validDateString = `${split[2]}-${split[1]}-${split[0]}`;\n      }\n      return new Date(validDateString);\n    }\n    return new Date(date);\n  }\n  return null;\n};\n\nexport const toDateNoTimezone = date => {\n  let _date = new Date(date);\n  if (_.isDate(_date)) {\n    let tz = _date.getTimezoneOffset() * 60000;\n    return new Date(_date.getTime() - tz).setHours(0, 0, 0, 0);\n  }\n  return null;\n};\n\nexport const isIE = function() {\n  var ua = window.navigator.userAgent; //Check the userAgent property of the window.navigator object\n  var msie = ua.indexOf(\"MSIE \"); // IE 10 or older\n  var trident = ua.indexOf(\"Trident/\"); //IE 11\n  // console.log(\"ua > \", ua);\n  return msie > 0 || trident > 0;\n};\n\nexport const splitLines = function(startDelay,delayMultiplyer,splitElement,outerClass,innerClass)\n{\n  //split text to words\n  var p = splitElement;\n  //temp = temp.replace(/-/g, ' - '); //replace the hypen with space to avoid none breaking words \n  \n  var p = splitElement;//document.getElementsByClassName('split-text')[0];\n  p.innerHTML = p.innerText.split(/\\s/).map(function(word) \n  {\n    let wordSpan = '';\n    let hypenIndex = word.indexOf(\"-\");\n    if(hypenIndex>-1)\n    {\n      //fix the hypen issue, \n      //in case of hypen in word we will split to more elements\n      //'<span>some-word</span>' => <span>some</span><span>-</span><span>word</span>\n      var hypernWordsArr = word.split(\"-\");\n      for (var ii = 0; ii < hypernWordsArr.length; ii++) {\n        wordSpan = wordSpan + '<span>' + hypernWordsArr[ii] + '</span>';\n        if(ii<hypernWordsArr.length-1){\n          wordSpan = wordSpan + '<span>-</span>';\n        }\n      }      \n    }else{\n      wordSpan = '<span>' + word + '</span>';\n    }\n    return wordSpan;\n  }).join(' ');  \n\n  //get lines  \n  var lines = [];\n  var line;\n  var words = p.getElementsByTagName('span');\n  //console.log(\">>>>>> words count =\"+words.length);\n\n  var lastTop;\n  for (var i = 0; i < words.length; i++) {\n    var word = words[i];\n    let wOff = word.offsetTop;\n    if (word.offsetTop != lastTop) \n    {\n      lastTop = word.offsetTop;\n      //console.log(\">>>>>> lastTop=\"+lastTop);\n      line = [];\n      lines.push(line);\n    }\n    line.push(word);\n  }\n\n  var splittedText = \"\";\n  //console.log(\">>> lines.length=\"+lines.length);\n\n  for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {\n    var lineText = \"\";\n    for (var wordIndex = 0; wordIndex < lines[lineIndex].length; wordIndex++) {\n      lineText=lineText+lines[lineIndex][wordIndex].innerText+' ';\n      lineText = lineText.replace(\" - \", \"-\");\n      lineText = lineText.replace(\"- \", \"-\");\n      lineText = lineText.replace(\" -\", \"-\");\n    }    \n\n    let lineDelay = delayMultiplyer*lineIndex;\n    splittedText = splittedText +\n    \"<div class='\"+outerClass+\"' style='--index:\"+lineDelay+\n    \"'><div class='\"+innerClass+\n    \"' style='--line_index:\"+lineDelay+\";--start_delay:\"+startDelay+\"'>\"+lineText+\"</div></div>\";\n  }\n  p.innerHTML = splittedText;\n}\n\nexport const splitLinesAndChars = function(startDelay,delayMultiplyer,splitElement,outerClass,innerClass)\n{\n  //split text to words\n\n  var p = splitElement;\n  let temp = p.innerHTML;\n  temp = temp.replace(/-/g, ' - '); //replace the hypen with space to avoid none breaking words \n  \n  //Split by spaces\n  temp = temp.split(/\\s/).map(function(word) {\n    return '<span>' + word + '</span>'\n  }).join(' ');\n\n  p.innerHTML = temp;\n\n  //get lines  \n  var lines = [];\n  var line;\n  var words = p.getElementsByTagName('span');\n  //console.log(\">>>>>> words count =\"+words.length);\n\n  var lastTop;\n  for (var i = 0; i < words.length; i++) {\n    var word = words[i];\n\n    let wOff = word.offsetTop;\n    //console.log(\">>>>>> wOff=\"+wOff);\n\n    \n    if (word.offsetTop != lastTop) \n    {\n      lastTop = word.offsetTop;\n      //console.log(\">>>>>> lastTop=\"+lastTop);\n      line = [];\n      lines.push(line);\n    }\n    line.push(word);\n  }\n\n  var splittedText = \"\";\n  console.log(\">>> lines.length=\"+lines.length);\n\n  for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {\n    var lineText = \"\";\n    for (var wordIndex = 0; wordIndex < lines[lineIndex].length; wordIndex++) {\n      lineText=lineText+lines[lineIndex][wordIndex].innerText+' ';\n    }    \n\n    //break each line into chars spans \n    let lineChars = '';\n    let cahrDelayIndex = 0;\n\n    //lineIndex\n    for (var charIndex = 0; charIndex < lineText.length; charIndex++) {\n      let bzc = bezier(\n        charIndex/100, // currentTime of the animation\n        0, // initial Value\n        1 * 0.46,\n        0 * 0.46, \n       100 // final value\n      );  \n      let styleVars = \"style='--bzc:\"+bzc+\";--line:\"+lineIndex+\";--char:\"+charIndex + \"'\";\n      lineChars = lineChars + \"<span class='char' \"+styleVars+\" >\" + lineText[charIndex] + \"</span>\";\n    }\n    lineText = lineChars;\n\n    let lineDelay = delayMultiplyer*lineIndex;\n    console.log(\"delayMultiplyer=\"+delayMultiplyer);//[0][0].innerText);\n    splittedText = splittedText +\n    \"<div class='\"+outerClass+\"' style='--index:\"+lineDelay+\n    \"'><div class='\"+innerClass+\n    \"' style='--line_index:\"+lineDelay+\";--start_delay:\"+startDelay+\"'>\"+lineText+\"</div></div>\";\n  }\n  p.innerHTML = splittedText;\n}\n\nfunction bezier(t, initial, p1, p2, final) {\n  return (\n    (1 - t) * (1 - t) * (1 - t) * initial +\n    3 * (1 - t) * (1 - t) * t * p1 +\n    3 * (1 - t) * t * t * p2 +\n    t * t * t * final\n  );\n}\n\n","<template>\n    <div :class=\"['typer','reveal',mode,isFadeOut ? 'fadeout': '']\" ref=\"content\">        \n    </div>\n</template>\n<script>\n\nimport { splitLinesAndChars,splitLines } from \"@/utils\";\nexport default \n{\n    //this component is for splitting rows and animating on reveal \n    //Each row will animate letter by letter \n    //Multiple rows will start with small delay after it's previous row\n    //for each row we need to split the chars by <span></span>\n    \n    name: \"typer\",\n    props: {\n        mode:{\n            default:'fxMask',//fxMask,fxLetterByLetter\n            type:String\n        },\n        content:{\n            default:'',\n            type:String\n        },\n        startDelay:{\n            default:0,\n            type:Number\n        },\n        startOnLoad:\n        {\n            default:false,\n            type:Boolean\n        },\n        contentIndex:\n        {\n            default:0,\n            type:Number\n        },\n        isActive:\n        {\n            default:false,\n            type:Boolean\n        }\n    },\n    data()\n    {\n        return {\n            isFadeOut:false,\n            selectedIndex:0\n        }\n    },\n    created()\n    {\n        //this.sectionData = this.siteData.SECTIONS[this.sectionIndex];\n    },\n    mounted()\n    {\n        this.initText(false);\n    },\n    watch:{\n        isActive:function(newVal,oldVal)\n        {\n            //alert(\"newVal=\"+newVal);\n            this.setTyperState(newVal);\n        }\n    },\n    methods:\n    {\n        setTyperState(isTyperActive)\n        {\n            let contentEl = this.$refs.content;\n            if(isTyperActive===true)\n            {\n                if(contentEl.classList.contains(\"active\")==false){\n                    contentEl.classList.add(\"active\"); \n                }\n            }\n            else\n            {\n                if(contentEl.classList.contains(\"active\")==true){\n                    contentEl.classList.remove(\"active\"); \n                }\n            }\n\n        },\n        initText(changeFromWatch)\n        {      \n            var vm = this;\n            var contentEl = this.$refs.content;\n\n            //slight delay to avoid unmatching dom line splits\n            setTimeout(() => {\n                contentEl.innerHTML = this.content;     \n                //fxMask,fxLetterByLetter\n                if(vm.mode==\"fxLetterByLetter\"){\n                    splitLinesAndChars(this.startDelay,1,contentEl,'splLine','splLineText');                 \n                }\n                if(vm.mode==\"fxMask\"){\n                    splitLines(this.startDelay,1,contentEl,'splLine','splLineText');                 \n                }\n\n            }, 100);\n\n            //if(this.startOnLoad || changeFromWatch){\n/*             if(this.startOnLoad){\n                if(contentEl.classList.contains(\"active\")==false){\n                    setTimeout(() => {\n                       contentEl.classList.add(\"active\"); \n                    }, 500);\n                }\n            }\n */            \n            this.isFadeOut = false;\n        }\n    },\n};\n</script>\n\n<style>\n    .typer\n    {\n        opacity: 1;transition:opacity ease-in 0.2s;\n    }\n    .typer.fadeout\n    {\n        opacity: 0;\n    }\n    .typer.fxLetterByLetter .char\n    {\n        /* opacity: calc(1 - (0.02 * var(--char))); */\n        opacity: 0;\n        transition-duration: 0.05s;\n        transition-property: all;\n        transition-delay: calc(0.3s * var(--line) + (0.03s * var(--char)));\n        /* transition-delay: calc(0.2s * var(--bzc)); */\n    }\n    .typer.fxLetterByLetter.active .char\n    {      \n        opacity: 1;\n    }\n\n    /* reaval mask mode */\n    .typer.fxMask .splLineText\n    {\n        transition-duration: 1.5s;\n        transition-property: all;\n        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);\n        transition-delay: calc(0.2s * var(--line_index));\n        clip-path: inset(0% 100% 0% 0%);/* need to animate from 100% to 0%)*/\n        opacity: 0;\n        text-shadow:0 0 7px #1e92d7,0 0 10px #1e92d7;        \n\n    }\n    .typer.fxMask.active .splLineText\n    {      \n        clip-path: inset(0% 0% 0% 0%);\n        opacity: 1;\n    }\n\n    /*\n    clip-path: inset(86px 0% 0% 0%);\n    */\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./typer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./typer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./typer.vue?vue&type=template&id=675c1f8e&\"\nimport script from \"./typer.vue?vue&type=script&lang=js&\"\nexport * from \"./typer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typer.vue?vue&type=style&index=0&id=675c1f8e&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('audio',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"menuSfxOpenIcons\",\"src\":\"sfx/icons_for_menu.mp3\"}}),_c('div',{class:['pmFrame', _vm.isMenuActive==true ? 'active':''],style:(_vm.getListCountStyle())},[_c('div',{staticClass:\"pmTitle\"},[_c('span',[_vm._v(_vm._s(_vm.elementName))])]),_c('div',{staticClass:\"openBoxFx\"}),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"version\":\"1.1\"}},[_c('defs',[_c('linearGradient',{attrs:{\"id\":\"gradient\",\"gradientTransform\":\"rotate(45)\"}},[_c('stop',{attrs:{\"offset\":\"0%\",\"stop-color\":\"#1178be\"}}),_c('stop',{attrs:{\"offset\":\"100%\",\"stop-color\":\"#18a0c2\"}})],1)],1),_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"rx\":\"35\",\"ry\":\"35\",\"width\":_vm.getFrameWidth(),\"height\":\"70\",\"fill\":\"none\",\"stroke-dasharray\":\"1,3\",\"stroke-width\":\"1\",\"stroke\":\"url(#gradient)\"}})])]),_c('div',{class:['pmButtons', _vm.isMenuActive==true ? 'active':'']},[_c('ul',{style:(_vm.getListCountStyle())},_vm._l((_vm.elements),function(item,mindex){return _c('li',{key:mindex,class:[_vm.selectedIndex==mindex ? 'active':''],style:('--index:'+mindex),on:{\"click\":function($event){return _vm.menuClicked(mindex)}}},[_c('img',{staticClass:\"iconImg\",attrs:{\"src\":_vm.getIconFile(item)}}),_vm._m(0,true),_c('div',{staticClass:\"touchFx\"})])}),0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"light\"},[_c('img',{attrs:{\"src\":\"/images/icons/item_light.png\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <audio style=\"display:none;\" id=\"menuSfxOpenIcons\" src=\"sfx/icons_for_menu.mp3\"></audio>\n        <div :class=\"['pmFrame', isMenuActive==true ? 'active':'']\" :style=\"getListCountStyle()\">\n            <div class=\"pmTitle\">\n                <span>{{elementName}}</span>\n            </div>        \n            <div class=\"openBoxFx\">                \n            </div>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n                <defs>\n                    <linearGradient id=\"gradient\" gradientTransform=\"rotate(45)\">\n                        <stop offset=\"0%\" stop-color=\"#1178be\" />\n                        <stop offset=\"100%\" stop-color=\"#18a0c2\" />\n                    </linearGradient>\n                </defs>\n                <rect x=\"0\" y=\"0\" rx=\"35\" ry=\"35\" :width=\"getFrameWidth()\" height=\"70\"\n                    fill=\"none\"\n                    stroke-dasharray=\"1,3\" stroke-width=\"1\" stroke=\"url(#gradient)\" />\n            </svg>\n        </div>\n\n        <div :class=\"['pmButtons', isMenuActive==true ? 'active':'']\">\n            <ul :style=\"getListCountStyle()\">\n                <li v-for=\"(item,mindex) in elements\" \n                    :key=\"mindex\" \n                    :style=\"'--index:'+mindex\"\n                    @click=\"menuClicked(mindex)\" \n                    :class=\"[selectedIndex==mindex ? 'active':'']\">\n                        <img class=\"iconImg\" :src=\"getIconFile(item)\">\n                        <div class=\"light\"><img src=\"/images/icons/item_light.png\"></div>\n                        <div class=\"touchFx\"></div>\n                </li>\n            </ul>\n        </div>\n\n    </div>\n</template>\n<script>\n\nexport default \n{\n    name: \"Proscreenmenu\",\n    props: {        \n        elements:\n        {\n            default:null,\n            type:Array\n        }\n    },\n    data()\n    {\n        return {\n            elementName:'Explore',\n            _menuSfxOpenIcons:null,\n            _menuSfx1:null,\n            selectedIndex:0,\n            isMenuActive:false,\n            menuItems:[\n                {icon:'/images/icons/menu_implant.png'},\n                {icon:'/images/icons/menu_kit.png'},\n                {icon:'/images/icons/menu_package.png'},\n                {icon:'/images/icons/menu_part.png'},\n                {icon:'/images/icons/menu_video.png'}\n            ]\n        }\n    },\n    created()\n    {\n    },\n    mounted()\n    {\n        //this.initText(false);\n        setTimeout(() => \n        {\n            this.updateElementName(0);\n            this._menuSfx1 = document.getElementById(\"menuSfx1\");\n            this._menuSfxOpenIcons = document.getElementById(\"menuSfxOpenIcons\");            \n            this.isMenuActive = true;//open the menu sequence \n\n        }, 300);\n\n        setTimeout(() => {\n            //this._menuSfxOpenIcons.play();\n            //src=\"sfx/icons_for_menu.mp3\"\n            this.sfxPlay(\"Interface_3\");\n        }, 500);\n    },\n    watch:{\n    },\n    methods:\n    {\n        getFrameWidth()\n        {\n            //set the frame width for the svg element\n            if(this.elements)\n            {\n                let fw = (this.elements.length * 60)+100;\n                return fw;\n            }\n            return 0;\n        },\n        getListCountStyle()\n        {\n            if(this.elements)\n            {\n                return '--count:'+this.elements.length;\n            }\n        },\n        getIconFile(element)\n        {\n            return '/images/icons/menu_'+element.type+'.png';\n        },\n        menuClicked(index)\n        {\n            this.sfxPlay(\"Interface_5\");\n            //this._menuSfx1.play();\n            this.selectedIndex = index;\n            this.$emit('onClick',index);   \n            this.updateElementName(index);\n        },\n        updateElementName(index)\n        {\n            this.elementName = this.elements[index].name;//  \"\";//////////////////////////////\n        }\n    },\n};\n</script>\n\n<style>\n    /* footer menu element */ \n    .pmTitle\n    {\n        position: absolute;top: -25px;left: 0px;\n        width: calc(60px * var(--count) + 100px);\n        color: #4e9cdb;\n        /* font-size: clamp(10px, 1.2vw, 14px); */\n        font-size: 11px;\n        text-align: center;\n        height: 20px;\n        overflow: hidden;\n    }\n    .pmFrame .pmTitle span\n    {\n        position: relative;\n        top: 15px;\n        opacity: 0;\n        transition: all ease 0.7s;\n        transition-delay: 1.2s;\n    }\n    .pmFrame.active .pmTitle span\n    {\n        opacity: 1;\n        top: 0px;\n    }\n\n\n    .pmFrame\n    {\n        position: relative;top: 0px;left: 0px;\n        width: calc(60px * var(--count) + 100px);\n        height: 70px;\n    }\n    .pmFrame .openBoxFx\n    {\n        position: absolute;top: 0px;left: 0px;\n        width: calc(60px * var(--count) + 100px);\n        height: 70px;\n        background-color: #82d2fd;\n        opacity: 0.2;\n        border-radius: 70px;\n        transition: all 2s cubic-bezier(0.8, 0, 0.19, 1);\n        clip-path: circle(5%);\n    }\n    .pmFrame.active .openBoxFx\n    {\n        clip-path: circle(100%);\n        opacity: 0;\n    }\n\n\n    .pmFrame svg\n    {\n        position: absolute;top: 0px;left: 0px;\n        width: calc(60px * var(--count) + 100px);\n        height: 70px;\n        clip-path: circle(5%);\n        transition: all 2s cubic-bezier(0.8, 0, 0.19, 1);\n        filter: brightness(300%);\n    }\n    .pmFrame.active svg\n    {\n        clip-path: circle(100%);\n        filter: brightness(100%);\n    }\n\n    .pmButtons\n    {\n        position: absolute;top: 15px;left: 50px;\n    }\n    .pmButtons ul\n    {\n        width: calc(60px * var(--count));\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        list-style: none;\n        margin: auto;\n        align-items: center;\n        margin:0px;\n        padding: 0px;\n    }\n    .pmButtons li\n    {\n        width: 40px;\n        height: 40px;\n        position: relative;\n        cursor: pointer;\n        /* clip-path: circle(0%); */\n        transition: all ease-in 0.4s;\n        transition-delay: calc(0.8s + 0.07s * var(--index));\n        opacity: 0;\n    }\n    .pmButtons.active li\n    {\n        /* clip-path: circle(100%); */\n        opacity: 1;\n    }\n\n\n    .pmButtons li .light\n    {\n        position: absolute;\n        width: 80px;\n        height: 50px;\n        top: 0px;\n        left: -20px;\n        opacity: 0;\n        transition: all ease 0.4s;\n    }\n    .pmButtons li.active .light\n    {\n        opacity: 1;\n    }\n    .pmButtons li .light img\n    {\n        position: relative;\n        width: 80px;\n        height: 40px;\n        top: 15px;        \n    }\n\n    .pmButtons li .iconImg\n    {\n        width: 40px;\n        height: 40px;\n        opacity: 0.6;\n        transition: all ease 0.4s;        \n        /* animation: iconsShowIn 1s ease 0s infinite direction forwards; */\n        \n    }\n\n    .pmButtons li.active .iconImg\n    {\n        opacity: 1;        \n    }\n\n    @keyframes iconsShowIn {\n        0% {\n            filter: brightness(500%);\n        }\n        50% {            \n\n        }\n        100% {\n            filter: brightness(0%);\n        }\n    }\n\n    .pmButtons li .touchFx\n    {\n        position: absolute;\n        width: 50px;\n        height: 50px;\n        top: -5px;\n        left: -5px;\n        border-radius: 70px;\n        background-color:#84c1db;\n        box-shadow: 0 0 20px 5px #48abe0;\n        opacity: 0;\n    }\n    .pmButtons li.active .touchFx\n    {\n        animation: touchFxFrames 0.3s;\n    }\n    @keyframes touchFxFrames \n    {\n        0% {opacity: 1;}\n        100% {opacity: 0;}\n    }\n    @media only screen and (max-width: 800px) \n    {\n        .pmFrame svg {\n            display: none;\n        }\n        .pmTitle\n        {\n            display: none;\n        }\n    }\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Proscreenmenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Proscreenmenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Proscreenmenu.vue?vue&type=template&id=5196d4a6&\"\nimport script from \"./Proscreenmenu.vue?vue&type=script&lang=js&\"\nexport * from \"./Proscreenmenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Proscreenmenu.vue?vue&type=style&index=0&id=5196d4a6&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"videoWrapper\"},[_c('div',{class:['replay',_vm.showReplayBtn==true ? 'active':''],on:{\"click\":_vm.replayVideo}},[_c('div',{staticClass:\"caption\"},[_vm._v(\"Replay\")])]),_c('video',{attrs:{\"autoplay\":\"\",\"id\":\"ve1\"},on:{\"click\":_vm.onVideoClick}},[_c('source',{attrs:{\"src\":\"videos/seven.mp4\",\"type\":\"video/mp4\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"videoWrapper\">\n        <div @click=\"replayVideo\" :class=\"['replay',showReplayBtn==true ? 'active':'']\">\n            <div class=\"caption\">Replay</div>\n        </div>\n        <video autoplay id=\"ve1\" @click=\"onVideoClick\">\n            <source src=\"videos/seven.mp4\" type=\"video/mp4\">\n        </video>\n    </div>\n</template>\n<script>\n\nexport default \n{\n    name: \"AppVideo\",\n    props: {        \n        src:\n        {\n            default:'',\n            type:String\n        }\n    },\n    data()\n    {\n        return {\n            selectedIndex:0,\n            videoElement:null,\n            showReplayBtn:false\n        }\n    },\n    created()\n    {\n    },\n    destroyed()\n    {\n        this.videoElement.removeEventListener('ended',this.onVideoEnded);\n    },\n    mounted()\n    {\n        //this.initText(false);\n        this.videoElement = document.getElementById(\"ve1\");\n        this.videoElement.addEventListener('ended',this.onVideoEnded,false);\n    },\n    watch:{\n    },\n    methods:\n    {\n        replayVideo()\n        {\n            this.showReplayBtn=false;\n            let ve = this.videoElement;\n            ve.play();            \n        },\n        onVideoEnded()\n        {\n            this.showReplayBtn=true;//remove it when playing !!!!!\n        },\n        onVideoClick()\n        {\n            let ve = this.videoElement;\n            //alert(this.videoElement);\n            if (ve.paused) {\n                ve.play();\n            } else {\n                ve.pause();\n            }\n        }\n    }\n\n};\n</script>\n\n<style>\n    .videoWrapper\n    {\n      position: relative;\n      width: 100%;\n      height: 0;\n      padding-bottom: 56.25%; /* 16:9 aspect ratio */\n    }\n    .videoWrapper video\n    {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1000;\n    }\n    .videoWrapper .replay\n    {\n        position: absolute;\n        top: 0px;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1010;\n        background-color: rgba(0, 0, 0, 0.7);\n        opacity: 0;\n        transition: all ease 0.5s;\n        pointer-events: none;\n    }    \n    .videoWrapper .replay.active\n    {\n        opacity: 1;\n        pointer-events: all;\n    }\n    .videoWrapper .replay .caption\n    {\n        position: relative;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #4e9cdb;\n        border: solid 1px #4e9cdb;\n        border-radius: 30px;\n        padding: 20px 30px;\n        display: inline-block;\n    }        \n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppVideo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppVideo.vue?vue&type=template&id=4e226adc&\"\nimport script from \"./AppVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./AppVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppVideo.vue?vue&type=style&index=0&id=4e226adc&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n<div :class=\"['proScreen',isActive ? 'active':'']\" >\n    <div class=\"proElements\">\n\n        <audio style=\"display:none;\" id=\"menuSfx1\" src=\"sfx/click2.mp3\"></audio>        \n        <!-- <div class=\"btnBack\" @click=\"backToMenu()\">Back to menu</div> -->\n        \n        <!-- LOGO -->\n        <div class=\"glTL\">\n            <!-- <div class=\"topBack\"><img src=\"images/ui/btnBack.png\" @click=\"backToMenu()\"></div> -->\n            <div class=\"topLogo\"><img :src=\"proData.logo\"></div>\n        </div>\n\n        <!-- Bottom left button (back arrow)-->\n        <div class=\"glBL\">\n            <div class=\"btnBack\"><img src=\"images/ui/btnBackDotted.png\" @click=\"backToMenu()\"></div>\n        </div>\n\n        <div :class=\"['infoBubble',showBubble===true ? 'active':'']\">\n            <span>Drag to rotate</span>\n        </div>\n\n        <!-- graphics-layer circles fx -->\n            <!-- <div class=\"glCentered glCircles\">\n            <img src=\"/images/circles_gx.png\">\n        </div>\n        -->\n        <!-- mid lines -->\n         <!-- <div class=\"midLine1\"></div><div class=\"midLine2\"></div> -->\n\n        <!-- ///// 3D MODEL FRAME ///// --> \n        <!--   \n        <div :class=\"['glCentered glModel',showModel==true ? 'active' : '']\">\n            <iframe ref=\"modelFrame1\" class=\"iframeViewer\" :src=\"modelPath\"></iframe>\n        </div>\n        -->\n        <div id=\"glGallery1\" :class=\"['glCentered glAnimation',showGalleryFrame==true ? 'active' : '']\">\n            <iframe class=\"iframeViewer\" id=\"iframeGallery1\" :src=\"galleryPath\" ></iframe>\n        </div>\n        <!-- ////// animation layer ////// -->\n        <div id=\"glAnimationFrame1\" :class=\"['glCentered glAnimation',showAnimationFrame==true ? 'active' : '']\">\n            <iframe id=\"ifAnimation\" :src=\"animationPath\"></iframe>\n        </div>\n        <!-- ////// video player ////// -->\n        <div id=\"glVideo1\" :class=\"['glCentered glVideo',showVideoWrapper==true ? 'active' : '']\">\n            <appvideo v-if=\"showVideoWrapper==true\" :src=\"videoPath\"></appvideo>\n        </div>\n        <!-- ///// INT LINES ///// -->        \n        <div class=\"navItems\" v-if=\"useNavLines\">\n            <div class=\"aline\" v-for=\"(item,index) in navLines\" \n                :key=\"index\" \n                :style=\"getLineStyle(item)\">\n                 <div class=\"dottedLine\">\n                    <img :style=\"getDotsLineStyle(item)\" src=\"/images/svg/blueDotsLine.svg\" >\n                </div>\n             </div>\n            <div class=\"lineIcon\" v-for=\"(item,spot_index) in navLines\" \n                :key=\"spot_index\" \n                :style=\"getLineSpotStyle(item)\">\n                <img @click=\"lineClicked(spot_index)\" src=\"/images/svg/triangleBtn.svg\">\n                <span class=\"fname\">Feature name</span>\n             </div>\n        </div>\n\n        <!-- graphics-layer left centered .glLC .glText-->\n        <!--\n        <div class=\"glLC\">\n            <div class=\"glText\">\n                <typer :content=\"proData.content\" :isActive=\"isTyperActive\"></typer>\n            </div>\n        </div>\n        -->\n\n        <!-- ////// bottom product-menu ////// -->\n        <div class=\"pmContainer\">            \n            <pmenu :elements=\"proData.elements\" @onClick=\"onMenuClick\"></pmenu>\n        </div>\n\n    </div>    \n  </div>\n</template>\n\n\n<style scoped>\n\n    .pmContainer\n    {\n        position: fixed;\n        bottom: 3vw;\n        left: 50vw;\n        transform: translate(-50%,0%);\n        z-index: 1000;        \n    }\n    .proScreen\n    {\n        opacity: 0;\n        transition: all ease 0.5s;\n        position: relative;\n    }\n    .proScreen.active\n    {\n        opacity: 1;\n    }\n    .proScreen .proElements\n    {\n        color: #fff;\n        margin: auto;\n        text-align: center;\n    }\n    /* aligned styles */\n    .glCentered\n    {\n        position: absolute;\n        top: 50vh;\n        left: 50vw;\n        transform: translate(-50%,-50%);\n    }\n    .glTL\n    {\n        position: fixed;top: 3vw;left: 3vw;z-index: 2000;\n    }\n    .glBL\n    {\n        position: fixed;bottom: 3vw;left: 3vw;z-index: 2000;\n    }\n    .glLC\n    {\n        position: absolute;\n        top: 50%;\n        left: 3vw;\n        transform: translateY(-50%);\n    }\n    .btnBack\n    {\n        float: left;\n    }\n    .btnBack img\n    {\n        width: 70px;\n        height: 70px;\n    }\n    .topBack\n    {\n        float: left;\n    }\n    .topBack img\n    {\n        width: 4vh;\n        height: 4vh;\n    }\n    .topLogo\n    {\n        float: left;\n        /* padding-left: 10px; */\n    }\n    .topLogo img\n    {\n        float: left;\n        width: auto;\n        height: 4vh;\n    }\n    .glCircles\n    {\n        z-index: 100;\n        pointer-events: none;\n    }\n    .glCircles img\n    {        \n        height: 75vh;\n        width: 75vh;\n        max-width: 75vh;\n        min-width: 75vh;\n        max-height: 75vh;\n        min-height: 75vh;\n    }\n    .glModel\n    {\n        width: 100vw;\n        height: 100vh;\n        z-index: 1000;\n        position: absolute;\n        opacity: 0;\n        transition: all ease 0.4s;\n    }\n    .glModel.active\n    {\n        opacity: 1;\n    }\n    .glModel iframe\n    {\n        width: 100vw;\n        height: 100vh;\n        /* border:solid 1px red; */\n    }\n    .glVideo\n    {\n        width: 110vh;\n        height: 100vh;\n        z-index: 1000;\n        position: absolute;\n        opacity: 0;\n        transition: all ease 0.5s;\n        display: flex;\n        align-items: center;\n        pointer-events: none;\n    }\n    .glVideo.active\n    {\n        opacity: 1;\n        pointer-events: all;\n    }    \n    .glAnimation\n    {\n        width: 100vw;\n        height: 100vh;\n        z-index: 1000;\n        position: absolute;\n        opacity: 0;\n        transition: all ease 0.5s;\n        display: flex;\n        align-items: center;\n        pointer-events: none;\n    }\n    .glAnimation.active\n    {\n        opacity: 1;\n        pointer-events: all;\n    }    \n    .glAnimation iframe\n    {\n        width: 100vw;\n        height: 100vh;\n        border:0px;\n    }\n    .glText\n    {\n        width: 25vw;\n        text-align: left;\n        font-weight: 100;\n        font-size: 2vh;\n        line-height: 3vh;\n        opacity: 0.9;\n    }\n\n\n    /* diagonal lines */\n    .aline\n    {\n        position: absolute;\n        top:50vh;left: 0px;\n        width: 100vw;height: 50px;\n        transform: translateY(-50%) rotate(var(--rot));\n        transform-origin: center center;\n        cursor: pointer;\n        transition: all ease 0.8s;\n    }\n    .dottedLine\n    {\n        position: relative;\n        left: calc(50% + 25.5vh);\n        top:25px;height: 1px;\n        width: 26vh;        \n    }\n    .dottedLine img\n    {\n        width:20vh;height:3px;\n        position: absolute;\n        top: 0px;left:0px;\n        clip-path: inset(0 var(--clipinset) 0 0);\n        transition: all ease 0.8s;\n    }\n    .lineIcon\n    {        \n        position: absolute;\n        /* calc the location of the spot here */\n        top:    calc(50vh + var(--iconY));\n        left:   calc(50vw + var(--iconX));\n        transition: all ease 0.8s;\n    }\n    .lineIcon img\n    {\n        width: 60px;height: auto;\n        position: fixed;        \n        z-index: 1000;\n        transform: translate(-50%,-50%);\n        transform-origin: center center;\n        cursor: pointer;\n        \n    }\n    .lineIcon .fname\n    {\n        position: relative;\n        max-width: 50px;\n        display: inline-block;\n        left: -50%;\n        top: 20px;\n        font-size: 14px;\n        font-weight: 100;\n        color: #a3e4f4;\n    }\n\n    .iconText\n    {\n        display: none;\n    }\n    .midLine1\n    {\n        position: absolute;\n        top:50vh;\n        width: 100vw;\n        height: 1px;\n        background-color: red;\n    }\n    .midLine2\n    {\n        position: absolute;\n        top:50vh;\n        width: 100vw;\n        height: 1px;\n        background-color: red;\n        transform: rotate(90deg);\n    }\n    .infoBubble\n    {\n        position: fixed;\n        pointer-events: none;\n        top: 50vh;\n        left: calc(50vw + 80px);\n        transform: translate(-50%,-50%) scale(0);\n        width: 120px;\n        height: 120px;\n        border-radius: 100%;\n        z-index: 5000;\n        display: flex;        \n        align-items: center;\n        background: rgb(17,118,187);\n        background: linear-gradient(56deg, rgba(17,118,187,0.3) 0%, rgba(24,160,194,0.7) 100%);\n        transition: all 400ms cubic-bezier(.47,1.64,.41,.8);\n    }\n    .infoBubble.active\n    {\n        transform: translate(-50%,-50%) scale(1);\n    }\n    .infoBubble span\n    {\n        color: #fff;\n        font-size: 15px;\n        font-weight: 100;\n        width: 80%;\n        margin: auto;\n        text-transform: uppercase;\n    }\n\n    /* CSS rules for tablets in portrait mode */\n    @media only screen and (min-device-width: 601px) \n            and (max-device-width: 1024px) \n            and (orientation: portrait) \n    {\n        .glTL{\n            top: 4vw;left: 0px;width: 100%;\n        }\n        .topLogo{\n            float: none;width: 100%;\n        }\n        .topLogo img{\n            float: none;width: auto;height: 4vh;margin: auto;\n        }\n    }\n\n    @media only screen and (max-width: 800px) {\n        .glModel iframe{\n            transform: translateY(-30px);\n        }\n        .pmContainer{\n            position: fixed;bottom: 0px;\n        }\n        .glTL {\n            top: 20px;left: 0px;width: 100vw;text-align: center;\n        }        \n        .topLogo{\n            float:none;\n            width: auto;\n            position: fixed;\n            left: 50vw;\n            transform: translateX(-50%);   \n            pointer-events: none;        \n        }\n        .topLogo img{\n            float: none;height: 3.5vh;margin: auto;display: inline-block;\n        }        \n        .glBL{\n            top: 20px;left: 20px;\n            height: 80px;\n        }\n        .btnBack img{\n            width: 40px;height: 40px;\n        }        \n\n    }\n\n\n</style>\n\n<script>\n    import Typer from \"@/components/typer.vue\";  \n    import Proscreenmenu from \"@/components/Proscreenmenu.vue\";  \n    import AppVideo from \"@/components/AppVideo.vue\";  \n    //import Screen from \"@/components/Screen.vue\";\n    import { mapState } from \"vuex\";\n    export default \n    {\n        components:\n        {\n            typer:Typer,\n            pmenu:Proscreenmenu,\n            appvideo:AppVideo\n        }, \n        computed:\n        {\n            ...mapState([\"appData\"]),\n            modelPath()\n            {\n                var productIndex = this.product;\n                var productData = this.appData.SECTIONS[productIndex];\n                var elementData = productData.elements[this.navCurrentIndex];\n                var modelFileName = elementData.file;// \"model_\"+productData.name+\".html\";\n                if(this.setEmptyIframe==true){\n                    return \"_clear.html\";//keep the iframe clear\n                }\n                return modelFileName;\n            },\n            videoPath()\n            {\n                var productIndex = this.product;\n                var productData = this.appData.SECTIONS[productIndex];\n                var elementData = productData.elements[this.navCurrentIndex];\n                if(elementData.files && elementData.files.length>0)\n                {\n                    var modelFileName = elementData.files[0].file;// \"model_\"+productData.name+\".html\";\n                    return modelFileName;\n                }\n                return false;\n            }\n        },\n        data()\n        {\n            return {\n                _iframeModelViewer1:null,\n                _menuSfx1:null,\n                sound2:null,\n                useNavLines:false,\n                showModel:false,\n                setEmptyIframe:false,\n                showVideoWrapper:false,\n                showAnimationFrame:false,\n                showGalleryFrame:false,\n                animationPath:'',\n                galleryPath:'',\n                showVideo:false,\n                navCurrentIndex:0,\n                showBubble:false,\n                showBubbleCount:0,\n                navLines:[\n                    {rotate:-25,maskVal:80, iconX:0,iconY:'0px'},\n                    {rotate:18,maskVal:55,  iconX:110,iconY:'110px'},\n                    {rotate:45,maskVal:75, iconX:220,iconY:'220px'},\n                ],\n                proData:[],\n                isActive:false,\n                isTyperActive:false,\n                thecontent:'The conical, root-shaped geometry of the LANCE+ and its variable threads are designed to enable excellent primary stability - offering the ultimate choice for a wide range of clinical cases and loading protocols LANCE+ also features a triple thread geometry which increases the implant insertion rate (2.25mm), allowing for a simpler and faster implant placement.'\n            }\n        },\n        created()\n        {\n            this.setScreenHeight();\n        },\n        mounted()\n        {\n            var vm=this;\n            if (window.addEventListener) {\n                window.addEventListener(\"message\", this.onMessage, false);        \n            } \n            else if (window.attachEvent) {\n                window.attachEvent(\"onmessage\", this.onMessage, false);\n            }\n\n            var productIndex = this.product;\n            this.proData = this.appData.SECTIONS[productIndex];            \n            this.showCurrentElement();\n\n            setTimeout(() => {\n                //this.sound2.play();\n                this._menuSfx1 = document.getElementById(\"menuSfx1\");\n                this.isActive=true;\n                this.isTyperActive = true;\n            }, 400);\n\n            this._iframeModelViewer1 = document.getElementById(\"iframeModelViewer1\");\n            window.onresize = function() {\n                vm.setScreenHeight();\n            };\n            vm.setScreenHeight();\n\n/*             var _ifAnimation = document.getElementById(\"ifAnimation\");\n            _ifAnimation.addEventListener( \"load\", function(e) \n            {                \n                vm.showAnimationFrame = true;//alert(\"animation loaded\");\n            } );\n */\n\n        },\n        props:\n        {\n            product:{\n                default:0,\n                type:Number\n            }\n        },\n        watch:\n        {\n            navCurrentIndex:function(newVal,oldVal)\n            {\n                //alert(this.navCurrentIndex);\n                if(newVal==0)\n                {\n                    //show implant model\n                    //(reload the iframe url)\n                }\n                else if(newVal==1)\n                {\n                    //show kit model\n                    //(reload the iframe url)\n                }\n\n            }\n        },\n        methods:\n        {\n            setScreenHeight()\n            {\n                var viewportHeight = window.innerHeight || document.documentElement.clientHeight;          \n                //if(window.innerWidth<1000)\n                //{\n                    let glAnimationFrame1 = document.getElementById(\"glAnimationFrame1\");\n                    let glVideo1 = document.getElementById(\"glVideo1\");\n                    let glGallery1 = document.getElementById(\"glGallery1\");\n                    \n                    glAnimationFrame1.style.height = viewportHeight + \"px\";\n                    glVideo1.style.height = viewportHeight + \"px\";\n                    glGallery1.style.height = viewportHeight + \"px\";\n\n                    this._iframeModelViewer1.style.height = viewportHeight + \"px\";\n                //}\n            },\n            isModelHasHotSpots()\n            {\n                var productIndex = this.product;\n                let secData = this.appData.SECTIONS[productIndex];\n                var curElementData = secData.elements[this.navCurrentIndex];\n                if(curElementData.has_hotspots!=\"true\"){\n                    return false;\n                }\n                return true;\n            },\n            onMessage(event) \n            {\n                // Check sender origin to be trusted\n                \n                //if (event.origin !== \"http://example.com\") return;\n                var data = event.data;\n                console.log(\"data.message=\"+data.message);\n\n                if(data.message=='model_loaded')\n                {\n                    if(this.isModelHasHotSpots())\n                    {\n                        setTimeout(() => {\n                            //this.sfxPlay(\"open1\");\n                        }, 500);                    \n                    }\n                    this.showModelBubble();\n                }                \n                if(data.message=='model_change_func')\n                {\n                    //not working\n                    /////alert(\"got function from child : data.func=\"+data.func);\n                }\n            },\n            showModelBubble()\n            {\n                if(this.showBubbleCount==0)\n                {\n                    setTimeout(() => {                \n                        this.showBubble=true;\n                    }, 1000);\n                    setTimeout(() => {\n                        this.showBubble=false;\n                    }, 4000);\n                    this.showBubbleCount++;\n                }\n            },\n            onMenuClick(index)\n            {\n                var vm = this;\n                if(index!=this.navCurrentIndex)\n                {\n                    //vm.showModel=false;//hide the 3d model\n                    vm.fadeout3DModel();\n                    vm.showVideoWrapper = false;        //hide video                        \n                    vm.showAnimationFrame = false;      //hide animation layer                    \n                    vm.showGalleryFrame = false;        //hide video gallery swiper frame\n                    vm.galleryPath = \"_clear.html\";\n\n                    setTimeout(() =>\n                    {                        \n                        vm.setEmptyIframe = true;//reset the iframe\n                    }, 500);\n                    setTimeout(() => \n                    {\n                        vm.navCurrentIndex = index;\n                        vm.showCurrentElement();\n                        //vm.showModel=true;//show the 3d model after 2 seconds\n                    }, 1200);\n                }\n            },\n            fadeout3DModel()\n            {\n                let modelLayer = document.getElementById(\"modelFrameWrapper1\");\n                modelLayer.classList.remove(\"active\");\n            },\n            fadein3DModel()\n            {\n                let modelLayer = document.getElementById(\"modelFrameWrapper1\");\n                modelLayer.classList.add(\"active\");\n            },\n            showCurrentElement()\n            {\n                //CHECK LOTTIE ANIMATION SCREEN \n                //CHECK IF WE NEED MULTIPLE VIDEOS FOR EACH SECTION\n                var vm = this\n                var curElementData = vm.proData.elements[this.navCurrentIndex];\n                vm.setEmptyIframe = false;\n\n                let iframeForModel = document.querySelector('#iframeModelViewer1');\n                if(curElementData.mode=='3d')\n                {\n                    vm.showModel = true;                                        \n                    //replace the model by chananging the iframe url hash:\n                    let modelID = this.getModelID();                    \n                    iframeForModel.contentWindow.location.hash = modelID;\n                    setTimeout(() => {\n                        this.fadein3DModel();\n                    }, 500);\n                }\n                else \n                {\n                    iframeForModel.contentWindow.location.hash = \"none\";\n                }\n                if(curElementData.mode=='video')\n                {\n                    vm.showVideoWrapper = true;\n                }                \n                if(curElementData.mode=='animation')\n                {\n                    vm.animationPath = \"animation.html?animation_name=\"+curElementData.file_id;\n                    //the animation will be set to visible when the iframe onLoad is fired\n                    //this is to prevent empty white frame when loading the page into the iframe\n                    vm.showAnimationFrame = true;\n                }\n                if(curElementData.mode=='magnify')\n                {\n                    vm.animationPath = \"magnify.html?image_name=\"+curElementData.file_id;\n                    //the animation will be set to visible when the iframe onLoad is fired\n                    //this is to prevent empty white frame when loading the page into the iframe\n                    vm.showAnimationFrame = true;\n                }\n                if(curElementData.mode=='swiper')\n                {\n                    let sectionIndex = this.product;\n                    let elementIndex = this.navCurrentIndex;\n                    vm.galleryPath = \"swiper.html?section=\"+sectionIndex+\"&element=\"+elementIndex;\n                    vm.showGalleryFrame = true;\n                }\n\n            },\n            getModelID()\n            {\n                var productIndex = this.product;\n                var productData = this.appData.SECTIONS[productIndex];\n                var elementData = productData.elements[this.navCurrentIndex];\n                var mid = elementData.model_id;\n                return mid;\n            },\n            lineClicked(index)\n            {\n                var vm=this;\n                // show kit if clcked on 2nd item\n                // show implant if clicked 1st\n                if(index!=this.navCurrentIndex)\n                {\n                    vm.showModel=false;//hide the 3d model\n                    vm.navCurrentIndex = index;\n                    setTimeout(() => {\n                        vm.showModel=true;//show the 3d model after 2 seconds\n                    }, 2500);\n                }\n\n                for(var i=0;i<this.navLines.length;i++)\n                {\n                    if(i==index){\n                        this.navLines[i].maskVal = 100;\n                        //this.navLines[i].rotate = -25;\n                        //item.rotate\n                    }else{\n                        //let rotateItem = Math.random() * (90 - 10) + 10\n                        this.navLines[i].maskVal = 75;\n                        //this.navLines[i].rotate = rotateItem;\n                    }\n                }\n                //{rotate:-25,width:20,   maskVal:50, iconX:0,iconY:'0px'}/,\n            },\n            getLineSpotStyle(item)\n            {\n                let scrH = screen.height;\n                let startRadius = ((scrH/100)*25.5) - 30;\n                let maxRadius = ((scrH/100)*20);//20VH is the max length\n                let addRadius =  ((maxRadius/100)*item.maskVal);\n                let totalRadius = startRadius+addRadius;\n\n                //{rotate:18,width:20,    maskVal:80, iconX:110,iconY:110},\n                //var radius = 300;//item.maskVal; <<<< todo: calc base distance by screen height \n                var radius =  totalRadius;//(scrH/100)*25.5 + ((scrH/100)*20)*item.maskVal;\n                var angle  = item.rotate + 90;\n                item.iconX=(radius*Math.cos((angle+(-90))*(Math.PI/180)));\n                item.iconY=(radius*Math.sin((angle+(-90))*(Math.PI/180)));\n                return '--iconX:'+item.iconX+\"px;--iconY:\"+item.iconY+'px';\n            },\n            getDotsLineStyle(item)\n            {\n                let maskSize = 100-item.maskVal; //the mask precentage of the dots\n                return '--clipinset:'+maskSize+'%';\n            },\n            getLineIconStyle(item)\n            {            \n                let iconDeg = item.rotate * -1;\n                return '--rot:'+iconDeg+'deg';\n            },\n            getLineStyle(item)\n            {\n                return '--rot:'+item.rotate+'deg';\n            },\n            backToMenu()\n            {\n                this.isActive = false;\n                this.fadeout3DModel();\n\n                //this._menuSfx1.play();\n                this.sfxPlay(\"Interface_2\");\n\n                setTimeout(() => {\n                    this.$emit(\"onCloseProduct\");\n                }, 400);                \n            },\n            openItem(index)\n            {\n                //this.$emit('onClick',index);\n            }\n        }\n    };\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductScreen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductScreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductScreen.vue?vue&type=template&id=35849da9&scoped=true&\"\nimport script from \"./ProductScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductScreen.vue?vue&type=style&index=0&id=35849da9&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35849da9\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"viewportContainer\"},[_c('div',{ref:\"vp\",staticClass:\"viewport\"}),_c('div',{staticClass:\"controls\"},[_c('a',{on:{\"click\":function($event){return _vm.resetCamera()}}},[_vm._v(\"Reset Camera\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"viewportContainer\">\n    <div class=\"viewport\" ref=\"vp\"></div>\n    <div class=\"controls\">\n      <a @click=\"resetCamera()\">Reset Camera</a>\n    </div>\n  </div>\n  \n  \n</template>\n\n<script>\nimport { mapMutations, mapActions } from \"vuex\";\n\nexport default {\n  data() {\n    return {\n      height: 0,\n      vpElement:null\n    };\n  },\n  methods: {\n    ...mapMutations([\"RESIZE\",\"RESET_CAMERA_ROTATION\"]),\n    ...mapActions([\"INIT\", \"ANIMATE\"]),\n    resetCamera()\n    {\n      this.RESET_CAMERA_ROTATION();\n    }\n  },\n  mounted() {\n    this.vpElement = this.$refs.vp;\n    this.INIT({\n      width: this.vpElement.offsetWidth,\n      height: this.vpElement.offsetHeight,\n      el: this.vpElement\n    }).then(() => {\n      this.ANIMATE();\n      window.addEventListener(\n        \"resize\",\n        () => {\n          this.RESIZE({\n            width: this.vpElement.offsetWidth,\n            height: this.vpElement.offsetHeight\n          });\n        },\n        true\n      );\n    });\n  }\n};\n</script>\n\n<style>\n.viewportContainer{\n  height: 50vh;\n  width: 50vw;\n/*   position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%,-50%);\n */\n}\n.viewport {\n  height: 50vh;\n  width: 50vw;\n}\n.controls\n{\n  color:#fff;\n  padding-top: 20px;\n}\n.controls a\n{\n  cursor: pointer;\n  font-size: 12px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPort.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPort.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewPort.vue?vue&type=template&id=2d42f532&\"\nimport script from \"./ViewPort.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewPort.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewPort.vue?vue&type=style&index=0&id=2d42f532&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex flex-col absolute w-64 h-auto pin-r pin-b bg-grey-darkest text-white rounded mr-2 mb-2 z-10\"},[_c('div',{staticClass:\"p-2 mt-1\"},[_vm._v(\"\\n    Controls\\n  \")]),_c('div',{staticClass:\"bg-grey-dark h-full p-3 rounded-b flex flex-col border border-grey-darkest\"},[_c('div',{staticClass:\"border-b border-grey-darkest mb-2 pb-2\"},[_c('p',{staticClass:\"mb-1 text-grey-light font-bold\"},[_vm._v(\"\\n        Scenery\\n      \")]),_c('p',{staticClass:\"flex items-center justify-between mb-1\"},[_vm._v(\"\\n        Pyramids\\n        \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.pyramidsVisible),expression:\"pyramidsVisible\"}],attrs:{\"type\":\"checkbox\",\"name\":\"pyramids\",\"id\":\"pyramids\"},domProps:{\"checked\":Array.isArray(_vm.pyramidsVisible)?_vm._i(_vm.pyramidsVisible,null)>-1:(_vm.pyramidsVisible)},on:{\"click\":_vm.togglePyramids,\"change\":function($event){var $$a=_vm.pyramidsVisible,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.pyramidsVisible=$$a.concat([$$v]))}else{$$i>-1&&(_vm.pyramidsVisible=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.pyramidsVisible=$$c}}}})]),_c('p',{staticClass:\"flex items-center justify-between\"},[_vm._v(\"\\n        Axis Lines\\n        \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.axisLinesVisible),expression:\"axisLinesVisible\"}],attrs:{\"type\":\"checkbox\",\"name\":\"axis-lines\",\"id\":\"axis-lines\"},domProps:{\"checked\":Array.isArray(_vm.axisLinesVisible)?_vm._i(_vm.axisLinesVisible,null)>-1:(_vm.axisLinesVisible)},on:{\"click\":_vm.toggleAxisLines,\"change\":function($event){var $$a=_vm.axisLinesVisible,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.axisLinesVisible=$$a.concat([$$v]))}else{$$i>-1&&(_vm.axisLinesVisible=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.axisLinesVisible=$$c}}}})])]),(_vm.CAMERA_POSITION)?_c('div',{staticClass:\"border-b border-grey-darkest mb-2 pb-2\"},[_c('p',{staticClass:\"mb-1 text-grey-light font-bold\"},[_vm._v(\"\\n        Camera Position\\n      \")]),_c('p',{staticClass:\"flex justify-between w-full mb-2 text-grey-light\"},[_vm._v(\"\\n        X:\"),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.CAMERA_POSITION.x))])]),_c('p',{staticClass:\"flex justify-between w-full mb-2 text-grey-light\"},[_vm._v(\"\\n        Y:\"),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.CAMERA_POSITION.y))])]),_c('p',{staticClass:\"flex justify-between w-full mb-2 text-grey-light\"},[_vm._v(\"\\n        Z:\"),_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.CAMERA_POSITION.z))])]),_c('p',{staticClass:\"flex items-center\"},[_c('button',{staticClass:\"bg-grey-light cursor-pointer shadow p-2 mx-auto\",on:{\"click\":_vm.resetCameraPosition}},[_vm._v(\"\\n          Reset Camera\\n        \")])])]):_vm._e(),_vm._m(0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex justify-around\"},[_c('a',{staticClass:\"text-grey-light no-underline hover:text-grey-lighter\",attrs:{\"href\":\"https://threejs.org/examples/?q=controls#misc_controls_trackball\",\"target\":\"_blank\"}},[_vm._v(\"Original ↗\\n      \")]),_c('a',{staticClass:\"text-grey-light no-underline hover:text-grey-lighter\",attrs:{\"href\":\"https://github.com/SRLabs/Vue-Three-Demo\",\"target\":\"_blank\"}},[_vm._v(\"Github ↗\\n      \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"flex flex-col absolute w-64 h-auto pin-r pin-b bg-grey-darkest text-white rounded mr-2 mb-2 z-10\"\n  >\n    <div class=\"p-2 mt-1\">\n      Controls\n    </div>\n    <div\n      class=\"bg-grey-dark h-full p-3 rounded-b flex flex-col border border-grey-darkest\"\n    >\n      <div class=\"border-b border-grey-darkest mb-2 pb-2\">\n        <p class=\"mb-1 text-grey-light font-bold\">\n          Scenery\n        </p>\n        <p class=\"flex items-center justify-between mb-1\">\n          Pyramids\n          <input\n            type=\"checkbox\"\n            name=\"pyramids\"\n            id=\"pyramids\"\n            v-model=\"pyramidsVisible\"\n            @click=\"togglePyramids\"\n          />\n        </p>\n        <p class=\"flex items-center justify-between\">\n          Axis Lines\n          <input\n            type=\"checkbox\"\n            name=\"axis-lines\"\n            id=\"axis-lines\"\n            v-model=\"axisLinesVisible\"\n            @click=\"toggleAxisLines\"\n          />\n        </p>\n      </div>\n      <div\n        v-if=\"CAMERA_POSITION\"\n        class=\"border-b border-grey-darkest mb-2 pb-2\"\n      >\n        <p class=\"mb-1 text-grey-light font-bold\">\n          Camera Position\n        </p>\n        <p class=\"flex justify-between w-full mb-2 text-grey-light\">\n          X:<span class=\"text-white\">{{ CAMERA_POSITION.x }}</span>\n        </p>\n        <p class=\"flex justify-between w-full mb-2 text-grey-light\">\n          Y:<span class=\"text-white\">{{ CAMERA_POSITION.y }}</span>\n        </p>\n        <p class=\"flex justify-between w-full mb-2 text-grey-light\">\n          Z:<span class=\"text-white\">{{ CAMERA_POSITION.z }}</span>\n        </p>\n        <p class=\"flex items-center\">\n          <button\n            class=\"bg-grey-light cursor-pointer shadow p-2 mx-auto\"\n            @click=\"resetCameraPosition\"\n          >\n            Reset Camera\n          </button>\n        </p>\n      </div>\n      <div class=\"flex justify-around\">\n        <a\n          href=\"https://threejs.org/examples/?q=controls#misc_controls_trackball\"\n          target=\"_blank\"\n          class=\"text-grey-light no-underline hover:text-grey-lighter\"\n          >Original &#8599;\n        </a>\n        <a\n          href=\"https://github.com/SRLabs/Vue-Three-Demo\"\n          target=\"_blank\"\n          class=\"text-grey-light no-underline hover:text-grey-lighter\"\n          >Github &#8599;\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapMutations } from \"vuex\";\nexport default {\n  data() {\n    return {\n      axisLinesVisible: true,\n      pyramidsVisible: true\n    };\n  },\n  computed: {\n    ...mapGetters([\"CAMERA_POSITION\"])\n  },\n  methods: {\n    ...mapMutations([\n      \"SET_CAMERA_POSITION\",\n      \"RESET_CAMERA_ROTATION\",\n      \"HIDE_AXIS_LINES\",\n      \"SHOW_AXIS_LINES\",\n      \"HIDE_PYRAMIDS\",\n      \"SHOW_PYRAMIDS\"\n    ]),\n    resetCameraPosition() {\n      this.SET_CAMERA_POSITION({ x: 0, y: 0, z: 500 });\n      this.RESET_CAMERA_ROTATION();\n    },\n    toggleAxisLines() {\n      if (this.axisLinesVisible) {\n        this.HIDE_AXIS_LINES();\n        this.axisLinesVisible = false;\n      } else {\n        this.SHOW_AXIS_LINES();\n        this.axisLinesVisible = true;\n      }\n    },\n    togglePyramids() {\n      if (this.pyramidsVisible) {\n        this.HIDE_PYRAMIDS();\n        this.pyramidsVisible = false;\n      } else {\n        this.SHOW_PYRAMIDS();\n        this.pyramidsVisible = true;\n      }\n    }\n  }\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ControlPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ControlPanel.vue?vue&type=template&id=dfd12484&\"\nimport script from \"./ControlPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./ControlPanel.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{ref:\"threeContainer\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div ref=\"threeContainer\"></div>\n  </div>\n</template>\n\n<script>\n\nimport {\n    THREE,\n  GLTFLoader,\n  Scene,\n  TrackballControls,\n  PerspectiveCamera,\n  WebGLRenderer,\n  Color,\n  FogExp2,\n  CylinderBufferGeometry,\n  MeshPhongMaterial,\n  Mesh,\n  DirectionalLight,\n  AmbientLight,\n  LineBasicMaterial,\n  Geometry,\n  Vector3,\n  Line\n} from \"three-full\";\n\n\nexport default {\n  name: 'MyModel',\n  data() {\n    return {\n      scene: null,\n      camera: null,\n      renderer: null,\n      model: null\n    };\n  },\n  mounted() {\n    // Create a scene\n    this.scene = new THREE.Scene();\n\n    // Create a camera\n    this.camera = new THREE.PerspectiveCamera(\n      75,\n      this.$refs.threeContainer.clientWidth / this.$refs.threeContainer.clientHeight,\n      0.1,\n      1000\n    );\n\n    // Create a renderer\n    this.renderer = new THREE.WebGLRenderer();\n    this.renderer.setSize(\n      this.$refs.threeContainer.clientWidth,\n      this.$refs.threeContainer.clientHeight\n    );\n    this.$refs.threeContainer.appendChild(this.renderer.domElement);\n\n    // Load a 3D model\n    let loader = new THREE.GLTFLoader();\n    loader.load('models/almond_water_redux.glb', (gltf) => {\n      this.model = gltf.scene;\n      this.scene.add(this.model);\n      this.renderScene();\n    });\n  },\n  methods: {\n    renderScene() {\n      this.renderer.render(this.scene, this.camera);\n    }\n  }\n};\n</script>\n\n<style>\n.container {\n  width: 100%;\n  height: 100%;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Model.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Model.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Model.vue?vue&type=template&id=66a529c1&\"\nimport script from \"./Model.vue?vue&type=script&lang=js&\"\nexport * from \"./Model.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Model.vue?vue&type=style&index=0&id=66a529c1&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"testerArea\"},[_c('div',[_c('div',{staticClass:\"btn1\",on:{\"click\":_vm.start}},[_vm._v(\"Start\")]),_vm._v(\"  \\n      \"),_c('div',{staticClass:\"btn1\",on:{\"click\":_vm.resetText}},[_vm._v(\"Reset\")])]),_c('div',{staticClass:\"svgArea\"},[_c('div',{staticClass:\"implantView\"},[_c('viewport')],1),_c('div',{staticClass:\"elements\"},[_c('div',{staticClass:\"SplitterContent\"},[_c('typer',{attrs:{\"content\":_vm.thecontent,\"isActive\":_vm.isTyperActive}})],1)]),_c('svg',{attrs:{\"viewBox\":\"0 0 800 500\"}},[_c('path',{class:['linePath', _vm.isDrawingLines ? 'draw' : ''],attrs:{\"d\":\"M800 0 L400 250\",\"stroke\":\"#fff\",\"stroke-width\":\"2\",\"fill\":\"none\"}}),_c('path',{class:['linePath', _vm.isDrawingLines ? 'draw' : ''],attrs:{\"d\":\"M750 0 L400 250\",\"stroke\":\"#fff\",\"stroke-width\":\"2\",\"fill\":\"none\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"testerArea\">\n\n    <div>\n        <div class=\"btn1\" @click=\"start\">Start</div>&nbsp;&nbsp;\n        <div class=\"btn1\" @click=\"resetText\">Reset</div>\n    </div>\n\n    <div class=\"svgArea\">\n      \n      <div class=\"implantView\">\n        <viewport></viewport>\n      </div>\n\n      <div class=\"elements\">\n          <div class=\"SplitterContent\">\n              <typer :content=\"thecontent\" :isActive=\"isTyperActive\"></typer>\n          </div>\n      </div>\n\n      <svg viewBox=\"0 0 800 500\">\n        <path :class=\"['linePath', isDrawingLines ? 'draw' : '']\" d=\"M800 0 L400 250\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"/>\n        <path :class=\"['linePath', isDrawingLines ? 'draw' : '']\" d=\"M750 0 L400 250\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"/>\n        <!--\n        <path class=\"path\" fill=\"none\" stroke=\"#fff\" stroke-width=\"4\" d=\"M66.039,133.545c0,0-21-57,18-67s49-4,65,8\n        s30,41,53,27s66,4,58,32s-5,44,18,57s22,46,0,45s-54-40-68-16s-40,88-83,48s11-61-11-80s-79-7-70-41\n        C46.039,146.545,53.039,128.545,66.039,133.545z\"/>  \n        -->\n      </svg>\n    </div>\n\n  </div>\n</template>\n\n<style>\n    .testerArea\n    {\n        background-color: rgb(15, 15, 15);\n        color:#fff;\n        min-height: 100vh;\n        position: relative;\n    }\n    .testerArea .testerInner\n    {\n        width: 70%;\n        clear: both;\n        margin: auto;\n        padding-top: 200px;\n\n    }\n    body::-webkit-scrollbar {\n      display: none; /* Chrome, Safari and Opera */\n    }\n\n    .SplitterContent\n    {\n        float: left;\n        width: 400px;\n        font-size: 16px;\n        line-height:22px;\n        /* padding: 20px; */\n    }\n    .btn1\n    {\n        background-color: #24b2f2;\n        color: #fff;\n        border-radius: 30px;\n        padding: 10px 20px;\n        display: inline-block;\n        cursor: pointer;\n    }\n    .svgArea\n    {\n      position: absolute;\n      width: 80vw;\n      height: 50vw;\n      border: solid 2px #202020;\n      top:50%;left: 50%;\n      transform: translate(-50%,-50%);\n    }\n    .elements\n    {\n      position:absolute;\n      bottom:50px;\n      left:450px;\n    }\n    .implantView\n    {\n      position:absolute;\n      top:50px;\n      top:50px;\n    }\n\n.linePath {\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n}\n.linePath.draw\n{\n    animation: dash 3s linear;\n    animation-delay: 0.3s;\n    animation-fill-mode: forwards;\n    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);\n}\n@keyframes dash {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n</style>\n\n<script>\n  import Typer from \"@/components/typer.vue\";  \n  import ViewPort from \"@/components/ViewPort.vue\";  \n  import { mapActions, mapState } from \"vuex\";\n  \n  export default \n  {\n    data(){\n      return{\n        isDrawingLines:false,\n        isTyperActive:false,\n        thecontent:'The conical, root-shaped geometry of the LANCE+ and its variable threads are designed to enable excellent primary stability - offering the ultimate choice for a wide range of clinical cases and loading protocols LANCE+ also features a triple thread geometry which increases the implant insertion rate (2.25mm), allowing for a simpler and faster implant placement.',\n        site_data:null,\n        isMenuOpen:false\n      }\n    },\n    components:\n    {\n      typer:Typer,\n      viewport: ViewPort\n    }, \n    computed: {\n    },\n    created: function () \n    {      \n      this.preloadFonts();\n    },\n    methods: {\n        resetText(){\n            this.isTyperActive = false;\n        },\n        start(){\n            this.isTyperActive = true;\n            this.isDrawingLines = true;\n        },\n\n        //...mapActions([\"loadSiteData\",\"setSiteReady\"]),\n        preloadFonts()\n        {\n        var vm = this;\n        if (document && document.fonts) {  \n          //CSS Font Loading API\n          //https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API\n          \n          const font1 = new FontFace(\"Inter\", \"url(https://fonts.googleapis.com/css?family=Inter:200,300,400,500&display=swap&subset=latin-ext)\");\n          document.fonts.add(font1);\n          font1.load();\n          document.fonts.ready.then(() => {            \n            //alert(\"font loaded\");\n            //add hidden text\n            //setTimeout(() => {              \n              //vm.setSiteReady(true);\n            //}, 300);\n          });\n      } else {\n          vm.setSiteReady(true);// Fallback if API does not exist \n      }\n    },      \n    }\n  }\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen.vue?vue&type=template&id=0b5f2a2c&\"\nimport script from \"./Screen.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen.vue?vue&type=style&index=0&id=0b5f2a2c&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"app\" class=\"noselect\" :style=\"bgStyle\">\n\n    <!--\n    <div class=\"modelLoadingFrame\">\n      <iframe src=\"models_preloader.html\" />\n    </div>\n    -->\n    \n    <!-- <div class=\"bgChanger\" @click=\"changeBg\"></div> -->\n    <!-- <div class=\"__appScreenSize\"> -->\n\n    <!-- //////////////////////// 3D MODEL LAYER //////////////////////// -->\n    <!-- \n        todo:\n        when changing model we need to fade out the layer \n     -->     \n    <div class=\"modelFrameLayer active\" id=\"modelFrameWrapper1\">\n      <iframe class=\"iframeViewer\" id=\"iframeModelViewer1\" src=\"modelV2.html\"></iframe>\n    </div>\n\n    <!-- //////////////////////// APP LAYERS //////////////////////// -->\n    <div class=\"appLayers\" v-if=\"!preloadingModels\">\n      <waiting v-if=\"screenName == 'home'\" @onClick=\"onWaitingClicked\"></waiting>\n      <menuscreen @onClick=\"onMenuClicked\" v-if=\"screenName == 'menu'\"></menuscreen>      \n      <proscreen @onCloseProduct=\"onCloseProduct()\" v-if=\"screenName == 'product'\" :product=\"index\"></proscreen>      \n    </div>\n\n  </div>\n</template>\n\n<style>\n  *\n  {\n    font-family: Arial, Helvetica, sans-serif;\n  }\n  .modelFrameLayer\n  {\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    z-index: 100;\n    left: 0px;top: 0px;\n    transition: all ease 0.4s;\n    opacity: 0;\n  }\n  .modelFrameLayer.active\n  {\n    opacity: 1;\n  }\n  .modelFrameLayer iframe\n  {\n      width: 100vw;\n      height: 100vh;\n      border: 0px;\n  }\n  .appLayers\n  {\n    position: fixed;\n    z-index: 200;\n    left: 0px;top: 0px;\n\n  }\n</style>\n\n<script>\nimport { mapState, mapGetters, mapActions } from \"vuex\";\n\nimport WaitingScreen  from \"@/views/WaitingScreen.vue\";\nimport MenuScreen     from \"@/views/MenuScreen.vue\";\nimport ProductScreen  from \"@/views/ProductScreen.vue\";\nimport ViewPort       from \"@/components/ViewPort.vue\";\nimport ControlPanel   from \"@/components/ControlPanel.vue\";\nimport Model          from \"@/components/Model.vue\";\nimport Screen         from \"@/components/Screen.vue\";\n\nexport default {\n  components: {\n    proscreen:ProductScreen,\n    waiting:WaitingScreen,\n    menuscreen:MenuScreen,\n    viewport: ViewPort,\n    panel: ControlPanel,\n    model:Model,\n    screen:Screen\n  },\n  data()\n  {\n    return{\n      preloadingModels:true,\n      screenName:'home', //home/menu/product\n      index:0 ,\n      bgIndex:1,\n      inactivityTimeout:null\n    }\n  },\n  computed:\n  {\n    ...mapState([\"appData\"]),\n    bgStyle()\n    {\n      return \"background-image: url('/images/bg-blue\"+this.bgIndex+\".jpg');\";\n    }\n  },\n  mounted()\n  {\n    this.loadAppData();\n    if (window.addEventListener) {\n        window.addEventListener(\"message\", this.onMessage, false);        \n    } \n    else if (window.attachEvent) {\n        window.attachEvent(\"onmessage\", this.onMessage, false);\n    }\n\n    //window.addEventListener('resize', this.onWindowResize);\n    //this.setScreenHeight();\n\n  },\n  methods:\n  {\n    ...mapActions([\"loadAppData\"]),\n\n    onWindowResize()\n    {\n      //this.setScreenHeight();\n    },\n    //const inactivityTime = 5000; // 5 seconds of inactivity\n    initInactivityTimer() \n    {\n      document.addEventListener(\"touchstart\", this.resetInactivityTimer);\n      document.addEventListener(\"touchend\",   this.resetInactivityTimer);\n      document.addEventListener(\"mousemove\",  this.resetInactivityTimer);\n      document.addEventListener(\"mousedown\",  this.resetInactivityTimer);\n      document.addEventListener(\"mouseup\",    this.resetInactivityTimer);\n      this.resetInactivityTimer();\n    },\n    resetInactivityTimer() \n    {\n      //10000 = > 10 seconds\n      const inactivityTime = 10000; // 10 seconds \n      //const inactivityTime = 600000; // 10 minutes \n      clearTimeout(this.inactivityTimeout);\n      this.inactivityTimeout = setTimeout(this.handleInactive, inactivityTime);\n    },\n    handleInactive() {\n      //alert(\"User is inactive!\");\n\n  //!important:\n      //bug when user is wathcing a video he does not interact with the screen\n      //so in this case the app will go back to the home opening page \n\n      /*\n      //Remove 3d layer\n      let iframeForModel = document.querySelector('#iframeModelViewer1');\n      iframeForModel.style.display = 'none';\n      iframeForModel.contentWindow.location.hash = \"none\";\n      setTimeout(() => {\n        iframeForModel.style.display = 'initial';\n      }, 2000);\n\n      //change screen mode to home \n      this.setNextScreen({name:\"home\",index:0});\n      */\n    },\n    \n    onMessage(event) \n    {\n        console.log(\"msg received\");\n        var data = event.data;\n        console.log(\"data.message=\"+data.message);\n        if(data.message=='preloading_complete')\n        {\n            this.preloadingModels = false;\n            this.initInactivityTimer();\n        }                \n    },    \n    changeBg()\n    {\n      let bgsCount = 2;\n      this.bgIndex++;\n      if(this.bgIndex>bgsCount)\n      {\n        this.bgIndex=1;\n      }\n    },\n    setNextScreen(sd)\n    {\n      //this.screenData = sd;\n      this.screenName = sd.name;\n      this.index = sd.index;\n      //alert(\"screenData.name=\"+this.screenData.name);\n    },\n    onWaitingClicked()\n    {\n      //hide the waiting screen and open the main menu\n      this.setNextScreen(\n          {name:\"menu\",index:0}\n      );\n    },\n    onMenuClicked(index)\n    {\n      this.setNextScreen(\n          {name:\"product\",index:index}\n      );\n    },\n    onCloseProduct()\n    {\n      this.setNextScreen(\n          {name:\"menu\",index:0}\n      );\n    },\n    getScaleStyle()\n    {\n      var scaleCss = \"transform:scale(0.3,0.3);\";\n      return scaleCss;\n    }\n  }\n};\n</script>\n\n<style>\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: #111111;\n}\nbody {\n  margin: 0px;\n}\n.noselect {\n  -webkit-touch-callout: none; /* iOS Safari */\n    -webkit-user-select: none; /* Safari */\n     -khtml-user-select: none; /* Konqueror HTML */\n       -moz-user-select: none; /* Old versions of Firefox */\n        -ms-user-select: none; /* Internet Explorer/Edge */\n            user-select: none; /* Non-prefixed version, currently\n                                  supported by Chrome, Edge, Opera and Firefox */\n}\n\n\ncanvas {\n  position: relative;\n}\n#app {\n  height: 100%;  \n  background-position: center center;\n  background-size: cover;\n}\n  :root{\n    --appWidth : 3480px;\n    --appHeight : 2160px;\n    --appRatio :1.611;/* calc(calc(var(--appWidth)/var(--appHeight))); */\n  }\n\n\n\n.modelLoadingFrame\n{\n  position: fixed;\n  top: 0px;\n  left: 0px;\n}\n\n.appScreenSize\n{\n  width:100vw; /* calc(100vh * var(--appRatio)); */\n  height: 100vh;\n  margin: auto;\n}\n\n.modelLayer\n{\n  position: fixed;\n  display: block;\n  top: 0px;\n  left: 0px;\n  z-index: 111;\n}\n.appDebug\n{\n  position: fixed;\n  display: block;\n  top: 10px;\n  left: 10px;\n  background-color: rebeccapurple;\n  color: #fff;\n  z-index: 111;\n  padding: 20px;\n  font-size: 11px;\n}\n.bgChanger\n{\n  position: fixed;\n  z-index: 1000000;\n  bottom: 0px;\n  left: 0px;\n  width: 100px;\n  height: 100px;\n  background-color: transparent;\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=690757ce&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=690757ce&prod&lang=css&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&id=690757ce&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","//| THREE.JS Camera movement with mouse:\n//https://codepen.io/misterkidult/pen/dybgapB\n\nimport Vue from \"vue\";\nimport Vuex from \"vuex\";\n\n//import { GLTFLoader } from 'three-full/sources/loaders/GLTFLoader.js';\n//import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader'\n\nimport {\n  OrbitControls,\n  GLTFLoader,\n  TextureLoader,\n  Texture,\n  FBXLoader,\n  Scene,\n  TrackballControls,\n  PerspectiveCamera,\n  WebGLRenderer,\n  Color,\n  FogExp2,\n  CylinderBufferGeometry,\n  MeshBasicMaterial,\n  MeshStandardMaterial,\n  //CylinderGeometry,\n  MeshPhongMaterial,\n  Mesh,\n  DirectionalLight,\n  AmbientLight,\n  LineBasicMaterial,\n  Geometry,\n  Vector3,\n  Line,\n  Box3\n} from \"three-full\";\n\nVue.use(Vuex);\n\nexport default new Vuex.Store({\n  state: {\n    appData:[],\n    width: 0,\n    height: 0,\n    camera: null,\n    controls: null,\n    scene: null,\n    renderer: null,\n    orbControls:null,\n    axisLines: [],\n    pyramids: []\n\n  },\n  getters: {\n    CAMERA_POSITION: state => {\n      return state.camera ? state.camera.position : null;\n    }\n  },\n  mutations: {\n    SET_APP_DATA(state,appData)\n    {\n      state.appData = appData;      \n    },\n    SET_VIEWPORT_SIZE(state, { width, height }) {\n      state.width = width;\n      state.height = height;\n    },\n    INITIALIZE_RENDERER(state, el) {\n      state.renderer = new WebGLRenderer({ antialias: true,alpha: true });\n      state.renderer.setPixelRatio(window.devicePixelRatio);\n      state.renderer.setSize(state.width, state.height);\n      el.appendChild(state.renderer.domElement);\n    },\n    INITIALIZE_CAMERA(state) {\n      state.camera = new PerspectiveCamera(\n        // 1. Field of View (degrees)\n        60,\n        // 2. Aspect ratio\n        state.width / state.height,\n        // 3. Near clipping plane\n        1,\n        // 4. Far clipping plane\n        1000\n      );\n      state.camera.position.z = 300;\n\n    },\n    INITIALIZE_CONTROLS(state) {\n      state.controls = new TrackballControls(\n        state.camera,\n        state.renderer.domElement\n      );\n      state.controls.rotateSpeed = 1;\n      state.controls.zoomSpeed = 1;\n      state.controls.panSpeed = 1;\n      state.controls.noZoom = false;\n      state.controls.noPan = false;\n      state.controls.staticMoving = false;\n      state.controls.dynamicDampingFactor = 0.1;\n      state.controls.keys = [65, 83, 68];\n    },\n    UPDATE_CONTROLS(state) {\n      state.controls.update();\n    },\n    INITIALIZE_SCENE(state) {\n\n      //https://www.youtube.com/watch?v=ZtK70Tb9uqg\n      //Unreal Bloom Pass - Three.js Post-Processing Tutorial\n\n      state.scene = new Scene();\n      //state.scene.background = new Color(0x202020);\n      //state.scene.fog = new FogExp2(0xcccccc, 0.002);\n      var geometry = new CylinderBufferGeometry(0, 10, 30, 4, 1);\n      var material = new MeshPhongMaterial({\n        color: 0xffffff,\n        flatShading: true\n      });\n\n      /*\n      //Add random triangles:\n      for (var i = 0; i < 5; i++) {\n        var mesh = new Mesh(geometry, material);\n        mesh.position.x = (Math.random() - 0.5) * 1000;\n        mesh.position.y = (Math.random() - 0.5) * 1000;\n        mesh.position.z = (Math.random() - 0.5) * 1000;\n        mesh.updateMatrix();\n        mesh.matrixAutoUpdate = false;\n        state.pyramids.push(mesh);\n      }\n      */\n\n/*\n      var mesh1 = new Mesh(geometry, material);\n      mesh1.position.x = 0;\n      mesh1.position.y = 0;\n      mesh1.position.z = 0;\n      mesh1.updateMatrix();\n      mesh1.matrixAutoUpdate = false;\n      state.pyramids.push(mesh1);\n */\n      state.scene.add(...state.pyramids);\n\n      const geometryX = new CylinderBufferGeometry( 25, 25, 150, 32 );\n      //const materialX = new MeshBasicMaterial( {color: 0xffff00} );\n      const mat2 = new MeshBasicMaterial( {color: 0xff0000} );\n      \n      //for wireframe:\n      const mat1 = new MeshStandardMaterial();\n      mat1.wireframe = true;\n\n      //wireframe test:\n      //MeshStandardMaterial\n\n      const cylinderX = new Mesh( geometryX,mat1);//, materialX );\n      cylinderX.position.x = 0;\n      cylinderX.position.y = 0;\n      cylinderX.position.z = 0;\n      //state.scene.add( cylinderX );\n      \n      //var textureLoader = new TextureLoader();\n      //var texture = textureLoader.load(\"https://images.pexels.com/photos/172289/pexels-photo-172289.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\");\n      //var texture = textureLoader.load(\"models/baking_seven.jpg\");\n        //'models/c1.png');\n      //texture.flipY = false;\n\n\n      //working code 1: ////////////////////////////////////////////////\n      //working code 1: ////////////////////////////////////////////////\n      //working code 1: ////////////////////////////////////////////////\n       const loader = new GLTFLoader();\n      let filepath = \"http://localhost:8080/models/seven_working.gltf\";\n      //let filepath = \"https://cdn.vev.design/private/pK53XiUzGnRFw1uPeFta7gdedx22/4brjc-beverage%20can.glb\";\n      //seven_working.gltf\";\n      loader.load(filepath, (gltf)=> \n      {\n          var model = gltf.scene;\n          model.traverse ((o) => {\n            if (o.isMesh==true){\n              console.log(\"o===> mesh : \"+o.isMesh);\n            }\n        } );  \n        gltf.scene.scale.set(20,20,20);\n        gltf.scene.position.set(0, -110, 0);\n        state.scene.add(gltf.scene);\n        state.renderer.render(state.scene, state.camera);\n      });\n        //END working code 1: ////////////////////////////////////////////////\n       //END working code 1: ////////////////////////////////////////////////\n       //END working code 1: ////////////////////////////////////////////////\n\n\n\n/*       const loader = new GLTFLoader();\n      let filepath = \"http://localhost:8080/models/SEVEN3.gltf\";//models/SEVEN3.glb\";\n      loader.load(filepath, (gltf)=> \n      {\n        gltf.scene.scale.set(20,20,20);\n        gltf.scene.position.set(0, -110, 0);\n        state.scene.add(gltf.scene);\n        state.renderer.render(state.scene, state.camera);\n      });      \n */\n\n/*       , undefined, function ( error ) { \n        alert(error)     ;\n        console.error( error );      \n      } );\n */ \n\n      // lights\n      var lightA = new DirectionalLight(0xffffff);\n      lightA.position.set(1, 1, 1);\n      state.scene.add(lightA);\n      \n      var lightB = new DirectionalLight(0x002288);\n      lightB.position.set(-1, -1, -1);\n      state.scene.add(lightB);\n\n      var lightC = new AmbientLight(0x222222);\n      state.scene.add(lightC);\n\n      // Axis Line 1\n      var materialB = new LineBasicMaterial({ color: 0x0000ff });\n      var geometryB = new Geometry();\n      geometryB.vertices.push(new Vector3(0, 0, 0));\n      geometryB.vertices.push(new Vector3(0, 1000, 0));\n      var lineA = new Line(geometryB, materialB);\n      state.axisLines.push(lineA);\n\n      // Axis Line 2\n      var materialC = new LineBasicMaterial({ color: 0x00ff00 });\n      var geometryC = new Geometry();\n      geometryC.vertices.push(new Vector3(0, 0, 0));\n      geometryC.vertices.push(new Vector3(1000, 0, 0));\n      var lineB = new Line(geometryC, materialC);\n      state.axisLines.push(lineB);\n\n      // Axis 3\n      var materialD = new LineBasicMaterial({ color: 0xff0000 });\n      var geometryD = new Geometry();\n      geometryD.vertices.push(new Vector3(0, 0, 0));\n      geometryD.vertices.push(new Vector3(0, 0, 1000));\n      var lineC = new Line(geometryD, materialD);\n      state.axisLines.push(lineC);\n\n      state.scene.add(...state.axisLines);\n    },\n    RESIZE(state, { width, height }) {\n      state.width = width;\n      state.height = height;\n      state.camera.aspect = width / height;\n      state.camera.updateProjectionMatrix();\n      state.renderer.setSize(width, height);\n      state.controls.handleResize();\n      state.renderer.render(state.scene, state.camera);\n    },\n    SET_CAMERA_POSITION(state, { x, y, z }) {\n      if (state.camera) {\n        state.camera.position.set(x, y, z);\n      }\n    },\n    RESET_CAMERA_ROTATION(state) {\n      if (state.camera) {\n\n        //state.camera.rotation.set(0, 0, 0);\n        //state.camera.quaternion.set(0, 0, 0, 1);\n        //state.camera.up.set(0, 1, 0);\n        //state.controls.target.set(0, 0, 0);\n        //state.camera.updateProjectionMatrix();\n        //state.renderer.render(state.scene, state.camera);\n\n        state.controls.reset();\n  \n      }\n    },\n    HIDE_AXIS_LINES(state) {\n      state.scene.remove(...state.axisLines);\n      state.renderer.render(state.scene, state.camera);\n    },\n    SHOW_AXIS_LINES(state) {\n      state.scene.add(...state.axisLines);\n      state.renderer.render(state.scene, state.camera);\n    },\n    HIDE_PYRAMIDS(state) {\n      state.scene.remove(...state.pyramids);\n      state.renderer.render(state.scene, state.camera);\n    },\n    SHOW_PYRAMIDS(state) {\n      state.scene.add(...state.pyramids);\n      state.renderer.render(state.scene, state.camera);\n    }\n  },\n  actions: {\n    loadAppData({state,commit,dispatch})\n    {\n      var apiURL = \"data/appData.json\";\n      fetch(apiURL, \n        {\n          method: \"GET\",\n          cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n          headers: {\"Content-Type\": \"application/json;charset=UTF-8\",'Access-Control-Allow-Origin': '*'},\n      })\n      .then(function(response) { return response.json();})\n      .then(function(response)\n      {\n        commit('SET_APP_DATA',response);\n      }        \n      );\n    },    \n    INIT({ state, commit }, { width, height, el }) {\n      return new Promise(resolve => {\n        commit(\"SET_VIEWPORT_SIZE\", { width, height });\n        commit(\"INITIALIZE_RENDERER\", el);\n        commit(\"INITIALIZE_CAMERA\");\n        commit(\"INITIALIZE_CONTROLS\");\n        commit(\"INITIALIZE_SCENE\");\n\n        // Initial scene rendering\n        state.renderer.render(state.scene, state.camera);\n\n        // Add an event listener that will re-render\n        // the scene when the controls are changed\n        state.controls.addEventListener(\"change\", () => {\n          state.renderer.render(state.scene, state.camera);\n        });\n\n        resolve();\n      });\n    },\n    ANIMATE({ state, dispatch }) {\n      window.requestAnimationFrame(() => {\n        dispatch(\"ANIMATE\");\n        state.controls.update();\n      });\n    }\n  }\n});\n","export const soundFx = {\n  data: function () {\n    return {\n      currentSoundName: '',\n      _audio:null\n    }\n  },\n\n  methods: {\n    sfxPlay(soundName) {\n        if(this._audio==null)\n        {\n            this._audio = new Audio();\n        }\n        this._audio.src = \"sfx/\"+soundName+\".mp3\"\n        this._audio.play();\n        //alert(\"sound name:\"+soundName);\n    },\n  }\n};\n","import Vue from \"vue\";\nimport App from \"./App.vue\";\nimport router from \"./router\";\nimport store from \"./store\";\n\nVue.config.productionTip = false;\n\nnew Vue({\n  router,\n  store,\n  render: h => h(App)\n}).$mount(\"#app\");\n\nimport { soundFx } from \"./mixins/soundFx.js\";\nVue.mixin(soundFx);\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingScreen.vue?vue&type=style&index=0&id=6342e562&prod&scoped=true&lang=css&\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=690757ce&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewPort.vue?vue&type=style&index=0&id=2d42f532&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Model.vue?vue&type=style&index=0&id=66a529c1&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Proscreenmenu.vue?vue&type=style&index=0&id=5196d4a6&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuScreen.vue?vue&type=style&index=0&id=21f55c83&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen.vue?vue&type=style&index=0&id=0b5f2a2c&prod&lang=css&\""],"sourceRoot":""}