@oiz/stzh-components 2.1.0-alpha → 2.1.0-beta

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,r,s){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{h(s.next(t))}catch(e){o(e)}}function i(t){try{h(s["throw"](t))}catch(e){o(e)}}function h(t){t.done?r(t.value):n(t.value).then(a,i)}h((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,n,o,a;return a={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function i(t){return function(e){return h([t,e])}}function h(a){if(s)throw new TypeError("Generator is already executing.");while(r)try{if(s=1,n&&(o=a[0]&2?n["return"]:a[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;if(n=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;n=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){r.label=a[1];break}if(a[0]===6&&r.label<o[1]){r.label=o[1];o=a;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(a);break}if(o[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(i){a=[6,i];n=0}finally{s=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-2915b467.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhShareCss=".sc-stzh-share-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-small)}.stzh-share__icon.sc-stzh-share{--size:var(--stzh-icon-size-xsmall)}.stzh-share__button.sc-stzh-share{color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius);display:grid;place-items:center;width:2.875rem;height:1.625rem}.stzh-share__button.is-facebook.sc-stzh-share{background-color:#3b5998}.stzh-share__button.is-facebook.sc-stzh-share:hover{background-color:#23355B}.stzh-share__button.is-twitter.sc-stzh-share{background-color:#1da1f2}.stzh-share__button.is-twitter.sc-stzh-share:hover{background-color:#116091}.stzh-share__button.is-linkedin.sc-stzh-share{background-color:#1485BD}.stzh-share__button.is-linkedin.sc-stzh-share:hover{background-color:#0C4F71}.stzh-share__button.is-xing.sc-stzh-share{background-color:#0E7574}.stzh-share__button.is-xing.sc-stzh-share:hover{background-color:#084645}.stzh-share__button.is-mail.sc-stzh-share{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-share__button.is-mail.sc-stzh-share:hover{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var abbreviateText=function(t,e){if(t.length<=e){return t}var r=t.substring(0,e-1).lastIndexOf(" ");if(r){return t.substring(0,r)+"…"}else{return t.substring(0,e-1)}};var getMeta=function(t){var e=document.querySelector('meta[name="'.concat(t,'"],[property="').concat(t,'"]'));return e?e.getAttribute("content"):""};var StzhShare=function(){function t(t){registerInstance(this,t);this._services=[];this.openPopup=function(t,e){e.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.services=["facebook","twitter","linkedin","xing","mail"]}t.prototype.servicesWatcher=function(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.servicesWatcher(this.services);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"share")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e;var r={"stzh-share":true};var s=encodeURIComponent(this.url);var n=encodeURIComponent(this.localization.mailSubject);var o=encodeURIComponent((e=this.localization.mailBody)===null||e===void 0?void 0:e.replace(/\{shareUrl\}/gi,this.url));var a=encodeURIComponent(document.title);var i=encodeURIComponent(getMeta("description"));var c=256;var l={facebook:{popup:true,blank:true,url:"https://www.facebook.com/sharer/sharer.php?u=".concat(s),text:this.localization.shareFacebook,icon:"facebook"},twitter:{popup:true,blank:true,url:"https://twitter.com/intent/tweet?text=".concat(abbreviateText(a,c),"&url=").concat(s),text:this.localization.shareTwitter,icon:"twitter"},linkedin:{popup:true,blank:true,url:"https://www.linkedin.com/shareArticle?mini=true&summary=".concat(i,"&title=").concat(a,"&url=").concat(s),text:this.localization.shareLinkedin,icon:"linkedin"},xing:{popup:true,blank:true,url:"https://www.xing.com/spi/shares/new?url=".concat(s),text:this.localization.shareXing,icon:"xing"},mail:{popup:false,blank:false,url:"mailto:?subject=".concat(n,"&body=").concat(o),text:this.localization.shareMail,icon:"mail"}};return h(Host,null,h("div",{class:r},h("ul",{class:"stzh-share__list"},this._services.map((function(e){return h("li",{class:"stzh-share__item"},h("stzh-tooltip",{content:l[e].text},h("a",{class:"stzh-share__button is-".concat(e),href:l[e].url,"aria-label":l[e].text,rel:l[e].blank?"nofollow noopener noreferrer":"nofollow",target:l[e].blank?"_blank":"_self",onClick:l[e].popup?function(r){return t.openPopup(l[e].url,r)}:null},h("stzh-icon",{class:"stzh-share__icon",name:l[e].icon}))))})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{services:["servicesWatcher"]}},enumerable:false,configurable:true});return t}();StzhShare.style=stzhShareCss;export{StzhShare as stzh_share};