{"version":3,"file":"custom-drop-down-DyXqAfMa.js","sources":["../../../../../../HFC.Optimizely.FrontEnd/src/scripts/modules/custom-drop-down.ts"],"sourcesContent":["import { Component } from '@verndale/core';\n\nclass CustomDropDownList extends Component {\n setupDefaults() {\n this.dom = {\n trigger: this.el.querySelector('.custom-drop-down__trigger') as HTMLButtonElement,\n items: this.el.querySelector('.custom-drop-down__items') as HTMLElement\n };\n }\n\n addListeners() {\n (this.dom.trigger as HTMLButtonElement).addEventListener('click', this.handleClick.bind(this));\n }\n\n handleClick(e: Event) {\n const trigger = e.currentTarget as HTMLButtonElement;\n const svg = trigger.querySelector('svg');\n const items = this.dom.items as HTMLElement;\n const ul = (this.dom.items as HTMLElement).querySelector('ul');\n\n if (trigger.getAttribute('aria-expanded') === 'false') {\n items.classList.add('expanded');\n items.style.blockSize = ul?.clientHeight + 'px';\n trigger.setAttribute('aria-expanded', 'true');\n svg?.classList.add('expanded');\n } else {\n items.classList.remove('expanded');\n items.style.blockSize = '0';\n trigger.setAttribute('aria-expanded', 'false');\n svg?.classList.remove('expanded');\n }\n }\n}\n\nexport default CustomDropDownList;\n"],"names":["CustomDropDownList","Component","e","trigger","svg","items","ul"],"mappings":"qCAEA,MAAMA,UAA2BC,CAAU,CACzC,eAAgB,CACd,KAAK,IAAM,CACT,QAAS,KAAK,GAAG,cAAc,4BAA4B,EAC3D,MAAO,KAAK,GAAG,cAAc,0BAA0B,CAAA,CAE3D,CAEA,cAAe,CACZ,KAAK,IAAI,QAA8B,iBAAiB,QAAS,KAAK,YAAY,KAAK,IAAI,CAAC,CAC/F,CAEA,YAAYC,EAAU,CACpB,MAAMC,EAAUD,EAAE,cACZE,EAAMD,EAAQ,cAAc,KAAK,EACjCE,EAAQ,KAAK,IAAI,MACjBC,EAAM,KAAK,IAAI,MAAsB,cAAc,IAAI,EAEzDH,EAAQ,aAAa,eAAe,IAAM,SACtCE,EAAA,UAAU,IAAI,UAAU,EACxBA,EAAA,MAAM,WAAYC,GAAA,YAAAA,EAAI,cAAe,KACnCH,EAAA,aAAa,gBAAiB,MAAM,EACvCC,GAAA,MAAAA,EAAA,UAAU,IAAI,cAEbC,EAAA,UAAU,OAAO,UAAU,EACjCA,EAAM,MAAM,UAAY,IAChBF,EAAA,aAAa,gBAAiB,OAAO,EACxCC,GAAA,MAAAA,EAAA,UAAU,OAAO,YAE1B,CACF"}