{"version":3,"sources":["webpack:///./src/js/modules/insightsSubscribe.js"],"names":["Module","this","dom","insightsSubscribe","el","querySelector","scrollTop","window","pageYOffset","document","documentElement","topOffset","offsetTop","bottomOffset","offsetHeight","scroll","classList","contains","remove","style","top","add","Component"],"mappings":"0oBAEMA,E,ieAEFC,KAAKC,IAAM,CACTC,kBAAmBF,KAAKG,GAAGC,cAAc,wBAE3CJ,KAAKK,UAAYC,OAAOC,aAAeC,SAASC,gBAAgBJ,Y,6EAQhE,IACMK,EAAYV,KAAKG,GAAGQ,UACpBC,EACJZ,KAAKG,GAAGQ,UACRX,KAAKG,GAAGU,aACRb,KAAKC,IAAIC,kBAAkBW,aALb,IAOVC,EAASR,OAAOC,aAAeC,SAASC,gBAAgBJ,UAE1DC,OAAOC,YAAcG,EAErBV,KAAKC,IAAIC,kBAAkBa,UAAUC,SACnC,+BAGFhB,KAAKC,IAAIC,kBAAkBa,UAAUE,OACnC,8BAIJX,OAAOC,aAAeG,GACtBJ,OAAOC,YAAcK,GAErBZ,KAAKC,IAAIC,kBAAkBgB,MAAMC,IAAM,GAEpCnB,KAAKC,IAAIC,kBAAkBa,UAAUC,SACpC,+BAGFhB,KAAKC,IAAIC,kBAAkBa,UAAUK,IAAI,gCAG3CpB,KAAKC,IAAIC,kBAAkBgB,MAAMC,IAC/BP,EAAeN,OAAOC,YADxB,KAIGP,KAAKC,IAAIC,kBAAkBa,UAAUC,SACpC,+BAGFhB,KAAKC,IAAIC,kBAAkBa,UAAUK,IAAI,+BAIzCd,OAAOC,aAAeG,GAAaJ,OAAOC,aAAeK,GACvDE,EAASd,KAAKK,UAChBL,KAAKC,IAAIC,kBAAkBa,UAAUK,IACnC,iCAQJpB,KAAKC,IAAIC,kBAAkBa,UAAUE,OACnC,iCAIJjB,KAAKK,UAAYS,M,GA3ErB,MAEqBO,W,UA6ENtB","file":"58.9ef97a5f0c16ad8111df.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n      insightsSubscribe: this.el.querySelector('.insights-subscribe')\n    };\n    this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  }\n\n  addListeners() {\n    // window.addEventListener('scroll', ::this.handleScroll);\n  }\n\n  handleScroll() {\n    const padding = 160;\n    const topOffset = this.el.offsetTop;\n    const bottomOffset =\n      this.el.offsetTop +\n      this.el.offsetHeight -\n      this.dom.insightsSubscribe.offsetHeight -\n      padding;\n    const scroll = window.pageYOffset || document.documentElement.scrollTop;\n\n    if (window.pageYOffset < topOffset) {\n      if (\n        this.dom.insightsSubscribe.classList.contains(\n          'insights-subscribe--sticky'\n        )\n      ) {\n        this.dom.insightsSubscribe.classList.remove(\n          'insights-subscribe--sticky'\n        );\n      }\n    } else if (\n      window.pageYOffset >= topOffset &&\n      window.pageYOffset < bottomOffset\n    ) {\n      this.dom.insightsSubscribe.style.top = '';\n      if (\n        !this.dom.insightsSubscribe.classList.contains(\n          'insights-subscribe--sticky'\n        )\n      ) {\n        this.dom.insightsSubscribe.classList.add('insights-subscribe--sticky');\n      }\n    } else {\n      this.dom.insightsSubscribe.style.top = `${\n        bottomOffset - window.pageYOffset\n      }px`;\n      if (\n        !this.dom.insightsSubscribe.classList.contains(\n          'insights-subscribe--sticky'\n        )\n      ) {\n        this.dom.insightsSubscribe.classList.add('insights-subscribe--sticky');\n      }\n    }\n\n    if (window.pageYOffset >= topOffset && window.pageYOffset <= bottomOffset) {\n      if (scroll < this.scrollTop) {\n        this.dom.insightsSubscribe.classList.add(\n          'insights-subscribe--translate'\n        );\n      } else {\n        this.dom.insightsSubscribe.classList.remove(\n          'insights-subscribe--translate'\n        );\n      }\n    } else {\n      this.dom.insightsSubscribe.classList.remove(\n        'insights-subscribe--translate'\n      );\n    }\n\n    this.scrollTop = scroll;\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}