{"version":3,"file":"zoomv.3942.min.js?t=88bc783d03165351c5c6","mappings":"iiCA2DA,QA3DsBA,GACpB,SAAAC,EAAYC,GAAI,IAAAC,EAAA,M,4FAAAC,CAAA,KAAAH,GAAAI,EAAA,qBAWD,WACbF,EAAKG,aAAaC,SAAQ,SAACC,GACzB,IAAMC,EAAUD,EACbE,QAAQ,2CACRC,cAAc,oCAEbF,IACFD,EAAYI,iBAAiB,cAAc,SAACC,GACtCA,EAAEC,SAAWN,GAAaL,EAAKY,YAAYN,EACjD,IACAD,EAAYI,iBAAiB,cAAc,SAACC,GACtCA,EAAEC,SAAWN,GAAaL,EAAKa,YAAYP,EACjD,IAEJ,IAEAN,EAAKc,aAAaV,SAAQ,SAACW,GACzBA,EAAYN,iBAAiB,SAAS,SAACC,GACrC,IAAMJ,EAAUS,EAAYR,QAAQ,oCAChCD,GACFN,EAAKa,YAAYP,EAErB,GACF,GACF,IAACJ,EAAA,oBAEa,SAACI,GACbU,uBAAsB,WACpBV,EAAQW,UAAUC,OAAO,YACzBZ,EAAQW,UAAUE,IAAI,SACxB,GACF,IAACjB,EAAA,oBAEa,SAACI,GACbA,EAAQW,UAAUC,OAAO,UACzBZ,EAAQW,UAAUE,IAAI,YAEtBb,EAAQG,iBACN,iBACA,WACEH,EAAQW,UAAUC,OAAO,WAC3B,GACA,CAAEE,MAAM,GAEZ,IAtDEC,KAAKtB,GAAKA,EACVsB,KAAKlB,aAAekB,KAAKtB,GAAGuB,iBAC1B,iDAEFD,KAAKP,aAAeO,KAAKtB,GAAGuB,iBAC1B,0CAEFD,KAAKE,cACP,G","sources":["webpack://@hero-digital/zoom/./src/components/foundation/ProductCopyBlock/_ProductCopyBlock.js"],"sourcesContent":["class ProductCopyBlock {\r\n  constructor(el) {\r\n    this.el = el\r\n    this.productNames = this.el.querySelectorAll(\r\n      '.fdn-product-copy-block__tooltip-product-name'\r\n    )\r\n    this.closeButtons = this.el.querySelectorAll(\r\n      '.fdn-product-copy-block__tooltip-close'\r\n    )\r\n    this.addListeners()\r\n  }\r\n\r\n  addListeners = () => {\r\n    this.productNames.forEach((productName) => {\r\n      const tooltip = productName\r\n        .closest('.fdn-product-copy-block__body-container')\r\n        .querySelector('.fdn-product-copy-block__tooltip')\r\n\r\n      if (tooltip) {\r\n        productName.addEventListener('mouseenter', (e) => {\r\n          if (e.target === productName) this.showTooltip(tooltip)\r\n        })\r\n        productName.addEventListener('mouseleave', (e) => {\r\n          if (e.target === productName) this.hideTooltip(tooltip)\r\n        })\r\n      }\r\n    })\r\n\r\n    this.closeButtons.forEach((closeButton) => {\r\n      closeButton.addEventListener('click', (e) => {\r\n        const tooltip = closeButton.closest('.fdn-product-copy-block__tooltip')\r\n        if (tooltip) {\r\n          this.hideTooltip(tooltip)\r\n        }\r\n      })\r\n    })\r\n  }\r\n\r\n  showTooltip = (tooltip) => {\r\n    requestAnimationFrame(() => {\r\n      tooltip.classList.remove('removing')\r\n      tooltip.classList.add('active')\r\n    })\r\n  }\r\n\r\n  hideTooltip = (tooltip) => {\r\n    tooltip.classList.remove('active')\r\n    tooltip.classList.add('removing')\r\n\r\n    tooltip.addEventListener(\r\n      'transitionend',\r\n      () => {\r\n        tooltip.classList.remove('removing')\r\n      },\r\n      { once: true }\r\n    )\r\n  }\r\n}\r\n\r\nexport default ProductCopyBlock\r\n"],"names":["_createClass","ProductCopyBlock","el","_this","_classCallCheck","_defineProperty","productNames","forEach","productName","tooltip","closest","querySelector","addEventListener","e","target","showTooltip","hideTooltip","closeButtons","closeButton","requestAnimationFrame","classList","remove","add","once","this","querySelectorAll","addListeners"],"sourceRoot":""}