{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/shareModule.ts"],"names":["ShareModule","Component","el","__publicField","svg","_a","clone","service","url","winTop","winLeft"],"mappings":"yUAEA,MAAMA,UAAoBC,WAAU,CAGlC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAHVC,EAAA,YAIE,KAAK,IAAM,OAAO,SAAS,IAC7B,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,SAAU,KAAK,GAAG,iBAChB,gCACF,EACA,SAAU,KAAK,GAAG,cAChB,qDACF,EACA,QAAS,KAAK,GAAG,cACf,oDACF,EACA,SAAU,KAAK,GAAG,cAChB,qDACF,CACF,EAEA,CAAC,EAAE,QAAQ,KAAK,KAAK,IAAI,SAAUC,GAAO,CA1B9C,IAAAC,EA2BM,MAAMC,EAASF,EAAa,UAAU,EAAI,EAC1CE,EAAM,gBAAgB,IAAI,GACzBD,EAAAD,EAAoB,aAApB,MAAAC,EAAgC,YAAYC,EAC/C,CAAC,CACH,CAEA,cAAe,CACT,KAAK,IAAI,UACV,KAAK,IAAI,SAAyB,iBAAiB,QAAS,IAC3D,KAAK,MAAM,UAAU,CACvB,EAEE,KAAK,IAAI,SACV,KAAK,IAAI,QAAwB,iBAAiB,QAAS,IAC1D,KAAK,MAAM,SAAS,CACtB,EAEE,KAAK,IAAI,UACV,KAAK,IAAI,SAAyB,iBAAiB,QAAS,IAC3D,KAAK,MAAM,UAAU,CACvB,CACJ,CAEA,MAAMC,EAAiB,CACrB,OAAQA,EAAS,CACf,IAAK,WACH,KAAK,UAAU,wCAAwC,KAAK,KAAK,EACjE,MACF,IAAK,UACH,KAAK,UAAU,iCAAiC,KAAK,KAAK,EAC1D,MACF,IAAK,WACH,KAAK,UACH,uDAAuD,KAAK,KAC9D,EACA,MACF,QACE,KACJ,CACF,CAEA,UAAUC,EAAa,CACrB,MAAMC,EAAS,OAAO,YAAc,EAAI,IAClCC,EAAU,OAAO,WAAa,EAAI,IAExC,OAAO,KACLF,EACA,SACA,OAAOC,WAAgBC,yCACzB,CACF,CACF,CAEA,QAAeV,C","file":"scripts/9074.be14beaa472d9f76a781.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass ShareModule extends Component {\n  url: string;\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.url = window.location.href;\n  }\n\n  setupDefaults() {\n    this.dom = {\n      svgIcons: this.el.querySelectorAll<HTMLElement>(\n        '.share-module__icon-button svg'\n      ),\n      facebook: this.el.querySelector<HTMLElement>(\n        '.share-module__icon-button[data-service=\"facebook\"]'\n      ),\n      twitter: this.el.querySelector<HTMLElement>(\n        '.share-module__icon-button[data-service=\"twitter\"]'\n      ),\n      linkedin: this.el.querySelector<HTMLElement>(\n        '.share-module__icon-button[data-service=\"linkedin\"]'\n      )\n    };\n\n    [].forEach.call(this.dom.svgIcons, svg => {\n      const clone = (svg as Node).cloneNode(true) as HTMLElement;\n      clone.removeAttribute('id');\n      (svg as HTMLElement).parentNode?.appendChild(clone);\n    });\n  }\n\n  addListeners() {\n    if (this.dom.facebook)\n      (this.dom.facebook as HTMLElement).addEventListener('click', () =>\n        this.share('facebook')\n      );\n\n    if (this.dom.twitter)\n      (this.dom.twitter as HTMLElement).addEventListener('click', () =>\n        this.share('twitter')\n      );\n\n    if (this.dom.linkedin)\n      (this.dom.linkedin as HTMLElement).addEventListener('click', () =>\n        this.share('linkedin')\n      );\n  }\n\n  share(service: string) {\n    switch (service) {\n      case 'facebook':\n        this.openModal(`https://www.facebook.com/share.php?u=${this.url}`);\n        break;\n      case 'twitter':\n        this.openModal(`https://twitter.com/share?url=${this.url}`);\n        break;\n      case 'linkedin':\n        this.openModal(\n          `https://www.linkedin.com/sharing/share-offsite/?url=${this.url}`\n        );\n        break;\n      default:\n        break;\n    }\n  }\n\n  openModal(url: string) {\n    const winTop = window.innerHeight / 3 - 200;\n    const winLeft = window.innerWidth / 2 - 300;\n\n    window.open(\n      url,\n      'sharer',\n      `top=${winTop}, left=${winLeft}, width=600, height=400, scrollbars=no`\n    );\n  }\n}\n\nexport default ShareModule;\n"],"sourceRoot":""}