{"version":3,"sources":["webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/background-light/background-light.js","webpack:///./cartridges/app_designholding/cartridge/client/default/js/components/background-light/index.js"],"names":["HEADER_HIDDEN_CLASS","BackgroundLight","constructor","element","lightPosOffset","offsetWidth","bindEvents","body","addEventListener","e","updateLightPosition","x","clientX","y","clientY","newXPos","newYPos","html","classList","contains","style","transform","removeAttribute"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAEA,IAAMA,mBAAmB,GAAG,mBAA5B;;AAEA,MAAMC,gCAAN,CAAsB;AACpBC,aAAW,CAACC,OAAD,EAAU;AACnB,SAAKA,OAAL,GAAeA,OAAf;AACA,SAAKC,cAAL,GAAsB,KAAKD,OAAL,CAAaE,WAAb,GAA2B,CAAjD;AAEA,SAAKC,UAAL;AACD;;AAEDA,YAAU,GAAG;AACXC,wBAAI,CAACC,gBAAL,CAAsB,WAAtB,EAAoCC,CAAD,IAAO,KAAKC,mBAAL,CAAyBD,CAAzB,CAA1C;AACD;;AAEDC,qBAAmB,CAACD,CAAD,EAAI;AACrB,QAAME,CAAC,GAAGF,CAAC,CAACG,OAAZ;AACA,QAAMC,CAAC,GAAGJ,CAAC,CAACK,OAAZ;AACA,QAAMC,OAAO,GAAGJ,CAAC,GAAG,KAAKP,cAAzB;AACA,QAAMY,OAAO,GAAGH,CAAC,GAAG,KAAKT,cAAzB,CAJqB,CAMrB;;AACA,QAAIa,oBAAI,CAACC,SAAL,CAAeC,QAAf,CAAwBnB,mBAAxB,CAAJ,EAAkD;AAChD,WAAKG,OAAL,CAAaiB,KAAb,CAAmBC,SAAnB,yBAA8CN,OAA9C,iBAA4DC,OAA5D;AACD,KAFD,MAEO;AACL,WAAKb,OAAL,CAAamB,eAAb,CAA6B,OAA7B;AACD;AACF;;AAxBmB;;AA0BPrB,qFAAf,E;;AC9BA;AAEeA,iHAAf,E","file":"js/BackgroundgroundLight.js","sourcesContent":["import { html, body } from '@utilities/dom-elements';\n\nconst HEADER_HIDDEN_CLASS = 'header--is-hidden';\n\nclass BackgroundLight {\n  constructor(element) {\n    this.element = element;\n    this.lightPosOffset = this.element.offsetWidth / 2;\n\n    this.bindEvents();\n  }\n\n  bindEvents() {\n    body.addEventListener('mousemove', (e) => this.updateLightPosition(e));\n  }\n\n  updateLightPosition(e) {\n    const x = e.clientX;\n    const y = e.clientY;\n    const newXPos = x - this.lightPosOffset;\n    const newYPos = y - this.lightPosOffset;\n\n    // only let user play with light when header is not in view.\n    if (html.classList.contains(HEADER_HIDDEN_CLASS)) {\n      this.element.style.transform = `translate3d(${newXPos}px, ${newYPos}px, 0px)`;\n    } else {\n      this.element.removeAttribute('style');\n    }\n  }\n}\nexport default BackgroundLight;\n","import BackgroundLight from './background-light';\n\nexport default BackgroundLight;\n"],"sourceRoot":""}