{"version":3,"sources":["webpack://loftware/./src/js/components/ShareThis.js"],"names":[],"mappings":"+HAEA,eAAwB,KAAU,CAChC,eAAgB,CACd,KAAK,IAAM,CACT,QAAS,KAAK,GAAG,cAAc,4BAC/B,SAAU,KAAK,GAAG,cAAc,6BAChC,SAAU,KAAK,GAAG,cAAc,6BAChC,KAAM,KAAK,GAAG,cAAc,0BAG9B,KAAK,IAAM,OAAO,SAAS,KAG7B,cAAe,CACb,KAAS,IAAI,SACX,KAAK,IAAI,QAAQ,iBAAiB,QAAS,KAAK,aAAa,KAAK,OAEhE,KAAK,IAAI,UACX,KAAK,IAAI,SAAS,iBAChB,QACA,KAAK,cAAc,KAAK,OAGxB,KAAK,IAAI,UACX,KAAK,IAAI,SAAS,iBAChB,QACA,KAAK,cAAc,KAAK,OAGxB,KAAK,IAAI,MACX,KAAK,IAAI,KAAK,iBAAiB,QAAS,KAAK,SAAS,KAAK,OAI/D,cAAe,CACb,KAAK,UAAU,iCAAiC,KAAK,OAGvD,eAAgB,CACd,KAAK,UACH,uDAAuD,KAAK,OAIhE,eAAgB,CACd,KAAK,UAAU,wCAAwC,KAAK,OAG9D,UAAW,CACT,KAAM,GAAc,KAAK,GAAG,cAAc,6BACpC,EAAY,KAAK,GAAG,cAAc,2BAExC,UAAU,UAAU,UAAU,KAAK,KACnC,EAAY,MAAM,QAAU,OAC5B,EAAU,MAAM,QAAU,QAE1B,WAAW,IAAM,CACf,EAAY,MAAQ,KACpB,EAAU,MAAQ,MACjB,KAGL,UAAU,EAAK,CACb,KAAM,GAAS,OAAO,YAAc,EAAI,IAClC,EAAU,OAAO,WAAa,EAAI,IAExC,OAAO,KACL,EACA,SACA,OAAO,WAAgB,4CAK7B,UAAe","file":"scripts/57.4ade7bdd41973fcb5c35.js","sourcesContent":["import { Component } from '@verndale/core';\r\n\r\nclass ShareThis extends Component {\r\n  setupDefaults() {\r\n    this.dom = {\r\n      twitter: this.el.querySelector('[data-service=\"twitter\"]'),\r\n      linkedin: this.el.querySelector('[data-service=\"linkedin\"]'),\r\n      facebook: this.el.querySelector('[data-service=\"facebook\"]'),\r\n      link: this.el.querySelector('[data-service=\"link\"]')\r\n    };\r\n\r\n    this.url = window.location.href;\r\n  }\r\n\r\n  addListeners() {\r\n    if (this.dom.twitter) {\r\n      this.dom.twitter.addEventListener('click', this.twitterShare.bind(this));\r\n    }\r\n    if (this.dom.linkedin) {\r\n      this.dom.linkedin.addEventListener(\r\n        'click',\r\n        this.linkedinShare.bind(this)\r\n      );\r\n    }\r\n    if (this.dom.facebook) {\r\n      this.dom.facebook.addEventListener(\r\n        'click',\r\n        this.facebookShare.bind(this)\r\n      );\r\n    }\r\n    if (this.dom.link) {\r\n      this.dom.link.addEventListener('click', this.copyLink.bind(this));\r\n    }\r\n  }\r\n\r\n  twitterShare() {\r\n    this.openModal(`https://twitter.com/share?url=${this.url}`);\r\n  }\r\n\r\n  linkedinShare() {\r\n    this.openModal(\r\n      `https://www.linkedin.com/sharing/share-offsite/?url=${this.url}`\r\n    );\r\n  }\r\n\r\n  facebookShare() {\r\n    this.openModal(`https://www.facebook.com/share.php?u=${this.url}`);\r\n  }\r\n\r\n  copyLink() {\r\n    const linkInitial = this.el.querySelector('.share-this__link-initial');\r\n    const linkReady = this.el.querySelector('.share-this__link-ready');\r\n\r\n    navigator.clipboard.writeText(this.url);\r\n    linkInitial.style.display = 'none';\r\n    linkReady.style.display = 'block';\r\n\r\n    setTimeout(() => {\r\n      linkInitial.style = null;\r\n      linkReady.style = null;\r\n    }, 3000);\r\n  }\r\n\r\n  openModal(url) {\r\n    const winTop = window.innerHeight / 3 - 200;\r\n    const winLeft = window.innerWidth / 2 - 300;\r\n\r\n    window.open(\r\n      url,\r\n      'sharer',\r\n      `top=${winTop}, left=${winLeft}, width=600, height=400, scrollbars=no`\r\n    );\r\n  }\r\n}\r\n\r\nexport default ShareThis;\r\n"],"sourceRoot":""}