????
Your IP : 3.17.181.219
let xss = require("xss");
var sby_js_exists = (typeof sby_js_exists !== 'undefined') ? true : false;
if(!sby_js_exists) {
/**
* Sanitize string by escaping HTML entities
* @param input
* @returns {string}
*/
function sbyEncodeInput(input) {
return xss(input);
}
function sbyAddImgLiquid() {
/*! imgLiquid v0.9.944 / 03-05-2013 https://github.com/karacas/imgLiquid */
var sby_imgLiquid = sby_imgLiquid || {VER: "0.9.944"};
sby_imgLiquid.bgs_Available = !1, sby_imgLiquid.bgs_CheckRunned = !1, function (i) {
function t() {
if (!sby_imgLiquid.bgs_CheckRunned) {
sby_imgLiquid.bgs_CheckRunned = !0;
var t = i('<span style="background-size:cover" />');
i("body").append(t), !function () {
var i = t[0];
if (i && window.getComputedStyle) {
var e = window.getComputedStyle(i, null);
e && e.backgroundSize && (sby_imgLiquid.bgs_Available = "cover" === e.backgroundSize)
}
}(), t.remove()
}
}
i.fn.extend({
sby_imgLiquid: function (e) {
this.defaults = {
fill: !0,
verticalAlign: "center",
horizontalAlign: "center",
useBackgroundSize: !0,
useDataHtmlAttr: !0,
responsive: !0,
delay: 0,
fadeInTime: 0,
removeBoxBackground: !0,
hardPixels: !0,
responsiveCheckTime: 500,
timecheckvisibility: 500,
onStart: null,
onFinish: null,
onItemStart: null,
onItemFinish: null,
onItemError: null
}, t();
var a = this;
return this.options = e, this.settings = i.extend({}, this.defaults, this.options), this.settings.onStart && this.settings.onStart(), this.each(function (t) {
function e() {
-1 === u.css("background-image").indexOf(encodeURI(c.attr("src"))) && u.css({"background-image": 'url("' + encodeURI(c.attr("src")) + '")'}), u.css({
"background-size": g.fill ? "cover" : "contain",
"background-position": (g.horizontalAlign + " " + g.verticalAlign).toLowerCase(),
"background-repeat": "no-repeat"
}), i("a:first", u).css({
display: "block",
width: "100%",
height: "100%"
}), i("img", u).css({display: "none"}), g.onItemFinish && g.onItemFinish(t, u, c), u.addClass("sby_imgLiquid_bgSize"), u.addClass("sby_imgLiquid_ready"), l()
}
function o() {
function e() {
c.data("sby_imgLiquid_error") || c.data("sby_imgLiquid_loaded") || c.data("sby_imgLiquid_oldProcessed") || (u.is(":visible") && c[0].complete && c[0].width > 0 && c[0].height > 0 ? (c.data("sby_imgLiquid_loaded", !0), setTimeout(r, t * g.delay)) : setTimeout(e, g.timecheckvisibility))
}
if (c.data("oldSrc") && c.data("oldSrc") !== c.attr("src")) {
var a = c.clone().removeAttr("style");
return a.data("sby_imgLiquid_settings", c.data("sby_imgLiquid_settings")), c.parent().prepend(a), c.remove(), c = a, c[0].width = 0, void setTimeout(o, 10)
}
return c.data("sby_imgLiquid_oldProcessed") ? void r() : (c.data("sby_imgLiquid_oldProcessed", !1), c.data("oldSrc", c.attr("src")), i("img:not(:first)", u).css("display", "none"), u.css({overflow: "hidden"}), c.fadeTo(0, 0).removeAttr("width").removeAttr("height").css({
visibility: "visible",
"max-width": "none",
"max-height": "none",
width: "auto",
height: "auto",
display: "block"
}), c.on("error", n), c[0].onerror = n, e(), void d())
}
function d() {
(g.responsive || c.data("sby_imgLiquid_oldProcessed")) && c.data("sby_imgLiquid_settings") && (g = c.data("sby_imgLiquid_settings"), u.actualSize = u.get(0).offsetWidth + u.get(0).offsetHeight / 1e4, u.sizeOld && u.actualSize !== u.sizeOld && r(), u.sizeOld = u.actualSize, setTimeout(d, g.responsiveCheckTime))
}
function n() {
c.data("sby_imgLiquid_error", !0), u.addClass("sby_imgLiquid_error"), g.onItemError && g.onItemError(t, u, c), l()
}
function s() {
var i = {};
if (a.settings.useDataHtmlAttr) {
var t = u.attr("data-sby_imgLiquid-fill"),
e = u.attr("data-sby_imgLiquid-horizontalAlign"),
o = u.attr("data-sby_imgLiquid-verticalAlign");
("true" === t || "false" === t) && (i.fill = Boolean("true" === t)), void 0 === e || "left" !== e && "center" !== e && "right" !== e && -1 === e.indexOf("%") || (i.horizontalAlign = e), void 0 === o || "top" !== o && "bottom" !== o && "center" !== o && -1 === o.indexOf("%") || (i.verticalAlign = o)
}
return sby_imgLiquid.isIE && a.settings.ieFadeInDisabled && (i.fadeInTime = 0), i
}
function r() {
var i, e, a, o, d, n, s, r, m = 0, h = 0, f = u.width(), v = u.height();
void 0 === c.data("owidth") && c.data("owidth", c[0].width), void 0 === c.data("oheight") && c.data("oheight", c[0].height), g.fill === f / v >= c.data("owidth") / c.data("oheight") ? (i = "100%", e = "auto", a = Math.floor(f), o = Math.floor(f * (c.data("oheight") / c.data("owidth")))) : (i = "auto", e = "100%", a = Math.floor(v * (c.data("owidth") / c.data("oheight"))), o = Math.floor(v)), d = g.horizontalAlign.toLowerCase(), s = f - a, "left" === d && (h = 0), "center" === d && (h = .5 * s), "right" === d && (h = s), -1 !== d.indexOf("%") && (d = parseInt(d.replace("%", ""), 10), d > 0 && (h = s * d * .01)), n = g.verticalAlign.toLowerCase(), r = v - o, "left" === n && (m = 0), "center" === n && (m = .5 * r), "bottom" === n && (m = r), -1 !== n.indexOf("%") && (n = parseInt(n.replace("%", ""), 10), n > 0 && (m = r * n * .01)), g.hardPixels && (i = a, e = o), c.css({
width: i,
height: e,
"margin-left": Math.floor(h),
"margin-top": Math.floor(m)
}), c.data("sby_imgLiquid_oldProcessed") || (c.fadeTo(g.fadeInTime, 1), c.data("sby_imgLiquid_oldProcessed", !0), g.removeBoxBackground && u.css("background-image", "none"), u.addClass("sby_imgLiquid_nobgSize"), u.addClass("sby_imgLiquid_ready")), g.onItemFinish && g.onItemFinish(t, u, c), l()
}
function l() {
t === a.length - 1 && a.settings.onFinish && a.settings.onFinish()
}
var g = a.settings, u = i(this), c = i("img:first", u);
return c.length ? (c.data("sby_imgLiquid_settings") ? (u.removeClass("sby_imgLiquid_error").removeClass("sby_imgLiquid_ready"), g = i.extend({}, c.data("sby_imgLiquid_settings"), a.options)) : g = i.extend({}, a.settings, s()), c.data("sby_imgLiquid_settings", g), g.onItemStart && g.onItemStart(t, u, c), void (sby_imgLiquid.bgs_Available && g.useBackgroundSize ? e() : o())) : void n()
})
}
})
}(jQuery);
// Use imagefill to set the images as backgrounds so they can be square
!function () {
var css = sby_imgLiquid.injectCss,
head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
}();
}
/* JavaScript Linkify - v0.3 - 6/27/2009 - http://benalman.com/projects/javascript-linkify/ */
window.sbyLinkify = (function () {
var k = "[a-z\\d.-]+://",
h = "(?:(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])\\.){3}(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])",
c = "(?:(?:[^\\s!@#$%^&*()_=+[\\]{}\\\\|;:'\",.<>/?]+)\\.)+",
n = "(?:ac|ad|aero|ae|af|ag|ai|al|am|an|ao|aq|arpa|ar|asia|as|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bi|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|cat|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|coop|com|co|cr|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|in|io|iq|ir|is|it|je|jm|jobs|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mo|mp|mq|mr|ms|mt|museum|mu|mv|mw|mx|my|mz|name|na|nc|net|ne|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pro|pr|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xn--0zwm56d|xn--11b5bs3a9aj6g|xn--80akhbyknj4f|xn--9t4b11yi5a|xn--deba0ad|xn--g6w251d|xn--hgbk6aj7f53bba|xn--hlcj6aya9esc7a|xn--jxalpdlp|xn--kgbechtv|xn--zckzah|ye|yt|yu|za|zm|zw)",
f = "(?:" + c + n + "|" + h + ")", o = "(?:[;/][^#?<>\\s]*)?", e = "(?:\\?[^#<>\\s]*)?(?:#[^<>\\s]*)?",
d = "\\b" + k + "[^<>\\s]+", a = "\\b" + f + o + e + "(?!\\w)", m = "mailto:",
j = "(?:" + m + ")?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + f + e + "(?!\\w)",
l = new RegExp("(?:" + d + "|" + a + "|" + j + ")", "ig"), g = new RegExp("^" + k, "i"),
b = {"'": "`", ">": "<", ")": "(", "]": "[", "}": "{", "B;": "B+", "b:": "b9"}, i = {
callback: function (q, p) {
return p ? '<a href="' + p + '" title="' + p + '" target="_blank" rel="noopener">' + q + "</a>" : q
}, punct_regexp: /(?:[!?.,:;'"]|(?:&|&)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)$/
};
return function (u, z) {
z = z || {};
var w, v, A, p, x = "", t = [], s, E, C, y, q, D, B, r;
for (v in i) {
if (z[v] === undefined) {
z[v] = i[v]
}
}
while (w = l.exec(u)) {
A = w[0];
E = l.lastIndex;
C = E - A.length;
if (/[\/:]/.test(u.charAt(C - 1))) {
continue
}
do {
y = A;
r = A.substr(-1);
B = b[r];
if (B) {
q = A.match(new RegExp("\\" + B + "(?!$)", "g"));
D = A.match(new RegExp("\\" + r, "g"));
if ((q ? q.length : 0) < (D ? D.length : 0)) {
A = A.substr(0, A.length - 1);
E--
}
}
if (z.punct_regexp) {
A = A.replace(z.punct_regexp, function (F) {
E -= F.length;
return ""
})
}
} while (A.length && A !== y);
p = A;
if (!g.test(p)) {
p = (p.indexOf("@") !== -1 ? (!p.indexOf(m) ? "" : m) : !p.indexOf("irc.") ? "irc://" : !p.indexOf("ftp.") ? "ftp://" : "http://") + p
}
if (s != C) {
t.push([u.slice(s, C)]);
s = E
}
t.push([A, p])
}
t.push([u.substr(s)]);
for (v = 0; v < t.length; v++) {
x += z.callback.apply(window, t[v])
}
return x || u
}
})();
//Checks whether browser support HTML5 video element
function sby_supports_video() {
return !!document.createElement('video').canPlayType;
}
// Carousel
!function (a, b, c, d) {
function e(b, c) {
this.settings = null, this.options = a.extend({}, e.Defaults, c), this.$element = a(b), this._handlers = {}, this._plugins = {}, this._supress = {}, this._current = null, this._speed = null, this._coordinates = [], this._breakpoint = null, this._width = null, this._items = [], this._clones = [], this._mergers = [], this._widths = [], this._invalidated = {}, this._pipe = [], this._drag = {
time: null,
target: null,
pointer: null,
stage: {start: null, current: null},
direction: null
}, this._states = {
current: {},
tags: {initializing: ["busy"], animating: ["busy"], dragging: ["interacting"]}
}, a.each(["onResize", "onThrottledResize"], a.proxy(function (b, c) {
this._handlers[c] = a.proxy(this[c], this)
}, this)), a.each(e.Plugins, a.proxy(function (a, b) {
this._plugins[a.charAt(0).toLowerCase() + a.slice(1)] = new b(this)
}, this)), a.each(e.Workers, a.proxy(function (b, c) {
this._pipe.push({filter: c.filter, run: a.proxy(c.run, this)})
}, this)), this.setup(), this.initialize()
}
e.Defaults = {
items: 3,
loop: !1,
center: !1,
rewind: !1,
mouseDrag: !0,
touchDrag: !0,
pullDrag: !0,
freeDrag: !1,
margin: 0,
stagePadding: 0,
merge: !1,
mergeFit: !0,
autoWidth: !1,
startPosition: 0,
rtl: !1,
smartSpeed: 250,
fluidSpeed: !1,
dragEndSpeed: !1,
responsive: {},
responsiveRefreshRate: 200,
responsiveBaseElement: b,
fallbackEasing: "swing",
info: !1,
nestedItemSelector: !1,
itemElement: "div",
stageElement: "div",
refreshClass: "sby-owl-refresh",
loadedClass: "sby-owl-loaded",
loadingClass: "sby-owl-loading",
rtlClass: "sby-owl-rtl",
responsiveClass: "sby-owl-responsive",
dragClass: "sby-owl-drag",
itemClass: "sby-owl-item",
stageClass: "sby-owl-stage",
stageOuterClass: "sby-owl-stage-outer",
grabClass: "sby-owl-grab"
}, e.Width = {Default: "default", Inner: "inner", Outer: "outer"}, e.Type = {
Event: "event",
State: "state"
}, e.Plugins = {}, e.Workers = [{
filter: ["width", "settings"], run: function () {
this._width = this.$element.width()
}
}, {
filter: ["width", "items", "settings"], run: function (a) {
a.current = this._items && this._items[this.relative(this._current)]
}
}, {
filter: ["items", "settings"], run: function () {
this.$stage.children(".cloned").remove()
}
}, {
filter: ["width", "items", "settings"], run: function (a) {
var b = this.settings.margin || "", c = !this.settings.autoWidth, d = this.settings.rtl,
e = {width: "auto", "margin-left": d ? b : "", "margin-right": d ? "" : b};
!c && this.$stage.children().css(e), a.css = e
}
}, {
filter: ["width", "items", "settings"], run: function (a) {
var b = (this.width() / this.settings.items).toFixed(3) - this.settings.margin, c = null,
d = this._items.length, e = !this.settings.autoWidth, f = [];
for (a.items = {
merge: !1,
width: b
}; d--;) c = this._mergers[d], c = this.settings.mergeFit && Math.min(c, this.settings.items) || c, a.items.merge = c > 1 || a.items.merge, f[d] = e ? b * c : this._items[d].width();
this._widths = f
}
}, {
filter: ["items", "settings"], run: function () {
var b = [], c = this._items, d = this.settings, e = Math.max(2 * d.items, 4),
f = 2 * Math.ceil(c.length / 2), g = d.loop && c.length ? d.rewind ? e : Math.max(e, f) : 0, h = "",
i = "";
for (g /= 2; g--;) b.push(this.normalize(b.length / 2, !0)), h += c[b[b.length - 1]][0].outerHTML, b.push(this.normalize(c.length - 1 - (b.length - 1) / 2, !0)), i = c[b[b.length - 1]][0].outerHTML + i;
this._clones = b, a(h).addClass("cloned").appendTo(this.$stage), a(i).addClass("cloned").prependTo(this.$stage)
}
}, {
filter: ["width", "items", "settings"], run: function () {
for (var a = this.settings.rtl ? 1 : -1, b = this._clones.length + this._items.length, c = -1, d = 0, e = 0, f = []; ++c < b;) d = f[c - 1] || 0, e = this._widths[this.relative(c)] + this.settings.margin, f.push(d + e * a);
this._coordinates = f
}
}, {
filter: ["width", "items", "settings"], run: function () {
var a = this.settings.stagePadding, b = this._coordinates, c = {
width: Math.ceil(Math.abs(b[b.length - 1])) + 2 * a,
"padding-left": a || "",
"padding-right": a || ""
};
this.$stage.css(c)
}
}, {
filter: ["width", "items", "settings"], run: function (a) {
var b = this._coordinates.length, c = !this.settings.autoWidth, d = this.$stage.children();
if (c && a.items.merge) for (; b--;) a.css.width = this._widths[this.relative(b)], d.eq(b).css(a.css); else c && (a.css.width = a.items.width, d.css(a.css))
}
}, {
filter: ["items"], run: function () {
this._coordinates.length < 1 && this.$stage.removeAttr("style")
}
}, {
filter: ["width", "items", "settings"], run: function (a) {
a.current = a.current ? this.$stage.children().index(a.current) : 0, a.current = Math.max(this.minimum(), Math.min(this.maximum(), a.current)), this.reset(a.current)
}
}, {
filter: ["position"], run: function () {
this.animate(this.coordinates(this._current))
}
}, {
filter: ["width", "position", "items", "settings"], run: function () {
var a, b, c, d, e = this.settings.rtl ? 1 : -1, f = 2 * this.settings.stagePadding,
g = this.coordinates(this.current()) + f, h = g + this.width() * e, i = [];
for (c = 0, d = this._coordinates.length; c < d; c++) a = this._coordinates[c - 1] || 0, b = Math.abs(this._coordinates[c]) + f * e, (this.op(a, "<=", g) && this.op(a, ">", h) || this.op(b, "<", g) && this.op(b, ">", h)) && i.push(c);
this.$stage.children(".active").removeClass("active"), this.$stage.children(":eq(" + i.join("), :eq(") + ")").addClass("active"), this.settings.center && (this.$stage.children(".center").removeClass("center"), this.$stage.children().eq(this.current()).addClass("center"))
}
}], e.prototype.initialize = function () {
if (this.enter("initializing"), this.trigger("initialize"), this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl), this.settings.autoWidth && !this.is("pre-loading")) {
var b, c, e;
b = this.$element.find("img"), c = this.settings.nestedItemSelector ? "." + this.settings.nestedItemSelector : d, e = this.$element.children(c).width(), b.length && e <= 0 && this.preloadAutoWidthImages(b)
}
this.$element.addClass(this.options.loadingClass), this.$stage = a("<" + this.settings.stageElement + ' class="' + this.settings.stageClass + '"/>').wrap('<div class="' + this.settings.stageOuterClass + '"/>'), this.$element.append(this.$stage.parent()), this.replace(this.$element.children().not(this.$stage.parent())), this.$element.is(":visible") ? this.refresh() : this.invalidate("width"), this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass), this.registerEventHandlers(), this.leave("initializing"), this.trigger("initialized")
}, e.prototype.setup = function () {
var b = this.viewport(), c = this.options.responsive, d = -1, e = null;
c ? (a.each(c, function (a) {
a <= b && a > d && (d = Number(a))
}), e = a.extend({}, this.options, c[d]), "function" == typeof e.stagePadding && (e.stagePadding = e.stagePadding()), delete e.responsive, e.responsiveClass && this.$element.attr("class", this.$element.attr("class").replace(new RegExp("(" + this.options.responsiveClass + "-)\\S+\\s", "g"), "$1" + d))) : e = a.extend({}, this.options), this.trigger("change", {
property: {
name: "settings",
value: e
}
}), this._breakpoint = d, this.settings = e, this.invalidate("settings"), this.trigger("changed", {
property: {
name: "settings",
value: this.settings
}
})
}, e.prototype.optionsLogic = function () {
this.settings.autoWidth && (this.settings.stagePadding = !1, this.settings.merge = !1)
}, e.prototype.prepare = function (b) {
var c = this.trigger("prepare", {content: b});
return c.data || (c.data = a("<" + this.settings.itemElement + "/>").addClass(this.options.itemClass).append(b)), this.trigger("prepared", {content: c.data}), c.data
}, e.prototype.update = function () {
for (var b = 0, c = this._pipe.length, d = a.proxy(function (a) {
return this[a]
}, this._invalidated), e = {}; b < c;) (this._invalidated.all || a.grep(this._pipe[b].filter, d).length > 0) && this._pipe[b].run(e), b++;
this._invalidated = {}, !this.is("valid") && this.enter("valid")
}, e.prototype.width = function (a) {
switch (a = a || e.Width.Default) {
case e.Width.Inner:
case e.Width.Outer:
return this._width;
default:
return this._width - 2 * this.settings.stagePadding + this.settings.margin
}
}, e.prototype.refresh = function () {
this.enter("refreshing"), this.trigger("refresh"), this.setup(), this.optionsLogic(), this.$element.addClass(this.options.refreshClass), this.update(), this.$element.removeClass(this.options.refreshClass), this.leave("refreshing"), this.trigger("refreshed")
}, e.prototype.onThrottledResize = function () {
b.clearTimeout(this.resizeTimer), this.resizeTimer = b.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate)
}, e.prototype.onResize = function () {
return !!this._items.length && (this._width !== this.$element.width() && (!!this.$element.is(":visible") && (this.enter("resizing"), this.trigger("resize").isDefaultPrevented() ? (this.leave("resizing"), !1) : (this.invalidate("width"), this.refresh(), this.leave("resizing"), void this.trigger("resized")))))
}, e.prototype.registerEventHandlers = function () {
a.support.transition && this.$stage.on(a.support.transition.end + ".owl.core", a.proxy(this.onTransitionEnd, this)), this.settings.responsive !== !1 && this.on(b, "resize", this._handlers.onThrottledResize), this.settings.mouseDrag && (this.$element.addClass(this.options.dragClass), this.$stage.on("mousedown.owl.core", a.proxy(this.onDragStart, this)), this.$stage.on("dragstart.owl.core selectstart.owl.core", function () {
return !1
})), this.settings.touchDrag && (this.$stage.on("touchstart.owl.core", a.proxy(this.onDragStart, this)), this.$stage.on("touchcancel.owl.core", a.proxy(this.onDragEnd, this)))
}, e.prototype.onDragStart = function (b) {
var d = null;
3 !== b.which && (a.support.transform ? (d = this.$stage.css("transform").replace(/.*\(|\)| /g, "").split(","), d = {
x: d[16 === d.length ? 12 : 4],
y: d[16 === d.length ? 13 : 5]
}) : (d = this.$stage.position(), d = {
x: this.settings.rtl ? d.left + this.$stage.width() - this.width() + this.settings.margin : d.left,
y: d.top
}), this.is("animating") && (a.support.transform ? this.animate(d.x) : this.$stage.stop(), this.invalidate("position")), this.$element.toggleClass(this.options.grabClass, "mousedown" === b.type), this.speed(0), this._drag.time = (new Date).getTime(), this._drag.target = a(b.target), this._drag.stage.start = d, this._drag.stage.current = d, this._drag.pointer = this.pointer(b), a(c).on("mouseup.owl.core touchend.owl.core", a.proxy(this.onDragEnd, this)), a(c).one("mousemove.owl.core touchmove.owl.core", a.proxy(function (b) {
var d = this.difference(this._drag.pointer, this.pointer(b));
a(c).on("mousemove.owl.core touchmove.owl.core", a.proxy(this.onDragMove, this)), Math.abs(d.x) < Math.abs(d.y) && this.is("valid") || (b.preventDefault(), this.enter("dragging"), this.trigger("drag"))
}, this)))
}, e.prototype.onDragMove = function (a) {
var b = null, c = null, d = null, e = this.difference(this._drag.pointer, this.pointer(a)),
f = this.difference(this._drag.stage.start, e);
this.is("dragging") && (a.preventDefault(), this.settings.loop ? (b = this.coordinates(this.minimum()), c = this.coordinates(this.maximum() + 1) - b, f.x = ((f.x - b) % c + c) % c + b) : (b = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()), c = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()), d = this.settings.pullDrag ? -1 * e.x / 5 : 0, f.x = Math.max(Math.min(f.x, b + d), c + d)), this._drag.stage.current = f, this.animate(f.x))
}, e.prototype.onDragEnd = function (b) {
var d = this.difference(this._drag.pointer, this.pointer(b)), e = this._drag.stage.current,
f = d.x > 0 ^ this.settings.rtl ? "left" : "right";
a(c).off(".owl.core"), this.$element.removeClass(this.options.grabClass), (0 !== d.x && this.is("dragging") || !this.is("valid")) && (this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed), this.current(this.closest(e.x, 0 !== d.x ? f : this._drag.direction)), this.invalidate("position"), this.update(), this._drag.direction = f, (Math.abs(d.x) > 3 || (new Date).getTime() - this._drag.time > 300) && this._drag.target.one("click.owl.core", function () {
return !1
})), this.is("dragging") && (this.leave("dragging"), this.trigger("dragged"))
}, e.prototype.closest = function (b, c) {
var d = -1, e = 30, f = this.width(), g = this.coordinates();
return this.settings.freeDrag || a.each(g, a.proxy(function (a, h) {
return "left" === c && b > h - e && b < h + e ? d = a : "right" === c && b > h - f - e && b < h - f + e ? d = a + 1 : this.op(b, "<", h) && this.op(b, ">", g[a + 1] || h - f) && (d = "left" === c ? a + 1 : a), d === -1
}, this)), this.settings.loop || (this.op(b, ">", g[this.minimum()]) ? d = b = this.minimum() : this.op(b, "<", g[this.maximum()]) && (d = b = this.maximum())), d
}, e.prototype.animate = function (b) {
var c = this.speed() > 0;
this.is("animating") && this.onTransitionEnd(), c && (this.enter("animating"), this.trigger("translate")), a.support.transform3d && a.support.transition ? this.$stage.css({
transform: "translate3d(" + b + "px,0px,0px)",
transition: this.speed() / 1e3 + "s"
}) : c ? this.$stage.animate({left: b + "px"}, this.speed(), this.settings.fallbackEasing, a.proxy(this.onTransitionEnd, this)) : this.$stage.css({left: b + "px"})
}, e.prototype.is = function (a) {
return this._states.current[a] && this._states.current[a] > 0
}, e.prototype.current = function (a) {
if (a === d) return this._current;
if (0 === this._items.length) return d;
if (a = this.normalize(a), this._current !== a) {
var b = this.trigger("change", {property: {name: "position", value: a}});
b.data !== d && (a = this.normalize(b.data)), this._current = a, this.invalidate("position"), this.trigger("changed", {
property: {
name: "position",
value: this._current
}
})
}
return this._current
}, e.prototype.invalidate = function (b) {
return "string" === a.type(b) && (this._invalidated[b] = !0, this.is("valid") && this.leave("valid")), a.map(this._invalidated, function (a, b) {
return b
})
}, e.prototype.reset = function (a) {
a = this.normalize(a), a !== d && (this._speed = 0, this._current = a, this.suppress(["translate", "translated"]), this.animate(this.coordinates(a)), this.release(["translate", "translated"]))
}, e.prototype.normalize = function (a, b) {
var c = this._items.length, e = b ? 0 : this._clones.length;
return !this.isNumeric(a) || c < 1 ? a = d : (a < 0 || a >= c + e) && (a = ((a - e / 2) % c + c) % c + e / 2), a
}, e.prototype.relative = function (a) {
return a -= this._clones.length / 2, this.normalize(a, !0)
}, e.prototype.maximum = function (a) {
var b, c, d, e = this.settings, f = this._coordinates.length;
if (e.loop) f = this._clones.length / 2 + this._items.length - 1; else if (e.autoWidth || e.merge) {
for (b = this._items.length, c = this._items[--b].width(), d = this.$element.width(); b-- && (c += this._items[b].width() + this.settings.margin, !(c > d));) ;
f = b + 1
} else f = e.center ? this._items.length - 1 : this._items.length - e.items;
return a && (f -= this._clones.length / 2), Math.max(f, 0)
}, e.prototype.minimum = function (a) {
return a ? 0 : this._clones.length / 2
}, e.prototype.items = function (a) {
return a === d ? this._items.slice() : (a = this.normalize(a, !0), this._items[a])
}, e.prototype.mergers = function (a) {
return a === d ? this._mergers.slice() : (a = this.normalize(a, !0), this._mergers[a])
}, e.prototype.clones = function (b) {
var c = this._clones.length / 2, e = c + this._items.length, f = function (a) {
return a % 2 === 0 ? e + a / 2 : c - (a + 1) / 2
};
return b === d ? a.map(this._clones, function (a, b) {
return f(b)
}) : a.map(this._clones, function (a, c) {
return a === b ? f(c) : null
})
}, e.prototype.speed = function (a) {
return a !== d && (this._speed = a), this._speed
}, e.prototype.coordinates = function (b) {
var c, e = 1, f = b - 1;
return b === d ? a.map(this._coordinates, a.proxy(function (a, b) {
return this.coordinates(b)
}, this)) : (this.settings.center ? (this.settings.rtl && (e = -1, f = b + 1), c = this._coordinates[b], c += (this.width() - c + (this._coordinates[f] || 0)) / 2 * e) : c = this._coordinates[f] || 0, c = Math.ceil(c))
}, e.prototype.duration = function (a, b, c) {
return 0 === c ? 0 : Math.min(Math.max(Math.abs(b - a), 1), 6) * Math.abs(c || this.settings.smartSpeed)
}, e.prototype.to = function (a, b) {
var c = this.current(), d = null, e = a - this.relative(c), f = (e > 0) - (e < 0), g = this._items.length,
h = this.minimum(), i = this.maximum();
this.settings.loop ? (!this.settings.rewind && Math.abs(e) > g / 2 && (e += f * -1 * g), a = c + e, d = ((a - h) % g + g) % g + h, d !== a && d - e <= i && d - e > 0 && (c = d - e, a = d, this.reset(c))) : this.settings.rewind ? (i += 1, a = (a % i + i) % i) : a = Math.max(h, Math.min(i, a)), this.speed(this.duration(c, a, b)), this.current(a), this.$element.is(":visible") && this.update()
}, e.prototype.next = function (a) {
a = a || !1, this.to(this.relative(this.current()) + 1, a)
}, e.prototype.prev = function (a) {
a = a || !1, this.to(this.relative(this.current()) - 1, a)
}, e.prototype.onTransitionEnd = function (a) {
if (a !== d && (a.stopPropagation(), (a.target || a.srcElement || a.originalTarget) !== this.$stage.get(0))) return !1;
this.leave("animating"), this.trigger("translated")
}, e.prototype.viewport = function () {
var d;
return this.options.responsiveBaseElement !== b ? d = a(this.options.responsiveBaseElement).width() : b.innerWidth ? d = b.innerWidth : c.documentElement && c.documentElement.clientWidth ? d = c.documentElement.clientWidth : console.warn("Can not detect viewport width."), d
}, e.prototype.replace = function (b) {
this.$stage.empty(), this._items = [], b && (b = b instanceof jQuery ? b : a(b)), this.settings.nestedItemSelector && (b = b.find("." + this.settings.nestedItemSelector)), b.filter(function () {
return 1 === this.nodeType
}).each(a.proxy(function (a, b) {
b = this.prepare(b), this.$stage.append(b), this._items.push(b), this._mergers.push(1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1)
}, this)), this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0), this.invalidate("items")
}, e.prototype.add = function (b, c) {
var e = this.relative(this._current);
c = c === d ? this._items.length : this.normalize(c, !0), b = b instanceof jQuery ? b : a(b), this.trigger("add", {
content: b,
position: c
}), b = this.prepare(b), 0 === this._items.length || c === this._items.length ? (0 === this._items.length && this.$stage.append(b), 0 !== this._items.length && this._items[c - 1].after(b), this._items.push(b), this._mergers.push(1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1)) : (this._items[c].before(b), this._items.splice(c, 0, b), this._mergers.splice(c, 0, 1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1)), this._items[e] && this.reset(this._items[e].index()), this.invalidate("items"), this.trigger("added", {
content: b,
position: c
})
}, e.prototype.remove = function (a) {
a = this.normalize(a, !0), a !== d && (this.trigger("remove", {
content: this._items[a],
position: a
}), this._items[a].remove(), this._items.splice(a, 1), this._mergers.splice(a, 1), this.invalidate("items"), this.trigger("removed", {
content: null,
position: a
}))
}, e.prototype.preloadAutoWidthImages = function (b) {
b.each(a.proxy(function (b, c) {
this.enter("pre-loading"), c = a(c), a(new Image).one("load", a.proxy(function (a) {
c.attr("src", a.target.src), c.css("opacity", 1), this.leave("pre-loading"), !this.is("pre-loading") && !this.is("initializing") && this.refresh()
}, this)).attr("src", c.attr("src") || c.attr("data-src") || c.attr("data-src-retina"))
}, this))
}, e.prototype.destroy = function () {
this.$element.off(".owl.core"), this.$stage.off(".owl.core"), a(c).off(".owl.core"), this.settings.responsive !== !1 && (b.clearTimeout(this.resizeTimer), this.off(b, "resize", this._handlers.onThrottledResize));
for (var d in this._plugins) this._plugins[d].destroy();
this.$stage.children(".cloned").remove(), this.$stage.unwrap(), this.$stage.children().contents().unwrap(), this.$stage.children().unwrap(), this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class", this.$element.attr("class").replace(new RegExp(this.options.responsiveClass + "-\\S+\\s", "g"), "")).removeData("owl.carousel")
}, e.prototype.op = function (a, b, c) {
var d = this.settings.rtl;
switch (b) {
case"<":
return d ? a > c : a < c;
case">":
return d ? a < c : a > c;
case">=":
return d ? a <= c : a >= c;
case"<=":
return d ? a >= c : a <= c
}
}, e.prototype.on = function (a, b, c, d) {
a.addEventListener ? a.addEventListener(b, c, d) : a.attachEvent && a.attachEvent("on" + b, c)
}, e.prototype.off = function (a, b, c, d) {
a.removeEventListener ? a.removeEventListener(b, c, d) : a.detachEvent && a.detachEvent("on" + b, c)
}, e.prototype.trigger = function (b, c, d, f, g) {
var h = {item: {count: this._items.length, index: this.current()}},
i = a.camelCase(a.grep(["on", b, d], function (a) {
return a
}).join("-").toLowerCase()),
j = a.Event([b, "owl", d || "carousel"].join(".").toLowerCase(), a.extend({relatedTarget: this}, h, c));
return this._supress[b] || (a.each(this._plugins, function (a, b) {
b.onTrigger && b.onTrigger(j)
}), this.register({
type: e.Type.Event,
name: b
}), this.$element.trigger(j), this.settings && "function" == typeof this.settings[i] && this.settings[i].call(this, j)), j
}, e.prototype.enter = function (b) {
a.each([b].concat(this._states.tags[b] || []), a.proxy(function (a, b) {
this._states.current[b] === d && (this._states.current[b] = 0), this._states.current[b]++
}, this))
}, e.prototype.leave = function (b) {
a.each([b].concat(this._states.tags[b] || []), a.proxy(function (a, b) {
this._states.current[b]--
}, this))
}, e.prototype.register = function (b) {
if (b.type === e.Type.Event) {
if (a.event.special[b.name] || (a.event.special[b.name] = {}), !a.event.special[b.name].owl) {
var c = a.event.special[b.name]._default;
a.event.special[b.name]._default = function (a) {
return !c || !c.apply || a.namespace && a.namespace.indexOf("owl") !== -1 ? a.namespace && a.namespace.indexOf("owl") > -1 : c.apply(this, arguments)
}, a.event.special[b.name].owl = !0
}
} else b.type === e.Type.State && (this._states.tags[b.name] ? this._states.tags[b.name] = this._states.tags[b.name].concat(b.tags) : this._states.tags[b.name] = b.tags, this._states.tags[b.name] = a.grep(this._states.tags[b.name], a.proxy(function (c, d) {
return a.inArray(c, this._states.tags[b.name]) === d
}, this)))
}, e.prototype.suppress = function (b) {
a.each(b, a.proxy(function (a, b) {
this._supress[b] = !0
}, this))
}, e.prototype.release = function (b) {
a.each(b, a.proxy(function (a, b) {
delete this._supress[b]
}, this))
}, e.prototype.pointer = function (a) {
var c = {x: null, y: null};
return a = a.originalEvent || a || b.event, a = a.touches && a.touches.length ? a.touches[0] : a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a, a.pageX ? (c.x = a.pageX, c.y = a.pageY) : (c.x = a.clientX, c.y = a.clientY), c
}, e.prototype.isNumeric = function (a) {
return !isNaN(parseFloat(a))
}, e.prototype.difference = function (a, b) {
return {x: a.x - b.x, y: a.y - b.y}
}, a.fn.sbyOwlCarousel = function (b) {
var c = Array.prototype.slice.call(arguments, 1);
return this.each(function () {
var d = a(this), f = d.data("owl.carousel");
f || (f = new e(this, "object" == typeof b && b), d.data("owl.carousel", f), a.each(["next", "prev", "to", "destroy", "refresh", "replace", "add", "remove"], function (b, c) {
f.register({
type: e.Type.Event,
name: c
}), f.$element.on(c + ".owl.carousel.core", a.proxy(function (a) {
a.namespace && a.relatedTarget !== this && (this.suppress([c]), f[c].apply(this, [].slice.call(arguments, 1)), this.release([c]))
}, f))
})), "string" == typeof b && "_" !== b.charAt(0) && f[b].apply(f, c)
})
}, a.fn.sbyOwlCarousel.Constructor = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this._core = b, this._interval = null, this._visible = null, this._handlers = {
"initialized.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.autoRefresh && this.watch()
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this._core.$element.on(this._handlers)
};
e.Defaults = {autoRefresh: !0, autoRefreshInterval: 500}, e.prototype.watch = function () {
this._interval || (this._visible = this._core.$element.is(":visible"), this._interval = b.setInterval(a.proxy(this.refresh, this), this._core.settings.autoRefreshInterval))
}, e.prototype.refresh = function () {
this._core.$element.is(":visible") !== this._visible && (this._visible = !this._visible, this._core.$element.toggleClass("sby-owl-hidden", !this._visible), this._visible && this._core.invalidate("width") && this._core.refresh())
}, e.prototype.destroy = function () {
var a, c;
b.clearInterval(this._interval);
for (a in this._handlers) this._core.$element.off(a, this._handlers[a]);
for (c in Object.getOwnPropertyNames(this)) "function" != typeof this[c] && (this[c] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.AutoRefresh = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this._core = b, this._loaded = [], this._handlers = {
"initialized.owl.carousel change.owl.carousel resized.owl.carousel": a.proxy(function (b) {
if (b.namespace && this._core.settings && this._core.settings.lazyLoad && (b.property && "position" == b.property.name || "initialized" == b.type)) for (var c = this._core.settings, e = c.center && Math.ceil(c.items / 2) || c.items, f = c.center && e * -1 || 0, g = (b.property && b.property.value !== d ? b.property.value : this._core.current()) + f, h = this._core.clones().length, i = a.proxy(function (a, b) {
this.load(b)
}, this); f++ < e;) this.load(h / 2 + this._core.relative(g)), h && a.each(this._core.clones(this._core.relative(g)), i), g++
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this._core.$element.on(this._handlers)
};
e.Defaults = {lazyLoad: !1}, e.prototype.load = function (c) {
var d = this._core.$stage.children().eq(c), e = d && d.find(".sby-owl-lazy");
!e || a.inArray(d.get(0), this._loaded) > -1 || (e.each(a.proxy(function (c, d) {
var e, f = a(d), g = b.devicePixelRatio > 1 && f.attr("data-src-retina") || f.attr("data-src");
this._core.trigger("load", {
element: f,
url: g
}, "lazy"), f.is("img") ? f.one("load.owl.lazy", a.proxy(function () {
f.css("opacity", 1), this._core.trigger("loaded", {element: f, url: g}, "lazy")
}, this)).attr("src", g) : (e = new Image, e.onload = a.proxy(function () {
f.css({
"background-image": 'url("' + g + '")',
opacity: "1"
}), this._core.trigger("loaded", {element: f, url: g}, "lazy")
}, this), e.src = g)
}, this)), this._loaded.push(d.get(0)))
}, e.prototype.destroy = function () {
var a, b;
for (a in this.handlers) this._core.$element.off(a, this.handlers[a]);
for (b in Object.getOwnPropertyNames(this)) "function" != typeof this[b] && (this[b] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.Lazy = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this._core = b, this._handlers = {
"initialized.owl.carousel refreshed.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.autoHeight && this.update()
}, this), "changed.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.autoHeight && "position" == a.property.name && this.update()
}, this), "loaded.owl.lazy": a.proxy(function (a) {
a.namespace && this._core.settings.autoHeight && a.element.closest("." + this._core.settings.itemClass).index() === this._core.current() && this.update()
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this._core.$element.on(this._handlers)
};
e.Defaults = {autoHeight: !1, autoHeightClass: "sby-owl-height"}, e.prototype.update = function () {
var b = this._core._current, c = b + this._core.settings.items,
d = this._core.$stage.children().toArray().slice(b, c), e = [], f = 0;
a.each(d, function (b, c) {
e.push(a(c).height())
}), f = Math.max.apply(null, e), this._core.$stage.parent().height(f).addClass(this._core.settings.autoHeightClass)
}, e.prototype.destroy = function () {
var a, b;
for (a in this._handlers) this._core.$element.off(a, this._handlers[a]);
for (b in Object.getOwnPropertyNames(this)) "function" != typeof this[b] && (this[b] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.AutoHeight = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this._core = b, this._videos = {}, this._playing = null, this._handlers = {
"initialized.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.register({type: "state", name: "playing", tags: ["interacting"]})
}, this), "resize.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.video && this.isInFullScreen() && a.preventDefault()
}, this), "refreshed.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.is("resizing") && this._core.$stage.find(".cloned .sby-owl-video-frame").remove()
}, this), "changed.owl.carousel": a.proxy(function (a) {
a.namespace && "position" === a.property.name && this._playing && this.stop()
}, this), "prepared.owl.carousel": a.proxy(function (b) {
if (b.namespace) {
var c = a(b.content).find(".sby-owl-video");
c.length && (c.css("display", "none"), this.fetch(c, a(b.content)))
}
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this._core.$element.on(this._handlers), this._core.$element.on("click.owl.video", ".sby-owl-video-play-icon", a.proxy(function (a) {
this.play(a)
}, this))
};
e.Defaults = {video: !1, videoHeight: !1, videoWidth: !1}, e.prototype.fetch = function (a, b) {
var c = function () {
return a.attr("data-vimeo-id") ? "vimeo" : a.attr("data-vzaar-id") ? "vzaar" : "youtube"
}(), d = a.attr("data-vimeo-id") || a.attr("data-youtube-id") || a.attr("data-vzaar-id"),
e = a.attr("data-width") || this._core.settings.videoWidth,
f = a.attr("data-height") || this._core.settings.videoHeight, g = a.attr("href");
if (!g) throw new Error("Missing video URL.");
if (d = g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/), d[3].indexOf("youtu") > -1) c = "youtube"; else if (d[3].indexOf("vimeo") > -1) c = "vimeo"; else {
if (!(d[3].indexOf("vzaar") > -1)) throw new Error("Video URL not supported.");
c = "vzaar"
}
d = d[6], this._videos[g] = {
type: c,
id: d,
width: e,
height: f
}, b.attr("data-video", g), this.thumbnail(a, this._videos[g])
}, e.prototype.thumbnail = function (b, c) {
var d, e, f, g = c.width && c.height ? 'style="width:' + c.width + "px;height:" + c.height + 'px;"' : "",
h = b.find("img"), i = "src", j = "", k = this._core.settings, l = function (a) {
e = '<div class="sby-owl-video-play-icon"></div>', d = k.lazyLoad ? '<div class="sby-owl-video-tn ' + j + '" ' + i + '="' + a + '"></div>' : '<div class="sby-owl-video-tn" style="opacity:1;background-image:url(' + a + ')"></div>', b.after(d), b.after(e)
};
if (b.wrap('<div class="sby-owl-video-wrapper"' + g + "></div>"), this._core.settings.lazyLoad && (i = "data-src", j = "sby-owl-lazy"), h.length) return l(h.attr(i)), h.remove(), !1;
"youtube" === c.type ? (f = "//img.youtube.com/vi/" + c.id + "/hqdefault.jpg", l(f)) : "vimeo" === c.type ? a.ajax({
type: "GET",
url: "//vimeo.com/api/v2/video/" + c.id + ".json",
jsonp: "callback",
dataType: "jsonp",
success: function (a) {
f = a[0].thumbnail_large, l(f)
}
}) : "vzaar" === c.type && a.ajax({
type: "GET",
url: "//vzaar.com/api/videos/" + c.id + ".json",
jsonp: "callback",
dataType: "jsonp",
success: function (a) {
f = a.framegrab_url, l(f)
}
})
}, e.prototype.stop = function () {
this._core.trigger("stop", null, "video"), this._playing.find(".sby-owl-video-frame").remove(), this._playing.removeClass("sby-owl-video-playing"), this._playing = null, this._core.leave("playing"), this._core.trigger("stopped", null, "video")
}, e.prototype.play = function (b) {
var c, d = a(b.target), e = d.closest("." + this._core.settings.itemClass),
f = this._videos[e.attr("data-video")], g = f.width || "100%",
h = f.height || this._core.$stage.height();
this._playing || (this._core.enter("playing"), this._core.trigger("play", null, "video"), e = this._core.items(this._core.relative(e.index())), this._core.reset(e.index()), "youtube" === f.type ? c = '<iframe width="' + g + '" height="' + h + '" src="//www.youtube.com/embed/' + f.id + "?autoplay=1&rel=0&v=" + f.id + '" frameborder="0" allowfullscreen></iframe>' : "vimeo" === f.type ? c = '<iframe src="//player.vimeo.com/video/' + f.id + '?autoplay=1" width="' + g + '" height="' + h + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>' : "vzaar" === f.type && (c = '<iframe frameborder="0"height="' + h + '"width="' + g + '" allowfullscreen mozallowfullscreen webkitAllowFullScreen src="//view.vzaar.com/' + f.id + '/player?autoplay=true"></iframe>'), a('<div class="sby-owl-video-frame">' + c + "</div>").insertAfter(e.find(".sby-owl-video")), this._playing = e.addClass("sby-owl-video-playing"))
}, e.prototype.isInFullScreen = function () {
var b = c.fullscreenElement || c.mozFullScreenElement || c.webkitFullscreenElement;
return b && a(b).parent().hasClass("sby-owl-video-frame")
}, e.prototype.destroy = function () {
var a, b;
this._core.$element.off("click.owl.video");
for (a in this._handlers) this._core.$element.off(a, this._handlers[a]);
for (b in Object.getOwnPropertyNames(this)) "function" != typeof this[b] && (this[b] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.Video = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this.core = b, this.core.options = a.extend({}, e.Defaults, this.core.options), this.swapping = !0, this.previous = d, this.next = d, this.handlers = {
"change.owl.carousel": a.proxy(function (a) {
a.namespace && "position" == a.property.name && (this.previous = this.core.current(), this.next = a.property.value)
}, this), "drag.owl.carousel dragged.owl.carousel translated.owl.carousel": a.proxy(function (a) {
a.namespace && (this.swapping = "translated" == a.type)
}, this), "translate.owl.carousel": a.proxy(function (a) {
a.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn) && this.swap()
}, this)
}, this.core.$element.on(this.handlers)
};
e.Defaults = {animateOut: !1, animateIn: !1}, e.prototype.swap = function () {
if (1 === this.core.settings.items && a.support.animation && a.support.transition) {
this.core.speed(0);
var b, c = a.proxy(this.clear, this), d = this.core.$stage.children().eq(this.previous),
e = this.core.$stage.children().eq(this.next), f = this.core.settings.animateIn,
g = this.core.settings.animateOut;
this.core.current() !== this.previous && (g && (b = this.core.coordinates(this.previous) - this.core.coordinates(this.next), d.one(a.support.animation.end, c).css({left: b + "px"}).addClass("animated sby-owl-animated-out").addClass(g)), f && e.one(a.support.animation.end, c).addClass("animated sby-owl-animated-in").addClass(f))
}
}, e.prototype.clear = function (b) {
a(b.target).css({left: ""}).removeClass("animated sby-owl-animated-out sby-owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut), this.core.onTransitionEnd()
}, e.prototype.destroy = function () {
var a, b;
for (a in this.handlers) this.core.$element.off(a, this.handlers[a]);
for (b in Object.getOwnPropertyNames(this)) "function" != typeof this[b] && (this[b] = null)
},
a.fn.sbyOwlCarousel.Constructor.Plugins.Animate = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
var e = function (b) {
this._core = b, this._timeout = null, this._paused = !1, this._handlers = {
"changed.owl.carousel": a.proxy(function (a) {
a.namespace && "settings" === a.property.name ? this._core.settings.autoplay ? this.play() : this.stop() : a.namespace && "position" === a.property.name && this._core.settings.autoplay && this._setAutoPlayInterval()
}, this), "initialized.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.autoplay && this.play()
}, this), "play.owl.autoplay": a.proxy(function (a, b, c) {
a.namespace && this.play(b, c)
}, this), "stop.owl.autoplay": a.proxy(function (a) {
a.namespace && this.stop()
}, this), "mouseover.owl.autoplay": a.proxy(function () {
this._core.settings.autoplayHoverPause && this._core.is("rotating") && this.pause()
}, this), "mouseleave.owl.autoplay": a.proxy(function () {
this._core.settings.autoplayHoverPause && this._core.is("rotating") && this.play()
}, this), "touchstart.owl.core": a.proxy(function () {
this._core.settings.autoplayHoverPause && this._core.is("rotating") && this.pause()
}, this), "touchend.owl.core": a.proxy(function () {
this._core.settings.autoplayHoverPause && this.play()
}, this)
}, this._core.$element.on(this._handlers), this._core.options = a.extend({}, e.Defaults, this._core.options)
};
e.Defaults = {
autoplay: !1,
autoplayTimeout: 5e3,
autoplayHoverPause: !1,
autoplaySpeed: !1
}, e.prototype.play = function (a, b) {
this._paused = !1, this._core.is("rotating") || (this._core.enter("rotating"), this._setAutoPlayInterval())
}, e.prototype._getNextTimeout = function (d, e) {
return this._timeout && b.clearTimeout(this._timeout), b.setTimeout(a.proxy(function () {
this._paused || this._core.is("busy") || this._core.is("interacting") || c.hidden || this._core.next(e || this._core.settings.autoplaySpeed)
}, this), d || this._core.settings.autoplayTimeout)
}, e.prototype._setAutoPlayInterval = function () {
this._timeout = this._getNextTimeout()
}, e.prototype.stop = function () {
this._core.is("rotating") && (b.clearTimeout(this._timeout), this._core.leave("rotating"))
}, e.prototype.pause = function () {
this._core.is("rotating") && (this._paused = !0)
}, e.prototype.destroy = function () {
var a, b;
this.stop();
for (a in this._handlers) this._core.$element.off(a, this._handlers[a]);
for (b in Object.getOwnPropertyNames(this)) "function" != typeof this[b] && (this[b] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.autoplay = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
"use strict";
var e = function (b) {
this._core = b, this._initialized = !1, this._pages = [], this._controls = {}, this._templates = [], this.$element = this._core.$element, this._overrides = {
next: this._core.next,
prev: this._core.prev,
to: this._core.to
}, this._handlers = {
"prepared.owl.carousel": a.proxy(function (b) {
b.namespace && this._core.settings.dotsData && this._templates.push('<div class="' + this._core.settings.dotClass + '">' + a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot") + "</div>")
}, this), "added.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.dotsData && this._templates.splice(a.position, 0, this._templates.pop())
}, this), "remove.owl.carousel": a.proxy(function (a) {
a.namespace && this._core.settings.dotsData && this._templates.splice(a.position, 1)
}, this), "changed.owl.carousel": a.proxy(function (a) {
a.namespace && "position" == a.property.name && this.draw()
}, this), "initialized.owl.carousel": a.proxy(function (a) {
a.namespace && !this._initialized && (this._core.trigger("initialize", null, "navigation"), this.initialize(), this.update(), this.draw(), this._initialized = !0, this._core.trigger("initialized", null, "navigation"))
}, this), "refreshed.owl.carousel": a.proxy(function (a) {
a.namespace && this._initialized && (this._core.trigger("refresh", null, "navigation"), this.update(), this.draw(), this._core.trigger("refreshed", null, "navigation"))
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this.$element.on(this._handlers)
};
e.Defaults = {
nav: !1,
navText: ["prev", "next"],
navSpeed: !1,
navElement: "div",
navContainer: !1,
navContainerClass: "sby-owl-nav",
navClass: ["sby-owl-prev", "sby-owl-next"],
slideBy: 1,
dotClass: "sby-owl-dot",
dotsClass: "sby-owl-dots",
dots: !0,
dotsEach: !1,
dotsData: !1,
dotsSpeed: !1,
dotsContainer: !1
}, e.prototype.initialize = function () {
var b, c = this._core.settings;
this._controls.$relative = (c.navContainer ? a(c.navContainer) : a("<div>").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"), this._controls.$previous = a("<" + c.navElement + ">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click", a.proxy(function (a) {
this.prev(c.navSpeed)
}, this)), this._controls.$next = a("<" + c.navElement + ">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click", a.proxy(function (a) {
this.next(c.navSpeed)
}, this)), c.dotsData || (this._templates = [a("<div>").addClass(c.dotClass).append(a("<span>")).prop("outerHTML")]), this._controls.$absolute = (c.dotsContainer ? a(c.dotsContainer) : a("<div>").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"), this._controls.$absolute.on("click", "div", a.proxy(function (b) {
var d = a(b.target).parent().is(this._controls.$absolute) ? a(b.target).index() : a(b.target).parent().index();
b.preventDefault(), this.to(d, c.dotsSpeed)
}, this));
for (b in this._overrides) this._core[b] = a.proxy(this[b], this)
}, e.prototype.destroy = function () {
var a, b, c, d;
for (a in this._handlers) this.$element.off(a, this._handlers[a]);
for (b in this._controls) this._controls[b].remove();
for (d in this.overides) this._core[d] = this._overrides[d];
for (c in Object.getOwnPropertyNames(this)) "function" != typeof this[c] && (this[c] = null)
}, e.prototype.update = function () {
var a, b, c, d = this._core.clones().length / 2, e = d + this._core.items().length,
f = this._core.maximum(!0), g = this._core.settings,
h = g.center || g.autoWidth || g.dotsData ? 1 : g.dotsEach || g.items;
if ("page" !== g.slideBy && (g.slideBy = Math.min(g.slideBy, g.items)), g.dots || "page" == g.slideBy) for (this._pages = [], a = d, b = 0, c = 0; a < e; a++) {
if (b >= h || 0 === b) {
if (this._pages.push({
start: Math.min(f, a - d),
end: a - d + h - 1
}), Math.min(f, a - d) === f) break;
b = 0, ++c
}
b += this._core.mergers(this._core.relative(a))
}
}, e.prototype.draw = function () {
var b, c = this._core.settings, d = this._core.items().length <= c.items,
e = this._core.relative(this._core.current()), f = c.loop || c.rewind;
this._controls.$relative.toggleClass("disabled", !c.nav || d), c.nav && (this._controls.$previous.toggleClass("disabled", !f && e <= this._core.minimum(!0)), this._controls.$next.toggleClass("disabled", !f && e >= this._core.maximum(!0))), this._controls.$absolute.toggleClass("disabled", !c.dots || d), c.dots && (b = this._pages.length - this._controls.$absolute.children().length, c.dotsData && 0 !== b ? this._controls.$absolute.html(this._templates.join("")) : b > 0 ? this._controls.$absolute.append(new Array(b + 1).join(this._templates[0])) : b < 0 && this._controls.$absolute.children().slice(b).remove(), this._controls.$absolute.find(".active").removeClass("active"), this._controls.$absolute.children().eq(a.inArray(this.current(), this._pages)).addClass("active"))
}, e.prototype.onTrigger = function (b) {
var c = this._core.settings;
b.page = {
index: a.inArray(this.current(), this._pages),
count: this._pages.length,
size: c && (c.center || c.autoWidth || c.dotsData ? 1 : c.dotsEach || c.items)
}
}, e.prototype.current = function () {
var b = this._core.relative(this._core.current());
return a.grep(this._pages, a.proxy(function (a, c) {
return a.start <= b && a.end >= b
}, this)).pop()
}, e.prototype.getPosition = function (b) {
var c, d, e = this._core.settings;
return "page" == e.slideBy ? (c = a.inArray(this.current(), this._pages), d = this._pages.length, b ? ++c : --c, c = this._pages[(c % d + d) % d].start) : (c = this._core.relative(this._core.current()), d = this._core.items().length, b ? c += e.slideBy : c -= e.slideBy), c
}, e.prototype.next = function (b) {
a.proxy(this._overrides.to, this._core)(this.getPosition(!0), b)
}, e.prototype.prev = function (b) {
a.proxy(this._overrides.to, this._core)(this.getPosition(!1), b)
}, e.prototype.to = function (b, c, d) {
var e;
!d && this._pages.length ? (e = this._pages.length, a.proxy(this._overrides.to, this._core)(this._pages[(b % e + e) % e].start, c)) : a.proxy(this._overrides.to, this._core)(b, c)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.Navigation = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
"use strict";
var e = function (c) {
this._core = c, this._hashes = {}, this.$element = this._core.$element, this._handlers = {
"initialized.owl.carousel": a.proxy(function (c) {
c.namespace && "URLHash" === this._core.settings.startPosition && a(b).trigger("hashchange.owl.navigation")
}, this), "prepared.owl.carousel": a.proxy(function (b) {
if (b.namespace) {
var c = a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");
if (!c) return;
this._hashes[c] = b.content
}
}, this), "changed.owl.carousel": a.proxy(function (c) {
if (c.namespace && "position" === c.property.name) {
var d = this._core.items(this._core.relative(this._core.current())),
e = a.map(this._hashes, function (a, b) {
return a === d ? b : null
}).join();
if (!e || b.location.hash.slice(1) === e) return;
b.location.hash = e
}
}, this)
}, this._core.options = a.extend({}, e.Defaults, this._core.options), this.$element.on(this._handlers), a(b).on("hashchange.owl.navigation", a.proxy(function (a) {
var c = b.location.hash.substring(1), e = this._core.$stage.children(),
f = this._hashes[c] && e.index(this._hashes[c]);
f !== d && f !== this._core.current() && this._core.to(this._core.relative(f), !1, !0)
}, this))
};
e.Defaults = {URLhashListener: !1}, e.prototype.destroy = function () {
var c, d;
a(b).off("hashchange.owl.navigation");
for (c in this._handlers) this._core.$element.off(c, this._handlers[c]);
for (d in Object.getOwnPropertyNames(this)) "function" != typeof this[d] && (this[d] = null)
}, a.fn.sbyOwlCarousel.Constructor.Plugins.Hash = e
}(window.Zepto || window.jQuery, window, document), function (a, b, c, d) {
function e(b, c) {
var e = !1, f = b.charAt(0).toUpperCase() + b.slice(1);
return a.each((b + " " + h.join(f + " ") + f).split(" "), function (a, b) {
if (g[b] !== d) return e = !c || b, !1
}), e
}
function f(a) {
return e(a, !0)
}
var g = a("<support>").get(0).style, h = "Webkit Moz O ms".split(" "), i = {
transition: {
end: {
WebkitTransition: "webkitTransitionEnd",
MozTransition: "transitionend",
OTransition: "oTransitionEnd",
transition: "transitionend"
}
},
animation: {
end: {
WebkitAnimation: "webkitAnimationEnd",
MozAnimation: "animationend",
OAnimation: "oAnimationEnd",
animation: "animationend"
}
}
}, j = {
csstransforms: function () {
return !!e("transform")
}, csstransforms3d: function () {
return !!e("perspective")
}, csstransitions: function () {
return !!e("transition")
}, cssanimations: function () {
return !!e("animation")
}
};
j.csstransitions() && (a.support.transition = new String(f("transition")), a.support.transition.end = i.transition.end[a.support.transition]), j.cssanimations() && (a.support.animation = new String(f("animation")), a.support.animation.end = i.animation.end[a.support.animation]), j.csstransforms() && (a.support.transform = new String(f("transform")), a.support.transform3d = j.csstransforms3d())
}(window.Zepto || window.jQuery, window, document);
// Two Row Carousel
;(function ($, window, document, undefined) {
Owl2row = function (scope) {
this.owl = scope;
this.owl.options = $.extend({}, Owl2row.Defaults, this.owl.options);
//link callback events with owl carousel here
this.handlers = {
'initialize.owl.carousel': $.proxy(function (e) {
if (this.owl.settings.owl2row) {
this.build2row(this);
}
}, this)
};
this.owl.$element.on(this.handlers);
};
Owl2row.Defaults = {
owl2row: false,
owl2rowTarget: 'sby_item',
owl2rowContainer: 'sby_owl2row-item',
owl2rowDirection: 'utd' // ltr
};
//mehtods:
Owl2row.prototype.build2row = function (thisScope) {
var carousel = $(thisScope.owl.$element);
var carouselItems = carousel.find('.' + thisScope.owl.options.owl2rowTarget);
var aEvenElements = [];
var aOddElements = [];
$.each(carouselItems, function (index, item) {
if (index % 2 === 0) {
aEvenElements.push(item);
} else {
aOddElements.push(item);
}
});
//carousel.empty();
switch (thisScope.owl.options.owl2rowDirection) {
case 'ltr':
thisScope.leftToright(thisScope, carousel, carouselItems);
break;
default :
thisScope.upTodown(thisScope, aEvenElements, aOddElements, carousel);
}
};
Owl2row.prototype.leftToright = function (thisScope, carousel, carouselItems) {
var o2wContainerClass = thisScope.owl.options.owl2rowContainer;
var owlMargin = thisScope.owl.options.margin;
var carouselItemsLength = carouselItems.length;
var firsArr = [];
var secondArr = [];
if (carouselItemsLength % 2 === 1) {
carouselItemsLength = ((carouselItemsLength - 1) / 2) + 1;
} else {
carouselItemsLength = carouselItemsLength / 2;
}
$.each(carouselItems, function (index, item) {
if (index < carouselItemsLength) {
firsArr.push(item);
} else {
secondArr.push(item);
}
});
$.each(firsArr, function (index, item) {
var rowContainer = $('<div class="' + o2wContainerClass + '"/>');
var firstRowElement = firsArr[index];
firstRowElement.style.marginBottom = owlMargin + 'px';
rowContainer
.append(firstRowElement)
.append(secondArr[index]);
carousel.append(rowContainer);
});
};
Owl2row.prototype.upTodown = function (thisScope, aEvenElements, aOddElements, carousel) {
var o2wContainerClass = thisScope.owl.options.owl2rowContainer;
var owlMargin = thisScope.owl.options.margin;
$.each(aEvenElements, function (index, item) {
var rowContainer = $('<div class="' + o2wContainerClass + '"/>');
var evenElement = aEvenElements[index];
evenElement.style.marginBottom = owlMargin + 'px';
rowContainer
.append(evenElement)
.append(aOddElements[index]);
carousel.append(rowContainer);
});
};
/**
* Destroys the plugin.
*/
Owl2row.prototype.destroy = function () {
var handler, property;
};
$.fn.sbyOwlCarousel.Constructor.Plugins['owl2row'] = Owl2row;
})(window.Zepto || window.jQuery, window, document);
(function($){
function sbyAddVisibilityListener() {
/* Detect when element becomes visible. Used for when the feed is initially hidden, in a tab for example. https://github.com/shaunbowe/jquery.visibilityChanged */
!function (i) {
var n = {
callback: function () {
}, runOnLoad: !0, frequency: 100, sbyPreviousVisibility: null
}, c = {};
c.sbyCheckVisibility = function (i, n) {
if (jQuery.contains(document, i[0])) {
var e = n.sbyPreviousVisibility, t = i.is(":visible");
n.sbyPreviousVisibility = t, null == e ? n.runOnLoad && n.callback(i, t) : e !== t && n.callback(i, t), setTimeout(function () {
c.sbyCheckVisibility(i, n)
}, n.frequency)
}
}, i.fn.sbyVisibilityChanged = function (e) {
var t = i.extend({}, n, e);
return this.each(function () {
c.sbyCheckVisibility(i(this), t)
})
}
}(jQuery);
}
function Sby() {
this.feeds = {};
this.ctas = {};
this.options = sbyOptions;
this.isTouch = sbyIsTouch();
}
Sby.prototype = {
createPage: function (createFeeds, createFeedsArgs) {
if (typeof window.sbyajaxurl === 'undefined' || window.sbyajaxurl.indexOf(window.location.hostname) === -1) {
window.sbyajaxurl = window.location.hostname + '/wp-admin/admin-ajax.php';
}
$('.sby_no_js_error_message').remove();
$('.sby_no_js').removeClass('sby_no_js');
createFeeds(createFeedsArgs);
},
maybeAddYTAPI: function() {
var youtubeScriptId = "sby-youtube-api";
var youtubeScript = document.getElementById(youtubeScriptId);
if (youtubeScript === null) {
var tag = document.createElement("script");
var firstScript = document.getElementsByTagName("script")[0];
tag.src = "https://www.youtube.com/iframe_api";
tag.id = youtubeScriptId;
firstScript.parentNode.insertBefore(tag, firstScript);
}
},
createLightbox: function() {
var lbBuilder = sbyGetlightboxBuilder();
var sby_lb_delay = (function () {
var sby_timer = 0;
return function (sby_callback, sby_ms) {
clearTimeout(sby_timer);
sby_timer = setTimeout(sby_callback, sby_ms);
};
})();
jQuery(window).on('resize',function () {
sby_lb_delay(function () {
lbBuilder.afterResize();
}, 200);
});
/* Lightbox v2.7.1 by Lokesh Dhakar - http://lokeshdhakar.com/projects/lightbox2/ - Heavily modified specifically for this plugin */
(function() {
var a = jQuery,
b = function() {
function a() {
this.fadeDuration = 500, this.fitImagesInViewport = !0, this.resizeDuration = 700, this.positionFromTop = 50, this.showImageNumberLabel = !0, this.alwaysShowNavOnTouchDevices = !1, this.wrapAround = !1
}
return a.prototype.albumLabel = function(a, b) {
return a + " / " + b
}, a
}(),
c = function() {
function b(a) {
this.options = a, this.album = [], this.currentImageIndex = void 0, this.init()
}
return b.prototype.init = function() {
this.enable(), this.build()
}, b.prototype.enable = function() {
var b = this;
a("body").on("click", "a[data-sby-lightbox]", function(c) {
return b.start(a(c.currentTarget)), !1
})
}, b.prototype.build = function() {
var b = this;
a(""+
lbBuilder.template()).appendTo(a("body")), this.$lightbox = a("#sby_lightbox"), this.$overlay = a("#sby_lightboxOverlay"), this.$outerContainer = this.$lightbox.find(".sby_lb-outerContainer"), this.$container = this.$lightbox.find(".sby_lb-container"), this.containerTopPadding = parseInt(this.$container.css("padding-top"), 10), this.containerRightPadding = parseInt(this.$container.css("padding-right"), 10), this.containerBottomPadding = parseInt(this.$container.css("padding-bottom"), 10), this.containerLeftPadding = parseInt(this.$container.css("padding-left"), 10), this.$overlay.hide().on("click", function() {
return b.end(), !1
}), jQuery(document).on('click', function(event, b, c) {
//Fade out the lightbox if click anywhere outside of the two elements defined below
if (!jQuery(event.target).closest('.sby_lb-outerContainer').length) {
if (!jQuery(event.target).closest('.sby_lb-dataContainer').length) {
//Fade out lightbox
lightboxOnClose();
lbBuilder.pausePlayer();
jQuery('#sby_lightboxOverlay, #sby_lightbox').fadeOut();
}
}
}), this.$lightbox.hide(),
jQuery('#sby_lightboxOverlay').on("click", function(c) {
lbBuilder.pausePlayer();
jQuery('.sby_gdpr_notice').remove();
return "sby_lightbox" === a(c.target).attr("id") && b.end(), !1
}), this.$lightbox.find(".sby_lb-prev").on("click", function() {
lbBuilder.pausePlayer();
jQuery('.sby_gdpr_notice').remove();
return b.changeImage(0 === b.currentImageIndex ? b.album.length - 1 : b.currentImageIndex - 1), !1
}), this.$lightbox.find(".sby_lb-container").on("swiperight", function() {
lbBuilder.pausePlayer();
jQuery('.sby_gdpr_notice').remove();
return b.changeImage(0 === b.currentImageIndex ? b.album.length - 1 : b.currentImageIndex - 1), !1
}), this.$lightbox.find(".sby_lb-next").on("click", function() {
lbBuilder.pausePlayer();
jQuery('.sby_gdpr_notice').remove();
return b.changeImage(b.currentImageIndex === b.album.length - 1 ? 0 : b.currentImageIndex + 1), !1
}), this.$lightbox.find(".sby_lb-container").on("swipeleft", function() {
lbBuilder.pausePlayer();
jQuery('.sby_gdpr_notice').remove();
return b.changeImage(b.currentImageIndex === b.album.length - 1 ? 0 : b.currentImageIndex + 1), !1
}),
this.$lightbox.find(".sby_lb-loader, .sby_lb-close").on("click", function() {
lightboxOnClose();
lbBuilder.pausePlayer();
return b.end(), !1
})
}, b.prototype.start = function(b) {
function c(a) {
d.album.push(lbBuilder.getData(a))
}
var d = this,
e = a(window);
e.on("resize", a.proxy(this.sizeOverlay, this)), a("select, object, embed").css({
visibility: "hidden"
}), this.sizeOverlay(), this.album = [];
var f, g = 0,
h = b.attr("data-sby-lightbox");
if (h) {
f = a(b.prop("tagName") + '[data-sby-lightbox="' + h + '"]');
for (var i = 0; i < f.length; i = ++i) c(a(f[i])), f[i] === b[0] && (g = i)
} else if ("lightbox" === b.attr("rel")) c(b);
else {
f = a(b.prop("tagName") + '[rel="' + b.attr("rel") + '"]');
for (var j = 0; j < f.length; j = ++j) c(a(f[j])), f[j] === b[0] && (g = j)
}
var k = e.scrollTop() + this.options.positionFromTop - 50,
l = e.scrollLeft();
this.$lightbox.css({
top: k + "px",
left: l + "px"
}).fadeIn(this.options.fadeDuration), this.changeImage(g)
}, b.prototype.changeImage = function(b) {
var c = this;
this.disableKeyboardNav();
var d = this.$lightbox.find(".sby_lb-image");
this.$overlay.fadeIn(this.options.fadeDuration), a(".sby_lb-loader").fadeIn("slow"), this.$lightbox.find(".sby_lb-image, .sby_lb-nav, .sby_lb-prev, .sby_lb-next, .sby_lb-dataContainer, .sby_lb-numbers, .sby_lb-caption").hide(), this.$outerContainer.addClass("animating");
var e = new Image;
e.onload = function() {
var f, g, h, i, j, k, l;
var sbyArrowWidth = 100;
d.attr("src", c.album[b].link), f = a(e), d.width(e.width), d.height(e.height), c.options.fitImagesInViewport && (l = a(window).width(), k = a(window).height(), j = l - c.containerLeftPadding - c.containerRightPadding - 20 - sbyArrowWidth, i = k - c.containerTopPadding - c.containerBottomPadding - 150, (e.width > j || e.height > i) && (e.width / j > e.height / i ? (h = j, g = parseInt(e.height / (e.width / h), 10), d.width(h), d.height(g)) : (g = i, h = parseInt(e.width / (e.height / g), 10), d.width(h), d.height(g)))), c.sizeContainer(d.width(), d.height())
}, e.src = this.album[b].link, this.currentImageIndex = b
}, b.prototype.sizeOverlay = function() {
this.$overlay.width(a(window).width()).height(a(document).height())
}, b.prototype.sizeContainer = function(a, b) {
function c() {
d.$lightbox.find(".sby_lb-dataContainer").width(g), d.$lightbox.find(".sby_lb-prevLink").height(h), d.$lightbox.find(".sby_lb-nextLink").height(h), d.showImage()
}
var d = this,
e = this.$outerContainer.outerWidth(),
f = this.$outerContainer.outerHeight(),
g = a + this.containerLeftPadding + this.containerRightPadding,
h = b + this.containerTopPadding + this.containerBottomPadding;
e !== g || f !== h ? this.$outerContainer.animate({
width: g,
height: h
}, this.options.resizeDuration, "swing", function() {
c()
}) : c()
}, b.prototype.showImage = function() {
this.$lightbox.find(".sby_lb-loader").hide(), this.$lightbox.find(".sby_lb-image").fadeIn("slow"), this.updateNav(), this.updateDetails(), this.preloadNeighboringImages(), this.enableKeyboardNav()
}, b.prototype.updateNav = function() {
var a = !1;
try {
document.createEvent("TouchEvent"), a = this.options.alwaysShowNavOnTouchDevices ? !0 : !1
} catch (b) {}
this.$lightbox.find(".sby_lb-nav").show(), this.album.length > 1 && (this.options.wrapAround ? (a && this.$lightbox.find(".sby_lb-prev, .sby_lb-next").css("opacity", "1"), this.$lightbox.find(".sby_lb-prev, .sby_lb-next").show()) : (this.currentImageIndex > 0 && (this.$lightbox.find(".sby_lb-prev").show(), a && this.$lightbox.find(".sby_lb-prev").css("opacity", "1")), this.currentImageIndex < this.album.length - 1 && (this.$lightbox.find(".sby_lb-next").show(), a && this.$lightbox.find(".sby_lb-next").css("opacity", "1"))))
}, b.prototype.updateDetails = function() {
var b = this;
/** NEW PHOTO ACTION **/
if(jQuery('iframe.sby_lb-player-loaded').length) {
jQuery('.sby_lb-player-placeholder').replaceWith(jQuery('iframe.sby_lb-player-loaded'));
jQuery('iframe.sby_lb-player-loaded').removeClass('sby_lb-player-loaded').show();
}
//Switch video when either a new popup or navigating to new one
var feed = window.sby.feeds[this.album[this.currentImageIndex].feedIndex];
lbBuilder.beforePlayerSetup(this.$lightbox,this.album[this.currentImageIndex],this.currentImageIndex,this.album,feed);
if( sby_supports_video() ){
jQuery('#sby_lightbox').removeClass('sby_video_lightbox');
if (feed.settings.consentGiven && this.album[this.currentImageIndex].video.length){
jQuery('.sby_gdpr_notice').remove();
var playerID = 'sby_lb-player';
jQuery('#sby_lightbox').addClass('sby_video_lightbox');
if ( ! window.sbyOptions.isPro ) {
jQuery('#sby_lightbox').addClass('sby_lightbox_free');
}
var videoID = this.album[this.currentImageIndex].video,
autoplay = sbyOptions.autoplay;
if (typeof window.sbyLightboxPlayer === 'undefined') {
var args = {
host: window.location.protocol + feed.embedURL,
videoId: videoID,
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
},
events: {
'onStateChange': function(data) {
var videoID = data.target.getVideoData()['video_id'];
feed.afterStateChange(playerID,videoID,data,$('#' + playerID).closest('.sby_video_thumbnail_wrap'));
}
}
};
feed.maybeAddCTA(playerID);
window.sbyLightboxPlayer = new window.YT.Player(playerID, args);
} else {
window.sbyLightboxPlayer.loadVideoById(videoID);
}
this.$outerContainer.removeClass("animating");
this.$lightbox.find(".sby_lb-dataContainer").fadeIn(this.options.resizeDuration, function() {
return b.sizeOverlay()
});
setTimeout(function() {
$('#sby_lightbox .sby_lb-player').css({
'height' : $('#sby_lightbox .sby_lb-outerContainer').height()+'px',
'width' : $('#sby_lightbox .sby_lb-outerContainer').width()+'px',
'top': 0
});
},1);
if (this.$lightbox.find('iframe').length) {
this.$lightbox.find('iframe').attr('title',this.album[this.currentImageIndex].videoTitle);
}
} else {
var fullImage = $('.sby_item[data-video-id=' + this.album[this.currentImageIndex].video+']').find('.sby_video_thumbnail').attr('data-full-res');
$('.sby_lb-image').attr('src',fullImage);
this.$outerContainer.removeClass("animating");
this.$lightbox.find(".sby_lb-dataContainer").fadeIn(this.options.resizeDuration, function() {
return b.sizeOverlay()
});
jQuery(".sby_lb-container").prepend('<a href="https://www.youtube.com/watch?v='+this.album[this.currentImageIndex].video+'" target="_blank" rel="noopener noreferrer" class="sby_gdpr_notice"><svg style="color: rgba(255,255,255,1)" class="svg-inline--fa fa-play fa-w-14 sby_playbtn" aria-label="Play" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="play" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg></a>');
}
lbBuilder.afterPlayerSetup(this.$lightbox,this.album[this.currentImageIndex],this.currentImageIndex,this.album);
if (this.album.length > 1 && this.options.showImageNumberLabel) {
this.$lightbox.find(".sby_lb-number").text(this.options.albumLabel(this.currentImageIndex + 1, this.album.length)).fadeIn("fast");
} else {
this.$lightbox.find(".sby_lb-number").hide();
}
}
}, b.prototype.preloadNeighboringImages = function() {
if (this.album.length > this.currentImageIndex + 1) {
var a = new Image;
a.src = this.album[this.currentImageIndex + 1].link
}
if (this.currentImageIndex > 0) {
var b = new Image;
b.src = this.album[this.currentImageIndex - 1].link
}
}, b.prototype.enableKeyboardNav = function() {
a(document).on("keyup.keyboard", a.proxy(this.keyboardAction, this))
}, b.prototype.disableKeyboardNav = function() {
a(document).off(".keyboard")
}, b.prototype.keyboardAction = function(a) {
var KEYCODE_ESC = 27;
var KEYCODE_LEFTARROW = 37;
var KEYCODE_RIGHTARROW = 39;
var keycode = event.keyCode;
var key = String.fromCharCode(keycode).toLowerCase();
if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {
if( sby_supports_video() ) $('#sby_lightbox video.sby_video')[0].pause();
$('#sby_lightbox iframe').attr('src', '');
this.end();
} else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {
if (this.currentImageIndex !== 0) {
this.changeImage(this.currentImageIndex - 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(this.album.length - 1);
}
if( sby_supports_video() ) $('#sby_lightbox video.sby_video')[0].pause();
$('#sby_lightbox iframe').attr('src', '');
} else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {
if (this.currentImageIndex !== this.album.length - 1) {
this.changeImage(this.currentImageIndex + 1);
} else if (this.options.wrapAround && this.album.length > 1) {
this.changeImage(0);
}
lbBuilder.pausePlayer();
}
}, b.prototype.end = function() {
this.disableKeyboardNav(), a(window).off("resize", this.sizeOverlay), this.$lightbox.fadeOut(this.options.fadeDuration), this.$overlay.fadeOut(this.options.fadeDuration), a("select, object, embed").css({
visibility: "visible"
})
}, b
}();
a(function() {
{
var a = new b;
new c(a);
//Lightbox hide photo function
$('.sby_lightbox_action a').off().on('click', function(){
$(this).parent().find('.sby_lightbox_tooltip').toggle();
});
}
})
}).call(this);
window.sbyOptions.lightboxCreated = true;
},
createFeeds: function (args) {
if ( !sbyOptions.isAdmin && sbyOptions.lightboxCreated === undefined ) {
window.sby.createLightbox();
}
args.whenFeedsCreated(
$('.sb_youtube').each(function (index) {
$(this).attr('data-sby-index', index + 1);
$(this).find('.sby_player').replaceWith('<div id="sby_player'+index+'"></div>');
var $self = $(this),
flags = typeof $self.attr('data-sby-flags') !== 'undefined' ? $self.attr('data-sby-flags').split(',') : [],
general = typeof $self.attr('data-options') !== 'undefined' ? JSON.parse($self.attr('data-options')) : {};
if (flags.indexOf('testAjax') > -1) {
window.sby.triggeredTest = true;
var submitData = {
'action' : 'sby_on_ajax_test_trigger'
},
onSuccess = function(data) {
console.log('did test');
};
sbyAjax(submitData,onSuccess)
}
var feedOptions = {
cols : $self.attr('data-cols'),
colsmobile : $self.attr('data-colsmobile') !== 'same' ? $self.attr('data-colsmobile') : $self.attr('data-cols'),
num : $self.attr('data-num'),
imgRes : $self.attr('data-res'),
feedID : $self.attr('data-feedid'),
postID : typeof $self.attr( 'data-postid' ) !== 'undefined' ? $self.attr( 'data-postid' ) : 'unknown',
shortCodeAtts : $self.attr('data-shortcode-atts'),
resizingEnabled : (flags.indexOf('resizeDisable') === -1),
imageLoadEnabled : (flags.indexOf('imageLoadDisable') === -1),
debugEnabled : (flags.indexOf('debug') > -1),
favorLocal : (flags.indexOf('favorLocal') > -1),
ajaxPostLoad : (flags.indexOf('ajaxPostLoad') > -1),
checkWPPosts : (flags.indexOf('checkWPPosts') > -1),
singleCheckPosts : (flags.indexOf('singleCheckPosts') > -1),
narrowPlayer : (flags.indexOf('narrowPlayer') > -1),
gdpr : (flags.indexOf('gdpr') > -1),
consentGiven : (flags.indexOf('gdpr') === -1),
noCDN : (flags.indexOf('disablecdn') > -1),
allowCookies: (flags.indexOf('allowcookies') > -1),
lightboxEnabled : typeof $self.attr('data-sby-supports-lightbox') !== 'undefined',
locator : (flags.indexOf('locator') > -1),
autoMinRes : 1,
general : general,
subscribeBarEnabled: true
};
window.sby.feeds[index] = sbyGetNewFeed(this, index, feedOptions);
if (typeof window.sbyAPIReady !== 'undefined') {
window.sby.feeds[index].playerAPIReady = true;
}
window.sby.feeds[index].setResizedImages();
window.sby.feeds[index].init();
var evt = jQuery.Event('sbyafterfeedcreate');
evt.feed = window.sby.feeds[index];
jQuery(window).trigger(evt);
})
);
},
afterFeedsCreated: function () {
// enable header hover action
$('.sb_youtube_header').each(function () {
var $thisHeader = $(this);
$thisHeader.find('.sby_header_link').on('mouseenter mouseleave', function(e) {
switch(e.type) {
case 'mouseenter':
$thisHeader.find('.sby_header_img_hover').addClass('sby_fade_in');
break;
case 'mouseleave':
$thisHeader.find('.sby_header_img_hover').removeClass('sby_fade_in');
break;
}
});
});
if (window.sbyAPIReady) {
var evt = jQuery.Event('sbyfeedandytready');
jQuery(window).trigger(evt);
}
},
encodeHTML: function(raw) {
// make sure passed variable is defined
if (typeof raw === 'undefined') {
return '';
}
// replace greater than and less than symbols with html entity to disallow html in comments
var encoded = raw.replace(/(>)/g,'>'),
encoded = encoded.replace(/(<)/g,'<');
encoded = encoded.replace(/(<br\/>)/g,'<br>');
encoded = encoded.replace(/(<br>)/g,'<br>');
return encoded;
},
urlDetect: function(text) {
var urlRegex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g;
return text.match(urlRegex);
},
ctaDetect: function(text) {
var ctaMatches = text.match(/{Link:(.*)}/g),
cta = false;
if (ctaMatches !== null) {
var urlMatches = window.sby.urlDetect(ctaMatches[0]);
if (urlMatches !== null) {
var url = urlMatches[0].trim(),
sbyButtonText = ctaMatches[0].replace('{Link:','').replace('}','').replace(url,'').replace(' ',' ').trim();
cta = {
callback: 'link',
url: url,
text: sbyButtonText
};
} else {
console.log('CTA found but no URL');
}
}
return cta;
},
shuffle: function(array) {
var currentIndex = array.length,
temporaryValue,
randomIndex;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
};
function SbyFeed(el, index, settings) {
this.el = el;
this.index = index;
this.settings = settings;
this.placeholderURL = window.sby.options.placeholder;
if (settings.narrowPlayer) {
this.placeholderURL = window.sby.options.placeholderNarrow
}
this.playerAPIReady = false;
this.consentGiven = settings.consentGiven;
this.players = {};
this.minImageWidth = 0;
this.imageResolution = 150;
this.resizedImages = {};
this.needsResizing = [];
this.outOfPages = false;
this.isInitialized = false;
this.mostRecentlyLoadedPosts = [];
this.embedURL = '//www.youtube-nocookie.com';
if (settings.allowCookies) {
this.embedURL = '//www.youtube.com'
}
}
SbyFeed.prototype = {
init: function() {
var feed = this;
feed.settings.consentGiven = feed.checkConsent();
if (feed.settings.consentGiven) {
window.sby.maybeAddYTAPI();
}
if (feed.settings.noCDN && !feed.settings.consentGiven) {
if ($(this.el).find('.sb_youtube_header').length) {
$(this.el).find('.sb_youtube_header').addClass('sby_no_consent')
} else if ($(this.el).prev('.sb_youtube_header').length) {
$(this.el).prev('.sb_youtube_header').addClass('sby_no_consent')
}
}
if ($(this.el).find('#sby_mod_error').length) {
$(this.el).prepend($(this.el).find('#sby_mod_error'));
}
if (this.settings.ajaxPostLoad) {
this.getNewPostSet();
} else {
this.afterInitialImagesLoaded();
//Only check the width once the resize event is over
}
var sby_delay = (function () {
var sby_timer = 0;
return function (sby_callback, sby_ms) {
clearTimeout(sby_timer);
sby_timer = setTimeout(sby_callback, sby_ms);
};
})();
jQuery(window).on('resize',function () {
sby_delay(function () {
feed.afterResize();
}, 1);
});
},
initLayout: function() {
this.initGalleryLayout();
},
initGalleryLayout: function() {
var $self = $(this.el),
feed = this;
if ($self.hasClass('sby_layout_gallery') && $self.find('.sby_player_outer_wrap').length) {
this.maybeRaiseSingleImageResolution($self.find('.sby_player_outer_wrap'), 0, true);
$self.find('.sby_player_outer_wrap .sby_video_thumbnail').off().on('click',function (event) {
if ((!feed.settings.lightboxEnabled || (feed.settings.lightboxEnabled && feed.settings.noCDN))
&& (feed.settings.noCDN || !feed.settings.consentGiven)) {
if ($(this).closest('.sby_item').length
&& typeof $(this).closest('.sby_item').attr('data-video-id') !== 'undefined') {
$(this).attr('href','https://www.youtube.com/watch?v='+$(this).closest('.sby_item').attr('data-video-id'));
}
return;
}
event.preventDefault();
feed.onThumbnailClick($(this), true);
});
$self.find('.sby_item').first().addClass('sby_current');
$self.on('mouseenter',function() {
if (!feed.canCreatePlayer()) {
return;
}
if (!$self.find('.sby_player_outer_wrap iframe').length) {
$self.addClass('sby_player_added').find('.sby_player_outer_wrap').addClass('sby_player_loading');
$self.find('.sby_player_outer_wrap .sby_video_thumbnail').find('.sby_loader').show().removeClass('sby_hidden');
feed.createPlayer('sby_player'+feed.index);
} else if (typeof feed.player === 'undefined' && feed.playerEagerLoaded()) {
feed.createPlayer('sby_player'+feed.index);
}
});
if (window.sbySemiEagerLoading) {
feed.createPlayer('sby_player'+feed.index);
}
if (feed.settings.noCDN) {
$self.find('.sby_player_outer_wrap').append('<div class="sby_play_btn">\n' +
' <span class="sby_play_btn_bg"></span>\n' +
' <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-youtube fa-w-18"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" class=""></path></svg> </div>');
}
}
},
createPlayer: function(playerID,videoID,autoplay,args) {
var $self = $(this.el),
feed = this;
videoID = typeof videoID !== 'undefined' ? videoID : this.getVideoID($self.find('.sby_item').first());
autoplay = typeof autoplay !== 'undefined' ? autoplay : 0;
// do not create player in customizer preview
if ( sbyOptions.isCustomizer !== undefined && sbyOptions.isCustomizer ) {
return;
}
if (typeof args === 'undefined') {
args = {
host: window.location.protocol + feed.embedURL,
videoId: videoID,
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
},
}
}
if (typeof args.events === 'undefined') {
args.events = {
'onReady': function () {
$self.find('.sby_player_outer_wrap').removeClass('sby_player_loading').find('.sby_video_thumbnail').css('z-index', -1).find('.sby_loader').hide().addClass('sby_hidden');
if ($('#' + playerID).length && $('#' + playerID).closest('.sby_video_thumbnail_wrap').find('.sby_video_thumbnail').length) {
$('#' + playerID).closest('.sby_video_thumbnail_wrap').find('.sby_video_thumbnail').fadeTo(0, 'slow', function () {
$(this).css('z-index', -1);
$(this).find('.sby_loader').hide().addClass('sby_hidden');
$(this).closest('.sby_item').removeClass('sby_player_loading');
});
}
var evt = jQuery.Event('sbyafterplayerready');
evt.feed = feed;
evt.player = this;
jQuery(window).trigger(evt);
},
'onStateChange': function(data) {
$self.find('.sby_player_outer_wrap').removeClass('sby_player_loading').find('.sby_video_thumbnail').css('z-index', -1).find('.sby_loader').hide().addClass('sby_hidden');
feed.afterStateChange(playerID,videoID,data,$('#' + playerID).closest('.sby_video_thumbnail_wrap'));
if (data.data !== 1) return;
let feedID;
if(feed.el) {
const shortcodeAttr = feed.el.getAttribute('data-shortcode-atts');
if(shortcodeAttr) {
feedID = JSON.parse(shortcodeAttr)?.feed;
}
}
document.dispatchEvent(new CustomEvent('sby-video-interaction', {
detail: {
videoID: videoID,
feedID: feedID
}
}));
if (typeof feed.players !== 'undefined') {
$self.find('.sby_item').each(function() {
var itemVidID = feed.getVideoID($(this));
if ($(this).find('iframe').length && (itemVidID !== videoID)) {
if (typeof feed.players[itemVidID] !== 'undefined' && typeof feed.players[itemVidID].pauseVideo === 'function') {
feed.players[itemVidID].pauseVideo();
}
}
});
}
},
}
}
if (window.sbyEagerLoading) {
var newPlayer = YT.get(playerID);
} else {
var newPlayer = new window.YT.Player(playerID, args);
}
this.maybeAddCTA(playerID);
if ($self.hasClass('sby_layout_list') && typeof this.players[videoID] === 'undefined') {
this.players[videoID] = newPlayer;
} else if (typeof this.player === 'undefined') {
this.player = newPlayer;
}
var evt = jQuery.Event('sbyafterplayercreated');
evt.feed = this;
jQuery(window).trigger(evt);
$self.find('.sby_player_outer_wrap .sby_play_btn').remove();
return newPlayer;
},
afterStateChange: function(playerID,videoID,data,$player) {
},
afterInitialImagesLoaded: function() {
this.initLayout();
this.loadMoreButtonInit();
this.hideExtraItemsForWidth();
this.beforeNewImagesRevealed();
this.revealNewImages();
this.afterNewImagesRevealed();
this.afterFeedSet();
this.sizePlayer();
this.sizeItems();
if (this.settings.consentGiven) {
this.applyFullFeatures();
} else {
this.removeFeatures();
}
},
afterResize: function() {
this.setImageHeight();
this.setImageResolution();
this.maybeRaiseImageResolution();
this.setImageSizeClass();
},
afterLoadMoreClicked: function($button) {
$button.find('.sby_loader').removeClass('sby_hidden');
$button.find('.sby_btn_text').addClass('sby_hidden');
$button.closest('.sb_youtube').find('.sby_num_diff_hide').addClass('sby_transition').removeClass('sby_num_diff_hide');
},
afterNewImagesLoaded: function() {
var $self = $(this.el),
feed = this;
this.beforeNewImagesRevealed();
this.revealNewImages();
this.afterNewImagesRevealed();
this.sizePlayer();
this.sizeItems();
setTimeout(function () {
//Hide the loader in the load more button
$self.find('.sby_loader').addClass('sby_hidden');
$self.find('.sby_btn_text').removeClass('sby_hidden');
feed.maybeRaiseImageResolution();
}, 1);
if (this.settings.consentGiven) {
this.applyFullFeatures();
} else {
this.removeFeatures();
}
},
beforeNewImagesRevealed: function() {
this.setImageHeight();
this.maybeRaiseImageResolution(true);
this.setImageSizeClass();
},
afterFeedSet: function() {
},
sizePlayer: function() {
var $self = $(this.el),
feed = this;
if ($self.hasClass('sby_layout_gallery')) {
$playerThumbnail = $self.find('.sby_player_item').find('.sby_player_video_thumbnail');
var playerWidth = $playerThumbnail.innerWidth(),
newPlayerHeight = Math.floor(playerWidth * 9 / 16);
if (feed.settings.narrowPlayer) {
newPlayerHeight = Math.floor(playerWidth * 3 / 4);
}
$playerThumbnail.css('height',newPlayerHeight+'px').css('overflow','hidden');
} else if ($self.hasClass('sby_layout_list')) {
$self.find('.sby_item').each(function(){
$playerThumbnail = $(this).find('.sby_item_video_thumbnail');
var playerWidth = $playerThumbnail.innerWidth(),
newPlayerHeight = Math.floor(playerWidth * 9 / 16);
if (feed.settings.narrowPlayer) {
newPlayerHeight = Math.floor(playerWidth * 3 / 4);
}
$playerThumbnail.css('height',newPlayerHeight+'px').css('overflow','hidden');
});
}
},
sizeItems: function() {
var $self = $(this.el),
feed = this;
if (!$self.hasClass('sby_layout_list')) {
$self.find('.sby_item').find('.sby_item_video_thumbnail').each(function() {
if ($(this).hasClass('sby_imgLiquid_ready')) {
var thumbWidth = $(this).innerWidth(),
newThumbHeight = Math.floor(thumbWidth * 9 / 16);
$(this).css('height',newThumbHeight+'px').css('overflow','hidden');
}
});
}
},
revealNewImages: function() {
var $self = $(this.el),
feed = this;
this.applyImageLiquid();
// Call Custom JS if it exists
if (typeof sbyCustomJS == 'function') setTimeout(function(){ sbyCustomJS(); }, 100);
$self.find('.sby-screenreader').find('img').remove();
$self.find('.sby_item.sby_new').each(function (index) {
var $self = jQuery(this);
//Photo links
//If lightbox is disabled
videoID = $self.attr('data-video-id');
if (window.sbyEagerLoading && feed.canCreatePlayer() && $('#sby_player_'+videoID).length) {
player = new YT.Player('sby_player_'+videoID, {
height: '100',
width: '100',
videoId: videoID,
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: 0
},
events: {
'onStateChange': function(data) {
var videoID = data.target.getVideoData()['video_id'];
if (data.data !== 1) return;
document.dispatchEvent(videoInteractionEvent, {
videoID: videoID,
})
$self.find('.sby_item').each(function() {
var itemVidID = jQuery(this).attr('data-video-id');
if (jQuery(this).find('iframe').length && jQuery(data.target.a).attr('id') !== jQuery(this).find('iframe').attr('id')) {
YT.get('sby_player_'+itemVidID).pauseVideo();
}
});
}
}
});
}
$self.find('.sby_video_thumbnail').on('mouseenter',function() {
feed.onThumbnailEnter($(this), false);
});
$self.find('.sby_player_wrap').on('mouseleave',function() {
feed.onThumbnailLeave($(this), false);
});
//init click
$self.find('.sby_video_thumbnail').on('click',function(event) {
if ((!feed.settings.lightboxEnabled || (feed.settings.lightboxEnabled && feed.settings.noCDN))
&& (feed.settings.noCDN || !feed.settings.consentGiven)) {
if ($(this).closest('.sby_item').length
&& typeof $(this).closest('.sby_item').attr('data-video-id') !== 'undefined') {
$(this).attr('href','https://www.youtube.com/watch?v='+$(this).closest('.sby_item').attr('data-video-id'));
}
return;
}
event.preventDefault();
feed.onThumbnailClick($(this), false);
});
// lightbox
if (feed.settings.lightboxEnabled) {
$self.find('.sby_video_thumbnail').attr('data-sby-lightbox',feed.index);
if (typeof sbyOptions !== 'undefined' && typeof sbyOptions.lightboxPlaceholder !== 'undefined') {
if (feed.settings.narrowPlayer) {
$self.find('.sby_video_thumbnail').attr('href',sbyOptions.lightboxPlaceholderNarrow);
} else {
$self.find('.sby_video_thumbnail').attr('href',sbyOptions.lightboxPlaceholder);
}
}
}
feed.afterItemRevealed($self);
// no info
if ($self.find('.sby_info_item').text().trim() === '') {
$self.find('.sby_info_item').addClass('sby_no_space');
}
}); //End .sby_item each
$self.find('.sby_player_item').each(function (index) {
var $self = jQuery(this);
feed.afterItemRevealed($self);
}); //End .sby_item each
//Remove the new class after 500ms, once the sorting is done
setTimeout(function () {
$self.find('.sby_item.sby_new').removeClass('sby_new');
//Loop through items and remove class to reveal them
var time = 1,
num = $self.find('.sby_transition').length;
$self.find('.sby_transition').each(function(index) {
var $sby_item_transition_el = jQuery(this);
setTimeout( function(){
$sby_item_transition_el.removeClass('sby_transition');
}, time);
//time += 10;
});
}, 1);
},
afterItemRevealed: function() {
},
afterNewImagesRevealed: function() {
this.listenForVisibilityChange();
this.sendNeedsResizingToServer();
this.sendCheckWPPostsToServer();
if (!this.settings.imageLoadEnabled) {
$('.sby_no_resraise').removeClass('sby_no_resraise');
}
var evt = $.Event('sbyafterimagesloaded');
evt.el = $(this.el);
$(window).trigger(evt);
},
setResizedImages: function () {
if ($(this.el).find('.sby_resized_image_data').length
&& typeof $(this.el).find('.sby_resized_image_data').attr('data-resized') !== 'undefined'
&& $(this.el).find('.sby_resized_image_data').attr('data-resized').indexOf('{"') === 0) {
this.resizedImages = JSON.parse($(this.el).find('.sby_resized_image_data').attr('data-resized'));
$(this.el).find('.sby_resized_image_data').remove();
}
},
sendNeedsResizingToServer: function() {
var feed = this;
if (feed.needsResizing.length > 0 && feed.settings.resizingEnabled) {
var itemOffset = $(this.el).find('.sby_item').length;
var submitData = {
action: 'sby_resized_images_submit',
needs_resizing: feed.needsResizing,
offset: itemOffset,
feed_id: feed.settings.feedID,
location: feed.locationGuess(),
post_id: feed.settings.postID,
atts: feed.settings.shortCodeAtts,
};
var onSuccess = function(data) {
if (data.trim().indexOf('{') === 0) {
var response = JSON.parse(data);
if (feed.settings.debugEnabled) {
console.log(response);
}
}
};
sbyAjax(submitData,onSuccess);
}
},
sendCheckWPPostsToServer: function() {
var feed = this;
if (feed.settings.checkWPPosts || feed.settings.singleCheckPosts) {
var feedID = typeof feed.settings.feedID !== 'undefined' ? feed.settings.feedID : 'sby_single',
posts = feed.mostRecentlyLoadedPosts;
feed.mostRecentlyLoadedPosts = [];
var submitData = {
action: 'sby_check_wp_submit',
feed_id: feedID,
atts: feed.settings.shortCodeAtts,
location: feed.locationGuess(),
post_id: feed.settings.postID,
offset: ! $(this.el).hasClass('sby_layout_carousel') ? $(this.el).find('.sby_item').length : Math.floor(($(this.el).find('.sby_item').length / 2) -1),
posts: posts
};
var onSuccess = function(data) {
if (data.trim().indexOf('{') === 0) {
var response = JSON.parse(data);
if (feed.settings.debugEnabled) {
console.log(response);
}
feed.afterSendCheckWPPostsToServer(response);
}
};
sbyAjax(submitData,onSuccess);
}
},
afterSendCheckWPPostsToServer: function (response) {
},
loadMoreButtonInit: function () {
var $self = $(this.el),
feed = this;
$self.find('.sby_footer .sby_load_btn').off().on('click', function () {
feed.afterLoadMoreClicked(jQuery(this));
feed.getNewPostSet();
}); //End click event
},
getNewPostSet: function () {
var $self = $(this.el),
feed = this;
var itemOffset = $self.find('.sby_item').length,
submitData = {
action: 'sby_load_more_clicked',
offset: itemOffset,
feed_id: feed.settings.feedID,
atts: feed.settings.shortCodeAtts,
location: feed.locationGuess(),
post_id: feed.settings.postID,
current_resolution: feed.imageResolution
};
var onSuccess = function (data) {
if (data.trim().indexOf('{') === 0) {
var response = JSON.parse(data),
checkWPPosts = typeof response.feedStatus.checkWPPosts !== 'undefined' ? response.feedStatus.checkWPPosts : false;;
if (feed.settings.debugEnabled) {
console.log(response);
}
if (checkWPPosts) {
feed.settings.checkWPPosts = true;
} else {
feed.settings.checkWPPosts = false;
}
feed.appendNewPosts(response.html);
feed.addResizedImages(response.resizedImages);
if (feed.settings.ajaxPostLoad) {
feed.settings.ajaxPostLoad = false;
feed.afterInitialImagesLoaded();
} else {
feed.afterNewImagesLoaded();
}
if (!response.feedStatus.shouldPaginate) {
feed.outOfPages = true;
$self.find('.sby_load_btn').hide();
} else {
feed.outOfPages = false;
}
$('.sby_no_js').removeClass('sby_no_js');
openComments();
}
};
sbyAjax(submitData, onSuccess);
},
appendNewPosts: function (newPostsHtml) {
var $self = $(this.el),
feed = this;
if ($self.find('.sby_items_wrap .sby_item').length) {
$self.find('.sby_items_wrap .sby_item').last().after(newPostsHtml);
} else {
$self.find('.sby_items_wrap').append(newPostsHtml);
}
},
addResizedImages: function (resizedImagesToAdd) {
for (var imageID in resizedImagesToAdd) {
this.resizedImages[imageID] = resizedImagesToAdd[imageID];
}
},
setImageHeight: function() {
},
maybeRaiseSingleImageResolution: function ($item, index, forceChange) {
var feed = this,
imgSrcSet = feed.getImageUrls($item),
currentUrl = $item.find('.sby_video_thumbnail > img').attr('src'),
currentRes = 150,
aspectRatio = 1, // all thumbnails are oriented the same so the best calculation uses 1
forceChange = typeof forceChange !== 'undefined' ? forceChange : false;
if ($item.hasClass('sby_no_resraise') ||
(!feed.settings.consentGiven && feed.settings.noCDN) ) {
return;
}
$.each(imgSrcSet, function (index, value) {
if (value === currentUrl) {
currentRes = parseInt(index);
// If the image has already been changed to an existing real source, don't force the change
forceChange = false;
}
});
//Image res
var newRes = 640;
switch (feed.settings.imgRes) {
case 'thumb':
newRes = 120;
break;
case 'medium':
newRes = 320;
break;
case 'large':
newRes = 480;
break;
case 'full':
newRes = 640;
break;
default:
var minImageWidth = Math.max(feed.settings.autoMinRes,$item.find('.sby_video_thumbnail').innerWidth()),
thisImageReplace = feed.getBestResolutionForAuto(minImageWidth, aspectRatio, $(this.el).find('sby_item').first());
switch (thisImageReplace) {
case 480:
newRes = 480;
break;
case 320:
newRes = 320;
break;
case 120:
newRes = 120;
break;
}
break;
}
if (newRes > currentRes || currentUrl === feed.placeholderURL || forceChange) {
if (feed.settings.debugEnabled) {
var reason = currentUrl === feed.placeholderURL ? 'was placeholder' : 'too small';
console.log('rais res for ' + currentUrl, reason);
}
var newUrl = imgSrcSet[newRes];
$item.find('.sby_video_thumbnail > img').attr('src', newUrl);
if ($item.find('.sby_video_thumbnail').hasClass('sby_imgLiquid_ready')) {
$item.find('.sby_video_thumbnail').css('background-image', 'url("' + newUrl + '")');
}
}
$item.find('img').on('error', function () {
if (!$(this).hasClass('sby_img_error')) {
$(this).addClass('sby_img_error');
var sourceFromAPI = ($(this).attr('src').indexOf('i.ytimg.com') > -1);
if (!sourceFromAPI) {
if (typeof $(this).closest('.sby_video_thumbnail').attr('data-full-res') !== 'undefined') {
$(this).attr('src', $(this).closest('.sby_video_thumbnail').attr('data-full-res'));
$(this).closest('.sby_video_thumbnail').css('background-image', 'url(' + $(this).closest('.sby_video_thumbnail').attr('data-full-res') + ')');
} else if ($(this).closest('.sby_video_thumbnail').attr('href') !== 'undefined') {
$(this).attr('src', $(this).closest('.sby_video_thumbnail').attr('href') + 'media?size=l');
$(this).closest('.sby_video_thumbnail').css('background-image', 'url(' + $(this).closest('.sby_video_thumbnail').attr('href') + 'media?size=l)');
}
} else {
feed.settings.favorLocal = true;
var srcSet = feed.getImageUrls($(this).closest('.sby_item'));
if (typeof srcSet[640] !== 'undefined') {
$(this).attr('src', srcSet[640]);
$(this).closest('.sby_video_thumbnail').css('background-image', 'url(' + srcSet[640] + ')');
}
}
setTimeout(function() {
feed.afterResize();
}, 1)
} else {
console.log('unfixed error ' + $(this).attr('src'));
}
});
},
maybeRaiseImageResolution: function (justNew) {
var feed = this,
itemsSelector = typeof justNew !== 'undefined' && justNew === true ? '.sby_item.sby_new' : '.sby_item',
forceChange = !feed.isInitialized ? true : false;
$(feed.el).find(itemsSelector).each(function (index) {
if (!$(this).hasClass('sby_num_diff_hide')
&& $(this).find('.sby_video_thumbnail').length
&& typeof $(this).find('.sby_video_thumbnail').attr('data-img-src-set') !== 'undefined') {
feed.maybeRaiseSingleImageResolution($(this),index,forceChange);
}
}); //End .sby_item each
feed.isInitialized = true;
},
getBestResolutionForAuto: function(colWidth, aspectRatio, $item) {
if (isNaN(aspectRatio) || aspectRatio < 1) {
aspectRatio = 1;
}
var bestWidth = colWidth * aspectRatio,
bestWidthRounded = Math.ceil(bestWidth / 10) * 10,
customSizes = [120, 320, 480, 640];
if ($item.hasClass('sby_highlighted')) {
bestWidthRounded = bestWidthRounded *2;
}
if (customSizes.indexOf(parseInt(bestWidthRounded)) === -1) {
var done = false;
$.each(customSizes, function (index, item) {
if (item > parseInt(bestWidthRounded) && !done) {
bestWidthRounded = item;
done = true;
}
});
}
return bestWidthRounded;
},
hideExtraItemsForWidth: function() {
if (this.layout === 'carousel') {
return;
}
var $self = $(this.el),
num = typeof $self.attr('data-num') !== 'undefined' && $self.attr('data-num') !== '' ? parseInt($self.attr('data-num')) : 1,
nummobile = typeof $self.attr('data-nummobile') !== 'undefined' && $self.attr('data-nummobile') !== '' ? parseInt($self.attr('data-nummobile')) : num;
if (!$self.hasClass('.sby_layout_carousel')) {
if ($(window).width() < 480) {
if (nummobile < $self.find('.sby_item').length) {
$self.find('.sby_item').slice(nummobile - $self.find('.sby_item').length).addClass('sby_num_diff_hide');
}
} else {
if (num < $self.find('.sby_item').length) {
$self.find('.sby_item').slice(num - $self.find('.sby_item').length).addClass('sby_num_diff_hide');
}
}
}
},
setImageSizeClass: function () {
var $self = $(this.el);
$self.removeClass('sby_small sby_medium');
var feedWidth = $self.innerWidth(),
photoPadding = parseInt(($self.find('.sby_items_wrap').outerWidth() - $self.find('.sby_items_wrap').width())) / 2,
cols = this.getColumnCount(),
feedWidthSansPadding = feedWidth - (photoPadding * (cols+2)),
colWidth = (feedWidthSansPadding / cols);
if (colWidth > 140 && colWidth < 240) {
$self.addClass('sby_medium');
} else if (colWidth <= 140) {
$self.addClass('sby_small');
}
},
setMinImageWidth: function () {
if ($(this.el).find('.sby_item .sby_video_thumbnail').first().length) {
this.minImageWidth = $(this.el).find('.sby_item .sby_video_thumbnail').first().innerWidth();
} else {
this.minImageWidth = 150;
}
},
setImageResolution: function () {
if (this.settings.imgRes === 'auto') {
this.imageResolution = 'auto';
} else {
switch (this.settings.imgRes) {
case 'thumb':
this.imageResolution = 150;
break;
case 'medium':
this.imageResolution = 320;
break;
default:
this.imageResolution = 640;
}
}
},
getImageUrls: function ($item) {
var srcSet = JSON.parse($item.find('.sby_video_thumbnail').attr('data-img-src-set').replace(/\\\//g, '/')),
id = $item.attr('id').replace('sby_', '').replace('player_','');
if (typeof this.resizedImages[id] !== 'undefined'
&& this.resizedImages[id] !== 'video'
&& this.resizedImages[id] !== 'pending'
&& this.resizedImages[id].id !== 'error'
&& this.resizedImages[id].id !== 'video'
&& this.resizedImages[id].id !== 'pending') {
if (typeof this.resizedImages[id]['sizes'] !== 'undefined') {
var foundSizes = [];
if (typeof this.resizedImages[id]['sizes']['full'] !== 'undefined') {
foundSizes.push(640);
srcSet[640] = sbyOptions.resized_url + this.resizedImages[id].id + 'full.jpg';
$item.find('.sby_link_area').attr( 'href', sbyOptions.resized_url + this.resizedImages[id].id + 'full.jpg' );
$item.find('.sby_video_thumbnail').attr( 'data-full-res', sbyOptions.resized_url + this.resizedImages[id].id + 'full.jpg' );
}
if (typeof this.resizedImages[id]['sizes']['low'] !== 'undefined') {
foundSizes.push(320);
srcSet[320] = sbyOptions.resized_url + this.resizedImages[id].id + 'low.jpg';
if (this.settings.favorLocal && typeof this.resizedImages[id]['sizes']['full'] === 'undefined') {
$item.find('.sby_link_area').attr( 'href', sbyOptions.resized_url + this.resizedImages[id].id + 'low.jpg' );
$item.find('.sby_video_thumbnail').attr( 'data-full-res', sbyOptions.resized_url + this.resizedImages[id].id + 'low.jpg' );
}
}
if (typeof this.resizedImages[id]['sizes']['thumb'] !== 'undefined') {
foundSizes.push(150);
srcSet[150] = sbyOptions.resized_url + this.resizedImages[id].id + 'thumb.jpg';
}
if (this.settings.favorLocal) {
if (foundSizes.indexOf(640) === -1) {
if (foundSizes.indexOf(320) > -1) {
srcSet[640] = sbyOptions.resized_url + this.resizedImages[id].id + 'low.jpg';
}
}
if (foundSizes.indexOf(320) === -1) {
if (foundSizes.indexOf(640) > -1) {
srcSet[320] = sbyOptions.resized_url + this.resizedImages[id].id + 'full.jpg';
} else if (foundSizes.indexOf(150) > -1) {
srcSet[320] = sbyOptions.resized_url + this.resizedImages[id].id + 'thumb.jpg';
}
}
if (foundSizes.indexOf(150) === -1) {
if (foundSizes.indexOf(320) > -1) {
srcSet[150] = sbyOptions.resized_url + this.resizedImages[id].id + 'low.jpg';
} else if (foundSizes.indexOf(640) > -1) {
srcSet[150] = sbyOptions.resized_url + this.resizedImages[id].id + 'full.jpg';
}
}
}
}
} else if (typeof this.resizedImages[id] === 'undefined'
|| (typeof this.resizedImages[id]['id'] !== 'undefined' && this.resizedImages[id]['id'] !== 'pending' && this.resizedImages[id]['id'] !== 'error')) {
this.addToNeedsResizing(id);
}
return srcSet;
},
getVideoID: function ($el) {
if ($el.hasClass('sby_item') || $el.hasClass('sby_player_item')) {
if (typeof $el.find('.sby_video_thumbnail').attr('data-video-id') !== 'undefined') {
return $el.find('.sby_video_thumbnail').attr('data-video-id');
}
} else if ($el.closest('sby_item').length || $el.closest('sby_player_item').length) {
var $targeEl = $el.closest('sby_item').length ? $el.closest('sby_item') : $el.closest('sby_player_item');
if (typeof $targeEl.find('.sby_video_thumbnail').attr('data-video-id') !== 'undefined') {
return $targeEl.find('.sby_video_thumbnail').attr('data-video-id');
}
} else if ($el.hasClass('sb_youtube')) {
return $el.find('.sby_item').first().find('.sby_video_thumbnail').attr('data-video-id');
} else if ($(this.el).find('.sby_video_thumbnail').first().length && typeof $(this.el).find('.sby_video_thumbnail').first().attr('data-video-id') !== 'undefined'){
return $(this.el).find('.sby_video_thumbnail').first().attr('data-video-id');
}
return '';
},
getAvatarUrl: function (username,favorType) {
if (username === '') {
return '';
}
var availableAvatars = this.settings.general.avatars,
favorType = typeof favorType !== 'undefined' ? favorType : 'local';
if (favorType === 'local') {
if (typeof availableAvatars['LCL'+username] !== 'undefined' && parseInt(availableAvatars['LCL'+username]) === 1) {
return sbyOptions.resized_url + username + '.jpg';
} else if (typeof availableAvatars[username] !== 'undefined') {
return availableAvatars[username];
} else {
return '';
}
} else {
if (typeof availableAvatars[username] !== 'undefined') {
return availableAvatars[username];
} else if (typeof availableAvatars['LCL'+username] !== 'undefined' && parseInt(availableAvatars['LCL'+username]) === 1) {
return sbyOptions.resized_url + username + '.jpg';
} else {
return '';
}
}
},
addToNeedsResizing: function (id) {
if (this.needsResizing.indexOf(id) === -1) {
this.needsResizing.push(id);
}
},
applyImageLiquid: function () {
var $self = $(this.el),
feed = this;
sbyAddImgLiquid();
if (typeof $self.find(".sby_player_item").sby_imgLiquid == 'function') {
if ($self.find('.sby_player_item').length) {
$self.find(".sby_player_item .sby_player_video_thumbnail").sby_imgLiquid({fill: true});
}
$self.find(".sby_item .sby_item_video_thumbnail").sby_imgLiquid({fill: true});
}
},
listenForVisibilityChange: function() {
var feed = this;
sbyAddVisibilityListener();
if (typeof $(this.el).filter(':hidden').sbyVisibilityChanged == 'function') {
//If the feed is initially hidden (in a tab for example) then check for when it becomes visible and set then set the height
$(this.el).filter(':hidden').sbyVisibilityChanged({
callback: function (element, visible) {
feed.afterResize();
},
runOnLoad: false
});
}
},
getColumnCount: function() {
var $self = $(this.el),
cols = this.settings.cols,
colsmobile = this.settings.colsmobile,
returnCols = cols;
sbyWindowWidth = window.innerWidth;
if ($self.hasClass('sby_mob_col_auto')) {
if (sbyWindowWidth < 640 && (parseInt(cols) > 2 && parseInt(cols) < 7)) returnCols = 2;
if (sbyWindowWidth < 640 && (parseInt(cols) > 6 && parseInt(cols) < 11)) returnCols = 4;
if (sbyWindowWidth <= 480 && parseInt(cols) > 2) returnCols = 1;
} else if (sbyWindowWidth <= 480) {
returnCols = colsmobile;
}
return parseInt(returnCols);
},
onThumbnailClick: function($clicked,isPlayer,videoID) {
if (!this.canCreatePlayer()) {
return;
}
var $self = $(this.el);
if ($self.hasClass('sby_layout_gallery')) {
$self.find('.sby_current').removeClass('sby_current');
$clicked.closest('.sby_item').addClass('sby_current');
$clicked.closest('.sby_item').addClass('sby_current');
$self.addClass('sby_player_added').find('.sby_player_outer_wrap').addClass('sby_player_loading');
$self.find('.sby_player_outer_wrap .sby_video_thumbnail').find('.sby_loader').show().removeClass('sby_hidden');
if (!$self.find('.sby_player_outer_wrap iframe').length) {
if (isPlayer) {
this.createPlayer('sby_player'+this.index);
} else {
var videoID = typeof videoID === 'undefined' ? this.getVideoID($clicked.closest('.sby_item')) : videoID;
this.createPlayer('sby_player'+this.index,videoID);
}
} else {
if (isPlayer) {
var videoID = typeof videoID === 'undefined' ? this.getVideoID($self.find('.sby_item').first()) : videoID;
this.playVideoInPlayer(videoID);
} else {
var videoID = typeof videoID === 'undefined' ? this.getVideoID($clicked.closest('.sby_item')) : videoID;
this.changePlayerInfo($clicked.closest('.sby_item'));
this.playVideoInPlayer(videoID);
this.afterVideoChanged();
}
}
this.updateGalleryPlayerSubscribeBtn($clicked);
} else if ($(this.el).hasClass('sby_layout_grid') || $(this.el).hasClass('sby_layout_carousel')) {
var $sbyItem = $clicked.closest('.sby_item'),
videoID = typeof videoID === 'undefined' ? this.getVideoID($sbyItem) : videoID;
this.playVideoInPlayer(videoID);
this.afterVideoChanged();
} else if ($(this.el).hasClass('sby_layout_list')) {
var $sbyItem = $clicked.closest('.sby_item'),
videoID = typeof videoID === 'undefined' ? this.getVideoID($sbyItem) : videoID;
if ($sbyItem.length && !$sbyItem.find('iframe').length) {
$sbyItem.find('.sby_loader').show().removeClass('sby_hidden');
$sbyItem.addClass('sby_player_loading sby_player_loaded');
this.createPlayer('sby_player_'+videoID,videoID);
} else {
this.playVideoInPlayer(videoID,$sbyItem.attr('data-video-id'));
this.afterVideoChanged();
}
}
},
onThumbnailEnter: function($hovered) {
if (!this.canCreatePlayer()) {
return;
}
var $self = $(this.el);
if ($self.hasClass('sby_layout_list')) {
var $sbyItem = $hovered.closest('.sby_item'),
videoID = this.getVideoID($sbyItem);
if (!$sbyItem.find('iframe').length) {
$sbyItem.find('.sby_loader').show().removeClass('sby_hidden');
$sbyItem.addClass('sby_player_loading sby_player_loaded');
this.createPlayer('sby_player_'+videoID,videoID,0);
}
}
},
onThumbnailLeave: function($hovered) {
},
changePlayerInfo: function($newItem) {
},
playerEagerLoaded: function() {
if (typeof this.player !== 'undefined' || $(this.el).hasClass('sby_player_loaded')) {
return true;
}
},
canCreatePlayer: function() {
if ($(this.el).find('#sby_blank').length) {
return false;
}
const concentGiven = this.settings.consentGiven
// Fix for elementor builder for list view. Where video would not load on hocer.
const elementorCheck = window.sby.feeds[this.index].playerAPIReady && concentGiven;
return this.playerEagerLoaded() || (this.playerAPIReady && concentGiven) || (window.sbyAPIReady && concentGiven) || elementorCheck;
},
playVideoInPlayer: function(videoID,playerID) {
if (typeof this.player !== 'undefined' && typeof this.player.loadVideoById !== 'undefined') {
this.player.loadVideoById(videoID);
} else if (typeof window.sbyLightboxPlayer !== 'undefined'
&& typeof window.sbyLightboxPlayer.loadVideoById !== 'undefined') {
window.sbyLightboxPlayer.loadVideoById(videoID);
} else if (typeof playerID !== 'undefined'
&& typeof this.players !== 'undefined'
&& typeof this.players[playerID] !== 'undefined'
&& typeof this.players[playerID].loadVideoById !== 'undefined') {
this.players[playerID].loadVideoById(videoID);
}
},
afterVideoChanged: function() {
if ($(this.el).hasClass('sby_layout_gallery')) {
$(this.el).find('.sby_player_outer_wrap').removeClass('sby_player_loading');
$(this.el).find('.sby_player_outer_wrap .sby_video_thumbnail').find('.sby_loader').hide().addClass('sby_hidden');
$('html, body').animate({
scrollTop: $(this.el).find('.sby_player_outer_wrap').offset().top
}, 300);
}
},
updateGalleryPlayerSubscribeBtn: function($clicked) {
const itemURL = $clicked.attr('href');
const regex = /channel\/(.*)$/;
const match = itemURL.match(regex);
if ( ! match ) {
return;
}
const channelId = match[1];
const subscribeBtnURL = 'http://www.youtube.com/channel/'+ channelId +'?sub_confirmation=1&feature=subscribe-embed-click';
$('.sby-channel-subscribe-btn a').attr('href', subscribeBtnURL);
},
checkConsent: function() {
if (this.settings.consentGiven || !this.settings.gdpr) {
this.settings.noCDN = false;
return true;
}
if (typeof CLI_Cookie !== "undefined") { // GDPR Cookie Consent by WebToffee
if (CLI_Cookie.read(CLI_ACCEPT_COOKIE_NAME) !== null) {
// WebToffee no longer uses this cookie but being left here to maintain backwards compatibility
if (CLI_Cookie.read('cookielawinfo-checkbox-non-necessary') !== 'null') {
this.settings.consentGiven = CLI_Cookie.read('cookielawinfo-checkbox-non-necessary') === 'yes';
}
if (CLI_Cookie.read('cookielawinfo-checkbox-necessary') !== 'null') {
this.settings.consentGiven = CLI_Cookie.read('cookielawinfo-checkbox-necessary') === 'yes';
}
}
} else if (typeof window.cnArgs !== "undefined") { // Cookie Notice by dFactory
var value = "; " + document.cookie,
parts = value.split( '; cookie_notice_accepted=' );
if ( parts.length === 2 ) {
var val = parts.pop().split( ';' ).shift();
this.settings.consentGiven = (val === 'true');
}
} else if (typeof window.complianz !== 'undefined') { // Complianz by Really Simple Plugins
this.settings.consentGiven = ( sbyCmplzGetCookie('cmplz_marketing') === 'allow' || jQuery('body').hasClass('cmplz-status-marketing') );
} else if (typeof window.Cookiebot !== "undefined") { // Cookiebot by Cybot A/S
this.settings.consentGiven = Cookiebot.consented;
} else if (typeof window.BorlabsCookie !== 'undefined') { // Borlabs Cookie by Borlabs
this.settings.consentGiven = typeof window.BorlabsCookie.Consents !== 'undefined' ? window.BorlabsCookie.Consents.hasConsent('youtube') : window.BorlabsCookie.checkCookieConsent('youtube');
}
var evt = jQuery.Event('sbycheckconsent');
evt.feed = this;
jQuery(window).trigger(evt);
if (this.settings.consentGiven) {
this.settings.noCDN = false;
}
return this.settings.consentGiven; // GDPR not enabled
},
afterConsentToggled: function() {
if (this.checkConsent()) {
var feed = this;
window.sby.maybeAddYTAPI();
feed.maybeRaiseImageResolution();
feed.applyFullFeatures();
setTimeout(function() {
feed.afterResize();
},500);
}
},
removeFeatures: function() {
var feed = this;
if (feed.settings.noCDN) {
$(feed.el).find('.sby_video_thumbnail').each(function() {
$(this).removeAttr('data-sby-lightbox');
});
}
},
applyFullFeatures: function() {
var feed = this;
$(feed.el).find('.sby_header_img img').attr('src',$(feed.el).find('.sby_header_img').attr('data-avatar-url'));
if (typeof $(feed.el).find('.sby_video_thumbnail').first().attr('data-sby-lightbox') === 'undefined'
&& feed.settings.lightboxEnabled) {
$(feed.el).find('.sby_video_thumbnail').each(function() {
$(this).attr('data-sby-lightbox',feed.index);
});
}
var $self = $(feed.el);
$self.find('.sby_no_consent').removeClass('sby_no_consent');
if ($self.hasClass('sby_layout_gallery') && $self.find('.sby_player_outer_wrap').length) {
this.maybeRaiseSingleImageResolution($self.find('.sby_player_outer_wrap'), 0, true);
$self.find('.sby_item').first().addClass('sby_current');
if (!feed.canCreatePlayer()) {
return;
}
if (!$self.find('.sby_player_outer_wrap iframe').length) {
feed.createPlayer('sby_player'+feed.index);
}
}
},
locationGuess: function() {
var $feed = $(this.el),
location = 'content';
if ($feed.closest('footer').length) {
location = 'footer';
} else if ($feed.closest('.header').length
|| $feed.closest('header').length) {
location = 'header';
} else if ($feed.closest('.sidebar').length
|| $feed.closest('aside').length) {
location = 'sidebar';
}
return location;
}
};
function SbyFeedPro(el, index, settings) {
SbyFeed.call(this, el, index, settings);
this.CTA = {};
this.initLayout = function() {
this.initGalleryLayout();
this.initGrid();
this.initCarousels();
var evt = jQuery.Event('sbyafterlayoutinit');
evt.feed = this;
jQuery(window).trigger(evt);
openComments();
};
this.initGrid = function() {
if (window.sbySemiEagerLoading && jQuery('#sby_lightbox').length) {
var feed = this;
playerID = 'sby_lb-player';
jQuery('#sby_lightbox').addClass('sby_video_lightbox');
if ( ! window.sbyOptions.isPro ) {
jQuery('#sby_lightbox').addClass('sby_lightbox_free');
}
var videoID = $(this.el).find('sby_item').first().attr('data-video-id'),
autoplay = sbyOptions.autoplay;
if (typeof window.sbyLightboxPlayer === 'undefined') {
var args = {
host: window.location.protocol + feed.embedURL,
videoId: videoID,
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
},
events: {
'onStateChange': function (data) {
var videoID = data.target.getVideoData()['video_id'];
feed.afterStateChange(playerID, videoID, data, $('#' + playerID).closest('.sby_video_thumbnail_wrap'));
}
}
};
feed.maybeAddCTA(playerID);
window.sbyLightboxPlayer = new window.YT.Player(playerID, args);
}
}
};
this.initCarousels = function() {
var feed = this,
$self = $(this.el);
if (typeof this.settings.general.carousel === 'undefined') {
return;
}
var cols = this.settings.cols,
colsmobile = this.settings.colsmobile;
$self.find('.sby_items_wrap').addClass('sby_carousel');
$self.find('.sby_load_btn').remove();
$self.find('.sby_item').css({
'padding-top' : $self.find('.sby_items_wrap').css('padding-top'),
'padding-right' : $self.find('.sby_items_wrap').css('padding-top'),
'padding-bottom' : $self.find('.sby_items_wrap').css('padding-top'),
'padding-left' : $self.find('.sby_items_wrap').css('padding-top')
});
$self.find('.sby_item').each(function() {
$(this).attr('style',$(this).attr('style').replace('padding: '+$self.find('.sby_items_wrap').css('padding-top'),'padding: '+$self.find('.sby_items_wrap').css('padding-top') + ' !important'));
});
var arrows = feed.settings.general.carousel[0],
pagination = feed.settings.general.carousel[1],
autoplay = feed.settings.general.carousel[2],
time = feed.settings.general.carousel[3],
loop = feed.settings.general.carousel[4],
rows = feed.settings.general.carousel[5];
//Initiate carousel
if( !autoplay ) time = false;
//Set defaults for responsive breakpoints
var itemsTabletSmall = cols,
itemsMobile = cols,
arrows = arrows ? 'onhover' : 'hide',
autoplay = time !== false,
has2rows = (rows == 2),
loop = (!loop),
onChange = function() {
setTimeout(function(){
feed.afterResize();
}, 1);
},
afterInit = function() {
var $self = jQuery(feed.el);
$self.find('.sby_items_wrap.sby_carousel').fadeIn();
setTimeout(function(){
$self.find('.sby_items_wrap.sby_carousel .sby_info, .sby_owl2row-item,.sby_items_wrap.sby_carousel').fadeIn();
}, 1);
setTimeout(function(){
var $navElementsWrapper = $self.find('.sby-owl-nav');
if (arrows === 'onhover') {
} else if (arrows === 'below') {
var $dots = $self.find('.sby-owl-dots'),
$prev = $self.find('.sby-owl-prev'),
$next = $self.find('.sby-owl-next'),
$nav = $self.find('.sby-owl-nav'),
$dot = $self.find('.sby-owl-dot'),
widthDots = $dot.length * $dot.innerWidth(),
maxWidth = $self.innerWidth();
$prev.after($dots);
$nav.css('position', 'relative');
$next.css('position', 'absolute').css('top', '-6px').css('right', Math.max((.5 * $nav.innerWidth() - .5 * (widthDots) - $next.innerWidth() - 6), 0));
$prev.css('position', 'absolute').css('top', '-6px').css('left', Math.max((.5 * $nav.innerWidth() - .5 * (widthDots) - $prev.innerWidth() - 6), 0));
} else if (arrows === 'hide') {
$navElementsWrapper.addClass('hide').hide();
}
}, 1);
};
//Disable mobile layout
if( $self.hasClass('sby_mob_col_auto') ) {
itemsTabletSmall = 2;
if( parseInt(cols) != 2 ) itemsMobile = 1;
if( parseInt(cols) == 2 ) itemsMobile = 2; //If the cols are set to 2 then don't change to 1 col on mobile
} else {
itemsMobile = colsmobile;
}
this.carouselArgs = {
items: cols,
loop: loop,
rewind: !loop,
autoplay: autoplay,
autoplayTimeout: Math.max(time,2000),
autoplayHoverPause: true,
nav: true,
navText: ['<svg class="svg-inline--fa fa-chevron-left fa-w-10" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="chevron-left" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>', '<svg class="svg-inline--fa fa-chevron-right fa-w-10" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>'],
dots: pagination,
owl2row: has2rows,
responsive: {
0: {
items: itemsMobile
},
480: {
items: itemsTabletSmall
},
640: {
items: cols
}
},
onChange: onChange,
onInitialize: afterInit
};
};
this.stripEmojihtml = function ($el) {
$el.find('.emoji').each(function() {
$(this).replaceWith($(this).attr('alt'));
});
return $el.html();
};
this.afterItemRevealed = function($item) {
var feed = this;
if ($item.find('.sby_caption').length && ! $item.find('.sby_caption').hasClass('sby_full_caption')) {
//Expand post
var $caption = $item.find('.sby_item_caption_wrap .sby_caption'),
$hoverCaption = $item.find('.sby_item_video_thumbnail .sby_caption'),
text_limit = typeof feed.settings.general.descriptionlength !== 'undefined' ? parseInt(feed.settings.general.descriptionlength) : 150;
if (text_limit < 1) text_limit = 99999;
//Set the full text to be the caption (used in the image alt)
var captionText = this.stripEmojihtml($item.find('.sby_caption').first()),
brCount = (captionText.match(/<br>/g) || []).length,
brAdjust = (typeof sbyOptions.brAdjust === 'undefined' || sbyOptions.brAdjust === '1' || sbyOptions.brAdjust === true);
// comment out unnecessary code that stripes out text limit with wrong text limit
// replace emoji with alt for more accurate shortening
// if (brAdjust && brCount > 0 && captionText.indexOf('<br>') < text_limit) {
// var $sizingCaption = $item.find('.sby_video_title').first();
// captionWidth = $sizingCaption.width() > 20 ? $sizingCaption.width() : $item.width(),
// fontSize = $sizingCaption.css('font-size'),
// charactersPerLine = captionWidth / parseInt(fontSize) * 1.85,
// maxCharsPerLine = Math.floor(charactersPerLine),
// projectedMaxLines = Math.ceil(text_limit / charactersPerLine);
// var splitCaption = captionText.split('<br>'),
// linesConsumed = 0,
// adjustedTextLimit = 0;
// jQuery.each(splitCaption, function () {
// var linesLeft = projectedMaxLines - linesConsumed;
// if (linesLeft > 0) {
// var thisLinesConsumed = Math.max(1, Math.ceil(this.length / charactersPerLine));
// adjustedTextLimit += Math.min(this.length + 4, linesLeft * maxCharsPerLine);
// linesConsumed += thisLinesConsumed;
// }
// });
// text_limit = adjustedTextLimit;
// }
var short_text = captionText.substring(0, text_limit);
short_text = captionText.length > text_limit ? short_text.substr(0, Math.min(short_text.length, short_text.lastIndexOf(" "))) : short_text;
//Cut the text based on limits set
if ($caption.length) {
$caption.html(sbyLinkify(short_text));
if (short_text === captionText) {
$caption.next('.sby_expand').remove();
}
}
if ($hoverCaption.length) {
var hoverCaptionText = short_text;
if (short_text !== captionText) {
hoverCaptionText += '<span class="sby_more">...</span>';
}
$hoverCaption.html(hoverCaptionText);
}
//Show the 'See More' link if needed
if (captionText.length > text_limit) {
$item.find('.sby_expand').show();
}
//Click function
$item.find('.sby_expand a').off('click').on('click', function (e) {
e.preventDefault();
var $expand = jQuery(this);
$caption = typeof $caption !== 'undefined' ? $caption : $item.find('.sby_info .sby_caption');
captionText = typeof captiontext !== 'undefined' ? captionText : sbyEncodeInput($item.find('.sby_item_video_thumbnail').attr('data-title'));
if ($item.hasClass('sby_caption_full') && typeof short_text !== 'undefined') {
$caption.html(short_text);
$item.removeClass('sby_caption_full');
} else {
$caption.html(sbyLinkify(captionText));
$item.addClass('sby_caption_full');
}
feed.afterResize();
});
}
this.setUpCTA($item);
//Photo links
//If lightbox is disabled
var disablelightbox = typeof feed.settings.general.disablelightbox !== 'undefined' ? feed.settings.general.disablelightbox : false,
captionlinks = typeof feed.settings.general.captionlinks !== 'undefined' ? feed.settings.general.captionlinks : false;
if( disablelightbox || captionlinks ){
if (captionlinks) {
function sbyUrlDetect(text) {
var urlRegex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g;
return text.match(urlRegex);
}
var cap = '';
if (typeof $item.find('img').attr('alt') !== 'undefined') {
cap = $item.find('img').attr('alt');
} else if (typeof $item.find('video').attr('alt') !== 'undefined') {
cap = $item.find('video').attr('alt');
}
var url = sbyUrlDetect(cap);
if(url) {
$item.find('a').attr('href', url);
}
}
$item.find('.sby_link').addClass('sby_disable_lightbox');
//If lightbox is enabled add lightbox links
} else {
var $sby_photo_wrap = $item.find('.sby_photo_wrap'),
$sby_link = $sby_photo_wrap.find('.sby_link');
feedOptions = {
hovereffect: 'true'
};
if(feedOptions.hovereffect == 'none'){
//launch lightbox on click
$sby_link.css('background', 'none').show();
$sby_link.find('*').hide().end().find('.sby_link_area').show();
} else {
$sby_photo_wrap.on('mouseenter mouseleave', function(e) {
switch(e.type) {
case 'mouseenter':
$item.addClass('sby_animate');
break;
case 'mouseleave':
$item.removeClass('sby_animate');
break;
}
});
}
}
var videoID = typeof $item.attr('data-video-id') !== 'undefined' ? $item.attr('data-video-id') : $item.find('.sby_video_thumbnail').attr('data-video-id');
this.mostRecentlyLoadedPosts.push(videoID);
};
this.afterFeedSet = function() {
if (typeof this.carouselArgs !== 'undefined' ) {
$(this.el).find('.sby_carousel').sbyOwlCarousel(this.carouselArgs);
if (parseInt(this.settings.general.carousel[5]) === 2) {
$(this.el).addClass('sby_carousel_2_row');
}
}
};
this.setUpCTA = function($item,videoID) {
//window.sby.ctas
var videoID = typeof videoID !== 'undefined' ? videoID : $item.find('.sby_item_video_thumbnail').attr('data-video-id'),
text = sbyEncodeInput(typeof $item.find('.sby_item_video_thumbnail').attr('data-title') !== 'undefined' ? $item.find('.sby_item_video_thumbnail').attr('data-title') : ''),
ctaInCaption = window.sby.ctaDetect(text);
if (ctaInCaption) {
window.sby.ctas[videoID] = ctaInCaption;
} else {
window.sby.ctas[videoID] = this.getDefaultCTA();
}
};
this.getDefaultCTA = function(){
if (typeof this.settings.general.cta !== 'undefined' && this.settings.general.cta.type !== 'default') {
if (this.settings.general.cta.type === 'link') {
return {
callback: 'link',
url: this.settings.general.cta.defaultLink,
text: this.settings.general.cta.defaultText,
}
} else {
return {
callback: 'related',
related: this.settings.general.cta.defaultPosts
}
}
} else {
return false;
}
};
this.afterResize = function() {
this.setImageHeight();
this.setImageResolution();
this.maybeRaiseImageResolution();
this.setImageSizeClass();
this.setAllCTADimensions();
this.sizePlayer();
this.sizeItems();
};
this.setAllCTADimensions = function() {
$.each(this.CTA, function(index, CTAObj) {
if (CTAObj.isInitialized) {
CTAObj.setCTAStyles();
}
});
};
this.afterSendCheckWPPostsToServer = function(response){
var $self = $(this.el);
$self.find('.sby_item').each(function() {
if (typeof response[ $(this).attr('data-video-id') ] !== 'undefined') {
var data = response[ $(this).attr('data-video-id') ];
//sby_views_count
$(this).find('.sby_view_count').text(data.sby_view_count);
$(this).find('.sby_comment_count').text(data.sby_comment_count);
$(this).find('.sby_like_count').text(data.sby_like_count);
//Set for attributes too.
$(this).find('.sby_video_thumbnail').attr('data-views',data.sby_view_count);
$(this).find('.sby_video_thumbnail').attr('data-comment-count', data.sby_comment_count);
if (data.sby_live_broadcast.broadcast_type !== 'none') {
$(this).find('.sby_ls_message').text(data.sby_live_broadcast.live_streaming_string);
$(this).find('.sby_date').html(data.sby_live_broadcast.live_streaming_date);
}
if (typeof data.sby_live_broadcast.live_streaming_timestamp !== 'undefined') {
$(this).attr('data-live-date',data.sby_live_broadcast.live_streaming_timestamp);
}
if (typeof data.sby_description !== 'undefined') {
$(this).find('.sby_item_video_thumbnail').attr('data-title', sbyEncodeInput(data.sby_description) );
}
}
});
$self.find('.sby_player_item').each(function() {
if (typeof response[ $(this).find('.sby_video_thumbnail').attr('data-video-id') ] !== 'undefined') {
var data = response[ $(this).find('.sby_video_thumbnail').attr('data-video-id') ];
$(this).find('.sby_view_count').text(data.sby_view_count);
$(this).find('.sby_comment_count').text(data.sby_comment_count);
$(this).find('.sby_like_count').text(data.sby_like_count);
if (data.sby_live_broadcast.broadcast_type !== 'none') {
$(this).find('.sby_ls_message').text(data.sby_live_broadcast.live_streaming_string);
$(this).find('.sby_date').html(data.sby_live_broadcast.live_streaming_date);
}
if (typeof data.sby_live_broadcast.live_streaming_timestamp !== 'undefined') {
$(this).attr('data-live-date',data.sby_live_broadcast.live_streaming_timestamp);
}
}
});
var evt = jQuery.Event('sbyaftercheckposts');
evt.feed = window.sby.feeds[index];
evt.response = response;
jQuery(window).trigger(evt);
};
this.afterStateChange = function(playerID,videoID,data,$player) {
this.CTA[playerID].toggleCTA(videoID,data.data,$player);
};
this.changePlayerInfo = function($newItem) {
var $self = $(this.el);
$self.find('.sby_player_item').find('.sby_info').replaceWith(
$newItem.find('.sby_info').clone(true,true)
);
const videoTitle = checkValue($newItem.attr('data-video-title'));
const videoPublishData = checkValue($newItem.find('.sby_video_thumbnail').attr('data-formatted-published-date')) ;
$self.find('.sby-player-info .sby-video-header-info .sby-video-info-header h5').text( videoTitle );
$self.find('.sby-player-info .sby-video-header-meta .sby-video-date').text( videoPublishData );
resetComments($self);
openComments();
};
this.maybeAddCTA = function(playerID,$el) {
if (typeof this.CTA[playerID] === 'undefined') {
this.CTA[playerID] = new SbyCTA(playerID,this);
}
};
}
SbyFeedPro.prototype = Object.create(SbyFeed.prototype);
function SbyLightboxBuilder() {}
SbyLightboxBuilder.prototype = {
getData: function(a){
var closestFeedIndex = parseInt(a.closest('.sb_youtube').attr('data-sby-index')-1);
return {
feedIndex : closestFeedIndex,
link: a.attr("href"),
videoTitle: typeof a.attr("data-video-title") !== 'undefined' ? sbyEncodeInput(a.attr("data-video-title")) : 'YouTube Video',
video: a.attr("data-video-id"),
channelID: a.attr("data-channel-id")
}
},
template: function () {
return "<div id='sby_lightboxOverlay' class='sby_lightboxOverlay'></div>"+
"<div id='sby_lightbox' class='sby_lightbox'>"+
"<div class='sby_lb-outerContainer'>"+
"<div class='sby_lb-container'>"+
"<img class='sby_lb-image' alt='Lightbox image placeholder' src='' />"+
"<div class='sby_lb-player sby_lb-player-placeholder' id='sby_lb-player'></div>" +
"<div class='sby_lb-nav'><a class='sby_lb-prev' href='#' ><p class='sby-screenreader'>Previous Slide</p><span></span></a><a class='sby_lb-next' href='#' ><p class='sby-screenreader'>Next Slide</p><span></span></a></div>"+
"<div class='sby_lb-loader'><a class='sby_lb-cancel'></a></div>"+
"</div>"+
"</div>"+
"<div class='sby_lb-dataContainer'>"+
"<div class='sby_lb-data'>"+
"<div class='sby_lb-details'>"+
"<div class='sby_lb-caption'></div>"+
"<div class='sby_lb-info'>"+
"<div class='sby_lb-number'></div>"+
"</div>"+
"</div>"+
"<div class='sby_lb-closeContainer'><a class='sby_lb-close'></a></div>"+
"</div>"+
"</div>"+
"</div>";
},
beforePlayerSetup: function($lightbox,data,index,album,feed){
},
afterPlayerSetup: function ($lightbox,data,index,album) {
},
afterResize: function(){
var playerHeight = $('#sby_lightbox .sby_lb-player').height();
if (playerHeight > 100) {
var heightDif = $('#sby_lightbox .sby_lb-outerContainer').height() - playerHeight;
if (heightDif > 10) {
$('#sby_lightbox .sby_lb-player').css('top',heightDif/2);
}
}
},
pausePlayer: function () {
if (typeof window.sbyLightboxPlayer === 'undefined'
&& typeof YT === 'undefined') {
return;
}
if (typeof YT.get('sby_lb-player') !== 'undefined'
&& typeof YT.get('sby_lb-player').pauseVideo === 'function') {
YT.get('sby_lb-player').pauseVideo()
} else if (typeof window.sbyLightboxPlayer !== 'undefined'
&& typeof window.sbyLightboxPlayer.pauseVideo === 'function') {
window.sbyLightboxPlayer.pauseVideo();
}
}
};
SbyLightboxBuilderPro.prototype = Object.create(SbyLightboxBuilder.prototype);
function SbyLightboxBuilderPro() {
SbyLightboxBuilder.call(this);
this.getData = function(a){
const feedParent = a.closest('.sb_youtube');
var closestFeedIndex = parseInt(feedParent.attr('data-sby-index')-1);
const subscribeBtnText = feedParent.attr('data-subscribe-btn-text');
const subscribeBtn = feedParent.attr('data-subscribe-btn');
const colorScheme = feedParent.hasClass('sby_palette_dark') ? 'dark' : 'light';
const atts = feedParent.attr('data-shortcode-atts');
const liveDataAttr = a.closest('.sby_item').attr('data-live-date');
const channelHeaderColorsAttr = feedParent.attr('data_channel_header_colors') ? JSON.parse(feedParent.attr('data_channel_header_colors')) : '';
return {
feedIndex : closestFeedIndex,
link: a.attr("href"),
video: a.attr("data-video-id"),
title: sbyEncodeInput(a.attr("data-title")),
videoTitle: typeof a.attr("data-video-title") !== 'undefined' ? sbyEncodeInput(a.attr("data-video-title")) : 'YouTube Video',
avatar: a.attr("data-avatar"),
user: sbyEncodeInput(a.attr("data-user")),
channelURL: a.attr("data-url"),
channelID: a.attr("data-channel-id"),
channelSubscribers: a.closest('.sb_youtube').attr('data-channel-subscribers'),
subscribeBtn: subscribeBtn,
subscribeBtnText: subscribeBtnText,
colorScheme: colorScheme,
publishedDate: a.attr("data-published-date"),
commentCount: a.attr("data-comment-count"),
views: a.attr("data-views"),
liveData: liveDataAttr,
channelHeaderColors : channelHeaderColorsAttr,
atts: atts
}
};
this.template = function() {
return `
<div id='sby_lightboxOverlay' class='sby_lightboxOverlay'></div>
<div id='sby_lightbox' class='sby_lightbox'>
<div class='sby_lb-header'></div>
<div class='sby_lb-outerContainer'>
<a class='sby_lb-close'></a>
<div class='sby_lb-container'>
<div class='sby_lb_video_thumbnail_wrap'>
<span class='sby_lb_video_thumbnail'>
<img class='sby_lb-image' alt='Lightbox image placeholder' src='' />
<div class='sby_lb-player' id='sby_lb-player'></div>
</span>
</div>
<div class='sby_lb-nav'>
<a class='sby_lb-prev' href='#'>
<p class='sby-screenreader'>Previous Slide</p>
<span></span>
</a>
<a class='sby_lb-next' href='#'>
<p class='sby-screenreader'>Next Slide</p>
<span></span>
</a>
</div>
<div class='sby_lb-loader'>
<a class='sby_lb-cancel'></a>
</div>
</div>
</div>
<div class='sby_lb-dataContainer'>
<div class='sby_lb-data'>
<div class='sby_lb-details'>
<div class='sby_lb-caption'>
</div>
<div class='sby_lb-info'>
<div class='sby_lb-number'></div>
</div>
</div>
</div>
</div>
</div>`;
};
this.beforePlayerSetup = function($lightbox,data,index,album,feed){
$('body').css('overflow', 'hidden');
if (!$lightbox.find('.sby_cta_items_wraps').length) {
$lightbox.find('.sby_lb_video_thumbnail_wrap').append($(feed.el).find('.sby_cta_items_wraps').clone());
} else {
$lightbox.find('.sby_cta_items_wraps').replaceWith($(feed.el).find('.sby_cta_items_wraps').clone());
}
};
this.afterPlayerSetup = function($lightbox,data,index,album) {
this.availableAvatarUrls = {};
const subscribeSection = data?.subscribeBtn ? data.subscribeBtn : false;
const subscribeBtnText = data?.subscribeBtnText ? data.subscribeBtnText : '';
if (typeof sbyLightboxAction === 'function') {
setTimeout(function() {
sbyLightboxAction();
},100);
}
if(data?.colorScheme && 'dark' === data.colorScheme ) {
LightboxColorScheme(data.colorScheme, true);
}
let avatarImage = '',
subscribeBtn = subscribeSection ? '<a class="sby-lb-subscribe-btn" href="http://www.youtube.com/channel/'+ data.channelID +'?sub_confirmation=1&feature=subscribe-embed-click" target="_blank" rel="noopener noreferrer">'+ getStaticSVG('youtube') +' <p>' + subscribeBtnText +'</p></a>' : '';
if (typeof data.avatar !== 'undefined' && data.avatar !== '' && typeof data.user !== 'undefined') {
avatarImage = (data.avatar !== 'undefined') ? data.avatar : '';
} else if (typeof data.user !== 'undefined') {
jQuery.each(window.sby.feeds, function() {
if (typeof this.availableAvatarUrls !== 'undefined' && typeof this.availableAvatarUrls[data.user] !== 'undefined' && this.availableAvatarUrls[data.user] !== 'undefined') {
avatarImage = this.availableAvatarUrls[data.user];
}
});
}
const channelSubscribers = data?.channelSubscribers ?? '';
const avatarImageHtml = avatarImage ? '<img src="'+ avatarImage +'" referrerPolicy="no-referrer"/>' : getStaticSVG('profile-picture');
const userHtml = subscribeSection && avatarImage ? '<div class="sby-lb-channel-header"><a class="sby_lightbox_username" href="'+ data.channelURL+'" target="_blank" rel="noopener">'+ avatarImageHtml + '<p class="sby-lb-channel-name-with-subs"><span>@'+data.user + '</span><span>' + channelSubscribers +'</span></p></a> ' + subscribeBtn + '</div>' : '';
const subscribeClass = subscribeSection && avatarImage ? 'sby_lb-channel-info' : 'sby_lb-no-channel-info'
if( window.sbyOptions.isPro ) {
const description = data?.title ? addLinksTotext(data.title) : '';
const publishedDate = data?.publishedDate ? timeAgo(convertUnixToMs(data.publishedDate)) : '';
const views = data?.views ? data.views : '';
const videoHeaderSection = `
<div class="sby_lb-video-heading">
<h3>${data.videoTitle}</h3>
<div class="sby_lb-video-info">
<span>${views}</span>
<span class="sby_lb-spacer">ยท</span>
<span>${publishedDate}</span>
</div>
</div>
`;
const videoDescriptionhtml = `
<div class="sby_lb-video-description-wrap">
<div class="sby_lb-description sby-read-more-target">
${description}
</div>
<button class="sby_lb-more-info-btn sby-read-more-trigger">Description${getStaticSVG('angle-down')}</button>
</div>
`;
const commentSectionHtml = `
<div class="sby-comments-wrap">
</div>
`;
const videoDescription = description ? videoDescriptionhtml : '';
$lightbox.find(".sby_lb-caption").html( `<div class="sby_lb-caption-inner ${subscribeClass}">` + videoHeaderSection + userHtml + videoDescription + commentSectionHtml + `</div>` ).fadeIn("fast");
if( data?.liveData && '0' === data.liveData ) {
const videoId = data?.video ? data.video : '';
const atts = data?.atts ? data.atts : '';
const currentCommentCount = data?.commentCount ? data.commentCount : '';
const target = $lightbox.find(".sby-comments-wrap");
generateCommentSection(videoId, atts, target, currentCommentCount);
} else {
toggleReadMore();
}
if( data?.channelHeaderColors ) {
setColorsToChannelHeader(data.channelHeaderColors)
}
}
};
}
function SbyCTA(videoID,feed) {
this.isInitialized = false;
this.videoID = videoID;
this.callback = this.related;
this.callbackArgs = {};
this.feedObjInContext = feed;
this.state = 1;
this.numItems = 4;
this.numItemColumns = 2;
this.$player = false;
}
SbyCTA.prototype = {
toggleCTA: function(videoID,dataNum,$player){
this.$player = $player.length ? $player : $('.sby_lb-container'); // use the lightbox container if no player is set
this.state = dataNum;
this.videoID = videoID;
this.isInitialized = true;
this.resetCTA();
//ctaDetect
if (typeof window.sby.ctas[videoID] !== 'undefined') {
this.callbackArgs = window.sby.ctas[videoID];
}
var callback = this.callbackArgs.callback;
if (callback === 'link') {
this.callback = this.link;
} else if (callback === 'related') {
this.callback = this.related;
} else {
return;
}
if (dataNum === 2 || dataNum === 0) {
this.$player.find('.sby_cta_items_wraps').addClass('sby_cta_is_open');
if ( dataNum === 2 ){
this.$player.find('.sby_cta_items_wraps').addClass('sby_cta_state_paused');
} else {
this.$player.find('.sby_cta_items_wraps').addClass('sby_cta_state_ended');
}
this.$player.find('.sby_cta_items_wraps').show();
this.callback();
this.setCTAStyles();
} else {
this.$player.find('.sby_cta_items_wraps').removeClass('sby_cta_is_open');
this.$player.find('.sby_cta_items_wraps').hide()
.removeClass('sby_cta_state_paused')
.removeClass('sby_cta_state_ended')
.removeClass('sby_cta_is_open');
}
},
related: function(args) {
var ctaObj = this,
feedObjInContext = this.feedObjInContext,
related = window.sby.shuffle(this.getRelated(feedObjInContext)),
added = 0,
currentVideoId = this.videoID,
$player = this.$player;
this.$player.find('.sby_cta_items_wraps')
.removeClass('sby_cta_cols_' + this.numItemColumns);
this.numItems = 4;
this.numItemColumns = 2;
if ($player.width() < 480) {
this.numItems = 1;
this.numItemColumns = 1
}
var numItems = this.numItems;
$.each(related, function(index, value) {
if (value.videoID !== currentVideoId && added < numItems) {
$player.find('.sby_cta_items_wraps .sby_cta_inner_wrap').append('<div class="sby_cta_item"><div class="sby_video_thumbnail_wrap">' +
'<a class="sby_video_thumbnail" href="javascript:void(0);" target="_blank" rel="noopener" data-video-id="'+value.videoID+'">' +
'<div class="sby_thumbnail_hover">' +
'<div class="sby_thumbnail_hover_inner">' +
'<span class="sby_video_title">'+value.title+'</span>' +
'</div>' +
'</div>' +
'<span class="sby-screenreader">Play</span>' +
'<img src="'+value.thumbnail+'" alt="'+value.title+'">' +
'<span class="sby_loader sby_hidden" style="background-color: rgb(255, 255, 255);"></span>' +
'</a>' +
'</div>' +
'</div>');
added++;
}
});
$player.find('.sby_cta_items_wraps .sby_video_thumbnail').each(function() {
$(this).off().on('click',function (event) {
event.preventDefault();
var newVideoID = $(this).attr('data-video-id');
feedObjInContext.onThumbnailClick($(this),true,newVideoID);
ctaObj.videoID = newVideoID;
});
});
},
getRelated: function(feedObjInContext) {
if (typeof feedObjInContext.settings.general.cta.defaultPosts[0] === 'undefined') {
var $feedEl = $(feedObjInContext.el),
relatedVids = [];
$feedEl.find('.sby_item').each(function() {
if (typeof $(this).find('.sby_item_video_thumbnail').attr('data-full-res') !== 'undefined') {
var thisVid = {
videoID: $(this).attr('data-video-id'),
title: sbyEncodeInput($(this).attr('data-video-title')),
thumbnail: $(this).find('.sby_item_video_thumbnail').attr('data-full-res'),
}
relatedVids.push(thisVid);
}
});
return relatedVids;
}
return feedObjInContext.settings.general.cta.defaultPosts;
},
link: function(args) {
var $player = this.$player,
feedObjInContext = this.feedObjInContext;
this.$player.find('.sby_cta_items_wraps')
.removeClass('sby_cta_cols_' + this.numItemColumns);
this.numItems = 1;
this.numItemColumns = 1;
var style = '',
styleClass = '';
if (feedObjInContext.settings.general.cta.color !== '' || feedObjInContext.settings.general.cta.textColor !== '') {
style = ' style="';
styleClass = ' sby_custom';
if (feedObjInContext.settings.general.cta.color !== '') {
style += 'background: rgb(' + feedObjInContext.settings.general.cta.color + ');';
}
if (feedObjInContext.settings.general.cta.textColor !== '') {
style += 'color: rgb(' + feedObjInContext.settings.general.cta.textColor + ');';
}
style += '"';
}
var openAtts = '';
if (feedObjInContext.settings.general.cta.openType === 'newwindow') {
openAtts = ' target="_blank" rel="noopener"';
}
$player.find('.sby_cta_items_wraps .sby_cta_inner_wrap').append('<div class="sby_cta_item">' +
'<div class="sby_btn_wrap">' +
'<div class="sby_btn'+styleClass+'">' +
'<a class="sby_cta_button" href="'+this.callbackArgs.url+'"'+openAtts+' data-video-id="'+this.videoID+'"'+style+'>' +
this.callbackArgs.text +
'</a>' +
'</div>' +
'</div>' +
'</div>'
);
},
setCTAStyles: function() {
var playerTopHeight = 60,
playerBottomHeight = 49,
minimumHeight = 90,
ctaOverlayHeight = Math.max(minimumHeight,this.$player.height() - playerTopHeight - playerBottomHeight);
this.$player.find('.sby_cta_items_wraps')
.css('height',ctaOverlayHeight+'px')
.css('width',(this.$player.find('iframe').width()-20)+'px')
.addClass('sby_cta_cols_' + this.numItemColumns);
var numRows = Math.max(1,this.numItems/this.numItemColumns),
totalVerticalPadding = parseInt(this.$player.find('.sby_cta_items_wraps').css('padding-top').replace('px','')) * 2,
maxCTAItemHeight = Math.max(minimumHeight,(ctaOverlayHeight-totalVerticalPadding)/numRows);
this.$player.find('.sby_cta_item').css('max-height',maxCTAItemHeight+'px').find('img').css({
'max-height': maxCTAItemHeight+'px',
'width': 'auto',
'margin': 'auto'
});
this.$player.find('.sby_btn_wrap').css('height',maxCTAItemHeight+'px');
},
resetCTA: function() {
this.$player.find('.sby_cta_items_wraps .sby_cta_inner_wrap').empty();
}
};
window.sby_init = function() {
window.sby = new Sby();
window.sby.createPage( window.sby.createFeeds, {whenFeedsCreated: window.sby.afterFeedsCreated});
};
window.sby_carousel_init = function() {
console.log('log');
}
function sbyGetNewFeed(feed,index,feedOptions) {
return new SbyFeedPro(feed,index,feedOptions);
}
function sbyGetlightboxBuilder() {
return new SbyLightboxBuilderPro();
}
function sbyIsTouch() {
if ("ontouchstart" in document.documentElement) {
return true;
}
return false;
}
function sbyCmplzGetCookie(cname) {
var name = cname + "="; //Create the cookie name variable with cookie name concatenate with = sign
var cArr = window.document.cookie.split(';'); //Create cookie array by split the cookie by ';'
//Loop through the cookies and return the cookie value if it find the cookie name
for (var i = 0; i < cArr.length; i++) {
var c = cArr[i].trim();
//If the name is the cookie string at position 0, we found the cookie and return the cookie value
if (c.indexOf(name) == 0)
return c.substring(name.length, c.length);
}
return "";
}
})(jQuery);
if (typeof window.sbyEagerLoading === 'undefined') {
window.sbyEagerLoading = typeof window.sbyOptions !== 'undefined' ? window.sbyOptions.eagerload : false;
if (jQuery('.elementor-widget-video').length) {
var settings = typeof jQuery('.elementor-widget-video').attr('data-settings') !== 'undefined' ? JSON.parse( jQuery('.elementor-widget-video').attr('data-settings')) : false;
if (settings && typeof settings.youtube_url !== 'undefined') {
window.sbyEagerLoading = true;
}
}
if (jQuery('div[data-vc-video-bg]').length) {
window.sbyEagerLoading = true;
}
}
if (typeof window.sbySemiEagerLoading === 'undefined') {
window.sbySemiEagerLoading = typeof window.sbyOptions !== 'undefined' ? window.sbyOptions.semiEagerload : false;
if (jQuery('div[data-vc-video-bg]').length || window.sbyEagerLoading) {
window.sbySemiEagerLoading = false;
}
}
jQuery(document).ready(function($) {
if (!window.sbySemiEagerLoading) {
sby_init();
}
// Cookie Notice by dFactory
$('#cookie-notice a').on('click',function() {
setTimeout(function() {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].afterConsentToggled();
});
},1000);
});
// Cookie Notice by dFactory
$('#cookie-law-info-bar a').on('click',function() {
setTimeout(function() {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].afterConsentToggled();
});
},1000);
});
// GDPR Cookie Consent by WebToffee
$('.cli-user-preference-checkbox').on('click',function(){
setTimeout(function() {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].settings.consentGiven = false;
window.sby.feeds[ index ].afterConsentToggled();
});
},1000);
});
// Cookiebot
$(window).on('CookiebotOnAccept', function (event) {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].settings.consentGiven = true;
window.sby.feeds[ index ].afterConsentToggled();
});
});
// Complianz by Really Simple Plugins
document.addEventListener('cmplz_status_change', function (e) {
if (e.detail.category === 'marketing' && e.detail.value==='allow') {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].settings.consentGiven = true;
window.sby.feeds[ index ].afterConsentToggled();
});
}
});
$(document).on('cmplzFireCategories', function (event) {
if ( event.detail.category==='marketing' ) {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].settings.consentGiven = true;
window.sby.feeds[ index ].afterConsentToggled();
});
}
});
// Borlabs Cookie by Borlabs
$(document).on('borlabs-cookie-consent-saved', function (event) {
$.each(window.sby.feeds,function(index){
window.sby.feeds[ index ].settings.consentGiven = false;
window.sby.feeds[ index ].afterConsentToggled();
});
});
// hide notice on click and send ajax request to backend
$('#sby-frce-hide-license-error').on('click',function() {
$('#sby-fr-ce-license-error').slideUp();
jQuery.ajax({
url: sbyOptions.adminAjaxUrl,
type: 'post',
data: {
action: 'sby_hide_frontend_license_error',
nonce: sbyOptions.nonce
},
success: function(msg){
console.log(msg);
}
});
})
});
} // if sby_js_exists
if (window.sbySemiEagerLoading) {
var sbyYScriptId = "sby-youtube-api";
var sbyYScript = document.getElementById(sbyYScriptId);
if (sbyYScript === null) {
var tag = document.createElement("script");
var firstScript = document.getElementsByTagName("script")[0];
tag.src = "https://www.youtube.com/iframe_api";
tag.id = sbyYScriptId;
firstScript.parentNode.insertBefore(tag, firstScript);
}
}
window.onYouTubeIframeAPIReady = function() {
var numFeeds = document.getElementsByClassName('sb_youtube').length;
if (numFeeds > 0) {
if (window.sbySemiEagerLoading) {
if (typeof window.sby !== 'undefined') {
for (var i = 0; i < numFeeds; i++) {
window.sby.feeds[i].playerAPIReady = true;
}
} else {
window.sbyAPIReady = true;
}
sby_init();
} else {
if (window.sbyEagerLoading) {
var flagLightbox = false,
autoplay = false;
jQuery('.sb_youtube').each(function(index) {
var $self = jQuery(this);
if ($self.hasClass('sby_layout_list')) {
jQuery(this).addClass('sby_player_loaded');
$self.find('.sby_item').each(function() {
videoID = jQuery(this).attr('data-video-id');
//this.createPlayer(,videoID,0);
player = new YT.Player('sby_player_'+videoID, {
height: '100',
width: '100',
videoId: videoID,
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
},
events: {
'onStateChange': function(data) {
var videoID = data.target.getVideoData()['video_id'];
if (data.data !== 1) return;
$self.find('.sby_item').each(function() {
var itemVidID = jQuery(this).attr('data-video-id');
if (jQuery(this).find('iframe').length && jQuery(data.target.a).attr('id') !== jQuery(this).find('iframe').attr('id')) {
YT.get('sby_player_'+itemVidID).pauseVideo();
}
});
}
}
});
});
} else if ($self.hasClass('sby_layout_gallery')) {
jQuery(this).addClass('sby_player_loaded');
player = new YT.Player('sby_player'+index, {
height: '100',
width: '100',
videoId: jQuery(this).find('.sby_item').first().attr('data-video-id'),
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
},
events: {
'onStateChange': function(data) {
var videoID = data.target.getVideoData()['video_id'];
if (data.data !== 1) return;
$self.find('.sby_item').each(function() {
var itemVidID = jQuery(this).attr('data-video-id');
if (jQuery(this).find('iframe').length && jQuery(data.target.a).attr('id') !== jQuery(this).find('iframe').attr('id')) {
YT.get('sby_player_'+itemVidID).pauseVideo();
}
});
}
}
});
} else {
flagLightbox = true;
}
});
} else if (typeof window.sby !== 'undefined') {
for (var i = 0; i < numFeeds; i++) {
window.sby.feeds[i].playerAPIReady = true;
}
} else {
window.sbyAPIReady = true;
}
}
jQuery('.sb_youtube').each(function(index) {
var $self = jQuery(this);
if ($self.find('.sby_live_player').length) {
player = new YT.Player($self.find('.sby_live_player').attr('id'), {
events: {
'onReady': function () {
$self.find('.sby_live_player').hide();
$self.find('.sby_item').remove();
var videoID = YT.get($self.find('.sby_live_player').attr('id')).getVideoData().video_id;
$self.find('.sby_player_video_thumbnail').attr('data-video-id',videoID).css('z-index',-1);
var itemOffset = $self.find('.sby_item').length,
submitData = {
action: 'sby_live_retrieve',
video_id: videoID,
feed_id: $self.attr('data-feedid'),
atts: $self.attr('data-shortcode-atts'),
};
var onSuccess = function (data) {
if (data.trim().indexOf('{') === 0) {
var feed = window.sby.feeds[index],
response = JSON.parse(data),
checkWPPosts = typeof response.feedStatus.checkWPPosts !== 'undefined' ? response.feedStatus.checkWPPosts : false;
if (feed.settings.debugEnabled) {
console.log(response);
}
if (checkWPPosts) {
feed.settings.checkWPPosts = true;
} else {
feed.settings.checkWPPosts = false;
}
feed.appendNewPosts(response.html);
feed.addResizedImages(response.resizedImages);
feed.afterInitialImagesLoaded();
if (!response.feedStatus.shouldPaginate) {
feed.outOfPages = true;
$self.find('.sby_load_btn').hide();
} else {
feed.outOfPages = false;
}
jQuery('.sby_no_js').removeClass('sby_no_js');
$self.find('.sby_live_player').remove();
if ($self.hasClass('sby_layout_gallery')) {
feed.createPlayer('sby_player'+feed.index);
}
$self.find('.sby_player_item').css('opacity',1);
$self.find('.sby_item').css('opacity',1);
$self.find('.sby_player_loading').removeClass('sby_player_loading');
if ($self.hasClass('sby_layout_list')) {
$self.find('.sby_item_video_thumbnail').on('mouseenter',function() {
jQuery(this).css('z-index',-1);
})
}
}
};
jQuery.ajax({
url: sbyOptions.adminAjaxUrl,
type: 'post',
data: submitData,
success: onSuccess
});
}
}
});
}
});
if (flagLightbox) {
if (!jQuery('#sby_lb-player').length) {
jQuery('.sb_youtube').first().append('<div class="sby_lb-player-loaded sby_lb-player" id="sby_lb-player" style="display: none;"></div>');
}
player = new YT.Player('sby_lb-player', {
height: '100',
width: '100',
videoId: jQuery(this).find('.sby_item').first().attr('data-video-id'),
playerVars: {
modestbranding: 1,
rel: 0,
autoplay: autoplay
}
});
window.sbyLightboxPlayer = player;
}
}
if (typeof window.sby !== 'undefined') {
var evt = jQuery.Event('sbyfeedandytready');
jQuery(window).trigger(evt);
}
};
/**
* Retrieves a specific attribute value from the given API data object.
*
* @param {Object} rootPath
* @param {string} attrName
*
* @returns {string|boolean}
*/
function getSingleApiData(rootPath, attrName) {
switch(attrName) {
case 'authorProfileImageUrl':
return rootPath?.snippet?.authorProfileImageUrl ? rootPath.snippet.authorProfileImageUrl : '';
case 'authorDisplayName':
return rootPath?.snippet?.authorDisplayName ? rootPath.snippet.authorDisplayName : '';
case 'authorChannelUrl':
return rootPath?.snippet?.authorChannelUrl ? rootPath.snippet.authorChannelUrl : '';
case 'textDisplay':
return rootPath?.snippet?.textDisplay ? rootPath.snippet.textDisplay : '';
case 'likeCount':
return rootPath?.snippet?.likeCount ? rootPath.snippet.likeCount : '';
case 'publishedAt':
return rootPath?.snippet?.publishedAt ? rootPath.snippet.publishedAt : '';
case 'totalReplyCount':
return rootPath?.totalReplyCount ? rootPath.totalReplyCount : '';
default:
return false;
}
}
/**
* Retrieves a static SVG image based on the provided name.
* @param {string} name
* @returns {string|boolean}
*/
function getStaticSVG(name) {
switch(name) {
case 'profile-picture':
return '<svg fill="currentColor" width="800px" height="800px" viewBox="0 0 512 512" id="_x30_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,0C114.615,0,0,114.615,0,256s114.615,256,256,256s256-114.615,256-256S397.385,0,256,0z M256,90 c37.02,0,67.031,35.468,67.031,79.219S293.02,248.438,256,248.438s-67.031-35.468-67.031-79.219S218.98,90,256,90z M369.46,402 H142.54c-11.378,0-20.602-9.224-20.602-20.602C121.938,328.159,181.959,285,256,285s134.062,43.159,134.062,96.398 C390.062,392.776,380.839,402,369.46,402z"/></svg>';
case 'thumbs-up':
return '<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4159 4.18027C13.761 4.18027 14.0778 4.32177 14.3664 4.60477C14.6549 4.88777 14.7992 5.20738 14.7992 5.5636V6.2706C14.7992 6.36471 14.7902 6.45188 14.7722 6.5321C14.7542 6.61232 14.7272 6.69266 14.6912 6.7731L12.684 11.4908C12.5845 11.7449 12.4181 11.9486 12.1849 12.1019C11.9517 12.2552 11.69 12.3318 11.3999 12.3318H5.15938C4.77282 12.3318 4.44566 12.2006 4.17788 11.9383C3.90999 11.6759 3.77604 11.346 3.77604 10.9484V4.7561C3.77604 4.56277 3.81332 4.38049 3.88788 4.20927C3.96254 4.03804 4.06477 3.88754 4.19454 3.75777L7.28938 0.662932C7.5186 0.431043 7.79427 0.281321 8.11638 0.213765C8.43849 0.146321 8.71416 0.178988 8.94338 0.311765C9.22549 0.46421 9.40932 0.695932 9.49488 1.00693C9.58032 1.31793 9.58999 1.62804 9.52388 1.93727L9.09554 4.18027H13.4159ZM1.34404 12.3318C1.01393 12.3318 0.726767 12.2097 0.482544 11.9654C0.238322 11.7212 0.116211 11.434 0.116211 11.1039V5.40827C0.116211 5.07804 0.236989 4.79082 0.478544 4.5466C0.7201 4.30238 1.00466 4.18027 1.33221 4.18027H1.34804C1.67827 4.18027 1.96549 4.30238 2.20971 4.5466C2.45393 4.79082 2.57604 5.07804 2.57604 5.40827V11.1039C2.57604 11.434 2.45393 11.7212 2.20971 11.9654C1.96549 12.2097 1.67827 12.3318 1.34804 12.3318H1.34404Z" fill="currentColor"/></svg>';
case 'angle-down':
return '<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 0.726654L4 3.77999L7.06 0.726654L8 1.66665L4 5.66665L0 1.66665L0.94 0.726654Z" fill="currentColor"/></svg>';
case 'youtube':
return '<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.66671 7.5L9.12671 5.5L5.66671 3.5V7.5ZM13.3734 2.28C13.46 2.59334 13.52 3.01334 13.56 3.54667C13.6067 4.08 13.6267 4.54 13.6267 4.94L13.6667 5.5C13.6667 6.96 13.56 8.03334 13.3734 8.72C13.2067 9.32 12.82 9.70667 12.22 9.87334C11.9067 9.96 11.3334 10.02 10.4534 10.06C9.58671 10.1067 8.79337 10.1267 8.06004 10.1267L7.00004 10.1667C4.20671 10.1667 2.46671 10.06 1.78004 9.87334C1.18004 9.70667 0.793374 9.32 0.626707 8.72C0.540041 8.40667 0.480041 7.98667 0.440041 7.45334C0.393374 6.92 0.373374 6.46 0.373374 6.06L0.333374 5.5C0.333374 4.04 0.440041 2.96667 0.626707 2.28C0.793374 1.68 1.18004 1.29334 1.78004 1.12667C2.09337 1.04 2.66671 0.980002 3.54671 0.940002C4.41337 0.893336 5.20671 0.873336 5.94004 0.873336L7.00004 0.833336C9.79337 0.833336 11.5334 0.940003 12.22 1.12667C12.82 1.29334 13.2067 1.68 13.3734 2.28Z" fill="currentColor"/></svg>';
case 'cross':
return '<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.25 1.41L12.84 0L7.25 5.59L1.66 0L0.25 1.41L5.84 7L0.25 12.59L1.66 14L7.25 8.41L12.84 14L14.25 12.59L8.66 7L14.25 1.41Z" fill="currentColor"/></svg>';
case 'message':
return '<svg width="28" height="26" viewBox="0 0 28 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33341 22C2.60008 22 1.9723 21.7389 1.45008 21.2167C0.927859 20.6944 0.666748 20.0667 0.666748 19.3333V3.33334C0.666748 2.6 0.927859 1.97223 1.45008 1.45001C1.9723 0.927783 2.60008 0.666672 3.33341 0.666672H24.6667C25.4001 0.666672 26.0279 0.927783 26.5501 1.45001C27.0723 1.97223 27.3334 2.6 27.3334 3.33334V24.1C27.3334 24.7 27.0612 25.1167 26.5167 25.35C25.9723 25.5833 25.489 25.4889 25.0667 25.0667L22.0001 22H3.33341ZM23.1334 19.3333L24.6667 20.8333V3.33334H3.33341V19.3333H23.1334Z" fill="currentColor"/></svg>';
default:
return false;
}
}
/**
* Generates the HTML template for a single comment.
*
* @param {string} authorProfileImageUrl
* @param {string} authorDisplayName
* @param {string} authorChannelUrl
* @param {string} textDisplay
* @param {number} likeCount
* @param {string} publishedAt
* @param {number} totalReplyCount
*
* @returns {string}
*/
function commentSingleTemplate(authorProfileImageUrl, authorDisplayName, authorChannelUrl, textDisplay, likeCount, publishedAt, totalReplyCount) {
const dummyProfilePic = authorProfileImageUrl ? `<img src=${authorProfileImageUrl} loading="lazy" referrerPolicy="no-referrer"/>` : getStaticSVG('profile-picture');
const replies = totalReplyCount ? `<button class="sby-replies">${totalReplyCount ? totalReplyCount : 0 } Replies ${getStaticSVG('angle-down')}</button>` : '';
return `
<div class="sby-comment-profile-pic">
${dummyProfilePic}
</div>
<div class="sby-comment-heading">
<a href="${authorChannelUrl}" target="_blank" class="sby-comment-user-name">${authorDisplayName}</a>
<span>${timeAgo(publishedAt)}</span>
</div>
<div class="sby-comment-text">
<p class="sby-read-more-target">${textDisplay}</p>
<div class="sby-read-more-trigger">
<button class="sby-read-more-text">Read More</button>
<button class="sby-read-less-text">Read Less</button>
</div>
</div>
<div class="sby-comment-bottom">
<span class="sby-comment-likes">
${getStaticSVG('thumbs-up')} ${likeCount ? formatLargeNumber(likeCount) : 0 }
</span>
${replies}
</div>
`;
}
/**
* Generates the HTML template when no comments are found.
*
* @returns {string}
*/
function noCommentsTemplate() {
return `
<h4 class="sby-comments-sub-heading">Comments</h4>
<div class="sby-no-comments">
${getStaticSVG('message')}
<p>There are no comments to display</p>
</div>`;
}
/**
* Generates the HTML template when there is an error retriving comments.
*
* @returns {string}
*/
function errorCommentTemplate(error) {
return `
<h4 class="sby-comments-sub-heading">Comments</h4>
<div class="sby-no-comments">
<p>${error}</p>
</div>`;
}
/**
* Format date and time for ISO 8601
*
* @param timestamp
*
* @returns {string}
*/
function timeAgo(timestamp) {
const now = new Date();
const past = new Date(timestamp);
const diffMs = now - past;
// Helper functions to get time units
const seconds = Math.floor(diffMs / 1000);
const minutes = Math.floor(seconds / 60);
const hours = Math.floor(minutes / 60);
const days = Math.floor(hours / 24);
const months = Math.floor(days / 30);
const years = Math.floor(months / 12);
// Determine the largest unit of time that applies
if (years > 0) {
return `${years} year${years > 1 ? 's' : ''} ago`;
}
if (months > 0) {
return `${months} month${months > 1 ? 's' : ''} ago`;
}
if (days > 0) {
return `${days} day${days > 1 ? 's' : ''} ago`;
}
if (hours > 0) {
return `${hours} hour${hours > 1 ? 's' : ''} ago`;
}
if (minutes > 0) {
return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;
}
if (seconds > 0) {
return `${seconds} second${seconds > 1 ? 's' : ''} ago`;
}
return 'just now';
}
/**
* Converts plain text into HTML with clickable links.
*
* @param {string} text
*
* @returns {string}
*/
function addLinksTotext(text) {
//Add links to the caption
if(!text) {
return '';
}
text = text.replace(/(>#)/g,'> #');
return sbyLinkify(text);
}
/**
* Convert Unix timestamp to milliseconds
* @param timestamp
* @returns {string}
*/
function convertUnixToMs(timestamp) {
if( ! timestamp ) {
return '';
}
return new Date(parseInt(timestamp) * 1000);
}
/**
* Toggles the visibility of accordion sections based on the trigger element.
*
* @param {string} className
* @param {string} target
* @param {string} parent
* @param {string} trigger
*
* @returns {void}
*/
function toggleAccordion(className, target, parent ,trigger ) {
jQuery(trigger).css('display', 'none');
jQuery(target).unbind('click');
jQuery(target).click(function(){
jQuery(this).toggleClass(className + '-trigger');
jQuery(this).closest(parent).find(trigger).toggle();
});
}
/**
* Toggles the visibility of "Read More" buttons
*
* @returns {void}
*/
function toggleReadMore() {
const target = jQuery('.sby-read-more-target');
const triggerClassName = '.sby-read-more-trigger';
target.each(function(e) {
const currentTarget = jQuery(this)[0];
const paragraphHeight = currentTarget.scrollHeight;
const clientHeight = currentTarget.offsetHeight;
const hasMoreThanFourLines = paragraphHeight > clientHeight && paragraphHeight > clientHeight + 1; // clientHeight + 1 to fix firefox clientHeight calculate issue.
if (hasMoreThanFourLines) {
const trigger = jQuery(this).parent().find(triggerClassName);
trigger.unbind('click');
trigger.click(function() {
jQuery(this).toggleClass('sby-read-more-trigger-active');
jQuery(this).parent().find('.sby-read-more-target').toggleClass('sby-read-more-target-active');
});
} else {
jQuery(this).parent().find(triggerClassName).hide();
}
});
}
/**
* Applies a color scheme class to the lightbox based on the flag provided.
*
* @param {string} colorScheme
* @param {boolean} flag
*/
function LightboxColorScheme(colorScheme, flag) {
const commentWrap = jQuery('.sby_lb-caption');
const colorSchemeClassName = 'sby-lb-dark-scheme';
if( false === flag) {
commentWrap.removeClass(colorSchemeClassName);
return false;
}
if( 'dark' === colorScheme && true === flag) {
commentWrap.addClass(colorSchemeClassName);
return false;
}
}
/**
* Resets the body's overflow style and the lightbox color scheme when the lightbox is closed.
*
* @returns {void}
*/
function lightboxOnClose() {
jQuery('body').css('overflow', 'auto');
LightboxColorScheme('', false);
jQuery('.sby_gdpr_notice').remove();
}
/**
* Retrieves the layout type of the closest ancestor element with a specific layout class.
*
* @param {jQuery|HTMLElement} target
* @returns {string|boolean}
*/
function getLayout(target) {
const currentTarget = target.closest('.sb_youtube');
if( currentTarget.hasClass('sby_layout_list') ) {
return 'list'
}
if( currentTarget.hasClass('sby_layout_grid') ) {
return 'grid'
}
if( currentTarget.hasClass('sby_layout_carousel') ) {
return 'carousel'
}
if( currentTarget.hasClass('sby_layout_gallery') ) {
return 'gallery'
}
return false;
}
/**
* Opens and displays the comments section on the page.
*
* @returns {void}
*/
function openComments() {
if( ! window.sbyOptions.isPro ) {
return false;
}
const openCommentTrigger = jQuery('.sby-comments-trigger');
openCommentTrigger.unbind('click');
openCommentTrigger.click(function() {
const commentWrapClass = '.sby-comments-wrap';
const commentSecionWrap = jQuery(this).closest('.sby-comment-container');
const commentSection = commentSecionWrap.find(commentWrapClass);
const currentLayout = getLayout(jQuery(this));
if( commentSection.text().length <= 0) {
let commentCount;
let videoId;
let target;
if( 'gallery' === currentLayout ) {
const targetParent = jQuery(this).closest('.sb_youtube');
const currentTarget = targetParent.find('.sby_item.sby_current');
if( targetParent && currentTarget ) {
videoId = checkValue(currentTarget.attr('data-video-id'));
commentCount = checkValue(currentTarget.find('a').attr('data-comment-count'));
target = targetParent.find(commentWrapClass);
}
}
if( 'list' === currentLayout ) {
const currentTarget = jQuery(this).closest('.sby_item');
if( currentTarget ) {
videoId = checkValue(currentTarget.attr('data-video-id'));
commentCount = checkValue(currentTarget.find('a').attr('data-comment-count'));
target = currentTarget.find(commentWrapClass);
}
// Reset all other comments opened
resetComments(jQuery(this).closest('.sb_youtube'));
}
const atts = checkValue(jQuery(this).closest('.sb_youtube').attr('data-shortcode-atts'));
generateCommentSection(videoId, atts, target, commentCount);
commentSection.addClass('sby-comments-active');
} else {
commentSection.toggle();
commentSection.toggleClass('sby-comments-active');
}
const currentTextState = commentSecionWrap.find('.sby-comments-trigger p');
if( currentTextState ) {
changeTextOnToggle(currentTextState, 'Show Comments', 'Hide Comments');
}
});
}
/**
* Returns a valid value or an empty string based on the input.
* @param {*} element
* @returns {string}
*/
function checkValue(element) {
return element ? element : '';
}
/**
* Sends an AJAX request with the specified data and handles the response.
* @param {Object} submitData
* @param {Function} onSuccess
*
* @returns {void}
*/
function sbyAjax(submitData,onSuccess) {
jQuery.ajax({
url: sbyOptions.adminAjaxUrl,
type: 'post',
data: submitData,
success: onSuccess
});
}
/**
* Fetches and generates a comment section for a given video.
*
* @param {string} videoId
* @param {Object} atts
* @param {jQuery} target
*
* @returns {void}
*/
function generateCommentSection(videoId, atts, target, commentCount) {
submitData = {
action: 'sby_get_comments',
video_id: videoId,
atts: atts
};
let onSuccess = function (data) {
if( ! data ) {
return false;
}
if( false === data.success ) {
target.html(errorCommentTemplate(data.data));
return false;
}
const commentJson = JSON.parse(data);
if( ! commentJson ) {
return false;
}
if( commentJson?.success && false === commentJson.success) {
target.html(errorCommentTemplate(commentJson.data));
return false;
}
if( commentJson?.error && commentJson?.error?.message) {
let errorMessage = commentJson.error.message;
if( errorMessage.includes('disabled comments') ) {
errorMessage = 'Comments are turned off'
}
target.html(errorCommentTemplate(errorMessage));
return false;
}
const noOfItems = commentJson?.items && commentJson?.items.length ? commentJson.items.length : '';
const videoLink = videoId ? `https://www.youtube.com/watch?v=${videoId}` : '';
if(! noOfItems ) {
target.html(noCommentsTemplate());
toggleReadMore();
return false;
}
currentCommentCount = commentCount ? `( ${commentCount} )` : '';
let commentHtml = `<h4 class="sby-comments-sub-heading">Comments ${currentCommentCount}</h4><ul class="sby-comments">`;
jQuery.each(commentJson.items, function(index, comment) {
const topLevelCommentPath = comment?.snippet?.topLevelComment;
const topLevelCommentSnippet = comment?.snippet;
// Generate the HTML for each comment
commentHtml += `<li class="sby-comment">${commentSingleTemplate( getSingleApiData(topLevelCommentPath, 'authorProfileImageUrl'), getSingleApiData(topLevelCommentPath, 'authorDisplayName'), getSingleApiData(topLevelCommentPath, 'authorChannelUrl'), getSingleApiData(topLevelCommentPath, 'textDisplay'), getSingleApiData(topLevelCommentPath, 'likeCount'), getSingleApiData(topLevelCommentPath, 'publishedAt'), getSingleApiData(topLevelCommentSnippet, 'totalReplyCount'))}
<ul class="sby-reply-comments">`;
if( comment?.replies?.comments ) {
// Use $.each to loop through replies
jQuery.each(comment.replies.comments, function(replyIndex, reply) {
commentHtml += `<li class="sby-reply-comment" >${commentSingleTemplate(getSingleApiData(reply, 'authorProfileImageUrl'), getSingleApiData(reply, 'authorDisplayName'), getSingleApiData(reply, 'authorChannelUrl'), getSingleApiData(reply, 'textDisplay'), getSingleApiData(reply, 'likeCount'), getSingleApiData(reply, 'publishedAt'))}</li>`;
});
}
// Close the comment container
commentHtml += `</ul></li>`;
});
commentHtml += `</ul>`;
commentHtml += `<a href="${videoLink}" target="_blank" class="sby-view-all-button ">View all comments on YouTube</a>`;
target.html(commentHtml).fadeIn("fast");
toggleReadMore();
toggleAccordion('sby-active','.sby-replies','.sby-comment','.sby-reply-comments');
}
toggleReadMore();
sbyAjax(submitData,onSuccess)
}
/**
* Toggles the text of an element based on its current content.
*
* This function updates the text of an element if the element's current text
* matches the specified `currentText`. If it matches, the text is replaced with
* the provided `replacementText`. If it does not match, the text remains as `currentText`.
*
* @param {Object} currentState
* @param {string} currentText
* @param {string} replacementText
*
* @returns {void}
*/
function changeTextOnToggle(currentState, currentText, replacementText ) {
if( currentState && currentText && replacementText ) {
const currentStateText = currentText === currentState.text() ? replacementText : currentText;
currentState.text(currentStateText);
}
}
/**
* Resets the comments of a specified parent element.
*
* @param {jQuery} parent
*
* @returns {void}
*/
function resetComments(parent) {
if( 'gallery' === getLayout(parent) || 'list' === getLayout(parent) ) {
const trigger = parent.find('.sby-comments-trigger');
trigger.find('p').text('Show Comments');
parent.find('.sby-comments-wrap').html('');
}
}
/**
* Formats a large number into a more readable string with a suffix.
* The function converts large numbers into a string with a suffix to denote the scale of the number.
*
* @param {number} num
*
* @returns {string}
*/
function formatLargeNumber(num) {
if (num >= 1e9) return (num / 1e9).toFixed(1) + 'B';
if (num >= 1e6) return (num / 1e6).toFixed(1) + 'M';
if (num >= 1e3) return (num / 1e3).toFixed(1) + 'K';
return num;
}
/**
* Applies a set of colors to the channel header.
*
* @param {Object} colorArray - An object containing color properties for the channel header.
* @param {string} colorArray.channelName - The text color for the channel name element.
* @param {string} colorArray.subscribeCount - The text color for the subscribe count element.
* @param {string} colorArray.buttonBackground - The background color for the button element.
* @param {string} colorArray.buttonText - The text color for the button element.
*
* @returns {void}
*/
function setColorsToChannelHeader(colorArray) {
const {channelName, subscribeCount, buttonBackground, buttonText} = colorArray;
const parent = jQuery('.sby_lb-dataContainer .sby-lb-channel-header');
if( ! parent ) {
return false;
}
if( channelName ) {
parent.find('.sby-lb-channel-name-with-subs span:first-child').css('color', channelName);
}
if( subscribeCount ) {
parent.find('.sby-lb-channel-name-with-subs span:nth-child(2)').css('color', subscribeCount);
}
if( buttonBackground ) {
parent.find('.sby-lb-subscribe-btn').css('background', buttonBackground);
}
if( buttonText ) {
parent.find('.sby-lb-subscribe-btn').css('color', buttonText);
}
}