PFE Analytics Bridge helpers.js

// Pfe Tabs in or out of a content set
document.addEventListener('pfe-tabs:shown-tab', function(event) {
  if (window.analyticsHelper && typeof window.analyticsHelper.parseCustomEvent === 'function') {
    var componentParent = event.target.closest('pfe-content-set') || event.target.closest('pfe-tabs');
    var tabTextWrapper = null;
    if (componentParent) {
      if (componentParent.tagName === 'PFE-CONTENT-SET') {
        var tabSlot = event.detail.tab.querySelector('slot');
        if (tabSlot) {
          var tabTextWrapper = componentParent.getSlot(tabSlot.getAttribute('name'));
          if (tabTextWrapper) {
            tabTextWrapper = componentParent.getSlot(event.detail.tab.querySelector('slot').getAttribute('name'))[0];
          }
        }
      }
      else {
        tabTextWrapper = event.detail.tab;
      }

      if (tabTextWrapper) {
        window.analyticsHelper.parseCustomEvent(tabTextWrapper, componentParent, 'clicked');
      }
      else {
        console.warn('Wasn\'t able to find the tabTextWrapper');
      }
    }
    else {
      console.warn('Wasn\'t able to find the componentParent');
    }
  }
});

// PFE Accordion in or out of a content-set
document.addEventListener('pfe-accordion:change', function(event) {
  if (window.analyticsHelper && typeof window.analyticsHelper.parseCustomEvent === 'function') {
    var componentParent = event.target.closest('pfe-content-set') || event.target.closest('pfe-accordion');
    // Check to make sure it just got opened, not closed
    if (event.detail.expanded) {
      var toggle = event.target.tagName === 'PFE-ACCORDION-HEADER' ? event.target : event.path[0];
      if (componentParent) {
        if (componentParent.tagName === 'PFE-CONTENT-SET') {
          var toggleSlot = toggle.querySelector('slot');
          if (toggleSlot) {
            var toggleTextWrapper = componentParent.getSlot(toggleSlot.getAttribute('name'));
            if (toggleTextWrapper) {
              toggle = toggleTextWrapper;
            }
          }
        }
      }
      window.analyticsHelper.parseCustomEvent(toggle, componentParent, 'expand');
    }
  }
});