{"version":3,"file":"zoomv.3892.min.js?t=c01728bb46ab22cee8a3","mappings":"wzBAwDA,QAvDe,WAgBZ,O,EAfD,SAAAA,EAAYC,I,4FAAIC,CAAA,KAAAF,GACdG,KAAKF,GAAKA,EACVE,KAAKC,OAAS,CACZC,iBAAkBF,KAAKF,GAAGK,cAAc,2BACxCC,QAASJ,KAAKF,GAAGO,iBAAiB,0BAClCC,YAAaN,KAAKF,GAAGK,cAAc,kCACnCI,aAAcP,KAAKF,GAAGK,cAAc,oCAEtCH,KAAKQ,OAAS,CACZC,OAAQ,IACRC,QAAS,KAEXV,KAAKW,gBAAkB,KACvBX,KAAKY,OACLZ,KAAKa,cACP,G,EAAC,EAAAC,IAAA,eAAAC,MAED,WACE,IAAAC,EAAwDhB,KAAKC,OAArDK,EAAWU,EAAXV,YAAaC,EAAYS,EAAZT,aAAcL,EAAgBc,EAAhBd,iBACnCI,EAAYW,iBAAiB,QAASjB,KAAKkB,KAAKC,KAAKnB,OACrDO,EAAaU,iBAAiB,QAASjB,KAAKoB,MAAMD,KAAKnB,OACvDE,EAAiBe,iBAAiB,YAAajB,KAAKoB,MAAMD,KAAKnB,OAC/DE,EAAiBe,iBAAiB,WAAYjB,KAAKkB,KAAKC,KAAKnB,OAC7DqB,OAAOJ,iBAAiB,SAAUjB,KAAKY,KAAKO,KAAKnB,MACnD,GAAC,CAAAc,IAAA,OAAAC,MAED,WACE,IAAAO,EAAwDtB,KAAKC,OAArDC,EAAgBoB,EAAhBpB,iBAAkBI,EAAWgB,EAAXhB,YAAaC,EAAYe,EAAZf,aACvCL,EAAiBqB,UAAUC,IAAI,mCAC/BlB,EAAYmB,aAAa,SAAU,IACnClB,EAAamB,gBAAgB,SAC/B,GAAC,CAAAZ,IAAA,QAAAC,MAED,WACE,IAAAY,EAAwD3B,KAAKC,OAArDC,EAAgByB,EAAhBzB,iBAAkBI,EAAWqB,EAAXrB,YAAaC,EAAYoB,EAAZpB,aACvCL,EAAiBqB,UAAUK,OAAO,mCAClCtB,EAAYoB,gBAAgB,UAC5BnB,EAAakB,aAAa,SAAU,GACtC,GAAC,CAAAX,IAAA,OAAAC,MAED,WACE,IAAAc,EAAsC7B,KAAKC,OAAnCC,EAAgB2B,EAAhB3B,iBAAkBE,EAAOyB,EAAPzB,QAC1B0B,EAA4B9B,KAAKQ,OAAzBC,EAAMqB,EAANrB,OAAQC,EAAOoB,EAAPpB,QAEZW,OAAOU,YAAc/B,KAAKW,iBAC5BT,EAAiB8B,MAAMC,MAAQ,GAAHC,OAAMxB,EAAUN,EAAQ+B,OAAM,MAC1DjC,EAAiBqB,UAAUC,IAAI,qCAE/BtB,EAAiB8B,MAAMC,MAAQ,GAAHC,OAAMzB,EAASL,EAAQ+B,OAAM,MACzDjC,EAAiBqB,UAAUC,IAAI,mCAEnC,M,6EAAC,CApDY,E","sources":["webpack://@hero-digital/zoom/./src/components/foundation/LogoSlide/LogoSlide.js"],"sourcesContent":["// LogoSlide Component\r\nclass LogoSlide {\r\n  constructor(el) {\r\n    this.el = el\r\n    this.domMap = {\r\n      $slidesContainer: this.el.querySelector('.fdn-logo-slide__slides'),\r\n      $slides: this.el.querySelectorAll('.fdn-logo-slide__slide'),\r\n      $playButton: this.el.querySelector('.fdn-logo-slide__control--play'),\r\n      $pauseButton: this.el.querySelector('.fdn-logo-slide__control--pause')\r\n    }\r\n    this.widths = {\r\n      mobile: 184,\r\n      desktop: 286\r\n    }\r\n    this.largeBreakpoint = 1025\r\n    this.init()\r\n    this.addListeners()\r\n  }\r\n\r\n  addListeners() {\r\n    const { $playButton, $pauseButton, $slidesContainer } = this.domMap\r\n    $playButton.addEventListener('click', this.play.bind(this))\r\n    $pauseButton.addEventListener('click', this.pause.bind(this))\r\n    $slidesContainer.addEventListener('mouseover', this.pause.bind(this))\r\n    $slidesContainer.addEventListener('mouseout', this.play.bind(this))\r\n    window.addEventListener('resize', this.init.bind(this))\r\n  }\r\n\r\n  play() {\r\n    const { $slidesContainer, $playButton, $pauseButton } = this.domMap\r\n    $slidesContainer.classList.add('fdn-logo-slide__slides--playing')\r\n    $playButton.setAttribute('hidden', '')\r\n    $pauseButton.removeAttribute('hidden')\r\n  }\r\n\r\n  pause() {\r\n    const { $slidesContainer, $playButton, $pauseButton } = this.domMap\r\n    $slidesContainer.classList.remove('fdn-logo-slide__slides--playing')\r\n    $playButton.removeAttribute('hidden')\r\n    $pauseButton.setAttribute('hidden', '')\r\n  }\r\n\r\n  init() {\r\n    const { $slidesContainer, $slides } = this.domMap\r\n    const { mobile, desktop } = this.widths\r\n\r\n    if (window.innerWidth >= this.largeBreakpoint) {\r\n      $slidesContainer.style.width = `${desktop * $slides.length}px`\r\n      $slidesContainer.classList.add('fdn-logo-slide__slides--playing')\r\n    } else {\r\n      $slidesContainer.style.width = `${mobile * $slides.length}px`\r\n      $slidesContainer.classList.add('fdn-logo-slide__slides--playing')\r\n    }\r\n  }\r\n}\r\n\r\nexport default LogoSlide\r\n"],"names":["LogoSlide","el","_classCallCheck","this","domMap","$slidesContainer","querySelector","$slides","querySelectorAll","$playButton","$pauseButton","widths","mobile","desktop","largeBreakpoint","init","addListeners","key","value","_this$domMap","addEventListener","play","bind","pause","window","_this$domMap2","classList","add","setAttribute","removeAttribute","_this$domMap3","remove","_this$domMap4","_this$widths","innerWidth","style","width","concat","length"],"sourceRoot":""}