{"version":3,"sources":["webpack:///./src/components/templates/General/PageWithScrollSpy.vue?9837","webpack:///./src/components/templates/General/PageWithScrollSpy.vue?b8eb","webpack:///src/components/templates/General/PageWithScrollSpy.vue","webpack:///./src/components/templates/General/PageWithScrollSpy.vue?225e","webpack:///./src/components/templates/General/PageWithScrollSpy.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","key","id","attrs","domProps","_s","title","on","goToSection","content","staticRenderFns","name","data","scrollPos","scrollTop","props","type","String","required","default","titles","methods","event","preventDefault","hash","target","substring","el","document","getElementById","scrollIntoView","behavior","handleScroll","footerTop","scrollSpyBottom","scrollSpy","style","top","diff","scrollSpyHeight","component"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAIP,EAAU,QAAE,SAASQ,GAAM,MAAO,CAACJ,EAAG,KAAK,CAACK,IAAID,EAAKE,GAAGJ,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACK,IAAID,EAAKE,GAAGC,MAAM,CAAC,KAAOH,EAAKE,IAAIE,SAAS,CAAC,UAAYZ,EAAIa,GAAGL,EAAKM,QAAQC,GAAG,CAAC,MAAQf,EAAIgB,sBAAqB,KAAKZ,EAAG,MAAM,CAACE,YAAY,MAAMK,MAAM,CAAC,GAAK,WAAWC,SAAS,CAAC,UAAYZ,EAAIa,GAAGb,EAAIiB,eACjgBC,EAAkB,GCgBtB,GACEC,KAAM,oBACNC,KAAM,WACJ,MAAO,CACLC,UAAW,EACXC,UAAW,IAGfC,MAAO,CACLN,QAAS,CACPO,KAAMC,OACNC,UAAU,EACVC,QAAS,qBAEXC,OAAQ,CACNF,UAAU,EACVC,QAAS,KAGbE,QAAS,CACPb,YADJ,SACA,GACMc,EAAMC,iBACN,IAAIC,EAAOF,EAAMG,OAAOD,KAAKE,UAAU,GACnCC,EAAKC,SAASC,eAAeL,GAKjC,OAJAG,EAAGG,eAAe,CAChBC,SAAU,YAGL,GAETC,aAXJ,SAWA,GACM,IAAN,uCACA,mCACA,mCACA,qFAEM,GAAIC,EAAYC,EAAiB,CAC/B,IAAR,MACQC,EAAUC,MAAMC,IAAM,IAAMC,EAAO,UAE/BL,EAAY,IAAMM,IACpBJ,EAAUC,MAAMC,IAAM,YC1DyV,I,wBCQrXG,EAAY,eACd,EACAjD,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E","file":"js/chunk-7dac8e16.85ad723f.js","sourcesContent":["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!./PageWithScrollSpy.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"col scrollspy\"},[_c('ul',{staticClass:\"nav-subitems\"},[_vm._l((_vm.titles),function(item){return [_c('li',{key:item.id,staticClass:\"scrollactive-item\"},[_c('a',{key:item.id,attrs:{\"href\":item.id},domProps:{\"innerHTML\":_vm._s(item.title)},on:{\"click\":_vm.goToSection}})])]})],2)]),_c('div',{staticClass:\"col\",attrs:{\"id\":\"content\"},domProps:{\"innerHTML\":_vm._s(_vm.content)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content\">\n        <div class=\"col scrollspy\">\n          <ul class=\"nav-subitems\">\n            <template v-for=\"item in titles\">\n              <li :key=\"item.id\" class=\"scrollactive-item\" >\n                <a :href=\"item.id\" :key=\"item.id\" v-html=\"item.title\" v-on:click=\"goToSection\"></a>\n              </li>\n            </template>\n          </ul>\n        </div>\n        <div class=\"col\" id=\"content\" v-html=\"content\">\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'PageWithScrollSpy',\n  data: function () {\n    return {\n      scrollPos: 0,\n      scrollTop: 0\n    }\n  },\n  props: {\n    content: {\n      type: String,\n      required: false,\n      default: 'Content goes here'\n    },\n    titles: {\n      required: false,\n      default: []\n    }\n  },\n  methods: {\n    goToSection (event) {\n      event.preventDefault()\n      var hash = event.target.hash.substring(1)\n      var el = document.getElementById(hash)\n      el.scrollIntoView({\n        behavior: 'smooth'\n      })\n      // console.log(event.target.hash)\n      return false\n    },\n    handleScroll (event) {\n      const scrollSpy = document.getElementById('scrollspy')\n      const scrollSpyBottom = scrollSpy.getBoundingClientRect().bottom\n      const scrollSpyHeight = scrollSpy.getBoundingClientRect().height\n      const footerTop = document.getElementsByClassName('footer-container')[0].getBoundingClientRect().top\n\n      if (footerTop < scrollSpyBottom) {\n        const diff = footerTop - scrollSpyBottom\n        scrollSpy.style.top = 100 + diff + 'px'\n      } else {\n        if (footerTop > 480 + scrollSpyHeight) {\n          scrollSpy.style.top = '480px'\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style>\n#content .col p {\n  margin-left: 0px;\n}\n\n.last-text {\n    padding-bottom: 250px;\n}\n\n.fase-1-row-name {\n    padding-left: 20px;\n    width: 30%;\n    display: inline-block;\n    vertical-align: top;\n}\n\n.fase-1-row-description {\n    padding-left: 10px;\n    width: 60%;\n    display: inline-block;\n}\n\n.fase-number {\n    background-color: #262b55;\n    color: #fff;\n    font-size: 14px;\n    padding-left: 10px;\n    padding-right: 20px;\n    border-radius: 20px;\n    display: inline-block;\n    margin-top: 0px;\n    margin-bottom: 20px;\n}\n\n.fase-text {\n    margin-left: 20px;\n    display: inline-block;\n    color: #787878;\n    font-size: 20px;\n}\n\n.spacer {\n    border-bottom: 1px solid #000;\n    width: 100%;\n    margin-left: -20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n}\n\n.nav-subitems{\n  z-index: 999;\n  padding: 30px;\n  padding-top: 0px;\n  margin-top: 0px;\n}\n\n.nav-subitems a {\n  display: block;\n  color: #000;\n  width: 350px;\n  word-wrap: break-word;\n  text-decoration: none;\n}\n\n.nav-subitems .is-active {\n  color: #ce5e31;\n}\n\n.nav-subitems .is-active:before {\n  content: \"\\2B24\";  /* Add content: \\2022 is the CSS Code/unicode for a bullet */\n  color: #ce5e31; /* Change the color */\n  font-weight: bold; /* If you want it to be bold */\n  display: inline-block; /* Needed to add space between the bullet and the text */\n  padding-right: 8px;\n  font-size: 16px;\n  vertical-align:middle;\n  line-height:20px;\n}\n\n.sub-content {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  margin: 0px 0px 0px -20px;\n  padding: 0px 0px 0px 0px;\n}\n\n.sub-content .col:nth-child(1) {\n  flex-basis: 45%;\n  flex-grow: 1;\n}\n\n.sub-content .col:nth-child(2) {\n  flex-basis: 45%;\n  flex-grow: 1;\n}\n\n.sub-content .col img {\n  width: 375px;\n  height: auto;\n  border-radius: 10px;\n}\n\n.text-first {\n  margin-left: -20px;\n}\n\n.blue-with-corner {\n  justify-content: initial;\n  order: 2;\n  flex-grow: 2;\n  background-color: #d0e3f3;\n  border-top-left-radius: 80px;\n  flex-wrap: wrap;\n  height: auto;\n  padding-top: 40px;\n}\n\n.btn {\n  height: 1rem;\n  padding: 4px 15px 22px 15px;\n}\n\n.call-to-action-btn {\n  font-size: 13px;\n  background-color: rgba(206, 94, 49, 0.5);\n  color: #fff;\n  border-radius: 20px;\n  width: auto;\n}\n\n.content {\n  height: auto;\n  min-height: 800px;\n}\n\n.content ul {\n  list-style: none;\n  margin-left: 0px;\n  padding-left: 0px;\n  color: #ce5e31;\n  display: table;\n}\n\n.content li {\n  color: #000;\n  font-size: 15px;\n  display: table-row;\n}\n\n.content li:before {\n  content: \"\\2022\";  /* Add content: \\2022 is the CSS Code/unicode for a bullet */\n  color: #ce5e31; /* Change the color */\n  font-weight: bold; /* If you want it to be bold */\n  display: inline-block; /* Needed to add space between the bullet and the text */\n  padding-right: 8px;\n  font-size:50px;\n  vertical-align:top;\n  line-height:20px;\n  display: table-cell;\n}\n\n.column-50-percent {\n  width: 49%;\n  display: inline-block;\n  padding-top: 5px;\n  margin-top: 0px;\n  padding-bottom: 0px;\n  margin-bottom: 0px;\n}\n\n.content {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.content .col {\n  padding-bottom: 20px;\n}\n\n.content .col:nth-child(1) {\n  padding-right: 0px;\n  margin-right: 0px;\n}\n\n.video {\n  width: 100%;\n  max-width: 506px;\n}\n\n.call-to-action-btn-content {\n  margin-bottom: 0px;\n  width: 180px;\n  background-color: #efefef;\n  border-radius: 10px;\n  height: 120px;\n  padding-top: 15px;\n  color: #000;\n  margin-top: 10px;\n  margin-right: 30px;\n}\n\n.call-to-action-btn-content a {\n  color: #000;\n}\n\n.call-to-action-btn-content:hover,\n.call-to-action-btn-content:hover a {\n  background-color: #ce5e31;\n  color: #fff;\n  text-decoration: none;\n  animation: changeBackground .5s linear;\n}\n\n.call-to-action-btn-content .training-icon,\n.call-to-action-btn-content .trainings-icon {\n  font-size: 30px;\n}\n\n.call-to-action-btn-content .training-icon-box,\n.call-to-action-btn-content .trainings-icon-box {\n  height: 50px;\n}\n\n@keyframes changeBackground {\n  from {background-color: #efefef}\n  to {background-color: #ce5e31}\n}\n\n/* Small devices (landscape phones, 576px and up) */\n@media (max-width: 576px) {\n  .last-text {\n    padding-bottom: 10px;\n  }\n\n  .nav-subitems {\n    display: none;\n  }\n\n  #content {\n    padding-top: 20px;\n  }\n\n  .content .scrollspy {\n    display: none;\n  }\n\n  .content .col {\n    flex-basis: calc(100%);\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .sub-content .col-text {\n    display: block;\n  }\n\n  .sub-content .col-image {\n    display: none;\n  }\n\n  .fase-1-row-name {\n    padding-left: 0px;\n  }\n\n  .call-to-action-btn-content {\n    width: 95%;\n    margin-left: 0px;\n    margin-right: 20px;\n  }\n}\n\n/* Small devices (landscape phones, 576px and up) */\n@media (min-width: 576px) {\n  .nav-subitems {\n    display: none;\n  }\n\n  .content .scrollspy {\n    display: none;\n  }\n\n  .content .col {\n    flex-basis: 375px;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .sub-content .col-text {\n    flex-basis: 100%;\n    flex-grow: 1;\n  }\n\n  .sub-content .col-image {\n    display: none;\n  }\n\n  .call-to-action-btn-content {\n    width: 95%;\n    margin-left: 0px;\n    margin-right: 20px;\n  }\n}\n\n/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */\n@media (min-width: 768px) {\n  .content .col:nth-child(2) {\n    flex-basis: 100%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 10px;\n  }\n\n  .content .col:nth-child(0) {\n    display: block;\n  }\n\n  .sub-content .col {\n    display: initial;\n  }\n\n  .sub-content .col-text {\n    flex-basis: 100%;\n    flex-grow: 1;\n  }\n\n  .sub-content .col-image {\n    display: none;\n  }\n\n  .fase-1-row-name {\n    padding-left: 20px;\n  }\n\n  .call-to-action-btn-content {\n    max-width: 180px;\n    margin-left: 0px;\n  }\n}\n\n/* Large devices (desktops, 992px and up) */\n@media (min-width: 992px) {\n  .last-text {\n    padding-bottom: 250px;\n  }\n\n  .content .col:nth-child(1) {\n    display: block;\n    flex-basis: 25%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .nav-subitems {\n    display: block;\n  }\n\n  .sub-content .col-image {\n    display: block;\n  }\n\n  .content .col:nth-child(2) {\n    flex-basis: 66%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .sub-content .col:nth-child(1) {\n    flex-basis: 45%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .sub-content .col:nth-child(2) {\n    flex-basis: 45%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n}\n\n/* Extra large devices (large desktops, 1200px and up) */\n@media (min-width: 1200px) {\n  .content .col:nth-child(1) {\n    flex-basis: 30%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .content .col:nth-child(2) {\n    flex-basis: 60%;\n    flex-grow: 2;\n    margin-left: 20px;\n    margin-right: 10px;\n  }\n\n  .content .col:nth-child(2) p {\n    width: 95%;\n  }\n\n  .sub-content .col:nth-child(1) {\n    flex-basis: 45%;\n    flex-grow: 1;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n\n  .sub-content .col:nth-child(2) {\n    flex-basis: 45%;\n    flex-grow: 1;\n    margin-left: 35px;\n    margin-right: 10px;\n  }\n\n  .call-to-action-btn-content {\n    max-width: 150px;\n    margin-bottom: 0px;\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!./PageWithScrollSpy.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!./PageWithScrollSpy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageWithScrollSpy.vue?vue&type=template&id=a13119ec&\"\nimport script from \"./PageWithScrollSpy.vue?vue&type=script&lang=js&\"\nexport * from \"./PageWithScrollSpy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageWithScrollSpy.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"],"sourceRoot":""}