{"version":3,"sources":["webpack:///./src/views/com/testimonialboxes.vue?7af7","webpack:///./src/views/lance/Photos.vue?01d1","webpack:///./src/views/lance/Panels.vue?9880","webpack:///./src/views/lance/Vimeos.vue?ec22","webpack:///./src/views/HP_mguide.vue?c8b7","webpack:///./src/views/lance/Circular.vue?28c3","webpack:///src/views/lance/Circular.vue","webpack:///./src/views/lance/Circular.vue?9d01","webpack:///./src/views/lance/Circular.vue","webpack:///./src/views/lance/ClinicalCases.vue?8021","webpack:///src/views/lance/ClinicalCases.vue","webpack:///./src/views/lance/ClinicalCases.vue?e79a","webpack:///./src/views/lance/ClinicalCases.vue","webpack:///./src/views/lance/Timeline.vue?c35d","webpack:///src/views/lance/Timeline.vue","webpack:///./src/views/lance/Timeline.vue?bdbc","webpack:///./src/views/lance/Timeline.vue","webpack:///./src/views/lance/Panels.vue?e451","webpack:///src/views/lance/Panels.vue","webpack:///./src/views/lance/Panels.vue?0676","webpack:///./src/views/lance/Panels.vue","webpack:///./src/views/lance/Photos.vue?e617","webpack:///src/views/lance/Photos.vue","webpack:///./src/views/lance/Photos.vue?1a97","webpack:///./src/views/lance/Photos.vue","webpack:///./src/views/lance/Vimeos.vue?c682","webpack:///src/views/lance/Vimeos.vue","webpack:///./src/views/lance/Vimeos.vue?f975","webpack:///./src/views/lance/Vimeos.vue","webpack:///./src/views/lance/Testimonials.vue?6cb5","webpack:///./src/views/com/testimonialboxes.vue?8e6e","webpack:///src/views/com/testimonialboxes.vue","webpack:///./src/views/com/testimonialboxes.vue?8209","webpack:///./src/views/com/testimonialboxes.vue","webpack:///src/views/lance/Testimonials.vue","webpack:///./src/views/lance/Testimonials.vue?b323","webpack:///./src/views/lance/Testimonials.vue","webpack:///src/views/HP_mguide.vue","webpack:///./src/views/HP_mguide.vue?d8de","webpack:///./src/views/HP_mguide.vue","webpack:///./src/views/HP_mguide.vue?4c95","webpack:///./src/views/lance/Circular.vue?54f1","webpack:///./src/views/lance/ClinicalCases.vue?9fec","webpack:///./src/views/lance/Testimonials.vue?140f","webpack:///./src/views/lance/Timeline.vue?d9a0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","sectionScrollProg","_e","staticRenderFns","ref","_l","sectionData","item","index","key","style","getImgStyle","img","class","sectionProgress","getTitleStyle","_v","_s","localize","title","getDescStyle","content","component","curIndex","on","$event","showItem","arrTextH","summary","getItemURL","getSvgLine","linePrec","pointIndex","currentIndex","getInfoPos","items","getIconStyle","icon","styles","length","getCountStyle","getStyleIndex","startVideo","selectedIndex","vimeo","vimeoImg","onPagerChange","getBg","_m","subtitle","mounted","loadMapData","loadCasesData","created","watch","vm","onSectionVisible","_siteVisibleSection","methods"],"mappings":"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","file":"js/chunk-56700abb.45acffe9.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./testimonialboxes.vue?vue&type=style&index=0&id=42871296&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./testimonialboxes.vue?vue&type=style&index=0&id=42871296&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Photos.vue?vue&type=style&index=0&id=aabd51cc&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Photos.vue?vue&type=style&index=0&id=aabd51cc&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Panels.vue?vue&type=style&index=0&id=1c49e143&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Panels.vue?vue&type=style&index=0&id=1c49e143&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Vimeos.vue?vue&type=style&index=0&id=6c69c58e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Vimeos.vue?vue&type=style&index=0&id=6c69c58e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mainContainer\"},[_c('div',{staticClass:\"fixedHeroVideo\"},[_c('home-hero',{attrs:{\"sectionDataIndex\":0}})],1),(_vm.siteReady)?_c('main',{staticClass:\"mainContent\",attrs:{\"id\":\"mainScroller\"}},[_c('section',{staticClass:\"siteSection transparentSection\"}),_c('section',{staticClass:\"siteSection heroText\"},[_c('home-hero-text',{attrs:{\"sectionDataIndex\":0}})],1),_c('section',{staticClass:\"siteSection secBgGray1 sequence desktop-only-sequence\"},[_c('panels',{attrs:{\"sectionDataIndex\":1,\"sectionScrollProg\":_vm.sectionScrollProg}})],1),_c('section',{staticClass:\"siteSection\"},[_c('testimonials',{attrs:{\"sectionDataIndex\":2,\"sectionScrollProg\":_vm.sectionScrollProg}})],1),_c('section',{staticClass:\"siteSection secBgGray1 sequence\"},[_c('timeline',{attrs:{\"sectionDataIndex\":3,\"sectionScrollProg\":_vm.sectionScrollProg}})],1),_c('section',{staticClass:\"siteSection minimized secBgGray1\"},[_c('clinical-cases',{attrs:{\"sectionDataIndex\":4}})],1),_c('section',{staticClass:\"siteSection secBgGray2 minimized\"},[_c('videos',{attrs:{\"sectionDataIndex\":5}})],1),_c('section',{staticClass:\"siteSection secBgGray1\"},[_c('surgicalkits',{attrs:{\"sectionDataIndex\":6}})],1),_c('section',{staticClass:\"siteSection sequence secBgGray1\"},[_c('msoft',{attrs:{\"sectionDataIndex\":7,\"sectionScrollProg\":_vm.sectionScrollProg}})],1),_c('section',{staticClass:\"siteSection secBgGray1 minimized\"},[_c('mcenters',{attrs:{\"sectionDataIndex\":8}})],1),_c('section',{staticClass:\"siteSection footer\"},[_c('app-footer')],1)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"circontents\",staticClass:\"motionSection reveal\"},[_c('div',{staticClass:\"stickySec\"},[_c('div',{staticClass:\"bnCols\"},[_c('div',{staticClass:\"bncolsCircles\"},_vm._l((_vm.sectionData.items),function(item,index){return _c('figure',{key:'bnimg_'+index,staticClass:\"bnCircle\",style:(_vm.getImgStyle(index))},[_c('img',{attrs:{\"src\":item.img}})])}),0),_c('div',{class:['bnColsContent',_vm.sectionProgress<0.02 ? 'centered':'']},_vm._l((_vm.sectionData.items),function(item,index){return _c('div',{key:'colitem_'+index,staticClass:\"bnItem\",style:('--index:'+index)},[_c('div',{staticClass:\"bnItemTitle\",style:(_vm.getTitleStyle(index))},[_vm._v(\" 0\"+_vm._s(index+1)+\". \"+_vm._s(_vm.localize(item.title))+\" \")]),_c('div',{staticClass:\"bnDescWrapper\",style:(_vm.getDescStyle(index))},[_c('div',{staticClass:\"bnItemDesc\"},[_vm._v(_vm._s(_vm.localize(item.content)))])]),_c('div',{staticClass:\"bnBorder\"})])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"motionSection reveal\" ref=\"circontents\">\n<!--         <div class=\"sectionTitle black fsTitle\">\n            <splitter :content=\"localize(sectionData.title)\"></splitter>\n        </div>\n -->        \n        <div class=\"stickySec\">\n            <div class=\"bnCols\">\n                <!--{{sectionScrollProg.index}}{{sectionScrollProg.prog}}-->         \n                <div class=\"bncolsCircles\">\n                    <figure :style=\"getImgStyle(index)\" \n                        class=\"bnCircle\" v-for=\"(item, index) in sectionData.items\" \n                        :key=\"'bnimg_'+index\">\n                        <img :src=\"item.img\" />\n                    </figure>\n                </div>\n                <div :class=\"['bnColsContent',sectionProgress<0.02 ? 'centered':'']\">\n                    <div class=\"bnItem\" :style=\"'--index:'+index\" v-for=\"(item,index) in sectionData.items\" :key=\"'colitem_'+index\">\n                        <div class=\"bnItemTitle\" :style=\"getTitleStyle(index)\">\n                            <!-- {{sectionProgress}} -->\n                            <!-- {{styles[index].partProg}} -->\n                            0{{index+1}}. {{localize(item.title)}}\n                        </div>\n                        <div class=\"bnDescWrapper\" :style=\"getDescStyle(index)\">\n                            <div class=\"bnItemDesc\">{{localize(item.content)}}</div>                                                      \n                        </div> \n                        <div class=\"bnBorder\"></div> \n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<style scoped>\n  .motionSection\n  {    \n    height: 300vh;\n    color: #fff;\n  }\n  .stickySec\n  {\n    position: sticky;\n    top: 0px;\n    display: flex;\n    overflow: visible;\n    height: 100vh;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n  }\n    .section-title\n    {\n        font-size: 40px;\n        text-align: center;\n        color: #fff;\n        letter-spacing: 0px;\n    }\n    .bnCols \n    {\n        display: grid;\n        justify-items: start;\n        align-content:flex-start;\n        grid-template-columns: repeat(2, minmax(115px, 1fr));  \n        margin:auto;\n        width:80vw;\n        max-width: 1200px;\n        gap: 50px;\n        /* border: solid 5px green; */\n        height: 70vh;\n        padding-top: 80px;\n        /* border: solid 2px red; */\n        /* grid-row-gap: 2rem;  Will be used instead by browsers that do not support `row-gap` */\n        /* row-gap: 2rem; Used by browsers that support `row-gap` */        \n    }\n    .bnCols .bncolsCircles\n    {\n        position: relative;\n        width: 100%;\n        height: 100%;\n    }\n    .bnCols .bncolsCircles figure\n    {\n        position: absolute;\n        top:50%;\n        left: 50%;\n        transform: translate3d(-50%,-50%,0);\n        transition: all ease 0.3s;\n    }\n    .bnCols .bncolsCircles figure img\n    {\n        width: 400px;\n        height: 400px;\n        border-radius: 100%;\n    }\n    .bnCols .bnColsContent\n    {\n        width: 100%;\n        position: relative;\n        left: 0%;\n        transition: all ease 0.4s;\n    }\n    .bnCols .bnColsContent.centered\n    {        \n        left: -50%;\n    }\n\n    .bnItem\n    {\n        color: #3c3c3c;        \n        padding-top: 6px;\n        padding-bottom: 6px;      \n    }\n    .bnBorder\n    {\n        height: 10px;\n        max-height: 10px;\n        overflow: hidden;\n        border-bottom: solid 1px #3c3c3c;  \n        width: 100%;\n    }\n    .bnItem:nth-last-child(1)\n    {\n        border:0px;\n    }\n    .bnItemTitle\n    {\n        font-size: 22px;\n        font-weight: 600;\n        transition: all ease 0.3s;\n    }\n    .bnDescWrapper\n    {\n        overflow: hidden;\n        height: 0px;\n        transition: all ease 0.2s;\n    }\n    .bnItemDesc\n    {\n        font-size: 18px;\n        padding-top: 15px;\n    }\n\n    .reveal .bnItem\n    {\n        opacity: 0;\n        transform: translateY(20px);        \n        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n        transition-delay: calc(var(--index) * 0.2s);\n    }\n    .reveal.active .bnItem\n    {\n        transform: translateY(0px);\n        opacity: 1;\n    }\n    /*\n    .reveal .bnItem .bnBorder\n    {\n        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n        transition-delay: calc(var(--index) * 0.2s);\n    }\n    .reveal.active .bnItem .bnBorder\n    {\n        width: 100%;\n    }*/\n\n    @media (min-width: 850px) { \n    }\n\n    @media (max-width: 850px) { \n\n    }    \n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { sidepager,splitter },\n    data()\n    {\n        return{\n            sectionProgress:0,\n            arrTextH:[],\n            secIndex:1,\n            name:'benefits',\n            selectedIndex:0,\n            elementTitle:'',\n            elementDesc:'',            \n            sizerTitle:'',\n            sizerContent:'',\n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        setTimeout(() => {\n            vm.collectHeights();\n            //vm.updateStyles();//create the array\n        }, 500);\n        //setTimeout(() => {\n            //this.setTextRectSize();    \n        //}, 500);        \n        //this.initImgScroller();        \n        //this.setText();\n    },\n    destroyed() {\n        this.removeImgScroller();\n    },\n    computed: {\n        ...mapState([\"xSelectedPlatform\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        //sectionScrollProg\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                this.updateStyles();\n            }\n        },\n      '$store.state.siteVisibleSection': function() {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //alert(\"start auto timer\");\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            vm.stopAutoChange();\n        }\n      }\n    },\n\n    methods:\n    {\n        collectHeights()\n        {\n            let vm =this;\n            vm.style = [];\n            vm.arrTextH = [];\n            let items = vm.$el.querySelectorAll(\".bnItemDesc\");\n            for (var i = 0; i < items.length; i++) \n            {\n                let br = items[i].getBoundingClientRect();\n                vm.arrTextH.push(br.height);\n\n                let itemStyle = {\n                    textH:0,\n                    alpha:0.5\n                };\n                vm.styles.push(itemStyle);\n            }\n            vm.updateStyles();\n        },\n        updateStyles()\n        {\n            //UPDATING ALL THE STYLES OF THE COMPONENT ACCORDING TO THE SCROLL PROGRESS\n            //styles[]\n            var vm=this;\n            if(this.arrTextH.length>0)\n            {\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                vm.styles = [];\n\n                for(let i=0;i<this.arrTextH.length;i++)\n                {\n                    let newH = 0;//\n                    let rectH = this.arrTextH[i];                    \n                    let partSize = 1/this.arrTextH.length;\n\n                    let itemStart = partSize*i;\n                    let itemEnd = itemStart+partSize;                    \n                    let delta = itemEnd - secProg;\n\n                    let partProg = 1 - (Math.abs(delta)/partSize);\n                    let realPartProg = 1 - (delta/partSize);\n\n                    vm.sectionProgress = this.sectionScrollProg.prog;///////<<<<<<<test\n\n                    newH = rectH*partProg;\n                    if(newH>20)\n                    {\n                        newH+=20;//add for bottom padding of the text\n                    }\n\n                    //calculate the alpha according to the distance\n                    let newAlpha = 1;\n                    //let newAlpha = 0.2 + (partProg * 0.8);\n                    //if(newAlpha<0.2){newAlpha=0.2;}\n\n                    //Position of images\n                    let positionProgress = realPartProg;\n                    if(positionProgress>2){positionProgress=0;}\n                    let newImgTrans = 50-((positionProgress*100)/2)-50;\n\n                    //calculate fontSize\n                    let minFontSize = 16;\n                    let addFontSizeMax = 16;\n                    let itemFontSize = minFontSize + (addFontSizeMax*partProg);\n                    if(itemFontSize<minFontSize){\n                        itemFontSize=minFontSize;\n                    }\n\n                    let itemStyle = {\n                        partProg:partProg,\n                        textH:newH,\n                        alpha:newAlpha,\n                        imgPos:newImgTrans,\n                        imgSize:partProg < 0 ? 0 : partProg,\n                        fontSize: itemFontSize\n                    };\n                    //if(vm.style.length==this.arrTextH.length){\n                        //vm.styles[i] = itemStyle;//array is already full, just update the index\n                    //}else{\n                        vm.styles.push(itemStyle);//array is initlizing\n                    //}\n                }    \n            }\n        },\n        getImgStyle(index)\n        {\n            if(this.styles.length>0){\n                //0%,0%,0 bottom (when prog is 0)\n                //-50%,-50%,0 middle (when prog is 100%)\n                //-100,-100 top\n                return \"transform: translate3d(\"+this.styles[index].imgPos+\"%,\"+this.styles[index].imgPos+\"%,0) scale(\"+this.styles[index].imgSize+\")\";\n                //return \"transform: translate3d(0%,0,0) scale(\"+this.styles[index].imgSize+\")\";\n            }\n            return '';\n            //transform: translate3d(0,0,0) scale(0.2);\n        },\n        getTitleStyle(index)\n        {\n            if(this.styles.length>0){\n                let cssData = this.styles[index];\n                return 'opacity:'+cssData.alpha+\";font-size:\"+cssData.fontSize+\"px\";\n            }\n            return '';\n        },\n        getDescStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'height:'+this.styles[index].textH+'px';\n            }\n            return '';\n\n            if(this.arrTextH.length>0)\n            {\n\n                let rectH = this.arrTextH[index];\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                let partSize = 1/this.arrTextH.length; \n                let itemStart = partSize*index;\n                let itemEnd = itemStart+partSize;\n                let newH = 0;//\n                let delta = Math.abs(itemEnd - secProg);\n                let partProg = 1 - (delta/partSize);\n                //console.log(\"index=\"+index+\" delta=\"+delta);\n                newH = rectH*partProg;// * this.sectionScrollProg.prog;\n                return 'height:'+newH+'px';\n            }\n            //let items = this.$el;//.circontents;//.querySelectorAll(\".bnItem\");\n            //alert(items);\n            //let bnItemDesc = contentElement.querySelectorAll(\".bnItemDesc\")[0];\n            //let bnItemDescEl = bnItem.querySelectorAll(\".bnItemDesc\")[0];\n            //let rect = bnItemDescEl.getBoundingClientRect();\n            //let newH = rect.height * this.sectionScrollProg.prog;\n            return '';//'height:'+newH+'px';\n        },\n        stopAutoChange()\n        {\n            this.isAutoChanging=false;\n        },\n        startAutoChange()\n        {\n            var vm=this;\n            vm.isAutoChanging = true;\n            vm.setAutoTimerNext();\n        },\n        setAutoTimerNext()\n        {            \n            var vm =this;\n            //alert(\"vm.isAutoChanging=\"+vm.isAutoChanging);\n            if(vm.isAutoChanging)// && vm.siteVisibleSection==2)\n            {\n                //alert(\"setAutoTimerNext\");\n                setTimeout(() => \n                {\n                    vm.moveToNextImage();   //move to the next image\n                    vm.setAutoTimerNext(); //set the inerval again\n                }, 6500);\n            }\n        },\n        moveToNextImage()\n        {\n            if(!this.isAutoChanging){\n                return false;\n            }\n            var vm=this;\n            let newIndex = vm.selectedIndex+1;\n            if(newIndex>vm.sectionData.items.length-1){\n                newIndex=0;                    \n            }\n            vm.setItem(newIndex,true);                \n        },\n        initImgScroller() {\n            if(isMobileScreen()==true)\n            {\n                var vm = this;\n                let scroller = this.$refs.bnImgScroll1;\n                scroller.addEventListener(\"scroll\", vm.checkScrollPosition, false);             \n            }\n        },\n        removeImgScroller() {\n            if(isMobileScreen())\n            {\n                var vm = this;\n                let scroller = this.$refs.bnImgScroll1;\n                scroller.removeEventListener(\"scroll\", vm.checkScrollPosition);\n            }\n        },\n        checkScrollPosition() {\n            //alert(\"benefits scroll\");\n            var vm=this;\n            let scroller = vm.$refs.bnImgScroll1;\n            let scrX = scroller.offsetLeft;\n            let scrolledX = scroller.scrollLeft;\n            \n            var reveals = scroller.querySelectorAll(\".bnImgItem\");\n            for (var i = 0; i < reveals.length; i++) \n            {\n                //find the element to highligt \n                //console.log(\"__scrolledX=\"+scrolledX);\n                //console.log(\"(scrolledX+scrX) =\"+scrolledX+\"+\"+scrX+\" === \"+reveals[i].offsetLeft);\n\n                //if((scrolledX+scrX)==reveals[i].offsetLeft){\n                if((scrolledX)==reveals[i].offsetLeft){\n                    //alert(\"change from scroller\");\n                    vm.setItem(i,false);               \n                    //console.log(\"[SELECTED !] vm.selectedIndex=\"+vm.selectedIndex);\n                }\n            }\n        },\n        sidepagerOnChange(index)\n        {            \n            this.setItem(index,false);\n        },  \n        setItem(index,fromTimer)\n        {\n            if(fromTimer==false){\n                this.stopAutoChange()\n            }\n            this.selectedIndex = index;            \n            this.setText();\n            this.scrollImg();\n        },\n        setText()\n        {\n\n            let elData = this.sectionData.items[this.selectedIndex];\n            this.elementTitle = elData[0];\n            this.elementDesc = elData[1];\n        },\n        setTextRectSize()\n        {\n            //This will find the heighest text rect size\n            //and will apply to the text wrapper (this.$refs.visibleTextRect)\n            //in order to avoid moving the pager below the text\n            let rectElement = this.$refs.tempSizingRect; \n            let visibleRectElement = this.$refs.visibleTextRect;\n\n            var rectsList = rectElement.querySelectorAll(\".temprect\");            \n            for (var i = 0; i < rectsList.length; i++) \n            {\n                let rectEl = rectsList[i];\n                var rect = rectEl.getBoundingClientRect();\n                console.log(\"rect item:\"+i+\" text height:\"+rect.height); \n                if(rect.height>this.maxTextHeight){this.maxTextHeight = rect.height;}\n            }\n            rectElement.style.display=\"none\";//hide the temp rect\n            this.maxTextHeight = this.maxTextHeight + 10;\n            visibleRectElement.style.height = this.maxTextHeight + \"px\";\n        },\n        scrollImg()\n        {\n            if(isMobileScreen()){\n                //scroll on mobile version\n                //let scrollToElement = this.$refs.bnImgScroll1.getElementsByClassName(\"bnImgItem\")[this.selectedIndex];\n                //scrollToElement.scrollIntoView({ behavior:'smooth',inline:'center',block:'nearest'});\n            }else{\n                //fade in/out relevent images on desktop version\n\n            }\n\n        }\n    }\n};\n</script>\n\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!./Circular.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!./Circular.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Circular.vue?vue&type=template&id=4dcaf12c&scoped=true&\"\nimport script from \"./Circular.vue?vue&type=script&lang=js&\"\nexport * from \"./Circular.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Circular.vue?vue&type=style&index=0&id=4dcaf12c&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  \"4dcaf12c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"circontents\",staticClass:\"clinical reveal\"},[_c('div',{staticClass:\"cases\"},[_c('div',{staticClass:\"sectionTitle black fsTitle stLeft\"},[_c('span',{staticClass:\"stLine reveal\"}),_c('splitter',{attrs:{\"content\":_vm.localize(_vm.sectionData.title)}})],1),(_vm.sectionData.api_data)?_c('div',{staticClass:\"clinical_cases\"},[_c('ul',_vm._l((_vm.sectionData.api_data),function(item,index){return _c('li',{key:'cc_'+index,class:['ccPanel',index==_vm.curIndex ? 'active':''],style:('--index:'+index)},[_c('div',{staticClass:\"ccTitle fsText\",on:{\"click\":function($event){return _vm.showItem(index)}}},[_c('span',[_vm._v(_vm._s(item.title))]),_c('i',{staticClass:\"fal fa-chevron-down\"})]),_c('div',{staticClass:\"ccContentWrap\",style:('--h:'+_vm.arrTextH[index]+'px')},[_c('div',{staticClass:\"ccContent fsTextSmall\"},[_vm._v(\" \"+_vm._s(item.summary)+\" \"),_c('div',{staticClass:\"ccLink\"},[_c('a',{attrs:{\"href\":_vm.getItemURL(index),\"target\":\"_blank\"}},[_c('span',[_vm._v(_vm._s(_vm.localize('@view_publication')))]),_c('i',{staticClass:\"fal fa-chevron-right pl-s\"})])])])])])}),0)]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"clinical reveal\" ref=\"circontents\">        \n        <div class=\"cases\" >\n\n            <div class=\"sectionTitle black fsTitle stLeft\" >\n              <span class=\"stLine reveal\"></span>\n              <splitter :content=\"localize(sectionData.title)\"></splitter>\n            </div>\n\n<!--             <div style=\"border:solid 2px green;\">\n                {{sectionData.api_data}}\n                {{clinical_cases_data}}\n            </div>\n -->\n            <div class=\"clinical_cases\" v-if=\"sectionData.api_data\">\n                <ul>\n                    <li :class=\"['ccPanel',index==curIndex ? 'active':'']\" :style=\"'--index:'+index\" v-for=\"(item,index) in sectionData.api_data\" :key=\"'cc_'+index\">\n                        \n                        <div class=\"ccTitle fsText\" @click=\"showItem(index)\">\n                            <span>{{item.title}}</span>\n                            <i class=\"fal fa-chevron-down\" ></i>\n                        </div>\n                        <div class=\"ccContentWrap\" :style=\"'--h:'+arrTextH[index]+'px'\">\n                            <div class=\"ccContent fsTextSmall\" >\n                                {{item.summary}}\n\n                                <div class=\"ccLink\">\n                                    <a :href=\"getItemURL(index)\" target=\"_blank\" >\n                                        <span>{{localize('@view_publication')}}</span>\n                                        <i class=\"fal fa-chevron-right pl-s\" ></i>\n                                    </a>\n                                </div>\n                                \n                            </div>                        \n                        </div>\n                    </li>\n                </ul>\n                \n            </div>\n\n        </div>\n    </div>\n</template>\n\n<style scoped>\n.clinical\n{\n    padding-bottom: 150px;\n}\n.section-title\n{\n    font-size: 40px;\n    text-align: center;\n    color: #fff;\n    letter-spacing: 0px;\n}\n.clinical_cases\n{\n    clear: both;\n    width: 60vw;\n    margin: auto;\n    padding-top: 200px;\n}\n.clinical_cases ul\n{\n    list-style: none;\n}\n.ccPanel\n{\n    border-bottom: solid 1px #e2e2e2;\n    padding: 20px 0px;\n}\n.ccTitle\n{\n    font-weight: 600 !important;\n    position: relative;\n    cursor: pointer;\n}\n.ccTitle span\n{\n    width: calc(100% - 50px);\n    display: block;\n}\n\n\n.ccPanel .ccTitle i \n{\n    position: absolute;\n    right: 10px;\n    top: calc(50% - 8px);\n    font-size: 16px;\n    color: var(--blue-main);\n    transform: rotate(0deg);\n    transition: all ease 0.4s;\n    transform-origin: center center;\n}\n.ccPanel.active .ccTitle i \n{\n    transform: rotate(180deg);\n}\n\n\n.reveal .ccPanel\n{\n    opacity: 0;\n    transform: translateY(20px);        \n    transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n    transition-delay: calc(var(--index) * 0.3s);\n}\n.reveal.active .ccPanel\n{\n    transform: translateY(0px);\n    opacity: 1;\n}\n\n\n\n\n.ccPanel .ccContentWrap\n{\n    clear: both;\n    height: 0px;\n    overflow: hidden;    \n    transition: all ease 1s;\n    transition-delay: 0s;\n}\n.ccPanel.active .ccContentWrap\n{\n    height:var(--h);\n}\n\n.ccContent\n{\n    padding-top: 20px;\n}\n.ccLink\n{\n    padding: 20px 0px;\n    display: block;\n}\n\n\n    @media (max-width: 850px) { \n        .clinical_cases\n        {\n            width: 80vw;\n            padding-top: 20px;\n        }        \n    }    \n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { sidepager,splitter },\n    data()\n    {\n        return{\n            curIndex:-1,\n            sectionProgress:0,\n            arrTextH:[],\n            secIndex:1,\n            selectedIndex:0,\n            elementTitle:'',\n            elementDesc:'',            \n            sizerTitle:'',\n            sizerContent:'',\n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        setTimeout(() => {\n            //vm.collectHeights();\n            vm.loadApiData();\n        }, 500);\n    },\n    destroyed() {\n        //this.removeImgScroller();\n    },\n    computed: {\n        ...mapState([\"clinical_cases_data\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        //sectionScrollProg\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            //if(this.sectionScrollProg.index==this.sectionDataIndex)\n            //{\n                //this.updateStyles();\n            //}\n        },\n      '$store.state.siteVisibleSection': function() {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //alert(\"start auto timer\");\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            //vm.stopAutoChange();\n        }\n      }\n    },\n\n    methods:\n    {\n        showItem(index)\n        {\n            if(this.curIndex==index){\n                this.curIndex=-1;   \n            }else{\n                this.curIndex=index;   \n            }            \n            this.updatePanels();         \n        },\n        updatePanels()\n        {\n            var vm=this;\n            vm.arrTextH = [];\n            let items = vm.$el.querySelectorAll(\".ccContent\");\n            for (var i = 0; i < items.length; i++) \n            {\n                let br = items[i].getBoundingClientRect();\n                vm.arrTextH.push(br.height);\n            }\n        },\n        getItemURL(index)\n        {\n            //let itemData = this.clinical_cases_data[index];\n            let itemData = this.sectionData.api_data[index];\n            let itemURL = itemData.children[0].url;\n            itemURL = itemURL.toLowerCase();\n            if (itemURL.indexOf(\"http://\") <0  && itemURL.indexOf(\"https://\") < 0) {\n                itemURL = \"https://www.mis-implants.com/upload/\"+itemURL;\n            }\n\n            return itemURL;\n        },\n        getTitleStyle(index)\n        {\n            if(this.styles.length>0){\n                let cssData = this.styles[index];\n                return 'opacity:'+cssData.alpha+\";font-size:\"+cssData.fontSize+\"px\";\n            }\n            return '';\n        },\n        getDescStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'height:'+this.styles[index].textH+'px';\n            }\n            return '';\n        },        \n        setText()\n        {\n\n            let elData = this.sectionData.items[this.selectedIndex];\n            this.elementTitle = elData[0];\n            this.elementDesc = elData[1];\n        },\n        setTextRectSize()\n        {\n            //This will find the heighest text rect size\n            //and will apply to the text wrapper (this.$refs.visibleTextRect)\n            //in order to avoid moving the pager below the text\n            let rectElement = this.$refs.tempSizingRect; \n            let visibleRectElement = this.$refs.visibleTextRect;\n\n            var rectsList = rectElement.querySelectorAll(\".temprect\");            \n            for (var i = 0; i < rectsList.length; i++) \n            {\n                let rectEl = rectsList[i];\n                var rect = rectEl.getBoundingClientRect();\n                console.log(\"rect item:\"+i+\" text height:\"+rect.height); \n                if(rect.height>this.maxTextHeight){this.maxTextHeight = rect.height;}\n            }\n            rectElement.style.display=\"none\";//hide the temp rect\n            this.maxTextHeight = this.maxTextHeight + 10;\n            visibleRectElement.style.height = this.maxTextHeight + \"px\";\n        },\n        scrollImg()\n        {\n            if(isMobileScreen()){\n                //scroll on mobile version\n                //let scrollToElement = this.$refs.bnImgScroll1.getElementsByClassName(\"bnImgItem\")[this.selectedIndex];\n                //scrollToElement.scrollIntoView({ behavior:'smooth',inline:'center',block:'nearest'});\n            }else{\n                //fade in/out relevent images on desktop version\n\n            }\n\n        }\n    }\n};\n</script>\n\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!./ClinicalCases.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!./ClinicalCases.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClinicalCases.vue?vue&type=template&id=458c3a46&scoped=true&\"\nimport script from \"./ClinicalCases.vue?vue&type=script&lang=js&\"\nexport * from \"./ClinicalCases.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClinicalCases.vue?vue&type=style&index=0&id=458c3a46&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  \"458c3a46\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"circontents\",staticClass:\"motionSection reveal\"},[_c('div',{staticClass:\"stickySec\"},[_c('div',{staticClass:\"sectionTitle black fsTitle stLeft\"},[_c('span',{staticClass:\"stLine reveal\"}),_c('splitter',{attrs:{\"content\":_vm.localize(_vm.sectionData.title)}})],1),_c('div',{staticClass:\"tlIcons\"},[_c('div',{staticClass:\"icons first\"},[_c('img',{attrs:{\"src\":_vm.getSvgLine()}})]),_c('div',{staticClass:\"icons\",style:('--prec:'+_vm.linePrec)},[_c('img',{attrs:{\"src\":_vm.getSvgLine()}})]),_c('div',{staticClass:\"tlInfos\"},_vm._l((_vm.sectionData.items),function(item,pointIndex){return _c('div',{key:pointIndex,class:['tlInfo',_vm.currentIndex < pointIndex ? '' : 'active',_vm.currentIndex==pointIndex ? '':'mHide'],style:(_vm.getInfoPos(pointIndex))},[_c('div',{staticClass:\"tlText tlNum\"},[_vm._v(\"0\"+_vm._s(pointIndex+1))]),_c('div',{staticClass:\"tlText tlTitle\"},[_vm._v(_vm._s(_vm.localize(_vm.sectionData.items[pointIndex].title)))]),_c('div',{staticClass:\"tlText tlDesc\"},[_vm._v(_vm._s(_vm.localize(_vm.sectionData.items[pointIndex].content)))])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"motionSection reveal\" ref=\"circontents\">\n\n        <div class=\"stickySec\">\n            <div class=\"sectionTitle black fsTitle stLeft\">\n                <span class=\"stLine reveal\"></span>\n                <splitter :content=\"localize(sectionData.title)\"></splitter>                \n            </div>\n            \n            <div class=\"tlIcons\">\n                \n                <div class=\"icons first\">\n                    <img :src=\"getSvgLine()\">\n                </div>\n                <div class=\"icons\" :style=\"'--prec:'+linePrec\">\n                    <img :src=\"getSvgLine()\">\n                </div>                \n                \n                <div class=\"tlInfos\">\n                    <div v-for=\"(item,pointIndex) in sectionData.items\" \n                        :style=\"getInfoPos(pointIndex)\"\n                        :class=\"['tlInfo',currentIndex < pointIndex ? '' : 'active',currentIndex==pointIndex ? '':'mHide']\"\n                        :key=\"pointIndex\">\n                        <div class=\"tlText tlNum\">0{{pointIndex+1}}</div>\n                        <div class=\"tlText tlTitle\">{{localize(sectionData.items[pointIndex].title)}}</div>\n                        <div class=\"tlText tlDesc\">{{localize(sectionData.items[pointIndex].content)}}</div>\n                    </div>\n                </div>\n            </div>\n\n            <!--\n            <div class=\"timeline\">\n                <div class=\"line\">\n                    <div class=\"linefill\" :style=\"getLineStyle()\"></div>\n                    <div v-for=\"(item,pointIndex) in sectionData.items\" \n                        :style=\"getPointPos(pointIndex)\" :key=\"pointIndex\" \n                        :class=\"['linepoint',currentIndex < pointIndex ? '' : 'active']\">\n                        <div class=\"ring\"></div>\n                        <div class=\"point\"></div>                        \n                    </div>\n                    <div v-for=\"(item,nameIndex) in sectionData.items\" \n                        :style=\"getPointPos(nameIndex)\" :key=\"nameIndex\" \n                        :class=\"['pointname',currentIndex < nameIndex ? '' : 'active']\">Step {{nameIndex+1}}</div>\n                </div>\n            </div>\n            <div class=\"tlContent\">\n                <div class=\"tlItemTitle\">{{localize(sectionData.items[currentIndex].title)}}<br/></div>\n                <div class=\"fsText\">\n                    {{localize(sectionData.items[currentIndex].content)}} \n                </div>\n            </div>\n            -->\n\n        </div>\n    </div>\n</template>\n\n<style scoped>\n\n      .stickWrap\n      {\n        position:initial;\n        display: block;\n        height:300vh;        \n      }\n      .stickInner\n      {\n        height: 100vh;\n        top: 0;\n        position: sticky;\n        border: solid 10px red;\n      }\n\n\n  .motionSection\n  {    \n    height: 300vh;\n  }\n  .stickySec\n  {\n    height: 100vh;\n    top: 0;\n    position: sticky;\n\n    display: flex;\n    /* overflow: visible; */\n    \n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n  }\n\n    .tlIcons\n    {        \n        width: 70vw;height: 200px;\n        margin: auto;display: flex;\n        align-content: center;align-items: center;\n        position: relative;\n    }\n    .motionSection .tlIcons .icons:nth-child(1)\n    {\n        width: 100%;\n        position: absolute;        \n        filter: grayscale(100%);\n        clip-path: inset(0% 100% 0% 0%);\n        transition: all ease 1s;\n        transition-delay: 1s;\n        opacity: 0;\n    }\n    .motionSection.active .tlIcons .icons:nth-child(1)\n    {\n        clip-path: inset(0% 0% 0% 0%);\n        opacity: 0.3;\n    }\n\n    .motionSection .tlIcons .icons:nth-child(2)\n    {\n        width: 100%;\n        position: absolute;\n        clip-path: inset(0% var(--prec) 0% 0%);\n        transition: all ease 0.3s;\n    }\n\n\n\n    .tlInfos\n    {\n        position: relative;\n        width: 100%;\n    }\n    .tlInfo\n    {\n        position: absolute;\n        top: 50px;        \n        width: 15vw;\n        height: 150px;\n        /* border-left: solid 1px #bebebe; */\n        text-align: left;\n        /* padding-left: 20px; */\n        align-content: center;\n/*         opacity: 1;\n        transition: all ease 0.4s;\n */        /* transform: translateX(-50%); */\n    }\n    .tlInfo.active\n    {\n        opacity: 1;\n    }\n    .tlInfo .tlText\n    {\n        transition: all ease 0.6s;\n        opacity: 0;\n        transform: translateY(25px);\n    }\n    .tlInfo.active .tlText\n    {\n        transform: translateY(0px);\n        opacity: 1;\n    }\n    .tlInfo .tlNum{\n        font-size: 40px;\n        color: var(--blue-main);\n        font-weight: 600 !important;\n        transition-delay: 0.1s;\n    }\n    .tlInfo .tlTitle{\n        padding-top: 4px;\n        font-size: 18px;color: #3c3c3c;\n        font-weight: 600 !important;\n        transition-delay: 0.2s;\n    }\n    .tlInfo .tlDesc{\n        padding-top: 6px;\n        font-size: 16px;color: #3c3c3c;\n        transition-delay: 0.3s;\n    }\n\n\n    .timeline\n    {\n        /* display: flex; */\n        display: none;\n        width: 40vw;height: 200px;\n        margin: auto;\n        \n        align-content: center;align-items: center;\n    }\n    .timeline .line\n    {\n        position: relative;\n        width: 100%;height: 3px;\n        background-color: #bebebe;\n    }\n    .linefill\n    {\n        background-color: var(--blue-main);        \n        position: absolute;top: 0px;left: 0px;height: 3px;\n        width: 0%;\n        transition: all ease 0.1s;\n    }\n    .linepoint\n    {        \n        position: absolute;top: 50%;\n        transform: translate(-50%,-50%);\n    }\n    .linepoint .point\n    {\n        width: 10px;\n        height: 10px;\n        border-radius: 5px;\n        background-color: var(--blue-main);\n        position: absolute;top: -5px;left: -5px;\n        transition: all ease 0.4s;        \n    }\n    .linepoint.active .point\n    {\n        background-color: var(--green);\n    }    \n    .linepoint .ring\n    {\n        width: 22px;\n        height: 22px;\n        border-radius: 100%;\n        background-color:#fff;\n        border: solid 2px var(--blue-main);\n        position: absolute;top: -11px;left: -11px;\n        opacity: 0;\n        transition: all ease 0.4s;\n        transform: scale(0.1);\n    }\n    .linepoint.active .ring\n    {\n        opacity: 1;\n        transform: scale(1);\n    }\n    .pointname\n    {\n        position: absolute;\n        font-size: 20px;\n        color: var(--blue-main);\n        font-weight: 600;\n        white-space: nowrap;\n        opacity: 0.4;\n        transition: all ease 0.4s;\n    }\n    .pointname.active\n    {\n        opacity: 1;\n    }\n    .pointname:nth-of-type(odd)\n    {\n        /* align label below point */        \n        transform: translateX(-50%);\n        /* transform: translate(calc(-50% - 10px),100%) /* rotate(-90deg) */\n        transform-origin: top center;top: 25px;\n    }\n    .pointname:nth-of-type(even)\n    {\n        transform: translateX(-50%);\n        /* align label above point */\n        /* transform: translate(calc(-50% + 10px),-100%) /* rotate(-90deg) */\n        transform-origin: bottom center;bottom: 25px;\n    }\n    .tlContent\n    {\n        clear: both;\n        position: absolute;\n        display: block;\n        top: calc(50vh + 100px);\n        width: 40vw;\n        padding-top: 20px;     \n        color: #202020;     \n        display: none;  \n    }\n    .tlItemTitle\n    {\n        font-size: 30px;\n        font-weight: 500;\n        padding-bottom: 5px;\n    }\n    .tlItemText\n    {\n        font-size: 22px;\n    }\n\n\n.section-title\n{\n    font-size: 40px;\n    text-align: center;\n    color: #fff;\n    letter-spacing: 0px;\n}\n\n@media (orientation: portrait) {\n    .tlIcons\n    {\n        width: 80vw;\n    }\n    .motionSection .tlIcons .icons\n    {\n        display: initial;\n        left: 0px;\n        top: 60px;        \n        width: auto\n    }\n    .tlInfo{\n        width: calc(100vw - 200px);\n        left: 100px !important;        \n        top: 0px;\n    }  \n    .motionSection .tlIcons .icons:nth-child(2)\n    {\n        clip-path: inset(0% 0% var(--prec) 0%);\n    }\n\n}\n@media (orientation: landscape) {\n}\n\n\n\n    @media (min-width: 850px) { \n    }\n\n    @media (max-width: 850px) {         \n        .stickySec\n        {\n            display: block;\n        }\n        .tlIcons\n        {\n            display: block;\n            padding-top: 30px;            \n        }\n        \n        .motionSection .tlIcons .icons{\n            top: 50px !important;\n        }        \n        .motionSection .tlIcons .icons img{\n            height: 70vh;\n            width: auto;\n        }        \n\n        .tlInfo\n        {\n            top: calc(1vh + (15.5vh * var(--index)));\n            transition: all ease 0.3s;\n            width: calc(100vw - 160px);\n            left: 85px !important;\n        }\n        .tlInfo .tlNum{\n            font-size: 30px;\n            display: none;\n        }\n        .tlInfo .tlTitle\n        {\n            font-size: 22px !important;\n            line-height: 30px !important;            \n        }\n        .tlInfo .tlDesc\n        {\n            font-size: 20px;\n        }\n\n        /* mobile specific, hide the content ? */\n        .tlInfo.mHide\n        {\n            /* opacity: 0 !important; */\n        }\n\n\n    }    \n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { splitter },\n    data()\n    {\n        return{\n            linePrec:'100%',\n            currentIndex:-1,\n            lineWidth:0,\n            sectionProgress:0,\n            arrTextH:[],\n            secIndex:1,\n            selectedIndex:0,\n            elementTitle:'',\n            elementDesc:'',            \n            sizerTitle:'',\n            sizerContent:'',\n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        setTimeout(() => {\n            //vm.collectHeights();\n        }, 500);\n    },\n    destroyed() {\n        //this.removeImgScroller();\n    },\n    computed: {\n        ...mapState([\"xSelectedPlatform\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        //sectionScrollProg\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                this.updateStyles();\n            }\n        },\n      '$store.state.siteVisibleSection': function() {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //alert(\"start auto timer\");\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            //vm.stopAutoChange();\n        }\n      }\n    },\n\n    methods:\n    {\n        getSvgLine()\n        {\n            \n            var isHorizontal = true;\n            if(window.innerHeight > window.innerWidth){\n                isHorizontal = false;\n            }\n            \n            if(isHorizontal){\n                return 'content/mguide/img/svg/workflow_hor.svg';\n            }else{\n                return 'content/mguide/img/svg/workflow_ver.svg';\n            }\n        },\n        collectHeights()\n        {\n            let vm =this;\n            vm.style = [];\n            vm.arrTextH = [];\n            let items = vm.$el.querySelectorAll(\".bnItemDesc\");\n            for (var i = 0; i < items.length; i++) \n            {\n                let br = items[i].getBoundingClientRect();\n                vm.arrTextH.push(br.height);\n\n                let itemStyle = {\n                    textH:0,\n                    alpha:0.5\n                };\n                vm.styles.push(itemStyle);\n            }\n            vm.updateStyles();\n        },\n        updateStyles()\n        {\n            //console.log(\"this.lineWidth=\"+this.lineWidth);\n            let secProg = this.sectionScrollProg.prog; //0-1\n            this.lineWidth = secProg * 100;//precentage of the section\n\n            //inset line fill progress\n            let lineFill = 100 - (secProg * 100);\n            this.linePrec = lineFill + '%'; \n\n            //\n\n            //loop theough each point\n                //check which point is the current\n                //check by nearest point \n                //currentIndex\n\n            let pointsCount = this.sectionData.items.length;\n            let pointProg = secProg * (pointsCount-1);//move between 0-5 (if 5 items)\n\n            //this.currentIndex = \"pointProg:\"+pointProg;\n            \n            //console.log(\"secProg=\"+secProg);\n            if(secProg>0.95)\n            {\n                this.currentIndex = pointsCount-1;//goto end point\n            }\n            else\n            {\n                for(let i=0;i<pointsCount-1;i++){\n                    if(pointProg>i && pointProg<i+1){\n                        if(i==0 && secProg<0.05){\n                            this.currentIndex = -1;//the first 0.05% \n                        }else{\n                            this.currentIndex = i;\n                        }\n                    }\n                }\n            }            \n        },\n        updateStyles2()\n        {\n            //UPDATING ALL THE STYLES OF THE COMPONENT ACCORDING TO THE SCROLL PROGRESS\n            //styles[]\n            var vm=this;\n            if(this.arrTextH.length>0)\n            {\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                vm.styles = [];\n\n                for(let i=0;i<this.arrTextH.length;i++)\n                {\n                    let newH = 0;//\n                    let rectH = this.arrTextH[i];                    \n                    let partSize = 1/this.arrTextH.length;\n\n                    let itemStart = partSize*i;\n                    let itemEnd = itemStart+partSize;                    \n                    let delta = itemEnd - secProg;\n\n                    let partProg = 1 - (Math.abs(delta)/partSize);\n                    let realPartProg = 1 - (delta/partSize);\n\n                    vm.sectionProgress = this.sectionScrollProg.prog;///////<<<<<<<test\n\n                    newH = rectH*partProg;\n                    if(newH>20)\n                    {\n                        newH+=20;//add for bottom padding of the text\n                    }\n\n                    //calculate the alpha according to the distance\n                    let newAlpha = 1;\n                    //let newAlpha = 0.2 + (partProg * 0.8);\n                    //if(newAlpha<0.2){newAlpha=0.2;}\n\n                    //Position of images\n                    let positionProgress = realPartProg;\n                    if(positionProgress>2){positionProgress=0;}\n                    let newImgTrans = 50-((positionProgress*100)/2)-50;\n\n                    //calculate fontSize\n                    let minFontSize = 46;\n                    let addFontSizeMax = 26;\n                    let itemFontSize = minFontSize + (addFontSizeMax*partProg);\n                    if(itemFontSize<minFontSize){\n                        itemFontSize=minFontSize;\n                    }\n\n                    let itemStyle = {\n                        partProg:partProg,\n                        textH:newH,\n                        alpha:newAlpha,\n                        imgPos:newImgTrans,\n                        imgSize:partProg < 0 ? 0 : partProg,\n                        fontSize: itemFontSize\n                    };\n                    //if(vm.style.length==this.arrTextH.length){\n                        //vm.styles[i] = itemStyle;//array is already full, just update the index\n                    //}else{\n                        vm.styles.push(itemStyle);//array is initlizing\n                    //}\n                }    \n            }\n        },\n        getLineStyle()\n        {                        \n            return 'width:'+this.lineWidth+\"%\";\n        },\n        getTitleStyle(index)\n        {\n            if(this.styles.length>0){\n                let cssData = this.styles[index];\n                return 'opacity:'+cssData.alpha+\";font-size:\"+cssData.fontSize+\"px\";\n            }\n            return '';\n        },\n        getDescStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'height:'+this.styles[index].textH+'px';\n            }\n            return '';\n        },       \n        getInfoPos(index)\n        {\n            let pointLeft = (91/(this.sectionData.items.length-1))*index;\n            //return 'left:calc('+pointLeft+'% + 2.5vw)';\n            return '--index:'+index+';left:'+pointLeft+\"%\";\n        },\n\n        getPointPos(index)\n        {\n            let pointLeft = (100/(this.sectionData.items.length-1))*index;\n            return 'left:'+pointLeft+\"%\";\n        },\n        scrollImg()\n        {\n            if(isMobileScreen()){\n                //scroll on mobile version\n                //let scrollToElement = this.$refs.bnImgScroll1.getElementsByClassName(\"bnImgItem\")[this.selectedIndex];\n                //scrollToElement.scrollIntoView({ behavior:'smooth',inline:'center',block:'nearest'});\n            }else{\n                //fade in/out relevent images on desktop version\n\n            }\n\n        }\n    }\n};\n</script>\n\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!./Timeline.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!./Timeline.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Timeline.vue?vue&type=template&id=3a5856bc&scoped=true&\"\nimport script from \"./Timeline.vue?vue&type=script&lang=js&\"\nexport * from \"./Timeline.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Timeline.vue?vue&type=style&index=0&id=3a5856bc&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  \"3a5856bc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"circontents\",staticClass:\"motionSection reveal\"},[_c('div',{staticClass:\"stickySec\"},[_c('div',{class:['bnColsContent',_vm.sectionProgress<0.02 ? 'centered':'']},_vm._l((_vm.sectionData.items),function(item,index){return _c('div',{key:'colitem_'+index,staticClass:\"bnItem\",style:('--index:'+index)},[_c('div',{staticClass:\"bnItemTitle\",style:(_vm.getTitleStyle(index))},[_c('span',{staticClass:\"titleNum\"},[_c('img',{style:(_vm.getIconStyle(index)),attrs:{\"src\":item.icon}})]),_vm._v(\" \"+_vm._s(_vm.localize(item.title))+\" \")]),_c('div',{staticClass:\"bnDescWrapper\",style:(_vm.getDescStyle(index))},[_c('div',{staticClass:\"bnItemDesc\"},[_vm._v(_vm._s(_vm.localize(item.content)))])]),_c('div',{staticClass:\"bnBorder\"})])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"motionSection reveal\" ref=\"circontents\">        \n        <div class=\"stickySec\">\n            <div :class=\"['bnColsContent',sectionProgress<0.02 ? 'centered':'']\">\n                <div class=\"bnItem\" \n                    v-for=\"(item,index) in sectionData.items\" \n                    :style=\"'--index:'+index\"                         \n                    :key=\"'colitem_'+index\">\n                    \n                    <div class=\"bnItemTitle\" :style=\"getTitleStyle(index)\">\n                        <!-- {{sectionProgress}} -->\n                        <!-- {{styles[index].partProg}} -->\n\n                        <span class=\"titleNum\">\n                            <!-- 0{{index+1}}. -->\n                            <img :style=\"getIconStyle(index)\" :src=\"item.icon\">\n                        </span>\n                        {{localize(item.title)}}\n                    </div>\n                    <div class=\"bnDescWrapper\" :style=\"getDescStyle(index)\">\n                        <div class=\"bnItemDesc\">{{localize(item.content)}}</div>                                                      \n                    </div> \n                    <div class=\"bnBorder\"></div> \n                </div>\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<style scoped>\n  .motionSection\n  {    \n    height: 300vh;\n    color: #fff;\n  }\n  .stickySec\n  {\n    position: sticky;\n    top: 0px;\n    display: flex;\n    overflow: visible;\n    height: 100vh;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n  }\n.section-title\n{\n    font-size: 40px;\n    text-align: center;\n    color: #fff;\n    letter-spacing: 0px;\n}\n.bnColsContent\n{\n    width: 100%;\n    transition: all ease 0.4s;\n}\n.bnItem\n{\n    color: #3c3c3c;            \n}\n.bnItem:nth-child(1)\n{\n    background-color: rgba(229, 229, 229,0.8);\n}\n.bnItem:nth-child(2)\n{\n    background-color: rgba(229, 229, 229,0.5);\n}\n.bnItem:nth-child(3)\n{\n    background-color: rgba(229, 229, 229,0.2);\n}\n\n    .bnBorder\n    {\n        height: 10px;\n        max-height: 10px;\n        overflow: hidden;\n        border-bottom: solid 0px #b7b7b7; \n        opacity: 0.4;\n        width: 100%;\n    }\n    .bnItem:nth-last-child(1) .bnBorder\n    {\n        border:0px; \n    }\n    .bnItemTitle\n    {\n        font-size: 50px;\n        font-weight: 500;\n        transition: all ease 0.3s;\n        padding: 20px 10vw;\n    }\n    .bnItemTitle .titleNum\n    {\n        color: var(--blue-main);\n    }\n    .bnItemTitle .titleNum img\n    {\n        width: 40px;\n        height: auto;\n    }\n\n    .bnDescWrapper\n    {\n        overflow: hidden;\n        height: 0px;\n        transition: all ease 0.2s;\n    }\n    .bnItemDesc\n    {\n        font-size: 22px;\n        line-height: 30px;\n        padding: 30px calc(10vw + 120px);\n    }\n\n    .reveal .bnItem\n    {\n        opacity: 0;\n        transform: translateY(20px);        \n        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n        transition-delay: calc(var(--index) * 0.2s);\n    }\n    .reveal.active .bnItem\n    {\n        transform: translateY(0px);\n        opacity: 1;\n    }\n    /*\n    .reveal .bnItem .bnBorder\n    {\n        transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n        transition-delay: calc(var(--index) * 0.2s);\n    }\n    .reveal.active .bnItem .bnBorder\n    {\n        width: 100%;\n    }*/\n\n    @media (min-width: 850px) { \n    }\n\n    @media (max-width: 850px) \n    { \n        .motionSection\n        {\n            height: auto;\n        }\n        .stickySec\n        {\n            display: block;\n            top: 100px;\n            display: block;\n            top: 100px;\n            height: auto;\n            padding-bottom: 80px;            \n        }\n        .bnItemTitle\n        {\n            padding: 30px 10vw 10px 10vw;\n            opacity: 1;\n            font-size: 22px !important;\n            font-weight: 600;            \n        }\n        .bnDescWrapper\n        {\n            height: auto !important;\n        }\n        .bnItemDesc\n        {\n            padding: 10px 10vw 30px 10vw;\n            font-size: 20px!important;\n            line-height: 24px!important;\n            letter-spacing: 0!important;\n            font-weight: 200!important;            \n        }        \n        .bnBorder\n        {\n            width: 80vw;\n            margin: auto;            \n        }\n        .bnItemTitle .titleNum\n        {\n            display: block;\n            width: 100px;\n            height: auto;\n        }\n        .bnItemTitle .titleNum img {\n            width: 50px !important;\n            height: auto;\n        }        \n    }    \n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { sidepager,splitter },\n    data()\n    {\n        return{\n            sectionProgress:0,\n            arrTextH:[],\n            secIndex:1,\n            selectedIndex:0,\n            elementTitle:'',\n            elementDesc:'',            \n            sizerTitle:'',\n            sizerContent:'',\n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        setTimeout(() => {\n            vm.collectHeights();\n        }, 500);\n    },\n    destroyed() {\n        //this.removeImgScroller();\n    },\n    computed: {\n        ...mapState([\"xSelectedPlatform\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                this.updateStyles();\n            }\n        },\n      '$store.state.siteVisibleSection': function() {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //alert(\"start auto timer\");\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            //vm.stopAutoChange();\n        }\n      }\n    },\n\n    methods:\n    {\n        collectHeights()\n        {\n            let vm =this;\n            vm.style = [];\n            vm.arrTextH = [];\n            let items = vm.$el.querySelectorAll(\".bnItemDesc\");\n            for (var i = 0; i < items.length; i++) \n            {\n                let br = items[i].getBoundingClientRect();\n                vm.arrTextH.push(br.height);\n\n                let itemStyle = {\n                    textH:0,\n                    alpha:0.5\n                };\n                vm.styles.push(itemStyle);\n            }\n            vm.updateStyles();\n        },\n        updateStyles()\n        {\n            //UPDATING ALL THE STYLES OF THE COMPONENT ACCORDING TO THE SCROLL PROGRESS\n            //styles[]\n            var vm=this;\n            if(this.arrTextH.length>0)\n            {\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                vm.styles = [];\n\n                for(let i=0;i<this.arrTextH.length;i++)\n                {\n                    let newH = 0;//\n                    let rectH = this.arrTextH[i];                    \n                    let partSize = 1/this.arrTextH.length;\n\n                    let itemStart = partSize*i;\n                    let itemEnd = itemStart+partSize;                    \n                    let delta = itemEnd - secProg;\n\n                    let partProg = 1 - (Math.abs(delta)/partSize);\n                    let realPartProg = 1 - (delta/partSize);\n\n                    vm.sectionProgress = this.sectionScrollProg.prog;///////<<<<<<<test\n\n                    newH = rectH*partProg;\n                    if(newH>20)\n                    {\n                        newH+=20;//add for bottom padding of the text\n                    }\n\n                    //calculate the alpha according to the distance\n                    let newAlpha = 1;\n                    //let newAlpha = 0.2 + (partProg * 0.8);\n                    //if(newAlpha<0.2){newAlpha=0.2;}\n\n                    //rotation of icon 0 - 180 deg\n                    //    transform: rotateY(150deg);\n                    let minDeg = 0;\n                    let addDeg = 90;\n                    let itemYDeg = minDeg + (addDeg*partProg);\n                    if(itemYDeg<minDeg){\n                        itemYDeg=minDeg;\n                    }\n\n\n                    //Position of images\n                    let positionProgress = realPartProg;\n                    if(positionProgress>2){positionProgress=0;}\n                    let newImgTrans = 50-((positionProgress*100)/2)-50;\n\n                    //calculate fontSize\n                    let minFontSize = 46;\n                    let addFontSizeMax = 26;\n                    //icon should be 30-50 width pixels\n                    let minIconWidth = 30;\n                    let addIconWidth = 20;                    \n\n                    if(isMobileScreen())\n                    {\n                        minFontSize = 22;\n                        addFontSizeMax = 10;\n                        minIconWidth = 14;\n                        addIconWidth = 12;                    \n                    }\n\n                    let itemFontSize = minFontSize + (addFontSizeMax*partProg);\n                    if(itemFontSize<minFontSize){\n                        itemFontSize=minFontSize;\n                    }\n                    let iconWidth = minIconWidth + (addIconWidth*partProg);\n                    if(iconWidth<minIconWidth){\n                        iconWidth=minIconWidth;\n                    }\n\n                    let itemStyle = {\n                        partProg:partProg,\n                        textH:newH,\n                        alpha:newAlpha,\n                        imgPos:newImgTrans,\n                        imgSize:partProg < 0 ? 0 : partProg,\n                        fontSize: itemFontSize,\n                        iconWidth: iconWidth,\n                        itemYDeg:itemYDeg\n                    };\n                    //if(vm.style.length==this.arrTextH.length){\n                        //vm.styles[i] = itemStyle;//array is already full, just update the index\n                    //}else{\n                        vm.styles.push(itemStyle);//array is initlizing\n                    //}\n                }    \n            }\n        },\n        getTitleStyle(index)\n        {\n            if(this.styles.length>0){\n                let cssData = this.styles[index];\n                return 'opacity:'+cssData.alpha+\";font-size:\"+cssData.fontSize+\"px\";\n            }\n            return '';\n        },\n        getDescStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'height:'+this.styles[index].textH+'px';\n            }\n            return '';\n        },        \n        getIconStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'width:'+this.styles[index].iconWidth+'px';//\n                //+';transform: rotateY('+this.styles[index].itemYDeg+'deg);';\n                //getIconStyle itemYDeg\n            }\n            return '';\n        },\n        setText()\n        {\n\n            let elData = this.sectionData.items[this.selectedIndex];\n            this.elementTitle = elData[0];\n            this.elementDesc = elData[1];\n        },\n        setTextRectSize()\n        {\n            //This will find the heighest text rect size\n            //and will apply to the text wrapper (this.$refs.visibleTextRect)\n            //in order to avoid moving the pager below the text\n            let rectElement = this.$refs.tempSizingRect; \n            let visibleRectElement = this.$refs.visibleTextRect;\n\n            var rectsList = rectElement.querySelectorAll(\".temprect\");            \n            for (var i = 0; i < rectsList.length; i++) \n            {\n                let rectEl = rectsList[i];\n                var rect = rectEl.getBoundingClientRect();\n                console.log(\"rect item:\"+i+\" text height:\"+rect.height); \n                if(rect.height>this.maxTextHeight){this.maxTextHeight = rect.height;}\n            }\n            rectElement.style.display=\"none\";//hide the temp rect\n            this.maxTextHeight = this.maxTextHeight + 10;\n            visibleRectElement.style.height = this.maxTextHeight + \"px\";\n        },\n        scrollImg()\n        {\n            if(isMobileScreen()){\n                //scroll on mobile version\n                //let scrollToElement = this.$refs.bnImgScroll1.getElementsByClassName(\"bnImgItem\")[this.selectedIndex];\n                //scrollToElement.scrollIntoView({ behavior:'smooth',inline:'center',block:'nearest'});\n            }else{\n                //fade in/out relevent images on desktop version\n\n            }\n\n        }\n    }\n};\n</script>\n\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!./Panels.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!./Panels.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Panels.vue?vue&type=template&id=1c49e143&scoped=true&\"\nimport script from \"./Panels.vue?vue&type=script&lang=js&\"\nexport * from \"./Panels.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Panels.vue?vue&type=style&index=0&id=1c49e143&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  \"1c49e143\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"photocontents\",staticClass:\"motionSection reveal\"},[_c('div',{staticClass:\"sectionTitle black fsTitle\"},[_c('splitter',{attrs:{\"content\":_vm.localize(_vm.sectionData.title)}})],1),_c('div',{staticClass:\"stickySec\"},[(_vm.styles.length>0)?_c('div',{staticClass:\"photos\"}):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"motionSection reveal\" ref=\"photocontents\">\n        <div class=\"sectionTitle black fsTitle\">\n            <splitter :content=\"localize(sectionData.title)\"></splitter>\n        </div>\n        <div class=\"stickySec\">\n            <div class=\"photos\" v-if=\"styles.length>0\">\n<!--                 <div class=\"items\">\n                    <figure class=\"photoImg\" v-for=\"(item, index) in sectionData.items\" :key=\"'photoimg_'+index\">\n                        <div class=\"ptWrapper\">                            \n                            <img class=\"ptImg\" :style=\"styles[index].imgCss\" :src=\"item.img\" />                            \n                        </div>\n                    </figure>\n                </div>\n -->            </div>\n        </div>\n    </div>\n</template>\n\n<!-- :style=\"getImgStyle(index)\" -->\n<!-- <span class=\"ptTitle\">{{localize(item.title)}}</span> -->\n<!-- {{sectionScrollProg.index}} -->\n<!-- {{sectionScrollProg.prog}} -->\n\n\n\n\n<style scoped>\n  .motionSection\n  {    \n    height: 300vh;\n    color: #fff;\n   /*  background-color: #eee; */\n  }\n  .stickySec\n  {\n    position: sticky;\n    top: 0px;\n    display: flex;\n    overflow: visible;\n    height: 100vh;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n  }\n    .photos \n    {\n        width:90vw;\n        max-width: 1400px;\n        height: 80vh;\n        position: relative;\n        border: solid 2px red;\n    }\n    .items\n    {\n        width: 100%;\n        height: 100%;\n    }\n    .items figure\n    {\n        text-align: center;\n        width: 100%;       \n        position: absolute;\n        top:50%; \n        transform: translateY(-50%);\n    }\n    .ptWrapper\n    {\n        position: relative;\n    }\n    .ptWrapper .ptTitle\n    {\n        font-size: 30px;\n        color: #202020;\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        top:40px;\n    }    \n    .ptWrapper .ptImg\n    {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        height: auto;        \n        margin: auto;\n        opacity: 0;\n    }\n    @media (min-width: 850px) { \n    }\n\n    @media (max-width: 850px) { \n\n    }    \n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { sidepager,splitter },\n    data()\n    {\n        return{\n            arrTextH:[],\n            secIndex:1,\n            name:'benefits',\n            selectedIndex:0,\n            elementTitle:'',\n            elementDesc:'',            \n            sizerTitle:'',\n            sizerContent:'',\n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        setTimeout(() => {\n            //vm.collectHeights();\n            vm.updateStyles();//create the array\n        }, 500);\n        //setTimeout(() => {\n            //this.setTextRectSize();    \n        //}, 500);        \n        //this.initImgScroller();        \n        //this.setText();\n    },\n    destroyed() {\n        \n    },\n    computed: {\n        ...mapState([\"xSelectedPlatform\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        //sectionScrollProg\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                this.updateStyles();\n            }\n        },\n      '$store.state.siteVisibleSection': function() {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //alert(\"start auto timer\");\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            vm.stopAutoChange();\n        }\n      }\n    },\n\n    methods:\n    {\n        collectHeights()\n        {\n            let vm =this;\n            vm.style = [];\n            vm.arrTextH = [];\n            let items = vm.$el.querySelectorAll(\".bnItemDesc\");\n            for (var i = 0; i < items.length; i++) \n            {\n                let br = items[i].getBoundingClientRect();\n                vm.arrTextH.push(br.height);\n\n                let itemStyle = {\n                    textH:0,\n                    alpha:0.5\n                };\n                vm.styles.push(itemStyle);\n            }\n            vm.updateStyles();\n        },\n        updateStyles()\n        {\n            //UPDATING ALL THE STYLES OF THE COMPONENT ACCORDING TO THE SCROLL PROGRESS\n            var vm=this;\n            let secProg = this.sectionScrollProg.prog; //precentage of the section\n            vm.styles = [];\n            let count = this.sectionData.items.length;\n            for(let i=0;i<count;i++)\n            {\n                //change\n                //opacity\n                //visiblilty\n                //mask size\n\n                let partSize = 1/count;\n                let itemStart = partSize*i;\n                let itemEnd = itemStart+partSize;\n                let delta = itemEnd - secProg;\n                let partProg = 1 - (Math.abs(delta)/partSize);\n                //let realPartProg = 1 - (delta/partSize);\n                let pathSize = 20*(1-partProg); //20-0\n                let newAlpha = partProg;//0-1\n\n                let imgCss = \"clip-path: inset(\"+pathSize+\"% round 80px 80px 80px 80px);\";\n                imgCss = imgCss + \"opacity:\"+newAlpha;\n\n                //Position of images\n                //let positionProgress = realPartProg;\n                //if(positionProgress>2){positionProgress=0;}\n                //let newImgTrans = 50-((positionProgress*100)/2)-50;\n                \n                //imgSize:partProg < 0 ? 0 : partProg,\n\n                let itemStyle = {\n                    imgCss:imgCss\n                };\n                vm.styles.push(itemStyle);//array is initlizing\n            }\n        },\n        getImgStyle(index)\n        {\n            let imgCss = '';\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                let pathSize = 20*(1-secProg); //20-0\n                let imgOpacity = secProg;//0-1\n                imgCss = \"clip-path: inset(\"+pathSize+\"% round 80px 80px 80px 80px);\";\n                imgCss = imgCss + \"opacity:\"+imgOpacity;\n            }\n            \n            return imgCss;\n\n            if(this.styles.length>0){\n                //return \"transform: translate3d(\"+this.styles[index].imgPos+\"%,\"+this.styles[index].imgPos+\"%,0) scale(\"+this.styles[index].imgSize+\")\";\n                //return \"transform: translate3d(0%,0,0) scale(\"+this.styles[index].imgSize+\")\";\n            }\n            return '';\n            //transform: translate3d(0,0,0) scale(0.2);\n        },\n        getTitleStyle(index)\n        {\n            if(this.styles.length>0){\n                let cssData = this.styles[index];\n                return 'opacity:'+cssData.alpha+\";font-size:\"+cssData.fontSize+\"px\";\n            }\n            return '';\n        },\n        getDescStyle(index)\n        {\n            if(this.styles.length>0){\n                return 'height:'+this.styles[index].textH+'px';\n            }\n            return '';\n\n            if(this.arrTextH.length>0)\n            {\n\n                let rectH = this.arrTextH[index];\n                let secProg = this.sectionScrollProg.prog; //precentage of the section\n                let partSize = 1/this.arrTextH.length; \n                let itemStart = partSize*index;\n                let itemEnd = itemStart+partSize;\n                let newH = 0;//\n                let delta = Math.abs(itemEnd - secProg);\n                let partProg = 1 - (delta/partSize);\n                //console.log(\"index=\"+index+\" delta=\"+delta);\n                newH = rectH*partProg;// * this.sectionScrollProg.prog;\n                return 'height:'+newH+'px';\n            }\n            //let items = this.$el;//.circontents;//.querySelectorAll(\".bnItem\");\n            //alert(items);\n            //let bnItemDesc = contentElement.querySelectorAll(\".bnItemDesc\")[0];\n            //let bnItemDescEl = bnItem.querySelectorAll(\".bnItemDesc\")[0];\n            //let rect = bnItemDescEl.getBoundingClientRect();\n            //let newH = rect.height * this.sectionScrollProg.prog;\n            return '';//'height:'+newH+'px';\n        },\n        stopAutoChange()\n        {\n            this.isAutoChanging=false;\n        },\n        startAutoChange()\n        {\n            var vm=this;\n            vm.isAutoChanging = true;\n            vm.setAutoTimerNext();\n        },\n        setAutoTimerNext()\n        {            \n            var vm =this;\n            //alert(\"vm.isAutoChanging=\"+vm.isAutoChanging);\n            if(vm.isAutoChanging)// && vm.siteVisibleSection==2)\n            {\n                //alert(\"setAutoTimerNext\");\n                setTimeout(() => \n                {\n                    vm.moveToNextImage();   //move to the next image\n                    vm.setAutoTimerNext(); //set the inerval again\n                }, 6500);\n            }\n        },\n        moveToNextImage()\n        {\n            if(!this.isAutoChanging){\n                return false;\n            }\n            var vm=this;\n            let newIndex = vm.selectedIndex+1;\n            if(newIndex>vm.sectionData.items.length-1){\n                newIndex=0;                    \n            }\n            vm.setItem(newIndex,true);                \n        },\n        checkScrollPosition() {\n            //alert(\"benefits scroll\");\n            var vm=this;\n            let scroller = vm.$refs.bnImgScroll1;\n            let scrX = scroller.offsetLeft;\n            let scrolledX = scroller.scrollLeft;\n            \n            var reveals = scroller.querySelectorAll(\".bnImgItem\");\n            for (var i = 0; i < reveals.length; i++) \n            {\n                //find the element to highligt \n                //console.log(\"__scrolledX=\"+scrolledX);\n                //console.log(\"(scrolledX+scrX) =\"+scrolledX+\"+\"+scrX+\" === \"+reveals[i].offsetLeft);\n\n                //if((scrolledX+scrX)==reveals[i].offsetLeft){\n                if((scrolledX)==reveals[i].offsetLeft){\n                    //alert(\"change from scroller\");\n                    vm.setItem(i,false);               \n                    //console.log(\"[SELECTED !] vm.selectedIndex=\"+vm.selectedIndex);\n                }\n            }\n        },\n        setItem(index,fromTimer)\n        {\n            //if(fromTimer==false){\n                //this.stopAutoChange()\n            //}\n            this.selectedIndex = index;            \n            //this.scrollImg();\n        },\n        scrollImg()\n        {\n            if(isMobileScreen()){\n                //scroll on mobile version\n                //let scrollToElement = this.$refs.bnImgScroll1.getElementsByClassName(\"bnImgItem\")[this.selectedIndex];\n                //scrollToElement.scrollIntoView({ behavior:'smooth',inline:'center',block:'nearest'});\n            }else{\n                //fade in/out relevent images on desktop version\n\n            }\n\n        }\n    }\n};\n</script>\n\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!./Photos.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!./Photos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Photos.vue?vue&type=template&id=aabd51cc&scoped=true&\"\nimport script from \"./Photos.vue?vue&type=script&lang=js&\"\nexport * from \"./Photos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Photos.vue?vue&type=style&index=0&id=aabd51cc&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  \"aabd51cc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"videosCom reveal\"},[_c('div',{staticClass:\"sectionTitle black fsTitle stLeft\"},[_c('span',{staticClass:\"stLine reveal\"}),_c('splitter',{attrs:{\"content\":_vm.localize(_vm.sectionData.title)}})],1),_c('div',{staticClass:\"videosScroller\",style:(_vm.getCountStyle())},[_c('ul',{ref:\"vidItems1\",staticClass:\"vidItems\",style:(_vm.getCountStyle())},_vm._l((_vm.sectionData.items),function(item,index){return _c('li',{key:index,staticClass:\"vidItem\",style:(_vm.getStyleIndex(index)),on:{\"click\":function($event){return _vm.startVideo(index)}}},[_c('div',{staticClass:\"vidBox\"},[_c('div',{staticClass:\"embed-container\"},[(index==_vm.selectedIndex)?_c('iframe',{attrs:{\"height\":\"100%\",\"src\":item.vimeo+'?autoplay=1&controls=true',\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}}):_vm._e(),_c('img',{attrs:{\"src\":item.vimeoImg}})])])])}),0)]),_c('div',{staticClass:\"vmPager\"},[_c('sidepager',{attrs:{\"skinMode\":1,\"itemIndex\":_vm.selectedIndex,\"itemsPerPage\":1,\"items\":_vm.sectionData.items},on:{\"item-change\":_vm.onPagerChange}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"videosCom reveal\">\n        <!-- other content -->\n        <div class=\"sectionTitle black fsTitle stLeft\">\n            <span class=\"stLine reveal\"></span>\n            <splitter :content=\"localize(sectionData.title)\"></splitter>                \n        </div>\n\n        <!-- isMobile= {{isMobile}} -->\n        <div class=\"videosScroller\" :style=\"getCountStyle()\">\n            <ul class=\"vidItems\" :style=\"getCountStyle()\" ref=\"vidItems1\">\n                <li class=\"vidItem\"                     \n                    @click=\"startVideo(index)\"\n                    v-for=\"(item, index) in sectionData.items\"  \n                    :key=\"index\"\n                    :style=\"getStyleIndex(index)\">\n                    \n                    <div class=\"vidBox\" >\n                        <div class=\"embed-container\">\n                            <iframe\n                                v-if=\"index==selectedIndex\"\n                                height=\"100%\"\n                                :src=\"item.vimeo+'?autoplay=1&controls=true'\"\n                                frameborder=\"0\"\n                                allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                                allowfullscreen\n                            ></iframe>\n                            <img :src=\"item.vimeoImg\" >\n                        </div>\n                     </div>\n                </li>          \n            </ul>\n        </div>\n\n        <div class=\"vmPager\">\n            <sidepager\n                @item-change = \"onPagerChange\"\n                :skinMode=\"1\"\n                :itemIndex=\"selectedIndex\"\n                :itemsPerPage=\"1\"\n                :items=\"sectionData.items\">\n            </sidepager>\n        </div>\n\n    </div>\n</template>\n\n\n\n<style scoped>\n    .vmPager\n    {\n        position: absolute;\n        top: calc(100vh - 50px);\n        left: 50%;\n        width: 200px;\n        height: 50px;\n        display: block;        \n        text-align: center;\n    }\n    .videosCom\n    {\n        width:100vw;\n        height: 100vh;\n        position: relative;\n    }\n    .videosScroller\n    {\n        position: absolute;\n        top: calc(50% + 65px);\n        transform: translateY(-50%);\n        clear: both;width: 100%;height: auto;\n        overflow-x:scroll;\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        -ms-overflow-style: none;  /* IE and Edge */\n        scrollbar-width: none;  /* Firefox */\n    }\n    .videosScroller::-webkit-scrollbar {\n      display: none; /* Chrome, Safari and Opera */\n    }\n    .videosScroller .vidItems\n    {\n        height: auto;\n        width:calc(50px + (70vw + 50px)*var(--itemscount));\n        list-style: none;  \n        display: flex;\n        justify-items: center;\n        align-items: top;\n        \n    }\n    .videosScroller .vidItems .vidItem\n    {\n        display: inline-block;\n        opacity: 1;\n        cursor: pointer;        \n        overflow: hidden;\n        scroll-snap-align: start;\n        scroll-snap-stop: normal;\n        padding-left: 50px;\n        /* border: solid 2px red; */\n        \n    }\n    .videosScroller .vidItems .vidItem .vidBox\n    {\n        /* background-color: #202020; */\n        /* multiply the height by 1.78 define by the screen height */\n        /* height: 70vh;width: 124vh;  */\n\n        /* define by the screen width */\n        width: 60vw;\n        height: calc(60vw / 1.78);\n\n        /* border-radius: 50px 50px 50px 50px; */\n        overflow: hidden;\n        position: relative;\n        clip-path: inset(4px);\n    }    \n/*     .videosScroller .vidItems .vidItem .vidBox video\n    {\n        width: 70vw;\n        height: calc(70vw / 1.78);\n\n        position: relative;\n        left: 0;\n        top: 0;\n        opacity: 1;\n    }    \n */\n    .embed-container {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        max-width: 100%;\n    }\n\n    .embed-container iframe,\n    .embed-container object,\n    .embed-container embed {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 100;\n    }\n\n    .embed-container img\n    {\n        height: auto;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        z-index: 99;\n    }\n\n\n    @media (min-width: 850px) { \n    }\n\n    @media (max-width: 850px) { \n        .videosCom\n        {\n            height: auto;\n            padding-bottom: 100px;\n        }\n        .videosCom .sectionTitle\n        {\n            position: initial;\n            padding-top: 100px;  \n        }\n        .videosScroller {\n            position: relative;\n            transform: none;\n            top: 20px;\n            overflow-x:visible;\n            overflow-y:visible;\n        }        \n        .videosScroller .vidItems\n        {\n            width: 100vw;\n            margin: auto;\n            display: block;\n        }        \n        .videosScroller .vidItems .vidItem\n        {\n            padding: 20px 0px;\n            margin: auto;\n            width: 100vw;            \n            display: block;\n        }\n        .videosScroller .vidItems .vidItem .vidBox{\n            width: 90vw;\n            height: calc(90vw / 1.78);\n            margin: auto;\n        }  \n        .vmPager\n        {\n            display: none;\n        }\n    }    \n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n    }    \n\n</style>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\n\nexport default \n{\n    components: { sidepager,splitter },\n    data()\n    {\n        return{\n            items:[],\n            secIndex:1,\n            selectedIndex:-1,\n            elementTitle:'',\n            elementDesc:'',            \n            maxTextHeight:0,\n            intChanger:Object,\n            isAutoChanging:false,\n            styles:[]\n        }\n    },\n    props:\n    {\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted()\n    {\n        let vm = this;\n        vm.items = this.sectionData.items;\n    },\n    destroyed() {\n        \n    },\n    computed: {\n        ...mapState([\"xSelectedPlatform\",\"siteData\",\"siteDataReady\",\"siteVisibleSection\"]),\n        isMobile()\n        {\n            return isMobileScreen();\n        },\n        sectionData()\n        {\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n    },\n    watch: {\n        //sectionScrollProg\n        '$store.state.sectionScrollProg': function() {\n            //alert(\"updatung\");\n            //alert(this.sectionDataIndex);\n            if(this.sectionScrollProg.index==this.sectionDataIndex)\n            {\n                //this.updateStyles();\n            }\n        },\n      '$store.state.siteVisibleSection': function() \n      {\n        var vm=this;        \n        let _siteVisibleSection = this.$store.state.siteVisibleSection;        \n        if(_siteVisibleSection==this.sectionDataIndex+1){\n            //this.startVideo(0);\n            //start the timer\n            if(isMobileScreen()==false){\n                //vm.startAutoChange();\n            }\n        }else\n        {\n            //vm.stopAutoChange();\n            //this.stopAllVideos();\n        }\n      }\n    },\n    methods:\n    {\n        onPagerChange(index)\n        {\n            this.startVideo(index);\n        },\n        //add navigation buttons\n        getPosterUrl(index){\n            return \"content/mguide/video/poster1.png\";\n        },\n        getVideoUrl(index){\n            return \"content/mguide/video/tv_video_1.mp4\";\n        },\n        startVideo(index)\n        {\n            //move the scroll and start the video\n            //this.playVideo(index);\n            this.selectedIndex = index;\n            if(isMobileScreen()==false)\n            {\n                this.scrollToElement();\n            }\n        },\n        stopAllVideos()\n        {\n            let videoElements = this.$el.querySelectorAll(\"video\");\n            for(var i=0;i<videoElements.length;i++){\n                let vid = videoElements[i];\n                vid.pause();\n            }\n        },\n        playVideo(index)\n        {\n            let videoElements = this.$el.querySelectorAll(\"video\");\n            for(var i=0;i<videoElements.length;i++){\n                let vid = videoElements[i];\n                if(i==index){\n                    vid.play();\n                }else{\n                    vid.pause();//pause the other videos\n                }\n            }\n        },\n        isVideoPlaying(index)\n        {\n            let videoElement = this.$el.querySelectorAll(\"video\")[index];\n            if(videoElement.currentTime > 0 && \n                !videoElement.paused && \n                !videoElement.ended && \n                videoElement.readyState > 2)\n            {\n                return true;\n            }\n            return false;\n        },\n        \n        getStyleIndex(index){\n            return \"--index:\"+index;\n        },\n        getCountStyle(){\n            return \"--itemscount:\"+this.items.length;\n        },\n        moveToNextImage()\n        {\n            if(!this.isAutoChanging){\n                return false;\n            }\n            var vm=this;\n            let newIndex = vm.selectedIndex+1;\n            if(newIndex>vm.sectionData.items.length-1){\n                newIndex=0;                    \n            }\n            vm.setItem(newIndex,true);                \n        },\n        checkScrollPosition() \n        {\n            var vm=this;\n            let scroller = vm.$refs.bnImgScroll1;\n            let scrX = scroller.offsetLeft;\n            let scrolledX = scroller.scrollLeft;\n            \n            var reveals = scroller.querySelectorAll(\".bnImgItem\");\n            for (var i = 0; i < reveals.length; i++) \n            {\n                //find the element to highligt \n                //console.log(\"__scrolledX=\"+scrolledX);\n                //console.log(\"(scrolledX+scrX) =\"+scrolledX+\"+\"+scrX+\" === \"+reveals[i].offsetLeft);\n                //if((scrolledX+scrX)==reveals[i].offsetLeft){\n                if((scrolledX)==reveals[i].offsetLeft){\n                    //alert(\"change from scroller\");\n                    vm.setItem(i,false);               \n                    //console.log(\"[SELECTED !] vm.selectedIndex=\"+vm.selectedIndex);\n                }\n            }\n        },\n        scrollToElement()\n        {\n            let scrollToElement = this.$el.getElementsByClassName(\"vidItem\")[this.selectedIndex];\n            scrollToElement.scrollIntoView(\n            { \n                behavior: 'smooth',\n                inline:'center',\n                block:'nearest' }\n            );\n            //if(isMobileScreen()){\n        }\n    }\n};\n</script>\n\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!./Vimeos.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!./Vimeos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Vimeos.vue?vue&type=template&id=6c69c58e&scoped=true&\"\nimport script from \"./Vimeos.vue?vue&type=script&lang=js&\"\nexport * from \"./Vimeos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Vimeos.vue?vue&type=style&index=0&id=6c69c58e&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  \"6c69c58e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['ts', 'reveal'],style:(_vm.getBg())},[_c('div',{staticClass:\"tsContainer\"},[_c('div',{staticClass:\"tsBoxes\"},[_c('testimonialboxes',{attrs:{\"interactive\":true,\"items\":_vm.sectionData.items}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"tScroller\",class:['tsComp','reveal']},[_c('ul',{ref:\"thumbitems1\",staticClass:\"tsItems\",style:(_vm.getCountStyle())},_vm._l((_vm.items),function(item,index){return _c('li',{key:index,staticClass:\"tsItem\",style:(_vm.getStyleIndex(index))},[_c('div',{staticClass:\"tsInner\"},[_vm._m(0,true),_c('div',{staticClass:\"tsContent\"},[_vm._v(\" \"+_vm._s(item.content)+\" \")]),_c('div',{staticClass:\"tsBottom\"},[_c('div',{staticClass:\"tsImg\"},[_c('img',{attrs:{\"src\":item.img}})]),_c('div',{staticClass:\"tsName\"},[_c('span',[_vm._v(_vm._s(item.title))]),_c('span',[_vm._v(_vm._s(item.subtitle))])])])])])}),0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tsQuotes\"},[_c('img',{attrs:{\"src\":\"img/svg/quotes.svg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n    <!-- thumbs with scrolling function -->\n    <div :class=\"['tsComp','reveal']\" ref=\"tScroller\">\n        <ul class=\"tsItems\" :style=\"getCountStyle()\" ref=\"thumbitems1\">\n            <li class=\"tsItem\"\n                v-for=\"(item, index) in items\" \n                :style=\"getStyleIndex(index)\"\n                :key=\"index\">\n\n                <div class=\"tsInner\">\n                    <div class=\"tsQuotes\">\n                        <img src=\"img/svg/quotes.svg\" >\n                    </div>\n                    <div class=\"tsContent\">\n                        <!-- <splitter :startDelay=\"0.5*index\" :content=\"localize(item.content)\"></splitter> -->\n                        {{item.content}}\n                    </div>\n                    <div class=\"tsBottom\">\n                        <div class=\"tsImg\">\n                            <img :src=\"item.img\">\n                        </div>\n                        <div class=\"tsName\">\n                            <span>{{item.title}}</span>\n                            <span>{{item.subtitle}}</span>\n                        </div>\n                    </div>\n                </div>\n\n            </li>          \n        </ul>\n    </div>\n</template>\n\n<style scoped>\n    .tsComp\n    {\n        clear: both;        \n        width: 100%;\n        /*\n        overflow-x:scroll;\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        */\n    }\n    .tsComp::-webkit-scrollbar {\n      display: none; /* Chrome, Safari and Opera */\n    }\n    .tsComp .tsItems\n    {\n        height: auto;\n        width:90vw;\n        list-style: none;  \n        display: flex;\n        justify-items: center;\n        align-items: top;\n        gap: 30px;        \n    }\n    .tsComp .tsItem    \n    {\n        opacity: 0;\n        transition: all ease 0.6s;\n        transition-delay: calc(0.5s + (0.15s * var(--index)));\n        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);   \n        transform:translateY(120px) /* rotate(5deg) */;\n        width: 30vw;\n    }\n    .tsComp.active .tsItem\n    {\n        opacity: 1;\n        /* transition-delay: calc(1.2s + (0.09s * var(--index))); */\n        /* transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);     */\n        transform:translateY(0px);\n    }\n\n\n\n    .tsInner   \n    {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 45vh;\n        min-height: 440px;\n        transition: all ease-in 0.2s;\n        /* transition-delay: calc(1.2s + (0.09s * var(--index))); */\n        /* transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);     */\n        overflow: hidden;\n        \n        padding: 40px 50px 30px 50px;\n\n        /* background-color: #fff; */\n        background-color: rgba(255,255,255,1); \n\n\n    }    \n    .tsQuotes\n    {\n        text-align: center;\n        padding-bottom: 10px;\n    }\n    .tsQuotes img\n    {\n        width: 50px;\n        height: auto;\n        margin: auto;\n    }\n    .tsContent\n    {\n        font-size: 22px;\n        text-align: left;\n        flex: auto;\n        position: relative;\n    }\n    .tsBottom .tsImg\n    {\n        float: left;\n        padding-right: 15px;\n    }\n    .tsImg img\n    {\n        width: 50px;\n        height: 50px;\n        border: solid 2px #fff;\n        border-radius: 100%;\n    }\n    .tsBottom .tsName\n    {\n        float: left;\n        position: relative;\n        top: 5px;\n    }\n    .tsBottom .tsName span:nth-child(1)\n    {\n        font-weight: 600;\n    }\n    .tsBottom .tsName span\n    {\n        display: block;\n    }\n\n    @media (hover:hover)\n    {\n        /* SET INTERACTIVE MODE */\n        .tsInner:hover\n        {\n            background-color: #ffffff;\n            color:var(--blue-main);\n            /* color:#fff; background-color: #0075be;*/\n        }\n    }\n\n    @media (max-width: 1200px) { \n        .tsInner\n        {\n            min-height: 380px;\n        }\n        .tsContent\n        {\n            font-size: 20px;\n        }\n    }    \n\n    @media (max-width: 850px) { \n        .tsComp .tsItems\n        {\n            display: block;\n        }\n        .tsComp .tsItem\n        {\n            width: 100%;\n            padding: 10px 0px;\n        }\n        .tsInner\n        {\n            padding: 40px 30px 30px 30px;\n            background-color: #f8f8f8;\n            height: auto;\n            min-height: initial;\n        } \n        .tsBottom\n        {\n            padding-top: 20px;\n        }       \n\n\n        .tsBottom .tsImg{\n            float: left;\n            padding-right: 15px;\n            text-align: center;\n            width: 100%;\n        }        \n        .tsImg img{\n            width: 120px;\n            height: 120px;\n            border: solid 2px #fff;\n            border-radius: 100%;\n            display: block;\n            margin: auto;\n        }\n        .tsBottom .tsName{\n            float: none;\n            position: relative;\n            top: 5px;\n            display: block;\n            clear: both;\n            width: 100%;\n            text-align: center;\n        }        \n    }\n\n\n\n    @media (max-width: 400px) { \n\n    }\n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n\n    }    \n</style>\n<script>\nimport { splitLines,isMobileScreen } from \"@/utils\";\nimport sidepager from \"@/views/com/sidepager.vue\";\nimport splitter from \"@/views/com/splitter.vue\";\nexport default {\n    components:{splitter,sidepager},\n    props: {\n        items:{\n            default: () => [],type:Array\n        },\n        pageIndex:\n        {\n            default:0,\n            type:Number\n        },\n        bgsize:\n        {\n            default:'cover',\n            type:String\n        },\n        hoverIcon:\n        {\n            //:hoverIcon=\"fal fa-plus\"\n            default:'fal fa-play',\n            type:String\n        },\n        contentIndex:\n        {\n            default:0,\n            type:Number\n        },\n        imgPadding:\n        {\n            default:'0px',type:String\n        },\n        interactive:\n        {\n            //tells the component to switch css hover modes \n            default:false,type:Boolean\n        }\n    },\n    data()\n    {\n        return {\n            isMobile:false\n        }\n    },\n    mounted()\n    {\n        //this.initScrollListener();\n        this.isMobile = isMobileScreen();\n    },\n    methods:{\n        getCountStyle(){\n            return \"--itemscount:\"+this.items.length;\n        },\n        getStyleIndex(index){\n            return \"--index:\"+index+\";--imgPadding:\"+this.imgPadding;\n        }\n    },\n    watch:{\n        pageIndex:function(newVal,oldVal)\n        {\n            //scroll to the page by it's size\n            //alert(\"change newVal=\"+newVal);\n            this.navToPage(newVal);\n        },\n        interactive:function(newVal,oldVal)\n        {\n            //alert(\"interactive=\"+interactive);\n            //this.isInteractive = newVal;\n        }\n    },\n\n\n};\n</script>\n\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!./testimonialboxes.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!./testimonialboxes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./testimonialboxes.vue?vue&type=template&id=42871296&scoped=true&\"\nimport script from \"./testimonialboxes.vue?vue&type=script&lang=js&\"\nexport * from \"./testimonialboxes.vue?vue&type=script&lang=js&\"\nimport style0 from \"./testimonialboxes.vue?vue&type=style&index=0&id=42871296&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  \"42871296\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div :class=\"['ts', 'reveal']\" :style=\"getBg()\">\n        <div class=\"tsContainer\">\n<!--             <div class=\"sectionTitle black fsTitle\">\n                <splitter :content=\"localize(sectionData.title)\"></splitter>\n            </div>\n -->            <div class=\"tsBoxes\">\n                <testimonialboxes\n                    :interactive=\"true\" v-bind:items=\"sectionData.items\"\n                ></testimonialboxes>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\nimport { splitLines,isMobileScreen }         from \"@/utils\";\nimport splitter from \"@/views/com/splitter.vue\";\nimport testimonialboxes from \"@/views/com/testimonialboxes.vue\";\nimport sidepager from \"@/views/com/sidepager.vue\";\n\nexport default \n{\n    components:{splitter,testimonialboxes,sidepager},\n    data(){\n      return {        \n        something:[],\n        curindex:-1,\n        sectionElement:Object      \n        }\n    },\n    props:{\n        sectionDataIndex:Number,\n        sectionScrollProg:Object\n    },\n    mounted() \n    {\n        var vm = this;\n        vm.sectionElement = this.$el;//.querySelector(\".wfContainer\")[0];\n    },\n    methods: {\n        getBg()\n        {\n            return \"background-image: url('content/mguide/img/bg/bg1.png')\";\n        },\n        addTouchSwipe()\n        {\n        var vm = this;\n        }\n    },\n    watch: {\n        '$store.state.siteVisibleSection': function() {\n        var vm=this;\n        let _siteVisibleSection = this.$store.state.siteVisibleSection;\n        }\n    },\n    computed: {\n        ...mapState([\"siteData\"]),\n        sectionData(){\n            return this.siteData.SECTIONS[this.sectionDataIndex];\n        }\n        //...mapState([\"pageLayoutData\", \"locale\", \"dirtyHome\"]),\n    }\n};\n</script>\n\n<style scoped>\n    .ts\n    {\n        width: 100vw;\n        max-height: 100vh;\n        height: 100vh;\n        overflow: hidden;\n        /* background-color: #f9f9f9; */\n        padding: 100px 0px;\n        background-attachment: fixed;\n        background-size:cover;\n        background-position:  center center;\n\n    }\n    .tsContent\n    {\n        clear: both;\n        width: 100vw;\n        margin: auto;\n        padding-top: 150px;\n    }\n    .tsBoxes\n    {\n        width: 90vw;\n        margin: auto;\n        top: 60px;\n        position: relative;\n    }\n    @media (hover:hover) {\n\n    }\n\n    @media (max-width: 1200px) { \n        .ts\n        {\n            padding: 0px 0px;\n            position: relative;\n            top: 50%;\n            transform: translateY(-50%);            \n        }     \n        .tsBoxes\n        {\n            top:0px;\n        }\n\n    }\n\n    @media (max-width: 850px) { \n        .ts\n        {\n            max-height: initial;\n            height: auto;\n            transform: none;\n            position: initial;\n            background-image: none !important;\n        }\n        .tsContent\n        {\n            padding: 0px;\n            \n        }\n    }\n\n    @media (max-width: 400px) { \n\n    }\n\n\n\n\n\n    /* Portrait iPad mini 1, iPad 1 and iPad 2*/\n    @media only screen \n    and (min-device-width: 768px) \n    and (max-device-width: 1024px) \n    and (-webkit-min-device-pixel-ratio: 1) \n    and (orientation: portrait)\n    {\n        \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!./Testimonials.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!./Testimonials.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Testimonials.vue?vue&type=template&id=d36d1c88&scoped=true&\"\nimport script from \"./Testimonials.vue?vue&type=script&lang=js&\"\nexport * from \"./Testimonials.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Testimonials.vue?vue&type=style&index=0&id=d36d1c88&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  \"d36d1c88\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"mainContainer\">  \n    <div class=\"fixedHeroVideo\">\n        <home-hero :sectionDataIndex=\"0\"></home-hero>\n    </div>\n\n    <main v-if=\"siteReady\" id=\"mainScroller\" class=\"mainContent\">\n\n<!--       <div class=\"stickWrap\"><div class=\"stickInner\">Test<br/>Test<br/>Test<br/>Test<br/>Test<br/></div></div>\n      <div>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/>after stick<br/></div>\n -->\n\n      <section class=\"siteSection transparentSection\">\n        &nbsp; <!--empty transparent section for the video bg-->\n      </section>\n      <section class=\"siteSection heroText\">\n        <home-hero-text :sectionDataIndex=\"0\"></home-hero-text>\n      </section>\n      <section class=\"siteSection secBgGray1 sequence desktop-only-sequence\">\n        <!-- <home-benefits :sectionDataIndex=\"1\"></home-benefits> -->\n         <!-- <circular :sectionDataIndex=\"1\" :sectionScrollProg=\"sectionScrollProg\"></circular> -->\n        <panels :sectionDataIndex=\"1\" :sectionScrollProg=\"sectionScrollProg\"></panels>\n      </section>\n      <section class=\"siteSection\">\n        <testimonials :sectionDataIndex=\"2\" :sectionScrollProg=\"sectionScrollProg\"></testimonials>\n      </section>\n\n      <!-- test sticky section animation \n      <section class=\"siteSection sequence\">\n          <div class=\"motionSection\">\n              <div class=\"stickySec\">\n                <div :style=\"'--prog:'+sectionScrollProg.prog\" class=\"progtest\"></div>\n                 {{sectionScrollProg.index}}\n                {{sectionScrollProg.prog}}\n              </div>\n          </div>\n      </section>\n      -->\n      <!-- test sticky section animation -->\n      \n      <!-- <section class=\"siteSection wfBg sequence\"> -->\n      <section class=\"siteSection secBgGray1 sequence\">\n        <!-- <workflow :sectionDataIndex=\"2\"></workflow> -->\n        <!-- <circular :sectionDataIndex=\"3\" :sectionScrollProg=\"sectionScrollProg\"></circular> -->\n        <!-- <div class=\"wfBgInner\"> -->\n          <timeline :sectionDataIndex=\"3\" :sectionScrollProg=\"sectionScrollProg\"></timeline>\n        <!-- </div> -->\n      </section>\n\n      <section class=\"siteSection minimized secBgGray1\">\n        <clinical-cases :sectionDataIndex=\"4\"></clinical-cases>\n      </section>\n\n      <section class=\"siteSection secBgGray2 minimized\">\n         <videos :sectionDataIndex=\"5\"></videos>\n      </section>\n\n      <section class=\"siteSection secBgGray1\">\n        <surgicalkits :sectionDataIndex=\"6\"></surgicalkits>\n      </section>\n\n      <section class=\"siteSection sequence secBgGray1\">\n        <msoft :sectionDataIndex=\"7\" :sectionScrollProg=\"sectionScrollProg\"></msoft>\n      </section>\n\n      <section class=\"siteSection secBgGray1 minimized\">\n        <mcenters :sectionDataIndex=\"8\"></mcenters>\n      </section>\n\n\n      <section class=\"siteSection footer\">\n        <app-footer></app-footer>\n      </section>\n    </main>\n  </div>\n</template>\n\n<style>\n.wfBg\n{\n      background-attachment: fixed;\n      background-image: url('test.png');\n      background-position: center center;\n      background-size: cover;\n      background-blend-mode: lighten;\n}\n.wfBgInner\n{\n  background-color: rgba(255, 255, 255, 0.9);\n}\n  .siteSection.sequence\n  {\n    height: 300vh;\n    background-color: black;\n  }\n\n  \n  .motionSection\n  {    \n    height: 300vh;\n    color: #fff;\n  }\n  .stickySec\n  {\n    position: sticky;\n    top: 0px;\n    display: flex;\n    overflow: visible;\n    height: 100vh;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n  }\n  .stickySec > div{\n    clear: both;\n    display: block;\n  }\n  .progtest\n  {\n    clear: both;\n    height: 3px;\n    display: block;\n    background-color: red;\n    width: calc(100% * var(--prog));\n    transition: all ease 0.3s;\n  }\n\n  @media (max-width: 850px) \n  {\n    .siteSection.desktop-only-sequence\n    {\n      height: auto !important;\n    }\n  }\n\n\n</style>\n\n<script>\n  import HomeHero             from \"@/views/lance/LanceHero.vue\";\n  import HomeHeroText         from \"@/views/lance/LanceHeroText.vue\";\n  import HomeBenefits         from \"@/views/lance/Benefits.vue\";\n  import Circular             from \"@/views/lance/Circular.vue\";\n  import ClinicalCases        from \"@/views/lance/ClinicalCases.vue\";\n  import Timeline             from \"@/views/lance/Timeline.vue\";\n  import Panels               from \"@/views/lance/Panels.vue\";\n  import Photos               from \"@/views/lance/Photos.vue\";\n  import Videos               from \"@/views/lance/Vimeos.vue\"; //<Vimeo version\n  import Workflow             from \"@/views/lance/Workflow.vue\";  \n  import surgicalkits         from \"@/views/lance/SurgicalKits.vue\";  \n  import DigitalRestoration   from \"@/views/lance/DigitalRestoration.vue\";  \n  import DigitalItems         from \"@/views/lance/DigitalItems.vue\";  \n  import TutorialVideos       from \"@/views/lance/TutorialVideos.vue\";    \n  import Mcenters             from \"@/views/lance/Mcenters.vue\";    \n  import Msoft                from \"@/views/lance/Msoft.vue\";    \n  import Testimonials                from \"@/views/lance/Testimonials.vue\";      \n  import AppFooter            from \"@/views/lance/AppFooter.vue\";\n\n  import { mapActions, mapState } from \"vuex\";\n  \n  export default \n  {\n    data(){\n      return{\n        animTest:'',\n        site_data:null,\n        isMenuOpen:false,\n        isLangOpen:false\n      }\n    },\n    components:\n    {\n      HomeHero,\n      HomeHeroText,\n      surgicalkits,\n      HomeBenefits,\n      Circular,Panels,Timeline,ClinicalCases,\n      DigitalRestoration,\n      DigitalItems,      \n      Workflow,\n      TutorialVideos,\n      Mcenters,Msoft,\n      AppFooter,\n      Photos,\n      Videos,\n      Testimonials\n    }, \n    computed: {\n      ...mapState([\"sectionScrollProg\",\"siteData\",\"siteDataReady\",\"siteReady\",\"siteVisibleSection\"]),\n  },\n  mounted()\n  {\n    this.loadMapData(); //*** specific for mguide mcenters map data\n    this.loadCasesData();\n  },\n  created: function () {      \n      //var vm = this;      \n  },\n  watch:\n  {\n    '$store.state.siteVisibleSection': function(){\n      var vm = this;\n      let _siteVisibleSection = this.$store.state.siteVisibleSection;\n      vm.onSectionVisible(_siteVisibleSection);\n    }\n  },\n  methods: {\n    ...mapActions([\"loadSiteData\",\"loadMapData\",\"loadCasesData\",\"setVisibleSection\"]),  \n    onSectionVisible(domSectionIndex)\n    {\n        //////////////// SPECIFIC SITE CODE START ////////////////////\n        let sectionIndex = domSectionIndex;\n        let sectionDataIndex = sectionIndex;\n        if(sectionIndex>0){\n          sectionDataIndex--;//!important because the dom 1st section is empty section\n        }\n        var secData =  this.siteData.SECTIONS[sectionDataIndex];\n        \n        \n        //PLAY/PAUSE VIDEO ACCORDING TO THE SCROLL POSITION\n        var vid = document.getElementById(\"videoBgHero\");\n        //vid.pause();\n        \n        if(domSectionIndex>1){          \n          vid.pause();\n        }else{\n          vid.play();\n        }\n\n        if(secData.section=='benefits')\n        {\n          //the scroller on benefits is hidden becuase it's stopping the site from scrolling the hero to the benefits\n          //when revealing the 'benefits' section set timeout for 1 sec and show the benfits scroller\n          //imgBnScroller1 add 'show' class after 1 sec          \n          setTimeout(() => {\n            var imgBnScroller1 = document.getElementById(\"bnScrollerWrapper\");\n            imgBnScroller1.classList.add(\"show\");//(display block)\n          }, 1100);\n          setTimeout(() => {\n            var imgBnScroller1 = document.getElementById(\"bnScrollerWrapper\");\n            imgBnScroller1.classList.add(\"showOpaq\"); //remove opacity            \n          }, 1300);\n        }\n       //////////////// SPECIFIC SITE CODE END ////////////////////\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!./HP_mguide.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!./HP_mguide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HP_mguide.vue?vue&type=template&id=1ebb8cf7&\"\nimport script from \"./HP_mguide.vue?vue&type=script&lang=js&\"\nexport * from \"./HP_mguide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HP_mguide.vue?vue&type=style&index=0&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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./HP_mguide.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./HP_mguide.vue?vue&type=style&index=0&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Circular.vue?vue&type=style&index=0&id=4dcaf12c&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Circular.vue?vue&type=style&index=0&id=4dcaf12c&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./ClinicalCases.vue?vue&type=style&index=0&id=458c3a46&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./ClinicalCases.vue?vue&type=style&index=0&id=458c3a46&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Testimonials.vue?vue&type=style&index=0&id=d36d1c88&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Testimonials.vue?vue&type=style&index=0&id=d36d1c88&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Timeline.vue?vue&type=style&index=0&id=3a5856bc&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Timeline.vue?vue&type=style&index=0&id=3a5856bc&scoped=true&lang=css&\""],"sourceRoot":""}