{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Proscreenmenu.vue?d5e9","webpack:///./src/views/WaitingScreen.vue?ea46","webpack:///./src/App.vue?9c34","webpack:///./src/components/AppVideo.vue?4031","webpack:///./src/views/ProductScreen.vue?b452","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/components/ViewPort.vue?cf3a","webpack:///./src/App.vue?371e","webpack:///./src/components/Model.vue?d040","webpack:///./src/views/MenuScreen.vue?7561","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","_s","localize","computed","_objectSpread","mapState","mounted","vm","onresize","setScreenHeight","created","methods","tag","tagText","toLowerCase","replace","obj","appData","UI","find","_ref","title","innerWidth","waitingScreenElement","document","getElementById","height","innerHeight","_this","setTimeout","$emit","component","_l","sections","item","itemModeClass","openItem","getIndexVar","getIconSize","menu_logo","sectionsFirstRow","isOpenFx","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","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","getFrameWidth","mindex","menuClicked","getIconFile","Array","elementName","_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","getCountryCode","winLoc","location","href","urlParts","countryCode","lastUrlPart","viewportHeight","documentElement","clientHeight","glAnimationFrame1","glVideo1","glGallery1","isModelHasHotSpots","secData","curElementData","has_hotspots","event","message","showModelBubble","fadeout3DModel","modelLayer","fadein3DModel","_this3","iframeForModel","querySelector","modelID","getModelID","contentWindow","hash","file_id","cc","sectionIndex","elementIndex","addAnimationFrame","url","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","localizedUI","localizedUIReady","getters","position","mutations","SET_LOCALIZED_UI","dict","SET_APP_DATA","SET_VIEWPORT_SIZE","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","setLocalizedUiData","_ref4","localizeData","commit","_ref5","apiURL","dispatch","fetch","method","cache","headers","response","json","_ref6","_ref7","Promise","resolve","_ref8","requestAnimationFrame","soundFx","currentSoundName","_audio","soundName","Audio","config","productionTip","router","store","h","App","$mount","mixin"],"mappings":"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","file":"js/app.18f44e3a.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!./Proscreenmenu.vue?vue&type=style&index=0&id=4e3440ca&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!./WaitingScreen.vue?vue&type=style&index=0&id=5e38deeb&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=409c553f&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!./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!./ProductScreen.vue?vue&type=style&index=0&id=6438a240&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!./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\":\"modelV3.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}},[_c('div',{staticClass:\"waitElements\"},[_vm._m(0),_c('div',{staticClass:\"waitText\"},[_vm._v(_vm._s(_vm.localize('start')))])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"waitLogo\"},[_c('img',{attrs:{\"src\":\"images/mis-ds.svg\"}})])\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-ds.svg\">\n        </div>\n        <!-- <div class=\"waitText\">Click to start</div> -->\n        <div class=\"waitText\">{{localize('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        text-align: center;\n    }\n    .waitLogo\n    {\n        padding-bottom: 2vw;\n    }\n    .waitLogo img\n    {\n        width: 350px;\n        height: auto;\n    }\n    .waitText\n    {\n        text-align: center;\n        /* background-image: linear-gradient( 0deg, rgb(90,172,229) 0%, rgb(4,85,151) 79%); */\n        border: solid 1px #fff;\n        border-radius: 40px;\n        padding: 14px 20px;\n        text-transform: uppercase;\n        width: auto;\n        font-size: 0.8vw;\n        display: inline;\n    }\n\n\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            localize(tag)\n            {\n                let tagText = tag.toLowerCase().replace(/(\\s|-)/g, \"_\");\n                let obj = this.appData.UI.find(({ tag }) => tag === tagText);\n                if (obj) {return obj.title;}\n                return tag;\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=5e38deeb&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=5e38deeb&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  \"5e38deeb\",\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',{attrs:{\"__class\":\"row\"}},_vm._l((_vm.sections),function(item,index){return _c('li',{key:index,class:[_vm.itemModeClass],attrs:{\"__class\":\"item\"},on:{\"click\":function($event){return _vm.openItem(index)}}},[_c('div',{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.getIconSize(item)+_vm.getIndexVar(index)),attrs:{\"___style\":\"getIndexVar(index)\",\"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\n        <div class=\"menuElements\">\n\n            <ul __class=\"row\">\n                <!-- sections.slice(0,3) -->\n                <li :class=\"[itemModeClass]\" __class=\"item\" @click=\"openItem(index)\" v-for=\"(item,index) in sections\" :key=\"index\">\n                    <!-- {{item.menu_logo}} -->\n                    <div :class=\"[itemModeClass]\" @click=\"openItem(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)\" :style=\"getIconSize(item)+getIndexVar(index)\" :src=\"item.menu_logo\" class=\"menuLogo\">\n                        </div>\n                    </div>                    \n                </li>                \n            </ul>\n            <!--<ul __class=\"row\">\n                <li :class=\"[itemModeClass]\" __class=\"item\" @click=\"openItem(index)\" v-for=\"(item,index) in sections.slice(3,5)\" :key=\"index\">\n                    <div :class=\"[itemModeClass]\" @click=\"openItem(index+3)\">\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)\" :style=\"getIconSize(item)+getIndexVar(index)\" :src=\"item.menu_logo\" class=\"menuLogo\">\n                        </div>\n                    </div>                    \n                </li>                \n            </ul>-->\n        </div>\n\n        <!-- <img src=\"images/menu/_logoCircle.png\" :class=\"['menuCir']\"> -->\n        <!--\n        <div class=\"menuElements\" >\n            <ul>                \n                <li\n                    :class=\"[itemModeClass]\"\n                    @click=\"openItem(index)\" 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 \n                            ___style=\"getIndexVar(index)\"\n                            :style=\"getIconSize(item)+getIndexVar(index)\"\n                            :src=\"item.menu_logo\" class=\"menuLogo\">                                            \n                    </div>\n                </li>\n            </ul>\n        </div>            \n        -->\n\n\n  </div>\n</template>\n\n<style scoped>\n\n        .container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100vh;\n        }\n\n        /* Row styling */\n        .row {\n            display: flex;\n            justify-content: center;\n            margin: 10px 0;\n        }\n        .item {\n            width: 20vw;\n            height: 20vw;\n            margin: 0 10px;\n            background-color: #4CAF50;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n            font-size: 20px;\n        }\n\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        justify-content: center;\n\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: 7vh;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%) scale(0.7);        \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            sectionsFirstRow()\n            {\n                return this.sections.slice(0,3);\n            }\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            getIconSize(item)\n            {\n                if(item.name=='lynx')\n                {\n                    return \"height: 5.7vh;\";//6/7\n                }\n                return \"height: 7vh;\";//6/7\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=f0be8f24&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=f0be8f24&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  \"f0be8f24\",\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(_vm._s(_vm.localize('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:\"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\"}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))])])}),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            <!--\n            <div class=\"pmTitle\">\n                <span>{{elementName}}</span>\n            </div>        \n            -->\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                        <div class=\"title\">{{item.name}}</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: 13px;\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 .title\n    {\n        position: absolute;\n        top: -35px;\n        left: 20px;\n        color: #4e9cdb;\n        font-size: 13px;\n        text-align: center;\n        width: 200px;\n        transform: translateX(-50%);\n        display: none;        \n        pointer-events: none;\n    }\n    .pmButtons li.active .title\n    {\n        display: block;\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=4e3440ca&\"\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=4e3440ca&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>{{localize('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            getCountryCode()\n            {\n                var winLoc = window.location.href;\n                var urlParts = winLoc.split(\"/\");\n                var countryCode = \"\";\n                if(urlParts.length>0){\n                    var lastUrlPart = (urlParts[urlParts.length - 1]);\n                    if(lastUrlPart.length==2){\n                    countryCode = lastUrlPart;\n                    }\n                }\n                return countryCode;\n            },           \n            localize(tag)\n            {\n                let tagText = tag.toLowerCase().replace(/(\\s|-)/g, \"_\");\n                let obj = this.appData.UI.find(({ tag }) => tag === tagText);\n                if (obj) {return obj.title;}\n                return tag;\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.addAnimationFrame(\"animation.html?animation_name=\"+curElementData.file_id);\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.addAnimationFrame(\"magnify.html?image_name=\"+curElementData.file_id);\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 cc = this.getCountryCode();\n                    let sectionIndex = this.product;\n                    let elementIndex = this.navCurrentIndex;\n                    vm.galleryPath = \"swiper.html?cc=\"+cc+\"&section=\"+sectionIndex+\"&element=\"+elementIndex;\n                    vm.showGalleryFrame = true;\n                }\n\n            },\n            addAnimationFrame(url)\n            {\n\n                /*<div id=\"glAnimationFrame1\" :class=\"['glCentered glAnimation',showAnimationFrame==true ? 'active' : '']\">\n                    <iframe id=\"ifAnimation\" :src=\"animationPath\"></iframe>\n                </div>\n                */\n                //if frame exists then remove it\n\n                //add frame to \n\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            },\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=6438a240&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=6438a240&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  \"6438a240\",\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=\"modelV3.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            //alert(\"init initInactivityTimer\");\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=409c553f&\"\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=409c553f&prod&lang=css&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&id=409c553f&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    localizedUI:null,\n    localizedUIReady:false\n  },\n  getters: {\n    CAMERA_POSITION: state => {\n      return state.camera ? state.camera.position : null;\n    }\n  },\n  mutations: {\n    SET_LOCALIZED_UI(state, dict) {\n      state.localizedUI = dict;\n      state.localizedUIReady = true;\n    },\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    setLocalizedUiData({ commit,state,getters }, localizeData) \n    {\n      commit(\"SET_LOCALIZED_UI\", localizeData);\n    },    \n    loadAppData({state,commit,dispatch})\n    {\n      //http://localhost:8080/#/kr\n      var apiURL = \"data/appData.json\";\n\n      //////////////////////////////////////////\n      //check for specific countries data:\n      //////////////////////////////////////////\n      var winLoc = window.location.href;\n      var urlParts = winLoc.split(\"/\");\n      console.log(\"urlParts=\"+urlParts);\n\n      var countryCode = \"\";\n      if(urlParts.length>0){\n        var lastUrlPart = (urlParts[urlParts.length - 1]);\n        //var firstUrlPart = (urlParts[1]);\n        //alert(\"lastUrlPart = \"+lastUrlPart);\n        if(lastUrlPart.length==2){\n          countryCode = lastUrlPart;\n          apiURL = \"data/appData_\"+countryCode+\".json\";\n        }\n      }\n\n      if(winLoc.toLowerCase().indexOf('/lynx')>-1){\n        apiURL = \"data/appData_lynx.json\";\n      }\n      \n      //todo:\n      //if url contains 2 letters after #\n      //load the specific country app data file\n        //example for korea\n        //var apiURL = \"data/appData_kr.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        commit(\"SET_LOCALIZED_UI\", response.UI); //KEEP THE UI TRANSLATIONS IN THE STATE ARRAY\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!./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!./App.vue?vue&type=style&index=1&id=409c553f&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!./MenuScreen.vue?vue&type=style&index=0&id=f0be8f24&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":""}