{"version":3,"file":"audioCard-BLLysyZj.js","sources":["../../src/scripts/modules/audioCard.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport modalTemplate from '../../html/components/modal.hbs';\nimport Modal from './modal';\n\nclass AudioCard extends Component {\n setupDefaults() {\n this.dom = {\n $modalButton: this.el.querySelector('.audio-card__transcript-button')\n };\n }\n\n addListeners() {\n (this.dom.$modalButton as HTMLElement)?.addEventListener(\n 'click',\n this.handleModalButtonClick.bind(this)\n );\n }\n\n handleModalButtonClick(e: Event) {\n const target = e.target as HTMLElement;\n const modal = document.querySelector(`[data-modal-id=\"${target.dataset.modalTrigger}\"`);\n\n if (modal) {\n (modal as HTMLDialogElement)?.showModal();\n } else {\n const compiledModal = modalTemplate(\n {\n content: target.dataset.modalContent,\n modalId: target.dataset.modalTrigger\n },\n { viewMode: 'docs' }\n );\n\n document.body.insertAdjacentHTML('beforeend', compiledModal);\n\n const m = document.querySelector(`[data-modal-id=\"${target.dataset.modalTrigger}\"`);\n if (m) {\n new Modal(m as HTMLElement);\n (m as HTMLDialogElement)?.showModal();\n }\n }\n }\n}\n\nexport default AudioCard;\n"],"names":["AudioCard","Component","_a","e","target","modal","compiledModal","modalTemplate","m","Modal"],"mappings":"gKAIA,MAAMA,UAAkBC,CAAU,CAChC,eAAgB,CACd,KAAK,IAAM,CACT,aAAc,KAAK,GAAG,cAA2B,gCAAgC,CACnF,CAAA,CAGF,cAAe,QACZC,EAAA,KAAK,IAAI,eAAT,MAAAA,EAAuC,iBACtC,QACA,KAAK,uBAAuB,KAAK,IAAI,EACvC,CAGF,uBAAuBC,EAAU,CAC/B,MAAMC,EAASD,EAAE,OACXE,EAAQ,SAAS,cAAc,mBAAmBD,EAAO,QAAQ,YAAY,GAAG,EAEtF,GAAIC,EACDA,GAAA,MAAAA,EAA6B,gBACzB,CACL,MAAMC,EAAgBC,EACpB,CACE,QAASH,EAAO,QAAQ,aACxB,QAASA,EAAO,QAAQ,YAC1B,EACA,CAAE,SAAU,MAAO,CACrB,EAES,SAAA,KAAK,mBAAmB,YAAaE,CAAa,EAE3D,MAAME,EAAI,SAAS,cAAc,mBAAmBJ,EAAO,QAAQ,YAAY,GAAG,EAC9EI,IACF,IAAIC,EAAMD,CAAgB,EACzBA,GAAA,MAAAA,EAAyB,YAC5B,CACF,CAEJ"}