{"version":3,"sources":["webpack://[name]/./src/js/components/ScrollDirectionComponent.js"],"names":["ScrollDirectionComponent","_BaseComponent","element","_this","_classCallCheck","_callSuper","observeScroll","_inherits","_createClass","key","get","up","down","active","trigger","value","_this2","window","addEventListener","e","targetToActivate","document","querySelectorAll","SELECTORS","forEach","target","scrollY","classList","add","CLASSES","documentElement","remove","closest","deltaY","$el","BaseComponent"],"mappings":"keAAuD,IAElCA,EAAwB,SAAAC,GAe3C,SAAAD,EAAYE,GAAS,IAAAC,EAEE,OAFFC,IAAA,KAAAJ,IACnBG,EAAAE,EAAA,KAAAL,EAAA,CAAME,KACDI,gBAAgBH,EACtB,OAAAI,IAAAP,EAAAC,GAAAO,IAAAR,EAAA,EAAAS,IAAA,UAAAC,IAjBD,WACE,MAAO,CACLC,GAAI,YACJC,KAAM,cACNC,OAAQ,YAEX,CAAAJ,IAAA,YAAAC,IAED,WACE,MAAO,CACLI,QAAS,4BAEZ,CAAAL,IAAA,gBAAAM,MAOD,WAAgB,IAAAC,EAAA,KACdC,OAAOC,iBAAiB,SAAS,SAACC,GAEhC,IAAMC,EAAmBC,SAASC,iBAAiBN,EAAKO,UAAUT,SAgBlE,GAdIM,GACFA,EAAiBI,SAAQ,SAAAC,GACpBR,OAAOS,SAAW,IACnBD,EAAOE,UAAUC,IAAIZ,EAAKa,QAAQhB,QAClCQ,SAASS,gBAAgBH,UAAUC,IAAI,mBAEvCH,EAAOE,UAAUI,OAAOf,EAAKa,QAAQhB,QACrCQ,SAASS,gBAAgBH,UAAUI,OAAO,sBAO5CZ,EAAEM,OAAOO,QAAQ,+BAMrB,OAFkBb,EAAEc,OAAS,EAAI,OAAS,MAGxC,IAAK,KACHjB,EAAKkB,IAAIP,UAAUI,OAAOf,EAAKa,QAAQjB,MACvCI,EAAKkB,IAAIP,UAAUC,IAAIZ,EAAKa,QAAQlB,IACpC,MACF,IAAK,OACHK,EAAKkB,IAAIP,UAAUI,OAAOf,EAAKa,QAAQlB,IACvCK,EAAKkB,IAAIP,UAAUC,IAAIZ,EAAKa,QAAQjB,MACpC,MACF,QACEI,EAAKkB,IAAIP,UAAUI,OAAOf,EAAKa,QAAQlB,IACvCK,EAAKkB,IAAIP,UAAUI,OAAOf,EAAKa,QAAQjB,cAxDJ,C,OAASuB","file":"js/component-ScrollDirectionComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../abstracts/BaseComponent';\n\nexport default class ScrollDirectionComponent extends BaseComponent {\n  get CLASSES() {\n    return {\n      up: 'scroll-up',\n      down: 'scroll-down',\n      active: 'active'\n    };\n  }\n\n  get SELECTORS() {\n    return {\n      trigger: '.js-activate-on-scroll',\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.observeScroll();\n  }\n\n  observeScroll() {\n    window.addEventListener('wheel', (e) => {\n\n      const targetToActivate = document.querySelectorAll(this.SELECTORS.trigger);\n      \n      if (targetToActivate) {\n        targetToActivate.forEach(target => {\n          if(window.scrollY >= 30) {\n            target.classList.add(this.CLASSES.active);\n            document.documentElement.classList.add('scroll-active');\n          } else {\n            target.classList.remove(this.CLASSES.active);\n            document.documentElement.classList.remove('scroll-active');\n          }\n        });\n\n      }\n\n      // PITTI20-90\n      if (e.target.closest('.listing-grid-sidebar-right')) {\n        return;\n      }\n\n      const scrollDir = e.deltaY > 0 ? 'down' : 'up';\n\n      switch (scrollDir) {\n        case 'up':\n          this.$el.classList.remove(this.CLASSES.down);\n          this.$el.classList.add(this.CLASSES.up);\n          break;\n        case 'down':\n          this.$el.classList.remove(this.CLASSES.up);\n          this.$el.classList.add(this.CLASSES.down);\n          break;\n        default:\n          this.$el.classList.remove(this.CLASSES.up);\n          this.$el.classList.remove(this.CLASSES.down);\n      }\n    });\n  }\n}\n"],"sourceRoot":""}