{"version":3,"sources":["webpack:///./src/components/blocks/concept-page/Boat.vue?5439","webpack:///src/components/blocks/concept-page/Boat.vue","webpack:///./src/components/blocks/concept-page/Boat.vue?00ee","webpack:///./src/components/blocks/concept-page/Boat.vue","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","class","backgroundShade","data","type","blockClasses","active","blockGridClasses","staticClass","attrs","ref","animate","walking","waiting","walkingClass","hidden","staticRenderFns","component"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAACN,EAAIO,gBAAiBP,EAAIQ,KAAKC,KAAMT,EAAIU,aAAc,CAAEC,OAAQX,EAAIW,UAAW,CAACP,EAAG,MAAM,CAACE,MAAM,CAACN,EAAIY,mBAAmB,CAACR,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,aAAa,CAACU,MAAM,CAAC,KAAOd,EAAIQ,SAAS,GAAGJ,EAAG,MAAM,CAACW,IAAI,mBAAmBT,MAAM,CAAC,SAAU,oBAAqB,CAAEK,OAAQX,EAAIgB,QAASC,SAAUjB,EAAIkB,WAAY,CAACd,EAAG,OAAO,CAACS,YAAY,SAAST,EAAG,OAAO,CAACS,YAAY,SAAST,EAAG,OAAO,CAACE,MAAM,CAAC,OAAQN,EAAImB,aAAc,CAAEC,QAASpB,EAAIW,YAAa,QACxkBU,EAAkB,G,YCiBtB,GACA,qBACA,KAFA,WAGA,OACA,WACA,kBAGA,YACA,6EACA,wEACA,wEACA,yEAEA,SACA,YADA,WACA,WACA,4BACA,uBACA,iCACA,eACA,KACA,uBACA,2BACA,eACA,MACA,uBACA,wBACA,eACA,OAGA,OACA,QADA,SACA,GACA,GACA,sBCpD4W,I,YCOxWC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,oDClBf,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FiB,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,EACAvB,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-01f4f745.f6d14f0d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[_vm.backgroundShade, _vm.data.type, _vm.blockClasses, { active: _vm.active }]},[_c('div',{class:[_vm.blockGridClasses]},[_c('div',{staticClass:\"column dark-wavy-bg\"},[_c('block-text',{attrs:{\"data\":_vm.data}})],1),_c('div',{ref:\"animationWrapper\",class:['column', 'animation-wrapper', { active: _vm.animate, walking: !_vm.waiting }]},[_c('boat',{staticClass:\"boat\"}),_c('dock',{staticClass:\"dock\"}),_c('paul',{class:['paul', _vm.walkingClass, { hidden: !_vm.active }]})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<section :class=\"[backgroundShade, data.type, blockClasses, { active: active }]\">\n\t\t<div :class=\"[blockGridClasses]\">\n\t\t\t<div class=\"column dark-wavy-bg\">\n\t\t\t\t<block-text :data=\"data\"></block-text>\n\t\t\t</div>\n\t\t\t<div ref=\"animationWrapper\" :class=\"['column', 'animation-wrapper', { active: animate, walking: !waiting }]\">\n\t\t\t\t<boat class=\"boat\"></boat>\n\t\t\t\t<dock class=\"dock\"></dock>\n\t\t\t\t<paul :class=\"['paul', walkingClass, { hidden: !active }]\"></paul>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n\n<script>\nimport BaseAnimateableBlock from './BaseAnimateableBlock'\n\nexport default {\n\textends: BaseAnimateableBlock,\n\tdata() {\n\t\treturn {\n\t\t\twaiting: false,\n\t\t\twalkingClass: false\n\t\t}\n\t},\n\tcomponents: {\n\t\tBlockText: () => import('./BlockText'),\n\t\tBoat: () => import('./svgs/Boat'),\n\t\tDock: () => import('./svgs/Dock'),\n\t\tPaul: () => import('./svgs/Paul'),\n\t},\n\tmethods: {\n\t\twalkingLoop() {\n\t\t\tthis.walkingClass = 'to-boat';\n\t\t\tsetTimeout(() => { \n\t\t\t\tthis.walkingClass = 'waiting-at-boat';\n\t\t\t\tthis.waiting = true;\n\t\t\t}, 5000);\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.walkingClass = 'from-boat';\n\t\t\t\tthis.waiting = false;\n\t\t\t}, 15000);\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.walkingClass = 'hidden';\n\t\t\t\tthis.waiting = false;\n\t\t\t}, 20000);\n\t\t}\n\t},\n\twatch: {\n\t\tanimate(newVal) {\n\t\t\tif (newVal) {\n\t\t\t\tthis.walkingLoop();\n\t\t\t}\n\t\t}\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!./Boat.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!./Boat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Boat.vue?vue&type=template&id=13361839&\"\nimport script from \"./Boat.vue?vue&type=script&lang=js&\"\nexport * from \"./Boat.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {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":""}