{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/components/cardDetailsModal.ts"],"names":["CardDetailsModal","Component","el","_a","e","modalInner"],"mappings":"6KAEA,MAAMA,UAAyBC,WAAU,CACvC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,CACV,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,MAAO,KAAK,GAAG,cAA2B,qBAAqB,EAC/D,YAAa,KAAK,GAAG,cACnB,4BACF,CACF,CACF,CAEA,cAAe,CAhBjB,IAAAC,EAiBI,KAAK,GAAG,iBAAiB,QAAS,KAAK,UAAU,KAAK,IAAI,CAAC,GAC1DA,EAAA,KAAK,IAAI,cAAT,MAAAA,EAAsC,iBACrC,QACA,KAAK,WAAW,KAAK,IAAI,CAAC,CAE9B,CAEA,UAAUC,EAAU,CAxBtB,IAAAD,EAyBIC,EAAE,gBAAgB,EACd,KAAK,IAAI,OACV,KAAK,IAAI,MAA4B,UAAU,GAEjDD,EAAA,KAAK,IAAI,QAAT,MAAAA,EAAgC,iBAC/B,QACA,KAAK,yBAAyB,KAAK,IAAI,CAAC,CAE5C,CAEA,WAAWC,EAAU,CACnBA,EAAE,gBAAgB,EACd,KAAK,IAAI,OACV,KAAK,IAAI,MAA4B,MAAM,EAE7C,KAAK,IAAI,MAAsB,oBAC9B,QACA,KAAK,yBAAyB,KAAK,IAAI,CACzC,CACF,CAEA,yBAAyBA,EAAU,CACjC,MAAMC,EAAc,KAAK,IAAI,MAAsB,cACjD,4BACF,EACKA,GAAA,MAAAA,EAAY,SAASD,EAAE,MAAM,GAChC,KAAK,WAAWA,CAAC,CAErB,CACF,CAEA,QAAeJ,C","file":"scripts/3604.6f7af97b30f594d3c695.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass CardDetailsModal extends Component {\n  constructor(el: HTMLElement) {\n    super(el);\n  }\n\n  setupDefaults() {\n    this.dom = {\n      modal: this.el.querySelector<HTMLElement>('.card-details-modal'),\n      closeButton: this.el.querySelector<HTMLElement>(\n        '.card-details-modal__close'\n      )\n    };\n  }\n\n  addListeners() {\n    this.el.addEventListener('click', this.showModal.bind(this));\n    (this.dom.closeButton as HTMLElement)?.addEventListener(\n      'click',\n      this.closeModal.bind(this)\n    );\n  }\n\n  showModal(e: Event) {\n    e.stopPropagation();\n    if (this.dom.modal) {\n      (this.dom.modal as HTMLDialogElement).showModal();\n    }\n    (this.dom.modal as HTMLElement)?.addEventListener(\n      'click',\n      this.closeModalOnOutsideClick.bind(this)\n    );\n  }\n\n  closeModal(e: Event) {\n    e.stopPropagation();\n    if (this.dom.modal) {\n      (this.dom.modal as HTMLDialogElement).close();\n    }\n    (this.dom.modal as HTMLElement).removeEventListener(\n      'click',\n      this.closeModalOnOutsideClick.bind(this)\n    );\n  }\n\n  closeModalOnOutsideClick(e: Event) {\n    const modalInner = (this.dom.modal as HTMLElement).querySelector(\n      '.card-details-modal__inner'\n    );\n    if (!modalInner?.contains(e.target as Node)) {\n      this.closeModal(e);\n    }\n  }\n}\n\nexport default CardDetailsModal;\n"],"sourceRoot":""}