{"version":3,"sources":["webpack:///./assets/javascripts/modules/components/BigVisualComponent.js"],"names":["BigVisualComponent","_classCallCheck","this","_this","_possibleConstructorReturn","__proto__","Object","getPrototypeOf","call","controller","Component","main","el","image","querySelector","direction","classList","contains","tween","TweenMax","to","y","ScrollMagic","Scene","triggerElement","duration","offsetHeight","setTween","addTo","_this2","document","body","$matchMedia","elements","$","SELECTORS","length","Controller","each","index","element","bindEvent"],"mappings":"8ZAMqBA,cAOnB,SAAAA,iGAAaC,CAAAC,KAAAF,GAAA,IAAAG,mKAAAC,CAAAF,MAAAF,EAAAK,WAAAC,OAAAC,eAAAP,IAAAQ,KAAAN,OAAA,OAGXC,EAAKM,WAAa,KAHPN,qUAPiCO,6CAE5C,OACEC,KAAM,0DAUAC,GAER,IAAIC,EAAQD,EAAGE,cAAc,OACzBC,EAAYH,EAAGI,UAAUC,SAAS,oBAAsB,MAAQ,OAChEC,EAAQC,SAASC,GAAGP,EAAO,GAAIQ,EAAGN,IAEtC,IAAIO,IAAYC,OACdC,eAAgBZ,EAChBa,SAAUb,EAAGc,eAEdC,SAAST,GAETU,MAAM1B,KAAKO,6CAIL,IAAAoB,EAAA3B,KAEP,IAAG4B,SAASC,KAAKf,UAAUC,SAAS,YAApC,CAEA,GAAGf,KAAK8B,YAAY,KAAM,MACxB,IAAIC,EAAWC,EAAKhC,KAAKiC,UAAUxB,KAApB,mBAEXsB,EAAWC,EAAEhC,KAAKiC,UAAUxB,MAG9BsB,EAASG,OAAS,IAEpBlC,KAAKO,WAAa,IAAIa,IAAYe,WAElCJ,EAASK,KAAK,SAACC,EAAOC,GACpBX,EAAKY,UAAUD,gBA5CFxC","file":"components-BigVisualComponent.chunks.js","sourcesContent":["import Component from \"../abstracts/Component\";\nimport 'gsap';\nimport ScrollMagic from 'scrollmagic';\nimport 'debug.addIndicators';\nimport 'animation.gsap';\n\nexport default class BigVisualComponent extends Component {\n  get SELECTORS() {\n    return {\n      main: '.c-big-visual',\n    }\n  }\n\n  constructor(){\n    super();\n\n    this.controller = null;\n  }\n\n  bindEvent(el) {\n\n    let image = el.querySelector('img');\n    let direction = el.classList.contains('reverse-parallax') ? \"30%\" : \"-10%\";\n    let tween = TweenMax.to(image, 1, {y: direction})\n\n    new ScrollMagic.Scene({\n      triggerElement: el,\n      duration: el.offsetHeight\n    })\n    .setTween(tween)\n    // .addIndicators()\n    .addTo(this.controller);\n\n  }\n\n  render() {\n\n    if(document.body.classList.contains('editMode')) return;\n\n    if(this.$matchMedia('lg', null)){\n      var elements = $(`${this.SELECTORS.main}.d-lg-none`);\n    }else{\n      var elements = $(this.SELECTORS.main);\n    }\n\n    if (elements.length > 0) {\n\n      this.controller = new ScrollMagic.Controller();\n\n      elements.each((index, element) => {\n        this.bindEvent(element);\n      });\n    }\n  }\n}\n"],"sourceRoot":""}