@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/esm-es5/stzh-share.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhShareCss","abbreviateText","text","length","lastWhitespaceIndex","substring","lastIndexOf","getMeta","name","meta","document","querySelector","concat","getAttribute","StzhShare","this","_services","openPopup","url","event","preventDefault","window","open","location","href","class_1","prototype","servicesWatcher","newValue","JSON","parse","componentWillLoad","services","localization","_b","fetchTranslations","element","_c","sent","render","_this","classes","shareUrl","encodeURIComponent","mailSubject","mailBody","_a","replace","title","description","maxTweetLength","serviceData","facebook","popup","blank","shareFacebook","icon","twitter","shareTwitter","linkedin","shareLinkedin","xing","shareXing","mail","shareMail","h","Host","class","map","service","content","rel","target","onClick","e"],"sources":["src/components/stzh-share/stzh-share.scss?tag=stzh-share&encapsulation=scoped","src/components/stzh-share/stzh-share.tsx"],"sourcesContent":[":host {\n}\n\n$shareColorFacebook: #3b5998;\n$shareColorFacebookHover: #23355B;\n$shareColorTwitter: #1da1f2;\n$shareColorTwitterHover: #116091;\n$shareColorLinkedin: #1485BD;\n$shareColorLinkedinHover: #0C4F71;\n$shareColorXing: #0E7574;\n$shareColorXingHover: #084645;\n\n.stzh-share {\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n  }\n\n  &__item {\n    &:not(:last-child) {\n      margin-right: space('small');\n    }\n  }\n\n  &__icon {\n    --size: #{iconSize('xsmall')};\n  }\n\n  &__button {\n    color: $colorWhite;\n    border-radius: $buttonBorderRadius;\n    display: grid;\n    place-items: center;\n    width: 46px;\n    height: 26px;\n\n    &.is-facebook {\n      background-color: $shareColorFacebook;\n\n      &:hover {\n        background-color: $shareColorFacebookHover;\n      }\n    }\n\n    &.is-twitter {\n      background-color: $shareColorTwitter;\n\n      &:hover {\n        background-color: $shareColorTwitterHover;\n      }\n    }\n\n    &.is-linkedin {\n      background-color: $shareColorLinkedin;\n\n      &:hover {\n        background-color: $shareColorLinkedinHover;\n      }\n    }\n\n    &.is-xing {\n      background-color: $shareColorXing;\n\n      &:hover {\n        background-color: $shareColorXingHover;\n      }\n    }\n\n    &.is-mail {\n      background-color: $colorPrimary;\n\n      &:hover {\n        background-color: $colorPrimaryHover;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhShareLocalizedText } from \"./stzh-share.localization\"\n\nconst abbreviateText = function(text, length) {\n  if (text.length <= length) {\n    return text;\n  }\n\n  var lastWhitespaceIndex = text.substring(0, length - 1).lastIndexOf(' ');\n\n  if (lastWhitespaceIndex) {\n    return text.substring(0, lastWhitespaceIndex) + '\\u2026';\n  } else {\n    return text.substring(0, length - 1);\n  }\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nconst getMeta = function(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\n/**\n */\n@Component({\n  tag: \"stzh-share\",\n  styleUrl: \"stzh-share.scss\",\n  scoped: true\n})\nexport class StzhShare {\n  /** Translation strings */\n  @Prop() localization: StzhShareLocalizedText;\n\n  /** URL of current site (uses full URL by default) */\n  @Prop() url: string = window.location.href;\n\n  /**\n   * Array of enabled share buttons.\n   * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n   */\n  @Prop() services: ShareService[] | string = [\n    \"facebook\", \"twitter\", \"linkedin\", \"xing\", \"mail\"\n  ];\n\n  private _services: ShareService[] = [];\n\n  @Watch(\"services\")\n  servicesWatcher(newValue: ShareService[] | string) {\n    if (typeof newValue === \"string\") {\n      this._services = JSON.parse(newValue);\n    } else {\n      this._services = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShareElement;\n\n  private openPopup = (url, event) => {\n    event.preventDefault();\n    window.open(url, \"_blank\", \"width=600,height=460\");\n  }\n\n  async componentWillLoad() {\n    this.servicesWatcher(this.services);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"share\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-share\": true\n    };\n\n    const shareUrl = encodeURIComponent(this.url);\n    const mailSubject = encodeURIComponent(this.localization.mailSubject);\n    const mailBody = encodeURIComponent(\n      this.localization.mailBody?.replace(/\\{shareUrl\\}/gi, this.url)\n    );\n\n    const title = encodeURIComponent(document.title);\n    const description = encodeURIComponent(getMeta(\"description\"));\n\n    // 280 - URL (always 24) = 256\n    const maxTweetLength = 256;\n\n    const serviceData = {\n      \"facebook\": {\n        popup: true,\n        blank: true,\n        url: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,\n        text: this.localization.shareFacebook,\n        icon: \"facebook-filled\"\n      },\n      \"twitter\": {\n        popup: true,\n        blank: true,\n        url: `https://twitter.com/intent/tweet?text=${abbreviateText(title, maxTweetLength)}&url=${shareUrl}`,\n        text: this.localization.shareTwitter,\n        icon: \"twitter-filled\"\n      },\n      \"linkedin\": {\n        popup: true,\n        blank: true,\n        url: `https://www.linkedin.com/shareArticle?mini=true&summary=${description}&title=${title}&url=${shareUrl}`,\n        text: this.localization.shareLinkedin,\n        icon: \"linkedin-filled\"\n      },\n      \"xing\": {\n        popup: true,\n        blank: true,\n        url: `https://www.xing.com/spi/shares/new?url=${shareUrl}`,\n        text: this.localization.shareXing,\n        icon: \"xing-filled\"\n      },\n      \"mail\": {\n        popup: false,\n        blank: false,\n        url: `mailto:?subject=${mailSubject}&body=${mailBody}`,\n        text: this.localization.shareMail,\n        icon: \"mail-filled\"\n      }\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <ul class=\"stzh-share__list\">\n            {this._services.map((service) =>\n              <li class=\"stzh-share__item\">\n                <stzh-tooltip content={serviceData[service].text}>\n                  <a\n                    class={`stzh-share__button is-${service}`}\n                    href={serviceData[service].url}\n                    aria-label={serviceData[service].text}\n                    rel={serviceData[service].blank ? \"nofollow noopener noreferrer\" : \"nofollow\"}\n                    target={serviceData[service].blank ? \"_blank\" : \"_self\"}\n                    onClick={serviceData[service].popup ? (e) => this.openPopup(serviceData[service].url, e) : null}\n                    s-object-id={serviceData[service].text}\n                  >\n                    <stzh-icon class=\"stzh-share__icon\" name={serviceData[service].icon}></stzh-icon>\n                  </a>\n                </stzh-tooltip>\n              </li>\n            )}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhShareCss","MAX_TWEET_LENGTH","StzhShare","this","_services","openPopup","url","event","preventDefault","window","open","location","href","class_1","prototype","servicesWatcher","newValue","JSON","parse","componentWillLoad","services","localization","_b","fetchTranslations","element","_c","sent","render","_this","classes","shareUrl","encodeURIComponent","mailSubject","mailBody","_a","replace","title","document","twitterTitle","abbreviateText","description","getMeta","serviceData","facebook","popup","blank","concat","text","shareFacebook","icon","twitter","shareTwitter","linkedin","shareLinkedin","xing","shareXing","mail","shareMail","h","Host","class","map","service","content","rel","target","onClick","e","name"],"sources":["src/components/stzh-share/stzh-share.scss?tag=stzh-share&encapsulation=scoped","src/components/stzh-share/stzh-share.tsx"],"sourcesContent":[":host {\n}\n\n$shareColorFacebook: #3b5998;\n$shareColorFacebookHover: #23355B;\n$shareColorTwitter: #1da1f2;\n$shareColorTwitterHover: #116091;\n$shareColorLinkedin: #1485BD;\n$shareColorLinkedinHover: #0C4F71;\n$shareColorXing: #0E7574;\n$shareColorXingHover: #084645;\n\n.stzh-share {\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n  }\n\n  &__item {\n    &:not(:last-child) {\n      margin-right: space('small');\n    }\n  }\n\n  &__icon {\n    --size: #{iconSize('xsmall')};\n  }\n\n  &__button {\n    color: $colorWhite;\n    border-radius: $buttonBorderRadius;\n    display: grid;\n    place-items: center;\n    width: 46px;\n    height: 26px;\n\n    &.is-facebook {\n      background-color: $shareColorFacebook;\n\n      &:hover {\n        background-color: $shareColorFacebookHover;\n      }\n    }\n\n    &.is-twitter {\n      background-color: $shareColorTwitter;\n\n      &:hover {\n        background-color: $shareColorTwitterHover;\n      }\n    }\n\n    &.is-linkedin {\n      background-color: $shareColorLinkedin;\n\n      &:hover {\n        background-color: $shareColorLinkedinHover;\n      }\n    }\n\n    &.is-xing {\n      background-color: $shareColorXing;\n\n      &:hover {\n        background-color: $shareColorXingHover;\n      }\n    }\n\n    &.is-mail {\n      background-color: $colorPrimary;\n\n      &:hover {\n        background-color: $colorPrimaryHover;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhShareLocalizedText } from \"./stzh-share.localization\"\nimport { getMeta } from '../../utils/utils';\nimport { abbreviateText } from '../../utils/string-utils';\n\n// 280 - URL (always 24) = 256\nconst MAX_TWEET_LENGTH = 256;\n\n/**\n */\n@Component({\n  tag: \"stzh-share\",\n  styleUrl: \"stzh-share.scss\",\n  scoped: true\n})\nexport class StzhShare {\n  /** Translation strings */\n  @Prop() localization: StzhShareLocalizedText;\n\n  /** URL of current site (uses full URL by default) */\n  @Prop() url: string = window.location.href;\n\n  /**\n   * Array of enabled share buttons.\n   * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n   */\n  @Prop() services: ShareService[] | string = [\n    \"facebook\", \"twitter\", \"linkedin\", \"xing\", \"mail\"\n  ];\n\n  private _services: ShareService[] = [];\n\n  @Watch(\"services\")\n  servicesWatcher(newValue: ShareService[] | string) {\n    if (typeof newValue === \"string\") {\n      this._services = JSON.parse(newValue);\n    } else {\n      this._services = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShareElement;\n\n  private openPopup = (url, event) => {\n    event.preventDefault();\n    window.open(url, \"_blank\", \"width=600,height=460\");\n  }\n\n  async componentWillLoad() {\n    this.servicesWatcher(this.services);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"share\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-share\": true\n    };\n\n    const shareUrl = encodeURIComponent(this.url);\n    const mailSubject = encodeURIComponent(this.localization.mailSubject);\n    const mailBody = encodeURIComponent(\n      this.localization.mailBody?.replace(/\\{shareUrl\\}/gi, this.url)\n    );\n\n    const title = encodeURIComponent(document.title);\n    const twitterTitle = encodeURIComponent(abbreviateText(title, MAX_TWEET_LENGTH));\n    const description = encodeURIComponent(getMeta(\"description\"));\n\n    const serviceData = {\n      \"facebook\": {\n        popup: true,\n        blank: true,\n        url: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,\n        text: this.localization.shareFacebook,\n        icon: \"facebook-filled\"\n      },\n      \"twitter\": {\n        popup: true,\n        blank: true,\n        url: `https://twitter.com/intent/tweet?text=${twitterTitle}&url=${shareUrl}`,\n        text: this.localization.shareTwitter,\n        icon: \"twitter-filled\"\n      },\n      \"linkedin\": {\n        popup: true,\n        blank: true,\n        url: `https://www.linkedin.com/shareArticle?mini=true&summary=${description}&title=${title}&url=${shareUrl}`,\n        text: this.localization.shareLinkedin,\n        icon: \"linkedin-filled\"\n      },\n      \"xing\": {\n        popup: true,\n        blank: true,\n        url: `https://www.xing.com/spi/shares/new?url=${shareUrl}`,\n        text: this.localization.shareXing,\n        icon: \"xing-filled\"\n      },\n      \"mail\": {\n        popup: false,\n        blank: false,\n        url: `mailto:?subject=${mailSubject}&body=${mailBody}`,\n        text: this.localization.shareMail,\n        icon: \"mail-filled\"\n      }\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <ul class=\"stzh-share__list\">\n            {this._services.map((service) =>\n              <li class=\"stzh-share__item\">\n                <stzh-tooltip content={serviceData[service].text}>\n                  <a\n                    class={`stzh-share__button is-${service}`}\n                    href={serviceData[service].url}\n                    aria-label={serviceData[service].text}\n                    rel={serviceData[service].blank ? \"nofollow noopener noreferrer\" : \"nofollow\"}\n                    target={serviceData[service].blank ? \"_blank\" : \"_self\"}\n                    onClick={serviceData[service].popup ? (e) => this.openPopup(serviceData[service].url, e) : null}\n                    s-object-id={serviceData[service].text}\n                  >\n                    <stzh-icon class=\"stzh-share__icon\" name={serviceData[service].icon}></stzh-icon>\n                  </a>\n                </stzh-tooltip>\n              </li>\n            )}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+sDAAA,IAAMA,aAAe,ixDCgBrB,IAAMC,iBAAmB,I,IASZC,UAAS,W,uCAeZC,KAAAC,UAA4B,GAa5BD,KAAAE,UAAY,SAACC,EAAKC,GACxBA,EAAMC,iBACNC,OAAOC,KAAKJ,EAAK,SAAU,uB,uCAzBPG,OAAOE,SAASC,K,cAMM,CAC1C,WAAY,UAAW,WAAY,OAAQ,O,CAM7CC,EAAAC,UAAAC,gBAAA,SAAgBC,GACd,UAAWA,IAAa,SAAU,CAChCb,KAAKC,UAAYa,KAAKC,MAAMF,E,KACvB,CACLb,KAAKC,UAAYY,C,GAWfH,EAAAC,UAAAK,kBAAN,W,kHACEhB,KAAKY,gBAAgBZ,KAAKiB,U,KAErBjB,KAAKkB,aAAN,YACFC,EAAAnB,KAAoB,SAAMoB,kBAAkBpB,KAAKqB,QAAS,U,OAA1DF,EAAKD,aAAeI,EAAAC,O,mCAIxBb,EAAAC,UAAAa,OAAA,eAAAC,EAAAzB,K,MACE,IAAM0B,EAAU,CACd,aAAc,MAGhB,IAAMC,EAAWC,mBAAmB5B,KAAKG,KACzC,IAAM0B,EAAcD,mBAAmB5B,KAAKkB,aAAaW,aACzD,IAAMC,EAAWF,oBACfG,EAAA/B,KAAKkB,aAAaY,YAAQ,MAAAC,SAAA,SAAAA,EAAEC,QAAQ,iBAAkBhC,KAAKG,MAG7D,IAAM8B,EAAQL,mBAAmBM,SAASD,OAC1C,IAAME,EAAeP,mBAAmBQ,eAAeH,EAAOnC,mBAC9D,IAAMuC,EAAcT,mBAAmBU,QAAQ,gBAE/C,IAAMC,EAAc,CAClBC,SAAY,CACVC,MAAO,KACPC,MAAO,KACPvC,IAAK,gDAAAwC,OAAgDhB,GACrDiB,KAAM5C,KAAKkB,aAAa2B,cACxBC,KAAM,mBAERC,QAAW,CACTN,MAAO,KACPC,MAAO,KACPvC,IAAK,yCAAAwC,OAAyCR,EAAY,SAAAQ,OAAQhB,GAClEiB,KAAM5C,KAAKkB,aAAa8B,aACxBF,KAAM,kBAERG,SAAY,CACVR,MAAO,KACPC,MAAO,KACPvC,IAAK,2DAAAwC,OAA2DN,EAAW,WAAAM,OAAUV,EAAK,SAAAU,OAAQhB,GAClGiB,KAAM5C,KAAKkB,aAAagC,cACxBJ,KAAM,mBAERK,KAAQ,CACNV,MAAO,KACPC,MAAO,KACPvC,IAAK,2CAAAwC,OAA2ChB,GAChDiB,KAAM5C,KAAKkB,aAAakC,UACxBN,KAAM,eAERO,KAAQ,CACNZ,MAAO,MACPC,MAAO,MACPvC,IAAK,mBAAAwC,OAAmBd,EAAW,UAAAc,OAASb,GAC5Cc,KAAM5C,KAAKkB,aAAaoC,UACxBR,KAAM,gBAIV,OACES,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAO/B,GACV6B,EAAA,MAAIE,MAAM,oBACPzD,KAAKC,UAAUyD,KAAI,SAACC,GACnB,OAAAJ,EAAA,MAAIE,MAAM,oBACRF,EAAA,gBAAcK,QAASrB,EAAYoB,GAASf,MAC1CW,EAAA,KACEE,MAAO,yBAAAd,OAAyBgB,GAChClD,KAAM8B,EAAYoB,GAASxD,IAAG,aAClBoC,EAAYoB,GAASf,KACjCiB,IAAKtB,EAAYoB,GAASjB,MAAQ,+BAAiC,WACnEoB,OAAQvB,EAAYoB,GAASjB,MAAQ,SAAW,QAChDqB,QAASxB,EAAYoB,GAASlB,MAAQ,SAACuB,GAAM,OAAAvC,EAAKvB,UAAUqC,EAAYoB,GAASxD,IAAK6D,EAAzC,EAA8C,KAAI,cAClFzB,EAAYoB,GAASf,MAElCW,EAAA,aAAWE,MAAM,mBAAmBQ,KAAM1B,EAAYoB,GAASb,SAXrE,M,mQAnGQ,G"}