{"version":3,"file":"masonry-gallery-818a7018.js","sources":["../../../../src/scripts/modules/masonry-gallery.ts"],"sourcesContent":["import { Component } from '@verndale/core';\n\nclass MasonryGallery extends Component {\n  setupDefaults() {\n    this.dom = {\n      gallery: this.el.querySelector<HTMLElement>('.masonry-gallery__gallery'),\n      columns: this.el.querySelectorAll<HTMLElement>(\n        '.masonry-gallery__column'\n      ),\n      expandButton: this.el.querySelector<HTMLButtonElement>(\n        '.masonry-gallery__cta'\n      )\n    };\n\n    this.init();\n  }\n\n  init() {\n    if ((this.dom.columns as NodeList)?.length < 2) {\n      (this.dom.expandButton as HTMLButtonElement)?.style.setProperty(\n        'display',\n        'none'\n      );\n    }\n  }\n\n  addListeners() {\n    (this.dom.expandButton as HTMLButtonElement)?.addEventListener(\n      'click',\n      this.handleClick.bind(this)\n    );\n  }\n\n  handleClick() {\n    const gallery = this.dom.gallery as HTMLElement;\n    gallery?.classList.remove('masonry-gallery__gallery--collapsed');\n    gallery?.classList.add('masonry-gallery__gallery--expanded');\n  }\n}\n\nexport default MasonryGallery;\n"],"names":["MasonryGallery","Component","_a","_b","gallery"],"mappings":"wEAEA,MAAMA,UAAuBC,CAAU,CACrC,eAAgB,CACd,KAAK,IAAM,CACT,QAAS,KAAK,GAAG,cAA2B,2BAA2B,EACvE,QAAS,KAAK,GAAG,iBACf,0BACF,EACA,aAAc,KAAK,GAAG,cACpB,uBACF,CAAA,EAGF,KAAK,KAAK,CACZ,CAEA,MAAO,WACAC,EAAA,KAAK,IAAI,UAAT,YAAAA,EAA+B,QAAS,KAC1CC,EAAA,KAAK,IAAI,eAAT,MAAAA,EAA6C,MAAM,YAClD,UACA,QAGN,CAEA,cAAe,QACZD,EAAA,KAAK,IAAI,eAAT,MAAAA,EAA6C,iBAC5C,QACA,KAAK,YAAY,KAAK,IAAI,EAE9B,CAEA,aAAc,CACN,MAAAE,EAAU,KAAK,IAAI,QAChBA,GAAA,MAAAA,EAAA,UAAU,OAAO,uCACjBA,GAAA,MAAAA,EAAA,UAAU,IAAI,qCACzB,CACF"}