! function(e) {
if ("object" == typeof exports && "undefined" != typeof module) module.exports = e();
else if ("function" == typeof define && define.amd) define([], e);
else {
var f;
"undefined" != typeof window ? f = window : "undefined" != typeof global ? f = global : "undefined" != typeof self && (f = self), f.Share = e()
}
}(function() {
var define, module, exports;
function getStyles(config) {
return "" + config.selector + "{width:auto;height:20px;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}" + config.selector + " [class*=entypo-]:before{font-family:entypo,sans-serif}" + config.selector + " label{font-size:14px;cursor:pointer;margin:0;padding:3px 10px;border-radius:3px;background:#000;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}" + config.selector + " label:hover{opacity:.8}" + config.selector + " label span{text-transform:uppercase;font-size:.9em;letter-spacing:0.025em;font-weight:600;-webkit-font-smoothing:antialiased;padding-left:6px}" + config.selector + " .social{opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;margin-left:-15px;visibility:hidden}" + config.selector + " .social.top{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;margin-top:-123px}" + config.selector + " .social.bottom{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;margin-top:5px}" + config.selector + " .social.middle{margin-top:-34px}" + config.selector + " .social.middle.right{-webkit-transform-origin:5% 50%;-ms-transform-origin:5% 50%;transform-origin:5% 50%;margin-left:105px}" + config.selector + " .social.middle.left{-webkit-transform-origin:5% 50%;-ms-transform-origin:5% 50%;transform-origin:5% 50%}" + config.selector + " .social.right{margin-left:14px}" + config.selector + " .social.load{-webkit-transition:none!important;transition:none!important}" + config.selector + " .social.networks-1{width:60px}" + config.selector + " .social.networks-1.center," + config.selector + " .social.networks-1.left{margin-left:14px}" + config.selector + " .social.networks-1.middle.left{margin-left:-70px}" + config.selector + " .social.networks-1 ul{width:60px}" + config.selector + " .social.networks-2{width:120px}" + config.selector + " .social.networks-2.center{margin-left:-13px}" + config.selector + " .social.networks-2.left{margin-left:-44px}" + config.selector + " .social.networks-2.middle.left{margin-left:-130px}" + config.selector + " .social.networks-2 ul{width:120px}" + config.selector + " .social.networks-3{width:180px}" + config.selector + " .social.networks-3.center{margin-left:-45px}" + config.selector + " .social.networks-3.left{margin-left:-102px}" + config.selector + " .social.networks-3.middle.left{margin-left:-190px}" + config.selector + " .social.networks-3 ul{width:180px}" + config.selector + " .social.networks-4{width:240px}" + config.selector + " .social.networks-4.center{margin-left:-75px}" + config.selector + " .social.networks-4.left{margin-left:162px}" + config.selector + " .social.networks-4.middle.left{margin-left:-250px}" + config.selector + " .social.networks-4 ul{width:240px}" + config.selector + " .social.networks-5{width:260px}" + config.selector + " .social.networks-5.center{margin-left:-105px}" + config.selector + " .social.networks-5.left{margin-left:-178px}" + config.selector + " .social.networks-5.middle.left{margin-left:-320px}" + config.selector + " .social.networks-5 ul{width:260px}" + config.selector + " .social.active{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;visibility:visible}" + config.selector + " .social.active.top{-webkit-transform:scale(1) translateY(0px);-ms-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px)}" + config.selector + " .social.active.bottom{-webkit-transform:scale(1) translateY(15px);-ms-transform:scale(1) translateY(15px);transform:scale(1) translateY(15px)}" + config.selector + " .social.active.middle.right{-webkit-transform:scale(1) translateX(10px);-ms-transform:scale(1) translateX(10px);transform:scale(1) translateX(10px)}" + config.selector + " .social.active.middle.left{-webkit-transform:scale(1) translateX(-10px);-ms-transform:scale(1) translateX(-10px);transform:scale(1) translateX(-10px)}" + config.selector + " .social ul{position:relative;left:0;right:0;height:46px;color:#fff;margin:auto;padding:0;list-style:none}" + config.selector + " .social ul li{font-size:20px;cursor:pointer;width:52px;margin:0;padding:10px 0;text-align:center;float:left;display:none;height:28px;position:relative;z-index:2;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all .3s ease;transition:all .3s ease}" + config.selector + " .social ul li:hover{color:rgba(0,0,0,.5)}" + config.selector + " .social li[class*=facebook]{background:#3b5998;display:" + config.networks.facebook.display + "}" + config.selector + " .social li[class*=twitter]{background:#6cdfea;display:" + config.networks.twitter.display + "}" + config.selector + " .social li[class*=gplus]{background:#e34429;display:" + config.networks.google_plus.display + "}" + config.selector + " .social li[class*=pinterest]{background:#c5282f;display:" + config.networks.pinterest.display + "}" + config.selector + " .social li[class*=paper-plane]{background:#42c5b0;display:" + config.networks.email.display + "}"
};
var ShareUtils;
if ((!("classList" in document.documentElement)) && Object.defineProperty && typeof HTMLElement !== "undefined") {
Object.defineProperty(HTMLElement.prototype, "classList", {
get: function() {
var ret, self, update;
update = function(fn) {
return function(value) {
var classes, index;
classes = self.className.split(/\s+/);
index = classes.indexOf(value);
fn(classes, index, value);
self.className = classes.join(" ");
};
};
self = this;
ret = {
add: update(function(classes, index, value) {~
index || classes.push(value);
}),
remove: update(function(classes, index) {~
index && classes.splice(index, 1);
}),
toggle: update(function(classes, index, value) {
if (~index) {
classes.splice(index, 1);
} else {
classes.push(value);
}
}),
contains: function(value) {
return !!~self.className.split(/\s+/).indexOf(value);
},
item: function(i) {
return self.className.split(/\s+/)[i] || null;
}
};
Object.defineProperty(ret, "length", {
get: function() {
return self.className.split(/\s+/).length;
}
});
return ret;
}
});
}
String.prototype.to_rfc3986 = function() {
var tmp;
tmp = encodeURIComponent(this);
return tmp.replace(/[!'()*]/g, function(c) {
return "%" + c.charCodeAt(0).toString(16);
});
};
ShareUtils = (function() {
function ShareUtils() {}
ShareUtils.prototype.extend = function(to, from, overwrite) {
var hasProp, prop;
for (prop in from) {
hasProp = to[prop] !== undefined;
if (hasProp && typeof from[prop] === "object") {
this.extend(to[prop], from[prop], overwrite);
} else {
if (overwrite || !hasProp) {
to[prop] = from[prop];
}
}
}
};
ShareUtils.prototype.hide = function(el) {
return el.style.display = "none";
};
ShareUtils.prototype.show = function(el) {
return el.style.display = "block";
};
ShareUtils.prototype.has_class = function(el, class_name) {
return el.classList.contains(class_name);
};
ShareUtils.prototype.add_class = function(el, class_name) {
return el.classList.add(class_name);
};
ShareUtils.prototype.remove_class = function(el, class_name) {
return el.classList.remove(class_name);
};
ShareUtils.prototype.is_encoded = function(str) {
str = str.to_rfc3986();
return decodeURIComponent(str) !== str;
};
ShareUtils.prototype.encode = function(str) {
if (typeof str === "undefined" || this.is_encoded(str)) {
return str;
} else {
return str.to_rfc3986();
}
};
ShareUtils.prototype.popup = function(url, params) {
var k, popup, qs, v;
if (params == null) {
params = {};
}
popup = {
width: 500,
height: 350
};
popup.top = (screen.height / 2) - (popup.height / 2);
popup.left = (screen.width / 2) - (popup.width / 2);
qs = ((function() {
var _results;
_results = [];
for (k in params) {
v = params[k];
_results.push("" + k + "=" + (this.encode(v)));
}
return _results;
}).call(this)).join('&');
if (qs) {
qs = "?" + qs;
}
return window.open(url + qs, 'targetWindow', "toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=" + popup.left + ",top=" + popup.top + ",width=" + popup.width + ",height=" + popup.height);
};
return ShareUtils;
})();
var Share,
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) {
for (var key in parent) {
if (__hasProp.call(parent, key)) child[key] = parent[key];
}
function ctor() {
this.constructor = child;
}
ctor.prototype = parent.prototype;
child.prototype = new ctor();
child.__super__ = parent.prototype;
return child;
};
Share = (function(_super) {
__extends(Share, _super);
function Share(element, options) {
this.element = element;
this.el = {
head: document.getElementsByTagName('head')[0],
body: document.getElementsByTagName('body')[0]
};
this.config = {
enabled_networks: 0,
protocol: ['http', 'https'].indexOf(window.location.href.split(':')[0]) === -1 ? 'https://' : '//',
url: window.location.href,
caption: null,
title: this.default_title(),
image: this.default_image(),
description: this.default_description(),
ui: {
flyout: 'top center',
button_text: 'Share',
button_font: true,
icon_font: true
},
networks: {
google_plus: {
enabled: true,
url: null
},
twitter: {
enabled: true,
url: null,
description: null
},
facebook: {
enabled: true,
load_sdk: true,
url: null,
app_id: null,
title: null,
caption: null,
description: null,
image: null
},
pinterest: {
enabled: true,
url: null,
image: null,
description: null
},
email: {
enabled: true,
title: null,
description: null
}
}
};
this.setup(element, options);
return this;
}
Share.prototype.setup = function(element, opts) {
var index, instance, instances, _i, _len;
instances = document.querySelectorAll(element);
this.extend(this.config, opts, true);
this.set_global_configuration();
this.normalize_network_configuration();
if (this.config.ui.icon_font) {
this.inject_icons();
}
if (this.config.ui.button_font) {
this.inject_fonts();
}
if (this.config.networks.facebook.enabled && this.config.networks.facebook.load_sdk) {
this.inject_facebook_sdk();
}
for (index = _i = 0, _len = instances.length; _i < _len; index = ++_i) {
instance = instances[index];
this.setup_instance(element, index);
}
};
Share.prototype.setup_instance = function(element, index) {
var button, instance, label, network, networks, _i, _len, _results,
_this = this;
instance = document.querySelectorAll(element)[index];
this.hide(instance);
this.add_class(instance, "sharer-" + index);
instance = document.querySelectorAll(element)[index];
this.inject_css(instance);
this.inject_html(instance);
this.show(instance);
label = instance.getElementsByTagName("label")[0];
button = instance.getElementsByClassName("social")[0];
networks = instance.getElementsByTagName('li');
this.add_class(button, "networks-" + this.config.enabled_networks);
label.addEventListener("click", function() {
return _this.event_toggle(button);
});
_this = this;
_results = [];
for (index = _i = 0, _len = networks.length; _i < _len; index = ++_i) {
network = networks[index];
_results.push(network.addEventListener("click", function() {
_this.event_network(instance, this);
return _this.event_close(button);
}));
}
return _results;
};
Share.prototype.event_toggle = function(button) {
if (this.has_class(button, "active")) {
return this.event_close(button);
} else {
return this.event_open(button);
}
};
Share.prototype.event_open = function(button) {
if (this.has_class(button, "load")) {
this.remove_class(button, "load");
}
return this.add_class(button, "active");
};
Share.prototype.event_close = function(button) {
return this.remove_class(button, "active");
};
Share.prototype.event_network = function(instance, network) {
var name;
name = network.getAttribute("data-network");
this.hook("before", name, instance);
this["network_" + name]();
return this.hook("after", name, instance);
};
Share.prototype.open = function() {
return this["public"]("open");
};
Share.prototype.close = function() {
return this["public"]("close");
};
Share.prototype.toggle = function() {
return this["public"]("toggle");
};
Share.prototype["public"] = function(action) {
var button, index, instance, _i, _len, _ref, _results;
_ref = document.querySelectorAll(this.element);
_results = [];
for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) {
instance = _ref[index];
button = instance.getElementsByClassName("social")[0];
_results.push(this["event_" + action](button));
}
return _results;
};
Share.prototype.network_facebook = function() {
if (this.config.networks.facebook.load_sdk) {
if (!window.FB) {
return console.error("The Facebook JS SDK hasn't loaded yet.");
}
return FB.ui({
method: 'feed',
name: this.config.networks.facebook.title,
link: this.config.networks.facebook.url,
picture: this.config.networks.facebook.image,
caption: this.config.networks.facebook.caption,
description: this.config.networks.facebook.description
});
} else {
return this.popup('https://www.facebook.com/sharer/sharer.php', {
u: this.config.networks.facebook.url
});
}
};
Share.prototype.network_twitter = function() {
return this.popup('https://twitter.com/intent/tweet', {
text: this.config.networks.twitter.description,
url: this.config.networks.twitter.url
});
};
Share.prototype.network_google_plus = function() {
return this.popup('https://plus.google.com/share', {
url: this.config.networks.google_plus.url
});
};
Share.prototype.network_pinterest = function() {
return this.popup('https://www.pinterest.com/pin/create/button', {
url: this.config.networks.pinterest.url,
media: this.config.networks.pinterest.image,
description: this.config.networks.pinterest.description
});
};
Share.prototype.network_email = function() {
return this.popup('mailto:', {
subject: this.config.networks.email.title,
body: this.config.networks.email.description
});
};
Share.prototype.inject_icons = function() {
return this.inject_stylesheet("//www.sharebutton.co/fonts/v2/entypo.min.css");
};
Share.prototype.inject_fonts = function() {
return this.inject_stylesheet("//fonts.googleapis.com/css?family=Lato:900&text=" + this.config.ui.button_text);
};
Share.prototype.inject_stylesheet = function(url) {
var link;
if (!this.el.head.querySelector("link[href=\"" + url + "\"]")) {
link = document.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("href", url);
return this.el.head.appendChild(link);
}
};
Share.prototype.inject_css = function(instance) {
var css, meta, selector, style;
selector = "." + (instance.getAttribute('class').split(" ").join("."));
if (!this.el.head.querySelector("meta[name='sharer" + selector + "']")) {
this.config.selector = selector;
css = getStyles(this.config);
style = document.createElement("style");
style.type = "text/css";
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
this.el.head.appendChild(style);
delete this.config.selector;
meta = document.createElement("meta");
meta.setAttribute("name", "sharer" + selector);
return this.el.head.appendChild(meta);
}
};
Share.prototype.inject_html = function(instance) {
return instance.innerHTML = "<label class='entypo-export'><span>" + this.config.ui.button_text + "</span></label><div class='social load " + this.config.ui.flyout + "'><ul><li class='entypo-pinterest' data-network='pinterest'></li><li class='entypo-twitter' data-network='twitter'></li><li class='entypo-facebook' data-network='facebook'></li><li class='entypo-gplus' data-network='google_plus'></li><li class='entypo-paper-plane' data-network='email'></li></ul></div>";
};
Share.prototype.inject_facebook_sdk = function() {
var fb_root, script;
if (!window.FB && this.config.networks.facebook.app_id && !this.el.body.querySelector('#fb-root')) {
script = document.createElement("script");
script.text = "window.fbAsyncInit=function(){FB.init({appId:'" + this.config.networks.facebook.app_id + "',status:true,xfbml:true})};(function(e,t,n){var r,i=e.getElementsByTagName(t)[0];if(e.getElementById(n)){return}r=e.createElement(t);r.id=n;r.src='" + this.config.protocol + "connect.facebook.net/en_US/all.js';i.parentNode.insertBefore(r,i)})(document,'script','facebook-jssdk')";
fb_root = document.createElement("div");
fb_root.id = "fb-root";
this.el.body.appendChild(fb_root);
return this.el.body.appendChild(script);
}
};
Share.prototype.hook = function(type, network, instance) {
var fn, opts;
fn = this.config.networks[network][type];
if (typeof fn === "function") {
opts = fn.call(this.config.networks[network], instance);
if (opts !== void 0) {
opts = this.normalize_filter_config_updates(opts);
this.extend(this.config.networks[network], opts, true);
this.normalize_network_configuration();
}
}
};
Share.prototype.default_title = function() {
var content;
if (content = document.querySelector('meta[property="og:title"]') || document.querySelector('meta[name="twitter:title"]')) {
return content.getAttribute('content');
} else if (content = document.querySelector('title')) {
return content.innerText;
}
};
Share.prototype.default_image = function() {
var content;
if (content = document.querySelector('meta[property="og:image"]') || document.querySelector('meta[name="twitter:image"]')) {
return content.getAttribute('content');
}
};
Share.prototype.default_description = function() {
var content;
if (content = document.querySelector('meta[property="og:description"]') || document.querySelector('meta[name="twitter:description"]') || document.querySelector('meta[name="description"]')) {
return content.getAttribute('content');
} else {
return '';
}
};
Share.prototype.set_global_configuration = function() {
var display, network, option, options, _ref, _results;
_ref = this.config.networks;
_results = [];
for (network in _ref) {
options = _ref[network];
for (option in options) {
if (this.config.networks[network][option] == null) {
this.config.networks[network][option] = this.config[option];
}
}
if (this.config.networks[network].enabled) {
display = 'block';
this.config.enabled_networks += 1;
} else {
display = 'none';
}
_results.push(this.config.networks[network].display = display);
}
return _results;
};
Share.prototype.normalize_network_configuration = function() {
if (!this.config.networks.facebook.app_id) {
this.config.networks.facebook.load_sdk = false;
}
if (!this.is_encoded(this.config.networks.twitter.description)) {
this.config.networks.twitter.description = encodeURIComponent(this.config.networks.twitter.description);
}
if (typeof this.config.networks.facebook.app_id === 'number') {
return this.config.networks.facebook.app_id = this.config.networks.facebook.app_id.toString();
}
};
Share.prototype.normalize_filter_config_updates = function(opts) {
if (this.config.networks.facebook.app_id !== opts.app_id) {
console.warn("You are unable to change the Facebook app_id after the button has been initialized. Please update your Facebook filters accordingly.");
delete opts.app_id;
}
if (this.config.networks.facebook.load_sdk !== opts.load_sdk) {
console.warn("You are unable to change the Facebook load_sdk option after the button has been initialized. Please update your Facebook filters accordingly.");
delete opts.app_id;
}
return opts;
};
return Share;
})(ShareUtils);
return Share;
}); |