{"version":3,"file":"zoomv.5309.min.js?t=c0317c348b1bf6ac73bf","mappings":"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","sources":["webpack://@hero-digital/zoom/./src/components/foundation/Tabs/Tabs.js","webpack://@hero-digital/zoom/./src/js/utilities/datalayer/data-layer-tab.js"],"sourcesContent":["import { DataLayerTab } from '../../../js/utilities/datalayer/data-layer-tab'\r\n\r\nclass Tabs {\r\n  constructor(el) {\r\n    this.el = el\r\n\r\n    this.domMap = {\r\n      $tabs: el.querySelectorAll('.fdn-tabs__tab:not([disabled])'),\r\n      $tabPanels: el.querySelectorAll('.fdn-tabs__tabpanel'),\r\n      initialActiveTabs: el.querySelectorAll('.nav-link.active'),\r\n      $innerTabs: el.querySelectorAll('.nested-product-tab-wrapper__inner-nav .nav-link'),\r\n      indicators: el.querySelectorAll('.nav-tabs__indicator--horizontal')\r\n    }\r\n\r\n    this.addListeners()\r\n    this.DataLayerTab = new DataLayerTab()\r\n    this.initNestedTabsIndicator()\r\n    this.handleResize = this.debounce(this.handleResize.bind(this), 200)\r\n    window.addEventListener('resize', this.handleResize)\r\n    this.updateIndicatorWidth = this.updateIndicatorWidth.bind(this)\r\n    window.addEventListener('resize', this.updateIndicatorWidth)\r\n    this.updateIndicatorWidth()\r\n\r\n    requestAnimationFrame(() => {\r\n      const defaultTab = this.el.querySelector('.fdn-tabs__tab[aria-selected=\"true\"]') || this.domMap.initialActiveTabs[0]\r\n      if (defaultTab) {\r\n        this.scrollToSection(defaultTab)\r\n      }\r\n    })\r\n  }\r\n\r\n  addListeners() {\r\n    const { $tabs, $innerTabs } = this.domMap\r\n    $tabs.forEach((tab) =>\r\n      tab.addEventListener('click', this.handleTabClick.bind(this))\r\n    )\r\n    $innerTabs.forEach((innerTab) =>\r\n      innerTab.addEventListener('click', this.handleInnerTabClick.bind(this))\r\n    )\r\n  }\r\n\r\n  handleTabClick(e) {\r\n    const { $tabs, $tabPanels } = this.domMap\r\n    const $tab = e.currentTarget\r\n    const tabPanelId = $tab.getAttribute('aria-controls')\r\n    const $tabPanel = this.el.querySelector(`#${tabPanelId}`)\r\n\r\n    $tabs.forEach((tab) => tab.setAttribute('aria-selected', false))\r\n    $tab.setAttribute('aria-selected', true)\r\n    $tab.scrollIntoView({ behavior: 'smooth', inline: 'start', block: 'nearest' })\r\n\r\n    $tabPanels.forEach((panel) => {\r\n      panel.classList.remove('show', 'active')\r\n      panel.hidden = true\r\n    })\r\n    \r\n    this.scrollToSection($tab)\r\n\r\n    $tabPanel.classList.add('show', 'active')\r\n    $tabPanel.hidden = false\r\n\r\n    const video = $tabPanel.querySelector('div[data-cmp-is=\"autosized-video\"]')\r\n    if (video) {\r\n      this.initInlineVideo(video)\r\n    }\r\n\r\n    const lottieWrapper = $tabPanel.querySelector('.lottie-animation-wrapper')\r\n    if (lottieWrapper) {\r\n      lottieWrapper.classList.remove('active')\r\n      void lottieWrapper.offsetWidth\r\n      lottieWrapper.classList.add('active')\r\n    }\r\n\r\n    const mainIndicator = this.el.querySelector('.nav-tabs__indicator--horizontal')\r\n    if (mainIndicator) {\r\n      this.updateIndicator($tab, 'horizontal', mainIndicator)\r\n    }\r\n  }\r\n\r\n  initInlineVideo(video) {\r\n    if (!video) return\r\n    const videoPlayer = video.querySelector('video')\r\n    const pauseBtn = video.querySelector('.fdn-autoVideo__video-control--pause')\r\n    const playBtn = video.querySelector('.fdn-autoVideo__video-control--play')\r\n    const restartBtn = video.querySelector('.fdn-autoVideo__video-control--restart')\r\n\r\n    restartBtn.hidden = true\r\n    videoPlayer.currentTime = 0\r\n    videoPlayer.play()\r\n    playBtn.hidden = true\r\n    pauseBtn.hidden = false\r\n  }\r\n\r\n  initNestedTabsIndicator() {\r\n    const { initialActiveTabs, indicators } = this.domMap\r\n    if (indicators.length > 0 && initialActiveTabs.length > 0) {\r\n      const indicator = indicators[0]\r\n      const activeTab = initialActiveTabs[0]\r\n      this.updateIndicator(activeTab, 'horizontal', indicator)\r\n    }\r\n  }\r\n\r\n  updateIndicator(tab, orientation, indicator) {\r\n    const context = tab.closest('.nested-product-tab-wrapper__inner-nav') || this.el\r\n    const targetIndicator = indicator || context.querySelector(`.nav-tabs__indicator--${orientation}`)\r\n\r\n    if (targetIndicator && tab) {\r\n      if (orientation === 'horizontal') {\r\n        const { offsetLeft, offsetWidth } = tab\r\n        targetIndicator.style.left = `${offsetLeft}px`\r\n        targetIndicator.style.width = `${offsetWidth}px`\r\n      }\r\n    }\r\n  }\r\n\r\n  handleInnerTabClick(event) {\r\n    event.preventDefault()\r\n    const currentTab = event.currentTarget\r\n    const tabContainer = currentTab.closest('.nested-product-tab-wrapper__inner-nav')\r\n\r\n    tabContainer.querySelectorAll('.nav-link').forEach((tab) => {\r\n      tab.classList.remove('active', 'first-active')\r\n      tab.setAttribute('aria-selected', 'false')\r\n    })\r\n\r\n    currentTab.classList.add('active')\r\n    currentTab.setAttribute('aria-selected', 'true')\r\n\r\n    const indicator = tabContainer.querySelector('.nav-tabs__indicator--horizontal')\r\n    this.updateIndicator(currentTab, 'horizontal', indicator)\r\n\r\n    this.scrollToSection(currentTab)\r\n\r\n    const nestedTabPanelId = currentTab.getAttribute('data-target')\r\n    const nestedTabPanel = this.el.querySelector(nestedTabPanelId)\r\n\r\n    if (nestedTabPanel) {\r\n      this.el.querySelectorAll('.fdn-tabs__tabpanel').forEach((pane) => {\r\n        pane.classList.remove('show', 'active')\r\n        pane.hidden = true\r\n      })\r\n\r\n      nestedTabPanel.classList.add('show', 'active')\r\n      nestedTabPanel.hidden = false\r\n\r\n      const lottieWrapper = nestedTabPanel.querySelector('.lottie-animation-wrapper')\r\n      if (lottieWrapper) {\r\n        lottieWrapper.classList.remove('active')\r\n        void lottieWrapper.offsetWidth\r\n        lottieWrapper.classList.add('active')\r\n      }\r\n\r\n      const lottieJsonEls = nestedTabPanel.querySelectorAll('.lottie-animation-json')\r\n      lottieJsonEls.forEach(lottieJsonEl => {\r\n        if (lottieJsonEl.LottieInstance) {\r\n          lottieJsonEl.LottieInstance.goToAndPlay(0, true)\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  scrollToSection(currentTab) {\r\n    const container = currentTab.parentElement\r\n    const containerRect = container.getBoundingClientRect()\r\n    const tabRect = currentTab.getBoundingClientRect()\r\n    const offset = currentTab.offsetLeft - ((containerRect.width - tabRect.width) / 2)\r\n    container.scrollTo({ left: offset, behavior: 'smooth' })\r\n  }\r\n  \r\n  \r\n\r\n  updateIndicatorWidth() {\r\n    const activeTab = this.el.querySelector('.fdn-tabs__tab[aria-selected=\"true\"]')\r\n    const indicator = this.el.querySelector('.nav-tabs__indicator--horizontal')\r\n\r\n    if (activeTab && indicator) {\r\n      requestAnimationFrame(() => {\r\n        let tabWidth = activeTab.getBoundingClientRect().width\r\n        if (tabWidth === 0) {\r\n          setTimeout(() => {\r\n            tabWidth = activeTab.getBoundingClientRect().width\r\n            if (tabWidth > 0) {\r\n              indicator.style.width = `${tabWidth}px`\r\n              indicator.style.left = `${activeTab.getBoundingClientRect().left}px`\r\n            }\r\n          }, 100)\r\n        } else {\r\n          indicator.style.width = `${tabWidth}px`\r\n          indicator.style.left = `${activeTab.getBoundingClientRect().left}px`\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  handleResize() {\r\n    this.domMap.$innerTabs.forEach((tab) => {\r\n      if (tab.classList.contains('active')) {\r\n        this.updateIndicator(tab, 'horizontal')\r\n        this.scrollToSection(tab)\r\n      }\r\n    })\r\n  }\r\n  \r\n\r\n  debounce(func, wait) {\r\n    let timeout\r\n    const context = this\r\n    return function (...args) {\r\n      clearTimeout(timeout)\r\n      timeout = setTimeout(() => func.apply(context, args), wait)\r\n    }\r\n  }\r\n}\r\n\r\nexport default Tabs\r\n","function DataLayerTab() {\r\n  this.horizontalTabUiLocation = 'Horizontal Tab'\r\n  this.pillTabUiLocation = 'Tabbed Pill'\r\n  this.tabbedCarouselUiLocation = 'Tabbed Carousel'\r\n  this.horizontalTabClickButton = document.querySelectorAll('.fdn-tabs__tab')\r\n  this.pillTabClickButton = document.querySelectorAll('.fdn-tabbed-pills__pill')\r\n  this.carouselTabClickButton = document.querySelectorAll('.tabbed-carousel__tab')\r\n}\r\n\r\nDataLayerTab.prototype._init = function () {\r\n  this._TabClick()\r\n}\r\n\r\nDataLayerTab.prototype._TabClick = function () {\r\n  this._horizontalTabClick(this.horizontalTabClickButton, this.horizontalTabUiLocation)\r\n  this._pillTabClick(this.pillTabClickButton, this.pillTabUiLocation)\r\n  this._carouselTabClick(this.carouselTabClickButton, this.tabbedCarouselUiLocation)\r\n}\r\n\r\nDataLayerTab.prototype._horizontalTabClick = function (tabs, horizontalTabUiLocation) {\r\n  if (tabs) {\r\n    tabs.forEach(button => {\r\n      button.addEventListener('click', (e) => {\r\n        let tabContainer = e.target.closest('.fdn-tabs')\r\n        let horizontalTabTitle = tabContainer?.querySelector('.fdn-tabs__headline')?.textContent?.trim() || ''\r\n        let targetButton = e.target.closest('.fdn-tabs__tab')\r\n        let tabTextValue = targetButton.querySelector('.fdn-tabs__title')?.textContent.trim() || ''\r\n        let linkText = horizontalTabTitle ? `${horizontalTabTitle} - ${tabTextValue}` : tabTextValue\r\n\r\n        let eventData = {\r\n          event: 'contentClick',\r\n          linkText: linkText,\r\n          uiLocation: horizontalTabUiLocation\r\n        }\r\n        \r\n        window.dataLayer.push(eventData)\r\n      })\r\n    })\r\n  }\r\n}\r\n\r\nDataLayerTab.prototype._pillTabClick = function (tabs, pillTabUiLocation) {\r\n  if (tabs) {\r\n    tabs.forEach(button => {\r\n      button.addEventListener('click', (e) => {\r\n        let tabContainer = e.target.closest('.fdn-tabbed-pills__content')\r\n        let pillTabTitle = tabContainer?.querySelector('.fdn-tabbed-pills__title')?.textContent?.trim() || ''\r\n        let tabTextValue = Array.from(e.target.childNodes)\r\n          .filter(node => node.nodeType === Node.TEXT_NODE || (node.nodeType === Node.ELEMENT_NODE && !node.classList.contains('visually-hidden')))\r\n          .map(node => node.textContent.trim())\r\n          .join(' ').trim() || ''\r\n\r\n        let linkText = pillTabTitle ? `${pillTabTitle} - ${tabTextValue}` : tabTextValue\r\n\r\n        let eventData = {\r\n          event: 'contentClick',\r\n          linkText: linkText,\r\n          uiLocation: pillTabUiLocation\r\n        }\r\n         window.dataLayer.push(eventData)\r\n      })\r\n    })\r\n  }\r\n}\r\n\r\nDataLayerTab.prototype._carouselTabClick = function (tabs, tabbedCarouselUiLocation) {\r\n  if (tabs) {\r\n    tabs.forEach(button => {\r\n      button.addEventListener('click', (e) => {\r\n        let tabContainer = e.target.closest('.wrapper')\r\n        let carouselTabTitle = tabContainer?.querySelector('.module-columns-title')?.textContent?.trim() || ''\r\n        let tabTextValue = Array.from(e.target.childNodes)\r\n          .filter(node => node.nodeType === Node.TEXT_NODE || (node.nodeType === Node.ELEMENT_NODE && !node.classList.contains('tabbed-carousel__tab-description')))\r\n          .map(node => node.textContent.trim())\r\n          .join(' ').trim() || ''\r\n\r\n        let linkText = carouselTabTitle ? `${carouselTabTitle} - ${tabTextValue}` : tabTextValue\r\n\r\n        let eventData = {\r\n          event: 'contentClick',\r\n          linkText: linkText,\r\n          uiLocation: tabbedCarouselUiLocation\r\n        }\r\n        \r\n        window.dataLayer.push(eventData)\r\n      })\r\n    })\r\n  }\r\n}\r\n\r\nexport { DataLayerTab }\r\n"],"names":["Tabs","el","_this","_classCallCheck","this","domMap","$tabs","querySelectorAll","$tabPanels","initialActiveTabs","$innerTabs","indicators","addListeners","DataLayerTab","initNestedTabsIndicator","handleResize","debounce","bind","window","addEventListener","updateIndicatorWidth","requestAnimationFrame","defaultTab","querySelector","scrollToSection","key","value","_this2","_this$domMap","forEach","tab","handleTabClick","innerTab","handleInnerTabClick","e","_this$domMap2","$tab","currentTarget","tabPanelId","getAttribute","$tabPanel","concat","setAttribute","scrollIntoView","behavior","inline","block","panel","classList","remove","hidden","add","video","initInlineVideo","lottieWrapper","offsetWidth","mainIndicator","updateIndicator","videoPlayer","pauseBtn","playBtn","currentTime","play","_this$domMap3","length","indicator","activeTab","orientation","context","closest","targetIndicator","offsetLeft","style","left","width","event","preventDefault","currentTab","tabContainer","nestedTabPanelId","nestedTabPanel","pane","lottieJsonEl","LottieInstance","goToAndPlay","container","parentElement","containerRect","getBoundingClientRect","tabRect","offset","scrollTo","tabWidth","setTimeout","_this3","contains","func","wait","timeout","_len","arguments","args","Array","_key","clearTimeout","apply","horizontalTabUiLocation","pillTabUiLocation","tabbedCarouselUiLocation","horizontalTabClickButton","document","pillTabClickButton","carouselTabClickButton","prototype","_init","_TabClick","_horizontalTabClick","_pillTabClick","_carouselTabClick","tabs","button","_tabContainer$querySe","_targetButton$querySe","target","horizontalTabTitle","textContent","trim","tabTextValue","eventData","linkText","uiLocation","dataLayer","push","_tabContainer$querySe2","pillTabTitle","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","join","_tabContainer$querySe3","carouselTabTitle"],"sourceRoot":""}