{"version":3,"file":"9777-de2d86f9.pkg.js","mappings":"uJAEA,MAAMA,UAAkBC,EAAAA,EACtBC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKF,QAAUA,EACfE,KAAKC,SAAWD,KAAKE,SAASD,SAC5BH,EAAQK,cAAcH,KAAKE,SAASD,UACpCH,EAAQK,cAAc,CAAC,yCACzBH,KAAKI,OAASJ,KAAKE,SAASE,OAASN,EAAQK,cAAcH,KAAKE,SAASE,QAAUJ,KAAKF,QACxFE,KAAKK,YAAcL,KAAKE,SAASG,aAAe,eAChDL,KAAKM,OAASN,KAAKE,SAASI,SAAU,EACtCN,KAAKO,iBAAmBT,EAAQK,cAAc,CAAC,mCAC/CH,KAAKQ,cAAgBR,KAAKO,iBAAiBE,aAC3CT,KAAKU,GAAKZ,EAAQa,aAAa,OAAS,KAExCX,KAAKY,MACP,CAEAA,IAAAA,GACOZ,KAAKC,UAAaD,KAAKI,SAIxBS,OAAOC,SAASC,KAAKC,QAAUC,mBAAmBJ,OAAOC,SAASC,MAAMG,SAASlB,KAAKU,KACxFV,KAAKM,QAAS,EACdN,KAAKI,OAAOe,UAAUC,OAAOpB,KAAKK,cACxBL,KAAKM,QACfN,KAAKI,OAAOe,UAAUE,IAAIrB,KAAKK,aAGjCL,KAAKsB,iBAAiBtB,KAAKM,QAE3BN,KAAKC,SAASsB,iBAAiB,SAAUC,IACvCxB,KAAKyB,cAAcD,EAAG,IACrB,GACL,CAEAC,aAAAA,CAAcD,GACZA,EAAGE,iBACHF,EAAGG,kBAEH3B,KAAKM,QAAUN,KAAKM,OACpBN,KAAKsB,iBAAiBtB,KAAKM,QAC3BN,KAAKI,OAAOe,UAAUS,OAAO5B,KAAKK,YACpC,CAGAiB,gBAAAA,CAAiBhB,GACf,IAAKN,KAAKO,iBACR,OAGF,IAAIsB,EAAY,EAEZvB,IACFuB,EAAY7B,KAAKQ,eAGnBR,KAAKO,iBAAiBuB,MAAMD,UAAYA,EAAY,IACtD,EAGF,W","sources":["webpack://frontend-build-tools/./src/feature/accordion/accordion.js"],"sourcesContent":["import BaseFeature from 'foundation/base/base';\r\n\r\nclass Accordion extends BaseFeature {\r\n  constructor(element) {\r\n    super(element);\r\n    this.element = element;\r\n    this.selector = this.settings.selector ?\r\n      element.querySelector(this.settings.selector) :\r\n      element.querySelector(['[data-ref=\"accordion-click-handler\"]']);\r\n    this.target = this.settings.target ? element.querySelector(this.settings.target) : this.element;\r\n    this.toggleClass = this.settings.toggleClass ?? 'is-collapsed';\r\n    this.isOpen = this.settings.isOpen ?? false;\r\n    this.contentContainer = element.querySelector(['[data-ref=\"accordion-content\"]']);\r\n    this.contentHeight = this.contentContainer.clientHeight;\r\n    this.id = element.getAttribute('id') ?? null;\r\n\r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    if (!this.selector || !this.target) {\r\n      return;\r\n    }\r\n\r\n    if (window.location.hash.length && decodeURIComponent(window.location.hash).includes(this.id)) {\r\n      this.isOpen = true;\r\n      this.target.classList.remove(this.toggleClass);\r\n    } else if (!this.isOpen) {\r\n      this.target.classList.add(this.toggleClass);\r\n    }\r\n\r\n    this.setContentHeight(this.isOpen);\r\n\r\n    this.selector.addEventListener('click', (ev) => {\r\n      this.clickListener(ev);\r\n    }, false);\r\n  }\r\n\r\n  clickListener(ev) {\r\n    ev.preventDefault();\r\n    ev.stopPropagation();\r\n\r\n    this.isOpen = !this.isOpen;\r\n    this.setContentHeight(this.isOpen);\r\n    this.target.classList.toggle(this.toggleClass);\r\n  }\r\n\r\n  // We do this in JS instead of CSS to have nice transition states betweeen collapsed and open\r\n  setContentHeight(isOpen) {\r\n    if (!this.contentContainer) {\r\n      return;\r\n    }\r\n\r\n    let maxHeight = 0;\r\n\r\n    if (isOpen) {\r\n      maxHeight = this.contentHeight;\r\n    }\r\n\r\n    this.contentContainer.style.maxHeight = maxHeight + 'px';\r\n  }\r\n}\r\n\r\nexport default Accordion;\r\n"],"names":["Accordion","BaseFeature","constructor","element","super","this","selector","settings","querySelector","target","toggleClass","isOpen","contentContainer","contentHeight","clientHeight","id","getAttribute","init","window","location","hash","length","decodeURIComponent","includes","classList","remove","add","setContentHeight","addEventListener","ev","clickListener","preventDefault","stopPropagation","toggle","maxHeight","style"],"sourceRoot":""}