{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/columnCard.ts"],"names":["ColumnCard","Component","el","__publicField","_a","_b","maxInitialCards","cards","card","index","_c","_d"],"mappings":"yUAEA,MAAMA,UAAmBC,WAAU,CAGjC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAHVC,EAAA,wBAIE,KAAK,gBAAkB,EACvB,KAAK,cAAc,CACrB,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,eAAgB,KAAK,GAAG,cACtB,+BACF,EACA,WAAY,KAAK,GAAG,cAA2B,qBAAqB,EACpE,IAAK,KAAK,GAAG,cAA2B,mBAAmB,CAC7D,EAEA,KAAK,UAAU,KAAK,eAAe,EACnC,KAAK,QAAQ,KAAK,eAAe,EACjC,KAAK,uBAAuB,CAC9B,CAEA,cAAe,CAzBjB,IAAAC,EAAAC,GA0BKA,GAAAD,EAAA,KAAK,MAAL,YAAAA,EAAU,MAAV,MAAAC,EAAwB,iBACvB,QACA,KAAK,eAAe,KAAK,IAAI,CAAC,CAElC,CAEA,UAAUC,EAAyB,CAhCrC,IAAAF,EAAAC,EAiCI,MAAME,GACJF,GAAAD,EAAA,KAAK,MAAL,YAAAA,EAAU,iBAAV,YAAAC,EACC,iBAA8B,iBAE7B,EAACE,GAAA,MAAAA,EAAO,SACZA,GAAA,MAAAA,EAAO,QAAQ,CAACC,EAAMC,IAAU,CAC1BH,GAAmBG,EAAQ,EAAIH,IACjCE,EAAK,MAAM,QAAU,OACzB,CAAC,CACH,CAEA,QAAQF,EAAqC,CA5C/C,IAAAF,EAAAC,EAAAK,EAAAC,EA6CI,MAAMJ,GACJF,GAAAD,EAAA,KAAK,MAAL,YAAAA,EAAU,iBAAV,YAAAC,EACC,iBAA8B,iBAC7B,EAACE,GAAA,MAAAA,EAAO,SAERD,GAAmBC,GAAO,QAAUD,IAClCI,EAAA,KAAK,MAAL,MAAAA,EAAU,QAAMC,EAAA,KAAK,MAAL,YAAAA,EAAU,KAAoB,MAAM,QAAU,OAEtE,CAEA,gBAAiB,CAvDnB,IAAAP,EAAAC,EAwDI,MAAME,IACJH,EAAA,KAAK,MAAL,YAAAA,EAAU,gBACV,iBAA8B,eAAe,EAC/C,GAAKG,GAAA,MAAAA,EAAO,OAEZ,GAACF,EAAA,KAAK,MAAL,YAAAA,EAAU,KAAoB,MAAM,QAAU,OAE/C,UAAWG,KAAQD,EACjBC,EAAK,MAAM,QAAU,QAEzB,CAEA,wBAAyB,CACvB,MAAMD,EAAQ,KAAK,IAAI,WACnBA,GAAA,MAAAA,EAAO,cAAc,kBACvBA,EAAM,UAAU,IAAI,iCAAiC,CAEzD,CACF,CAEA,QAAeP,C","file":"scripts/9984.2523d0beea072be1579c.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass ColumnCard extends Component {\n  maxInitialCards: number;\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.maxInitialCards = 6;\n    this.setupDefaults();\n  }\n\n  setupDefaults() {\n    this.dom = {\n      cardsContainer: this.el.querySelector<HTMLElement>(\n        '.column-card__cards-container'\n      ),\n      cardsInner: this.el.querySelector<HTMLElement>('.column-card__cards'),\n      cta: this.el.querySelector<HTMLElement>('.column-card__cta')\n    };\n\n    this.hideCards(this.maxInitialCards);\n    this.hideCTA(this.maxInitialCards);\n    this.setupContactCardsSpace();\n  }\n\n  addListeners() {\n    (this.dom?.cta as Node)?.addEventListener(\n      'click',\n      this.handleCtaClick.bind(this)\n    );\n  }\n\n  hideCards(maxInitialCards: number) {\n    const cards = (\n      this.dom?.cardsContainer as HTMLElement\n    )?.querySelectorAll<HTMLElement>('.listing-card');\n\n    if (!cards?.length) return;\n    cards?.forEach((card, index) => {\n      if (maxInitialCards && index + 1 > maxInitialCards)\n        card.style.display = 'none';\n    });\n  }\n\n  hideCTA(maxInitialCards: number | undefined) {\n    const cards = (\n      this.dom?.cardsContainer as HTMLElement\n    )?.querySelectorAll<HTMLElement>('.listing-card');\n    if (!cards?.length) return;\n\n    if (maxInitialCards && cards?.length <= maxInitialCards) {\n      if (this.dom?.cta) (this.dom?.cta as HTMLElement).style.display = 'none';\n    }\n  }\n\n  handleCtaClick() {\n    const cards = (\n      this.dom?.cardsContainer as HTMLElement\n    ).querySelectorAll<HTMLElement>('.listing-card');\n    if (!cards?.length) return;\n\n    (this.dom?.cta as HTMLElement).style.display = 'none';\n\n    for (const card of cards) {\n      card.style.display = 'block';\n    }\n  }\n\n  setupContactCardsSpace() {\n    const cards = this.dom.cardsInner as HTMLElement;\n    if (cards?.querySelector('.contact-card')) {\n      cards.classList.add('column-card__cards--extra-space');\n    }\n  }\n}\n\nexport default ColumnCard;\n"],"sourceRoot":""}