{"version":3,"sources":["webpack:///./src/views/HP_mguide copy.vue?7436","webpack:///src/views/HP_mguide copy.vue","webpack:///./src/views/HP_mguide copy.vue?5525","webpack:///./src/views/HP_mguide copy.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","localize","siteData","SECTIONS","desc","isMenuOpen","on","$event","isLangOpen","class","navToStart","openMenu","toggleLangMenu","getLangByRoute","toUpperCase","_e","staticRenderFns","mounted","vm","setTimeout","addDocumentEvents","initScrollListener","checkSectionsView","loadMapData","created","scrollContainer","document","getElementById","addEventListener","scrollHandler","reveals","querySelectorAll","i","length","windowHeight","window","innerHeight","elementTop","getBoundingClientRect","top","elementVisible","visibleSection","onSectionVisivle","revealSectionChildrenElements","parentElement","classList","add","onRevealingSection","lc","loadData","loadSiteData","component"],"mappings":"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","file":"js/chunk-2d2244c7.35b6c527.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.siteDataReady)?_c('div',{staticClass:\"home\",attrs:{\"id\":\"home1\"}},[_c('div',{staticClass:\"hiddenfonttext\"},[_vm._v(_vm._s(_vm.localize(_vm.siteData.SECTIONS[0].desc)))]),_c('site-menu',{attrs:{\"isMenuOpen\":_vm.isMenuOpen},on:{\"close-menu\":function($event){_vm.isMenuOpen=false}}}),_c('lang-menu',{attrs:{\"isMenuOpen\":_vm.isLangOpen},on:{\"close-menu\":function($event){_vm.isLangOpen=false}}}),_c('div',{class:['topBar']},[_c('img',{staticClass:\"topLogo\",attrs:{\"src\":\"/img/mguide/mguide.svg\",\"alt\":\"\"},on:{\"click\":_vm.navToStart}}),_c('div',{staticClass:\"menuOpen\",on:{\"click\":_vm.openMenu}},[_c('span'),_c('span'),_c('span')]),_c('div',{staticClass:\"menuLang\",attrs:{\"id\":\"langtoggle1\"},on:{\"click\":_vm.toggleLangMenu}},[_vm._v(\" \"+_vm._s(_vm.getLangByRoute().toUpperCase())),_c('i',{staticClass:\"fal fa-chevron-down\"})])]),_c('div',{staticClass:\"fixedHeroVideo\"},[_c('home-hero')],1),(_vm.siteReady)?_c('main',{attrs:{\"id\":\"mainScroller\"}},[_c('section',{staticClass:\"siteSection transparentSection\"}),_c('section',{staticClass:\"siteSection heroText\"},[_c('home-hero-text')],1),_c('section',{staticClass:\"siteSection secBgGray2\"},[_c('home-benefits')],1),_c('section',{staticClass:\"siteSection workflow\"},[_c('workflow')],1),_c('section',{staticClass:\"siteSection surgicalkits\"},[_c('surgicalkits')],1),_c('section',{staticClass:\"siteSection surgicalkits\"},[_c('digital-restoration')],1),_c('section',{staticClass:\"siteSection tv\"},[_c('tutorial-videos')],1),_c('section',{staticClass:\"siteSection\"},[_c('mcenters')],1),_c('section',{staticClass:\"siteSection secBgGray3\"},[_c('msoft')],1),_c('section',{staticClass:\"siteSection footer\"},[_c('lance-footer')],1)]):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"home\" id=\"home1\" v-if=\"siteDataReady\">\n\n    <!-- this is for rendering the fonts on start -->\n    <div class=\"hiddenfonttext\">{{localize(siteData.SECTIONS[0].desc)}}</div>\n    <site-menu :isMenuOpen=\"isMenuOpen\" @close-menu=\"isMenuOpen=false\"></site-menu>\n    <lang-menu :isMenuOpen=\"isLangOpen\" @close-menu=\"isLangOpen=false\"></lang-menu>\n\n    <div :class=\"['topBar']\">\n      <img @click=\"navToStart\" class=\"topLogo\" src=\"/img/mguide/mguide.svg\" alt=\"\" />      \n      <!-- main menu opener -->\n      <div class=\"menuOpen\" @click=\"openMenu\">\n        <span></span>\n        <span></span>\n        <span></span>\n      </div>\n      <!-- lang menu opener -->\n      <div class=\"menuLang\" @click=\"toggleLangMenu\" id=\"langtoggle1\">\n        {{getLangByRoute().toUpperCase()}}<i class=\"fal fa-chevron-down\" ></i>\n      </div>\n    </div>    \n\n    <div class=\"fixedHeroVideo\">\n        <home-hero></home-hero>\n    </div>\n\n    <main v-if=\"siteReady\" id=\"mainScroller\">\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></home-hero-text>\n      </section>\n      <section class=\"siteSection secBgGray2\">\n        <home-benefits></home-benefits>\n      </section>\n      <section class=\"siteSection workflow\">\n        <workflow></workflow>\n      </section>\n      <section class=\"siteSection surgicalkits\">\n        <surgicalkits></surgicalkits>\n      </section>\n      <section class=\"siteSection surgicalkits\">\n        <digital-restoration></digital-restoration>\n        <!-- <digital-items></digital-items> -->\n      </section>\n      <section class=\"siteSection tv\">\n        <tutorial-videos></tutorial-videos>\n      </section>\n      <section class=\"siteSection\">\n        <mcenters></mcenters>\n      </section>\n      <section class=\"siteSection secBgGray3\">\n        <msoft></msoft>\n      </section>\n      <section class=\"siteSection footer\">\n        <lance-footer></lance-footer>\n      </section>\n    </main>\n  </div>\n</template>\n\n<script>\n  import LangMenu           from \"@/views/com/langmenu.vue\";\n  import SiteMenu           from \"@/views/com/menu.vue\";\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 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 ImplantRange       from \"@/views/lance/LanceImplantRange.vue\";\n  import DrillingProtocols  from \"@/views/lance/LanceDrillingProtocols.vue\";\n  import TechInfo           from \"@/views/lance/LanceTechInfo.vue\";\n  import InsertionOptions   from \"@/views/lance/LanceInsertionOptions.vue\";\n  import Packaging          from \"@/views/lance/LancePackaging.vue\";  \n  import Coverscrews        from \"@/views/lance/LanceCoverscrews.vue\";  \n  import Prosthetic         from \"@/views/lance/LanceProsthetic.vue\";  \n  import LanceKit           from \"@/views/lance/LanceKit.vue\";  \n  import AppFooter        from \"@/views/lance/AppFooter.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  \n  import { mapActions, mapState } from \"vuex\";\n  \n  export default \n  {\n    data(){\n      return{\n        site_data:null,\n        isMenuOpen:false,\n        isLangOpen:false,\n        visibleSection:0\n      }\n    },\n    components:\n    {\n      surgicalkits,\n      DigitalRestoration,\n      DigitalItems,\n      LangMenu,\n      SiteMenu,\n      HomeHero,\n      HomeHeroText,\n      HomeBenefits,\n      Workflow,\n      ImplantRange,\n      DrillingProtocols,\n      TechInfo,\n      InsertionOptions,\n      Packaging,\n      Coverscrews,\n      Prosthetic,\n      LanceKit,\n      AppFooter,\n      TutorialVideos,Mcenters,Msoft          \n    }, \n    computed: {\n      ...mapState([\"siteData\",\"siteDataReady\",\"siteReady\",\"siteVisibleSection\"]),\n  },\n  mounted()\n  {\n    var vm=this;\n    setTimeout(() => {\n      vm.addDocumentEvents();\n    }, 1000);    \n    this.initScrollListener();\n    this.checkSectionsView(); \n\n    this.loadMapData(); //*** specific for mguide mcenters map data\n  },\n  created: function () {      \n      var vm = this;      \n      this.loadData();      \n      this.preloadFonts();\n    },\n    destroyed() {\n        window.removeEventListener(\"scroll\", this.scrollHandler);\n    },\n    methods: {\n      ...mapActions([\"xSetPlatform\",\"loadSiteData\",\"loadMapData\",\"setSiteReady\",\"setVisibleSection\"]),\n      addDocumentEvents()\n      {\n          //forct redirect to https\n          if(window.location.protocol!= 'https:' && \n              window.location.hostname!='localhost'){\n              window.location.protocol=\"https\";\n            }\n\n          //check if user clicked out side of the languages menu or outside of the language top toggler\n          var vm = this;\n          var langtoggle1 = document.getElementById(\"langtoggle1\");\n          var langmenuObj = document.getElementById(\"langmenu1\");          \n          document.addEventListener('click', function(event) {\n            const outsideClick = !langtoggle1.contains(event.target) && !langmenuObj.contains(event.target);\n            if(outsideClick){\n                vm.isLangOpen=false;//close langaue menu\n            }\n          });\n      },\n      preloadFonts()\n      {\n        var vm = this;\n        if (document && document.fonts) {  \n          //CSS Font Loading API\n          //https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API          \n          const font1 = new FontFace(\"Inter\", \"url(https://fonts.googleapis.com/css?family=Inter:200,300,400,500&display=swap&subset=latin-ext)\");\n          document.fonts.add(font1);\n          font1.load();\n          document.fonts.ready.then(() => {\n            setTimeout(() => {vm.setSiteReady(true);}, 300);\n          });\n      } else {\n          vm.setSiteReady(true);// Fallback if API does not exist \n      }\n    },      \n    navToStart()\n    {\n        document.getElementsByClassName(\"siteSection\")[0].scrollIntoView({ \n          behavior: 'smooth' \n        });\n    },\n    initScrollListener() \n    {\n      //var scrollContainer = window;//\n      setTimeout(() => \n      {\n        var scrollContainer = document.getElementById(\"mainScroller\");\n        //window.addEventListener(\"scroll\", this.scrollHandler, false);      \n        scrollContainer.addEventListener(\"scroll\", this.scrollHandler, false);\n      }, 1000);\n    },    \n    scrollHandler() {\n      this.checkSectionsView();\n    },\n    checkSectionsView()\n    {      \n      var vm=this;\n      var reveals = document.querySelectorAll(\".siteSection\");\n      //console.log(\"check scrolling... reveals.length=\"+reveals.length);\n      for (var i = 0; i < reveals.length; i++) \n      {\n        var windowHeight = window.innerHeight;\n        var elementTop = reveals[i].getBoundingClientRect().top;\n        var elementVisible = 350;\n        if (elementTop < windowHeight - elementVisible && elementTop>0) \n        {\n          if(vm.visibleSection != i)\n          {\n            vm.visibleSection = i;\n            vm.onSectionVisivle(i);\n            //console.log(\"++ visibleSection=\"+vm.visibleSection);\n          }\n        }\n      }\n    },\n    onSectionVisivle(domSectionIndex)\n    {\n        var vm=this;\n        let sectionIndex = domSectionIndex;\n        var sectionElement = document.querySelectorAll(\".siteSection\")[domSectionIndex];\n\n        let sectionDataIndex = sectionIndex;\n        if(sectionIndex>0){\n          sectionDataIndex--;//!important because the dom 1st section is empty section\n        }\n\n        var secData =  this.siteData.SECTIONS[sectionDataIndex];\n        var vid = document.getElementById(\"videoBgHero\");\n        this.setVisibleSection(sectionIndex);//change the store value\n        if(domSectionIndex>2){          \n          vid.pause();//pause video when hero is hidden\n        }else{\n          vid.play();//resume video when hero is visible\n        }\n\n        //////////////// SPECIFIC SITE CODE ////////////////////\n        if(domSectionIndex>2){          \n          setTimeout(() => {\n            vm.xSetPlatform(1);  \n          }, 1800);\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        if(secData.section == 'surgical_kit')\n        {\n          var kitVideo = document.getElementById(\"kitVideo\");\n          kitVideo.play();//start kit video \n        }\n      //////////////// SPECIFIC SITE CODE END ////////////////////\n\n        this.revealSectionChildrenElements(sectionElement);\n    },\n\n    // REAVEL CHILD ELEMENTS \n    revealSectionChildrenElements(parentElement) \n    {\n      var vm=this;\n      parentElement.classList.add(\"active\");\n      var reveals = parentElement.querySelectorAll(\".reveal\");\n      for (var i = 0; i < reveals.length; i++){\n          if(reveals[i].classList.contains(\"active\")==false)\n          {\n            vm.onRevealingSection(reveals[i].id);\n            reveals[i].classList.add(\"active\");\n          }\n      }\n    },\n    onRevealingSection(sectionID)\n    {\n        //add here specific site logic ...\n        //if(sectionID=='hpSpeakers' || \n    },      \n    toggleLangMenu()\n    {\n      if(this.isLangOpen){\n        this.isLangOpen = false;//close it\n      }else{\n        this.isLangOpen = true;//open lang\n        this.isMenuOpen=false;//close main menu\n      }\n    },\n    openMenu()\n    {\n      this.isMenuOpen=true;\n      this.isLangOpen=false;\n    },\n    getLangByRoute()\n    {\n      let lc = this.$route.params.lang;\n      if(lc == undefined){lc=\"en\";}\n      return lc;\n    },\n    loadData: function () \n    {\n      let lc = this.getLangByRoute();                \n      this.loadSiteData(lc);        \n    }\n    },\n    watch: \n    { \n     '$route.params.lang': {        \n        handler: function(lang) {\n          this.loadData();\n        },\n        deep: true,immediate: false\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 copy.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 copy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HP_mguide copy.vue?vue&type=template&id=94cca968&\"\nimport script from \"./HP_mguide copy.vue?vue&type=script&lang=js&\"\nexport * from \"./HP_mguide copy.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}