{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/components/peopleCard.ts"],"names":["PeopleCard","Component","el","_a","_b","_c","_d"],"mappings":"4KAEA,MAAMA,UAAmBC,WAAU,CACjC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,CACV,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,SAAU,KAAK,GAAG,cAA2B,oBAAoB,EACjE,UAAW,KAAK,GAAG,cAA2B,UAAU,CAC1D,CACF,CAEA,cAAe,CAdjB,IAAAC,EAAAC,EAAAC,EAAAC,GAeKH,EAAA,KAAK,IAAI,WAAT,MAAAA,EAAmC,iBAClC,YACA,KAAK,gBAAgB,KAAK,IAAI,CAAC,GAEhCC,EAAA,KAAK,IAAI,WAAT,MAAAA,EAAmC,iBAClC,WACA,KAAK,eAAe,KAAK,IAAI,CAAC,GAE/BC,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,iBACnC,YACA,KAAK,iBAAiB,KAAK,IAAI,CAAC,GAEjCC,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,iBACnC,WACA,KAAK,gBAAgB,KAAK,IAAI,CAAC,CAEnC,CAEA,iBAAkB,CAjCpB,IAAAH,GAkCKA,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,UAAU,IAAI,mBACnD,KAAK,GAAG,UAAU,IAAI,qBAAqB,CAC7C,CAEA,gBAAiB,CAtCnB,IAAAA,GAuCKA,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,UAAU,OAAO,mBACtD,KAAK,GAAG,UAAU,OAAO,qBAAqB,CAChD,CAEA,kBAAmB,CA3CrB,IAAAA,GA4CKA,EAAA,KAAK,IAAI,WAAT,MAAAA,EAAmC,UAAU,IAC5C,6BAEF,KAAK,GAAG,UAAU,IAAI,qBAAqB,CAC7C,CAEA,iBAAkB,CAlDpB,IAAAA,GAmDKA,EAAA,KAAK,IAAI,WAAT,MAAAA,EAAmC,UAAU,OAC5C,6BAEF,KAAK,GAAG,UAAU,OAAO,qBAAqB,CAChD,CACF,CAEA,QAAeH,C","file":"scripts/899.d2c07b06e9c9998054e8.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass PeopleCard extends Component {\n  constructor(el: HTMLElement) {\n    super(el);\n  }\n\n  setupDefaults() {\n    this.dom = {\n      cardName: this.el.querySelector<HTMLElement>('.people-card__name'),\n      cardImage: this.el.querySelector<HTMLElement>('.picture')\n    };\n  }\n\n  addListeners() {\n    (this.dom.cardName as HTMLElement)?.addEventListener(\n      'mouseover',\n      this.handleNameEnter.bind(this)\n    );\n    (this.dom.cardName as HTMLElement)?.addEventListener(\n      'mouseout',\n      this.handleNameExit.bind(this)\n    );\n    (this.dom.cardImage as HTMLElement)?.addEventListener(\n      'mouseover',\n      this.handleImageEnter.bind(this)\n    );\n    (this.dom.cardImage as HTMLElement)?.addEventListener(\n      'mouseout',\n      this.handleImageExit.bind(this)\n    );\n  }\n\n  handleNameEnter() {\n    (this.dom.cardImage as HTMLElement)?.classList.add('picture--active');\n    this.el.classList.add('people-card--active');\n  }\n\n  handleNameExit() {\n    (this.dom.cardImage as HTMLElement)?.classList.remove('picture--active');\n    this.el.classList.remove('people-card--active');\n  }\n\n  handleImageEnter() {\n    (this.dom.cardName as HTMLElement)?.classList.add(\n      'people-card__name--active'\n    );\n    this.el.classList.add('people-card--active');\n  }\n\n  handleImageExit() {\n    (this.dom.cardName as HTMLElement)?.classList.remove(\n      'people-card__name--active'\n    );\n    this.el.classList.remove('people-card--active');\n  }\n}\n\nexport default PeopleCard;\n"],"sourceRoot":""}