{"version":3,"file":"accordion.7756ad5050ad480eaa00.js","mappings":"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","sources":["webpack://wls/./src/js/modules/accordion.js","webpack://wls/./src/js/modules/jaja-feature-container-accordion.js"],"sourcesContent":["import $ from 'jquery';\r\n\r\nconst options = {\r\n  accordion: '.js-accordion',\r\n  accordionTrigger: '.js-accordion-trigger',\r\n  singleActive: 'js-accordion--single-active',\r\n};\r\n\r\nconst settings = {\r\n  accordionIdPrefix: 'accordion',\r\n  buttonIdPrefix: 'heading',\r\n  contentIdPrefix: 'content',\r\n};\r\n\r\nconst toggleAccordionItemState = (toggle, accordionItem, state, itemImage) => {\r\n  toggle\r\n    .stop() // added to stop click events queuing up\r\n    .attr('aria-expanded', state)\r\n    .toggleClass('is-active');\r\n  accordionItem\r\n    .stop() // added to stop click events queuing up\r\n    .attr('aria-hidden', !state)\r\n    .slideToggle();\r\n  if (itemImage) {\r\n    itemImage\r\n      .stop() // added to stop click events queuing up\r\n      .attr('aria-hidden', !state);\r\n  }\r\n};\r\n\r\nconst multiActive = (triggeredToggle, targetItem) => {\r\n  let state = triggeredToggle.attr('aria-expanded') === 'false' ? true : false;\r\n  toggleAccordionItemState(triggeredToggle, targetItem, state);\r\n};\r\n\r\nconst singleActive = (triggeredToggle, $triggers, accordionId) => {\r\n  if (!triggeredToggle.hasClass('is-active')) {\r\n    $triggers.each((index, el) => {\r\n      let $this = $(el);\r\n      let $accordionContent = $this.next();\r\n      let $div = $this.parent().next('div');\r\n      let buttonID = `${accordionId}-${settings.buttonIdPrefix}-${index}`;\r\n      let $button = $(`#${buttonID}`);\r\n      let itemImage = !!$div.length && $div;\r\n      if (triggeredToggle.attr('id') === buttonID || $button.hasClass('is-active')) {\r\n        toggleAccordionItemState($button, $accordionContent, $button.attr('aria-expanded') === 'false', itemImage);\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\nconst init = () => {\r\n  $(options.accordion).each((index, el) => {\r\n    const accordionId = `${settings.accordionIdPrefix}-${index}`;\r\n    $(el).attr('ID', accordionId);\r\n    const isSingleActive = $(el).hasClass(options.singleActive);\r\n    const $triggers = () => $(`#${accordionId}`).find($(options.accordionTrigger));\r\n\r\n    $triggers().each((index, el) => {\r\n      // create IDs for the heading and content for each accordion item to associate each heading with its content\r\n      let $this = $(el);\r\n      let $accordionContent = $this.next();\r\n      let buttonID = `${accordionId}-${settings.buttonIdPrefix}-${index}`;\r\n      let contentID = `${accordionId}-${settings.contentIdPrefix}-${index}`;\r\n      let $button;\r\n      $button = $(\r\n        `<button type=\"button\" id=\"${buttonID}\" class=\"accordion-panel__button\" aria-expanded=\"false\" aria-controls=\"${contentID}\">${$this.html()}</button>`\r\n      );\r\n\r\n      // Add a button inside the <h2>\r\n      $this.html($button);\r\n\r\n      $accordionContent.attr('ID', contentID).attr('aria-labelledby', buttonID).attr('aria-hidden', 'true');\r\n      $button.on('click', () => {\r\n        isSingleActive ? singleActive($button, $triggers(), accordionId) : multiActive($button, $accordionContent);\r\n      });\r\n    });\r\n    // Open first accordion item of each 'group'\r\n    $triggers().first().find('button').trigger('click');\r\n  });\r\n};\r\n\r\nexport { init };\r\n","import $ from 'jquery';\r\nimport enquire from 'enquire.js';\r\nimport { config } from '../config';\r\n\r\nconst options = {\r\n  accordion: '.js-jaja-feature-container-accordion',\r\n  accordionTrigger: '.js-jaja-feature-container-accordion-trigger',\r\n  accordionTarget: '.js-jaja-feature-container-accordion-target',\r\n};\r\n\r\nconst settings = {\r\n  accordionIdPrefix: 'jaja-accordion',\r\n  buttonIdPrefix: 'toggle',\r\n  contentIdPrefix: 'content',\r\n  transitionDuration: 1,\r\n  state: {\r\n    closed: 'collapsed',\r\n    open: 'expanded',\r\n    closing: 'collapsing',\r\n    opening: 'expanding',\r\n  },\r\n};\r\n\r\nconst setTargetHeights = ($targets) =>\r\n  $targets().each((_, el) => {\r\n    if (Math.floor($(el).height()) > 0) $(el).css('--expanded-height', `${$(el).outerHeight(true)}px`);\r\n  });\r\n\r\nconst setTargetAttributes = ($targets, accordionId, buttonId) =>\r\n  $targets().each((i, el) =>\r\n    $(el).attr('id', `${accordionId}-${settings.contentIdPrefix}-${i}`).attr('aria-labelledby', buttonId)\r\n  );\r\n\r\nconst toggleTargetHiddenState = ($targets, state) =>\r\n  $targets().each((_, el) => $(el).attr('aria-hidden', state !== undefined ? state : !Math.floor($(el).height())));\r\n\r\nconst getTransitionStates = (isDefaultState) => {\r\n  const state = isDefaultState ? settings.state.closed : settings.state.open;\r\n  const mountTransition = isDefaultState ? settings.state.opening : settings.state.closing;\r\n  const unmountTransition = isDefaultState ? settings.state.open : settings.state.closed;\r\n  return {\r\n    state,\r\n    mountTransition,\r\n    unmountTransition,\r\n  };\r\n};\r\n\r\nconst init = () => {\r\n  $(options.accordion).each((index, el) => {\r\n    // local settings\r\n    const $this = $(el);\r\n    $this.css('--transition-dration', `${settings.transitionDuration}s`);\r\n    const accordionId = `${settings.accordionIdPrefix}-${index}`;\r\n    const buttonId = `${accordionId}-${settings.buttonIdPrefix}`;\r\n    const $trigger = () => $this.find($(options.accordionTrigger)).first();\r\n    const $targets = () => $this.find($(options.accordionTarget));\r\n\r\n    setTargetHeights($targets);\r\n    $this.addClass(settings.state.closed);\r\n\r\n    // init attributes\r\n    $this.attr('id', accordionId);\r\n    $trigger().attr('id', buttonId).attr('aria-expanded', 'false').attr('aria-controls', accordionId);\r\n    setTargetAttributes($targets, accordionId, buttonId);\r\n    toggleTargetHiddenState($targets);\r\n\r\n    $trigger().on('click', () => {\r\n      const isTransitioning = $this.hasClass(settings.state.opening) || $this.hasClass(settings.state.closing);\r\n      if (isTransitioning) return;\r\n      toggleTargetHiddenState($targets, false);\r\n      const isDefaultState = $this.hasClass(settings.state.closed) && !$this.hasClass(settings.state.open);\r\n      const { state, mountTransition, unmountTransition } = getTransitionStates(isDefaultState);\r\n\r\n      $this\r\n        .stop() // added to stop click events queuing up\r\n        .addClass(mountTransition)\r\n        .removeClass(state);\r\n\r\n      $trigger()\r\n        .stop() // added to stop click events queuing up\r\n        .attr('aria-expanded', isDefaultState);\r\n\r\n      const runTransition = () => {\r\n        $this.addClass(unmountTransition);\r\n        setTimeout(() => {\r\n          $this.removeClass(mountTransition);\r\n          setTargetHeights($targets);\r\n          toggleTargetHiddenState($targets);\r\n        }, settings.transitionDuration * 1000);\r\n      };\r\n\r\n      setTimeout(runTransition, settings.transitionDuration);\r\n    });\r\n\r\n    enquire.register(`screen and (min-width: ${config.breakpoint.mdMin}px)`, {\r\n      match() {\r\n        toggleTargetHiddenState($targets);\r\n      },\r\n      unmatch() {\r\n        toggleTargetHiddenState($targets);\r\n      },\r\n    });\r\n  });\r\n};\r\nexport { init };\r\n"],"names":["options","settings","toggleAccordionItemState","toggle","accordionItem","state","itemImage","stop","attr","toggleClass","slideToggle","init","$","each","index","el","accordionId","isSingleActive","hasClass","$triggers","find","$button","$this","$accordionContent","next","buttonID","contentID","html","on","multiActive","triggeredToggle","targetItem","singleActive","$div","parent","length","first","trigger","closed","open","closing","opening","setTargetHeights","$targets","_","Math","floor","height","css","outerHeight","toggleTargetHiddenState","undefined","buttonId","$trigger","addClass","setTargetAttributes","i","isDefaultState","mountTransition","unmountTransition","getTransitionStates","removeClass","setTimeout","runTransition","enquire","config","breakpoint","mdMin","match","unmatch"],"sourceRoot":""}