{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/products/product-card.js"],"names":["Module","Component","button","$modal","e","$button"],"mappings":"kJAEA,MAAMA,UAAeC,WAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,CACP,SAAU,KAAK,GAAG,iBAAiB,qBAAqB,CAC5D,EAEA,KAAK,MAAQ,KAAK,GAAG,YAAY,WACnC,CAEA,cAAe,CACV,KAAK,IAAI,SAAS,OAAS,IAC1B,KAAK,IAAI,SAAS,QAASC,GAAW,CACpCA,EAAO,iBAAiB,QAAS,IAAM,KAAK,UAAU,KAAK,EAAE,CAAC,CAChE,CAAC,EACD,SAAS,iBAAiB,UAAW,KAAK,cAAc,KAAK,IAAI,CAAC,EAClE,KAAK,MAAM,iBACT,QACA,KAAK,wBAAwB,KAAK,IAAI,CACxC,EAEN,CAEA,WAAWC,EAAQ,CACjBA,EAAO,UAAU,OAAO,qBAAqB,CAC/C,CAEA,wBAAwBC,EAAG,CACrBA,EAAE,OAAO,UAAU,SAAS,eAAe,GAC7C,KAAK,WAAW,KAAK,KAAK,CAE9B,CAEA,WAAY,CACV,MAAMC,EAAU,KAAK,MAAM,cAAc,wBAAwB,EACjE,KAAK,MAAM,UAAU,IAAI,qBAAqB,EAC9CA,EAAQ,oBAAoB,QAAS,IAAM,KAAK,WAAW,KAAK,KAAK,CAAC,EACtEA,EAAQ,iBAAiB,QAAS,IAAM,KAAK,WAAW,KAAK,KAAK,CAAC,CACrE,CAEA,cAAcD,EAAG,CACXA,EAAE,UAAY,IAChB,KAAK,WAAW,KAAK,KAAK,CAE9B,CAGF,CAEA,UAAeJ,C","file":"scripts/647.593f4bc6.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n        $buttons: this.el.querySelectorAll(\".btn--modal-trigger\")\n    };\n\n    this.modal = this.el.nextSibling.nextSibling;\n  }\n\n  addListeners() {\n    if(this.dom.$buttons.length > 0) {\n        this.dom.$buttons.forEach((button) => {\n          button.addEventListener('click', () => this.openModal(this.el));\n        });\n        document.addEventListener('keydown', this.handleKeyDown.bind(this));\n        this.modal.addEventListener(\n          'click',\n          this.handleOutsideModalClick.bind(this)\n        );\n    }\n  }\n\n  closeModal($modal) {\n    $modal.classList.remove('product-modal__open');\n  }\n\n  handleOutsideModalClick(e) {\n    if (e.target.classList.contains('product-modal')) {\n      this.closeModal(this.modal);\n    }\n  }\n\n  openModal() {\n    const $button = this.modal.querySelector('.featured-modal__close');\n    this.modal.classList.add('product-modal__open');\n    $button.removeEventListener(\"click\", () => this.closeModal(this.modal)); \n    $button.addEventListener('click', () => this.closeModal(this.modal));\n  }\n\n  handleKeyDown(e) {\n    if (e.keyCode === 27) {\n      this.closeModal(this.modal);\n    }\n  }\n\n  \n}\n\nexport default Module;\n"],"sourceRoot":""}