{"version":3,"sources":["webpack:///./src/components/blocks/concept-page/BaseAnimateableBlock.vue?a758","webpack:///src/components/blocks/concept-page/BaseAnimateableBlock.vue","webpack:///./src/components/blocks/concept-page/BaseAnimateableBlock.vue?cd7b","webpack:///./src/components/blocks/concept-page/BaseAnimateableBlock.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,GCItB,GACA,eACA,KAFA,WAGA,OACA,uDACA,8CACA,UACA,WACA,uBACA,mBACA,iBAGA,SACA,uBADA,WAEA,qDACA,6CACA,mCAEA,mBANA,WAMA,WACA,8CAKA,gDAJA,0DAMA,aAdA,WAiBA,uDACA,qCAEA,gCACA,wCACA,cAEA,mDAEA,6FAGA,YACA,kBACA,6BAEA,iCACA,kBAGA,yBACA,kBACA,+BAIA,sBA3CA,WA4CA,2DAGA,QA5DA,WA6DA,oDACA,8DACA,+BAEA,QAjEA,WAkEA,uDACA,mECxE4X,I,YCOxXC,EAAY,eACd,EACAR,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0d0b28.6c9e5b7a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div></div>\n</template>\n\n<script>\nexport default {\n\tprops: ['data'],\n\tdata() {\n\t\treturn {\n\t\t\tblockClasses: 'color-mode-breakpoint animateable-block',\n\t\t\tblockGridClasses: 'row small-up-1 medium-up-2',\n\t\t\tactive: false,\n\t\t\tanimate: false,\n\t\t\tbackgroundShade: 'dark',\n\t\t\theaderLinkOffset: 0,\n\t\t\tscrollOffset: 0\n\t\t}\n\t},\n\tmethods: {\n\t\tupdateHeaderLinkOffset() {\n\t\t\tvar element = document.querySelector('.header-link-wrapper');\n\t\t\tif (typeof element === 'undefined' || element === null) return false;\n\t\t\tthis.headerLinkOffset = element.offsetTop\n\t\t},\n\t\tgetHeaderTopOffset() {\n\t\t\tif (typeof this.headerLinkOffset==='undefined') {\n\t\t\t\tsetTimeout(() => { this.updateHeaderLinkOffset() }, 500);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t//return this.headerLinkOffset;\n\t\t\treturn window.innerHeight - this.headerLinkOffset;\n\t\t},\n\t\thandleScroll () {\n\t\t\t//if (typeof this.data.featured_page_left === 'undefined' || this.data.featured_page_left.title!==\"Responsive Tabs Test\") return;\n\n\t\t\tvar direction = (this.scrollOffset > window.pageYOffset) ? 'up' : 'down';\n\t\t\tthis.scrollOffset = window.pageYOffset;\n\n\t\t\tvar topSwitchOffset = this.getHeaderTopOffset();\n\t\t\tvar offsetTopPosition = this.$el.offsetTop - window.pageYOffset;\n\t\t\tvar offsetTop = Math.abs(offsetTopPosition);\n\n\t\t\tif (typeof this.$refs.animationWrapper !== 'undefined') {\n\t\t\t\t// This triggers the animation for the block\n\t\t\t\tthis.animate = (this.$refs.animationWrapper.getBoundingClientRect().top<=(window.innerHeight*.5));\n\t\t\t}\n\t\t\t\n\t\t\tif (direction==='down') {\n\t\t\t\tif (offsetTop >= (topSwitchOffset - 50) && offsetTop <= (topSwitchOffset + 50)) {\n\t\t\t\t\tthis.changeBackgroundShade();\n\t\t\t\t}\n\t\t\t\tif (offsetTop < (window.innerHeight*.55) && (offsetTopPosition <= 0)) {\n\t\t\t\t\tthis.active = true;\n\t\t\t\t} \n\t\t\t} else {\n\t\t\t\toffsetTop -= this.$el.clientHeight;\n\t\t\t\tif (offsetTop >= (topSwitchOffset - 50) && offsetTop <= (topSwitchOffset + 50)) {\n\t\t\t\t\tthis.changeBackgroundShade();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tchangeBackgroundShade() {\n\t\t\tthis.$emit('changeBackgroundShade', this.backgroundShade);\n\t\t}\n\t},\n\tmounted() {\n\t\twindow.addEventListener('scroll', this.handleScroll)\n\t\twindow.addEventListener('resize', this.updateHeaderLinkOffset)\n\t\tthis.updateHeaderLinkOffset()\n\t},\n\tdestroy() {\n\t\twindow.removeEventListener('scroll', this.handleScroll)\n\t\twindow.removeEventListener('resize', this.updateHeaderLinkOffset)\n\t}\n}\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseAnimateableBlock.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!./BaseAnimateableBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseAnimateableBlock.vue?vue&type=template&id=358492b0&\"\nimport script from \"./BaseAnimateableBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseAnimateableBlock.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":""}