shell bypass 403
var editor_blocks = function (e) {
function t(t) {
for (var a, r, l = t[0], c = t[1], s = t[2], b = 0, p = []; b < l.length; b++) r = l[b], Object.prototype.hasOwnProperty.call(i, r) && i[r] && p.push(i[r][0]), i[r] = 0;
for (a in c) Object.prototype.hasOwnProperty.call(c, a) && (e[a] = c[a]);
for (u && u(t); p.length;) p.shift()();
return o.push.apply(o, s || []), n()
}
function n() {
for (var e, t = 0; t < o.length; t++) {
for (var n = o[t], a = !0, l = 1; l < n.length; l++) {
var c = n[l];
0 !== i[c] && (a = !1)
}
a && (o.splice(t--, 1), e = r(r.s = n[0]))
}
return e
}
var a = {}, i = {0: 0}, o = [];
function r(t) {
if (a[t]) return a[t].exports;
var n = a[t] = {i: t, l: !1, exports: {}};
return e[t].call(n.exports, n, n.exports, r), n.l = !0, n.exports
}
r.m = e, r.c = a, r.d = function (e, t, n) {
r.o(e, t) || Object.defineProperty(e, t, {enumerable: !0, get: n})
}, r.r = function (e) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {value: "Module"}), Object.defineProperty(e, "__esModule", {value: !0})
}, r.t = function (e, t) {
if (1 & t && (e = r(e)), 8 & t) return e;
if (4 & t && "object" == typeof e && e && e.__esModule) return e;
var n = Object.create(null);
if (r.r(n), Object.defineProperty(n, "default", {
enumerable: !0,
value: e
}), 2 & t && "string" != typeof e) for (var a in e) r.d(n, a, function (t) {
return e[t]
}.bind(null, a));
return n
}, r.n = function (e) {
var t = e && e.__esModule ? function () {
return e.default
} : function () {
return e
};
return r.d(t, "a", t), t
}, r.o = function (e, t) {
return Object.prototype.hasOwnProperty.call(e, t)
}, r.p = "";
var l = window.webpackJsonp_name_ = window.webpackJsonp_name_ || [], c = l.push.bind(l);
l.push = t, l = l.slice();
for (var s = 0; s < l.length; s++) t(l[s]);
var u = c;
return o.push([455, 1]), n()
}([function (e, t) {
e.exports = wp.i18n
}, function (e, t) {
e.exports = stackable
}, function (e, t, n) {
"use strict";
var a = n(1), i = [], o = {
ru_RU: "cyrillic",
bg_BG: "cyrillic",
he_IL: "hebrew",
el: "greek",
vi: "vietnamese",
uk: "cyrillic",
cs_CZ: "latin-ext",
ro_RO: "latin-ext",
pl_PL: "latin-ext"
}, r = function (e) {
return !e.match(/^(sans[-+]serif|serif|monospace|serif-alt)$/i)
}, l = function (e) {
if (!i.includes(e)) {
if (document && r(e)) {
var t = document.createElement("link");
t.setAttribute("href", function (e) {
var t = e.replace(/ /g, "+"), n = o[a.locale] ? "&subset=".concat(o) : "";
return "https://fonts.googleapis.com/css?family=".concat(t, ":100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic").concat(n)
}(e)), t.setAttribute("rel", "stylesheet"), t.setAttribute("type", "text/css"), document.querySelector("head").appendChild(t)
}
i.push(e)
}
}, c = function (e) {
return r(e) ? '"'.concat(e, '", Sans-serif') : e.match(/^serif$/i) ? '"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif' : e.match(/^serif-alt$/i) ? 'Constantia, Lucida Bright, Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif' : e.match(/^monospace$/i) ? 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' : '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
}, s = function (e) {
Object.keys(e).filter(function (e) {
return e.match(/fontfamily/i)
}).forEach(function (t) {
var n = e[t];
n && l(n)
})
}, u = n(7), b = n(0);
function p(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function m(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? p(n, !0).forEach(function (t) {
g(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : p(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function g(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var d = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
return Object(u.camelCase)(Object(b.sprintf)(e, t, n))
}, f = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [],
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : [];
return a.length ? n.reduce(function (n, i) {
return m({}, n, {}, a.reduce(function (n, a, o) {
var r = m({}, t);
return void 0 !== r.selector && (r.selector = Object(b.sprintf)(r.selector, o + 1)), n[Object(u.camelCase)(Object(b.sprintf)(e, i, a))] = r, n
}, {}))
}, {}) : n.reduce(function (n, a, i) {
var o = m({}, t);
return void 0 !== o.selector && (o.selector = Object(b.sprintf)(o.selector, i + 1)), n[Object(u.camelCase)(Object(b.sprintf)(e, a))] = o, n
}, {})
}, h = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return f(e, t, ["", "Tablet", "Mobile"])
}, v = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
return Object(u.omit)(e, t.map(function (e) {
return Object(u.camelCase)(Object(b.sprintf)(n, e))
}))
}, y = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "";
return t.length ? Object(u.pick)(e, t.map(function (e) {
return Object(u.camelCase)(Object(b.sprintf)(n, e))
})) : e
}, O = function (e) {
return Object.keys(h(e))
};
function w(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function _(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var j = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? w(n, !0).forEach(function (t) {
_(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, f(e, {
type: "string",
default: ""
}, ["FontFamily", "FontWeight", "TextTransform"]), {}, f(e, {
type: "number",
default: ""
}, ["LetterSpacing", "FontSize", "TabletFontSize", "MobileFontSize", "LineHeight", "TabletLineHeight", "MobileLineHeight"]), {}, f(e, {
type: "string",
default: "px"
}, ["FontSizeUnit", "TabletFontSizeUnit", "MobileFontSizeUnit"]), {}, f(e, {
type: "string",
default: "em"
}, ["LineHeightUnit", "TabletLineHeightUnit", "MobileLineHeightUnit"]))
}, k = j, C = function (e) {
return Object.keys(j(e))
}, x = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {}, i = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, o = yt(n, i, ""), r = a.importantSize, l = void 0 !== r && r, s = a.important, p = void 0 === s || s,
m = a.inherit, g = void 0 === m || m, d = a.inheritMax, f = void 0 === d ? 50 : d, h = a.inheritMin, v = {},
y = o("FontSize"), O = o("TabletFontSize"), w = o("MobileFontSize");
if ("tablet" !== t && "mobile" !== t) v = {
fontFamily: "" !== o("FontFamily") ? c(o("FontFamily")) : void 0,
fontSize: "" !== y ? vt("".concat(y).concat(o("FontSizeUnit") || "px"), l) : void 0,
fontWeight: "" !== o("FontWeight") ? o("FontWeight") : void 0,
textTransform: "" !== o("TextTransform") ? o("TextTransform") : void 0,
letterSpacing: "" !== o("LetterSpacing") ? "".concat(o("LetterSpacing"), "px") : void 0,
lineHeight: "" !== o("LineHeight") ? "".concat(o("LineHeight")).concat(o("LineHeightUnit") || "em") : void 0
}; else if ("tablet" === t) {
if (v = {lineHeight: "" !== o("TabletLineHeight") ? "".concat(o("TabletLineHeight")).concat(o("TabletLineHeightUnit") || "em") : void 0}, g) {
var _ = Ot(y, {min: h, max: f});
_ && (v.fontSize = "".concat(_).concat(o("FontSizeUnit") || "px"))
}
O && (v.fontSize = o("TabletFontSize", "%s".concat(o("TabletFontSizeUnit") || "px")))
} else {
if (v = {lineHeight: "" !== o("MobileLineHeight") ? "".concat(o("MobileLineHeight")).concat(o("MobileLineHeightUnit") || "em") : void 0}, g) {
var j = Ot(y, {min: h, max: f});
j && (v.fontSize = "".concat(j).concat(o("FontSizeUnit") || "px"));
var k = Ot(O, {min: h, max: f});
k ? v.fontSize = "".concat(k).concat(o("TabletFontSizeUnit") || "px") : (j || O) && (v.fontSize = void 0)
}
w && (v.fontSize = o("MobileFontSize", "%s".concat(o("MobileFontSizeUnit") || "px")))
}
return p ? ht(v) : v
}, E = n(18), S = n(4);
function B(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function T(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var P = {}, A = function () {
P = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? B(n, !0).forEach(function (t) {
T(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : B(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, function (e) {
var t = document.createElement("div");
if (t.classList.add("editor-styles-wrapper"), t.classList.add("ugb-default-font-size"), t.innerHTML = '<div class="wp-block">'.concat(e.map(function (e) {
return "<".concat(e, "></").concat(e, ">")
}).join(), "</div>"), !document || !document.body) return {};
document.body.appendChild(t);
var n = {};
return e.forEach(function (e) {
var a = window.getComputedStyle(t.querySelector(e)).getPropertyValue("font-size");
n[e] = Math.round(parseFloat(a))
}), document.body.removeChild(t), n
}(["h1", "h2", "h3", "h4", "h5", "h6", "p"]))
};
Object(S.addFilter)("stackable.global-settings.typography.editor-styles", "stackable/default-font-sizes", function (e, t, n, a) {
return e[".ugb-default-font-size .wp-block ".concat(t)] = x("%s", "desktop", a, {important: !0}), P = {}, e
});
var N = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "p",
t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
return Object.keys(P).length && !t || A(), P[e] || P.p || 21
};
function M(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function R(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(E.a)(function () {
A()
});
var F = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? M(n, !0).forEach(function (t) {
R(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : M(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, f(e, {
type: "string",
default: ""
}, ["BackgroundColorType", "BackgroundColor", "BackgroundColor2", "BackgroundMediaId", "BackgroundMediaUrl", "TabletBackgroundMediaId", "TabletBackgroundMediaUrl", "MobileBackgroundMediaId", "MobileBackgroundMediaUrl", "BackgroundGradientBlendMode", "BackgroundPosition", "TabletBackgroundPosition", "MobileBackgroundPosition", "BackgroundRepeat", "TabletBackgroundRepeat", "MobileBackgroundRepeat", "BackgroundSize", "TabletBackgroundSize", "MobileBackgroundSize", "BackgroundImageBlendMode"]), {}, f(e, {
type: "number",
default: ""
}, ["BackgroundColorOpacity", "BackgroundTintStrength", "BackgroundGradientDirection", "BackgroundCustomSize", "TabletBackgroundCustomSize", "MobileBackgroundCustomSize", "BackgroundGradientLocation1", "BackgroundGradientLocation2"]), {}, f(e, {
type: "boolean",
default: ""
}, ["FixedBackground"]), {}, f(e, {
type: "string",
default: "%"
}, ["BackgroundCustomSizeUnit", "TabletBackgroundCustomSizeUnit", "MobileBackgroundCustomSizeUnit"]))
}, D = F, I = function (e) {
return Object.keys(F(e))
};
function z(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function L(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? z(n, !0).forEach(function (t) {
U(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : z(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function U(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var H = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {}, i = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, o = yt(n, i), r = a.importantBackgroundColor, l = void 0 !== r && r, c = a.importantBackgroundPosition,
s = void 0 !== c && c, p = a.importantBackgroundSize, m = void 0 !== p && p,
g = a.importantBackgroundRepeat, d = void 0 !== g && g,
f = o("BackgroundCustomSize") ? o("BackgroundCustomSize") + (o("BackgroundCustomSizeUnit") || "%") : void 0,
h = o("TabletBackgroundCustomSize") ? o("TabletBackgroundCustomSize") + (o("TabletBackgroundCustomSizeUnit") || "%") : void 0,
v = o("MobileBackgroundCustomSize") ? o("MobileBackgroundCustomSize") + (o("MobileBackgroundCustomSizeUnit") || "%") : void 0,
y = vt(o("BackgroundColor"), l);
return o("BackgroundColorType") || void 0 === n[i("BackgroundColorOpacity")] || "" === n[i("BackgroundColorOpacity")] || o("BackgroundMediaURL") || o("TabletBackgroundMediaURL") || o("MobileBackgroundMediaURL") || (y = vt("".concat(un(o("BackgroundColor") || "#ffffff", o("BackgroundColorOpacity") || 0)), l)), "tablet" !== t && "mobile" !== t ? {
backgroundColor: y,
backgroundAttachment: o("FixedBackground") ? "fixed" : void 0,
backgroundImage: o("BackgroundMediaURL", "url(%s)"),
backgroundPosition: vt(o("BackgroundPosition"), s),
backgroundRepeat: vt(o("BackgroundRepeat"), d),
backgroundSize: o("BackgroundSize") ? vt("custom" !== o("BackgroundSize") ? o("BackgroundSize") : f, m) : void 0,
backgroundBlendMode: o("BackgroundImageBlendMode")
} : "tablet" === t ? {
backgroundImage: o("TabletBackgroundMediaURL", "url(%s)"),
backgroundPosition: vt(o("TabletBackgroundPosition"), s),
backgroundRepeat: vt(o("TabletBackgroundRepeat"), d),
backgroundSize: o("TabletBackgroundSize") ? vt("custom" !== o("TabletBackgroundSize") ? o("TabletBackgroundSize") : h, m) : void 0
} : {
backgroundImage: o("MobileBackgroundMediaURL", "url(%s)"),
backgroundPosition: vt(o("MobileBackgroundPosition"), s),
backgroundRepeat: vt(o("MobileBackgroundRepeat"), d),
backgroundSize: o("MobileBackgroundSize") ? vt("custom" !== o("MobileBackgroundSize") ? o("MobileBackgroundSize") : v, m) : void 0
}
}, W = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {}, i = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, o = yt(n, i), r = a.importantBackgroundColor, l = void 0 !== r && r,
c = parseInt(o("BackgroundTintStrength", "", 5) || 0, 10) / 10, s = "gradient" === o("BackgroundColorType"),
p = un(o("BackgroundColor2") || "#ffffff", 0), m = un(o("BackgroundColor") || "#ffffff", 0),
g = "".concat(o("BackgroundGradientLocation1") || "0", "%"),
d = "".concat(o("BackgroundGradientLocation2") || "100", "%");
return "tablet" !== t && "mobile" !== t ? {
backgroundColor: vt(!s && o("BackgroundColor") ? o("BackgroundColor") : void 0, l),
backgroundImage: vt(s ? "linear-gradient(".concat(o("BackgroundGradientDirection", "%sdeg", "90deg"), ", ").concat(o("BackgroundColor") || p, " ").concat(g, ", ").concat(o("BackgroundColor2") || m, " ").concat(d, ")") : void 0, l),
opacity: o("BackgroundMediaURL") ? c : void 0,
mixBlendMode: s ? o("BackgroundGradientBlendMode") : void 0
} : "tablet" === t ? {opacity: o("TabletBackgroundMediaURL") ? c : void 0} : {opacity: o("MobileBackgroundMediaURL") ? c : void 0}
}, G = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, a = yt(t, n);
return "gradient" === a("BackgroundColorType") || a("BackgroundMediaUrl") || a("TabletBackgroundMediaUrl") || a("MobileBackgroundMediaUrl")
}, V = function () {
var e, t, n, a = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {};
return U(n = {}, ".".concat(i), L({}, H(a, "desktop", o, r))), U(n, ".".concat(i, ":before"), L({}, W(a, "desktop", o, r))), U(n, "tablet", (U(e = {}, ".".concat(i), L({}, H(a, "tablet", o, r))), U(e, ".".concat(i, ":before"), L({}, W(a, "tablet", o, r))), e)), U(n, "mobile", (U(t = {}, ".".concat(i), L({}, H(a, "mobile", o, r))), U(t, ".".concat(i, ":before"), L({}, W(a, "mobile", o, r))), t)), n
}, q = H, K = n(8), J = n.n(K), Y = n(6), X = function (e, t) {
var n = yt(t.attributes, function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, ""), a = n("BackgroundMediaUrl"), i = n("TabletBackgroundMediaUrl"), o = n("MobileBackgroundMediaUrl"),
r = J()(["ugb-video-background"], {"ugb--video-hide-tablet": i, "ugb--video-hide-mobile": o}),
l = J()(["ugb-video-background"], {"ugb--video-hide-desktop": !0, "ugb--video-hide-mobile": o}),
c = J()(["ugb-video-background"], {"ugb--video-hide-desktop": !0, "ugb--video-hide-tablet": !0});
return wp.element.createElement(Y.Fragment, null, ln(a) && wp.element.createElement("video", {
className: r,
autoPlay: !0,
muted: !0,
loop: !0,
playsinline: !0,
src: a
}), ln(i) && wp.element.createElement("video", {
className: l,
autoPlay: !0,
muted: !0,
loop: !0,
playsinline: !0,
src: i
}), ln(o) && wp.element.createElement("video", {
className: c,
autoPlay: !0,
muted: !0,
loop: !0,
playsinline: !0,
src: o
}))
};
function $(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Z(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? $(n, !0).forEach(function (t) {
Q(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Q(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ee = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.exclude,
a = void 0 === n ? [] : n, i = t.include, o = void 0 === i ? [] : i;
return y(v(Z({}, f(e, {type: "string", default: ""}, ["BorderType", "BorderColor"]), {}, f(e, {
type: "number",
default: ""
}, ["BorderWidthTop", "BorderWidthRight", "BorderWidthBottom", "BorderWidthLeft", "TabletBorderWidthTop", "TabletBorderWidthRight", "TabletBorderWidthBottom", "TabletBorderWidthLeft", "MobileBorderWidthTop", "MobileBorderWidthRight", "MobileBorderWidthBottom", "MobileBorderWidthLeft"])), a, e), o, e)
}, te = ee, ne = n(14), ae = n.n(ne);
function ie(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var oe = function () {
var e, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, i = function (e) {
return Object(u.camelCase)(Object(b.sprintf)(t, e))
}, o = yt(a, i), r = [];
return o("BorderType") ? (r.push((ie(e = {}, n, ht({
borderStyle: o("BorderType"),
borderColor: o("BorderColor") || "#000000",
borderTopWidth: o("BorderWidthTop", "%spx") || "1px",
borderRightWidth: o("BorderWidthRight", "%spx") || "1px",
borderBottomWidth: o("BorderWidthBottom", "%spx") || "1px",
borderLeftWidth: o("BorderWidthLeft", "%spx") || "1px"
})), ie(e, "tablet", ie({}, n, ht({
borderTopWidth: o("TabletBorderWidthTop", "%spx"),
borderRightWidth: o("TabletBorderWidthRight", "%spx"),
borderBottomWidth: o("TabletBorderWidthBottom", "%spx"),
borderLeftWidth: o("TabletBorderWidthLeft", "%spx")
}))), ie(e, "mobile", ie({}, n, ht({
borderTopWidth: o("MobileBorderWidthTop", "%spx"),
borderRightWidth: o("MobileBorderWidthRight", "%spx"),
borderBottomWidth: o("MobileBorderWidthBottom", "%spx"),
borderLeftWidth: o("MobileBorderWidthLeft", "%spx")
}))), e)), ae.a.all(r)) : r
};
function re(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function le(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? re(n, !0).forEach(function (t) {
ce(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : re(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ce(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var se = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.selector,
a = void 0 === n ? ".ugb-img" : n, i = t.exclude, o = void 0 === i ? [] : i;
return v(le({}, f(e, {
type: "string",
default: "",
source: "attribute",
selector: a,
attribute: "src"
}, ["Url"]), {}, f(e, {
type: "string",
default: "",
source: "attribute",
selector: a,
attribute: "alt"
}, ["Alt"]), {}, f(e, {
type: "string",
default: ""
}, ["Shape", "Size", "BlendMode", "BackgroundPosition"]), {}, f(e, {
type: "number",
default: ""
}, ["Id", "Width", "Height", "TabletWidth", "MobileWidth", "BorderRadius", "Shadow"]), {}, f(e, {
type: "boolean",
default: ""
}, ["ShapeStretch", "ShapeFlipX", "ShapeFlipY", "Square", "TabletSquare", "MobileSquare"]), {}, f(e, {
type: "string",
default: "large"
}, ["Size"])), o, e)
}, ue = se, be = n(5), pe = n.n(be);
function me() {
return (me = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ge = pe.a.createElement("circle", {cx: 50, cy: 50, r: 50}), de = function (e) {
return pe.a.createElement("svg", me({viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg"}, e), ge)
};
function fe() {
return (fe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var he = pe.a.createElement("path", {className: "square_svg__st0", d: "M0 0h200v200H0z"}), ve = function (e) {
return pe.a.createElement("svg", fe({viewBox: "0 0 200 200", xmlns: "http://www.w3.org/2000/svg"}, e), he)
};
function ye() {
return (ye = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Oe = pe.a.createElement("path", {d: "M188.5 31.9c12.9 15.9 12.5 43.3 10.3 77.1s-6.2 74.2-26.2 86.5-56.1-3.3-89.4-21.2-63.7-38.1-76.4-69.8C-5.9 73-.8 29.9 21.6 11.7 44-6.4 83.8.5 116.7 6.1s59 10 71.8 25.8z"}),
we = function (e) {
var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
n = Object(Y.renderToString)(e).replace(/viewbox/, "viewBox").replace(/preserveaspectratio/, "preserveAspectRatio");
return t ? n.replace(/#/g, "%23") : n
};
function _e(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function je(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? _e(n, !0).forEach(function (t) {
ke(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _e(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ke(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Ce = {
circle: de, square: ve, blob1: function (e) {
return pe.a.createElement("svg", ye({viewBox: "0 0 200 200", xmlns: "http://www.w3.org/2000/svg"}, e), Oe)
}
}, xe = function (e) {
var t = Object(S.applyFilters)("stackable.image.shape.svgs", Ce);
return t[e] ? t[e] : null
}, Ee = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, a = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, i = yt(n, a), o = i("Shape"), r = function (e, t) {
return i(t) && i(e) ? i(e, "%spx") : "auto"
};
return "tablet" !== t && "mobile" !== t ? {
borderRadius: o ? void 0 : i("BorderRadius", "%spx"),
width: i("Width", "%spx"),
height: i("Width") ? vt(r("Width", "Square")) : void 0
} : "tablet" === t ? {
width: i("TabletWidth", "%spx"),
height: i("TabletWidth") ? vt(r("TabletWidth", "TabletSquare")) : void 0
} : {width: i("MobileWidth", "%spx"), height: i("MobileWidth") ? vt(r("MobileWidth", "MobileSquare")) : void 0}
}, Se = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, a = yt(t, n), i = a("Shape");
if (!i) return {};
var o = a("ShapeStretch"), r = a("ShapeFlipX"), l = a("ShapeFlipY"), c = xe(i),
s = wp.element.createElement(c, {
preserveAspectRatio: !["", "square"].includes(i) && o ? "none" : void 0,
transform: r || l ? "scale(".concat(r ? -1 : 1, ",").concat(l ? -1 : 1, ")") : void 0
}), p = btoa(we(s));
return {
"-webkit-mask-image": "url('data:image/svg+xml;base64,".concat(p, "')"),
"mask-image": "url('data:image/svg+xml;base64,".concat(p, "')")
}
}, Be = function () {
var e, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {}, o = i.inherit,
r = void 0 === o || o,
l = (ke(e = {}, ".".concat(n), je({}, Se(t, a, i))), ke(e, "tabletOnly", ke({}, ".".concat(n), je({}, Ee(t, "tablet", a, i)))), ke(e, "mobile", ke({}, ".".concat(n), je({}, Ee(t, "mobile", a, i)))), e);
return r ? l[".".concat(n)] = je({}, l[".".concat(n)], {}, Ee(t, "desktop", a, i)) : l.desktopTablet = ke({}, ".".concat(n), je({}, Ee(t, "desktop", a, i))), l
}, Te = n(13), Pe = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
return {
width: e.media_details ? e.media_details.width : "",
height: e.media_details ? e.media_details.height : "",
source_url: e.source_url || ""
}
}, Ae = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
return e ? e.media_details && e.media_details.sizes && e.media_details.sizes[t] || Pe(e) : null
};
window._stackableCachedImageData = {};
var Ne = function (e, t) {
var n = t("core").getMedia, a = e ? n(e) : null;
return a && void 0 !== a.id && (window._stackableCachedImageData[a.id] = a), a
}, Me = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "full", n = Re(e) || Ne(e, Te.select);
return n ? n.media_details.sizes[t] ? n.media_details.sizes[t].source_url : n.source_url : ""
}, Re = function (e) {
return window._stackableCachedImageData[e] || null
};
function Fe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function De(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Fe(n, !0).forEach(function (t) {
Ie(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Fe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Ie(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ze = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.exclude,
a = void 0 === n ? [] : n;
return v(De({}, f(e, {
type: "string",
default: ""
}, ["Url", "BackgroundPosition", "BackgroundRepeat", "BackgroundSize"]), {}, f(e, {
type: "number",
default: ""
}, ["Id", "BackgroundCustomSize"]), {}, f(e, {
type: "string",
default: "large"
}, ["Size"]), {}, f(e, {type: "string", default: "px"}, ["BackgroundCustomSizeUnit"])), a, e)
}, Le = ze, Ue = function (e) {
return Object.keys(ze(e))
};
function He(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function We(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? He(n, !0).forEach(function (t) {
Ge(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : He(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Ge(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Ve = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, a = function (t) {
return Object(u.camelCase)(Object(b.sprintf)(e, t))
}, i = yt(n, a);
return "tablet" !== t && "mobile" !== t ? {
backgroundImage: i("Url", "url(%s)"),
backgroundPosition: vt(i("BackgroundPosition")),
backgroundRepeat: vt(i("BackgroundRepeat")),
backgroundSize: vt("custom" !== i("BackgroundSize") ? i("BackgroundSize") : i("BackgroundCustomSize") ? i("BackgroundCustomSize") + i("BackgroundCustomSizeUnit", "%s", "px") : void 0)
} : {}
}, qe = function () {
var e, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : {};
return Ge(e = {}, ".".concat(n), We({}, Ve(t, "desktop", a, i))), Ge(e, "tablet", Ge({}, ".".concat(n), We({}, Ve(t, "tablet", a, i)))), Ge(e, "mobile", Ge({}, ".".concat(n), We({}, Ve(t, "mobile", a, i)))), e
};
function Ke(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Je(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Ke(n, !0).forEach(function (t) {
Ye(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ke(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Ye(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Xe = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.selector,
i = void 0 === n ? ".ugb-button" : n, o = t.defaultText,
r = void 0 === o ? Object(b.__)("Button text", a.i18n) : o, l = t.exclude, c = void 0 === l ? [] : l,
s = t.include, u = void 0 === s ? [] : s;
return y(v(Je({}, k(e), {}, f(e, {
type: "string",
source: "html",
selector: "".concat(i, " span"),
default: r
}, ["Text"]), {}, f(e, {
type: "string",
source: "attribute",
selector: i,
attribute: "href",
default: ""
}, ["Url"]), {}, f(e, {
type: "boolean",
source: "attribute",
selector: i,
attribute: "target",
default: ""
}, ["NewTab"]), {}, f(e, {
type: "string",
default: ""
}, ["Design", "Size", "Icon", "IconPosition", "TextColor", "BackgroundColorType", "BackgroundColor", "BackgroundColor2", "HoverEffect", "HoverTextColor", "HoverBackgroundColor", "HoverBackgroundColor2"]), {}, f(e, {
type: "number",
default: ""
}, ["Opacity", "HoverOpacity", "PaddingTop", "PaddingRight", "PaddingBottom", "PaddingLeft", "BorderRadius", "BorderWidth", "Shadow", "IconSize", "IconSpacing", "BackgroundGradientDirection", "HoverBackgroundGradientDirection"]), {}, f(e, {
type: "boolean",
default: ""
}, ["HoverGhostToNormal", "NoFollow"])), c, e), u, e)
}, $e = Xe, Ze = function (e) {
return Object.keys(Xe(e))
};
function Qe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function et(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Qe(n, !0).forEach(function (t) {
tt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Qe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function tt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var nt = function () {
var e, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
i = arguments.length > 3 && void 0 !== arguments[3] && arguments[3], o = function (e) {
return Object(u.camelCase)(Object(b.sprintf)(t, e))
}, r = yt(a, o, ""), l = [];
l.push((tt(e = {}, ".".concat(n, " .ugb-button--inner"), et({}, x(t, "desktop", a))), tt(e, "tablet", tt({}, ".".concat(n, " .ugb-button--inner"), et({}, x(t, "tablet", a)))), tt(e, "mobile", tt({}, ".".concat(n, " .ugb-button--inner"), et({}, x(t, "mobile", a)))), e));
var c = r("BackgroundColor2"), s = r("BackgroundColor"), p = !1;
if ("" === r("Design") || "basic" === r("Design")) {
var m;
l.push((tt(m = {}, ".".concat(n), {
backgroundColor: "" !== r("BackgroundColor") ? r("BackgroundColor") : void 0,
backgroundImage: "gradient" === r("BackgroundColorType") ? "linear-gradient(".concat("" !== a[o("BackgroundGradientDirection")] ? r("BackgroundGradientDirection", "%sdeg", "90deg") : "90deg", ", ").concat(r("BackgroundColor") || c, ", ").concat(r("BackgroundColor2") || s, ")") : void 0,
paddingTop: "" !== r("PaddingTop") ? "".concat(r("PaddingTop"), "px") : void 0,
paddingRight: "" !== r("PaddingRight") ? "".concat(r("PaddingRight"), "px") : void 0,
paddingBottom: "" !== r("PaddingBottom") ? "".concat(r("PaddingBottom"), "px") : void 0,
paddingLeft: "" !== r("PaddingLeft") ? "".concat(r("PaddingLeft"), "px") : void 0
}), tt(m, ".".concat(n, " .ugb-button--inner, .").concat(n, " svg:not(.ugb-custom-icon)"), {color: vt(ft(r("TextColor"), r("BackgroundColor")))}), tt(m, ".".concat(n, ":hover .ugb-button--inner, .").concat(n, ":hover svg:not(.ugb-custom-icon)"), {color: vt(ft(r("HoverTextColor"), r("HoverBackgroundColor")))}), tt(m, ".".concat(n, ":hover"), {backgroundColor: "" !== r("HoverBackgroundColor") ? r("HoverBackgroundColor") : void 0}), m)), p = "" !== r("HoverBackgroundColor");
var g = "gradient" === r("BackgroundColorType") && (r("HoverBackgroundColor") || r("HoverBackgroundColor2") || r("HoverBackgroundGradientDirection"));
l.push(tt({}, ".".concat(n, ":before"), {
content: g ? '""' : void 0,
backgroundImage: g ? "linear-gradient(".concat(r("HoverBackgroundGradientDirection", "%sdeg") || r("BackgroundGradientDirection", "%sdeg", "90deg"), ", ").concat(r("HoverBackgroundColor") || r("BackgroundColor") || c, ", ").concat(r("HoverBackgroundColor2") || r("BackgroundColor2") || s, ")") : void 0
})), p = p || g || "" !== r("HoverTextColor")
}
if ("ghost" === r("Design")) {
var d, f;
if (l.push((tt(d = {}, ".".concat(n), {
borderColor: "" !== r("BackgroundColor") ? vt(r("BackgroundColor")) : void 0,
borderWidth: "" !== r("BorderWidth") ? "".concat(r("BorderWidth"), "px") : void 0,
paddingTop: "" !== r("PaddingTop") ? "".concat(r("PaddingTop"), "px") : void 0,
paddingRight: "" !== r("PaddingRight") ? "".concat(r("PaddingRight"), "px") : void 0,
paddingBottom: "" !== r("PaddingBottom") ? "".concat(r("PaddingBottom"), "px") : void 0,
paddingLeft: "" !== r("PaddingLeft") ? "".concat(r("PaddingLeft"), "px") : void 0
}), tt(d, ".".concat(n, " .ugb-button--inner"), {color: "" !== r("BackgroundColor") ? vt(r("BackgroundColor")) : void 0}), tt(d, ".".concat(n, ":hover"), {borderColor: "" !== r("HoverBackgroundColor") ? vt(r("HoverBackgroundColor")) : void 0}), tt(d, ".".concat(n, ":hover .ugb-button--inner"), {color: "" !== r("HoverBackgroundColor") ? vt(r("HoverBackgroundColor")) : "" !== r("BackgroundColor") ? vt(r("BackgroundColor")) : void 0}), d)), "" !== r("Icon") || i) l.push((tt(f = {}, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon svg:not(.ugb-custom-icon)"), {color: "" !== r("BackgroundColor") ? r("BackgroundColor") : void 0}), tt(f, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon)"), {color: "" !== r("HoverBackgroundColor") ? r("HoverBackgroundColor") : "" !== r("BackgroundColor") ? r("BackgroundColor") : void 0}), f));
p = "" !== r("HoverBackgroundColor");
var h, v = r("HoverGhostToNormal");
if (v) l.push((tt(h = {}, ".".concat(n, ":before"), {
content: '""',
backgroundImage: "linear-gradient(".concat(r("HoverBackgroundGradientDirection", "%sdeg", "90deg"), ", ").concat(r("HoverBackgroundColor") || r("BackgroundColor"), ", ").concat(r("HoverBackgroundColor2") || r("HoverBackgroundColor") || r("BackgroundColor"), ")"),
top: "" !== r("BorderWidth") ? "-".concat(r("BorderWidth"), "px") : void 0,
right: "" !== r("BorderWidth") ? "-".concat(r("BorderWidth"), "px") : void 0,
bottom: "" !== r("BorderWidth") ? "-".concat(r("BorderWidth"), "px") : void 0,
left: "" !== r("BorderWidth") ? "-".concat(r("BorderWidth"), "px") : void 0
}), tt(h, ".".concat(n, ":hover"), {backgroundColor: vt("" !== r("HoverBackgroundColor") ? r("HoverBackgroundColor") : r("BackgroundColor"))}), tt(h, ".".concat(n, ":hover .ugb-button--inner"), {color: vt(ft(r("HoverTextColor"), r("HoverBackgroundColor") || r("BackgroundColor")))}), h)), ("" !== r("Icon") || i) && l.push(tt({}, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon)"), {color: vt(ft(r("HoverTextColor"), r("HoverBackgroundColor") || r("BackgroundColor")))})), p = !0
}
if ("plain" === r("Design")) {
var y, O;
if (l.push((tt(y = {}, ".".concat(n, " .ugb-button--inner"), {color: "" !== r("BackgroundColor") ? vt(r("BackgroundColor")) : void 0}), tt(y, ".".concat(n, ":hover .ugb-button--inner"), {color: "" !== r("HoverBackgroundColor") ? vt(r("HoverBackgroundColor")) : void 0}), y)), "" !== r("Icon") || i) l.push((tt(O = {}, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon svg:not(.ugb-custom-icon)"), {color: "" !== r("BackgroundColor") ? r("BackgroundColor") : void 0}), tt(O, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon)"), {color: "" !== r("HoverBackgroundColor") ? r("HoverBackgroundColor") : void 0}), O));
p = "" !== r("HoverBackgroundColor")
}
if ("link" !== r("Design")) {
var w,
_ = "" !== a[o("IconSpacing")] && void 0 !== a[o("IconSpacing")] ? "".concat(r("IconSpacing", "%spx", 16)) : void 0,
j = a[o("BorderRadius")];
l.push((tt(w = {}, ".".concat(n), {
opacity: "" !== r("Opacity") ? r("Opacity") : void 0,
borderRadius: "" !== j && void 0 !== j ? vt("".concat(j, "px")) : void 0
}), tt(w, ".".concat(n, ":before"), {borderRadius: "" !== j && void 0 !== j ? vt("".concat(j, "px")) : void 0}), tt(w, ".".concat(n, ":hover"), {opacity: "" !== r("HoverOpacity") ? r("HoverOpacity") : p ? 1 : void 0}), tt(w, ".".concat(n, ".ugb-button--has-icon.ugb-button--has-icon svg"), {
marginLeft: ("" !== r("Icon") || i) && "right" === r("IconPosition") ? _ : void 0,
marginRight: ("" !== r("Icon") || i) && "right" !== r("IconPosition") ? _ : void 0,
width: "" !== r("IconSize") || i ? "".concat(r("IconSize"), "px") : void 0,
height: "" !== r("IconSize") || i ? "".concat(r("IconSize"), "px") : void 0
}), w))
}
return ae.a.all(l)
}, at = n(60), it = n.n(at), ot = n(28), rt = n.n(ot);
function lt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ct(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? lt(n, !0).forEach(function (t) {
st(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : lt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function st(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function ut(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var bt = function (e) {
try {
var t = Object(S.applyFilters)("stackable.util.is-dark-color", e);
if (!t.match(/^#/)) {
if (!(t.indexOf("var(") > -1)) return it()(t);
var n = t.match(/--(.*?(?=,))/g);
t = n ? window.getComputedStyle(document.documentElement).getPropertyValue(n[0]) || "#fff" : window.getComputedStyle(document.documentElement).getPropertyValue(t.replace("var(", "").replace(")", "")) || "#fff"
}
if (t.match(/^rgb/)) {
var a = rt()(t);
a.splice(3, 1), t = function (e, t, n) {
return "#" + [e, t, n].map(function (e) {
var t = e.toString(16);
return 1 === t.length ? "0" + t : t
}).join("")
}.apply(void 0, ut(a))
}
return 3 === (t = t.replace(/#/g, "")).length && (t = t.replace(/(.)(.)(.)/, "$1$1$2$2$3$3")), it()("#".concat(t))
} catch (e) {
return !1
}
}, pt = function (e) {
return "left" === e || "flex-start" === e ? 0 : "auto"
}, mt = function (e) {
return "right" === e || "flex-end" === e ? 0 : "auto"
}, gt = function (e) {
return "left" === e ? "flex-start" : "right" === e ? "flex-end" : e
}, dt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", n = "" !== e ? e : void 0;
return !n && t && bt(t) ? "#ffffff" : n
}, ft = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "#ffffff",
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "#222222", i = "" !== e ? e : void 0;
return !i && t ? bt(t) ? n : a : i
}, ht = function (e) {
var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];
return Object.keys(e).reduce(function (n, a) {
return ct({}, n, st({}, a, vt(e[a], t)))
}, {})
}, vt = function (e) {
var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];
return "" !== e && void 0 !== e && t && !String(e).match(/!important/i) ? "".concat(e, " !important") : e
}, yt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : void 0;
return function (a) {
var i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : n,
r = null !== t ? t : function (e) {
return Object(u.lowerFirst)(e)
}, l = void 0 === e[r(a)] ? "" : e[r(a)];
return "" !== l ? i ? Object(b.sprintf)(i.replace(/%$/, "%%"), l) : l : o
}
}, Ot = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.min,
a = void 0 === n ? Number.NEGATIVE_INFINITY : n, i = t.max, o = void 0 === i ? Number.POSITIVE_INFINITY : i;
if ("" !== e) {
var r = Object(u.clamp)(e, parseFloat(a), parseFloat(o));
if (!isNaN(r)) return parseFloat(r) !== parseFloat(e) ? r : void 0
}
}, wt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "%s",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "marginBottom",
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "%spx",
i = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : {},
o = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : {},
r = "boolean" == typeof o ? {important: o} : o, l = r.important, c = void 0 !== l && l, s = r.inherit,
u = void 0 === s || s, p = r.inheritTabletMax, m = r.inheritTabletMin, g = r.inheritMobileMax,
d = r.inheritMobileMin, f = yt(i);
if (u) {
var h, v = f(Object(b.sprintf)(t, ""), a), y = f(Object(b.sprintf)(t, "Tablet"), a),
O = f(Object(b.sprintf)(t, "Mobile"), a), w = Ot(f(Object(b.sprintf)(t, "")), {min: m, max: p}),
_ = Ot(f(Object(b.sprintf)(t, "")), {min: d, max: g});
return [(h = {}, st(h, e, st({}, n, vt(v, c))), st(h, "tabletOnly", st({}, e, st({}, n, vt(y || w && Object(b.sprintf)(a, w), c)))), st(h, "mobile", st({}, e, st({}, n, vt(O || _ && Object(b.sprintf)(a, _), c)))), h)]
}
return [{
desktopOnly: st({}, e, st({}, n, vt(f(Object(b.sprintf)(t, ""), a), c))),
tabletOnly: st({}, e, st({}, n, vt(f(Object(b.sprintf)(t, "Tablet"), a), c))),
mobile: st({}, e, st({}, n, vt(f(Object(b.sprintf)(t, "Mobile"), a), c)))
}]
}, _t = function (e) {
var t, n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "%s",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, i = yt(a), o = i("contentAlign"),
r = i("TabletContentAlign"), l = i("MobileContentAlign"), c = i(Object(b.sprintf)(n, "")),
s = i(Object(b.sprintf)(n, "Tablet")), u = i(Object(b.sprintf)(n, "Mobile"));
return [(t = {}, st(t, e, ht({
marginLeft: c || o ? pt(c || o) : void 0,
marginRight: c || o ? mt(c || o) : void 0
})), st(t, "tablet", st({}, e, ht({
marginLeft: s || r ? pt(s || r) : void 0,
marginRight: s || r ? mt(s || r) : void 0
}))), st(t, "mobile", st({}, e, ht({
marginLeft: u || l ? pt(u || l) : void 0,
marginRight: u || l ? mt(u || l) : void 0
}))), t)]
};
function jt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function kt(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? jt(n, !0).forEach(function (t) {
Ct(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : jt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Ct(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var xt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.selector,
a = void 0 === n ? ".ugb-button-%s" : n, i = t.exclude, o = void 0 === i ? [] : i, r = t.include,
l = void 0 === r ? [] : r, c = Object.keys(At).reduce(function (n, i) {
return kt({}, n, {}, f(e, {
type: "string",
source: "attribute",
selector: Object(b.sprintf)(a, i),
attribute: "href",
default: t["".concat(i, "Default")] ? t["".concat(i, "Default")] : ""
}, ["".concat(Object(u.upperFirst)(i), "Url")]))
}, {});
return y(v(kt({}, $e(e, {exclude: ["Text", "Url", "NoFollow", "Icon", "IconPosition", "NewTab"]}), {}, f(e, {
type: "boolean",
default: ""
}, ["NewTab"]), {}, f(e, {type: "boolean", default: !0}, ["UseSocialColors"]), {}, c), o, e), l, e)
}, Et = xt;
function St(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Bt(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? St(n, !0).forEach(function (t) {
Tt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : St(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Tt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Pt = function () {
var e, t, n = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, o = function (e) {
return Object(u.camelCase)(Object(b.sprintf)(n, e))
}, r = yt(i, o, ""), l = [];
if (l.push(Bt({}, nt(n, a, i, !0))), !r("UseSocialColors")) return ae.a.all(l);
"" !== r("Design") && "basic" !== r("Design") || l.push((Tt(e = {}, ".".concat(a), {
backgroundColor: void 0,
backgroundImage: void 0
}), Tt(e, ".".concat(a, " .ugb-button--inner, .").concat(a, " svg"), {color: void 0}), Tt(e, ".".concat(a, ":hover .ugb-button--inner, .").concat(a, ":hover svg"), {color: void 0}), Tt(e, ".".concat(a, ":hover"), {backgroundColor: void 0}), Tt(e, ".".concat(a, ":before"), {
content: void 0,
backgroundImage: void 0
}), e));
if ("ghost" === r("Design")) {
var c;
l.push((Tt(c = {}, ".".concat(a), {borderColor: void 0}), Tt(c, ".".concat(a, " .ugb-button--inner, .").concat(a, ".ugb-button--has-icon.ugb-button--has-icon svg"), {color: void 0}), Tt(c, ".".concat(a, ":hover"), {borderColor: void 0}), Tt(c, ".".concat(a, ":hover .ugb-button--inner, .").concat(a, ".ugb-button--has-icon.ugb-button--has-icon:hover svg"), {color: void 0}), c));
var s, p = r("HoverGhostToNormal");
if (p) l.push((Tt(s = {}, ".".concat(a, ":before"), {
content: void 0,
backgroundImage: void 0,
top: void 0,
right: void 0,
bottom: void 0,
left: void 0
}), Tt(s, ".".concat(a, ":hover .ugb-button--inner, .").concat(a, ".ugb-button--has-icon.ugb-button--has-icon:hover svg"), {color: void 0}), s))
}
"plain" === r("Design") && l.push((Tt(t = {}, ".".concat(a, " .ugb-button--inner, .").concat(a, ".ugb-button--has-icon.ugb-button--has-icon svg"), {color: void 0}), Tt(t, ".".concat(a, ":hover .ugb-button--inner, .").concat(a, ".ugb-button--has-icon.ugb-button--has-icon:hover svg"), {color: void 0}), t));
return ae.a.all(l)
}, At = {
facebook: {
label: Object(b.__)("Facebook", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>'
},
twitter: {
label: Object(b.__)("Twitter", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>'
},
instagram: {
label: Object(b.__)("Instagram", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>'
},
pinterest: {
label: Object(b.__)("Pinterest", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="pinterest-p" class="svg-inline--fa fa-pinterest-p fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg>'
},
linkedin: {
label: Object(b.__)("LinkedIn", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin-in" class="svg-inline--fa fa-linkedin-in fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg>'
},
youtube: {
label: Object(b.__)("YouTube", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><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"></path></svg>'
},
email: {
label: Object(b.__)("Email", a.i18n),
icon: '<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" class="svg-inline--fa fa-envelope fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path></svg>'
}
}, Nt = n(17);
function Mt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Rt(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Mt(n, !0).forEach(function (t) {
Ft(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Mt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Ft(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Dt = ["uniqueClass"], It = {};
function zt(e) {
return It[e.name] || (It[e.name] = Object(Nt.createBlock)(e.name).attributes), Object.keys(It[e.name]).every(function (t) {
return !!Dt.includes(t) || It[e.name][t] === e.attributes[t]
})
}
var Lt = function e(t) {
var n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
a = Object(Te.select)("core/block-editor"), i = a.getBlockName, o = a.getSelectedBlockClientId,
r = a.getBlockAttributes, l = a.hasMultiSelection, c = a.getMultiSelectedBlockClientIds,
b = Object(Te.dispatch)("core/block-editor"), p = b.updateBlockAttributes,
m = Object(Te.select)("core/blocks"), g = m.getBlockType;
if (n || !l()) {
var d = n || o();
if (d) {
var f = r(d), h = i(d).replace(/^\w+\//g, ""), v = g(i(d)).attributes,
y = Object.keys(v).reduce(function (e, t) {
return Rt({}, e, Ft({}, t, v[t] ? v[t].default : ""))
}, {}),
O = Object(S.applyFilters)("stackable.".concat(h, ".design.filtered-block-attributes"), Rt({}, y, {}, t), f),
w = Object(S.applyFilters)("stackable.".concat(h, ".design.no-text-attributes"), O, f);
s(w), p(d, Object(u.omit)(w, ["uniqueClass"]))
}
} else c().forEach(function (n) {
e(t, n)
})
};
function Ut(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Ht = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = Object(Y.useState)(function () {
try {
var n = window.localStorage.getItem(e);
return n ? JSON.parse(n) : t
} catch (e) {
return t
}
}), a = Ut(n, 2), i = a[0], o = a[1], r = function (t) {
try {
var n = t instanceof Function ? t(i) : t;
o(n), window.localStorage.setItem(e, JSON.stringify(n))
} catch (e) {
}
};
return [i, r]
}, Wt = function () {
return void 0 !== Nt.registerBlockCollection
}, Gt = function () {
return Wt()
};
function Vt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function qt(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Vt(n, !0).forEach(function (t) {
Kt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Vt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Kt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Jt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = t.selector,
a = void 0 === n ? ".ugb-icon" : n, i = t.defaultIcon, o = void 0 === i ? "fas-cogs" : i, r = t.exclude,
l = void 0 === r ? [] : r, c = t.include, s = void 0 === c ? [] : c;
return y(v(qt({}, f(e, {
type: "string",
source: "html",
selector: "".concat(a),
default: o
}, ["Icon"]), {}, f(e, {
type: "string",
default: ""
}, ["Design", "ColorType", "Color", "Color2", "BackgroundColorType", "BackgroundColor", "BackgroundColor2", "BackgroundShape", "BackgroundShapeColor", "Color3", "Color4", "Color5", "Color5", "Color6", "Color7", "Color8", "Color9", "Color10"]), {}, f(e, {
type: "number",
default: ""
}, ["ColorGradientDirection", "OutlineWidth", "BackgroundColorGradientDirection", "Size", "TabletSize", "MobileSize", "BorderRadius", "Shadow", "Opacity", "Padding", "Rotation", "BackgroundShapeOpacity", "BackgroundShapeSize", "BackgroundShapeOffsetHorizontal", "BackgroundShapeOffsetVertical", "MultiOpacity1", "MultiOpacity2", "MultiOpacity3", "MultiOpacity4", "MultiOpacity5", "MultiOpacity6", "MultiOpacity7", "MultiOpacity8", "MultiOpacity9", "MultiOpacity10"]), {}, f(e, {
type: "boolean",
default: ""
}, ["ShowBackgroundShape"])), l, e), s, e)
}, Yt = Jt, Xt = function (e) {
return Object.keys(Jt(e))
};
function $t(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Zt = function () {
var e, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "%s",
n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, i = function (e) {
return Object(u.camelCase)(Object(b.sprintf)(t, e))
}, o = yt(a, i), r = [], l = Ot(o("Size"), {max: 200}), c = Ot(o("Size"), {max: 200});
return r.push(($t(e = {}, ".".concat(n, " .ugb-icon-inner-svg, .").concat(n, " .ugb-icon-inner-svg svg"), {
width: vt(o("Size", "%spx")),
height: vt(o("Size", "%spx"))
}), $t(e, "tabletOnly", $t({}, ".".concat(n, " .ugb-icon-inner-svg, .").concat(n, " .ugb-icon-inner-svg svg"), {
width: vt(o("TabletSize", "%spx") || l && "".concat(l, "px")),
height: vt(o("TabletSize", "%spx") || c && "".concat(c, "px"))
})), $t(e, "mobile", $t({}, ".".concat(n, " .ugb-icon-inner-svg, .").concat(n, " .ugb-icon-inner-svg svg"), {
width: vt(o("MobileSize", "%spx") || l && "".concat(l, "px")),
height: vt(o("MobileSize", "%spx") || c && "".concat(c, "px"))
})), $t(e, ".".concat(n, " .ugb-icon-inner-svg"), {
color: vt(o("Color")),
transform: vt(o("Rotation", "rotate(%sdeg)"))
}), $t(e, "saveOnly", $t({}, ".".concat(n, " .ugb-icon-inner-svg, .").concat(n, " .ugb-icon-inner-svg svg *"), {
color: vt(o("Color")),
fill: vt(o("Color"))
})), $t(e, "editor", $t({}, ".".concat(n, " .ugb-icon-inner-svg, .").concat(n, " .ugb-icon-inner-svg svg path, .").concat(n, " .ugb-icon-inner-svg svg g, .").concat(n, " .ugb-icon-inner-svg svg shape, .").concat(n, " .ugb-icon-inner-svg svg circle, .").concat(n, " .ugb-icon-inner-svg svg path, .").concat(n, " .ugb-icon-inner-svg svg rect, .").concat(n, " .ugb-icon-inner-svg svg polygon, .").concat(n, " .ugb-icon-inner-svg svg ellipse"), {
color: vt(o("Color")),
fill: vt(o("Color"))
})), $t(e, ".".concat(n), {opacity: vt(o("Opacity"))}), e)), "shaped" !== o("Design") && "outlined" !== o("Design") || r.push($t({}, ".".concat(n, " .ugb-icon__design-wrapper"), {
borderRadius: vt(o("BorderRadius", "%s%", "100%")),
padding: vt(o("Padding", "%spx"))
})), "shaped" === o("Design") && r.push($t({}, ".".concat(n, " .ugb-icon__design-wrapper"), {background: vt(o("BackgroundColor"))})), "outlined" === o("Design") && r.push($t({}, ".".concat(n, " .ugb-icon__design-wrapper"), {
borderColor: vt(o("BackgroundColor")),
borderWidth: vt(o("OutlineWidth", "%spx"))
})), ae.a.all(Object(S.applyFilters)("stackable.icon-style-set.styles", r, o, n, a))
}, Qt = function (e) {
return "string" != typeof e ? 0 : Object(u.range)(10).reduce(function (t, n) {
var a = n + 1;
return new RegExp("(<(circle|ellipse|line|polygon|polyline|rect|shape|path)[^>]*(/>|>[sS]*?</\\w+>)[ \t\r\n\v\f]*){".concat(a, "}"), "gm").test(e) ? a : t
}, 0)
}, en = function (e, t) {
var n = tn(e, t);
return n ? n.html[0] : ""
}, tn = function (e, t) {
return window.FontAwesome ? window.FontAwesome.icon({prefix: e, iconName: t}) : null
}, nn = function () {
return !!window.FontAwesome
}, an = function () {
return window.FontAwesome ? Promise.resolve(!0) : new Promise(function (e, t) {
var n = 240, a = setInterval(function () {
window.FontAwesome ? (clearInterval(a), e(!0)) : n-- < 0 && (clearInterval(a), t(!1))
}, 250)
})
}, on = function (e, t) {
var n = tn(e, t);
return n ? Promise.resolve(n) : new Promise(function (n, a) {
var i = 240, o = setInterval(function () {
var r = tn(e, t);
window.FontAwesome ? (clearInterval(o), n(r)) : i-- < 0 && (clearInterval(o), a(!1))
}, 250)
})
};
n(25), n(489);
n.d(t, "nb", function () {
return rn
}), n.d(t, "tb", function () {
return ln
}), n.d(t, "Y", function () {
return cn
}), n.d(t, "M", function () {
return sn
}), n.d(t, "ab", function () {
return un
}), n.d(t, "jb", function () {
return bn
}), n.d(t, "h", function () {
return pn
}), n.d(t, "mb", function () {
return gn
}), n.d(t, "W", function () {
return fn
}), n.d(t, "pb", function () {
return hn
}), n.d(t, "cb", function () {
return yn
}), n.d(t, "ob", function () {
return On
}), n.d(t, "kb", function () {
return wn
}), n.d(t, "fb", function () {
return l
}), n.d(t, "T", function () {
return c
}), n.d(t, "gb", function () {
return s
}), n.d(t, "R", function () {
return d
}), n.d(t, "i", function () {
return f
}), n.d(t, "D", function () {
return h
}), n.d(t, "C", function () {
return O
}), n.d(t, "J", function () {
return k
}), n.d(t, "K", function () {
return x
}), n.d(t, "I", function () {
return C
}), n.d(t, "S", function () {
return N
}), n.d(t, "k", function () {
return D
}), n.d(t, "j", function () {
return I
}), n.d(t, "n", function () {
return q
}), n.d(t, "l", function () {
return W
}), n.d(t, "m", function () {
return V
}), n.d(t, "Z", function () {
return G
}), n.d(t, "L", function () {
return X
}), n.d(t, "o", function () {
return te
}), n.d(t, "p", function () {
return oe
}), n.d(t, "w", function () {
return ue
}), n.d(t, "B", function () {
return Be
}), n.d(t, "A", function () {
return Se
}), n.d(t, "X", function () {
return xe
}), n.d(t, "U", function () {
return Ae
}), n.d(t, "f", function () {
return Ne
}), n.d(t, "V", function () {
return Me
}), n.d(t, "y", function () {
return Le
}), n.d(t, "x", function () {
return Ue
}), n.d(t, "z", function () {
return qe
}), n.d(t, "r", function () {
return $e
}), n.d(t, "q", function () {
return Ze
}), n.d(t, "s", function () {
return nt
}), n.d(t, "bb", function () {
return bt
}), n.d(t, "hb", function () {
return pt
}), n.d(t, "ib", function () {
return mt
}), n.d(t, "eb", function () {
return gt
}), n.d(t, "vb", function () {
return dt
}), n.d(t, "wb", function () {
return ft
}), n.d(t, "d", function () {
return ht
}), n.d(t, "c", function () {
return vt
}), n.d(t, "b", function () {
return yt
}), n.d(t, "g", function () {
return Ot
}), n.d(t, "F", function () {
return wt
}), n.d(t, "E", function () {
return _t
}), n.d(t, "G", function () {
return Et
}), n.d(t, "H", function () {
return Pt
}), n.d(t, "a", function () {
return At
}), n.d(t, "db", function () {
return zt
}), n.d(t, "e", function () {
return Lt
}), n.d(t, "sb", function () {
return we
}), n.d(t, "ub", function () {
return Ht
}), n.d(t, "qb", function () {
return Wt
}), n.d(t, "rb", function () {
return Gt
}), n.d(t, "u", function () {
return Yt
}), n.d(t, "t", function () {
return Xt
}), n.d(t, "v", function () {
return Zt
}), n.d(t, "lb", function () {
return Qt
}), n.d(t, "O", function () {
return en
}), n.d(t, "Q", function () {
return nn
}), n.d(t, "N", function () {
return an
}), n.d(t, "P", function () {
return on
});
var rn = function (e, t) {
return Array.from({length: t - e}, function (t, n) {
return n + e
})
}, ln = function (e) {
return e.match(/(mp4|webm|ogg)$/i)
}, cn = function (e) {
var t = "";
return (t = (e.match(/youtube\.com\/watch\?v=([^\&\?\/]+)/i) || [])[1]) || (t = (e.match(/youtube\.com\/embed\/([^\&\?\/]+)/i) || [])[1]), t || (t = (e.match(/youtube\.com\/v\/([^\&\?\/]+)/i) || [])[1]), t || (t = (e.match(/youtu\.be\/([^\&\?\/]+)/i) || [])[1]), t ? {
type: "youtube",
id: t
} : ((t = (e.match(/vimeo\.com\/(\w*\/)*(\d+)/i) || [])[2]) || (t = (e.match(/^\d+$/i) || [])[0]), t ? {
type: "vimeo",
id: t
} : {type: "youtube", id: e})
}, sn = function e(t) {
return "short" === t ? Object(b.__)("Description for this block. You can use this space for describing your block.", a.i18n) : "medium" === t ? "".concat(e(), " ").concat(e("short")) : "long" === t ? "".concat(e("medium"), " ").concat(e(), " ").concat(e("short")) : Object(b.__)("Description for this block. Use this space for describing your block. Any text will do.", a.i18n)
}, un = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
n = Object(S.applyFilters)("stackable.util.hex-to-rgba", null, e, t);
if (n) return n;
var a = Object(S.applyFilters)("stackable.util.hex-to-rgba.hex", e, t);
if (a.indexOf("var(") > -1) {
var i = a.match(/--(.*?(?=,))/g);
a = i ? window.getComputedStyle(document.documentElement).getPropertyValue(i[0]) || "#fff" : window.getComputedStyle(document.documentElement).getPropertyValue(a.replace("var(", "").replace(")", "")) || "#fff"
}
(a = a.replace(/#/, "")).length <= 4 && (a = a.replace(/#?(.)(.)(.)/, "$1$1$2$2$3$3"));
var o = rt()("#".concat(a, "ff"));
return o[3] = null !== t ? t : 1, "rgba(".concat(o.join(", "), ")")
}, bn = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
n = e.replace(/\/\*.*?\*\//g, "").replace(/\n\s*\n/g, "").replace(/[\n\r \t]/g, " ").replace(/ +/g, " ").replace(/ ?([,:;{}]) ?/g, "$1").replace(/[^\}\{]+\{\}/g, "").replace(/[^\}\{]+\{\}/g, "").replace(/;}/g, "}").trim();
return t ? n.replace(/\s?\!important/g, "").replace(/([;\}])/g, " !important$1").replace(/\} !important\}/g, "}}").trim() : n
}, pn = function (e, t, n) {
var a = arguments.length > 3 && void 0 !== arguments[3] && arguments[3];
return (e || "").replace(/\/\*[\s\S]*?\*\//g, "").replace(/\/\/(.*)?\n/g, "").replace(/([^}]+)({)/g, function (e, i, o) {
if (i.match(/@\w+/g)) return i.replace(/(@\w+[^{]+{\s*)([^{]+)/g, function (e, a, i) {
var r = gn(i, t, n);
return "".concat(a, " ").concat(r, " ").concat(o)
});
var r = gn(i, t, n);
return (a ? "#editor " : "") + "".concat(r, " ").concat(o)
}).trim()
}, mn = {}, gn = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "",
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : "",
i = "".concat(e, "-").concat(t, "-").concat(n, "-").concat(a);
if (mn[i]) return mn[i];
var o = e.trim().replace(/[\n\s\t]+/g, " ").split(",").map(function (e) {
var i = "";
return i = n && t ? e.includes(n) ? e : n && !t ? ".".concat(n, " ").concat(e.trim()) : ".".concat(n, " ").concat(e.trim()).replace(new RegExp("(.".concat(n, ") (.").concat(t, "(#|:|\\[|\\.|\\s|$))"), "g"), "$1$2") : e, a ? "".concat(a, " ").concat(i) : i
}).join(", ");
return mn[i] = o, o
}, dn = "desktop", fn = function () {
return dn
}, hn = function (e) {
return dn = e
}, vn = !1, yn = function () {
return vn
}, On = function (e) {
return vn = e
}, wn = function (e, t, n) {
return e.splice(t < n ? n + 1 : n, 0, e[t]), e.splice(t < n ? t : t + 1, 1), e
}
}, function (e, t, n) {
"use strict";
var a = n(22), i = n(2), o = n(7), r = n(8), l = n.n(r), c = n(6), s = n(0);
function u() {
return (u = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function b(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function p(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? b(n, !0).forEach(function (t) {
m(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : b(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function m(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var g = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = function (t) {
var a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", i = e.blockAttributes[n(t)];
return 0 === i ? i : i || a
}, r = Object.keys(i.a).reduce(function (e, i) {
var r;
return p({}, e, (m(r = {}, "".concat(i, "Url"), a("".concat(i, "Url"))), m(r, "onChange".concat(Object(o.upperFirst)(i), "Url"), function (e) {
return t(m({}, n("".concat(i, "Url")), e))
}), r))
}, {});
return wp.element.createElement(j, u({
design: a("Design", e.designDefault),
size: a("Size", "normal"),
shadow: a("Shadow"),
hoverEffect: a("HoverEffect"),
ghostToNormalEffect: a("HoverGhostToNormal"),
useSocialColors: a("UseSocialColors"),
newTab: a("NewTab"),
onChangeNewTab: function (e) {
return t(m({}, n("NewTab"), e))
},
isSelected: e.isSelected
}, r, e))
};
g.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}, designDefault: "basic"
}, (g.Content = function (e) {
var t = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, n = function (n) {
var a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", i = e.blockAttributes[t(n)];
return 0 === i ? i : i || a
}, a = Object.keys(i.a).reduce(function (e, t) {
return p({}, e, m({}, "".concat(t, "Url"), n("".concat(t, "Url"))))
}, {});
return wp.element.createElement(j.Content, u({
design: n("Design", e.designDefault),
size: n("Size", "normal"),
newTab: n("NewTab"),
hoverEffect: n("HoverEffect"),
useSocialColors: n("UseSocialColors"),
ghostToNormalEffect: n("HoverGhostToNormal"),
shadow: n("Shadow")
}, a, e))
}).defaultProps = {attrNameTemplate: "%s", blockAttributes: {}, designDefault: "basic"};
var d = g;
function f(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function h(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? f(n, !0).forEach(function (t) {
v(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : f(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function v(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function y() {
return (y = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var O = function (e) {
return wp.element.createElement(c.Fragment, null, Object.keys(i.a).map(function (t) {
var n = l()(["ugb-social-button", "ugb-button-".concat(t)], {"ugb-social-button--social-colors": e.useSocialColors});
return (!0 === e["show".concat(Object(o.upperFirst)(t))] || e["".concat(t, "Url")] && !1 !== e["show".concat(Object(o.upperFirst)(t))]) && wp.element.createElement(a.c, y({
key: t,
iconButton: !0,
className: n,
rel: "noopener noreferrer nofollow",
icon: i.a[t].icon,
url: e["".concat(t, "Url")],
onChangeUrl: function (n) {
var a = n;
"email" === t && a.match(/^[^:]+@./) && (a = "mailto:".concat(a)), e["onChange".concat(Object(o.upperFirst)(t), "Url")](a)
},
onChangeNoFollow: !1,
disableSuggestions: !0
}, e))
}))
}, w = Object.keys(i.a).reduce(function (e, t) {
var n;
return h({}, e, (v(n = {}, "".concat(t, "Url"), ""), v(n, "show".concat(Object(o.upperFirst)(t)), null), n))
}, {});
O.defaultProps = h({useSocialColors: !0}, w), O.Content = function (e) {
return wp.element.createElement(c.Fragment, null, Object.keys(i.a).map(function (t) {
var n = l()(["ugb-social-button", "ugb-button-".concat(t)], {"ugb-social-button--social-colors": e.useSocialColors});
return !1 !== e["show".concat(Object(o.upperFirst)(t))] && wp.element.createElement(a.c.Content, y({
key: t,
className: n,
iconButton: !0,
rel: "noopener noreferrer nofollow",
icon: i.a[t].icon,
url: e["".concat(t, "Url")] || "#"
}, e))
}))
};
var _ = Object.keys(i.a).reduce(function (e, t) {
var n;
return h({}, e, (v(n = {}, "".concat(t, "Url"), ""), v(n, "show".concat(Object(o.upperFirst)(t)), null), n))
}, {});
O.Content.defaultProps = h({useSocialColors: !0}, _);
var j = O, k = n(5), C = n.n(k);
function x() {
return (x = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var E = C.a.createElement("path", {d: "M0 0v376h512V0H0zm480 344H32V32h448v312z"}),
S = C.a.createElement("circle", {cx: 409.1, cy: 102.9, r: 40.9}),
B = C.a.createElement("path", {d: "M480 344H32l86.3-164.2 21.7 11.3 49-77.3 100 113.1 8.9-9.3 17.1 22.3 26-46.4 52.9 71.2 15.1-15.9z"}),
T = function (e) {
return C.a.createElement("svg", x({
viewBox: "0 0 512 376",
xmlns: "http://www.w3.org/2000/svg"
}, e), E, S, B)
}, P = n(11), A = n(9);
function N(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function M(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? N(n, !0).forEach(function (t) {
R(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : N(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function R(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var F = function (e) {
var t = e.imageID, n = e.imageURL, a = e.onRemove, i = e.className, o = e.allowedTypes, r = e.render,
c = e.hasRemove, s = e.style, u = l()([i, "ugb-image-upload-placeholder"], {
"ugb-image-upload-has-image": n,
"ugb-image-upload-has-placeholder": !n
}), b = M({}, s, {backgroundImage: n && !r ? "url(".concat(n, ")") : void 0});
return wp.element.createElement(A.MediaUpload, {
onSelect: function (t) {
var n = t.url, a = t.width, i = t.height, o = e.imageSize || "full";
t.sizes && t.sizes[o] && (n = t.sizes[o].url, a = t.sizes[o].width, i = t.sizes[o].height), e.onChange(M({}, t, {
url: n,
width: a,
height: i
}))
}, allowedTypes: o, value: t, render: function (e) {
return n && r ? wp.element.createElement("div", {
className: u,
onClick: e.open,
onKeyDown: function (t) {
13 === t.keyCode && e.open()
},
style: b,
role: "button",
tabIndex: 0,
"data-is-placeholder-visible": !n
}, n && a && c && wp.element.createElement("button", {
className: "ugb-image-upload-remove",
onClick: function (e) {
a(), e.stopPropagation()
}
}, wp.element.createElement(P.Dashicon, {icon: "no"})), r) : wp.element.createElement("div", {
className: u,
onClick: e.open,
onKeyDown: function (t) {
13 === t.keyCode && e.open()
},
style: b,
role: "button",
tabIndex: 0,
"data-is-placeholder-visible": !n
}, n && a && c && wp.element.createElement("button", {
className: "ugb-image-upload-remove",
onClick: function (e) {
a(), e.stopPropagation()
}
}, wp.element.createElement(P.Dashicon, {icon: "no"})), !n && wp.element.createElement(T, null))
}
})
};
F.defaultProps = {
imageID: "", imageURL: "", imageSize: "full", onChange: function (e) {
e.url, e.id
}, onRemove: null, className: "", allowedTypes: ["image"], render: void 0, hasRemove: !0, style: {}
};
var D = F, I = n(1);
function z() {
return (z = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var L = function (e) {
return wp.element.createElement(P.BaseControl, {
label: e.label,
id: "url-input-control",
help: e.help
}, wp.element.createElement(A.URLInput, z({
className: "ugb-url-input-control__input",
value: e.value,
onChange: e.onChange,
autoFocus: !1
}, Object(o.omit)(e, ["label", "help"]))))
};
L.defaultProps = {
label: Object(s.__)("URL", I.i18n), help: null, value: "", onChange: function () {
}
};
var U = L, H = n(490), W = [{id: "opensInNewTab", title: Object(s.__)("Opens in new tab", I.i18n)}, {
id: "noFollowLink",
title: Object(s.__)("Nofollow link", I.i18n)
}], G = function (e) {
var t = e.value, n = {url: t, opensInNewTab: e.newTab, noFollowLink: e.noFollow};
if (!e.onChange && !e.onChangeNewTab && !e.onChangeNoFollow) return null;
var a = l()(["ugb-url-input-popover"]), i = W.filter(function (t) {
switch (t.id) {
case"opensInNewTab":
return e.onChangeNewTab;
case"noFollowLink":
return e.onChangeNoFollow;
default:
return !0
}
});
return wp.element.createElement(P.Popover, {
className: a,
focusOnMount: !1,
position: e.position
}, wp.element.createElement(A.__experimentalLinkControl, {
value: n,
settings: i,
showSuggestions: !e.disableSuggestions,
onChange: function (t) {
var a = {url: e.onChange, opensInNewTab: e.onChangeNewTab, noFollowLink: e.onChangeNoFollow},
i = Object(o.omitBy)(Object(o.omit)(t, "id", "title", "type"), function (e, t) {
return n[t] === e
});
Object(o.keys)(i).map(function (e) {
return a[e](i[e])
})
}
}, wp.element.createElement("form", null, wp.element.createElement("input", {
placeholder: Object(s.__)("Search or type url", I.i18n),
value: t
}), wp.element.createElement(P.Button, {icon: H.a, type: "submit"}))))
};
G.defaultProps = {
value: "",
disableSuggestions: !1,
onChange: null,
position: "bottom center",
newTab: !1,
noFollow: !1,
onChangeNewTab: null,
onChangeNoFollow: null
};
var V = G, q = n(12), K = n(4);
function J() {
return (J = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Y(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function X(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var $ = Object(s.__)("(current %s: %s)", I.i18n),
Z = Object(q.compose)([A.withColorContext, Object(q.ifCondition)(function (e) {
return e.hasColorsToChoose
})])(function (e) {
var t = e.disableCustomColors, n = e.label, a = e.onChange, i = e.value, o = e.className,
r = void 0 === o ? "" : o, u = e.colors.map(function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Y(n, !0).forEach(function (t) {
X(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Y(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {name: e.name || e.fallback || e.color || Object(s.__)("Untitled Color", I.i18n)})
}), b = Object(A.getColorObjectByColorValue)(u, i), p = b && b.name,
m = Object(s.sprintf)($, n.toLowerCase(), p || i),
g = wp.element.createElement(c.Fragment, null, n, i && wp.element.createElement(P.ColorIndicator, {
colorValue: i,
"aria-label": m
}));
return wp.element.createElement(P.BaseControl, {
className: l()([r, "editor-color-palette-control"]),
id: "editor-color-palette-control",
label: g
}, wp.element.createElement(P.ColorPalette, J({
className: "editor-color-palette-control__color-palette",
value: i,
onChange: function (e) {
var t = Object(A.getColorObjectByColorValue)(u, e);
a(Object(K.applyFilters)("stackable.color-palette-control.change", e, t))
}
}, {colors: u, disableCustomColors: t})))
}), Q = n(10);
function ee() {
return (ee = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var te = function (e) {
return wp.element.createElement(P.SelectControl, ee({}, e, {
options: [{value: "", label: Object(s.__)("None", I.i18n)}, {
value: "normal",
label: Object(s.__)("Normal", I.i18n)
}, {value: "multiply", label: Object(s.__)("Multiply", I.i18n)}, {
value: "screen",
label: Object(s.__)("Screen", I.i18n)
}, {value: "overlay", label: Object(s.__)("Overlay", I.i18n)}, {
value: "darken",
label: Object(s.__)("Darken", I.i18n)
}, {value: "lighten", label: Object(s.__)("Lighten", I.i18n)}, {
value: "color-dodge",
label: Object(s.__)("Color Dodge", I.i18n)
}, {value: "color-burn", label: Object(s.__)("Color Burn", I.i18n)}, {
value: "hard-light",
label: Object(s.__)("Hard Light", I.i18n)
}, {value: "soft-light", label: Object(s.__)("Soft Light", I.i18n)}, {
value: "difference",
label: Object(s.__)("Difference", I.i18n)
}, {value: "exclusion", label: Object(s.__)("Exclusion", I.i18n)}, {
value: "hue",
label: Object(s.__)("Hue", I.i18n)
}, {value: "saturation", label: Object(s.__)("Saturation", I.i18n)}, {
value: "color",
label: Object(s.__)("Color", I.i18n)
}, {value: "luminosity", label: Object(s.__)("Luminosity", I.i18n)}, {
value: "initial",
label: Object(s.__)("Initial", I.i18n)
}, {value: "inherit", label: Object(s.__)("Inherit", I.i18n)}, {
value: "unset",
label: Object(s.__)("Unset", I.i18n)
}]
}))
};
te.defaultProps = {
label: Object(s.__)("Mix Blend Mode", I.i18n),
help: Object(s.__)("Not supported in all browsers.", I.i18n)
};
var ne = Object(q.compose)(Object(Q.e)("background-blend-mode"))(te);
function ae() {
return (ae = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ie = C.a.createElement("path", {d: "M0 0v376h512V0H0zm480 344H32V32h448v312z"}),
oe = C.a.createElement("circle", {cx: 409.1, cy: 102.9, r: 40.9}),
re = C.a.createElement("path", {d: "M480 344H32l86.3-164.2 21.7 11.3 49-77.3 100 113.1 8.9-9.3 17.1 22.3 26-46.4 52.9 71.2 15.1-15.9z"}),
le = function (e) {
return C.a.createElement("svg", ae({
viewBox: "0 0 512 376",
xmlns: "http://www.w3.org/2000/svg"
}, e), ie, oe, re)
}, ce = function (e) {
var t = e.imageURL && e.imageURL.match(/(mp4|webm|ogg)$/i) ? "video" : "image", n = function () {
e.onRemove ? e.onRemove() : e.onChange({url: "", id: "", width: "", height: ""})
};
return wp.element.createElement("div", {className: "ugb-image-control"}, wp.element.createElement(P.BaseControl, {help: e.help}, wp.element.createElement(Qe, {
label: e.label,
screens: e.screens
}), wp.element.createElement(A.MediaUpload, {
onSelect: e.onChange,
allowedTypes: e.allowedTypes,
value: e.imageID,
render: function (a) {
return wp.element.createElement(c.Fragment, null, e.imageURL && wp.element.createElement("div", {className: "ugb-image-preview-wrapper"}, wp.element.createElement("button", {
className: "ugb-image-preview-remove",
onClick: n
}, wp.element.createElement(P.Dashicon, {icon: "no"})), "video" === t && wp.element.createElement("video", {
className: "ugb-image-preview",
autoPlay: !0,
muted: !0,
loop: !0,
src: e.imageURL,
onClick: a.open,
onKeyDown: function (e) {
13 === e.keyCode && a.open()
}
}), "image" === t && wp.element.createElement("img", {
className: "ugb-image-preview",
src: e.imageURL,
onClick: a.open,
onKeyDown: function (e) {
13 === e.keyCode && a.open()
},
alt: Object(s.__)("preview", I.i18n)
})), !e.imageURL && wp.element.createElement("div", {
className: "ugb-placeholder",
onClick: a.open,
onKeyDown: function (e) {
13 === e.keyCode && a.open()
},
role: "button",
tabIndex: 0
}, wp.element.createElement(le, null)))
}
})))
};
ce.defaultProps = {
label: "", imageID: "", imageURL: "", onChange: function (e) {
e.url, e.id, e.width, e.height
}, onRemove: function () {
}, allowedTypes: ["image"], help: "", screens: ["desktop"]
};
var se = ce;
function ue() {
return (ue = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var be = function (e) {
return wp.element.createElement(P.TextareaControl, ue({}, e, {help: wp.element.createElement(c.Fragment, null, wp.element.createElement(P.ExternalLink, {href: "https://www.w3.org/WAI/tutorials/images/decision-tree"}, Object(s.__)("Describe the purpose of the image", I.i18n)), Object(s.__)("Leave empty if the image is purely decorative.", I.i18n))}))
};
be.defaultProps = {label: Object(s.__)("Alt Text (Alternative Text)", I.i18n)};
var pe = be, me = n(86), ge = n.n(me), de = n(87), fe = n.n(de), he = n(88), ve = n.n(he), ye = n(89), Oe = n.n(ye);
function we() {
return (we = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function _e(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var je = function (e) {
return wp.element.createElement(c.Fragment, null, wp.element.createElement(Sa, we({}, e, {
className: l()(e.className, ["ugb-image-shape-control", "ugb--help-tip-image-shape"]),
options: [].concat(_e(e.hasDefault ? [{
label: Object(s.__)("Default", I.i18n),
value: "",
image: ge.a
}] : []), [{
label: Object(s.__)("Square", I.i18n),
value: "square",
image: fe.a
}, {
label: Object(s.__)("Circle", I.i18n),
value: "circle",
image: ve.a
}, {
label: Object(s.sprintf)(Object(s.__)("Blob %s", I.i18n), 1),
value: "blob1",
image: Oe.a
}], _e(Object(K.applyFilters)("stackable.image.control.shapes", [])))
})), I.showProNotice && wp.element.createElement(Kr, {type: "image"}))
};
je.defaultProps = {className: "", label: Object(s.__)("Shape", I.i18n), selected: "", hasDefault: !0};
var ke = je, Ce = n(13), xe = function (e) {
var t = e.imageData ? Object(i.U)(e.imageData, e.imageSize || "full") : null,
n = null !== e.isSquareImage ? e.isSquareImage : !!t && t.width === t.height;
return wp.element.createElement(c.Fragment, null, e.onChangeShape && wp.element.createElement(ke, {
selected: e.shape,
onChange: e.onChangeShape
}), e.onChangeShapeStretch && !["", "square", "circle"].includes(e.shape) && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Flip Shape Horizontally", I.i18n),
checked: e.shapeFlipX,
onChange: e.onChangeShapeFlipX
}), e.onChangeShapeStretch && !["", "square", "circle"].includes(e.shape) && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Flip Shape Vertically", I.i18n),
checked: e.shapeFlipY,
onChange: e.onChangeShapeFlipY
}), e.onChangeShapeStretch && !["", "square"].includes(e.shape) && !n && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Stretch Shape Mask", I.i18n),
checked: e.shapeStretch,
onChange: e.onChangeShapeStretch
}))
};
xe.defaultProps = {
imageId: "",
imageSize: "full",
isSquareImage: null,
shape: "",
shapeFlipX: !1,
shapeFlipY: !1,
shapeStretch: !1,
onChangeShape: function () {
},
onChangeShapeFlipX: function () {
},
onChangeShapeFlipY: function () {
},
onChangeShapeStretch: function () {
}
};
var Ee = Object(q.compose)([Object(Ce.withSelect)(function (e, t) {
var n = e("core").getMedia;
return {imageData: t.imageId ? n(t.imageId) : null}
})])(xe);
function Se() {
return (Se = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Be(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var Te = function (e) {
var t = e.imageSizes, n = e.value, a = e.className, i = Be(e, ["imageSizes", "value", "className"]),
r = function (e) {
return Object(o.map)(e, function (e) {
var t = e.name;
return {value: e.slug, label: t}
})
}(t);
return Object(o.isEmpty)(r) ? null : wp.element.createElement(P.SelectControl, Se({}, i, {
value: n || "large",
options: r,
className: l()(a, ["ugb--help-tip-image-size"])
}))
};
Te.defaultProps = {
className: "",
label: Object(s.__)("Image Size"),
value: "large",
imageSizes: [],
onChange: function () {
}
};
var Pe = Object(q.compose)([Object(Ce.withSelect)(function (e) {
return {imageSizes: e("core/block-editor").getSettings().imageSizes}
})])(Te), Ae = function (e) {
var t = e.label, n = e.setAttributes, a = e.enablePaddingTop, i = e.enablePaddingRight,
o = e.enablePaddingBottom, r = e.enablePaddingLeft, l = e.attributes, s = l.columnPaddingTop,
u = void 0 === s ? "" : s, b = l.columnPaddingBottom, p = void 0 === b ? "" : b, m = l.columnPaddingRight,
g = void 0 === m ? "" : m, d = l.columnPaddingLeft, f = void 0 === d ? "" : d, h = l.columnPaddingUnit,
v = void 0 === h ? "px" : h, y = l.tabletColumnPaddingTop, O = void 0 === y ? "" : y,
w = l.tabletColumnPaddingBottom, _ = void 0 === w ? "" : w, j = l.tabletColumnPaddingRight,
k = void 0 === j ? "" : j, C = l.tabletColumnPaddingLeft, x = void 0 === C ? "" : C,
E = l.tabletColumnPaddingUnit, S = void 0 === E ? "px" : E, B = l.mobileColumnPaddingTop,
T = void 0 === B ? "" : B, P = l.mobileColumnPaddingBottom, A = void 0 === P ? "" : P,
N = l.mobileColumnPaddingRight, M = void 0 === N ? "" : N, R = l.mobileColumnPaddingLeft,
F = void 0 === R ? "" : R, D = l.mobileColumnPaddingUnit, I = void 0 === D ? "px" : D;
return wp.element.createElement(c.Fragment, null, wp.element.createElement(ur, {
label: t,
className: "ugb--help-tip-advanced-column-paddings",
defaultLocked: !0,
min: [0, 0, 0],
max: [500, 30, 100],
step: 1,
valueDesktop: {top: u, right: g, bottom: p, left: f},
valueDesktopUnit: v,
onChangeDesktop: function (e) {
n({
columnPaddingTop: e.top,
columnPaddingRight: e.right,
columnPaddingBottom: e.bottom,
columnPaddingLeft: e.left
})
},
onChangeDesktopUnit: function (e) {
return n({columnPaddingUnit: e})
},
valueTablet: {top: O, right: _, bottom: k, left: x},
valueTabletUnit: S,
onChangeTablet: function (e) {
n({
tabletColumnPaddingTop: e.top,
tabletColumnPaddingBottom: e.right,
tabletColumnPaddingRight: e.bottom,
tabletColumnPaddingLeft: e.left
})
},
onChangeTabletUnit: function (e) {
return n({tabletColumnPaddingUnit: e})
},
valueMobile: {top: T, right: A, bottom: M, left: F},
valueMobileUnit: I,
onChangeMobile: function (e) {
n({
mobileColumnPaddingTop: e.top,
mobileColumnPaddingBottom: e.right,
mobileColumnPaddingRight: e.bottom,
mobileColumnPaddingLeft: e.left
})
},
onChangeMobileUnit: function (e) {
return n({mobileColumnPaddingUnit: e})
},
enableTop: a,
enableRight: i,
enableBottom: o,
enableLeft: r
}))
};
Ae.defaultProps = {
setAttributes: function () {
},
label: Object(s.__)("Column Paddings", I.i18n),
attributes: {},
enablePaddingTop: !0,
enablePaddingRight: !0,
enablePaddingBottom: !0,
enablePaddingLeft: !0
};
var Ne = Ae;
function Me() {
return (Me = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Re = C.a.createElement("path", {d: "M13 18h2c.6 0 1 .4 1 1s-.4 1-1 1H9c-.6 0-1-.4-1-1s.4-1 1-1h2v-2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h16c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-7v2zM4 6v8h16V6H4z"}),
Fe = function (e) {
return C.a.createElement("svg", Me({viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg"}, e), Re)
};
function De() {
return (De = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ie = C.a.createElement("path", {d: "M8 2h8c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2zm0 2v15h8V4H8z"}),
ze = function (e) {
return C.a.createElement("svg", De({viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg"}, e), Ie)
};
function Le() {
return (Le = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ue = C.a.createElement("path", {d: "M6 4v15h12V4H6zm0-2h12c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2z"}),
He = function (e) {
return C.a.createElement("svg", Le({viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg"}, e), Ue)
};
function We(e) {
return (We = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Ge(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Ve(e, t) {
return !t || "object" !== We(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function qe(e) {
return (qe = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Ke(e, t) {
return (Ke = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Je = {
desktop: wp.element.createElement(Fe, null),
tablet: wp.element.createElement(He, null),
mobile: wp.element.createElement(ze, null)
}, Ye = {
desktop: Object(s.__)("Desktop", I.i18n),
tablet: Object(s.__)("Tablet", I.i18n),
mobile: Object(s.__)("Mobile", I.i18n)
}, Xe = function (e) {
function t() {
var e;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), (e = Ve(this, qe(t).apply(this, arguments))).state = {
screen: Object(i.W)(),
isScreenPickerOpen: Object(i.cb)(),
isMouseOver: !1
}, e
}
var n, a, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Ke(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "onChangeScreen", value: function (e) {
this.props.onChangeScreen(e), this.setState({screen: e}), Object(i.pb)(e), Object(K.doAction)("stackable.responsive-toggle.screen.change", e), this.setState({isMouseOver: e})
}
}, {
key: "onOtherScreenChange", value: function (e) {
this.props.onChangeScreen(e), this.setState({screen: e})
}
}, {
key: "onOtherScreenOpen", value: function () {
this.setState({isScreenPickerOpen: !0})
}
}, {
key: "onOtherScreenClose", value: function () {
this.setState({isScreenPickerOpen: !1})
}
}, {
key: "componentDidMount", value: function () {
var e = this.props.instanceId;
Object(K.addAction)("stackable.responsive-toggle.screen.change", "stackable/responsive-toggle-".concat(e), this.onOtherScreenChange.bind(this)), Object(K.addAction)("stackable.responsive-toggle.screen.open", "stackable/responsive-toggle-".concat(e), this.onOtherScreenOpen.bind(this)), Object(K.addAction)("stackable.responsive-toggle.screen.close", "stackable/responsive-toggle-".concat(e), this.onOtherScreenClose.bind(this))
}
}, {
key: "componentWillUnmount", value: function () {
var e = this.props.instanceId;
Object(K.removeAction)("stackable.responsive-toggle.screen.change", "stackable/responsive-toggle-".concat(e)), Object(K.removeAction)("stackable.responsive-toggle.screen.open", "stackable/responsive-toggle-".concat(e)), Object(K.removeAction)("stackable.responsive-toggle.screen.close", "stackable/responsive-toggle-".concat(e))
}
}, {
key: "render", value: function () {
var e = this;
return wp.element.createElement("div", {className: "ugb-base-control-multi-label__responsive"}, this.props.screens.length > 1 && this.props.screens.map(function (t, n) {
return n > 0 && !e.state.isScreenPickerOpen && !e.state.isMouseOver ? null : wp.element.createElement("div", {key: n}, wp.element.createElement(P.Button, {
className: e.state.screen === t ? "is-active" : "",
onClick: function () {
return e.onChangeScreen(t)
},
icon: Je[t],
showTooltip: !1,
label: Ye[t],
"data-screen": t,
onMouseEnter: function () {
return e.setState({isMouseOver: t})
},
onMouseLeave: function () {
return e.setState({isMouseOver: !1})
}
}), e.state.isMouseOver === t && wp.element.createElement(P.Popover, {
focusOnMount: !1,
position: "bottom center",
className: "components-tooltip",
"aria-hidden": "true"
}, Ye[t]))
}))
}
}]) && Ge(n.prototype, a), o && Ge(n, o), t
}();
Xe.defaultProps = {
screens: ["desktop"], onChangeScreen: function () {
}
};
var $e = Object(q.withInstanceId)(Xe), Ze = function (e) {
return wp.element.createElement("div", {className: "ugb-base-control-multi-label"}, wp.element.createElement("div", {className: "ugb-base-control-multi-label__label components-base-control__label"}, e.label), wp.element.createElement($e, {
screens: e.screens,
onChangeScreen: e.onChangeScreen
}), wp.element.createElement("div", {className: "ugb-base-control-multi-label__units"}, e.units.length > 1 && e.units.map(function (t, n) {
return wp.element.createElement("button", {
key: n,
className: e.unit === t ? "is-active" : "",
onClick: function () {
return e.onChangeUnit(t)
}
}, t)
}), e.afterButton))
};
Ze.defaultProps = {
label: "", units: ["px"], unit: "px", onChangeUnit: function () {
}, screens: ["desktop"], onChangeScreen: function () {
}, afterButton: null
};
var Qe = Ze;
function et() {
return (et = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function tt(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function nt(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var at = !!P.__experimentalNumberControl, it = function (e) {
var t = e.allowReset, n = e.withInputField, a = e.isShiftStepEnabled,
i = nt(e, ["allowReset", "withInputField", "isShiftStepEnabled"]),
r = tt(Object(c.useState)("" === e.value || isNaN(e.value) ? "" : e.value), 2), u = r[0], b = r[1],
p = function (t) {
if (b(t), !isNaN(t)) {
var n = parseFloat(t);
if (!isNaN(n)) return void e.onChange(Object(o.clamp)(n, e.min, e.max))
}
e.onChange(e.resetFallbackValue)
}, m = l()(["ugb-range-control", e.className], {"ugb-range-control--blank": "" === u}), g = "" === u,
d = e.initialPosition || e.placeholder || "", f = function (e, t, n) {
var a = (e - t) / (n - t) * 100;
return "".concat(Object(o.clamp)(a, 0, 100), "%")
}((g ? d : u) || e.sliderMin || e.min || 0, e.sliderMin || e.min || 0, e.sliderMax || e.max || 100);
return wp.element.createElement("div", {
className: m,
style: {"--ugb-advanced-range-control--width": f}
}, wp.element.createElement(P.RangeControl, et({}, i, {
initialPosition: "",
onChange: p,
withInputField: !1,
allowReset: !1,
max: null !== e.sliderMax ? e.sliderMax : e.max,
min: null !== e.sliderMin ? e.sliderMin : e.min
})), n && at && wp.element.createElement(P.__experimentalNumberControl, {
disabled: e.disabled,
isShiftStepEnabled: a,
max: e.max,
min: e.min,
onChange: p,
onBlur: function () {
if (!isNaN(u)) {
var t = parseFloat(u);
if (!isNaN(t)) return void b(Object(o.clamp)(t, e.min, e.max))
}
b(e.resetFallbackValue)
},
shiftStep: e.shiftStep,
step: e.step,
value: u,
placeholder: null !== e.placeholder ? e.placeholder : d
}), t && wp.element.createElement(P.Button, {
className: "components-range-control__reset",
disabled: e.disabled,
isSecondary: !0,
isSmall: !0,
onClick: function () {
b(e.resetFallbackValue), e.onChange(e.resetFallbackValue)
}
}, Object(s.__)("Reset", I.i18n)))
};
it.defaultProps = {
className: "",
allowReset: !1,
withInputField: !0,
isShiftStepEnabled: !0,
max: 1 / 0,
min: -1 / 0,
sliderMax: null,
sliderMin: null,
shiftStep: 10,
step: 1,
resetFallbackValue: "",
placeholder: null,
initialPosition: 0,
onChange: function () {
}
};
var ot = it;
function rt(e) {
return (rt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function lt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ct(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var st = function (e) {
var t = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? lt(n, !0).forEach(function (t) {
ct(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : lt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(o.omit)(e, ["className", "help", "label", "units", "unit", "onChangeUnit", "screens", "placeholder", "initialPosition"])),
n = e.units.indexOf(e.unit) < 0 ? 0 : e.units.indexOf(e.unit);
Array.isArray(e.min) && (t.min = e.min[n]), Array.isArray(e.max) && (t.max = e.max[n]), Array.isArray(e.step) && (t.step = e.step[n]), t.initialPosition = "" !== e.initialPosition ? e.initialPosition : e.placeholder, t.placeholder = e.placeholder;
var a, r = e.placeholder;
if (Array.isArray(r) || "object" !== rt(r)) Array.isArray(r) && "desktop" === e.screen ? (t.placeholder = r[n] || "", t.initialPosition = r[n] || "", Array.isArray(e.initialPosition) && (t.initialPosition = e.initialPosition[n] || "")) : e.screen && "desktop" !== e.screen && (t.placeholder = "", t.initialPosition = ""); else {
var c = Object(i.W)() || "desktop";
r = void 0 !== r[c] ? r[c] : r[Object.keys(r)[0]], Array.isArray(r) ? (t.placeholder = r[n] || "", t.initialPosition = r[n] || "") : (t.placeholder = r || "", t.initialPosition = r || ""), Array.isArray(e.initialPosition) && (t.initialPosition = e.initialPosition[n] || ""), t.initialPosition = "string" == typeof (a = t.initialPosition) && "" !== a && a.match(/^[\d.]+$/) ? a.includes(".") ? parseFloat(a) : parseInt(a, 10) : a
}
var s = l()(["ugb-advanced-range-control", e.className]);
return wp.element.createElement(P.BaseControl, {
help: e.help,
className: s
}, wp.element.createElement(Qe, {
label: e.label,
units: e.units,
unit: e.unit,
onChangeUnit: e.onChangeUnit,
screens: e.screens
}), wp.element.createElement(ot, t))
};
st.defaultProps = {
onChange: function () {
},
onChangeUnit: function () {
},
help: "",
className: "",
units: ["px"],
unit: "px",
screens: ["desktop"],
placeholder: "",
initialPosition: "",
min: 0,
max: 100
};
var ut = st, bt = function (e) {
return wp.element.createElement(P.BaseControl, {
help: e.help,
className: l()("ugb-advanced-select-control", e.className)
}, wp.element.createElement(Qe, {
label: e.label,
units: e.units,
unit: e.unit,
onChangeUnit: e.onChangeUnit,
screens: e.screens
}), wp.element.createElement(P.SelectControl, Object(o.omit)(e, ["className", "help", "label", "units", "unit", "onChangeUnit", "screens"])))
};
bt.defaultProps = {
onChange: function () {
}, onChangeUnit: function () {
}, help: "", className: "", units: ["px"], unit: "px", screens: ["desktop"]
};
var pt = bt, mt = function (e) {
return wp.element.createElement(P.BaseControl, {
help: e.help,
className: l()("ugb-advanced-text-control", e.className)
}, wp.element.createElement(Qe, {
label: e.label,
units: e.units,
unit: e.unit,
onChangeUnit: e.onChangeUnit,
screens: e.screens
}), wp.element.createElement(P.TextControl, Object(o.omit)(e, ["className", "help", "label", "units", "unit", "onChangeUnit", "screens"])))
};
mt.defaultProps = {
onChange: function () {
}, onChangeUnit: function () {
}, help: "", className: "", units: ["px"], unit: "px", screens: ["desktop"]
};
var gt = n(90), dt = n.n(gt);
function ft(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function ht(e) {
return (ht = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function vt(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function yt(e, t) {
return (yt = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function Ot(e) {
return (Ot = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var wt = function (e) {
return !(!e.length || "object" !== Ot(e[0].options))
}, _t = function (e, t) {
if (!t.length) return e;
if (!wt(t)) {
var n = t.filter(function (t) {
return t.value === e
});
return n.length ? n[0].label : e
}
var a = t.map(function (t) {
return {
title: t.title, options: t.options.filter(function (t) {
return t.value === e
})
}
}).filter(function (e) {
return e.options.length > 0
});
return a.length ? a[0].options[0].label : e
}, jt = function (e) {
return e.value
}, kt = function (e) {
return wp.element.createElement("div", {className: "ugb--autosuggest-group"}, e.title)
}, Ct = function (e) {
return e.options
}, xt = function () {
return !0
}, Et = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = ht(t).apply(this, arguments)) || "object" !== Ot(a) && "function" != typeof a ? vt(n) : a).state = {
value: e.props.value,
label: e.props.value ? _t(e.props.value, e.props.options) : e.props.value,
suggestions: [],
isEmpty: !1
}, e.onSuggestionsFetchRequested = e.onSuggestionsFetchRequested.bind(vt(e)), e.onSuggestionsClearRequested = e.onSuggestionsClearRequested.bind(vt(e)), e.onChange = e.onChange.bind(vt(e)), e.onFocus = e.onFocus.bind(vt(e)), e.autosuggestDiv = Object(c.createRef)(), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && yt(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "onChange", value: function (e, t) {
var n = t.newValue;
this.props.onChange(n), this.setState({value: n, label: _t(n, this.props.options)})
}
}, {
key: "onFocus", value: function () {
var e = this;
this.props.highlightValueOnFocus && setTimeout(function () {
var t = e.autosuggestDiv.current.querySelector('[data-value="'.concat(e.state.value, '"]'));
t && t.scrollIntoView()
}, 0)
}
}, {
key: "onSuggestionsFetchRequested", value: function (e) {
var t = e.value, n = e.reason;
if ("input-focused" !== n && "suggestion-selected" !== n) {
var a = function (e, t) {
var n = e.trim().replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
if (!n) return t;
var a = new RegExp(n, "i");
return wt(t) ? t.map(function (e) {
return {
title: e.title, options: e.options.filter(function (e) {
return a.test(e.label) || a.test(e.value)
})
}
}).filter(function (e) {
return e.options.length > 0
}) : t.filter(function (e) {
return a.test(e.label) || a.test(e.value)
})
}(t, this.props.options);
this.setState({suggestions: a, isEmpty: "" !== t.trim() && 0 === a.length})
} else this.setState({suggestions: this.props.options, isEmpty: !1})
}
}, {
key: "onSuggestionsClearRequested", value: function () {
this.setState({suggestions: []})
}
}, {
key: "render", value: function () {
var e = this, t = this.state, n = t.label, a = t.suggestions,
i = {placeholder: "", value: n, onChange: this.onChange, onFocus: this.onFocus, type: "search"};
return wp.element.createElement(P.BaseControl, {
help: this.props.help,
className: l()("ugb-advanced-autosuggest-control", this.props.className)
}, wp.element.createElement(Qe, {
label: this.props.label,
screens: this.props.screens
}), wp.element.createElement("div", {
className: "ugb-advanced-autosuggest-control__select",
ref: this.autosuggestDiv
}, wp.element.createElement(dt.a, {
multiSection: wt(this.props.options),
suggestions: a,
focusInputOnSuggestionClick: !1,
onSuggestionsFetchRequested: this.onSuggestionsFetchRequested,
onSuggestionsClearRequested: this.onSuggestionsClearRequested,
getSuggestionValue: jt,
renderSuggestion: function (t) {
return wp.element.createElement("div", {
className: "ugb-autosuggest-option",
"data-value": t.value,
id: "ugb-autosuggest-option--".concat(t.id || Object(o.kebabCase)(t.value))
}, e.props.renderOption ? e.props.renderOption(t) : t.label)
},
renderSectionTitle: kt,
getSectionSuggestions: Ct,
shouldRenderSuggestions: xt,
inputProps: i
}), this.state.isEmpty && wp.element.createElement("div", {className: "ugb--autosuggest-empty"}, this.props.noMatchesLabel), this.props.children))
}
}]) && ft(n.prototype, a), i && ft(n, i), t
}();
Et.defaultProps = {
onChange: function () {
},
help: "",
className: "",
screens: ["desktop"],
options: [],
value: "",
noMatchesLabel: Object(s.__)("No matches found", I.i18n),
renderOption: null,
highlightValueOnFocus: !1
};
var St = Et;
function Bt() {
return (Bt = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Tt = C.a.createElement("path", {d: "M3 15.1h14v2H3zM9.4 2.9h1.2v8.6l1.3-1.3 1.1.8-3 3-3-3 1.1-.8 1.3 1.3V2.9z"}),
Pt = function (e) {
return C.a.createElement("svg", Bt({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Tt)
};
function At() {
return (At = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Nt = C.a.createElement("path", {d: "M9 3h2v14H9zM1.6 10.6V9.4h3.9L4.2 8.1 5 7l3 3-3 3-.8-1.1 1.3-1.3H1.6zM18.4 9.4v1.2h-3.9l1.3 1.3L15 13l-3-3 3-3 .8 1.1-1.3 1.3h3.9z"}),
Mt = function (e) {
return C.a.createElement("svg", At({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Nt)
};
function Rt() {
return (Rt = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ft = C.a.createElement("path", {d: "M2.9 3h2v14h-2zM17.1 9.4v1.2H8.5l1.3 1.3L9 13l-3-3 3-3 .8 1.1-1.3 1.3h8.6z"}),
Dt = function (e) {
return C.a.createElement("svg", Rt({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Ft)
};
function It() {
return (It = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var zt = C.a.createElement("path", {d: "M15.1 3h2v14h-2zM2.9 10.6V9.4h8.6l-1.3-1.3L11 7l3 3-3 3-.8-1.1 1.3-1.3H2.9z"}),
Lt = function (e) {
return C.a.createElement("svg", It({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), zt)
};
function Ut() {
return (Ut = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ht = C.a.createElement("path", {d: "M3 16.4h14v2H3zM3 1.6h14v2H3zM10.6 12.8V7.2l1.3 1.3 1.1-.8-3-3-3 3 1.1.8 1.3-1.3v5.6l-1.3-1.3-1.1.8 3 3 3-3-1.1-.8z"}),
Wt = function (e) {
return C.a.createElement("svg", Ut({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Ht)
};
function Gt() {
return (Gt = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Vt = C.a.createElement("path", {d: "M3 3h14v2H3zM10.6 17.1H9.4V8.4L8.1 9.7 7 9l3-3 3 3-1.1.8-1.3-1.3v8.6z"}),
qt = function (e) {
return C.a.createElement("svg", Gt({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Vt)
};
function Kt() {
return (Kt = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Jt = C.a.createElement("path", {d: "M3 9h14v2H3zM10.6 18.4H9.4v-3.9l-1.3 1.3L7 15l3-3 3 3-1.1.8-1.3-1.3v3.9zM9.4 1.6h1.2v3.9l1.3-1.3L13 5l-3 3-3-3 1.1-.8 1.3 1.3V1.6z"}),
Yt = function (e) {
return C.a.createElement("svg", Kt({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Jt)
};
function Xt() {
return (Xt = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function $t(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Zt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Qt = [{
value: "flex-start",
title: Object(s.__)("Align Left", I.i18n),
icon: wp.element.createElement(Dt, null)
}, {
value: "center",
title: Object(s.__)("Align Center", I.i18n),
icon: wp.element.createElement(Mt, null)
}, {value: "flex-end", title: Object(s.__)("Align Right", I.i18n), icon: wp.element.createElement(Lt, null)}],
en = [{
value: "flex-start",
title: Object(s.__)("Align Top", I.i18n),
icon: wp.element.createElement(qt, null)
}, {
value: "center",
title: Object(s.__)("Align Center", I.i18n),
icon: wp.element.createElement(Yt, null)
}, {
value: "flex-end",
title: Object(s.__)("Align Bottom", I.i18n),
icon: wp.element.createElement(Pt, null)
}, {value: "stretch", title: Object(s.__)("Stretch", I.i18n), icon: wp.element.createElement(Wt, null)}], tn = {
"flex-horizontal": Qt,
"flex-vertical": [{
value: "flex-start",
title: Object(s.__)("Align Top", I.i18n),
icon: wp.element.createElement(qt, null)
}, {
value: "center",
title: Object(s.__)("Align Center", I.i18n),
icon: wp.element.createElement(Yt, null)
}, {value: "flex-end", title: Object(s.__)("Align Bottom", I.i18n), icon: wp.element.createElement(Pt, null)}],
"flex-vertical-with-stretch": en
}, nn = function (e) {
var t = "string" == typeof e.controls ? tn[e.controls] : e.controls,
n = l()({"ugb-toolbar--full-width": e.fullwidth, "ugb-toolbar--multiline": e.multiline});
return wp.element.createElement(P.BaseControl, {
help: e.help,
className: l()("ugb-advanced-toolbar-control", e.className)
}, wp.element.createElement(Qe, {
label: e.label,
units: e.units,
unit: e.unit,
onChangeUnit: e.onChangeUnit,
screens: e.screens
}), wp.element.createElement(P.ButtonGroup, {
children: t.map(function (t, n) {
var a = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? $t(n, !0).forEach(function (t) {
Zt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $t(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, t, {
onClick: function () {
e.isToggleOnly && t.value === e.value || e.onChange(t.value !== e.value ? t.value : "")
},
isPrimary: e.value === t.value,
isSmall: e.isSmall,
children: t.icon ? null : t.custom || wp.element.createElement("span", {className: "ugb-advanced-toolbar-control__text-button"}, t.title)
});
return wp.element.createElement(P.Button, Xt({key: n}, a))
}), className: n
}))
};
nn.defaultProps = {
onChange: function () {
},
onChangeUnit: function () {
},
help: "",
className: "",
units: ["px"],
unit: "px",
screens: ["desktop"],
value: "",
controls: [],
multiline: !1,
fullwidth: !0,
isSmall: !1,
isToggleOnly: !1
};
var an = nn;
function on() {
return (on = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var rn = function (e) {
var t = e.placeholder, n = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 21;
return "" === e ? 1 : Math.round(parseFloat(e) / parseFloat(t) * 10) / 10
};
return "string" == typeof t && (t = [t, n(t)]), wp.element.createElement(ut, on({}, e, {
placeholder: t,
onChangeUnit: function (t) {
"" !== e.value && ("em" === t || "rem" === t ? e.onChange(n(e.value)) : "px" === t && e.onChange(function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 21;
return "" === e ? 21 : Math.round(parseFloat(e) * t)
}(e.value))), e.onChangeUnit(t)
}
}))
};
rn.defaultProps = {
label: Object(s.__)("Font Size", I.i18n), value: "", onChange: function () {
}, unit: "px", onChangeUnit: function () {
}, min: [0, 0], max: [150, 7], step: [1, .05], units: ["px", "em"], placeholder: ""
};
var ln = rn;
function cn() {
return (cn = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var sn = n(91).map(function (e) {
return {label: e.family, value: e.family}
}), un = function (e) {
var t = Object(c.useMemo)(function () {
return Object(K.applyFilters)("stackable.font-family-control.options", [{
id: "system-fonts",
title: Object(s.__)("System Fonts", I.i18n),
options: [{
label: Object(s.__)("Sans-Serif", I.i18n),
value: "Sans-Serif"
}, {
label: Object(s.__)("Serif", I.i18n),
value: "Serif"
}, {
label: Object(s.__)("Serif Alternative", I.i18n),
value: "Serif-Alt"
}, {label: Object(s.__)("Monospace", I.i18n), value: "Monospace"}]
}, {id: "google-fonts", title: Object(s.__)("Google Fonts", I.i18n), options: sn}])
}, []);
return wp.element.createElement(St, cn({options: t, highlightValueOnFocus: !0}, e, {
onChange: function (t) {
sn.some(function (e) {
return e.value === t && (Object(i.fb)(t), !0)
}), e.onChange(t)
}
}))
};
un.defaultProps = {
onChange: function () {
}, label: Object(s.__)("Font Family", I.i18n), value: ""
};
var bn = un, pn = n(70);
function mn() {
return (mn = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function gn(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var dn = Object(pn.a)(function (e) {
var t = e.children;
return wp.element.createElement("div", {className: "ugb-sort-control__container"}, t)
}), fn = Object(pn.b)(function (e) {
var t = e.value, n = (e.key, e.index, gn(e, ["value", "key", "index"]));
return wp.element.createElement("div", mn({className: "ugb-sort-control__item"}, n), t)
}), hn = !1, vn = function e(t) {
for (var n = t.values ? t.values.splice(0, t.num) : Object(o.range)(t.num).map(function (e) {
return e + 1
}); n.length < t.num;) n.push(n.length + 1);
return wp.element.createElement(P.BaseControl, {
help: t.help,
className: l()(["ugb-sort-control", t.className, "ugb-sort-control--axis-".concat(t.axis)])
}, wp.element.createElement(Qe, mn({label: t.label}, Object(o.omit)(t, Object.keys(e.defaultProps)), {
afterButton: t.hasReset ? wp.element.createElement(P.Button, {
disabled: !t.values,
onClick: function () {
return t.onChange("", {oldIndex: 0, newIndex: 0})
},
isSmall: !0,
isSecondary: !0
}, Object(s.__)("Reset")) : null
})), wp.element.createElement(dn, {
onSortStart: function () {
return hn = !0
}, onSortOver: function (e) {
var n = e.newIndex;
t.onHover(n)
}, onSortEnd: function (e) {
var a = e.oldIndex, i = e.newIndex;
hn = !1;
var o = function (e, t, n) {
return e.splice(t < n ? n + 1 : n, 0, e[t]), e.splice(t < n ? t : t + 1, 1), e
}(n, a, i);
t.onChange(o, {oldIndex: a, newIndex: i})
}, axis: t.axis
}, n.map(function (e, n) {
return wp.element.createElement(fn, {
key: n, index: n, value: e, onMouseEnter: function () {
hn || t.onHover(n)
}, onMouseLeave: function () {
hn || t.onHover(null)
}
})
})))
};
vn.defaultProps = {
className: "",
help: "",
label: Object(s.__)("Column Arrangement", I.i18n),
num: 2,
axis: "x",
values: null,
onChange: function () {
},
onHover: function () {
},
hasReset: !1
};
function yn(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function On(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? yn(n, !0).forEach(function (t) {
wn(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : yn(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function wn(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var _n = {}, jn = {};
Object(K.addAction)("stackable.inspector.tab.click", "stackable/panel-memory", function (e, t) {
jn[e] = t
}), Object(K.addAction)("stackable.inspector.tab.initial", "stackable/panel-memory", function (e, t) {
void 0 === jn[e] && (jn[e] = t)
});
var kn = function (e) {
var t = function (t) {
var n = Object(c.useMemo)(function () {
return Object(Ce.select)("core/block-editor").getSelectedBlockClientId()
}, []), a = On({}, t, {
onToggle: function (e, a) {
if (n && t.withCaching) {
var i = (r = a.current, (l = r.closest("[data-ugb-tab]")) ? l.getAttribute("data-ugb-tab") : ""),
o = "".concat(n, "-").concat(i);
jn[n] = i, _n[o] = e ? t.title : null
}
var r, l;
t.onToggle(e)
}
});
if (n && t.withCaching) {
var i = jn[n] || "", o = "".concat(n, "-").concat(i), r = _n[o];
r ? a.initialOpen = r === t.title : null === r && (a.initialOpen = !1)
}
return wp.element.createElement(c.Fragment, null, wp.element.createElement(e, a))
};
return t.defaultProps = On({}, e.defaultProps || {}, {withCaching: !0}), t
}, Cn = n(42);
function xn(e) {
return (xn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function En(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Sn(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function Bn(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Tn(e) {
return (Tn = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Pn(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function An(e, t) {
return (An = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Nn = 1, Mn = function (e) {
function t(e) {
var n, a, i;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), a = this, (n = !(i = Tn(t).apply(this, arguments)) || "object" !== xn(i) && "function" != typeof i ? Pn(a) : i).state = {
opened: e.initialOpen,
showAdvanced: e.initialAdvanced
}, n.onToggle = n.onToggle.bind(Pn(n)), n.onAdvancedToggle = n.onAdvancedToggle.bind(Pn(n)), n.instanceId = Nn++, n.panelRef = Object(c.createRef)(), n
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && An(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "checkIfAttributeShouldToggleOn", value: function (e, t) {
if (!this.props.hasToggle || !this.props.toggleAttributeName || !this.props.toggleOnSetAttributes.length) return e;
if (t.attributes[this.props.toggleAttributeName]) return e;
var n = !1;
return this.props.toggleOnSetAttributes.some(function (t) {
return !(!Object.keys(e).includes(t) || "" === e[t] || (n = !0, 0))
}), n ? (this.props.onChange && this.props.onChange(!0), function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? En(n, !0).forEach(function (t) {
Sn(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : En(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, Sn({}, this.props.toggleAttributeName, !0))) : e
}
}, {
key: "componentDidMount", value: function () {
Object(K.addFilter)("stackable.setAttributes", "stackable/panel-advanced-settings-".concat(this.instanceId), this.checkIfAttributeShouldToggleOn.bind(this), 9)
}
}, {
key: "componentWillUnmount", value: function () {
Object(K.removeFilter)("stackable.setAttributes", "stackable/panel-advanced-settings-".concat(this.instanceId))
}
}, {
key: "onToggle", value: function () {
if (this.setState({opened: !this.state.opened}), !this.state.opened && this.panelRef.current) {
var e = this.panelRef.current.querySelector(".components-panel__body-title"),
t = document.querySelector(".ugb-panel-tabs"), n = document.querySelector(".edit-post-sidebar");
t && e.getBoundingClientRect().top < t.getBoundingClientRect().bottom ? Object(Cn.b)(this.panelRef.current) : n && n.getBoundingClientRect().bottom < e.getBoundingClientRect().top && Object(Cn.b)(this.panelRef.current)
}
this.props.onToggle(!this.state.opened, this.panelRef)
}
}, {
key: "onAdvancedToggle", value: function () {
this.setState({showAdvanced: !this.state.showAdvanced})
}
}, {
key: "render", value: function () {
var e = this,
t = l()([this.props.className, "ugb-toggle-panel-body"], Sn({"ugb-toggle-panel-body--advanced": this.state.showAdvanced}, "ugb-panel--".concat(this.props.id), this.props.id));
return wp.element.createElement(P.PanelBody, {
className: t,
initialOpen: this.props.initialOpen,
onToggle: this.onToggle,
opened: this.state.opened,
ref: this.panelRef,
title: wp.element.createElement(c.Fragment, null, this.props.hasToggle && this.props.toggleAttributeName && wp.element.createElement("span", {className: "editor-panel-toggle-settings__panel-title"}, wp.element.createElement(P.FormToggle, {
className: "ugb-toggle-panel-form-toggle",
checked: this.props.checked,
onClick: function (t) {
t.stopPropagation(), t.preventDefault();
var n = e.props.checked;
n && e.state.opened || n || e.state.opened || e.onToggle(), e.props.onChange && e.props.onChange(!n)
},
"aria-describedby": this.props.title
}), this.props.title), !(this.props.hasToggle && this.props.toggleAttributeName) && this.props.title)
}, this.props.children, this.state.showAdvanced && this.props.advancedChildren, this.props.advancedChildren && wp.element.createElement("button", {
className: "ugb-panel-advanced-button",
onClick: this.onAdvancedToggle
}, this.state.showAdvanced ? Object(s.__)("Simple", I.i18n) : Object(s.__)("Advanced", I.i18n)))
}
}]) && Bn(n.prototype, a), i && Bn(n, i), t
}();
Mn.defaultProps = {
id: "",
className: "",
title: Object(s.__)("Settings", I.i18n),
checked: !1,
onChange: null,
initialOpen: !1,
hasToggle: !0,
initialAdvanced: !1,
advancedChildren: null,
toggleOnSetAttributes: [],
toggleAttributeName: "",
onToggle: function () {
}
};
var Rn = kn(Mn);
function Fn() {
return (Fn = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Dn = function (e) {
var t = e.blockProps;
return wp.element.createElement(Rn, Fn({title: Object(s.__)("Spacing", I.i18n)}, e, {className: l()(["ugb--help-tip-spacing", e.className])}), Object(K.applyFilters)("stackable.panel-spacing-body.edit.before", null, t), e.children, Object(K.applyFilters)("stackable.panel-spacing-body.edit.after", null, t))
};
Dn.defaultProps = {className: "", blockProps: {}};
var In = Dn, zn = function (e) {
var t = l()(["ugb-inspector-panel-controls", "ugb-panel-".concat(e.tab)]);
return wp.element.createElement("div", {className: t}, e.children)
};
zn.defaultProps = {tab: "layout"};
var Ln = zn, Un = n(24);
function Hn(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Wn = function (e) {
var t = Hn(Object(c.useState)(!1), 2), n = t[0], a = t[1], i = Hn(Object(c.useState)(""), 2), o = i[0],
r = i[1], l = Hn(Object(c.useState)([]), 2), u = l[0], b = l[1], p = Hn(Object(c.useState)(!0), 2),
m = p[0], g = p[1], d = Hn(Object(c.useState)(""), 2), f = d[0], h = d[1];
return Object(c.useEffect)(function () {
var t = !0;
return Object(Un.c)({type: "block", block: e.block, search: o}).then(function (e) {
t && b(e)
}).finally(function () {
t && g(!1)
}), function () {
t = !1
}
}, n && wp.element.createElement(rg, {
search: o, selectedBlock: e.block, onClose: function () {
a(!1), r("")
}, onSelect: function (t) {
e.onSelect(t), a(!1)
}
}))
};
Wn.defaultProps = {
block: "", onSelect: function () {
}
};
var Gn = Wn, Vn = n(15);
function qn(e) {
return (qn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Kn(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Jn(e) {
return (Jn = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Yn(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function Xn(e, t) {
return (Xn = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var $n = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = Jn(t).apply(this, arguments)) || "object" !== qn(a) && "function" != typeof a ? Yn(n) : a).state = {
isOpen: !1,
slide: 0
}, e.open = e.open.bind(Yn(e)), e.close = e.close.bind(Yn(e)), e.prev = e.prev.bind(Yn(e)), e.next = e.next.bind(Yn(e)), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Xn(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "open", value: function () {
this.setState({isOpen: !0})
}
}, {
key: "close", value: function () {
this.setState({isOpen: !1})
}
}, {
key: "next", value: function () {
var e = this.state.slide >= 4 ? 0 : this.state.slide + 1;
this.setState({slide: e})
}
}, {
key: "prev", value: function () {
var e = this.state.slide <= 0 ? 4 : this.state.slide - 1;
this.setState({slide: e})
}
}, {
key: "render", value: function () {
var e = this.props.tag;
return wp.element.createElement(e, null, wp.element.createElement("a", {
href: "https://wpstackable.com/upgrade/?utm_source=".concat(this.props.buttonUtmSource, "&utm_campaign=learnmore&utm_medium=gutenberg"),
target: "_premium",
onClick: this.open,
className: this.props.buttonClassName
}, this.props.button), this.state.isOpen && wp.element.createElement(P.Modal, {
className: "ugb-pro-modal",
onRequestClose: this.close
}, wp.element.createElement("img", {
src: "https://da4bu55kgdxvv.cloudfront.net/premium-popup.jpg",
alt: Object(s.__)("Premium features", I.i18n)
}), wp.element.createElement("div", {className: "ugb-pro-modal__footer"}, wp.element.createElement("a", {
href: "https://wpstackable.com/upgrade/?utm_source=editor-modal-popup&utm_campaign=upgrade&utm_medium=gutenberg",
className: "button button-secondary",
target: "_premium",
title: Object(s.__)("Upgrade to Premium", I.i18n)
}, wp.element.createElement(Vn.x, null), Object(s.__)("Upgrade to Premium", I.i18n)), wp.element.createElement("a", {
href: "https://demo.wpstackable.com?utm_source=editor-modal-popup&utm_campaign=trydemo&utm_medium=gutenberg",
target: "_premium",
title: Object(s.__)("Try Premium Demo", I.i18n)
}, Object(s.__)("Try Premium Demo", I.i18n)))))
}
}]) && Kn(n.prototype, a), i && Kn(n, i), t
}();
$n.defaultProps = {
button: Object(s.__)("Learn More", I.i18n),
buttonClassName: "button button-secondary",
tag: "div",
buttonUtmSource: "editor-learn-more"
};
var Zn = $n;
function Qn(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var ea = function (e) {
var t, n, a, i = e.designId, o = e.image, r = e.label, s = e.onClick, u = e.plan, b = e.isPro,
p = Qn(Object(c.useState)(!1), 2), m = p[0], g = p[1], d = Qn(Object(c.useState)(!1), 2), f = d[0],
h = d[1],
v = l()(["ugb-design-library-item"], (t = {"ugb--is-busy": m}, n = "ugb--is-".concat(u), a = !b && "free" !== u, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement("div", {
className: v, onMouseEnter: function () {
return h(!0)
}, onMouseLeave: function () {
return h(!1)
}
}, m && wp.element.createElement("span", {
className: "ugb-design-library-item__spinner",
"data-testid": "spinner"
}, wp.element.createElement(P.Spinner, null)), !b && "free" !== u && wp.element.createElement("span", {
className: "ugb-design-library-item__premium",
"data-testid": "premium-tag"
}, u), wp.element.createElement("button", {
className: "ugb-design-library-item__image", onClick: function () {
(b || "free" === u) && (g(!0), Object(Un.b)(i).then(function (e) {
g(!1), s(e)
}))
}
}, !b && "free" !== u && wp.element.createElement(P.Dashicon, {icon: "lock"}), wp.element.createElement("img", {
src: o,
alt: r,
loading: "lazy"
})), wp.element.createElement("footer", null, (b || "free" === u) && wp.element.createElement("span", null, r), !b && "free" !== u && !f && wp.element.createElement("span", null, r), !b && "free" !== u && f && wp.element.createElement(Zn, {
buttonClassName: "ugb-design-library-item__premium-link",
button: wp.element.createElement(c.Fragment, null, e.premiumLabel)
})))
};
ea.defaultProps = {
designId: "", image: "", label: "", onClick: function () {
}, plan: "free", isPro: I.isPro, premiumLabel: Object(s.__)("Go Premium", I.i18n)
};
var ta = ea;
var na = function (e) {
var t, n, a, i = e.designs, o = e.isBusy, r = e.onSelect,
c = l()(["ugb-design-library-items"], (t = {}, n = "ugb-design-library-items--columns-".concat(e.columns), a = !o && e.columns, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement("div", {className: c}, (i || []).map(function (e, t) {
return wp.element.createElement(ta, {
key: t,
type: e.type,
block: e.block,
template: e.template,
plan: e.plan,
designId: e.id,
image: e.image,
label: e.label,
onClick: function (e) {
r(e)
}
})
}), o && wp.element.createElement("div", {
className: "ugb-design-library-search__spinner",
"data-testid": "spinner"
}, wp.element.createElement(P.Spinner, null)), !o && !(i || []).length && wp.element.createElement("p", {
className: "components-base-control__help",
"data-testid": "nothing-found-note"
}, Object(s.__)("No designs found", I.i18n)))
};
na.defaultProps = {
designs: [], columns: 1, onSelect: function () {
}, isBusy: !1
};
var aa = na;
n(413);
function ia(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function oa(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? ia(n, !0).forEach(function (t) {
ra(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ia(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ra(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var la = {}, ca = function (e) {
var t = function (t) {
var n = t.initialTab || la[t.blockProps.clientId] || (Object(i.db)(t.blockProps) ? Object(o.first)(t.tabs) || "layout" : "style");
Object(K.doAction)("stackable.inspector.tab.initial", t.blockProps.clientId, n);
var a = oa({}, t, {
initialTab: n, onClick: function (e) {
la[t.blockProps.clientId] = e, Object(K.doAction)("stackable.inspector.tab.click", t.blockProps.clientId, e), t.onClick(e)
}
});
return wp.element.createElement(c.Fragment, null, wp.element.createElement(e, a))
};
return t.defaultProps = oa({}, e.defaultProps || {}), t
};
function sa(e) {
return (sa = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function ua(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function ba(e) {
return (ba = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function pa(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function ma(e, t) {
return (ma = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var ga = [{
value: "layout",
title: Object(s.__)("Layout", I.i18n),
label: Object(s.__)("Layout Tab", I.i18n),
icon: "admin-settings"
}, {
value: "style",
title: Object(s.__)("Style", I.i18n),
label: Object(s.__)("Style Tab", I.i18n),
icon: "admin-appearance"
}, {
value: "advanced",
title: Object(s.__)("Advanced", I.i18n),
label: Object(s.__)("Advanced Tab", I.i18n),
icon: "admin-tools"
}], da = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = ba(t).apply(this, arguments)) || "object" !== sa(a) && "function" != typeof a ? pa(n) : a).tabsToUse = e.props.tabs || ["layout", "style", "advanced"], e.state = {activeTab: e.props.initialTab ? e.props.initialTab : e.tabsToUse[0]}, e.onButtonPanelClick = e.onButtonPanelClick.bind(pa(e)), e.updateSidebarPanelTab = e.updateSidebarPanelTab.bind(pa(e)), e.select = e.select.bind(pa(e)), e.containerDiv = Object(c.createRef)(), e.props.onTabFirstOpen(e.state.activeTab), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && ma(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "updateSidebarPanelTab", value: function (e) {
var t, n = this.containerDiv.current.closest(".components-panel");
n && (n.setAttribute("data-ugb-tab", e), null === (t = n.closest(".edit-post-sidebar")) || void 0 === t || t.classList.add("ugb--has-panel-tabs"))
}
}, {
key: "componentDidMount", value: function () {
this.updateSidebarPanelTab(this.state.activeTab), this.props.closeOtherPanels && document.body.addEventListener("click", this.onButtonPanelClick)
}
}, {
key: "componentWillUnmount", value: function () {
var e = document.querySelector("[data-ugb-tab]");
e && (e.removeAttribute("data-ugb-tab"), e.closest(".edit-post-sidebar").classList.remove("ugb--has-panel-tabs")), this.props.closeOtherPanels && document.body.removeEventListener("click", this.onButtonPanelClick)
}
}, {
key: "onButtonPanelClick", value: function (e) {
var t, n = e.target.closest(".components-panel__body-toggle");
n && "layout" !== this.state.activeTab && (t = n, [].forEach.call(document.querySelectorAll(".components-panel__body .components-panel__body-toggle"), function (e) {
0 !== e.offsetHeight && e.parentElement.parentElement.classList.contains("is-opened") && t !== e && e.click()
}), this.props.onClickPanel(n.closest(".components-panel__body")))
}
}, {
key: "select", value: function (e) {
this.setState({activeTab: e}), this.updateSidebarPanelTab(e), this.props.onClick(e)
}
}, {
key: "render", value: function () {
var e = this, t = l()([this.props.className, "components-panel__body", "ugb-panel-tabs"]);
return wp.element.createElement("div", {
className: t,
style: this.props.style,
ref: this.containerDiv
}, wp.element.createElement("div", {className: "ugb-panel-tabs__wrapper"}, ga.map(function (t, n) {
var a = t.value, i = t.title, o = t.label, r = t.icon;
return e.tabsToUse.includes(a) ? wp.element.createElement("button", {
key: n,
onClick: function () {
return e.select(a)
},
className: l()(["edit-post-sidebar__panel-tab", "ugb-tab--".concat(a)], {"is-active": e.state.activeTab === a}),
"aria-label": o,
"data-label": o
}, wp.element.createElement(P.Icon, {icon: r}), i) : null
})))
}
}]) && ua(n.prototype, a), i && ua(n, i), t
}();
da.defaultProps = {
className: "",
style: {},
closeOtherPanels: !0,
blockProps: {},
initialTab: "",
onClickPanel: function () {
},
onClick: function () {
},
tabs: null,
onTabFirstOpen: function () {
}
};
var fa = ca(da), ha = n(36);
function va() {
return (va = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ya = function (e) {
var t = l()(["ugb-global-style-control__item"], {"ugb-global-style-control__item--large-preview": e.largePreview}),
n = e.renderPreview && e.renderPreview(Object(o.pick)(e, ["label", "value"]));
return wp.element.createElement("div", {className: t}, n && wp.element.createElement("div", {className: "ugb-global-style-control__item-preview"}, n), wp.element.createElement("div", {className: "ugb-global-style-control__item-label"}, e.label), wp.element.createElement(P.Button, {
className: "ugb-global-style-control__item-button",
onClick: function (t) {
t.preventDefault(), t.stopPropagation(), e.onEdit(e.value)
},
label: Object(s.__)("Edit Style", I.i18n),
isTertiary: !0,
icon: "edit"
}))
};
ya.defaultProps = {
largePreview: !1, renderPreview: function () {
}, onEdit: function () {
}
};
var Oa = function (e) {
var t = e.options;
if (e.value) {
var n = e.options.find(function (t) {
return t.value === e.value
});
n && (t = e.options.filter(function (t) {
return t.value !== e.value
})).unshift(n)
}
var a = l()(["ugb-global-style-control", e.className], {"ugb--has-value": e.value});
return wp.element.createElement(St, {
className: a,
label: e.label,
onChange: e.onChange,
value: e.style,
options: t,
renderOption: function (t) {
return wp.element.createElement(ya, va({}, t, {
largePreview: e.largePreview,
onEdit: e.onEdit,
renderPreview: e.renderPreview
}))
}
}, e.value && wp.element.createElement(P.Button, {
icon: "edit",
label: Object(s.__)("Edit Style", I.i18n),
isSecondary: !0,
onClick: function () {
return e.onEdit(e.value)
}
}), e.value && wp.element.createElement(P.Button, {
icon: "editor-unlink",
label: Object(s.__)("Unlink Style", I.i18n),
isSecondary: !0,
disabled: !e.value,
onClick: e.onUnlink
}))
};
Oa.defaultProps = {
className: "",
label: Object(s.__)("Style", I.i18n),
value: "",
options: [],
onChange: function () {
},
onEdit: function () {
},
onUnlink: function () {
},
renderPreview: null,
largePreview: !1
};
function wa() {
return (wa = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var _a = function (e) {
var t = e.options, n = e.selected, a = e.title, i = void 0 === a ? Object(s.__)("Layout", I.i18n) : a,
r = e.selectedOptionInTitle, c = void 0 === r || r, u = e.help, b = void 0 === u ? "" : u, p = e.className,
m = void 0 === p ? "" : p, g = e.initialOpen, d = void 0 === g || g, f = t ? t.find(function (e) {
return e.value === n
}) : null, h = f ? "".concat(i, " – ").concat(f.label) : i, v = l()(["ugb-design-panel-body", m]);
return wp.element.createElement(Rn, wa({
title: c ? wp.element.createElement("span", null, h) : i,
className: v,
initialOpen: d
}, Object(o.omit)(e, ["help"])), b && wp.element.createElement("p", {className: "components-base-control__help"}, b), t && wp.element.createElement(Sa, Object(o.omit)(e, ["help", "title"])), e.children)
};
var ja = function (e) {
var t = e.imageFile, n = e.imageHoverFile, a = e.imageWidth, i = void 0 === a ? "" : a, o = e.imageHeight,
r = void 0 === o ? "" : o, l = e.label,
c = t ? t.match(/https?:/i) ? t : I.srcUrl ? "".concat(I.srcUrl, "/").concat(t) : t : "",
s = n ? n.match(/https?:/i) ? n : I.srcUrl ? "".concat(I.srcUrl, "/").concat(n) : n : null;
return wp.element.createElement("span", {className: "ugb-design-panel-item"}, s && wp.element.createElement("img", {
className: "ugb-design-panel-item__hover-image",
src: s,
alt: l,
width: i,
height: r
}), c && wp.element.createElement("img", {
className: "ugb-design-panel-item__image",
src: c,
alt: l,
width: i,
height: r
}), wp.element.createElement("span", {className: "design-label"}, l))
};
function ka() {
return (ka = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Ca(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function xa(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Ea = function (e) {
var t = e.options.filter(function (e) {
return !e.premium || I.isPro
}).map(function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Ca(n, !0).forEach(function (t) {
xa(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ca(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
label: wp.element.createElement(ja, {
imageFile: e.image,
imageHoverFile: e.hoverImage,
imageWidth: e.imageWidth,
imageHeight: e.imageHeight,
isPro: e.isPro,
label: e.label
}), title: e.label, value: e.value
})
}),
n = l()([e.className, "ugb-design-control-wrapper", "components-base-control", "ugb-design-control--columns-".concat(e.columns)]);
return wp.element.createElement("div", {className: n}, e.label && wp.element.createElement("div", {className: "components-base-control__label"}, e.label), wp.element.createElement(P.RadioControl, ka({}, Object(o.omit)(e, ["label"]), {
className: "ugb-design-control",
selected: e.selected,
options: t,
onChange: e.onChange
})))
};
Ea.defaultProps = {
className: "", columns: 2, selected: "", options: [], onChange: function () {
}
};
var Sa = Ea, Ba = n(92), Ta = n.n(Ba), Pa = n(93), Aa = n.n(Pa), Na = n(94), Ma = n.n(Na), Ra = n(95), Fa = n.n(Ra),
Da = n(96), Ia = n.n(Da), za = n(97), La = n.n(za), Ua = n(98), Ha = n.n(Ua), Wa = n(99), Ga = n.n(Wa),
Va = n(100), qa = n.n(Va), Ka = n(101), Ja = n.n(Ka), Ya = n(102), Xa = n.n(Ya), $a = n(103), Za = n.n($a),
Qa = n(104), ei = n.n(Qa);
function ti() {
return (ti = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function ni(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var ai = [{
image: Ja.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Wave", I.i18n), 1),
value: "wave-1"
}, {image: qa.a, label: Object(s.__)("Straight", I.i18n), value: "straight-1"}, {
image: Xa.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Wave", I.i18n), 2),
value: "wave-2"
}, {
image: Za.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Wave", I.i18n), 3),
value: "wave-3"
}, {
image: ei.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Wave", I.i18n), 4),
value: "wave-4"
}, {
image: Ha.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Slant", I.i18n), 1),
value: "slant-1"
}, {
image: Ga.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Slant", I.i18n), 2),
value: "slant-2"
}, {
image: Ta.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Curve", I.i18n), 1),
value: "curve-1"
}, {
image: Aa.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Curve", I.i18n), 2),
value: "curve-2"
}, {
image: Ma.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Curve", I.i18n), 3),
value: "curve-3"
}, {
image: Fa.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Rounded", I.i18n), 1),
value: "rounded-1"
}, {
image: Ia.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Rounded", I.i18n), 2),
value: "rounded-2"
}, {
image: La.a,
label: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Rounded", I.i18n), 3),
value: "rounded-3"
}];
Object(K.addFilter)("stackable.separator.edit.layouts", "default", function (e) {
return Object(o.uniqBy)([].concat(ni(e), ai), "value")
});
var ii = function (e) {
var t = (Object(K.applyFilters)("stackable.separator.edit.layouts", []) || []).filter(function (t) {
return -1 === Object(o.findIndex)(e.excludeDesigns, function (e) {
return e === t.value
})
});
return wp.element.createElement(P.BaseControl, {
className: "ugb-design-separator-control",
id: "ugb-design-separator-control",
label: e.label,
help: e.help
}, wp.element.createElement(Sa, ti({options: t}, Object(o.omit)(e, ["label", "help"]))))
};
ii.defaultProps = {label: "", help: "", excludeDesigns: []};
var oi = ii;
function ri() {
return (ri = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var li = C.a.createElement("path", {
fill: "currentColor",
d: "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z"
}), ci = function (e) {
return C.a.createElement("svg", ri({viewBox: "0 0 496 512", xmlns: "http://www.w3.org/2000/svg"}, e), li)
};
function si() {
return (si = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ui = Object(q.withInstanceId)(Object(q.withState)({openPopover: !1, clickedOnButton: !1})(function (e) {
var t = e.instanceId, n = e.openPopover, a = e.clickedOnButton, i = e.setState;
return wp.element.createElement(P.BaseControl, si({className: "ugb-icon-control ugb-icon-control-".concat(t)}, Object(o.omit)(e, ["onChange", "value"])), wp.element.createElement("div", {className: "ugb-icon-control__wrapper"}, wp.element.createElement("div", {className: "ugb-icon-control__button-wrapper"}, wp.element.createElement(P.Button, {
isSecondary: !0,
className: "ugb-icon-control__icon-button",
onClick: function () {
i(a ? {openPopover: !1, clickedOnButton: !1} : {openPopover: !0})
}
}, e.value && wp.element.createElement(vr, {value: e.value}), !e.value && wp.element.createElement(ci, {style: {opacity: .3}})), n && wp.element.createElement(xi, {
onClickOutside: function (e) {
e.target && e.target.closest(".ugb-icon-control-".concat(t)) ? i({clickedOnButton: !0}) : i({
openPopover: !1,
clickedOnButton: !1
})
}, onClose: function () {
return i({openPopover: !1})
}, returnSVGValue: e.returnSVGValue, onChange: e.onChange
})), wp.element.createElement(P.Button, {
onClick: function () {
e.onReset ? e.onReset() : e.onChange(""), i({openPopover: !1})
}, isSmall: !0, isSecondary: !0, className: "components-range-control__reset"
}, Object(s.__)("Reset", I.i18n))))
}));
ui.defaultProps = {
label: Object(s.__)("Icon", I.i18n), value: "", returnSVGValue: !0, onChange: function () {
}
};
var bi = ui;
function pi() {
return (pi = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var mi = C.a.createElement("path", {
fill: "currentColor",
d: "M360 480H24c-13.3 0-24-10.7-24-24v-24c0-13.3 10.7-24 24-24h336c13.3 0 24 10.7 24 24v24c0 13.3-10.7 24-24 24zM128 56v136H40.3c-17.8 0-26.7 21.5-14.1 34.1l152.2 152.2c7.5 7.5 19.8 7.5 27.3 0l152.2-152.2c12.6-12.6 3.7-34.1-14.1-34.1H256V56c0-13.3-10.7-24-24-24h-80c-13.3 0-24 10.7-24 24z"
}), gi = function (e) {
return C.a.createElement("svg", pi({
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "arrow-alt-to-bottom",
className: "drop_svg__svg-inline--fa drop_svg__fa-arrow-alt-to-bottom drop_svg__fa-w-12",
viewBox: "0 0 384 512",
xmlns: "http://www.w3.org/2000/svg"
}, e), mi)
};
function di(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function fi(e, t, n, a, i, o, r) {
try {
var l = e[o](r), c = l.value
} catch (e) {
return void n(e)
}
l.done ? t(c) : Promise.resolve(c).then(a, i)
}
var hi = function () {
var e, t = (e = regeneratorRuntime.mark(function e() {
var t, n, a, i, o = arguments;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
return t = o.length > 0 && void 0 !== o[0] ? o[0] : "icon", n = o.length > 1 && void 0 !== o[1] ? o[1] : I.fontAwesomeSearchProIcons, a = '{ search(version: "latest", first: 50, query: "'.concat((t || "info").replace(/["'\\]/g, ""), '") {\n\t\t\tid\n\t\t\tmembership {\n\t\t\t\tfree\n\t\t\t\t').concat(n ? "pro" : "", "\n\t\t\t}\n\t\t} }"), e.next = 5, fetch("https://api.fontawesome.com", {
method: "POST",
headers: {"Content-Type": "application/json", Accept: "application/json"},
body: JSON.stringify({query: a})
}).then(function (e) {
return e.json()
});
case 5:
return i = e.sent, e.abrupt("return", i.data.search.reduce(function (e, t) {
return vi(t, n).forEach(function (t) {
e.push(t)
}), e
}, []));
case 7:
case"end":
return e.stop()
}
}, e)
}), function () {
var t = this, n = arguments;
return new Promise(function (a, i) {
var o = e.apply(t, n);
function r(e) {
fi(o, a, i, r, l, "next", e)
}
function l(e) {
fi(o, a, i, r, l, "throw", e)
}
r(void 0)
})
});
return function () {
return t.apply(this, arguments)
}
}(), vi = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
n = [].concat(di(e.membership.free), di(t ? e.membership.pro.filter(function (t) {
return !e.membership.free.includes(t)
}) : []));
return n.map(function (t) {
return {className: "fa".concat(t[0], " fa-").concat(e.id), prefix: "fa".concat(t[0]), iconName: e.id}
})
}, yi = n(105);
function Oi(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var wi = null, _i = null, ji = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "ugb-custom-icon";
return e.match(/(<svg[^>]*class=["'])/) ? e.replace(/(<svg[^>]*class=["'])/, "$1".concat(t, " ")) : e.match(/(<svg)/) ? e.replace(/(<svg)/, '$1 class="'.concat(t, '"')) : e
}, ki = function (e) {
for (var t = e.replace(/(^[\s\S]*?)(<svg)/gm, "$2").replace(/(<\/svg>)([\s\S]*)/g, "$1"), n = 0; n < 2; n++) t = t.replace(/\s*<g\s*>([\s\S]*?)<\/g>\s*/gm, "$1");
return t
}, Ci = function (e) {
var t = Oi(Object(c.useState)(""), 2), n = t[0], a = t[1], o = Oi(Object(c.useState)([]), 2), r = o[0],
u = o[1], b = Oi(Object(c.useState)(!1), 2), p = b[0], m = b[1], g = Oi(Object(c.useState)(!1), 2),
d = g[0], f = g[1], h = e.returnSVGValue;
Object(c.useEffect)(function () {
var e = !0;
return clearTimeout(wi), wi = setTimeout(function () {
e && (m(!0), hi(n).then(function (t) {
e && u(t)
}).finally(function () {
e && m(!1)
}))
}, 500), function () {
e = !1, clearTimeout(wi)
}
}, [n]), Object(c.useEffect)(function () {
_i || (_i = wp.data.select("core/block-editor").getSettings().mediaUpload), d ? wp.data.dispatch("core/block-editor").updateSettings({mediaUpload: null}) : wp.data.select("core/block-editor").getSettings().mediaUpload !== _i && wp.data.dispatch("core/block-editor").updateSettings({mediaUpload: _i})
}, [d]);
var v = l()(["ugb-icon-popover__label-container"], {
"ugb-icon--has-settings": I.isPro,
"ugb-icon--has-upload": h,
"ugb-icon--has-reset": e.allowReset
});
return wp.element.createElement(P.Popover, {
className: "ugb-icon-popover",
onClose: e.onClose,
onClickOutside: e.onClickOutside,
position: e.position,
anchorRef: e.anchorRef
}, wp.element.createElement(P.PanelBody, null, wp.element.createElement(yi.FileDrop, {
onFrameDragEnter: function () {
return f(!0)
}, onFrameDragLeave: function () {
return f(!1)
}, onFrameDrop: function () {
return f(!1)
}, onDrop: function (t) {
if (h && t.length) if ("image/svg+xml" === t[0].type) {
var n = new FileReader;
n.onload = function (t) {
f(!1);
var n = ki(ji(t.target.result));
e.onChange(n), e.onClose()
}, n.readAsText(t[0])
} else f(!1); else f(!1)
}
}, wp.element.createElement("div", {className: v}, wp.element.createElement(P.TextControl, {
className: "ugb-icon-popover__input",
value: n,
onChange: a,
placeholder: Object(s.__)("Type to search icon", I.i18n)
}), I.isPro && wp.element.createElement(P.Button, {
className: "ugb-icon-popover__settings-button",
icon: "admin-generic",
href: I.settingsUrl + "#icon-settings",
target: "_settings",
iconSize: "16",
label: Object(s.__)("Icon Settings", I.i18n),
showTooltip: !0,
isSmall: !0,
isSecondary: !0
}), h && wp.element.createElement(P.Button, {
onClick: function (t) {
t.preventDefault();
var n = document.createElement("input");
n.accept = "image/svg+xml", n.type = "file", n.onchange = function (t) {
var n = t.target.files;
if (n.length) {
var a = new FileReader;
a.onload = function (t) {
f(!1);
var n = ki(ji(t.target.result));
e.onChange(n), e.onClose()
}, a.readAsText(n[0])
} else f(!1)
}, n.click()
}, isSmall: !0, isPrimary: !0, className: "components-range-control__upload"
}, Object(s.__)("Upload SVG", I.i18n)), e.allowReset && wp.element.createElement(P.Button, {
onClick: function () {
e.onChange(""), e.onClose()
}, isSmall: !0, isSecondary: !0, className: "components-range-control__reset"
}, Object(s.__)("Clear icon", I.i18n))), wp.element.createElement("div", {className: "ugb-icon-popover__iconlist"}, p && wp.element.createElement(P.Spinner, null), !p && r.map(function (t, n) {
var a = t.prefix, o = t.iconName, r = "".concat(a, "-").concat(o);
return wp.element.createElement("button", {
key: n,
className: "components-button ugb-prefix--".concat(a, " ugb-icon--").concat(o),
onClick: function () {
e.returnSVGValue ? e.onChange(ki(Object(i.O)(a, o))) : e.onChange(r, a, o), e.onClose()
}
}, wp.element.createElement(gg, {prefix: a, iconName: o}))
}), !p && !r.length && wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("No matches found", I.i18n))), h && d && wp.element.createElement("div", {className: "ugb-icon-popover__drop-indicator"}, wp.element.createElement(gi, {
height: "40",
width: "40"
}), Object(s.__)("Drop your SVG here", I.i18n)))))
};
Ci.defaultProps = {
onChange: function () {
}, onClose: function () {
}, onClickOutside: function () {
}, returnSVGValue: !0, allowReset: !0, anchorRef: void 0, position: "center"
};
var xi = Ci, Ei = function (e) {
return wp.element.createElement(ps, {
attrNameTemplate: "%sContentAlign",
setAttributes: e.setAttributes,
blockAttributes: e.blockAttributes
}, wp.element.createElement(Vs, {label: e.label, className: l()([e.className, "ugb--help-tip-alignment-all"])}))
};
Ei.defaultProps = {
className: "", setAttributes: function () {
}, blockAttributes: {}, label: Object(s.__)("Align", I.i18n)
};
var Si = Ei, Bi = function () {
return wp.element.createElement("hr", {className: "ugb-control-separator"})
};
function Ti(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Pi = function (e) {
var t = e.color || "transparent";
if (Array.isArray(t)) {
var n = Ti(t, 2), a = n[0], i = n[1];
t = "linear-gradient(90deg, ".concat(a || "transparent", ", ").concat(i || "transparent", ")")
}
var o = l()(["components-circular-option-picker__option-wrapper", "ugb-button-icon-popover-control-color-preview"], {"ugb-button-icon-popover-control-color-preview--transparent": !t || "transparent" === t});
return wp.element.createElement(c.Fragment, null, wp.element.createElement("div", {className: o}, wp.element.createElement(P.Button, {
className: "components-circular-option-picker__option",
label: Object(s.__)("Selected color", I.i18n),
style: {background: t},
onClick: e.onClick,
ref: e._ref
}), e.children))
};
Pi.defaultProps = {
color: "", onClick: function () {
}, _ref: null
};
var Ai = Pi;
function Ni() {
return (Ni = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Mi = C.a.createElement("path", {d: "M0 0v376h512V0H0zm480 344H32V32h448v312z"}),
Ri = C.a.createElement("circle", {cx: 409.1, cy: 102.9, r: 40.9}),
Fi = C.a.createElement("path", {d: "M480 344H32l86.3-164.2 21.7 11.3 49-77.3 100 113.1 8.9-9.3 17.1 22.3 26-46.4 52.9 71.2 15.1-15.9z"}),
Di = function (e) {
return C.a.createElement("svg", Ni({
viewBox: "0 0 512 376",
xmlns: "http://www.w3.org/2000/svg"
}, e), Mi, Ri, Fi)
}, Ii = function (e) {
return wp.element.createElement(c.Fragment, null, wp.element.createElement("div", {className: "components-circular-option-picker__option-wrapper ugb-button-icon-popover-control-image-preview"}, wp.element.createElement(P.Button, {
className: "components-circular-option-picker__option",
label: Object(s.__)("Selected image", I.i18n),
style: {backgroundImage: e.imageUrl ? "url(".concat(e.imageUrl, ")") : void 0},
onClick: e.onClick,
ref: e._ref
}, !e.imageUrl && wp.element.createElement(Di, null)), e.children))
};
Ii.defaultProps = {
imageUrl: "", onClick: function () {
}, _ref: null
};
var zi = Ii;
function Li(e) {
return (Li = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Ui(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Hi(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function Wi(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Gi(e) {
return (Gi = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Vi(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function qi(e, t) {
return (qi = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Ki = 1, Ji = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = Gi(t).apply(this, arguments)) || "object" !== Li(a) && "function" != typeof a ? Vi(n) : a).state = {
open: !1,
isMouseOutside: !1,
showResetPopover: !1
}, e.handleOpen = e.handleOpen.bind(Vi(e)), e.handleClose = e.handleClose.bind(Vi(e)), e.handleMouseLeave = e.handleMouseLeave.bind(Vi(e)), e.handleMouseEnter = e.handleMouseEnter.bind(Vi(e)), e.handleOnClickOutside = e.handleOnClickOutside.bind(Vi(e)), e.handleReset = e.handleReset.bind(Vi(e)), e.buttonRef = Object(c.createRef)(), e.buttonRefColorPreview = Object(c.createRef)(), e.buttonRefImagePreview = Object(c.createRef)(), e.instanceId = Ki++, e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && qi(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "checkIfAttributeShouldToggleOn", value: function (e, t) {
if (!this.props.onToggle || !this.props.toggleAttributeName || !this.props.toggleOnSetAttributes.length) return e;
if (t.attributes[this.props.toggleAttributeName]) return e;
var n = !1;
return this.props.toggleOnSetAttributes.some(function (t) {
return !(!Object.keys(e).includes(t) || "" === e[t] || (n = !0, 0))
}), n ? function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Ui(n, !0).forEach(function (t) {
Hi(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ui(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, Hi({}, this.props.toggleAttributeName, !0)) : e
}
}, {
key: "componentDidMount", value: function () {
Object(K.addFilter)("stackable.setAttributes", "stackable/button-icon-popover-control-".concat(this.instanceId), this.checkIfAttributeShouldToggleOn.bind(this), 9), document.addEventListener("mousedown", this.handleOnClickOutside)
}
}, {
key: "componentWillUnmount", value: function () {
Object(K.removeFilter)("stackable.setAttributes", "stackable/button-icon-popover-control-".concat(this.instanceId)), document.removeEventListener("mousedown", this.handleOnClickOutside)
}
}, {
key: "handleOpen", value: function () {
this.setState({open: !this.state.open})
}
}, {
key: "handleClose", value: function () {
this.setState({open: !1})
}
}, {
key: "handleMouseLeave", value: function () {
this.setState({isMouseOutside: !0})
}
}, {
key: "handleMouseEnter", value: function () {
this.setState({isMouseOutside: !1})
}
}, {
key: "handleReset", value: function () {
this.props.resetPopoverTitle || this.props.resetPopoverDescription ? this.setState({showResetPopover: !0}) : this.props.onReset()
}
}, {
key: "handleOnClickOutside", value: function (e) {
var t, n, a, i;
(null === (t = window.wp) || void 0 === t ? void 0 : null === (n = t.media) || void 0 === n ? void 0 : null === (a = n.frame) || void 0 === a ? void 0 : null === (i = a.el) || void 0 === i ? void 0 : i.clientHeight) || this.state.isMouseOutside && e.target.closest("button") !== this.buttonRef.current && e.target.closest("button") !== this.buttonRefColorPreview.current && e.target.closest("button") !== this.buttonRefImagePreview.current && (e.target.closest(".ugb-button-icon-control__popover") || this.handleClose())
}
}, {
key: "render", value: function () {
var e = this;
return wp.element.createElement(P.BaseControl, {
help: this.props.help,
label: !this.props.onToggle && wp.element.createElement("label", {htmlFor: "ugb-button-icon-control__edit-".concat(this.instanceId)}, this.props.label),
id: "ugb-button-icon-control",
className: l()("ugb-button-icon-control", this.props.className)
}, this.props.onToggle && wp.element.createElement(P.ToggleControl, {
label: this.props.label,
checked: this.props.checked,
onChange: this.props.onToggle
}), wp.element.createElement("div", {className: "ugb-button-icon-control__wrapper"}, this.props.allowReset && wp.element.createElement(c.Fragment, null, wp.element.createElement(P.Button, {
onClick: this.handleReset,
className: "ugb-button-icon-control__reset",
label: Object(s.__)("Reset", I.i18n),
icon: "image-rotate"
}), this.state.showResetPopover && wp.element.createElement(P.Popover, {
onClickOutside: function () {
return e.setState({showResetPopover: !1})
}, focusOnMount: !1, position: "bottom center"
}, wp.element.createElement("div", {className: "components-color-picker__body"}, wp.element.createElement("h4", {className: "ugb-button-icon-control__text-title"}, this.props.resetPopoverTitle), wp.element.createElement("p", {className: "components-base-control__help"}, this.props.resetPopoverDescription), wp.element.createElement(P.ButtonGroup, null, wp.element.createElement(P.Button, {
onClick: function () {
e.setState({showResetPopover: !1}), e.props.onReset()
}, isDestructive: !0, isSecondary: !0, isSmall: !0
}, Object(s.__)("Reset", I.i18n)), wp.element.createElement(P.Button, {
onClick: function () {
return e.setState({showResetPopover: !1})
}, isSmall: !0
}, Object(s.__)("Cancel", I.i18n)))))), this.props.hasImagePreview && wp.element.createElement(zi, {
imageUrl: this.props.imageUrlPreview,
onClick: this.handleOpen,
_ref: this.buttonRefImagePreview
}), this.props.hasColorPreview && wp.element.createElement(Ai, {
color: this.props.colorPreview,
onClick: this.handleOpen,
_ref: this.buttonRefColorPreview
}), this.props.renderCustomPreview && this.props.renderCustomPreview(), wp.element.createElement(P.Button, {
onClick: this.handleOpen,
className: "ugb-button-icon-control__edit",
label: Object(s.__)("Edit", I.i18n),
isSecondary: !0,
icon: "edit",
id: "ugb-button-icon-control__edit-".concat(this.instanceId),
ref: this.buttonRef
}), this.state.open && wp.element.createElement(P.Popover, {
className: "ugb-button-icon-control__popover",
focusOnMount: "container",
anchorRef: this.buttonRef.current,
onMouseLeave: this.handleMouseLeave,
onMouseEnter: this.handleMouseEnter
}, wp.element.createElement(P.PanelBody, null, (void 0 !== this.props.popoverLabel ? this.props.popoverLabel : this.props.label) && wp.element.createElement("h2", {className: "components-panel__body-title"}, this.props.popoverLabel || this.props.label), this.props.children))))
}
}]) && Wi(n.prototype, a), i && Wi(n, i), t
}();
Ji.defaultProps = {
help: "",
label: "",
popoverLabel: void 0,
className: "",
allowReset: !1,
onReset: function () {
},
checked: !1,
onToggle: void 0,
toggleOnSetAttributes: [],
toggleAttributeName: "",
colorPreview: null,
imageUrlPreview: "",
hasColorPreview: !1,
hasImagePreview: !1,
renderCustomPreview: null
};
var Yi = Ji, Xi = function (e) {
var t = Object(i.U)(e.imageData, e.size || "full"), n = e.widthMax || 1e3, a = 0;
e.imageData && e.onChangeSize && t && (n = t.width, a = t.height);
var o = !!t && t.width === t.height;
return wp.element.createElement(c.Fragment, null, e.onChangeImage && wp.element.createElement(se, {
label: Object(s.__)("Image", I.i18n),
imageID: e.id,
imageURL: e.url,
onRemove: function () {
return e.onChangeImage({url: "", id: "", width: "", height: ""})
},
onChange: function (t) {
var n = t.url, a = t.width, i = t.height, o = e.size || "full";
t.sizes[o] && (n = t.sizes[o].url, a = t.sizes[o].width, i = t.sizes[o].height), e.onChangeImage({
id: t.id,
url: n,
width: a,
height: i
})
}
}), e.onChangeShape && wp.element.createElement(Ee, {
isSquareImage: o,
shape: e.shape,
shapeFlipX: e.shapeFlipX,
shapeFlipY: e.shapeFlipY,
shapeStretch: e.shapeStretch,
onChangeShape: e.onChangeShape,
onChangeShapeFlipX: e.onChangeShapeFlipX,
onChangeShapeFlipY: e.onChangeShapeFlipY,
onChangeShapeStretch: e.onChangeShapeStretch
}), wp.element.createElement(Bi, null), e.onChangeAlt && wp.element.createElement(pe, {
value: e.alt,
onChange: e.onChangeAlt
}), e.onChangeSize && wp.element.createElement(Pe, {
label: Object(s.__)("Image Size", I.i18n),
value: e.size,
onChange: function (t) {
var n = Object(i.U)(e.imageData, t || "full"), a = "", o = "", r = e.url;
n && (a = n.width, o = n.height, r = n.source_url), e.onChangeSize(t, r, a, o)
}
}), e.onChangeWidth && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(ut, {
label: Object(s.__)("Image Width", I.i18n),
value: e.width,
placeholder: e.placeholder,
max: n,
min: 0,
onChange: function (t) {
var i = a / n;
e.onChangeWidth("number" == typeof t ? t : "", "number" == typeof t ? parseInt(i * t, 10) : "")
},
allowReset: !0,
className: "ugb--help-tip-image-size-no-crop"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ut, {
label: Object(s.__)("Image Width", I.i18n),
value: e.tabletWidth,
max: n,
min: 0,
onChange: e.onChangeTabletWidth,
allowReset: !0,
className: "ugb--help-tip-image-size-no-crop"
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ut, {
label: Object(s.__)("Image Width", I.i18n),
value: e.mobileWidth,
max: n,
min: 0,
onChange: e.onChangeMobileWidth,
allowReset: !0,
className: "ugb--help-tip-image-size-no-crop"
}))), e.onChangeSquare && wp.element.createElement(c.Fragment, null, ("number" == typeof e.width || e.width) && wp.element.createElement(ys, null, wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Force square image", I.i18n),
checked: e.square,
onChange: e.onChangeSquare,
className: "ugb--help-tip-image-square"
})), ("number" == typeof e.tabletWidth || e.tabletWidth) && wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Force square image", I.i18n),
checked: e.tabletSquare,
onChange: e.onChangeTabletSquare,
className: "ugb--help-tip-image-square"
})), ("number" == typeof e.mobileWidth || e.mobileWidth) && wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Force square image", I.i18n),
checked: e.mobileSquare,
onChange: e.onChangeMobileSquare,
className: "ugb--help-tip-image-square"
}))), e.onChangeBorderRadius && "" === e.shape && wp.element.createElement(ut, {
label: Object(s.__)("Border Radius", I.i18n),
value: e.borderRadius,
onChange: e.onChangeBorderRadius,
min: 0,
max: 100,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-image-border-radius"
}), e.onChangeShadow && "" === e.shape && wp.element.createElement(ut, {
label: Object(s.__)("Shadow / Outline", I.i18n),
value: e.shadow,
onChange: e.onChangeShadow,
min: 0,
max: 9,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-image-shadow"
}), e.onChangeBlendMode && wp.element.createElement(ne, {
label: Object(s.__)("Blend Mode", I.i18n),
value: e.blendMode,
onChange: e.onChangeBlendMode
}))
};
Xi.defaultProps = {
id: "", url: "", onChangeImage: function (e) {
e.url, e.id, e.width, e.height
}, shape: "", onChangeShape: function () {
}, shapeStretch: "", onChangeShapeStretch: function () {
}, alt: "", onChangeAlt: function () {
}, size: "large", onChangeSize: function () {
}, widthMax: 1e3, width: "", tabletWidth: "", mobileWidth: "", onChangeWidth: function () {
}, onChangeTabletWidth: function () {
}, onChangeMobileWidth: function () {
}, square: "", tabletSquare: "", mobileSquare: "", onChangeSquare: function () {
}, onChangeTabletSquare: function () {
}, onChangeMobileSquare: function () {
}, borderRadius: "", onChangeBorderRadius: function () {
}, shadow: "", onChangeShadow: function () {
}, blendMode: "", onChangeBlendMode: function () {
}
};
var $i = Object(q.compose)(Object(Ce.withSelect)(function (e, t) {
var n = e("core").getMedia;
return Object(i.f)(t.id, e), {imageData: t.id ? n(t.id) : null}
}))(Xi);
function Zi() {
return (Zi = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Qi(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var eo = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = Object(i.b)(e.blockAttributes, n, "");
return wp.element.createElement($i, Zi({
id: a("Id"),
url: a("Url"),
onChangeImage: function (e) {
var a, i = e.url, o = e.id, r = e.width, l = e.height;
t((Qi(a = {}, n("Url"), i), Qi(a, n("Id"), o), Qi(a, n("Width"), r), Qi(a, n("Height"), l), a))
},
alt: a("Alt"),
onChangeAlt: function (e) {
return t(Qi({}, n("Alt"), e))
},
size: a("Size"),
onChangeSize: function (e, a, i, o) {
var r;
t((Qi(r = {}, n("Size"), e), Qi(r, n("Url"), a), Qi(r, n("Width"), i), Qi(r, n("Height"), o), r))
},
shape: a("Shape"),
onChangeShape: function (e) {
return t(Qi({}, n("Shape"), e))
},
shapeFlipX: a("ShapeFlipX"),
onChangeShapeFlipX: function (e) {
return t(Qi({}, n("ShapeFlipX"), e))
},
shapeFlipY: a("ShapeFlipY"),
onChangeShapeFlipY: function (e) {
return t(Qi({}, n("ShapeFlipY"), e))
},
shapeStretch: a("ShapeStretch"),
onChangeShapeStretch: function (e) {
return t(Qi({}, n("ShapeStretch"), e))
},
style: a("Style"),
onChangeStyle: function (e) {
return t(Qi({}, n("Style"), e))
},
width: a("Width"),
tabletWidth: a("TabletWidth"),
mobileWidth: a("MobileWidth"),
onChangeWidth: function (e, a) {
var i;
t((Qi(i = {}, n("Width"), e), Qi(i, n("Height"), a), i))
},
onChangeTabletWidth: function (e) {
return t(Qi({}, n("TabletWidth"), e))
},
onChangeMobileWidth: function (e) {
return t(Qi({}, n("MobileWidth"), e))
},
square: a("Square"),
tabletSquare: a("TabletSquare"),
mobileSquare: a("MobileSquare"),
onChangeSquare: function (e) {
return t(Qi({}, n("Square"), e))
},
onChangeTabletSquare: function (e) {
return t(Qi({}, n("TabletSquare"), e))
},
onChangeMobileSquare: function (e) {
return t(Qi({}, n("MobileSquare"), e))
},
borderRadius: a("BorderRadius"),
onChangeBorderRadius: function (e) {
return t(Qi({}, n("BorderRadius"), e))
},
shadow: a("Shadow"),
onChangeShadow: function (e) {
return t(Qi({}, n("Shadow"), e))
},
blendMode: a("BlendMode"),
onChangeBlendMode: function (e) {
return t(Qi({}, n("BlendMode"), e))
}
}, e))
};
eo.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var to = eo, no = function (e) {
return wp.element.createElement(c.Fragment, null, e.onChangeImage && wp.element.createElement(se, {
label: Object(s.__)("Image", I.i18n),
imageID: e.id,
imageURL: e.url,
onRemove: function () {
return e.onChangeImage({url: "", id: ""})
},
onChange: function (t) {
var n = t.url, a = e.size || "full";
t.sizes[a] && (n = t.sizes[a].url), e.onChangeImage({id: t.id, url: n})
}
}), e.onChangeSize && wp.element.createElement(Pe, {
label: Object(s.__)("Image Size", I.i18n),
value: e.size,
onChange: function (t) {
e.onChangeSize(t, Object(i.V)(e.id, t || "full"))
},
className: "ugb--help-tip-image-size"
}), e.onChangeBackgroundPosition && wp.element.createElement(pt, {
label: Object(s.__)("Background Image Position", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Top Left", I.i18n),
value: "top left"
}, {
label: Object(s.__)("Top Center", I.i18n),
value: "top center"
}, {
label: Object(s.__)("Top Right", I.i18n),
value: "top right"
}, {
label: Object(s.__)("Center Left", I.i18n),
value: "center left"
}, {
label: Object(s.__)("Center Center", I.i18n),
value: "center center"
}, {
label: Object(s.__)("Center Right", I.i18n),
value: "center right"
}, {
label: Object(s.__)("Bottom Left", I.i18n),
value: "bottom left"
}, {
label: Object(s.__)("Bottom Center", I.i18n),
value: "bottom center"
}, {label: Object(s.__)("Bottom Right", I.i18n), value: "bottom right"}],
value: e.backgroundPosition,
onChange: e.onChangeBackgroundPosition,
className: "ugb--help-tip-background-image-position"
}), e.onChangeBackgroundRepeat && wp.element.createElement(pt, {
label: Object(s.__)("Background Image Repeat", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("No-Repeat", I.i18n),
value: "no-repeat"
}, {label: Object(s.__)("Repeat", I.i18n), value: "repeat"}, {
label: Object(s.__)("Repeat-X", I.i18n),
value: "repeat-x"
}, {label: Object(s.__)("Repeat-Y", I.i18n), value: "repeat-y"}],
value: e.backgroundRepeat,
onChange: e.onChangeBackgroundRepeat,
className: "ugb--help-tip-background-image-repeat"
}), e.onChangeBackgroundSize && wp.element.createElement(pt, {
label: Object(s.__)("Background Image Size", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Auto", I.i18n),
value: "auto"
}, {label: Object(s.__)("Cover", I.i18n), value: "cover"}, {
label: Object(s.__)("Contain", I.i18n),
value: "contain"
}, {label: Object(s.__)("Custom", I.i18n), value: "custom"}],
value: e.backgroundSize,
onChange: e.onChangeBackgroundSize,
className: "ugb--help-tip-background-image-size"
}), e.onChangeBackgroundSize && "custom" === e.backgroundSize && wp.element.createElement(ut, {
label: Object(s.__)("Custom Size", I.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
unit: e.backgroundCustomSizeUnit,
onChangeUnit: e.onChangeBackgroundCustomSizeUnit,
value: e.backgroundCustomSize,
onChange: e.onChangeBackgroundCustomSize,
allowReset: !0
}))
};
no.defaultProps = {
id: "", url: "", onChangeImage: function (e) {
e.url, e.id
}, size: "", onChangeSize: function () {
}, backgroundPosition: "", onChangeBackgroundPosition: function () {
}, backgroundRepeat: "", onChangeBackgroundRepeat: function () {
}, backgroundSize: "", onChangeBackgroundSize: function () {
}, backgroundCustomSizeUnit: "", onChangeBackgroundCustomSizeUnit: function () {
}, backgroundCustomSize: "", onChangeBackgroundCustomSize: function () {
}
};
var ao = Object(q.compose)(Object(Ce.withSelect)(function (e, t) {
var n = e("core").getMedia;
return Object(i.f)(t.id, e), {imageData: t.id ? n(t.id) : null}
}))(no);
function io() {
return (io = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function oo(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ro = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = Object(i.b)(e.blockAttributes, n, "");
return wp.element.createElement(ao, io({
id: a("Id"),
url: a("Url"),
onChangeImage: function (e) {
var a, i = e.url, o = e.id;
t((oo(a = {}, n("Url"), i), oo(a, n("Id"), o), a))
},
size: a("Size"),
onChangeSize: function (e, a) {
var i;
t((oo(i = {}, n("Size"), e), oo(i, n("Url"), a), i))
},
backgroundPosition: a("BackgroundPosition"),
onChangeBackgroundPosition: function (e) {
return t(oo({}, n("BackgroundPosition"), e))
},
backgroundRepeat: a("BackgroundRepeat"),
onChangeBackgroundRepeat: function (e) {
return t(oo({}, n("BackgroundRepeat"), e))
},
backgroundSize: a("BackgroundSize"),
onChangeBackgroundSize: function (e) {
return t(oo({}, n("BackgroundSize"), e))
},
backgroundCustomSize: a("BackgroundCustomSize"),
onChangeBackgroundCustomSize: function (e) {
return t(oo({}, n("BackgroundCustomSize"), e))
},
backgroundCustomSizeUnit: a("BackgroundCustomSizeUnit") || "px",
onChangeBackgroundCustomSizeUnit: function (e) {
return t(oo({}, n("BackgroundCustomSizeUnit"), e))
}
}, e))
};
ro.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var lo = ro;
function co() {
return (co = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var so = function (e) {
var t = Object(c.useMemo)(function () {
return "function" == typeof e.placeholder ? e.fontSize || Math.round(e.placeholder(Object(i.S)(e.htmlTag, !0))) : e.fontSize || e.placeholder || Object(i.S)(e.htmlTag, !0)
}, [e.htmlTag, e.fontSize]);
return wp.element.createElement(c.Fragment, null, wp.element.createElement(Yi, {
label: e.label,
popoverLabel: e.popoverLabel,
onReset: e.onReset,
allowReset: e.fontFamily || e.fontSize || e.tabletFontSize || e.mobileFontSize || e.fontWeight || e.textTransform || e.lineHeight || e.tabletLineHeight || e.mobileLineHeight || e.letterSpacing,
resetPopoverTitle: e.resetPopoverTitle,
resetPopoverDescription: e.resetPopoverDescription,
className: e.className
}, e.onChangeFontFamily && wp.element.createElement(bn, {
label: Object(s.__)("Font Family", I.i18n),
onChange: e.onChangeFontFamily,
value: e.fontFamily,
className: "ugb--help-tip-typography-family"
}), e.onChangeFontSize && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeFontSize,
value: e.fontSize,
allowReset: !0,
unit: e.fontSizeUnit,
onChangeUnit: e.onChangeFontSizeUnit
}, e.fontSizeProps, {
placeholder: t,
className: "ugb--help-tip-typography-size"
}))), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeTabletFontSize,
value: e.tabletFontSize,
allowReset: !0,
unit: e.tabletfontSizeUnit,
onChangeUnit: e.onChangeTabletFontSizeUnit
}, e.fontSizeProps, {className: "ugb--help-tip-typography-size"}))), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeMobileFontSize,
value: e.mobileFontSize,
allowReset: !0,
unit: e.mobilefontSizeUnit,
onChangeUnit: e.onChangeMobileFontSizeUnit
}, e.fontSizeProps, {className: "ugb--help-tip-typography-size"})))), e.onChangeFontWeight && wp.element.createElement(P.SelectControl, {
label: Object(s.__)("Weight", I.i18n),
options: [{label: "100", value: "100"}, {label: "200", value: "200"}, {
label: "300",
value: "300"
}, {label: "400", value: "400"}, {label: "500", value: "500"}, {label: "600", value: "600"}, {
label: "700",
value: "700"
}, {label: "800", value: "800"}, {label: "900", value: "900"}, {
label: Object(s.__)("Default", I.i18n),
value: ""
}, {label: Object(s.__)("Normal", I.i18n), value: "normal"}, {
label: Object(s.__)("Bold", I.i18n),
value: "bold"
}],
onChange: e.onChangeFontWeight,
value: e.fontWeight,
className: "ugb--help-tip-typography-weight"
}), e.onChangeTextTransform && wp.element.createElement(P.SelectControl, {
label: Object(s.__)("Transform", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Uppercase", I.i18n),
value: "uppercase"
}, {
label: Object(s.__)("Lowercase", I.i18n),
value: "lowercase"
}, {label: Object(s.__)("Capitalize", I.i18n), value: "capitalize"}, {
label: Object(s.__)("None", I.i18n),
value: "none"
}],
onChange: e.onChangeTextTransform,
value: e.textTransform,
className: "ugb--help-tip-typography-transform"
}), e.onChangeLineHeight && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(ut, {
label: Object(s.__)("Line-Height", I.i18n),
units: ["px", "em"],
min: [1, .1],
max: [100, 10],
step: [1, .1],
placeholder: [30, 1.5],
allowReset: !0,
value: e.lineHeight,
onChange: e.onChangeLineHeight,
unit: e.lineHeightUnit,
onChangeUnit: e.onChangeLineHeightUnit,
initialPosition: [37, 1.8],
className: "ugb--help-tip-typography-line-height"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ut, {
label: Object(s.__)("Line-Height", I.i18n),
units: ["px", "em"],
min: [1, .1],
max: [100, 10],
step: [1, .1],
placeholder: [30, 1.5],
allowReset: !0,
value: e.tabletLineHeight,
onChange: e.onChangeTabletLineHeight,
unit: e.tabletLineHeightUnit,
onChangeUnit: e.onChangeTabletLineHeightUnit,
initialPosition: [37, 1.8],
className: "ugb--help-tip-typography-line-height"
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ut, {
label: Object(s.__)("Line-Height", I.i18n),
units: ["px", "em"],
min: [1, .1],
max: [100, 10],
step: [1, .1],
placeholder: [30, 1.5],
allowReset: !0,
value: e.mobileLineHeight,
onChange: e.onChangeMobileLineHeight,
unit: e.mobileLineHeightUnit,
onChangeUnit: e.onChangeMobileLineHeightUnit,
initialPosition: [37, 1.8],
className: "ugb--help-tip-typography-line-height"
}))), e.onChangeLetterSpacing && wp.element.createElement(ut, {
label: Object(s.__)("Letter Spacing", I.i18n),
min: -5,
max: 10,
step: .1,
allowReset: !0,
onChange: e.onChangeLetterSpacing,
value: e.letterSpacing,
placeholder: "0",
className: "ugb--help-tip-typography-letter-spacing"
})), e.showSecondFontSize && e.onChangeFontSize && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeFontSize,
value: e.fontSize,
allowReset: !0,
unit: e.fontSizeUnit,
onChangeUnit: e.onChangeFontSizeUnit
}, e.fontSizeProps, {
placeholder: t,
className: "ugb--help-tip-typography-size"
}))), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeTabletFontSize,
value: e.tabletFontSize,
allowReset: !0,
unit: e.tabletfontSizeUnit,
onChangeUnit: e.onChangeTabletFontSizeUnit
}, e.fontSizeProps, {className: "ugb--help-tip-typography-size"}))), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ln, co({
label: Object(s.__)("Size", I.i18n),
onChange: e.onChangeMobileFontSize,
value: e.mobileFontSize,
allowReset: !0,
unit: e.mobilefontSizeUnit,
onChangeUnit: e.onChangeMobileFontSizeUnit
}, e.fontSizeProps, {className: "ugb--help-tip-typography-size"})))))
};
so.defaultProps = {
label: Object(s.__)("Typography", I.i18n),
popoverLabel: void 0,
className: "ugb--help-tip-typography",
showSecondFontSize: !0,
fontFamily: "",
fontSize: "",
tabletFontSize: "",
mobileFontSize: "",
fontSizeUnit: "px",
tabletFontSizeUnit: "px",
mobileFontSizeUnit: "px",
fontWeight: "",
textTransform: "",
lineHeight: "",
tabletLineHeight: "",
mobileLineHeight: "",
lineHeightUnit: "em",
tabletLineHeightUnit: "em",
mobileLineHeightUnit: "em",
letterSpacing: "",
fontSizeProps: {},
resetPopoverTitle: "",
resetPopoverDescription: "",
placeholder: "",
htmlTag: "p",
onReset: function () {
},
onChangeFontFamily: function () {
},
onChangeFontSize: function () {
},
onChangeTabletFontSize: function () {
},
onChangeMobileFontSize: function () {
},
onChangeFontSizeUnit: function () {
},
onChangeTabletFontSizeUnit: function () {
},
onChangeMobileFontSizeUnit: function () {
},
onChangeFontWeight: function () {
},
onChangeTextTransform: function () {
},
onChangeLineHeight: function () {
},
onChangeTabletLineHeight: function () {
},
onChangeMobileLineHeight: function () {
},
onChangeLineHeightUnit: function () {
},
onChangeTabletLineHeightUnit: function () {
},
onChangeMobileLineHeightUnit: function () {
},
onChangeLetterSpacing: function () {
}
};
var uo = so;
function bo() {
return (bo = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function po(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var mo = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
};
return wp.element.createElement(uo, bo({
fontFamily: e.blockAttributes[n("FontFamily")] || "",
fontSize: e.blockAttributes[n("FontSize")] || "",
tabletFontSize: e.blockAttributes[n("TabletFontSize")] || "",
mobileFontSize: e.blockAttributes[n("MobileFontSize")] || "",
fontSizeUnit: e.blockAttributes[n("FontSizeUnit")] || "px",
tabletFontSizeUnit: e.blockAttributes[n("TabletFontSizeUnit")] || "px",
mobileFontSizeUnit: e.blockAttributes[n("MobileFontSizeUnit")] || "px",
fontWeight: e.blockAttributes[n("FontWeight")] || "",
textTransform: e.blockAttributes[n("TextTransform")] || "",
letterSpacing: e.blockAttributes[n("LetterSpacing")] || "",
lineHeight: e.blockAttributes[n("LineHeight")] || "",
tabletLineHeight: e.blockAttributes[n("TabletLineHeight")] || "",
mobileLineHeight: e.blockAttributes[n("MobileLineHeight")] || "",
lineHeightUnit: e.blockAttributes[n("LineHeightUnit")] || "em",
tabletLineHeightUnit: e.blockAttributes[n("TabletLineHeightUnit")] || "em",
mobileLineHeightUnit: e.blockAttributes[n("MobileLineHeightUnit")] || "em",
onChangeFontFamily: function (e) {
return t(po({}, n("FontFamily"), e))
},
onChangeFontSize: function (e) {
return t(po({}, n("FontSize"), e))
},
onChangeTabletFontSize: function (e) {
return t(po({}, n("TabletFontSize"), e))
},
onChangeMobileFontSize: function (e) {
return t(po({}, n("MobileFontSize"), e))
},
onChangeFontSizeUnit: function (e) {
return t(po({}, n("FontSizeUnit"), e))
},
onChangeTabletFontSizeUnit: function (e) {
return t(po({}, n("TabletFontSizeUnit"), e))
},
onChangeMobileFontSizeUnit: function (e) {
return t(po({}, n("MobileFontSizeUnit"), e))
},
onChangeFontWeight: function (e) {
return t(po({}, n("FontWeight"), e))
},
onChangeTextTransform: function (e) {
return t(po({}, n("TextTransform"), e))
},
onChangeLetterSpacing: function (e) {
return t(po({}, n("LetterSpacing"), e))
},
onChangeLineHeight: function (e) {
return t(po({}, n("LineHeight"), e))
},
onChangeTabletLineHeight: function (e) {
return t(po({}, n("TabletLineHeight"), e))
},
onChangeMobileLineHeight: function (e) {
return t(po({}, n("MobileLineHeight"), e))
},
onChangeLineHeightUnit: function (e) {
return t(po({}, n("LineHeightUnit"), e))
},
onChangeTabletLineHeightUnit: function (e) {
return t(po({}, n("TabletLineHeightUnit"), e))
},
onChangeMobileLineHeightUnit: function (e) {
return t(po({}, n("MobileLineHeightUnit"), e))
},
onReset: function () {
var e;
t((po(e = {}, n("FontFamily"), ""), po(e, n("FontSize"), ""), po(e, n("TabletFontSize"), ""), po(e, n("MobileFontSize"), ""), po(e, n("FontSizeUnit"), "px"), po(e, n("TabletFontSizeUnit"), "px"), po(e, n("MobileFontSizeUnit"), "px"), po(e, n("FontWeight"), ""), po(e, n("TextTransform"), ""), po(e, n("LetterSpacing"), ""), po(e, n("LineHeight"), ""), po(e, n("TabletLineHeight"), ""), po(e, n("MobileLineHeight"), ""), po(e, n("LineHeightUnit"), "em"), po(e, n("TabletLineHeightUnit"), "em"), po(e, n("MobileLineHeightUnit"), "em"), e))
}
}, e))
};
mo.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var go = mo, fo = function (e) {
return wp.element.createElement(c.Fragment, null, e.onChangeBackgroundColorType && wp.element.createElement(P.BaseControl, {
id: "ugb-background-color-type",
className: "ugb--help-tip-background-color-type"
}, wp.element.createElement(an, {
controls: [{
value: "",
title: Object(s.__)("Single", I.i18n)
}, {value: "gradient", title: Object(s.__)("Gradient", I.i18n)}],
value: e.backgroundColorType,
onChange: e.onChangeBackgroundColorType,
fullwidth: !1,
isSmall: !0
})), e.onChangeBackgroundColor && wp.element.createElement(Z, {
label: e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType ? Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), e.labelBackgroundColor, 1) : e.labelBackgroundColor,
value: e.backgroundColor,
onChange: e.onChangeBackgroundColor
}), e.onChangeBackgroundColorOpacity && "gradient" !== e.backgroundColorType && !e.backgroundMediaURL && !e.tabletBackgroundMediaURL && !e.mobileBackgroundMediaURL && wp.element.createElement(ut, {
label: Object(s.__)("Background Color Opacity", I.i18n),
value: e.backgroundColorOpacity,
onChange: e.onChangeBackgroundColorOpacity,
min: 0,
max: 1,
step: .1,
allowReset: !0,
placeholder: "1.0",
className: "ugb--help-tip-background-color-opacity"
}), e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && wp.element.createElement(Z, {
label: Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), e.labelBackgroundColor, 2),
value: e.backgroundColor2,
onChange: e.onChangeBackgroundColor2
}), e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && e.hasAdvancedGradient && wp.element.createElement(Yi, {
label: Object(s.__)("Adv. Gradient Color Settings", I.i18n),
onReset: e.onResetAdvancedGradient,
allowReset: "" !== e.backgroundGradientDirection && 90 !== e.backgroundGradientDirection || "" !== e.backgroundGradientLocation1 && 0 !== e.backgroundGradientLocation1 || "" !== e.backgroundGradientLocation2 && 100 !== e.backgroundGradientLocation2 || e.backgroundGradientBlendMode
}, e.onChangeBackgroundGradientDirection && wp.element.createElement(ut, {
label: Object(s.__)("Gradient Direction (degrees)", I.i18n),
value: e.backgroundGradientDirection,
onChange: e.onChangeBackgroundGradientDirection,
min: 0,
max: 360,
step: 10,
allowReset: !0,
placeholder: "90",
className: "ugb--help-tip-gradient-direction"
}), e.onChangeBackgroundGradientLocation1 && wp.element.createElement(ut, {
label: Object(s.sprintf)(Object(s.__)("Color %d Location", I.i18n), 1),
value: e.backgroundGradientLocation1,
onChange: e.onChangeBackgroundGradientLocation1,
min: 0,
max: 100,
step: 1,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-gradient-location"
}), e.onChangeBackgroundGradientLocation2 && wp.element.createElement(ut, {
label: Object(s.sprintf)(Object(s.__)("Color %d Location", I.i18n), 2),
value: e.backgroundGradientLocation2,
onChange: e.onChangeBackgroundGradientLocation2,
min: 0,
max: 100,
step: 1,
allowReset: !0,
placeholder: "100",
className: "ugb--help-tip-gradient-location"
}), e.onChangeBackgroundGradientBlendMode && wp.element.createElement(ne, {
label: Object(s.__)("Background Gradient Blend Mode", I.i18n),
value: e.backgroundGradientBlendMode,
onChange: e.onChangeBackgroundGradientBlendMode,
className: "ugb--help-tip-background-blend-mode"
})), e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && e.hasAdvancedGradient && e.onChangeBackgroundMedia && wp.element.createElement(Bi, null), e.onChangeBackgroundMedia && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(se, {
label: e.backgroundMediaAllowVideo ? Object(s.__)("Background Image or Video", I.i18n) : Object(s.__)("Background Image", I.i18n),
help: e.backgroundMediaAllowVideo ? Object(s.__)("Use .mp4 format for videos", I.i18n) : "",
onRemove: function () {
return e.onChangeBackgroundMedia({url: "", id: ""})
},
onChange: e.onChangeBackgroundMedia,
imageID: e.backgroundMediaID,
imageURL: e.backgroundMediaURL,
allowedTypes: e.backgroundMediaAllowVideo ? ["image", "video"] : ["image"]
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(se, {
label: e.backgroundMediaAllowVideo ? Object(s.__)("Background Image or Video", I.i18n) : Object(s.__)("Background Image", I.i18n),
help: e.backgroundMediaAllowVideo ? Object(s.__)("Use .mp4 format for videos", I.i18n) : "",
onRemove: function () {
return e.onChangeTabletBackgroundMedia({url: "", id: ""})
},
onChange: e.onChangeTabletBackgroundMedia,
imageID: e.tabletBackgroundMediaID,
imageURL: e.tabletBackgroundMediaURL,
allowedTypes: e.backgroundMediaAllowVideo ? ["image", "video"] : ["image"]
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(se, {
label: e.backgroundMediaAllowVideo ? Object(s.__)("Background Image or Video", I.i18n) : Object(s.__)("Background Image", I.i18n),
help: e.backgroundMediaAllowVideo ? Object(s.__)("Use .mp4 format for videos", I.i18n) : "",
onRemove: function () {
return e.onChangeMobileBackgroundMedia({url: "", id: ""})
},
onChange: e.onChangeMobileBackgroundMedia,
imageID: e.mobileBackgroundMediaID,
imageURL: e.mobileBackgroundMediaURL,
allowedTypes: e.backgroundMediaAllowVideo ? ["image", "video"] : ["image"]
}))), e.onChangeBackgroundTintStrength && e.onChangeBackgroundMedia && (e.backgroundMediaURL || e.tabletBackgroundMediaURL || e.mobileBackgroundMediaURL) && wp.element.createElement(ut, {
label: Object(s.__)("Background Media Tint Strength", I.i18n),
value: e.backgroundTintStrength,
onChange: function (t) {
var n = void 0 === t || "" === t;
"" !== e.backgroundColor || n ? "#000000" === e.backgroundColor && n ? e.onChangeBackgroundTintStrength(t, "") : e.onChangeBackgroundTintStrength(t, e.backgroundColor) : e.onChangeBackgroundTintStrength(t, "#000000")
},
min: 0,
max: 10,
step: 1,
allowReset: !0,
placeholder: e.backgroundColor ? "5" : "0",
className: "ugb--help-tip-background-tint"
}), e.onChangeFixedBackground && e.onChangeBackgroundMedia && (e.backgroundMediaURL || e.tabletBackgroundMediaURL || e.mobileBackgroundMediaURL) && !([e.backgroundMediaURL, e.tabletBackgroundMediaURL, e.mobileBackgroundMediaURL].filter(function (e) {
return e
}).filter(i.tb).length > 0) && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Fixed Background", I.i18n),
checked: e.fixedBackground,
onChange: e.onChangeFixedBackground,
className: "ugb--help-tip-background-fixed"
}), e.hasAdvancedBackground && e.onChangeBackgroundMedia && (e.backgroundMediaURL || e.tabletBackgroundMediaURL || e.mobileBackgroundMediaURL) && wp.element.createElement(Yi, {
label: Object(s.__)("Adv. Background Image Settings", I.i18n),
onReset: e.onResetAdvancedBackground,
allowReset: e.backgroundPosition || e.tabletBackgroundPosition || e.mobileBackgroundPosition || e.backgroundRepeat || e.tabletBackgroundRepeat || e.mobileBackgroundRepeat || e.backgroundSize || e.tabletBackgroundSize || e.mobileBackgroundSize || e.backgroundImageBlendMode
}, wp.element.createElement(ys, null, wp.element.createElement(pt, {
label: Object(s.__)("Image Position", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Top Left", I.i18n),
value: "top left"
}, {
label: Object(s.__)("Top Center", I.i18n),
value: "top center"
}, {
label: Object(s.__)("Top Right", I.i18n),
value: "top right"
}, {
label: Object(s.__)("Center Left", I.i18n),
value: "center left"
}, {
label: Object(s.__)("Center Center", I.i18n),
value: "center center"
}, {
label: Object(s.__)("Center Right", I.i18n),
value: "center right"
}, {
label: Object(s.__)("Bottom Left", I.i18n),
value: "bottom left"
}, {
label: Object(s.__)("Bottom Center", I.i18n),
value: "bottom center"
}, {label: Object(s.__)("Bottom Right", I.i18n), value: "bottom right"}],
value: e.backgroundPosition,
onChange: e.onChangeBackgroundPosition,
className: "ugb--help-tip-background-image-position"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Position", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Top Left", I.i18n),
value: "top left"
}, {
label: Object(s.__)("Top Center", I.i18n),
value: "top center"
}, {
label: Object(s.__)("Top Right", I.i18n),
value: "top right"
}, {
label: Object(s.__)("Center Left", I.i18n),
value: "center left"
}, {
label: Object(s.__)("Center Center", I.i18n),
value: "center center"
}, {
label: Object(s.__)("Center Right", I.i18n),
value: "center right"
}, {
label: Object(s.__)("Bottom Left", I.i18n),
value: "bottom left"
}, {
label: Object(s.__)("Bottom Center", I.i18n),
value: "bottom center"
}, {label: Object(s.__)("Bottom Right", I.i18n), value: "bottom right"}],
value: e.tabletBackgroundPosition,
onChange: e.onChangeTabletBackgroundPosition,
className: "ugb--help-tip-background-image-position"
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Position", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Top Left", I.i18n),
value: "top left"
}, {
label: Object(s.__)("Top Center", I.i18n),
value: "top center"
}, {
label: Object(s.__)("Top Right", I.i18n),
value: "top right"
}, {
label: Object(s.__)("Center Left", I.i18n),
value: "center left"
}, {
label: Object(s.__)("Center Center", I.i18n),
value: "center center"
}, {
label: Object(s.__)("Center Right", I.i18n),
value: "center right"
}, {
label: Object(s.__)("Bottom Left", I.i18n),
value: "bottom left"
}, {
label: Object(s.__)("Bottom Center", I.i18n),
value: "bottom center"
}, {label: Object(s.__)("Bottom Right", I.i18n), value: "bottom right"}],
value: e.mobileBackgroundPosition,
onChange: e.onChangeMobileBackgroundPosition,
className: "ugb--help-tip-background-image-position"
})), wp.element.createElement(ys, null, wp.element.createElement(pt, {
label: Object(s.__)("Image Repeat", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("No-Repeat", I.i18n),
value: "no-repeat"
}, {label: Object(s.__)("Repeat", I.i18n), value: "repeat"}, {
label: Object(s.__)("Repeat-X", I.i18n),
value: "repeat-x"
}, {label: Object(s.__)("Repeat-Y", I.i18n), value: "repeat-y"}],
value: e.backgroundRepeat,
onChange: e.onChangeBackgroundRepeat,
className: "ugb--help-tip-background-image-repeat"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Repeat", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("No-Repeat", I.i18n),
value: "no-repeat"
}, {label: Object(s.__)("Repeat", I.i18n), value: "repeat"}, {
label: Object(s.__)("Repeat-X", I.i18n),
value: "repeat-x"
}, {label: Object(s.__)("Repeat-Y", I.i18n), value: "repeat-y"}],
value: e.tabletBackgroundRepeat,
onChange: e.onChangeTabletBackgroundRepeat,
className: "ugb--help-tip-background-image-repeat"
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Repeat", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("No-Repeat", I.i18n),
value: "no-repeat"
}, {label: Object(s.__)("Repeat", I.i18n), value: "repeat"}, {
label: Object(s.__)("Repeat-X", I.i18n),
value: "repeat-x"
}, {label: Object(s.__)("Repeat-Y", I.i18n), value: "repeat-y"}],
value: e.mobileBackgroundRepeat,
onChange: e.onChangeMobileBackgroundRepeat,
className: "ugb--help-tip-background-image-repeat"
})), wp.element.createElement(ys, null, wp.element.createElement(pt, {
label: Object(s.__)("Image Size", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Auto", I.i18n),
value: "auto"
}, {label: Object(s.__)("Cover", I.i18n), value: "cover"}, {
label: Object(s.__)("Contain", I.i18n),
value: "contain"
}, {label: Object(s.__)("Custom", I.i18n), value: "custom"}],
value: e.backgroundSize,
onChange: e.onChangeBackgroundSize,
className: "ugb--help-tip-background-image-size"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Size", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Auto", I.i18n),
value: "auto"
}, {label: Object(s.__)("Cover", I.i18n), value: "cover"}, {
label: Object(s.__)("Contain", I.i18n),
value: "contain"
}, {label: Object(s.__)("Custom", I.i18n), value: "custom"}],
value: e.tabletBackgroundSize,
onChange: e.onChangeTabletBackgroundSize,
className: "ugb--help-tip-background-image-size"
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(pt, {
label: Object(s.__)("Image Size", I.i18n),
options: [{label: Object(s.__)("Default", I.i18n), value: ""}, {
label: Object(s.__)("Auto", I.i18n),
value: "auto"
}, {label: Object(s.__)("Cover", I.i18n), value: "cover"}, {
label: Object(s.__)("Contain", I.i18n),
value: "contain"
}, {label: Object(s.__)("Custom", I.i18n), value: "custom"}],
value: e.mobileBackgroundSize,
onChange: e.onChangeMobileBackgroundSize,
className: "ugb--help-tip-background-image-size"
})), "custom" === e.backgroundSize && wp.element.createElement(ys, null, wp.element.createElement(ut, {
label: Object(s.__)("Custom Size", I.i18n),
units: ["px", "%", "vw"],
min: [0, 0, 0],
max: [1e3, 100, 100],
unit: e.backgroundCustomSizeUnit,
onChangeUnit: e.onChangeBackgroundCustomSizeUnit,
value: e.backgroundCustomSize,
onChange: e.onChangeBackgroundCustomSize,
allowReset: !0
})), "custom" === e.tabletBackgroundSize && wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ut, {
label: Object(s.__)("Custom Size", I.i18n),
units: ["px", "%", "vw"],
min: [0, 0, 0],
max: [1e3, 100, 100],
unit: e.tabletBackgroundCustomSizeUnit,
onChangeUnit: e.onChangeTabletBackgroundCustomSizeUnit,
value: e.tabletBackgroundCustomSize,
onChange: e.onChangeTabletBackgroundCustomSize,
allowReset: !0
})), "custom" === e.mobileBackgroundSize && wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ut, {
label: Object(s.__)("Custom Size", I.i18n),
units: ["px", "%", "vw"],
min: [0, 0, 0],
max: [1e3, 100, 100],
unit: e.mobileBackgroundCustomSizeUnit,
onChangeUnit: e.onChangeMobileBackgroundCustomSizeUnit,
value: e.mobileBackgroundCustomSize,
onChange: e.onChangeMobileBackgroundCustomSize,
allowReset: !0
})), e.onChangeBackgroundImageBlendMode && wp.element.createElement(ne, {
label: Object(s.__)("Image Blend Mode", I.i18n),
value: e.backgroundImageBlendMode,
onChange: e.onChangeBackgroundImageBlendMode
})))
};
fo.defaultProps = {
backgroundColorType: "",
backgroundColor: "",
backgroundColorOpacity: "",
backgroundColor2: "",
backgroundMediaID: "",
backgroundMediaURL: "",
tabletBackgroundMediaID: "",
tabletBackgroundMediaURL: "",
mobileBackgroundMediaID: "",
mobileBackgroundMediaURL: "",
backgroundTintStrength: "",
fixedBackground: "",
onChangeBackgroundColorType: function () {
},
onChangeBackgroundColor: function () {
},
onChangeBackgroundColorOpacity: function () {
},
onChangeBackgroundColor2: function () {
},
onChangeBackgroundMedia: function (e) {
e.url, e.id
},
onChangeTabletBackgroundMedia: function (e) {
e.url, e.id
},
onChangeMobileBackgroundMedia: function (e) {
e.url, e.id
},
onChangeBackgroundTintStrength: function () {
},
onChangeFixedBackground: function () {
},
labelBackgroundColorType: Object(s.__)("Background Color Type", I.i18n),
labelBackgroundColor: Object(s.__)("Background Color", I.i18n),
hasAdvancedGradient: !0,
backgroundGradientDirection: "",
backgroundGradientBlendMode: "",
backgroundGradientLocation1: 0,
backgroundGradientLocation2: 100,
onResetAdvancedGradient: function () {
},
onChangeBackgroundGradientDirection: function () {
},
onChangeBackgroundGradientBlendMode: function () {
},
onChangeBackgroundGradientLocation1: function () {
},
onChangeBackgroundGradientLocation2: function () {
},
hasAdvancedBackground: !0,
backgroundMediaAllowVideo: !0,
backgroundPosition: "",
tabletBackgroundPosition: "",
mobileBackgroundPosition: "",
backgroundRepeat: "",
tabletBackgroundRepeat: "",
mobileBackgroundRepeat: "",
backgroundSize: "",
tabletBackgroundSize: "",
mobileBackgroundSize: "",
backgroundCustomSize: "",
tabletBackgroundCustomSize: "",
mobileBackgroundCustomSize: "",
backgroundCustomSizeUnit: "%",
tabletBackgroundCustomSizeUnit: "%",
mobileBackgroundCustomSizeUnit: "%",
backgroundImageBlendMode: "",
onResetAdvancedBackground: function () {
},
onChangeBackgroundPosition: function () {
},
onChangeTabletBackgroundPosition: function () {
},
onChangeMobileBackgroundPosition: function () {
},
onChangeBackgroundRepeat: function () {
},
onChangeTabletBackgroundRepeat: function () {
},
onChangeMobileBackgroundRepeat: function () {
},
onChangeBackgroundSize: function () {
},
onChangeTabletBackgroundSize: function () {
},
onChangeMobileBackgroundSize: function () {
},
onChangeBackgroundCustomSize: function () {
},
onChangeTabletBackgroundCustomSize: function () {
},
onChangeMobileBackgroundCustomSize: function () {
},
onChangeBackgroundCustomSizeUnit: function () {
},
onChangeTabletBackgroundCustomSizeUnit: function () {
},
onChangeMobileBackgroundCustomSizeUnit: function () {
},
onChangeBackgroundImageBlendMode: function () {
}
};
var ho = fo;
function vo() {
return (vo = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function yo(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Oo = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = function (t) {
var a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", i = e.blockAttributes[n(t)];
return 0 === i ? i : i || a
};
return wp.element.createElement(ho, vo({
backgroundColorType: e.blockAttributes[n("BackgroundColorType")] || "",
backgroundColor: e.blockAttributes[n("BackgroundColor")] || "",
backgroundColorOpacity: e.blockAttributes[n("BackgroundColorOpacity")],
backgroundColor2: e.blockAttributes[n("BackgroundColor2")] || "",
backgroundMediaID: e.blockAttributes[n("BackgroundMediaID")] || "",
backgroundMediaURL: e.blockAttributes[n("BackgroundMediaURL")] || "",
tabletBackgroundMediaID: e.blockAttributes[n("TabletBackgroundMediaID")] || "",
tabletBackgroundMediaURL: e.blockAttributes[n("TabletBackgroundMediaURL")] || "",
mobileBackgroundMediaID: e.blockAttributes[n("MobileBackgroundMediaID")] || "",
mobileBackgroundMediaURL: e.blockAttributes[n("MobileBackgroundMediaURL")] || "",
backgroundTintStrength: e.blockAttributes[n("BackgroundTintStrength")],
fixedBackground: e.blockAttributes[n("FixedBackground")] || "",
onChangeBackgroundColorType: function (e) {
return t(yo({}, n("BackgroundColorType"), e))
},
onChangeBackgroundColor: function (e) {
return t(yo({}, n("BackgroundColor"), e))
},
onChangeBackgroundColorOpacity: function (e) {
return t(yo({}, n("BackgroundColorOpacity"), e))
},
onChangeBackgroundColor2: function (e) {
return t(yo({}, n("BackgroundColor2"), e))
},
onChangeBackgroundMedia: function (e) {
var a, i = e.url, o = e.id;
t((yo(a = {}, n("BackgroundMediaURL"), i), yo(a, n("BackgroundMediaID"), o), a))
},
onChangeTabletBackgroundMedia: function (e) {
var a, i = e.url, o = e.id;
t((yo(a = {}, n("TabletBackgroundMediaURL"), i), yo(a, n("TabletBackgroundMediaID"), o), a))
},
onChangeMobileBackgroundMedia: function (e) {
var a, i = e.url, o = e.id;
t((yo(a = {}, n("MobileBackgroundMediaURL"), i), yo(a, n("MobileBackgroundMediaID"), o), a))
},
onChangeBackgroundTintStrength: function (e, a) {
var i;
t((yo(i = {}, n("BackgroundTintStrength"), e), yo(i, n("BackgroundColor"), a), i))
},
onChangeFixedBackground: function (e) {
return t(yo({}, n("FixedBackground"), e))
},
backgroundGradientDirection: a("BackgroundGradientDirection", 90),
backgroundGradientBlendMode: a("BackgroundGradientBlendMode"),
backgroundGradientLocation1: a("BackgroundGradientLocation1", 0),
backgroundGradientLocation2: a("BackgroundGradientLocation2", 100),
onChangeBackgroundGradientDirection: function (e) {
return t(yo({}, n("BackgroundGradientDirection"), e))
},
onChangeBackgroundGradientBlendMode: function (e) {
return t(yo({}, n("BackgroundGradientBlendMode"), e))
},
onChangeBackgroundGradientLocation1: function (e) {
return t(yo({}, n("BackgroundGradientLocation1"), e))
},
onChangeBackgroundGradientLocation2: function (e) {
return t(yo({}, n("BackgroundGradientLocation2"), e))
},
onResetAdvancedGradient: function () {
var e;
t((yo(e = {}, n("BackgroundGradientDirection"), ""), yo(e, n("BackgroundGradientBlendMode"), ""), yo(e, n("BackgroundGradientLocation1"), ""), yo(e, n("BackgroundGradientLocation2"), ""), e))
},
backgroundPosition: e.blockAttributes[n("BackgroundPosition")] || "",
tabletBackgroundPosition: e.blockAttributes[n("TabletBackgroundPosition")] || "",
mobileBackgroundPosition: e.blockAttributes[n("MobileBackgroundPosition")] || "",
backgroundRepeat: e.blockAttributes[n("BackgroundRepeat")] || "",
tabletBackgroundRepeat: e.blockAttributes[n("TabletBackgroundRepeat")] || "",
mobileBackgroundRepeat: e.blockAttributes[n("MobileBackgroundRepeat")] || "",
backgroundSize: e.blockAttributes[n("BackgroundSize")] || "",
tabletBackgroundSize: e.blockAttributes[n("TabletBackgroundSize")] || "",
mobileBackgroundSize: e.blockAttributes[n("MobileBackgroundSize")] || "",
backgroundCustomSize: e.blockAttributes[n("BackgroundCustomSize")] || "",
tabletBackgroundCustomSize: e.blockAttributes[n("TabletBackgroundCustomSize")] || "",
mobileBackgroundCustomSize: e.blockAttributes[n("MobileBackgroundCustomSize")] || "",
backgroundCustomSizeUnit: e.blockAttributes[n("BackgroundCustomSizeUnit")] || "%",
tabletBackgroundCustomSizeUnit: e.blockAttributes[n("TabletBackgroundCustomSizeUnit")] || "%",
mobileBackgroundCustomSizeUnit: e.blockAttributes[n("MobileBackgroundCustomSizeUnit")] || "%",
backgroundImageBlendMode: e.blockAttributes[n("BackgroundImageBlendMode")] || "",
onChangeBackgroundPosition: function (e) {
return t(yo({}, n("BackgroundPosition"), e))
},
onChangeTabletBackgroundPosition: function (e) {
return t(yo({}, n("TabletBackgroundPosition"), e))
},
onChangeMobileBackgroundPosition: function (e) {
return t(yo({}, n("MobileBackgroundPosition"), e))
},
onChangeBackgroundRepeat: function (e) {
return t(yo({}, n("BackgroundRepeat"), e))
},
onChangeTabletBackgroundRepeat: function (e) {
return t(yo({}, n("TabletBackgroundRepeat"), e))
},
onChangeMobileBackgroundRepeat: function (e) {
return t(yo({}, n("MobileBackgroundRepeat"), e))
},
onChangeBackgroundSize: function (e) {
return t(yo({}, n("BackgroundSize"), e))
},
onChangeTabletBackgroundSize: function (e) {
return t(yo({}, n("TabletBackgroundSize"), e))
},
onChangeMobileBackgroundSize: function (e) {
return t(yo({}, n("MobileBackgroundSize"), e))
},
onChangeBackgroundCustomSize: function (e) {
return t(yo({}, n("BackgroundCustomSize"), e))
},
onChangeTabletBackgroundCustomSize: function (e) {
return t(yo({}, n("TabletBackgroundCustomSize"), e))
},
onChangeMobileBackgroundCustomSize: function (e) {
return t(yo({}, n("MobileBackgroundCustomSize"), e))
},
onChangeBackgroundCustomSizeUnit: function (e) {
return t(yo({}, n("BackgroundCustomSizeUnit"), e))
},
onChangeTabletBackgroundCustomSizeUnit: function (e) {
return t(yo({}, n("TabletBackgroundCustomSizeUnit"), e))
},
onChangeMobileBackgroundCustomSizeUnit: function (e) {
return t(yo({}, n("MobileBackgroundCustomSizeUnit"), e))
},
onChangeBackgroundImageBlendMode: function (e) {
return t(yo({}, n("BackgroundImageBlendMode"), e))
},
onResetAdvancedBackground: function () {
var e;
t((yo(e = {}, n("BackgroundPosition"), ""), yo(e, n("TabletBackgroundPosition"), ""), yo(e, n("MobileBackgroundPosition"), ""), yo(e, n("BackgroundRepeat"), ""), yo(e, n("TabletBackgroundRepeat"), ""), yo(e, n("MobileBackgroundRepeat"), ""), yo(e, n("BackgroundSize"), ""), yo(e, n("TabletBackgroundSize"), ""), yo(e, n("MobileBackgroundSize"), ""), yo(e, n("BackgroundCustomSize"), ""), yo(e, n("TabletBackgroundCustomSize"), ""), yo(e, n("MobileBackgroundCustomSize"), ""), yo(e, n("BackgroundCustomSizeUnit"), "%"), yo(e, n("TabletBackgroundCustomSizeUnit"), "%"), yo(e, n("MobileBackgroundCustomSizeUnit"), "%"), yo(e, n("BackgroundImageBlendMode"), ""), e))
}
}, e))
};
Oo.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var wo = Oo, _o = n(106), jo = n.n(_o), ko = n(107), Co = n.n(ko), xo = n(108), Eo = n.n(xo), So = n(109),
Bo = n.n(So);
function To(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var Po = function (e) {
var t = e.design ? e.design : "basic", n = e.size ? e.size : "normal", a = "basic" === t;
return wp.element.createElement(c.Fragment, null, e.onChangeUrl && wp.element.createElement(U, {
label: Object(s.__)("Link / URL", I.i18n),
value: e.url,
onChange: e.onChangeUrl,
placeholder: "http://"
}), e.onChangeUrl && e.onChangeNewTab && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Open link in new tab", I.i18n),
checked: e.newTab,
onChange: e.onChangeNewTab
}), e.onChangeUrl && e.onChangeNoFollow && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Nofollow link", I.i18n),
checked: e.noFollow,
onChange: e.onChangeNoFollow
}), e.onChangeUrl && wp.element.createElement(Bi, null), e.onChangeDesign && wp.element.createElement(Sa, {
label: Object(s.__)("Design", I.i18n),
selected: t,
options: [{
label: Object(s.__)("Basic", I.i18n),
value: "basic",
image: jo.a
}, {
label: Object(s.__)("Ghost", I.i18n),
value: "ghost",
image: Co.a
}, {
label: Object(s.__)("Plain", I.i18n),
value: "plain",
image: Bo.a
}].concat(To(e.onChangeUseSocialColors ? [] : [{
label: Object(s.__)("Link", I.i18n),
value: "link",
image: Eo.a
}]), To(Object(K.applyFilters)("stackable.button-controls.layouts", []))),
onChange: e.onChangeDesign,
columns: 4
}), wp.element.createElement(Bi, null), e.onChangeUseSocialColors && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Use social colors", I.i18n),
checked: e.useSocialColors,
onChange: e.onChangeUseSocialColors
}), (!e.onChangeUseSocialColors || !e.useSocialColors) && wp.element.createElement(c.Fragment, null, e.onChangeBackgroundColorType && a && wp.element.createElement(P.BaseControl, {
id: "button-color-type",
className: "ugb--help-tip-button-color-type"
}, wp.element.createElement(an, {
controls: [{
value: "",
title: Object(s.__)("Single", I.i18n)
}, {value: "gradient", title: Object(s.__)("Gradient", I.i18n)}],
value: e.backgroundColorType,
onChange: e.onChangeBackgroundColorType,
fullwidth: !1,
isSmall: !0
})), e.onChangeBackgroundColor && "link" !== t && wp.element.createElement(Z, {
label: e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && a ? Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), Object(s.__)("Button Color", I.i18n), 1) : Object(s.__)("Button Color", I.i18n),
value: e.backgroundColor,
onChange: e.onChangeBackgroundColor
}), e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && a && wp.element.createElement(Z, {
label: Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), Object(s.__)("Button Color", I.i18n), 2),
value: e.backgroundColor2,
onChange: e.onChangeBackgroundColor2
}), e.onChangeBackgroundColor2 && "gradient" === e.backgroundColorType && a && wp.element.createElement(ut, {
label: Object(s.__)("Gradient Direction (degrees)", I.i18n),
value: e.backgroundGradientDirection,
onChange: e.onChangeBackgroundGradientDirection,
min: 0,
max: 360,
step: 10,
allowReset: !0,
placeholder: "90",
className: "ugb--help-tip-gradient-direction"
}), e.onChangeTextColor && a && wp.element.createElement(Z, {
label: Object(s.__)("Text Color", I.i18n),
value: e.textColor,
onChange: e.onChangeTextColor
})), "link" !== t && wp.element.createElement(Bi, null), e.onChangeHoverGhostToNormal && "ghost" === t && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Change to Normal Button on Hover", I.i18n),
checked: e.hoverGhostToNormal,
onChange: e.onChangeHoverGhostToNormal,
className: "ugb--help-tip-button-to-normal"
}), e.onChangeHoverEffect && "link" !== t && wp.element.createElement(P.SelectControl, {
label: Object(s.__)("Hover Effect", I.i18n),
value: e.hoverEffect,
onChange: e.onChangeHoverEffect,
options: [{value: "", label: Object(s.__)("None", I.i18n)}, {
value: "lift",
label: Object(s.__)("Lift", I.i18n)
}, {value: "scale", label: Object(s.__)("Scale", I.i18n)}, {
value: "lift-scale",
label: Object(s.__)("Lift & Scale", I.i18n)
}, {value: "scale-more", label: Object(s.__)("Scale More", I.i18n)}, {
value: "lift-scale-more",
label: Object(s.__)("Lift & Scale More", I.i18n)
}],
className: "ugb--help-tip-button-hover-effect"
}), e.onChangeOpacity && wp.element.createElement(ut, {
label: Object(s.__)("Hover Opacity", I.i18n),
value: e.hoverOpacity,
onChange: e.onChangeHoverOpacity,
min: 0,
max: 1,
step: .1,
placeholder: "0.8",
allowReset: !0,
className: "ugb--help-tip-button-hover-opacity"
}), e.hasHoverColors && "link" !== t && (!e.onChangeUseSocialColors || !e.useSocialColors) && wp.element.createElement(Yi, {
label: Object(s.__)("Hover Colors", I.i18n),
onReset: e.onResetHoverColors,
allowReset: e.hoverBackgroundColor || e.hoverBackgroundColor2 || e.hoverBackgroundGradientDirection || e.hoverTextColor,
className: "ugb--help-tip-button-hover-color"
}, e.onChangeHoverBackgroundColor && wp.element.createElement(Z, {
label: e.onChangeHoverBackgroundColor && ("ghost" === t && e.hoverGhostToNormal || "gradient" === e.backgroundColorType && a) ? Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), Object(s.__)("Button Color", I.i18n), 1) : Object(s.__)("Button Color", I.i18n),
value: e.hoverBackgroundColor,
onChange: e.onChangeHoverBackgroundColor,
className: "ugb--help-tip-button-hover-color"
}), e.onChangeHoverBackgroundColor2 && ("ghost" === t && e.hoverGhostToNormal || "gradient" === e.backgroundColorType && a) && wp.element.createElement(Z, {
label: Object(s.sprintf)(Object(s._x)("%s #%d", "Panel title", I.i18n), Object(s.__)("Button Color", I.i18n), 2),
value: e.hoverBackgroundColor2,
onChange: e.onChangeHoverBackgroundColor2
}), e.onChangeHoverBackgroundColor2 && ("ghost" === t && e.hoverGhostToNormal || "gradient" === e.backgroundColorType && a) && wp.element.createElement(ut, {
label: Object(s.__)("Gradient Direction (degrees)", I.i18n),
value: e.hoverBackgroundGradientDirection,
onChange: e.onChangeHoverBackgroundGradientDirection,
min: 0,
max: 360,
step: 10,
allowReset: !0,
placeholder: "90",
className: "ugb--help-tip-gradient-direction"
}), e.onChangeHoverTextColor && ("ghost" === t && e.hoverGhostToNormal || a) && wp.element.createElement(Z, {
label: Object(s.__)("Text Color", I.i18n),
value: e.hoverTextColor,
onChange: e.onChangeHoverTextColor
})), "link" !== t && wp.element.createElement(Bi, null), e.hasTypography && "link" !== t && wp.element.createElement(go, {
attrNameTemplate: e.attrNameTemplate,
setAttributes: e.setAttributes,
blockAttributes: e.blockAttributes,
onChangeLineHeight: null,
showSecondFontSize: !1,
placeholder: e.placeholder
}), e.onChangeSize && (!e.onChangeDesign || "link" !== t) && wp.element.createElement(P.SelectControl, {
label: Object(s.__)("Button Size", I.i18n),
value: n,
options: [{value: "tiny", label: Object(s.__)("Tiny", I.i18n)}, {
value: "small",
label: Object(s.__)("Small", I.i18n)
}, {value: "normal", label: Object(s.__)("Normal", I.i18n)}, {
value: "medium",
label: Object(s.__)("Medium", I.i18n)
}, {value: "large", label: Object(s.__)("Large", I.i18n)}],
onChange: e.onChangeSize,
className: "ugb--help-tip-button-size"
}), e.onChangeBorderRadius && "link" !== t && "plain" !== t && wp.element.createElement(ut, {
label: Object(s.__)("Border Radius", I.i18n),
value: e.borderRadius,
min: "0",
max: "100",
onChange: e.onChangeBorderRadius,
allowReset: !0,
placeholder: "4",
className: "ugb--help-tip-button-border-radius"
}), e.onChangePaddings && "link" !== t && "plain" !== t && wp.element.createElement(Pl, {
label: Object(s.__)("Vertical Padding", I.i18n),
top: e.paddingTop,
bottom: e.paddingBottom,
onChange: e.onChangePaddings,
enableLeft: !1,
enableRight: !1,
placeholder: [8, 8],
className: "ugb--help-tip-button-vertical-padding"
}), e.onChangePaddings && "link" !== t && "plain" !== t && wp.element.createElement(Pl, {
label: Object(s.__)("Horizontal Padding", I.i18n),
right: e.paddingRight,
left: e.paddingLeft,
onChange: e.onChangePaddings,
enableTop: !1,
enableBottom: !1,
max: 100,
placeholder: [26, 26],
className: "ugb--help-tip-button-horizontal-padding"
}), e.onChangeBorderWidth && "ghost" === t && wp.element.createElement(ut, {
label: Object(s.__)("Border Width", I.i18n),
value: e.borderWidth,
min: "1",
max: "6",
onChange: e.onChangeBorderWidth,
allowReset: !0,
placeholder: "2"
}), e.onChangeShadow && ("" === t || "basic" === t) && wp.element.createElement(ut, {
label: Object(s.__)("Shadow", I.i18n),
value: e.shadow,
onChange: e.onChangeShadow,
min: 0,
max: 9,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-button-shadow"
}), e.onChangeOpacity && wp.element.createElement(ut, {
label: Object(s.__)("Opacity", I.i18n),
value: e.opacity,
onChange: e.onChangeOpacity,
min: 0,
max: 1,
step: .1,
allowReset: !0,
placeholder: "1.0"
}), "link" !== t && wp.element.createElement(Bi, null), e.onChangeIcon && "link" !== t && wp.element.createElement(bi, {
label: Object(s.__)("Icon", I.i18n),
value: e.icon,
onChange: e.onChangeIcon
}), e.hasAdvancedIcon && "link" !== t && "" !== e.icon && wp.element.createElement(Yi, {
label: Object(s.__)("Adv. Icon Settings", I.i18n),
onReset: e.onResetAdvancedIcon,
allowReset: e.iconPosition || "" !== e.iconSize || "" !== e.iconSpacing
}, e.onChangeIconSize && wp.element.createElement(ut, {
label: Object(s.__)("Icon Size", I.i18n),
value: e.iconSize,
onChange: e.onChangeIconSize,
min: 5,
max: 100,
step: 1,
allowReset: !0
}), e.onChangeIconPosition && wp.element.createElement(P.SelectControl, {
label: Object(s.__)("Icon Position", I.i18n),
value: e.iconPosition,
options: [{value: "", label: Object(s.__)("Left", I.i18n)}, {
value: "right",
label: Object(s.__)("Right", I.i18n)
}],
onChange: e.onChangeIconPosition
}), e.onChangeIconSpacing && wp.element.createElement(ut, {
label: Object(s.__)("Icon Spacing", I.i18n),
value: e.iconSpacing,
onChange: e.onChangeIconSpacing,
min: 0,
max: 50,
step: 1,
allowReset: !0,
placeholder: "16"
})))
};
Po.defaultProps = {
hasTypography: !0,
attrNameTemplate: "%s",
setAttributes: function () {
},
blockAttributes: {},
design: "",
onChangeDesign: function () {
},
url: "",
newTab: "",
noFollow: "",
onChangeUrl: function () {
},
onChangeNewTab: function () {
},
onChangeNoFollow: function () {
},
size: "",
onChangeSize: function () {
},
opacity: "",
textColor: "",
backgroundColorType: "",
backgroundColor: "",
backgroundColor2: "",
backgroundGradientDirection: "",
onChangeOpacity: function () {
},
onChangeTextColor: function () {
},
onChangeBackgroundColorType: function () {
},
onChangeBackgroundColor: function () {
},
onChangeBackgroundColor2: function () {
},
onChangeBackgroundGradientDirection: function () {
},
hasHoverColors: !0,
onResetHoverColors: function () {
},
hoverEffect: "",
hoverOpacity: "",
hoverTextColor: "",
hoverBackgroundColor: "",
hoverBackgroundColor2: "",
hoverBackgroundGradientDirection: "",
hoverGhostToNormal: !1,
onChangeHoverEffect: function () {
},
onChangeHoverOpacity: function () {
},
onChangeHoverTextColor: function () {
},
onChangeHoverBackgroundColor: function () {
},
onChangeHoverBackgroundColor2: function () {
},
onChangeHoverBackgroundGradientDirection: function () {
},
onChangeHoverGhostToNormal: function () {
},
borderRadius: "",
onChangeBorderRadius: function () {
},
borderWidth: "",
onChangeBorderWidth: function () {
},
shadow: "",
onChangeShadow: function () {
},
paddingTop: "",
paddingRight: "",
paddingBottom: "",
paddingLeft: "",
onChangePaddings: function () {
},
hasAdvancedIcon: !0,
onResetAdvancedIcon: function () {
},
icon: "",
iconSize: "",
iconPosition: "",
iconSpacing: "",
onChangeIcon: function () {
},
onChangeIconSize: function () {
},
onChangeIconPosition: function () {
},
onChangeIconSpacing: function () {
},
useSocialColors: !0,
onChangeUseSocialColors: null
};
var Ao = Po;
function No() {
return (No = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Mo(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Ro = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = Object(i.b)(e.blockAttributes, n, "");
return wp.element.createElement(Ao, No({
design: e.blockAttributes[n("Design")] || "",
onChangeDesign: function (e) {
return t(Mo({}, n("Design"), e))
},
url: e.blockAttributes[n("Url")] || "",
newTab: e.blockAttributes[n("NewTab")] || "",
noFollow: e.blockAttributes[n("NoFollow")] || "",
onChangeUrl: function (e) {
return t(Mo({}, n("Url"), e))
},
onChangeNewTab: function (e) {
return t(Mo({}, n("NewTab"), e))
},
onChangeNoFollow: function (e) {
return t(Mo({}, n("NoFollow"), e))
},
size: e.blockAttributes[n("Size")] || "",
onChangeSize: function (e) {
return t(Mo({}, n("Size"), e))
},
opacity: e.blockAttributes[n("Opacity")] || "",
textColor: e.blockAttributes[n("TextColor")] || "",
backgroundColorType: e.blockAttributes[n("BackgroundColorType")] || "",
backgroundColor: e.blockAttributes[n("BackgroundColor")] || "",
backgroundColor2: e.blockAttributes[n("BackgroundColor2")] || "",
backgroundGradientDirection: a("BackgroundGradientDirection"),
onChangeOpacity: function (e) {
return t(Mo({}, n("Opacity"), e))
},
onChangeTextColor: function (e) {
return t(Mo({}, n("TextColor"), e))
},
onChangeBackgroundColorType: function (e) {
return t(Mo({}, n("BackgroundColorType"), e))
},
onChangeBackgroundColor: function (e) {
return t(Mo({}, n("BackgroundColor"), e))
},
onChangeBackgroundColor2: function (e) {
return t(Mo({}, n("BackgroundColor2"), e))
},
onChangeBackgroundGradientDirection: function (e) {
return t(Mo({}, n("BackgroundGradientDirection"), e))
},
onResetHoverColors: function () {
var e;
t((Mo(e = {}, n("HoverBackgroundColor"), ""), Mo(e, n("HoverBackgroundColor2"), ""), Mo(e, n("HoverBackgroundGradientDirection"), ""), Mo(e, n("HoverTextColor"), ""), e))
},
hoverEffect: e.blockAttributes[n("HoverEffect")] || "",
hoverOpacity: e.blockAttributes[n("HoverOpacity")] || "",
hoverTextColor: e.blockAttributes[n("HoverTextColor")] || "",
hoverBackgroundColor: e.blockAttributes[n("HoverBackgroundColor")] || "",
hoverBackgroundColor2: e.blockAttributes[n("HoverBackgroundColor2")] || "",
hoverBackgroundGradientDirection: a("HoverBackgroundGradientDirection"),
hoverGhostToNormal: e.blockAttributes[n("HoverGhostToNormal")] || "",
onChangeHoverEffect: function (e) {
return t(Mo({}, n("HoverEffect"), e))
},
onChangeHoverOpacity: function (e) {
return t(Mo({}, n("HoverOpacity"), e))
},
onChangeHoverTextColor: function (e) {
return t(Mo({}, n("HoverTextColor"), e))
},
onChangeHoverBackgroundColor: function (e) {
return t(Mo({}, n("HoverBackgroundColor"), e))
},
onChangeHoverBackgroundColor2: function (e) {
return t(Mo({}, n("HoverBackgroundColor2"), e))
},
onChangeHoverBackgroundGradientDirection: function (e) {
return t(Mo({}, n("HoverBackgroundGradientDirection"), e))
},
onChangeHoverGhostToNormal: function (e) {
return t(Mo({}, n("HoverGhostToNormal"), e))
},
borderRadius: e.blockAttributes[n("BorderRadius")],
borderWidth: e.blockAttributes[n("BorderWidth")],
shadow: e.blockAttributes[n("Shadow")],
onChangeBorderRadius: function (e) {
return t(Mo({}, n("BorderRadius"), e))
},
onChangeBorderWidth: function (e) {
return t(Mo({}, n("BorderWidth"), e))
},
onChangeShadow: function (e) {
return t(Mo({}, n("Shadow"), e))
},
paddingTop: a("PaddingTop"),
paddingRight: a("PaddingRight"),
paddingBottom: a("PaddingBottom"),
paddingLeft: a("PaddingLeft"),
onChangePaddings: function (e) {
var a = {};
void 0 !== e.top && (a[n("PaddingTop")] = "" !== e.top ? parseInt(e.top, 10) : ""), void 0 !== e.right && (a[n("PaddingRight")] = "" !== e.right ? parseInt(e.right, 10) : ""), void 0 !== e.bottom && (a[n("PaddingBottom")] = "" !== e.bottom ? parseInt(e.bottom, 10) : ""), void 0 !== e.left && (a[n("PaddingLeft")] = "" !== e.left ? parseInt(e.left, 10) : ""), t(a)
},
icon: e.blockAttributes[n("Icon")] || "",
onChangeIcon: function (e) {
return t(Mo({}, n("Icon"), e))
},
onResetAdvancedIcon: function () {
var e;
t((Mo(e = {}, n("IconSize"), ""), Mo(e, n("IconPosition"), ""), Mo(e, n("IconSpacing"), ""), e))
},
iconSize: e.blockAttributes[n("IconSize")] || "",
iconPosition: e.blockAttributes[n("IconPosition")] || "",
iconSpacing: e.blockAttributes[n("IconSpacing")],
onChangeIconSize: function (e) {
return t(Mo({}, n("IconSize"), e))
},
onChangeIconPosition: function (e) {
return t(Mo({}, n("IconPosition"), e))
},
onChangeIconSpacing: function (e) {
return t(Mo({}, n("IconSpacing"), e))
}
}, e))
};
Ro.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var Fo = Ro, Do = function (e) {
return wp.element.createElement(c.Fragment, null, e.onChangeBorderType && wp.element.createElement(an, {
label: Object(s.__)("Borders", I.i18n),
controls: [{value: "", title: Object(s.__)("None", I.i18n)}, {
value: "solid",
title: Object(s.__)("Solid", I.i18n)
}, {value: "dashed", title: Object(s.__)("Dashed", I.i18n)}, {
value: "dotted",
title: Object(s.__)("Dotted", I.i18n)
}],
className: "ugb-border-controls__border-type-toolbar",
value: e.borderType,
onChange: e.onChangeBorderType,
fullwidth: !0,
isSmall: !0
}), e.onChangeBorderWidth && e.borderType && wp.element.createElement(ur, {
label: Object(s.__)("Border Width"),
units: ["px"],
min: 0,
max: 99,
step: 1,
sliderMax: 5,
defaultLocked: !0,
valueDesktop: {
top: e.borderWidthTop,
right: e.borderWidthRight,
bottom: e.borderWidthBottom,
left: e.borderWidthLeft
},
onChangeDesktop: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeBorderWidth({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : "",
borderType: e.borderType ? void 0 : "solid"
})
},
valueTablet: {
top: e.tabletBorderWidthTop,
right: e.tabletBorderWidthRight,
bottom: e.tabletBorderWidthBottom,
left: e.tabletBorderWidthLeft
},
onChangeTablet: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeTabletBorderWidth({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : ""
})
},
valueMobile: {
top: e.mobileBorderWidthTop,
right: e.mobileBorderWidthRight,
bottom: e.mobileBorderWidthBottom,
left: e.mobileBorderWidthLeft
},
onChangeMobile: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeMobileBorderWidth({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : ""
})
},
placeholder: "1",
placeholderTop: "1",
placeholderLeft: "1",
placeholderBottom: "1",
placeholderRight: "1"
}), e.onChangeBorderColor && e.borderType && wp.element.createElement(Z, {
value: e.borderColor,
onChange: function (t) {
e.onChangeBorderColor({color: t, borderType: e.borderType ? void 0 : "solid"})
},
label: Object(s.__)("Border Color", I.i18n)
}))
};
Do.defaultProps = {
onResetBorder: function () {
},
borderType: "",
onChangeBorderType: function () {
},
borderWidthTop: "",
borderWidthRight: "",
borderWidthBottom: "",
borderWidthLeft: "",
tabletBorderWidthTop: "",
tabletBorderWidthRight: "",
tabletBorderWidthBottom: "",
tabletBorderWidthLeft: "",
mobileBorderWidthTop: "",
mobileBorderWidthRight: "",
mobileBorderWidthBottom: "",
mobileBorderWidthLeft: "",
onChangeBorderWidth: function () {
},
onChangeTabletBorderWidth: function () {
},
onChangeMobileBorderWidth: function () {
},
borderColor: "",
onChangeBorderColor: function () {
}
};
var Io = Do;
function zo() {
return (zo = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Lo(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Uo = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = Object(i.b)(e.blockAttributes, n, "");
return wp.element.createElement(Io, zo({
borderType: a("BorderType"),
onChangeBorderType: function (e) {
return t(Lo({}, n("BorderType"), e))
},
onResetBorder: function () {
t(Lo({}, n("BorderType"), ""))
},
borderWidthTop: a("BorderWidthTop"),
borderWidthRight: a("BorderWidthRight"),
borderWidthBottom: a("BorderWidthBottom"),
borderWidthLeft: a("BorderWidthLeft"),
tabletBorderWidthTop: a("TabletBorderWidthTop"),
tabletBorderWidthRight: a("TabletBorderWidthRight"),
tabletBorderWidthBottom: a("TabletBorderWidthBottom"),
tabletBorderWidthLeft: a("TabletBorderWidthLeft"),
mobileBorderWidthTop: a("MobileBorderWidthTop"),
mobileBorderWidthRight: a("MobileBorderWidthRight"),
mobileBorderWidthBottom: a("MobileBorderWidthBottom"),
mobileBorderWidthLeft: a("MobileBorderWidthLeft"),
onChangeBorderWidth: function (e) {
var a, i = e.top, o = e.right, r = e.bottom, l = e.left, c = e.borderType,
s = (Lo(a = {}, n("BorderWidthTop"), i), Lo(a, n("BorderWidthRight"), o), Lo(a, n("BorderWidthBottom"), r), Lo(a, n("BorderWidthLeft"), l), a);
c && (s[n("BorderType")] = c), t(s)
},
onChangeTabletBorderWidth: function (e) {
var a, i = e.top, o = e.right, r = e.bottom, l = e.left;
t((Lo(a = {}, n("TabletBorderWidthTop"), i), Lo(a, n("TabletBorderWidthRight"), o), Lo(a, n("TabletBorderWidthBottom"), r), Lo(a, n("TabletBorderWidthLeft"), l), a))
},
onChangeMobileBorderWidth: function (e) {
var a, i = e.top, o = e.right, r = e.bottom, l = e.left;
t((Lo(a = {}, n("MobileBorderWidthTop"), i), Lo(a, n("MobileBorderWidthRight"), o), Lo(a, n("MobileBorderWidthBottom"), r), Lo(a, n("MobileBorderWidthLeft"), l), a))
},
borderColor: a("BorderColor"),
onChangeBorderColor: function (e) {
var a = e.color, i = e.borderType, o = Lo({}, n("BorderColor"), a);
i && (o[n("BorderType")] = i), t(o)
}
}, e))
};
Uo.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var Ho = Uo, Wo = n(110), Go = n.n(Wo), Vo = n(111), qo = n.n(Vo), Ko = n(112), Jo = n.n(Ko);
function Yo(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var Xo = function (e) {
var t = e.design ? e.design : "basic", n = "shaped" === t || "outlined" === t;
return wp.element.createElement(c.Fragment, null, e.onChangeIcon && wp.element.createElement(bi, {
label: Object(s.__)("Icon", I.i18n),
value: e.icon,
onChange: e.onChangeIcon
}), e.onChangeDesign && wp.element.createElement(Sa, {
label: Object(s.__)("Design", I.i18n),
selected: e.design,
columns: 3,
options: [{
label: Object(s.__)("Plain", I.i18n),
value: "plain",
image: Go.a
}, {
label: Object(s.__)("Shaped", I.i18n),
value: "shaped",
image: qo.a
}, {
label: Object(s.__)("Outlined", I.i18n),
value: "outlined",
image: Jo.a
}].concat(Yo(Object(K.applyFilters)("stackable.icon-controls.edit.layouts", []))),
onChange: e.onChangeDesign
}), I.showProNotice && wp.element.createElement(Kr, {
title: Object(s.__)("Say Hello to Gorgeous Icons 👋", I.i18n),
description: Object(s.__)("Liven up your icons with gradient fills, multiple colors and background shapes. This feature is only available on Stackable Premium", I.i18n)
}), I.showProNotice && wp.element.createElement(P.BaseControl, {
label: Object(s.__)("Icon Color Type", I.i18n),
id: "icon-color-type"
}, wp.element.createElement(an, {
controls: [{
value: "",
title: Object(s.__)("Single", I.i18n)
}, {
value: "gradient",
title: Object(s.__)("Gradient", I.i18n),
className: "ugb--is-premium",
disabled: !0
}, {
value: "multicolor",
title: Object(s.__)("Multicolor", I.i18n),
className: "ugb--is-premium",
disabled: !0
}], value: "", fullwidth: !1, isSmall: !0
})), Object(K.applyFilters)("stackable.icon-controls.edit.color", wp.element.createElement(c.Fragment, null, e.onChangeColor && wp.element.createElement(Z, {
label: Object(s.__)("Icon Color", I.i18n),
value: e.color,
onChange: e.onChangeColor
})), e), e.onChangeColor && e.onChangeDesign && wp.element.createElement(Bi, null), n && e.onChangeBackgroundColor && wp.element.createElement(c.Fragment, null, I.showProNotice && e.onChangeBackgroundColorType && "outlined" !== e.design && wp.element.createElement(P.BaseControl, {
label: Object(s.__)("Icon Shape / Outline Color", I.i18n),
id: "icon-shape-color-type"
}, wp.element.createElement(an, {
controls: [{
value: "",
title: Object(s.__)("Single", I.i18n)
}, {
value: "gradient",
title: Object(s.__)("Gradient", I.i18n),
className: "ugb--is-premium",
disabled: !0
}], value: "", fullwidth: !1, isSmall: !0
})), Object(K.applyFilters)("stackable.icon-controls.edit.background-color", wp.element.createElement(c.Fragment, null, e.onChangeBackgroundColor && wp.element.createElement(Z, {
label: Object(s.__)("Icon Shape / Outline Color", I.i18n),
value: e.backgroundColor,
onChange: e.onChangeBackgroundColor
})), e), e.onChangeBorderRadius && wp.element.createElement(ut, {
label: "shaped" === e.design ? Object(s.__)("Icon Shape Border Radius", I.i18n) : Object(s.__)("Outline Border Radius", I.i18n),
value: e.borderRadius,
onChange: e.onChangeBorderRadius,
min: 0,
max: 50,
step: 1,
allowReset: !0,
placeholder: 50
}), e.onChangePadding && wp.element.createElement(ut, {
label: "shaped" === e.design ? Object(s.__)("Icon Shape Padding", I.i18n) : Object(s.__)("Outline Padding", I.i18n),
value: e.padding,
onChange: e.onChangePadding,
min: 0,
max: 150,
step: 1,
allowReset: !0,
placeholder: 20
}), "shaped" === t && e.onChangeShadow && wp.element.createElement(ut, {
label: Object(s.__)("Shadow / Outline", I.i18n),
value: e.shadow,
onChange: e.onChangeShadow,
min: 0,
max: 9,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-general-shadow"
}), "outlined" === t && e.onChangeOutlineWidth && wp.element.createElement(ut, {
label: Object(s.__)("Outline Width", I.i18n),
value: e.outlineWidth,
onChange: e.onChangeOutlineWidth,
min: 0,
max: 10,
step: 1,
allowReset: !0,
placeholder: "3"
}), e.onChangeBackgroundColorType && wp.element.createElement(Bi, null)), e.onChangeSize && wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, null, wp.element.createElement(ut, {
label: Object(s.__)("Icon Size", I.i18n),
value: e.size,
max: e.sizeMax,
onChange: e.onChangeSize,
allowReset: !0,
placeholder: "50"
})), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(ut, {
label: Object(s.__)("Icon Size", I.i18n),
value: e.tabletSize,
max: e.sizeMax,
onChange: e.onChangeTabletSize,
allowReset: !0,
placeholder: e.size || 50
})), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(ut, {
label: Object(s.__)("Icon Size", I.i18n),
value: e.mobileSize,
max: e.sizeMax,
onChange: e.onChangeMobileSize,
allowReset: !0,
placeholder: e.tabletSize || e.size || 50
}))), e.onChangeOpacity && wp.element.createElement(ut, {
label: Object(s.__)("Icon Opacity", I.i18n),
value: e.opacity,
min: 0,
max: 1,
step: .1,
onChange: e.onChangeOpacity,
allowReset: !0,
placeholder: "1.0"
}), e.onChangeRotation && wp.element.createElement(ut, {
label: Object(s.__)("Icon Rotation", I.i18n),
value: e.rotation,
min: 0,
max: 360,
onChange: e.onChangeRotation,
allowReset: !0,
placeholder: "0"
}), Object(K.applyFilters)("stackable.icon-controls.edit.after", null, e))
};
Xo.defaultProps = {
icon: "", onChangeIcon: function () {
}, design: "", onChangeDesign: function () {
}, colorType: "", onChangeColorType: function () {
}, color: "", onChangeColor: function () {
}, color2: "", onChangeColor2: function () {
}, colorGradientDirection: "", onChangeColorGradientDirection: function () {
}, numPaths: "", color3: "", onChangeColor3: function () {
}, color4: "", onChangeColor4: function () {
}, color5: "", onChangeColor5: function () {
}, color6: "", onChangeColor6: function () {
}, color7: "", onChangeColor7: function () {
}, color8: "", onChangeColor8: function () {
}, color9: "", onChangeColor9: function () {
}, color10: "", onChangeColor10: function () {
}, multiOpacity1: "", onChangeMultiOpacity1: function () {
}, multiOpacity2: "", onChangeMultiOpacity2: function () {
}, multiOpacity3: "", onChangeMultiOpacity3: function () {
}, multiOpacity4: "", onChangeMultiOpacity4: function () {
}, multiOpacity5: "", onChangeMultiOpacity5: function () {
}, multiOpacity6: "", onChangeMultiOpacity6: function () {
}, multiOpacity7: "", onChangeMultiOpacity7: function () {
}, multiOpacity8: "", onChangeMultiOpacity8: function () {
}, multiOpacity9: "", onChangeMultiOpacity9: function () {
}, multiOpacity10: "", onChangeMultiOpacity10: function () {
}, borderRadius: "", onChangeBorderRadius: function () {
}, padding: "", onChangePadding: function () {
}, shadow: "", onChangeShadow: function () {
}, outlineWidth: "", onChangeOutlineWidth: function () {
}, backgroundColorType: "", onChangeBackgroundColorType: function () {
}, backgroundColor: "", onChangeBackgroundColor: function () {
}, backgroundColor2: "", onChangeBackgroundColor2: function () {
}, backgroundColorGradientDirection: "", onChangeBackgroundColorGradientDirection: function () {
}, size: "", tabletSize: "", mobileSize: "", sizeMax: 300, onChangeSize: function () {
}, onChangeTabletSize: function () {
}, onChangeMobileSize: function () {
}, opacity: "", onChangeOpacity: function () {
}, rotation: "", onChangeRotation: function () {
}, showBackgroundShape: "", onChangeShowBackgroundShape: function () {
}, backgroundShape: "", onChangeBackgroundShape: function () {
}, backgroundShapeSize: "", onChangeBackgroundShapeSize: function () {
}, backgroundShapeColor: "", onChangeBackgroundShapeColor: function () {
}, backgroundShapeOffsetHorizontal: "", onChangeBackgroundShapeHorizontalOffset: function () {
}, backgroundShapeOffsetVertical: "", onChangeBackgroundShapeVerticalOffset: function () {
}
};
var $o = Xo;
function Zo() {
return (Zo = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Qo(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var er = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, a = Object(i.b)(e.blockAttributes, n, "");
return wp.element.createElement($o, Zo({
icon: a("Icon"),
onChangeIcon: function (e) {
return t(Qo({}, n("Icon"), e))
},
design: a("Design") || "plain",
onChangeDesign: function (e) {
return t(Qo({}, n("Design"), e))
},
colorType: a("ColorType"),
onChangeColorType: function (e) {
return t(Qo({}, n("ColorType"), e))
},
color: a("Color"),
onChangeColor: function (e) {
return t(Qo({}, n("Color"), e))
},
color2: a("Color2"),
onChangeColor2: function (e) {
return t(Qo({}, n("Color2"), e))
},
colorGradientDirection: a("ColorGradientDirection"),
onChangeColorGradientDirection: function (e) {
return t(Qo({}, n("ColorGradientDirection"), e))
},
color3: a("Color3"),
onChangeColor3: function (e) {
return t(Qo({}, n("Color3"), e))
},
color4: a("Color4"),
onChangeColor4: function (e) {
return t(Qo({}, n("Color4"), e))
},
color5: a("Color5"),
onChangeColor5: function (e) {
return t(Qo({}, n("Color5"), e))
},
color6: a("Color6"),
onChangeColor6: function (e) {
return t(Qo({}, n("Color6"), e))
},
color7: a("Color7"),
onChangeColor7: function (e) {
return t(Qo({}, n("Color7"), e))
},
color8: a("Color8"),
onChangeColor8: function (e) {
return t(Qo({}, n("Color8"), e))
},
color9: a("Color9"),
onChangeColor9: function (e) {
return t(Qo({}, n("Color9"), e))
},
color10: a("Color10"),
onChangeColor10: function (e) {
return t(Qo({}, n("Color10"), e))
},
multiOpacity1: a("MultiOpacity1"),
onChangeMultiOpacity1: function (e) {
return t(Qo({}, n("MultiOpacity1"), e))
},
multiOpacity2: a("MultiOpacity2"),
onChangeMultiOpacity2: function (e) {
return t(Qo({}, n("MultiOpacity2"), e))
},
multiOpacity3: a("MultiOpacity3"),
onChangeMultiOpacity3: function (e) {
return t(Qo({}, n("MultiOpacity3"), e))
},
multiOpacity4: a("MultiOpacity4"),
onChangeMultiOpacity4: function (e) {
return t(Qo({}, n("MultiOpacity4"), e))
},
multiOpacity5: a("MultiOpacity5"),
onChangeMultiOpacity5: function (e) {
return t(Qo({}, n("MultiOpacity5"), e))
},
multiOpacity6: a("MultiOpacity6"),
onChangeMultiOpacity6: function (e) {
return t(Qo({}, n("MultiOpacity6"), e))
},
multiOpacity7: a("MultiOpacity7"),
onChangeMultiOpacity7: function (e) {
return t(Qo({}, n("MultiOpacity7"), e))
},
multiOpacity8: a("MultiOpacity8"),
onChangeMultiOpacity8: function (e) {
return t(Qo({}, n("MultiOpacity8"), e))
},
multiOpacity9: a("MultiOpacity9"),
onChangeMultiOpacity9: function (e) {
return t(Qo({}, n("MultiOpacity9"), e))
},
multiOpacity10: a("MultiOpacity10"),
onChangeMultiOpacity10: function (e) {
return t(Qo({}, n("MultiOpacity10"), e))
},
borderRadius: a("BorderRadius"),
onChangeBorderRadius: function (e) {
return t(Qo({}, n("BorderRadius"), e))
},
padding: a("Padding"),
onChangePadding: function (e) {
return t(Qo({}, n("Padding"), e))
},
outlineWidth: a("OutlineWidth"),
onChangeOutlineWidth: function (e) {
return t(Qo({}, n("OutlineWidth"), e))
},
shadow: a("Shadow"),
onChangeShadow: function (e) {
return t(Qo({}, n("Shadow"), e))
},
backgroundColorType: a("BackgroundColorType"),
onChangeBackgroundColorType: function (e) {
return t(Qo({}, n("BackgroundColorType"), e))
},
backgroundColor: a("BackgroundColor"),
onChangeBackgroundColor: function (e) {
return t(Qo({}, n("BackgroundColor"), e))
},
backgroundColor2: a("BackgroundColor2"),
onChangeBackgroundColor2: function (e) {
return t(Qo({}, n("BackgroundColor2"), e))
},
backgroundColorGradientDirection: a("BackgroundColorGradientDirection"),
onChangeBackgroundColorGradientDirection: function (e) {
return t(Qo({}, n("BackgroundColorGradientDirection"), e))
},
size: a("Size"),
tabletSize: a("TabletSize"),
mobileSize: a("MobileSize"),
sizeMax: e.sizeMax,
onChangeSize: function (e) {
return t(Qo({}, n("Size"), e))
},
onChangeTabletSize: function (e) {
return t(Qo({}, n("TabletSize"), e))
},
onChangeMobileSize: function (e) {
return t(Qo({}, n("MobileSize"), e))
},
opacity: a("Opacity"),
onChangeOpacity: function (e) {
return t(Qo({}, n("Opacity"), e))
},
rotation: a("Rotation"),
onChangeRotation: function (e) {
return t(Qo({}, n("Rotation"), e))
},
showBackgroundShape: a("ShowBackgroundShape"),
onChangeShowBackgroundShape: function (e) {
return t(Qo({}, n("ShowBackgroundShape"), e))
},
backgroundShape: a("BackgroundShape") || "blob1",
onChangeBackgroundShape: function (e) {
return t(Qo({}, n("BackgroundShape"), e))
},
backgroundShapeOpacity: a("BackgroundShapeOpacity"),
onChangeBackgroundShapeOpacity: function (e) {
return t(Qo({}, n("BackgroundShapeOpacity"), e))
},
backgroundShapeSize: a("BackgroundShapeSize"),
onChangeBackgroundShapeSize: function (e) {
return t(Qo({}, n("BackgroundShapeSize"), e))
},
backgroundShapeColor: a("BackgroundShapeColor"),
onChangeBackgroundShapeColor: function (e) {
return t(Qo({}, n("BackgroundShapeColor"), e))
},
backgroundShapeOffsetHorizontal: a("BackgroundShapeOffsetHorizontal"),
onChangeBackgroundShapeHorizontalOffset: function (e) {
return t(Qo({}, n("BackgroundShapeOffsetHorizontal"), e))
},
backgroundShapeOffsetVertical: a("BackgroundShapeOffsetVertical"),
onChangeBackgroundShapeVerticalOffset: function (e) {
return t(Qo({}, n("BackgroundShapeOffsetVertical"), e))
}
}, e))
};
er.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var tr = er, nr = function (e) {
return wp.element.createElement(c.Fragment, null, e.socialUrlFields && wp.element.createElement(c.Fragment, null, Object.keys(i.a).map(function (t) {
return wp.element.createElement(P.TextControl, {
key: t,
className: "ugb-social-url-text-control",
label: Object(s.sprintf)(Object(s._x)("%s Link", "name", I.i18n), i.a[t].label),
value: e["".concat(t, "Url")],
onChange: e["onChange".concat(Object(o.upperFirst)(t), "Url")],
placeholder: "http://"
})
})), e.onChangeNewTab && wp.element.createElement(P.ToggleControl, {
label: Object(s.__)("Open link in new tab", I.i18n),
checked: e.newTab,
onChange: e.onChangeNewTab
}), wp.element.createElement(Bi, null), wp.element.createElement(Fo, {
attrNameTemplate: e.attrNameTemplate,
setAttributes: e.setAttributes,
blockAttributes: e.blockAttributes,
useSocialColors: e.useSocialColors,
onChangeUseSocialColors: e.onChangeUseSocialColors,
onChangeUrl: !1,
onChangeNewTab: !1,
onChangeNoFollow: !1,
onChangeIcon: !1,
hasTypography: !1
}))
};
nr.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}, socialUrlFields: !0, newTab: !1, onChangeNewTab: function () {
}, useSocialColors: !0, onChangeUseSocialColors: function () {
}
};
var ar = nr;
function ir() {
return (ir = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function or(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var rr = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
};
return wp.element.createElement(ar, ir({
newTab: e.blockAttributes[n("NewTab")] || "",
onChangeNewTab: function (e) {
return t(or({}, n("NewTab"), e))
},
useSocialColors: e.blockAttributes[n("UseSocialColors")] || "",
onChangeUseSocialColors: function (e) {
return t(or({}, n("UseSocialColors"), e))
}
}, e))
};
rr.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}
};
var lr = rr;
function cr() {
return (cr = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var sr = function (e) {
var t = Object(o.pick)(e, ["label", "units", "screens", "defaultLocked", "enableTop", "enableRight", "enableBottom", "enableLeft", "className", "sliderMax", "sliderMin"]),
n = Array.isArray(e.min) ? e.min : [e.min, e.min, e.min],
a = Array.isArray(e.max) ? e.max : [e.max, e.max, e.max],
i = Array.isArray(e.step) ? e.step : [e.step, e.step, e.step];
return wp.element.createElement(c.Fragment, null, wp.element.createElement(ys, {screen: "desktop"}, wp.element.createElement(Pl, cr({}, t, {
min: n[0],
max: a[0],
step: i[0],
top: e.valueDesktop.top,
right: e.valueDesktop.right,
bottom: e.valueDesktop.bottom,
left: e.valueDesktop.left,
unit: e.valueDesktopUnit || e.units[0],
onChange: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeDesktop({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : ""
})
},
onChangeUnit: function (t) {
return e.onChangeDesktopUnit(t)
},
placeholder: e.placeholder,
placeholderTop: e.placeholderTop,
placeholderLeft: e.placeholderLeft,
placeholderBottom: e.placeholderBottom,
placeholderRight: e.placeholderRight
}))), wp.element.createElement(ys, {screen: "tablet"}, wp.element.createElement(Pl, cr({}, t, {
min: n[1],
max: a[1],
step: i[1],
top: e.valueTablet.top,
right: e.valueTablet.right,
bottom: e.valueTablet.bottom,
left: e.valueTablet.left,
unit: e.valueTabletUnit || e.units[0],
onChange: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeTablet({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : ""
})
},
onChangeUnit: function (t) {
return e.onChangeTabletUnit(t)
}
}))), wp.element.createElement(ys, {screen: "mobile"}, wp.element.createElement(Pl, cr({}, t, {
min: n[2],
max: a[2],
step: i[2],
top: e.valueMobile.top,
right: e.valueMobile.right,
bottom: e.valueMobile.bottom,
left: e.valueMobile.left,
unit: e.valueMobileUnit || e.units[0],
onChange: function (t) {
var n = t.top, a = t.right, i = t.bottom, o = t.left;
e.onChangeMobile({
top: n || 0 === n ? parseInt(n, 10) : "",
right: a || 0 === a ? parseInt(a, 10) : "",
bottom: i || 0 === i ? parseInt(i, 10) : "",
left: o || 0 === o ? parseInt(o, 10) : ""
})
},
onChangeUnit: function (t) {
return e.onChangeMobileUnit(t)
}
}))))
};
sr.defaultProps = {
label: Object(s.__)("Spacing", I.i18n),
defaultLocked: !0,
units: ["px", "em", "%"],
screens: ["desktop", "tablet", "mobile"],
min: 0,
max: 500,
step: 1,
enableTop: !0,
enableRight: !0,
enableBottom: !0,
enableLeft: !0,
valueDesktop: {},
valueTablet: {},
valueMobile: {},
valueDesktopUnit: "",
valueTabletUnit: "",
valueMobileUnit: "",
onChangeDesktop: function () {
},
onChangeTablet: function () {
},
onChangeMobile: function () {
},
onChangeDesktopUnit: function () {
},
onChangeTabletUnit: function () {
},
onChangeMobileUnit: function () {
},
placeholderTop: "60",
placeholderLeft: "35",
placeholderBottom: "60",
placeholderRight: "35",
placeholder: "",
className: "ugb--help-tip-advanced-column-paddings"
};
var ur = sr;
function br() {
return (br = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function pr(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function mr(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? pr(n, !0).forEach(function (t) {
gr(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pr(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function gr(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var dr = function (e, t) {
var n = Object(i.X)(t || "blob1");
return n ? wp.element.createElement("div", {className: "ugb-icon__bg-shape-wrapper"}, e, wp.element.createElement(n, {className: "ugb-icon__bg-shape"})) : e
}, fr = function (e) {
var t = Object(K.applyFilters)("stackable.svg-icon.extract-svg", e);
return t.match(/^<svg(.*?)<\/svg>$/g) ? t : t.match(/<svg/) ? (t.match(/<svg.*?<\/svg>/g) || [t])[0] : t
}, hr = function (e) {
var t = mr({}, e, {value: "string" == typeof e.value ? fr(e.value) : e.value}),
n = l()(["ugb-icon-inner-svg", e.className], gr({}, "ugb-icon--".concat(e.colorType), e.colorType && "single" !== e.colorType)),
a = wp.element.createElement(gg, br({}, t, {className: n}));
if ("shaped" === e.design || "outlined" === e.design) {
var i = l()(["ugb-icon__design-wrapper", "ugb-icon__design-".concat(e.design)], gr({}, "ugb--shadow-".concat(e.shadow), e.shadow && "shaped" === e.design));
a = wp.element.createElement("div", {className: i}, a)
}
return e.showBackgroundShape && (a = dr(a, e.backgroundShape)), a = Object(K.applyFilters)("stackable.component.svg-icon", a, t)
};
hr.defaultProps = {
className: "",
value: "",
design: "",
colorType: "",
showBackgroundShape: !1,
backgroundShape: "",
shadow: "",
gradientColor1: "",
gradientColor2: "",
gradientDirection: 0
}, (hr.Content = function (e) {
var t = mr({}, e, {value: "string" == typeof e.value ? fr(e.value) : e.value}),
n = l()(["ugb-icon-inner-svg", e.className], gr({}, "ugb-icon--".concat(e.colorType), e.colorType && "single" !== e.colorType)),
a = wp.element.createElement(gg.Content, br({}, t, {className: n}));
if ("shaped" === e.design || "outlined" === e.design) {
var i = l()(["ugb-icon__design-wrapper", "ugb-icon__design-".concat(e.design)], gr({}, "ugb--shadow-".concat(e.shadow), e.shadow && "shaped" === e.design));
a = wp.element.createElement("div", {className: i}, a)
}
return e.showBackgroundShape && (a = dr(a, e.backgroundShape)), a = Object(K.applyFilters)("stackable.component.svg-icon", a, t)
}).defaultProps = mr({}, hr.defaultProps);
var vr = hr;
function yr() {
return (yr = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Or = function (e) {
var t = Object(i.b)(e.blockAttributes, function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, "");
return wp.element.createElement(vr, yr({
value: t("Value"),
design: t("Design"),
colorType: t("ColorType"),
showBackgroundShape: t("ShowBackgroundShape"),
shadow: t("Shadow"),
backgroundShape: t("BackgroundShape"),
gradientColor1: t("Color"),
gradientColor2: t("Color2"),
gradientDirection: t("ColorGradientDirection")
}, e))
};
Or.defaultProps = {attrNameTemplate: "%s", blockAttributes: {}}, Or.Content = function (e) {
var t = Object(i.b)(e.blockAttributes, function (t) {
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, "");
return wp.element.createElement(vr.Content, yr({
value: t("Value"),
design: t("Design"),
colorType: t("ColorType"),
showBackgroundShape: t("ShowBackgroundShape"),
shadow: t("Shadow"),
backgroundShape: t("BackgroundShape"),
gradientColor1: t("Color"),
gradientColor2: t("Color2"),
gradientDirection: t("ColorGradientDirection")
}, e))
}, Or.defaultProps = {attrNameTemplate: "%s", blockAttributes: {}};
var wr = Or;
function _r(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
function jr(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var kr = Object(q.withInstanceId)(function (e) {
var t = jr(Object(c.useState)(!1), 2), n = t[0], a = t[1], i = jr(Object(c.useState)(!1), 2), o = i[0],
r = i[1], l = e.instanceId, s = e.isOpen, u = e.onChange, b = _r(e, ["instanceId", "isOpen", "onChange"]);
return Object(c.useEffect)(function () {
e.onToggle(n)
}, [n]), wp.element.createElement("div", {className: "ugb-svg-icon-placeholder ugb-svg-icon-placeholder-".concat(l)}, wp.element.createElement(P.Button, {
className: "ugb-svg-icon-placeholder__button",
onClick: function () {
o ? (a(!1), r(!1)) : a(!0)
}
}, wp.element.createElement(wr, b)), (null !== s && s || null === s && n) && wp.element.createElement(xi, {
onClickOutside: function (e) {
e.target && e.target.closest(".ugb-svg-icon-placeholder-".concat(l)) ? r(!0) : (a(!1), r(!1))
}, onClose: function () {
return a(!1)
}, onChange: u
}))
});
kr.defaultProps = {
isOpen: null, className: "", value: "", onChange: function () {
}, onToggle: function () {
}
};
var Cr = kr;
function xr() {
return (xr = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Er = C.a.createElement("style", null, ".pro-icon_svg__st2{fill:#8c33da}"), Sr = C.a.createElement("path", {
d: "M107 175.1l43.7-44.8c3.7-3.8 5.4-8.8 5.1-13.8 0-.4-.1-.8-.1-1.2H107v59.8z",
fill: "#5fb3dd"
}), Br = C.a.createElement("path", {
d: "M48.8.4L5.1 45.2C1.4 49-.3 54 0 59c0 .4.1.7.1 1.1h48.6V.4z",
fill: "#e2735d"
}), Tr = C.a.createElement("path", {className: "pro-icon_svg__st2", d: "M48.8 115.3zM107 60.1z"}),
Pr = C.a.createElement("path", {fill: "#e1565d", d: "M48.8 60.1v55.2H107V60.1z"}),
Ar = C.a.createElement("path", {fill: "#47a0dd", d: "M48.8 115.3l58.2 59.8v-59.8z"}),
Nr = C.a.createElement("path", {fill: "#ef9856", d: "M107 60.1L48.8.4v59.7z"}), Mr = C.a.createElement("path", {
className: "pro-icon_svg__st2",
d: "M107 60.1v55.2h48.6c-.5-3.8-2.1-7.5-4.9-10.4L107 60.1z"
}), Rr = C.a.createElement("path", {d: "M48.8 115.3V60.1H.2c.5 3.8 2.1 7.5 4.9 10.4l43.7 44.8z", fill: "#ea75d4"}),
Fr = C.a.createElement("path", {
d: "M154.3 8.5c3.1-3.2.9-8.5-3.6-8.5H62.3l50.3 51.5 41.7-43z",
fill: "#eabd59"
}), Dr = C.a.createElement("path", {
d: "M1.5 166.8C-1.7 170 .6 175 5 175h88.5l-50.3-51.4-41.7 43.2z",
fill: "#49cbce"
}), Ir = function (e) {
return C.a.createElement("svg", xr({
id: "pro-icon_svg__Layer_3",
viewBox: "0 0 155.8 175.1",
xmlSpace: "preserve",
xmlns: "http://www.w3.org/2000/svg"
}, e), Er, Sr, Br, Tr, Pr, Ar, Nr, Mr, Rr, Fr, Dr)
}, zr = {
layout: {
title: Object(s.__)("Say Hello to More Layouts 👋", I.i18n),
description: Object(s.__)("Get more layouts for this block. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
},
design: {
title: Object(s.__)("Say Hello to More Designs 👋", I.i18n),
description: Object(s.__)("Get more pre-set sections / designs for this block. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
},
image: {
title: Object(s.__)("Say Hello to More Shapes 👋", I.i18n),
description: Object(s.__)("Get more cool shapes for your images. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
},
effect: {
title: Object(s.__)("Say Hello to More Effects 👋", I.i18n),
description: Object(s.__)("Get more flashy image & hover effects. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
},
advanced: {
title: Object(s.__)("Say Hello to Fine-Grained Controls 👋", I.i18n),
description: Object(s.__)("Get column spacing options, column colors and more. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
},
postsBlock: {
title: Object(s.__)("Say Hello to More Post Controls 👋", I.i18n),
description: Object(s.__)("Get a load more button, more post options and Custom Post Types. This feature is only available on Stackable Premium.", I.i18n),
button: Object(s.__)("Learn More", I.i18n)
}
}, Lr = function (e) {
var t = l()(["ugb-design-control-pro-note", e.className]);
return wp.element.createElement("div", {className: t}, e.isDismissible && wp.element.createElement(P.Button, {
className: "ugb-design-control-pro-note__close",
icon: "no-alt",
isTertiary: !0,
onClick: e.onClose
}), wp.element.createElement(Ir, {className: "ugb-design-control-pro-note__logo"}), wp.element.createElement("h4", null, e.title || zr[e.type].title), wp.element.createElement("p", null, e.description || zr[e.type].description), e.showButton && wp.element.createElement(Zn, {
button: e.button || zr[e.type].button,
buttonUtmSource: e.buttonUtmSource
}), e.showHideNote && wp.element.createElement("p", {className: "ugb-design-control-pro-note__notice"}, Object(s.__)("You can hide premium hints in the settings", I.i18n)))
};
Lr.defaultProps = {
className: "",
type: "layout",
title: "",
description: "",
button: "",
showButton: !0,
showHideNote: !0,
isDismissible: !1,
onClose: function () {
},
buttonUtmSource: void 0
};
var Ur = Lr;
function Hr(e) {
return (Hr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Wr(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Gr(e) {
return (Gr = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Vr(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function qr(e, t) {
return (qr = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Kr = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = Gr(t).apply(this, arguments)) || "object" !== Hr(a) && "function" != typeof a ? Vr(n) : a).state = {isOpen: !!e.props.initialOpen && e.props.initialOpen}, e.onClick = e.onClick.bind(Vr(e)), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && qr(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "onClick", value: function () {
this.setState({isOpen: !this.state.isOpen})
}
}, {
key: "render", value: function () {
var e = l()(["ugb-pro-control-button__wrapper"], {"ugb-pro-control-button--hidden": !this.state.isOpen});
return wp.element.createElement("div", {className: "components-base-control"}, wp.element.createElement("button", {
className: "ugb-pro-control-more-dots",
onClick: this.onClick
}, wp.element.createElement("div", {className: "ugb-pro-control-more-dots__dot"}), wp.element.createElement("div", {className: "ugb-pro-control-more-dots__dot"}), wp.element.createElement("div", {className: "ugb-pro-control-more-dots__dot"})), wp.element.createElement("div", {className: e}, wp.element.createElement(Ur, {
type: this.props.type,
title: this.props.title,
description: this.props.description,
button: this.props.button,
showButton: this.props.showButton
})))
}
}]) && Wr(n.prototype, a), i && Wr(n, i), t
}();
function Jr(e) {
return (Jr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Yr(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Xr(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Yr(n, !0).forEach(function (t) {
$r(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Yr(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function $r(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function Zr(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function Qr(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function el(e) {
return (el = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function tl(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function nl(e, t) {
return (nl = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var al = function (e) {
function t() {
var e, n, a;
!function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this;
var i = (e = !(a = el(t).apply(this, arguments)) || "object" !== Jr(a) && "function" != typeof a ? tl(n) : a).getEnabledValues(),
o = !i.length || i.every(function (e) {
return e === i[0]
}), r = i.every(function (e) {
return "" === e
});
return e.state = {locked: r ? e.props.defaultLocked : o}, e.onToggleLock = e.onToggleLock.bind(tl(e)), e.onChangeTop = e.onChangeTop.bind(tl(e)), e.onChangeRight = e.onChangeRight.bind(tl(e)), e.onChangeBottom = e.onChangeBottom.bind(tl(e)), e.onChangeLeft = e.onChangeLeft.bind(tl(e)), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && nl(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "getEnabledValues", value: function () {
return [].concat(Zr(this.props.enableTop ? [this.props.top] : []), Zr(this.props.enableRight ? [this.props.right] : []), Zr(this.props.enableBottom ? [this.props.bottom] : []), Zr(this.props.enableLeft ? [this.props.left] : []))
}
}, {
key: "getEnabledLocations", value: function () {
return [].concat(Zr(this.props.enableTop ? ["top"] : []), Zr(this.props.enableRight ? ["right"] : []), Zr(this.props.enableBottom ? ["bottom"] : []), Zr(this.props.enableLeft ? ["left"] : []))
}
}, {
key: "filterOnlyEnabled", value: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
return Object(o.pick)(e, this.getEnabledLocations())
}
}, {
key: "onToggleLock", value: function () {
this.setState({locked: !this.state.locked})
}
}, {
key: "onChangeTop", value: function (e) {
var t = e.target.value, n = t || 0 === t ? t : "";
this.state.locked ? this.props.onChange(this.filterOnlyEnabled({
top: n,
right: n,
bottom: n,
left: n
})) : this.props.onChange(Xr({}, this.getEnabledValues(), {top: n}))
}
}, {
key: "onChangeRight", value: function (e) {
var t = e.target.value, n = t || 0 === t ? t : "";
this.state.locked ? this.props.onChange(this.filterOnlyEnabled({
top: n,
right: n,
bottom: n,
left: n
})) : this.props.onChange(Xr({}, this.getEnabledValues(), {right: n}))
}
}, {
key: "onChangeBottom", value: function (e) {
var t = e.target.value, n = t || 0 === t ? t : "";
this.state.locked ? this.props.onChange(this.filterOnlyEnabled({
top: n,
right: n,
bottom: n,
left: n
})) : this.props.onChange(Xr({}, this.getEnabledValues(), {bottom: n}))
}
}, {
key: "onChangeLeft", value: function (e) {
var t = e.target.value, n = t || 0 === t ? t : "";
this.state.locked ? this.props.onChange(this.filterOnlyEnabled({
top: n,
right: n,
bottom: n,
left: n
})) : this.props.onChange(Xr({}, this.getEnabledValues(), {left: n}))
}
}, {
key: "render", value: function () {
var e = this.props.instanceId, t = "ugb-four-number-control-".concat(e, "__item-");
return wp.element.createElement(P.BaseControl, {
help: this.props.help,
className: l()("ugb-four-number-control", this.props.className)
}, wp.element.createElement(Qe, {
label: this.props.label,
units: this.props.units,
unit: this.props.unit,
onChangeUnit: this.props.onChangeUnit,
screens: this.props.screens
}), wp.element.createElement("div", {className: "ugb-four-number-control__wrapper"}, wp.element.createElement("label", {
className: "ugb-four-number-control__label",
htmlFor: "".concat(t, "-top")
}, wp.element.createElement("input", {
id: "".concat(t, "-top"),
type: "number",
onChange: this.onChangeTop,
"aria-label": Object(s.__)("Top", I.i18n),
value: this.props.top,
placeholder: this.props.enableTop ? "" : Object(s.__)("auto", I.i18n),
disabled: !this.props.enableTop
}), wp.element.createElement("span", null, Object(s.__)("Top", I.i18n))), wp.element.createElement("label", {
className: "ugb-four-number-control__label",
htmlFor: "".concat(t, "-right")
}, wp.element.createElement("input", {
id: "".concat(t, "-right"),
type: "number",
onChange: this.onChangeRight,
"aria-label": this.props.label,
value: this.props.right,
placeholder: this.props.enableRight ? "" : Object(s.__)("auto", I.i18n),
disabled: !this.props.enableRight
}), wp.element.createElement("span", null, Object(s.__)("Right", I.i18n))), wp.element.createElement("label", {
className: "ugb-four-number-control__label",
htmlFor: "".concat(t, "-bottom")
}, wp.element.createElement("input", {
id: "".concat(t, "-bottom"),
type: "number",
onChange: this.onChangeBottom,
"aria-label": this.props.label,
value: this.props.bottom,
placeholder: this.props.enableBottom ? "" : Object(s.__)("auto", I.i18n),
disabled: !this.props.enableBottom
}), wp.element.createElement("span", null, Object(s.__)("Bottom", I.i18n))), wp.element.createElement("label", {
className: "ugb-four-number-control__label",
htmlFor: "".concat(t, "-left")
}, wp.element.createElement("input", {
id: "".concat(t, "-left"),
type: "number",
onChange: this.onChangeLeft,
"aria-label": this.props.label,
value: this.props.left,
placeholder: this.props.enableLeft ? "" : Object(s.__)("auto", I.i18n),
disabled: !this.props.enableLeft
}), wp.element.createElement("span", null, Object(s.__)("Left", I.i18n))), wp.element.createElement(P.Button, {
className: this.state.locked ? "ugb--is-locked" : "",
onClick: this.onToggleLock,
icon: wp.element.createElement(P.Dashicon, {
icon: this.state.locked ? "admin-links" : "editor-unlink",
size: "16"
})
})))
}
}]) && Qr(n.prototype, a), i && Qr(n, i), t
}();
al.defaultProps = {
onChange: function () {
},
defaultLocked: !0,
top: "",
right: "",
bottom: "",
left: "",
units: ["px"],
unit: "px",
onChangeUnit: function () {
},
screens: ["desktop"],
enableTop: !0,
enableRight: !0,
enableBottom: !0,
enableLeft: !0
};
Object(q.withInstanceId)(al);
function il() {
return (il = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ol = C.a.createElement("path", {
d: "M1.6 1.6v16.8h16.8V1.6H1.6zm14.1 14.1H4.3V4.3h11.4v11.4z",
opacity: .06,
fill: "#555d63"
}), rl = C.a.createElement("path", {
d: "M4.4 15.7h11.2c.1 0 .2 0 .2.1l2 2c.2.2.1.6-.2.6H2.4c-.3 0-.4-.3-.2-.6l2-2s.1-.1.2-.1z",
fill: "#555d63"
}), ll = function (e) {
return C.a.createElement("svg", il({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), ol, rl)
};
function cl() {
return (cl = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var sl = C.a.createElement("path", {
d: "M1.6 1.6v16.8h16.8V1.6H1.6zm14.1 14.1H4.3V4.3h11.4v11.4z",
opacity: .06,
fill: "#555d63"
}), ul = C.a.createElement("path", {
d: "M4.3 4.4v11.2c0 .1 0 .2-.1.2l-2 2c-.2.2-.6.1-.6-.2V2.4c0-.3.4-.4.6-.2l2 2s.1.1.1.2z",
fill: "#555d63"
}), bl = function (e) {
return C.a.createElement("svg", cl({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), sl, ul)
};
function pl() {
return (pl = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ml = C.a.createElement("path", {
d: "M1.6 1.6v16.8h16.8V1.6H1.6zm14.1 14.1H4.3V4.3h11.4v11.4z",
opacity: .06,
fill: "#555d63"
}), gl = C.a.createElement("path", {
d: "M15.7 15.6V4.4c0-.1 0-.2.1-.2l2-2c.2-.2.6-.1.6.2v15.2c0 .3-.3.4-.6.2l-2-2s-.1-.1-.1-.2z",
fill: "#555d63"
}), dl = function (e) {
return C.a.createElement("svg", pl({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), ml, gl)
};
function fl() {
return (fl = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var hl = C.a.createElement("path", {
d: "M1.6 1.6v16.8h16.8V1.6H1.6zm14.1 14.1H4.3V4.3h11.4v11.4z",
opacity: .06,
fill: "#555d63"
}), vl = C.a.createElement("path", {
d: "M15.6 4.3H4.4c-.1 0-.2 0-.2-.1l-2-2c-.2-.2-.1-.6.2-.6h15.2c.3 0 .4.3.2.6l-2 2s-.1.1-.2.1z",
fill: "#555d63"
}), yl = function (e) {
return C.a.createElement("svg", fl({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), hl, vl)
};
function Ol(e) {
return (Ol = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function wl() {
return (wl = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function _l(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function jl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function kl(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? jl(n, !0).forEach(function (t) {
Cl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : jl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Cl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function xl(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function El(e) {
return (El = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Sl(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function Bl(e, t) {
return (Bl = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Tl = function (e) {
function t() {
var e, n, a;
!function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this;
var i = (e = !(a = El(t).apply(this, arguments)) || "object" !== Ol(a) && "function" != typeof a ? Sl(n) : a).getEnabledValues(),
o = e.firstValue(), r = Object.values(i).every(function (e) {
return e === o
}), l = Object.values(i).every(function (e) {
return "" === e
});
return e.state = {locked: l ? e.props.defaultLocked : r}, e.onToggleLock = e.onToggleLock.bind(Sl(e)), e.onChangeAll = e.onChangeAll.bind(Sl(e)), e.onChangeTop = e.onChangeTop.bind(Sl(e)), e.onChangeRight = e.onChangeRight.bind(Sl(e)), e.onChangeBottom = e.onChangeBottom.bind(Sl(e)), e.onChangeLeft = e.onChangeLeft.bind(Sl(e)), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Bl(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "getEnabledValues", value: function () {
var e = this;
return this.getEnabledLocations().reduce(function (t, n) {
return kl({}, t, Cl({}, n, e.props[n]))
}, {})
}
}, {
key: "getEnabledLocations", value: function () {
return [].concat(_l(this.props.enableTop ? ["top"] : []), _l(this.props.enableRight ? ["right"] : []), _l(this.props.enableBottom ? ["bottom"] : []), _l(this.props.enableLeft ? ["left"] : []))
}
}, {
key: "firstValue", value: function () {
return this.getEnabledLocations().length ? Object.values(this.getEnabledValues())[0] : ""
}
}, {
key: "filterOnlyEnabled", value: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
return Object(o.pick)(e, this.getEnabledLocations())
}
}, {
key: "onToggleLock", value: function () {
this.setState({locked: !this.state.locked})
}
}, {
key: "onChangeAll", value: function (e) {
var t = e || 0 === e ? e : "";
this.props.onChange(this.filterOnlyEnabled({top: t, right: t, bottom: t, left: t}))
}
}, {
key: "onChangeTop", value: function (e) {
this.props.onChange(kl({}, this.getEnabledValues(), {top: e || 0 === e ? e : ""}))
}
}, {
key: "onChangeRight", value: function (e) {
this.props.onChange(kl({}, this.getEnabledValues(), {right: e || 0 === e ? e : ""}))
}
}, {
key: "onChangeBottom", value: function (e) {
this.props.onChange(kl({}, this.getEnabledValues(), {bottom: e || 0 === e ? e : ""}))
}
}, {
key: "onChangeLeft", value: function (e) {
this.props.onChange(kl({}, this.getEnabledValues(), {left: e || 0 === e ? e : ""}))
}
}, {
key: "render", value: function () {
var e = this.props, t = e.instanceId, n = e.units, a = e.unit,
i = "ugb-four-range-control-".concat(t, "__item-"), o = {
min: this.props.min,
max: this.props.max,
step: this.props.step,
placeholder: this.props.placeholder,
initialPosition: this.props.initialPosition,
sliderMin: this.props.sliderMin,
sliderMax: this.props.sliderMax
}, r = n.indexOf(a) < 0 ? 0 : n.indexOf(a);
Array.isArray(this.props.min) && (o.min = this.props.min[r]), Array.isArray(this.props.max) && (o.max = this.props.max[r]), Array.isArray(this.props.sliderMin) && (o.sliderMin = this.props.sliderMin[r]), Array.isArray(this.props.sliderMax) && (o.sliderMax = this.props.sliderMax[r]), Array.isArray(this.props.step) && (o.step = this.props.step[r]), Array.isArray(this.props.placeholder) && (o.placeholder = this.props.placeholder[r]), Array.isArray(this.props.initialPosition) && (o.initialPosition = this.props.initialPosition[r]);
var u = l()(["ugb-four-range-control__lock"], {"ugb--is-locked": this.state.locked}),
b = wp.element.createElement(P.Button, {
className: u,
onClick: this.onToggleLock,
icon: wp.element.createElement(P.Dashicon, {
icon: this.state.locked ? "admin-links" : "editor-unlink",
size: "16"
})
});
return wp.element.createElement(P.BaseControl, {
help: this.props.help,
className: l()("ugb-four-range-control", this.props.className, {"ugb--locked": this.state.locked})
}, wp.element.createElement(Qe, {
label: this.props.label,
units: this.props.units,
unit: this.props.unit,
onChangeUnit: this.props.onChangeUnit,
screens: this.props.screens,
afterButton: b
}), this.state.locked && wp.element.createElement("div", {className: "ugb-four-range-control__range"}, wp.element.createElement(ut, wl({
id: "".concat(i, "-all"),
value: this.firstValue(),
onChange: this.onChangeAll,
allowReset: !0
}, o))), !this.state.locked && wp.element.createElement(c.Fragment, null, this.props.enableTop && wp.element.createElement("div", {className: "ugb-four-range-control__range"}, wp.element.createElement(P.Tooltip, {text: Object(s.__)("Top", I.i18n)}, wp.element.createElement("span", {className: "ugb-four-range-control__icon"}, wp.element.createElement(yl, null))), wp.element.createElement(ut, wl({
id: "".concat(i, "-top"),
value: this.props.top,
onChange: this.onChangeTop,
allowReset: !0
}, o, {placeholder: this.props.placeholderTop || o.placeholder}))), this.props.enableRight && wp.element.createElement("div", {className: "ugb-four-range-control__range"}, wp.element.createElement(P.Tooltip, {text: Object(s.__)("Right", I.i18n)}, wp.element.createElement("span", {className: "ugb-four-range-control__icon"}, wp.element.createElement(dl, null))), wp.element.createElement(ut, wl({
id: "".concat(i, "-right"),
value: this.props.right,
onChange: this.onChangeRight,
allowReset: !0
}, o, {placeholder: this.props.placeholderRight || o.placeholder}))), this.props.enableBottom && wp.element.createElement("div", {className: "ugb-four-range-control__range"}, wp.element.createElement(P.Tooltip, {text: Object(s.__)("Bottom", I.i18n)}, wp.element.createElement("span", {className: "ugb-four-range-control__icon"}, wp.element.createElement(ll, null))), wp.element.createElement(ut, wl({
id: "".concat(i, "-bottom"),
value: this.props.bottom,
onChange: this.onChangeBottom,
allowReset: !0
}, o, {placeholder: this.props.placeholderBottom || o.placeholder}))), this.props.enableLeft && wp.element.createElement("div", {className: "ugb-four-range-control__range"}, wp.element.createElement(P.Tooltip, {text: Object(s.__)("Left", I.i18n)}, wp.element.createElement("span", {className: "ugb-four-range-control__icon"}, wp.element.createElement(bl, null))), wp.element.createElement(ut, wl({
id: "".concat(i, "-left"),
value: this.props.left,
onChange: this.onChangeLeft,
allowReset: !0
}, o, {placeholder: this.props.placeholderLeft || o.placeholder})))))
}
}]) && xl(n.prototype, a), i && xl(n, i), t
}();
Tl.defaultProps = {
onChange: function () {
},
defaultLocked: !0,
top: "",
right: "",
bottom: "",
left: "",
units: ["px"],
unit: "px",
onChangeUnit: function () {
},
screens: ["desktop"],
enableTop: !0,
enableRight: !0,
enableBottom: !0,
enableLeft: !0,
min: 0,
max: 50,
sliderMin: null,
sliderMax: null,
step: 1,
placeholder: "",
placeholderTop: "",
placeholderRight: "",
placeholderBottom: "",
placeholderLeft: "",
initialPosition: ""
};
var Pl = Tl, Al = n(113), Nl = n.n(Al), Ml = n(114), Rl = n.n(Ml), Fl = n(115), Dl = n.n(Fl), Il = n(116),
zl = n.n(Il), Ll = n(117), Ul = n.n(Ll), Hl = n(118), Wl = n.n(Hl), Gl = n(119), Vl = n.n(Gl), ql = n(120),
Kl = n.n(ql), Jl = n(121), Yl = n.n(Jl), Xl = n(122), $l = n.n(Xl), Zl = n(123), Ql = n.n(Zl), ec = n(124),
tc = n.n(ec), nc = n(125), ac = n.n(nc), ic = n(126), oc = n.n(ic), rc = n(127), lc = n.n(rc), cc = n(128),
sc = n.n(cc), uc = n(129), bc = n.n(uc), pc = n(130), mc = n.n(pc), gc = n(131), dc = n.n(gc), fc = n(132),
hc = n.n(fc), vc = n(133), yc = n.n(vc), Oc = n(134), wc = n.n(Oc), _c = n(135), jc = n.n(_c), kc = n(136),
Cc = n.n(kc), xc = n(137), Ec = n.n(xc), Sc = n(138), Bc = n.n(Sc), Tc = n(139), Pc = n.n(Tc), Ac = n(140),
Nc = n.n(Ac), Mc = n(141), Rc = n.n(Mc), Fc = n(142), Dc = n.n(Fc), Ic = n(51);
function zc(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function Lc() {
return (Lc = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Uc = {
position: "absolute",
width: "100%",
height: 42,
transform: "translate(0%, -50%)",
borderRadius: 7,
cursor: "pointer"
}, Hc = {
position: "absolute",
width: "100%",
height: 3,
backgroundColor: "#e2e4e7",
transform: "translate(0%, -50%)",
borderRadius: 7,
pointerEvents: "none"
}, Wc = function (e) {
var t = e.getRailProps;
return wp.element.createElement(c.Fragment, null, wp.element.createElement("div", Lc({style: Uc}, t())), wp.element.createElement("div", {style: Hc}))
}, Gc = function (e) {
var t = zc(e.domain, 2), n = t[0], a = t[1], i = e.handle, o = i.id, r = i.value, l = i.percent, c = e.disabled,
s = void 0 !== c && c, u = e.getHandleProps;
return wp.element.createElement("button", Lc({
role: "slider",
"aria-valuemin": n,
"aria-valuemax": a,
"aria-valuenow": r,
disabled: s,
style: {left: "".concat(l, "%")}
}, u(o)))
}, Vc = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "right";
if ("left" === t) for (var n = e.length - 1; n >= 1; n--) if (e[n] < 10) {
var a = 10 - e[n];
e[n] = 10, e[n - 1] -= a
}
for (var i = 0; i < e.length - 1; i++) if (e[i] < 10) {
var o = 10 - e[i];
e[i] = 10, e[i + 1] -= o
}
if ("right" === t) for (var r = e.length - 1; r >= 1; r--) if (e[r] < 10) {
var l = 10 - e[r];
e[r] = 10, e[r - 1] -= l
}
return e
};
function qc(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function Kc(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var Jc = {position: "relative", width: "100%"}, Yc = [0, 100], Xc = function (e) {
var t = 0;
return [].concat(Kc(e), [100]).map(function (e) {
var n = e - t;
return t += n, n
})
}, $c = function (e) {
var t = 0;
return Kc(e).pop(), e.reduce(function (n, a, i) {
if (i === e.length - 1) return n;
var o = a + t;
return t += a, n.push(o), n
}, [])
}, Zc = function (e) {
return wp.element.createElement(Ic.c, {
className: "ugb-column-widths-control__columns-slider",
rootStyle: Jc,
mode: function (e, t) {
var n, a = e.map(function (e) {
return e.val
}), i = t.map(function (e) {
return e.val
});
if (Object(o.isEqual)(a, i)) return t;
if ((n = [0].concat(Kc(i), [100])).some(function (e, t) {
return 0 !== t && e - n[t - 1] < 10
})) {
var r = qc(function (e, t) {
var n, a = 0;
return t.some(function (t, i) {
return t !== e[i] && (a = i, n = t > e[i] ? "right" : "left", !0)
}), [a, n]
}(a, i), 2);
r[0];
(function (e, t, n) {
var a = Xc(e), i = Vc(a, n);
return $c(i)
})(i, 0, r[1]).forEach(function (e, n) {
t[n].val = e
})
}
return t
},
step: 1,
onUpdate: function (t) {
return e.onChange(Xc(t))
},
domain: Yc,
values: $c(e.value)
}, wp.element.createElement(Ic.b, null, function (e) {
var t = e.getRailProps;
return wp.element.createElement(Wc, {getRailProps: t})
}), wp.element.createElement(Ic.a, null, function (e) {
var t = e.handles, n = e.getHandleProps;
return wp.element.createElement("div", {className: "slider-handles"}, t.map(function (e) {
return wp.element.createElement(Gc, {key: e.id, handle: e, domain: Yc, getHandleProps: n})
}))
}))
};
Zc.defaultProps = {
onChange: function () {
}, value: []
};
var Qc = Zc;
function es(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var ts = function (e) {
return e.every(function (e) {
return !e
})
}, ns = function (e) {
var t, n = {
gridTemplateColumns: (t = e.value, t.map(function (e) {
return (e / 100 * t.length).toFixed(2) + "fr"
}).join(" ")),
gridAutoFlow: ts(e.value) ? "column" : void 0,
justifyContent: ts(e.value) ? "space-around" : void 0
};
return wp.element.createElement("div", {
className: "ugb-column-widths-control__columns-input",
style: n
}, e.value.map(function (t, n) {
return wp.element.createElement("input", {
key: n,
className: "components-column-widths-control__number",
type: "number",
value: t || "",
onChange: function (t) {
var a = parseInt(t.target.value, 10), i = es(e.value);
i[n] = isNaN(a) ? "" : a, e.onChange(i)
},
onBlur: function () {
var t = Vc(e.value), a = 100 - t.reduce(function (e, t) {
return e + t
}, 0);
n < e.value.length - 1 ? t[n + 1] += a : t[n - 1] += a, e.onChange(Vc(t))
}
})
}))
};
ns.defaultProps = {
onChange: function () {
}, value: []
};
var as = ns;
function is(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var os = {
"2-1": [50, 50],
"2-2": [67, 33],
"2-3": [33, 67],
"3-1": [33, 33, 34],
"3-2": [25, 50, 25],
"3-3": [50, 25, 25],
"3-4": [25, 25, 50],
"4-1": [25, 25, 25, 25],
"4-2": [40, 20, 20, 20],
"4-3": [20, 20, 20, 40],
"5-1": [20, 20, 20, 20, 20],
"6-1": [16, 17, 17, 17, 17, 16]
}, rs = {
plain: {
2: [{value: "2-1", image: Nl.a}, {value: "2-2", image: Rl.a}, {value: "2-3", image: Dl.a}],
3: [{value: "3-1", image: zl.a}, {value: "3-2", image: Ul.a}, {value: "3-3", image: Wl.a}, {
value: "3-4",
image: Vl.a
}],
4: [{value: "4-1", image: Kl.a}, {value: "4-2", image: Yl.a}, {value: "4-3", image: $l.a}]
},
grid: {
2: [{value: "2-1", image: Ql.a}, {value: "2-2", image: tc.a}, {value: "2-3", image: ac.a}],
3: [{value: "3-1", image: oc.a}, {value: "3-2", image: lc.a}, {value: "3-3", image: sc.a}, {
value: "3-4",
image: bc.a
}],
4: [{value: "4-1", image: mc.a}, {value: "4-2", image: dc.a}, {value: "4-3", image: hc.a}]
},
uneven: {
2: [{value: "2-1", image: yc.a}, {value: "2-2", image: wc.a}, {value: "2-3", image: jc.a}],
3: [{value: "3-1", image: Cc.a}, {value: "3-2", image: Ec.a}, {value: "3-3", image: Bc.a}, {
value: "3-4",
image: Pc.a
}],
4: [{value: "4-1", image: Nc.a}, {value: "4-2", image: Rc.a}, {value: "4-3", image: Dc.a}]
}
}, ls = function (e) {
return e.every(function (e) {
return !e
})
}, cs = function (e) {
var t = is(Object(c.useState)(-1), 2), n = (t[0], t[1]), a = is(Object(c.useState)(!0), 2), i = (a[0], a[1]),
r = is(Object(c.useState)(""), 2), u = r[0], b = r[1];
Object(c.useEffect)(function () {
b("")
}, [e.columns]);
var p = "grid" === e.design ? "grid" : "plain" === e.design ? "plain" : "uneven", m = rs[p],
g = wp.element.createElement(P.Button, {
className: "ugb-columns-width-control__reset",
disabled: e.forceBlank ? ls(e.values) : Object(o.isEqual)(e.values, os[u || "".concat(e.columns, "-1")]),
onClick: function () {
b(""), e.forceBlank ? e.onChange(["", "", "", "", "", ""]) : e.onChange(os[u || "".concat(e.columns, "-1")])
},
isSmall: !0,
isSecondary: !0
}, Object(s.__)("Reset"));
return wp.element.createElement(P.BaseControl, {
help: e.help,
className: l()(["ugb-columns-width-control", "ugb--help-tip-column-width", e.className])
}, (e.hasIndividualControls || !e.hasIndividualControls && m[e.columns]) && wp.element.createElement(Qe, {
label: e.label,
afterButton: e.hasIndividualControls ? g : null,
screens: e.screens
}), m[e.columns] && wp.element.createElement(Sa, {
options: m[e.columns], onChange: function (t) {
n(-1), i(!0), b(t), e.onChange(os[t])
}
}), e.hasIndividualControls && wp.element.createElement(c.Fragment, null, wp.element.createElement(Qc, {
value: ls(e.values) ? os["".concat(e.columns, "-1")] : e.values,
onChange: function (t) {
e.onChange(t)
}
}), wp.element.createElement(as, {
value: ls(e.values) ? e.forceBlank ? e.values : os["".concat(e.columns, "-1")] : e.values,
onChange: function (t) {
e.onChange(t)
}
}), !1))
};
cs.defaultProps = {
columns: 2,
design: "plain",
values: ["", ""],
onChange: function () {
},
help: "",
label: Object(s.__)("Column Widths", I.i18n),
className: "",
hasIndividualControls: !0,
screens: ["desktop"],
forceBlank: !1
};
var ss = cs;
function us(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var bs = function (e) {
var t = function () {
var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
return Object(o.camelCase)(Object(s.sprintf)(e.attrNameTemplate, t))
}, n = Object(i.b)(e.blockAttributes, t, ""), a = e.screens;
return wp.element.createElement(c.Fragment, null, a.includes("desktop") && wp.element.createElement(ys, {screens: a}, c.Children.toArray(e.children).map(function (a) {
return Object(c.cloneElement)(a, {
value: n(), onChange: function (n) {
e.onChange ? e.onChange(t(), n, "") : e.setAttributes(us({}, t(), n))
}
})
})), a.includes("tablet") && wp.element.createElement(ys, {
screens: a,
screen: "tablet"
}, c.Children.toArray(e.children).map(function (a) {
return Object(c.cloneElement)(a, {
value: n("Tablet"),
placeholder: n("Tablet") || a.props.placeholder,
onChange: function (n) {
e.onChange ? e.onChange(t("Tablet"), n, "Tablet") : e.setAttributes(us({}, t("Tablet"), n))
}
})
})), a.includes("mobile") && wp.element.createElement(ys, {
screens: a,
screen: "mobile"
}, c.Children.toArray(e.children).map(function (a) {
return Object(c.cloneElement)(a, {
value: n("Mobile"),
placeholder: n("Mobile") || a.props.placeholder,
onChange: function (n) {
e.onChange ? e.onChange(t("Mobile"), n, "Mobile") : e.setAttributes(us({}, t("Mobile"), n))
}
})
})))
};
bs.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}, onChange: null, placeholder: "", screens: ["desktop", "tablet", "mobile"]
};
var ps = bs;
function ms(e) {
return (ms = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function gs(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function ds(e) {
return (ds = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function fs(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function hs(e, t) {
return (hs = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var vs = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = ds(t).apply(this, arguments)) || "object" !== ms(a) && "function" != typeof a ? fs(n) : a).state = {screen: Object(i.W)()}, e.onScreenChange = e.onScreenChange.bind(fs(e)), e
}
var n, a, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && hs(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "onScreenChange", value: function (e) {
this.setState({screen: e})
}
}, {
key: "componentDidMount", value: function () {
var e = this.props.instanceId;
Object(K.addAction)("stackable.responsive-toggle.screen.change", "stackable/when-responsive-screen-".concat(e), this.onScreenChange)
}
}, {
key: "componentWillUnmount", value: function () {
var e = this.props.instanceId;
Object(K.removeAction)("stackable.responsive-toggle.screen.change", "stackable/when-responsive-screen-".concat(e))
}
}, {
key: "render", value: function () {
var e = this, t = c.Children.toArray(this.props.children).map(function (t) {
return Object(c.cloneElement)(t, {screens: e.props.screens, screen: e.state.screen})
}), n = this.state.screen === this.props.screen,
a = !this.props.screens.includes(this.state.screen) && !n && "desktop" === this.props.screen;
return wp.element.createElement(c.Fragment, null, (n || a) && t)
}
}]) && gs(n.prototype, a), o && gs(n, o), t
}();
vs.defaultProps = {screen: "desktop", screens: ["desktop", "tablet", "mobile"]};
var ys = Object(q.withInstanceId)(vs);
function Os() {
return (Os = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ws = C.a.createElement("path", {d: "M26.6 40.2h-8.2V27.8H8.8v12.4H.6V9.8h8.2v11.3h9.5V9.8h8.2v30.4zM49.4 40.2h-8.3V24.1c0-2 0-3.7.1-5.4-.5.6-1.1 1.3-1.9 2l-3.4 2.8-4.3-5.2L42 9.8h7.4v30.4z"}),
_s = function (e) {
return C.a.createElement("svg", Os({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), ws)
};
function js() {
return (js = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ks = C.a.createElement("path", {d: "M24.1 39.6H18V27.2H6.6v12.4H.5V10.8h6.1v11.3H18V10.8h6.1v28.8zM49.5 39.6H29.4v-4.2l7.2-7.3c2.1-2.2 3.5-3.7 4.2-4.6.7-.8 1.1-1.6 1.4-2.4.3-.7.4-1.5.4-2.2 0-1.2-.3-2-1-2.6-.6-.6-1.5-.8-2.5-.8-1.1 0-2.2.3-3.2.8s-2.1 1.2-3.3 2.2l-3.3-3.9c1.4-1.2 2.6-2.1 3.5-2.6.9-.5 1.9-.9 3-1.2 1.1-.3 2.3-.4 3.7-.4 1.8 0 3.4.3 4.8 1s2.4 1.6 3.2 2.8 1.1 2.5 1.1 4.1c0 1.3-.2 2.6-.7 3.7-.5 1.2-1.2 2.4-2.2 3.6s-2.7 3-5.2 5.2l-3.7 3.5v.3h12.5v5z"}),
Cs = function (e) {
return C.a.createElement("svg", js({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), ks)
};
function xs() {
return (xs = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Es = C.a.createElement("path", {d: "M24 38.9h-4.6V26.4H6.6V39H2V11.1h4.6v11.4h12.8V11.1H24v27.8zM47.2 17.5c0 1.8-.5 3.2-1.5 4.4-1 1.2-2.5 2-4.3 2.4v.2c2.2.3 3.9 1 5 2.1s1.7 2.6 1.7 4.4c0 2.7-.9 4.7-2.8 6.2s-4.6 2.2-8.1 2.2c-3.1 0-5.7-.5-7.8-1.5v-4c1.2.6 2.4 1 3.8 1.4 1.3.3 2.6.5 3.8.5 2.2 0 3.8-.4 4.8-1.2 1.1-.8 1.6-2 1.6-3.7 0-1.5-.6-2.6-1.8-3.3-1.2-.7-3-1-5.6-1h-2.4V23H36c4.4 0 6.7-1.5 6.7-4.6 0-1.2-.4-2.1-1.2-2.8-.8-.6-1.9-1-3.4-1-1.1 0-2.1.1-3 .4-1 .3-2.1.9-3.5 1.7l-2.2-3.1c2.6-1.9 5.5-2.8 8.9-2.8 2.8 0 5 .6 6.6 1.8 1.5 1.1 2.3 2.8 2.3 4.9z"}),
Ss = function (e) {
return C.a.createElement("svg", xs({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Es)
};
function Bs() {
return (Bs = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ts = C.a.createElement("path", {d: "M23.5 37.9h-4.2V26.3H7.4v11.6H3.2V12.2h4.2v10.5h11.8V12.2h4.2v25.7zM46.8 32.3h-3.5v5.6h-4v-5.6H27.5v-3.2l11.7-17h4v16.7h3.5v3.5zm-7.5-3.5v-6.4c0-2.3.1-4.2.2-5.6h-.1c-.3.8-.8 1.7-1.5 2.8l-6.4 9.3h7.8z"}),
Ps = function (e) {
return C.a.createElement("svg", Bs({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Ts)
};
function As() {
return (As = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ns = C.a.createElement("path", {d: "M24.2 36.2h-3.7V26H10v10.2H6.3V13.5H10v9.3h10.5v-9.3h3.7v22.7zM36.3 22c2.3 0 4.1.6 5.4 1.8 1.3 1.2 2 2.9 2 5 0 2.4-.8 4.3-2.3 5.7s-3.7 2-6.5 2c-2.5 0-4.5-.4-6-1.2V32c.8.5 1.8.8 2.9 1.1s2.1.4 3 .4c1.6 0 2.9-.4 3.8-1.1.9-.7 1.3-1.8 1.3-3.2 0-2.7-1.7-4.1-5.2-4.1-.5 0-1.1 0-1.8.1s-1.3.2-1.9.3l-1.6-1 .9-11.1h11.8v3.2h-8.6l-.5 5.8c.4-.1.8-.1 1.3-.2.6-.1 1.2-.2 2-.2z"}),
Ms = function (e) {
return C.a.createElement("svg", As({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Ns)
};
function Rs() {
return (Rs = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Fs = C.a.createElement("path", {d: "M24.1 35.2h-3.3V26h-9.4v9.2H8.1V14.8h3.3v8.3h9.4v-8.3h3.3v20.4zM28.1 26.5c0-8 3.2-11.9 9.7-11.9 1 0 1.9.1 2.6.2v2.7c-.7-.2-1.5-.3-2.4-.3-2.2 0-3.8.6-4.9 1.8-1.1 1.2-1.7 3-1.8 5.6h.2c.4-.8 1-1.3 1.8-1.7.8-.4 1.7-.6 2.8-.6 1.8 0 3.3.6 4.3 1.7s1.5 2.7 1.5 4.6c0 2.1-.6 3.8-1.8 5.1-1.2 1.2-2.8 1.9-4.9 1.9-1.5 0-2.7-.3-3.8-1.1-1.1-.7-1.9-1.7-2.5-3.1-.5-1.4-.8-3-.8-4.9zm7.1 6.2c1.1 0 2-.4 2.6-1.1.6-.7.9-1.8.9-3.1 0-1.2-.3-2.1-.9-2.8-.6-.7-1.4-1-2.6-1-.7 0-1.4.2-1.9.5-.6.3-1.1.7-1.4 1.2-.3.5-.5 1.1-.5 1.6 0 1.3.4 2.4 1.1 3.3.7 1 1.6 1.4 2.7 1.4z"}),
Ds = function (e) {
return C.a.createElement("svg", Rs({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Fs)
};
function Is() {
return (Is = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var zs = [{
value: "h1",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 1),
icon: wp.element.createElement(_s, null)
}, {
value: "h2",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 2),
icon: wp.element.createElement(Cs, null)
}, {
value: "h3",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 3),
icon: wp.element.createElement(Ss, null)
}, {
value: "h4",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 4),
icon: wp.element.createElement(Ps, null)
}, {
value: "h5",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 5),
icon: wp.element.createElement(Ms, null)
}, {
value: "h6",
title: Object(s.sprintf)(Object(s._x)("%s %d", "Nth Title", I.i18n), Object(s.__)("Heading", I.i18n), 6),
icon: wp.element.createElement(Ds, null)
}], Ls = function (e) {
return wp.element.createElement(an, Is({}, e, {className: "ugb-heading-buttons-control", controls: zs}))
};
Ls.defaultProps = {
label: Object(s.sprintf)(Object(s._x)("%s HTML Tag", "component"), Object(s.__)("Title", I.i18n)),
value: zs[0].value
};
var Us = Ls;
function Hs() {
return (Hs = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ws = [{value: "left", title: Object(s.__)("Align Left", I.i18n), icon: "editor-alignleft"}, {
value: "center",
title: Object(s.__)("Align Center", I.i18n),
icon: "editor-aligncenter"
}, {value: "right", title: Object(s.__)("Align Right", I.i18n), icon: "editor-alignright"}, {
value: "justify",
title: Object(s.__)("Justified", I.i18n),
icon: "editor-justify"
}], Gs = function (e) {
var t = e.justified, n = e.className;
return wp.element.createElement(an, Hs({}, Object(o.omit)(e, ["justified"]), {
className: l()([n, "ugb-align-buttons-control"]),
controls: Ws.filter(function (e) {
return !!t || "justify" !== e.value
})
}))
};
Gs.defaultProps = {className: "", label: Object(s.__)("Align", I.i18n), value: Ws[0].value, justified: !1};
var Vs = Gs;
function qs() {
return (qs = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Ks(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var Js = {
Edit: function (e) {
var t = e.blockProps, n = e.render, a = e.mainClass, i = e.blockTag,
o = Ks(e, ["blockProps", "render", "mainClass", "blockTag"]), r = t.blockName, c = t.attributes,
s = c.anchor, u = void 0 === s ? "" : s, b = c.design, p = c.blockTag, m = void 0 === p ? "div" : p,
g = l()([e.className], Object(K.applyFilters)("stackable.".concat(r, ".main-block.classes"), {"ugb-main-block": a}, t)),
d = l()(["ugb-inner-block"], Object(K.applyFilters)("stackable.".concat(r, ".main-block.inner-classes"), {}, t)),
f = "" !== u ? u : void 0, h = m || i || "div";
return wp.element.createElement(h, qs({}, o, {
id: f,
className: g
}), t.styles, Object(K.applyFilters)("stackable.".concat(r, ".edit.output.outer"), null, b, t), n && wp.element.createElement("div", {className: d}, Object(K.applyFilters)("stackable.".concat(r, ".edit.output.before"), null, b, t), wp.element.createElement("div", {className: "ugb-block-content"}, n(t)), Object(K.applyFilters)("stackable.".concat(r, ".edit.output.after"), null, b, t)))
}
};
Js.Edit.defaultProps = {styles: null, mainClass: !0}, Js.Save = function (e) {
var t = e.blockProps, n = e.render, a = e.mainClass, i = e.blockTag,
o = Ks(e, ["blockProps", "render", "mainClass", "blockTag"]), r = t.blockName, c = t.attributes,
s = c.anchor, u = void 0 === s ? "" : s, b = c.design, p = c.blockTag, m = void 0 === p ? "div" : p,
g = l()([e.className], Object(K.applyFilters)("stackable.".concat(r, ".main-block.classes"), {"ugb-main-block": a}, t)),
d = l()(["ugb-inner-block"], Object(K.applyFilters)("stackable.".concat(r, ".main-block.inner-classes"), {}, t)),
f = "" !== u ? u : void 0, h = m || i || "div";
return wp.element.createElement(h, qs({}, o, {
id: f,
className: g
}), t.styles, Object(K.applyFilters)("stackable.".concat(r, ".save.output.outer"), null, b, t), n && wp.element.createElement("div", {className: d}, Object(K.applyFilters)("stackable.".concat(r, ".save.output.before"), null, b, t), wp.element.createElement("div", {className: "ugb-block-content"}, n(t)), Object(K.applyFilters)("stackable.".concat(r, ".save.output.after"), null, b, t)))
}, Js.Save.defaultProps = {styles: null, mainClass: !0};
var Ys = Js, Xs = n(48), $s = n(14), Zs = n.n($s);
function Qs(e) {
return (Qs = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function eu(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function tu(e) {
return (tu = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function nu(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function au(e, t) {
return (au = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var iu = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = tu(t).apply(this, arguments)) || "object" !== Qs(a) && "function" != typeof a ? nu(n) : a).state = {value: e.props.value}, e.uniqueId = Object(o.uniqueId)("ugb-code-textarea-"), e.onChange = e.onChange.bind(nu(e)), e.debouncedOnChange = Object(o.debounce)(e.debouncedOnChange.bind(nu(e)), 500, {leading: !0}), e.codeMirror = null, e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && au(e, t)
}(t, c["Component"]), n = t, (a = [{
key: "componentWillUnmount", value: function () {
this.debouncedOnChange.cancel(), this.codeMirror && this.codeMirror.codemirror.off("change", this.onChange)
}
}, {
key: "componentDidMount", value: function () {
Xs.initialize && (this.codeMirror = Object(Xs.initialize)(this.uniqueId, Zs()(Xs.defaultSettings, this.props.editorSettings)), this.codeMirror.codemirror.on("change", this.onChange))
}
}, {
key: "debouncedOnChange", value: function (e) {
this.props.onChange(e || this.state.value)
}
}, {
key: "onChange", value: function (e) {
var t = e.getValue ? e.getValue() : e;
this.setState({value: t}), this.debouncedOnChange(t)
}
}, {
key: "render", value: function () {
return wp.element.createElement("textarea", {
className: "ugb-code-textarea",
id: this.uniqueId,
value: this.state.value,
onChange: this.onChange
})
}
}]) && eu(n.prototype, a), i && eu(n, i), t
}();
iu.defaultProps = {
value: "", onChange: function () {
}, editorSettings: {}
};
var ou = iu;
function ru() {
return (ru = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var lu = C.a.createElement("path", {
className: "curve-1_svg__st2",
d: "M1610 177.3C1423 122.9 1133.3 88 808 88c-334.7 0-631.8 37-818 94.1v28h1620v-32.8z"
}), cu = function (e) {
return C.a.createElement("svg", ru({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), lu)
};
function su() {
return (su = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var uu = C.a.createElement("filter", {id: "curve-1-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
bu = C.a.createElement("path", {
className: "curve-1-shadow_svg__st2",
d: "M808 87.9c-334.7 0-631.8 37-818 94.1v10c186.2-57.1 483.3-94.1 818-94.1 325.3 0 615 34.9 802 89.3v-10c-187-54.3-476.7-89.3-802-89.3z"
}), pu = function (e) {
return C.a.createElement("svg", su({
viewBox: "0 0 1600 200",
filter: "url(#curve-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), uu, bu)
};
function mu() {
return (mu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var gu = C.a.createElement("path", {d: "M1610 78.3c-187 54.4-476.7 89.3-802 89.3-334.7 0-631.8-37-818-94.1v136.8h1620v-132z"}),
du = function (e) {
return C.a.createElement("svg", mu({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), gu)
};
function fu() {
return (fu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var hu = C.a.createElement("filter", {id: "curve-1-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
vu = C.a.createElement("path", {d: "M808 167.6c-334.7 0-631.8-37-818-94.1v10c186.2 57.1 483.3 94.1 818 94.1 325.3 0 615-34.9 802-89.3v-10c-187 54.4-476.7 89.3-802 89.3z"}),
yu = function (e) {
return C.a.createElement("svg", fu({
viewBox: "0 0 1600 200",
filter: "url(#curve-1-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), hu, vu)
};
function Ou() {
return (Ou = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var wu = C.a.createElement("path", {
className: "curve-2_svg__st2",
d: "M-10 207.6h1620S1430.8 23.8 1138.3 23.8C884 23.8 234.9 140.1-10 197.9v9.7z"
}), _u = function (e) {
return C.a.createElement("svg", Ou({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), wu)
};
function ju() {
return (ju = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ku = C.a.createElement("filter", {id: "curve-2-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Cu = C.a.createElement("path", {
className: "curve-2-shadow_svg__st2",
d: "M1138.3 36.2c246.1 0 412 130.1 458.4 171.4h13.3S1430.8 23.8 1138.3 23.8C884 23.8 172 156.9-10 197.9v9.7H2.2C201.7 163.7 889.3 36.2 1138.3 36.2z"
}), xu = function (e) {
return C.a.createElement("svg", ju({
viewBox: "0 0 1600 200",
filter: "url(#curve-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), ku, Cu)
};
function Eu() {
return (Eu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Su = C.a.createElement("path", {d: "M-10 207.4h1620S1608.1.1 1604.2 3.7c-32.8 30.8-203.9 178.2-465.9 178.2C884 181.9 234.9 65.6-10 7.8v199.6z"}),
Bu = function (e) {
return C.a.createElement("svg", Eu({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Su)
};
function Tu() {
return (Tu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Pu = C.a.createElement("filter", {id: "curve-2-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Au = C.a.createElement("path", {d: "M1604.2 13.7c3.3-3.1 5.2 152.3 5.7 193.7h.1S1608.1.1 1604.2 3.7c-32.8 30.8-203.9 178.2-465.9 178.2C884 181.9 234.9 65.6-10 7.8v10c244.9 57.8 894 174.1 1148.3 174.1 262 0 433.1-147.5 465.9-178.2z"}),
Nu = function (e) {
return C.a.createElement("svg", Tu({
viewBox: "0 0 1600 200",
filter: "url(#curve-2-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Pu, Au)
};
function Mu() {
return (Mu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ru = C.a.createElement("path", {
className: "curve-3_svg__st1",
d: "M-6.7 13.4S456 171.1 876.1 171.1 1606.4 16 1606.4 16v192.6H-6.7V13.4z"
}), Fu = function (e) {
return C.a.createElement("svg", Mu({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Ru)
};
function Du() {
return (Du = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Iu = C.a.createElement("filter", {id: "curve-3-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
zu = C.a.createElement("path", {
className: "curve-3-shadow_svg__st1",
d: "M876.1 171.1C456 171.1-6.7 13.4-6.7 13.4v13.7S456 184.8 876.1 184.8s730.3-155.1 730.3-155.1V16s-310.3 155.1-730.3 155.1z"
}), Lu = function (e) {
return C.a.createElement("svg", Du({
viewBox: "0 0 1600 200",
filter: "url(#curve-3-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Iu, zu)
};
function Uu() {
return (Uu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Hu = C.a.createElement("path", {d: "M-6.6 177.6S456.1 40.3 876.2 40.3s730.3 135.1 730.3 135.1v33.5H-6.6v-31.3z"}),
Wu = function (e) {
return C.a.createElement("svg", Uu({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Hu)
};
function Gu() {
return (Gu = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Vu = C.a.createElement("filter", {id: "curve-3-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
qu = C.a.createElement("path", {d: "M876.2 40.3C456.1 40.3-6.5 177.6-6.5 177.6v10S456.2 50.3 876.3 50.3s730.3 135.1 730.3 135.1v-10c0-.1-310.3-135.1-730.4-135.1z"}),
Ku = function (e) {
return C.a.createElement("svg", Gu({
viewBox: "0 0 1600 200",
filter: "url(#curve-3-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Vu, qu)
};
function Ju() {
return (Ju = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Yu = C.a.createElement("path", {
className: "rounded-1_svg__st1",
d: "M1602.9 209l-9.3-117.7c-3.8-48.1-46.3-84.4-94.4-80.6L-8 131.2V209h1610.9z"
}), Xu = function (e) {
return C.a.createElement("svg", Ju({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Yu)
};
function $u() {
return ($u = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Zu = C.a.createElement("filter", {id: "rounded-1-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Qu = C.a.createElement("path", {
className: "rounded-1-shadow_svg__st1",
d: "M1491.2 20.7c48.1-3.8 90.6 32.5 94.4 80.6l8.5 107.7h8.8l-9.3-117.7c-3.8-48.1-46.3-84.4-94.4-80.6L-8 131.2v9.4L1491.2 20.7z"
}), eb = function (e) {
return C.a.createElement("svg", $u({
viewBox: "0 0 1600 200",
filter: "url(#rounded-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Zu, Qu)
};
function tb() {
return (tb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var nb = C.a.createElement("path", {d: "M1604.5-2.7l-10.9 104.5c-3.8 48.1-46.3 84.4-94.4 80.6L-8 61.8v148.5h1613.9l-1.4-213z"}),
ab = function (e) {
return C.a.createElement("svg", tb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), nb)
};
function ib() {
return (ib = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ob = C.a.createElement("filter", {id: "rounded-1-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
rb = C.a.createElement("path", {d: "M1596.6 111.7l8.2-78-.2-36.4-10.9 104.5c-3.8 48.1-46.3 84.4-94.4 80.6L-8 61.8v10l1507.2 120.5c48.1 3.8 93.6-32.5 97.4-80.6z"}),
lb = function (e) {
return C.a.createElement("svg", ib({
viewBox: "0 0 1600 200",
filter: "url(#rounded-1-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), ob, rb)
};
function cb() {
return (cb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var sb = C.a.createElement("path", {
className: "rounded-2_svg__st2",
d: "M1609.5 133.2h-9.5c0-10.9-8.9-19.8-19.8-19.8H19.8C8.9 113.3 0 122.2 0 133.2l-10-.2v77h1619.5v-76.8z"
}), ub = function (e) {
return C.a.createElement("svg", cb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), sb)
};
function bb() {
return (bb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var pb = C.a.createElement("filter", {id: "rounded-2-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
mb = C.a.createElement("path", {
className: "rounded-2-shadow_svg__st2",
d: "M1600 133.2c0-10.9-8.9-19.8-19.8-19.8H19.8C8.9 113.3 0 122.2 0 133.2V210h9v-66.8c0-10.9 8.9-19.8 19.8-19.8h1542.4c10.9 0 19.8 8.9 19.8 19.8V210h9v-76.8z"
}), gb = function (e) {
return C.a.createElement("svg", bb({
viewBox: "0 0 1600 200",
filter: "url(#rounded-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), pb, mb)
};
function db() {
return (db = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var fb = C.a.createElement("path", {d: "M1609.5 128.5h-9.5c0 10.9-8.9 19.8-19.8 19.8H19.8C8.9 148.4 0 139.5 0 128.5l-10 .2v83.1h1619.5v-83.3z"}),
hb = function (e) {
return C.a.createElement("svg", db({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), fb)
};
function vb() {
return (vb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var yb = C.a.createElement("filter", {id: "rounded-2-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Ob = C.a.createElement("path", {d: "M1600 128.5c0 10.9-8.9 19.8-19.8 19.8H19.8C8.9 148.4 0 139.5 0 128.5l-10 .2v10l10-.2c0 11 8.9 19.9 19.8 19.8h1560.4c10.9 0 19.8-8.9 19.8-19.8h9.5v-10h-9.5z"}),
wb = function (e) {
return C.a.createElement("svg", vb({
viewBox: "0 0 1600 200",
filter: "url(#rounded-2-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), yb, Ob)
};
function _b() {
return (_b = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var jb = C.a.createElement("path", {d: "M1610.5 189.1s-128.2-82.6-138.2-89.2c-17.1-11.3-37.2-15.5-87-18.1-49.7-2.6-753.6-40.7-783.9-42.3-30.3-1.5-81.1-1.3-121.1 8.2S-9.5 163.2-9.5 163.2v50h1620v-24.1z"}),
kb = function (e) {
return C.a.createElement("svg", _b({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), jb)
};
function Cb() {
return (Cb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var xb = C.a.createElement("filter", {id: "rounded-3-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Eb = C.a.createElement("path", {d: "M1472.3 99.9c-17.1-11.3-37.2-15.5-87-18.1-49.7-2.6-753.6-40.7-783.9-42.3-30.3-1.5-81.1-1.3-121.1 8.2S-9.5 163.2-9.5 163.2v10s449.8-106 489.8-115.5 90.8-9.7 121.1-8.2c30.3 1.6 734.2 39.7 783.9 42.3 49.8 2.6 69.9 6.8 87 18.1 10 6.6 138.2 89.2 138.2 89.2v-10s-128.2-82.6-138.2-89.2z"}),
Sb = function (e) {
return C.a.createElement("svg", Cb({
viewBox: "0 0 1600 200",
filter: "url(#rounded-3-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), xb, Eb)
};
function Bb() {
return (Bb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Tb = C.a.createElement("path", {d: "M1610.5 24.1s-128.2 82.6-138.2 89.2c-17.1 11.3-37.2 15.5-87 18.1-49.7 2.6-753.6 40.7-783.9 42.3-30.3 1.5-81.1 1.3-121.1-8.2S-9.5 50-9.5 50v158.9h1620V24.1z"}),
Pb = function (e) {
return C.a.createElement("svg", Bb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Tb)
};
function Ab() {
return (Ab = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Nb = C.a.createElement("filter", {id: "rounded-3-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Mb = C.a.createElement("path", {d: "M1472.3 113.3c-17.1 11.3-37.2 15.5-87 18.1-49.7 2.6-753.6 40.7-783.9 42.3-30.3 1.5-81.1 1.3-121.1-8.2S-9.5 50-9.5 50v10s449.8 106 489.8 115.5 90.8 9.7 121.1 8.2c30.3-1.6 734.2-39.7 783.9-42.3 49.8-2.6 69.9-6.8 87-18.1 10-6.6 138.2-89.2 138.2-89.2v-10s-128.2 82.6-138.2 89.2z"}),
Rb = function (e) {
return C.a.createElement("svg", Ab({
viewBox: "0 0 1600 200",
filter: "url(#rounded-3-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Nb, Mb)
};
function Fb() {
return (Fb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Db = C.a.createElement("path", {className: "slant-1_svg__st2", d: "M-10 210h1620V.5L-10 183.9z"}),
Ib = function (e) {
return C.a.createElement("svg", Fb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Db)
};
function zb() {
return (zb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Lb = C.a.createElement("filter", {id: "slant-1-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Ub = C.a.createElement("path", {className: "slant-1-shadow_svg__st2", d: "M-10 183.9v10L1610 10.5V.5z"}),
Hb = function (e) {
return C.a.createElement("svg", zb({
viewBox: "0 0 1600 200",
filter: "url(#slant-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Lb, Ub)
};
function Wb() {
return (Wb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Gb = C.a.createElement("path", {d: "M1610 210H-10V.5l1620 183.4z"}), Vb = function (e) {
return C.a.createElement("svg", Wb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Gb)
};
function qb() {
return (qb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Kb = C.a.createElement("filter", {id: "slant-1-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Jb = C.a.createElement("path", {d: "M-10 .5v10l1620 183.4v-10z"}), Yb = function (e) {
return C.a.createElement("svg", qb({
viewBox: "0 0 1600 200",
filter: "url(#slant-1-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Kb, Jb)
};
function Xb() {
return (Xb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var $b = C.a.createElement("path", {
className: "slant-2_svg__st1",
d: "M1610 39.2V209H-10V39.2l810 118.9 810-118.9z"
}), Zb = function (e) {
return C.a.createElement("svg", Xb({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), $b)
};
function Qb() {
return (Qb = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ep = C.a.createElement("filter", {id: "slant-2-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
tp = C.a.createElement("path", {
className: "slant-2-shadow_svg__st1",
d: "M1610 39.2v12L800 170.1-10 51.2v-12l810 118.9 810-118.9z"
}), np = function (e) {
return C.a.createElement("svg", Qb({
viewBox: "0 0 1600 200",
filter: "url(#slant-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), ep, tp)
};
function ap() {
return (ap = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ip = C.a.createElement("path", {d: "M1610 160v53.2H-10V160L800 41.1 1610 160z"}), op = function (e) {
return C.a.createElement("svg", ap({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), ip)
};
function rp() {
return (rp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var lp = C.a.createElement("filter", {id: "slant-2-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
cp = C.a.createElement("path", {d: "M800 41.1L-10 160v10L800 51.1 1610 170v-10z"}), sp = function (e) {
return C.a.createElement("svg", rp({
viewBox: "0 0 1600 200",
filter: "url(#slant-2-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), lp, cp)
};
function up() {
return (up = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var bp = C.a.createElement("path", {d: "M-10 210h1620V105.2H-10z"}), pp = function (e) {
return C.a.createElement("svg", up({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), bp)
};
function mp() {
return (mp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var gp = C.a.createElement("filter", {id: "straight-1-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
dp = C.a.createElement("path", {d: "M-10 121.6h1620v-16.4H-10z"}), fp = function (e) {
return C.a.createElement("svg", mp({
viewBox: "0 0 1600 200",
filter: "url(#straight-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), gp, dp)
};
function hp() {
return (hp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var vp = C.a.createElement("path", {
className: "wave-1_svg__st2",
d: "M1341.4 48.9c-182.4 0-254.2 80.4-429.4 80.4-117.8 0-209.7-67.5-393.5-67.5-142.2 0-212.6 38.8-324.6 38.8S-10 64.7-10 64.7V210h1620V102c-110.6-40.2-181-53.1-268.6-53.1z"
}), yp = function (e) {
return C.a.createElement("svg", hp({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), vp)
};
function Op() {
return (Op = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var _p = C.a.createElement("filter", {id: "wave-1-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
jp = C.a.createElement("path", {
className: "wave-1-shadow_svg__st2",
d: "M1341.4 48.9c-182.4 0-254.2 80.4-429.4 80.4-117.8 0-209.7-67.5-393.5-67.5-142.2 0-212.6 38.8-324.6 38.8S-10 64.7-10 64.7v10s91.9 35.9 203.9 35.9 182.4-38.8 324.6-38.8c183.8 0 275.7 67.5 393.5 67.5 175.2 0 247-80.4 429.4-80.4 87.6 0 158 12.9 268.6 53.1v-10c-110.6-40.2-181-53.1-268.6-53.1z"
}), kp = function (e) {
return C.a.createElement("svg", Op({
viewBox: "0 0 1600 200",
filter: "url(#wave-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), _p, jp)
};
function Cp() {
return (Cp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var xp = C.a.createElement("path", {d: "M1341.4 151.4C1159 151.4 1087.2 71 912 71c-117.8 0-209.7 67.5-393.5 67.5-142.2 0-212.6-38.8-324.6-38.8S-10 135.6-10 135.6v75.9h1620V98.3c-110.6 40.2-181 53.1-268.6 53.1z"}),
Ep = function (e) {
return C.a.createElement("svg", Cp({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), xp)
};
function Sp() {
return (Sp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Bp = C.a.createElement("filter", {id: "wave-1-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Tp = C.a.createElement("path", {d: "M1341.4 151.4C1159 151.4 1087.2 71 912 71c-117.8 0-209.7 67.5-393.5 67.5-142.2 0-212.6-38.8-324.6-38.8S-10 135.6-10 135.6v10s91.9-35.9 203.9-35.9 182.4 38.8 324.6 38.8C702.3 148.5 794.2 81 912 81c175.2 0 247 80.4 429.4 80.4 87.6 0 158-12.9 268.6-53.1v-10c-110.6 40.2-181 53.1-268.6 53.1z"}),
Pp = function (e) {
return C.a.createElement("svg", Sp({
viewBox: "0 0 1600 200",
filter: "url(#wave-1-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Bp, Tp)
};
function Ap() {
return (Ap = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Np = C.a.createElement("path", {
className: "wave-2_svg__st2",
d: "M1432.2 67.4c-88.8-16.7-156-5.3-204 8.5s-147.1 62.2-223.1 73.9c-75.4 11.6-164-7.5-275-27.9S571 88.1 456 98.1c-119.7 10.4-224.7 52-294.4 73-94.5 28.5-171.6-3-171.6-3V210h1620V91.6c-53 10-86.8-7.1-177.8-24.2z"
}), Mp = function (e) {
return C.a.createElement("svg", Ap({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Np)
};
function Rp() {
return (Rp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Fp = C.a.createElement("filter", {id: "wave-2-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Dp = C.a.createElement("path", {
className: "wave-2-shadow_svg__st2",
d: "M1432.2 67.4c-88.8-16.7-156-5.3-204 8.5s-147.1 62.2-223.1 73.9c-75.4 11.6-164-7.5-275-27.9S571 88.1 456 98.1c-119.7 10.4-224.7 52-294.4 73-94.5 28.5-171.6-3-171.6-3v10s77.1 31.5 171.6 3c69.7-21 174.7-62.6 294.4-73 115-10 163.1 3.4 274.1 23.8 111 20.4 199.6 39.5 275 27.9 76-11.7 175.1-60.1 223.1-73.9s115.2-25.2 204-8.5c91 17.1 124.8 34.2 177.8 24.2v-10c-53 10-86.8-7.1-177.8-24.2z"
}), Ip = function (e) {
return C.a.createElement("svg", Rp({
viewBox: "0 0 1600 200",
filter: "url(#wave-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Fp, Dp)
};
function zp() {
return (zp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Lp = C.a.createElement("path", {d: "M1432.2 156.2c-88.8 16.7-156 5.3-204-8.5s-147.1-62.2-223.1-73.9c-75.4-11.6-164 7.5-275 27.9S571 135.5 456 125.5c-119.7-10.4-224.7-52-294.4-73C67.1 24-10 55.5-10 55.5v155.2h1620V132c-53-10-86.8 7.1-177.8 24.2z"}),
Up = function (e) {
return C.a.createElement("svg", zp({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Lp)
};
function Hp() {
return (Hp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Wp = C.a.createElement("filter", {id: "wave-2-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Gp = C.a.createElement("path", {d: "M1432.2 156.2c-88.8 16.7-156 5.3-204-8.5s-147.1-62.2-223.1-73.9c-75.4-11.6-164 7.5-275 27.9S571 135.5 456 125.5c-119.7-10.4-224.7-52-294.4-73C67.1 24-10 55.5-10 55.5v10s77.1-31.5 171.6-3c69.7 21 174.7 62.6 294.4 73 115 10 163.1-3.4 274.1-23.8 111-20.4 199.6-39.5 275-27.9 76 11.7 175.1 60.1 223.1 73.9s115.2 25.2 204 8.5c91-17.1 124.8-34.2 177.8-24.2v-10c-53-10-86.8 7.1-177.8 24.2z"}),
Vp = function (e) {
return C.a.createElement("svg", Hp({
viewBox: "0 0 1600 200",
filter: "url(#wave-2-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Wp, Gp)
};
function qp() {
return (qp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Kp = C.a.createElement("path", {
className: "wave-3_svg__st2",
d: "M1413.6 161.4c-157.9 0-338.2-37.7-495.1-67.4-215.6-40.8-328.1-44.6-418.2-41.1S317 73.4 188.4 102-10 136.2-10 136.2v74.2h1620v-68.5s-68.8 19.5-196.4 19.5z"
}), Jp = function (e) {
return C.a.createElement("svg", qp({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), Kp)
};
function Yp() {
return (Yp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Xp = C.a.createElement("filter", {id: "wave-3-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
$p = C.a.createElement("path", {
className: "wave-3-shadow_svg__st2",
d: "M1413.6 161.4c-157.9 0-338.2-37.7-495.1-67.4-215.6-40.8-328.1-44.6-418.2-41.1S317 73.4 188.5 102-10 136.2-10 136.2v10s69.9-5.7 198.5-34.3 221.7-45.7 311.8-49.1 202.6.3 418.2 41.1c156.9 29.7 337.2 67.4 495.1 67.4 127.6 0 196.4-19.4 196.4-19.4v-10s-68.8 19.5-196.4 19.5z"
}), Zp = function (e) {
return C.a.createElement("svg", Yp({
viewBox: "0 0 1600 200",
filter: "url(#wave-3-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), Xp, $p)
};
function Qp() {
return (Qp = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var em = C.a.createElement("path", {d: "M1413.6 39.3c-157.9 0-338.2 37.7-495.1 67.4-215.6 40.8-328.1 44.6-418.2 41.1S317 127.3 188.4 98.7-10 64.5-10 64.5v150.2h1620V58.8s-68.8-19.5-196.4-19.5z"}),
tm = function (e) {
return C.a.createElement("svg", Qp({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), em)
};
function nm() {
return (nm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var am = C.a.createElement("filter", {id: "wave-3-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
im = C.a.createElement("path", {d: "M1413.6 39.3c-157.9 0-338.2 37.7-495.1 67.4-215.6 40.8-328.1 44.6-418.2 41.1S317 127.3 188.4 98.7C59.8 70.1-10 64.5-10 64.5v10s69.8 5.6 198.4 34.2c128.6 28.6 221.8 45.6 311.9 49.1s202.6-.3 418.2-41.1c156.9-29.7 337.2-67.4 495.1-67.4 127.6 0 196.4 19.5 196.4 19.5v-10s-68.8-19.5-196.4-19.5z"}),
om = function (e) {
return C.a.createElement("svg", nm({
viewBox: "0 0 1600 200",
filter: "url(#wave-3-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), am, im)
};
function rm() {
return (rm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var lm = C.a.createElement("path", {d: "M1610 209.7v-51.2s-81.4-33.3-241.4-23.1c-157.4 10-247.9 49.6-340.9 49.4-93.1-.1-121-14.6-174.2-33.6-75.7-27.1-166.9-27.2-185.5-25.1-18.7 2.1-67.8 5.5-106-19.3-38.2-24.7-94.8-55.4-209.2-43.1C238.1 76.3 80 111.8-10 55.7v154h1620z"}),
cm = function (e) {
return C.a.createElement("svg", rm({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), lm)
};
function sm() {
return (sm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var um = C.a.createElement("filter", {id: "wave-4-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
bm = C.a.createElement("path", {d: "M1368.6 135.4c-157.4 10-247.9 49.6-340.9 49.4-93.1-.1-121-14.6-174.2-33.6-75.7-27.1-166.9-27.2-185.5-25.1-18.7 2.1-67.8 5.5-106-19.3-38.2-24.7-94.8-55.4-209.2-43.1C238.1 76.3 80 111.8-10 55.7v10c90 56.1 248.1 20.6 362.8 8 114.4-12.3 171 18.4 209.2 43.1 38.2 24.8 87.3 21.4 106 19.3 18.6-2.1 109.8-2 185.5 25.1 53.2 19 81.1 33.5 174.2 33.6 93 .2 183.5-39.4 340.9-49.4 160-10.2 241.4 23.1 241.4 23.1v-10s-81.4-33.3-241.4-23.1z"}),
pm = function (e) {
return C.a.createElement("svg", sm({
viewBox: "0 0 1600 200",
filter: "url(#wave-4-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), um, bm)
};
function mm() {
return (mm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var gm = C.a.createElement("path", {d: "M1610 208.9V79.2s-81.4 33.3-241.4 23.1c-157.4-10-247.9-49.6-340.9-49.4-93.1.1-121 14.6-174.2 33.6-75.7 27.1-166.9 27.2-185.5 25.1-18.7-2.1-67.8-5.5-106 19.3-38.2 24.7-94.8 55.4-209.2 43.1C238.1 161.4 80 125.9-10 182v26.9h1620z"}),
dm = function (e) {
return C.a.createElement("svg", mm({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), gm)
};
function fm() {
return (fm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var hm = C.a.createElement("filter", {id: "wave-4-inverted-shadow_svg__a"}, C.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), C.a.createElement("feComponentTransfer", null, C.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), C.a.createElement("feMerge", null, C.a.createElement("feMergeNode", null), C.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
vm = C.a.createElement("path", {d: "M1368.6 102.3c-157.4-10-247.9-49.6-340.9-49.4-93.1.1-121 14.6-174.2 33.6-75.7 27.1-166.9 27.2-185.5 25.1-18.7-2.1-67.8-5.5-106 19.3-38.2 24.7-94.8 55.4-209.2 43.1C238.1 161.4 80 125.9-10 182v10c90-56.1 248.1-20.6 362.8-8 114.4 12.3 171-18.4 209.2-43.1 38.2-24.8 87.3-21.4 106-19.3 18.6 2.1 109.8 2 185.5-25.1 53.2-19 81.1-33.5 174.2-33.6 93-.2 183.5 39.4 340.9 49.4 160 10.2 241.4-23.1 241.4-23.1v-10s-81.4 33.3-241.4 23.1z"}),
ym = {
"wave-1": {default: {shape: yp, shadow: kp}, inverted: {shape: Ep, shadow: Pp}},
"wave-2": {default: {shape: Mp, shadow: Ip}, inverted: {shape: Up, shadow: Vp}},
"wave-3": {default: {shape: Jp, shadow: Zp}, inverted: {shape: tm, shadow: om}},
"wave-4": {
default: {shape: cm, shadow: pm}, inverted: {
shape: dm, shadow: function (e) {
return C.a.createElement("svg", fm({
viewBox: "0 0 1600 200",
filter: "url(#wave-4-inverted-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), hm, vm)
}
}
},
"curve-1": {default: {shape: cu, shadow: pu}, inverted: {shape: du, shadow: yu}},
"curve-2": {default: {shape: _u, shadow: xu}, inverted: {shape: Bu, shadow: Nu}},
"curve-3": {default: {shape: Fu, shadow: Lu}, inverted: {shape: Wu, shadow: Ku}},
"slant-1": {default: {shape: Ib, shadow: Hb}, inverted: {shape: Vb, shadow: Yb}},
"slant-2": {default: {shape: Zb, shadow: np}, inverted: {shape: op, shadow: sp}},
"straight-1": {default: {shape: pp, shadow: fp}, inverted: {shape: pp, shadow: fp}},
"rounded-1": {default: {shape: Xu, shadow: eb}, inverted: {shape: ab, shadow: lb}},
"rounded-2": {default: {shape: ub, shadow: gb}, inverted: {shape: hb, shadow: wb}},
"rounded-3": {default: {shape: kb, shadow: Sb}, inverted: {shape: Pb, shadow: Rb}}
}, Om = function (e) {
var t = ym[e.design || "wave-1"][e.inverted ? "inverted" : "default"], n = t.shape, a = t.shadow,
i = l()([e.className, "ugb-separator-wrapper"]);
return wp.element.createElement("div", {className: i}, e.shadow && wp.element.createElement(a, {
className: "ugb-separator__shadow",
preserveAspectRatio: "none",
"aria-hidden": "true"
}), wp.element.createElement(n, {
className: "ugb-separator__layer-1",
preserveAspectRatio: "none",
"aria-hidden": "true"
}), e.children)
};
Om.defaultProps = {className: "", design: "wave-1", shadow: !1, inverted: !1}, Om.Save = function (e) {
return wp.element.createElement(Om, e)
};
var wm = Om, _m = n(19), jm = n.n(_m);
function km(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Cm = function (e) {
var t,
n = l()([e.className, "ugb-img"], (km(t = {}, "wp-image-".concat(e.imageId), e.imageId), km(t, "ugb-img--shape", e.shape), km(t, "ugb-image--shape-stretch", e.shapeStretch), km(t, "ugb--shadow-".concat(e.shadow), !e.shape && e.shadow), t));
return wp.element.createElement("img", {
className: n,
src: e.src || void 0,
alt: jm()(e.alt || void 0),
width: e.width || void 0,
height: e.height || void 0
})
};
Cm.defaultProps = {
imageId: "",
alt: "",
src: "",
size: "full",
width: "",
height: "",
shape: "",
shapeStretch: !1,
shadow: ""
};
var xm = Cm, Em = n(17), Sm = n(26), Bm = wp.element.createElement(P.Icon, {icon: Vn.n}),
Tm = wp.element.createElement(P.Icon, {icon: Vn.E});
var Pm = Object(q.compose)([Object(Ce.withSelect)(function (e, t) {
var n = t.clientIds, a = e("core/block-editor"), i = a.getBlockRootClientId, o = a.getBlocksByClientId,
r = (0, a.canInsertBlockType)("ugb/container", n && n.length > 0 ? i(n[0]) : void 0), l = o(n),
c = 1 === l.length && l[0] && "ugb/container" === l[0].name;
return {
isGroupable: r && l.length && !c,
isUngroupable: c && !!l[0].innerBlocks.length,
blocksSelection: l,
groupingBlockName: "ugb/container"
}
}), Object(Ce.withDispatch)(function (e, t) {
var n = t.clientIds, a = t.onToggle, i = void 0 === a ? o.noop : a, r = t.blocksSelection,
l = void 0 === r ? [] : r, c = e("core/block-editor").replaceBlocks;
return {
onConvertToGroup: function () {
if (l.length) {
var e = l.map(function (e) {
return Object(Em.cloneBlock)(e)
}), t = Object(Em.createBlock)("ugb/container", {}, e);
c(n, t), i()
}
}, onConvertFromGroup: function () {
if (l.length) {
var e = l[0].innerBlocks;
e.length && (c(n, e), i())
}
}
}
})])(function (e) {
var t = e.onConvertToGroup, n = e.onConvertFromGroup, a = e.isGroupable, i = void 0 !== a && a,
o = e.isUngroupable, r = void 0 !== o && o;
return Object(Ce.select)("core/block-editor").getSelectedBlockClientIds ? wp.element.createElement(c.Fragment, null, i && wp.element.createElement(Sm.PluginBlockSettingsMenuItem, {
icon: Bm,
label: Object(s.__)("Group into Container", I.i18n),
onClick: t
}), r && wp.element.createElement(Sm.PluginBlockSettingsMenuItem, {
icon: Tm,
label: Object(s.__)("Ungroup from Container", I.i18n),
onClick: n
})) : null
}), Am = Object(Ce.withSelect)(function (e) {
var t = e("core/block-editor").getSelectedBlockClientIds;
return t ? {clientIds: t()} : {}
})(Pm), Nm = Object(q.withState)({openPopover: !1, changed: !1})(function (e) {
var t = e.blockName, n = e.openPopover, a = e.changed, i = e.setState, r = e.getJSONBlockAttributes,
l = e.setJSONBlockAttributes;
return wp.element.createElement(c.Fragment, null, wp.element.createElement(Sm.PluginBlockSettingsMenuItem, {
icon: "editor-code",
label: "Get / Set Block Attributes",
onClick: function () {
i({openPopover: !0, changed: !1}), setTimeout(function () {
return document.querySelector(".ugb-modal-get-block-attributes-button textarea").select()
}, 100)
}
}), n && wp.element.createElement(P.Modal, {
title: "".concat(Object(o.startCase)(t), " Block Attributes"),
focusOnMount: !0,
className: "ugb-modal-get-block-attributes-button",
onRequestClose: function () {
if (a) {
var e = document.querySelector(".ugb-modal-get-block-attributes-button textarea").value;
l(e)
}
i({openPopover: !1})
}
}, wp.element.createElement("p", null, 'Copy or modify the attributes of the block directly. Use only double quotes "'), wp.element.createElement("textarea", {
onChange: function () {
return i({changed: !0})
}
}, r())))
}), Mm = Object(q.compose)([Object(Ce.withSelect)(function (e, t) {
var n = t.clientId, a = e("core/block-editor").getBlockName;
return {
blockName: n && a(n) ? a(n).replace(/^\w+\//g, "") : "", getJSONBlockAttributes: function () {
var t = e("core/block-editor").getBlockName, a = e("core/blocks").getBlockType;
if (!n) return {};
var i = e("core/block-editor").getBlockAttributes(n), o = t(n).replace(/^\w+\//g, ""),
r = a(t(n)).attributes, l = Object.keys(i).reduce(function (e, t) {
return i[t] !== (r[t] ? r[t].default : "") && (e[t] = i[t]), e
}, {});
return l.uniqueClass = void 0, JSON.stringify(Object(K.applyFilters)("stackable.".concat(o, ".design.filtered-block-attributes"), l), null, 4)
}
}
}), Object(Ce.withDispatch)(function (e, t) {
var n = t.clientId;
return {
setJSONBlockAttributes: function (e) {
if (n) try {
var t = JSON.parse(e);
Object(i.e)(t, n)
} catch (e) {
console.error(e)
}
}
}
})])(Nm), Rm = Object(Ce.withSelect)(function (e) {
var t = e("core/block-editor").getSelectedBlockClientId;
return t ? {clientId: t()} : {}
})(Mm);
function Fm() {
return (Fm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Dm(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var Im = function (e) {
var t = e.blockTag, n = e.className, a = e.backgroundAttrName, o = e.blockProps, r = e.showBackground,
c = e.showVideoBackground,
s = Dm(e, ["blockTag", "className", "backgroundAttrName", "blockProps", "showBackground", "showVideoBackground"]),
u = l()([n], {"ugb--has-background-overlay": r && Object(i.Z)(a, o.attributes)});
return wp.element.createElement(t, Fm({className: u}, s), e.children, r && c && Object(i.L)(a, o))
};
Im.defaultProps = {
className: "",
backgroundAttrName: "%s",
blockProps: {},
showBackground: !0,
showVideoBackground: !0,
blockTag: "div"
};
var zm = Im, Lm = function (e) {
return wp.element.createElement(P.Modal, {
title: Object(s.__)("Stackable Welcome Guide", I.i18n),
className: "ugb-modal-welcome-video",
overlayClassName: "ugb-modal-welcome-video__overlay",
shouldCloseOnClickOutside: !1,
onRequestClose: e.onRequestClose
}, wp.element.createElement("p", null, Object(s.__)("Hello there 👋 I see you might be new to Stackable, we've made a short 3-minute video so you can make the most out of our unique blocks.", I.i18n)), wp.element.createElement("iframe", {
title: Object(s.__)("Video Tutorial", I.i18n),
width: "800",
height: "413",
src: "https://www.youtube.com/embed/UW0Rg96aATA",
frameBorder: "0",
allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
allowFullScreen: !0
}), wp.element.createElement("p", null, wp.element.createElement(P.Button, {
className: "button-primary",
onClick: e.onRequestClose,
"data-testid": "button-close"
}, Object(s.__)("Close it, I'm good", I.i18n))))
};
Lm.defaultProps = {
onRequestClose: function () {
}
};
var Um = Lm;
function Hm() {
return (Hm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Wm = C.a.createElement("path", {d: "M38 12H12v26h26V12z"}), Gm = function (e) {
return C.a.createElement("svg", Hm({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Wm)
};
function Vm() {
return (Vm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var qm = C.a.createElement("path", {d: "M12.5 12.5H0V0h12.5v12.5zM31.2 0H18.8v12.5h12.5V0zM50 0H37.5v12.5H50V0zM12.5 18.8H0v12.5h12.5V18.8zm18.7 0H18.8v12.5h12.5V18.8zm18.8 0H37.5v12.5H50V18.8zM12.5 37.5H0V50h12.5V37.5zm18.7 0H18.8V50h12.5V37.5zm18.8 0H37.5V50H50V37.5z"}),
Km = function (e) {
return C.a.createElement("svg", Vm({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), qm)
};
function Jm() {
return (Jm = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ym = C.a.createElement("path", {d: "M21.1 5.3H5.3v15.8h15.8V5.3zm23.6 0H28.9v15.8h15.8V5.3zM21.1 28.9H5.3v15.8h15.8V28.9zm23.6 0H28.9v15.8h15.8V28.9z"}),
Xm = function (e) {
return C.a.createElement("svg", Jm({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), Ym)
}, $m = void 0;
function Zm(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Qm(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Zm(n, !0).forEach(function (t) {
eg(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zm(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function eg(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function tg(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var ng = function (e) {
var t = tg(Object(c.useState)([]), 2), n = t[0], a = t[1], i = tg(Object(c.useState)({}), 2), r = i[0],
u = i[1], b = tg(Object(c.useState)({}), 2), p = b[0], m = b[1], g = tg(Object(c.useState)(0), 2), d = g[0],
f = g[1], h = tg(Object(c.useState)(0), 2), v = h[0], y = h[1], O = tg(Object(c.useState)(0), 2), w = O[0],
_ = O[1], j = tg(Object(c.useState)(""), 2), k = j[0], C = j[1], x = e.viewBy;
Object(c.useEffect)(function () {
Object(Un.a)().then(function (e) {
var t = e.reduce(function (e, t) {
if (!e[t]) {
if (Object(Ce.select)("core/edit-post").getPreference("hiddenBlockTypes").includes(t)) return e;
if (!Object(Ce.select)("core/blocks").getBlockType(t)) return e;
e[t] = {
count: 0,
name: t,
label: t ? Object(Ce.select)("core/blocks").getBlockType(t).title : ""
}
}
return e
}, {});
m(t)
})
}, []), Object(c.useEffect)(function () {
Object.keys(p).length && Object(Un.c)({
type: "block",
search: e.search,
mood: e.mood,
colors: e.colors
}).then(function (t) {
var n = Object.keys(p).reduce(function (e, t) {
return e[t] = Qm({}, p[t]), e
}, {}), i = Object.keys(r).reduce(function (e, t) {
return void 0 !== e[t] && (e[t].num = 0), e
}, {}), l = 0, c = 0, s = t.reduce(function (t, n) {
var a = n.block, r = n.type, s = n.plan, u = n.categories;
if ("block" === r && t[a] && t[a].count++, e.forceBlock && e.forceBlock !== n.block || (c++, "free" === s && l++), u && 3 === u.length) {
var b = Object(o.last)(u);
void 0 === i[b] && (i[b] = {
label: Object(o.startCase)(Object(o.last)(u)),
num: 0,
isPremium: "free" !== s
}), i[b].num++
}
return t
}, Qm({}, n));
u(i), f(c), y(l), _(c - l), a(Object(o.orderBy)(s, ["title"], ["asc"]))
})
}, [p, e.search, e.mood]);
var E = Object(c.useMemo)(function () {
var e = Object.keys(r);
return I.isPro || e.sort(function (e, t) {
return !r[e].isPremium && r[t].isPremium ? -1 : r[e].isPremium && !r[t].isPremium ? 1 : 0
}), e
}, [JSON.stringify(r)]), S = !0;
return wp.element.createElement("ul", {className: "ugb-block-list"}, wp.element.createElement(an, {
controls: [{
value: "ui-kits",
title: Object(s.__)("UI Kits", I.i18n)
}, {value: "block-designs", title: Object(s.__)("Block Designs", I.i18n)}],
value: x,
onChange: e.onChangeViewBy,
isSmall: !0,
fullwidth: !1,
isToggleOnly: !0
}), "ui-kits" === x && E.reduce(function (t, n, a) {
var i = ("" === k && 0 === a || k === n) && !e.forceBlock,
o = l()({"is-active": i, "is-disabled": e.forceBlock}), c = r[n].label, s = r[n].num;
return !I.isPro && S && r[n].isPremium && (t.push(wp.element.createElement(Bi, null)), S = !1), t.push(wp.element.createElement("li", {key: a}, wp.element.createElement("div", {
className: o,
"data-count": s,
onClick: function () {
e.forceBlock || (C(n), e.onSelect({block: "", plan: "", categories: [n]}))
},
onKeyPress: function (e) {
13 === e.keyCode && $m.click()
},
role: "button",
tabIndex: 0,
"aria-pressed": i ? "true" : "false"
}, c, wp.element.createElement("span", {
className: "ugb-block-list__count",
"data-testid": "".concat(c, "-count")
}, s)))), t
}, []), "block-designs" === x && wp.element.createElement("li", null, wp.element.createElement("div", {
className: "" === k ? "is-active" : "",
"data-count": d,
onClick: function () {
C(""), e.onSelect({block: "", plan: "", categories: []})
},
onKeyPress: function (e) {
13 === e.keyCode && $m.click()
},
role: "button",
tabIndex: 0,
"aria-pressed": "" === k ? "true" : "false"
}, Object(s.__)("All Block Designs", I.i18n), wp.element.createElement("span", {
className: "ugb-block-list__count",
"data-testid": "all-count"
}, d))), "block-designs" === x && d !== v && wp.element.createElement("li", null, wp.element.createElement("div", {
className: "free" === k ? "is-active" : "",
"data-count": v,
onClick: function () {
C("free"), e.onSelect({block: "", plan: "free", categories: []})
},
onKeyPress: function (e) {
13 === e.keyCode && $m.click()
},
role: "button",
tabIndex: 0,
"aria-pressed": "free" === k ? "true" : "false"
}, Object(s.__)("Free Designs", I.i18n), wp.element.createElement("span", {
className: "ugb-block-list__count",
"data-testid": "free-count"
}, v)), wp.element.createElement("div", {
className: "premium" === k ? "is-active" : "",
"data-count": w,
onClick: function () {
C("premium"), e.onSelect({block: "", plan: "premium", categories: []})
},
onKeyPress: function (e) {
13 === e.keyCode && $m.click()
},
role: "button",
tabIndex: 0,
"aria-pressed": "premium" === k ? "true" : "false"
}, Object(s.__)("Premium Designs", I.i18n), wp.element.createElement("span", {
className: "ugb-block-list__count",
"data-testid": "premium-count"
}, w))), "block-designs" === x && wp.element.createElement(Bi, null), "block-designs" === x && n.map(function (t, n) {
var a = k === t.name || t.name === e.forceBlock,
i = l()({"is-active": a, "is-disabled": e.forceBlock && t.name !== e.forceBlock});
return wp.element.createElement("li", {key: n}, wp.element.createElement("div", {
className: i,
"data-count": t.count,
onClick: function () {
e.forceBlock || (C(t.name), e.onSelect({block: t.name, plan: "", categories: []}))
},
onKeyPress: function (e) {
13 === e.keyCode && $m.click()
},
role: "button",
tabIndex: 0,
"aria-pressed": a ? "true" : "false"
}, t.label, wp.element.createElement("span", {
className: "ugb-block-list__count",
"data-testid": "".concat(t.name, "-count")
}, t.count)))
}))
};
ng.defaultProps = {
search: "", mood: "", colors: [], categories: [], onSelect: function () {
}, forceBlock: "", viewBy: "", onChangeViewBy: function () {
}
};
var ag = ng;
function ig(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var og = function (e) {
var t = ig(Object(c.useState)(e.search), 2), n = t[0], a = t[1], r = ig(Object(c.useState)(), 2), l = r[0],
u = r[1], b = ig(Object(c.useState)(""), 2), p = b[0], m = b[1], g = ig(Object(c.useState)([]), 2),
d = g[0], f = g[1], h = ig(Object(c.useState)(3), 2), v = h[0], y = h[1], O = ig(Object(c.useState)([]), 2),
w = O[0], _ = O[1], j = ig(Object(c.useState)(!0), 2), k = j[0], C = j[1],
x = ig(Object(c.useState)(!1), 2), E = x[0], S = x[1],
B = ig(Object(c.useState)(e.selectedBlock ? "block-designs" : "ui-kits"), 2), T = B[0], A = B[1],
N = ig(Object(i.ub)("stk__design_library_dev_mode", !1), 2), M = N[0], R = N[1],
F = ig(Object(c.useState)(""), 2), D = F[0], z = F[1];
Object(c.useEffect)(function () {
return u(e.selectedBlock)
}, [e.selectedBlock]);
var L = ig(Object(c.useState)(n), 2), U = L[0], H = L[1], W = ig(Object(c.useState)(null), 2), G = W[0],
V = W[1];
Object(c.useEffect)(function () {
G && (clearTimeout(G), V(null)), V(setTimeout(function () {
H(n)
}, 500))
}, [n]), Object(c.useEffect)(function () {
var e = document.querySelector(".ugb-modal-design-library__search input");
e && e.focus()
}, []), Object(c.useEffect)(function () {
E && (_([]), C(!0)), Object(Un.c)({
type: "block",
block: l,
plan: p,
categories: d,
search: U,
reset: E
}).then(function (e) {
_(e), D || e.some(function (e) {
return I.isPro || "free" !== e.plan ? !!I.isPro && (z(Object(o.last)(e.categories)), !0) : (z(Object(o.last)(e.categories)), !0)
})
}).finally(function () {
C(!1), S(!1)
})
}, [l, p, d, U, E]);
var q = Object(c.useMemo)(function () {
var t = e.selectedBlock ? w.filter(function (t) {
return t.block === e.selectedBlock
}) : w;
return "ui-kits" === T && 0 === d.length && (t = t.filter(function (e) {
return e.categories.includes(D)
})), t
}, [e.selectedBlock, w, T, d.length, D]);
return wp.element.createElement(P.Modal, wp.element.createElement("div", {className: "ugb-modal-design-library__wrapper"}, wp.element.createElement("aside", {className: "ugb-modal-design-library__sidebar"}, wp.element.createElement(P.TextControl, {
className: "ugb-modal-design-library__search",
placeholder: Object(s.__)("E.g. light, dark, red, minimalist...", I.i18n),
value: n,
onChange: function (e) {
return a(e)
},
"data-testid": "input-search",
type: "search"
}), wp.element.createElement("div", {className: "ugb-modal-design-library__filters"}, wp.element.createElement(ag, {
search: n,
categories: d,
forceBlock: e.selectedBlock,
viewBy: T,
onSelect: function (e) {
var t = e.block, n = e.plan, a = e.categories;
u(t), m(n), f(a)
},
onChangeViewBy: A
}))), wp.element.createElement("aside", {className: "ugb-modal-design-library__topbar"}, I.devMode && wp.element.createElement(P.ToggleControl, {
className: "ugb-modal-design-library__dev-mode",
label: "Dev Mode",
checked: M,
onChange: function (e) {
Object(Un.d)(e).then(function () {
S(!0)
}), R(e)
}
}), wp.element.createElement(P.Button, {
icon: "image-rotate",
label: Object(s.__)("Refresh Library", I.i18n),
className: "ugb-modal-design-library__refresh",
onClick: function () {
return S(!0)
}
}), wp.element.createElement(P.Button, {
icon: wp.element.createElement(Gm, {width: "18", height: "18"}),
className: 2 === v ? "is-active" : "",
label: Object(s.__)("Large preview", I.i18n),
onClick: function () {
return y(2)
}
}), wp.element.createElement(P.Button, {
icon: wp.element.createElement(Xm, {width: "18", height: "18"}),
className: 3 === v ? "is-active" : "",
label: Object(s.__)("Medium preview", I.i18n),
onClick: function () {
return y(3)
}
}), wp.element.createElement(P.Button, {
icon: wp.element.createElement(Km, {width: "18", height: "18"}),
className: 4 === v ? "is-active" : "",
label: Object(s.__)("Small preview", I.i18n),
onClick: function () {
return y(4)
}
})), wp.element.createElement("div", {className: "ugb-modal-design-library__designs"}, wp.element.createElement(aa, {
columns: v,
onSelect: e.onSelect,
isBusy: k,
designs: q
}))))
};
og.defaultProps = {
search: "", selectedBlock: "", onClose: function () {
}, onSelect: function () {
}
};
var rg = og;
function lg() {
return (lg = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var cg = C.a.createElement("path", {
fill: "currentColor",
d: "M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z"
}), sg = function (e) {
return C.a.createElement("svg", lg({
"aria-hidden": "true",
"data-prefix": "fas",
"data-icon": "circle-notch",
className: "spinner_svg__svg-inline--fa spinner_svg__fa-circle-notch spinner_svg__fa-w-16",
viewBox: "0 0 512 512",
xmlns: "http://www.w3.org/2000/svg"
}, e), cg)
};
function ug() {
return (ug = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function bg(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var pg = function () {
return wp.element.createElement(sg, {className: "ugb-icon-is-loading"})
}, mg = function (e) {
var t = bg(Object(c.useState)(0), 2), n = t[0], a = t[1], r = function () {
a(n + 1)
};
Object(c.useEffect)(function () {
Object(i.N)().then(r)
}, []);
var l = Object(o.pick)(e, ["className", "color", "fill", "style"]);
if ("string" == typeof e.value && e.value.match(/^<svg/)) return wp.element.createElement(c.RawHTML, l, e.value);
if (!Object(i.Q)()) return wp.element.createElement(pg, null);
var s = e.value ? e.value.replace(/-.*$/, "") : e.prefix,
u = e.value ? e.value.replace(/^.*?-/, "") : e.iconName;
if (s && u) {
var b = Object(i.O)(s, u);
return b ? wp.element.createElement(c.RawHTML, l, b) : (Object(i.P)(s, u).then(r), wp.element.createElement(pg, null))
}
var p = Object(i.O)("far", "smile");
return wp.element.createElement(c.RawHTML, ug({}, l, {className: "".concat(e.className, " ugb-icon--faded")}), p)
};
mg.Content = function (e) {
var t = Object(o.pick)(e, ["className", "color", "fill", "style"]);
if ("string" == typeof e.value && e.value.match(/^<svg/)) return wp.element.createElement(c.RawHTML, t, e.value);
var n = e.value ? e.value.replace(/-.*$/, "") : e.prefix,
a = e.value ? e.value.replace(/^.*?-/, "") : e.iconName, r = Object(i.O)(n, a);
return wp.element.createElement(c.RawHTML, t, r)
}, mg.defaultProps = {prefix: "", iconName: "", value: ""};
var gg = mg;
function dg(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var fg = 1, hg = function (e) {
var t, n, a, i = dg(Object(c.useState)("ugb-admin-setting-".concat(fg++)), 1)[0],
o = l()(["ugb-admin-setting"], (t = {}, n = "ugb-admin-setting--".concat(e.size), a = e.size, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement("div", {
className: o,
id: i
}, wp.element.createElement("label", {
className: "ugb-admin-setting__label-wrapper",
htmlFor: i
}, wp.element.createElement("span", {className: "ugb-admin-setting__label"}, e.label), wp.element.createElement("div", {className: "ugb-admin-setting__field"}, e.children)), e.help && wp.element.createElement("p", {className: "ugb-admin-setting__help"}, e.help))
};
hg.defaultProps = {label: ""};
var vg = hg, yg = function (e) {
return wp.element.createElement(vg, e, wp.element.createElement("input", {
className: "ugb-admin-text-setting",
type: e.type,
value: e.value,
placeholder: e.placeholder,
onChange: function (t) {
return e.onChange(t.target.value)
}
}), e.children)
};
yg.defaultProps = {
label: "", type: "text", value: "", placeholder: "", onChange: function () {
}
};
var Og = function (e) {
return wp.element.createElement(vg, e, wp.element.createElement("button", {
className: "ugb-admin-toggle-setting__button",
type: "button",
role: "switch",
"aria-checked": !!e.value,
onClick: function () {
return e.onChange(!e.value)
},
style: {minWidth: e.width || void 0}
}, wp.element.createElement("span", null, e.disabled), wp.element.createElement("span", null, e.enabled)))
};
Og.defaultProps = {
label: "", value: !1, placeholder: "", onChange: function () {
}, disabled: Object(s.__)("Disabled", I.i18n), enabled: Object(s.__)("Enabled", I.i18n), width: ""
};
n.d(t, "q", function () {
return a.c
}), n.d(t, "r", function () {
return a.a
}), n.d(t, "mb", function () {
return j
}), n.d(t, "nb", function () {
return d
}), n.d(t, "bb", function () {
return D
}), n.d(t, "wb", function () {
return U
}), n.d(t, "xb", function () {
return V
}), n.d(t, "u", function () {
return Z
}), n.d(t, "j", function () {
return ne
}), n.d(t, "V", function () {
return se
}), n.d(t, "S", function () {
return pe
}), n.d(t, "Y", function () {
return ke
}), n.d(t, "Z", function () {
return Ee
}), n.d(t, "ab", function () {
return Pe
}), n.d(t, "v", function () {
return Ne
}), n.d(t, "c", function () {
return ut
}), n.d(t, "d", function () {
return pt
}), n.d(t, "b", function () {
return St
}), n.d(t, "e", function () {
return an
}), n.d(t, "J", function () {
return ln
}), n.d(t, "I", function () {
return bn
}), n.d(t, "fb", function () {
return Rn
}), n.d(t, "gb", function () {
return In
}), n.d(t, "cb", function () {
return Ln
}), n.d(t, "B", function () {
return Gn
}), n.d(t, "C", function () {
return aa
}), n.d(t, "hb", function () {
return fa
}), n.d(t, "l", function () {
return ha.a
}), n.d(t, "D", function () {
return _a
}), n.d(t, "E", function () {
return ja
}), n.d(t, "A", function () {
return Sa
}), n.d(t, "F", function () {
return oi
}), n.d(t, "N", function () {
return bi
}), n.d(t, "Q", function () {
return xi
}), n.d(t, "x", function () {
return Si
}), n.d(t, "y", function () {
return Bi
}), n.d(t, "s", function () {
return Yi
}), n.d(t, "W", function () {
return $i
}), n.d(t, "X", function () {
return to
}), n.d(t, "T", function () {
return ao
}), n.d(t, "U", function () {
return lo
}), n.d(t, "ub", function () {
return uo
}), n.d(t, "vb", function () {
return go
}), n.d(t, "g", function () {
return ho
}), n.d(t, "h", function () {
return wo
}), n.d(t, "o", function () {
return Ao
}), n.d(t, "p", function () {
return Fo
}), n.d(t, "m", function () {
return Io
}), n.d(t, "n", function () {
return Ho
}), n.d(t, "O", function () {
return $o
}), n.d(t, "P", function () {
return tr
}), n.d(t, "ob", function () {
return ar
}), n.d(t, "pb", function () {
return lr
}), n.d(t, "qb", function () {
return ur
}), n.d(t, "rb", function () {
return vr
}), n.d(t, "sb", function () {
return wr
}), n.d(t, "tb", function () {
return Cr
}), n.d(t, "ib", function () {
return Ur
}), n.d(t, "jb", function () {
return Kr
}), n.d(t, "K", function () {
return Pl
}), n.d(t, "w", function () {
return ss
}), n.d(t, "kb", function () {
return ps
}), n.d(t, "i", function () {
return Qe
}), n.d(t, "yb", function () {
return ys
}), n.d(t, "M", function () {
return Us
}), n.d(t, "f", function () {
return Vs
}), n.d(t, "k", function () {
return Ys
}), n.d(t, "t", function () {
return ou
}), n.d(t, "lb", function () {
return wm
}), n.d(t, "R", function () {
return xm
}), n.d(t, "z", function () {
return Am
}), n.d(t, "L", function () {
return Rm
}), n.d(t, "G", function () {
return zm
}), n.d(t, "eb", function () {
return Um
}), n.d(t, "db", function () {
return rg
}), n.d(t, "H", function () {
return gg
}), n.d(t, "a", function () {
return vg
})
}, function (e, t) {
e.exports = wp.hooks
}, , function (e, t) {
e.exports = wp.element
}, function (e, t) {
e.exports = lodash
}, , function (e, t) {
e.exports = wp.blockEditor
}, function (e, t, n) {
"use strict";
var a = n(3), i = n(4), o = n(8), r = n.n(o), l = n(6), c = n(12), s = n(16), u = n.n(s), b = n(7);
function p(e) {
return (p = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function m() {
return (m = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function g(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function d(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function f(e, t, n) {
return t && d(e.prototype, t), n && d(e, n), e
}
function h(e, t) {
return !t || "object" !== p(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function v(e) {
return (v = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function y(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && O(e, t)
}
function O(e, t) {
return (O = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function w(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var _ = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return Object(c.createHigherOrderComponent)(function (n) {
var o, c;
return c = o = function (o) {
function c() {
return g(this, c), h(this, v(c).apply(this, arguments))
}
return y(c, l["Component"]), f(c, [{
key: "shouldComponentUpdate", value: function (e) {
return !Object(b.isEqual)(Object(b.omit)(e.attributes, "uniqueClass"), Object(b.omit)(this.props.attributes, "uniqueClass"))
}
}, {
key: "render", value: function () {
var o = r()([this.props.className, this.props.attributes.uniqueClass]),
l = this.props.blockName,
c = Object(i.applyFilters)("stackable.".concat(l, ".styles"), e(this.props), this.props),
s = wp.element.createElement(a.l, {
blockUniqueClassName: this.props.attributes.uniqueClass,
blockMainClassName: this.props.mainClassName,
style: c,
editorMode: t.editorMode || !1
});
return wp.element.createElement(n, m({}, this.props, {className: o, styles: s}))
}
}]), c
}(), w(o, "propTypes", {
attributes: u.a.shape({uniqueClass: u.a.string.isRequired}),
blockName: u.a.string.isRequired,
mainClassName: u.a.string.isRequired
}), w(o, "defaultProps", {attributes: {}, blockName: "", className: "", mainClassName: ""}), c
}, "withBlockStyles")
}, j = n(2);
function k(e) {
return (k = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function C(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function x(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function E(e, t, n) {
return t && x(e.prototype, t), n && x(e, n), e
}
function S(e, t) {
return !t || "object" !== k(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function B(e) {
return (B = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function T(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && P(e, t)
}
function P(e, t) {
return (P = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function A(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var N = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
return Object(c.createHigherOrderComponent)(function (t) {
var n, a;
return a = n = function (n) {
function a() {
return C(this, a), S(this, B(a).apply(this, arguments))
}
return T(a, l["Component"]), E(a, [{
key: "componentDidMount", value: function () {
var t = this.props.blockName;
Object(i.addFilter)("stackable.".concat(t, ".setAttributes"), "stackable/".concat(t, "/contentAlign"), function (n) {
var a = Object(i.applyFilters)("stackable.with-content-align-reseter.attributeNamesToReset", e, t);
return ["", "Tablet", "Mobile"].forEach(function (e) {
void 0 !== n[Object(j.R)("%sContentAlign", e)] && a.forEach(function (t) {
n[Object(j.R)(t, e)] = ""
})
}), n
})
}
}, {
key: "shouldComponentUpdate", value: function (e) {
return !Object(b.isEqual)(Object(b.omit)(e.attributes, "uniqueClass"), Object(b.omit)(this.props.attributes, "uniqueClass"))
}
}, {
key: "render", value: function () {
return wp.element.createElement(t, this.props)
}
}]), a
}(), A(n, "defaultProps", {attributes: {}, blockName: ""}), a
}, "withContentAlignReseter")
};
function M(e) {
return (M = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function R(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function F(e, t) {
return !t || "object" !== M(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function D(e) {
return (D = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function I(e, t) {
return (I = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var z = Object(c.createHigherOrderComponent)(function (e) {
var t, n, a, i, o;
return n = t = function (t) {
function n() {
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, n), F(this, D(n).apply(this, arguments))
}
var a, i, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && I(e, t)
}(n, l["Component"]), a = n, (i = [{
key: "componentDidMount", value: function () {
Object(j.gb)(this.props.attributes)
}
}, {
key: "render", value: function () {
return wp.element.createElement(e, this.props)
}
}]) && R(a.prototype, i), o && R(a, o), n
}(), o = {attributes: {}}, (i = "defaultProps") in (a = t) ? Object.defineProperty(a, i, {
value: o,
enumerable: !0,
configurable: !0,
writable: !0
}) : a[i] = o, n
}, "withGoogleFont");
function L(e) {
return (L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function U() {
return (U = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function H(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function W(e, t) {
return !t || "object" !== L(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function G(e) {
return (G = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function V(e, t) {
return (V = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var q = function (e) {
return Object(c.createHigherOrderComponent)(function (t) {
return function (n) {
function a() {
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, a), W(this, G(a).apply(this, arguments))
}
var o, c, s;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && V(e, t)
}(a, l["Component"]), o = a, (c = [{
key: "render", value: function () {
var n = e.replace(/^\w+\//g, ""), a = e.replace(/\//g, "-"),
o = Object(i.applyFilters)("stackable.".concat(n, ".mainClassName"), a, e),
l = r()([(this.props.className || "").split(" ").filter(function (e) {
return e !== a
}), o]);
return wp.element.createElement(t, U({}, this.props, {
className: l,
mainClassName: o,
blockName: n
}))
}
}]) && H(o.prototype, c), s && H(o, s), a
}()
}, "withMainClassname")
};
function K(e) {
return (K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function J() {
return (J = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Y(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function X(e) {
return (X = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function $(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function Z(e, t) {
return (Z = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Q = Object(c.createHigherOrderComponent)(function (e) {
var t, n, a, o, r;
return n = t = function (t) {
function n() {
var e, t, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, n), t = this, (e = !(a = X(n).apply(this, arguments)) || "object" !== K(a) && "function" != typeof a ? $(t) : a).setAttributes = e.setAttributes.bind($(e)), e
}
var a, o, r;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Z(e, t)
}(n, l["Component"]), a = n, (o = [{
key: "componentDidUpdate", value: function (e) {
Object(b.isEqual)(e.attributes, this.props.attributes) || Object(i.doAction)("stackable.setAttributes.after")
}
}, {
key: "shouldComponentUpdate", value: function (e) {
return !Object(b.isEqual)(Object(b.omit)(e.attributes, "uniqueClass"), Object(b.omit)(this.props.attributes, "uniqueClass"))
}
}, {
key: "setAttributes", value: function (e) {
var t = this.props.blockName, n = Object(i.applyFilters)("stackable.setAttributes", e, this.props);
n = Object(i.applyFilters)("stackable.".concat(t, ".setAttributes"), n, this.props), this.props.setAttributes(n)
}
}, {
key: "render", value: function () {
return wp.element.createElement(e, J({}, this.props, {setAttributes: this.setAttributes}))
}
}]) && Y(a.prototype, o), r && Y(a, r), n
}(), a = t, o = "propTypes", r = {setAttributes: u.a.func.isRequired}, o in a ? Object.defineProperty(a, o, {
value: r,
enumerable: !0,
configurable: !0,
writable: !0
}) : a[o] = r, n
}, "withSetAttributeHook"), ee = n(9);
function te(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ne(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? te(n, !0).forEach(function (t) {
ae(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : te(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ae(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function ie(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var oe = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null;
return function (t) {
var n = function (n) {
var o = n.blockName, r = ie(Object(l.useState)(null), 2), c = r[0], s = r[1],
u = Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.style.block"), null, n);
return wp.element.createElement(l.Fragment, null, Object(i.applyFilters)("stackable.edit.inspector.before", null, n), Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.before"), null, n), wp.element.createElement(ee.InspectorControls, null, wp.element.createElement(a.hb, {
tabs: e,
blockProps: n,
onTabFirstOpen: s,
onClick: s
}), (!c || "layout" === c) && wp.element.createElement(a.cb, null, Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.layout.before"), null, n), Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.layout.after"), null, n)), (!c || "style" === c) && wp.element.createElement(a.cb, {tab: "style"}, Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.style.before"), null, n), Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.style.after"), null, n), u && wp.element.createElement("div", {
className: "ugb-panel-controls-separator",
role: "presentation"
}, "— — —"), u), (!c || "advanced" === c) && wp.element.createElement(a.cb, {tab: "advanced"}, Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.advanced.before"), null, n), Object(i.applyFilters)("stackable.".concat(o, ".edit.inspector.advanced.after"), null, n))), wp.element.createElement(t, n))
};
return n.defaultProps = ne({}, t.defaultProps || {}, {attributes: {}, blockName: ""}), n
}
};
function re(e) {
return (re = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function le(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ce(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function se(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function ue(e, t) {
return !t || "object" !== re(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function be(e) {
return (be = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function pe(e, t) {
return (pe = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function me(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ge = Object(c.createHigherOrderComponent)(function (e) {
var t, n;
return n = t = function (t) {
function n() {
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, n), ue(this, be(n).apply(this, arguments))
}
var a, i, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && pe(e, t)
}(n, l["Component"]), a = n, (i = [{
key: "componentDidMount", value: function () {
var e = this.props, t = e.attributes, n = e.setAttributes, a = e.clientId,
i = "ugb-".concat(a.substring(0, 7));
void 0 !== t.uniqueClass && t.uniqueClass === i || n({uniqueClass: i})
}
}, {
key: "shouldComponentUpdate", value: function (e) {
return !Object(b.isEqual)(Object(b.omit)(e.attributes, "uniqueClass"), Object(b.omit)(this.props.attributes, "uniqueClass"))
}
}, {
key: "render", value: function () {
return wp.element.createElement(e, this.props)
}
}]) && se(a.prototype, i), o && se(a, o), n
}(), me(t, "defaultProps", {
attributes: {}, clientId: "", setAttributes: function () {
}
}), n
}, "withUniqueClass");
Object(i.addFilter)("stackable.user-design-library.save.ignore", "stackable/unique-class", function (e) {
return [].concat(ce(e), ["uniqueClass"])
}), Object(i.addFilter)("stackable.block.attributes", "stackable/unique-class", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? le(n, !0).forEach(function (t) {
me(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : le(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {uniqueClass: {type: "string", default: ""}})
});
var de = ge, fe = n(42), he = n(18);
function ve(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function ye(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Oe(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var we = !1, _e = {
".ugb-top-separator": "top-separator",
".ugb-bottom-separator": "bottom-separator",
".ugb-inner-block": "column-background",
".ugb-block-title": "block-title",
".ugb-block-description": "block-description",
".ugb--has-block-background": "block-background"
}, je = {},
ke = [".block-editor-rich-text__editable", ".editor-rich-text__editable", "svg", "img", "figure", ".ugb-button", '[role="button"]', ".ugb-block-content > * > *", ".ugb-block-content > *", ".ugb-content-wrapper", ".ugb-top-separator", ".ugb-bottom-separator", ".ugb-inner-block", ".ugb-main-block"],
Ce = function (e, t, n) {
void 0 === je[e] && (je[e] = {}), je[e][t] = n
}, xe = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? ye(n, !0).forEach(function (t) {
Oe(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ye(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, je[e], {}, _e)
};
function Ee(e) {
return (Ee = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Se(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}
function Be(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Te(e, t, n) {
return t && Be(e.prototype, t), n && Be(e, n), e
}
function Pe(e, t) {
return !t || "object" !== Ee(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function Ae(e) {
return (Ae = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Ne(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Me(e, t)
}
function Me(e, t) {
return (Me = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
Object(he.a)(function () {
if (!we && (we = !0, Element.prototype.matches)) {
var e = Object(i.applyFilters)("stackable.click-open-inspector.listener-override", {});
document.body.addEventListener("dblclick", function (t) {
var n, a,
i = (n = t.target, (a = n.closest("[data-type]")) && a.getAttribute("data-type").match(/^ugb\//i) ? a.getAttribute("data-type").replace(/^ugb\//i, "") : "");
if (i) {
var o = xe(i);
if (o) {
var r = [];
Object.keys(e).some(function (n) {
return !!t.target.closest(n) && (r = e[n], !0)
}), [].concat(ve(r), ke).some(function (e) {
var n = t.target.closest(e);
return !!n && Object.keys(o).some(function (e) {
if (n.matches(e)) {
var t = o[e];
return Object(fe.a)(t)
}
return !1
})
})
}
}
})
}
});
var Re = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [];
return Object(c.createHigherOrderComponent)(function (t) {
return function (n) {
function a() {
var t;
Se(this, a);
var n = (t = Pe(this, Ae(a).apply(this, arguments))).props.blockName;
return e.forEach(function (e) {
Ce(n, e[0], e[1])
}), t
}
return Ne(a, l["Component"]), Te(a, [{
key: "shouldComponentUpdate", value: function (e) {
return !Object(b.isEqual)(Object(b.omit)(e.attributes, "uniqueClass"), Object(b.omit)(this.props.attributes, "uniqueClass"))
}
}, {
key: "render", value: function () {
return wp.element.createElement(t, this.props)
}
}]), a
}()
}, "withClickOpenInspector")
};
function Fe(e) {
return (Fe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function De() {
return (De = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Ie(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function ze(e, t) {
return !t || "object" !== Fe(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function Le(e) {
return (Le = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Ue(e, t) {
return (Ue = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function He(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var We = function (e) {
return Object(c.createHigherOrderComponent)(function (t) {
var n, a;
return a = n = function (n) {
function a() {
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, a), ze(this, Le(a).apply(this, arguments))
}
var i, o, c;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && Ue(e, t)
}(a, l["Component"]), i = a, (o = [{
key: "render", value: function () {
var n = this.props.className.match(/ugb--help-tip/),
a = r()([this.props.className], He({}, "ugb--help-tip-".concat(e), !n));
return wp.element.createElement(t, De({}, this.props, {className: a}))
}
}]) && Ie(i.prototype, o), c && Ie(i, c), a
}(), He(n, "defaultProps", {className: ""}), a
}, "withHelpTip")
}, Ge = n(1), Ve = n(24), qe = n(0), Ke = n(11), Je = n(85), Ye = n.n(Je);
function Xe() {
return (Xe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function $e(e, t) {
if (null == e) return {};
var n, a, i = function (e, t) {
if (null == e) return {};
var n, a, i = {}, o = Object.keys(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || (i[n] = e[n]);
return i
}(e, t);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
for (a = 0; a < o.length; a++) n = o[a], t.indexOf(n) >= 0 || Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n])
}
return i
}
var Ze = function (e) {
var t = e.image, n = e.label, a = e.className, i = $e(e, ["image", "label", "className"]),
o = t ? t.match(/https?:/i) ? t : Ge.srcUrl ? "".concat(Ge.srcUrl, "/").concat(t) : t : "",
l = "free" !== i.plan, c = l && !Ge.isPro && Ge.showProNotice;
if (l && !Ge.isPro && !Ge.showProNotice) return null;
var s = r()(["ugb-design-layout-selector__item", a], {
"is-premium": i.plan && !Ge.isPro && "free" !== i.plan,
"is-locked": c
}), u = c ? "div" : "button";
return wp.element.createElement(u, Xe({className: s}, i), wp.element.createElement("div", {className: "ugb-design-layout-selector__wrapper"}, c && wp.element.createElement(Ke.Icon, {
className: "ugb-design-layout-selector__lock",
icon: "lock"
}), c && wp.element.createElement("a", {
href: "https://wpstackable.com/upgrade/?utm_source=design-library-learn-more&utm_campaign=learnmore&utm_medium=gutenberg",
className: "ugb-design-layout-selector__item-premium-button ugb-shadow-4 button button-secondary",
target: "_premium",
title: Object(qe.__)("Learn More", Ge.i18n)
}, Object(qe.__)("Learn More", Ge.i18n)), wp.element.createElement("img", {
className: "ugb-design-layout-selector__image",
src: o,
alt: n
})), wp.element.createElement("div", {className: "ugb-design-layout-selector__label"}, n))
};
Ze.defaultProps = {name: "", label: "", className: ""};
var Qe = Ze;
function et() {
return (et = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function tt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function nt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function at(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var it = {image: Ye.a, plan: "free", label: "Basic", id: "basic"}, ot = function (e) {
var t = e.name, n = at(Object(l.useState)([]), 2), a = n[0], o = n[1], c = at(Object(l.useState)([]), 2),
s = c[0], u = c[1], b = at(Object(l.useState)(!1), 2), p = b[0], m = b[1],
g = at(Object(l.useState)(!0), 2), d = g[0], f = g[1];
Object(l.useEffect)(function () {
var t = e.name.split("/")[1],
n = Object(i.applyFilters)("stackable.".concat(t, ".edit.layouts"), []).map(function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? tt(n, !0).forEach(function (t) {
nt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : tt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {plan: e.premium ? "premium" : "free"})
});
o(n.length ? n : [it]), Object(Ve.c)({type: "block", block: t}).then(function (t) {
var a;
u(t), f(!1), !t.length && n.length <= 1 && e.setAttributes({design: (null === (a = n[0]) || void 0 === a ? void 0 : a.value) || it.id})
})
}, []);
var h = wp.element.createElement(l.Fragment, null, wp.element.createElement(Ke.Icon, {icon: "admin-settings"}), Object(qe.__)("Pick a layout or design", Ge.i18n)),
v = !!a.length && wp.element.createElement("div", {className: "ugb-design-layout-selector__layout-items"}, (a.filter(function (e) {
return !Object(i.applyFilters)("stackable.".concat(t, ".edit.inspector.layout.excludeDesigns"), []).includes(e.value)
}) || []).map(function (t) {
return wp.element.createElement(Qe, et({
className: "ugb-design-layout-selector__layout-item",
onClick: function () {
t.premium && !Ge.isPro || (0, e.setAttributes)({design: t.value})
},
key: t.label
}, t))
})), y = r()("ugb-design-layout-selector__design-library", {"is-busy": d}),
O = !!s.length && wp.element.createElement("div", {className: y}, wp.element.createElement("div", {className: "components-placeholder__fieldset ugb-design-layout-selector__design-container"}, d && wp.element.createElement("div", {
className: "ugb-design-layout-selector__spinner",
"data-testid": "spinner"
}, wp.element.createElement(Ke.Spinner, null)), wp.element.createElement("div", {className: "ugb-design-layout-selector__design-items"}, (s || []).map(function (t) {
var n = {image: t.image, plan: t.plan, label: t.label};
return wp.element.createElement(Qe, et({
className: "ugb-design-layout-selector__design-item",
onClick: function () {
(Ge.isPro || "free" === t.plan) && (m(!0), Object(Ve.b)(t.id).then(function (t) {
m(!1), Object(j.e)(t.attributes, e.clientId)
}).catch(function () {
m(!1)
}))
},
key: t.label
}, n))
})))), w = r()("ugb-design-layout-selector", {"is-busy": p});
return wp.element.createElement(Ke.Placeholder, {
className: w,
label: h
}, p && wp.element.createElement("div", {
className: "ugb-design-layout-selector__spinner",
"data-testid": "spinner"
}, wp.element.createElement(Ke.Spinner, null)), wp.element.createElement("div", {className: "ugb-design-layout-selector__content"}, !!a.length && wp.element.createElement("div", {className: "components-placeholder__instructions"}, Object(qe.__)("Select a variation to start with.", Ge.i18n)), v, !!s.length && wp.element.createElement("div", {className: "components-placeholder__instructions"}, !!a.length && Object(qe.__)("Or pick from our Design Library.", Ge.i18n), !a.length && Object(qe.__)("Select a design from our library to start with.", Ge.i18n)), O), wp.element.createElement("div", {className: "ugb-design-layout-selector__close-button"}, wp.element.createElement(Ke.ButtonGroup, null, wp.element.createElement(Ke.Button, {
isLink: !0,
isLarge: !0,
onClick: function () {
if (a.length) {
var t = a.find(function (e) {
return !!Ge.isPro || !e.premium
});
(0, e.setAttributes)({design: t.value})
}
}
}, Object(qe.__)("Skip", Ge.i18n))), !Ge.isPro && Ge.showProNotice && (!!a.length && a.some(function (e) {
return "premium" === e.plan
}) || !!s.length && s.some(function (e) {
return "premium" === e.plan
})) && wp.element.createElement("p", {className: "ugb-design-layout-selector__notice"}, Object(qe.__)("You can hide premium hints in the settings", Ge.i18n))))
};
ot.defaultProps = {name: ""};
var rt = ot;
function lt(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ct(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var st = ["ugb/column", "ugb/columns"];
Object(c.createHigherOrderComponent)(function (e) {
var t = function (t) {
var n = void 0 !== t.attributes.design && "" === t.attributes.design;
return Object(l.useMemo)(function () {
return !st.includes(t.name)
}, []) && n ? wp.element.createElement(rt, t) : wp.element.createElement(e, t)
};
return t.defaultProps = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? lt(n, !0).forEach(function (t) {
ct(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : lt(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e.defaultProps || {}, {attributes: {}}), t
}, "withDesignLayoutSelector");
n.d(t, "a", function () {
return _
}), n.d(t, "c", function () {
return N
}), n.d(t, "d", function () {
return z
}), n.d(t, "f", function () {
return q
}), n.d(t, "g", function () {
return Q
}), n.d(t, "h", function () {
return oe
}), n.d(t, "i", function () {
return de
}), n.d(t, "b", function () {
return Re
}), n.d(t, "e", function () {
return We
})
}, function (e, t) {
e.exports = wp.components
}, function (e, t) {
e.exports = wp.compose
}, function (e, t) {
e.exports = wp.data
}, , function (e, t, n) {
"use strict";
var a = n(5), i = n.n(a);
function o() {
return (o = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var r = i.a.createElement("path", {d: "M64.1 136L23 176.7c-1.9 1.8-1.9 4.8-.1 6.7.9 1 2.3 1.5 3.6 1.4l86.9.1L64.1 136z"}),
l = i.a.createElement("path", {
d: "M177.9 128.4c0-4.5-1.8-8.9-5-12.1L71.4 14.7 26.6 59.5c-3.2 3.2-5 7.5-5 12.1 0 4.5 1.8 8.9 5 12.1l101.6 101.6v-.1l44.8-44.8c3.1-3.2 4.9-7.5 4.9-12z",
opacity: .75
}),
c = i.a.createElement("path", {d: "M71.4 14.7L26.6 59.5c-3.2 3.2-5 7.5-5 12h49.8V14.7zM128.2 71.6H71.4v56.8h56.8zM128.2 185.1l44.7-44.7c3.1-3.1 4.9-7.4 5-11.8h-49.7v56.5z"}),
s = i.a.createElement("path", {d: "M71.4 14.7L26.6 59.5c-3.2 3.2-5 7.5-5 12h49.8V14.7zM172.9 14.7H86.1l49.4 49.6 40.9-41.2c1.9-2 1.8-5.2-.1-7.1-.9-.8-2.1-1.3-3.4-1.3z"}),
u = function (e) {
return i.a.createElement("svg", o({
viewBox: "0 0 200 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), r, l, c, s)
};
function b() {
return (b = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var p = i.a.createElement("path", {d: "M17 9.4H3c-.4 0-.8-.3-.8-.8s.4-.7.8-.7h14c.4 0 .8.3.8.8s-.4.7-.8.7zm.8 1.9c0-.4-.3-.8-.8-.8H3c-.4 0-.8.3-.8.8s.3.8.8.8h14c.4 0 .8-.4.8-.8zm.4-9.8H1.8c-.2 0-.3.1-.3.3v2.3c0 .2.1.3.3.3h16.3c.2 0 .3-.1.3-.3V1.8c.1-.2 0-.3-.2-.3m0-1.5c1 0 1.8.8 1.8 1.8v2.3c0 1-.8 1.8-1.8 1.8H1.8C.8 6 0 5.2 0 4.2V1.8C0 .8.8 0 1.8 0h16.4zm-5 3c0-.3-.3-.6-.6-.6H3c-.3 0-.6.3-.6.6s.3.6.6.6h9.6c.3 0 .6-.3.6-.6zm4.4 0c0-.3-.3-.6-.6-.6h-1c-.3 0-.6.3-.6.6s.3.6.6.6h1c.4 0 .6-.3.6-.6zm.6 12.5H1.8c-.2 0-.3.1-.3.3v2.3c0 .2.1.3.3.3h16.3c.2 0 .3-.1.3-.3v-2.3c.1-.2 0-.3-.2-.3m0-1.5c1 0 1.8.8 1.8 1.8v2.3c0 1-.8 1.8-1.8 1.8H1.8c-1 0-1.8-.8-1.8-1.8v-2.3c0-1 .8-1.8 1.8-1.8h16.4zm-5 3c0-.3-.3-.6-.6-.6H3c-.3 0-.6.3-.6.6s.3.6.6.6h9.6c.3 0 .6-.3.6-.6zm4.4 0c0-.3-.3-.6-.6-.6h-1c-.3 0-.6.3-.6.6s.3.6.6.6h1c.4 0 .6-.3.6-.6z"}),
m = function (e) {
return i.a.createElement("svg", b({xmlns: "http://www.w3.org/2000/svg"}, e), p)
};
function g() {
return (g = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var d = i.a.createElement("path", {d: "M0 2.7C0 1.6.3 0 2.4 0c.3 0 .6.3.6.6s-.3.6-.6.6c-.6-.1-1.1.3-1.1.8H2c.6 0 1 .5 1 1v.9c0 .6-.5 1-1 1H1c-.6 0-1-.4-1-1V2.7zm4.4 0c0-1.1.3-2.7 2.4-2.7.3 0 .6.3.6.6s-.3.6-.6.6c-.7-.1-1.2.3-1.2.8h.7c.6 0 1 .5 1 1v.9c0 .6-.5 1-1 1h-1c-.6 0-1-.4-1-1V2.7zm11.2 14.6c0 1.1-.3 2.7-2.4 2.7-.3 0-.6-.3-.6-.6s.3-.6.6-.6c.6 0 1.1-.4 1.1-.9h-.7c-.6 0-1-.5-1-1v-1c0-.6.5-1 1-1h1c.6 0 1 .4 1 1v1.4zm4.4 0c0 1.1-.3 2.7-2.4 2.7-.3 0-.6-.3-.6-.6s.3-.6.6-.6c.6 0 1.1-.4 1.1-.9H18c-.6 0-1-.5-1-1v-1c0-.6.5-1 1-1h1c.6 0 1 .4 1 1v1.4zm0-10c0-.4-.3-.8-.8-.8H.8c-.4.1-.8.4-.8.8s.3.8.8.8h18.5c.4 0 .7-.3.7-.8zm0 2.7c0-.4-.3-.8-.8-.8H.8c-.4 0-.8.4-.8.8s.3.8.8.8h18.5c.4-.1.7-.4.7-.8zm0 2.6c0-.4-.3-.8-.8-.8H.8c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h18.5c.4 0 .7-.4.7-.8z"}),
f = function (e) {
return i.a.createElement("svg", g({xmlns: "http://www.w3.org/2000/svg"}, e), d)
};
function h() {
return (h = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var v = i.a.createElement("path", {d: "M4.4 1.5v2.9H1.5V1.5h2.9M5 0H.9C.4 0 0 .4 0 .9V5c0 .5.4.9.9.9H5c.5 0 .9-.4.9-.9V.9C5.9.4 5.5 0 5 0zm3.3 4.8h11c.4 0 .7-.4.7-.8s-.3-.8-.8-.8h-11c-.3.1-.7.4-.7.8s.4.8.8.8m0-2.2h7.5c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H8.3c-.4 0-.8.3-.8.8 0 .4.4.8.8.8m-3.9 6v2.9H1.5V8.6h2.9M5 7.1H.9c-.5 0-.9.4-.9.9v4c0 .5.4.9.9.9H5c.5 0 .9-.4.9-.9V8c0-.5-.4-.9-.9-.9zm3.3 4.8h11c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-11c-.4 0-.8.3-.8.8 0 .4.4.8.8.8m0-2.3h7.5c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H8.3c-.4 0-.8.3-.8.8s.4.8.8.8m-3.9 6v2.9H1.5v-2.9h2.9m.6-1.5H.9c-.5 0-.9.4-.9.9v4.1c0 .5.4.9.9.9H5c.5 0 .9-.4.9-.9V15c0-.5-.4-.9-.9-.9zm3.3 4.8h11c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-11c-.4 0-.8.3-.8.8s.4.8.8.8m0-2.2h7.5c.4 0 .8-.3.8-.8s-.3-.8-.8-.8H8.3c-.4 0-.8.3-.8.8s.4.8.8.8"}),
y = function (e) {
return i.a.createElement("svg", h({xmlns: "http://www.w3.org/2000/svg"}, e), v)
};
function O() {
return (O = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var w = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v5.3C0 8.2.8 9 1.8 9H7v2.7c-.1-.2-.2-.4-.3-.5-.3-.5-.7-.9-1.3-1.1-.5-.2-1.1-.1-1.6.2-1.1.6-1.5 1.9-.9 2.9l1.3 2.4c.1.1.1.2.2.3.9 1.6 2.3 4 6.5 4 4.1 0 6-3.6 6-7v-3c0-.4-.1-.7-.2-1h1.5c1 0 1.8-.8 1.8-1.8V1.8c0-1-.8-1.8-1.8-1.8zm-2.8 13c0 2-1 5.5-4.5 5.5-3.3 0-4.3-1.7-5.2-3.3-.1-.1-.1-.2-.2-.3l-1.3-2.4c-.1-.2-.1-.3 0-.5s.2-.3.3-.4c.2-.1.3-.1.5 0s.3.2.4.3c.1.2.3.7.5.9.4.5 1 .8 1.6.6.6-.2 1-.8 1-1.5V5.1c0-.4.3-.7.7-.7s.7.3.7.7v5.7c0 .4.3.8.8.8s.8-.3.8-.8V8.7c.1-.2.3-.3.6-.3.4 0 .7.3.7.7v2.3c0 .4.3.8.8.8s.8-.3.8-.8V9.7c.1-.2.3-.3.6-.3.4 0 .7.3.7.7V13zm3.1-5.8c0 .2-.1.3-.3.3h-4.7c-.4-.4-.9-.6-1.5-.6-.2 0-.4 0-.6.1V5.1c0-1.2-1-2.2-2.2-2.2S7 3.9 7 5.1v2.4H1.8c-.2 0-.3-.1-.3-.3V1.8c0-.2.1-.3.3-.3h16.3c.2 0 .3.1.3.3v5.4z"}),
_ = function (e) {
return i.a.createElement("svg", O({xmlns: "http://www.w3.org/2000/svg"}, e), w)
};
function j() {
return (j = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var k = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zm.3 18.2c0 .2-.1.3-.3.3H1.8c-.2 0-.3-.1-.3-.3V1.8c0-.2.1-.3.3-.3h16.3c.2 0 .3.1.3.3v16.4zm-1.6-5c0 .4-.3.8-.8.8H3.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h12.3c.3 0 .7.4.7.8zm0 2.6c0 .4-.3.8-.8.8H3.9c-.4 0-.8-.3-.8-.8s.4-.8.8-.8h12.3c.3 0 .7.4.7.8zM5 10h10c.2 0 .4-.1.5-.2s.2-.3.2-.5v-5c0-.2-.1-.4-.2-.5s-.3-.3-.5-.3H5c-.2 0-.4.1-.5.2s-.2.3-.2.5v5c0 .2.1.4.2.5s.3.3.5.3zm.8-5h8.5v3.5H5.8V5z"}),
C = function (e) {
return i.a.createElement("svg", j({xmlns: "http://www.w3.org/2000/svg"}, e), k)
};
function x() {
return (x = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var E = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.8 18.5c-.2 0-.3-.1-.3-.3V1.8c0-.2.1-.3.3-.3h7.4v17H1.8zm16.4 0h-7.4v-17h7.3c.2 0 .3.1.3.3v16.4h.1c0 .2-.1.3-.3.3z"}),
S = function (e) {
return i.a.createElement("svg", x({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), E)
};
function B() {
return (B = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var T = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.5c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM4.5 10.6h1.8l-1.8 1.8v-1.8zm3.1-1.2H4.5V7.7h4.8L7.6 9.4zm2.9-2.9h-6V5H12l-1.5 1.5zM3.3 15H1.5V5h1.7v10zm1.2-.8L13.7 5h1.8v.8L6.3 15H4.5v-.8zm11-4.8h-1.8l1.8-1.8v1.8zm-3.1 1.2h3.1v1.7h-4.8l1.7-1.7zm-2.9 2.9h6V15H8l1.5-1.5zM16.8 5h1.7v10h-1.7V5zM1.5 1.8c0-.2.1-.3.3-.3h16.3c.2 0 .3.1.3.3v1.3c0 .2-.1.3-.3.3H1.8c-.2 0-.3-.1-.3-.3V1.8zm17 16.4c0 .2-.1.3-.3.3H1.8c-.2 0-.3-.1-.3-.3v-1.3c0-.2.1-.3.3-.3h16.3c.2 0 .3.1.3.3v1.3zm-14.9-.7c0 .3-.2.5-.5.5s-.5-.2-.5-.5.3-.5.5-.5.5.2.5.5zm13.8 0c0 .3-.2.5-.5.5s-.5-.2-.5-.5.2-.5.5-.5.5.2.5.5zM2.6 2.5c0-.3.3-.5.5-.5s.5.2.5.5-.2.5-.5.5-.5-.2-.5-.5zm13.8 0c0-.3.2-.5.5-.5s.5.2.5.5-.2.5-.5.5-.5-.2-.5-.5z"}),
P = function (e) {
return i.a.createElement("svg", B({xmlns: "http://www.w3.org/2000/svg"}, e), T)
};
function A() {
return (A = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var N = i.a.createElement("path", {d: "M18.5 2.9h-17C.7 2.9 0 3.6 0 4.4v11.1c0 .9.7 1.5 1.5 1.5h16.9c.9 0 1.5-.7 1.5-1.5V4.4c.1-.8-.6-1.5-1.4-1.5zm0 12.7h-7.1c.2-.3.3-.7.4-1.2 0-.3-.1-.6-.2-.9-.3-.5-.8-.9-1.4-1.1.3-.3.7-.8 1-1.2.2-.2.3-.4.4-.6.2-.5.1-.8-.3-1.1-.1-.1-.2-.1-.4-.1h-3c-.1 0-.3.1-.4.1-.2.3-.3.5-.3.7 0 .3.3.6.6.6h2c-.5.6-1.2 1.3-1.4 1.5-.3.3-.4.7-.1 1l.2.2c.1.1.3.1.4.1 1 .1 1.4.3 1.5 1-.1.8-.7.9-1.2 1-.8 0-1-.5-1.1-.8-.1-.3-.4-.5-.7-.5-.3.1-.5.4-.5.7 0 .1.1.4.3.7H1.5V4.4h8.6c-.3.4-.7.8-1 1.1H9c-.6.6-1.2 1.2-1.7 1.6-.2.1-.3.3-.4.4V8c.1.2.2.4.4.5.2.1.4.2.6.2h3.2c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H8.9c.4-.3.7-.7 1.1-1 .5-.5 1.1-1.1 1.4-1.6.1-.1.1-.3.2-.4H16c.1.1.1.3.2.5-.1.8-.7.9-1.2 1-.8 0-1-.5-1.1-.8-.1-.3-.4-.5-.7-.5-.3.1-.5.4-.5.7.1.2.5 1.7 2.3 1.7 1.5 0 2.4-.9 2.5-2.2v-.5h1.1v11.2zM5.9 13c0 .3-.3.6-.6.6H3.6c-.4 0-.6-.3-.6-.6s.3-.6.6-.6h.2V8.2l-.3.1c-.1.1-.3.1-.5.1s-.3-.1-.4-.3v-.5c0-.2.1-.3.3-.4l1.2-.7c.3-.1.7 0 .9.3v5.6h.2c.4-.1.7.2.7.6zm11.2-1h-.3V8.4c0-.3-.3-.6-.6-.6-.2 0-.4.1-.5.3l-3.3 4.2c-.1.1-.2.3-.1.5 0 .2.1.3.2.4.1.1.2.1.4.1h2.7v1.1c0 .3.3.6.6.6s.6-.3.6-.6v-1.1h.3c.3 0 .6-.3.6-.6.1-.4-.2-.7-.6-.7zm-1.5 0h-1.4l1.4-1.8V12z"}),
M = function (e) {
return i.a.createElement("svg", A({xmlns: "http://www.w3.org/2000/svg"}, e), N)
};
function R() {
return (R = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var F = i.a.createElement("path", {d: "M16.1 8.5c0-1.4-1-2.5-2.2-2.9V1.5c0-.3-.1-.5-.3-.6-.2-.1-.5-.2-.7-.1L4.5 4.6H.8c-.5 0-.8.3-.8.8v6.3c0 .4.3.8.8.8h1.1v5.7c0 .4.3.8.8.8h2.1c.4 0 .8-.3.8-.8V13l7.4 3.4c.1 0 .2.1.3.1.1 0 .3 0 .4-.1.2-.1.3-.4.3-.6v-4.2c1.2-.5 2.1-1.7 2.1-3.1zM1.5 6.1h2.4v4.8H1.5V6.1zm1.8 11.3v-4.9h.6v4.9h-.6zm9.1-3l-6.9-3.2V5.8l6.9-3.2v11.8zm1.5-4.3V7c.6.3 1 .9 1 1.5 0 .7-.4 1.3-1 1.6zM20 8.5c0 .3-.3.6-.6.6h-1.5c-.3 0-.6-.3-.6-.6s.3-.6.6-.6h1.5c.3 0 .6.3.6.6zm-2.2 4.4c.2.2.2.6 0 .9-.1.1-.3.2-.4.2-.2 0-.3-.1-.4-.2l-1.1-1.1c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0l1 1.1zm-2-7.7c-.2-.2-.2-.6 0-.9l1.1-1.1c.2-.2.6-.2.9 0 .2.2.2.6 0 .9l-1.1 1.1c-.1.1-.3.2-.4.2-.2 0-.4 0-.5-.2z"}),
D = function (e) {
return i.a.createElement("svg", R({xmlns: "http://www.w3.org/2000/svg"}, e), F)
};
function I() {
return (I = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var z = i.a.createElement("path", {d: "M.8 10.8c-.5 0-.8-.4-.8-.8s.3-.8.8-.8h18.5c.4 0 .8.3.8.8s-.3.8-.8.8H.8"}),
L = function (e) {
return i.a.createElement("svg", I({xmlns: "http://www.w3.org/2000/svg"}, e), z)
};
function U() {
return (U = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var H = i.a.createElement("path", {d: "M2.5 9c.6 0 1 .5 1 1 0 .6-.5 1-1 1s-1-.5-1-1c0-.6.5-1 1-1m0-1.5C1.1 7.5 0 8.6 0 10s1.1 2.5 2.5 2.5S5 11.4 5 10c.1-1.4-1.1-2.5-2.5-2.5zM10 9c.6 0 1 .5 1 1 0 .6-.5 1-1 1-.6 0-1-.5-1-1 0-.6.4-1 1-1m0-1.5c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zM17.5 9c.6 0 1 .5 1 1 0 .6-.5 1-1 1-.6 0-1-.5-1-1-.1-.6.4-1 1-1m0-1.5C16.1 7.5 15 8.6 15 10s1.1 2.5 2.5 2.5S20 11.4 20 10s-1.1-2.5-2.5-2.5z"}),
W = function (e) {
return i.a.createElement("svg", U({xmlns: "http://www.w3.org/2000/svg"}, e), H)
};
function G() {
return (G = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var V = i.a.createElement("path", {d: "M18.6 0H12c-.8 0-1.4.6-1.4 1.4v8.3c0 .8.6 1.4 1.4 1.4h6.6c.8 0 1.4-.6 1.4-1.4V1.4c0-.8-.6-1.4-1.4-1.4zm-.1 1.5V7c-.9-.7-2-1-3.2-1-1.2 0-2.4.4-3.2 1V1.5h6.4zm0 8.2h-6.4c0-.2.1-.5.2-.7.5-.9 1.7-1.5 3-1.5s2.4.6 2.9 1.4c.2.2.3.5.3.8zm-5.3-6.1c0-.5.4-1 1-1 .5 0 1 .4 1 1 0 .5-.4 1-1 1-.6-.1-1-.5-1-1zm5.8 13c0 .4-.3.8-.8.8h-6c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h6c.5.1.8.4.8.8zm0 2.6c0 .4-.3.8-.8.8h-6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h6c.5.1.8.4.8.8zm0-5.2c0 .4-.3.8-.8.8h-6c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h6c.5.1.8.4.8.8zM8 0H1.4C.6 0 0 .6 0 1.4v8.3c0 .8.6 1.4 1.4 1.4H8c.8 0 1.4-.6 1.4-1.4V1.4C9.4.6 8.8 0 8 0zm-.1 1.5V7c-.9-.7-2-1-3.2-1-1.2 0-2.4.4-3.2 1V1.5h6.4zm0 8.2H1.5c0-.2.1-.5.2-.7.5-.9 1.7-1.5 3-1.5 1.3-.1 2.5.5 3 1.4.1.2.2.5.2.8zM2.6 3.6c0-.5.4-1 1-1 .5 0 1 .4 1 1 0 .5-.4 1-1 1-.6-.1-1-.5-1-1zm5.8 13c0 .4-.3.8-.8.8h-6c-.3 0-.6-.4-.6-.8s.3-.8.8-.8h6c.3.1.6.4.6.8zm0 2.6c0 .4-.3.8-.8.8h-6c-.3 0-.6-.3-.6-.8 0-.4.3-.8.8-.8h6c.3.1.6.4.6.8zm0-5.2c0 .4-.3.8-.8.8h-6c-.3 0-.6-.4-.6-.8s.3-.8.8-.8h6c.3.1.6.4.6.8z"}),
q = function (e) {
return i.a.createElement("svg", G({xmlns: "http://www.w3.org/2000/svg"}, e), V)
};
function K() {
return (K = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var J = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.8 1.5h6.1v9.6c-.8-.8-2-1.3-3.2-1.3-1.2 0-2.4.5-3.2 1.3V1.8c0-.2.1-.3.3-.3zm-.3 16.7v-3.6c0-.9.4-1.7.9-2.3.6-.6 1.4-.9 2.3-.9.9 0 1.7.4 2.3.9.6.6.9 1.4.9 2.3v4H1.8c-.2-.1-.3-.2-.3-.4zm17 0c0 .2-.1.3-.3.3H9.4v-17h8.7c.2 0 .3.1.3.3v16.4zM2.6 6.8c0-.6.5-1 1-1s1 .5 1 1-.5 1-1 1-1-.5-1-1zM17 8.7c0 .4-.3.8-.8.8h-4.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h4.9c.5 0 .8.4.8.8zm0 2.6c0 .4-.3.8-.8.8h-4.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h4.9c.5 0 .8.4.8.8zm0-5.2c0 .4-.3.8-.8.8h-4.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h4.9c.5 0 .8.4.8.8zm0 7.7c0 .4-.3.8-.8.8h-4.9c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h4.9c.5.1.8.4.8.8z"}),
Y = function (e) {
return i.a.createElement("svg", K({xmlns: "http://www.w3.org/2000/svg"}, e), J)
};
function X() {
return (X = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var $ = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.8 1.5h16.3c.1 0 .2.1.2.1s.1.1.1.2v1.7h-17V1.8c.1-.2.2-.3.4-.3zm16.4 17H1.8c-.2 0-.3-.1-.3-.3V4.5h17v13.6c0 .3-.1.4-.3.4zM16.3 5.8H3.7c-.2 0-.4 0-.5.2-.1.1-.2.3-.2.5v5c0 .2.1.4.2.5.1.1.3.2.5.2h12.5c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-5c0-.2-.1-.4-.2-.5 0-.2-.2-.2-.4-.2zM4.5 10.7V7.3h11v3.5h-11zM14 9c0 .4-.3.7-.7.7H6.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h6.5c.5-.1.8.3.8.7zM2.7 2.5c0-.3.3-.5.5-.5s.5.2.5.5-.2.5-.5.5-.5-.2-.5-.5zm1.7 0c0-.3.2-.5.5-.5s.5.2.5.5-.2.5-.5.5-.5-.2-.5-.5zm1.7 0c0-.3.2-.5.5-.5s.5.2.5.5-.2.5-.5.5-.5-.2-.5-.5z"}),
Z = function (e) {
return i.a.createElement("svg", X({xmlns: "http://www.w3.org/2000/svg"}, e), $)
};
function Q() {
return (Q = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ee = i.a.createElement("path", {d: "M15.3 1.1c-.7 0-1.4.5-1.4 1.4v6.3H6.1V2.5c0-.7-.5-1.4-1.4-1.4-.7 0-1.4.5-1.4 1.4v14.9c0 .9.7 1.4 1.4 1.4s1.4-.5 1.4-1.4v-6.3h7.7v6.3c0 .9.7 1.4 1.4 1.4s1.4-.5 1.4-1.4V2.5c.1-.7-.4-1.4-1.3-1.4z"}),
te = function (e) {
return i.a.createElement("svg", Q({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), ee)
};
function ne() {
return (ne = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ae = i.a.createElement("path", {d: "M19.6 8.9c.7-.7.4-1.9-.6-2.1l-4.9-.7c-.3-.1-.6-.3-.8-.6l-2.2-4.4C10.7.2 9.4.2 9 1.1L6.7 5.5c-.1.4-.4.6-.8.6L1 6.8C0 7-.3 8.2.4 8.9l3.5 3.5c.3.2.4.6.3.9l-.8 4.9c-.2 1 .9 1.7 1.7 1.3l4.4-2.3c.3-.2.7-.2 1 0l4.4 2.3c.9.5 1.9-.3 1.7-1.3l-.8-4.9c-.1-.3.1-.7.3-.9zm-5.4 3.8l.8 4.7c0 .2-.2.4-.4.3l-4.2-2.2c-.3-.1-.6-.1-.9 0l-4.2 2.2c-.1.1-.3-.1-.3-.3l.8-4.6c.1-.3 0-.6-.3-.8L2.1 8.7c-.1-.2 0-.5.2-.5L7 7.5c.3 0 .6-.2.7-.5l2.1-4.2c.1-.2.4-.2.5 0l2 4.2c.1.3.4.5.7.5l4.6.7c.2 0 .3.3.2.5L14.4 12c-.2.2-.2.4-.2.7z"}),
ie = function (e) {
return i.a.createElement("svg", ne({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), ae)
};
function oe() {
return (oe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var re = i.a.createElement("path", {d: "M19.3 4.3H8.8c-.4 0-.8-.3-.8-.8s.3-.8.8-.8h10.4c.4 0 .8.3.8.8s-.3.8-.7.8zM2.9 5.7l3.2-3.2c.3-.3.3-.8 0-1.1s-.8-.3-1.1 0L2.4 4.1 1.3 3C1 2.7.5 2.7.2 3c-.3.3-.3.8 0 1.1l1.6 1.6c.2.1.4.2.6.2.2 0 .4-.1.5-.2zM20 9.9c0-.4-.3-.8-.8-.8H8.8c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h10.4c.5 0 .8-.4.8-.8zM2.9 12l3.2-3.2c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-2.7 2.7-1-1C1 9.1.5 9.1.2 9.4c-.3.3-.3.8 0 1.1L1.8 12c.1.1.3.2.5.2.3.1.5 0 .6-.2zM20 16.3c0-.4-.3-.8-.8-.8H8.8c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h10.4c.5-.1.8-.4.8-.8zM2.9 18.4l3.2-3.2c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-2.7 2.7-1.1-1.1c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l1.6 1.6c.1.1.3.2.5.2.4 0 .6 0 .7-.2z"}),
le = function (e) {
return i.a.createElement("svg", oe({xmlns: "http://www.w3.org/2000/svg"}, e), re)
};
function ce() {
return (ce = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var se = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.8 1.5h16.3c.2 0 .3.1.3.3V11l-3.3-4.4c-.2-.3-.6-.5-.9-.5-.4 0-.7.2-.9.5l-4.7 6.1-1.9-2.6c-.3-.3-.6-.4-1-.4s-.7.2-.9.5l-3.3 4.3V1.8c0-.2.1-.3.3-.3zm16.4 17H1.8c-.2 0-.3-.1-.3-.3v-1.3c.1 0 .1-.1.2-.2l4.1-5.4 2.1 2.8c.2.2.5.4.7.4.3 0 .6-.1.7-.4l4.9-6.4 4.1 5.4c0 .1.1.1.2.2v4.8c0 .3-.2.4-.3.4zM7.2 7.8c1.3 0 2.3-1 2.3-2.3s-1-2.3-2.3-2.3-2.3 1-2.3 2.3 1 2.3 2.3 2.3zm0-3.2c.4 0 .8.4.8.8 0 .5-.4.8-.8.8-.5 0-.8-.4-.8-.8-.1-.4.3-.8.8-.8z"}),
ue = function (e) {
return i.a.createElement("svg", ce({xmlns: "http://www.w3.org/2000/svg"}, e), se)
};
function be() {
return (be = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var pe = i.a.createElement("path", {d: "M10 2.2l8.3 15.7H1.7L10 2.2m0-1.8c-.4 0-.8.2-1.1.6L.1 17.7c-.4.8.2 1.7 1.1 1.7h17.6c.9 0 1.5-.9 1.1-1.7L11.1 1c-.2-.4-.7-.6-1.1-.6zm-.7 7.2v4.6c0 .4.3.7.7.7s.7-.3.7-.7V7.6c0-.4-.3-.7-.7-.7s-.7.3-.7.7m.7 6.8c-.5 0-.9.4-.9.9s.4.9.9.9.9-.4.9-.9-.4-.9-.9-.9z"}),
me = function (e) {
return i.a.createElement("svg", be({xmlns: "http://www.w3.org/2000/svg"}, e), pe)
};
function ge() {
return (ge = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var de = i.a.createElement("path", {d: "M18.2 1.5c.2 0 .3.1.3.3v16.3c0 .2-.1.3-.3.3H1.8c-.2 0-.3-.1-.3-.3V1.8c0-.2.1-.3.3-.3h16.4m0-1.5H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM4.4 6.7l1-.6v8.3h-.7c-.4 0-.7.3-.7.8s.3.7.7.7h2.9c.4 0 .8-.3.8-.7s-.4-.8-.8-.8h-.7V4.8c0-.1 0-.3-.1-.4-.2-.3-.7-.4-1-.2L3.6 5.4c-.4.2-.5.7-.3 1 .3.4.7.5 1.1.3zm5.6.1h5.7c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H10c-.4.1-.7.4-.7.8s.3.8.7.8m0 2.6h5.7c.4 0 .8-.3.8-.8s-.3-.8-.8-.8H10c-.4 0-.8.3-.8.8s.4.8.8.8m0 2.7h5.7c.4 0 .8-.3.8-.8s-.3-.8-.8-.8H10c-.4 0-.8.3-.8.8s.4.8.8.8m0 2.6h5.7c.4 0 .8-.3.8-.8s-.3-.8-.8-.8H10c-.4 0-.8.3-.8.8s.4.8.8.8"}),
fe = function (e) {
return i.a.createElement("svg", ge({xmlns: "http://www.w3.org/2000/svg"}, e), de)
};
function he() {
return (he = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ve = i.a.createElement("path", {d: "M19.8.2c-.3-.3-.7-.3-1 0l-1.1 1.1c-.2-.1-.4-.1-.6-.1l-5-.1H12c-.7 0-1.4.3-1.9.8L.7 11.3c-.9.9-.9 2.4 0 3.3l4.8 4.8c.5.4 1.1.6 1.7.6.6 0 1.2-.2 1.7-.7l9.4-9.4c.5-.5.8-1.3.8-2l-.1-5c0-.2 0-.4-.1-.6L20 1.2c.1-.2.1-.7-.2-1zm-4.6 5.9c0 .3-.1.6-.4.9-.2.2-.6.4-.9.4-.3 0-.6-.1-.9-.4-.2-.2-.4-.6-.4-.9 0-.3.1-.6.4-.9.2-.2.6-.4.9-.4h.2l-.5.5c-.3.3-.3.7 0 1 .3.3.7.3 1 0l.5-.5c.1.1.1.2.1.3zM17.6 8c0 .3-.1.7-.4.9l-9.4 9.4c-.2.2-.4.3-.6.3-.2 0-.5-.1-.6-.3l-4.8-4.8c-.2-.2-.3-.4-.3-.6 0-.2.1-.5.3-.6l9.4-9.4c.2-.2.6-.4.9-.4l4.4.1-1.1 1.1c-.4-.2-.9-.3-1.3-.3a2.732 2.732 0 00-2.7 2.7 2.732 2.732 0 002.7 2.7 2.732 2.732 0 002.7-2.7c0-.5-.1-.9-.3-1.3l1.1-1.1V8zm-6.1 1.4l-.5.5c.5.7.6 1.5.6 1.6.1.4-.2.8-.6.8-.4.1-.8-.2-.8-.6 0-.2-.2-.8-.5-1.1-.3-.3-.8-.5-1.1-.2-.2.2 0 .8.2 1.3 0 .1.1.2.1.2.3.6.9 1.8-.3 2.9-.3.3-.7.4-1.2.4-.4 0-.7-.1-1.1-.3-.1-.1-.2-.1-.3-.2l-.5.5c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1-.2-.2-.2-.5 0-.7l.5-.5c-.4-.5-.8-1.3-.7-2.2 0-.4.4-.7.8-.7s.7.4.7.8c-.1.9.5 1.5.9 1.7.3.1.5.2.7.1.3-.2.3-.4 0-1.1 0-.1-.1-.2-.1-.3-.3-.6-.9-2 .1-3 .8-.8 1.9-.7 2.7-.1l.5-.5c.2-.2.5-.2.7 0 0 .2 0 .5-.2.7z"}),
ye = function (e) {
return i.a.createElement("svg", he({xmlns: "http://www.w3.org/2000/svg"}, e), ve)
};
function Oe() {
return (Oe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var we = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.5 1.8c0-.2.1-.3.3-.3h16.3c.2 0 .3.1.3.3v7.1c-.8.7-2.2 2.1-4.1 2.1-3.1 0-4.8-3.6-8.1-3.6-1.9 0-3.7 1.3-4.6 2.1V1.8zm17 16.3c0 .3-.2.4-.3.4H1.8c-.2 0-.3-.1-.3-.3V12c.9-.9 2.7-2.7 4.5-2.7 2.7 0 4.3 3.4 8.3 3.4 1.9 0 3.4-1 4.1-1.6v7z"}),
_e = function (e) {
return i.a.createElement("svg", Oe({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), we)
};
function je() {
return (je = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ke = i.a.createElement("path", {d: "M1.6.8c0-.5.3-.8.7-.8h16c.4 0 .8.3.8.8s-.3.8-.8.8h-16c-.4-.1-.7-.4-.7-.8zm16.7 17.7h-16c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h16c.4 0 .8-.3.8-.8s-.4-.8-.8-.8zM13.2 6.7c.3.3.8.3 1.1 0 .3-.3.3-.8 0-1.1l-3.4-3.4c-.3-.3-.8-.3-1.1 0L6.4 5.6c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l2.1-2.1v11l-2.1-2.1c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1L9.7 18c.1.1.3.2.5.2s.4-.1.5-.2l3.4-3.4c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-2.1 2.1v-11l2.3 2.1z"}),
Ce = function (e) {
return i.a.createElement("svg", je({xmlns: "http://www.w3.org/2000/svg"}, e), ke)
};
function xe() {
return (xe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ee = i.a.createElement("path", {d: "M8.6 12.1c.4-.5.6-1.2.6-1.9V8c0-1.9-1.5-3.4-3.4-3.4S2.4 6.1 2.4 8v2.1c0 .7.2 1.4.6 1.9-1.7.3-3 1.9-3 3.7V17c0 1.2.9 2.1 2.1 2.1h7.4c1.2 0 2.1-.9 2.1-2.1v-1.2c.1-1.9-1.3-3.4-3-3.7zm-2.8-6c1 0 1.8.7 1.9 1.7-.8.6-1.3.4-1.8-.1-.2-.2-.5-.5-.9-.5s-.8.3-1 .5c.1-.8.9-1.6 1.8-1.6zM4 8.9c.2-.1.5-.2.8-.5.1-.1.2-.1.2-.1s.1 0 .2.2c.6.5 1.1.7 1.6.7.3 0 .6-.1.9-.2v1.1c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9V8.9zm2.8 4.6c-.2.9-.6 1.4-1 1.4-.3 0-.7-.5-1-1.4h2zm3.3 3.5c0 .3-.3.6-.6.6H2.1c-.3 0-.6-.3-.6-.6v-1.2c0-1.2 1-2.2 2.2-2.2h.1c.3 1.4 1.1 2.4 2 2.4s1.7-1 2-2.4h.1c1.2 0 2.2 1 2.2 2.2V17zM17 8.3c.4-.5.6-1.2.6-1.9V4.3c0-1.9-1.5-3.4-3.4-3.4s-3.4 1.5-3.4 3.4v2.1c0 .7.2 1.4.6 1.9-.4.1-.8.2-1.1.4v1.4c0 .3 0 .5-.1.8.4-.7 1.1-1.1 1.9-1.1h.1c.3 1.4 1.1 2.4 2 2.4.9 0 1.7-1 2-2.4h.1c1.2 0 2.2 1 2.2 2.2v1.2c0 .3-.3.6-.6.6h-5.4c.2.5.3 1 .4 1.5h5c1.2 0 2.1-.9 2.1-2.1V12c0-1.8-1.3-3.3-3-3.7zm-2.8-5.9c1 0 1.8.7 1.9 1.7-.8.6-1.3.4-1.8-.1-.7-.7-1.3-.6-1.9 0 0-.9.8-1.6 1.8-1.6zm0 8.8c-.3 0-.7-.5-1-1.4h1.9c-.2.8-.6 1.4-.9 1.4zM16 6.4c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9V5.2c.3-.1.6-.2.8-.5.2-.2.3-.2.3-.2s.1 0 .2.2c.6.6 1.1.8 1.6.8.3 0 .6-.1.9-.2v1.1z"}),
Se = function (e) {
return i.a.createElement("svg", xe({xmlns: "http://www.w3.org/2000/svg"}, e), Ee)
};
function Be() {
return (Be = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Te = i.a.createElement("path", {d: "M4 20c-.1 0-.2 0-.3-.1-.3-.1-.5-.4-.5-.7v-2.9H1.9c-1 0-1.9-.8-1.9-1.9V1.9C0 .8.8 0 1.9 0h16.2c1 0 1.9.8 1.9 1.9v12.6c0 1-.8 1.9-1.9 1.9H7.9l-3.4 3.4c-.1.1-.3.2-.5.2zM1.9 1.5c-.2 0-.4.2-.4.4v12.6c0 .2.2.4.4.4H4c.4 0 .8.3.8.8v1.8l2.3-2.3c.1-.1.3-.2.5-.2h10.5c.2 0 .4-.2.4-.4V1.9c0-.2-.2-.4-.4-.4H1.9zM7.2 13c-.1 0-.3 0-.4-.1-.2-.1-.3-.4-.2-.6L7 9.5l-2-2c-.2-.2-.2-.4-.2-.7.1-.2.3-.4.5-.4L8.1 6l1.3-2.5c.1-.3.3-.4.6-.4.2 0 .5.1.6.3L11.8 6l2.8.4c.2 0 .4.2.5.4.1.2 0 .5-.2.6l-2 2 .5 2.8c0 .2-.1.5-.2.6-.2.1-.4.2-.7 0L10 11.6l-2.5 1.3c-.1.1-.2.1-.3.1zm2.8-2.7c.1 0 .2 0 .3.1l1.7.9-.3-1.9c0-.2 0-.4.2-.6l1.4-1.3-1.9-.3c-.2 0-.4-.2-.5-.3L10 5.1l-.9 1.7c-.1.2-.2.4-.5.4l-1.8.3 1.4 1.3c.1.1.2.4.2.6L8 11.2l1.7-.9h.3z"}),
Pe = function (e) {
return i.a.createElement("svg", Be({xmlns: "http://www.w3.org/2000/svg"}, e), Te)
};
function Ae() {
return (Ae = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Ne = i.a.createElement("path", {d: "M17.1 1.1H7.4C4.4 1.1 2 3.5 2 6.5c0 3 2.4 5.4 5.4 5.4.4 0 .7 0 .9-.1v6.3c0 .5.5.8.9.8s.9-.3.9-.8V2.7h2.4v15.4c0 .5.5.8.9.8s.9-.3.9-.8V2.7h2.6c.5 0 .8-.4.8-.8.2-.4-.1-.8-.6-.8zM8.4 10c-.2.1-.5.2-.9.2-2.1 0-3.8-1.7-3.8-3.8s1.7-3.8 3.8-3.8c.4 0 .7.1.9.2V10z"}),
Me = function (e) {
return i.a.createElement("svg", Ae({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), Ne)
};
function Re() {
return (Re = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Fe = i.a.createElement("path", {d: "M18.2 0H1.8C.8 0 0 .8 0 1.8v16.3c0 1 .8 1.8 1.8 1.8h16.3c1 0 1.8-.8 1.8-1.8V1.8c.1-1-.7-1.8-1.7-1.8zM1.8 1.5h16.3c.2 0 .3.1.3.3V13h-17V1.8c.1-.2.3-.3.4-.3zm16.4 17H1.8c-.2 0-.3-.1-.3-.3v-3.7h17v3.7c0 .2-.1.3-.3.3zm-11-7.2c.2.1.5.1.8 0L13.5 8c.2-.1.4-.4.4-.6 0-.3-.1-.5-.4-.6L7.9 3.4c-.2-.1-.5-.1-.8 0-.2.1-.3.3-.3.6v6.6c0 .3.1.5.4.7zm1.1-6l3.4 2-3.4 2v-4zm9 11.2c0 .4-.3.8-.8.8H3.4c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h13.2c.4 0 .7.3.7.8z"}),
De = function (e) {
return i.a.createElement("svg", Re({xmlns: "http://www.w3.org/2000/svg"}, e), Fe)
};
function Ie() {
return (Ie = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ze = i.a.createElement("path", {d: "M10.9 20h-9c-1 0-1.8-.8-1.8-1.8v-5.1c0-1 .8-1.8 1.8-1.8h9c1 0 1.8.8 1.8 1.8v5.1c0 1-.8 1.8-1.8 1.8zm-9.1-7.4c-.3 0-.5.2-.5.5v5.1c0 .3.2.5.5.5h9c.3 0 .5-.2.5-.5v-5.1c0-.3-.2-.5-.5-.5h-9zM18.2 8.7h-9c-1 0-1.8-.8-1.8-1.8V1.8C7.4.8 8.2 0 9.2 0h9c1 0 1.8.8 1.8 1.8v5.1c0 1-.8 1.8-1.8 1.8zM9.1 1.3c-.3 0-.5.2-.5.5v5.1c0 .3.2.5.5.5h9c.3 0 .5-.2.5-.5V1.8c0-.3-.2-.5-.5-.5h-9z"}),
Le = function (e) {
return i.a.createElement("svg", Ie({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), ze)
}, Ue = n(6), He = n(18);
n.d(t, "w", function () {
return Ge
}), n.d(t, "x", function () {
return Ve
}), n.d(t, "A", function () {
return qe
}), n.d(t, "a", function () {
return Ke
}), n.d(t, "b", function () {
return Je
}), n.d(t, "c", function () {
return Ye
}), n.d(t, "d", function () {
return Xe
}), n.d(t, "f", function () {
return $e
}), n.d(t, "g", function () {
return Ze
}), n.d(t, "h", function () {
return Qe
}), n.d(t, "i", function () {
return et
}), n.d(t, "e", function () {
return tt
}), n.d(t, "j", function () {
return nt
}), n.d(t, "k", function () {
return at
}), n.d(t, "l", function () {
return it
}), n.d(t, "m", function () {
return ot
}), n.d(t, "o", function () {
return rt
}), n.d(t, "p", function () {
return lt
}), n.d(t, "n", function () {
return ct
}), n.d(t, "q", function () {
return st
}), n.d(t, "r", function () {
return ut
}), n.d(t, "s", function () {
return bt
}), n.d(t, "t", function () {
return pt
}), n.d(t, "u", function () {
return mt
}), n.d(t, "v", function () {
return gt
}), n.d(t, "y", function () {
return dt
}), n.d(t, "z", function () {
return ft
}), n.d(t, "B", function () {
return ht
}), n.d(t, "C", function () {
return vt
}), n.d(t, "D", function () {
return yt
}), n.d(t, "F", function () {
return Ot
}), n.d(t, "E", function () {
return wt
});
var We = function (e) {
return Object(Ue.cloneElement)(e, {
fill: "url(#stackable-gradient)",
className: "ugb-stackable-icon-gradient ".concat(e.props.className || "")
})
};
Object(He.a)(function () {
var e = document.createElement("DIV");
document.querySelector("body").appendChild(e), Object(Ue.render)(wp.element.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
className: "ugb-stackable-gradient",
height: "0",
width: "0",
style: {opacity: 0}
}, wp.element.createElement("defs", null, wp.element.createElement("linearGradient", {id: "stackable-gradient"}, wp.element.createElement("stop", {
offset: "0%",
stopColor: "#8c33da",
stopOpacity: "1"
}), wp.element.createElement("stop", {offset: "100%", stopColor: "#f34957", stopOpacity: "1"})))), e)
});
var Ge = function () {
return We(wp.element.createElement(u, {width: "20", height: "20", className: "components-panel__icon"}))
}, Ve = function (e) {
var t = e.className;
return wp.element.createElement(u, {className: t, width: "20", height: "20"})
}, qe = function () {
return We(wp.element.createElement(u, {width: "20", height: "20"}))
}, Ke = function () {
return We(wp.element.createElement(m, {width: "20", height: "20"}))
}, Je = function () {
return We(wp.element.createElement(f, {width: "20", height: "20"}))
}, Ye = function () {
return We(wp.element.createElement(y, {width: "20", height: "20"}))
}, Xe = function () {
return We(wp.element.createElement(_, {width: "20", height: "20"}))
}, $e = function () {
return We(wp.element.createElement(C, {width: "20", height: "20"}))
}, Ze = function () {
return We(wp.element.createElement(S, {width: "20", height: "20"}))
}, Qe = function () {
return We(wp.element.createElement(P, {width: "20", height: "20"}))
}, et = function () {
return We(wp.element.createElement(M, {width: "20", height: "20"}))
}, tt = function () {
return We(wp.element.createElement(D, {width: "20", height: "20"}))
}, nt = function () {
return We(wp.element.createElement(L, {width: "20", height: "20"}))
}, at = function () {
return We(wp.element.createElement(W, {width: "20", height: "20"}))
}, it = function () {
return We(wp.element.createElement(q, {width: "20", height: "20"}))
}, ot = function () {
return We(wp.element.createElement(Y, {width: "20", height: "20"}))
}, rt = function () {
return We(wp.element.createElement(Z, {width: "20", height: "20"}))
}, lt = function () {
return We(wp.element.createElement(te, {width: "20", height: "20"}))
}, ct = function () {
return We(wp.element.createElement(P, {
width: "20",
height: "20",
className: "components-menu-items__item-icon"
}))
}, st = function () {
return We(wp.element.createElement(ie, {width: "20", height: "20"}))
}, ut = function () {
return We(wp.element.createElement(le, {width: "20", height: "20"}))
}, bt = function () {
return We(wp.element.createElement(ue, {width: "20", height: "20"}))
}, pt = function () {
return We(wp.element.createElement(me, {width: "20", height: "20"}))
}, mt = function () {
return We(wp.element.createElement(fe, {width: "20", height: "20"}))
}, gt = function () {
return We(wp.element.createElement(ye, {width: "20", height: "20"}))
}, dt = function () {
return We(wp.element.createElement(_e, {width: "20", height: "20"}))
}, ft = function () {
return We(wp.element.createElement(Ce, {width: "20", height: "20"}))
}, ht = function () {
return We(wp.element.createElement(Se, {width: "20", height: "20"}))
}, vt = function () {
return We(wp.element.createElement(Pe, {width: "20", height: "20"}))
}, yt = function () {
return We(wp.element.createElement(Me, {width: "20", height: "20"}))
}, Ot = function () {
return We(wp.element.createElement(De, {width: "20", height: "20"}))
}, wt = function () {
return We(wp.element.createElement(Le, {
width: "20",
height: "20",
className: "components-menu-items__item-icon"
}))
}
}, , function (e, t) {
e.exports = wp.blocks
}, , , function (e, t) {
e.exports = wp.api
}, , function (e, t, n) {
"use strict";
var a = n(3), i = n(19), o = n.n(i), r = n(0), l = n(6), c = n(8), s = n.n(c), u = n(1), b = n(9);
function p(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var m = function (e) {
var t, n = e.className, i = void 0 === n ? "" : n, o = e.align, r = void 0 === o ? "center" : o, l = e.size,
c = void 0 === l ? "normal" : l, u = e.url, m = void 0 === u ? "" : u, g = e.icon,
d = void 0 === g ? null : g, f = e.color, h = e.text, v = e.backgroundColor, y = e.borderRadius,
O = e.design, w = void 0 === O ? "basic" : O, _ = e.newTab, j = void 0 !== _ && _, k = {
borderRadius: "link" === w ? void 0 : "plain" === w ? void 0 : y + "px",
backgroundColor: v || void 0,
borderColor: "ghost" === w ? v : void 0,
color: "ghost" === w ? v : "plain" === w ? v : "link" === w ? void 0 : f
};
k.backgroundColor = "ghost" === w ? void 0 : k.backgroundColor, k.backgroundColor = "plain" === w ? void 0 : k.backgroundColor, k.backgroundColor = "link" === w ? void 0 : k.backgroundColor;
var C = s()([i, "ugb-button", "ugb-button--align-".concat(r), "ugb-button--size-".concat(c)], (p(t = {}, "ugb-button--design-".concat(w), "basic" !== w), p(t, "ugb-button--has-icon", d), t));
return wp.element.createElement("div", null, wp.element.createElement("a", {
className: C,
href: m,
style: k,
target: j ? "_blank" : void 0,
rel: j ? "noopener noreferrer" : void 0
}, d && "link" !== w && wp.element.createElement(a.rb.Content, {
value: d,
style: {color: "ghost" === w ? v : "plain" === w ? v : f}
}), wp.element.createElement(b.RichText.Content, {
tagName: "span",
className: "link" === w ? "" : "ugb-button--inner",
style: {color: "ghost" === w ? v : "plain" === w ? v : "link" === w ? void 0 : f},
value: h
})))
}, g = n(7);
function d() {
return (d = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function f(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var h = function (e) {
var t = e.setAttributes, n = function (t) {
return Object(g.camelCase)(Object(r.sprintf)(e.attrNameTemplate, t))
}, a = function (t) {
var a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", i = e.blockAttributes[n(t)];
return 0 === i ? i : i || a
};
return wp.element.createElement(S, d({
design: a("Design", e.designDefault),
size: a("Size", "normal"),
text: a("Text", ""),
shadow: a("Shadow"),
hoverEffect: a("HoverEffect"),
ghostToNormalEffect: a("HoverGhostToNormal"),
icon: a("Icon"),
iconPosition: a("IconPosition"),
onChange: function (e) {
return t(f({}, n("Text"), e))
},
url: a("Url"),
newTab: a("NewTab"),
noFollow: a("NoFollow"),
onChangeUrl: function (e) {
return t(f({}, n("Url"), e))
},
onChangeNewTab: function (e) {
return t(f({}, n("NewTab"), e))
},
onChangeNoFollow: function (e) {
return t(f({}, n("NoFollow"), e))
},
onChangeIcon: function (e) {
return t(f({}, n("Icon"), e))
},
isSelected: e.isSelected
}, e))
};
h.defaultProps = {
attrNameTemplate: "%s", setAttributes: function () {
}, blockAttributes: {}, designDefault: "basic"
}, (h.Content = function (e) {
var t = function (t) {
return Object(g.camelCase)(Object(r.sprintf)(e.attrNameTemplate, t))
}, n = function (n) {
var a = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", i = e.blockAttributes[t(n)];
return 0 === i ? i : i || a
};
return wp.element.createElement(S.Content, d({
design: n("Design", e.designDefault),
size: n("Size", "normal"),
text: n("Text"),
icon: n("Icon"),
newTab: n("NewTab"),
url: n("Url"),
noFollow: n("NoFollow"),
hoverEffect: n("HoverEffect"),
ghostToNormalEffect: n("HoverGhostToNormal"),
shadow: n("Shadow"),
iconPosition: n("IconPosition")
}, e))
}).defaultProps = {attrNameTemplate: "%s", blockAttributes: {}, designDefault: "basic"};
var v = h;
function y() {
return (y = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function O(e) {
return (O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function w(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function _(e) {
return (_ = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function j(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function k(e, t) {
return (k = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function C(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
n.d(t, "b", function () {
return m
}), n.d(t, "a", function () {
return v
});
var x = 1, E = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, a = _(t).apply(this, arguments), e = !a || "object" !== O(a) && "function" != typeof a ? j(n) : a, C(j(e), "hideUrlPopup", function () {
document.body.removeEventListener("click", e.outsideClickHandler), e.setState({openPopup: !1})
}), e.state = {openPopup: !1}, e.buttonInstanceId = x++, e.onButtonClickHandler = e.onButtonClickHandler.bind(j(e)), e.outsideClickHandler = e.outsideClickHandler.bind(j(e)), e.onKeyPressHandler = e.onKeyPressHandler.bind(j(e)), e
}
var n, i, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && k(e, t)
}(t, l["Component"]), n = t, (i = [{
key: "onButtonClickHandler", value: function (e) {
if (this.props.iconButton && e.target.closest(".ugb-svg-icon-placeholder__button")) ; else if (e.target.closest(".ugb-svg-icon-placeholder__button") || e.target.closest(".ugb-url-input-popover") || e.target.closest(".ugb-icon-popover") || e.target.closest(".components-popover")) return;
this.state.openPopup || document.body.addEventListener("click", this.outsideClickHandler), this.setState({openPopup: !0})
}
}, {
key: "outsideClickHandler", value: function (e) {
e.target.closest(".ugb-button-container-".concat(this.buttonInstanceId)) || e.target.closest(".ugb-url-input-popover") || e.target.closest(".components-popover") ? this.props.iconButton && e.target.closest(".ugb-svg-icon-placeholder__button") || e.target.closest(".ugb-svg-icon-placeholder__button") && this.hideUrlPopup() : this.hideUrlPopup()
}
}, {
key: "onKeyPressHandler", value: function (e) {
e.target.closest(".ugb-url-input-popover") || e.target.closest(".components-popover") || this.hideUrlPopup()
}
}, {
key: "render", value: function () {
var e, t = this.props, n = t.iconButton, i = t.className, o = void 0 === i ? "" : i, c = t.size,
p = void 0 === c ? "normal" : c, m = t.text, g = void 0 === m ? "" : m, d = t.onChange,
f = void 0 === d ? function () {
} : d, h = t.design, v = void 0 === h ? "basic" : h, y = t.shadow, O = void 0 === y ? 0 : y,
w = t.iconPosition, _ = void 0 === w ? "" : w, j = t.hoverEffect, k = void 0 === j ? "" : j,
x = t.ghostToNormalEffect, E = void 0 !== x && x, S = t.url, B = void 0 === S ? "" : S,
T = t.newTab, P = void 0 === T ? "" : T, A = t.noFollow, N = void 0 === A ? "" : A,
M = t.onChangeUrl, R = void 0 === M ? null : M, F = t.onChangeNewTab, D = void 0 === F ? null : F,
I = t.onChangeNoFollow, z = void 0 === I ? null : I, L = t.onChangeIcon,
U = void 0 === L ? null : L, H = t.icon, W = void 0 === H ? null : H, G = t.isSelected,
V = void 0 === G ? null : G, q = s()([o, "ugb-button", "ugb-button--size-".concat(p)], (C(e = {
"ugb-button--icon-only": n,
"ugb-button--ghost-to-normal-effect": E
}, "ugb--hover-effect-".concat(k), "link" !== v && k), C(e, "ugb--shadow-".concat(O), "basic" === v && O), C(e, "ugb-button--design-".concat(v), "basic" !== v), C(e, "ugb-button--has-icon", W), C(e, "ugb-button--icon-position-".concat(_), _), e)),
K = s()(["ugb-button-container", "ugb-button-container-".concat(this.buttonInstanceId), this.props.containerClassName]),
J = (null === V || V) && this.state.openPopup;
return wp.element.createElement("div", {
className: K,
onClick: this.onButtonClickHandler,
onKeyPress: this.onKeyPressHandler,
role: "button",
tabIndex: "0"
}, wp.element.createElement("a", {className: q}, W && "link" !== v && wp.element.createElement(l.Fragment, null, !U && wp.element.createElement(a.rb, {value: W}), U && wp.element.createElement(a.tb, {
value: W,
onChange: U,
isOpen: n ? J : null
})), !n && wp.element.createElement(b.RichText, {
tagName: "span",
className: "link" === v ? "" : "ugb-button--inner",
placeholder: Object(r.__)("Button text", u.i18n),
value: g,
onChange: f,
withoutInteractiveFormatting: !0,
keepPlaceholderOnFocus: !0
}), J && wp.element.createElement(a.xb, {
value: B,
onChange: R,
newTab: P,
noFollow: N,
onChangeNewTab: D,
onChangeNoFollow: z,
disableSuggestions: this.props.disableSuggestions
})))
}
}]) && w(n.prototype, i), o && w(n, o), t
}();
E.defaultProps = {
iconButton: !1,
disableSuggestions: !1,
containerClassName: "",
className: "",
size: "normal",
text: "",
onChange: function () {
},
design: "basic",
shadow: 0,
iconPosition: "",
hoverEffect: "",
ghostToNormalEffect: !1,
url: "",
newTab: "",
noFollow: "",
onChangeUrl: null,
onChangeNewTab: null,
onChangeNoFollow: null,
onChangeIcon: null,
icon: null,
isSelected: null
}, E.Content = function (e) {
var t, n = e.iconButton, i = e.className, r = void 0 === i ? "" : i, l = e.size,
c = void 0 === l ? "normal" : l, u = e.url, p = void 0 === u ? "" : u, m = e.icon,
g = void 0 === m ? null : m, d = e.text, f = void 0 === d ? "" : d, h = e.design,
v = void 0 === h ? "basic" : h, O = e.newTab, w = void 0 !== O && O, _ = e.shadow, j = void 0 === _ ? 0 : _,
k = e.iconPosition, x = void 0 !== k && k, E = e.hoverEffect, S = void 0 === E ? "" : E, B = e.noFollow,
T = void 0 !== B && B, P = e.ghostToNormalEffect, A = void 0 !== P && P, N = e.target,
M = void 0 === N ? "" : N, R = e.role, F = void 0 === R ? "" : R, D = e.title, I = void 0 === D ? "" : D,
z = s()([r, "ugb-button", "ugb-button--size-".concat(c)], (C(t = {
"ugb-button--icon-only": n,
"ugb-button--ghost-to-normal-effect": A
}, "ugb--hover-effect-".concat(S), "link" !== v && S), C(t, "ugb--shadow-".concat(j), "basic" === v && j), C(t, "ugb-button--design-".concat(v), "basic" !== v), C(t, "ugb-button--has-icon", g), C(t, "ugb-button--icon-position-".concat(x), x), t)),
L = [];
w && (L.push("noopener"), L.push("noreferrer")), T && L.push("nofollow");
var U = {};
return F && (U.role = F), wp.element.createElement("div", {className: "ugb-button-container"}, (f || n) && wp.element.createElement("a", y({
className: z,
href: p,
target: M || w ? M || "_blank" : void 0,
rel: e.rel || L.join(" "),
title: o()(I)
}, U), g && "link" !== v && wp.element.createElement(a.rb.Content, {value: g}), !n && wp.element.createElement(b.RichText.Content, {
tagName: "span",
className: "link" === v ? "" : "ugb-button--inner",
value: f
})))
};
var S = t.c = E
}, , function (e, t, n) {
"use strict";
n.d(t, "d", function () {
return d
}), n.d(t, "c", function () {
return f
}), n.d(t, "b", function () {
return h
}), n.d(t, "a", function () {
return v
});
var a = n(18), i = n(25), o = n.n(i);
function r(e, t, n, a, i, o, r) {
try {
var l = e[o](r), c = l.value
} catch (e) {
return void n(e)
}
l.done ? t(c) : Promise.resolve(c).then(a, i)
}
function l(e) {
return function () {
var t = this, n = arguments;
return new Promise(function (a, i) {
var o = e.apply(t, n);
function l(e) {
r(o, a, i, l, c, "next", e)
}
function c(e) {
r(o, a, i, l, c, "throw", e)
}
l(void 0)
})
}
}
var c = null, s = {}, u = [], b = function (e) {
return e.replace(/^[\w-]+\//, "")
}, p = function () {
var e = l(regeneratorRuntime.mark(function e() {
var t, n, a = arguments;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
if (t = a.length > 0 && void 0 !== a[0] && a[0], c && !t) {
e.next = 9;
break
}
return e.next = 4, o()({
path: "/wp/v2/stk_design_library".concat(t ? "/reset" : ""),
method: "GET"
});
case 4:
return n = e.sent, e.next = 7, n;
case 7:
c = e.sent, t && (s = {}, u = []);
case 9:
return e.abrupt("return", c);
case 10:
case"end":
return e.stop()
}
}, e)
}));
return function () {
return e.apply(this, arguments)
}
}(), m = function () {
var e = l(regeneratorRuntime.mark(function e(t) {
var n, a;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
if (n = b(t), s[n]) {
e.next = 8;
break
}
return e.next = 4, o()({path: "/wp/v2/stk_block_designs/".concat(n), method: "GET"});
case 4:
return a = e.sent, e.next = 7, a;
case 7:
s[n] = e.sent;
case 8:
return e.abrupt("return", s[n]);
case 9:
case"end":
return e.stop()
}
}, e)
}));
return function (t) {
return e.apply(this, arguments)
}
}(), g = function () {
var e = l(regeneratorRuntime.mark(function e(t) {
var n;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
if (u[t]) {
e.next = 7;
break
}
return e.next = 3, o()({path: "/wp/v2/stk_design/".concat(t), method: "GET"});
case 3:
return n = e.sent, e.next = 6, n;
case 6:
u[t] = e.sent;
case 7:
return e.abrupt("return", u[t]);
case 8:
case"end":
return e.stop()
}
}, e)
}));
return function (t) {
return e.apply(this, arguments)
}
}(), d = function () {
var e = l(regeneratorRuntime.mark(function e() {
var t, n, a = arguments;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
return t = a.length > 0 && void 0 !== a[0] && a[0], e.next = 3, o()({
path: "/wp/v2/stk_design_library_dev_mode/",
method: "POST",
data: {devmode: t}
});
case 3:
return n = e.sent, e.next = 6, n;
case 6:
return e.abrupt("return", e.sent);
case 7:
case"end":
return e.stop()
}
}, e)
}));
return function () {
return e.apply(this, arguments)
}
}();
Object(a.a)(function () {
});
var f = function () {
var e = l(regeneratorRuntime.mark(function e(t) {
var n, a, i, o, r, l, c, s, u, b, m, g, d, f, h, v, y, O;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
return n = t.type, a = void 0 === n ? "" : n, i = t.block, o = void 0 === i ? "" : i, r = t.mood, l = void 0 === r ? "" : r, c = t.plan, s = void 0 === c ? "" : c, u = t.colors, b = void 0 === u ? [] : u, m = t.categories, g = void 0 === m ? [] : m, d = t.search, f = void 0 === d ? "" : d, h = t.reset, v = void 0 !== h && h, e.t0 = Object, e.next = 4, p(v);
case 4:
return e.t1 = e.sent, y = e.t0.values.call(e.t0, e.t1), a && (y = y.filter(function (e) {
return e.type === a
})), o && (O = -1 === o.indexOf("ugb/") ? "ugb/".concat(o) : o, y = y.filter(function (e) {
return e.block === O
})), l && (y = y.filter(function (e) {
return e.mood === l
})), s && (y = y.filter(function (e) {
return e.plan === s
})), b && b.length && (y = y.filter(function (e) {
return e.colors.some(function (e) {
return b.includes(e)
})
})), g && g.length && (y = y.filter(function (e) {
return e.categories.some(function (e) {
return g.includes(e)
})
})), f && f.toLowerCase().replace(/\s+/, " ").trim().split(" ").forEach(function (e) {
y = y.filter(function (t) {
return ["label", "plan", "block", "tags", "categories", "colors"].some(function (n) {
return -1 !== t[n].toString().toLowerCase().indexOf(e)
})
})
}), e.abrupt("return", y);
case 14:
case"end":
return e.stop()
}
}, e)
}));
return function (t) {
return e.apply(this, arguments)
}
}(), h = function () {
var e = l(regeneratorRuntime.mark(function e(t) {
var n, a, i, o, r, l;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
return e.next = 2, p();
case 2:
if (n = e.sent, a = n[t], i = a.type, o = a.block, r = a.template, "block" !== i || !o) {
e.next = 12;
break
}
return e.next = 8, m(o);
case 8:
return l = e.sent, e.abrupt("return", l[t]);
case 12:
if (!r) {
e.next = 16;
break
}
return e.next = 15, g(t);
case 15:
return e.abrupt("return", e.sent);
case 16:
return e.abrupt("return", null);
case 17:
case"end":
return e.stop()
}
}, e)
}));
return function (t) {
return e.apply(this, arguments)
}
}(), v = function () {
var e = l(regeneratorRuntime.mark(function e() {
var t;
return regeneratorRuntime.wrap(function (e) {
for (; ;) switch (e.prev = e.next) {
case 0:
return e.t0 = Object, e.next = 3, p();
case 3:
return e.t1 = e.sent, t = e.t0.values.call(e.t0, e.t1), e.abrupt("return", t.reduce(function (e, t) {
var n = t.block, a = t.type;
return e.includes(n) || "block" !== a || e.push(n), e
}, []));
case 6:
case"end":
return e.stop()
}
}, e)
}));
return function () {
return e.apply(this, arguments)
}
}()
}, function (e, t) {
e.exports = wp.apiFetch
}, function (e, t) {
e.exports = wp.editPost
}, , , function (e, t) {
e.exports = wp.plugins
}, , , , , , , function (e, t, n) {
"use strict";
n.d(t, "b", function () {
return b
});
var a = n(2), i = n(7);
function o(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function r(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? o(n, !0).forEach(function (t) {
l(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : o(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function l(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var c = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "",
i = arguments.length > 3 && void 0 !== arguments[3] && arguments[3];
return Object.keys(e).reduce(function (o, c) {
return r({}, o, l({}, Object(a.mb)(c, t, n, i ? "#editor" : ""), e[c]))
}, {})
}, s = function (e) {
return Object.keys(e).reduce(function (t, n) {
var a = Object.keys(e[n]).reduce(function (t, a) {
var o = e[n][a];
return void 0 === o ? t : t + "\n\t" + a.replace(/^(--?)?(.*?$)/, function (e, t, n) {
return "".concat(t || "").concat(Object(i.kebabCase)(n))
}) + ": " + o + ";"
}, "");
return t.push("\n\n" + n + " {" + a + "\n}"), t
}, [])
}, u = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : ["desktop"],
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1025,
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 768,
a = Object(i.sortBy)("string" == typeof e ? e.split(",").map(function (e) {
return e.trim()
}) : e);
return Object(i.isEqual)(a, ["desktop", "tablet"]) ? "@media screen and (min-width: " + n + "px)" : Object(i.isEqual)(a, ["desktop"]) ? "@media screen and (min-width: " + t + "px)" : Object(i.isEqual)(a, ["mobile", "tablet"]) ? "@media screen and (max-width: " + t + "px)" : Object(i.isEqual)(a, ["tablet"]) ? "@media screen and (min-width: " + n + "px) and (max-width: " + t + "px)" : Object(i.isEqual)(a, ["mobile"]) ? "@media screen and (max-width: " + n + "px)" : null
}, b = function e(t) {
var n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
a = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "",
o = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1025,
r = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 768,
l = arguments.length > 5 && void 0 !== arguments[5] && arguments[5],
b = arguments.length > 6 && void 0 !== arguments[6] ? arguments[6] : 0, p = [];
Object.keys(t).forEach(function (e) {
if (["desktopTablet", "desktopOnly", "tablet", "tabletOnly", "mobile", "ie11", "editor"].includes(e)) {
var n = e;
Object.keys(t[n]).forEach(function (e) {
Object.keys(t[n][e]).forEach(function (a) {
return void 0 === t[n][e][a] ? delete t[n][e][a] : {}
}), Object.keys(t[n][e]).length || delete t[n][e]
}), Object.keys(t[n]).length || delete t[n]
} else Object.keys(t[e]).forEach(function (n) {
return void 0 === t[e][n] ? delete t[e][n] : {}
}), Object.keys(t[e]).length || delete t[e]
});
var m = Object(i.omit)(t, ["desktopTablet", "desktopOnly", "tablet", "tabletOnly", "mobile", "ie11", "editor", "saveOnly"]);
if (Object.keys(m).length) {
var g = c(m, n, a, l);
Array.prototype.push.apply(p, s(g))
}
if (void 0 !== t.desktopTablet) {
var d = c(t.desktopTablet, n, a, l), f = s(d);
f && (l ? f.forEach(function (e) {
p.push("\n\n" + u(["desktop", "tablet"], o, r) + " {\n" + e + " }")
}) : p.push("\n\n".concat(u(["desktop", "tablet"], o, r), " {\n").concat(f.join(""), " }")))
}
if (void 0 !== t.desktopOnly) {
var h = c(t.desktopOnly, n, a, l), v = s(h);
v && (l ? v.forEach(function (e) {
p.push("\n\n" + u(["desktop"], o, r) + " {\n" + e + " }")
}) : p.push("\n\n".concat(u(["desktop"], o, r), " {\n").concat(v.join(""), " }")))
}
if (void 0 !== t.tablet) {
var y = c(t.tablet, n, a, l), O = s(y);
O && (l ? O.forEach(function (e) {
p.push("\n\n" + u(["mobile", "tablet"], o, r) + " {\n" + e + " }")
}) : p.push("\n\n".concat(u(["mobile", "tablet"], o, r), " {\n").concat(O.join(""), " }")))
}
if (void 0 !== t.tabletOnly) {
var w = c(t.tabletOnly, n, a, l), _ = s(w);
_ && (l ? _.forEach(function (e) {
p.push("\n\n" + u(["tablet"], o, r) + " {\n" + e + " }")
}) : p.push("\n\n".concat(u(["tablet"], o, r), " {\n").concat(_.join(""), " }")))
}
if (void 0 !== t.mobile) {
var j = c(t.mobile, n, a, l), k = s(j);
k && (l ? k.forEach(function (e) {
p.push("\n\n" + u(["mobile"], o, r) + " {\n" + e + " }")
}) : p.push("\n\n".concat(u(["mobile"], o, r), " {\n").concat(k.join(""), " }")))
}
if (void 0 !== t.ie11) {
var C = c(t.ie11, n, a, l), x = s(C);
x && p.push("\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n".concat(x.join(""), " }"))
}
return l && void 0 !== t.editor && !b && Array.prototype.push.apply(p, e(t.editor, n, a, o, r, l, b++)), l || void 0 === t.saveOnly || b || Array.prototype.push.apply(p, e(t.saveOnly, n, a, o, r, l, b++)), p
};
t.a = function (e) {
var t = e.style, n = void 0 === t ? {} : t, i = e.editorMode, o = void 0 !== i && i, r = e.blockUniqueClassName,
l = void 0 === r ? "" : r, c = e.blockMainClassName, s = void 0 === c ? "" : c, u = e.breakTablet,
p = void 0 === u ? 1025 : u, m = e.breakMobile, g = b(n, s, l, p, void 0 === m ? 768 : m, o);
return o ? g ? g.map(function (e, t) {
return wp.element.createElement("style", {key: t}, e)
}) : null : g && g.length ? wp.element.createElement("style", null, Object(a.jb)(g.join(""))) : null
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(5), i = n.n(a);
function o() {
return (o = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var r = i.a.createElement("path", {d: "M96.9 2c-52.4 0-95 42.6-95 95s42.6 95 95 95 95-42.6 95-95-42.6-95-95-95zM78.2 150.4l-10.6-10.6L110.3 97 67.6 54.2l10.6-10.6L131.5 97l-53.3 53.4z"}),
l = function (e) {
return i.a.createElement("svg", o({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), r)
};
function c() {
return (c = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var s = i.a.createElement("path", {d: "M59.4 177.5l82.4-82.4-82.4-82.3-10.6 10.6 71.8 71.7-71.8 71.8 10.6 10.6z"}),
u = function (e) {
return i.a.createElement("svg", c({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), s)
};
function b() {
return (b = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var p = i.a.createElement("path", {d: "M73.1 65.3L104.8 97l-31.7 31.7 10.6 10.6L126 97 83.7 54.7z"}),
m = i.a.createElement("path", {d: "M184.4 60c-7.2-17-19.2-31.5-34.4-41.8C134.9 8 116.5 2 96.9 2c-13.1 0-25.6 2.7-37 7.5-17.1 7.2-31.6 19.3-41.8 34.4S1.9 77.4 1.9 97c0 13.1 2.7 25.6 7.5 37 7.2 17.1 19.3 31.6 34.4 41.8S77.2 192 96.9 192c13.1 0 25.6-2.7 37-7.5 17.1-7.2 31.6-19.3 41.8-34.4 10.2-15.2 16.2-33.5 16.2-53.1 0-13.1-2.7-25.6-7.5-37zm-13.8 68.1c-6.1 14.3-16.2 26.6-29 35.2-12.8 8.7-28.1 13.7-44.7 13.7-11.1 0-21.6-2.2-31.1-6.3-14.3-6.1-26.6-16.2-35.2-29C21.9 129 16.9 113.6 16.9 97c0-11.1 2.2-21.6 6.3-31.1 6.1-14.3 16.2-26.6 29-35.2C64.9 22 80.3 17 96.9 17c11.1 0 21.6 2.2 31.1 6.3 14.3 6.1 26.6 16.2 35.2 29 8.6 12.8 13.7 28.1 13.7 44.7 0 11.1-2.2 21.6-6.3 31.1z"}),
g = function (e) {
return i.a.createElement("svg", b({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), p, m)
};
function d() {
return (d = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var f = i.a.createElement("path", {d: "M96.9 2c-52.4 0-95 42.6-95 95s42.6 95 95 95 95-42.6 95-95-42.6-95-95-95zM76.6 144.7l-36.5-36.5 10.6-10.6 25.9 25.9 68.8-68.8L156 65.3l-79.4 79.4z"}),
h = function (e) {
return i.a.createElement("svg", d({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), f)
};
function v() {
return (v = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var y = i.a.createElement("path", {d: "M173.8 28.4L60.4 141.8 15.7 97.2 5.1 107.8 60.4 163l124-124-10.6-10.6z"}),
O = function (e) {
return i.a.createElement("svg", v({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), y)
};
function w() {
return (w = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var _ = i.a.createElement("path", {d: "M79.4 112.4L60.7 93.7l-10.6 10.6 29.3 29.3 62.3-62.3-10.6-10.6z"}),
j = i.a.createElement("path", {d: "M182.3 57.5c-7.2-17-19.3-31.5-34.4-41.8C132.7 5.5 114.4-.5 94.7-.5c-13.1 0-25.6 2.7-37 7.5-17 7.2-31.5 19.2-41.7 34.4C5.7 56.5-.3 74.8-.3 94.5c0 13.1 2.7 25.6 7.5 37 7.2 17.1 19.3 31.6 34.4 41.8 15.2 10.2 33.5 16.2 53.1 16.2 13.1 0 25.6-2.7 37-7.5 17.1-7.2 31.6-19.3 41.8-34.4 10.2-15.2 16.2-33.5 16.2-53.1.1-13.1-2.6-25.6-7.4-37zm-13.8 68.1c-6.1 14.3-16.2 26.6-29 35.2-12.8 8.6-28.1 13.7-44.7 13.7-11.1 0-21.6-2.2-31.1-6.3-14.3-6.1-26.6-16.2-35.2-29-8.6-12.8-13.7-28.1-13.7-44.7 0-11.1 2.2-21.6 6.3-31.1C27.1 49 37.2 36.8 50 28.1c12.8-8.6 28.1-13.7 44.7-13.7 11.1 0 21.6 2.2 31.1 6.3 14.3 6.1 26.6 16.2 35.2 29 8.6 12.8 13.7 28.1 13.7 44.7.1 11.2-2.2 21.7-6.2 31.2z"}),
k = function (e) {
return i.a.createElement("svg", w({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), _, j)
};
function C() {
return (C = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var x = i.a.createElement("path", {d: "M96.9 2c-52.4 0-95 42.6-95 95s42.6 95 95 95 95-42.6 95-95-42.6-95-95-95zm47.4 131.5l-10.6 10.6-36.5-36.5-36.5 36.5-10.6-10.6L86.6 97 50.1 60.5l10.6-10.6 36.5 36.5 36.5-36.5 10.6 10.6L107.8 97l36.5 36.5z"}),
E = function (e) {
return i.a.createElement("svg", C({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), x)
};
function S() {
return (S = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var B = i.a.createElement("path", {d: "M167.2 33.4l-10.6-10.6-61.7 61.7-61.7-61.7-10.6 10.6 61.7 61.7-61.7 61.7 10.6 10.6 61.7-61.7 61.7 61.7 10.6-10.6-61.7-61.7z"}),
T = function (e) {
return i.a.createElement("svg", S({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), B)
};
function P() {
return (P = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var A = i.a.createElement("path", {d: "M134.7 70.1l-10.6-10.6-26.9 26.9-26.8-26.9-10.7 10.6L86.6 97l-26.9 26.9 10.7 10.6 26.8-26.9 26.9 26.9 10.6-10.6L107.8 97z"}),
N = i.a.createElement("path", {d: "M184.4 60c-7.2-17-19.2-31.5-34.4-41.8C134.9 8 116.5 2 96.9 2c-13.1 0-25.6 2.7-37 7.5-17.1 7.2-31.6 19.3-41.8 34.4S1.9 77.4 1.9 97c0 13.1 2.7 25.6 7.5 37 7.2 17.1 19.3 31.6 34.4 41.8S77.2 192 96.9 192c13.1 0 25.6-2.7 37-7.5 17.1-7.2 31.6-19.3 41.8-34.4 10.2-15.2 16.2-33.5 16.2-53.1 0-13.1-2.7-25.6-7.5-37zm-13.8 68.1c-6.1 14.3-16.2 26.6-29 35.2-12.8 8.7-28.1 13.7-44.7 13.7-11.1 0-21.6-2.2-31.1-6.3-14.3-6.1-26.6-16.2-35.2-29C21.9 129 16.9 113.6 16.9 97c0-11.1 2.2-21.6 6.3-31.1 6.1-14.3 16.2-26.6 29-35.2C64.9 22 80.3 17 96.9 17c11.1 0 21.6 2.2 31.1 6.3 14.3 6.1 26.6 16.2 35.2 29 8.6 12.8 13.7 28.1 13.7 44.7 0 11.1-2.2 21.6-6.3 31.1z"}),
M = function (e) {
return i.a.createElement("svg", P({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), A, N)
};
function R() {
return (R = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var F = i.a.createElement("path", {d: "M96.9 2c-52.4 0-95 42.6-95 95s42.6 95 95 95 95-42.6 95-95-42.6-95-95-95zM151 104.5h-46.6v46.6h-15v-46.6H42.8v-15h46.6V42.9h15v46.6H151v15z"}),
D = function (e) {
return i.a.createElement("svg", R({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), F)
};
function I() {
return (I = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var z = i.a.createElement("path", {d: "M181.9 87.6h-79.3V8.4h-15v79.2H8.4v15h79.2v79.2h15v-79.2h79.3z"}),
L = function (e) {
return i.a.createElement("svg", I({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), z)
};
function U() {
return (U = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var H = i.a.createElement("path", {d: "M104.5 55.4h-15v34.1H55.4v15h34.1v34.1h15v-34.1h34.1v-15h-34.1z"}),
W = i.a.createElement("path", {d: "M184.5 60c-7.2-17-19.2-31.5-34.4-41.8C135 8 116.6 2 97 2 83.9 2 71.4 4.7 60 9.5c-17.1 7.2-31.6 19.3-41.8 34.4S2 77.4 2 97c0 13.1 2.7 25.6 7.5 37 7.2 17.1 19.3 31.6 34.4 41.8S77.3 192 97 192c13.1 0 25.6-2.7 37-7.5 17.1-7.2 31.6-19.3 41.8-34.4C186 134.9 192 116.6 192 97c0-13.1-2.7-25.6-7.5-37zm-13.8 68.1c-6.1 14.3-16.2 26.6-29 35.2C128.9 172 113.6 177 97 177c-11.1 0-21.6-2.2-31.1-6.3-14.3-6.1-26.6-16.2-35.2-29C22 129 17 113.6 17 97c0-11.1 2.2-21.6 6.3-31.1 6.1-14.3 16.2-26.6 29-35.2C65 22 80.4 17 97 17c11.1 0 21.6 2.2 31.1 6.3 14.3 6.1 26.6 16.2 35.2 29C171.9 65.1 177 80.4 177 97c0 11.1-2.2 21.6-6.3 31.1z"}),
G = function (e) {
return i.a.createElement("svg", U({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), H, W)
};
function V() {
return (V = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var q = i.a.createElement("path", {d: "M96.9 2c-52.4 0-95 42.6-95 95s42.6 95 95 95 95-42.6 95-95-42.6-95-95-95zm37.8 150.1l-37.8-19.5-37.8 19.5 6.9-41.9-30.2-29.9 42-6.4 19.1-38 19.1 38 42 6.4-30.2 29.9 6.9 41.9z"}),
K = function (e) {
return i.a.createElement("svg", V({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), q)
};
function J() {
return (J = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Y = i.a.createElement("path", {d: "M95.4 6.3l29.2 58 64.2 9.9-46.2 45.7 10.5 64.1-57.7-29.8L37.6 184l10.5-64.1L2 74.2l64.2-9.9z"}),
X = function (e) {
return i.a.createElement("svg", J({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), Y)
};
function $() {
return ($ = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var Z = i.a.createElement("path", {d: "M184.4 60c-7.2-17-19.2-31.5-34.4-41.8C134.9 8 116.5 2 96.9 2c-13.1 0-25.6 2.7-37 7.5-17.1 7.2-31.6 19.3-41.8 34.4S1.9 77.4 1.9 97c0 13.1 2.7 25.6 7.5 37 7.2 17.1 19.3 31.6 34.4 41.8S77.2 192 96.9 192c13.1 0 25.6-2.7 37-7.5 17.1-7.2 31.6-19.3 41.8-34.4 10.2-15.2 16.2-33.5 16.2-53.1 0-13.1-2.7-25.6-7.5-37zm-13.8 68.1c-6.1 14.3-16.2 26.6-29 35.2-12.8 8.7-28.1 13.7-44.7 13.7-11.1 0-21.6-2.2-31.1-6.3-14.3-6.1-26.6-16.2-35.2-29C21.9 129 16.9 113.6 16.9 97c0-11.1 2.2-21.6 6.3-31.1 6.1-14.3 16.2-26.6 29-35.2C64.9 22 80.3 17 96.9 17c11.1 0 21.6 2.2 31.1 6.3 14.3 6.1 26.6 16.2 35.2 29 8.6 12.8 13.7 28.1 13.7 44.7 0 11.1-2.2 21.6-6.3 31.1z"}),
Q = i.a.createElement("path", {d: "M96.9 49.3L82.2 78.5l-32.3 5 23.2 23-5.3 32.2 29.1-15 29 15-5.2-32.2 23.2-23-32.3-5z"}),
ee = function (e) {
return i.a.createElement("svg", $({viewBox: "0 0 194 194", xmlns: "http://www.w3.org/2000/svg"}, e), Z, Q)
}, te = n(0), ne = n(1), ae = n(2);
var ie = {
check: {
iconFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(O, {style: {fill: e}})
}, circleFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(h, {style: {fill: e}})
}, outlineFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(k, {style: {fill: e}})
}, title: Object(te.__)("Check", ne.i18n), value: "check"
}, plus: {
iconFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(L, {style: {fill: e}})
}, circleFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(D, {style: {fill: e}})
}, outlineFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(G, {style: {fill: e}})
}, title: Object(te.__)("Plus", ne.i18n), value: "plus"
}, arrow: {
iconFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(u, {style: {fill: e}})
}, circleFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(l, {style: {fill: e}})
}, outlineFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(g, {style: {fill: e}})
}, title: Object(te.__)("Arrow", ne.i18n), value: "arrow"
}, cross: {
iconFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(T, {style: {fill: e}})
}, circleFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(E, {style: {fill: e}})
}, outlineFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(M, {style: {fill: e}})
}, title: Object(te.__)("Cross", ne.i18n), value: "cross"
}, star: {
iconFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(X, {style: {fill: e}})
}, circleFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(K, {style: {fill: e}})
}, outlineFunc: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
return wp.element.createElement(ee, {style: {fill: e}})
}, title: Object(te.__)("Star", ne.i18n), value: "star"
}
}, oe = function (e) {
return "circle" === e || "outline" === e ? "".concat(e, "Func") : "iconFunc"
}, re = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
return ie[e] ? ie[e][oe(t)]() : null
}, le = function (e, t, n) {
var a = oe(t);
if (!ie[e]) return "";
var i = Object(ae.sb)(ie[e][a](n), !1);
return btoa(i)
}, ce = n(4), se = n(9), ue = n(8), be = n.n(ue);
function pe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function me(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
n.d(t, "deprecatedIcon_2_9_1", function () {
return de
}), n.d(t, "deprecatedSchema_1_15_4", function () {
return fe
});
var ge, de = (ge = {}, ["check", "plus", "arrow", "cross", "star"].forEach(function (e) {
["", "circle", "outline"].forEach(function (t) {
ge["".concat(e, "-").concat(t || "default")] = Object(ae.sb)(re(e, t))
})
}), ge), fe = {
icon: {type: "string", default: "check"},
iconShape: {type: "string"},
iconColor: {type: "string"},
iconSize: {type: "number", default: 20},
columns: {type: "number", default: 1},
text: {source: "html", selector: "ul", multiline: "li", default: ""},
gap: {type: "number", default: 16},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, he = [{
attributes: fe, save: function (e) {
var t = e.className, n = e.attributes, a = n.icon, i = n.iconShape, o = n.iconColor, r = n.iconSize,
l = n.text, c = n.columns, s = n.gap, u = n.design, b = void 0 === u ? "" : u,
p = be()([t.split(" ").filter(function (e) {
return "ugb-icon-list" !== e
}), "ugb-icon-list-wrapper"], Object(ce.applyFilters)("stackable.icon-list.mainclasses_1_15_4", {}, b, e)),
m = be()(["ugb-icon-list", "ugb-icon--icon-".concat(a), "ugb-icon--columns-".concat(c)], Object(ce.applyFilters)("stackable.icon-list.ulclasses_1_15_4", {}, b, e)),
g = {
"--icon": "url('data:image/svg+xml;base64," + le(a, i, o) + "')",
"--icon-size": r ? "".concat(r, "px") : void 0,
"--gap": s ? "".concat(s, "px") : void 0
};
return wp.element.createElement("div", {className: p}, Object(ce.applyFilters)("stackable.icon-list.save.output.before_1_15_4", null, b, e), wp.element.createElement(se.RichText.Content, {
tagName: "ul",
className: m,
style: g,
value: l
}), Object(ce.applyFilters)("stackable.icon-list.save.output.after_1_15_4", null, b, e))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/.ugb-icon-list-wrapper .ugb-icon-list li/g, ".ugb-icon-list li").replace(/.ugb-icon-list-wrapper .ugb-icon-list/g, ".ugb-icon-list ul").replace(/.ugb-icon-list-wrapper/g, ".ugb-icon-list")
};
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? pe(n, !0).forEach(function (t) {
me(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
columns: e.columns ? e.columns : 1,
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled)
})
}
}, {
attributes: {
icon: {type: "string", default: "check"},
iconShape: {type: "string"},
iconColor: {type: "string"},
iconSize: {type: "number", default: 20},
columns: {type: "number", default: 1},
text: {source: "html", selector: "ul", multiline: "li"},
gap: {type: "number", default: 16}
}, save: function (e) {
var t = e.className, n = e.attributes, a = n.icon, i = n.iconShape, o = n.iconColor, r = n.iconSize,
l = n.text, c = n.columns, s = n.gap,
u = be()([t, "ugb-icon-list", "ugb-icon--icon-".concat(a), "ugb-icon--columns-".concat(c)]), b = {
"--icon": "url('data:image/svg+xml;base64," + le(a, i, o) + "')",
"--icon-size": r ? "".concat(r, "px") : void 0,
"--gap": s ? "".concat(s, "px") : void 0
};
return wp.element.createElement(se.RichText.Content, {tagName: "ul", className: u, style: b, value: l})
}
}];
t.default = he
}, , function (e, t) {
e.exports = wp.richText
}, , , function (e, t, n) {
"use strict";
n.d(t, "a", function () {
return i
}), n.d(t, "b", function () {
return s
});
var a = n(2), i = function (e) {
var t = o(e);
if (t) {
var n = r(t);
l(n), c(t)
}
if (!t) {
[".ugb-tab--style", ".ugb-tab--layout", ".ugb-tab--section", ".ugb-tag--advanced"].some(function (n) {
var a = document.querySelector(n);
return l(a), (t = o(e)) && c(t), !!t
})
}
return t
}, o = function (e) {
return document.querySelector(".ugb-panel--".concat(e))
}, r = function (e) {
var t = e.closest(".ugb-inspector-panel-controls");
if (!t) return null;
var n = t.getAttribute("class").match(/ugb-panel-(\w+)/);
if (n) {
var a = n[1];
return document.querySelector(".ugb-tab--".concat(a))
}
return null
}, l = function (e) {
e && (e.classList.contains("is-active") || e.click())
}, c = function (e) {
if (e) {
if (!e.classList.contains("is-opened")) {
var t = e.querySelector("button");
t && t.click()
}
s(e)
}
}, s = function (e) {
var t = document.querySelector(".ugb-panel-tabs"), n = document.querySelector(".edit-post-sidebar"),
i = e.getBoundingClientRect().top + 2;
if (i -= t ? t.getBoundingClientRect().height : 0, i -= n.getBoundingClientRect().top, !Object(a.rb)()) {
var o = document.querySelector(".edit-post-sidebar-header");
i -= o ? o.getBoundingClientRect().height - 1 : 0
}
document.querySelector(".edit-post-sidebar").scrollTop += i
}
}, , , , , , function (e, t) {
e.exports = wp.codeEditor
}, function (e, t) {
e.exports = "dist/videos/help/alignment-image.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-image.mp4"
}, , , , , , , function (e, t, n) {
"use strict";
n.r(t);
var a = n(12), i = n(37), o = Object(a.createHigherOrderComponent)(function (e) {
return function (t) {
var n = t.attributes, a = n.icon, o = n.iconShape;
return (a && !a.match(/^</) || o) && (t.attributes.icon = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
n = i.deprecatedIcon_2_9_1["".concat(e, "-").concat(t || "default")] || i.deprecatedIcon_2_9_1["check-".concat(t || "default")];
return n || e
}(a, o), t.attributes.iconShape = void 0), wp.element.createElement(e, t)
}
}, "withTransformOldIconAttributes");
t.default = o
}, , function (e, t, n) {
"use strict";
n.r(t);
var a = n(57);
n.d(t, "withTransformOldIconAttributes", function () {
return a.default
})
}, , , function (e, t) {
e.exports = "dist/videos/help/typography-family.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/alignment-title.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-title.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-margins.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-column-paddings.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/accordion-border-size.mp4"
}, function (e, t) {
e.exports = wp.date
}, function (e, t) {
e.exports = "dist/images/block-team-member-overlay.156c4db.png"
}, , , , , , , , , , , , , , , , function (e, t) {
e.exports = "dist/images/higher-order-with-design-layout-selector-basic.a9cc4da.png"
}, function (e, t) {
e.exports = "dist/images/components-image-shape-control-default.f59a6f2.png"
}, function (e, t) {
e.exports = "dist/images/components-image-shape-control-square.54ea536.png"
}, function (e, t) {
e.exports = "dist/images/components-image-shape-control-circle.9bd9f74.png"
}, function (e, t) {
e.exports = "dist/images/components-image-shape-control-blob1.8e07b2a.png"
}, , function (e) {
e.exports = JSON.parse('[{"family":"ABeeZee","variants":["regular","italic"],"subsets":["latin"]},{"family":"Abel","variants":["regular"],"subsets":["latin"]},{"family":"Abhaya Libre","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext","sinhala"]},{"family":"Abril Fatface","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Aclonica","variants":["regular"],"subsets":["latin"]},{"family":"Acme","variants":["regular"],"subsets":["latin"]},{"family":"Actor","variants":["regular"],"subsets":["latin"]},{"family":"Adamina","variants":["regular"],"subsets":["latin"]},{"family":"Advent Pro","variants":["100","200","300","regular","500","600","700"],"subsets":["greek","latin","latin-ext"]},{"family":"Aguafina Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Akronim","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Aladin","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Alata","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Alatsi","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Aldrich","variants":["regular"],"subsets":["latin"]},{"family":"Alef","variants":["regular","700"],"subsets":["hebrew","latin"]},{"family":"Alegreya","variants":["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Alegreya SC","variants":["regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Alegreya Sans","variants":["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Alegreya Sans SC","variants":["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Aleo","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Alex Brush","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Alfa Slab One","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Alice","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin"]},{"family":"Alike","variants":["regular"],"subsets":["latin"]},{"family":"Alike Angular","variants":["regular"],"subsets":["latin"]},{"family":"Allan","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Allerta","variants":["regular"],"subsets":["latin"]},{"family":"Allerta Stencil","variants":["regular"],"subsets":["latin"]},{"family":"Allura","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Almarai","variants":["300","regular","700","800"],"subsets":["arabic"]},{"family":"Almendra","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Almendra Display","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Almendra SC","variants":["regular"],"subsets":["latin"]},{"family":"Amarante","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Amaranth","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Amatic SC","variants":["regular","700"],"subsets":["cyrillic","hebrew","latin","latin-ext","vietnamese"]},{"family":"Amethysta","variants":["regular"],"subsets":["latin"]},{"family":"Amiko","variants":["regular","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Amiri","variants":["regular","italic","700","700italic"],"subsets":["arabic","latin","latin-ext"]},{"family":"Amita","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Anaheim","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Andada","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Andika","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Andika New Basic","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Angkor","variants":["regular"],"subsets":["khmer"]},{"family":"Annie Use Your Telescope","variants":["regular"],"subsets":["latin"]},{"family":"Anonymous Pro","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","greek","latin","latin-ext"]},{"family":"Antic","variants":["regular"],"subsets":["latin"]},{"family":"Antic Didone","variants":["regular"],"subsets":["latin"]},{"family":"Antic Slab","variants":["regular"],"subsets":["latin"]},{"family":"Anton","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Arapey","variants":["regular","italic"],"subsets":["latin"]},{"family":"Arbutus","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Arbutus Slab","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Architects Daughter","variants":["regular"],"subsets":["latin"]},{"family":"Archivo","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Archivo Black","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Archivo Narrow","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Aref Ruqaa","variants":["regular","700"],"subsets":["arabic","latin","latin-ext"]},{"family":"Arima Madurai","variants":["100","200","300","regular","500","700","800","900"],"subsets":["latin","latin-ext","tamil","vietnamese"]},{"family":"Arimo","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","hebrew","latin","latin-ext","vietnamese"]},{"family":"Arizonia","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Armata","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Arsenal","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Artifika","variants":["regular"],"subsets":["latin"]},{"family":"Arvo","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Arya","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Asap","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Asap Condensed","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Asar","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Asset","variants":["regular"],"subsets":["latin"]},{"family":"Assistant","variants":["200","300","regular","500","600","700","800"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Astloch","variants":["regular","700"],"subsets":["latin"]},{"family":"Asul","variants":["regular","700"],"subsets":["latin"]},{"family":"Athiti","variants":["200","300","regular","500","600","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Atma","variants":["300","regular","500","600","700"],"subsets":["bengali","latin","latin-ext"]},{"family":"Atomic Age","variants":["regular"],"subsets":["latin"]},{"family":"Aubrey","variants":["regular"],"subsets":["latin"]},{"family":"Audiowide","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Autour One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Average","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Average Sans","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Averia Gruesa Libre","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Averia Libre","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Averia Sans Libre","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Averia Serif Libre","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin"]},{"family":"B612","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"B612 Mono","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Bad Script","variants":["regular"],"subsets":["cyrillic","latin"]},{"family":"Bahiana","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bahianita","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bai Jamjuree","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Baloo 2","variants":["regular","500","600","700","800"],"subsets":["devanagari","latin","latin-ext","vietnamese"]},{"family":"Baloo Bhai 2","variants":["regular","500","600","700","800"],"subsets":["gujarati","latin","latin-ext","vietnamese"]},{"family":"Baloo Bhaina 2","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext","oriya","vietnamese"]},{"family":"Baloo Chettan 2","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext","malayalam","vietnamese"]},{"family":"Baloo Da 2","variants":["regular","500","600","700","800"],"subsets":["bengali","latin","latin-ext","vietnamese"]},{"family":"Baloo Paaji 2","variants":["regular","500","600","700","800"],"subsets":["gurmukhi","latin","latin-ext","vietnamese"]},{"family":"Baloo Tamma 2","variants":["regular","500","600","700","800"],"subsets":["kannada","latin","latin-ext","vietnamese"]},{"family":"Baloo Tammudu 2","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext","telugu","vietnamese"]},{"family":"Baloo Thambi 2","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext","tamil","vietnamese"]},{"family":"Balsamiq Sans","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Balthazar","variants":["regular"],"subsets":["latin"]},{"family":"Bangers","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Barlow","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Barlow Condensed","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Barlow Semi Condensed","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Barriecito","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Barrio","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Basic","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Baskervville","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Battambang","variants":["regular","700"],"subsets":["khmer"]},{"family":"Baumans","variants":["regular"],"subsets":["latin"]},{"family":"Bayon","variants":["regular"],"subsets":["khmer"]},{"family":"Be Vietnam","variants":["100","100italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bebas Neue","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Belgrano","variants":["regular"],"subsets":["latin"]},{"family":"Bellefair","variants":["regular"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Belleza","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bellota","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Bellota Text","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"BenchNine","variants":["300","regular","700"],"subsets":["latin","latin-ext"]},{"family":"Bentham","variants":["regular"],"subsets":["latin"]},{"family":"Berkshire Swash","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Beth Ellen","variants":["regular"],"subsets":["latin"]},{"family":"Bevan","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Display","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Inline Display","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Inline Text","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Stencil Display","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Stencil Text","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Big Shoulders Text","variants":["100","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bigelow Rules","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bigshot One","variants":["regular"],"subsets":["latin"]},{"family":"Bilbo","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bilbo Swash Caps","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"BioRhyme","variants":["200","300","regular","700","800"],"subsets":["latin","latin-ext"]},{"family":"BioRhyme Expanded","variants":["200","300","regular","700","800"],"subsets":["latin","latin-ext"]},{"family":"Biryani","variants":["200","300","regular","600","700","800","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Bitter","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Black And White Picture","variants":["regular"],"subsets":["korean","latin"]},{"family":"Black Han Sans","variants":["regular"],"subsets":["korean","latin"]},{"family":"Black Ops One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Blinker","variants":["100","200","300","regular","600","700","800","900"],"subsets":["latin","latin-ext"]},{"family":"Bokor","variants":["regular"],"subsets":["khmer"]},{"family":"Bonbon","variants":["regular"],"subsets":["latin"]},{"family":"Boogaloo","variants":["regular"],"subsets":["latin"]},{"family":"Bowlby One","variants":["regular"],"subsets":["latin"]},{"family":"Bowlby One SC","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Brawler","variants":["regular"],"subsets":["latin"]},{"family":"Bree Serif","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bubblegum Sans","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Bubbler One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Buda","variants":["300"],"subsets":["latin"]},{"family":"Buenard","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Bungee","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bungee Hairline","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bungee Inline","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bungee Outline","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Bungee Shade","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Butcherman","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Butterfly Kids","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Cabin","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Cabin Condensed","variants":["regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Cabin Sketch","variants":["regular","700"],"subsets":["latin"]},{"family":"Caesar Dressing","variants":["regular"],"subsets":["latin"]},{"family":"Cagliostro","variants":["regular"],"subsets":["latin"]},{"family":"Cairo","variants":["200","300","regular","600","700","900"],"subsets":["arabic","latin","latin-ext"]},{"family":"Caladea","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Calistoga","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Calligraffitti","variants":["regular"],"subsets":["latin"]},{"family":"Cambay","variants":["regular","italic","700","700italic"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Cambo","variants":["regular"],"subsets":["latin"]},{"family":"Candal","variants":["regular"],"subsets":["latin"]},{"family":"Cantarell","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Cantata One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Cantora One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Capriola","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Cardo","variants":["regular","italic","700"],"subsets":["greek","greek-ext","latin","latin-ext"]},{"family":"Carme","variants":["regular"],"subsets":["latin"]},{"family":"Carrois Gothic","variants":["regular"],"subsets":["latin"]},{"family":"Carrois Gothic SC","variants":["regular"],"subsets":["latin"]},{"family":"Carter One","variants":["regular"],"subsets":["latin"]},{"family":"Castoro","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Catamaran","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","tamil"]},{"family":"Caudex","variants":["regular","italic","700","700italic"],"subsets":["greek","greek-ext","latin","latin-ext"]},{"family":"Caveat","variants":["regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Caveat Brush","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Cedarville Cursive","variants":["regular"],"subsets":["latin"]},{"family":"Ceviche One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Chakra Petch","variants":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Changa","variants":["200","300","regular","500","600","700","800"],"subsets":["arabic","latin","latin-ext"]},{"family":"Changa One","variants":["regular","italic"],"subsets":["latin"]},{"family":"Chango","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Charm","variants":["regular","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Charmonman","variants":["regular","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Chathura","variants":["100","300","regular","700","800"],"subsets":["latin","telugu"]},{"family":"Chau Philomene One","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Chela One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Chelsea Market","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Chenla","variants":["regular"],"subsets":["khmer"]},{"family":"Cherry Cream Soda","variants":["regular"],"subsets":["latin"]},{"family":"Cherry Swash","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Chewy","variants":["regular"],"subsets":["latin"]},{"family":"Chicle","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Chilanka","variants":["regular"],"subsets":["latin","malayalam"]},{"family":"Chivo","variants":["300","300italic","regular","italic","700","700italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Chonburi","variants":["regular"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Cinzel","variants":["regular","500","600","700","800","900"],"subsets":["latin","latin-ext"]},{"family":"Cinzel Decorative","variants":["regular","700","900"],"subsets":["latin"]},{"family":"Clicker Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Coda","variants":["regular","800"],"subsets":["latin","latin-ext"]},{"family":"Coda Caption","variants":["800"],"subsets":["latin","latin-ext"]},{"family":"Codystar","variants":["300","regular"],"subsets":["latin","latin-ext"]},{"family":"Coiny","variants":["regular"],"subsets":["latin","latin-ext","tamil","vietnamese"]},{"family":"Combo","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Comfortaa","variants":["300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Comic Neue","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Coming Soon","variants":["regular"],"subsets":["latin"]},{"family":"Commissioner","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Concert One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Condiment","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Content","variants":["regular","700"],"subsets":["khmer"]},{"family":"Contrail One","variants":["regular"],"subsets":["latin"]},{"family":"Convergence","variants":["regular"],"subsets":["latin"]},{"family":"Cookie","variants":["regular"],"subsets":["latin"]},{"family":"Copse","variants":["regular"],"subsets":["latin"]},{"family":"Corben","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Cormorant","variants":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cormorant Garamond","variants":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cormorant Infant","variants":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cormorant SC","variants":["300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cormorant Unicase","variants":["300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cormorant Upright","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Courgette","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Courier Prime","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Cousine","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","hebrew","latin","latin-ext","vietnamese"]},{"family":"Coustard","variants":["regular","900"],"subsets":["latin"]},{"family":"Covered By Your Grace","variants":["regular"],"subsets":["latin"]},{"family":"Crafty Girls","variants":["regular"],"subsets":["latin"]},{"family":"Creepster","variants":["regular"],"subsets":["latin"]},{"family":"Crete Round","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Crimson Pro","variants":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Crimson Text","variants":["regular","italic","600","600italic","700","700italic"],"subsets":["latin"]},{"family":"Croissant One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Crushed","variants":["regular"],"subsets":["latin"]},{"family":"Cuprum","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Cute Font","variants":["regular"],"subsets":["korean","latin"]},{"family":"Cutive","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Cutive Mono","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"DM Mono","variants":["300","300italic","regular","italic","500","500italic"],"subsets":["latin","latin-ext"]},{"family":"DM Sans","variants":["regular","italic","500","500italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"DM Serif Display","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"DM Serif Text","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Damion","variants":["regular"],"subsets":["latin"]},{"family":"Dancing Script","variants":["regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Dangrek","variants":["regular"],"subsets":["khmer"]},{"family":"Darker Grotesque","variants":["300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"David Libre","variants":["regular","500","700"],"subsets":["hebrew","latin","latin-ext","vietnamese"]},{"family":"Dawning of a New Day","variants":["regular"],"subsets":["latin"]},{"family":"Days One","variants":["regular"],"subsets":["latin"]},{"family":"Dekko","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Delius","variants":["regular"],"subsets":["latin"]},{"family":"Delius Swash Caps","variants":["regular"],"subsets":["latin"]},{"family":"Delius Unicase","variants":["regular","700"],"subsets":["latin"]},{"family":"Della Respira","variants":["regular"],"subsets":["latin"]},{"family":"Denk One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Devonshire","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Dhurjati","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Didact Gothic","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Diplomata","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Diplomata SC","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Do Hyeon","variants":["regular"],"subsets":["korean","latin"]},{"family":"Dokdo","variants":["regular"],"subsets":["korean","latin"]},{"family":"Domine","variants":["regular","500","600","700"],"subsets":["latin","latin-ext"]},{"family":"Donegal One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Doppio One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Dorsa","variants":["regular"],"subsets":["latin"]},{"family":"Dosis","variants":["200","300","regular","500","600","700","800"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Dr Sugiyama","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Duru Sans","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Dynalight","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"EB Garamond","variants":["regular","500","600","700","800","italic","500italic","600italic","700italic","800italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Eagle Lake","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"East Sea Dokdo","variants":["regular"],"subsets":["korean","latin"]},{"family":"Eater","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Economica","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Eczar","variants":["regular","500","600","700","800"],"subsets":["devanagari","latin","latin-ext"]},{"family":"El Messiri","variants":["regular","500","600","700"],"subsets":["arabic","cyrillic","latin"]},{"family":"Electrolize","variants":["regular"],"subsets":["latin"]},{"family":"Elsie","variants":["regular","900"],"subsets":["latin","latin-ext"]},{"family":"Elsie Swash Caps","variants":["regular","900"],"subsets":["latin","latin-ext"]},{"family":"Emblema One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Emilys Candy","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Encode Sans","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Encode Sans Condensed","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Encode Sans Expanded","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Encode Sans Semi Condensed","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Encode Sans Semi Expanded","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Engagement","variants":["regular"],"subsets":["latin"]},{"family":"Englebert","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Enriqueta","variants":["regular","500","600","700"],"subsets":["latin","latin-ext"]},{"family":"Epilogue","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Erica One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Esteban","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Euphoria Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ewert","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Exo","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Exo 2","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Expletus Sans","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin"]},{"family":"Fahkwang","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Fanwood Text","variants":["regular","italic"],"subsets":["latin"]},{"family":"Farro","variants":["300","regular","500","700"],"subsets":["latin","latin-ext"]},{"family":"Farsan","variants":["regular"],"subsets":["gujarati","latin","latin-ext","vietnamese"]},{"family":"Fascinate","variants":["regular"],"subsets":["latin"]},{"family":"Fascinate Inline","variants":["regular"],"subsets":["latin"]},{"family":"Faster One","variants":["regular"],"subsets":["latin"]},{"family":"Fasthand","variants":["regular"],"subsets":["khmer"]},{"family":"Fauna One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Faustina","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Federant","variants":["regular"],"subsets":["latin"]},{"family":"Federo","variants":["regular"],"subsets":["latin"]},{"family":"Felipa","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fenix","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Finger Paint","variants":["regular"],"subsets":["latin"]},{"family":"Fira Code","variants":["300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Fira Mono","variants":["regular","500","700"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Fira Sans","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Fira Sans Condensed","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Fira Sans Extra Condensed","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Fjalla One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fjord One","variants":["regular"],"subsets":["latin"]},{"family":"Flamenco","variants":["300","regular"],"subsets":["latin"]},{"family":"Flavors","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fondamento","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Fontdiner Swanky","variants":["regular"],"subsets":["latin"]},{"family":"Forum","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Francois One","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Frank Ruhl Libre","variants":["300","regular","500","700","900"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Freckle Face","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fredericka the Great","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fredoka One","variants":["regular"],"subsets":["latin"]},{"family":"Freehand","variants":["regular"],"subsets":["khmer"]},{"family":"Fresca","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Frijole","variants":["regular"],"subsets":["latin"]},{"family":"Fruktur","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Fugaz One","variants":["regular"],"subsets":["latin"]},{"family":"GFS Didot","variants":["regular"],"subsets":["greek"]},{"family":"GFS Neohellenic","variants":["regular","italic","700","700italic"],"subsets":["greek"]},{"family":"Gabriela","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin"]},{"family":"Gaegu","variants":["300","regular","700"],"subsets":["korean","latin"]},{"family":"Gafata","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Galada","variants":["regular"],"subsets":["bengali","latin"]},{"family":"Galdeano","variants":["regular"],"subsets":["latin"]},{"family":"Galindo","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Gamja Flower","variants":["regular"],"subsets":["korean","latin"]},{"family":"Gayathri","variants":["100","regular","700"],"subsets":["latin","malayalam"]},{"family":"Gelasio","variants":["regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Gentium Basic","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Gentium Book Basic","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Geo","variants":["regular","italic"],"subsets":["latin"]},{"family":"Geostar","variants":["regular"],"subsets":["latin"]},{"family":"Geostar Fill","variants":["regular"],"subsets":["latin"]},{"family":"Germania One","variants":["regular"],"subsets":["latin"]},{"family":"Gidugu","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Gilda Display","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Girassol","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Give You Glory","variants":["regular"],"subsets":["latin"]},{"family":"Glass Antiqua","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Glegoo","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Gloria Hallelujah","variants":["regular"],"subsets":["latin"]},{"family":"Goblin One","variants":["regular"],"subsets":["latin"]},{"family":"Gochi Hand","variants":["regular"],"subsets":["latin"]},{"family":"Goldman","variants":["regular","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Gorditas","variants":["regular","700"],"subsets":["latin"]},{"family":"Gothic A1","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["korean","latin"]},{"family":"Gotu","variants":["regular"],"subsets":["devanagari","latin","latin-ext","vietnamese"]},{"family":"Goudy Bookletter 1911","variants":["regular"],"subsets":["latin"]},{"family":"Graduate","variants":["regular"],"subsets":["latin"]},{"family":"Grand Hotel","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Grandstander","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Gravitas One","variants":["regular"],"subsets":["latin"]},{"family":"Great Vibes","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Grenze","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Grenze Gotisch","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Griffy","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Gruppo","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Gudea","variants":["regular","italic","700"],"subsets":["latin","latin-ext"]},{"family":"Gugi","variants":["regular"],"subsets":["korean","latin"]},{"family":"Gupter","variants":["regular","500","700"],"subsets":["latin"]},{"family":"Gurajada","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Habibi","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Halant","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Hammersmith One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Hanalei","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Hanalei Fill","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Handlee","variants":["regular"],"subsets":["latin"]},{"family":"Hanuman","variants":["regular","700"],"subsets":["khmer"]},{"family":"Happy Monkey","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Harmattan","variants":["regular","700"],"subsets":["arabic","latin","latin-ext"]},{"family":"Headland One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Heebo","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["hebrew","latin"]},{"family":"Henny Penny","variants":["regular"],"subsets":["latin"]},{"family":"Hepta Slab","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Herr Von Muellerhoff","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Hi Melody","variants":["regular"],"subsets":["korean","latin"]},{"family":"Hind","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Hind Guntur","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","telugu"]},{"family":"Hind Madurai","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","tamil"]},{"family":"Hind Siliguri","variants":["300","regular","500","600","700"],"subsets":["bengali","latin","latin-ext"]},{"family":"Hind Vadodara","variants":["300","regular","500","600","700"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Holtwood One SC","variants":["regular"],"subsets":["latin"]},{"family":"Homemade Apple","variants":["regular"],"subsets":["latin"]},{"family":"Homenaje","variants":["regular"],"subsets":["latin"]},{"family":"IBM Plex Mono","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"IBM Plex Sans","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"IBM Plex Sans Condensed","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"IBM Plex Serif","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"IM Fell DW Pica","variants":["regular","italic"],"subsets":["latin"]},{"family":"IM Fell DW Pica SC","variants":["regular"],"subsets":["latin"]},{"family":"IM Fell Double Pica","variants":["regular","italic"],"subsets":["latin"]},{"family":"IM Fell Double Pica SC","variants":["regular"],"subsets":["latin"]},{"family":"IM Fell English","variants":["regular","italic"],"subsets":["latin"]},{"family":"IM Fell English SC","variants":["regular"],"subsets":["latin"]},{"family":"IM Fell French Canon","variants":["regular","italic"],"subsets":["latin"]},{"family":"IM Fell French Canon SC","variants":["regular"],"subsets":["latin"]},{"family":"IM Fell Great Primer","variants":["regular","italic"],"subsets":["latin"]},{"family":"IM Fell Great Primer SC","variants":["regular"],"subsets":["latin"]},{"family":"Ibarra Real Nova","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext"]},{"family":"Iceberg","variants":["regular"],"subsets":["latin"]},{"family":"Iceland","variants":["regular"],"subsets":["latin"]},{"family":"Imprima","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Inconsolata","variants":["200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Inder","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Indie Flower","variants":["regular"],"subsets":["latin"]},{"family":"Inika","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Inknut Antiqua","variants":["300","regular","500","600","700","800","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Inria Sans","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Inria Serif","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Inter","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Irish Grover","variants":["regular"],"subsets":["latin"]},{"family":"Istok Web","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Italiana","variants":["regular"],"subsets":["latin"]},{"family":"Italianno","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Itim","variants":["regular"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Jacques Francois","variants":["regular"],"subsets":["latin"]},{"family":"Jacques Francois Shadow","variants":["regular"],"subsets":["latin"]},{"family":"Jaldi","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"JetBrains Mono","variants":["100","200","300","regular","500","600","700","800","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Jim Nightshade","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Jockey One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Jolly Lodger","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Jomhuria","variants":["regular"],"subsets":["arabic","latin","latin-ext"]},{"family":"Jomolhari","variants":["regular"],"subsets":["latin","tibetan"]},{"family":"Josefin Sans","variants":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Josefin Slab","variants":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"subsets":["latin"]},{"family":"Jost","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Joti One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Jua","variants":["regular"],"subsets":["korean","latin"]},{"family":"Judson","variants":["regular","italic","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Julee","variants":["regular"],"subsets":["latin"]},{"family":"Julius Sans One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Junge","variants":["regular"],"subsets":["latin"]},{"family":"Jura","variants":["300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Just Another Hand","variants":["regular"],"subsets":["latin"]},{"family":"Just Me Again Down Here","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"K2D","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Kadwa","variants":["regular","700"],"subsets":["devanagari","latin"]},{"family":"Kalam","variants":["300","regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Kameron","variants":["regular","700"],"subsets":["latin"]},{"family":"Kanit","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Kantumruy","variants":["300","regular","700"],"subsets":["khmer"]},{"family":"Karla","variants":["200","300","regular","500","600","700","800","200italic","300italic","italic","500italic","600italic","700italic","800italic"],"subsets":["latin","latin-ext"]},{"family":"Karma","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Katibeh","variants":["regular"],"subsets":["arabic","latin","latin-ext"]},{"family":"Kaushan Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Kavivanar","variants":["regular"],"subsets":["latin","latin-ext","tamil"]},{"family":"Kavoon","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Kdam Thmor","variants":["regular"],"subsets":["khmer"]},{"family":"Keania One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Kelly Slab","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Kenia","variants":["regular"],"subsets":["latin"]},{"family":"Khand","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Khmer","variants":["regular"],"subsets":["khmer"]},{"family":"Khula","variants":["300","regular","600","700","800"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Kirang Haerang","variants":["regular"],"subsets":["korean","latin"]},{"family":"Kite One","variants":["regular"],"subsets":["latin"]},{"family":"Knewave","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"KoHo","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Kodchasan","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Kosugi","variants":["regular"],"subsets":["cyrillic","japanese","latin"]},{"family":"Kosugi Maru","variants":["regular"],"subsets":["cyrillic","japanese","latin"]},{"family":"Kotta One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Koulen","variants":["regular"],"subsets":["khmer"]},{"family":"Kranky","variants":["regular"],"subsets":["latin"]},{"family":"Kreon","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext"]},{"family":"Kristi","variants":["regular"],"subsets":["latin"]},{"family":"Krona One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Krub","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Kufam","variants":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["arabic","latin","latin-ext","vietnamese"]},{"family":"Kulim Park","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Kumar One","variants":["regular"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Kumar One Outline","variants":["regular"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Kumbh Sans","variants":["300","regular","700"],"subsets":["latin","latin-ext"]},{"family":"Kurale","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","devanagari","latin","latin-ext"]},{"family":"La Belle Aurore","variants":["regular"],"subsets":["latin"]},{"family":"Lacquer","variants":["regular"],"subsets":["latin"]},{"family":"Laila","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Lakki Reddy","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Lalezar","variants":["regular"],"subsets":["arabic","latin","latin-ext","vietnamese"]},{"family":"Lancelot","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Langar","variants":["regular"],"subsets":["gurmukhi","latin","latin-ext"]},{"family":"Lateef","variants":["regular"],"subsets":["arabic","latin"]},{"family":"Lato","variants":["100","100italic","300","300italic","regular","italic","700","700italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"League Script","variants":["regular"],"subsets":["latin"]},{"family":"Leckerli One","variants":["regular"],"subsets":["latin"]},{"family":"Ledger","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Lekton","variants":["regular","italic","700"],"subsets":["latin","latin-ext"]},{"family":"Lemon","variants":["regular"],"subsets":["latin"]},{"family":"Lemonada","variants":["300","regular","500","600","700"],"subsets":["arabic","latin","latin-ext","vietnamese"]},{"family":"Lexend Deca","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Exa","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Giga","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Mega","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Peta","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Tera","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lexend Zetta","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Libre Barcode 128","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode 128 Text","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode 39","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode 39 Extended","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode 39 Extended Text","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode 39 Text","variants":["regular"],"subsets":["latin"]},{"family":"Libre Barcode EAN13 Text","variants":["regular"],"subsets":["latin"]},{"family":"Libre Baskerville","variants":["regular","italic","700"],"subsets":["latin","latin-ext"]},{"family":"Libre Caslon Display","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Libre Caslon Text","variants":["regular","italic","700"],"subsets":["latin","latin-ext"]},{"family":"Libre Franklin","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Life Savers","variants":["regular","700","800"],"subsets":["latin","latin-ext"]},{"family":"Lilita One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Lily Script One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Limelight","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Linden Hill","variants":["regular","italic"],"subsets":["latin"]},{"family":"Literata","variants":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Liu Jian Mao Cao","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"Livvic","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Lobster","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Lobster Two","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Londrina Outline","variants":["regular"],"subsets":["latin"]},{"family":"Londrina Shadow","variants":["regular"],"subsets":["latin"]},{"family":"Londrina Sketch","variants":["regular"],"subsets":["latin"]},{"family":"Londrina Solid","variants":["100","300","regular","900"],"subsets":["latin"]},{"family":"Long Cang","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"Lora","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Love Ya Like A Sister","variants":["regular"],"subsets":["latin"]},{"family":"Loved by the King","variants":["regular"],"subsets":["latin"]},{"family":"Lovers Quarrel","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Luckiest Guy","variants":["regular"],"subsets":["latin"]},{"family":"Lusitana","variants":["regular","700"],"subsets":["latin"]},{"family":"Lustria","variants":["regular"],"subsets":["latin"]},{"family":"M PLUS 1p","variants":["100","300","regular","500","700","800","900"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","hebrew","japanese","latin","latin-ext","vietnamese"]},{"family":"M PLUS Rounded 1c","variants":["100","300","regular","500","700","800","900"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","hebrew","japanese","latin","latin-ext","vietnamese"]},{"family":"Ma Shan Zheng","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"Macondo","variants":["regular"],"subsets":["latin"]},{"family":"Macondo Swash Caps","variants":["regular"],"subsets":["latin"]},{"family":"Mada","variants":["200","300","regular","500","600","700","900"],"subsets":["arabic","latin"]},{"family":"Magra","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Maiden Orange","variants":["regular"],"subsets":["latin"]},{"family":"Maitree","variants":["200","300","regular","500","600","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Major Mono Display","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Mako","variants":["regular"],"subsets":["latin"]},{"family":"Mali","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Mallanna","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Mandali","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Manjari","variants":["100","regular","700"],"subsets":["latin","malayalam"]},{"family":"Manrope","variants":["200","300","regular","500","600","700","800"],"subsets":["cyrillic","greek","latin","latin-ext"]},{"family":"Mansalva","variants":["regular"],"subsets":["latin"]},{"family":"Manuale","variants":["regular","500","600","700","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Marcellus","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Marcellus SC","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Marck Script","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Margarine","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Markazi Text","variants":["regular","500","600","700"],"subsets":["arabic","latin","latin-ext","vietnamese"]},{"family":"Marko One","variants":["regular"],"subsets":["latin"]},{"family":"Marmelad","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Martel","variants":["200","300","regular","600","700","800","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Martel Sans","variants":["200","300","regular","600","700","800","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Marvel","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Mate","variants":["regular","italic"],"subsets":["latin"]},{"family":"Mate SC","variants":["regular"],"subsets":["latin"]},{"family":"Maven Pro","variants":["regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"McLaren","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Meddon","variants":["regular"],"subsets":["latin"]},{"family":"MedievalSharp","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Medula One","variants":["regular"],"subsets":["latin"]},{"family":"Meera Inimai","variants":["regular"],"subsets":["latin","tamil"]},{"family":"Megrim","variants":["regular"],"subsets":["latin"]},{"family":"Meie Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Merienda","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Merienda One","variants":["regular"],"subsets":["latin"]},{"family":"Merriweather","variants":["300","300italic","regular","italic","700","700italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Merriweather Sans","variants":["300","regular","500","600","700","800","300italic","italic","500italic","600italic","700italic","800italic"],"subsets":["cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Metal","variants":["regular"],"subsets":["khmer"]},{"family":"Metal Mania","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Metamorphous","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Metrophobic","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Michroma","variants":["regular"],"subsets":["latin"]},{"family":"Milonga","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Miltonian","variants":["regular"],"subsets":["latin"]},{"family":"Miltonian Tattoo","variants":["regular"],"subsets":["latin"]},{"family":"Mina","variants":["regular","700"],"subsets":["bengali","latin","latin-ext"]},{"family":"Miniver","variants":["regular"],"subsets":["latin"]},{"family":"Miriam Libre","variants":["regular","700"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Mirza","variants":["regular","500","600","700"],"subsets":["arabic","latin","latin-ext"]},{"family":"Miss Fajardose","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mitr","variants":["200","300","regular","500","600","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Modak","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Modern Antiqua","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mogra","variants":["regular"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Molengo","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Molle","variants":["italic"],"subsets":["latin","latin-ext"]},{"family":"Monda","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Monofett","variants":["regular"],"subsets":["latin"]},{"family":"Monoton","variants":["regular"],"subsets":["latin"]},{"family":"Monsieur La Doulaise","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Montaga","variants":["regular"],"subsets":["latin"]},{"family":"Montez","variants":["regular"],"subsets":["latin"]},{"family":"Montserrat","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Montserrat Alternates","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Montserrat Subrayada","variants":["regular","700"],"subsets":["latin"]},{"family":"Moul","variants":["regular"],"subsets":["khmer"]},{"family":"Moulpali","variants":["regular"],"subsets":["khmer"]},{"family":"Mountains of Christmas","variants":["regular","700"],"subsets":["latin"]},{"family":"Mouse Memoirs","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mr Bedfort","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mr Dafoe","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mr De Haviland","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mrs Saint Delafield","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mrs Sheppards","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Mukta","variants":["200","300","regular","500","600","700","800"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Mukta Mahee","variants":["200","300","regular","500","600","700","800"],"subsets":["gurmukhi","latin","latin-ext"]},{"family":"Mukta Malar","variants":["200","300","regular","500","600","700","800"],"subsets":["latin","latin-ext","tamil"]},{"family":"Mukta Vaani","variants":["200","300","regular","500","600","700","800"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Mulish","variants":["200","300","regular","500","600","700","800","900","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"MuseoModerno","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Mystery Quest","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"NTR","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Nanum Brush Script","variants":["regular"],"subsets":["korean","latin"]},{"family":"Nanum Gothic","variants":["regular","700","800"],"subsets":["korean","latin"]},{"family":"Nanum Gothic Coding","variants":["regular","700"],"subsets":["korean","latin"]},{"family":"Nanum Myeongjo","variants":["regular","700","800"],"subsets":["korean","latin"]},{"family":"Nanum Pen Script","variants":["regular"],"subsets":["korean","latin"]},{"family":"Nerko One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Neucha","variants":["regular"],"subsets":["cyrillic","latin"]},{"family":"Neuton","variants":["200","300","regular","italic","700","800"],"subsets":["latin","latin-ext"]},{"family":"New Rocker","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"News Cycle","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Niconne","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Niramit","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Nixie One","variants":["regular"],"subsets":["latin"]},{"family":"Nobile","variants":["regular","italic","500","500italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Nokora","variants":["regular","700"],"subsets":["khmer"]},{"family":"Norican","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Nosifer","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Notable","variants":["regular"],"subsets":["latin"]},{"family":"Nothing You Could Do","variants":["regular"],"subsets":["latin"]},{"family":"Noticia Text","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Noto Sans","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","devanagari","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Noto Sans HK","variants":["100","300","regular","500","700","900"],"subsets":["chinese-hongkong","latin"]},{"family":"Noto Sans JP","variants":["100","300","regular","500","700","900"],"subsets":["japanese","latin"]},{"family":"Noto Sans KR","variants":["100","300","regular","500","700","900"],"subsets":["korean","latin"]},{"family":"Noto Sans SC","variants":["100","300","regular","500","700","900"],"subsets":["chinese-simplified","latin"]},{"family":"Noto Sans TC","variants":["100","300","regular","500","700","900"],"subsets":["chinese-traditional","latin"]},{"family":"Noto Serif","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Noto Serif JP","variants":["200","300","regular","500","600","700","900"],"subsets":["japanese","latin"]},{"family":"Noto Serif KR","variants":["200","300","regular","500","600","700","900"],"subsets":["korean","latin"]},{"family":"Noto Serif SC","variants":["200","300","regular","500","600","700","900"],"subsets":["chinese-simplified","latin"]},{"family":"Noto Serif TC","variants":["200","300","regular","500","600","700","900"],"subsets":["chinese-traditional","latin"]},{"family":"Nova Cut","variants":["regular"],"subsets":["latin"]},{"family":"Nova Flat","variants":["regular"],"subsets":["latin"]},{"family":"Nova Mono","variants":["regular"],"subsets":["greek","latin"]},{"family":"Nova Oval","variants":["regular"],"subsets":["latin"]},{"family":"Nova Round","variants":["regular"],"subsets":["latin"]},{"family":"Nova Script","variants":["regular"],"subsets":["latin"]},{"family":"Nova Slim","variants":["regular"],"subsets":["latin"]},{"family":"Nova Square","variants":["regular"],"subsets":["latin"]},{"family":"Numans","variants":["regular"],"subsets":["latin"]},{"family":"Nunito","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Nunito Sans","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Odibee Sans","variants":["regular"],"subsets":["latin"]},{"family":"Odor Mean Chey","variants":["regular"],"subsets":["khmer"]},{"family":"Offside","variants":["regular"],"subsets":["latin"]},{"family":"Old Standard TT","variants":["regular","italic","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Oldenburg","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Oleo Script","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Oleo Script Swash Caps","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Open Sans","variants":["300","300italic","regular","italic","600","600italic","700","700italic","800","800italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Open Sans Condensed","variants":["300","300italic","700"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Oranienbaum","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Orbitron","variants":["regular","500","600","700","800","900"],"subsets":["latin"]},{"family":"Oregano","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Orienta","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Original Surfer","variants":["regular"],"subsets":["latin"]},{"family":"Oswald","variants":["200","300","regular","500","600","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Over the Rainbow","variants":["regular"],"subsets":["latin"]},{"family":"Overlock","variants":["regular","italic","700","700italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Overlock SC","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Overpass","variants":["100","100italic","200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Overpass Mono","variants":["300","regular","600","700"],"subsets":["latin","latin-ext"]},{"family":"Ovo","variants":["regular"],"subsets":["latin"]},{"family":"Oxanium","variants":["200","300","regular","500","600","700","800"],"subsets":["latin","latin-ext"]},{"family":"Oxygen","variants":["300","regular","700"],"subsets":["latin","latin-ext"]},{"family":"Oxygen Mono","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"PT Mono","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"PT Sans","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"PT Sans Caption","variants":["regular","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"PT Sans Narrow","variants":["regular","700"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"PT Serif","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"PT Serif Caption","variants":["regular","italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Pacifico","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Padauk","variants":["regular","700"],"subsets":["latin","myanmar"]},{"family":"Palanquin","variants":["100","200","300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Palanquin Dark","variants":["regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Pangolin","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Paprika","variants":["regular"],"subsets":["latin"]},{"family":"Parisienne","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Passero One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Passion One","variants":["regular","700","900"],"subsets":["latin","latin-ext"]},{"family":"Pathway Gothic One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Patrick Hand","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Patrick Hand SC","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Pattaya","variants":["regular"],"subsets":["cyrillic","latin","latin-ext","thai","vietnamese"]},{"family":"Patua One","variants":["regular"],"subsets":["latin"]},{"family":"Pavanam","variants":["regular"],"subsets":["latin","latin-ext","tamil"]},{"family":"Paytone One","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Peddana","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Peralta","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Permanent Marker","variants":["regular"],"subsets":["latin"]},{"family":"Petit Formal Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Petrona","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Philosopher","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","vietnamese"]},{"family":"Piazzolla","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Piedra","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Pinyon Script","variants":["regular"],"subsets":["latin"]},{"family":"Pirata One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Plaster","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Play","variants":["regular","700"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Playball","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Playfair Display","variants":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Playfair Display SC","variants":["regular","italic","700","700italic","900","900italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Podkova","variants":["regular","500","600","700","800"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Poiret One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Poller One","variants":["regular"],"subsets":["latin"]},{"family":"Poly","variants":["regular","italic"],"subsets":["latin"]},{"family":"Pompiere","variants":["regular"],"subsets":["latin"]},{"family":"Pontano Sans","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Poor Story","variants":["regular"],"subsets":["korean","latin"]},{"family":"Poppins","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Port Lligat Sans","variants":["regular"],"subsets":["latin"]},{"family":"Port Lligat Slab","variants":["regular"],"subsets":["latin"]},{"family":"Pragati Narrow","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Prata","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","vietnamese"]},{"family":"Preahvihear","variants":["regular"],"subsets":["khmer"]},{"family":"Press Start 2P","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext"]},{"family":"Pridi","variants":["200","300","regular","500","600","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Princess Sofia","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Prociono","variants":["regular"],"subsets":["latin"]},{"family":"Prompt","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Prosto One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Proza Libre","variants":["regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["latin","latin-ext"]},{"family":"Public Sans","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext"]},{"family":"Puritan","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Purple Purse","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Quando","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Quantico","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Quattrocento","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Quattrocento Sans","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Questrial","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Quicksand","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Quintessential","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Qwigley","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Racing Sans One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Radley","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Rajdhani","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Rakkas","variants":["regular"],"subsets":["arabic","latin","latin-ext"]},{"family":"Raleway","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Raleway Dots","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ramabhadra","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Ramaraja","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Rambla","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Rammetto One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ranchers","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Rancho","variants":["regular"],"subsets":["latin"]},{"family":"Ranga","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Rasa","variants":["300","regular","500","600","700"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Rationale","variants":["regular"],"subsets":["latin"]},{"family":"Ravi Prakash","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Recursive","variants":["300","regular","500","600","700","800","900"],"subsets":["latin","vietnamese"]},{"family":"Red Hat Display","variants":["regular","italic","500","500italic","700","700italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Red Hat Text","variants":["regular","italic","500","500italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Red Rose","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Redressed","variants":["regular"],"subsets":["latin"]},{"family":"Reem Kufi","variants":["regular"],"subsets":["arabic","latin"]},{"family":"Reenie Beanie","variants":["regular"],"subsets":["latin"]},{"family":"Revalia","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Rhodium Libre","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Ribeye","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ribeye Marrow","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Righteous","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Risque","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Roboto","variants":["100","100italic","300","300italic","regular","italic","500","500italic","700","700italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Roboto Condensed","variants":["300","300italic","regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Roboto Mono","variants":["100","200","300","regular","500","600","700","100italic","200italic","300italic","italic","500italic","600italic","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Roboto Slab","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Rochester","variants":["regular"],"subsets":["latin"]},{"family":"Rock Salt","variants":["regular"],"subsets":["latin"]},{"family":"Rokkitt","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Romanesco","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ropa Sans","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Rosario","variants":["300","regular","500","600","700","300italic","italic","500italic","600italic","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Rosarivo","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Rouge Script","variants":["regular"],"subsets":["latin"]},{"family":"Rowdies","variants":["300","regular","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Rozha One","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Rubik","variants":["300","regular","500","600","700","800","900","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","hebrew","latin","latin-ext"]},{"family":"Rubik Mono One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Ruda","variants":["regular","500","600","700","800","900"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Rufina","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Ruge Boogie","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ruluko","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Rum Raisin","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Ruslan Display","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Russo One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Ruthie","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Rye","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sacramento","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sahitya","variants":["regular","700"],"subsets":["devanagari","latin"]},{"family":"Sail","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Saira","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Saira Condensed","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Saira Extra Condensed","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Saira Semi Condensed","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Saira Stencil One","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Salsa","variants":["regular"],"subsets":["latin"]},{"family":"Sanchez","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Sancreek","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sansita","variants":["regular","italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Sansita Swashed","variants":["300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Sarabun","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Sarala","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Sarina","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sarpanch","variants":["regular","500","600","700","800","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Satisfy","variants":["regular"],"subsets":["latin"]},{"family":"Sawarabi Gothic","variants":["regular"],"subsets":["cyrillic","japanese","latin","latin-ext","vietnamese"]},{"family":"Sawarabi Mincho","variants":["regular"],"subsets":["japanese","latin","latin-ext"]},{"family":"Scada","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext"]},{"family":"Scheherazade","variants":["regular","700"],"subsets":["arabic","latin"]},{"family":"Schoolbell","variants":["regular"],"subsets":["latin"]},{"family":"Scope One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Seaweed Script","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Secular One","variants":["regular"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Sedgwick Ave","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Sedgwick Ave Display","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Sen","variants":["regular","700","800"],"subsets":["latin","latin-ext"]},{"family":"Sevillana","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Seymour One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Shadows Into Light","variants":["regular"],"subsets":["latin"]},{"family":"Shadows Into Light Two","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Shanti","variants":["regular"],"subsets":["latin"]},{"family":"Share","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Share Tech","variants":["regular"],"subsets":["latin"]},{"family":"Share Tech Mono","variants":["regular"],"subsets":["latin"]},{"family":"Shojumaru","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Short Stack","variants":["regular"],"subsets":["latin"]},{"family":"Shrikhand","variants":["regular"],"subsets":["gujarati","latin","latin-ext"]},{"family":"Siemreap","variants":["regular"],"subsets":["khmer"]},{"family":"Sigmar One","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Signika","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Signika Negative","variants":["300","regular","600","700"],"subsets":["latin","latin-ext"]},{"family":"Simonetta","variants":["regular","italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Single Day","variants":["regular"],"subsets":["korean"]},{"family":"Sintony","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Sirin Stencil","variants":["regular"],"subsets":["latin"]},{"family":"Six Caps","variants":["regular"],"subsets":["latin"]},{"family":"Skranji","variants":["regular","700"],"subsets":["latin","latin-ext"]},{"family":"Slabo 13px","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Slabo 27px","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Slackey","variants":["regular"],"subsets":["latin"]},{"family":"Smokum","variants":["regular"],"subsets":["latin"]},{"family":"Smythe","variants":["regular"],"subsets":["latin"]},{"family":"Sniglet","variants":["regular","800"],"subsets":["latin","latin-ext"]},{"family":"Snippet","variants":["regular"],"subsets":["latin"]},{"family":"Snowburst One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sofadi One","variants":["regular"],"subsets":["latin"]},{"family":"Sofia","variants":["regular"],"subsets":["latin"]},{"family":"Solway","variants":["300","regular","500","700","800"],"subsets":["latin"]},{"family":"Song Myung","variants":["regular"],"subsets":["korean","latin"]},{"family":"Sonsie One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Sora","variants":["100","200","300","regular","500","600","700","800"],"subsets":["latin","latin-ext"]},{"family":"Sorts Mill Goudy","variants":["regular","italic"],"subsets":["latin","latin-ext"]},{"family":"Source Code Pro","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Source Sans Pro","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext","vietnamese"]},{"family":"Source Serif Pro","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Space Grotesk","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Space Mono","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Spartan","variants":["100","200","300","regular","500","600","700","800","900"],"subsets":["latin","latin-ext"]},{"family":"Special Elite","variants":["regular"],"subsets":["latin"]},{"family":"Spectral","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Spectral SC","variants":["200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Spicy Rice","variants":["regular"],"subsets":["latin"]},{"family":"Spinnaker","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Spirax","variants":["regular"],"subsets":["latin"]},{"family":"Squada One","variants":["regular"],"subsets":["latin"]},{"family":"Sree Krushnadevaraya","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Sriracha","variants":["regular"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Srisakdi","variants":["regular","700"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Staatliches","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Stalemate","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Stalinist One","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Stardos Stencil","variants":["regular","700"],"subsets":["latin"]},{"family":"Stint Ultra Condensed","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Stint Ultra Expanded","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Stoke","variants":["300","regular"],"subsets":["latin","latin-ext"]},{"family":"Strait","variants":["regular"],"subsets":["latin"]},{"family":"Stylish","variants":["regular"],"subsets":["korean","latin"]},{"family":"Sue Ellen Francisco","variants":["regular"],"subsets":["latin"]},{"family":"Suez One","variants":["regular"],"subsets":["hebrew","latin","latin-ext"]},{"family":"Sulphur Point","variants":["300","regular","700"],"subsets":["latin","latin-ext"]},{"family":"Sumana","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Sunflower","variants":["300","500","700"],"subsets":["korean","latin"]},{"family":"Sunshiney","variants":["regular"],"subsets":["latin"]},{"family":"Supermercado One","variants":["regular"],"subsets":["latin"]},{"family":"Sura","variants":["regular","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Suranna","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Suravaram","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Suwannaphum","variants":["regular"],"subsets":["khmer"]},{"family":"Swanky and Moo Moo","variants":["regular"],"subsets":["latin"]},{"family":"Syncopate","variants":["regular","700"],"subsets":["latin"]},{"family":"Syne","variants":["regular","500","600","700","800"],"subsets":["latin","latin-ext"]},{"family":"Syne Mono","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Syne Tactile","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Tajawal","variants":["200","300","regular","500","700","800","900"],"subsets":["arabic","latin"]},{"family":"Tangerine","variants":["regular","700"],"subsets":["latin"]},{"family":"Taprom","variants":["regular"],"subsets":["khmer"]},{"family":"Tauri","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Taviraj","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Teko","variants":["300","regular","500","600","700"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Telex","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Tenali Ramakrishna","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Tenor Sans","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Text Me One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Texturina","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Thasadith","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"The Girl Next Door","variants":["regular"],"subsets":["latin"]},{"family":"Tienne","variants":["regular","700","900"],"subsets":["latin"]},{"family":"Tillana","variants":["regular","500","600","700","800"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Timmana","variants":["regular"],"subsets":["latin","telugu"]},{"family":"Tinos","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","hebrew","latin","latin-ext","vietnamese"]},{"family":"Titan One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Titillium Web","variants":["200","200italic","300","300italic","regular","italic","600","600italic","700","700italic","900"],"subsets":["latin","latin-ext"]},{"family":"Tomorrow","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext"]},{"family":"Trade Winds","variants":["regular"],"subsets":["latin"]},{"family":"Trirong","variants":["100","100italic","200","200italic","300","300italic","regular","italic","500","500italic","600","600italic","700","700italic","800","800italic","900","900italic"],"subsets":["latin","latin-ext","thai","vietnamese"]},{"family":"Trispace","variants":["100","200","300","regular","500","600","700","800"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Trocchi","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Trochut","variants":["regular","italic","700"],"subsets":["latin"]},{"family":"Trykker","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Tulpen One","variants":["regular"],"subsets":["latin"]},{"family":"Turret Road","variants":["200","300","regular","500","700","800"],"subsets":["latin","latin-ext"]},{"family":"Ubuntu","variants":["300","300italic","regular","italic","500","500italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Ubuntu Condensed","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Ubuntu Mono","variants":["regular","italic","700","700italic"],"subsets":["cyrillic","cyrillic-ext","greek","greek-ext","latin","latin-ext"]},{"family":"Ultra","variants":["regular"],"subsets":["latin"]},{"family":"Uncial Antiqua","variants":["regular"],"subsets":["latin"]},{"family":"Underdog","variants":["regular"],"subsets":["cyrillic","latin","latin-ext"]},{"family":"Unica One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"UnifrakturCook","variants":["700"],"subsets":["latin"]},{"family":"UnifrakturMaguntia","variants":["regular"],"subsets":["latin"]},{"family":"Unkempt","variants":["regular","700"],"subsets":["latin"]},{"family":"Unlock","variants":["regular"],"subsets":["latin"]},{"family":"Unna","variants":["regular","italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"VT323","variants":["regular"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Vampiro One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Varela","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Varela Round","variants":["regular"],"subsets":["hebrew","latin","latin-ext","vietnamese"]},{"family":"Varta","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Vast Shadow","variants":["regular"],"subsets":["latin"]},{"family":"Vesper Libre","variants":["regular","500","700","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Viaoda Libre","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Vibes","variants":["regular"],"subsets":["arabic","latin"]},{"family":"Vibur","variants":["regular"],"subsets":["latin"]},{"family":"Vidaloka","variants":["regular"],"subsets":["latin"]},{"family":"Viga","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Voces","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Volkhov","variants":["regular","italic","700","700italic"],"subsets":["latin"]},{"family":"Vollkorn","variants":["regular","500","600","700","800","900","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["cyrillic","cyrillic-ext","greek","latin","latin-ext","vietnamese"]},{"family":"Vollkorn SC","variants":["regular","600","700","900"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Voltaire","variants":["regular"],"subsets":["latin"]},{"family":"Waiting for the Sunrise","variants":["regular"],"subsets":["latin"]},{"family":"Wallpoet","variants":["regular"],"subsets":["latin"]},{"family":"Walter Turncoat","variants":["regular"],"subsets":["latin"]},{"family":"Warnes","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Wellfleet","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Wendy One","variants":["regular"],"subsets":["latin","latin-ext"]},{"family":"Wire One","variants":["regular"],"subsets":["latin"]},{"family":"Work Sans","variants":["100","200","300","regular","500","600","700","800","900","100italic","200italic","300italic","italic","500italic","600italic","700italic","800italic","900italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Xanh Mono","variants":["regular","italic"],"subsets":["latin","latin-ext","vietnamese"]},{"family":"Yanone Kaffeesatz","variants":["200","300","regular","500","600","700"],"subsets":["cyrillic","latin","latin-ext","vietnamese"]},{"family":"Yantramanav","variants":["100","300","regular","500","700","900"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Yatra One","variants":["regular"],"subsets":["devanagari","latin","latin-ext"]},{"family":"Yellowtail","variants":["regular"],"subsets":["latin"]},{"family":"Yeon Sung","variants":["regular"],"subsets":["korean","latin"]},{"family":"Yeseva One","variants":["regular"],"subsets":["cyrillic","cyrillic-ext","latin","latin-ext","vietnamese"]},{"family":"Yesteryear","variants":["regular"],"subsets":["latin"]},{"family":"Yrsa","variants":["300","regular","500","600","700"],"subsets":["latin","latin-ext"]},{"family":"ZCOOL KuaiLe","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"ZCOOL QingKe HuangYou","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"ZCOOL XiaoWei","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"Zeyada","variants":["regular"],"subsets":["latin"]},{"family":"Zhi Mang Xing","variants":["regular"],"subsets":["chinese-simplified","latin"]},{"family":"Zilla Slab","variants":["300","300italic","regular","italic","500","500italic","600","600italic","700","700italic"],"subsets":["latin","latin-ext"]},{"family":"Zilla Slab Highlight","variants":["regular","700"],"subsets":["latin","latin-ext"]}]')
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-curve-1.a61eacd.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-curve-2.7a9883c.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-curve-3.b42e517.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-rounded-1.d2b77d9.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-rounded-2.e6d5edc.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-rounded-3.54719e2.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-slant-1.1a7bbee.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-slant-2.622c736.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-straight-1.3d6e794.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-wave-1.479a6de.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-wave-2.8ad6a1d.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-wave-3.6db0486.png"
}, function (e, t) {
e.exports = "dist/images/components-design-separator-control-wave-4.5f9e008.png"
}, , function (e, t) {
e.exports = "dist/images/components-button-controls-basic.b11a0a1.png"
}, function (e, t) {
e.exports = "dist/images/components-button-controls-ghost.693bd0a.png"
}, function (e, t) {
e.exports = "dist/images/components-button-controls-link.5941222.png"
}, function (e, t) {
e.exports = "dist/images/components-button-controls-plain.9a9337a.png"
}, function (e, t) {
e.exports = "dist/images/components-icon-controls-plain.08b10ae.png"
}, function (e, t) {
e.exports = "dist/images/components-icon-controls-shaped.f4f347f.png"
}, function (e, t) {
e.exports = "dist/images/components-icon-controls-outlined.ecba760.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-1.b25dc1c.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-2.251f715.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-3.a91efa1.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-1.4c4319a.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-2.c441aac.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-3.2409bb5.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-4.9b307d9.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-1.ec684b9.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-2.4601b46.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-3.4ef0451.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-1-grid.c178b51.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-2-grid.9c461c0.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-3-grid.3921dc3.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-1-grid.fe6e028.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-2-grid.5c04307.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-3-grid.111efd7.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-4-grid.ef73de3.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-1-grid.146feaa.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-2-grid.5d65a3e.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-3-grid.906e9b0.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-1-uneven.7045e09.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-2-uneven.a4f271c.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-2-3-uneven.1983521.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-1-uneven.929b1cf.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-2-uneven.a346601.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-3-uneven.84b5000.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-3-4-uneven.42a4995.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-1-uneven.430f93a.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-2-uneven.f1a848f.png"
}, function (e, t) {
e.exports = "dist/images/components-columns-width-control-4-3-uneven.8099e5e.png"
}, , , function (e, t) {
e.exports = "dist/videos/help/full-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/general-restrict-content.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/general-border-radius.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/general-shadow.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/alignment-all.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/general-columns.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/column-background-on-off.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-shape.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-size.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-size-no-crop.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-width-crop.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-height-crop.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-square.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-border-radius.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-shadow.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/typography-size.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/typography-weight.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/typography-transform.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/typography-line-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/typography-letter-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/alignment-description.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/alignment-button.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-padding.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-vertical-padding.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-horizontal-padding.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-size.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-hover-effect.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-hover-opacity.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-hover-color.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-shadow.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-border-radius.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-color-type.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-to-normal.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/button-collapse.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-block-title.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-block-description.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-description.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-button.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/spacing-button-gap.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/hover-effect.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-on-off.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-color-opacity.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-tint.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-color-type.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-fixed.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/gradient-direction.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/gradient-location.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-image-position.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-image-repeat.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-image-size.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/background-blend-mode.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-top-on.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-bottom-on.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-shadow.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-bring-to-front.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-layer2.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-layer3.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-layer-opacity.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/separator-layer-blend-mode.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-opacity.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-zindex.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-paddings.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-vertical-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-content-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-block-horizontal-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-column-gap.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-column-column-vertical-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-column-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/advanced-column-content-vertical-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/accordion-adjacent-open.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/accordion-closed-state-background-color.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/accordion-padding.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/accordion-title-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-column-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/feature-container-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/feature-container-offset.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/icon-list-grid.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/icon-list-gap.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/notification-dismissible.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/posts-content-order.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/posts-meta-separator.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/divider-margin.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-image-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-title-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-price-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-subprice-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-button-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-description-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-image-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-title-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-price-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-subprice-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-button-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/pricing-description-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-overlay.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-overlay-hover.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-hover-effect.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-box-hover-effect.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-subtitle-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-title-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-line-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-description-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-arrow-spacing.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-subtitle-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-title-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-description-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/image-box-arrow-align.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/video-popup-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/video-popup-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/container-image-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/container-image-height.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/column-row-gap.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/no-padding.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/column-width.mp4"
}, function (e, t) {
e.exports = "dist/videos/help/column-arrangement.mp4"
}, function (e, t) {
e.exports = "dist/images/block-accordion-basic.b0f3789.png"
}, function (e, t) {
e.exports = "dist/images/block-accordion-plain.2aeac8f.png"
}, function (e, t) {
e.exports = "dist/images/block-accordion-colored.d55890a.png"
}, function (e, t) {
e.exports = "dist/images/block-accordion-colored-hover.71e1fa4.png"
}, function (e, t) {
e.exports = "dist/images/block-accordion-line-colored.7e3ee29.png"
}, function (e, t) {
e.exports = "dist/images/block-accordion-line-colored-hover.f73a869.png"
}, function (e, t) {
e.exports = "dist/images/block-blockquote-basic.0a574ba.png"
}, function (e, t) {
e.exports = "dist/images/block-blockquote-plain.cd0c86f.png"
}, function (e, t) {
e.exports = "dist/images/block-blockquote-centered-quote.bf840b2.png"
}, function (e, t) {
e.exports = "dist/images/block-blockquote-highlight.01eb7a8.png"
}, function (e, t) {
e.exports = "dist/images/block-blockquote-huge.e6cf111.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-basic.0431caf.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-list.78b14dd.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-horizontal-card.2b40bef.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-image-card.ef58109.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-portfolio.70e8e8c.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-portfolio2.4d079f6.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-vertical-card.014a38d.png"
}, function (e, t) {
e.exports = "dist/images/block-blog-posts-vertical-card2.d29365d.png"
}, function (e, t) {
e.exports = wp.htmlEntities
}, function (e, t) {
e.exports = "dist/images/block-button-basic.cf5349e.png"
}, function (e, t) {
e.exports = "dist/images/block-button-fullwidth.f370f41.png"
}, function (e, t) {
e.exports = "dist/images/block-button-grouped-1.6509764.png"
}, function (e, t) {
e.exports = "dist/images/block-button-grouped-2.45eb41b.png"
}, function (e, t) {
e.exports = "dist/images/block-button-spread.a2b3bf6.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-basic.82b89ff.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-plain.aeb4b5d.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-horizontal.f5eb57b.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-horizontal-2.a263e44.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-horizontal-3.6ad5c3f.png"
}, function (e, t) {
e.exports = "dist/images/block-call-to-action-split-centered.698e3d8.png"
}, function (e, t) {
e.exports = "dist/images/block-card-basic.ed15cbf.png"
}, function (e, t) {
e.exports = "dist/images/block-card-plain.01b366e.png"
}, function (e, t) {
e.exports = "dist/images/block-card-faded.06399e7.png"
}, function (e, t) {
e.exports = "dist/images/block-card-full.60eb939.png"
}, function (e, t) {
e.exports = "dist/images/block-card-horizontal.6ade93f.png"
}, function (e, t) {
e.exports = "dist/images/block-column-basic.eeda154.png"
}, function (e, t) {
e.exports = "dist/images/block-column-plain.dd6702f.png"
}, function (e, t) {
e.exports = "dist/images/block-columns-grid.74cce02.png"
}, function (e, t) {
e.exports = "dist/images/block-columns-plain.f83145c.png"
}, function (e, t) {
e.exports = "dist/images/block-columns-uneven.2b7a26d.png"
}, function (e, t) {
e.exports = "dist/images/block-columns-uneven-2.fe56d00.png"
}, function (e, t) {
e.exports = "dist/images/block-columns-tiled.98ee90d.png"
}, function (e, t) {
e.exports = "dist/images/block-container-basic.9b80141.png"
}, function (e, t) {
e.exports = "dist/images/block-container-plain.b0bf4b9.png"
}, function (e, t) {
e.exports = "dist/images/block-container-image.b7fa0ae.png"
}, function (e, t) {
e.exports = "dist/images/block-container-image2.74a962d.png"
}, function (e, t) {
e.exports = "dist/images/block-container-image3.f76131c.png"
}, function (e, t) {
e.exports = "dist/images/block-count-up-plain.9350896.png"
}, function (e, t) {
e.exports = "dist/images/block-count-up-plain-2.ba5ab0d.png"
}, function (e, t) {
e.exports = "dist/images/block-count-up-abstract.b879aca.png"
}, function (e, t) {
e.exports = "dist/images/block-count-up-boxed.3c1a313.png"
}, function (e, t) {
e.exports = "dist/images/block-count-up-side.cbaf64f.png"
}, function (e, t) {
e.exports = "dist/images/block-divider-basic.728eebd.png"
}, function (e, t) {
e.exports = "dist/images/block-divider-bar.38cc0b7.png"
}, function (e, t) {
e.exports = "dist/images/block-divider-dots.6f31a0f.png"
}, function (e, t) {
e.exports = "dist/images/block-divider-asterisks.d07ce3c.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-grid-basic.d153b82.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-grid-plain.d4efae7.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-grid-horizontal.3d10d8c.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-grid-large-mid.5e400e2.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-grid-zigzag.419cfe1.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-basic.21129f8.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-plain.705697f.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-half.5af3a76.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap.6b378a6.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap2.62db827.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap3.5bf62b1.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap4.1ef990f.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap5.7599add.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap-shape.5069623.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap-shape2.258557d.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap-shape3.98ffc4f.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap-shape4.c2f4c80.png"
}, function (e, t) {
e.exports = "dist/images/block-feature-overlap-shape5.15fefe4.png"
}, function (e, t) {
e.exports = "dist/images/block-header-basic.a9cc4da.png"
}, function (e, t) {
e.exports = "dist/images/block-header-plain.aeccf8f.png"
}, function (e, t) {
e.exports = "dist/images/block-header-center-overlay.3858559.png"
}, function (e, t) {
e.exports = "dist/images/block-header-half.86b5a6b.png"
}, function (e, t) {
e.exports = "dist/images/block-header-half-overlay.a31b8a8.png"
}, function (e, t) {
e.exports = "dist/images/block-header-huge.d9d345e.png"
}, function (e, t) {
e.exports = "dist/images/block-header-side-overlay.4e79477.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-basic.f577755.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-plain.7482e86.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-box.795349f.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-captioned.0b54748.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-fade.96e3a05.png"
}, function (e, t) {
e.exports = "dist/images/block-image-box-line.a32cf82.png"
}, function (e, t) {
e.exports = "dist/images/block-notification-basic.a1f0aae.png"
}, function (e, t) {
e.exports = "dist/images/block-notification-plain.eccdf36.png"
}, function (e, t) {
e.exports = "dist/images/block-notification-bordered.6609d56.png"
}, function (e, t) {
e.exports = "dist/images/block-notification-outlined.2c2cb01.png"
}, function (e, t) {
e.exports = "dist/images/block-notification-large-icon.2bbe556.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-basic.3d5ce27.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-plain.1e11a36.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-background.c21ee31.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-faded.8c04315.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-heading.45de6d4.png"
}, function (e, t) {
e.exports = "dist/images/block-number-box-heading2.4ee5b2a.png"
}, function (e, t) {
e.exports = "dist/images/block-pricing-box-basic.f439dd1.png"
}, function (e, t) {
e.exports = "dist/images/block-pricing-box-plain.d7c8289.png"
}, function (e, t) {
e.exports = "dist/images/block-pricing-box-colored.9843e4e.png"
}, function (e, t) {
e.exports = "dist/images/block-pricing-box-compact.dc99fe8.png"
}, function (e, t) {
e.exports = "dist/images/block-pricing-box-sectioned.cb6f482.png"
}, function (e, t) {
e.exports = "dist/images/block-team-member-basic.53fb1db.png"
}, function (e, t) {
e.exports = "dist/images/block-team-member-plain.c44209b.png"
}, function (e, t) {
e.exports = "dist/images/block-team-member-half.5b481b6.png"
}, function (e, t) {
e.exports = "dist/images/block-team-member-horizontal.f090d7c.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-basic.13e214f.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-plain.8208cdb.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-background.8a0048a.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-basic2.6fe575a.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-bubble.7e7aa18.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-vertical.8603101.png"
}, function (e, t) {
e.exports = "dist/images/block-testimonial-vertical-inverse.9eda5f3.png"
}, function (e, t) {
e.exports = "dist/images/block-text-plain.dc76980.png"
}, function (e, t) {
e.exports = "dist/images/block-text-side-title-1.72a0b81.png"
}, function (e, t) {
e.exports = "dist/images/block-text-side-title-2.4b31aa6.png"
}, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , function (e, t) {
Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector), Element.prototype.closest || (Element.prototype.closest = function (e) {
var t = this;
do {
if (t.matches(e)) return t;
t = t.parentElement || t.parentNode
} while (null !== t && 1 === t.nodeType);
return null
})
}, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , function (e, t, n) {
var a = {
"./accordion/index.js": 459,
"./blockquote/index.js": 457,
"./blog-posts/index.js": 461,
"./button/index.js": 476,
"./call-to-action/index.js": 464,
"./card/index.js": 465,
"./column/index.js": 480,
"./columns/index.js": 477,
"./container/index.js": 478,
"./count-up/index.js": 462,
"./design-library/index.js": 486,
"./divider/index.js": 481,
"./expand/index.js": 482,
"./feature-grid/index.js": 466,
"./feature/index.js": 467,
"./header/index.js": 468,
"./heading/index.js": 469,
"./icon-list/deprecated/index.js": 37,
"./icon-list/higher-order/index.js": 59,
"./icon-list/higher-order/with-transform-old-icon-attributes/index.js": 57,
"./icon-list/index.js": 479,
"./icon/index.js": 470,
"./image-box/index.js": 463,
"./notification/index.js": 460,
"./number-box/index.js": 471,
"./pricing-box/index.js": 472,
"./separator/index.js": 456,
"./spacer/index.js": 483,
"./team-member/index.js": 473,
"./testimonial/index.js": 474,
"./text/index.js": 475,
"./video-popup/index.js": 458
};
function i(e) {
var t = o(e);
return n(t)
}
function o(e) {
if (!n.o(a, e)) {
var t = new Error("Cannot find module '" + e + "'");
throw t.code = "MODULE_NOT_FOUND", t
}
return a[e]
}
i.keys = function () {
return Object.keys(a)
}, i.resolve = o, e.exports = i, i.id = 454
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(3), i = n(2), o = n(1), r = n(11), l = n(39), c = n(9), s = n(0), u = n(6), b = n(18), p = n(13);
function m(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var g = function (e, t, n, a) {
return "" === t ? n ? Object(l.applyFormat)(e, {
type: "ugb/highlight",
attributes: {style: "color: ".concat(n, ";")}
}) : Object(l.removeFormat)(e, "ugb/highlight") : "highlight" === t ? Object(l.applyFormat)(e, {
type: "ugb/highlight",
attributes: {style: (n ? "color: ".concat(n, ";") : "") + (a ? "background-color: ".concat(a) : "")}
}) : Object(l.applyFormat)(e, {
type: "ugb/highlight",
attributes: {style: (n ? "color: ".concat(n, ";") : "") + (a ? "background: linear-gradient(to bottom, transparent 50%, ".concat(a, " 50%)") : "")}
})
};
Object(l.registerFormatType)("ugb/highlight", {
title: Object(s.__)("Highlight Text", o.i18n), tagName: "span", className: "ugb-highlight", edit: function (e) {
var t = m(Object(u.useState)(!1), 2), n = t[0], l = t[1], b = Object(u.useRef)(null),
p = Object(u.useCallback)(function (e) {
n && (e.target.closest(b.current) || e.target.closest(".components-popover") || l(!1))
});
Object(u.useEffect)(function () {
return document.body.addEventListener("click", p), function () {
return document.body.removeEventListener("click", p)
}
}, [p]);
var d = e.activeAttributes, f = e.isActive, h = e.onChange, v = e.value, y = f ? function (e) {
var t = "", n = "", a = "";
if (e.match(/linear-gradient\(/)) {
a = "low";
var i = e.match(/linear-gradient\(\s*to bottom\s*,\s*transparent \d+%\s*,\s*(.*?)\s\d+%\)/);
i && (n = i[1])
} else if (e.match(/background-color:/)) {
a = "highlight";
var o = e.match(/background-color:\s*([^;]*)?/);
o && (n = o[1])
}
var r = e.match(/(^|[^-])color:\s*([^;]*)?/);
return r && (t = r[2]), {textColor: t, highlightColor: n, colorType: a}
}(d.style) : {}, O = y.textColor, w = void 0 === O ? "" : O, _ = y.highlightColor,
j = void 0 === _ ? "" : _, k = y.colorType, C = void 0 === k ? "" : k, x = ("" !== C ? j : w) || w;
return wp.element.createElement(c.BlockControls, null, wp.element.createElement(r.Toolbar, {className: "stackable-components-toolbar"}, wp.element.createElement(r.Button, {
className: "components-button components-icon-button components-toolbar__control",
icon: "editor-textcolor",
"aria-haspopup": "true",
tooltip: Object(s.__)("Color & Highlight", o.i18n),
onClick: function () {
return l(!n)
}
}, wp.element.createElement("span", {
className: "components-stackable-highlight-color__indicator",
style: {backgroundColor: x}
})), n && wp.element.createElement(r.Popover, {
position: "bottom center",
className: "components-stackable-highlight__popover",
focusOnMount: "container",
useRef: b
}, wp.element.createElement("div", {className: "components-stackable-highlight__inner"}, wp.element.createElement(a.e, {
controls: [{
value: "",
title: Object(s.__)("Normal", o.i18n)
}, {value: "highlight", title: Object(s.__)("Highlight", o.i18n)}, {
value: "low",
title: Object(s.__)("Low", o.i18n)
}], value: C, onChange: function (e) {
var t = j || ("" !== e ? w || "#f34957" : j),
n = "highlight" === e ? Object(i.wb)("", t) : "low" === e ? "" : j || w || "";
h(g(v, e, n, t), {withoutHistory: !0})
}, isSmall: !0
}), wp.element.createElement("div", {className: "ugb-highlight-format__color-picker"}, wp.element.createElement(a.u, {
label: Object(s.__)("Text Color", o.i18n),
value: w,
onChange: function (e) {
h(g(v, C, e, j), {withoutHistory: !0})
}
})), "" !== C && wp.element.createElement("div", {className: "ugb-highlight-format__color-picker"}, wp.element.createElement(a.u, {
label: Object(s.__)("Highlight Color", o.i18n),
value: j,
onChange: function (e) {
h(g(v, C, w, e), {withoutHistory: !0})
}
}))))))
}, attributes: {style: "style"}
}), Object(b.a)(function () {
Object(p.select)("core/edit-post").isFeatureActive("disableEditorsKitColorsFormats") || Object(p.dispatch)("core/edit-post").toggleFeature("disableEditorsKitColorsFormats"), Object(p.select)("core/edit-post").isFeatureActive("disableEditorsKitHighlightFormats") || Object(p.dispatch)("core/edit-post").toggleFeature("disableEditorsKitHighlightFormats")
});
var d = n(17), f = n(58), h = n(27), v = n(7);
function y(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function O(e) {
return (O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
var w = ["style", "svg"], _ = function (e) {
return !!e.args && (4 === e.args.length && ("string" == typeof e.args[1] && "string" == typeof e.args[2] && "string" == typeof e.args[3] && ("class" === e.args[1] && !Object(v.isEqual)(e.args[2].match(/ugb-[^\s]+/g), e.args[3].match(/ugb-[^\s]+/g)))))
}, j = function (e) {
return !!e.args && (4 === e.args.length && ("string" == typeof e.args[1] && "string" == typeof e.args[2] && "string" == typeof e.args[3] && ("class" === e.args[1] && (e.args[2].match(/wp-image-\d+/) && !e.args[3].match(/wp-image-\d+/) || !e.args[2].match(/wp-image-\d+/) && e.args[3].match(/wp-image-\d+/)))))
}, k = function (e) {
return !!e.args && (3 === e.args.length && ("style" === e.args[1] && "style" !== e.args[2] || "style" !== e.args[1] && "style" === e.args[2]))
}, C = function (e) {
return !!e.args && (4 === e.args.length && ("string" == typeof e.args[1] && ("aria-label" === e.args[1] || "title" === e.args[1] || "alt" === e.args[1])))
}, x = function (e) {
if (!e.args) return !1;
if (3 !== e.args.length) return !1;
if ("object" !== O(e.args[1]) || "object" !== O(e.args[2])) return !1;
if (!Array.isArray(e.args[1]) || !Array.isArray(e.args[2])) return !1;
var t = e.args[1].map(function (e) {
return e[0]
}), n = e.args[2].map(function (e) {
return e[0]
}), a = Object(v.difference)(t, n);
return !!(a.includes("aria-label") || a.includes("title") || a.includes("alt"))
}, E = function (e) {
return !!e.args && (3 === e.args.length && ("svg" === e.args[1] && "svg" !== e.args[2] || "svg" !== e.args[1] && "svg" === e.args[2]))
}, S = function (e) {
return !!e.args && (3 === e.args.length && ("video" === e.args[1] && "video" !== e.args[2] || "video" === e.args[2] && "video" !== e.args[1]))
}, B = function (e) {
return !!e.args && (3 === e.args.length && (!!Array.isArray(e.args[1]) && !!e.args[1].some(function (e) {
return Array.isArray(e) && "playsinline" === e[0]
})))
}, T = function (e) {
var t, n = e.name, a = e.attributes, i = e.innerBlocks, o = e.originalContent;
if (e.isValid) return !1;
try {
t = Object(d.getSaveContent)(n, a, i)
} catch (e) {
return !1
}
return function (e, t) {
var n = y([e, t].map(function (e) {
return function (e) {
try {
return new f.Tokenizer(new h.DecodeEntityParser).tokenize(e)
} catch (e) {
}
return null
}(e)
}), 2), a = n[0], i = n[1];
if (!a || !i) return !1;
var o, r, l = [];
for (; o = Object(h.getNextNonWhitespaceToken)(a);) {
if (r = Object(h.getNextNonWhitespaceToken)(i), "StartTag" === o.type && l.push(o.tagName.toLowerCase()), !r) return l;
if (o.type !== r.type) return l;
var c = h.isEqualTokensOfType[o.type];
if (c && !c(o, r)) return l;
"StartTag" === o.type && !0 === o.selfClosing ? l.pop() : "EndTag" === o.type && l.pop(), Object(h.isClosedByToken)(o, i[0]) ? Object(h.getNextNonWhitespaceToken)(i) : Object(h.isClosedByToken)(r, a[0]) && Object(h.getNextNonWhitespaceToken)(a)
}
return !1
}(o, t)
};
var P = function () {
var e;
(e = document.createElement("style")).setAttribute("id", "ugb-disable-block-warnings"), e.innerHTML = '.has-warning[data-type^="ugb/"] { opacity: 0 !important; }', document.body.appendChild(e), setTimeout(function () {
A(Object(p.select)("core/editor").getEditorBlocks()).forEach(function (e) {
e.recovered && e.replacedClientId && Object(p.dispatch)("core/block-editor").replaceBlock(e.replacedClientId, e)
}), function () {
var e = document.querySelector("#ugb-disable-block-warnings");
e && document.body.removeChild(e)
}()
}, 0)
}, A = function e(t) {
return t.map(function (t) {
if (t.innerBlocks && t.innerBlocks.length) {
var n = e(t.innerBlocks);
n.some(function (e) {
return e.recovered
}) && (t.innerBlocks = n, t.replacedClientId = t.clientId, t.recovered = !0)
}
if (function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : w, n = e.name, a = e.isValid,
i = e.validationIssues;
if (!n || !n.match(/^ugb\//)) return !1;
if (a) return !1;
if (!i.length) return !1;
if (_(i[0])) return !0;
if (k(i[0])) return !0;
if (E(i[0])) return !0;
if (j(i[0])) return !0;
if (S(i[0])) return !0;
if (B(i[0])) return !0;
if (C(i[0])) return !0;
if (x(i[0])) return !0;
var o = T(e);
return !!o && o.some(function (e) {
return t.includes(e)
})
}(t)) {
var a = N(t);
return a.replacedClientId = t.clientId, a.recovered = !0, console.log("Stackable notice: block " + t.name + " (" + t.clientId + ") was auto-recovered, you should not see this after saving your page."), a
}
return t
})
}, N = function (e) {
var t = e.name, n = e.attributes, a = e.innerBlocks;
return Object(d.createBlock)(t, n, a)
};
Object(b.a)(function () {
window._wpLoadBlockEditor && window._wpLoadBlockEditor.then(function () {
P()
})
});
var M = n(4), R = n(29), F = {desktop: "Desktop", tablet: "Tablet", mobile: "Mobile"};
Object(M.addAction)("stackable.responsive-toggle.screen.change", "stackable/responsive-preview", function (e) {
var t = Object(p.dispatch)("core/edit-post").__experimentalSetPreviewDeviceType,
n = Object(p.select)("core/edit-post").__experimentalGetPreviewDeviceType;
if (t) {
var a = F[e];
a !== n() && t(a)
}
});
Object(p.select)("core/edit-post").__experimentalGetPreviewDeviceType && Object(R.registerPlugin)("stackable-responsive-toggle-change", {
render: function () {
var e = Object(p.useSelect)(function (e) {
return {deviceType: e("core/edit-post").__experimentalGetPreviewDeviceType()}
}, []).deviceType, t = Object(v.findKey)(F, function (t) {
return t === e
}) || "desktop";
return setTimeout(function () {
t !== Object(i.W)() && (Object(i.pb)(t), Object(M.doAction)("stackable.responsive-toggle.screen.change", t)), "desktop" !== t ? (Object(i.ob)(!0), Object(M.doAction)("stackable.responsive-toggle.screen.open")) : (Object(i.ob)(!1), Object(M.doAction)("stackable.responsive-toggle.screen.close"))
}, 0), null
}
});
var D = n(144), I = n.n(D);
function z(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function L(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function U(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? L(n, !0).forEach(function (t) {
H(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : L(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function H(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function W(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var G = [null, "/dist/frontend_blocks__premium_only.css", "/dist/frontend_blocks.css", "/dist/editor_blocks__premium_only.css", "/dist/editor_blocks.css"],
V = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : null,
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
if (!e) return [];
var n = [];
return e.forEach(function (e, a) {
var i = e.href;
t.some(function (e) {
return e || null !== i ? !!(i && e && i.includes(e)) && n.push(a) : n.push(a)
})
}), n
}, q = {}, K = {}, J = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : G,
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : document.styleSheets,
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : q, a = Array.from(t), i = V(a, e),
o = [];
return i.forEach(function (e) {
if (t[e].__id) o.push(t[e].__id); else {
var n = I()(Math.floor(Math.random() * (new Date).getTime())).substr(0, 10);
t[e].__id = n, o.push(n)
}
}), o.forEach(function (e) {
var t = {}, i = Array.from(a).findIndex(function (t) {
return t.__id === e
}), o = Array.from(a[i].cssRules).filter(function (e) {
return e.media
});
(!K[e] || K[e] && !Object(v.isEqual)(K[e], o)) && (K[e] = !Object(v.isEmpty)(o) && W(o), Array.from(a[i].cssRules).forEach(function (a, i) {
var o = a.cssText, r = a.media;
if (r && o.includes(".ugb") && r.mediaText.match(/(max|min)-width/)) {
var l = r.mediaText.match(/max-width:\s*(\d+)px/), c = r.mediaText.match(/min-width:\s*(\d+)px/),
s = l ? parseInt(l[1], 10) : 9999, u = c ? parseInt(c[1], 10) : 0;
if (n && n[e] && n[e][i]) n[e][i].previousMediaText === r.mediaText ? t[i] = U({}, n[e][i]) : t[i] = {
cssText: o,
mediaText: r.mediaText,
min: u,
max: s
}; else t[i] = {cssText: o, mediaText: r.mediaText, min: u, max: s}
}
}), n[e] = U({}, t))
}), U({}, n)
}, Y = ".edit-post-visual-editor", X = "Desktop", $ = {}, Z = function () {
var e = Object(p.select)("core/edit-post").__experimentalGetPreviewDeviceType;
if (e) {
var t = e();
if ("Desktop" !== t || "Desktop" !== X) {
if (X = t, !$[t]) {
var n = document.querySelector(Y);
$[t] = parseInt(window.getComputedStyle(n).width, 10)
}
!function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "Desktop",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : G,
a = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : document.styleSheets,
i = arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : q;
try {
var o = J(n, a, i), r = function (e) {
var n = z(e.split("vw"), 1)[0], a = parseFloat(n) / 100 * t;
return "".concat(a, "px")
}, l = function (e) {
return e.replace(/(-?[.0-9]+)vw/g, r)
}, c = function (e, t, n) {
a[e].deleteRule(t), a[e].insertRule(n, t)
};
"Tablet" === e || "Mobile" === e ? Object(v.keys)(o).forEach(function (e) {
var n = Array.from(a).findIndex(function (t) {
return t.__id === e
});
Object(v.keys)(o[e]).forEach(function (i) {
if (a[n] && a[n].cssRules[i]) {
var r = o[e][i], s = r.min, u = r.max, b = r.cssText;
Object(v.inRange)(t, s, u) ? (b && b.match(/(-?[.0-9]+)vw/g) && c(n, i, l(b)), a[n].cssRules[i].media.mediaText = "screen and (max-width: 5000px)") : (b && b.match(/(-?[.0-9]+)vw/g) && c(n, i, l(b)), a[n].cssRules[i].media.mediaText = "screen and (min-width: 5000px)"), o[e][i].previousMediaText !== a[n].cssRules[i].media.mediaText && (o[e][i].previousMediaText = a[n].cssRules[i].media.mediaText)
}
})
}) : Object(v.keys)(o).forEach(function (e) {
var t = Array.from(a).findIndex(function (t) {
return t.__id === e
});
Object(v.keys)(o[e]).forEach(function (n) {
if (a[t] && a[t].cssRules[n]) {
var i = o[e][n].cssText;
a[t].cssRules[n].media.mediaText !== o[e][n].mediaText && (o[e][n].previousMediaText = a[t].cssRules[n].media.mediaText, c(t, n, i)), o[e][n].previousMediaText !== a[t].cssRules[n].media.mediaText && (o[e][n].previousMediaText = a[t].cssRules[n].media.mediaText)
}
})
})
} catch (e) {
console.warn("Stackable error: plugin stylesheet is hosted in a remote location, responsive live editing is disabled. To enable it, please don't use a CDN while using Gutenberg")
}
}(t, $[t])
}
}
};
Object(M.addAction)("stackable.setAttributes.after", "stackable/responsive-preview", Z);
function Q(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(p.select)("core/edit-post").__experimentalGetPreviewDeviceType && Object(b.a)(function () {
var e = Object(p.subscribe)(function () {
var t = document.querySelector(Y);
if (t) {
new MutationObserver(Object(v.throttle)(Z, 500)).observe(t, {
attributes: !0,
childList: !0,
subtree: !0
}), e()
}
})
});
Object(R.registerPlugin)("stackable-update-global-color-palette", {
render: function () {
var e = Object(p.useSelect)(function (e) {
return {
useStackableColorsOnly: e("stackable/global-colors").getSettings().useStackableColorsOnly,
stackableColors: e("stackable/global-colors").getSettings().stackableColors,
defaultColors: e("stackable/global-colors").getSettings().defaultColors,
isInitializing: e("stackable/global-colors").getSettings().isInitializing,
colors: e("core/block-editor").getSettings().colors
}
}, []), t = e.useStackableColorsOnly, n = e.stackableColors, a = e.defaultColors, i = e.isInitializing,
o = e.colors;
return Object(u.useEffect)(function () {
if (!i) {
var e = t ? Q(n) : [].concat(Q(a), Q(n));
Object(v.isEqual)(o, e) || Object(p.dispatch)("core/block-editor").updateSettings({colors: e})
}
}, [JSON.stringify(o), JSON.stringify(a), JSON.stringify(n), t, i]), null
}
});
var ee = n(28), te = n.n(ee);
function ne(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var ae = function () {
var e = Object(p.useSelect)(function (e) {
return {colors: e("core/block-editor").getSettings().colors}
}).colors, t = ne(Object(u.useState)(""), 2), n = t[0], a = t[1];
return Object(u.useEffect)(function () {
e && Array.isArray(e) && function (e, t) {
var n = e.map(function (e) {
return e.slug.match(/^stk-global-color/) ? "--".concat(e.slug || "", ": ").concat(e.color || "", ";") : ""
});
t(":root { ".concat(n.join(""), "}"));
var a = e.map(function (e) {
if (e.slug.match(/^stk-global-color/)) {
var t = te()(window.getComputedStyle(document.documentElement).getPropertyValue("--".concat(e.slug)).trim());
if (Array.isArray(t) && 0 !== t.length) return t.splice(3, 1), "--".concat(e.slug || "", "-rgba: ").concat(t.join(", "), ";")
}
return ""
});
t(function (e) {
return "".concat(e, " :root { ").concat(a.join(" "), "}")
})
}(e, a)
}, [JSON.stringify(e)]), wp.element.createElement("style", null, n)
};
Object(b.a)(function () {
var e = document.createElement("div");
document.body.appendChild(e), Object(u.render)(wp.element.createElement(ae, null), e)
});
var ie = n(20);
function oe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function re(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? oe(n, !0).forEach(function (t) {
le(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : oe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function le(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ce = {defaultColors: [], useStackableColorsOnly: !1, stackableColors: [], isInitializing: !0}, se = {
updateSettings: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
return {type: "UPDATE_SETTINGS", payload: Object(v.omit)(e, "type")}
}
};
Object(p.registerStore)("stackable/global-colors", {
reducer: function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : ce,
t = arguments.length > 1 ? arguments[1] : void 0;
switch (t.type) {
case"UPDATE_SETTINGS":
return re({}, e, {}, t.payload);
default:
return e
}
}, actions: se, selectors: {
getSettings: function (e) {
return e
}
}
});
Object(b.a)(function () {
ie.loadPromise.then(function () {
(new ie.models.Settings).fetch().then(function (e) {
var t, n = e.stackable_global_colors_palette_only, a = e.stackable_global_colors,
i = Object(v.head)(a) || [], o = i.map(function (e) {
return e.slug
}), r = Object(p.select)("core/block-editor").getSettings().colors;
(r || []).some(function (e) {
return e.fallback && e.colorVar
}) ? (t = function (e) {
return Object(v.compact)((e || []).map(function (e) {
return e.fallback && e.colorVar ? e.slug.match(/^stk-global-color/) ? {
color: e.fallback,
slug: "stk-global-color-".concat(Math.floor(Math.random() * (new Date).getTime()) % 1e5),
rgb: e.rgb || "0, 0, 0",
name: e.name || "Untitled Color"
} : null : e
}))
}(r), Object(p.dispatch)("core/block-editor").updateSettings({colors: t}), i = t.filter(function (e) {
return e.slug.match(/^stk-global-color/)
}), o = i.map(function (e) {
return e.slug
})) : t = r || [];
var l = t.filter(function (e) {
var t = e.slug;
return !o.includes(t)
});
Object(p.dispatch)("stackable/global-colors").updateSettings({
defaultColors: l,
useStackableColorsOnly: n,
stackableColors: i,
isInitializing: !1
})
})
})
});
var ue = n(5), be = n.n(ue);
function pe() {
return (pe = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var me = be.a.createElement("path", {
fill: "currentColor",
d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"
}), ge = function (e) {
return be.a.createElement("svg", pe({
"data-prefix": "fas",
"data-icon": "lock",
viewBox: "0 0 448 512",
xmlns: "http://www.w3.org/2000/svg"
}, e), me)
};
function de() {
return (de = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var fe = be.a.createElement("path", {d: "M181.9 87.6h-79.3V8.4h-15v79.2H8.4v15h79.2v79.2h15v-79.2h79.3z"}),
he = function (e) {
return be.a.createElement("svg", de({viewBox: "0 0 190 190", xmlns: "http://www.w3.org/2000/svg"}, e), fe)
}, ve = function (e) {
var t = e.color;
return wp.element.createElement(ge, {style: {color: t}})
}, ye = function (e) {
var t = e.color;
return wp.element.createElement(he, {style: {color: t}})
};
function Oe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function we(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Oe(n, !0).forEach(function (t) {
_e(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Oe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function _e(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var je = function (e, t) {
var n = e.clientId, a = e.name, i = Object(p.dispatch)("core/block-editor").updateBlockAttributes;
if (a.includes("ugb/")) {
var o = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
if (!Array.isArray(t)) return e;
var a = n.includeSlugNames, i = void 0 !== a && a, o = n.includeColorVar, r = void 0 === o || o,
l = JSON.stringify(e);
if (r && t.forEach(function (e) {
e.slug.match(/^stk-global-color/) && (l = l.replace(new RegExp("var\\(--".concat(e.slug, ", ").concat(e.color.replace(")", "\\)").replace("(", "\\("), "\\)"), "g"), function (t) {
return e ? e.color || "#000000" : t
}))
}), i) {
var c = t.filter(function (e) {
return e.slug && e.slug.match(/^stk-global-color/)
}).map(function (e) {
return e.slug
});
c.forEach(function (e) {
var n = Object(v.find)(t, function (t) {
return t.slug === e
});
l = l.replace(new RegExp('"'.concat(e, '"'), "g"), n ? '"'.concat(n.color, '"') || !1 : '"#000000"')
})
}
return JSON.parse(l)
}(e.attributes, t);
Object(v.isEqual)(o, e.attributes) || i(n, o)
} else if (a.includes("core/") && (a.includes("heading") || a.includes("paragraph"))) {
var r = {style: we({color: {}}, e.attributes.style)}, l = e.attributes, c = l.backgroundColor,
s = l.textColor;
if (c && c.includes("stk-global-color-")) {
var u = c.match(/stk-global-color-(\S*)/);
if (u && Array.isArray(u) && u.length >= 2) {
var b = u[1];
r.backgroundColor = void 0;
var m = Object(v.find)(t, function (e) {
return e.slug === "stk-global-color-".concat(b)
});
r.style.color.background = m && m.color || "#000000"
}
}
if (s && s.includes("stk-global-color-")) {
var g = s.match(/stk-global-color-(\S*)/);
if (g && Array.isArray(g) && g.length >= 2) {
var d = g[1];
r.textColor = void 0;
var f = Object(v.find)(t, function (e) {
return e.slug === "stk-global-color-".concat(d)
});
r.style.color.text = f && f.color || "#000000"
}
}
i(n, r)
}
}, ke = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
if (!Array.isArray(t)) return e;
var n = JSON.stringify(e), a = t.filter(function (e) {
return e.slug.match(/^stk-global-color/)
}).map(function (e) {
return "--".concat(e.slug)
});
return a.forEach(function (e) {
var a = new RegExp("var\\(".concat(e, ",(.?)#(.*?(?=\\)))\\)"), "g");
n = n.replace(a, function (n) {
var a = Object(v.find)(t, function (t) {
return "--".concat(t.slug) === e
});
return a ? "var(".concat(e, ", ").concat(a.color, ")") : n
})
}), JSON.parse(n)
}, Ce = function (e) {
var t = te()(e.match(/^#/) ? e : "#".concat(e));
return t.splice(3, 1), t.join(", ")
}, xe = function (e) {
!function t(n) {
n.forEach(function (n) {
je(n, e), n.innerBlocks && n.innerBlocks.length && t(n.innerBlocks)
})
}(Object(p.select)("core/block-editor").getBlocks())
}, Ee = n(8), Se = n.n(Ee);
function Be(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function Te() {
return (Te = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Pe(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Ae = function (e) {
return wp.element.createElement("div", {className: "ugb-global-settings-color-picker__text-name components-color-picker__body"}, wp.element.createElement("div", {className: "components-color-picker__controls"}, wp.element.createElement("div", {className: "components-color-picker__inputs-wrapper"}, wp.element.createElement("div", {className: "components-color-picker__inputs-fields"}, wp.element.createElement(r.BaseControl, {
id: "color-picker-text-name",
className: "components-color-picker__input-field",
label: Object(s.__)("Style name", o.i18n)
}, wp.element.createElement("input", {
className: "components-text-control__input",
id: "color-picker-text-name",
onChange: function (t) {
return e.onChange(t.target.value)
},
value: e.value
}))))))
};
Ae.defaultProps = {
value: "", onChange: function () {
}
};
var Ne = function (e) {
var t = Pe(Object(u.useState)(!1), 2), n = t[0], a = t[1];
return wp.element.createElement(u.Fragment, null, wp.element.createElement(r.Button, {
isLink: !0,
isDestructive: !0,
onClick: function () {
return a(function (e) {
return !e
})
},
disabled: e.disabled
}, Object(s.__)("Delete color", o.i18n)), n && wp.element.createElement(r.Popover, {
className: "components-dropdown__content",
focusOnMount: !1,
onFocusOutside: function () {
return a(!1)
},
position: "bottom center"
}, wp.element.createElement("h4", {className: "ugb-global-settings-color-picker__title"}, Object(s.sprintf)(Object(s.__)('Delete "%s"', o.i18n), e.name)), wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("Any blocks that use this color will become unlinked with this global color. Delete this color?", o.i18n)), wp.element.createElement(r.ButtonGroup, null, wp.element.createElement(r.Button, {
onClick: function () {
a(!1), e.onClick()
}, isDestructive: !0, isSecondary: !0, isSmall: !0
}, Object(s.__)("Delete", o.i18n)), wp.element.createElement(r.Button, {
onClick: function () {
return a(!1)
}, isSmall: !0
}, Object(s.__)("Cancel", o.i18n)))))
}, Me = function (e) {
return wp.element.createElement(r.Button, Te({}, e, {
isSecondary: !0,
className: "ugb-global-settings-color-picker__add-icon",
label: Object(s.__)("Add New Color", o.i18n),
icon: wp.element.createElement(ye, null)
}))
}, Re = function (e) {
var t = Pe(Object(u.useState)(!1), 2), n = t[0], a = t[1];
return wp.element.createElement("div", {className: "ugb-global-settings-color-picker__reset-button"}, wp.element.createElement(r.Button, {
onMouseDown: function () {
return a(function (e) {
return !e
})
}, disabled: e.disabled, isSecondary: !0, isSmall: !0
}, Object(s.__)("Reset", o.i18n)), n && wp.element.createElement(r.Popover, {
className: "components-dropdown__content",
onFocusOutside: function () {
return a(!1)
},
position: "bottom center"
}, wp.element.createElement("h4", {className: "ugb-global-settings-color-picker__title"}, Object(s.__)("Reset Color Palette", o.i18n)), wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("Resetting the global colors will revert all colors to its original color palette. Any added colors will be deleted and will become unlinked. Proceed?", o.i18n)), wp.element.createElement(r.ButtonGroup, null, wp.element.createElement(r.Button, {
onClick: function () {
e.onClick(), a(!1)
}, isDestructive: !0, isSecondary: !0, isSmall: !0
}, Object(s.__)("Reset", o.i18n)), wp.element.createElement(r.Button, {
onClick: function () {
return a(!1)
}, isSmall: !0
}, Object(s.__)("Cancel", o.i18n)))))
}, Fe = function (e) {
var t = e.color, n = e.name;
return e.locked ? wp.element.createElement("div", {className: "components-circular-option-picker__option-wrapper ugb-global-settings__color-picker-disabled-color"}, wp.element.createElement("div", {
className: "components-circular-option-picker__option",
style: {backgroundColor: t, color: t}
}, wp.element.createElement(ve, {color: Object(i.vb)(null, t) || "#222222"}))) : wp.element.createElement(u.Fragment, null, wp.element.createElement("div", {className: "components-circular-option-picker__option-wrapper"}, wp.element.createElement(r.Button, {
className: "components-circular-option-picker__option",
label: n,
style: {backgroundColor: t, color: t},
onMouseDown: function () {
return e.onClick(t)
}
}), e.children))
};
Fe.defaultProps = {
color: "#222222",
name: Object(s.__)("Untitled Color", o.i18n),
locked: !1,
onClick: function () {
}
};
var De = null, Ie = function (e) {
var t = Pe(Object(u.useState)(null), 2), n = t[0], a = t[1], i = Object(p.useSelect)(function (e) {
return e("core/block-editor").getSettings().colors
}) || [], l = Array.isArray(i) ? i : [], c = Object(u.useMemo)(function () {
return !l.some(function (e) {
return e.slug && e.slug.includes("stk-global-color")
})
}, [JSON.stringify(l)]), b = function (e) {
var t = e.filter(function (e) {
return e.slug.match(/^stk-global-color/)
});
!function (e) {
var t = Object(p.dispatch)("core/block-editor").updateBlockAttributes;
!function n(a) {
a.forEach(function (a) {
var i = a.clientId;
if (a.name.match(/^ugb\//)) {
var o = ke(a.attributes, e);
Object(v.isEqual)(o, a.attributes) || t(i, o)
}
a.innerBlocks && a.innerBlocks.length && n(a.innerBlocks)
})
}(Object(p.select)("core/block-editor").getBlocks())
}(t), clearTimeout(De), De = setTimeout(function () {
new ie.models.Settings({stackable_global_colors: [t]}).save()
}, 300), Object(p.dispatch)("stackable/global-colors").updateSettings({stackableColors: t})
}, m = function (e) {
var t = Object(v.cloneDeep)(l);
t[n].color = e.hex, t[n].rgb = Ce(e.hex), b(t)
}, g = function (e) {
var t = Object(v.cloneDeep)(l);
t[n].name = e, b(t)
}, d = function () {
var e = Object(v.cloneDeep)(l);
e.splice(n, 1), xe([l[n]]), b(e), a(null)
},
f = Se()("ugb-global-settings-color-picker", "components-circular-option-picker", "editor-color-palette-control__color-palette", e.className);
return wp.element.createElement(r.BaseControl, {className: f}, wp.element.createElement(Re, {
onClick: function () {
xe(l), b([]), a(null), e.onReset()
}, disabled: c
}), l.map(function (e, t) {
return wp.element.createElement(Fe, {
key: t,
color: e.color,
name: e.name,
locked: !e.slug.match(/^stk-/),
onClick: function () {
return a(t)
}
}, n === t && wp.element.createElement(r.Popover, {
className: "components-dropdown__content",
onFocusOutside: function () {
return a(null)
}
}, wp.element.createElement(r.ColorPicker, {
color: e.color,
onChangeComplete: m,
disableAlpha: !0
}), wp.element.createElement(Ae, {
onChange: g,
value: e.name || ""
}), wp.element.createElement("div", {className: "ugb-global-settings-color-picker__text-name components-color-picker__body"}, wp.element.createElement("div", {className: "components-color-picker__controls"}, wp.element.createElement(Ne, {
name: e.name,
onClick: d
})))))
}), wp.element.createElement(Me, {
onClick: function () {
var e = l && Array.isArray(l) ? l.length + 1 : 1,
t = Math.floor(Math.random() * (new Date).getTime()) % 1e5,
n = "#".concat(((1 << 24) * Math.random() | 0).toString(16)),
i = [].concat(Be(Object(p.select)("core/block-editor").getSettings().colors), [{
name: Object(s.sprintf)(Object(s.__)("Custom Color %s", o.i18n), e),
slug: "stk-global-color-".concat(t),
color: n,
rgb: Ce(n)
}]);
b(i), a(e - 1)
}
}))
};
Ie.defaultProps = {
className: "", onReset: function () {
}
};
var ze = Ie;
Object(M.addFilter)("stackable.util.hex-to-rgba", "stackable/global-colors", function (e, t, n) {
if (!t.includes("--stk-global-color")) return e;
var a = t.match(/--stk-global-color-(\S*?(?=,))/);
if (a) {
var i = t.match(/( )(.*)/g)[0].trim().slice(0, -1);
if (i && "#" === i[0]) {
var o = te()(i);
if (o) return o.splice(3, 1), "rgba(var(--stk-global-color-".concat(a[1], "-rgba, ").concat(o.join(", "), "), ").concat(null !== n ? n : 1, ")")
}
}
return e
}), Object(M.addFilter)("stackable.util.is-dark-color", "stackable/global-colors", function (e) {
if (e.match(/--stk-global-color/) && e.match(/--stk-global-color-(\S*?(?=,))/)) {
var t = e.match(/( )(.*)/g)[0].trim().slice(0, -1);
if (t && "#" === t[0]) return t
}
return e
}), Object(M.addFilter)("stackable.global-settings.inspector", "stackable/global-colors", function (e) {
var t = Object(p.useSelect)(function (e) {
return e("stackable/global-colors").getSettings()
}).useStackableColorsOnly, n = function (e) {
Object(p.dispatch)("stackable/global-colors").updateSettings({useStackableColorsOnly: e}), new ie.models.Settings({stackable_global_colors_palette_only: e}).save()
};
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Global Color Palette", o.i18n),
initialOpen: !0
}, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("Change your color palette for all your blocks across your site.", o.i18n), " ", wp.element.createElement("a", {
href: "https://docs.wpstackable.com/stackable-guides/advanced-guides/how-to-use-global-colors/?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg",
target: "_docs"
}, Object(s.__)("Learn more about Global Colors", o.i18n))), wp.element.createElement(ze, {
onReset: function () {
return n(!1)
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Use only Stackable colors", o.i18n),
checked: !!t,
onChange: function (e) {
return n(e)
}
})))
}), Object(M.addFilter)("stackable.color-palette-control.change", "stackable/global-colors", function (e, t) {
return t && t.slug.includes("stk-global-color") ? "var(--".concat(t.slug, ", ").concat(t.color, ")") : e
});
var Le = n(36), Ue = n(14), He = n.n(Ue);
function We(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function Ge(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Ve(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function qe(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Ke = function () {
var e = qe(Object(u.useState)([]), 2), t = e[0], n = e[1], a = qe(Object(u.useState)(""), 2), o = a[0],
r = a[1], l = qe(Object(u.useState)(""), 2), c = l[0], s = l[1], b = qe(Object(u.useState)(null), 2),
m = b[0], g = b[1], d = Object(p.useSelect)(function (e) {
return {device: e("core/edit-post").__experimentalGetPreviewDeviceType && e("core/edit-post").__experimentalGetPreviewDeviceType()}
}, []).device;
return Object(u.useEffect)(function () {
return ie.loadPromise.then(function () {
(new ie.models.Settings).fetch().then(function (e) {
n(Object(v.head)(e.stackable_global_typography) || {}), r(e.stackable_global_typography_apply_to || "blocks-stackable-native")
})
}), Object(M.addAction)("stackable.global-settings.typography.update-trigger", "stackable/typography-styles", function (e, t) {
n(e), r(t)
}), function () {
Object(M.removeAction)("stackable.global-settings.typography.update-trigger", "stackable/typography-styles")
}
}, []), Object(u.useEffect)(function () {
return Object(M.addAction)("stackable.global-settings.typography-update-global-styles", "stackable/typography-styles", function (e) {
var t = Object.keys(e).map(function (t) {
var n = Je(t, o);
return He.a.all(n.map(function (n) {
var a, o = e[t];
o.fontFamily && Object(i.fb)(o.fontFamily);
var r = n.match(/ugb\//),
l = (Ve(a = {}, n, Object(i.K)("%s", "desktop", o, {important: r})), Ve(a, "tablet", Ve({}, n, Object(i.K)("%s", "tablet", o, {important: r}))), Ve(a, "mobile", Ve({}, n, Object(i.K)("%s", "mobile", o, {important: r}))), a);
return !d || "Tablet" !== d && "Mobile" !== d || (l[n] = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Ge(n, !0).forEach(function (t) {
Ve(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ge(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, l[n], {}, Object(i.K)("%s", d.toLowerCase(), o, {important: r}))), Object(M.applyFilters)("stackable.global-settings.typography.editor-styles", l, t, n, o, r)
}))
});
s(Object(Le.b)(He.a.all(t)).join(""))
}), clearTimeout(m), g(setTimeout(function () {
return Object(M.doAction)("stackable.global-settings.typography-update-global-styles", t)
}, 200)), function () {
return Object(M.removeAction)("stackable.global-settings.typography-update-global-styles", "stackable/typography-styles")
}
}, [JSON.stringify(t), o, d]), wp.element.createElement("style", null, c)
}, Je = function (e, t) {
return ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e) ? Ye(e, t) : Xe(t)
}, Ye = function (e, t) {
var n = [];
return n.push('[data-type^="ugb/"] '.concat(e)), "blocks-stackable" !== t && (n.push('.editor-styles-wrapper [data-type^="core/"] '.concat(e)), n.push(".editor-styles-wrapper ".concat(e, '[data-type^="core/"]'))), "blocks-all" === t && (n.push(".editor-styles-wrapper [data-type] ".concat(e)), n.push(".editor-styles-wrapper ".concat(e, "[data-type]"))), n
}, Xe = function (e) {
return [].concat(We(Ye("p", e)), We(Ye("li", e)), ['.editor-styles-wrapper p.block-editor-block-list__block[data-type^="core/"]', '.editor-styles-wrapper .block-editor-block-list__block[data-type^="core/"] p', '.editor-styles-wrapper .block-editor-block-list__block[data-type^="core/"] li', '.editor-styles-wrapper .block-editor-block-list__block[data-type^="core/"] td'])
};
function $e(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Ze(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(b.a)(function () {
var e = document.createElement("div");
document.body.appendChild(e), Object(u.render)(wp.element.createElement(Ke, null), e)
});
var Qe = function (e) {
var t = e.value, n = function (t, n) {
var a = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? $e(n, !0).forEach(function (t) {
Ze(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $e(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e.value, Ze({}, t, n));
e.onChange(a)
}, i = wp.element.createElement(nt, {tag: e.tag, styles: t}, e.label),
r = Se()(["ugb-global-settings-typography-control"], {"ugb-global-settings-typography-control--with-description": tt(t)});
return wp.element.createElement(a.ub, {
className: r,
label: i,
popoverLabel: null,
onChangeStyle: !1,
showSecondFontSize: !1,
allowReset: !0,
fontFamily: t.fontFamily,
fontSize: t.fontSize,
htmlTag: e.tag,
tabletFontSize: t.tabletFontSize,
mobileFontSize: t.mobileFontSize,
fontSizeUnit: t.fontSizeUnit,
tabletFontSizeUnit: t.tabletFontSizeUnit,
mobileFontSizeUnit: t.mobileFontSizeUnit,
fontWeight: t.fontWeight,
textTransform: t.textTransform,
lineHeight: t.lineHeight,
tabletLineHeight: t.tabletLineHeight,
mobileLineHeight: t.mobileLineHeight,
lineHeightUnit: t.lineHeightUnit,
tabletLineHeightUnit: t.tabletLineHeightUnit,
mobileLineHeightUnit: t.mobileLineHeightUnit,
letterSpacing: t.letterSpacing,
onChangeFontFamily: function (e) {
return n("fontFamily", e)
},
onChangeFontSize: function (e) {
return n("fontSize", e)
},
onChangeTabletFontSize: function (e) {
return n("tabletFontSize", e)
},
onChangeMobileFontSize: function (e) {
return n("mobileFontSize", e)
},
onChangeFontSizeUnit: function (e) {
return n("fontSizeUnit", e)
},
onChangeTabletFontSizeUnit: function (e) {
return n("tabletFontSizeUnit", e)
},
onChangeMobileFontSizeUnit: function (e) {
return n("mobileFontSizeUnit", e)
},
onChangeFontWeight: function (e) {
return n("fontWeight", e)
},
onChangeTextTransform: function (e) {
return n("textTransform", e)
},
onChangeLineHeight: function (e) {
return n("lineHeight", e)
},
onChangeTabletLineHeight: function (e) {
return n("tabletLineHeight", e)
},
onChangeMobileLineHeight: function (e) {
return n("mobileLineHeight", e)
},
onChangeLineHeightUnit: function (e) {
return n("lineHeightUnit", e)
},
onChangeTabletLineHeightUnit: function (e) {
return n("tabletLineHeightUnit", e)
},
onChangeMobileLineHeightUnit: function (e) {
return n("mobileLineHeightUnit", e)
},
onChangeLetterSpacing: function (e) {
return n("letterSpacing", e)
},
onReset: function () {
return e.onReset(e.tag)
},
resetPopoverTitle: Object(s.sprintf)(Object(s.__)("Reset %s Global Typography Style", o.i18n), "p" === e.tag ? Object(s.__)("Body Text", o.i18n) : e.tag.toUpperCase()),
resetPopoverDescription: Object(s.__)("Resetting this typography style will revert all typography to its original style. Proceed?", o.i18n)
})
};
Qe.defaultProps = {
tag: "h1",
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 1),
onChange: function () {
},
onReset: function () {
},
value: {},
letterSpacing: ""
};
var et = Qe, tt = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "desktop", n = [];
return e.fontFamily && n.push(e.fontFamily), e.fontSize && n.push("".concat(e.fontSize).concat(e.fontSizeUnit || "px")), "tablet" === t && e.tabletFontSize ? (e.fontSize && n.pop(), n.push("".concat(e.tabletFontSize).concat(e.tabletFontSizeUnit || "px"))) : "mobile" === t && (e.tabletFontSize || e.mobileFontSize) && (e.fontSize && n.pop(), e.mobileFontSize ? n.push("".concat(e.mobileFontSize).concat(e.mobileFontSizeUnit || "px")) : n.push("".concat(e.tabletFontSize).concat(e.tabletFontSizeUnit || "px"))), e.fontWeight && n.push(e.fontWeight), e.textTransform && n.push(Object(v.upperFirst)(e.textTransform)), n.join(", ")
}, nt = function (e) {
var t, n = e.tag, a = Object(p.useSelect)(function (e) {
return {device: e("core/edit-post").__experimentalGetPreviewDeviceType().toLowerCase()}
}, []).device, o = tt(e.styles, a),
r = Object(v.omit)(e.styles, ["lineHeight", "tabletLineHeight", "mobileLineHeight"]),
l = (Ze(t = {}, '.ugb-global-typography-preview__label[data-tag="'.concat(e.tag, '"]'), Object(i.K)("%s", "desktop", r, {important: !0})), Ze(t, '.ugb-global-typography-preview__label[data-tag="'.concat(e.tag, '"]:not([data-device="desktop"])'), Object(i.K)("%s", "tablet", r, {important: !0})), Ze(t, '.ugb-global-typography-preview__label[data-tag="'.concat(e.tag, '"][data-device="mobile"]'), Object(i.K)("%s", "mobile", r, {important: !0})), t);
return e.styles.fontFamily && Object(i.fb)(e.styles.fontFamily), wp.element.createElement("div", {className: "ugb-global-typography-preview"}, wp.element.createElement("div", {className: "editor-styles-wrapper"}, wp.element.createElement("div", {className: "block-editor-block-list__layout"}, wp.element.createElement("div", {className: "wp-block block-editor-block-list__block"}, wp.element.createElement("style", null, Object(Le.b)(l).join("")), wp.element.createElement(n, {
className: "ugb-global-typography-preview__label",
"data-tag": e.tag,
"data-device": a
}, e.children)))), o && wp.element.createElement("p", {className: "ugb-global-typography-preview__description"}, o))
};
function at(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function it(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function ot(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var rt = [{
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 1),
tag: "h1"
}, {
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 2),
tag: "h2"
}, {
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 3),
tag: "h3"
}, {
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 4),
tag: "h4"
}, {
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 5),
tag: "h5"
}, {
label: Object(s.sprintf)(Object(s.__)("Heading %d", o.i18n), 6),
tag: "h6"
}, {label: Object(s.__)("Body Text", o.i18n), tag: "p"}], lt = null;
Object(M.addFilter)("stackable.global-settings.inspector", "stackable/global-typography", function (e) {
var t = ot(Object(u.useState)([]), 2), n = t[0], i = t[1], r = ot(Object(u.useState)(""), 2), l = r[0],
c = r[1];
Object(u.useEffect)(function () {
ie.loadPromise.then(function () {
(new ie.models.Settings).fetch().then(function (e) {
i(Object(v.head)(e.stackable_global_typography) || {}), c(e.stackable_global_typography_apply_to || "blocks-stackable-native")
})
})
}, []), Object(u.useEffect)(function () {
Object(M.doAction)("stackable.global-settings.typography.update-trigger", n, l)
}, [JSON.stringify(n), l]);
var b = function (e, t) {
var a = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? at(n, !0).forEach(function (t) {
it(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : at(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, n, it({}, e, t));
i(a), t && !t.fontSize && Object(M.doAction)("stackable.global-settings.typography-update-global-styles", a), clearTimeout(lt), lt = setTimeout(function () {
new ie.models.Settings({stackable_global_typography: [a]}).save()
}, 500)
};
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Global Typography", o.i18n),
initialOpen: !0
}, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("Change the typography of your headings for all your blocks in your site.", o.i18n), " ", wp.element.createElement("a", {
href: "https://docs.wpstackable.com/stackable-guides/advanced-guides/how-to-use-global-typography/?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg",
target: "_docs"
}, Object(s.__)("Learn more about Global Typography", o.i18n))), wp.element.createElement(a.d, {
label: Object(s.__)("Apply Typography Styles to", o.i18n),
options: [{
value: "blocks-stackable-native",
label: Object(s.__)("Stackable and native blocks only", o.i18n)
}, {value: "blocks-stackable", label: Object(s.__)("Stackable blocks only", o.i18n)}, {
value: "blocks-all",
label: Object(s.__)("Stackable and all other blocks", o.i18n)
}],
value: l,
onChange: function (e) {
c(e), new ie.models.Settings({stackable_global_typography_apply_to: e}).save()
}
}), wp.element.createElement(a.y, null), rt.map(function (e, t) {
var a = e.label, o = e.tag;
return wp.element.createElement(et, {
key: t, label: a, tag: o, value: n[o] || {}, onChange: function (e) {
return b(o, e)
}, onReset: function () {
return function (e) {
var t = Object(v.omit)(n, [e]);
i(t), Object(M.doAction)("stackable.global-settings.typography-update-global-styles", t), clearTimeout(lt), lt = setTimeout(function () {
new ie.models.Settings({stackable_global_typography: [t]}).save()
}, 500)
}(o)
}
})
})))
});
var ct = n(15), st = n(26);
Object(M.addAction)("stackable.global-settings.toggle-sidebar", "toggle", function () {
var e = "stackable-global-settings/sidebar";
Object(p.select)("core/edit-post").getActiveGeneralSidebarName() === e ? Object(p.dispatch)("core/edit-post").closeGeneralSidebar(e) : Object(p.dispatch)("core/edit-post").openGeneralSidebar(e)
});
function ut(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var bt = null;
Object(M.addFilter)("stackable.edit.inspector.before", "stackable/premium-notice", function (e) {
var t = ut(Object(u.useState)(bt), 2), n = t[0], i = t[1];
return Object(u.useEffect)(function () {
!n && bt && (bt = !1, new ie.models.Settings({stackable_inspector_premium_notice_status: "dismissed"}).save())
}, [n]), Object(u.useEffect)(function () {
bt && i(!0)
}, [bt]), n && bt ? wp.element.createElement(u.Fragment, null, e, wp.element.createElement(c.InspectorControls, null, wp.element.createElement(a.ib, {
className: "ugb-premium-notice-inspector-popup",
isDismissible: !0,
showHideNote: !1,
button: Object(s.__)("Get Premium", o.i18n),
title: Object(s.__)("Achieve More with Premium", o.i18n),
description: Object(s.__)("If you're enjoying Stackable blocks, we have a Premium version that lets you do so much more. Check it out now.", o.i18n),
onClose: function () {
return i(!1)
},
buttonUtmSource: "inspector-premium-notice"
}))) : e
});
var pt = "https://raw.githubusercontent.com/gambitph/Stackable/feat-three-tabs/dist/deprecation-tests.json",
mt = function (e) {
try {
var t = Object(d.parse)(e.replace(/\n/g, "").replace(/\t/g, ""))[0], n = function (e) {
var t = (e.match(/<!--\s*[^:]*:([\/\w\d-]+)/i) || [])[1];
return "string" != typeof t ? "" : t.match(/^[^\/]+\//) ? t : "core/".concat(t)
}(e);
return t.name !== n ? "Block rendered as: ".concat(t.name) : t.isValid && t.name === n
} catch (e) {
return !1
}
};
function gt(e) {
return (gt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function dt(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function ft(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ht(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? ft(n, !0).forEach(function (t) {
vt(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ft(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function vt(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function yt(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function Ot(e) {
return (Ot = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function wt(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function _t(e, t) {
return (_t = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var jt = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = Ot(t).apply(this, arguments)) || "object" !== gt(a) && "function" != typeof a ? wt(n) : a).state = {
tests: [],
testBlockNames: [],
show: [],
loaded: !1,
isLoading: !1
}, e.onClick = e.onClick.bind(wt(e)), e.onClickLocal = e.onClickLocal.bind(wt(e)), e.onRunAllTests = e.onRunAllTests.bind(wt(e)), e.onRunTest = e.onRunTest.bind(wt(e)), e.onShowToggle = e.onShowToggle.bind(wt(e)), e
}
var n, a, i;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && _t(e, t)
}(t, u["Component"]), n = t, (a = [{
key: "updateTestState", value: function (e) {
this.setState({
tests: e.map(function (e) {
return ht({}, e, {passed: null})
}), testBlockNames: dt(new Set(e.map(function (e) {
return e.block
})))
})
}
}, {
key: "fetchTests", value: function () {
var e = this, t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : pt;
this.setState({isLoading: !0}), fetch(t).then(function (t) {
return e.setState({isLoading: !1, loaded: !0}), t.json()
}).then(function (t) {
e.updateTestState(t)
})
}
}, {
key: "onClick", value: function () {
this.fetchTests(pt)
}
}, {
key: "onClickLocal", value: function () {
this.fetchTests(Object(s.sprintf)("%s/dist/deprecation-tests.json", o.srcUrl))
}
}, {
key: "onRunAllTests", value: function () {
var e = this.state.tests.map(function (e) {
return e.skip ? ht({}, e, {passed: !0}) : ht({}, e, {passed: mt(e.html)})
});
this.setState({tests: e})
}
}, {
key: "onRunTest", value: function (e) {
var t = this.state.tests.map(function (t) {
return t.block !== e ? t : t.skip ? ht({}, t, {passed: !0}) : ht({}, t, {passed: mt(t.html)})
});
this.setState({tests: t})
}
}, {
key: "onShowToggle", value: function (e) {
this.setState({
show: this.state.show.includes(e) ? this.state.show.filter(function (t) {
return t !== e
}) : this.state.show.concat(e)
})
}
}, {
key: "render", value: function () {
var e = this,
t = Se()(["ugb-deprecated-tester"], {"ugb-deprecated-tester--loading": this.state.isLoading});
return wp.element.createElement("div", {className: t}, wp.element.createElement(r.BaseControl, null, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("When Stackable blocks are updated, block internal workings may change & editing existing blocks may result in errors if the changes are not backward compatible. This area tests multiple outdated blocks on whether they can migrate properly to newer versions.", o.i18n)), wp.element.createElement(r.Button, {
className: "ugb-deprecated-tester__load-button",
isSecondary: !0,
onClick: this.onClick,
disabled: this.state.isLoading
}, wp.element.createElement(r.Dashicon, {
icon: "image-rotate",
size: "12"
}), Object(s.__)("Load Tests from Server", o.i18n)), !1), this.state.loaded && wp.element.createElement(u.Fragment, null, wp.element.createElement("hr", null), wp.element.createElement("p", {className: "ugb-deprecated-tester--row ugb--first"}, wp.element.createElement(r.Button, {
isPrimary: !0,
isSmall: !0,
onClick: this.onRunAllTests
}, Object(s.__)("Run All Tests", o.i18n)))), this.state.loaded && this.state.testBlockNames.map(function (t, n) {
var a = e.state.tests.filter(function (e) {
return e.block === t
}), i = a.length, l = a.filter(function (e) {
return e.passed
}).length;
return wp.element.createElement(u.Fragment, {key: n}, wp.element.createElement("div", {
key: n,
className: "ugb-deprecated-tester--row"
}, wp.element.createElement("span", {className: "ugb-deprecated-tester--name"}, t, wp.element.createElement(r.Button, {
isSecondary: !1,
icon: "editor-help",
onClick: function () {
return e.onShowToggle(t)
}
})), wp.element.createElement("span", {className: i === l ? "ugb--green" : ""}, Object(s.sprintf)(Object(s.__)("%d / %d Tests", o.i18n), l, i), wp.element.createElement(r.Button, {
isSecondary: !1,
onClick: function () {
return e.onRunTest(t)
},
icon: "controls-play"
}))), e.state.show.includes(t) && wp.element.createElement("div", {className: "ugb-deprecated-tester--test-detail-wrapper"}, a.map(function (e, t) {
var n = e.html.replace(/(<!--[\s\S]*?-->)/g, function (e, t) {
return t.replace(/\n/g, "\\n").replace(/\t/g, "\\t")
});
return wp.element.createElement("div", {key: t}, wp.element.createElement("div", null, e.description, !e.skip && !0 === e.passed && wp.element.createElement("small", {className: "ugb--passed"}, Object(s.__)("Passed", o.i18n)), !e.skip && !1 === e.passed && wp.element.createElement("small", {className: "ugb--failed"}, Object(s.__)("Failed", o.i18n)), e.skip && wp.element.createElement("small", {className: "ugb--skipped"}, Object(s.__)("Skipped", o.i18n))), wp.element.createElement("div", {className: "ugb-deprecated-tester--test-details"}, wp.element.createElement("small", {className: "ugb--version"}, Object(s.sprintf)(Object(s.__)("v%s", o.i18n), e.version)), e.plan && wp.element.createElement("small", {className: "ugb--plan ugb--plan-".concat(e.plan)}, e.plan), wp.element.createElement(r.ClipboardButton, {
isSecondary: !1,
isLink: !0,
text: n
}, Object(s.__)("Copy code", o.i18n)), e.skip && wp.element.createElement("small", {className: "ugb--skipped-note"}, wp.element.createElement("span", {
role: "img",
"aria-label": Object(s.__)("Note", o.i18n)
}, "⚠️"), " ", e.skip)))
})))
}))
}
}]) && yt(n.prototype, a), i && yt(n, i), t
}();
function kt(e) {
return (kt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Ct(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function xt(e) {
return (xt = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function Et(e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}
function St(e, t) {
return (St = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var Bt = {codemirror: {mode: "html"}}, Tt = function (e) {
function t() {
var e, n, a;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), n = this, (e = !(a = xt(t).apply(this, arguments)) || "object" !== kt(a) && "function" != typeof a ? Et(n) : a).state = {
value: e.props.value,
isValid: mt(e.props.value)
}, e.onChange = e.onChange.bind(Et(e)), e
}
var n, i, l;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && St(e, t)
}(t, u["Component"]), n = t, (i = [{
key: "onChange", value: function (e) {
this.setState({value: e, isValid: mt(e)})
}
}, {
key: "render", value: function () {
return wp.element.createElement(r.BaseControl, {className: "ugb-html-validator"}, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("Enter some HTML below to see whether it renders correctly as a block. Check the browser console for block errors.", o.i18n)), wp.element.createElement(a.t, {
value: this.state.value,
onChange: this.onChange,
editorSettings: Bt
}), !0 === this.state.isValid && wp.element.createElement("div", {className: "ugb-html-validator--valid"}, wp.element.createElement("span", {
role: "img",
"aria-label": Object(s.__)("Valid", o.i18n)
}, "✔️"), Object(s.__)("Valid", o.i18n)), !0 !== this.state.isValid && wp.element.createElement("div", {className: "ugb-html-validator--invalid"}, wp.element.createElement("span", {
role: "img",
"aria-label": Object(s.__)("Invalid", o.i18n)
}, "️️⚠️"), Object(s.__)("Invalid", o.i18n), wp.element.createElement("br", null), this.state.isValid))
}
}]) && Ct(n.prototype, i), l && Ct(n, l), t
}();
Tt.defaultProps = {value: "\x3c!-- wp:paragraph --\x3e\n<p>Some sample code</p>\n\x3c!-- /wp:paragraph --\x3e"};
var Pt = Tt, At = function () {
return wp.element.createElement(u.Fragment, null, wp.element.createElement(st.PluginSidebarMoreMenuItem, {target: "stackable-block-tester"}, Object(s.__)("Stackable Debugger", o.i18n)), wp.element.createElement(st.PluginSidebar, {
name: "stackable-block-tester",
isPinnable: !1,
title: Object(s.__)("Stackable Debugger", o.i18n)
}, wp.element.createElement("div", {className: "ugb-debugger-panel"}, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("This area contains a number of testing and debugging tools made specifically for Stackable.", o.i18n))), wp.element.createElement(a.fb, {
initialOpen: !1,
title: Object(s.__)("Block Validity Checker", o.i18n)
}, wp.element.createElement(Pt, null)), wp.element.createElement(a.fb, {
initialOpen: !1,
title: Object(s.__)("Block Migration Tests", o.i18n)
}, wp.element.createElement(jt, null))))
};
Object(R.registerPlugin)("stackable-convert-to-container-button", {render: a.z}), o.devMode && (Object(R.registerPlugin)("stackable-block-tester", {
icon: "clipboard",
render: At
}), Object(R.registerPlugin)("stackable-block-attributes-get-button", {render: a.L}));
var Nt = n(145), Mt = n.n(Nt), Rt = n(146), Ft = n.n(Rt), Dt = n(147), It = n.n(Dt), zt = n(148), Lt = n.n(zt),
Ut = n(149), Ht = n.n(Ut), Wt = n(150), Gt = n.n(Wt), Vt = n(151), qt = n.n(Vt), Kt = n(152), Jt = n.n(Kt),
Yt = n(153), Xt = n.n(Yt), $t = n(154), Zt = n.n($t), Qt = n(155), en = n.n(Qt), tn = n(156), nn = n.n(tn),
an = n(157), on = n.n(an), rn = n(158), ln = n.n(rn), cn = n(159), sn = n.n(cn), un = n(62), bn = n.n(un),
pn = n(160), mn = n.n(pn), gn = n(161), dn = n.n(gn), fn = n(162), hn = n.n(fn), vn = n(163), yn = n.n(vn),
On = n(164), wn = n.n(On), _n = n(49), jn = n.n(_n), kn = n(63), Cn = n.n(kn), xn = n(165), En = n.n(xn),
Sn = n(166), Bn = n.n(Sn), Tn = n(167), Pn = n.n(Tn), An = n(168), Nn = n.n(An), Mn = n(169), Rn = n.n(Mn),
Fn = n(170), Dn = n.n(Fn), In = n(171), zn = n.n(In), Ln = n(172), Un = n.n(Ln), Hn = n(173), Wn = n.n(Hn),
Gn = n(174), Vn = n.n(Gn), qn = n(175), Kn = n.n(qn), Jn = n(176), Yn = n.n(Jn), Xn = n(177), $n = n.n(Xn),
Zn = n(178), Qn = n.n(Zn), ea = n(179), ta = n.n(ea), na = n(180), aa = n.n(na), ia = n(181), oa = n.n(ia),
ra = n(50), la = n.n(ra), ca = n(64), sa = n.n(ca), ua = n(182), ba = n.n(ua), pa = n(183), ma = n.n(pa),
ga = n(184), da = n.n(ga), fa = n(185), ha = n.n(fa), va = n(186), ya = n.n(va), Oa = n(187), wa = n.n(Oa),
_a = n(188), ja = n.n(_a), ka = n(189), Ca = n.n(ka), xa = n(190), Ea = n.n(xa), Sa = n(191), Ba = n.n(Sa),
Ta = n(192), Pa = n.n(Ta), Aa = n(193), Na = n.n(Aa), Ma = n(194), Ra = n.n(Ma), Fa = n(195), Da = n.n(Fa),
Ia = n(196), za = n.n(Ia), La = n(197), Ua = n.n(La), Ha = n(198), Wa = n.n(Ha), Ga = n(199), Va = n.n(Ga),
qa = n(200), Ka = n.n(qa), Ja = n(201), Ya = n.n(Ja), Xa = n(202), $a = n.n(Xa), Za = n(203), Qa = n.n(Za),
ei = n(204), ti = n.n(ei), ni = n(205), ai = n.n(ni), ii = n(206), oi = n.n(ii), ri = n(207), li = n.n(ri),
ci = n(208), si = n.n(ci), ui = n(65), bi = n.n(ui), pi = n(209), mi = n.n(pi), gi = n(210), di = n.n(gi),
fi = n(211), hi = n.n(fi), vi = n(212), yi = n.n(vi), Oi = n(213), wi = n.n(Oi), _i = n(66), ji = n.n(_i),
ki = n(214), Ci = n.n(ki), xi = n(215), Ei = n.n(xi), Si = n(216), Bi = n.n(Si), Ti = n(217), Pi = n.n(Ti),
Ai = n(218), Ni = n.n(Ai), Mi = n(219), Ri = n.n(Mi), Fi = n(220), Di = n.n(Fi), Ii = n(221), zi = n.n(Ii),
Li = n(67), Ui = n.n(Li), Hi = n(222), Wi = n.n(Hi), Gi = n(223), Vi = n.n(Gi), qi = n(224), Ki = n.n(qi),
Ji = n(225), Yi = n.n(Ji), Xi = n(226), $i = n.n(Xi), Zi = n(227), Qi = n.n(Zi), eo = n(228), to = n.n(eo),
no = n(229), ao = n.n(no), io = n(230), oo = n.n(io), ro = n(231), lo = n.n(ro), co = n(232), so = n.n(co),
uo = n(233), bo = n.n(uo), po = n(234), mo = n.n(po), go = n(235), fo = n.n(go), ho = n(236), vo = n.n(ho),
yo = n(237), Oo = n.n(yo), wo = n(238), _o = n.n(wo), jo = n(239), ko = n.n(jo), Co = n(240), xo = n.n(Co),
Eo = n(241), So = n.n(Eo), Bo = n(242), To = n.n(Bo), Po = n(243), Ao = n.n(Po), No = n(244), Mo = n.n(No),
Ro = n(245), Fo = n.n(Ro), Do = n(246), Io = n.n(Do), zo = n(247), Lo = n.n(zo), Uo = n(248), Ho = n.n(Uo),
Wo = n(249), Go = n.n(Wo), Vo = n(250), qo = n.n(Vo), Ko = n(251), Jo = n.n(Ko), Yo = n(252), Xo = n.n(Yo),
$o = n(253), Zo = n.n($o), Qo = n(254), er = n.n(Qo), tr = n(255), nr = n.n(tr), ar = n(256), ir = n.n(ar),
or = n(257), rr = n.n(or), lr = n(258), cr = n.n(lr), sr = n(259), ur = n.n(sr), br = n(260), pr = n.n(br),
mr = n(261), gr = n.n(mr), dr = n(262), fr = n.n(dr), hr = n(263), vr = n.n(hr), yr = n(264), Or = n.n(yr),
wr = {
fullHeight: {
video: Mt.a,
title: Object(s.__)("Full Height", o.i18n),
description: Object(s.__)("Block height takes up the full height of the screen", o.i18n)
},
generalRestrictContent: {
video: Ft.a,
title: Object(s.__)("Restrict to Content Width", o.i18n),
description: Object(s.__)("Restricts content to a narrower space when block width is set to full width", o.i18n)
},
generalBorderRadius: {
video: It.a,
title: Object(s.__)("Border Radius", o.i18n),
description: Object(s.__)("Adjusts the radius of block corners to make them more rounded", o.i18n)
},
generalShadow: {
video: Lt.a,
title: Object(s.__)("Shadow/Outline", o.i18n),
description: Object(s.__)("Adjusts the intensity of the shadow/outline of the block and the appearance of the block border", o.i18n)
},
alignmentAll: {
video: Ht.a,
title: Object(s.__)("Align (general / all)", o.i18n),
description: Object(s.__)("Adjusts the placement of all content in the block to align left, center or right", o.i18n)
},
generalColumns: {
video: Gt.a,
title: Object(s.__)("Columns", o.i18n),
description: Object(s.__)("Sets the number of columns", o.i18n)
},
columnBackgroundOnOff: {
video: qt.a,
title: Object(s.__)("Column / Container Background", o.i18n),
description: Object(s.__)("Background settings for the container or columns.", o.i18n)
},
imageShape: {
video: Jt.a,
title: Object(s.__)("Shape", o.i18n),
description: Object(s.__)("Change the shape of the image", o.i18n)
},
imageSize: {
video: Xt.a,
title: Object(s.__)("Image size", o.i18n),
description: Object(s.__)("Sets the image display size to thumbnail, medium, large or full size. A smaller image size will also load faster.", o.i18n)
},
imageSizeNoCrop: {
video: Zt.a,
title: Object(s.__)("Image size", o.i18n),
description: Object(s.__)("Adjusts the image size / width while preseving the aspect ratio", o.i18n)
},
imageWidthCrop: {
video: en.a,
title: Object(s.__)("Image width", o.i18n),
description: Object(s.__)("Adjusts the image width", o.i18n)
},
imageHeightCrop: {
video: nn.a,
title: Object(s.__)("Image height", o.i18n),
description: Object(s.__)("Adjusts the image height", o.i18n)
},
imageSquare: {
video: on.a,
title: Object(s.__)("Force Square Image", o.i18n),
description: Object(s.__)("Crops image into a square", o.i18n)
},
imageBorderRadius: {
video: ln.a,
title: Object(s.__)("Border radius (of image)", o.i18n),
description: Object(s.__)("Adjusts the radius of image corners to make them more rounded", o.i18n)
},
imageShadow: {
video: sn.a,
title: Object(s.__)("Shadow (of image)", o.i18n),
description: Object(s.__)("Adjusts the intensity of the image shadow", o.i18n)
},
typography: {
video: bn.a,
title: Object(s.__)("Typography", o.i18n),
description: Object(s.__)("Change the font family, size, weight and spacing of the font of this text", o.i18n)
},
typographyFamily: {
video: bn.a,
title: Object(s.__)("Font family", o.i18n),
description: Object(s.__)("Sets the font set to be used for the element", o.i18n)
},
typographySize: {
video: mn.a,
title: Object(s.__)("Font size", o.i18n),
description: Object(s.__)("Sets the size of text characters", o.i18n)
},
typographyWeight: {
video: dn.a,
title: Object(s.__)("Font weight", o.i18n),
description: Object(s.__)("Sets the thinness or thickness of text characters", o.i18n)
},
typographyTransform: {
video: hn.a,
title: Object(s.__)("Transform", o.i18n),
description: Object(s.__)("Sets the usage of upper or lower case", o.i18n)
},
typographyLineHeight: {
video: yn.a,
title: Object(s.__)("Line height", o.i18n),
description: Object(s.__)("Sets the vertical distance between lines of text", o.i18n)
},
typographyLetterSpacing: {
video: wn.a,
title: Object(s.__)("Letter spacing", o.i18n),
description: Object(s.__)("Sets the distance or space between letters", o.i18n)
},
alignmentImage: {
video: jn.a,
title: Object(s.__)("Image alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the image to align left, center or right", o.i18n)
},
alignmentNumber: {
video: jn.a,
title: Object(s.__)("Number alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the number to align left, center or right", o.i18n)
},
alignmentIcon: {
video: jn.a,
title: Object(s.__)("Icon alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the icon to align left, center or right", o.i18n)
},
alignmentTitle: {
video: Cn.a,
title: Object(s.__)("Title / subtitle alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the title or subtitle to align left, center or right", o.i18n)
},
alignmentName: {
video: Cn.a,
title: Object(s.__)("Name / position alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the name or position to align left, center or right", o.i18n)
},
alignmentDescription: {
video: En.a,
title: Object(s.__)("Description / text alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the text to align left, center or right", o.i18n)
},
alignmentButton: {
video: Bn.a,
title: Object(s.__)("Button / link alignment", o.i18n),
description: Object(s.__)("Adjusts the placement of the button or link to align left, center or right", o.i18n)
},
buttonPadding: {
video: Pn.a,
title: Object(s.__)("Button padding", o.i18n),
description: Object(s.__)("Adjusts the space between the button text and button borders", o.i18n)
},
buttonVerticalPadding: {
video: Nn.a,
title: Object(s.__)("Button vertical padding", o.i18n),
description: Object(s.__)("Adjusts the space between the button text and button's top and bottom borders", o.i18n)
},
buttonHorizontalPadding: {
video: Rn.a,
title: Object(s.__)("Button horizontal padding", o.i18n),
description: Object(s.__)("Adjusts the space between the button text and button's side borders", o.i18n)
},
buttonSize: {
video: Dn.a,
title: Object(s.__)("Button size", o.i18n),
description: Object(s.__)("Sets the size of the button. Choose from tiny, small, normal, medium or large.", o.i18n)
},
buttonHoverEffect: {
video: zn.a,
title: Object(s.__)("Hover effect", o.i18n),
description: Object(s.__)("Triggers animation or effects when you mouse over", o.i18n)
},
buttonHoverOpacity: {
video: Un.a,
title: Object(s.__)("Hover opacity", o.i18n),
description: Object(s.__)("Adjusts the transparency of the button when you mouse over", o.i18n)
},
buttonHoverColor: {
video: Wn.a,
title: Object(s.__)("Hover colors", o.i18n),
description: Object(s.__)("Triggers a change in color when you mouse over", o.i18n)
},
buttonShadow: {
video: Vn.a,
title: Object(s.__)("Button shadow", o.i18n),
description: Object(s.__)("Adjusts the intensity of the button shadow", o.i18n)
},
buttonBorderRadius: {
video: Kn.a,
title: Object(s.__)("Button border radius", o.i18n),
description: Object(s.__)("Adjusts the radius of button corners to make them more rounded", o.i18n)
},
buttonColorType: {
video: Yn.a,
title: Object(s.__)("Button color type", o.i18n),
description: Object(s.__)("Sets the button color type to single or gradient", o.i18n)
},
buttonToNormal: {
video: $n.a,
title: Object(s.__)("Change to normal button on hover", o.i18n),
description: Object(s.__)("Triggers change from ghost to normal button when you mouse over", o.i18n)
},
buttonCollapse: {
video: Qn.a,
title: Object(s.__)("Collapse buttons on", o.i18n),
description: Object(s.__)("Sets when buttons will be triggered to arrange vertically", o.i18n)
},
spacing: {
video: ta.a,
title: Object(s.__)("Spacing", o.i18n),
description: Object(s.__)("Adjusts the space between block elements", o.i18n)
},
spacingBlockTitle: {
video: aa.a,
title: Object(s.__)("Block title spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the block title", o.i18n)
},
spacingBlockDescription: {
video: oa.a,
title: Object(s.__)("Block description spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the block description", o.i18n)
},
spacingImage: {
video: la.a,
title: Object(s.__)("Image spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the image", o.i18n)
},
spacingNumber: {
video: la.a,
title: Object(s.__)("Number spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the number", o.i18n)
},
spacingIcon: {
video: la.a,
title: Object(s.__)("Icon spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the icon", o.i18n)
},
spacingTitle: {
video: sa.a,
title: Object(s.__)("Title spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the title", o.i18n)
},
spacingName: {
video: sa.a,
title: Object(s.__)("Name / position spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the name / position", o.i18n)
},
spacingDescription: {
video: ba.a,
title: Object(s.__)("Description Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the description", o.i18n)
},
spacingButton: {
video: ma.a,
title: Object(s.__)("Button spacing", o.i18n),
description: Object(s.__)("Adjusts the space beloe the button", o.i18n)
},
spacingButtonGap: {
video: da.a,
title: Object(s.__)("Button spacing gap", o.i18n),
description: Object(s.__)("Adjusts the gap between the buttons", o.i18n)
},
hoverEffect: {
video: ha.a,
title: Object(s.__)("Hover effect", o.i18n),
description: Object(s.__)("Triggers animation or effects when you mouse over", o.i18n)
},
backgroundOnOff: {
video: ya.a,
title: Object(s.__)("Background Toggle On/Off", o.i18n),
description: Object(s.__)("Turns the block background on/off. Turn on to enable different background settings.", o.i18n),
learnMore: "https://wpstackable.com/blog/column-backgrounds-and-block-backgrounds/?utm_medium=Help%20Tooltip&utm_campaign=Help%20Tooltip&utm_source=Plugin"
},
backgroundColorOpacity: {
video: wa.a,
title: Object(s.__)("Background Color Opacity", o.i18n),
description: Object(s.__)("Adjusts the transparency of the background color", o.i18n)
},
backgroundTint: {
video: ja.a,
title: Object(s.__)("Background Media Tint Strength", o.i18n),
description: Object(s.__)("Adjusts the intensity of the background media tint", o.i18n)
},
backgroundColorType: {
video: Ca.a,
title: Object(s.__)("Color type", o.i18n),
description: Object(s.__)("Sets the color to either a single color or a gradient", o.i18n)
},
backgroundFixed: {
video: Ea.a,
title: Object(s.__)("Fixed Background", o.i18n),
description: Object(s.__)("Keeps the background image fixed in place while scrolling", o.i18n)
},
gradientDirection: {
video: Ba.a,
title: Object(s.__)("Gradient direction", o.i18n),
description: Object(s.__)("Sets the direction (in degrees) of the colors", o.i18n)
},
gradientLocation: {
video: Pa.a,
title: Object(s.__)("Gradient Color location", o.i18n),
description: Object(s.__)("Sets the placement of each color in relation to the other color", o.i18n)
},
backgroundImagePosition: {
video: Na.a,
title: Object(s.__)("Image Position", o.i18n),
description: Object(s.__)("Chooses which part of the background image will be the focal point", o.i18n)
},
backgroundImageRepeat: {
video: Ra.a,
title: Object(s.__)("Image Repeat", o.i18n),
description: Object(s.__)("Covers the background with tiled images", o.i18n)
},
backgroundImageSize: {
video: Da.a,
title: Object(s.__)("Image Size", o.i18n),
description: Object(s.__)("Sets the display image size", o.i18n)
},
backgroundBlendMode: {
video: za.a,
title: Object(s.__)("Image Blend Mode", o.i18n),
description: Object(s.__)("Sets how this background gradient/image blends into the other background", o.i18n)
},
separatorTopOn: {
video: Ua.a,
title: Object(s.__)("Separator Top On and Off", o.i18n),
description: Object(s.__)("Turns the top separator on/off. Turn on to enable different separator settings.", o.i18n)
},
separatorBottomOn: {
video: Wa.a,
title: Object(s.__)("Separator Bottom On and Off", o.i18n),
description: Object(s.__)("Turns the bottom separator on/off. Turn on to enable different separator settings.", o.i18n)
},
separatorHeight: {
video: Va.a,
title: Object(s.__)("Separator height", o.i18n),
description: Object(s.__)("Adjusts the height of the separator to stretch or compress vertically", o.i18n)
},
separatorWidth: {
video: Ka.a,
title: Object(s.__)("Separator width", o.i18n),
description: Object(s.__)("Adusts the width of the separator to stretch or compress horizantally", o.i18n)
},
separatorShadow: {
video: Ya.a,
title: Object(s.__)("Shadow", o.i18n),
description: Object(s.__)("Adjusts the intensity of the separator shadow and makes the separator more prominent", o.i18n)
},
separatorBringToFront: {
video: $a.a,
title: Object(s.__)("Bring to Front", o.i18n),
description: Object(s.__)("Brings the separator layer in front of other block elements", o.i18n)
},
separatorLayer2: {
video: Qa.a,
title: Object(s.__)("Layer 2", o.i18n),
description: Object(s.__)("Turns a second separator layer on/off. Turn on to enable the separate layer settings.", o.i18n)
},
separatorLayer3: {
video: ti.a,
title: Object(s.__)("Layer 3", o.i18n),
description: Object(s.__)("Turns a third separator layer on/off. Turn on to enable the separate layer settings.", o.i18n)
},
separatorLayerOpacity: {
video: ai.a,
title: Object(s.__)("Layer Opacity", o.i18n),
description: Object(s.__)("Adjusts the transparency of the separator layer", o.i18n)
},
separatorLayerBlendMode: {
video: oi.a,
title: Object(s.__)("Layer blend mode", o.i18n),
description: Object(s.__)("Sets how the sepator layer is blended into the background", o.i18n)
},
advancedOpacity: {
video: li.a,
title: Object(s.__)("Opacity", o.i18n),
description: Object(s.__)("Adjusts the transparency of the entire block", o.i18n)
},
advancedZindex: {
video: si.a,
title: Object(s.__)("Z-Index", o.i18n),
description: Object(s.__)("Sets the stack order of different blocks to make one appear in front of another. A block with a higher z-index will show up on top of another block with a lower z-index.", o.i18n)
},
advancedBlockSpacing: {
video: bi.a,
title: Object(s.__)("Block Spacing", o.i18n),
description: Object(s.__)("Set margins, paddings and alignment of the block and its content", o.i18n)
},
advancedBlockMargins: {
video: bi.a,
title: Object(s.__)("Block Margins", o.i18n),
description: Object(s.__)("Sets the block margin, i.e. the space outside the block between the block border and the next block", o.i18n)
},
advancedBlockPaddings: {
video: mi.a,
title: Object(s.__)("Block Padding", o.i18n),
description: Object(s.__)("Sets the block padding, i.e. the space inside the block between the column container and the block border", o.i18n)
},
advancedBlockHeight: {
video: di.a,
title: Object(s.__)("Min Block Height", o.i18n),
description: Object(s.__)("Adjusts the minimum allowable height of the block", o.i18n)
},
advancedBlockVerticalAlign: {
video: hi.a,
title: Object(s.__)("Content Vertical Align", o.i18n),
description: Object(s.__)("Sets the placement of the column container to top, center or bottom. Available when the min. block height is set to higher than default.", o.i18n)
},
advancedBlockContentWidth: {
video: yi.a,
title: Object(s.__)("Max Content Width", o.i18n),
description: Object(s.__)("Adjusts the maximum allowable width of the block. The settings will depend on the block width you set on the toolbar.", o.i18n)
},
advancedBlockHorizontalAlign: {
video: wi.a,
title: Object(s.__)("Content Horizontal Align", o.i18n),
description: Object(s.__)("Sets the placement of the column container to left, center or right. Not available when block width is set to full width.", o.i18n)
},
advancedColumnSpacing: {
video: ji.a,
title: Object(s.__)("Column Spacing & More", o.i18n),
description: Object(s.__)("Sets column paddings, the space inside the block between the block elements and the column container border", o.i18n)
},
advancedColumnPaddings: {
video: ji.a,
title: Object(s.__)("Column Paddings", o.i18n),
description: Object(s.__)("Sets the column padding, the space inside the block between the block elements and the column container border", o.i18n)
},
advancedColumnGap: {
video: Ci.a,
title: Object(s.__)("Column Gap", o.i18n),
description: Object(s.__)("Sets the distance between two or more columns", o.i18n)
},
advancedColumnColumnVerticalAlign: {
video: Ei.a,
title: Object(s.__)("Column Vertical Align", o.i18n),
description: Object(s.__)("Sets the placement of the column container to top, center, bottom or stretch. Available when column heights are different.", o.i18n)
},
advancedColumnHeight: {
video: Bi.a,
title: Object(s.__)("Min Column Height", o.i18n),
description: Object(s.__)("Adjusts the minimum allowable height of the column container", o.i18n)
},
advancedColumnContentVerticalAlign: {
video: Pi.a,
title: Object(s.__)("Content Vertical Align", o.i18n),
description: Object(s.__)("Sets the placement of the block elements to top, center, bottom or stretch. Available when column heights are different or when min. column height is set to higher than default.", o.i18n)
},
accordionAdjacentOpen: {
video: Ni.a,
title: Object(s.__)("Close adjacent on open", o.i18n),
description: Object(s.__)("Automatically closes adjacent accordion panels when clicked", o.i18n)
},
accordionClosedStateBackgroundColor: {
video: Ri.a,
title: Object(s.__)("Closed state Background Color", o.i18n),
description: Object(s.__)("Sets color of the panel when closed", o.i18n)
},
accordionPadding: {
video: Di.a,
title: Object(s.__)("Accordion Padding", o.i18n),
description: Object(s.__)("Sets the accordion padding, i.e. the space inside the block between the panel elements and the panel border", o.i18n)
},
accordionTitleSpacing: {
video: zi.a,
title: Object(s.__)("Accordion Title Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the title", o.i18n)
},
accordionBorder: {
video: Ui.a,
title: Object(s.__)("Border", o.i18n),
description: Object(s.__)("Adjusts the thickness and color of the border of a closed panel for the Lined to Colored layout", o.i18n)
},
accordionBorderSize: {
video: Ui.a,
title: Object(s.__)("Border Size", o.i18n),
description: Object(s.__)("Adjusts the thickness of the border of a closed panel for the Lined to Colored layout", o.i18n)
},
imageColumnWidth: {
video: Wi.a,
title: Object(s.__)("Image Column Width", o.i18n),
description: Object(s.__)("Adjusts the width of the image", o.i18n)
},
featureContainerWidth: {
video: Vi.a,
title: Object(s.__)("Container Width", o.i18n),
description: Object(s.__)("Adjusts the width of the text and button container", o.i18n)
},
featureContainerOffset: {
video: Ki.a,
title: Object(s.__)("Container Offset", o.i18n),
description: Object(s.__)("Adjusts the relative arrangement of the image and the text and button contianer", o.i18n)
},
iconListGrid: {
video: Yi.a,
title: Object(s.__)("Display as a grid", o.i18n),
description: Object(s.__)("Displays the list in an evenly-spaced grid arrangement", o.i18n)
},
iconListGap: {
video: $i.a,
title: Object(s.__)("List Gap", o.i18n),
description: Object(s.__)("Adjusts the space between different list lines", o.i18n)
},
imageBoxHeight: {
video: Qi.a,
title: Object(s.__)("Height", o.i18n),
description: Object(s.__)("Adjusts the height of the image box", o.i18n)
},
notificationDismissible: {
video: to.a,
title: Object(s.__)("Dismissible", o.i18n),
description: Object(s.__)("Provides option to close the notification", o.i18n)
},
postsContentOrder: {
video: ao.a,
title: Object(s.__)("Content Order", o.i18n),
description: Object(s.__)("Sets the order of the items displayed (category, title, meta, excerpt) for each post", o.i18n)
},
postsMetaSeparator: {
video: oo.a,
title: Object(s.__)("Meta Separator", o.i18n),
description: Object(s.__)("Sets the separators between meta items (dot, space, comma, dash, pipe)", o.i18n)
},
dividerMargin: {
video: lo.a,
title: Object(s.__)("Vertical Margin", o.i18n),
description: Object(s.__)("Adjusts the space between the divider and the vertically adjacent blocks", o.i18n)
},
pricingImageAlign: {
video: so.a,
title: Object(s.__)("Image Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the image to align left, center or right", o.i18n)
},
pricingTitleAlign: {
video: bo.a,
title: Object(s.__)("Title Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the title to align left, center or right", o.i18n)
},
pricingPriceAlign: {
video: mo.a,
title: Object(s.__)("Price Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the price to align left, center or right", o.i18n)
},
pricingSubpriceAlign: {
video: fo.a,
title: Object(s.__)("Sub Price Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the subtitle to align left, center or right", o.i18n)
},
pricingButtonAlign: {
video: vo.a,
title: Object(s.__)("Button Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the button to align left, center or right", o.i18n)
},
pricingDescriptionAlign: {
video: Oo.a,
title: Object(s.__)("Description Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the description to align left, center or right", o.i18n)
},
pricingImageSpacing: {
video: _o.a,
title: Object(s.__)("Image Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the image", o.i18n)
},
pricingTitleSpacing: {
video: ko.a,
title: Object(s.__)("Title Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the title", o.i18n)
},
pricingPriceSpacing: {
video: xo.a,
title: Object(s.__)("Price Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the price", o.i18n)
},
pricingSubpriceSpacing: {
video: So.a,
title: Object(s.__)("Sub Price Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the subtitle", o.i18n)
},
pricingButtonSpacing: {
video: To.a,
title: Object(s.__)("Button Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the button", o.i18n)
},
pricingDescriptionSpacing: {
video: Ao.a,
title: Object(s.__)("Description Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the description", o.i18n)
},
imageBoxOverlay: {
video: Mo.a,
title: Object(s.__)("Overlay Color", o.i18n),
description: Object(s.__)("Sets the overlay color of all image boxes", o.i18n)
},
imageBoxOverlayHover: {
video: Fo.a,
title: Object(s.__)("Overlay Hover Color", o.i18n),
description: Object(s.__)("Triggers change in overlay color when you mouse over", o.i18n)
},
imageBoxHoverEffect: {
video: Io.a,
title: Object(s.__)("Image Hover Effect", o.i18n),
description: Object(s.__)("Sets an effect that animates the image", o.i18n)
},
imageBoxBoxHoverEffect: {
video: Lo.a,
title: Object(s.__)("Box Hover Effect", o.i18n),
description: Object(s.__)("Sets an effect that animates the container of the image", o.i18n)
},
imageBoxSubtitleSpacing: {
video: Ho.a,
title: Object(s.__)("Subtitle Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the subtitle", o.i18n)
},
imageBoxTitleSpacing: {
video: Go.a,
title: Object(s.__)("Title Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the title", o.i18n)
},
imageBoxLineSpacing: {
video: qo.a,
title: Object(s.__)("Line Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the line", o.i18n)
},
imageBoxDescriptionSpacing: {
video: Jo.a,
title: Object(s.__)("Description Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the description", o.i18n)
},
imageBoxArrowSpacing: {
video: Xo.a,
title: Object(s.__)("Arrow Spacing", o.i18n),
description: Object(s.__)("Adjusts the space below the arrow", o.i18n)
},
imageBoxSubtitleAlign: {
video: Zo.a,
title: Object(s.__)("Subtitle Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the subtitle to align left, center or right", o.i18n)
},
imageBoxTitleAlign: {
video: er.a,
title: Object(s.__)("Title Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the title to align left, center or right", o.i18n)
},
imageBoxDescriptionAlign: {
video: nr.a,
title: Object(s.__)("Description Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the description to align left, center or right", o.i18n)
},
imageBoxArrowAlign: {
video: ir.a,
title: Object(s.__)("Arrow Align", o.i18n),
description: Object(s.__)("Adjusts the placement of the arrow to align left, center or right", o.i18n)
},
videoPopupWidth: {
video: rr.a,
title: Object(s.__)("Video popup width", o.i18n),
description: Object(s.__)("Adjusts the width of the video popup container", o.i18n)
},
videoPopupHeight: {
video: cr.a,
title: Object(s.__)("Video popup height", o.i18n),
description: Object(s.__)("Adjusts the height of the video popup container", o.i18n)
},
containerImageWidth: {
video: ur.a,
title: Object(s.__)("Image width", o.i18n),
description: Object(s.__)("Adjusts the image width", o.i18n)
},
containerImageHeight: {
video: pr.a,
title: Object(s.__)("Image height", o.i18n),
description: Object(s.__)("Adjusts the image height", o.i18n)
},
columnRowGap: {
video: gr.a,
title: Object(s.__)("Row gap", o.i18n),
description: Object(s.__)("Adjusts the vertical row gap between columns", o.i18n)
},
noPadding: {
video: fr.a,
title: Object(s.__)("No paddings", o.i18n),
description: Object(s.__)("Removes all outer paddings of the block", o.i18n)
},
columnWidth: {
video: vr.a,
title: Object(s.__)("Column widths", o.i18n),
description: Object(s.__)("Adjust the individual widths of each column", o.i18n)
},
columnArrangement: {
video: Or.a,
title: Object(s.__)("Column arrangement", o.i18n),
description: Object(s.__)("Rearrange and move columns around by dragging each handle", o.i18n)
}
}, _r = function (e) {
var t = e.getAnchorRect, n = e.title, a = e.videoUrl, i = e.description, l = e.learnMoreUrl, c = e.learnMore,
b = Object(u.useRef)();
return Object(u.useEffect)(function () {
var e = b.current;
e.muted = !0, e && !e.playing && e.play()
}, []), Object(u.useEffect)(function () {
window.dispatchEvent(new window.Event("resize"))
}, [e.videoUrl]), wp.element.createElement(r.Popover, {
title: n,
focusOnMount: "container",
className: "ugb-help-tooltip-video",
position: "middle left",
getAnchorRect: t
}, wp.element.createElement(r.PanelBody, null, wp.element.createElement("button", {
className: "ugb-help-tooltip-video__remove",
"data-testid": "close-button",
onClick: e.onClickClose
}, wp.element.createElement(r.Dashicon, {icon: "no"})), a && wp.element.createElement(u.Fragment, null, wp.element.createElement("video", {
ref: b,
width: "600",
autoPlay: !0,
loop: !0,
muted: !0,
playsinline: !0,
role: "img",
"aria-labelledby": "ugb-help-tooltip-video__description",
src: a
}), (!b.current || !b.current.playing) && wp.element.createElement(r.Spinner, null)), wp.element.createElement("div", {
className: "ugb-help-tooltip-video__description",
id: "ugb-help-tooltip-video__description"
}, n && wp.element.createElement("h4", null, n), i, l && wp.element.createElement("div", {className: "ugb-help-tooltip-video__link"}, wp.element.createElement("a", {
href: l,
target: "_learn"
}, c, " ", wp.element.createElement(r.Dashicon, {icon: "external"}))), wp.element.createElement(r.CheckboxControl, {
label: Object(s.__)("Stop showing tooltips", o.i18n),
className: "ugb-help-tooltip__checkbox",
checked: !e.tooltipsEnabled,
onChange: function (t) {
return e.onTooltipsEnabledChange(!t)
}
}))))
};
_r.defaultProps = {
onClickClose: function () {
},
getAnchorRect: null,
title: Object(s.__)("Help", o.i18n),
description: "",
videoUrl: "",
learnMoreUrl: "",
learnMore: Object(s.__)("Learn more", o.i18n),
tooltipsEnabled: !0,
onTooltipsEnabledChange: function () {
}
};
var jr = _r, kr = null, Cr = {}, xr = {}, Er = {}, Sr = function (e) {
return e.closest('[class*="ugb--help-tip-"]')
}, Br = function () {
!function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : function () {
}, n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : function () {
};
Cr[e] = function (n) {
var a = n.target.closest(e);
a && kr !== a && (kr = a, t(a))
}, xr[e] = function (t) {
var a = t.target.closest(e);
t.relatedTarget && a === t.relatedTarget.closest(e) || a && kr === a && (n(kr), kr = null)
}, document.body.addEventListener("mouseover", Cr[e]), document.body.addEventListener("mouseout", xr[e])
}(['[class*="ugb--help-tip-"].components-base-control .components-base-control__label', '[class*="ugb--help-tip-"].components-base-control .components-toggle-control__label', '[class*="ugb--help-tip-"].components-panel__body .components-panel__body-toggle'].join(", "), function (e) {
return Object(M.doAction)("stackable.help-video.control.hover.in", e, Sr(e))
}, function () {
return Object(M.doAction)("stackable.help-video.control.hover.out")
}), function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : function () {
};
Er[e] = function (n) {
var a = n.target.closest(e);
a && t(a)
}, document.body.addEventListener("click", Er[e])
}(['[class*="ugb--help-tip-"].components-base-control .components-base-control__label', '[class*="ugb--help-tip-"].components-base-control .components-toggle-control__label'].join(", "), function (e) {
return Object(M.doAction)("stackable.help-video.control.click", e, Sr(e))
})
}, Tr = function () {
var e;
e = ['[class*="ugb--help-tip-"].components-base-control .components-base-control__label', '[class*="ugb--help-tip-"].components-base-control .components-toggle-control__label', '[class*="ugb--help-tip-"].components-panel__body .components-panel__body-toggle'].join(", "), document.body.removeEventListener("mouseover", Cr[e]), document.body.removeEventListener("mouseout", xr[e]), function (e) {
document.body.removeEventListener("click", Er[e])
}(['[class*="ugb--help-tip-"].components-base-control .components-base-control__label', '[class*="ugb--help-tip-"].components-base-control .components-toggle-control__label'].join(", "))
};
function Pr(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Ar(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Nr, Mr = {show: !1, controlEl: null, target: null}, Rr = function (e, t) {
Nr = setTimeout(function () {
Dr(e, t)
}, 1500)
}, Fr = function () {
Nr && clearTimeout(Nr), Nr = null
}, Dr = function (e, t) {
Mr = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Pr(n, !0).forEach(function (t) {
Ar(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Pr(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Mr, {show: !0, controlEl: t, target: e}), Object(M.doAction)("stackable.help-video.show", e)
}, Ir = function () {
Mr.show = !1, Object(M.doAction)("stackable.help-video.hide")
};
function zr(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Lr = function (e) {
return "".concat(o.cdnUrl, "/").concat(e)
}, Ur = function (e) {
var t = zr(Object(u.useState)(null), 2), n = t[0], a = t[1], i = zr(Object(u.useState)(!1), 2), o = i[0],
r = i[1], l = zr(Object(u.useState)(""), 2), c = l[0], s = l[1], b = zr(Object(u.useState)(!1), 2),
p = b[0], m = b[1], g = function (e) {
document.activeElement && document.activeElement.blur();
var t, n = "string" != typeof e && e,
i = e && "string" != typeof e ? (t = e) && t.closest('[class*="ugb--help-tip-"]') && Object(v.camelCase)((t.closest('[class*="ugb--help-tip-"]').getAttribute("class").match(/ugb--help-tip-([\w\d-_]+)/) || ["", ""])[1]) : e;
a(n), s(i), r(!0)
}, d = function () {
r(!1);
var e = document.querySelector(".components-popover .components-popover__content");
e && e.focus()
};
if (void 0 === e.tooltipData[c]) return null;
var f = e.tooltipData[c], h = f.title, y = f.video, O = f.description, w = f.learnMore;
return wp.element.createElement(jr, {
onClickClose: d,
getAnchorRect: function () {
if (!n) return null;
var e = n.getBoundingClientRect(), t = document.querySelector(".edit-post-sidebar");
if (t) {
var a = t.getBoundingClientRect();
e.x = a.x, e.width = a.width
}
return e
},
title: h,
description: O,
videoUrl: Lr(y),
learnMoreUrl: w,
tooltipsEnabled: p,
onTooltipsEnabledChange: function (e) {
!function (e) {
new ie.models.Settings({stackable_help_tooltip_disabled: e ? "" : "1"}).save()
}(e), m(e)
}
})
};
Ur.defaultProps = {tooltipData: wr};
var Hr = Ur, Wr = n(25), Gr = n.n(Wr), Vr = n(12);
function qr(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var Kr = !1, Jr = Object(Vr.createHigherOrderComponent)(function (e) {
return function (t) {
var n = t.isSelected, i = t.name, o = qr(Object(u.useState)(!1), 2), r = o[0], l = o[1],
c = qr(Object(u.useState)(null), 2), s = c[0], b = c[1];
return Object(u.useEffect)(function () {
return n && i.match(/^ugb\//) && !r && !Kr && b(setTimeout(function () {
Kr || (Kr = !0, b(null), l(!0))
}, 1e3)), function () {
s && clearTimeout(s)
}
}, [r, n]), wp.element.createElement(u.Fragment, null, wp.element.createElement(e, t), r && wp.element.createElement(a.eb, {
onRequestClose: function () {
l(!1), Gr()({path: "/wp/v2/stk_welcome_video_closed", method: "POST"})
}
}))
}
}, "withWelcomeTutorialModal");
function Yr(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Xr(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Yr(n, !0).forEach(function (t) {
$r(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Yr(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function $r(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(b.a)(function () {
if (Element.prototype.closest) {
var e = document.createElement("DIV");
document.querySelector("body").appendChild(e), Object(u.render)(wp.element.createElement(Hr, null), e)
}
}), o.displayWelcomeVideo && Object(M.addFilter)("editor.BlockEdit", "stackable/with-welcome-tutorial-modal", Jr), Object(M.addFilter)("stackable.color-palette-control.change", "stackable/compatibility/kadence", function (e, t) {
return "kadence" !== o.currentTheme ? e : t && t.slug.match(/^theme-palette\d+/) ? t.slug.replace(/^[\w-]*(\d+)/, "var(--global-palette$1, ".concat(e, ")")) : e
});
var Zr = function (e, t) {
return function (n, i) {
var l = i.setAttributes, c = i.attributes.blockTag, b = void 0 === c ? "div" : c;
return wp.element.createElement(u.Fragment, null, n, wp.element.createElement(a.fb, {
title: Object(s.__)("General", o.i18n),
initialOpen: !1
}, Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.general.before"), null, i), t.blockTag && wp.element.createElement(r.SelectControl, {
label: Object(s.sprintf)(Object(s._x)("%s HTML Tag", "component"), Object(s.__)("Block", o.i18n)),
value: b,
options: [{value: "", label: Object(s.__)("Default", o.i18n)}, {
value: "div",
label: Object(s._x)("Div", "HTML Tag", o.i18n)
}, {value: "blockquote", label: Object(s._x)("Blockquote", "HTML Tag", o.i18n)}, {
value: "section",
label: Object(s._x)("Section", "HTML Tag", o.i18n)
}, {value: "article", label: Object(s._x)("Article", "HTML Tag", o.i18n)}, {
value: "aside",
label: Object(s._x)("Aside", "HTML Tag", o.i18n)
}, {value: "main", label: Object(s._x)("Main", "HTML Tag", o.i18n)}, {
value: "header",
label: Object(s._x)("Header", "HTML Tag", o.i18n)
}, {value: "footer", label: Object(s._x)("Footer", "HTML Tag", o.i18n)}, {
value: "nav",
label: Object(s._x)("Nav", "HTML Tag", o.i18n)
}, {value: "address", label: Object(s._x)("Address", "HTML Tag", o.i18n)}, {
value: "hgroup",
label: Object(s._x)("Hgroup", "HTML Tag", o.i18n)
}],
onChange: function (e) {
return l({blockTag: e})
}
}), t.opacity && wp.element.createElement(a.kb, {
attrNameTemplate: "%sBlockOpacity",
setAttributes: l,
blockAttributes: i.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Opacity", o.i18n),
min: 0,
max: 1,
step: .1,
allowReset: !0,
placeholder: "1.0",
className: "ugb--help-tip-advanced-opacity"
})), t.zIndex && wp.element.createElement(a.kb, {
attrNameTemplate: "%sBlockZIndex",
setAttributes: l,
blockAttributes: i.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Z-Index", o.i18n),
min: -100,
max: 1e3,
allowReset: !0,
placeholder: "1",
className: "ugb--help-tip-advanced-zindex"
})), Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.general.after"), null, i)))
}
}, Qr = function () {
return function (e, t) {
var n, a = Object(i.b)(t.attributes), o = ".".concat(t.mainClassName), r = ($r(n = {}, o, {
zIndex: Object(i.c)(a("blockZIndex")),
opacity: Object(i.c)(a("blockOpacity"))
}), $r(n, "tablet", $r({}, o, {
zIndex: Object(i.c)(a("tabletBlockZIndex")),
opacity: Object(i.c)(a("tabletBlockOpacity"))
})), $r(n, "mobile", $r({}, o, {
zIndex: Object(i.c)(a("mobileBlockZIndex")),
opacity: Object(i.c)(a("mobileBlockOpacity"))
})), n);
return He.a.all([e, r])
}
}, el = function (e) {
return Xr({}, e, {blockTag: {type: "string", default: ""}}, Object(i.i)("%sBlockOpacity", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlockZIndex", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]))
}, tl = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
n = Xr({blockTag: !0, opacity: !0, zIndex: !0, modifyStyles: !0}, t);
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.advanced.before"), "stackable/".concat(e, "/advanced-general"), Zr(e, n), 2), n.modifyStyles && Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/advanced-general"), Qr()), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/advanced-general"), el), Object(M.doAction)("stackable.module.advanced-general", e)
};
function nl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function al(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? nl(n, !0).forEach(function (t) {
il(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : nl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function il(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(M.removeFilter)("stackable.setAttributes", "stackable/module/block-spacing"), Object(M.addFilter)("stackable.setAttributes", "stackable/module/block-spacing", function (e, t) {
return void 0 === e.align ? e : ("full" === e.align && "full" !== t.align && (e.marginRight = "", e.marginLeft = "", e.tabletMarginRight = "", e.tabletMarginLeft = "", e.tabletPaddingRight = "", e.tabletPaddingLeft = ""), e)
});
var ol = function (e, t) {
return function (n, i) {
var r = i.setAttributes, l = i.attributes, c = l.align, b = void 0 !== c && c, p = l.blockInnerWidth,
m = void 0 === p ? "" : p, g = l.marginTop, d = void 0 === g ? "" : g, f = l.marginRight,
h = void 0 === f ? "" : f, v = l.marginBottom, y = void 0 === v ? "" : v, O = l.marginLeft,
w = void 0 === O ? "" : O, _ = l.marginUnit, j = void 0 === _ ? "px" : _, k = l.tabletMarginTop,
C = void 0 === k ? "" : k, x = l.tabletMarginRight, E = void 0 === x ? "" : x, S = l.tabletMarginBottom,
B = void 0 === S ? "" : S, T = l.tabletMarginLeft, P = void 0 === T ? "" : T, A = l.tabletMarginUnit,
N = void 0 === A ? "px" : A, R = l.mobileMarginTop, F = void 0 === R ? "" : R, D = l.mobileMarginRight,
I = void 0 === D ? "" : D, z = l.mobileMarginBottom, L = void 0 === z ? "" : z, U = l.mobileMarginLeft,
H = void 0 === U ? "" : U, W = l.mobileMarginUnit, G = void 0 === W ? "px" : W, V = l.paddingTop,
q = void 0 === V ? "" : V, K = l.paddingBottom, J = void 0 === K ? "" : K, Y = l.paddingUnit,
X = void 0 === Y ? "px" : Y, $ = l.tabletPaddingTop, Z = void 0 === $ ? "" : $,
Q = l.tabletPaddingBottom, ee = void 0 === Q ? "" : Q, te = l.tabletPaddingRight,
ne = void 0 === te ? "" : te, ae = l.tabletPaddingLeft, ie = void 0 === ae ? "" : ae,
oe = l.tabletPaddingUnit, re = void 0 === oe ? "px" : oe, le = l.mobilePaddingTop,
ce = void 0 === le ? "" : le, se = l.mobilePaddingBottom, ue = void 0 === se ? "" : se,
be = l.mobilePaddingUnit, pe = void 0 === be ? "px" : be, me = l.blockHeight,
ge = void 0 === me ? "" : me, de = l.blockHeightUnit, fe = void 0 === de ? "px" : de,
he = l.tabletBlockHeight, ve = void 0 === he ? "" : he, ye = l.tabletBlockHeightUnit,
Oe = void 0 === ye ? "px" : ye, we = l.mobileBlockHeight, _e = void 0 === we ? "" : we,
je = l.mobileBlockHeightUnit, ke = void 0 === je ? "px" : je, Ce = l.blockWidth,
xe = void 0 === Ce ? "" : Ce, Ee = l.blockWidthUnit, Se = void 0 === Ee ? "px" : Ee,
Be = l.tabletBlockWidth, Te = void 0 === Be ? "" : Be, Pe = l.tabletBlockWidthUnit,
Ae = void 0 === Pe ? "px" : Pe, Ne = l.mobileBlockWidth, Me = void 0 === Ne ? "" : Ne,
Re = l.mobileBlockWidthUnit, Fe = void 0 === Re ? "px" : Re, De = l.blockHorizontalAlign,
Ie = void 0 === De ? "" : De, ze = l.tabletBlockHorizontalAlign, Le = void 0 === ze ? "" : ze,
Ue = l.mobileBlockHorizontalAlign, He = void 0 === Ue ? "" : Ue, We = l.blockVerticalAlign,
Ge = void 0 === We ? "" : We, Ve = l.tabletBlockVerticalAlign, qe = void 0 === Ve ? "" : Ve,
Ke = l.mobileBlockVerticalAlign, Je = void 0 === Ke ? "" : Ke, Ye = i.attributes, Xe = Ye.paddingRight,
$e = void 0 === Xe ? "" : Xe, Ze = Ye.paddingLeft, Qe = void 0 === Ze ? "" : Ze,
et = Ye.mobilePaddingRight, tt = void 0 === et ? "" : et, nt = Ye.mobilePaddingLeft,
at = void 0 === nt ? "" : nt;
return "full" === b && ($e = "" === $e ? 35 : $e, Qe = "" === Qe ? 35 : Qe, tt = "" === tt ? 18 : tt, at = "" === at ? 18 : at), wp.element.createElement(u.Fragment, null, n, wp.element.createElement(a.fb, {
title: Object(s.__)("Block Spacing", o.i18n),
initialOpen: !1,
className: "ugb--help-tip-advanced-block-spacing"
}, Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.block-spacing.before"), null, i), t.height && wp.element.createElement(u.Fragment, null, wp.element.createElement(a.yb, null, wp.element.createElement(a.c, {
label: Object(s.__)("Min. Block Height", o.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: ge,
unit: fe,
onChange: function (e) {
return r({blockHeight: e})
},
onChangeUnit: function (e) {
return r({blockHeightUnit: e})
},
placeholder: "0",
className: "ugb--help-tip-advanced-block-height"
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.c, {
label: Object(s.__)("Min. Block Height", o.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: ve,
unit: Oe,
onChange: function (e) {
return r({tabletBlockHeight: e})
},
onChangeUnit: function (e) {
return r({tabletBlockHeightUnit: e})
},
className: "ugb--help-tip-advanced-block-height"
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.c, {
label: Object(s.__)("Min. Block Height", o.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: _e,
unit: ke,
onChange: function (e) {
return r({mobileBlockHeight: e})
},
onChangeUnit: function (e) {
return r({mobileBlockHeightUnit: e})
},
className: "ugb--help-tip-advanced-block-height"
}))), t.verticalAlign && wp.element.createElement(u.Fragment, null, "" !== ge && wp.element.createElement(a.yb, null, wp.element.createElement(a.e, {
label: Object(s.__)("Content Vertical Align", o.i18n),
controls: "flex-vertical",
value: Ge,
onChange: function (e) {
return r({blockVerticalAlign: Ge !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-vertical-align"
})), "" !== ve && wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.e, {
label: Object(s.__)("Content Vertical Align", o.i18n),
controls: "flex-vertical",
value: qe,
onChange: function (e) {
return r({tabletBlockVerticalAlign: qe !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-vertical-align"
})), "" !== _e && wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.e, {
label: Object(s.__)("Content Vertical Align", o.i18n),
controls: "flex-vertical",
value: Je,
onChange: function (e) {
return r({mobileBlockVerticalAlign: Je !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-vertical-align"
}))), t.width && wp.element.createElement(u.Fragment, null, wp.element.createElement(a.yb, null, wp.element.createElement(a.c, {
label: Object(s.__)("Max. Content Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [2500, 100],
step: [1, 1],
allowReset: !0,
value: xe,
unit: Se,
onChange: function (e) {
return r({blockWidth: e})
},
onChangeUnit: function (e) {
return r({blockWidthUnit: e})
},
placeholder: "",
initialPosition: "2500",
className: "ugb--help-tip-advanced-block-content-width"
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max. Content Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1500, 100],
step: [1, 1],
allowReset: !0,
value: Te,
unit: Ae,
onChange: function (e) {
return r({tabletBlockWidth: e})
},
onChangeUnit: function (e) {
return r({tabletBlockWidthUnit: e})
},
className: "ugb--help-tip-advanced-block-content-width"
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max. Content Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: Me,
unit: Fe,
onChange: function (e) {
return r({mobileBlockWidth: e})
},
onChangeUnit: function (e) {
return r({mobileBlockWidthUnit: e})
},
className: "ugb--help-tip-advanced-block-content-width"
}))), (t.horizontalAlign || "" !== m && "full" !== m) && wp.element.createElement(u.Fragment, null, ("" !== xe || "" !== m && "full" !== m) && wp.element.createElement(a.yb, null, wp.element.createElement(a.e, {
label: Object(s.__)("Content Horizontal Align", o.i18n),
controls: "flex-horizontal",
value: Ie,
onChange: function (e) {
return r({blockHorizontalAlign: Ie !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-horizontal-align"
})), ("" !== Te || "" !== m && "full" !== m) && wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.e, {
label: Object(s.__)("Content Horizontal Align", o.i18n),
controls: "flex-horizontal",
value: Le,
onChange: function (e) {
return r({tabletBlockHorizontalAlign: Le !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-horizontal-align"
})), ("" !== Me || "" !== m && "full" !== m) && wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.e, {
label: Object(s.__)("Content Horizontal Align", o.i18n),
controls: "flex-horizontal",
value: He,
onChange: function (e) {
return r({mobileBlockHorizontalAlign: He !== e ? e : ""})
},
className: "ugb--help-tip-advanced-block-horizontal-align"
}))), t.margins && wp.element.createElement(u.Fragment, null, wp.element.createElement(a.yb, {screen: "desktop"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Margins", o.i18n),
units: ["px", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: d,
bottom: y,
right: h,
left: w,
unit: j,
min: [-500, -100],
max: [500, 100],
onChange: function (e) {
r({
marginTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
marginRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
marginBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
marginLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({marginUnit: e})
},
enableTop: t.enableMarginTop,
enableRight: "full" !== b && t.enableMarginRight,
enableBottom: t.enableMarginBottom,
enableLeft: "full" !== b && t.enableMarginLeft,
placeholder: "0",
placeholderBottom: "35",
className: "ugb--help-tip-advanced-block-margins"
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Margins", o.i18n),
units: ["px", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: C,
bottom: B,
right: E,
left: P,
unit: N,
min: [-500, -100],
max: [500, 100],
onChange: function (e) {
r({
tabletMarginTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
tabletMarginRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
tabletMarginBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
tabletMarginLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({tabletMarginUnit: e})
},
enableTop: t.enableMarginTop,
enableRight: "full" !== b && t.enableMarginRight,
enableBottom: t.enableMarginBottom,
enableLeft: "full" !== b && t.enableMarginLeft,
className: "ugb--help-tip-advanced-block-margins"
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Margins", o.i18n),
units: ["px", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: F,
bottom: L,
right: I,
left: H,
unit: G,
min: [-500, -100],
max: [500, 100],
onChange: function (e) {
r({
mobileMarginTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
mobileMarginRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
mobileMarginBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
mobileMarginLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({mobileMarginUnit: e})
},
enableTop: t.enableMarginTop,
enableRight: "full" !== b && t.enableMarginRight,
enableBottom: t.enableMarginBottom,
enableLeft: "full" !== b && t.enableMarginLeft,
className: "ugb--help-tip-advanced-block-margins"
}))), t.paddings && wp.element.createElement(u.Fragment, null, wp.element.createElement(a.yb, {screen: "desktop"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Paddings", o.i18n),
units: ["px", "em", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: q,
bottom: J,
right: $e,
left: Qe,
unit: X,
min: [0, 0, 0],
max: [500, 30, 100],
onChange: function (e) {
r({
paddingTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
paddingRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
paddingBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
paddingLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({paddingUnit: e})
},
enableTop: t.enablePaddingTop,
enableRight: t.enablePaddingRight,
enableBottom: t.enablePaddingBottom,
enableLeft: t.enablePaddingLeft,
placeholder: "0",
className: "ugb--help-tip-advanced-block-paddings"
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Paddings", o.i18n),
units: ["px", "em", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: Z,
bottom: ee,
right: ne,
left: ie,
unit: re,
min: [0, 0, 0],
max: [500, 30, 100],
onChange: function (e) {
r({
tabletPaddingTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
tabletPaddingRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
tabletPaddingBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
tabletPaddingLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({tabletPaddingUnit: e})
},
enableTop: t.enablePaddingTop,
enableRight: t.enablePaddingRight,
enableBottom: t.enablePaddingBottom,
enableLeft: t.enablePaddingLeft,
className: "ugb--help-tip-advanced-block-paddings"
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.K, {
label: Object(s.__)("Block Paddings", o.i18n),
units: ["px", "em", "%"],
screens: ["desktop", "tablet", "mobile"],
defaultLocked: !1,
top: ce,
bottom: ue,
right: tt,
left: at,
unit: pe,
min: [0, 0, 0],
max: [500, 30, 100],
onChange: function (e) {
r({
mobilePaddingTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
mobilePaddingRight: e.right || 0 === e.right ? parseInt(e.right, 10) : "",
mobilePaddingBottom: e.bottom || 0 === e.bottom ? parseInt(e.bottom, 10) : "",
mobilePaddingLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
onChangeUnit: function (e) {
return r({mobilePaddingUnit: e})
},
enableTop: t.enablePaddingTop,
enableRight: t.enablePaddingRight,
enableBottom: t.enablePaddingBottom,
enableLeft: t.enablePaddingLeft,
className: "ugb--help-tip-advanced-block-paddings"
}))), Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.block-spacing.after"), null, i)))
}
}, rl = function (e) {
return function (t, n) {
var a, o, r, l = Object(i.b)(n.attributes), c = n.attributes, s = c.blockInnerWidth,
u = void 0 === s ? "" : s, b = c.marginUnit, p = void 0 === b ? "px" : b, m = c.tabletMarginUnit,
g = void 0 === m ? "px" : m, d = c.mobileMarginUnit, f = void 0 === d ? "px" : d, h = c.paddingUnit,
v = void 0 === h ? "px" : h, y = c.tabletPaddingUnit, O = void 0 === y ? "px" : y,
w = c.mobilePaddingUnit, _ = void 0 === w ? "px" : w, j = c.blockHeightUnit,
k = void 0 === j ? "px" : j, C = c.tabletBlockHeightUnit, x = void 0 === C ? "px" : C,
E = c.mobileBlockHeightUnit, S = void 0 === E ? "px" : E, B = c.blockWidthUnit,
T = void 0 === B ? "px" : B, P = c.tabletBlockWidthUnit, A = void 0 === P ? "px" : P,
N = c.mobileBlockWidthUnit, R = void 0 === N ? "px" : N, F = ".".concat(n.mainClassName),
D = Object(M.applyFilters)("stackable.".concat(e, ".advanced-block-spacing.margins"), {
desktopTablet: il({}, F, Object(i.d)({
marginTop: l("marginTop", "%s".concat(p)),
marginBottom: l("marginBottom", "%s".concat(p)),
marginRight: l("marginRight", "%s".concat(p)),
marginLeft: l("marginLeft", "%s".concat(p))
})),
tabletOnly: il({}, F, Object(i.d)({
marginRight: l("tabletMarginRight", "%s".concat(g)),
marginLeft: l("tabletMarginLeft", "%s".concat(g)),
marginTop: l("tabletMarginTop", "%s".concat(g)),
marginBottom: l("tabletMarginBottom", "%s".concat(g))
})),
mobile: il({}, F, Object(i.d)({
marginRight: l("mobileMarginRight", "%s".concat(f)),
marginLeft: l("mobileMarginLeft", "%s".concat(f)),
marginTop: l("mobileMarginTop", "%s".concat(f)),
marginBottom: l("mobileMarginBottom", "%s".concat(f))
}))
}), I = Object(M.applyFilters)("stackable.".concat(e, ".advanced-block-spacing.paddings"), {
desktopTablet: il({}, F, Object(i.d)({
paddingTop: l("paddingTop", "%s".concat(v)),
paddingRight: l("paddingRight", "%s".concat(v)),
paddingBottom: l("paddingBottom", "%s".concat(v)),
paddingLeft: l("paddingLeft", "%s".concat(v))
})),
tabletOnly: il({}, F, Object(i.d)({
paddingTop: l("tabletPaddingTop", "%s".concat(O)),
paddingRight: l("tabletPaddingRight", "%s".concat(O)),
paddingBottom: l("tabletPaddingBottom", "%s".concat(O)),
paddingLeft: l("tabletPaddingLeft", "%s".concat(O))
})),
mobile: il({}, F, Object(i.d)({
paddingTop: l("mobilePaddingTop", "%s".concat(_)),
paddingRight: l("mobilePaddingRight", "%s".concat(_)),
paddingBottom: l("mobilePaddingBottom", "%s".concat(_)),
paddingLeft: l("mobilePaddingLeft", "%s".concat(_))
}))
}), z = (il(r = {}, F, {
minHeight: l("blockHeight", "%s".concat(k || "px")),
justifyContent: l("blockHorizontalAlign"),
alignItems: l("blockVerticalAlign")
}), il(r, "".concat(F, " > .ugb-inner-block"), {
minWidth: "wide" === u && l("blockWidth") ? "auto !important" : void 0,
maxWidth: Object(i.c)(l("blockWidth", "%s".concat(T || "px")))
}), il(r, "tablet", (il(a = {}, F, {
minHeight: l("tabletBlockHeight", "%s".concat(x || "px")),
justifyContent: l("tabletBlockHorizontalAlign"),
alignItems: l("tabletBlockVerticalAlign")
}), il(a, "".concat(F, " > .ugb-inner-block"), {
minWidth: "wide" === u && l("tabletBlockWidth") ? "auto !important" : void 0,
maxWidth: Object(i.c)(l("tabletBlockWidth", "%s".concat(A || "px")))
}), a)), il(r, "mobile", (il(o = {}, F, {
minHeight: l("mobileBlockHeight", "%s".concat(S || "px")),
justifyContent: l("mobileBlockHorizontalAlign"),
alignItems: l("mobileBlockVerticalAlign")
}), il(o, "".concat(F, " > .ugb-inner-block"), {
minWidth: "wide" === u && l("mobileBlockWidth") ? "auto !important" : void 0,
maxWidth: Object(i.c)(l("mobileBlockWidth", "%s".concat(R || "px")))
}), o)), il(r, "ie11", il({}, F, {height: l("blockHeight", "%s".concat(k)) || void 0})), r);
return He.a.all([t, D, I, z])
}
}, ll = function (e) {
return al({}, e, {}, Object(i.i)("%sMargin%s", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"], ["Top", "Right", "Bottom", "Left"]), {}, Object(i.i)("%sMarginUnit", {
type: "string",
default: "px"
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sPadding%s", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"], ["Top", "Right", "Bottom", "Left"]), {}, Object(i.i)("%sPaddingUnit", {
type: "string",
default: "px"
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlockHeight", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlockHeightUnit", {
type: "string",
default: "px"
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlockWidth", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlockWidthUnit", {
type: "string",
default: "px"
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sBlock%sAlign", {
type: "string",
default: ""
}, ["", "Tablet", "Mobile"], ["Vertical", "Horizontal"]))
}, cl = function (e, t) {
var n = t.attributes, a = n.blockWidth, i = void 0 === a ? "" : a, o = n.tabletBlockWidth,
r = void 0 === o ? "" : o, l = n.mobileBlockWidth;
return al({}, e, {
"ugb--has-custom-content-width": "" !== i,
"ugb--has-custom-content-width-tablet": "" !== r,
"ugb--has-custom-content-width-mobile": "" !== (void 0 === l ? "" : l)
})
}, sl = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}, n = al({
margins: !0,
paddings: !0,
height: !0,
width: !0,
horizontalAlign: !0,
verticalAlign: !0,
modifyStyles: !0,
enableMarginTop: !0,
enableMarginRight: !0,
enableMarginBottom: !0,
enableMarginLeft: !0,
enablePaddingTop: !0,
enablePaddingRight: !0,
enablePaddingBottom: !0,
enablePaddingLeft: !0
}, t);
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.advanced.before"), "stackable/".concat(e, "/advanced-block-spacing"), ol(e, n), 5), n.modifyStyles && Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/advanced-block-spacing"), rl(e)), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/advanced-block-spacing"), ll), Object(M.addFilter)("stackable.".concat(e, ".main-block.classes"), "stackable/".concat(e, "/advanced-block-spacing"), cl), Object(M.doAction)("stackable.module.advanced-block-spacing", e)
};
function ul(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function bl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var pl = function (e) {
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Column Spacing & More", o.i18n),
initialOpen: !1,
className: "ugb--help-tip-advanced-column-spacing"
}, wp.element.createElement(a.ib, {type: "advanced"})))
}, ml = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? ul(n, !0).forEach(function (t) {
bl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ul(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {}, Object(i.i)("%sColumnPadding%s", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"], ["Top", "Right", "Bottom", "Left"]), {}, Object(i.i)("%sColumnPaddingUnit", {
type: "string",
default: "px"
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sColumnGap", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sColumnHeight", {
type: "number",
default: ""
}, ["", "Tablet", "Mobile"]), {}, Object(i.i)("%sColumnContent%sAlign", {
type: "string",
default: ""
}, ["", "Tablet", "Mobile"], ["Vertical", "Horizontal"]), {}, Object(i.i)("%sColumn%sAlign", {
type: "string",
default: ""
}, ["", "Tablet", "Mobile"], ["Vertical", "Horizontal"]))
}, gl = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
o.showProNotice && Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.advanced.before"), "stackable/".concat(e, "/fine-grained"), pl, 6), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/advanced-column-spacing"), ml), Object(M.doAction)("stackable.module.advanced-column-spacing", e, t)
};
function dl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function fl(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? dl(n, !0).forEach(function (t) {
hl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : dl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function hl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var vl = function (e, t) {
var n = t.attributes, a = n.hideDesktop, i = void 0 !== a && a, o = n.hideTablet, r = void 0 !== o && o,
l = n.hideMobile;
return fl({}, e, {"ugb--hide-desktop": i, "ugb--hide-tablet": r, "ugb--hide-mobile": void 0 !== l && l})
}, yl = function (e) {
return fl({}, e, {
hideDesktop: {type: "boolean", default: !1},
hideTablet: {type: "boolean", default: !1},
hideMobile: {type: "boolean", default: !1}
})
}, Ol = function (e) {
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.advanced.before"), "stackable/".concat(e, "/advanced-responsive"), function (e) {
return function (t, n) {
var i = n.setAttributes, l = n.attributes, c = l.hideDesktop, b = void 0 !== c && c, p = l.hideTablet,
m = void 0 !== p && p, g = l.hideMobile, d = void 0 !== g && g;
return wp.element.createElement(u.Fragment, null, t, wp.element.createElement(a.fb, {
title: Object(s.__)("Responsive", o.i18n),
initialOpen: !1
}, Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.responsive.before"), null, n), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Hide on Desktop", o.i18n),
checked: b,
onChange: function (e) {
return i({hideDesktop: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Hide on Tablet", o.i18n),
checked: m,
onChange: function (e) {
return i({hideTablet: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Hide on Mobile", o.i18n),
checked: d,
onChange: function (e) {
return i({hideMobile: e})
}
}), Object(M.applyFilters)("stackable.".concat(e, ".edit.advanced.responsive.after"), null, n)))
}
}(e), 19), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/advanced-responsive"), yl), Object(M.addFilter)("stackable.".concat(e, ".main-block.classes"), "stackable/".concat(e, "/advanced-responsive"), vl), Object(M.doAction)("stackable.module.advanced-responsive", e)
};
function wl() {
return (wl = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function _l(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function jl(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? _l(n, !0).forEach(function (t) {
kl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _l(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function kl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Cl = [], xl = function (e) {
return jl({}, e, {supports: jl({}, e.supports, {align: null})})
}, El = function (e) {
return Object(v.includes)(["center", "wide", "full"], e)
}, Sl = Object(Vr.createHigherOrderComponent)(Object(Vr.compose)([Object(p.withSelect)(function (e) {
return {hasWideEnabled: !!(0, e("core/block-editor").getSettings)().alignWide}
}), function (e) {
return function (t) {
var n = t.attributes, a = t.name, i = n.align, o = t.wrapperProps;
return Cl.includes(a) && El(i) && (o = jl({}, o, {"data-align": i})), wp.element.createElement(e, wl({}, t, {wrapperProps: o}))
}
}]));
function Bl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Tl(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Bl(n, !0).forEach(function (t) {
Pl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Bl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Pl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function Al() {
return (Al = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
function Nl(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(M.addFilter)("editor.BlockListBlock", "stackable/with-data-align", Sl), Object(M.addFilter)("blocks.getSaveContent.extraProps", "stackable/addAssignedAlign", function (e, t, n) {
var a = t.name, i = n.align;
return Cl.includes(a) ? (El(i) && (e.className = Se()("align".concat(i), e.className)), e) : e
}), Object(M.removeFilter)("stackable.setAttributes", "stackable/module/block-background/show"), Object(M.addFilter)("stackable.setAttributes", "stackable/module/block-background/show", function (e, t) {
if (void 0 === e.showBlockBackground) return e;
var n = t.attributes, a = n.align, i = void 0 === a ? "" : a, o = n.blockInnerWidth, r = void 0 === o ? "" : o;
return e.align = e.showBlockBackground ? "full" : r || "center", e.blockInnerWidth = e.showBlockBackground ? i || "center" : "", e
});
var Ml = function (e, t) {
var n = t.setAttributes, l = t.attributes, c = l.showBlockBackground, b = void 0 !== c && c, p = l.noPaddings,
m = void 0 === p ? "" : p;
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Block Background", o.i18n),
id: "block-background",
checked: b,
onChange: function (e) {
return n({showBlockBackground: e})
},
toggleOnSetAttributes: [].concat(Nl(Object(i.j)("blockBackground%s")), ["noPaddings"]),
toggleAttributeName: "showBlockBackground",
className: "ugb--help-tip-background-on-off"
}, wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("No Paddings", o.i18n),
checked: m,
onChange: function (e) {
return n({noPaddings: e})
},
className: "ugb--help-tip-no-padding"
}), wp.element.createElement(a.y, null), wp.element.createElement(a.h, {
attrNameTemplate: "blockBackground%s",
setAttributes: n,
blockAttributes: t.attributes
})))
}, Rl = function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.showBlockBackground, l = void 0 !== i && i, b = a.align,
p = void 0 === b ? "" : b, m = a.blockInnerWidth, g = void 0 === m ? "" : m, d = [{
icon: "align-center",
label: Object(s.__)("Align center", o.i18n),
isActive: "" === g || "center" === g,
onClick: function () {
n({blockInnerWidth: "center"})
}
}, {
icon: "align-wide",
label: Object(s.__)("Wide width", o.i18n),
isActive: "wide" === g,
onClick: function () {
n({blockInnerWidth: "wide"})
}
}, {
icon: "align-full-width",
label: Object(s.__)("Full width", o.i18n),
isActive: "full" === g,
onClick: function () {
n({blockInnerWidth: "full"})
}
}];
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(c.BlockControls, null, !l && wp.element.createElement(c.BlockAlignmentToolbar, {
value: p,
onChange: function (e) {
var t = l && !e ? "full" : e;
n(l ? {align: "full", blockInnerWidth: "center" === t ? "" : t} : {align: t})
},
controls: ["center", "wide", "full"]
}), l && wp.element.createElement(r.ToolbarGroup, {label: Object(s.__)("Change Alignment", o.i18n)}, d.map(function (e) {
return wp.element.createElement(r.ToolbarButton, Al({key: e.label}, e))
}))))
}, Fl = function (e) {
return Tl({}, e, {supports: Tl({}, e.supports, {align: ["center", "wide", "full"]})})
}, Dl = function (e) {
return Tl({}, e, {
showBlockBackground: {type: "boolean", default: !1},
blockInnerWidth: {type: "string", default: ""},
align: {type: "string"},
noPaddings: {type: "boolean", default: ""}
}, Object(i.k)("blockBackground%s"))
}, Il = function (e, t) {
var n, a = t.attributes, o = a.showBlockBackground, r = void 0 !== o && o, l = a.blockInnerWidth,
c = void 0 === l ? "" : l;
return r ? Tl({}, e, (Pl(n = {}, "ugb-main-block--inner-".concat(c), c), Pl(n, "ugb--has-block-background", r), Pl(n, "ugb--has-background-overlay", Object(i.Z)("blockBackground%s", t.attributes)), n)) : e
}, zl = function (e, t) {
var n = t.attributes, a = n.showBlockBackground, i = void 0 !== a && a, o = n.blockInnerWidth;
return i ? Tl({}, e, Pl({}, "ugb-inner-block--".concat((void 0 === o ? "" : o) || "center"), !0)) : e
}, Ll = function (e, t, n) {
return n.attributes.showBlockBackground ? wp.element.createElement(u.Fragment, null, e, Object(i.L)("blockBackground%s", n)) : e
}, Ul = function (e, t) {
var n, a, o, r = Object(i.b)(t.attributes);
if (!t.attributes.showBlockBackground) return e;
var l = (Pl(o = {}, ".".concat(t.mainClassName), Tl({}, Object(i.n)("blockBackground%s", "desktop", t.attributes))), Pl(o, "", {padding: r("noPaddings") ? "0 !important" : void 0}), Pl(o, ".".concat(t.mainClassName, ":before"), Tl({}, Object(i.l)("blockBackground%s", "desktop", t.attributes))), Pl(o, "tablet", (Pl(n = {}, ".".concat(t.mainClassName), Tl({}, Object(i.n)("blockBackground%s", "tablet", t.attributes))), Pl(n, ".".concat(t.mainClassName, ":before"), Tl({}, Object(i.l)("blockBackground%s", "tablet", t.attributes))), n)), Pl(o, "mobile", (Pl(a = {}, ".".concat(t.mainClassName), Tl({}, Object(i.n)("blockBackground%s", "mobile", t.attributes))), Pl(a, ".".concat(t.mainClassName, ":before"), Tl({}, Object(i.l)("blockBackground%s", "mobile", t.attributes))), a)), o);
return He()(e, l)
}, Hl = function (e) {
return Object(v.omit)(e, ["blockBackgroundBackgroundMediaId"])
};
function Wl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Gl(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Wl(n, !0).forEach(function (t) {
Vl(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Wl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Vl(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ql = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return function (e, n) {
var i = n.setAttributes, l = n.attributes, c = l.showTopSeparator, b = void 0 !== c && c,
p = l.topSeparatorDesign, m = void 0 === p ? "wave-1" : p, g = l.topSeparatorColor,
d = void 0 === g ? "" : g, f = l.topSeparatorWidth, h = void 0 === f ? "" : f,
v = l.topSeparatorFlipHorizontally, y = void 0 !== v && v, O = l.topSeparatorFlipVertically,
w = void 0 !== O && O, _ = l.topSeparatorShadow, j = void 0 === _ || _, k = l.topSeparatorBringToFront,
C = void 0 !== k && k, x = l.showBottomSeparator, E = void 0 !== x && x, S = l.bottomSeparatorDesign,
B = void 0 === S ? "wave-1" : S, T = l.bottomSeparatorColor, P = void 0 === T ? "" : T,
A = l.bottomSeparatorWidth, N = void 0 === A ? "" : A, R = l.bottomSeparatorFlipHorizontally,
F = void 0 !== R && R, D = l.bottomSeparatorFlipVertically, I = void 0 !== D && D,
z = l.bottomSeparatorShadow, L = void 0 === z || z, U = l.bottomSeparatorBringToFront,
H = void 0 !== U && U;
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Top Separator", o.i18n),
id: "top-separator",
checked: b,
onChange: function (e) {
return i({showTopSeparator: e})
},
toggleOnSetAttributes: ["topSeparatorDesign", "topSeparatorColor", "topSeparatorHeight", "topSeparatorTabletHeight", "topSeparatorMobileHeight", "topSeparatorWidth", "topSeparatorFlipHorizontally", "topSeparatorFlipVertically", "topSeparatorShadow", "topSeparatorBringToFront", "showTopSeparatorLayer2", "showTopSeparatorLayer3", "topSeparatorLayer2Color", "topSeparatorLayer3Color", "topSeparatorLayer2BlendMode", "topSeparatorLayer3BlendMode", "topSeparatorLayer2Height", "topSeparatorLayer3Height", "topSeparatorLayer2Width", "topSeparatorLayer3Width", "topSeparatorLayer2Opacity", "topSeparatorLayer3Opacity", "topSeparatorLayer2FlipHorizontally", "topSeparatorLayer3FlipHorizontally"],
toggleAttributeName: "showTopSeparator",
className: "ugb-top-block-separator-panel ugb--help-tip-separator-top-on"
}, wp.element.createElement(a.F, {
label: Object(s.__)("Design", o.i18n),
selected: m,
onChange: function (e) {
return i({topSeparatorDesign: e})
}
}), wp.element.createElement(a.u, {
label: Object(s.__)("Color", o.i18n), value: d, onChange: function (e) {
return i({topSeparatorColor: e})
}
}), wp.element.createElement(a.kb, {
attrNameTemplate: "topSeparator%sHeight",
setAttributes: i,
blockAttributes: n.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Height", o.i18n),
min: "30",
max: "400",
allowReset: !0,
placeholder: "200",
className: "ugb--help-tip-separator-height"
})), wp.element.createElement(a.c, {
label: Object(s.__)("Width", o.i18n),
min: "1",
max: "4",
step: "0.1",
value: h,
onChange: function (e) {
return i({topSeparatorWidth: e})
},
allowReset: !0,
placeholder: "1.0",
className: "ugb--help-tip-separator-width"
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Flip Horizontally", o.i18n),
checked: y,
onChange: function (e) {
return i({topSeparatorFlipHorizontally: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Flip Vertically", o.i18n),
checked: w,
onChange: function (e) {
return i({topSeparatorFlipVertically: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Shadow", o.i18n),
checked: j,
onChange: function (e) {
return i({topSeparatorShadow: e})
},
className: "ugb--help-tip-separator-shadow"
}), t.enableBringToFront && wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Bring to Front", o.i18n),
checked: C,
onChange: function (e) {
return i({topSeparatorBringToFront: e})
},
className: "ugb--help-tip-separator-bring-to-front"
}), Object(M.applyFilters)("stackable.block-separators.edit.top", null, n), o.showProNotice && wp.element.createElement(a.jb, {
title: Object(s.__)("Say Hello to Gorgeous Separators 👋", o.i18n),
description: Object(s.__)("Add a second & third layer to this separator and make it look even sweeter. This feature is only available on Stackable Premium", o.i18n)
})), wp.element.createElement(a.fb, {
title: Object(s.__)("Bottom Separator", o.i18n),
id: "bottom-separator",
checked: E,
onChange: function (e) {
return i({showBottomSeparator: e})
},
toggleOnSetAttributes: ["bottomSeparatorDesign", "bottomSeparatorColor", "bottomSeparatorHeight", "bottomSeparatorTabletHeight", "bottomSeparatorMobileHeight", "bottomSeparatorWidth", "bottomSeparatorFlipHorizontally", "bottomSeparatorFlipVertically", "bottomSeparatorShadow", "bottomSeparatorBringToFront", "showBottomSeparatorLayer2", "showBottomSeparatorLayer3", "bottomSeparatorLayer2Color", "bottomSeparatorLayer3Color", "bottomSeparatorLayer2BlendMode", "bottomSeparatorLayer3BlendMode", "bottomSeparatorLayer2Height", "bottomSeparatorLayer3Height", "bottomSeparatorLayer2Width", "bottomSeparatorLayer3Width", "bottomSeparatorLayer2Opacity", "bottomSeparatorLayer3Opacity", "bottomSeparatorLayer2FlipHorizontally", "bottomSeparatorLayer3FlipHorizontally"],
toggleAttributeName: "showBottomSeparator",
className: "ugb-bottom-block-separator-panel ugb--help-tip-separator-bottom-on"
}, wp.element.createElement(a.F, {
label: Object(s.__)("Design", o.i18n),
selected: B,
onChange: function (e) {
return i({bottomSeparatorDesign: e})
}
}), wp.element.createElement(a.u, {
label: Object(s.__)("Color", o.i18n), value: P, onChange: function (e) {
return i({bottomSeparatorColor: e})
}
}), wp.element.createElement(a.kb, {
attrNameTemplate: "bottomSeparator%sHeight",
setAttributes: i,
blockAttributes: n.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Height", o.i18n),
min: "30",
max: "400",
allowReset: !0,
placeholder: "200",
className: "ugb--help-tip-separator-height"
})), wp.element.createElement(a.c, {
label: Object(s.__)("Width", o.i18n),
min: "1",
max: "4",
step: "0.1",
value: N,
onChange: function (e) {
return i({bottomSeparatorWidth: e})
},
allowReset: !0,
placeholder: "1.0",
className: "ugb--help-tip-separator-width"
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Flip Horizontally", o.i18n),
checked: F,
onChange: function (e) {
return i({bottomSeparatorFlipHorizontally: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Flip Vertically", o.i18n),
checked: I,
onChange: function (e) {
return i({bottomSeparatorFlipVertically: e})
}
}), wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Shadow", o.i18n),
checked: L,
onChange: function (e) {
return i({bottomSeparatorShadow: e})
},
className: "ugb--help-tip-separator-shadow"
}), t.enableBringToFront && wp.element.createElement(r.ToggleControl, {
label: Object(s.__)("Bring to Front", o.i18n),
checked: H,
onChange: function (e) {
return i({bottomSeparatorBringToFront: e})
},
className: "ugb--help-tip-separator-bring-to-front"
}), Object(M.applyFilters)("stackable.block-separators.edit.bottom", null, n), o.showProNotice && wp.element.createElement(a.jb, {
title: Object(s.__)("Say Hello to Gorgeous Separators 👋", o.i18n),
description: Object(s.__)("Add a second & third layer to this separator and make it look even sweeter. This feature is only available on Stackable Premium", o.i18n)
})))
}
}, Kl = function (e) {
return Gl({}, e, {}, Object(i.i)("Show%sSeparator", {
type: "boolean",
default: ""
}, ["Top", "Bottom"]), {}, Object(i.i)("%sSeparator%s", {
type: "string",
default: "wave-1"
}, ["Top", "Bottom"], ["Design"]), {}, Object(i.i)("%sSeparator%s", {
type: "string",
default: ""
}, ["Top", "Bottom"], ["Color"]), {}, Object(i.i)("%sSeparator%s", {
type: "number",
default: ""
}, ["Top", "Bottom"], ["Height", "TabletHeight", "MobileHeight", "Width"]), {}, Object(i.i)("%sSeparator%s", {
type: "boolean",
default: ""
}, ["Top", "Bottom"], ["FlipHorizontally", "FlipVertically", "BringToFront"]), {}, Object(i.i)("%sSeparatorShadow", {
type: "boolean",
default: !0
}, ["Top", "Bottom"]), {}, Object(i.i)("Show%sSeparator%s", {
type: "boolean",
default: ""
}, ["Top", "Bottom"], ["Layer2", "Layer3"]), {}, Object(i.i)("%sSeparator%s", {
type: "string",
default: ""
}, ["Top", "Bottom"], ["Layer2Color", "Layer3Color", "Layer2BlendMode", "Layer3BlendMode"]), {}, Object(i.i)("%sSeparator%s", {
type: "number",
default: ""
}, ["Top", "Bottom"], ["Layer2Height", "Layer3Height", "Layer2Width", "Layer3Width", "Layer2Opacity", "Layer3Opacity"]), {}, Object(i.i)("%sSeparator%s", {
type: "boolean",
default: ""
}, ["Top", "Bottom"], ["Layer2FlipHorizontally", "Layer3FlipHorizontally"]))
}, Jl = function (e, t, n) {
var i = n.attributes, o = i.showTopSeparator, r = void 0 !== o && o, l = i.topSeparatorDesign,
c = void 0 === l ? "wave-1" : l, s = i.topSeparatorFlipVertically, b = void 0 !== s && s,
p = i.topSeparatorShadow, m = void 0 === p || p, g = i.showBottomSeparator, d = void 0 !== g && g,
f = i.bottomSeparatorDesign, h = void 0 === f ? "wave-1" : f, v = i.bottomSeparatorFlipVertically,
y = void 0 !== v && v, O = i.bottomSeparatorShadow, w = void 0 === O || O;
return wp.element.createElement(u.Fragment, null, e, r && wp.element.createElement(u.Fragment, null, wp.element.createElement("div", {className: "ugb-top-separator"}, wp.element.createElement(a.lb, {
design: c,
shadow: m,
inverted: b
}, Object(M.applyFilters)("stackable.module.block-separator.output.top.after", null, n)))), d && wp.element.createElement(u.Fragment, null, wp.element.createElement("div", {className: "ugb-bottom-separator"}, wp.element.createElement(a.lb, {
design: h,
shadow: w,
inverted: y
}, Object(M.applyFilters)("stackable.module.block-separator.output.bottom.after", null, n)))))
}, Yl = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return function (e, n) {
var a, i = n.attributes, o = i.showTopSeparator, r = void 0 !== o && o, l = i.topSeparatorColor,
c = void 0 === l ? "" : l, s = i.topSeparatorHeight, u = void 0 === s ? "" : s,
b = i.topSeparatorTabletHeight, p = void 0 === b ? "" : b, m = i.topSeparatorMobileHeight,
g = void 0 === m ? "" : m, d = i.topSeparatorWidth, f = void 0 === d ? "" : d,
h = i.topSeparatorFlipHorizontally, v = void 0 !== h && h, y = i.topSeparatorBringToFront,
O = void 0 !== y && y;
if (!r) return e;
var w = (Vl(a = {}, ".ugb-top-separator", {
zIndex: t.enableBringToFront && O ? 6 : void 0,
transform: v ? "scale(-1)" : void 0
}), Vl(a, ".ugb-top-separator svg", {fill: "" !== c ? c : void 0}), Vl(a, ".ugb-top-separator .ugb-separator-wrapper", {transform: "" !== f ? "scaleX(".concat(f, ")") : void 0}), Vl(a, "desktopTablet", Vl({}, ".ugb-top-separator .ugb-separator-wrapper", {height: "" !== u ? "".concat(u, "px") : void 0})), Vl(a, "tabletOnly", Vl({}, ".ugb-top-separator .ugb-separator-wrapper", {height: "" !== p ? "".concat(p, "px") : void 0})), Vl(a, "mobile", Vl({}, ".ugb-top-separator .ugb-separator-wrapper", {height: "" !== g ? "".concat(g, "px") : void 0})), a);
return He()(e, w)
}
}, Xl = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return function (e, n) {
var a, i = n.attributes, o = i.showBottomSeparator, r = void 0 !== o && o, l = i.bottomSeparatorColor,
c = void 0 === l ? "" : l, s = i.bottomSeparatorHeight, u = void 0 === s ? "" : s,
b = i.bottomSeparatorTabletHeight, p = void 0 === b ? "" : b, m = i.bottomSeparatorMobileHeight,
g = void 0 === m ? "" : m, d = i.bottomSeparatorWidth, f = void 0 === d ? "" : d,
h = i.bottomSeparatorFlipHorizontally, v = void 0 !== h && h, y = i.bottomSeparatorBringToFront,
O = void 0 !== y && y;
if (!r) return e;
var w = (Vl(a = {}, ".ugb-bottom-separator", {
zIndex: t.enableBringToFront && O ? 6 : void 0,
transform: v ? "scaleX(-1)" : void 0
}), Vl(a, ".ugb-bottom-separator svg", {fill: "" !== c ? c : void 0}), Vl(a, ".ugb-bottom-separator .ugb-separator-wrapper", {transform: "" !== f ? "scaleX(".concat(f, ")") : void 0}), Vl(a, "desktopTablet", Vl({}, ".ugb-bottom-separator .ugb-separator-wrapper", {height: "" !== u ? "".concat(u, "px") : void 0})), Vl(a, "tabletOnly", Vl({}, ".ugb-bottom-separator .ugb-separator-wrapper", {height: "" !== p ? "".concat(p, "px") : void 0})), Vl(a, "mobile", Vl({}, ".ugb-bottom-separator .ugb-separator-wrapper", {height: "" !== g ? "".concat(g, "px") : void 0})), a);
return He()(e, w)
}
}, $l = function (e, t) {
var n = t.attributes, a = n.showTopSeparator, i = void 0 !== a && a, o = n.showBottomSeparator;
return Gl({}, e, {"ugb--has-top-separator": i, "ugb--has-bottom-separator": void 0 !== o && o})
};
function Zl(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Ql(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Zl(n, !0).forEach(function (t) {
ec(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zl(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ec(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function tc(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var nc = function (e, t) {
var n = t.setAttributes, r = t.attributes, l = r.showBlockTitle, c = void 0 !== l && l, b = r.blockTitleTag,
p = void 0 === b ? "" : b, m = r.blockTitleColor, g = void 0 === m ? "" : m, d = r.showBlockDescription,
f = void 0 !== d && d, h = r.blockDescriptionColor, v = void 0 === h ? "" : h, y = r.blockTitle,
O = void 0 === y ? "" : y, w = r.blockDescription, _ = void 0 === w ? "" : w, j = r.blockTitleWidth,
k = void 0 === j ? "" : j, C = r.blockTitleTabletWidth, x = void 0 === C ? "" : C,
E = r.blockTitleMobileWidth, S = void 0 === E ? "" : E, B = r.blockTitleWidthUnit,
T = void 0 === B ? "px" : B, P = r.blockTitleTabletWidthUnit, A = void 0 === P ? "px" : P,
N = r.blockTitleMobileWidthUnit, M = void 0 === N ? "px" : N, R = r.blockDescriptionWidth,
F = void 0 === R ? "" : R, D = r.blockDescriptionTabletWidth, I = void 0 === D ? "" : D,
z = r.blockDescriptionMobileWidth, L = void 0 === z ? "" : z, U = r.blockDescriptionWidthUnit,
H = void 0 === U ? "px" : U, W = r.blockDescriptionTabletWidthUnit, G = void 0 === W ? "px" : W,
V = r.blockDescriptionMobileWidthUnit, q = void 0 === V ? "px" : V, K = r.blockTitleHorizontalAlign,
J = void 0 === K ? "" : K, Y = r.blockDescriptionHorizontalAlign, X = void 0 === Y ? "" : Y;
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
title: Object(s.__)("Block Title", o.i18n),
id: "block-title",
className: "ugb-panel-block-title-module",
checked: c,
onChange: function (e) {
var t = {showBlockTitle: e};
e && "" === O && (t.blockTitle = Object(s.__)("Title for This Block", o.i18n)), n(t)
},
toggleOnSetAttributes: [].concat(tc(Object(i.I)("blockTitle%s")), ["blockTitleTag", "blockTitleColor"], tc(Object(i.C)("blockTitle%sAlign"))),
toggleAttributeName: "showBlockTitle"
}, wp.element.createElement(a.M, {
value: p || "h2", onChange: function (e) {
return n({blockTitleTag: e})
}
}), wp.element.createElement(a.vb, {
attrNameTemplate: "blockTitle%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: p || "h2"
}), wp.element.createElement(a.u, {
value: g, onChange: function (e) {
return n({blockTitleColor: e})
}, label: Object(s.__)("Title Color", o.i18n)
}), wp.element.createElement(a.yb, null, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: k,
unit: T || "px",
onChange: function (e) {
return n({blockTitleWidth: e})
},
onChangeUnit: function (e) {
return n({blockTitleWidthUnit: e})
}
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: x,
unit: A || "px",
onChange: function (e) {
return n({blockTitleTabletWidth: e})
},
onChangeUnit: function (e) {
return n({blockTitleTabletWidthUnit: e})
}
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: S,
unit: M || "px",
onChange: function (e) {
return n({blockTitleMobileWidth: e})
},
onChangeUnit: function (e) {
return n({blockTitleMobileWidthUnit: e})
}
})), (k || x || S) && wp.element.createElement(a.e, {
label: Object(s.__)("Horizontal Align", o.i18n),
controls: "flex-horizontal",
value: J,
onChange: function (e) {
return n({blockTitleHorizontalAlign: e})
}
}), wp.element.createElement(a.kb, {
attrNameTemplate: "BlockTitle%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(a.f, {
label: Object(s.__)("Text Align", o.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(a.fb, {
title: Object(s.__)("Block Description", o.i18n),
id: "block-description",
checked: f,
onChange: function (e) {
var t = {showBlockDescription: e};
e && "" === _ && (t.blockDescription = Object(i.M)()), n(t)
},
toggleOnSetAttributes: [].concat(tc(Object(i.I)("blockDescription%s")), ["blockDescriptionTag", "blockDescriptionColor"], tc(Object(i.C)("blockDescription%sAlign"))),
toggleAttributeName: "showBlockDescription"
}, wp.element.createElement(a.vb, {
attrNameTemplate: "blockDescription%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(a.u, {
value: v, onChange: function (e) {
return n({blockDescriptionColor: e})
}, label: Object(s.__)("Description Color", o.i18n)
}), wp.element.createElement(a.yb, null, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: F,
unit: H || "px",
onChange: function (e) {
return n({blockDescriptionWidth: e})
},
onChangeUnit: function (e) {
return n({blockDescriptionWidthUnit: e})
}
})), wp.element.createElement(a.yb, {screen: "tablet"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: I,
unit: G || "px",
onChange: function (e) {
return n({blockDescriptionTabletWidth: e})
},
onChangeUnit: function (e) {
return n({blockDescriptionTabletWidthUnit: e})
}
})), wp.element.createElement(a.yb, {screen: "mobile"}, wp.element.createElement(a.c, {
label: Object(s.__)("Max Width", o.i18n),
units: ["px", "%"],
min: [0, 0],
max: [1e3, 100],
step: [1, 1],
placeholder: [1e3, 100],
allowReset: !0,
value: L,
unit: q || "px",
onChange: function (e) {
return n({blockDescriptionMobileWidth: e})
},
onChangeUnit: function (e) {
return n({blockDescriptionMobileWidthUnit: e})
}
})), (F || I || L) && wp.element.createElement(a.e, {
label: Object(s.__)("Horizontal Align", o.i18n),
controls: "flex-horizontal",
value: X,
onChange: function (e) {
return n({blockDescriptionHorizontalAlign: e})
}
}), wp.element.createElement(a.kb, {
attrNameTemplate: "BlockDescription%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(a.f, {
label: Object(s.__)("Text Align", o.i18n),
className: "ugb--help-tip-alignment-description"
}))))
}, ac = function (e) {
return Ql({}, e, {
showBlockTitle: {type: "boolean", default: !1},
blockTitle: {
source: "html",
selector: ".ugb-block-title",
default: Object(s.__)("Title for This Block", o.i18n)
}
}, Object(i.D)("blockTitle%sWidth", {
type: "number",
default: ""
}), {}, Object(i.D)("blockTitle%sWidthUnit", {
type: "string",
default: ""
}), {
blockTitleHorizontalAlign: {
type: "string",
default: ""
}
}, Object(i.D)("blockTitle%sBottomMargin", {
type: "number",
default: ""
}), {}, Object(i.J)("blockTitle%s"), {}, Object(i.D)("blockTitle%sAlign", {
type: "string",
default: ""
}), {
blockTitleColor: {type: "string", default: ""},
blockTitleTag: {type: "string", default: ""},
showBlockDescription: {type: "boolean", default: !1},
blockDescription: {source: "html", selector: ".ugb-block-description", default: Object(i.M)()}
}, Object(i.D)("blockDescription%sWidth", {
type: "number",
default: ""
}), {}, Object(i.D)("blockDescription%sWidthUnit", {
type: "string",
default: ""
}), {
blockDescriptionHorizontalAlign: {
type: "string",
default: ""
}
}, Object(i.D)("blockDescription%sBottomMargin", {
type: "number",
default: ""
}), {}, Object(i.J)("blockDescription%s"), {}, Object(i.D)("blockDescription%sAlign", {
type: "string",
default: ""
}), {blockDescriptionColor: {type: "string", default: ""}})
}, ic = function (e, t, n) {
var a = n.setAttributes, r = n.attributes, l = r.showBlockTitle, b = void 0 !== l && l, p = r.blockTitle,
m = void 0 === p ? "" : p, g = r.blockTitleTag, d = void 0 === g ? "" : g, f = r.showBlockDescription,
h = void 0 !== f && f, v = r.blockDescription, y = void 0 === v ? "" : v,
O = Se()(["ugb-block-title"], {"ugb-block-title--with-subtitle": h && y});
return wp.element.createElement(u.Fragment, null, e, b && wp.element.createElement(c.RichText, {
tagName: d || "h2",
value: m,
className: O,
onChange: function (e) {
return a({blockTitle: e})
},
placeholder: Object(s.__)("Title for This Block", o.i18n),
keepPlaceholderOnFocus: !0
}), h && wp.element.createElement(c.RichText, {
tagName: "p",
value: y,
className: "ugb-block-description",
onChange: function (e) {
return a({blockDescription: e})
},
placeholder: Object(i.M)(),
keepPlaceholderOnFocus: !0
}))
}, oc = function (e, t) {
var n = t.setAttributes, i = t.attributes, r = i.showBlockTitle, l = void 0 !== r && r,
c = i.showBlockDescription, b = void 0 !== c && c;
return wp.element.createElement(u.Fragment, null, e, l && wp.element.createElement(a.kb, {
attrNameTemplate: "blockTitle%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Block Title", o.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-block-title"
})), b && wp.element.createElement(a.kb, {
attrNameTemplate: "blockDescription%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(a.c, {
label: Object(s.__)("Block Description", o.i18n),
min: -50,
max: 100,
placeholder: "50",
allowReset: !0,
className: "ugb--help-tip-spacing-block-description"
})))
}, rc = function (e, t, n) {
var a = n.attributes, i = a.showBlockTitle, o = void 0 !== i && i, r = a.blockTitle, l = void 0 === r ? "" : r,
s = a.blockTitleTag, b = void 0 === s ? "" : s, p = a.showBlockDescription, m = void 0 !== p && p,
g = a.blockDescription, d = void 0 === g ? "" : g,
f = Se()(["ugb-block-title"], {"ugb-block-title--with-subtitle": m && d});
return wp.element.createElement(u.Fragment, null, e, o && !c.RichText.isEmpty(l) && wp.element.createElement(c.RichText.Content, {
tagName: b || "h2",
className: f,
value: l
}), m && !c.RichText.isEmpty(d) && wp.element.createElement(c.RichText.Content, {
tagName: "p",
className: "ugb-block-description",
value: d
}))
}, lc = function (e, t) {
var n = Object(i.b)(t.attributes), a = t.attributes, o = a.showBlockTitle, r = void 0 !== o && o,
l = a.blockTitleColor, c = void 0 === l ? "" : l, s = a.showBlockDescription, u = void 0 !== s && s,
b = a.blockDescriptionColor, p = void 0 === b ? "" : b, m = a.showBlockBackground, g = void 0 !== m && m,
d = a.blockBackgroundBackgroundColor, f = void 0 === d ? "" : d, h = [e],
v = n("blockTitleWidth") || n("blockTitleTabletWidth") || n("blockTitleMobileWidth");
r && h.push({
".ugb-block-title": Ql({}, Object(i.K)("BlockTitle%s", "desktop", t.attributes), {
color: Object(i.vb)(c, g && f),
textAlign: n("blockTitleAlign"),
marginBottom: n("blockTitleBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockTitleWidth", "%s" + n("blockTitleWidthUnit", "%s", "px"))),
marginLeft: v ? Object(i.c)(Object(i.hb)(n("blockTitleHorizontalAlign"))) : void 0,
marginRight: v ? Object(i.c)(Object(i.ib)(n("blockTitleHorizontalAlign"))) : void 0
}),
tablet: {
".ugb-block-title": Ql({}, Object(i.K)("BlockTitle%s", "tablet", t.attributes), {
textAlign: n("blockTitleTabletAlign"),
marginBottom: n("blockTitleTabletBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockTitleTabletWidth", "%s" + n("blockTitleTabletWidthUnit", "%s", "px")))
})
},
mobile: {
".ugb-block-title": Ql({}, Object(i.K)("BlockTitle%s", "mobile", t.attributes), {
textAlign: n("blockTitleMobileAlign"),
marginBottom: n("blockTitleMobileBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockTitleMobileWidth", "%s" + n("blockTitleMobileWidthUnit", "%s", "px")))
})
}
});
var y = n("blockDescriptionWidth") || n("blockDescriptionTabletWidth") || n("blockDescriptionMobileWidth");
return u && h.push({
".ugb-block-description": Ql({}, Object(i.K)("BlockDescription%s", "desktop", t.attributes), {
color: Object(i.vb)(p, g && f),
textAlign: n("blockDescriptionAlign"),
marginBottom: n("blockDescriptionBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockDescriptionWidth", "%s" + n("blockDescriptionWidthUnit", "%s", "px"))),
marginLeft: y ? Object(i.c)(Object(i.hb)(n("blockDescriptionHorizontalAlign"))) : void 0,
marginRight: y ? Object(i.c)(Object(i.ib)(n("blockDescriptionHorizontalAlign"))) : void 0
}),
tablet: {
".ugb-block-description": Ql({}, Object(i.K)("BlockDescription%s", "tablet", t.attributes), {
textAlign: n("blockDescriptionTabletAlign"),
marginBottom: n("blockDescriptionTabletBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockDescriptionTabletWidth", "%s" + n("blockDescriptionTabletWidthUnit", "%s", "px")))
})
},
mobile: {
".ugb-block-description": Ql({}, Object(i.K)("BlockDescription%s", "mobile", t.attributes), {
textAlign: n("blockDescriptionMobileAlign"),
marginBottom: n("blockDescriptionMobileBottomMargin", "%spx"),
maxWidth: Object(i.c)(n("blockDescriptionMobileWidth", "%s" + n("blockDescriptionMobileWidthUnit", "%s", "px")))
})
}
}), He.a.all(h)
}, cc = function (e) {
return Object(v.omit)(Ql({}, e, {
blockTitle: Object(s.__)("Title for This Block", o.i18n),
blockDescription: Object(i.M)()
}), [e.showBlockTitle ? "blockTitle" : "", e.showBlockDescription ? "blockDescription" : ""])
}, sc = function (e) {
return [].concat(tc(e), ["BlockTitle%sAlign", "BlockDescription%sAlign"])
};
function uc(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function bc(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? uc(n, !0).forEach(function (t) {
pc(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : uc(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function pc(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var mc = function (e) {
return function (t) {
return wp.element.createElement(u.Fragment, null, t, wp.element.createElement(a.fb, {
title: Object(s.__)("Designs", o.i18n),
initialOpen: !0
}, wp.element.createElement("p", {className: "components-base-control__help"}, Object(s.__)("You will not lose your block content when changing designs.", o.i18n)), wp.element.createElement(a.B, {
block: "ugb/".concat(e),
onSelect: function (e) {
Object(i.e)(e.attributes)
}
})))
}
};
function gc(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function dc(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var fc = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? gc(n, !0).forEach(function (t) {
dc(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : gc(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {}, Object(i.i)("%sContentAlign", {type: "string", default: ""}, ["", "Tablet", "Mobile"]))
}, hc = function (e, t) {
var n = Object(i.b)(t.attributes), a = [e];
return a.push({
".ugb-inner-block": {textAlign: n("contentAlign")},
tablet: {".ugb-inner-block": {textAlign: n("tabletContentAlign")}},
mobile: {".ugb-inner-block": {textAlign: n("mobileContentAlign")}}
}), He.a.all(a)
}, vc = function (e, t) {
var n = t.setAttributes, a = t.attributes.contentAlign, i = void 0 === a ? "" : a;
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(c.BlockControls, null, wp.element.createElement(c.AlignmentToolbar, {
value: i,
onChange: function (e) {
return n({contentAlign: e})
}
})))
};
function yc(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Oc(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var wc = function (e) {
return wp.element.createElement(u.Fragment, null, e, wp.element.createElement(a.fb, {
initialOpen: !1,
title: Object(s.__)("Custom CSS", o.i18n)
}, wp.element.createElement(a.ib, {
title: Object(s.__)("Say Hello to Custom CSS 👋", o.i18n),
description: Object(s.__)("Further tweak this block by adding guided custom CSS rules. This feature is only available on Stackable Premium", o.i18n)
})))
}, _c = function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? yc(n, !0).forEach(function (t) {
Oc(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : yc(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""},
customCSSUniqueID: {type: "string", default: ""}
})
}, jc = function (e, t, n) {
var a = n.mainClassName, o = n.attributes, r = o.customCSS, l = void 0 === r ? "" : r, c = o.uniqueClass,
s = void 0 === c ? n.attributes.customCSSUniqueID || "" : c, b = Object(i.jb)(Object(i.h)(l, a, s), !0);
return wp.element.createElement(u.Fragment, null, e, b && wp.element.createElement("style", null, b))
}, kc = {}, Cc = function (e, t) {
kc[e] = t
}, xc = function (e) {
return kc[e]
}, Ec = function (e, t) {
var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {};
if (!xc(t)) {
var a = Sc.reduce(function (e, n) {
var a = n.name, i = n.module;
return t === a ? i : e
}, null);
a && Cc(t, a)
}
var i = xc(t);
i && i(e, n)
}, Sc = [{name: "advanced-general", module: tl}, {
name: "advanced-responsive",
module: Ol
}, {name: "advanced-block-spacing", module: sl}, {name: "advanced-column-spacing", module: gl}, {
name: "block-background", module: function (e) {
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.style.block"), "stackable/".concat(e, "/block-background"), Ml, 18), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/block-background"), Dl), Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.before"), "stackable/".concat(e, "/block-background"), Rl), Object(M.addFilter)("stackable.".concat(e, ".settings"), "stackable/".concat(e, "/block-background"), Fl), Object(M.addFilter)("stackable.".concat(e, ".main-block.classes"), "stackable/".concat(e, "/block-background"), Il), Object(M.addFilter)("stackable.".concat(e, ".main-block.inner-classes"), "stackable/".concat(e, "/block-background"), zl), Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/block-background"), Ul), Object(M.addFilter)("stackable.".concat(e, ".edit.output.outer"), "stackable/".concat(e, "/block-separators"), Ll), Object(M.addFilter)("stackable.".concat(e, ".save.output.outer"), "stackable/".concat(e, "/block-separators"), Ll), Object(M.addFilter)("stackable.".concat(e, ".design.filtered-block-attributes"), "stackable/".concat(e, "/block-separators"), Hl), Object(M.doAction)("stackable.module.block-background", e), function (e) {
Object(M.addFilter)("stackable.".concat(e, ".settings"), "stackable/".concat(e, "/block-background"), xl, 99), Cl.push("ugb/".concat(e))
}(e)
}
}, {
name: "block-separators", module: function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
n = Gl({enableBringToFront: !0}, t);
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.style.block"), "stackable/".concat(e, "/block-separators"), ql(e, n), 18), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/block-separators"), Kl), Object(M.addFilter)("stackable.".concat(e, ".edit.output.outer"), "stackable/".concat(e, "/block-separators"), Jl), Object(M.addFilter)("stackable.".concat(e, ".save.output.outer"), "stackable/".concat(e, "/block-separators"), Jl), Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/block-separators/top"), Yl(e, n)), Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/block-separators/bottom"), Xl(e, n)), Object(M.addFilter)("stackable.".concat(e, ".main-block.classes"), "stackable/".concat(e, "/block-separators"), $l), Object(M.doAction)("stackable.module.block-separators", e)
}
}, {
name: "block-title", module: function (e) {
Object(M.removeFilter)("stackable.panel-spacing-body.edit.before", "stackable/block-title"), Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.style.block"), "stackable/".concat(e, "/block-title"), nc, 17), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/block-title"), ac), Object(M.addFilter)("stackable.panel-spacing-body.edit.before", "stackable/block-title", oc), Object(M.addFilter)("stackable.".concat(e, ".edit.output.before"), "stackable/".concat(e, "/block-title"), ic), Object(M.addFilter)("stackable.".concat(e, ".save.output.before"), "stackable/".concat(e, "/block-title"), rc), Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/block-title"), lc), Object(M.addFilter)("stackable.with-content-align-reseter.attributeNamesToReset", "stackable/".concat(e, "/block-title"), sc), Object(M.addFilter)("stackable.".concat(e, ".design.filtered-block-attributes"), "stackable/".concat(e, "/block-title"), cc), Object(M.doAction)("stackable.module.block-title", e)
}
}, {
name: "block-designs", module: function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
bc({}, t);
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.layout.before"), "stackable/".concat(e, "/block-designs"), mc(e), 20), Object(M.doAction)("stackable.module.block-designs", e)
}
}, {
name: "content-align", module: function (e) {
Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.before"), "stackable/".concat(e, "/content-align"), vc, 11), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/content-align"), fc), Object(M.addFilter)("stackable.".concat(e, ".styles"), "stackable/".concat(e, "/content-align"), hc, 9), Object(M.doAction)("stackable.module.content-align", e)
}
}, {
name: "custom-css", module: function (e) {
o.showProNotice && Object(M.addFilter)("stackable.".concat(e, ".edit.inspector.advanced.after"), "stackable/".concat(e, "/custom-css"), wc, 20), Object(M.addFilter)("stackable.".concat(e, ".attributes"), "stackable/".concat(e, "/custom-css"), _c), o.isPro || Object(M.addFilter)("stackable.".concat(e, ".save.output.outer"), "stackable/pro/".concat(e, "/custom-css/downgrade"), jc), Object(M.doAction)("stackable.module.custom-css", e)
}
}], Bc = n(10);
function Tc(e) {
return (Tc = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function Pc(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Ac(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? Pc(n, !0).forEach(function (t) {
Nc(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Pc(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Nc(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Mc, Rc = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
if (!Object(d.getBlockType)(e)) {
var n = e.replace(/^\w+\//g, ""), a = Ac({}, t, {
category: Object(i.qb)() ? t.category : "stackable",
modules: Object(M.applyFilters)("stackable.".concat(n, ".modules"), t.modules || {}),
deprecated: (t.deprecated || []).map(function (t) {
return Ac({}, t, {save: Object(Bc.f)(e)(t.save)})
})
});
return Object.keys(a.modules).forEach(function (e) {
var t = a.modules[e];
t && Ec(n, e, "object" === Tc(t) ? t : {})
}), a.attributes = Object(M.applyFilters)("stackable.block.attributes", a.attributes), a.attributes = Object(M.applyFilters)("stackable.".concat(n, ".attributes"), a.attributes), a.edit = Object(Bc.f)(e)(a.edit), a.save = Object(Bc.f)(e)(a.save), Object(d.registerBlockType)(e, Object(M.applyFilters)("stackable.".concat(n, ".settings"), a)), a
}
};
Object(i.qb)() ? Object(d.registerBlockCollection)("ugb", {
title: Object(s.__)("Stackable", o.i18n),
icon: ct.w
}) : Object(d.setCategories)([].concat(function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(Mc = Object(d.getCategories)()) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(Mc) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}(), [{slug: "stackable", title: Object(s.__)("Stackable", o.i18n), icon: ct.w}]));
var Fc;
(Fc = n(454)).keys().forEach(function (e) {
var t = Fc(e), n = t.name, a = t.settings;
try {
return n && a && Rc(n, a)
} catch (e) {
console.error("Could not register ".concat(n, " block"))
}
})
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(5), i = n.n(a);
function o() {
return (o = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var r = i.a.createElement("path", {
className: "curve-1_svg__st2",
d: "M1610 177.3C1423 122.9 1133.3 88 808 88c-334.7 0-631.8 37-818 94.1v28h1620v-32.8z"
}), l = function (e) {
return i.a.createElement("svg", o({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), r)
};
function c() {
return (c = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var s = i.a.createElement("filter", {id: "curve-1-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
u = i.a.createElement("path", {
className: "curve-1-shadow_svg__st2",
d: "M808 87.9c-334.7 0-631.8 37-818 94.1v10c186.2-57.1 483.3-94.1 818-94.1 325.3 0 615 34.9 802 89.3v-10c-187-54.3-476.7-89.3-802-89.3z"
}), b = function (e) {
return i.a.createElement("svg", c({
viewBox: "0 0 1600 200",
filter: "url(#curve-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), s, u)
};
function p() {
return (p = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var m = i.a.createElement("path", {
className: "curve-2_svg__st2",
d: "M-10 207.6h1620S1430.8 23.8 1138.3 23.8C884 23.8 234.9 140.1-10 197.9v9.7z"
}), g = function (e) {
return i.a.createElement("svg", p({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), m)
};
function d() {
return (d = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var f = i.a.createElement("filter", {id: "curve-2-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
h = i.a.createElement("path", {
className: "curve-2-shadow_svg__st2",
d: "M1138.3 36.2c246.1 0 412 130.1 458.4 171.4h13.3S1430.8 23.8 1138.3 23.8C884 23.8 172 156.9-10 197.9v9.7H2.2C201.7 163.7 889.3 36.2 1138.3 36.2z"
}), v = function (e) {
return i.a.createElement("svg", d({
viewBox: "0 0 1600 200",
filter: "url(#curve-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), f, h)
};
function y() {
return (y = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var O = i.a.createElement("path", {
className: "curve-3_svg__st1",
d: "M-6.7 13.4S456 171.1 876.1 171.1 1606.4 16 1606.4 16v192.6H-6.7V13.4z"
}), w = function (e) {
return i.a.createElement("svg", y({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), O)
};
function _() {
return (_ = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var j = i.a.createElement("filter", {id: "curve-3-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
k = i.a.createElement("path", {
className: "curve-3-shadow_svg__st1",
d: "M876.1 171.1C456 171.1-6.7 13.4-6.7 13.4v13.7S456 184.8 876.1 184.8s730.3-155.1 730.3-155.1V16s-310.3 155.1-730.3 155.1z"
}), C = function (e) {
return i.a.createElement("svg", _({
viewBox: "0 0 1600 200",
filter: "url(#curve-3-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), j, k)
};
function x() {
return (x = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var E = i.a.createElement("path", {
className: "rounded-1_svg__st1",
d: "M1602.9 209l-9.3-117.7c-3.8-48.1-46.3-84.4-94.4-80.6L-8 131.2V209h1610.9z"
}), S = function (e) {
return i.a.createElement("svg", x({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), E)
};
function B() {
return (B = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var T = i.a.createElement("filter", {id: "rounded-1-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
P = i.a.createElement("path", {
className: "rounded-1-shadow_svg__st1",
d: "M1491.2 20.7c48.1-3.8 90.6 32.5 94.4 80.6l8.5 107.7h8.8l-9.3-117.7c-3.8-48.1-46.3-84.4-94.4-80.6L-8 131.2v9.4L1491.2 20.7z"
}), A = function (e) {
return i.a.createElement("svg", B({
viewBox: "0 0 1600 200",
filter: "url(#rounded-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), T, P)
};
function N() {
return (N = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var M = i.a.createElement("path", {
className: "rounded-2_svg__st2",
d: "M1609.5 133.2h-9.5c0-10.9-8.9-19.8-19.8-19.8H19.8C8.9 113.3 0 122.2 0 133.2l-10-.2v77h1619.5v-76.8z"
}), R = function (e) {
return i.a.createElement("svg", N({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), M)
};
function F() {
return (F = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var D = i.a.createElement("filter", {id: "rounded-2-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
I = i.a.createElement("path", {
className: "rounded-2-shadow_svg__st2",
d: "M1600 133.2c0-10.9-8.9-19.8-19.8-19.8H19.8C8.9 113.3 0 122.2 0 133.2V210h9v-66.8c0-10.9 8.9-19.8 19.8-19.8h1542.4c10.9 0 19.8 8.9 19.8 19.8V210h9v-76.8z"
}), z = function (e) {
return i.a.createElement("svg", F({
viewBox: "0 0 1600 200",
filter: "url(#rounded-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), D, I)
};
function L() {
return (L = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var U = i.a.createElement("path", {className: "slant-1_svg__st2", d: "M-10 210h1620V.5L-10 183.9z"}),
H = function (e) {
return i.a.createElement("svg", L({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), U)
};
function W() {
return (W = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var G = i.a.createElement("filter", {id: "slant-1-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
V = i.a.createElement("path", {className: "slant-1-shadow_svg__st2", d: "M-10 183.9v10L1610 10.5V.5z"}),
q = function (e) {
return i.a.createElement("svg", W({
viewBox: "0 0 1600 200",
filter: "url(#slant-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), G, V)
};
function K() {
return (K = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var J = i.a.createElement("path", {
className: "slant-2_svg__st1",
d: "M1610 39.2V209H-10V39.2l810 118.9 810-118.9z"
}), Y = function (e) {
return i.a.createElement("svg", K({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), J)
};
function X() {
return (X = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var $ = i.a.createElement("filter", {id: "slant-2-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
Z = i.a.createElement("path", {
className: "slant-2-shadow_svg__st1",
d: "M1610 39.2v12L800 170.1-10 51.2v-12l810 118.9 810-118.9z"
}), Q = function (e) {
return i.a.createElement("svg", X({
viewBox: "0 0 1600 200",
filter: "url(#slant-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), $, Z)
};
function ee() {
return (ee = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var te = i.a.createElement("path", {
className: "wave-1_svg__st2",
d: "M1341.4 48.9c-182.4 0-254.2 80.4-429.4 80.4-117.8 0-209.7-67.5-393.5-67.5-142.2 0-212.6 38.8-324.6 38.8S-10 64.7-10 64.7V210h1620V102c-110.6-40.2-181-53.1-268.6-53.1z"
}), ne = function (e) {
return i.a.createElement("svg", ee({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), te)
};
function ae() {
return (ae = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ie = i.a.createElement("filter", {id: "wave-1-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
oe = i.a.createElement("path", {
className: "wave-1-shadow_svg__st2",
d: "M1341.4 48.9c-182.4 0-254.2 80.4-429.4 80.4-117.8 0-209.7-67.5-393.5-67.5-142.2 0-212.6 38.8-324.6 38.8S-10 64.7-10 64.7v10s91.9 35.9 203.9 35.9 182.4-38.8 324.6-38.8c183.8 0 275.7 67.5 393.5 67.5 175.2 0 247-80.4 429.4-80.4 87.6 0 158 12.9 268.6 53.1v-10c-110.6-40.2-181-53.1-268.6-53.1z"
}), re = function (e) {
return i.a.createElement("svg", ae({
viewBox: "0 0 1600 200",
filter: "url(#wave-1-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), ie, oe)
};
function le() {
return (le = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ce = i.a.createElement("path", {
className: "wave-2_svg__st2",
d: "M1432.2 67.4c-88.8-16.7-156-5.3-204 8.5s-147.1 62.2-223.1 73.9c-75.4 11.6-164-7.5-275-27.9S571 88.1 456 98.1c-119.7 10.4-224.7 52-294.4 73-94.5 28.5-171.6-3-171.6-3V210h1620V91.6c-53 10-86.8-7.1-177.8-24.2z"
}), se = function (e) {
return i.a.createElement("svg", le({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), ce)
};
function ue() {
return (ue = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var be = i.a.createElement("filter", {id: "wave-2-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
pe = i.a.createElement("path", {
className: "wave-2-shadow_svg__st2",
d: "M1432.2 67.4c-88.8-16.7-156-5.3-204 8.5s-147.1 62.2-223.1 73.9c-75.4 11.6-164-7.5-275-27.9S571 88.1 456 98.1c-119.7 10.4-224.7 52-294.4 73-94.5 28.5-171.6-3-171.6-3v10s77.1 31.5 171.6 3c69.7-21 174.7-62.6 294.4-73 115-10 163.1 3.4 274.1 23.8 111 20.4 199.6 39.5 275 27.9 76-11.7 175.1-60.1 223.1-73.9s115.2-25.2 204-8.5c91 17.1 124.8 34.2 177.8 24.2v-10c-53 10-86.8-7.1-177.8-24.2z"
}), me = function (e) {
return i.a.createElement("svg", ue({
viewBox: "0 0 1600 200",
filter: "url(#wave-2-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), be, pe)
};
function ge() {
return (ge = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var de = i.a.createElement("path", {
className: "wave-3_svg__st2",
d: "M1413.6 161.4c-157.9 0-338.2-37.7-495.1-67.4-215.6-40.8-328.1-44.6-418.2-41.1S317 73.4 188.4 102-10 136.2-10 136.2v74.2h1620v-68.5s-68.8 19.5-196.4 19.5z"
}), fe = function (e) {
return i.a.createElement("svg", ge({viewBox: "0 0 1600 200", xmlns: "http://www.w3.org/2000/svg"}, e), de)
};
function he() {
return (he = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var ve = i.a.createElement("filter", {id: "wave-3-shadow_svg__a"}, i.a.createElement("feGaussianBlur", {
in: "SourceAlpha",
stdDeviation: 4
}), i.a.createElement("feComponentTransfer", null, i.a.createElement("feFuncA", {
type: "linear",
slope: .4
})), i.a.createElement("feMerge", null, i.a.createElement("feMergeNode", null), i.a.createElement("feMergeNode", {in: "SourceGraphic"}))),
ye = i.a.createElement("path", {
className: "wave-3-shadow_svg__st2",
d: "M1413.6 161.4c-157.9 0-338.2-37.7-495.1-67.4-215.6-40.8-328.1-44.6-418.2-41.1S317 73.4 188.5 102-10 136.2-10 136.2v10s69.9-5.7 198.5-34.3 221.7-45.7 311.8-49.1 202.6.3 418.2 41.1c156.9 29.7 337.2 67.4 495.1 67.4 127.6 0 196.4-19.4 196.4-19.4v-10s-68.8 19.5-196.4 19.5z"
}), Oe = {
"wave-1": ne,
"wave-2": se,
"wave-3": fe,
"curve-1": l,
"curve-2": g,
"curve-3": w,
"slant-1": H,
"slant-2": Y,
"rounded-1": S,
"rounded-2": R
}, we = {
"wave-1": re, "wave-2": me, "wave-3": function (e) {
return i.a.createElement("svg", he({
viewBox: "0 0 1600 200",
filter: "url(#wave-3-shadow_svg__a)",
enableBackground: "new 0 0 1600 200",
xmlns: "http://www.w3.org/2000/svg"
}, e), ve, ye)
}, "curve-1": b, "curve-2": v, "curve-3": C, "slant-1": q, "slant-2": Q, "rounded-1": A, "rounded-2": z
}, _e = n(4), je = n(8), ke = n.n(je), Ce = [{
attributes: {
align: {type: "string", default: "full"},
design: {type: "string", default: "wave-1"},
height: {type: "number", default: 200},
flipVertically: {type: "boolean", default: !1},
flipHorizontally: {type: "boolean", default: !1},
backgroundColor: {type: "string", default: ""},
marginTop: {type: "number", default: 0},
marginBottom: {type: "number", default: 0},
paddingTop: {type: "number", default: 0},
paddingBottom: {type: "number", default: 0},
layer1Color: {type: "string", default: ""},
layer1Width: {type: "number", default: 1},
layer1Flip: {type: "boolean", default: !1},
layer1Shadow: {type: "boolean", default: !1},
layer2: {type: "boolean", default: !1},
layer2Color: {type: "string", default: ""},
layer2Height: {type: "number", default: 1},
layer2Width: {type: "number", default: 1},
layer2Flip: {type: "boolean", default: !1},
layer2Opacity: {type: "number", default: .5},
layer3: {type: "boolean", default: !1},
layer3Color: {type: "string", default: ""},
layer3Height: {type: "number", default: 1},
layer3Width: {type: "number", default: 1},
layer3Flip: {type: "boolean", default: !1},
layer3Opacity: {type: "number", default: .5},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t = e.className, n = e.attributes, a = n.height, i = n.design, o = void 0 === i ? "wave-1" : i,
r = n.marginTop, l = void 0 === r ? 0 : r, c = n.marginBottom, s = void 0 === c ? 0 : c,
u = n.paddingTop, b = void 0 === u ? 0 : u, p = n.paddingBottom, m = void 0 === p ? 0 : p,
g = n.backgroundColor, d = void 0 === g ? "" : g, f = n.flipVertically, h = void 0 !== f && f,
v = n.flipHorizontally, y = void 0 !== v && v, O = n.layer1Color, w = void 0 === O ? "" : O,
_ = n.layer1Width, j = void 0 === _ ? 1 : _, k = n.layer1Flip, C = void 0 !== k && k,
x = n.layer1Shadow, E = void 0 !== x && x,
S = ke()([t, "ugb-separator", "ugb-separator--design-".concat(o)], Object(_e.applyFilters)("stackable.separator.mainclasses", {
"ugb-separator--flip-vertical": h,
"ugb-separator--flip-horizontal": y
}, o, e)), B = {
backgroundColor: d || void 0,
marginTop: "".concat(l - 1, "px"),
marginBottom: "".concat(s - 1, "px")
}, T = {height: "".concat(m, "px"), background: w || void 0},
P = {height: "".concat(b, "px"), background: d || void 0}, A = {height: a + "px"},
N = {fill: w || void 0, transform: j ? "scaleX(".concat(j, ")") : void 0};
C && (N.transform = N.transform ? "".concat(N.transform, " scaleX(-1)") : "scaleX(-1)");
var M = Oe[o], R = we[o];
return wp.element.createElement("div", {
className: S,
style: B,
"aria-hidden": "true"
}, Object(_e.applyFilters)("stackable.separator.save.output.before_1_15", null, o, e), wp.element.createElement("div", {
className: "ugb-separator__top-pad",
style: P
}), wp.element.createElement("div", {
className: "ugb-separator__svg-wrapper",
style: A
}, wp.element.createElement("div", {className: "ugb-separator__svg-inner"}, E && wp.element.createElement(R, {
preserveAspectRatio: "none",
style: N
}), wp.element.createElement(M, {
preserveAspectRatio: "none",
style: N
}), Object(_e.applyFilters)("stackable.separator.save.output.layers_1_15", null, o, e))), wp.element.createElement("div", {
className: "ugb-separator__bottom-pad",
style: T
}))
}
}], xe = n(3), Ee = n(1), Se = n(0), Be = n(6);
Ee.showProNotice && Object(_e.addFilter)("stackable.separator.edit.inspector.style.after", "stackable/separator", function (e) {
return wp.element.createElement(Be.Fragment, null, e, wp.element.createElement(xe.fb, {
initialOpen: !1,
title: Object(Se.sprintf)(Object(Se._x)("%s %d", "Nth Title", Ee.i18n), Object(Se.__)("Layer", Ee.i18n), 2),
className: "ugb--help-tip-separator-layer2"
}, wp.element.createElement(xe.ib, {
title: Object(Se.__)("Say Hello to Gorgeous Separators 👋", Ee.i18n),
description: Object(Se.__)("Add a second layer to this separator and make it look even sweeter. This feature is only available on Stackable Premium", Ee.i18n)
})), wp.element.createElement(xe.fb, {
initialOpen: !1,
title: Object(Se.sprintf)(Object(Se._x)("%s %d", "Nth Title", Ee.i18n), Object(Se.__)("Layer", Ee.i18n), 3),
className: "ugb--help-tip-separator-layer3"
}, wp.element.createElement(xe.ib, {
title: Object(Se.__)("Say Hello to Gorgeous Separators 👋", Ee.i18n),
description: Object(Se.__)("Add a third layer to this separator and make it look even sweeter. This feature is only available on Stackable Premium", Ee.i18n)
})))
});
var Te = n(10), Pe = n(2), Ae = function (e) {
var t, n = Object(Pe.b)(e.attributes), a = e.attributes, i = a.backgroundColor, o = void 0 === i ? "" : i,
r = a.layer1Color, l = void 0 === r ? "" : r, c = a.layer1Width, s = void 0 === c ? 1 : c, u = a.layer1Flip,
b = void 0 !== u && u, p = a.marginTop, m = void 0 === p ? 0 : p, g = a.marginBottom,
d = void 0 === g ? 0 : g, f = a.marginUnit, h = void 0 === f ? "px" : f, v = a.tabletMarginTop,
y = void 0 === v ? "" : v, O = a.tabletMarginBottom, w = void 0 === O ? "" : O, _ = a.tabletMarginUnit,
j = void 0 === _ ? "px" : _, k = a.mobileMarginTop, C = void 0 === k ? "" : k, x = a.mobileMarginBottom,
E = void 0 === x ? "" : x, S = a.mobileMarginUnit, B = void 0 === S ? "px" : S, T = a.paddingTop,
P = void 0 === T ? 0 : T, A = a.paddingBottom, N = void 0 === A ? 0 : A, M = a.paddingUnit,
R = void 0 === M ? "px" : M, F = a.tabletPaddingTop, D = void 0 === F ? "" : F, I = a.tabletPaddingBottom,
z = void 0 === I ? "" : I, L = a.tabletPaddingUnit, U = void 0 === L ? "px" : L, H = a.mobilePaddingTop,
W = void 0 === H ? "" : H, G = a.mobilePaddingBottom, V = void 0 === G ? "" : G, q = a.mobilePaddingUnit,
K = void 0 === q ? "px" : q, J = void 0 !== e.mergeBlocks;
return {
".ugb-separator": {
backgroundColor: o || void 0,
marginTop: "".concat(m - 1 + (J ? -14 : 0)).concat(h, " !important"),
marginBottom: "".concat(d - 1 + (J ? -14 : 0)).concat(h, " !important")
},
".ugb-separator__bottom-pad": {height: "" !== N ? "".concat(N).concat(R) : void 0, background: l || void 0},
".ugb-separator__top-pad": {height: "" !== P ? "".concat(P).concat(R) : void 0, background: o || void 0},
".ugb-separator__shadow, .ugb-separator__layer-1": {
fill: l || void 0,
transform: (t = s ? "scaleX(".concat(s, ")") : void 0, b && (t = t ? "".concat(t, " scaleX(-1)") : "scaleX(-1)"), t)
},
desktopTablet: {".ugb-separator__svg-wrapper": {height: Object(Pe.c)(n("height", "%spx"))}},
tabletOnly: {".ugb-separator__svg-wrapper": {height: Object(Pe.c)(n("tabletHeight", "%spx"))}},
tablet: {
".ugb-separator": {
marginTop: "".concat(y - 1).concat(j, " !important"),
marginBottom: "".concat(w - 1).concat(j, " !important")
},
".ugb-separator__bottom-pad": {height: "" !== z ? "".concat(z).concat(U) : void 0},
".ugb-separator__top-pad": {height: "" !== D ? "".concat(D).concat(U) : void 0}
},
mobile: {
".ugb-separator__svg-wrapper": {height: Object(Pe.c)(n("mobileHeight", "%spx"))},
".ugb-separator": {
marginTop: "".concat(C - 1).concat(B, " !important"),
marginBottom: "".concat(E - 1).concat(B, " !important")
},
".ugb-separator__bottom-pad": {height: "" !== V ? "".concat(V).concat(K) : void 0},
".ugb-separator__top-pad": {height: "" !== W ? "".concat(W).concat(K) : void 0}
}
}
}, Ne = n(11), Me = n(12);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
Object(i.addFilter)("stackable.blockquote.design.no-text-attributes", "stackable/blockquote", function (e) {
return Object(a.omit)(e, ["text"])
});
var o = n(5), r = n.n(o);
function l() {
return (l = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var c = r.a.createElement("path", {d: "M22.3 30.5c0 6-4.8 10.8-10.8 10.8-2.3 0-4.5-.8-6.3-2-.9-.6-1.8-1.4-2.5-2.4-1.8-2.4-2.7-5.4-2.7-9 0-4.5 1.3-8.5 4-11.9 2.7-3.4 6.4-5.8 11.1-7.3v2.8c-2.7 2.2-4.4 5-4.9 8.3.4-.1.9-.1 1.3-.1 6-.1 10.8 4.8 10.8 10.8zm16.9-10.9c-.5 0-.9 0-1.3.1.5-3.3 2.2-6.1 4.9-8.3V8.7c-4.7 1.4-8.4 3.9-11.1 7.3-2.7 3.4-4 7.4-4 11.9 0 3.6.9 6.6 2.7 9 .8 1 1.6 1.8 2.5 2.4 1.8 1.3 3.9 2 6.3 2 6 0 10.8-4.8 10.8-10.8 0-6-4.8-10.9-10.8-10.9z"}),
s = function (e) {
return r.a.createElement("svg", l({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), c)
};
function u() {
return (u = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var b = r.a.createElement("path", {d: "M9.4 14.6c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.3.9 7.3 2.7 2 1.8 3 4.2 3 7.3 0 1.9-.5 3.6-1.4 5.1-.9 1.5-2.2 2.7-3.8 3.6s-3.3 1.3-5.1 1.3c-4.1 0-7.3-1.6-9.5-4.9C.9 36.9 0 33.5 0 29.4c0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.3 1.3-6.2 3.5-8.7 6.4zm27.5 0c-2.4 2.9-3.6 5.9-3.6 8.9 0 1.3.2 2.4.5 3.3 1.8-1.4 3.8-2.1 6-2.1 2.9 0 5.4.9 7.4 2.7 2 1.8 3 4.2 3 7.3 0 2.8-1 5.2-3 7.1-2 1.9-4.4 2.9-7.3 2.9-4.1 0-7.3-1.6-9.5-4.9-1.8-2.7-2.8-6.2-2.8-10.3 0-5.2 1.4-9.9 4.1-14 2.8-4.1 6.9-7.5 12.5-10l1.5 2.8c-3.5 1.2-6.4 3.4-8.8 6.3z"}),
p = function (e) {
return r.a.createElement("svg", u({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), b)
};
function m() {
return (m = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var g = r.a.createElement("path", {d: "M22.6 12.8c-1.9.5-3.7 1.2-5.3 2.1-1.6.9-3.1 1.9-4.3 3-1.2 1.1-2.2 2.4-2.9 3.7-.7 1.3-1.1 2.7-1.1 4 0 1.2.1 1.8.3 1.8.8 0 1.5-.3 2.4-.9.8-.6 1.9-.9 3.3-.9 2.1 0 3.9.8 5.4 2.4 1.5 1.6 2.3 3.7 2.3 6.2s-1 4.6-2.9 6.4c-1.9 1.8-4.3 2.6-7.3 2.6-1.8 0-3.4-.4-4.9-1.1-1.5-.8-2.8-1.8-3.9-3.1s-2-2.8-2.6-4.6C.3 32.5 0 30.6 0 28.6c0-3 .6-5.8 1.8-8.3 1.2-2.5 2.8-4.8 4.9-6.7 2-1.9 4.4-3.5 7.2-4.6 2.8-1.2 5.6-1.8 8.6-2v5.8zm27.4 0c-1.9.5-3.7 1.2-5.4 2.1-1.7.9-3.1 1.9-4.3 3-1.2 1.1-2.2 2.4-2.9 3.7-.7 1.3-1.1 2.7-1.1 4 0 1.2.1 1.8.4 1.8.8 0 1.5-.3 2.3-.9.8-.6 1.9-.9 3.3-.9 2 0 3.8.8 5.3 2.4 1.5 1.6 2.3 3.7 2.3 6.2s-1 4.6-2.9 6.4c-2 1.8-4.4 2.6-7.3 2.6-1.7 0-3.3-.4-4.8-1.1-1.5-.8-2.8-1.8-3.9-3.1s-2-2.8-2.7-4.6c-.7-1.8-1-3.7-1-5.7 0-3 .6-5.8 1.8-8.3 1.2-2.5 2.8-4.8 4.9-6.7 2-1.9 4.4-3.5 7.2-4.6 2.8-1.2 5.7-1.8 8.8-2v5.7z"}),
d = function (e) {
return r.a.createElement("svg", m({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), g)
};
function f() {
return (f = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var h = r.a.createElement("path", {d: "M19.8 9.3C10.5 11.8 4.6 17 2.1 24.8c2.3-3.6 5.6-5.4 9.9-5.4 3.3 0 6 1.1 8.3 3.3 2.2 2.2 3.4 5 3.4 8.3 0 3.2-1.1 5.8-3.3 8-2.2 2.2-5.1 3.2-8.7 3.2-3.7 0-6.5-1.2-8.6-3.5C1 36.3 0 33.1 0 29 0 18.3 6.5 11.2 19.6 7.9l.2 1.4zm26.4 0C36.9 11.9 31 17 28.5 24.8c2.2-3.6 5.5-5.4 9.8-5.4 3.2 0 6 1.1 8.3 3.2 2.3 2.2 3.4 4.9 3.4 8.3 0 3.1-1.1 5.8-3.3 7.9-2.2 2.2-5.1 3.3-8.6 3.3-3.7 0-6.6-1.1-8.6-3.4-2.1-2.3-3.1-5.5-3.1-9.7 0-10.7 6.6-17.8 19.7-21.1l.1 1.4z"}),
v = function (e) {
return r.a.createElement("svg", f({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), h)
};
function y() {
return (y = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var O = r.a.createElement("path", {d: "M12.5 9.2H19c1.1 0 1.8.2 2.3.7.5.5.7 1.2.7 2.3v3.4c0 1.1-.2 1.8-.7 2.3-.5.5-1.2.7-2.3.7h-5.8c-.7 0-1.3.2-1.7.6-.4.4-.6 1-.6 1.7v1.3H20c1.1 0 1.8.2 2.3.7.5.5.7 1.2.7 2.3v12.5c0 1.1-.2 1.8-.7 2.3-.5.5-1.2.7-2.3.7H3c-1.1 0-1.8-.2-2.3-.7-.5-.4-.7-1.2-.7-2.2V21.9c0-4.3 1.1-7.4 3.4-9.6 2.3-2 5.3-3.1 9.1-3.1zm26.9 0h6.5c1.1 0 1.8.2 2.3.7.5.5.7 1.2.7 2.3v3.4c0 1.1-.2 1.8-.7 2.3-.5.5-1.2.7-2.3.7h-5.8c-.7 0-1.3.2-1.7.6-.4.4-.6 1-.6 1.7v1.3H47c1.1 0 1.8.2 2.3.7.5.5.7 1.2.7 2.3v12.5c0 1.1-.2 1.8-.7 2.3-.5.5-1.2.7-2.3.7H30c-1.1 0-1.8-.2-2.3-.7-.5-.5-.7-1.2-.7-2.3V21.9c0-4.3 1.1-7.4 3.4-9.6 2.2-2 5.2-3.1 9-3.1z"}),
w = function (e) {
return r.a.createElement("svg", y({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), O)
};
function _() {
return (_ = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var j = r.a.createElement("path", {d: "M20.8 44.5H0V23.7L9.3 5.5h7.3L12 23.7h8.8v20.8zm29.2 0H29.2V23.7l9.3-18.1h7.3l-4.6 18.1H50v20.8z"}),
k = function (e) {
return r.a.createElement("svg", _({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), j)
};
function C() {
return (C = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var x = r.a.createElement("path", {d: "M10.3 24.8V26H20v16.9H0V26.2C0 13.4 6.6 7.1 19.9 7.1v7.1c-3.4.5-5.9 1.6-7.4 3.3-1.5 1.7-2.2 4.1-2.2 7.3zm30 0V26H50v16.9H30.1V26.2c0-12.7 6.6-19.1 19.9-19.1v7.1c-6.4.7-9.7 4.3-9.7 10.6z"}),
E = function (e) {
return r.a.createElement("svg", C({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), x)
};
function S() {
return (S = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var B = r.a.createElement("path", {d: "M21.1 6.8v36.4H0V22.1L21.1 6.8zm28.9 0v36.4H28.9V22.1L50 6.8z"}),
T = function (e) {
return r.a.createElement("svg", S({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), B)
};
function P() {
return (P = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var A = r.a.createElement("path", {d: "M14.7 45.9H0V31.3C0 17.6 8.6 6.6 21.6 4.1v4.7c-10 2.6-16.7 10.9-16.7 22.6h9.8v14.5zm28.1 0H28.4V31.3C28.4 17.6 37 6.6 50 4.1v4.7c-9.8 2.6-16.7 10.9-16.7 22.6h9.5v14.5z"}),
N = function (e) {
return r.a.createElement("svg", P({viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg"}, e), A)
}, M = n(1), R = n(0);
function F() {
return (F = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var D = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(p, F({style: e}, t))
}, I = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(v, F({style: e}, t))
}, z = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(d, F({style: e}, t))
}, L = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(s, F({style: e}, t))
}, U = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(E, F({style: e}, t))
}, H = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(w, F({style: e}, t))
}, W = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(k, F({style: e}, t))
}, G = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(T, F({style: e}, t))
}, V = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
return wp.element.createElement(N, F({style: e}, t))
}, q = {
"round-thin": {icon: I(), iconFunc: I, title: Object(R.__)("Round Thin", M.i18n), value: "round-thin"},
round: {icon: D(), iconFunc: D, title: Object(R.__)("Round", M.i18n), value: "round"},
"round-thick": {icon: z(), iconFunc: z, title: Object(R.__)("Round Thick", M.i18n), value: "round-thick"},
"round-fat": {icon: L(), iconFunc: L, title: Object(R.__)("Round Fat", M.i18n), value: "round-fat"},
"square-thin": {icon: V(), iconFunc: V, title: Object(R.__)("Square Thin", M.i18n), value: "square-thin"},
square: {icon: U(), iconFunc: U, title: Object(R.__)("Square", M.i18n), value: "square"},
"square-simple": {icon: G(), iconFunc: G, title: Object(R.__)("Square Simple", M.i18n), value: "square-simple"},
"square-modern": {icon: W(), iconFunc: W, title: Object(R.__)("Square Modern", M.i18n), value: "square-modern"},
"square-fat": {icon: H(), iconFunc: H, title: Object(R.__)("Square Fat", M.i18n), value: "square-fat"}
}, K = n(2), J = n(9), Y = n(8), X = n.n(Y);
function $(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Z(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? $(n, !0).forEach(function (t) {
Q(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function Q(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ee = [{
attributes: {
align: {type: "string"},
text: {source: "html", selector: "p", default: Object(K.M)("long")},
color: {type: "string", default: ""},
quoteColor: {type: "string", default: ""},
backgroundColorType: {type: "string", default: ""},
backgroundColor: {type: "string"},
backgroundColor2: {type: "string", default: ""},
backgroundColorDirection: {type: "number", default: 0},
backgroundType: {type: "string", default: ""},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
fixedBackground: {type: "boolean", default: !1},
contentWidth: {type: "boolean", default: !1},
quotationMark: {type: "string", default: "round-thin"},
quotationSize: {type: "number", default: 70},
design: {type: "string", default: "plain"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t, n = e.className, a = e.attributes, o = a.color, r = a.text, l = a.quoteColor,
c = a.backgroundColorType, s = void 0 === c ? "" : c, u = a.backgroundColor, b = a.backgroundColor2,
p = a.backgroundColorDirection, m = void 0 === p ? 0 : p, g = a.backgroundType,
d = void 0 === g ? "" : g, f = a.backgroundImageURL, h = a.backgroundOpacity, v = void 0 === h ? 5 : h,
y = a.fixedBackground, O = a.quotationMark, w = void 0 === O ? "round-thin" : O, _ = a.quotationSize,
j = void 0 === _ ? 70 : _, k = a.align, C = a.contentWidth, x = a.design,
E = void 0 === x ? "plain" : x, S = a.borderRadius, B = void 0 === S ? 12 : S, T = a.shadow,
P = void 0 === T ? 3 : T, A = ["basic", "top-icon"].includes(E),
N = X()([n, "ugb-blockquote", "ugb-blockquote--v2", "ugb--background-opacity-" + 1 * Math.round(v / 1), "ugb-blockquote--design-".concat(E)], Object(i.applyFilters)("stackable.blockquote.mainclasses_1_17_3", (Q(t = {
"ugb--has-background": A && (u || f),
"ugb--has-background-image": A && f
}, "ugb--shadow-".concat(P), A && 3 !== P), Q(t, "ugb-content-width", "full" === k && C), Q(t, "ugb-blockquote--small-quote", j < 60), Q(t, "ugb--has-background-gradient", "gradient" === s), Q(t, "ugb--has-background-video", "video" === d), t), E, e)),
M = A ? {
backgroundColor: u || void 0,
backgroundImage: f ? "url(".concat(f, ")") : void 0,
backgroundAttachment: y ? "fixed" : void 0,
"--ugb-background-color": f || "gradient" === s ? u : void 0,
"--ugb-background-color2": "gradient" === s && b ? b : void 0,
"--ugb-background-direction": "gradient" === s ? "".concat(m, "deg") : void 0,
borderRadius: 12 !== B ? B : void 0
} : {}, R = Object(i.applyFilters)("stackable.blockquote.styles_1_17_3", {
main: Z({"--quote-color": l || void 0}, M),
text: {color: o}
}, E, e);
return wp.element.createElement("blockquote", {
className: N,
style: R.main
}, A && "video" === d && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: f
}), Object(i.applyFilters)("stackable.blockquote.save.output.before_1_17_3", null, E, e), wp.element.createElement("div", {className: "ugb-content-wrapper"}, q[w].iconFunc({
fill: l,
width: j,
height: j
}), Object(i.applyFilters)("stackable.blockquote.save.output_1_17_3", wp.element.createElement(J.RichText.Content, {
tagName: "p",
className: "ugb-blockquote__text",
style: R.text,
value: r
}), E, e)), Object(i.applyFilters)("stackable.blockquote.save.output.after_1_17_3", null, E, e))
}, migrate: function (e) {
var t = function (t) {
var n = (t || "").replace(/\.ugb-content-wrapper/g, ".ugb-blockquote__item").replace(/svg(\s*\{)/g, ".ugb-blockquote__quote$1");
return "basic" === e.design && (n = n.replace(/\.ugb-blockquote(\s*\{)/g, ".ugb-blockquote__item$1")), n
};
return Z({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
showQuote: !0,
quoteIcon: e.quotationMark,
quoteSize: e.quotationSize,
textColor: e.color ? e.color : e.backgroundColor ? "#000000" : void 0,
containerBackgroundColorType: e.backgroundColorType,
containerBackgroundColor: e.backgroundColor,
containerBackgroundColor2: e.backgroundColor2,
containerBackgroundGradientDirection: e.backgroundColorDirection,
containerBackgroundMediaId: e.backgroundImageID,
containerBackgroundMediaUrl: e.backgroundImageURL,
containerBackgroundTintStrength: e.backgroundOpacity,
containerFixedBackground: e.fixedBackground,
design: "basic" === e.design && "full" === e.align ? "plain" : e.design,
showBlockBackground: "basic" === e.design && "full" === e.align || void 0,
blockInnerWidth: "full" !== e.align ? void 0 : "basic" === e.design && !0 === e.contentWidth ? "center" : "full",
blockBackgroundBackgroundColor: "basic" === e.design && "full" === e.align ? e.backgroundColor : void 0,
marginTop: "full" === e.align ? 0 : void 0,
marginBottom: "full" === e.align ? 0 : void 0
})
}
}, {
attributes: {
align: {type: "string"},
text: {source: "html", selector: "p", default: Object(K.M)("long")},
color: {type: "string", default: ""},
quoteColor: {type: "string", default: ""},
backgroundColor: {type: "string"},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
fixedBackground: {type: "boolean", default: !1},
contentWidth: {type: "boolean", default: !1},
quotationMark: {type: "string", default: "round-thin"},
quotationSize: {type: "number", default: 70},
design: {type: "string", default: "plain"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3}
}, save: function (e) {
var t, n = e.className, a = e.attributes, o = a.color, r = a.text, l = a.quoteColor,
c = a.backgroundColorType, s = void 0 === c ? "" : c, u = a.backgroundColor, b = a.backgroundColor2,
p = a.backgroundColorDirection, m = void 0 === p ? 0 : p, g = a.backgroundType,
d = void 0 === g ? "" : g, f = a.backgroundImageURL, h = a.backgroundOpacity, v = void 0 === h ? 5 : h,
y = a.fixedBackground, O = a.quotationMark, w = void 0 === O ? "round-thin" : O, _ = a.quotationSize,
j = void 0 === _ ? 70 : _, k = a.align, C = a.contentWidth, x = a.design,
E = void 0 === x ? "plain" : x, S = a.borderRadius, B = void 0 === S ? 12 : S, T = a.shadow,
P = void 0 === T ? 3 : T, A = ["basic", "top-icon"].includes(E),
N = X()([n, "ugb-blockquote", "ugb-blockquote--v2", "ugb--background-opacity-" + 1 * Math.round(v / 1), "ugb-blockquote--design-".concat(E)], Object(i.applyFilters)("stackable.blockquote.mainclasses", (Q(t = {
"ugb--has-background": A && (u || f),
"ugb--has-background-image": A && f
}, "ugb--shadow-".concat(P), A && 3 !== P), Q(t, "ugb-content-width", "full" === k && C), Q(t, "ugb-blockquote--small-quote", j < 60), Q(t, "ugb--has-background-gradient", "gradient" === s), Q(t, "ugb--has-background-video", "video" === d), t), E, e)),
M = A ? {
backgroundColor: u || void 0,
backgroundImage: f ? "url(".concat(f, ")") : void 0,
backgroundAttachment: y ? "fixed" : void 0,
"--ugb-background-color": f || "gradient" === s ? u : void 0,
"--ugb-background-color2": "gradient" === s && b ? b : void 0,
"--ugb-background-direction": "gradient" === s ? "".concat(m, "deg") : void 0,
borderRadius: 12 !== B ? B : void 0
} : {}, R = Object(i.applyFilters)("stackable.blockquote.styles_1_17_3", {
main: Z({"--quote-color": l || void 0}, M),
text: {color: o}
}, E, e);
return wp.element.createElement("blockquote", {
className: N,
style: R.main
}, A && "video" === d && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: f
}), Object(i.applyFilters)("stackable.blockquote.save.output.before", null, E, e), wp.element.createElement("div", {className: "ugb-content-wrapper"}, q[w].iconFunc({
fill: l,
width: j,
height: j
}), Object(i.applyFilters)("stackable.blockquote.save.text", wp.element.createElement(J.RichText.Content, {
tagName: "p",
className: "ugb-blockquote__text",
style: R.text,
value: r
}), E, e)), Object(i.applyFilters)("stackable.blockquote.save.output.after", null, E, e))
}
}], te = n(271), ne = n.n(te), ae = n(272), ie = n.n(ae), oe = n(273), re = n.n(oe), le = n(274), ce = n.n(le),
se = n(275), ue = n.n(se), be = function (e) {
var t = e.attributes.design, n = void 0 === t ? "basic" : t;
return Object(i.applyFilters)("stackable.blockquote.show", {
containerBackground: "basic" === n,
borderRadius: "basic" === n,
shadow: "basic" === n,
border: "basic" === n
}, e)
}, pe = n(14), me = n.n(pe);
function ge(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function de(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function fe(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? de(n, !0).forEach(function (t) {
he(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : de(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function he(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ve = function (e) {
var t = Object(K.b)(e.attributes), n = be(e), a = [];
a.push(fe({}, n.containerBackground ? Object(K.m)("container%s", "ugb-blockquote__item", e.attributes, {importantBackgroundColor: !0}) : {})), n.containerBackground && a.push({".ugb-blockquote__item": {borderRadius: n.borderRadius ? t("borderRadius", "%spx !important") : void 0}}), n.border && a.push(fe({}, Object(K.p)("column%s", ".ugb-blockquote__item", e.attributes)));
var i = e.attributes.showQuote;
(void 0 === i || i) && (a.push({
".ugb-blockquote__quote": {
fill: Object(K.c)(t("quoteColor")),
opacity: t("quoteOpacity")
}
}), a.push.apply(a, ge(Object(K.F)(".ugb-blockquote__quote", "quote%sSize", "width", "%spx", e.attributes, {important: !0}))), a.push.apply(a, ge(Object(K.F)(".ugb-blockquote__quote", "quote%sSize", "height", "%spx", e.attributes, {important: !0}))), a.push.apply(a, ge(Object(K.F)(".ugb-blockquote__quote", "quote%sX", "left", "%spx", e.attributes, {important: !0}))), a.push.apply(a, ge(Object(K.F)(".ugb-blockquote__quote", "quote%sY", "top", "%spx", e.attributes, {important: !0}))));
var o = e.attributes, r = o.columnPaddingUnit, l = void 0 === r ? "px" : r, c = o.tabletColumnPaddingUnit,
s = void 0 === c ? "px" : c, u = o.mobileColumnPaddingUnit, b = void 0 === u ? "px" : u;
a.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(K.d)({
paddingTop: t("columnPaddingTop", "%s".concat(l)),
paddingBottom: t("columnPaddingBottom", "%s".concat(l)),
paddingRight: t("columnPaddingRight", "%s".concat(l)),
paddingLeft: t("columnPaddingLeft", "%s".concat(l))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(K.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(s)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(s)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(s)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(s))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(K.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(b)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(b)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(b)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(b))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object(K.d)({
paddingTop: t("columnPaddingTop", "%s".concat(l)),
paddingBottom: t("columnPaddingBottom", "%s".concat(l)),
paddingRight: t("columnPaddingRight", "%s".concat(l)),
paddingLeft: t("columnPaddingLeft", "%s".concat(l))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object(K.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(s)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(s)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(s)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(s))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-blockquote__item": Object(K.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(b)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(b)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(b)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(b))
})
}
}
});
var p = e.attributes, m = p.containerBackgroundColor, g = void 0 === m ? "" : m, d = p.textColor,
f = void 0 === d ? "" : d;
return a.push({
".ugb-blockquote__text": fe({}, Object(K.K)("text%s", "desktop", e.attributes, {important: !0}), {color: Object(K.vb)(f, n.containerBackground && g)}),
tablet: {".ugb-blockquote__text": fe({}, Object(K.K)("text%s", "tablet", e.attributes, {important: !0}))},
mobile: {".ugb-blockquote__text": fe({}, Object(K.K)("text%s", "mobile", e.attributes, {important: !0}))}
}), a.push.apply(a, ge(Object(K.F)(".ugb-blockquote__item", "text%sAlign", "textAlign", "%s", e.attributes, {important: !0}))), me.a.all(a)
}, ye = n(3), Oe = n(10), we = n(6), _e = n(12);
function je(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(i.addFilter)("stackable.blockquote.edit.layouts", "default", function (e) {
var t = [{
label: Object(R.__)("Basic", M.i18n),
value: "basic",
image: ne.a
}, {
label: Object(R.__)("Plain", M.i18n),
value: "plain",
image: ie.a
}, {
label: Object(R.__)("Centered Quote", M.i18n),
value: "centered-quote",
image: re.a,
premium: !0
}, {
label: Object(R.__)("Huge", M.i18n),
value: "huge",
image: ue.a,
premium: !0
}, {label: Object(R.__)("Highlight", M.i18n), value: "highlight", image: ce.a, premium: !0}];
return [].concat(je(e), t)
}), Object(i.addFilter)("stackable.blockquote.edit.inspector.layout.before", "stackable/blockquote", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "basic" : a;
return wp.element.createElement(we.Fragment, null, e, wp.element.createElement(ye.D, {
initialOpen: !0,
selected: o,
options: Object(i.applyFilters)("stackable.blockquote.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
}, M.showProNotice && wp.element.createElement(ye.jb, null)))
}), Object(i.addFilter)("stackable.blockquote.edit.inspector.style.before", "stackable/blockquote", function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.borderRadius, o = void 0 === i ? "" : i, r = a.shadow,
l = void 0 === r ? "" : r, c = a.showQuote, s = void 0 === c || c, u = a.quoteIcon,
b = void 0 === u ? "round-thin" : u, p = a.quoteColor, m = void 0 === p ? "" : p, g = a.quoteOpacity,
d = void 0 === g ? "" : g, f = a.textColor, h = void 0 === f ? "" : f, v = be(t);
return wp.element.createElement(we.Fragment, null, e, wp.element.createElement(ye.fb, {
title: Object(R.__)("General", M.i18n),
initialOpen: !0
}, wp.element.createElement(ye.x, {
setAttributes: n,
blockAttributes: t.attributes
})), v.containerBackground && wp.element.createElement(ye.fb, {
title: Object(R.__)("Container", M.i18n),
id: "column-background",
initialOpen: !1,
className: "ugb--help-tip-column-background-on-off"
}, wp.element.createElement(ye.s, {
label: Object(R.__)("Background", M.i18n),
popoverLabel: Object(R.__)("Background", M.i18n),
onReset: function () {
n({
containerBackgroundColorType: "",
containerBackgroundColor: "",
containerBackgroundColor2: "",
containerBackgroundColorOpacity: "",
containerBackgroundMediaID: "",
containerBackgroundMediaUrl: "",
containerBackgroundTintStrength: "",
containerFixedBackground: ""
})
},
allowReset: t.attributes.containerBackgroundColor || t.attributes.containerBackgroundMediaUrl,
hasColorPreview: t.attributes.containerBackgroundColor,
hasImagePreview: t.attributes.containerBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.containerBackgroundColorType ? [t.attributes.containerBackgroundColor, t.attributes.containerBackgroundColor2] : t.attributes.containerBackgroundColor,
imageUrlPreview: t.attributes.containerBackgroundMediaUrl
}, wp.element.createElement(ye.h, {
attrNameTemplate: "container%s",
setAttributes: n,
blockAttributes: t.attributes
})), v.border && wp.element.createElement(ye.n, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
}), v.borderRadius && wp.element.createElement(ye.c, {
label: Object(R.__)("Border Radius", M.i18n),
value: o,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), v.shadow && wp.element.createElement(ye.c, {
label: Object(R.__)("Shadow / Outline", M.i18n),
value: l,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), wp.element.createElement(ye.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(ye.v, {
label: Object(R.__)("Paddings", M.i18n),
setAttributes: n,
attributes: t.attributes
})), wp.element.createElement(ye.fb, {
title: Object(R.__)("Quotation Mark", M.i18n),
id: "quotation",
checked: s,
onChange: function (e) {
return n({showQuote: e})
},
toggleOnSetAttributes: ["quoteIcon", "quoteColor"].concat(je(Object(K.C)("quote%sSize")), je(Object(K.C)("quote%sX")), je(Object(K.C)("quote%sY"))),
toggleAttributeName: "showQuote"
}, wp.element.createElement(ye.e, {
label: Object(R.__)("Icon", M.i18n),
multiline: !0,
className: "ugb-blockquote__inspector__icon",
controls: Object.values(q),
value: b,
onChange: function (e) {
return n({quoteIcon: e})
}
}), wp.element.createElement(ye.u, {
value: m, onChange: function (e) {
return n({quoteColor: e})
}, label: Object(R.__)("Color", M.i18n)
}), wp.element.createElement(ye.kb, {
attrNameTemplate: "quote%sSize",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(ye.c, {
label: Object(R.__)("Size", M.i18n),
min: 0,
max: 400,
allowReset: !0,
placeholder: "70"
})), wp.element.createElement(ye.c, {
label: Object(R.__)("Opacity", M.i18n), value: d, onChange: function (e) {
return n({quoteOpacity: e})
}, min: 0, max: 1, step: .1, allowReset: !0, placeholder: "1"
}), wp.element.createElement(ye.kb, {
attrNameTemplate: "quote%sX",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(ye.c, {
label: Object(R.__)("Horizontal Position", M.i18n),
min: -400,
max: 400,
allowReset: !0,
placeholder: "0"
})), wp.element.createElement(ye.kb, {
attrNameTemplate: "quote%sY",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(ye.c, {
label: Object(R.__)("Vertical Position", M.i18n),
min: -400,
max: 400,
allowReset: !0,
placeholder: "0"
}))), wp.element.createElement(ye.fb, {
title: Object(R.__)("Text", M.i18n),
id: "text",
hasToggle: !1
}, wp.element.createElement(ye.vb, {
attrNameTemplate: "text%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(ye.u, {
value: h, onChange: function (e) {
return n({textColor: e})
}, label: Object(R.__)("Text Color", M.i18n)
}), wp.element.createElement(ye.kb, {
attrNameTemplate: "Text%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(ye.f, {
label: Object(R.__)("Align", M.i18n),
className: "ugb--help-tip-alignment-description"
}))))
});
var ke = Object(_e.compose)(Oe.i, Oe.g, Oe.d, Object(Oe.h)(), Object(Oe.c)(["Text%sAlign"]), Object(Oe.a)(ve, {editorMode: !0}), Object(Oe.b)([[".ugb-blockquote__item", "column-background"], [".ugb-blockquote__quote", "quotation"], [".ugb-blockquote__text", "text"]]))(function (e) {
var t, n, a, o = e.className, r = e.setAttributes, l = e.attributes, c = l.blockTag, s = void 0 === c ? "" : c,
u = l.design, b = void 0 === u ? "plain" : u, p = l.shadow, m = void 0 === p ? "" : p, g = l.text,
d = void 0 === g ? "" : g, f = l.showQuote, h = void 0 === f || f, v = l.quoteIcon,
y = void 0 === v ? "round-thin" : v, O = l.quoteSize, w = void 0 === O ? 70 : O, _ = be(e),
j = X()([o, "ugb-blockquote--v3", "ugb-blockquote--design-".concat(b)], Object(i.applyFilters)("stackable.blockquote.mainclasses", {"ugb-blockquote--small-quote": w < 60}, b, e)),
k = X()(["ugb-blockquote__item"], (t = {}, n = "ugb--shadow-".concat(m), a = _.containerBackground && "" !== m, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement(ye.k.Edit, {
blockTag: s || "blockquote",
className: j,
blockProps: e,
render: function () {
return wp.element.createElement(we.Fragment, null, wp.element.createElement(ye.G, {
className: k,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: _.containerBackground
}, h && q[y].iconFunc({}, {
className: "ugb-blockquote__quote",
width: w,
height: w
}), wp.element.createElement("div", {className: "ugb-blockquote__content"}, wp.element.createElement(J.RichText, {
className: "ugb-blockquote__text",
value: d,
onChange: function (e) {
return r({text: e})
},
placeholder: Object(K.M)("long"),
keepPlaceholderOnFocus: !0
}))))
}
})
});
var Ce = Object(_e.compose)(Oe.i, Object(Oe.a)(ve))(function (e) {
var t, n, a, o = e.className, r = e.attributes, l = r.blockTag, c = void 0 === l ? "" : l, s = r.design,
u = void 0 === s ? "plain" : s, b = r.shadow, p = void 0 === b ? "" : b, m = r.text,
g = void 0 === m ? "" : m, d = r.showQuote, f = void 0 === d || d, h = r.quoteIcon,
v = void 0 === h ? "round-thin" : h, y = r.quoteSize, O = void 0 === y ? 70 : y, w = be(e),
_ = X()([o, "ugb-blockquote--v3", "ugb-blockquote--design-".concat(u)], Object(i.applyFilters)("stackable.blockquote.mainclasses", {"ugb-blockquote--small-quote": O < 60}, u, e)),
j = X()(["ugb-blockquote__item"], (t = {}, n = "ugb--shadow-".concat(p), a = w.containerBackground && "" !== p, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement(ye.k.Save, {
blockTag: c || "blockquote",
className: _,
blockProps: e,
render: function () {
return wp.element.createElement(we.Fragment, null, wp.element.createElement(ye.G, {
className: j,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: w.containerBackground
}, f && q[v].iconFunc({}, {
className: "ugb-blockquote__quote",
width: O,
height: O
}), wp.element.createElement("div", {className: "ugb-blockquote__content"}, wp.element.createElement(J.RichText.Content, {
tagName: "p",
className: "ugb-blockquote__text",
value: g
}))))
}
})
});
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(2), o = n(7), r = n(4);
function l(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(r.addFilter)("stackable.video-popup.design.filtered-block-attributes", "stackable/video-popup", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return Object(o.omit)(e, ["videoLink", "videoID", "video-popup3", "previewBackgroundMediaId"].concat(l(t && t.previewBackgroundMediaId ? ["previewBackgroundMediaUrl"] : [])))
});
var c = n(5), s = n.n(c);
function u() {
return (u = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var b = s.a.createElement("path", {d: "M16 29l12-9-12-9v18zm4-29C8.95 0 0 8.95 0 20s8.95 20 20 20 20-8.95 20-20S31.05 0 20 0zm0 36c-8.82 0-16-7.18-16-16S11.18 4 20 4s16 7.18 16 16-7.18 16-16 16z"}),
p = function (e) {
return s.a.createElement("svg", u({viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg"}, e), b)
};
function m() {
return (m = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var g = s.a.createElement("path", {d: "M0 0v320l256-160L0 0z"}), d = function (e) {
return s.a.createElement("svg", m({viewBox: "0 0 256 320", xmlns: "http://www.w3.org/2000/svg"}, e), g)
};
function f() {
return (f = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var h = s.a.createElement("path", {d: "M17 34C7.6 34 0 26.4 0 17S7.6 0 17 0s17 7.6 17 17-7.6 17-17 17zm0-32C8.7 2 2 8.7 2 17s6.7 15 15 15 15-6.7 15-15S25.3 2 17 2z"}),
v = s.a.createElement("path", {d: "M12 25.7V8.3L27 17l-15 8.7zm2-14v10.5l9-5.3-9-5.2z"}), y = function (e) {
return s.a.createElement("svg", f({viewBox: "0 0 34 34", xmlns: "http://www.w3.org/2000/svg"}, e), h, v)
}, O = n(0), w = n(1), _ = {
normal: function (e) {
return wp.element.createElement(d, {style: e, width: "30", height: "30"})
}, circle: function (e) {
return wp.element.createElement(p, {style: e, width: "50", height: "50"})
}, outline: function (e) {
return wp.element.createElement(y, {style: e, width: "50", height: "50"})
}
},
j = (Object(O.__)("Normal Play Button", w.i18n), Object(O.__)("Play Button with Circle", w.i18n), Object(O.__)("Outline Play Button", w.i18n), n(8)),
k = n.n(j);
function C(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function x(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var E = [{
attributes: {
videoLink: {type: "string"},
videoID: {type: "string", source: "attribute", selector: "div", attribute: "data-video"},
playButtonType: {type: "string", default: "normal"},
playButtonColor: {type: "string", default: "#ffffff"},
backgroundColorType: {type: "string", default: ""},
backgroundColor: {type: "string", default: "#000000"},
backgroundColor2: {type: "string", default: ""},
backgroundColorDirection: {type: "number", default: 0},
backgroundType: {type: "string", default: ""},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
align: {type: "string"},
design: {type: "string", default: "basic"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
hoverEffect: {type: "string", default: ""},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""},
overlayColor: {type: "string"},
mediaLink: {type: "string"},
mediaID: {type: "number"}
}, save: function (e) {
var t, n = e.className, a = e.attributes, i = a.videoID, o = a.playButtonType, l = a.playButtonColor,
c = void 0 === l ? "#ffffff" : l, s = a.backgroundImageURL, u = a.backgroundColorType,
b = void 0 === u ? "" : u, p = a.backgroundColor, m = a.backgroundColor2,
g = a.backgroundColorDirection, d = void 0 === g ? 0 : g, f = a.backgroundType,
h = void 0 === f ? "" : f, v = a.backgroundOpacity, y = a.design, O = void 0 === y ? "basic" : y,
w = a.borderRadius, j = void 0 === w ? 12 : w, C = a.shadow, E = void 0 === C ? 3 : C,
S = k()([n, "ugb-video-popup", "ugb-video-popup--v2", "ugb-video-popup--design-".concat(O), "ugb-video-popup--button-".concat(o), "ugb--background-opacity-" + 1 * Math.round(v / 1)], Object(r.applyFilters)("stackable.video-popup.mainclasses_1_15_6", (x(t = {
"ugb--has-background": p || s,
"ugb--has-background-image": s
}, "ugb--shadow-".concat(E), "plain" !== O && 3 !== E), x(t, "ugb--has-background-gradient", "gradient" === b), x(t, "ugb--has-background-video", "video" === h), t), O, e)),
B = {
backgroundColor: p || void 0,
backgroundImage: s ? "url(".concat(s, ")") : void 0,
"--ugb-background-color": s || "gradient" === b ? p : void 0,
"--ugb-background-color2": "gradient" === b && m ? m : void 0,
"--ugb-background-direction": "gradient" === b ? "".concat(d, "deg") : void 0,
borderRadius: "plain" !== O && 12 !== j ? j : void 0
};
return wp.element.createElement("div", {
className: S,
style: B,
"data-video": i
}, "video" === h && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: s
}), Object(r.applyFilters)("stackable.video-popup.save.output.before_1_15_6", null, O, e), wp.element.createElement("div", {className: "ugb-video-popup__wrapper"}, wp.element.createElement("a", {
href: "#",
className: "ugb-video-popup__overlay"
}), wp.element.createElement("span", {className: "ugb-video-popup__play-button"}, function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return _[e]({fill: t})
}(o, c))))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\.ugb-video-popup([\s\{\[\.\#\:])/g, ".ugb-video-popup__wrapper$1")
};
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? C(n, !0).forEach(function (t) {
x(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : C(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
previewBackgroundColorType: e.backgroundColorType,
previewBackgroundColor: e.backgroundColor,
previewBackgroundColor2: e.backgroundColor2,
previewBackgroundGradientDirection: e.backgroundColorDirection,
previewBackgroundMediaId: e.backgroundImageID,
previewBackgroundMediaUrl: e.backgroundImageURL,
previewBackgroundTintStrength: e.backgroundOpacity,
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
marginTop: "full" === e.align ? 0 : void 0,
marginBottom: "full" === e.align ? 0 : void 0
})
}
}], S = n(3);
function B() {
return (B = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var T = s.a.createElement("path", {d: "M16 29l12-9-12-9v18zm4-29C8.95 0 0 8.95 0 20s8.95 20 20 20 20-8.95 20-20S31.05 0 20 0zm0 36c-8.82 0-16-7.18-16-16S11.18 4 20 4s16 7.18 16 16-7.18 16-16 16z"}),
P = function (e) {
return s.a.createElement("svg", B({viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg"}, e), T)
};
function A() {
return (A = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var N = s.a.createElement("path", {d: "M0 0v320l256-160L0 0z"}), M = function (e) {
return s.a.createElement("svg", A({viewBox: "0 0 256 320", xmlns: "http://www.w3.org/2000/svg"}, e), N)
};
function R() {
return (R = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var F = s.a.createElement("path", {d: "M17 34C7.6 34 0 26.4 0 17S7.6 0 17 0s17 7.6 17 17-7.6 17-17 17zm0-32C8.7 2 2 8.7 2 17s6.7 15 15 15 15-6.7 15-15S25.3 2 17 2z"}),
D = s.a.createElement("path", {d: "M12 25.7V8.3L27 17l-15 8.7zm2-14v10.5l9-5.3-9-5.2z"}), I = function (e) {
return s.a.createElement("svg", R({viewBox: "0 0 34 34", xmlns: "http://www.w3.org/2000/svg"}, e), F, D)
}, z = {
normal: wp.element.createElement(M, {className: "ugb-play-button-normal", width: "30", height: "30"}),
circle: wp.element.createElement(P, {className: "ugb-play-button-cirle", width: "50", height: "50"}),
outline: wp.element.createElement(I, {className: "ugb-play-button-outline", width: "50", height: "50"})
}, L = [{value: "normal", label: Object(O.__)("Normal Play Button", w.i18n)}, {
value: "circle",
label: Object(O.__)("Play Button with Circle", w.i18n)
}, {value: "outline", label: Object(O.__)("Outline Play Button", w.i18n)}], U = function (e) {
return z[e]
}, H = function (e) {
var t = e.attributes, n = t.showBlockBackground, a = void 0 !== n && n, i = t.blockInnerWidth,
o = void 0 === i ? "" : i, l = t.align, c = !a && "full" === (void 0 === l ? "" : l) || a && "full" === o;
return Object(r.applyFilters)("stackable.video-popup.show", {
containerWidth: !c,
borderRadius: !c,
border: !0
}, e)
}, W = n(10), G = n(14), V = n.n(G);
function q(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function K(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? q(n, !0).forEach(function (t) {
J(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : q(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function J(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var Y = function (e) {
var t = Object(i.b)(e.attributes), n = H(e);
!function (e) {
if (null == e) throw new TypeError("Cannot destructure undefined")
}(e.attributes);
var a = [];
n.containerWidth && a.push({
".ugb-video-popup__wrapper": {maxWidth: "" !== t("width") ? t("width", "%spx") : void 0},
tablet: {".ugb-video-popup__wrapper": {maxWidth: "" !== t("tabletWidth") ? t("tabletWidth", "%spx") : void 0}},
mobile: {".ugb-video-popup__wrapper": {maxWidth: "" !== t("mobileWidth") ? t("mobileWidth", "%spx") : void 0}}
}), n.border && a.push(K({}, Object(i.p)("column%s", ".ugb-video-popup__wrapper", e.attributes))), a.push({
".ugb-video-popup__wrapper": {
height: "" !== t("height") ? t("height", "%spx !important") : void 0,
borderRadius: n.borderRadius && "" !== t("borderRadius") ? t("borderRadius", "%spx") : void 0
},
".ugb-video-popup__play-button svg": {
fill: "" !== t("playButtonColor") ? t("playButtonColor", "%s !important") : void 0,
height: "" !== t("playButtonSize") ? t("playButtonSize", "%spx") : void 0,
width: "" !== t("playButtonSize") ? t("playButtonSize", "%spx") : void 0,
opacity: "" !== t("playButtonOpacity") ? t("playButtonOpacity") : void 0
},
tablet: {
".ugb-video-popup__wrapper": {height: "" !== t("tabletHeight") ? t("tabletHeight", "%spx !important") : void 0},
".ugb-video-popup__play-button svg": {
height: "" !== t("tabletPlayButtonSize") ? t("tabletPlayButtonSize", "%spx") : void 0,
width: "" !== t("tabletPlayButtonSize") ? t("tabletPlayButtonSize", "%spx") : void 0
}
},
mobile: {
".ugb-video-popup__wrapper": {height: "" !== t("mobileHeight") ? t("mobileHeight", "%spx !important") : void 0},
".ugb-video-popup__play-button svg": {
height: "" !== t("mobilePlayButtonSize") ? t("mobilePlayButtonSize", "%spx") : void 0,
width: "" !== t("mobilePlayButtonSize") ? t("mobilePlayButtonSize", "%spx") : void 0
}
}
}), a.push(K({}, Object(i.m)("preview%s", "ugb-video-popup__wrapper", e.attributes)));
var o = e.attributes, r = o.previewBackgroundTintStrength, l = void 0 === r ? "" : r,
c = o.previewBackgroundColor, s = void 0 === c ? "" : c;
return (l || s) && a.push({".ugb-video-popup__wrapper:hover:before": {opacity: s && "" === l ? .2 : l >= 5 ? l / 10 - .3 : l / 10 + .3}}), V.a.all(a)
}, X = n(11), $ = n(12), Z = n(6);
Object(r.addFilter)("stackable.video-popup.edit.inspector.style.before", "stackable/video-popup", function (e, t) {
var n = t.setAttributes, a = t.attributes, o = a.borderRadius, r = void 0 === o ? "" : o, l = a.shadow,
c = void 0 === l ? "" : l, s = a.videoLink, u = void 0 === s ? "" : s, b = a.videoID,
p = void 0 === b ? "" : b, m = a.playButtonType, g = a.playButtonColor, d = void 0 === g ? "#ffffff" : g,
f = a.playButtonOpacity, h = void 0 === f ? "" : f, v = a.width, y = void 0 === v ? "" : v,
_ = a.tabletWidth, j = void 0 === _ ? "" : _, k = a.mobileWidth, C = void 0 === k ? "" : k,
x = a.showBlockTitle, E = void 0 !== x && x, B = a.showBlockDescription, T = void 0 !== B && B, P = H(t);
return wp.element.createElement(Z.Fragment, null, e, wp.element.createElement(S.fb, {
title: Object(O.__)("General", w.i18n),
initialOpen: !0
}, wp.element.createElement(S.V, {
label: Object(O.__)("Popup Option #1: Upload Video", w.i18n),
help: Object(O.__)("Use .mp4 format for videos", w.i18n),
onRemove: function () {
return n({videoLink: "", videoID: ""})
},
onChange: function (e) {
n({videoLink: e.url, videoID: e.url})
},
imageID: Object(i.tb)(u) ? p : "",
imageURL: Object(i.tb)(u) ? u : "",
allowedTypes: ["video"]
}), wp.element.createElement(X.TextControl, {
label: Object(O.__)("Popup Option #2: Video URL", w.i18n),
help: Object(O.__)("Paste a Youtube / Vimeo URL", w.i18n),
placeholder: "https://",
value: Object(i.tb)(u) ? "" : u,
onChange: function (e) {
return n({videoLink: e, videoID: Object(i.Y)(e).id})
},
min: 1,
max: 4
})), wp.element.createElement(S.fb, {
title: Object(O.__)("Container", w.i18n),
initialOpen: !1
}, wp.element.createElement(S.s, {
label: Object(O.__)("Background", w.i18n),
popoverLabel: Object(O.__)("Background", w.i18n),
onReset: function () {
n({
previewBackgroundColorType: "",
previewBackgroundColor: "",
previewBackgroundColor2: "",
previewBackgroundColorOpacity: "",
previewBackgroundMediaID: "",
previewBackgroundMediaUrl: "",
previewBackgroundTintStrength: "",
previewFixedBackground: ""
})
},
allowReset: t.attributes.previewBackgroundColor || t.attributes.previewBackgroundMediaUrl,
hasColorPreview: t.attributes.previewBackgroundColor,
hasImagePreview: t.attributes.previewBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.previewBackgroundColorType ? [t.attributes.previewBackgroundColor, t.attributes.previewBackgroundColor2] : t.attributes.previewBackgroundColor,
imageUrlPreview: t.attributes.previewBackgroundMediaUrl
}, wp.element.createElement(S.h, {
attrNameTemplate: "preview%s",
setAttributes: n,
blockAttributes: t.attributes
})), P.containerWidth && wp.element.createElement(Z.Fragment, null, wp.element.createElement(S.yb, {screen: "desktop"}, wp.element.createElement(S.c, {
label: Object(O.__)("Width", w.i18n),
value: y,
min: "200",
max: "2000",
placeholder: "2000",
allowReset: !0,
onChange: function (e) {
return t.setAttributes({width: e})
},
className: "ugb--help-tip-video-popup-width"
})), wp.element.createElement(S.yb, {screen: "tablet"}, wp.element.createElement(S.c, {
label: Object(O.__)("Width", w.i18n),
value: j,
min: "200",
max: "1000",
placeholder: "1000",
allowReset: !0,
onChange: function (e) {
return t.setAttributes({tabletWidth: e})
},
className: "ugb--help-tip-video-popup-width"
})), wp.element.createElement(S.yb, {screen: "mobile"}, wp.element.createElement(S.c, {
label: Object(O.__)("Width", w.i18n),
value: C,
min: "200",
max: "700",
placeholder: "700",
allowReset: !0,
onChange: function (e) {
return t.setAttributes({mobileWidth: e})
},
className: "ugb--help-tip-video-popup-width"
}))), wp.element.createElement(S.kb, {
attrNameTemplate: "%sHeight",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(S.c, {
label: Object(O.__)("Height", w.i18n),
min: 0,
max: 1e3,
allowReset: !0,
placeholder: "400",
className: "ugb--help-tip-video-popup-height"
})), P.border && wp.element.createElement(S.n, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
}), P.borderRadius && wp.element.createElement(S.c, {
label: Object(O.__)("Border Radius", w.i18n),
value: r,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), wp.element.createElement(S.c, {
label: Object(O.__)("Shadow / Outline", w.i18n),
value: c,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), wp.element.createElement(S.fb, {
title: Object(O.__)("Play Button", w.i18n),
id: "play-button",
initialOpen: !1
}, wp.element.createElement(X.SelectControl, {
label: Object(O.__)("Button Style", w.i18n),
value: m,
options: L.map(function (e) {
return {value: e.value, label: e.label}
}),
onChange: function (e) {
n({playButtonType: e})
}
}), wp.element.createElement(S.kb, {
attrNameTemplate: "%sPlayButtonSize",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(S.c, {
label: Object(O.__)("Size", w.i18n),
min: 10,
max: 200,
allowReset: !0,
placeholder: "40"
})), wp.element.createElement(S.u, {
label: Object(O.__)("Color", w.i18n), value: d, onChange: function (e) {
return n({playButtonColor: e})
}
}), wp.element.createElement(S.c, {
label: Object(O.__)("Opacity", w.i18n),
min: 0,
max: 1,
step: .1,
value: h,
onChange: function (e) {
return n({playButtonOpacity: e})
},
allowReset: !0,
placeholder: "1.0"
})), (E || T) && wp.element.createElement(S.gb, {initialOpen: !1, blockProps: t}))
});
var Q = Object($.compose)(W.i, W.g, W.d, Object(W.h)(), Object(W.a)(Y, {editorMode: !0}), Object(W.b)([[".ugb-video-popup__wrapper", "background"], [".ugb-video-popup__play-button svg", "play-button"]]))(function (e) {
var t, n, a, i = e.className, o = e.attributes, l = o.playButtonType, c = o.shadow, s = void 0 === c ? "" : c,
u = k()([i, "ugb-video-popup--v3"], Object(r.applyFilters)("stackable.video-popup.mainclasses", {}, e)),
b = k()(["ugb-video-popup__wrapper"], Object(r.applyFilters)("stackable.video-popup.boxclasses", (t = {}, n = "ugb--shadow-".concat(s), a = "" !== s, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t), e));
return wp.element.createElement(S.k.Edit, {
className: u, blockProps: e, render: function () {
return wp.element.createElement(Z.Fragment, null, wp.element.createElement(S.G, {
className: b,
backgroundAttrName: "preview%s",
blockProps: e
}, wp.element.createElement("span", {className: "ugb-video-popup__play-button"}, U(l))))
}
})
}), ee = n(19), te = n.n(ee);
var ne = Object($.compose)(W.i, Object(W.a)(Y))(function (e) {
var t, n, a, i = e.className, o = e.attributes, l = o.videoID, c = o.playButtonType, s = o.shadow,
u = void 0 === s ? "" : s,
b = k()([i, "ugb-video-popup--v3"], Object(r.applyFilters)("stackable.video-popup.mainclasses", {}, e)),
p = k()(["ugb-video-popup__wrapper"], Object(r.applyFilters)("stackable.video-popup.boxclasses", (t = {}, n = "ugb--shadow-".concat(u), a = "" !== u, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t), e));
return wp.element.createElement(S.k.Save, {
className: b, blockProps: e, render: function () {
return wp.element.createElement(Z.Fragment, null, wp.element.createElement(S.G, {
className: p,
backgroundAttrName: "preview%s",
blockProps: e,
"data-video": te()(l)
}, wp.element.createElement("a", {
href: "#",
className: "ugb-video-popup__overlay",
"aria-label": "Play"
}), wp.element.createElement("span", {className: "ugb-video-popup__play-button"}, U(c))))
}
})
});
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function r(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
/*Object(i.addFilter)("stackable.accordion.design.no-text-attributes", "stackable/accordion", function (e) {
return Object(a.omit)(e, ["title"])
}), Object(i.addFilter)("stackable.accordion.edit.designs", "stackable/accordion", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? o(n, !0).forEach(function (t) {
r(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : o(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e)
});*/
var l = n(5), c = n.n(l);
function s() {
return (s = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var u = c.a.createElement("path", {d: "M16.7 3.3L10 10 3.3 3.4 0 6.7l10 10v-.1l10-9.9z"}), b = function (e) {
return c.a.createElement("svg", s({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), u)
}, p = n(2), m = n(8), g = n.n(m), d = n(1), f = n(0), h = n(17), v = n(9);
function y(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function O(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var w = [{
attributes: {
heading: {
source: "html",
selector: ".ugb-accordion__heading h4",
default: Object(f.__)("Title for This Block", d.i18n)
},
text: {source: "html", selector: ".ugb-accordion__text", default: Object(p.M)("long")},
headingColor: {type: "string"},
headingBackgroundColor: {type: "string"},
openStart: {type: "boolean", default: !1},
design: {type: "string", default: "basic"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t, n, a = e.className, o = e.attributes, r = o.headingColor, l = o.headingBackgroundColor,
c = o.heading, s = o.text, u = o.openStart, p = o.design, m = void 0 === p ? "basic" : p,
d = o.borderRadius, f = void 0 === d ? 12 : d, h = o.shadow, y = void 0 === h ? 3 : h,
w = g()([a, "ugb-accordion"], Object(i.applyFilters)("stackable.accordion.mainclasses_1_17_3", (O(t = {}, "ugb-accordion--design-".concat(m), "basic" !== m), O(t, "ugb-accordion--open", u), t), m, e)),
_ = g()(["ugb-accordion__heading"], Object(i.applyFilters)("stackable.accordion.headingclasses_1_17_3", O({}, "ugb--shadow-".concat(y), "plain" !== m && 3 !== y), m, e)),
j = Object(i.applyFilters)("stackable.accordion.styles_1_17_3", {
main: {},
heading: {
borderRadius: "plain" !== m && 12 !== f ? f : void 0,
backgroundColor: "plain" !== m && l ? l : void 0
},
title: {color: r || void 0}
}, m, e);
return wp.element.createElement("div", {
className: w,
style: j.main,
role: "presentation"
}, Object(i.applyFilters)("stackable.accordion.save.output.before_1_17_3", null, m, e), wp.element.createElement("div", {
className: _,
role: "button",
tabIndex: "0",
"aria-expanded": u ? "true" : "false",
style: j.heading
}, wp.element.createElement(v.RichText.Content, {
tagName: "h4",
role: "heading",
"aria-level": "3",
style: j.title,
value: c
}), (n = {fill: r || void 0}.fill, wp.element.createElement(b, {
width: "20",
height: "20",
fill: n
}))), wp.element.createElement(v.RichText.Content, {
tagName: "p",
className: "ugb-accordion__text",
role: "region",
value: s
}), Object(i.applyFilters)("stackable.accordion.save.output.after", null, m, e))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\n\.ugb-accordion__heading h4(\s*{)/g, "\n.ugb-accordion__title$1").replace(/\.ugb-accordion__text/g, ".ugb-accordion__content").replace(/\.ugb-accordion__heading svg/g, ".ugb-accordion__arrow")
};
return [function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? y(n, !0).forEach(function (t) {
O(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : y(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
title: e.heading,
titleColor: e.headingColor || "#222222",
containerBackgroundColor: e.headingBackgroundColor,
showBorder: "plain" !== e.design,
containerClosedBackgroundColor: "colored" === e.design ? "#ffffff" : void 0,
arrowColor: "colored" === e.design || "basic" === e.design || "plain" === e.design ? e.headingColor || "#222222" : "line-colored" === e.design ? e.headingBackgroundColor : void 0
}), [Object(h.createBlock)("core/paragraph", {content: e.text})]]
}
}], _ = n(265), j = n.n(_), k = n(266), C = n.n(k), x = n(267), E = n.n(x), S = n(268), B = n.n(S), T = n(269),
P = n.n(T), A = n(270), N = n.n(A), M = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.showTitle, r = void 0 === o || o;
return Object(i.applyFilters)("stackable.accordion.show", {
headerBackground: "basic" === a,
containerBackground: "colored" === a || "line-colored" === a,
borderRadius: "plain" !== a,
shadow: "plain" !== a,
border: "line-colored" === a || "plain" === a,
containerBorder: "plain" !== a,
titleSpacing: r
}, e)
}, R = n(14), F = n.n(R);
function D(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function I(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function z(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? I(n, !0).forEach(function (t) {
L(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : I(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function L(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var U = function (e) {
var t = Object(p.b)(e.attributes), n = e.attributes, a = n.design, i = void 0 === a ? "basic" : a,
o = n.reverseArrow, r = void 0 !== o && o, l = M(e), c = [];
c.push({".ugb-accordion__heading": {flexDirection: r ? "row-reverse" : void 0}}), l.borderRadius && "basic" === i && c.push({".ugb-accordion__heading": {borderRadius: t("borderRadius", "%spx !important")}});
c.push(z({}, l.headerBackground ? Object(p.m)("container%s", "ugb-accordion__heading", e.attributes, {importantBackgroundColor: !0}) : {})), l.containerBorder && ("basic" === i ? c.push(z({}, Object(p.p)("container%s", ".ugb-accordion__heading", e.attributes))) : "line-colored" === i ? c.push(z({}, Object(p.p)("container%s", ".ugb-accordion.ugb-accordion--design-line-colored.ugb-accordion--open .ugb-accordion__item", e.attributes))) : c.push(z({}, Object(p.p)("container%s", ".ugb-accordion__item", e.attributes))));
var s = e.attributes, u = s.titleColor, b = void 0 === u ? "" : u, m = s.showTitle;
(void 0 === m || m) && c.push({
".ugb-accordion__title": z({}, Object(p.K)("title%s", "desktop", e.attributes, {importantSize: !0}), {textAlign: t("titleAlign", "%s !important")}),
tablet: {".ugb-accordion__title": z({}, Object(p.K)("title%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("titleTabletAlign", "%s !important")})},
mobile: {".ugb-accordion__title": z({}, Object(p.K)("title%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("titleMobileAlign", "%s !important")})}
});
var g = e.attributes.containerBackgroundColor, d = void 0 === g ? "" : g;
"basic" !== i && "plain" !== i || c.push({".ugb-accordion__title": {color: Object(p.vb)(b, l.headerBackground && d)}});
var f = e.attributes, h = f.showArrow, v = void 0 === h || h, y = f.arrowColor, O = void 0 === y ? "" : y;
v && c.push({
".ugb-accordion__arrow": {
width: Object(p.c)(t("arrowSize", "%spx")),
height: Object(p.c)(t("arrowSize", "%spx"))
}
}), !v || "basic" !== i && "plain" !== i || c.push({".ugb-accordion__arrow": {fill: Object(p.vb)(O, l.headerBackground && d)}});
var w = e.attributes.showBorder, _ = void 0 === w || w;
return l.border && !_ && c.push({".ugb-accordion__item": {border: "none !important"}}), l.border && _ && c.push({
".ugb-accordion__item": {
borderWidth: Object(p.c)(t("borderSize", "%spx")),
borderColor: Object(p.c)(t("borderColor"))
}
}), l.headerBackground && c.push({
".ugb-accordion__heading": {
paddingTop: Object(p.c)(t("containerPaddingTop", "%spx")),
paddingRight: Object(p.c)(t("containerPaddingRight", "%spx")),
paddingBottom: Object(p.c)(t("containerPaddingBottom", "%spx")),
paddingLeft: Object(p.c)(t("containerPaddingLeft", "%spx"))
}
}), l.titleSpacing && c.push.apply(c, D(Object(p.F)(".ugb-accordion.ugb-accordion--open .ugb-accordion__heading", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), F.a.all(c)
};
function H() {
return (H = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var W = c.a.createElement("path", {d: "M16.7 3.3L10 10 3.3 3.4 0 6.7l10 10v-.1l10-9.9z"}), G = function (e) {
return c.a.createElement("svg", H({viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg"}, e), W)
}, V = n(3), q = n(10), K = n(11), J = n(12), Y = n(6), X = n(13);
function $(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(i.addFilter)("stackable.accordion.edit.layouts", "default", function (e) {
var t = [{
label: Object(f.__)("Basic", d.i18n),
value: "basic",
image: j.a
}, {
label: Object(f.__)("Plain", d.i18n),
value: "plain",
image: C.a
}, {
label: Object(f.__)("Lined to Colored", d.i18n),
value: "line-colored",
image: P.a,
hoverImage: N.a,
premium: !0
}, {label: Object(f.__)("Colored", d.i18n), value: "colored", image: E.a, hoverImage: B.a, premium: !0}];
return [].concat($(e), t)
}), Object(i.addFilter)("stackable.accordion.edit.inspector.layout.before", "stackable/accordion", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "basic" : a;
return wp.element.createElement(Y.Fragment, null, e, wp.element.createElement(V.D, {
initialOpen: !0,
selected: o,
options: Object(i.applyFilters)("stackable.accordion.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
}, d.showProNotice && wp.element.createElement(V.jb, null)))
}), Object(i.addFilter)("stackable.accordion.edit.inspector.style.before", "stackable/accordion", function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.design, o = void 0 === i ? "basic" : i, r = a.titleColor,
l = a.borderRadius, c = void 0 === l ? "" : l, s = a.shadow, u = void 0 === s ? "" : s,
b = a.onlyOnePanelOpen, p = void 0 !== b && b, m = a.openStart, g = void 0 !== m && m, h = a.reverseArrow,
v = void 0 !== h && h, y = a.titleTag, O = void 0 === y ? "" : y, w = a.showArrow, _ = void 0 === w || w,
j = a.arrowSize, k = void 0 === j ? "" : j, C = a.arrowColor, x = void 0 === C ? "" : C, E = a.showBorder,
S = void 0 === E || E, B = a.borderSize, T = void 0 === B ? "" : B, P = a.borderColor,
A = void 0 === P ? "" : P, N = a.containerPaddingTop, R = void 0 === N ? "" : N,
F = a.containerPaddingRight, D = void 0 === F ? "" : F, I = a.containerPaddingBottom,
z = void 0 === I ? "" : I, L = a.containerPaddingLeft, U = void 0 === L ? "" : L,
H = a.containerClosedBackgroundColor, W = void 0 === H ? "" : H, G = M(t);
return wp.element.createElement(Y.Fragment, null, e, wp.element.createElement(V.fb, {
title: Object(f.__)("General", d.i18n),
initialOpen: !0
}, wp.element.createElement(K.ToggleControl, {
label: Object(f.__)("Close adjacent on open", d.i18n),
checked: p,
onChange: function (e) {
return n({onlyOnePanelOpen: e})
},
className: "ugb--help-tip-accordion-adjacent-open"
}), wp.element.createElement(K.ToggleControl, {
label: Object(f.__)("Open at the start", d.i18n),
checked: g,
onChange: function (e) {
return n({openStart: e})
}
}), wp.element.createElement(K.ToggleControl, {
label: Object(f.__)("Reverse arrow", d.i18n),
checked: v,
onChange: function (e) {
return n({reverseArrow: e})
}
}), wp.element.createElement(V.x, {
setAttributes: n,
blockAttributes: t.attributes
})), (G.headerBackground || G.containerBackground) && wp.element.createElement(V.fb, {
title: Object(f.__)("Container", d.i18n),
id: "column-background",
initialOpen: !1
}, wp.element.createElement(V.s, {
label: Object(f.__)("Background", d.i18n),
popoverLabel: Object(f.__)("Background", d.i18n),
onReset: function () {
n({
containerBackgroundColorType: "",
containerBackgroundColor: "",
containerBackgroundColor2: "",
containerBackgroundColorOpacity: "",
containerBackgroundMediaID: "",
containerBackgroundMediaUrl: "",
containerBackgroundTintStrength: "",
containerFixedBackground: ""
})
},
allowReset: t.attributes.containerBackgroundColor || t.attributes.containerBackgroundMediaUrl,
hasColorPreview: t.attributes.containerBackgroundColor,
hasImagePreview: t.attributes.containerBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.containerBackgroundColorType ? [t.attributes.containerBackgroundColor, t.attributes.containerBackgroundColor2] : t.attributes.containerBackgroundColor,
imageUrlPreview: t.attributes.containerBackgroundMediaUrl
}, wp.element.createElement(V.h, {
attrNameTemplate: "container%s",
setAttributes: n,
blockAttributes: t.attributes
})), G.borderRadius && wp.element.createElement(V.c, {
label: Object(f.__)("Border Radius", d.i18n),
value: c,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), G.containerBorder && wp.element.createElement(V.n, {
attrNameTemplate: "container%s",
setAttributes: n,
blockAttributes: t.attributes
}), (G.headerBackground || G.containerBackground) && wp.element.createElement(V.c, {
label: Object(f.__)("Shadow / Outline", d.i18n),
value: u,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
}), "colored" === o && wp.element.createElement(V.u, {
value: W,
onChange: function (e) {
return n({containerClosedBackgroundColor: e})
},
label: Object(f.__)("Closed State Background Color", d.i18n),
className: "ugb--help-tip-accordion-closed-state-background-color"
})), wp.element.createElement(V.gb, {
initialOpen: !1,
blockProps: t
}, (G.headerBackground || G.containerBackground) && wp.element.createElement(V.K, {
label: Object(f.__)("Padding", d.i18n),
top: R,
right: D,
bottom: z,
left: U,
onChange: function (e) {
return n({
containerPaddingTop: e.top,
containerPaddingRight: e.right,
containerPaddingBottom: e.bottom,
containerPaddingLeft: e.left
})
},
max: 200,
placeholder: "18",
className: "ugb--help-tip-accordion-padding"
}), G.titleSpacing && wp.element.createElement(V.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(V.c, {
label: Object(f.__)("Title", d.i18n),
min: -50,
max: 100,
allowReset: !0,
placeholder: "0",
className: "ugb--help-tip-accordion-title-spacing"
}))), wp.element.createElement(V.fb, {
title: Object(f.__)("Title", d.i18n),
id: "title",
hasToggle: !1
}, wp.element.createElement(V.M, {
value: O || "h4", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(V.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: O || "h4"
}), wp.element.createElement(V.u, {
value: r, onChange: function (e) {
return n({titleColor: e})
}, label: Object(f.__)("Title Color", d.i18n)
}), wp.element.createElement(V.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(V.f, {
label: Object(f.__)("Align", d.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(V.fb, {
title: Object(f.__)("Arrow", d.i18n),
id: "arrow",
checked: _,
onChange: function (e) {
return n({showArrow: e})
},
toggleOnSetAttributes: ["arrowSize", "arrowColor"],
toggleAttributeName: "showArrow"
}, wp.element.createElement(V.c, {
label: Object(f.__)("Size", d.i18n),
min: 0,
max: 100,
allowReset: !0,
value: k,
onChange: function (e) {
return n({arrowSize: e})
},
placeholder: "20"
}), wp.element.createElement(V.u, {
value: x, onChange: function (e) {
return n({arrowColor: e})
}, label: Object(f.__)("Color", d.i18n)
})), G.border && wp.element.createElement(V.fb, {
title: Object(f.__)("Border", d.i18n),
checked: S,
onChange: function (e) {
return n({showBorder: e})
},
toggleOnSetAttributes: ["borderSize", "borderColor"],
toggleAttributeName: "showBorder",
className: "ugb--help-tip-accordion-border"
}, wp.element.createElement(V.c, {
label: Object(f.__)("Size", d.i18n),
min: 0,
max: 10,
allowReset: !0,
value: T,
onChange: function (e) {
return n({borderSize: e})
},
placeholder: "3",
className: "ugb--help-tip-accordion-border-size"
}), wp.element.createElement(V.u, {
value: A, onChange: function (e) {
return n({borderColor: e})
}, label: Object(f.__)("Color", d.i18n)
})))
});
var Z = [["core/paragraph", {content: Object(p.M)("long")}]],
Q = Object(J.compose)(q.i, q.g, q.d, Object(q.h)(), Object(q.c)(), Object(q.a)(U, {editorMode: !0}), Object(q.b)([[".ugb-accordion__title", "title"], [".ugb-accordion__arrow", "arrow"]]), Object(X.withSelect)(function (e, t) {
var n = t.clientId, a = (0, e("core/block-editor").getBlock)(n);
return {hasInnerBlocks: !(!a || !a.innerBlocks.length)}
}), Object(J.withState)({openTimeout: null, isOpen: null}))(function (e) {
var t, n, a, o = e.className, r = e.setAttributes, l = e.attributes, c = l.design,
s = void 0 === c ? "basic" : c, u = l.shadow, b = void 0 === u ? "" : u, p = l.titleTag,
m = void 0 === p ? "" : p, h = l.title, y = void 0 === h ? "" : h, O = l.openStart,
w = void 0 !== O && O, _ = l.showArrow, j = void 0 === _ || _, k = M(e),
C = g()([o, "ugb-accordion--v2", "ugb-accordion--design-".concat(s)], Object(i.applyFilters)("stackable.accordion.mainclasses", {"ugb-accordion--open": null === e.isOpen ? w : e.isOpen}, e)),
x = g()(["ugb-accordion__item"], Object(i.applyFilters)("stackable.accordion.itemclasses", {}, e)),
E = g()(["ugb-accordion__heading"], Object(i.applyFilters)("stackable.accordion.headingclasses", (t = {}, n = "ugb--shadow-".concat(b), a = "basic" === s && "" !== b, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t), s, e));
return wp.element.createElement(V.k.Edit, {
className: C, blockProps: e, render: function () {
return wp.element.createElement(Y.Fragment, null, wp.element.createElement(V.G, {
className: x,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: k.containerBackground
}, wp.element.createElement(V.G, {
className: E,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: k.headerBackground,
onClick: function () {
e.openTimeout && clearTimeout(e.openTimeout);
var t = setTimeout(function () {
e.setState({isOpen: !e.isOpen})
}, 150);
e.setState({openTimeout: t})
},
onDoubleClick: function () {
e.openTimeout && clearTimeout(e.openTimeout)
},
onKeyPress: function () {
e.openTimeout && clearTimeout(e.openTimeout), e.setState({isOpen: !w})
},
role: "button",
tabIndex: "0"
}, wp.element.createElement(v.RichText, {
tagName: m || "h4",
className: "ugb-accordion__title",
value: y,
onChange: function (e) {
return r({title: e})
},
placeholder: Object(f.__)("Title for This Block", d.i18n),
keepPlaceholderOnFocus: !0
}), j && wp.element.createElement(G, {
className: "ugb-accordion__arrow",
width: "20",
height: "20"
})), wp.element.createElement("div", {className: "ugb-accordion__content"}, wp.element.createElement("div", {className: "ugb-accordion__content-inner"}, wp.element.createElement(v.InnerBlocks, {
template: Z,
renderAppender: function () {
return e.hasInnerBlocks ? wp.element.createElement(v.InnerBlocks.DefaultBlockAppender, null) : wp.element.createElement(v.InnerBlocks.ButtonBlockAppender, null)
}
})))))
}
})
});
var ee = Object(J.compose)(q.i, Object(q.a)(U))(function (e) {
var t, n, a, o = e.className, r = e.attributes, l = r.design, c = void 0 === l ? "basic" : l, s = r.shadow,
u = void 0 === s ? "" : s, b = r.titleTag, p = void 0 === b ? "" : b, m = r.title,
d = void 0 === m ? "" : m, f = r.openStart, h = void 0 !== f && f, y = r.showArrow, O = void 0 === y || y,
w = r.onlyOnePanelOpen, _ = void 0 !== w && w, j = M(e),
k = g()([o, "ugb-accordion--v2", "ugb-accordion--design-".concat(c)], Object(i.applyFilters)("stackable.accordion.mainclasses", {
"ugb-accordion--open": h,
"ugb-accordion--single-open": _
}, e)), C = g()(["ugb-accordion__item"], Object(i.applyFilters)("stackable.accordion.itemclasses", {}, e)),
x = g()(["ugb-accordion__heading"], Object(i.applyFilters)("stackable.accordion.headingclasses", (t = {}, n = "ugb--shadow-".concat(u), a = j.headerBackground && "" !== u, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t), c, e));
return wp.element.createElement(V.k.Save, {
className: k,
blockProps: e,
"aria-expanded": h ? "true" : "false",
render: function () {
return wp.element.createElement(Y.Fragment, null, wp.element.createElement(V.G, {
className: C,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: j.containerBackground
}, wp.element.createElement(V.G, {
className: x,
backgroundAttrName: "container%s",
blockProps: e,
showBackground: j.headerBackground,
role: "button",
tabIndex: "0"
}, wp.element.createElement(v.RichText.Content, {
tagName: p || "h4",
className: "ugb-accordion__title",
role: "heading",
"aria-level": "3",
value: d
}), O && wp.element.createElement(G, {
className: "ugb-accordion__arrow",
width: "20",
height: "20"
})), wp.element.createElement("div", {
className: "ugb-accordion__content",
role: "region"
}, wp.element.createElement("div", {className: "ugb-accordion__content-inner"}, wp.element.createElement(v.InnerBlocks.Content, null)))))
}
})
});
function te(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ne(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function r(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.notification.design.no-text-attributes", "stackable/notification", function (e) {
return Object(a.omit)(e, ["title", "description", "buttonText"])
}), Object(i.addFilter)("stackable.notification.design.filtered-block-attributes", "stackable/notification", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? o(n, !0).forEach(function (t) {
r(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : o(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(a.omit)(e, ["buttonUrl", "buttonNewTab", "buttonNoFollow"]))
});
var l = n(2), c = n(5), s = n.n(c);
function u() {
return (u = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var b = s.a.createElement("path", {d: "M52.4-166.2c3.2 0 3.2-5 0-5s-3.2 5 0 5zM16.8 13.9L26.9 3.8c.6-.6.6-1.5 0-2.1s-1.5-.6-2.1 0L14.7 11.8 4.6 1.7c-.6-.6-1.5-.6-2.1 0s-.6 1.5 0 2.1l10.1 10.1L2.5 24c-.6.6-.6 1.5 0 2.1.3.3.7.4 1.1.4s.8-.1 1.1-.4l10-10.1 10.1 10.1c.3.3.7.4 1.1.4s.8-.1 1.1-.4c.6-.6.6-1.5 0-2.1L16.8 13.9z"}),
p = function (e) {
return s.a.createElement("svg", u({viewBox: "0 0 28.3 28.3", xmlns: "http://www.w3.org/2000/svg"}, e), b)
}, m = n(8), g = n.n(m), d = n(9);
function f(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function h(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var v = [{
attributes: {
text: {source: "html", selector: "p", default: Object(l.M)("long")},
color: {type: "string"},
textColor: {type: "string"},
notifType: {type: "string", default: "success"},
dismissible: {type: "boolean", default: !1},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t = e.className, n = e.attributes, a = n.text, o = n.color, r = n.textColor, l = n.notifType,
c = n.dismissible, s = n.borderRadius, u = void 0 === s ? 12 : s, b = n.shadow,
m = void 0 === b ? 3 : b, f = n.design, v = void 0 === f ? "" : f,
y = g()([t, "ugb-notification", "ugb-notification--type-".concat(l)], Object(i.applyFilters)("stackable.notification.mainclasses_1_17", h({"ugb-notification--dismissible": c}, "ugb--shadow-".concat(m), 3 !== m), v, e)),
O = {backgroundColor: o, color: r, borderRadius: 12 !== u ? u : void 0};
return wp.element.createElement("div", {
className: y,
style: O
}, Object(i.applyFilters)("stackable.notification.save.output.before_1_17", null, v, e), c && wp.element.createElement("span", {
className: "ugb-notification__close-button",
role: "button",
tabIndex: "0"
}, wp.element.createElement(p, {style: {fill: r}})), wp.element.createElement(d.RichText.Content, {
tagName: "p",
style: {color: r},
value: a
}))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\n\.ugb-notification(\s*{)/g, "\n.ugb-notification__item$1").replace(/\n\.ugb-notification p(\s*{)/g, "\n.ugb-notification__description$1")
};
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? f(n, !0).forEach(function (t) {
h(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : f(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
description: e.text,
columnBackgroundColor: e.color,
iconColor: e.textColor,
titleColor: e.textColor,
descriptionColor: e.textColor,
showTitle: !1,
showButton: !1
})
}
}];
Object(i.addFilter)("stackable.svg-icon.extract-svg", "stackable/notification-2.6", function (e) {
return e.replace(/<span[^>]*ugb-notification__close-button.*?<svg.*?\/svg>.*?<\/span>/, "")
});
var y = n(353), O = n.n(y), w = n(354), _ = n.n(w), j = n(355), k = n.n(j), C = n(356), x = n.n(C), E = n(357),
S = n.n(E);
function B() {
return (B = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var T = s.a.createElement("path", {d: "M52.4-166.2c3.2 0 3.2-5 0-5s-3.2 5 0 5zM16.8 13.9L26.9 3.8c.6-.6.6-1.5 0-2.1s-1.5-.6-2.1 0L14.7 11.8 4.6 1.7c-.6-.6-1.5-.6-2.1 0s-.6 1.5 0 2.1l10.1 10.1L2.5 24c-.6.6-.6 1.5 0 2.1.3.3.7.4 1.1.4s.8-.1 1.1-.4l10-10.1 10.1 10.1c.3.3.7.4 1.1.4s.8-.1 1.1-.4c.6-.6.6-1.5 0-2.1L16.8 13.9z"}),
P = function (e) {
return s.a.createElement("svg", B({viewBox: "0 0 28.3 28.3", xmlns: "http://www.w3.org/2000/svg"}, e), T)
}, A = n(14), N = n.n(A), M = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.showIcon, r = void 0 !== o && o,
l = t.showTitle, c = void 0 === l || l, s = t.showDescription, u = void 0 === s || s, b = t.showButton,
p = void 0 === b || b;
return Object(i.applyFilters)("stackable.notification.show", {
columnBorder: !1,
columnBackground: "plain" !== a,
backgroundColor: "plain" !== a,
borderRadius: "plain" !== a,
containerBorder: "basic" === a || "large-icon" === a,
shadow: "plain" !== a,
iconSpacing: r,
titleSpacing: c,
descriptionSpacing: u,
buttonSpacing: p,
iconAlign: !0,
iconLocation: !1
}, e)
};
function R(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function F(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function D(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? F(n, !0).forEach(function (t) {
I(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : F(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function I(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var z = {success: "#ffffff", error: "#ffffff", info: "#ffffff", warning: "#424242"}, L = function (e) {
var t = Object(l.b)(e.attributes), n = [], a = e.attributes, i = a.contentAlign, o = void 0 === i ? "" : i,
r = a.tabletContentAlign, c = void 0 === r ? "" : r, s = a.mobileContentAlign, u = void 0 === s ? "" : s,
b = a.notifType, p = a.design, m = void 0 === p ? "basic" : p, g = a.columnBackgroundColor,
d = void 0 === g ? "" : g, f = M(e);
n.push({".ugb-notification__item": {borderRadius: "plain" !== m ? t("borderRadius", "%spx !important") : void 0}}), n.push(D({}, f.columnBackground ? Object(l.m)("column%s", "ugb-notification__item", e.attributes, {importantBackgroundColor: !0}) : {}));
var h = e.attributes, v = h.columnPaddingUnit, y = void 0 === v ? "px" : v, O = h.tabletColumnPaddingUnit,
w = void 0 === O ? "px" : O, _ = h.mobileColumnPaddingUnit, j = void 0 === _ ? "px" : _;
n.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(y)),
paddingBottom: t("columnPaddingBottom", "%s".concat(y)),
paddingRight: t("columnPaddingRight", "%s".concat(y)),
paddingLeft: t("columnPaddingLeft", "%s".concat(y))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(w)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(w)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(w)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(w))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(j)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(j)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(j)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(j))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-notification__item": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(y)),
paddingBottom: t("columnPaddingBottom", "%s".concat(y)),
paddingRight: t("columnPaddingRight", "%s".concat(y)),
paddingLeft: t("columnPaddingLeft", "%s".concat(y))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-notification__item": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(w)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(w)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(w)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(w))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-notification__item": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(j)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(j)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(j)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(j))
})
}
}
}), f.containerBorder && n.push(D({}, Object(l.p)("container%s", ".ugb-notification__item", e.attributes)));
var k = e.attributes, C = k.dismissible, x = void 0 !== C && C, E = k.dismissibleIconSize,
S = void 0 === E ? "" : E, B = k.dismissibleIconTabletSize, T = void 0 === B ? "" : B,
P = k.dismissibleIconMobileSize, A = void 0 === P ? "" : P, F = k.dismissibleIconColor,
L = void 0 === F ? "" : F;
x && n.push({
".ugb-notification__item": {paddingRight: S && S > 40 ? "100px !important" : void 0},
".ugb-notification__close-button svg": {fill: L ? "".concat(L, " !important") : void 0},
desktopTablet: {
".ugb-notification__close-button": {
width: S ? "".concat(S, "px") : void 0,
height: S ? "".concat(S, "px") : void 0
}
},
tabletOnly: {
".ugb-notification__close-button": {
width: T ? "".concat(T, "px") : void 0,
height: T ? "".concat(T, "px") : void 0
}
},
mobile: {
".ugb-notification__close-button": {
width: A ? "".concat(A, "px") : void 0,
height: A ? "".concat(A, "px") : void 0
}
}
});
var U = e.attributes, H = U.showIcon, W = void 0 !== H && H, G = U.iconColor, V = void 0 === G ? "" : G,
q = U.iconAlign, K = void 0 === q ? "" : q, J = U.iconTabletAlign, Y = void 0 === J ? "" : J,
X = U.iconMobileAlign, $ = void 0 === X ? "" : X;
if (W) {
var Z = Object(l.wb)(V, f.columnBackground && d);
n.push({
".ugb-notification__icon svg:not(.ugb-custom-icon)": {color: Z ? "".concat(Z, " !important") : void 0},
".ugb-notification__icon": {
marginLeft: "" !== K || "" !== o ? Object(l.c)(Object(l.hb)(K || o)) : void 0,
marginRight: "" !== K || "" !== o ? Object(l.c)(Object(l.ib)(K || o)) : void 0,
height: t("iconSize", "%spx !important"),
width: t("iconSize", "%spx !important")
},
tablet: {
".ugb-notification__icon": {
marginLeft: "" !== Y || "" !== c ? Object(l.hb)(Y || c) : void 0,
marginRight: "" !== Y || "" !== c ? Object(l.ib)(Y || c) : void 0,
height: t("iconTabletSize", "%spx !important"),
width: t("iconTabletSize", "%spx !important")
}
},
mobile: {
".ugb-notification__icon": {
marginLeft: "" !== $ || "" !== u ? Object(l.hb)($ || u) : void 0,
marginRight: "" !== $ || "" !== u ? Object(l.ib)($ || u) : void 0,
height: t("iconMobileSize", "%spx !important"),
width: t("iconMobileSize", "%spx !important")
}
}
}), n.push(D({}, Object(l.v)("icon%s", "ugb-notification__icon", e.attributes)))
}
var Q = e.attributes, ee = Q.titleColor, te = void 0 === ee ? "" : ee, ne = Q.showTitle;
if (void 0 === ne || ne) {
var ae = Object(l.wb)(te, f.columnBackground && d);
n.push({
".ugb-notification__title": D({}, Object(l.K)("title%s", "desktop", e.attributes, {importantSize: !0}), {
color: ae ? "".concat(ae, " !important") : void 0,
textAlign: t("titleAlign", "%s !important")
}),
tablet: {".ugb-notification__title": D({}, Object(l.K)("title%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("titleTabletAlign", "%s !important")})},
mobile: {".ugb-notification__title": D({}, Object(l.K)("title%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("titleMobileAlign", "%s !important")})}
})
}
var ie = e.attributes, oe = ie.descriptionColor, re = void 0 === oe ? "" : oe, le = ie.showDescription;
if (void 0 === le || le) {
var ce = Object(l.wb)(re, f.columnBackground && d);
n.push({
".ugb-notification__description": D({}, Object(l.K)("description%s", "desktop", e.attributes), {
color: ce ? "".concat(ce, " !important") : void 0,
textAlign: t("descriptionAlign", "%s !important")
}),
tablet: {".ugb-notification__description": D({}, Object(l.K)("description%s", "tablet", e.attributes), {textAlign: t("descriptionTabletAlign", "%s !important")})},
mobile: {".ugb-notification__description": D({}, Object(l.K)("description%s", "mobile", e.attributes), {textAlign: t("descriptionMobileAlign", "%s !important")})}
})
}
var se = e.attributes, ue = se.showButton, be = void 0 !== ue && ue, pe = se.buttonDesign,
me = void 0 === pe ? "ghost" : pe, ge = se.buttonBackgroundColor, de = void 0 === ge ? "" : ge;
if (be) {
if (n.push(D({}, Object(l.s)("button%s", "ugb-button", e.attributes))), !de && f.columnBackground) {
var fe, he, ve = d ? Object(l.wb)(de, d, "#ffffff", "#424242") : "bordered" === m ? "#424242" : z[b],
ye = ve ? "#ffffff" === ve ? "#424242" : "#ffffff" : void 0;
if ("basic" === me || "" === me) n.push((I(fe = {}, ".ugb-button", {backgroundColor: ve || void 0}), I(fe, ".ugb-button .ugb-button--inner, .ugb-button.ugb-button--has-icon.ugb-button--has-icon svg", {color: ye || void 0}), I(fe, ".ugb-button:hover .ugb-button--inner, .ugb-button:hover svg", {color: ye || void 0}), fe)); else n.push((I(he = {}, ".ugb-button", {borderColor: ve || void 0}), I(he, ".ugb-button .ugb-button--inner, .ugb-button.ugb-button--has-icon.ugb-button--has-icon svg", {color: ve || void 0}), I(he, ".ugb-button:hover .ugb-button--inner, .ugb-button:hover svg", {color: ve || void 0}), he))
}
n.push({
".ugb-button-container": {textAlign: t("buttonAlign", "%s !important")},
tablet: {".ugb-button-container": {textAlign: t("buttonTabletAlign", "%s !important")}},
mobile: {".ugb-button-container": {textAlign: t("buttonMobileAlign", "%s !important")}}
})
}
return f.iconSpacing && n.push.apply(n, R(Object(l.F)(".ugb-notification__icon", "icon%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), f.titleSpacing && n.push.apply(n, R(Object(l.F)(".ugb-notification__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), f.descriptionSpacing && n.push.apply(n, R(Object(l.F)(".ugb-notification__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), f.buttonSpacing && n.push.apply(n, R(Object(l.F)(".ugb-button-container", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), N.a.all(n)
}, U = n(3), H = n(1), W = n(10), G = n(11), V = n(0), q = n(12), K = n(6);
function J(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function Y(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? J(n, !0).forEach(function (t) {
X(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : J(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function X(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function $(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var Z = [{value: "success", label: Object(V.__)("Success", H.i18n)}, {
value: "error",
label: Object(V.__)("Error", H.i18n)
}, {value: "warning", label: Object(V.__)("Warning", H.i18n)}, {
value: "info",
label: Object(V.__)("Information", H.i18n)
}];
Object(i.addFilter)("stackable.notification.edit.layouts", "default", function (e) {
var t = [{image: O.a, label: Object(V.__)("Basic", H.i18n), value: "basic"}, {
image: _.a,
label: Object(V.__)("Plain", H.i18n),
value: "plain"
}, {
label: Object(V.__)("Bordered", H.i18n),
value: "bordered",
image: k.a,
premium: !0
}, {
label: Object(V.__)("Outlined", H.i18n),
value: "outlined",
image: x.a,
premium: !0
}, {label: Object(V.__)("Large Icon", H.i18n), value: "large-icon", image: S.a, premium: !0}];
return [].concat($(e), t)
}), Object(i.addFilter)("stackable.notification.edit.inspector.layout.before", "stackable/notification", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "basic" : a;
return wp.element.createElement(K.Fragment, null, e, wp.element.createElement(U.D, {
initialOpen: !0,
selected: o,
options: Object(i.applyFilters)("stackable.notification.edit.layouts", []),
onChange: function (e) {
n({design: e})
}
}, H.showProNotice && wp.element.createElement(U.jb, null)))
}), Object(i.addFilter)("stackable.notification.edit.inspector.style.before", "stackable/notification", function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.titleColor, o = a.descriptionColor, r = a.design,
c = void 0 === r ? "basic" : r, s = a.borderRadius, u = void 0 === s ? "" : s, b = a.shadow,
p = void 0 === b ? "" : b, m = a.showTitle, g = void 0 === m || m, d = a.showDescription,
f = void 0 === d || d, h = a.titleTag, v = void 0 === h ? "" : h, y = a.notifType, O = a.dismissible,
w = void 0 !== O && O, _ = a.dismissibleIconColor, j = void 0 === _ ? "" : _, k = a.columnBorderColor,
C = void 0 === k ? "" : k, x = a.columnBorderThickness, E = void 0 === x ? "" : x, S = a.showButton,
B = void 0 === S || S, T = a.showIcon, P = void 0 === T || T, A = a.iconTop, N = void 0 === A ? "" : A,
R = a.iconLeft, F = void 0 === R ? "" : R, D = M(t);
return wp.element.createElement(K.Fragment, null, e, wp.element.createElement(U.fb, {
title: Object(V.__)("General", H.i18n),
initialOpen: !0
}, wp.element.createElement(G.SelectControl, {
label: Object(V.__)("Notification Type", H.i18n),
value: y,
options: Z.map(function (e) {
return {value: e.value, label: e.label}
}),
onChange: function (e) {
n({notifType: e})
}
}), wp.element.createElement(U.x, {
setAttributes: n,
blockAttributes: t.attributes
})), D.columnBorder && wp.element.createElement(U.fb, {
title: Object(V.__)("Border", H.i18n),
hasToggle: !1
}, wp.element.createElement(U.u, {
value: C, onChange: function (e) {
return n({columnBorderColor: e})
}, label: Object(V.__)("Border Color", H.i18n)
}), wp.element.createElement(U.c, {
label: Object(V.__)("Border Thickness", H.i18n),
value: E,
onChange: function (e) {
return n({columnBorderThickness: e})
},
min: 0,
max: 20,
allowReset: !0,
placeholder: "bordered" === c ? 5 : 3
}), "outlined" === c && D.borderRadius && wp.element.createElement(U.c, {
label: Object(V.__)("Border Radius", H.i18n),
value: u,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
})), D.columnBackground && wp.element.createElement(U.fb, {
title: Object(V.__)("Container", H.i18n),
id: "column-background",
initialOpen: !1,
className: "ugb--help-tip-column-background-on-off"
}, wp.element.createElement(U.s, {
label: Object(V.__)("Background", H.i18n),
popoverLabel: Object(V.__)("Background", H.i18n),
onReset: function () {
n({
columnBackgroundColorType: "",
columnBackgroundColor: "",
columnBackgroundColor2: "",
columnBackgroundColorOpacity: "",
columnBackgroundMediaID: "",
columnBackgroundMediaUrl: "",
columnBackgroundTintStrength: "",
columnFixedBackground: ""
})
},
allowReset: t.attributes.columnBackgroundColor || t.attributes.columnBackgroundMediaUrl,
hasColorPreview: t.attributes.columnBackgroundColor,
hasImagePreview: t.attributes.columnBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.columnBackgroundColorType ? [t.attributes.columnBackgroundColor, t.attributes.columnBackgroundColor2] : t.attributes.columnBackgroundColor,
imageUrlPreview: t.attributes.columnBackgroundMediaUrl
}, wp.element.createElement(U.h, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
})), D.containerBorder && wp.element.createElement(U.n, {
attrNameTemplate: "container%s",
setAttributes: n,
blockAttributes: t.attributes
}), D.borderRadius && wp.element.createElement(U.c, {
label: Object(V.__)("Border Radius", H.i18n),
value: u,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), D.shadow && wp.element.createElement(U.c, {
label: Object(V.__)("Shadow / Outline", H.i18n),
value: p,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), (D.iconSpacing || D.titleSpacing || D.descriptionSpacing || D.buttonSpacing) && wp.element.createElement(U.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(U.v, {
label: Object(V.__)("Paddings", H.i18n),
setAttributes: n,
attributes: t.attributes
}), D.iconSpacing && wp.element.createElement(U.kb, {
attrNameTemplate: "icon%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.c, {
label: Object(V.__)("Icon", H.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-icon"
})), D.titleSpacing && wp.element.createElement(U.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.c, {
label: Object(V.__)("Title", H.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
})), D.descriptionSpacing && wp.element.createElement(U.kb, {
attrNameTemplate: "description%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.c, {
label: Object(V.__)("Description", H.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-description"
})), D.buttonSpacing && wp.element.createElement(U.kb, {
attrNameTemplate: "button%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.c, {
label: Object(V.__)("Button", H.i18n),
min: -50,
max: 100,
placeholder: "0",
allowReset: !0,
className: "ugb--help-tip-spacing-button"
}))), wp.element.createElement(U.fb, {
title: Object(V.__)("Dismissible", H.i18n),
id: "dismissible",
checked: w,
onChange: function (e) {
return n({dismissible: e})
},
toggleOnSetAttributes: [].concat($(Object(l.C)("dismissibleIcon%sSize")), ["dismissibleIconColor"]),
toggleAttributeName: "dismissible",
className: "ugb--help-tip-notification-dismissible"
}, wp.element.createElement(U.kb, {
attrNameTemplate: "dismissibleIcon%sSize",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.c, {
label: Object(V.__)("Icon Size", H.i18n),
min: 0,
max: 50,
allowReset: !0,
placeholder: "16"
})), wp.element.createElement(U.u, {
value: j, onChange: function (e) {
return n({dismissibleIconColor: e})
}, label: Object(V.__)("Icon Color", H.i18n)
})), wp.element.createElement(U.fb, {
title: Object(V.__)("Icon", H.i18n),
id: "icon",
checked: P,
onChange: function (e) {
return n({showIcon: e})
},
toggleOnSetAttributes: ["icon"].concat($(Object(l.t)("icon%s")), $(Object(l.C)("icon%sAlign"))),
toggleAttributeName: "showIcon"
}, wp.element.createElement(U.P, {
attrNameTemplate: "icon%s",
setAttributes: n,
blockAttributes: t.attributes,
icon: t.attributes.icon,
onChangeIcon: function (e) {
return n({icon: e})
},
sizeMax: "large-icon" !== c ? 300 : 500,
onChangeDesign: !1,
onChangeShowBackgroundShape: !1
}), D.iconLocation && wp.element.createElement(U.K, {
label: Object(V.__)("Icon Location", H.i18n),
min: -250,
max: 250,
top: N,
left: F,
onChange: function (e) {
n({
iconTop: e.top || 0 === e.top ? parseInt(e.top, 10) : "",
iconLeft: e.left || 0 === e.left ? parseInt(e.left, 10) : ""
})
},
enableRight: !1,
enableBottom: !1
}), D.iconAlign && wp.element.createElement(U.kb, {
attrNameTemplate: "icon%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.f, {
label: Object(V.__)("Align", H.i18n),
className: "ugb--help-tip-alignment-icon"
}))), wp.element.createElement(U.fb, {
title: Object(V.__)("Title", H.i18n),
id: "title",
checked: g,
onChange: function (e) {
return n({showTitle: e})
},
toggleOnSetAttributes: [].concat($(Object(l.I)("title%s")), ["titleTag", "titleColor"], $(Object(l.C)("Title%sAlign"))),
toggleAttributeName: "showTitle"
}, wp.element.createElement(U.M, {
value: v || "h5", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(U.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: v || "h5"
}), wp.element.createElement(U.u, {
value: i, onChange: function (e) {
return n({titleColor: e})
}, label: Object(V.__)("Title Color", H.i18n)
}), wp.element.createElement(U.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.f, {
label: Object(V.__)("Align", H.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(U.fb, {
title: Object(V.__)("Description", H.i18n),
id: "description",
checked: f,
onChange: function (e) {
return n({showDescription: e})
},
toggleOnSetAttributes: [].concat($(Object(l.I)("description%s")), ["descriptionColor"], $(Object(l.C)("description%sAlign"))),
toggleAttributeName: "showDescription"
}, wp.element.createElement(U.vb, {
attrNameTemplate: "description%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(U.u, {
value: o, onChange: function (e) {
return n({descriptionColor: e})
}, label: Object(V.__)("Description Color", H.i18n)
}), wp.element.createElement(U.kb, {
attrNameTemplate: "description%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.f, {
label: Object(V.__)("Align", H.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(U.fb, {
title: Object(V.__)("Button", H.i18n),
id: "button",
checked: B,
onChange: function (e) {
return n({showButton: e})
},
toggleOnSetAttributes: [].concat($(Object(l.q)("button%s")), $(Object(l.C)("button%sAlign"))),
toggleAttributeName: "showButton"
}, wp.element.createElement(U.p, {
attrNameTemplate: "button%s",
setAttributes: n,
blockAttributes: t.attributes,
placeholder: "21"
}), wp.element.createElement(U.y, null), wp.element.createElement(U.kb, {
attrNameTemplate: "button%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(U.f, {
label: Object(V.__)("Align", H.i18n),
className: "ugb--help-tip-alignment-button"
}))))
});
var Q = Object(q.compose)(W.i, W.g, W.d, Object(W.h)(), Object(W.c)(["Icon%sAlign", "Title%sAlign", "Description%sAlign", "Button%sAlign"]), Object(W.a)(L, {editorMode: !0}), Object(W.b)([[".ugb-notification__item", "column-background"], [".ugb-notification__close-button", "dismissible"], [".ugb-notification__icon svg", "icon"], [".ugb-notification__title", "title"], [".ugb-notification__description", "description"], [".ugb-button", "button"]]))(function (e) {
var t = e.className, n = e.setAttributes, a = e.attributes, o = a.design, r = void 0 === o ? "basic" : o,
c = a.notifType, s = a.dismissible, u = a.shadow, b = void 0 === u ? "" : u, p = a.showIcon,
m = void 0 !== p && p, f = a.icon, h = void 0 === f ? "fas-exclamation-triangle" : f, v = a.showTitle,
y = void 0 === v || v, O = a.titleTag, w = void 0 === O ? "h5" : O, _ = a.title, j = void 0 === _ ? "" : _,
k = a.showDescription, C = void 0 === k || k, x = a.description, E = void 0 === x ? "" : x,
S = a.showButton, B = void 0 === S || S, T = a.buttonDesign, A = void 0 === T ? "plain" : T,
N = g()([t, "ugb-notification--v2", "ugb-notification--design-".concat(r), "ugb-notification--type-".concat(c)], Object(i.applyFilters)("stackable.notification.mainclasses", {"ugb-notification--dismissible": s}, e)),
R = g()(["ugb-notification__item", "ugb-notification--new-icon"], Object(i.applyFilters)("stackable.notification.itemclasses", X({}, "ugb--shadow-".concat(b), "" !== b), e)),
F = M(e);
return wp.element.createElement(U.k.Edit, {
className: N, blockProps: e, render: function () {
return wp.element.createElement(K.Fragment, null, wp.element.createElement(U.G, {
className: R,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: F.columnBackground
}, s && wp.element.createElement("span", {
className: "ugb-notification__close-button",
role: "button"
}, wp.element.createElement(P, null)), m && wp.element.createElement("div", {className: "ugb-notification__icon"}, wp.element.createElement(U.tb, {
attrNameTemplate: "icon%s",
blockAttributes: e.attributes,
value: h,
onChange: function (e) {
return n({icon: e})
}
})), y && wp.element.createElement(d.RichText, {
tagName: w || "h5",
value: j,
className: "ugb-notification__title",
placeholder: Object(V.__)("Title for This Block", H.i18n),
onChange: function (e) {
return n({title: e})
},
keepPlaceholderOnFocus: !0
}), C && wp.element.createElement(d.RichText, {
tagName: "p",
className: "ugb-notification__description",
value: E,
onChange: function (e) {
return n({description: e})
},
placeholder: Object(l.M)("long"),
keepPlaceholderOnFocus: !0
}), B && wp.element.createElement(U.r, {
attrNameTemplate: "button%s",
setAttributes: n,
blockAttributes: Y({}, e.attributes, {buttonDesign: "" !== A ? A : "ghost"})
})))
}
})
});
var ee = Object(q.compose)(W.i, Object(W.a)(L))(function (e) {
var t, n, a, o = e.className, r = e.attributes, l = r.design, c = void 0 === l ? "basic" : l, s = r.notifType,
u = r.dismissible, b = r.shadow, p = void 0 === b ? "" : b, m = r.showIcon, f = void 0 !== m && m,
h = r.icon, v = void 0 === h ? "fas-exclamation-triangle" : h, y = r.showTitle, O = void 0 === y || y,
w = r.titleTag, _ = void 0 === w ? "h5" : w, j = r.title, k = void 0 === j ? "" : j, C = r.showDescription,
x = void 0 === C || C, E = r.description, S = void 0 === E ? "" : E, B = r.showButton,
T = void 0 === B || B, A = r.buttonSize, N = void 0 === A ? "normal" : A, R = r.buttonText,
F = void 0 === R ? "" : R, D = r.buttonShadow, I = void 0 === D ? 0 : D, z = r.buttonHoverEffect,
L = void 0 === z ? "" : z, H = r.buttonIcon, W = void 0 === H ? "" : H, G = r.buttonIconPosition,
V = void 0 === G ? "" : G, q = r.buttonDesign, J = void 0 === q ? "plain" : q,
Y = r.buttonHoverGhostToNormal, X = void 0 !== Y && Y, $ = r.buttonNewTab, Z = void 0 !== $ && $,
Q = r.buttonUrl, ee = void 0 === Q ? "" : Q, te = r.buttonNoFollow, ne = void 0 !== te && te,
ae = g()([o, "ugb-notification--v2", "ugb-notification--design-".concat(c), "ugb-notification--type-".concat(s)], Object(i.applyFilters)("stackable.notification.mainclasses", {"ugb-notification--dismissible": u}, e)),
ie = g()(["ugb-notification__item", "ugb-notification--new-icon"], Object(i.applyFilters)("stackable.notification.itemclasses", (t = {}, n = "ugb--shadow-".concat(p), a = "" !== p, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t), e)), oe = M(e);
return wp.element.createElement(U.k.Save, {
className: ae, blockProps: e, render: function () {
return wp.element.createElement(K.Fragment, null, wp.element.createElement(U.G, {
className: ie,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: oe.columnBackground
}, u && wp.element.createElement("span", {
className: "ugb-notification__close-button",
role: "button",
tabIndex: "0"
}, wp.element.createElement(P, null)), f && wp.element.createElement("div", {className: "ugb-notification__icon"}, wp.element.createElement(U.sb.Content, {
attrNameTemplate: "icon%s",
blockAttributes: e.attributes,
value: v
})), O && !d.RichText.isEmpty(k) && wp.element.createElement(d.RichText.Content, {
tagName: _ || "h5",
className: "ugb-notification__title",
value: k
}), x && !d.RichText.isEmpty(S) && wp.element.createElement(d.RichText.Content, {
tagName: "p",
className: "ugb-notification__description",
value: S
}), T && !d.RichText.isEmpty(F) && wp.element.createElement(U.q.Content, {
size: "" !== N ? N : "normal",
text: F,
icon: W,
newTab: "" !== Z && Z,
url: ee,
noFollow: ne,
hoverEffect: L,
ghostToNormalEffect: X,
shadow: I,
iconPosition: V,
design: "" !== J ? J : "ghost"
})))
}
})
});
function te(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ne(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ae = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? te(n, !0).forEach(function (t) {
ne(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : te(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({
design: {type: "string", default: "basic"},
notifType: {type: "string", default: "success"},
borderRadius: {type: "number", default: ""},
shadow: {type: "number", default: 3},
columnBorderColor: {type: "string", default: ""},
columnBorderThickness: {type: "number", default: ""}
}, Object(l.k)("column%s"), {}, Object(l.o)("container%s"), {
dismissible: {
type: "boolean",
default: !1
}
}, Object(l.D)("dismissibleIcon%sSize", {type: "number", default: ""}), {
dismissibleIconColor: {
type: "string",
default: ""
},
showIcon: {type: "boolean", default: !1},
icon: {
type: "string",
source: "html",
selector: ".ugb-notification__icon .ugb-icon-inner-svg,.ugb-notification__item:not(.ugb-notification--new-icon)",
default: "fas-exclamation-triangle"
}
}, Object(l.u)("icon%s"), {}, Object(l.D)("icon%sAlign", {
type: "string",
default: ""
}), {}, Object(l.i)("icon%s", {type: "number", default: ""}, ["Top", "Left"]), {
title: {
source: "html",
selector: ".ugb-notification__title",
default: Object(V.__)("Title for This Block", H.i18n)
}, showTitle: {type: "boolean", default: !0}, titleTag: {type: "string", default: ""}
}, Object(l.J)("title%s"), {titleColor: {type: "string", default: ""}}, Object(l.D)("title%sAlign", {
type: "string",
default: ""
}), {
description: {source: "html", selector: ".ugb-notification__description", default: Object(l.M)("long")},
showDescription: {type: "boolean", default: !0}
}, Object(l.J)("description%s"), {
descriptionColor: {
type: "string",
default: ""
}
}, Object(l.D)("description%sAlign", {type: "string", default: ""}), {
showButton: {
type: "boolean",
default: !0
}
}, Object(l.r)("button%s", {selector: ".ugb-button"}), {
buttonDesign: {
type: "string",
default: "ghost"
}
}, Object(l.D)("button%sAlign", {
type: "string",
default: ""
}), {}, Object(l.D)("icon%sBottomMargin", {
type: "number",
default: ""
}), {}, Object(l.D)("title%sBottomMargin", {
type: "number",
default: ""
}), {}, Object(l.D)("description%sBottomMargin", {
type: "number",
default: ""
}), {}, Object(l.D)("button%sBottomMargin", {type: "number", default: ""})), ie = n(15);
function oe(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function re(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? oe(n, !0).forEach(function (t) {
le(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : oe(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function r(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.blog-posts.design.no-text-attributes", "stackable/blog-posts", function (e) {
return Object(a.omit)(e, ["text"])
}), Object(i.addFilter)("stackable.blog-posts.design.filtered-block-attributes", "stackable/button", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? o(n, !0).forEach(function (t) {
r(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : o(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(a.omit)(e, ["order", "orderBy", "postType", "taxonomyType", "taxonomy", "taxonomyFilterType", "postOffset", "postExclude", "postInclude"]))
});
var l = n(276), c = n.n(l), s = n(277), u = n.n(s), b = n(278), p = n.n(b), m = n(279), g = n.n(m), d = n(280),
f = n.n(d), h = n(281), v = n.n(h), y = n(282), O = n.n(y), w = n(283), _ = n.n(w), j = n(2), k = n(14),
C = n.n(k), x = n(1), E = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.postType,
r = void 0 === o ? "post" : o, l = t.showImage, c = void 0 === l || l, s = t.showTitle,
u = void 0 === s || s, b = t.showCategory, p = void 0 === b || b, m = t.showExcerpt, g = void 0 === m || m,
d = t.showMeta, f = void 0 === d || d, h = t.showReadmore, v = void 0 === h || h, y = t.showLoadMoreButton,
O = void 0 !== y && y;
return Object(i.applyFilters)("stackable.blog-posts.show", {
columnBackground: !["basic", "list"].includes(a),
showBackgroundInItem: "vertical-card2" === a,
showBackgroundInContent: ["vertical-card", "horizontal-card", "image-card"].includes(a),
borderRadius: !0,
border: !["basic", "list"].includes(a),
shadow: !0,
imageShadow: ["basic", "list"].includes(a),
postType: x.isPro,
imageHeight: "portfolio" !== a && "portfolio2" !== a,
imageWidth: "horizontal-card" === a || "list" === a,
showCategory: "post" === r,
imageAsBackground: ["portfolio", "portfolio2", "image-card"].includes(a),
imageOutsideContainer: ["list", "vertical-card", "horizontal-card", "image-card"].includes(a),
imageSpacing: c && ["basic", "list", "vertical-card2"].includes(a),
categorySpacing: p,
titleSpacing: u,
excerptSpacing: g,
metaSpacing: f,
readmoreSpacing: v,
loadMoreSpacing: O,
contentOrderStyles: "image-card" !== a
}, e)
};
function S(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function B(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? S(n, !0).forEach(function (t) {
P(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : S(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function T(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function P(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var A = function (e) {
var t = Object(j.b)(e.attributes), n = e.attributes, a = n.columnBackgroundColor, o = void 0 === a ? "" : a,
r = n.design, l = void 0 === r ? "basic" : r, c = n.showReadmore, s = void 0 === c || c, u = E(e), b = [];
u.columnBackground || b.push({".ugb-blog-posts__featured-image": {borderRadius: Object(j.c)(t("borderRadius", "%spx"))}});
var p = e.attributes.contentOrder, m = void 0 === p ? "" : p;
m && u.contentOrderStyles && m.split(",").forEach(function (e, t) {
var n = 0 === t ? 1 : 3 === t ? 10 : t + 3;
b.push(P({}, ".ugb-blog-posts__".concat(e), {order: Object(j.c)(n)})), s && "excerpt" === e && b.push({".ugb-blog-posts__readmore": {order: Object(j.c)(n)}})
});
var g = e.attributes, d = g.columnPaddingUnit, f = void 0 === d ? "px" : d, h = g.tabletColumnPaddingUnit,
v = void 0 === h ? "px" : h, y = g.mobileColumnPaddingUnit, O = void 0 === y ? "px" : y,
w = Object(i.applyFilters)("stackable.blog-posts.spacing-paddings.selector", "> .ugb-inner-block > .ugb-block-content > *", e),
_ = Object(i.applyFilters)("stackable.blog-posts.spacing-paddings.selector", "> .ugb-inner-block > .ugb-block-content > .ugb-blog-posts__item", e);
b.push({
saveOnly: {
desktopTablet: P({}, w, Object(j.d)({
paddingTop: t("columnPaddingTop", "%s".concat(f)),
paddingBottom: t("columnPaddingBottom", "%s".concat(f)),
paddingRight: t("columnPaddingRight", "%s".concat(f)),
paddingLeft: t("columnPaddingLeft", "%s".concat(f))
})),
tabletOnly: P({}, w, Object(j.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(v)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(v)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(v)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(v))
})),
mobile: P({}, w, Object(j.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(O)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(O)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(O)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(O))
}))
},
editor: {
desktopTablet: P({}, _, Object(j.d)({
paddingTop: t("columnPaddingTop", "%s".concat(f)),
paddingBottom: t("columnPaddingBottom", "%s".concat(f)),
paddingRight: t("columnPaddingRight", "%s".concat(f)),
paddingLeft: t("columnPaddingLeft", "%s".concat(f))
})),
tabletOnly: P({}, _, Object(j.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(v)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(v)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(v)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(v))
})),
mobile: P({}, _, Object(j.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(O)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(O)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(O)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(O))
}))
}
});
var k = e.attributes.showImage, x = void 0 === k || k;
x && u.imageHeight && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__featured-image img", "image%sHeight", "height", "%spx", e.attributes, {important: !0}))), x && u.imageWidth && "list" === l && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__item", "image%sWidth", "gridTemplateColumns", "%spx minmax(0, 1fr)", e.attributes, {important: !0})));
var S = e.attributes, A = S.categoryHighlighted, N = void 0 !== A && A, M = S.categoryColor,
R = void 0 === M ? "" : M, F = S.showCategory;
(void 0 === F || F) && (N ? b.push({
".ugb-blog-posts__category a": {
backgroundColor: Object(j.c)(t("categoryColor")),
color: Object(j.c)(Object(j.wb)("", t("categoryColor")))
},
".ugb-blog-posts__category a:hover": {
opacity: t("categoryHoverColor") ? void 0 : .8,
backgroundColor: Object(j.c)(t("categoryHoverColor")),
color: Object(j.c)(Object(j.wb)("", t("categoryHoverColor")))
}
}) : b.push({
".ugb-blog-posts__category a": {color: Object(j.c)(Object(j.wb)(R, u.columnBackground && o))},
".ugb-blog-posts__category a:hover": {
opacity: R && !t("categoryHoverColor") ? .8 : void 0,
color: Object(j.c)(t("categoryHoverColor"))
}
}), b.push({
".ugb-blog-posts__category": B({}, Object(j.K)("category%s", "desktop", e.attributes, {importantSize: !0}), {textAlign: t("categoryAlign", "%s !important")}),
tablet: {".ugb-blog-posts__category": B({}, Object(j.K)("category%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("categoryTabletAlign", "%s !important")})},
mobile: {".ugb-blog-posts__category": B({}, Object(j.K)("category%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("categoryMobileAlign", "%s !important")})}
}));
var D = e.attributes, I = D.titleColor, z = void 0 === I ? "" : I, L = D.showTitle;
(void 0 === L || L) && b.push({
".ugb-blog-posts__title a": {color: Object(j.c)(Object(j.wb)(z, u.columnBackground && o))},
".ugb-blog-posts__title a:hover": {
opacity: z && !t("titleHoverColor") ? .8 : void 0,
color: Object(j.c)(t("titleHoverColor"))
},
".ugb-blog-posts__title": B({}, Object(j.K)("title%s", "desktop", e.attributes, {importantSize: !0}), {textAlign: t("titleAlign", "%s !important")}),
tablet: {".ugb-blog-posts__title": B({}, Object(j.K)("title%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("titleTabletAlign", "%s !important")})},
mobile: {".ugb-blog-posts__title": B({}, Object(j.K)("title%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("titleMobileAlign", "%s !important")})}
});
var U = e.attributes, H = U.excerptColor, W = void 0 === H ? "" : H, G = U.showExcerpt;
(void 0 === G || G) && b.push({
".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": B({}, Object(j.K)("excerpt%s", "desktop", e.attributes, {importantSize: !0}), {color: Object(j.c)(Object(j.wb)(W, u.columnBackground && o))}),
".ugb-blog-posts__excerpt": {textAlign: t("excerptAlign", "%s !important")},
tablet: {
".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": B({}, Object(j.K)("excerpt%s", "tablet", e.attributes, {importantSize: !0})),
".ugb-blog-posts__excerpt": {textAlign: t("excerptTabletAlign", "%s !important")}
},
mobile: {
".ugb-blog-posts__excerpt, .ugb-blog-posts__excerpt p": B({}, Object(j.K)("excerpt%s", "mobile", e.attributes, {importantSize: !0})),
".ugb-blog-posts__excerpt": {textAlign: t("excerptMobileAlign", "%s !important")}
}
});
var V = e.attributes, q = V.metaColor, K = void 0 === q ? "" : q, J = V.showMeta, Y = void 0 === J || J,
X = V.showAuthor, $ = void 0 === X || X, Z = V.showDate, Q = void 0 === Z || Z, ee = V.showComments;
Y && ($ || Q || (void 0 === ee || ee)) && b.push({
".ugb-blog-posts__meta": B({}, Object(j.K)("meta%s", "desktop", e.attributes, {importantSize: !0}), {
color: Object(j.c)(Object(j.wb)(K, u.columnBackground && o)),
textAlign: t("metaAlign", "%s !important")
}),
tablet: {".ugb-blog-posts__meta": B({}, Object(j.K)("meta%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("metaTabletAlign", "%s !important")})},
mobile: {".ugb-blog-posts__meta": B({}, Object(j.K)("meta%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("metaMobileAlign", "%s !important")})}
});
var te = e.attributes.readmoreColor, ne = void 0 === te ? "" : te;
return s && b.push({
".ugb-blog-posts__readmore a": {color: Object(j.c)(Object(j.wb)(ne, u.columnBackground && o))},
".ugb-blog-posts__readmore a:hover": {
opacity: ne && !t("readmoreHoverColor") ? .8 : void 0,
color: Object(j.c)(t("readmoreHoverColor"))
},
".ugb-blog-posts__readmore": B({}, Object(j.K)("readmore%s", "desktop", e.attributes, {importantSize: !0}), {textAlign: t("readmoreAlign", "%s !important")}),
tablet: {".ugb-blog-posts__readmore": B({}, Object(j.K)("readmore%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("readmoreTabletAlign", "%s !important")})},
mobile: {".ugb-blog-posts__readmore": B({}, Object(j.K)("readmore%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("readmoreMobileAlign", "%s !important")})}
}), u.imageSpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__featured-image", "image%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.categorySpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__category", "category%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.titleSpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.excerptSpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__excerpt", "excerpt%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.metaSpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__meta", "meta%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.readmoreSpacing && b.push.apply(b, T(Object(j.F)(".ugb-blog-posts__readmore", "readmore%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), C.a.all(b)
}, N = n(3), M = n(6), R = n(11), F = n(0), D = n(489), I = n(25), z = n.n(I);
function L(e) {
return (L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function U(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function H(e, t) {
return !t || "object" !== L(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function W(e) {
return (W = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function G(e, t) {
return (G = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
var V = [], q = function (e) {
function t() {
var e;
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), (e = H(this, W(t).apply(this, arguments))).state = {isLoading: 0 === V.length, termList: V}, e
}
var n, i, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && G(e, t)
}(t, M["Component"]), n = t, (i = [{
key: "componentWillMount", value: function () {
var e = this;
this.state.termList.length || (this.isStillMounted = !0, this.fetchRequest = z()({path: Object(D.a)("/wp/v2/stk_terms", {per_page: -1})}).then(function (t) {
e.isStillMounted && (V = t, e.setState({termList: t, isLoading: !1}))
}).catch(function () {
e.isStillMounted && e.setState({termList: [], isLoading: !1})
}))
}
}, {
key: "componentWillUnmount", value: function () {
this.isStillMounted = !1
}
}, {
key: "render", value: function () {
var e = this, t = [], n = [], i = [], o = "", r = this.props.taxonomy;
Object.keys(this.state.termList).forEach(function (a) {
var o = e.state.termList[a], r = o.label, l = o.taxonomies;
t.push({label: r, value: a}), a === e.props.postType && Object.keys(l).forEach(function (t, a) {
var o = l[t], r = o.label, c = o.terms;
n.push({label: r, value: t});
var s = !e.props.taxonomyType && 0 === a;
(t === e.props.taxonomyType || s) && Object.keys(c).forEach(function (e) {
i.push({name: c[e].name, value: c[e].term_id})
})
})
});
var l = i.map(function (e) {
return e.name
}), c = "" !== r ? r.split(",").map(function (e) {
return (Object(a.find)(i, function (t) {
return t.value === parseInt(e)
}) || {}).name
}) : void 0;
if (Object(a.compact)(c).length || (c = void 0), n.length) {
var s = this.props.taxonomyType || n[0].value, u = n.filter(function (e) {
var t = e.value;
return s === t
});
o = u.length ? u[0].label : n[0].label
}
return this.state.isLoading ? wp.element.createElement("div", {className: "ugb-blog-post__inspector-spinner"}, wp.element.createElement(R.Spinner, null)) : wp.element.createElement("div", null, x.isPro && wp.element.createElement(N.d, {
label: Object(F.__)("Post Type", x.i18n),
options: t,
value: this.props.postType,
onChange: function (t) {
var n = Object.keys(e.state.termList[t].taxonomies);
e.props.onChangePostType(t), e.props.onChangeTaxonomyType(n.length ? n[0] : ""), e.props.onChangeTaxonomy("")
}
}), n.length > 0 && wp.element.createElement(N.d, {
label: Object(F.__)("Filter by Taxonomy", x.i18n),
options: n,
value: this.props.taxonomyType,
onChange: function (t) {
e.props.onChangeTaxonomyType(t), e.props.onChangeTaxonomy("")
}
}), n.length > 0 && wp.element.createElement(M.Fragment, null, wp.element.createElement(N.d, {
label: Object(F.__)("Taxonomy Filter Type", x.i18n),
options: [{
label: Object(F.__)("Included In", x.i18n),
value: "__in"
}, {label: Object(F.__)("Not In", x.i18n), value: "__not_in"}],
value: this.props.taxonomyFilterType,
onChange: this.props.onChangeTaxonomyFilterType
}), wp.element.createElement(R.FormTokenField, {
label: o,
suggestions: l,
value: c,
onChange: function (t) {
var n = t.map(function (e) {
return (Object(a.find)(i || [], function (t) {
return t.name === e
}) || {}).value
});
e.props.onChangeTaxonomy(Object(a.compact)(n).join(","))
}
})))
}
}]) && U(n.prototype, i), o && U(n, o), t
}();
q.defaultProps = {
postType: "post", onChangePostType: function () {
}, taxonomyType: "category", onChangeTaxonomyType: function () {
}, taxonomy: "", onChangeTaxonomy: function () {
}
};
var K = q, J = n(10), Y = n(8), X = n.n(Y), $ = n(68), Z = n(284), Q = n(13), ee = n(12);
function te(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function ne(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? te(n, !0).forEach(function (t) {
ie(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : te(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ae(e) {
return (ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
return typeof e
} : function (e) {
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
})(e)
}
function ie(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function oe(e, t) {
for (var n = 0; n < t.length; n++) {
var a = t[n];
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a)
}
}
function re(e, t) {
return !t || "object" !== ae(t) && "function" != typeof t ? function (e) {
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return e
}(e) : t
}
function le(e) {
return (le = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
return e.__proto__ || Object.getPrototypeOf(e)
})(e)
}
function ce(e, t) {
return (ce = Object.setPrototypeOf || function (e, t) {
return e.__proto__ = t, e
})(e, t)
}
function se(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var ue = {dot: "·", space: " ", comma: ",", dash: "—", pipe: "|"};
Object(i.addFilter)("stackable.blog-posts.edit.layouts", "default", function (e) {
var t = [{
label: Object(F.__)("Basic", x.i18n),
value: "basic",
image: c.a
}, {label: Object(F.__)("List", x.i18n), value: "list", image: u.a}, {
label: Object(F.__)("Portfolio", x.i18n),
value: "portfolio",
image: f.a,
premium: !0
}, {
label: Object(F.sprintf)(Object(F._x)("%s %d", "Nth Title", x.i18n), Object(F.__)("Portfolio", x.i18n), 2),
value: "portfolio2",
image: v.a,
premium: !0
}, {
label: Object(F.__)("Vertical Card", x.i18n),
value: "vertical-card",
image: O.a,
premium: !0
}, {
label: Object(F.__)("Horizontal Card", x.i18n),
value: "horizontal-card",
image: p.a,
premium: !0
}, {
label: Object(F.sprintf)(Object(F._x)("%s %d", "Nth Title", x.i18n), Object(F.__)("Vertical Card", x.i18n), 2),
value: "vertical-card2",
image: _.a,
premium: !0
}, {label: Object(F.__)("Image Card", x.i18n), value: "image-card", image: g.a, premium: !0}];
return [].concat(se(e), t)
}), Object(i.addFilter)("stackable.blog-posts.edit.inspector.layout.before", "stackable/blog-posts", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "basic" : a;
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(N.D, {
initialOpen: !0,
selected: o,
options: Object(i.applyFilters)("stackable.blog-posts.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
}, x.showProNotice && wp.element.createElement(N.jb, null)))
}), Object(i.addFilter)("stackable.blog-posts.edit.inspector.style.before", "stackable/blog-posts", function (e, t) {
var n = t.setAttributes, a = t.attributes, o = a.columns, r = void 0 === o ? 2 : o, l = a.borderRadius,
c = void 0 === l ? "" : l, s = a.shadow, u = void 0 === s ? "" : s, b = a.contentOrder,
p = void 0 === b ? "" : b, m = a.numberOfItems, g = void 0 === m ? 6 : m, d = a.showImage,
f = void 0 === d || d, h = a.showTitle, v = void 0 === h || h, y = a.showCategory, O = void 0 === y || y,
w = a.showExcerpt, _ = void 0 === w || w, k = a.showMeta, C = void 0 === k || k, S = a.showReadmore,
B = void 0 !== S && S, T = a.titleTag, P = void 0 === T ? "" : T, A = a.titleColor,
D = void 0 === A ? "" : A, I = a.titleHoverColor, z = void 0 === I ? "" : I, L = a.orderBy,
U = void 0 === L ? "date" : L, H = a.order, W = void 0 === H ? "desc" : H, G = a.postType,
V = void 0 === G ? "post" : G, q = a.taxonomyType, J = void 0 === q ? "category" : q, Y = a.taxonomy,
X = void 0 === Y ? "" : Y, $ = a.taxonomyFilterType, Z = void 0 === $ ? "__in" : $, Q = a.imageSize,
ee = void 0 === Q ? "large" : Q, te = a.categoryHighlighted, ne = void 0 !== te && te, ae = a.categoryColor,
ie = void 0 === ae ? "" : ae, oe = a.categoryHoverColor, re = void 0 === oe ? "" : oe, le = a.excerptColor,
ce = void 0 === le ? "" : le, ue = a.excerptLength, be = void 0 === ue ? 55 : ue, pe = a.showAuthor,
me = void 0 === pe || pe, ge = a.showDate, de = void 0 === ge || ge, fe = a.showComments,
he = void 0 === fe || fe, ve = a.metaColor, ye = void 0 === ve ? "" : ve, Oe = a.metaSeparator,
we = void 0 === Oe ? "" : Oe, _e = a.readmoreColor, je = void 0 === _e ? "" : _e, ke = a.readmoreHoverColor,
Ce = void 0 === ke ? "" : ke, xe = a.readmoreText, Ee = void 0 === xe ? "" : xe, Se = E(t),
Be = Object(F.__)("Category", x.i18n), Te = Object(F.__)("Title", x.i18n),
Pe = Object(F.__)("Meta", x.i18n), Ae = Object(F.__)("Excerpt", x.i18n);
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(N.fb, {
title: Object(F.__)("General", x.i18n),
initialOpen: !0
}, wp.element.createElement(N.c, {
label: Object(F.__)("Columns", x.i18n), value: r, onChange: function (e) {
return n({columns: e})
}, min: 1, max: 4, className: "ugb--help-tip-general-columns"
}), !Se.columnBackground && Se.borderRadius && wp.element.createElement(N.c, {
label: Object(F.__)("Border Radius", x.i18n),
value: c,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), !Se.columnBackground && Se.shadow && wp.element.createElement(N.c, {
label: Object(F.__)("Shadow / Outline", x.i18n),
value: u,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
}), wp.element.createElement(N.d, {
label: Object(F.__)("Content Order", x.i18n),
options: [{
label: Object(F.__)("Default", x.i18n),
value: ""
}, {
label: "".concat(Be, " → ").concat(Te, " → ").concat(Pe, " → ").concat(Ae),
value: "category,title,meta,excerpt"
}, {
label: "".concat(Be, " → ").concat(Te, " → ").concat(Ae, " → ").concat(Pe),
value: "category,title,excerpt,meta"
}, {
label: "".concat(Te, " → ").concat(Pe, " → ").concat(Ae, " → ").concat(Be),
value: "title,meta,excerpt,category"
}, {
label: "".concat(Te, " → ").concat(Be, " → ").concat(Ae, " → ").concat(Pe),
value: "title,category,excerpt,meta"
}, {
label: "".concat(Pe, " → ").concat(Te, " → ").concat(Ae, " → ").concat(Be),
value: "meta,title,excerpt,category"
}, {
label: "".concat(Pe, " → ").concat(Te, " → ").concat(Be, " → ").concat(Ae),
value: "meta,title,category,excerpt"
}],
value: p,
onChange: function (e) {
return n({contentOrder: e})
},
className: "ugb--help-tip-posts-content-order"
}), wp.element.createElement(N.x, {
setAttributes: n,
blockAttributes: t.attributes
})), wp.element.createElement(N.fb, {
title: Object(F.__)("Posts Settings", x.i18n),
initialOpen: !1
}, wp.element.createElement(N.c, {
label: Object(F.__)("Number of items", x.i18n),
min: 1,
max: 100,
allowReset: !0,
value: g,
onChange: function (e) {
return n({numberOfItems: e})
},
placeholder: "6"
}), wp.element.createElement(N.d, {
label: Object(F.__)("Order by", x.i18n),
options: [{
label: Object(F.__)("Newest to Oldest", x.i18n),
value: "date,desc"
}, {
label: Object(F.__)("Oldest to Newest", x.i18n),
value: "date,asc"
}, {label: Object(F.__)("A → Z", x.i18n), value: "title,asc"}, {
label: Object(F.__)("Z → A", x.i18n),
value: "title,desc"
}, {
label: Object(F.__)("Last Modified to Oldest", x.i18n),
value: "modified,desc"
}, {
label: Object(F.__)("Oldest Modified to Last", x.i18n),
value: "modified,asc"
}, {
label: Object(F.__)("Menu Order", x.i18n),
value: "menu_order,asc"
}, {label: Object(F.__)("Random", x.i18n), value: "rand,desc"}],
value: "".concat(U, ",").concat(W),
onChange: function (e) {
return n({orderBy: e.split(",")[0], order: e.split(",")[1]})
}
}), wp.element.createElement(K, {
postType: V, onChangePostType: function (e) {
return n({postType: e})
}, taxonomyType: J, onChangeTaxonomyType: function (e) {
return n({taxonomyType: e})
}, taxonomy: X, onChangeTaxonomy: function (e) {
return n({taxonomy: e})
}, taxonomyFilterType: Z, onChangeTaxonomyFilterType: function (e) {
return n({taxonomyFilterType: e})
}
}), Object(i.applyFilters)("stackable.blog-posts.edit.inspector.style.posts.after", null, t), x.showProNotice && wp.element.createElement(N.jb, {type: "postsBlock"})), Se.columnBackground && wp.element.createElement(N.fb, {
title: Object(F.__)("Container", x.i18n),
id: "column-background",
initialOpen: !1,
className: "ugb--help-tip-column-background-on-off"
}, wp.element.createElement(N.s, {
label: Object(F.__)("Background", x.i18n),
popoverLabel: Object(F.__)("Background", x.i18n),
onReset: function () {
n({
columnBackgroundColorType: "",
columnBackgroundColor: "",
columnBackgroundColor2: "",
columnBackgroundColorOpacity: "",
columnBackgroundMediaID: "",
columnBackgroundMediaUrl: "",
columnBackgroundTintStrength: "",
columnFixedBackground: ""
})
},
allowReset: t.attributes.columnBackgroundColor || t.attributes.columnBackgroundMediaUrl,
hasColorPreview: t.attributes.columnBackgroundColor,
hasImagePreview: t.attributes.columnBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.columnBackgroundColorType ? [t.attributes.columnBackgroundColor, t.attributes.columnBackgroundColor2] : t.attributes.columnBackgroundColor,
imageUrlPreview: t.attributes.columnBackgroundMediaUrl
}, (Se.showBackgroundInItem || Se.showBackgroundInContent) && wp.element.createElement(N.h, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes,
backgroundMediaAllowVideo: !1
}), !(Se.showBackgroundInItem || Se.showBackgroundInContent) && Se.columnBackground && wp.element.createElement(N.h, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes,
onChangeBackgroundMedia: !1,
onChangeBackgroundColorOpacity: !1,
onChangeBackgroundGradientBlendMode: !1
})), Se.border && wp.element.createElement(N.n, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
}), Se.borderRadius && wp.element.createElement(N.c, {
label: Object(F.__)("Border Radius", x.i18n),
value: c,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), Se.shadow && wp.element.createElement(N.c, {
label: Object(F.__)("Shadow / Outline", x.i18n),
value: u,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), wp.element.createElement(N.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(N.v, {
label: Object(F.__)("Paddings", x.i18n),
setAttributes: n,
attributes: t.attributes
}), Se.imageSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "image%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Image", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-image"
})), Se.categorySpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "category%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Category", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-description"
})), Se.titleSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Title", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-title"
})), Se.excerptSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "excerpt%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Excerpt", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-description"
})), Se.metaSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "meta%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Meta", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-description"
})), Se.readmoreSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "readmore%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Read More", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-button"
})), Se.loadMoreSpacing && wp.element.createElement(N.kb, {
attrNameTemplate: "loadMoreButton%sTopMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Load More", x.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-alignment-button"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Featured Image", x.i18n),
id: "image",
checked: f,
onChange: function (e) {
return n({showImage: e})
},
toggleOnSetAttributes: ["imageSize"].concat(se(Object(j.C)("Image%sWidth")), se(Object(j.C)("Image%sHeight"))),
toggleAttributeName: "showTitle"
}, wp.element.createElement(N.ab, {
label: Object(F.__)("Image Size", x.i18n),
value: ee,
onChange: function (e) {
return n({imageSize: e})
},
className: "ugb--help-tip-image-size"
}), Se.imageWidth && wp.element.createElement(N.kb, {
attrNameTemplate: "image%sWidth",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Image Width", x.i18n),
min: 0,
max: 600,
placeholder: "100",
allowReset: !0,
className: "ugb--help-tip-image-width-crop"
})), Se.imageHeight && wp.element.createElement(N.kb, {
attrNameTemplate: "image%sHeight",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.c, {
label: Object(F.__)("Image Height", x.i18n),
min: 0,
max: 1e3,
placeholder: "500",
allowReset: !0,
className: "ugb--help-tip-image-height-crop"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Category", x.i18n),
id: "category",
checked: O,
onChange: function (e) {
return n({showCategory: e})
},
toggleOnSetAttributes: [].concat(se(Object(j.I)("category%s")), ["categoryHighlighted", "categoryColor", "categoryHoverColor"], se(Object(j.C)("Category%sAlign"))),
toggleAttributeName: "showCategory"
}, wp.element.createElement(N.vb, {
attrNameTemplate: "category%s",
setAttributes: n,
blockAttributes: t.attributes,
placeholder: "11"
}), wp.element.createElement(R.ToggleControl, {
label: Object(F.__)("Highlighted", x.i18n),
checked: ne,
onChange: function (e) {
return n({categoryHighlighted: e})
}
}), wp.element.createElement(N.u, {
value: ie, onChange: function (e) {
return n({categoryColor: e})
}, label: Object(F.__)("Color", x.i18n)
}), wp.element.createElement(N.u, {
value: re, onChange: function (e) {
return n({categoryHoverColor: e})
}, label: Object(F.__)("Hover Color", x.i18n)
}), wp.element.createElement(N.kb, {
attrNameTemplate: "Category%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.f, {
label: Object(F.__)("Align", x.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Title", x.i18n),
id: "title",
checked: v,
onChange: function (e) {
return n({showTitle: e})
},
toggleOnSetAttributes: [].concat(se(Object(j.I)("title%s")), ["titleTag", "titleColor", "titleHoverColor"], se(Object(j.C)("Title%sAlign"))),
toggleAttributeName: "showTitle"
}, wp.element.createElement(N.M, {
value: P || "h3", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(N.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: P || "h3"
}), wp.element.createElement(N.u, {
value: D, onChange: function (e) {
return n({titleColor: e})
}, label: Object(F.__)("Text Color", x.i18n)
}), wp.element.createElement(N.u, {
value: z, onChange: function (e) {
return n({titleHoverColor: e})
}, label: Object(F.__)("Hover Color", x.i18n)
}), wp.element.createElement(N.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.f, {
label: Object(F.__)("Align", x.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Excerpt", x.i18n),
id: "excerpt",
checked: _,
onChange: function (e) {
return n({showExcerpt: e})
},
toggleOnSetAttributes: [].concat(se(Object(j.I)("excerpt%s")), ["excerptColor", "excerptLength"], se(Object(j.C)("Excerpt%sAlign"))),
toggleAttributeName: "showExcerpt"
}, wp.element.createElement(N.c, {
label: Object(F.__)("Excerpt Length", x.i18n),
value: be,
onChange: function (e) {
return n({excerptLength: e})
},
min: 1,
max: 100,
allowReset: !0,
placeholder: "55"
}), wp.element.createElement(N.vb, {
attrNameTemplate: "excerpt%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(N.u, {
value: ce, onChange: function (e) {
return n({excerptColor: e})
}, label: Object(F.__)("Text Color", x.i18n)
}), wp.element.createElement(N.kb, {
attrNameTemplate: "Excerpt%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.f, {
label: Object(F.__)("Align", x.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Meta", x.i18n),
id: "meta",
checked: C,
onChange: function (e) {
return n({showMeta: e})
},
toggleOnSetAttributes: ["showAuthor", "showDate", "showComments"].concat(se(Object(j.I)("meta%s")), ["metaColor", "metaSeparator"], se(Object(j.C)("Meta%sAlign"))),
toggleAttributeName: "showMeta"
}, wp.element.createElement(R.ToggleControl, {
label: Object(F.__)("Show Author", x.i18n),
checked: me,
onChange: function (e) {
return n({showAuthor: e})
}
}), wp.element.createElement(R.ToggleControl, {
label: Object(F.__)("Show Date", x.i18n),
checked: de,
onChange: function (e) {
return n({showDate: e})
}
}), wp.element.createElement(R.ToggleControl, {
label: Object(F.__)("Show Comments", x.i18n),
checked: he,
onChange: function (e) {
return n({showComments: e})
}
}), wp.element.createElement(N.vb, {
attrNameTemplate: "meta%s",
setAttributes: n,
blockAttributes: t.attributes,
placeholder: "11"
}), wp.element.createElement(N.u, {
value: ye, onChange: function (e) {
return n({metaColor: e})
}, label: Object(F.__)("Text Color", x.i18n)
}), wp.element.createElement(N.d, {
label: Object(F.__)("Separator", x.i18n),
options: [{label: Object(F.__)("Default (Dot)", x.i18n), value: ""}, {
label: Object(F.__)("Space", x.i18n),
value: "space"
}, {label: Object(F.__)("Comma", x.i18n), value: "comma"}, {
label: Object(F.__)("Dash", x.i18n),
value: "dash"
}, {label: Object(F.__)("Pipe", x.i18n), value: "pipe"}],
value: we,
onChange: function (e) {
return n({metaSeparator: e})
},
className: "ugb--help-tip-posts-meta-separator"
}), wp.element.createElement(N.kb, {
attrNameTemplate: "Meta%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.f, {
label: Object(F.__)("Align", x.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(N.fb, {
title: Object(F.__)("Read More Link", x.i18n),
id: "readmore",
checked: B,
onChange: function (e) {
return n({showReadmore: e})
},
toggleOnSetAttributes: ["readmoreText"].concat(se(Object(j.I)("readmore%s")), ["readmoreColor", "readmoreHoverColor"], se(Object(j.C)("Readmore%sAlign"))),
toggleAttributeName: "showReadmore"
}, wp.element.createElement(R.TextControl, {
label: Object(F.__)("Customize Read More Link", x.i18n),
type: "text",
value: Ee,
onChange: function (e) {
return n({readmoreText: e})
}
}), wp.element.createElement(N.vb, {
attrNameTemplate: "readmore%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(N.u, {
value: je, onChange: function (e) {
return n({readmoreColor: e})
}, label: Object(F.__)("Text Color", x.i18n)
}), wp.element.createElement(N.u, {
value: Ce, onChange: function (e) {
return n({readmoreHoverColor: e})
}, label: Object(F.__)("Hover Color", x.i18n)
}), wp.element.createElement(N.kb, {
attrNameTemplate: "Readmore%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(N.f, {
label: Object(F.__)("Align", x.i18n),
className: "ugb--help-tip-alignment-button"
}))), x.showProNotice && wp.element.createElement(N.fb, {
title: Object(F.__)("Load More Button", x.i18n),
id: "loadmore",
initialOpen: !1
}, wp.element.createElement(N.ib, {
title: Object(F.__)("Say Hello to More Options 👋", x.i18n),
description: Object(F.__)("Get a load more button, more post options and Custom Post Types. This feature is only available on Stackable Premium", x.i18n)
})), Object(i.applyFilters)("stackable.blog-posts.edit.inspector.style.read-more.after", null, t))
});
var be = function (e) {
function t() {
return function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
}(this, t), re(this, le(t).apply(this, arguments))
}
var n, a, o;
return function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
e.prototype = Object.create(t && t.prototype, {
constructor: {
value: e,
writable: !0,
configurable: !0
}
}), t && ce(e, t)
}(t, M["Component"]), n = t, (a = [{
key: "render", value: function () {
var e = this, t = this.props, n = t.setAttributes, a = t.className, o = t.attributes, r = t.posts,
l = o.columns, c = void 0 === l ? 2 : l, s = o.design, u = void 0 === s ? "basic" : s, b = o.shadow,
p = void 0 === b ? "" : b, m = o.numberOfItems, g = void 0 === m ? 6 : m, d = o.titleTag,
f = void 0 === d ? "" : d, h = o.imageSize, v = void 0 === h ? "large" : h,
y = o.categoryHighlighted, O = void 0 !== y && y, w = o.excerptLength, _ = void 0 === w ? "" : w,
j = o.metaSeparator, k = void 0 === j ? "" : j, C = o.showImage, S = void 0 === C || C,
B = o.showTitle, T = void 0 === B || B, P = o.showCategory, A = void 0 === P || P,
D = o.showExcerpt, I = void 0 === D || D, z = o.showMeta, L = void 0 === z || z, U = o.showReadmore,
H = void 0 !== U && U, W = o.showAuthor, G = void 0 === W || W, V = o.showDate,
q = void 0 === V || V, K = o.showComments, J = void 0 === K || K, Y = o.readmoreText,
Q = void 0 === Y ? "" : Y, ee = o.columnBackgroundColor, te = void 0 === ee ? "" : ee,
ne = o.columnBackgroundColor2, ae = void 0 === ne ? "" : ne, oe = o.showLoadMoreButton,
re = void 0 !== oe && oe, le = E(this.props), ce = Array.isArray(r) && r.length, se = f || "h3",
be = X()([a, "ugb-blog-posts--v2", "ugb-blog-posts--columns-".concat(c), "ugb-blog-posts--design-".concat(u)], Object(i.applyFilters)("stackable.blog-posts.mainclasses", {
"ugb-blog-posts--cat-highlighted": O,
"ugb-blog-posts--has-bg-color": te || ae
}, this.props)), pe = ce && r.length > g ? r.slice(0, g) : r,
me = X()(["ugb-blog-posts__item"], ie({}, "ugb--shadow-".concat(p || 3), !le.imageShadow)),
ge = X()(["ugb-blog-posts__featured-image"], ie({}, "ugb--shadow-".concat(p || 3), le.imageShadow));
return ce ? wp.element.createElement(N.k.Edit, {
className: be, blockProps: this.props, render: function () {
return wp.element.createElement(M.Fragment, null, (pe || []).map(function (t, n) {
var a = (t.featured_image_urls && t.featured_image_urls[v || "large"] || [])[0],
o = a && wp.element.createElement("figure", {className: ge}, wp.element.createElement("a", null, wp.element.createElement("img", {
src: a,
alt: Object(F.__)("featured", x.i18n)
}))), r = a && wp.element.createElement("div", {
className: "ugb-blog-posts__featured-image-background",
style: {backgroundImage: "url(".concat(a, ")")}
}),
l = wp.element.createElement(se, {className: "ugb-blog-posts__title"}, wp.element.createElement("a", null, Object(Z.decodeEntities)(t.title.rendered.trim()) || Object(F.__)("(Untitled)", x.i18n))),
c = t.category_list && wp.element.createElement("div", {
className: "ugb-blog-posts__category",
dangerouslySetInnerHTML: {__html: t.category_list.replace(/href=['"].*?['"]/g, "")}
}),
s = wp.element.createElement("span", {className: "ugb-blog-posts__sep"}, ue[k || "dot"]),
u = t.author_info && t.author_info.name && wp.element.createElement("span", null, t.author_info.name),
b = t.date_gmt && wp.element.createElement("time", {
dateTime: Object($.format)("c", t.date_gmt),
className: "ugb-blog-posts__date"
}, Object($.dateI18n)("F d, Y", t.date_gmt)),
p = wp.element.createElement("span", null, t.comments_num),
m = t.post_excerpt_stackable.split(" "),
g = (m = m.length > (_ || 55) ? m.slice(0, _ || 55).join(" ") + "..." : t.post_excerpt_stackable) && wp.element.createElement("div", {
className: "ugb-blog-posts__excerpt",
dangerouslySetInnerHTML: {__html: m}
}),
d = wp.element.createElement("p", {className: "ugb-blog-posts__readmore"}, wp.element.createElement("a", null, Q || Object(F.__)("Continue reading", x.i18n))),
f = (G || q || J) && wp.element.createElement("aside", {className: "entry-meta ugb-blog-posts__meta"}, G && u, G && u && (q && b || J && p) && s, q && b, (G && u || q && b) && J && p && s, J && p),
h = Object(i.applyFilters)("stackable.blog-posts.edit.output", null, e.props, {
itemClasses: me,
featuredImageBackground: r,
featuredImage: o,
category: c,
title: l,
author: u,
separator: s,
date: b,
comments: p,
excerpt: g,
readmore: d,
meta: f
}, n);
return h || wp.element.createElement(N.G, {
tagName: "article",
className: me,
backgroundAttrName: "column%s",
blockProps: e.props,
showBackground: le.showBackgroundInItem,
showBackgroundVideo: !1,
key: n
}, S && le.imageAsBackground && r, S && !le.imageAsBackground && le.imageOutsideContainer && o, wp.element.createElement(N.G, {
className: "ugb-blog-posts__content",
backgroundAttrName: "column%s",
blockProps: e.props,
showBackground: le.showBackgroundInContent,
showBackgroundVideo: !1
}, S && !le.imageAsBackground && !le.imageOutsideContainer && o, A && c, T && l, L && f, I && g, H && d))
}), re && wp.element.createElement(N.r, {
containerClassName: "ugb-blog-posts__load-more-button",
attrNameTemplate: "loadMoreButton%s",
setAttributes: n,
blockAttributes: o,
isSelected: !1
}))
}
}) : wp.element.createElement(R.Placeholder, {
icon: "admin-post",
label: Object(F.__)("Posts", x.i18n)
}, Array.isArray(r) ? Object(F.__)("No posts found.", x.i18n) : wp.element.createElement(R.Spinner, null))
}
}]) && oe(n.prototype, a), o && oe(n, o), t
}(),
pe = Object(ee.compose)(J.i, J.g, J.d, Object(J.h)(), Object(J.c)(["Category%sAlign", "Title%sAlign", "Excerpt%sAlign", "Meta%sAlign", "Readmore%sAlign"]), Object(J.a)(A, {editorMode: !0}), Object(J.b)([[".ugb-blog-posts__featured-image", "image"], [".ugb-blog-posts__featured-image img", "image"], [".ugb-blog-posts__category", "category"], [".ugb-blog-posts__title", "title"], [".ugb-blog-posts__excerpt", "excerpt"], [".ugb-blog-posts__meta", "meta"], [".ugb-blog-posts__readmore", "readmore"], [".ugb-blog-posts--design-image-card .ugb-blog-posts__header", "image"], [".ugb-blog-posts__item", "column-background"], [".ugb-blog-posts__load-more-button", "loadmore"]]), Object(Q.withSelect)(function (e, t) {
var n = t.attributes, o = n.postType, r = void 0 === o ? "post" : o, l = n.numberOfItems,
c = void 0 === l ? 6 : l, s = n.orderBy, u = void 0 === s ? "date" : s, b = n.order,
p = void 0 === b ? "desc" : b, m = n.taxonomyType, g = void 0 === m ? "" : m, d = n.taxonomy,
f = void 0 === d ? "" : d, h = n.taxonomyFilterType, v = void 0 === h ? "__in" : h,
y = e("core").getEntityRecords, O = Object(a.pickBy)(ne({
order: p,
orderby: u,
per_page: c
}, Object(i.applyFilters)("stackable.blog-posts.postQuery", {}, t)), function (e) {
return Array.isArray(e) ? !Object(a.isEmpty)(e) : !Object(a.isUndefined)(e) && "" !== e
});
return f && g && ("category" === g ? O["__in" === v ? "categories" : "categories_exclude"] = f : "post_tag" === g ? O["__in" === v ? "tags" : "tags_exclude"] = f : O["__in" === v ? g : "".concat(g, "_exclude")] = f), {posts: y("postType", r, O)}
}))(be);
function me() {
return (me = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
Object(i.addFilter)("stackable.click-open-inspector.listener-override", "stackable/blog-posts", function (e) {
return ne({}, e, {'[data-type="ugb/blog-posts"]': ["img", "p", "h1", "h2", "h3", "h4", "h5", "h6", "span", "time", "aside", "figure", "div"]})
});
var ge = Object(ee.compose)(J.i, Object(J.a)(A))(function (e) {
var t = e.className, n = e.attributes, a = n.uniqueClass, o = void 0 === a ? "" : a, r = n.columns,
l = void 0 === r ? 2 : r, c = n.design, s = void 0 === c ? "basic" : c, u = n.categoryHighlighted,
b = void 0 !== u && u, p = n.columnBackgroundColor, m = void 0 === p ? "" : p, g = n.columnBackgroundColor2,
d = void 0 === g ? "" : g, f = n.showLoadMoreButton, h = void 0 !== f && f, v = n.loadMoreItems,
y = void 0 === v ? "" : v,
O = X()([t, "ugb-blog-posts--v2", "ugb-blog-posts--design-".concat(s), "ugb-blog-posts--columns-".concat(l)], Object(i.applyFilters)("stackable.blog-posts.mainclasses", {
"ugb-blog-posts--cat-highlighted": b,
"ugb-blog-posts--has-bg-color": m || d
}, e)), w = {};
return h && (w["data-load-items"] = y, w["data-id"] = o), wp.element.createElement(N.k.Save, me({
className: O,
blockProps: e
}, w, {
render: function () {
return wp.element.createElement(M.Fragment, null, h && wp.element.createElement(N.r.Content, {
className: "ugb-blog-posts__load-more-button",
attrNameTemplate: "loadMoreButton%s",
blockAttributes: e.attributes,
url: "#0",
role: "button"
}))
}
}))
});
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(7), o = n(4);
Object(o.addFilter)("stackable.count-up.design.no-text-attributes", "stackable/count-up", function (e) {
return Object(i.omit)(e, ["title1", "title2", "title3", "title4", "countText1", "countText2", "countText3", "countText4", "description1", "description2", "description3", "description4"])
});
var r = n(2), l = n(0), c = n(8), s = n.n(c), u = n(9);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.image-box.design.no-text-attributes", "stackable/image-box", function (e) {
return Object(a.omit)(e, ["subtitle1", "subtitle2", "subtitle3", "subtitle4", "title1", "title2", "title3", "title4", "description1", "description2", "description3", "description4"])
}), Object(i.addFilter)("stackable.image-box.design.filtered-block-attributes", "stackable/image-box", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return l({}, Object(a.omit)(e, ["link1Url", "link2Url", "link3Url", "link4Url", "link1NewTab", "link2NewTab", "link3NewTab", "link4NewTab", "link1NoFollow", "link2NoFollow", "link3NoFollow", "link4NoFollow", "image1Id"].concat(o(t && t.image1Id ? ["image1Url"] : []), ["image2Id"], o(t && t.image2Id ? ["image2Url"] : []), ["image3Id"], o(t && t.image3Id ? ["image3Url"] : []), ["image4Id"], o(t && t.image4Id ? ["image4Url"] : []))))
});
var s = n(5), u = n.n(s);
function b() {
return (b = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var p = u.a.createElement("path", {d: "M116.8 106.6l50.8-52.7-50.9-52.7c-1.5-1.6-4.1-1.6-5.7-.1-1.6 1.5-1.6 4.1-.1 5.7l41.6 43.1H4c-2.2 0-4 1.7-4 3.9s1.7 4 3.9 4.1h148.7L111 101c-1.5 1.6-1.4 4.1.1 5.6 1.6 1.6 4.1 1.5 5.7 0z"}),
m = function (e) {
return u.a.createElement("svg", b({viewBox: "0 0 167.6 107.8", xmlns: "http://www.w3.org/2000/svg"}, e), p)
}, g = n(2), d = n(8), f = n.n(d), h = n(1), v = n(0), y = n(9);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(7), r = n(4);
function l(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(r.addFilter)("stackable.cta.design.no-text-attributes", "stackable/cta", function (e) {
return Object(o.omit)(e, ["title", "description", "buttonText"])
}), Object(r.addFilter)("stackable.cta.design.filtered-block-attributes", "stackable/cta", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? l(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : l(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(o.omit)(e, ["buttonUrl", "buttonNewTab", "buttonNoFollow"]))
});
var s = n(22), u = n(2), b = n(0), p = n(8), m = n.n(p), g = n(9);
function d(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function f(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? d(n, !0).forEach(function (t) {
h(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : d(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function h(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var v = [{
attributes: {
url: {type: "string", source: "attribute", selector: ".ugb-button", attribute: "href", default: ""},
newTab: {type: "boolean", source: "attribute", selector: ".ugb-button", attribute: "target", default: !1},
ctaTitle: {source: "html", selector: "h3", default: Object(b.__)("Title for This Block")},
bodyText: {source: "html", selector: "p", default: Object(u.M)()},
buttonText: {source: "html", selector: ".ugb-button span", default: Object(b.__)("Button text")},
buttonDesign: {type: "string", default: "basic"},
color: {type: "string"},
textColor: {type: "string"},
titleColor: {type: "string"},
bodyTextColor: {type: "string"},
size: {type: "string", default: "normal"},
borderButtonRadius: {type: "number", default: 4},
backgroundColorType: {type: "string", default: ""},
backgroundColor: {type: "string"},
backgroundColor2: {type: "string", default: ""},
backgroundColorDirection: {type: "number", default: 0},
backgroundType: {type: "string", default: ""},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
fixedBackground: {type: "boolean", default: !1},
buttonIcon: {type: "string"},
contentWidth: {type: "boolean", default: !1},
design: {type: "string", default: "basic"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
align: {type: "string"},
hoverEffect: {type: "string", default: ""},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""},
bgColor: {type: "string"}
}, save: function (e) {
var t, n = e.className, a = e.attributes, i = a.url, o = a.buttonText, l = a.ctaTitle, c = a.bodyText,
u = a.color, b = a.textColor, p = a.size, d = a.borderButtonRadius, v = a.bodyTextColor,
y = a.titleColor, O = a.backgroundColorType, w = void 0 === O ? "" : O, _ = a.backgroundColor,
j = a.backgroundColor2, k = a.backgroundColorDirection, C = void 0 === k ? 0 : k, x = a.backgroundType,
E = void 0 === x ? "" : x, S = a.backgroundImageURL, B = a.backgroundOpacity, T = a.fixedBackground,
P = a.buttonDesign, A = a.buttonIcon, N = a.design, M = void 0 === N ? "basic" : N, R = a.borderRadius,
F = void 0 === R ? 12 : R, D = a.shadow, I = void 0 === D ? 3 : D, z = a.align, L = a.contentWidth,
U = a.newTab, H = "plain" !== M,
W = m()([n, "ugb-cta", "ugb--background-opacity-" + 1 * Math.round(B / 1)], Object(r.applyFilters)("stackable.cta.mainclasses_1_15_5", (h(t = {}, "ugb-cta--design-".concat(M), "basic" !== M), h(t, "ugb--shadow-".concat(I), "plain" !== M && 3 !== I), h(t, "ugb--has-background", _ || S), h(t, "ugb--has-background-image", S), h(t, "ugb-content-width", "full" === z && L), h(t, "ugb--has-background-gradient", H && "gradient" === w), h(t, "ugb--has-background-video", H && "video" === E), t), M, e)),
G = f({backgroundAttachment: T ? "fixed" : void 0}, H ? {
backgroundColor: _ || void 0,
backgroundImage: S ? "url(".concat(S, ")") : void 0,
"--ugb-background-color": S || "gradient" === w ? _ : void 0,
"--ugb-background-color2": "gradient" === w && j ? j : void 0,
"--ugb-background-direction": "gradient" === w ? "".concat(C, "deg") : void 0,
borderRadius: 12 !== F ? F : void 0
} : {});
return wp.element.createElement("div", {
className: W,
style: G
}, H && "video" === E && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: S
}), Object(r.applyFilters)("stackable.cta.save.output.before_1_15_5", null, M, e), wp.element.createElement("div", {className: "ugb-content-wrapper"}, l && !!l.length && wp.element.createElement(g.RichText.Content, {
tagName: "h3",
className: "ugb-cta__title",
style: {color: y},
value: l
}), c && !!c.length && wp.element.createElement(g.RichText.Content, {
tagName: "p",
className: "ugb-cta__description",
style: {color: v},
value: c
}), o && !!o.length && wp.element.createElement(s.b, {
size: p,
url: i,
color: b,
text: o,
design: P,
icon: A,
backgroundColor: u,
borderRadius: d,
newTab: U
})))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\n\.ugb-cta(\s*{)/g, "\n.ugb-cta__item$1").replace(/\.ugb-content-wrapper/g, ".ugb-cta__item")
};
return f({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
title: e.ctaTitle || "",
titleColor: e.titleColor || "",
description: e.bodyText || "",
descriptionColor: e.bodyTextColor || "",
buttonUrl: e.url,
buttonNewTab: e.newTab,
buttonBackgroundColor: e.color,
buttonTextColor: e.textColor,
buttonSize: e.size,
buttonDesign: e.buttonDesign,
buttonBorderRadius: e.borderButtonRadius,
columnBackgroundColorType: e.backgroundColorType,
columnBackgroundColor: e.backgroundColor,
columnBackgroundColor2: e.backgroundColor2,
columnBackgroundGradientDirection: e.backgroundColorDirection,
backgroundType: void 0,
columnBackgroundMediaId: e.backgroundImageID,
columnBackgroundMediaUrl: e.backgroundImageURL,
columnBackgroundTintStrength: e.backgroundOpacity,
columnFixedBackground: e.fixedBackground ? e.fixedBackground : void 0,
marginTop: "full" === e.align ? 0 : void 0,
marginBottom: "full" === e.align ? 0 : void 0
})
}
}], y = n(3), O = n(10), w = n(14), _ = n.n(w), j = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.showBlockBackground,
o = void 0 !== i && i, l = t.blockInnerWidth, c = void 0 === l ? "" : l, s = t.align,
u = void 0 === s ? "" : s, b = t.showTitle, p = void 0 === b || b, m = t.showDescription,
g = void 0 === m || m, d = t.showButton, f = void 0 === d || d, h = !0;
return "plain" === a ? h = !1 : "full" === u && (o ? "full" === c && (h = !1) : h = !1), Object(r.applyFilters)("stackable.cta.show", {
columnBackground: "plain" !== a,
border: h,
borderRadius: h,
titleSpacing: p,
descriptionSpacing: g,
buttonSpacing: f
}, e)
};
function k(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function C(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function x(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? C(n, !0).forEach(function (t) {
E(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : C(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function E(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var S = function (e) {
var t = Object(u.b)(e.attributes), n = e.attributes, a = n.columnBackgroundColor, i = void 0 === a ? "" : a,
o = n.columnBackgroundColorOpacity, r = void 0 === o ? 1 : o, l = j(e), c = [];
c.push({
".ugb-cta__title, .ugb-cta__description, .ugb-button-container": {textAlign: Object(u.c)(t("contentAlign"))},
tablet: {".ugb-cta__title, .ugb-cta__description, .ugb-button-container": {textAlign: t("tabletContentAlign")}},
mobile: {".ugb-cta__title, .ugb-cta__description, .ugb-button-container": {textAlign: t("mobileContentAlign")}}
}), l.borderRadius && c.push({".ugb-cta__item": {borderRadius: t("borderRadius", "%spx !important")}}), l.border && c.push(x({}, Object(u.p)("column%s", ".ugb-cta__item", e.attributes)));
c.push(x({}, l.columnBackground ? Object(u.m)("column%s", "ugb-cta__item", e.attributes, {importantBackgroundColor: !0}) : {})), l.titleSpacing && c.push.apply(c, k(Object(u.F)(".ugb-cta__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), l.descriptionSpacing && c.push.apply(c, k(Object(u.F)(".ugb-cta__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), l.buttonSpacing && c.push.apply(c, k(Object(u.F)(".ugb-button-container", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0})));
var s = e.attributes, b = s.columnPaddingUnit, p = void 0 === b ? "px" : b, m = s.tabletColumnPaddingUnit,
g = void 0 === m ? "px" : m, d = s.mobileColumnPaddingUnit, f = void 0 === d ? "px" : d;
c.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(p)),
paddingBottom: t("columnPaddingBottom", "%s".concat(p)),
paddingRight: t("columnPaddingRight", "%s".concat(p)),
paddingLeft: t("columnPaddingLeft", "%s".concat(p))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(g)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(g)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(g)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(g))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(f)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(f)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(f)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(f))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(p)),
paddingBottom: t("columnPaddingBottom", "%s".concat(p)),
paddingRight: t("columnPaddingRight", "%s".concat(p)),
paddingLeft: t("columnPaddingLeft", "%s".concat(p))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(g)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(g)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(g)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(g))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-cta__item": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(f)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(f)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(f)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(f))
})
}
}
});
var h = e.attributes, v = h.titleColor, y = void 0 === v ? "" : v, O = h.showTitle;
(void 0 === O || O) && c.push({
".ugb-cta__title": x({}, Object(u.K)("title%s", "desktop", e.attributes, {importantSize: !0}), {
color: Object(u.vb)(y, 0 !== r ? i : null),
textAlign: t("titleAlign", "%s !important")
}),
tablet: {".ugb-cta__title": x({}, Object(u.K)("title%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("titleTabletAlign", "%s !important")})},
mobile: {".ugb-cta__title": x({}, Object(u.K)("title%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("titleMobileAlign", "%s !important")})}
});
var w = e.attributes, C = w.descriptionColor, E = void 0 === C ? "" : C, S = w.showDescription;
(void 0 === S || S) && c.push({
".ugb-cta__description": x({}, Object(u.K)("description%s", "desktop", e.attributes), {
color: Object(u.vb)(E, 0 !== r ? i : null),
textAlign: t("descriptionAlign", "%s !important")
}),
tablet: {".ugb-cta__description": x({}, Object(u.K)("description%s", "tablet", e.attributes), {textAlign: t("descriptionTabletAlign", "%s !important")})},
mobile: {".ugb-cta__description": x({}, Object(u.K)("description%s", "mobile", e.attributes), {textAlign: t("descriptionMobileAlign", "%s !important")})}
});
var B = e.attributes.showButton;
return (void 0 === B || B) && (c.push(x({}, Object(u.s)("button%s", "ugb-button", e.attributes))), c.push({
".ugb-button-container": {textAlign: t("buttonAlign", "%s !important")},
tablet: {".ugb-button-container": {textAlign: t("buttonTabletAlign", "%s !important")}},
mobile: {".ugb-button-container": {textAlign: t("buttonMobileAlign", "%s !important")}}
})), _.a.all(c)
}, B = n(290), T = n.n(B), P = n(291), A = n.n(P), N = n(292), M = n.n(N), R = n(293), F = n.n(R), D = n(294),
I = n.n(D), z = n(295), L = n.n(z), U = n(12), H = n(6);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(7), o = n(4);
function r(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function l(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function c(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? l(n, !0).forEach(function (t) {
s(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : l(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function s(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(o.addFilter)("stackable.card.design.no-text-attributes", "stackable/card", function (e) {
return Object(i.omit)(e, ["title1", "title2", "title3", "subtitle1", "subtitle2", "subtitle3", "description1", "description2", "description3", "button1Text", "button2Text", "button3Text"])
}), Object(o.addFilter)("stackable.card.design.filtered-block-attributes", "stackable/card", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return c({}, Object(i.omit)(e, [].concat(r(t && t.image1Id ? ["image1Url"] : []), ["image1Id"], r(t && t.image2Id ? ["image2Url"] : []), ["image2Id"], r(t && t.image3Id ? ["image3Url"] : []), ["image3Id", "button1Url", "button1NewTab", "button1NoFollow", "button2Url", "button2NewTab", "button2NoFollow", "button3Url", "button3NewTab", "button3NoFollow"])))
});
var u = n(22), b = n(2), p = n(8), m = n.n(p), g = n(1), d = n(0), f = n(9);
function h(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function v(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? h(n, !0).forEach(function (t) {
y(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : h(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function y(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var O = [{
attributes: {
mediaID: {type: "number"},
mediaURL: {
type: "string",
source: "attribute",
selector: ".ugb-card__image-container",
attribute: "data-src"
},
heading: {
source: "html",
selector: ".ugb-card__title",
default: Object(d.__)("Title for This Block", g.i18n)
},
tagline: {
source: "html",
selector: ".ugb-card__tagline",
default: Object(d.__)("Subtitle for this block", g.i18n)
},
des: {source: "html", selector: ".ugb-card__description", default: Object(b.M)("long")},
headingColor: {type: "string"},
taglineColor: {type: "string"},
desColor: {type: "string"},
buttonURL: {type: "string", source: "attribute", selector: ".ugb-button", attribute: "href", default: ""},
buttonNewTab: {
type: "boolean",
source: "attribute",
selector: ".ugb-button",
attribute: "target",
default: !1
},
buttonText: {source: "html", selector: ".ugb-button span", default: Object(d.__)("Button text", g.i18n)},
buttonColor: {type: "string"},
buttonIcon: {type: "string"},
buttonTextColor: {type: "string", default: "#ffffff"},
size: {type: "string", default: "normal"},
cornerButtonRadius: {type: "number", default: 4},
buttonDesign: {type: "string", default: "basic"},
contentAlign: {type: "string", default: "left"},
design: {type: "string", default: "basic"},
backgroundColor: {type: "string"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
hoverEffect: {type: "string", default: ""},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t, n = e.className, a = e.attributes, i = a.heading, r = a.tagline, l = a.des, c = a.mediaURL,
s = a.headingColor, b = a.taglineColor, p = a.desColor, g = a.buttonURL, d = a.buttonNewTab,
h = a.buttonText, O = a.buttonColor, w = a.buttonTextColor, _ = a.size, j = a.cornerButtonRadius,
k = a.contentAlign, C = a.buttonDesign, x = a.buttonIcon, E = a.design, S = void 0 === E ? "basic" : E,
B = a.backgroundColor, T = a.borderRadius, P = void 0 === T ? 12 : T, A = a.shadow,
N = void 0 === A ? 3 : A,
M = m()([n, "ugb-card"], Object(o.applyFilters)("stackable.card.mainclasses_1_17_3", (y(t = {}, "ugb-card--design-".concat(S), "basic" !== S), y(t, "ugb--shadow-".concat(N), "plain" !== S && 3 !== N), t), S, e)),
R = {borderRadius: "plain" !== S ? P : void 0, backgroundColor: "plain" !== S ? B : void 0},
F = m()(["ugb-card__image-container"], y({}, "ugb--shadow-".concat(N), "plain" === S)),
D = {borderRadius: "plain" === S ? P : void 0};
return wp.element.createElement("div", {
className: M,
style: R
}, Object(o.applyFilters)("stackable.card.save.output.before_1_17_3", null, S, e), c && wp.element.createElement("div", {
className: F,
style: v({}, D, {backgroundImage: "url(".concat(c, ")"), textAlign: k}),
"data-src": c
}), !f.RichText.isEmpty(i) && wp.element.createElement(f.RichText.Content, {
tagName: "h4",
className: "ugb-card__title",
style: {color: s, textAlign: k},
value: i
}), !f.RichText.isEmpty(r) && wp.element.createElement(f.RichText.Content, {
tagName: "p",
className: "ugb-card__tagline",
style: {color: b, textAlign: k},
value: r
}), !f.RichText.isEmpty(l) && wp.element.createElement(f.RichText.Content, {
tagName: "p",
className: "ugb-card__description",
style: {color: p, textAlign: k},
value: l
}), h && !!h.length && wp.element.createElement(u.b, {
size: _,
url: g,
newTab: d,
align: k,
color: w,
text: h,
icon: x,
design: C,
backgroundColor: O,
borderRadius: j
}), Object(o.applyFilters)("stackable.card.save.output.after_1_17_3", null, S, e))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\.ugb-card([\s\{\[\.\#\:])/g, ".ugb-card__item$1").replace(/\.ugb-card__tagline([\s\{\[\.\#\:])/g, ".ugb-card__subtitle$1").replace(/\.ugb-card__image-container([\s\{\[\.\#\:])/g, ".ugb-card__image$1")
};
return v({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
columns: 1,
showButton: !!e.buttonText,
image1Id: e.mediaID,
image1Url: e.mediaURL,
title1: e.heading,
subtitle1: e.tagline,
description1: e.des,
titleColor: e.headingColor,
subtitleColor: e.taglineColor,
descriptionColor: e.desColor,
button1Url: e.buttonURL,
button1NewTab: e.buttonNewTab,
button1Text: e.buttonText,
buttonBackgroundColor: e.buttonColor,
buttonIcon: e.buttonIcon,
buttonTextColor: e.buttonTextColor,
buttonSize: e.size,
buttonBorderRadius: e.cornerButtonRadius,
buttonDesign: e.buttonDesign,
columnBackgroundColor: e.backgroundColor
})
}
}], w = n(3), _ = n(10), j = n(296), k = n.n(j), C = n(297), x = n.n(C), E = n(298), S = n.n(E), B = n(299),
T = n.n(B), P = n(300), A = n.n(P), N = n(14), M = n.n(N), R = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.showImage, r = void 0 === i || i,
l = t.showTitle, c = void 0 === l || l, s = t.showSubtitle, u = void 0 === s || s, b = t.showDescription,
p = void 0 === b || b, m = t.showButton, g = void 0 === m || m;
return Object(o.applyFilters)("stackable.card.show", {
columnBackground: "plain" !== a,
borderRadius: !0,
shadow: !0,
border: "plain" !== a,
imageHeight: ("basic" === a || "plain" === a) && "horizontal-card" !== a,
imageWidth: "horizontal" === a,
imageSpacing: "plain" === a && r,
titleSpacing: c,
subtitleSpacing: u,
descriptionSpacing: p,
buttonSpacing: g
}, e)
};
function F(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function D(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function I(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? D(n, !0).forEach(function (t) {
z(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : D(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function z(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var L = function (e) {
var t = Object(b.b)(e.attributes), n = e.attributes.columnBackgroundColor, a = void 0 === n ? "" : n, i = R(e),
o = [];
if (o.push({
".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": {textAlign: t("contentAlign")},
tablet: {".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": {textAlign: t("tabletContentAlign")}},
mobile: {".ugb-card__title, .ugb-card__subtitle, .ugb-card__description, .ugb-button-container": {textAlign: t("mobileContentAlign")}}
}), i.borderRadius) {
var r = i.columnBackground ? ".ugb-card__item" : ".ugb-card__image";
o.push(z({}, r, {borderRadius: t("borderRadius", "%spx !important")}))
}
i.border && o.push(I({}, Object(b.p)("column%s", ".ugb-card__item", e.attributes)));
o.push(I({}, i.columnBackground ? Object(b.m)("column%s", "ugb-card__item", e.attributes, {importantBackgroundColor: !0}) : {}));
var l = e.attributes, c = l.columnPaddingUnit, s = void 0 === c ? "px" : c, u = l.tabletColumnPaddingUnit,
p = void 0 === u ? "px" : u, m = l.mobileColumnPaddingUnit, g = void 0 === m ? "px" : m;
o.push({
desktopTablet: {
".ugb-card__content": Object(b.d)({
paddingTop: t("columnPaddingTop", "%s".concat(s)),
paddingBottom: t("columnPaddingBottom", "%s".concat(s)),
paddingRight: t("columnPaddingRight", "%s".concat(s)),
paddingLeft: t("columnPaddingLeft", "%s".concat(s))
})
},
tabletOnly: {
".ugb-card__content": Object(b.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(p)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(p)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(p)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(p))
})
},
mobile: {
".ugb-card__content": Object(b.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(g)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(g)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(g)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(g))
})
}
}), o.push({
".ugb-card__item1 .ugb-card__image": {backgroundImage: t("image1Url", "url(%s)")},
".ugb-card__item2 .ugb-card__image": {backgroundImage: t("image2Url", "url(%s)")},
".ugb-card__item3 .ugb-card__image": {backgroundImage: t("image3Url", "url(%s)")}
}), o.push(I({}, Object(b.z)("image%s", "ugb-card__image", e.attributes))), i.imageHeight && o.push.apply(o, F(Object(b.F)(".ugb-card__image", "imageBackground%sHeight", "height", "%spx", e.attributes, {
inherit: !0,
inheritTabletMax: 300,
inheritMobileMax: 300,
important: !0
}))), i.imageWidth && o.push({
".ugb-card__image": {width: t("imageBackgroundWidth") ? Object(b.c)(t("imageBackgroundWidth") + t("imageBackgroundWidthUnit", "%s", "%")) : void 0},
tablet: {".ugb-card__image": {width: t("imageBackgroundTabletWidth") ? Object(b.c)(t("imageBackgroundTabletWidth") + t("imageBackgroundTabletWidthUnit", "%s", "%")) : void 0}},
mobile: {".ugb-card__image": {width: t("imageBackgroundMobileWidth") ? Object(b.c)(t("imageBackgroundMobileWidth") + t("imageBackgroundMobileWidthUnit", "%s", "%")) : void 0}}
});
var d = e.attributes, f = d.titleColor, h = void 0 === f ? "" : f, v = d.showTitle;
(void 0 === v || v) && o.push({
".ugb-card__title": I({}, Object(b.K)("title%s", "desktop", e.attributes, {importantSize: !0}), {
color: Object(b.c)(Object(b.wb)(h, i.columnBackground && a)),
textAlign: t("titleAlign", "%s !important")
}),
tablet: {".ugb-card__title": I({}, Object(b.K)("title%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("titleTabletAlign", "%s !important")})},
mobile: {".ugb-card__title": I({}, Object(b.K)("title%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("titleMobileAlign", "%s !important")})}
});
var y = e.attributes, O = y.subtitleColor, w = void 0 === O ? "" : O, _ = y.showSubtitle;
(void 0 === _ || _) && o.push({
".ugb-card__subtitle": I({}, Object(b.K)("subtitle%s", "desktop", e.attributes, {importantSize: !0}), {
color: Object(b.c)(Object(b.wb)(w, i.columnBackground && a)),
textAlign: t("subtitleAlign", "%s !important")
}),
tablet: {".ugb-card__subtitle": I({}, Object(b.K)("subtitle%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("subtitleTabletAlign", "%s !important")})},
mobile: {".ugb-card__subtitle": I({}, Object(b.K)("subtitle%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("subtitleMobileAlign", "%s !important")})}
});
var j = e.attributes, k = j.descriptionColor, C = void 0 === k ? "" : k, x = j.showDescription;
(void 0 === x || x) && o.push({
".ugb-card__description": I({}, Object(b.K)("description%s", "desktop", e.attributes, {importantSize: !0}), {
color: Object(b.c)(Object(b.wb)(C, i.columnBackground && a)),
textAlign: t("descriptionAlign", "%s !important")
}),
tablet: {".ugb-card__description": I({}, Object(b.K)("description%s", "tablet", e.attributes, {importantSize: !0}), {textAlign: t("descriptionTabletAlign", "%s !important")})},
mobile: {".ugb-card__description": I({}, Object(b.K)("description%s", "mobile", e.attributes, {importantSize: !0}), {textAlign: t("descriptionMobileAlign", "%s !important")})}
});
var E = e.attributes.showButton;
return (void 0 === E || E) && (o.push(I({}, Object(b.s)("button%s", "ugb-button", e.attributes))), o.push.apply(o, F(Object(b.F)(".ugb-button-container", "button%sAlign", "textAlign", "%s", e.attributes, {important: !0})))), i.imageSpacing && o.push.apply(o, F(Object(b.F)(".ugb-card__image", "image%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), i.titleSpacing && o.push.apply(o, F(Object(b.F)(".ugb-card__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), i.subtitleSpacing && o.push.apply(o, F(Object(b.F)(".ugb-card__subtitle", "subtitle%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), i.descriptionSpacing && o.push.apply(o, F(Object(b.F)(".ugb-card__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), i.buttonSpacing && o.push.apply(o, F(Object(b.F)(".ugb-button-container", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), M.a.all(o)
}, U = n(12), H = n(6), W = n(13);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.feature-grid.design.no-text-attributes", "stackable/feature-grid", function (e) {
return Object(a.omit)(e, ["title1", "title2", "title3", "title4", "description1", "description2", "description3", "description4", "button1Text", "button2Text", "button3Text", "button4Text"])
}), Object(i.addFilter)("stackable.feature-grid.design.filtered-block-attributes", "stackable/feature-grid", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return l({}, Object(a.omit)(e, ["image1Id"].concat(o(t && t.image1Id ? ["image1Url"] : []), ["image2Id"], o(t && t.image2Id ? ["image2Url"] : []), ["image3Id"], o(t && t.image3Id ? ["image3Url"] : []), ["image4Id"], o(t && t.image4Id ? ["image4Url"] : []), ["button1Url", "button1NewTab", "button1NoFollow", "button2Url", "button2NewTab", "button2NoFollow", "button3Url", "button3NewTab", "button3NoFollow", "button4Url", "button4NewTab", "button4NoFollow"])))
});
var s = n(22), u = n(2), b = n(8), p = n.n(b), m = n(1), g = n(19), d = n.n(g), f = n(9), h = n(0);
function v(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function y(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var O = [{
attributes: {
design: {type: "string", default: "basic"},
columns: {type: "number", default: 3},
imageSize: {type: "number", default: 100},
imageID1: {type: "number"},
imageID2: {type: "number"},
imageID3: {type: "number"},
imageUrl1: {type: "url"},
imageUrl2: {type: "url"},
imageUrl3: {type: "url"},
imageAlt1: {type: "string"},
imageAlt2: {type: "string"},
imageAlt3: {type: "string"},
title1: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(1) .ugb-feature-grid__title",
default: Object(h.__)("Title", m.i18n)
},
title2: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(2) .ugb-feature-grid__title",
default: Object(h.__)("Title", m.i18n)
},
title3: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(3) .ugb-feature-grid__title",
default: Object(h.__)("Title", m.i18n)
},
description1: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(1) .ugb-feature-grid__description",
default: Object(u.M)("short")
},
description2: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(2) .ugb-feature-grid__description",
default: Object(u.M)("short")
},
description3: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(3) .ugb-feature-grid__description",
default: Object(u.M)("short")
},
linkUrl1: {
type: "string",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(1) .ugb-button",
attribute: "href",
default: ""
},
linkUrl2: {
type: "string",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(2) .ugb-button",
attribute: "href",
default: ""
},
linkUrl3: {
type: "string",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(3) .ugb-button",
attribute: "href",
default: ""
},
newTab1: {
type: "boolean",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(1) .ugb-button",
attribute: "target",
default: !1
},
newTab2: {
type: "boolean",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(2) .ugb-button",
attribute: "target",
default: !1
},
newTab3: {
type: "boolean",
source: "attribute",
selector: ".ugb-feature-grid__item:nth-of-type(3) .ugb-button",
attribute: "target",
default: !1
},
linkText1: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(1) .ugb-button span",
default: Object(h.__)("Button text", m.i18n)
},
linkText2: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(2) .ugb-button span",
default: Object(h.__)("Button text", m.i18n)
},
linkText3: {
source: "html",
selector: ".ugb-feature-grid__item:nth-of-type(3) .ugb-button span",
default: Object(h.__)("Button text", m.i18n)
},
buttonColor: {type: "string"},
buttonTextColor: {type: "string"},
buttonSize: {type: "string", default: "normal"},
buttonBorderRadius: {type: "number", default: 4},
buttonDesign: {type: "string", default: "link"},
buttonIcon: {type: "string"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
hoverEffect: {type: "string", default: ""},
align: {type: "string"},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t = e.attributes, n = e.className, a = t.columns, o = t.imageSize, r = t.design, l = t.buttonColor,
c = t.buttonTextColor, b = t.buttonSize, m = t.buttonBorderRadius, g = t.buttonDesign,
h = void 0 === g ? "link" : g, v = t.buttonIcon, O = t.borderRadius, w = void 0 === O ? 12 : O,
_ = t.shadow, j = void 0 === _ ? 3 : _,
k = p()([n, "ugb-feature-grid", "ugb-feature-grid--columns-".concat(a)], Object(i.applyFilters)("stackable.feature-grid.mainclasses_1_17_2", y({}, "ugb-feature-grid--design-".concat(r), r && "basic" !== r), r, e)),
C = {borderRadius: "plain" !== r && 12 !== w ? w : void 0};
return wp.element.createElement("div", {className: k}, Object(i.applyFilters)("stackable.feature-grid.edit.output.before_1_17_2", null, r, e), Object(u.nb)(1, a + 1).map(function (n) {
var a = t["imageUrl".concat(n)], u = t["imageAlt".concat(n)], g = t["title".concat(n)],
O = t["description".concat(n)], w = t["linkUrl".concat(n)], _ = t["newTab".concat(n)],
k = t["linkText".concat(n)],
x = p()(["ugb-feature-grid__item"], Object(i.applyFilters)("stackable.feature-grid.itemclasses_1_17_2", y({}, "ugb--shadow-".concat(j), "plain" !== r && 3 !== j), r, n, e)),
E = Object(i.applyFilters)("stackable.feature-grid.itemstyles_1_17_2", {image: {width: a ? "".concat(o, "%") : void 0}}, r, n, e);
return wp.element.createElement("div", {
className: x,
style: C,
key: n
}, a && wp.element.createElement("div", {className: "ugb-feature-grid__image"}, wp.element.createElement("img", {
src: a,
style: E.image,
alt: d()(g || u)
})), wp.element.createElement("div", {className: "ugb-feature-grid__content"}, !f.RichText.isEmpty(g) && wp.element.createElement(f.RichText.Content, {
tagName: "h5",
className: "ugb-feature-grid__title",
value: g
}), !f.RichText.isEmpty(O) && wp.element.createElement(f.RichText.Content, {
tagName: "p",
className: "ugb-feature-grid__description",
value: O
}), !f.RichText.isEmpty(k) && wp.element.createElement(s.b, {
size: b,
url: w,
newTab: _,
color: c,
text: k,
icon: v,
design: h,
backgroundColor: l,
borderRadius: m
})))
}), Object(i.applyFilters)("stackable.feature-grid.edit.output.after_1_17_2", null, r, e))
}, migrate: function (e) {
var t;
if (e.imageSize && "horizontal" !== e.design) {
var n = "wide" !== e.align ? m.contentWidth || 900 : 1200, a = "plain" === e.design ? 0 : 70,
i = 1 === e.columns ? n - a : 2 === e.columns ? (n - 35) / 2 - a : (n - 70) / 3 - a;
t = parseInt((parseInt(e.imageSize, 10) || 100) / 100 * i, 10)
}
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? v(n, !0).forEach(function (t) {
y(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : v(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
image1Id: e.imageID1,
image2Id: e.imageID2,
image3Id: e.imageID3,
image1Url: e.imageUrl1,
image2Url: e.imageUrl2,
image3Url: e.imageUrl3,
image1Alt: e.imageAlt1,
image2Alt: e.imageAlt2,
image3Alt: e.imageAlt3,
button1Url: e.linkUrl1,
button2Url: e.linkUrl2,
button3Url: e.linkUrl3,
button1NewTab: e.newTab1,
button2NewTab: e.newTab2,
button3NewTab: e.newTab3,
button1Text: e.linkText1,
button2Text: e.linkText2,
button3Text: e.linkText3,
buttonBackgroundColor: e.buttonColor,
imageWidth: t
})
}
}], w = n(3), _ = n(10), j = n(322), k = n.n(j), C = n(323), x = n.n(C), E = n(324), S = n.n(E), B = n(325),
T = n.n(B), P = n(326), A = n.n(P), N = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.showImage, r = void 0 === o || o,
l = t.showTitle, c = void 0 === l || l, s = t.showDescription, u = void 0 === s || s, b = t.showButton,
p = void 0 === b || b;
return Object(i.applyFilters)("stackable.feature-grid.show", {
columnBackground: "plain" !== a,
border: "plain" !== a,
columnBackground1: "plain" !== a,
columnBackground2: "plain" !== a,
columnBackground3: "plain" !== a,
columnBackground4: "plain" !== a,
imageSpacing: r && "horizontal" !== a,
titleSpacing: c,
descriptionSpacing: u,
buttonSpacing: p
}, e)
}, M = n(14), R = n.n(M);
function F(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function D(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function I(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? D(n, !0).forEach(function (t) {
z(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : D(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function z(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var L = function (e) {
var t = Object(u.b)(e.attributes), n = N(e), a = e.attributes, o = a.columnBackgroundColor,
r = void 0 === o ? "" : o, l = a.showImage, c = void 0 === l || l, s = a.contentAlign,
b = void 0 === s ? "" : s, p = [];
n.columnBackground && p.push({".ugb-feature-grid__item": {borderRadius: t("borderRadius", "%spx !important")}}), n.border && p.push(I({}, Object(u.p)("column%s", ".ugb-feature-grid__item", e.attributes)));
var m = Object(i.applyFilters)("stackable.feature-grid.styles.column-background", "ugb-feature-grid__item", e.attributes);
m && p.push(I({}, n.columnBackground ? Object(u.m)("column%s", m, e.attributes, {importantBackgroundColor: !0}) : {}));
var g = e.attributes, d = g.columnPaddingUnit, f = void 0 === d ? "px" : d, h = g.tabletColumnPaddingUnit,
v = void 0 === h ? "px" : h, y = g.mobileColumnPaddingUnit, O = void 0 === y ? "px" : y;
p.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(f)),
paddingBottom: t("columnPaddingBottom", "%s".concat(f)),
paddingRight: t("columnPaddingRight", "%s".concat(f)),
paddingLeft: t("columnPaddingLeft", "%s".concat(f))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(v)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(v)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(v)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(v))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(O)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(O)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(O)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(O))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-feature-grid__item": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(f)),
paddingBottom: t("columnPaddingBottom", "%s".concat(f)),
paddingRight: t("columnPaddingRight", "%s".concat(f)),
paddingLeft: t("columnPaddingLeft", "%s".concat(f))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-feature-grid__item": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(v)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(v)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(v)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(v))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-feature-grid__item": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(O)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(O)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(O)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(O))
})
}
}
});
var w = e.attributes, _ = w.imageAlign, j = void 0 === _ ? "" : _, k = w.imageTabletAlign,
C = void 0 === k ? "" : k, x = w.tabletContentAlign, E = void 0 === x ? "" : x, S = w.imageMobileAlign,
B = void 0 === S ? "" : S, T = w.mobileContentAlign, P = void 0 === T ? "" : T;
c && (p.push(I({}, Object(u.B)("image%s", "ugb-img", e.attributes))), p.push({
".ugb-img, .ugb-feature-grid__image": {
marginLeft: "" !== j || "" !== b ? Object(u.hb)(j || b) + " !important" : void 0,
marginRight: "" !== j || "" !== b ? Object(u.ib)(j || b) + " !important" : void 0
},
tablet: {
".ugb-img, .ugb-feature-grid__image": {
marginLeft: "" !== C || "" !== E ? Object(u.hb)(C || E) + " !important" : void 0,
marginRight: "" !== C || "" !== E ? Object(u.ib)(C || E) + " !important" : void 0
}
},
mobile: {
".ugb-img, .ugb-feature-grid__image": {
marginLeft: "" !== B || "" !== P ? Object(u.hb)(B || P) + " !important" : void 0,
marginRight: "" !== B || "" !== P ? Object(u.ib)(B || P) + " !important" : void 0
}
}
}));
var A = e.attributes, M = A.titleColor, D = void 0 === M ? "" : M, L = A.showTitle;
if (void 0 === L || L) {
var U = Object(i.applyFilters)("stackable.feature-grid.styles.title.color-selector", ".ugb-feature-grid__title", e);
p.push(z({}, U, {color: Object(u.vb)(D, n.columnBackground && r)})), p.push({
".ugb-feature-grid__title": I({}, Object(u.K)("title%s", "desktop", e.attributes), {textAlign: t("titleAlign") || t("contentAlign")}),
tablet: {".ugb-feature-grid__title": I({}, Object(u.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-feature-grid__title": I({}, Object(u.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign") || t("mobileContentAlign")})}
})
}
var H = e.attributes, W = H.descriptionColor, G = void 0 === W ? "" : W, V = H.showDescription;
if (void 0 === V || V) {
var q = Object(i.applyFilters)("stackable.feature-grid.styles.description.color-selector", ".ugb-feature-grid__description", e);
p.push(z({}, q, {color: Object(u.vb)(G, n.columnBackground && r)})), p.push({
".ugb-feature-grid__description": I({}, Object(u.K)("description%s", "desktop", e.attributes), {textAlign: t("descriptionAlign") || t("contentAlign")}),
tablet: {".ugb-feature-grid__description": I({}, Object(u.K)("description%s", "tablet", e.attributes), {textAlign: t("descriptionTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-feature-grid__description": I({}, Object(u.K)("description%s", "mobile", e.attributes), {textAlign: t("descriptionMobileAlign") || t("mobileContentAlign")})}
})
}
var K = e.attributes, J = K.showButton, Y = void 0 === J || J, X = K.buttonDesign, $ = void 0 === X ? "" : X;
return Y && (p.push(I({}, Object(u.s)("button%s", "ugb-button", I({}, e.attributes, {buttonDesign: $ || "plain"})))), p.push({
".ugb-button-container": {textAlign: t("buttonAlign", "%s !important") || t("contentAlign", "%s !important")},
tablet: {".ugb-button-container": {textAlign: t("buttonTabletAlign", "%s !important") || t("tabletContentAlign", "%s !important")}},
mobile: {".ugb-button-container": {textAlign: t("buttonMobileAlign", "%s !important") || t("mobileContentAlign", "%s !important")}}
})), n.imageSpacing && p.push.apply(p, F(Object(u.F)(".ugb-feature-grid__image", "image%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.titleSpacing && p.push.apply(p, F(Object(u.F)(".ugb-feature-grid__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.descriptionSpacing && p.push.apply(p, F(Object(u.F)(".ugb-feature-grid__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.buttonSpacing && p.push.apply(p, F(Object(u.F)(".ugb-button-container", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), R.a.all(p)
}, U = n(12), H = n(6), W = n(13);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.feature.design.no-text-attributes", "stackable/feature", function (e) {
return Object(a.omit)(e, ["title", "description", "buttonText"])
}), Object(i.addFilter)("stackable.feature.design.filtered-block-attributes", "stackable/feature", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return l({}, Object(a.omit)(e, ["imageId"].concat(o(t && t.imageId ? ["imageUrl"] : []), ["imageAlt", "buttonUrl", "buttonNewTab", "buttonNoFollow"])))
});
var s = n(22), u = n(2), b = n(8), p = n.n(b), m = n(1), g = n(19), d = n.n(g), f = n(9), h = n(0);
function v(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function y(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? v(n, !0).forEach(function (t) {
O(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : v(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function O(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var w = [{
attributes: {
textColor: {type: "string"},
invert: {type: "boolean", default: !1},
contentAlign: {type: "string", default: "left"},
imageSize: {type: "number", default: 400},
imageID: {type: "number"},
imageUrl: {type: "url"},
imageAlt: {type: "string"},
title: {source: "html", selector: "h2", default: Object(h.__)("Title for This Block", m.i18n)},
description: {source: "html", selector: "p", default: Object(u.M)("medium")},
buttonURL: {type: "string", source: "attribute", selector: ".ugb-button", attribute: "href", default: ""},
buttonNewTab: {
type: "boolean",
source: "attribute",
selector: ".ugb-button",
attribute: "target",
default: !1
},
buttonText: {source: "html", selector: ".ugb-button span", default: Object(h.__)("Button text", m.i18n)},
buttonColor: {type: "string"},
buttonTextColor: {type: "string"},
buttonSize: {type: "string", default: "normal"},
buttonBorderRadius: {type: "number", default: 4},
buttonDesign: {type: "string", default: "basic"},
buttonIcon: {type: "string"},
backgroundColorType: {type: "string", default: ""},
backgroundColor: {type: "string"},
backgroundColor2: {type: "string", default: ""},
backgroundColorDirection: {type: "number", default: 0},
backgroundType: {type: "string", default: ""},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
fixedBackground: {type: "boolean", default: !1},
contentWidth: {type: "boolean", default: !1},
design: {type: "string", default: "plain"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
align: {type: "string"},
hoverEffect: {type: "string", default: ""},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t, n = e.className, a = e.attributes, o = a.invert, r = a.contentAlign, l = a.textColor, c = a.imageAlt,
u = void 0 === c ? "" : c, b = a.imageSize, m = a.imageUrl, g = a.title, h = a.description,
v = a.buttonURL, w = a.buttonNewTab, _ = a.buttonText, j = a.buttonColor, k = a.buttonTextColor,
C = a.buttonSize, x = a.buttonBorderRadius, E = a.buttonDesign, S = a.buttonIcon,
B = a.backgroundColorType, T = void 0 === B ? "" : B, P = a.backgroundColor, A = a.backgroundColor2,
N = a.backgroundColorDirection, M = void 0 === N ? 0 : N, R = a.backgroundType,
F = void 0 === R ? "" : R, D = a.backgroundImageURL, I = a.backgroundOpacity, z = void 0 === I ? 5 : I,
L = a.fixedBackground, U = a.contentWidth, H = a.align, W = a.design, G = void 0 === W ? "plain" : W,
V = a.borderRadius, q = void 0 === V ? 12 : V, K = a.shadow, J = void 0 === K ? 3 : K,
Y = p()([n, "ugb-feature", "ugb--background-opacity-" + 1 * Math.round(z / 1), "ugb-feature--design-".concat(G)], Object(i.applyFilters)("stackable.feature.mainclasses_1_17_2", (O(t = {}, "ugb-feature--content-".concat(r), r), O(t, "ugb-feature--invert", o), O(t, "ugb--has-background", "plain" !== G && (P || D)), O(t, "ugb--has-background-image", "plain" !== G && D), O(t, "ugb--content-width", "full" === H && U), O(t, "ugb--shadow-".concat(J), "plain" !== G && 3 !== J), O(t, "ugb--has-background-gradient", "plain" !== G && "gradient" === T), O(t, "ugb--has-background-video", "plain" !== G && "video" === F), t), G, e)),
X = p()(["ugb-feature__image"], Object(i.applyFilters)("stackable.feature.imageclasses_1_17_2", O({}, "ugb--shadow-".concat(J), "plain" === G), G, e)),
$ = "plain" === G ? {} : {
backgroundColor: P || void 0,
backgroundImage: D ? "url(".concat(D, ")") : void 0,
backgroundAttachment: L ? "fixed" : void 0,
"--ugb-background-color": D || "gradient" === T ? P : void 0,
"--ugb-background-color2": "gradient" === T && A ? A : void 0,
"--ugb-background-direction": "gradient" === T ? "".concat(M, "deg") : void 0,
borderRadius: 12 !== q ? q : void 0
}, Z = Object(i.applyFilters)("stackable.feature.styles_1_17_2", {
main: y({"--image-size": b ? "".concat(b, "px") : void 0}, $),
image: {borderRadius: "plain" === G ? q : void 0}
}, G, e), Q = !f.RichText.isEmpty(g) && wp.element.createElement(f.RichText.Content, {
tagName: "h2",
className: "ugb-feature__title",
style: {color: l},
value: g
}), ee = !f.RichText.isEmpty(h) && wp.element.createElement(f.RichText.Content, {
tagName: "p",
className: "ugb-feature__description",
style: {color: l},
value: h
}), te = !f.RichText.isEmpty(_) && wp.element.createElement(s.b, {
size: C,
url: v,
newTab: w,
align: r,
color: k,
text: _,
icon: S,
design: E,
backgroundColor: j,
borderRadius: x
}), ne = m && wp.element.createElement("img", {className: X, style: Z.image, src: m, alt: d()(g || u)}),
ae = {titleComp: Q, descriptionComp: ee, buttonComp: te, imageComp: ne};
return wp.element.createElement("div", {
className: Y,
style: Z.main
}, "basic" === G && "video" === F && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: D
}), Object(i.applyFilters)("stackable.feature.save.output.before_1_17_2", null, G, e), Object(i.applyFilters)("stackable.feature.save.output_1_17_2", wp.element.createElement("div", {className: "ugb-content-wrapper"}, wp.element.createElement("div", {className: "ugb-feature__content"}, Q, ee, te), wp.element.createElement("div", {className: "ugb-feature__image-side"}, ne)), ae, e))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\n\.ugb-feature(\s*{)/g, "\n.ugb-feature__item$1")
}, n = {overlap: "overlap-bg", overlap2: "overlap-bg2", overlap3: "overlap-bg4"};
return y({}, e, {
design: Object.keys(n).includes(e.design) ? n[e.design] : e.design,
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
titleColor: e.textColor,
descriptionColor: e.textColor,
imageWidth: e.imageSize,
imageId: e.imageID,
imageUrl: e.imageUrl,
buttonUrl: e.buttonURL,
buttonNewTab: e.buttonNewTab,
buttonBackgroundColor: e.buttonColor,
columnBackgroundColorType: e.backgroundColorType,
columnBackgroundColor: e.backgroundColor,
columnBackgroundColor2: e.backgroundColor2,
columnBackgroundGradientDirection: e.backgroundColorDirection,
columnBackgroundMediaId: e.backgroundImageID,
columnBackgroundMediaUrl: e.backgroundImageURL,
columnBackgroundTintStrength: e.backgroundOpacity,
columnFixedBackground: e.fixedBackground,
marginTop: "full" === e.align ? 0 : void 0,
marginBottom: "full" === e.align ? 0 : void 0
})
}
}], _ = n(3), j = n(10), k = n(327), C = n.n(k), x = n(328), E = n.n(x), S = n(329), B = n.n(S), T = n(330),
P = n.n(T), A = n(331), N = n.n(A), M = n(332), R = n.n(M), F = n(333), D = n.n(F), I = n(334), z = n.n(I),
L = n(335), U = n.n(L), H = n(336), W = n.n(H), G = n(337), V = n.n(G), q = n(338), K = n.n(q), J = n(339),
Y = n.n(J), X = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.showTitle, r = void 0 === o || o,
l = t.showDescription, c = void 0 === l || l, s = t.showButton, u = void 0 === s || s;
return Object(i.applyFilters)("stackable.feature.show", {
imageColumnWidth: ["basic", "plain", "half"].includes(a),
containerWidth: a.match(/^overlap/),
containerOffset: a.match(/^overlap(.*)?[2-5]$/),
reverseHorizontally: !a.match(/^overlap-?\w*[45]$/),
borderRadius: "plain" !== a,
border: "plain" !== a,
columnBackground: "plain" !== a,
featuredImageAsBackground: a.match(/^(overlap-bg|half)/),
titleSpacing: r,
descriptionSpacing: c,
buttonSpacing: u
}, e)
}, $ = n(14), Z = n.n($);
function Q(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function ee(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function te(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? ee(n, !0).forEach(function (t) {
ne(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ee(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function ne(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var ae = function (e) {
var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],
n = ("number" != typeof e ? 50 : e) / 100 * 2, a = 2 - n;
return t ? "".concat(a.toFixed(2), "fr ").concat(n.toFixed(2), "fr") : "".concat(n.toFixed(2), "fr ").concat(a.toFixed(2), "fr")
}, ie = function (e) {
var t = Object(u.b)(e.attributes), n = X(e), a = e.attributes, i = a.design, o = void 0 === i ? "plain" : i,
r = a.columnBackgroundColor, l = void 0 === r ? "" : r, c = a.invert, s = void 0 !== c && c, b = [];
n.imageColumnWidth && b.push({
desktopTablet: {".ugb-feature__item": {gridTemplateColumns: t("imageColumnWidth") ? Object(u.c)(ae(t("imageColumnWidth"), !s)) : void 0}},
tabletOnly: {".ugb-feature__item": {gridTemplateColumns: t("imageColumnTabletWidth") ? Object(u.c)(ae(t("imageColumnTabletWidth"), !s)) : void 0}}
});
var p = "basic" === o || "half" === o ? ".ugb-feature__item" : ".ugb-feature__content";
if (n.borderRadius && b.push(ne({}, p, {borderRadius: t("borderRadius", "%spx !important")})), n.border && b.push(te({}, Object(u.p)("column%s", p, e.attributes))), n.columnBackground) {
var m = "basic" === o ? "ugb-feature__item" : "ugb-feature__content";
b.push(te({}, n.columnBackground ? Object(u.m)("column%s", m, e.attributes, {
importantBackgroundColor: !0,
importantBackgroundPosition: !0,
importantBackgroundSize: !0,
importantBackgroundRepeat: !0
}) : {}))
}
n.featuredImageAsBackground ? (b.push(te({}, Object(u.z)("image%s", "ugb-feature__image", e.attributes))), b.push({
".ugb-feature__item": {height: t("imageBackgroundHeight", "%spx !important")},
tablet: {".ugb-feature__item": {height: t("imageBackgroundTabletHeight", "%spx !important")}},
mobile: {".ugb-feature__item": {height: t("imageBackgroundMobileHeight", "%spx !important")}}
})) : b.push(te({}, n.featuredImageAsBackground ? {} : Object(u.B)("image%s", "ugb-img", e.attributes, {inherit: !1})));
var g = e.attributes, d = g.titleColor, f = void 0 === d ? "" : d, h = g.showTitle;
(void 0 === h || h) && b.push({
".ugb-feature__title": te({}, Object(u.K)("title%s", "desktop", e.attributes), {
color: Object(u.vb)(f, n.columnBackground && l),
textAlign: t("titleAlign")
}),
tablet: {".ugb-feature__title": te({}, Object(u.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign")})},
mobile: {".ugb-feature__title": te({}, Object(u.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign")})}
});
var v = e.attributes, y = v.descriptionColor, O = void 0 === y ? "" : y, w = v.showDescription;
(void 0 === w || w) && b.push({
".ugb-feature__description": te({}, Object(u.K)("description%s", "desktop", e.attributes), {
color: Object(u.vb)(O, n.columnBackground && l),
textAlign: t("descriptionAlign")
}),
tablet: {".ugb-feature__description": te({}, Object(u.K)("description%s", "tablet", e.attributes), {textAlign: t("descriptionTabletAlign")})},
mobile: {".ugb-feature__description": te({}, Object(u.K)("description%s", "mobile", e.attributes), {textAlign: t("descriptionMobileAlign")})}
});
var _ = e.attributes.showButton;
return (void 0 === _ || _) && (b.push(te({}, Object(u.s)("button%s", "ugb-button", e.attributes))), b.push({
".ugb-button-container": {textAlign: t("buttonAlign", "%s !important")},
tablet: {".ugb-button-container": {textAlign: t("buttonTabletAlign", "%s !important")}},
mobile: {".ugb-button-container": {textAlign: t("buttonMobileAlign", "%s !important")}}
})), n.titleSpacing && b.push.apply(b, Q(Object(u.F)(".ugb-feature__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.descriptionSpacing && b.push.apply(b, Q(Object(u.F)(".ugb-feature__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.buttonSpacing && b.push.apply(b, Q(Object(u.F)(".ugb-button-container", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), Z.a.all(b)
}, oe = n(11), re = n(6), le = n(12), ce = n(13);
function se(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(7), r = n(4);
function l(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(r.addFilter)("stackable.header.design.no-text-attributes", "stackable/header", function (e) {
return Object(o.omit)(e, ["title", "subtitle", "buttonText", "button2Text"])
}), Object(r.addFilter)("stackable.header.design.filtered-block-attributes", "stackable/header", function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? l(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : l(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(o.omit)(e, ["buttonUrl", "buttonNewTab", "buttonNoFollow", "button2Url", "button2NewTab", "button2NoFollow"]))
});
var s = n(22), u = n(2), b = n(0), p = n(8), m = n.n(p), g = n(9);
function d(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(1), i = n(15), o = n(7), r = n(4);
Object(r.addFilter)("stackable.heading.design.no-text-attributes", "stackable/heading", function (e) {
return Object(o.omit)(e, ["title", "subtitle"])
});
var l = n(2), c = function (e) {
var t = e.attributes, n = t.showSubtitle, a = void 0 === n || n, i = t.showTopLine, o = void 0 !== i && i,
l = t.showBottomLine, c = void 0 !== l && l;
return Object(r.applyFilters)("stackable.heading.show", {
subtitleSpacing: a,
topLineSpacing: o,
bottomLineSpacing: c
}, e)
}, s = n(14), u = n.n(s);
function b(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function p(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function m(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? p(n, !0).forEach(function (t) {
g(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : p(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function g(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var d = function (e) {
var t = Object(l.b)(e.attributes), n = c(e), a = e.attributes.columnBackgroundColor, i = void 0 === a ? "" : a,
o = [], s = e.attributes, p = s.titleColor, d = void 0 === p ? "" : p, f = s.showTitle;
if (void 0 === f || f) {
var h = Object(r.applyFilters)("stackable.heading.styles.title.color-selector", ".ugb-heading__title", e);
o.push(g({}, h, {color: Object(l.vb)(d, n.columnBackground && i)})), o.push({
".ugb-heading__title": m({}, Object(l.K)("title%s", "desktop", e.attributes), {textAlign: t("titleAlign") || t("contentAlign")}),
tablet: {".ugb-heading__title": m({}, Object(l.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-heading__title": m({}, Object(l.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign") || t("mobileContentAlign")})}
})
}
var v = e.attributes, y = v.subtitleColor, O = void 0 === y ? "" : y, w = v.showSubtitle;
(void 0 === w || w) && o.push({
".ugb-heading__subtitle": m({}, Object(l.K)("subtitle%s", "desktop", e.attributes), {
color: Object(l.vb)(O, n.columnBackground && i),
textAlign: t("subtitleAlign")
}),
tablet: {".ugb-heading__subtitle": m({}, Object(l.K)("subtitle%s", "tablet", e.attributes), {textAlign: t("subtitleTabletAlign")})},
mobile: {".ugb-heading__subtitle": m({}, Object(l.K)("subtitle%s", "mobile", e.attributes), {textAlign: t("subtitleMobileAlign")})}
});
var _ = e.attributes.showTopLine;
void 0 !== _ && _ && (o.push({
".ugb-heading__top-line": Object(l.d)({
backgroundColor: t("topLineColor"),
height: t("topLineHeight", "%spx"),
width: t("topLineWidth", "%s".concat(t("topLineWidthUnit") || "px"))
})
}), o.push.apply(o, b(Object(l.E)(".ugb-heading__top-line", "topLine%sAlign", e.attributes))));
var j = e.attributes.showBottomLine;
return void 0 !== j && j && (o.push({
".ugb-heading__bottom-line": Object(l.d)({
backgroundColor: t("bottomLineColor"),
height: t("bottomLineHeight", "%spx"),
width: t("bottomLineWidth", "%s".concat(t("bottomLineWidthUnit") || "px"))
})
}), o.push.apply(o, b(Object(l.E)(".ugb-heading__bottom-line", "bottomLine%sAlign", e.attributes)))), o.push.apply(o, b(Object(l.F)(".ugb-heading__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.subtitleSpacing && o.push.apply(o, b(Object(l.F)(".ugb-heading__subtitle", "subtitle%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.topLineSpacing && o.push.apply(o, b(Object(l.F)(".ugb-heading__top-line", "topLine%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.bottomLineSpacing && o.push.apply(o, b(Object(l.F)(".ugb-heading__bottom-line", "bottomLine%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.a.all(o)
}, f = n(3), h = n(10), v = n(8), y = n.n(v), O = n(0), w = n(6), _ = n(12), j = n(9);
function k(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(r.addFilter)("stackable.heading.edit.inspector.style.before", "stackable/heading", function (e, t) {
var n = t.setAttributes, i = t.attributes, o = i.titleTag, r = void 0 === o ? "" : o, s = i.titleColor,
u = void 0 === s ? "" : s, b = i.showSubtitle, p = void 0 === b || b, m = i.subtitleColor,
g = void 0 === m ? "" : m, d = i.showTopLine, h = void 0 !== d && d, v = i.topLineColor,
y = void 0 === v ? "" : v, _ = i.topLineHeight, j = void 0 === _ ? "" : _, C = i.topLineWidth,
x = void 0 === C ? "" : C, E = i.topLineWidthUnit, S = void 0 === E ? "px" : E, B = i.showBottomLine,
T = void 0 !== B && B, P = i.bottomLineColor, A = void 0 === P ? "" : P, N = i.bottomLineHeight,
M = void 0 === N ? "" : N, R = i.bottomLineWidth, F = void 0 === R ? "" : R, D = i.bottomLineWidthUnit,
I = void 0 === D ? "px" : D, z = c(t);
return wp.element.createElement(w.Fragment, null, e, wp.element.createElement(f.fb, {
title: Object(O.__)("General", a.i18n),
initialOpen: !0
}, wp.element.createElement(f.x, {
setAttributes: n,
blockAttributes: t.attributes
})), wp.element.createElement(f.fb, {
title: Object(O.__)("Title", a.i18n),
id: "title",
hasToggle: !1,
onChange: function (e) {
return n({showTitle: e})
}
}, wp.element.createElement(f.M, {
value: r || "h2", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(f.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: r || "h2"
}), wp.element.createElement(f.u, {
value: u, onChange: function (e) {
return n({titleColor: e})
}, label: Object(O.__)("Title Color", a.i18n)
}), wp.element.createElement(f.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(O.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(f.fb, {
title: Object(O.__)("Subtitle", a.i18n),
id: "subtitle",
checked: p,
onChange: function (e) {
return n({showSubtitle: e})
},
toggleOnSetAttributes: [].concat(k(Object(l.I)("subtitle%s")), ["subtitleColor"], k(Object(l.C)("subtitle%sAlign"))),
toggleAttributeName: "showSubtitle"
}, wp.element.createElement(f.vb, {
attrNameTemplate: "subtitle%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(f.u, {
value: g, onChange: function (e) {
return n({subtitleColor: e})
}, label: Object(O.__)("Subtitle Color", a.i18n)
}), wp.element.createElement(f.kb, {
attrNameTemplate: "subtitle%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(O.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(f.fb, {
title: Object(O.__)("Top Line", a.i18n),
id: "topline",
checked: h,
onChange: function (e) {
return n({showTopLine: e})
},
toggleOnSetAttributes: ["topLineColor", "topLineHeight", "topLineWidth"].concat(k(Object(l.C)("topLine%sAlign"))),
toggleAttributeName: "showTopLine"
}, wp.element.createElement(f.u, {
value: y, onChange: function (e) {
return n({topLineColor: e})
}, label: Object(O.__)("Line Color", a.i18n)
}), wp.element.createElement(f.c, {
label: Object(O.__)("Width", a.i18n),
units: ["px", "%"],
min: [1, 1],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: x,
unit: S,
onChange: function (e) {
return n({topLineWidth: e})
},
onChangeUnit: function (e) {
return n({topLineWidthUnit: e})
},
placeholder: "100"
}), wp.element.createElement(f.c, {
label: Object(O.__)("Height", a.i18n),
min: 1,
max: 50,
allowReset: !0,
value: j,
onChange: function (e) {
return n({topLineHeight: e})
},
placeholder: "4"
}), wp.element.createElement(f.kb, {
attrNameTemplate: "topLine%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(O.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(f.fb, {
title: Object(O.__)("Bottom Line", a.i18n),
id: "bottomline",
checked: T,
onChange: function (e) {
return n({showBottomLine: e})
},
toggleOnSetAttributes: ["bottomLineColor", "bottomLineHeight", "bottomLineWidth"].concat(k(Object(l.C)("bottomLine%sAlign"))),
toggleAttributeName: "showBottomLine"
}, wp.element.createElement(f.u, {
value: A, onChange: function (e) {
return n({bottomLineColor: e})
}, label: Object(O.__)("Line Color", a.i18n)
}), wp.element.createElement(f.c, {
label: Object(O.__)("Width", a.i18n),
units: ["px", "%"],
min: [1, 1],
max: [1e3, 100],
step: [1, 1],
allowReset: !0,
value: F,
unit: I,
onChange: function (e) {
return n({bottomLineWidth: e})
},
onChangeUnit: function (e) {
return n({bottomLineWidthUnit: e})
},
placeholder: "100"
}), wp.element.createElement(f.c, {
label: Object(O.__)("Height", a.i18n),
min: 1,
max: 50,
allowReset: !0,
value: M,
onChange: function (e) {
return n({bottomLineHeight: e})
},
placeholder: "4"
}), wp.element.createElement(f.kb, {
attrNameTemplate: "bottomLine%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(O.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-description"
}))), wp.element.createElement(f.gb, {
initialOpen: !1,
blockProps: t
}, z.topLineSpacing && wp.element.createElement(f.kb, {
attrNameTemplate: "topLine%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.c, {
label: Object(O.__)("Top Line", a.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing"
})), wp.element.createElement(f.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.c, {
label: Object(O.__)("Title", a.i18n),
min: -50,
max: 100,
placeholder: "8",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
})), z.subtitleSpacing && wp.element.createElement(f.kb, {
attrNameTemplate: "subtitle%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.c, {
label: Object(O.__)("Subtitle", a.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
})), z.bottomLineSpacing && wp.element.createElement(f.kb, {
attrNameTemplate: "bottomLine%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.c, {
label: Object(O.__)("Bottom Line", a.i18n),
min: 0,
max: 100,
placeholder: "0",
allowReset: !0,
className: "ugb--help-tip-spacing"
}))))
});
var C = Object(_.compose)(h.i, h.g, h.d, Object(h.h)(["style", "advanced"]), Object(h.c)(["Title%sAlign", "Subtitle%sAlign", "TopLine%sAlign", "BottomLine%sAlign"]), Object(h.a)(d, {editorMode: !0}), Object(h.b)([[".ugb-heading__title", "title"], [".ugb-heading__subtitle", "subtitle"], [".ugb-heading__top-line", "topline"], [".ugb-heading__bottom-line", "bottomline"]]))(function (e) {
var t = e.className, n = e.setAttributes, i = e.attributes, o = i.titleTag, c = void 0 === o ? "" : o,
s = i.title, u = void 0 === s ? "" : s, b = i.showSubtitle, p = void 0 === b ? "" : b, m = i.subtitle,
g = void 0 === m ? "" : m, d = i.showTopLine, h = void 0 !== d && d, v = i.showBottomLine,
_ = void 0 !== v && v, k = y()([t], Object(r.applyFilters)("stackable.heading.mainclasses", {}, e));
return wp.element.createElement(f.k.Edit, {
className: k, blockProps: e, render: function () {
return wp.element.createElement(w.Fragment, null, h && wp.element.createElement("div", {className: "ugb-heading__top-line"}), wp.element.createElement(j.RichText, {
tagName: c || "h2",
className: "ugb-heading__title",
value: u,
onChange: function (e) {
return n({title: e})
},
placeholder: Object(O.__)("Title for This Block", a.i18n),
keepPlaceholderOnFocus: !0
}), p && wp.element.createElement(j.RichText, {
tagName: "p",
className: "ugb-heading__subtitle",
value: g,
onChange: function (e) {
return n({subtitle: e})
},
placeholder: Object(l.M)("short"),
keepPlaceholderOnFocus: !0
}), _ && wp.element.createElement("div", {className: "ugb-heading__bottom-line"}))
}
})
}), x = Object(_.compose)(h.i, Object(h.a)(d))(function (e) {
var t = e.attributes, n = e.className, a = t.titleTag, i = void 0 === a ? "" : a, o = t.title, l = t.showTitle,
c = void 0 === l || l, s = t.showSubtitle, u = void 0 === s || s, b = t.subtitle, p = void 0 === b ? "" : b,
m = t.showTopLine, g = void 0 !== m && m, d = t.showBottomLine, h = void 0 !== d && d,
v = y()([n], Object(r.applyFilters)("stackable.heading.mainclasses", {}, e));
return wp.element.createElement(f.k.Save, {
className: v, blockProps: e, render: function () {
return wp.element.createElement(w.Fragment, null, g && wp.element.createElement("div", {className: "ugb-heading__top-line"}), c && !j.RichText.isEmpty(o) && wp.element.createElement(j.RichText.Content, {
tagName: i || "h2",
className: "ugb-heading__title",
value: o
}), u && !j.RichText.isEmpty(p) && wp.element.createElement(j.RichText.Content, {
tagName: "p",
className: "ugb-heading__subtitle",
value: p
}), h && wp.element.createElement("div", {className: "ugb-heading__bottom-line"}))
}
})
}), E = [];
function S(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function B(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(1), i = n(15), o = n(7), r = n(4);
Object(r.addFilter)("stackable.icon.design.no-text-attributes", "stackable/icon", function (e) {
return Object(o.omit)(e, ["icon1", "icon2", "icon3", "icon4", "icon5", "icon6", "icon7", "icon8", "url1", "url2", "url3", "url4", "url5", "url6", "url7", "url8", "newTab1", "newTab2", "newTab3", "newTab4", "newTab5", "newTab6", "newTab7", "newTab8", "noFollow1", "noFollow2", "noFollow3", "noFollow4", "noFollow5", "noFollow6", "noFollow7", "noFollow8", "title1", "title2", "title3", "title4", "title5", "title6", "title7", "title8"])
});
var l = n(2), c = function (e) {
var t = e.attributes.showTitle, n = void 0 === t || t;
return Object(r.applyFilters)("stackable.icon.show", {titleSpacing: n, iconAlign: n}, e)
}, s = n(14), u = n.n(s);
function b(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function p(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function m(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? p(n, !0).forEach(function (t) {
g(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : p(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function g(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var d = function (e) {
var t = Object(l.b)(e.attributes), n = c(e), a = [];
a.push({
"": Object(l.d)({justifyContent: Object(l.eb)(t("contentAlign"))}),
tablet: {"": Object(l.d)({justifyContent: Object(l.eb)(t("tabletContentAlign"))})},
mobile: {"": Object(l.d)({justifyContent: Object(l.eb)(t("mobileContentAlign"))})}
});
var i = e.attributes, o = i.columnPaddingUnit, r = void 0 === o ? "px" : o, s = i.tabletColumnPaddingUnit,
p = void 0 === s ? "px" : s, g = i.mobileColumnPaddingUnit, d = void 0 === g ? "px" : g;
a.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(r)),
paddingBottom: t("columnPaddingBottom", "%s".concat(r)),
paddingRight: t("columnPaddingRight", "%s".concat(r)),
paddingLeft: t("columnPaddingLeft", "%s".concat(r))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(p)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(p)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(p)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(p))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(d)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(d)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(d)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(d))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-icon__content-wrapper": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(r)),
paddingBottom: t("columnPaddingBottom", "%s".concat(r)),
paddingRight: t("columnPaddingRight", "%s".concat(r)),
paddingLeft: t("columnPaddingLeft", "%s".concat(r))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-icon__content-wrapper": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(p)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(p)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(p)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(p))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-icon__content-wrapper": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(d)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(d)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(d)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(d))
})
}
}
}), a.push(m({}, Object(l.v)("icon%s", "ugb-icon__icon", e.attributes))), n.iconAlign && a.push({
".ugb-icon__icon": Object(l.d)({alignSelf: Object(l.eb)(t("iconAlign"))}),
tablet: {".ugb-icon__icon": Object(l.d)({alignSelf: Object(l.eb)(t("tabletIconAlign"))})},
mobile: {".ugb-icon__icon": Object(l.d)({alignSelf: Object(l.eb)(t("mobileIconAlign"))})}
});
var f = e.attributes.showTitle;
return (void 0 === f || f) && a.push({
".ugb-icon__title": m({color: t("titleColor")}, Object(l.K)("title%s", "desktop", e.attributes), {textAlign: t("titleAlign") || t("contentAlign")}),
tablet: {".ugb-icon__title": m({}, Object(l.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-icon__title": m({}, Object(l.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign") || t("mobileContentAlign")})}
}), a.push.apply(a, b(Object(l.F)(".ugb-icon__icon", "icon%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.titleSpacing && a.push.apply(a, b(Object(l.F)(".ugb-icon__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), a.push.apply(a, b(Object(l.F)(".ugb-icon__content-wrapper", "%scolumnGap", "columnGap", "%spx", e.attributes, {important: !0}))), u.a.all(a)
}, f = n(3), h = n(10), v = n(8), y = n.n(v), O = n(11), w = n(0), _ = n(6), j = n(12), k = n(9);
function C(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function x(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
function E(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(r.addFilter)("stackable.icon.edit.inspector.style.before", "stackable/icon", function (e, t) {
var n = t.setAttributes, i = t.attributes, r = i.columns, s = i.showTitle, u = void 0 !== s && s,
b = i.titleTop, p = void 0 !== b && b, m = i.titleTag, g = void 0 === m ? "" : m, d = i.titleColor,
h = void 0 === d ? "" : d, v = c(t);
return wp.element.createElement(_.Fragment, null, e, wp.element.createElement(f.fb, {
title: Object(w.__)("General", a.i18n),
initialOpen: !0
}, wp.element.createElement(f.c, {
label: Object(w.__)("Number of Icons / Columns", a.i18n),
value: r,
onChange: function (e) {
return n({columns: e})
},
min: 1,
max: 8,
placeholder: "1",
className: "ugb--help-tip-general-columns"
}), wp.element.createElement(f.x, {
setAttributes: n,
blockAttributes: t.attributes
})), wp.element.createElement(f.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(f.kb, {
attrNameTemplate: "icon%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.v, {
label: Object(w.__)("Paddings", a.i18n),
setAttributes: n,
attributes: t.attributes
}), wp.element.createElement(f.c, {
label: Object(w.__)("Icon", a.i18n),
min: -50,
max: 100,
placeholder: "0",
allowReset: !0,
className: "ugb--help-tip-spacing-icon"
})), v.titleSpacing && wp.element.createElement(f.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.c, {
label: Object(w.__)("Title", a.i18n),
min: -50,
max: 100,
placeholder: "0",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
}))), wp.element.createElement(f.fb, {
title: Object(w.__)("Icon", a.i18n),
id: "icon",
hasToggle: !1
}, wp.element.createElement(f.P, {
attrNameTemplate: "icon%s",
setAttributes: n,
blockAttributes: t.attributes,
onChangeIcon: !1,
numPaths: Math.max.apply(Math, E(Object.values(Object(o.pick)(t.attributes, ["icon1", "icon2", "icon3", "icon4", "icon5", "icon6", "icon7", "icon8"])).map(function (e) {
return Object(l.lb)(e) || 1
})))
}), v.iconAlign && wp.element.createElement(f.y, null), v.iconAlign && wp.element.createElement(f.kb, {
attrNameTemplate: "Icon%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(w.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-icon"
}))), wp.element.createElement(f.fb, {
title: Object(w.__)("Title", a.i18n),
id: "title",
checked: u,
onChange: function (e) {
return n({showTitle: e})
},
toggleOnSetAttributes: [].concat(E(Object(l.I)("title%s")), ["titleTag", "titleColor"], E(Object(l.C)("Title%sAlign"))),
toggleAttributeName: "showTitle"
}, wp.element.createElement(O.ToggleControl, {
label: Object(w.__)("Title on Top", a.i18n),
checked: p,
onChange: function (e) {
return n({titleTop: e})
}
}), wp.element.createElement(f.M, {
value: g || "h5", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(f.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: g || "h5"
}), wp.element.createElement(f.u, {
value: h, onChange: function (e) {
return n({titleColor: e})
}, label: Object(w.__)("Title Color", a.i18n)
}), wp.element.createElement(f.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(f.f, {
label: Object(w.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-title"
}))))
});
var S = Object(j.compose)(h.i, h.g, h.d, Object(h.h)(), Object(h.c)(["Icon%sAlign", "Title%sAlign"]), Object(h.a)(d, {editorMode: !0}), Object(h.b)([[".ugb-icon__item", "column-background"], [".ugb-icon-inner-svg svg", "icon"], [".ugb-icon__title", "title"]]))(function (e) {
var t = e.className, n = e.setAttributes, i = e.attributes, l = e.isSelected, s = e.attributes, u = s.design,
b = void 0 === u ? "basic" : u, p = s.columns, m = void 0 === p ? 1 : p, g = s.showTitle,
d = void 0 !== g && g, h = s.titleTop, v = void 0 !== h && h, O = s.titleTag, j = void 0 === O ? "" : O,
E = x(Object(_.useState)(!1), 2), S = E[0], B = E[1], T = x(Object(_.useState)("bottom center"), 2),
P = T[0], A = T[1], N = x(Object(_.useState)(null), 2), M = N[0], R = N[1], F = c(e),
D = y()([t, "ugb-icon--design-".concat(b)], Object(r.applyFilters)("stackable.icon.mainclasses", {}, e)),
I = function () {
var e = document.querySelector(".ugb-icon-popover");
e && (e.classList.contains("is-from-top") ? A("top center") : e.classList.contains("is-from-bottom") && A("bottom center"))
};
Object(_.useEffect)(function () {
return l && !M ? R(setInterval(I, 500)) : !l && M && (clearInterval(M), R(null)), function () {
M && clearInterval(M)
}
}, [l]);
var z = function (e) {
if (e) {
var t = document.querySelector(".ugb-icon-popover"), n = new MutationObserver(function () {
t.classList.contains("is-from-top") ? (A("top center"), n.disconnect()) : t.classList.contains("is-from-bottom") && (A("bottom center"), n.disconnect())
});
n.observe(t, {attributes: !0})
}
};
return wp.element.createElement(f.k.Edit, {
className: D, blockProps: e, render: function () {
return wp.element.createElement(_.Fragment, null, wp.element.createElement("div", {className: "ugb-icon__content-wrapper"}, Object(o.range)(1, m + 1).map(function (t) {
var o = i["icon".concat(t)], c = i["title".concat(t)],
s = y()(["ugb-icon__item", "ugb-icon__item".concat(t)], Object(r.applyFilters)("stackable.icon.boxclasses", {}, e)),
u = wp.element.createElement("div", {
key: "icon",
className: "ugb-icon__icon"
}, wp.element.createElement(f.tb, {
attrNameTemplate: "icon%s",
blockAttributes: e.attributes,
value: o,
onChange: function (e) {
return n(C({}, "icon".concat(t), e))
},
onToggle: z
})), b = d && wp.element.createElement(k.RichText, {
key: "title",
tagName: j || "h5",
className: "ugb-icon__title",
value: c,
placeholder: Object(w.__)("Title", a.i18n),
onChange: function (e) {
return n(C({}, "title".concat(t), e))
},
keepPlaceholderOnFocus: !0
}), p = [u, b];
return v && (p = [b, u]), wp.element.createElement(f.G, {
className: s,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: F.columnBackground,
onClick: function () {
return B(t)
},
key: t
}, p, l && S === t && wp.element.createElement(f.xb, {
value: i["url".concat(t)],
onChange: function (e) {
return n(C({}, "url".concat(t), e))
},
newTab: i["newTab".concat(t)],
noFollow: i["noFollow".concat(t)],
onChangeNewTab: function (e) {
return n(C({}, "newTab".concat(t), e))
},
onChangeNoFollow: function (e) {
return n(C({}, "noFollow".concat(t), e))
},
position: P
}))
})))
}
})
});
function B() {
return (B = Object.assign || function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a])
}
return e
}).apply(this, arguments)
}
var T = Object(j.compose)(h.i, Object(h.a)(d))(function (e) {
var t = e.attributes, n = e.className, a = t.columns, i = void 0 === a ? 1 : a, l = t.design,
s = void 0 === l ? "basic" : l, u = t.showTitle, b = void 0 !== u && u, p = t.titleTop,
m = void 0 !== p && p, g = t.titleTag, d = void 0 === g ? "" : g,
h = y()([n, "ugb-icon--v2", "ugb-icon--design-".concat(s)], Object(r.applyFilters)("stackable.icon.mainclasses", {}, e)),
v = c(e);
return wp.element.createElement(f.k.Save, {
className: h, blockProps: e, render: function () {
return wp.element.createElement(_.Fragment, null, wp.element.createElement("div", {className: "ugb-icon__content-wrapper"}, Object(o.range)(1, i + 1).map(function (n) {
var a = t["icon".concat(n)], i = t["title".concat(n)], o = t["url".concat(n)],
l = t["newTab".concat(n)], c = t["noFollow".concat(n)],
s = y()(["ugb-icon__item", "ugb-icon__item".concat(n)], Object(r.applyFilters)("stackable.icon.boxclasses", {}, e)),
u = o ? "a" : "div", p = {};
o && (p.href = o), l ? (p.target = "_blank", p.rel = "noopener noreferrer", c && (p.rel += " nofollow")) : c && (p.rel = "nofollow");
var g = wp.element.createElement(u, B({
key: "icon",
className: "ugb-icon__icon"
}, p), wp.element.createElement(f.sb.Content, {
attrNameTemplate: "icon%s",
blockAttributes: e.attributes,
value: a
})), h = b && !k.RichText.isEmpty(i) && wp.element.createElement(k.RichText.Content, {
key: "title",
tagName: d || "h5",
className: "ugb-icon__title",
value: i
}), O = [g, h];
return m && (O = [h, g]), wp.element.createElement(f.G, {
key: n,
className: s,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: v.columnBackground
}, O)
})))
}
})
}), P = [];
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(7), o = n(4);
Object(o.addFilter)("stackable.number-box.design.no-text-attributes", "stackable/number-box", function (e) {
return Object(i.omit)(e, ["num1", "num2", "num3", "title1", "title2", "title3", "description1", "description2", "description3"])
});
var r = n(2), l = n(0), c = n(8), s = n.n(c), u = n(9);
function b(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function p(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var m = [{
attributes: {
num1: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(1) .ugb-number-box__number",
default: "01"
},
num2: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(2) .ugb-number-box__number",
default: "02"
},
num3: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(3) .ugb-number-box__number",
default: "03"
},
title1: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(1) .ugb-number-box__title",
default: Object(l.__)("Title")
},
title2: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(2) .ugb-number-box__title",
default: Object(l.__)("Title")
},
title3: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(3) .ugb-number-box__title",
default: Object(l.__)("Title")
},
description1: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(1) .ugb-number-box__description",
default: Object(r.M)()
},
description2: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(2) .ugb-number-box__description",
default: Object(r.M)()
},
description3: {
source: "html",
selector: ".ugb-number-box__item:nth-of-type(3) .ugb-number-box__description",
default: Object(r.M)()
},
numberColor: {type: "string"},
numberBGColor: {type: "string"},
titleColor: {type: "string"},
descriptionColor: {type: "string"},
columns: {type: "number", default: 3},
design: {type: "string", default: "basic"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
backgroundColor: {type: "string"},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""},
numberBox: {type: "string"},
numberBoxTwo: {type: "string"},
numberBoxThree: {type: "string"},
name: {type: "string"},
nameTwo: {type: "string"},
nameThree: {type: "string"},
body: {type: "string"},
bodyTwo: {type: "string"},
bodyThree: {type: "string"},
numberBoxColor: {type: "string"},
nameColor: {type: "string"},
bodyTextColor: {type: "string"}
}, save: function (e) {
var t = e.className, n = e.attributes, a = n.numberColor, l = n.titleColor, c = n.descriptionColor,
b = n.numberBGColor, m = n.columns, g = void 0 === m ? 3 : m, d = n.design,
f = void 0 === d ? "basic" : d, h = n.borderRadius, v = void 0 === h ? 12 : h, y = n.shadow,
O = void 0 === y ? 3 : y, w = n.backgroundColor,
_ = s()([t, "ugb-number-box", "ugb-number-box--v2", "ugb-number-box--columns-".concat(g)], Object(o.applyFilters)("stackable.number-box.mainclasses_1_15", p({}, "ugb-number-box--design-".concat(f), "basic" !== f), f, e));
return wp.element.createElement("div", {className: _}, Object(o.applyFilters)("stackable.number-box.save.output.before_1_15", null, f, e), Object(i.range)(1, g + 1).map(function (t) {
var i = n["num".concat(t)], m = n["title".concat(t)], g = n["description".concat(t)],
d = s()(["ugb-number-box__item"], Object(o.applyFilters)("stackable.number-box.boxclasses_1_15", p({}, "ugb--shadow-".concat(O), "plain" !== f && 3 !== O), f, e)),
h = Object(o.applyFilters)("stackable.number-box.styles_1_15", {
box: {
borderRadius: "plain" !== f && 12 !== v ? v : void 0,
backgroundColor: "plain" !== f && w ? w : void 0
},
number: {
backgroundColor: b,
color: a || (b ? Object(r.bb)(b) ? "#ffffff" : "#222222" : void 0)
},
title: {color: l || ("plain" === f ? void 0 : w ? Object(r.bb)(w) ? "#ffffff" : "#222222" : void 0)},
description: {color: c || ("plain" === f ? void 0 : w ? Object(r.bb)(w) ? "#ffffff" : "#222222" : void 0)}
}, f, e);
return wp.element.createElement("div", {
className: d,
style: h.box,
key: t
}, !u.RichText.isEmpty(i) && wp.element.createElement(u.RichText.Content, {
tagName: "span",
className: "ugb-number-box__number",
style: h.number,
value: i
}), (!u.RichText.isEmpty(m) || !u.RichText.isEmpty(g)) && wp.element.createElement("div", {className: "ugb-number-box__content"}, !u.RichText.isEmpty(m) && wp.element.createElement(u.RichText.Content, {
tagName: "h4",
className: "ugb-number-box__title",
style: h.title,
value: m
}), !u.RichText.isEmpty(g) && wp.element.createElement(u.RichText.Content, {
tagName: "p",
className: "ugb-number-box__description",
style: h.description,
value: g
})))
}), Object(o.applyFilters)("stackable.number-box.save.output.after_1_15", null, f, e))
}, migrate: function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? b(n, !0).forEach(function (t) {
p(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : b(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
columns: e.columns ? e.columns : 3,
columnBackgroundColor: e.backgroundColor ? e.backgroundColor : void 0,
backgroundColor: void 0
})
}
}], g = n(3), d = n(10), f = n(1), h = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.numberStyle,
r = void 0 === i ? "" : i, l = t.showNumber, c = void 0 === l || l, s = t.showTitle, u = void 0 === s || s,
b = t.showDescription, p = void 0 === b || b;
return Object(o.applyFilters)("stackable.number-box.show", {
backgroundColor: "plain" !== a,
borderRadius: "plain" !== a,
border: "plain" !== a && "faded" !== a,
shadow: "plain" !== a,
numberColor: !0,
numberBGColor: ("basic" === a || "plain" === a) && "none" !== r,
numberStyle: !0,
columnBackground: "plain" !== a,
numberSpacing: c,
titleSpacing: u,
descriptionSpacing: p
}, e)
}, v = n(14), y = n.n(v);
function O(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function c(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
Object(i.addFilter)("stackable.pricing-box.design.no-text-attributes", "stackable/pricing-box", function (e) {
return Object(a.omit)(e, ["title1", "title2", "title3", "pricePrefix1", "pricePrefix2", "pricePrefix3", "price1", "price2", "price3", "priceSuffix1", "priceSuffix2", "priceSuffix3", "subPrice1", "subPrice2", "subPrice3", "button1Text", "button2Text", "button3Text", "description1", "description2", "description3"])
}), Object(i.addFilter)("stackable.pricing-box.design.filtered-block-attributes", "stackable/pricing-box", function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
return l({}, Object(a.omit)(e, ["image1Id"].concat(o(t && t.image1Id ? ["image1Url"] : []), ["image2Id"], o(t && t.image2Id ? ["image2Url"] : []), ["image3Id"], o(t && t.image3Id ? ["image3Url"] : []), ["image1Alt", "image2Alt", "image3Alt", "button1Url", "button1NewTab", "button1NoFollow", "button2Url", "button2NewTab", "button2NoFollow", "button3Url", "button3NewTab", "button3NoFollow"])))
});
var s = n(22), u = n(2), b = n(8), p = n.n(b), m = n(19), g = n.n(m), d = n(1), f = n(0), h = n(6), v = n(9);
function y(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function O(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var w = {
pricingBoxColor: {type: "string"},
priceColor: {type: "string"},
perMonthLabelColor: {type: "string"},
buttonColor: {type: "string"},
buttonTextColor: {type: "string"},
buttonDesign: {type: "string", default: "basic"},
buttonIcon: {type: "string"},
featureListColor: {type: "string"},
columns: {type: "number", default: 2},
size: {type: "string", default: "normal"},
cornerButtonRadius: {type: "number", default: 4},
design: {type: "string", default: "basic"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
hoverEffect: {type: "string", default: ""},
align: {type: "string"},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
};
[1, 2, 3].forEach(function (e) {
var t = 1 === e ? "" : e;
w["url".concat(t)] = {
type: "string",
source: "attribute",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-button"),
attribute: "href",
default: ""
}, w["newTab".concat(t)] = {
type: "boolean",
source: "attribute",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-button"),
attribute: "target",
default: !1
}, w["imageURL".concat(t)] = {type: "string"}, w["imageID".concat(t)] = {type: "string"}, w["imageAlt".concat(t)] = {type: "string"}, w["highlightColor".concat(t)] = {
type: "string",
default: ""
}, w["pricingBoxTitle".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__title"),
default: Object(f.__)("Title", d.i18n)
}, w["price".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__price"),
default: "".concat(t, "9")
}, w["pricePrefix".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__price-prefix"),
default: "$"
}, w["priceSuffix".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__price-suffix"),
default: ".00"
}, w["perMonthLabel".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__subprice"),
default: Object(f.__)("Description", d.i18n)
}, w["buttonText".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-button span"),
default: Object(f.__)("Button text", d.i18n)
}, w["featureList".concat(t)] = {
source: "html",
selector: ".ugb-pricing-box__item:nth-of-type(".concat(e, ") .ugb-pricing-box__description"),
default: Object(u.M)("medium")
}
});
var _ = [{
attributes: w, save: function (e) {
var t = e.className, n = e.attributes, a = n.pricingBoxColor, o = n.priceColor, r = n.perMonthLabelColor,
l = n.buttonColor, c = n.buttonTextColor, b = n.buttonDesign, m = n.buttonIcon, d = n.featureListColor,
f = n.columns, y = void 0 === f ? 2 : f, w = n.size, _ = n.cornerButtonRadius, j = n.design,
k = void 0 === j ? "basic" : j, C = n.borderRadius, x = void 0 === C ? 12 : C, E = n.shadow,
S = void 0 === E ? 3 : E,
B = p()([t, "ugb-pricing-box", "ugb-pricing-box--v2", "ugb-pricing-box--columns-".concat(y), "ugb-pricing-box--design-".concat(k)], Object(i.applyFilters)("stackable.pricing-box.mainclasses_1_17_3", {}, k, e));
return wp.element.createElement("div", {className: B}, Object(i.applyFilters)("stackable.pricing-box.save.output.before_1_17_3", null, k, e), Object(u.nb)(1, y + 1).map(function (t) {
var f, y, j, C, E, B, T, P, A = 1 === t ? "" : t, N = n["pricingBoxTitle".concat(A)],
M = n["price".concat(A)], R = n["pricePrefix".concat(A)], F = n["priceSuffix".concat(A)],
D = n["perMonthLabel".concat(A)], I = n["url".concat(A)], z = n["newTab".concat(A)],
L = n["buttonText".concat(A)], U = n["featureList".concat(A)], H = n["imageURL".concat(A)],
W = n["imageAlt".concat(A)], G = n["highlightColor".concat(A)] || "",
V = p()(["ugb-pricing-box__item"], Object(i.applyFilters)("stackable.pricing-box.itemclasses_1_17_3", (O(f = {}, "ugb--shadow-".concat(S), "plain" !== k && 3 !== S), O(f, "ugb-pricing-box--highlighted", "plain" !== k && G), O(f, "ugb-pricing-box--is-dark", !("plain" === k || !G) && Object(u.bb)(G)), f), k, t, e)),
q = Object(i.applyFilters)("stackable.pricing-box.styles_1_17_3", {
item: {
borderRadius: "plain" !== k && 12 !== x ? x : void 0,
backgroundColor: "plain" !== k && G ? G : void 0
}, title: {color: a}, price: {color: o}, month: {color: r}, description: {color: d}
}, k, t, e);
return wp.element.createElement("div", {
className: V,
style: q.item,
key: t
}, (y = H && wp.element.createElement("div", {className: "ugb-pricing-box__image"}, wp.element.createElement("img", {
src: H,
alt: g()(N || W)
})), j = H && wp.element.createElement("div", {
className: "ugb-pricing-box__image-bg",
style: {backgroundImage: "url(".concat(H, ")")}
}), C = !v.RichText.isEmpty(N) && wp.element.createElement(v.RichText.Content, {
tagName: "h3",
className: "ugb-pricing-box__title",
style: q.title,
value: N
}), E = (!v.RichText.isEmpty(M) || !v.RichText.isEmpty(D)) && wp.element.createElement("div", {className: "ugb-pricing-box__price-wrapper"}, !v.RichText.isEmpty(M) && wp.element.createElement("div", {className: "ugb-pricing-box__price-line"}, !v.RichText.isEmpty(R) && wp.element.createElement(v.RichText.Content, {
tagName: "span",
className: "ugb-pricing-box__price-prefix",
style: q.price,
value: R
}), wp.element.createElement(v.RichText.Content, {
tagName: "span",
className: "ugb-pricing-box__price",
style: q.price,
value: M
}), !v.RichText.isEmpty(F) && wp.element.createElement(v.RichText.Content, {
tagName: "span",
className: "ugb-pricing-box__price-suffix",
style: q.price,
value: F
})), !v.RichText.isEmpty(D) && wp.element.createElement(v.RichText.Content, {
tagName: "p",
className: "ugb-pricing-box__subprice",
style: q.month,
value: D
})), B = L && !!L.length && wp.element.createElement("div", {className: "ugb-pricing-box__button"}, wp.element.createElement(s.b, {
size: w,
url: I,
newTab: z,
color: c,
text: L,
design: b,
icon: m,
backgroundColor: l,
borderRadius: _
})), T = !v.RichText.isEmpty(U) && wp.element.createElement(v.RichText.Content, {
tagName: "p",
className: "ugb-pricing-box__description",
style: q.description,
value: U
}), P = {
imageComp: y,
imageBGComp: j,
titleComp: C,
priceComp: E,
buttonComp: B,
descriptionComp: T
}, Object(i.applyFilters)("stackable.pricing-box.save.output_1_17_3", wp.element.createElement(h.Fragment, null, y, C, E, B, T), k, P, t, e)))
}), Object(i.applyFilters)("stackable.pricing-box.save.output.after_1_17_3", null, k, e))
}, migrate: function (e) {
var t = e.design, n = void 0 === t ? "basic" : t;
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? y(n, !0).forEach(function (t) {
O(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : y(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
titleColor: e.pricingBoxColor,
priceColor: e.priceColor,
subPriceColor: e.perMonthLabelColor,
buttonBackgroundColor: e.buttonColor,
descriptionColor: e.featureListColor,
buttonSize: e.size,
buttonBorderRadius: e.cornerButtonRadius,
button1Url: e.url,
button2Url: e.url2,
button3Url: e.url3,
button1NewTab: e.newTab,
button2NewTab: e.newTab2,
button3NewTab: e.newTab3,
image1Url: e.imageURL,
image2Url: e.imageURL2,
image3Url: e.imageURL3,
image1Id: e.imageID,
image2Id: e.imageID2,
image3Id: e.imageID3,
image1Alt: e.imageAlt,
image2Alt: e.imageAlt2,
image3Alt: e.imageAlt3,
column1BackgroundColor: ["sectioned", "colored"].includes(n) ? "" : e.highlightColor,
column2BackgroundColor: ["sectioned", "colored"].includes(n) ? "" : e.highlightColor2,
column3BackgroundColor: ["sectioned", "colored"].includes(n) ? "" : e.highlightColor3,
column1HeaderBackgroundColor: ["sectioned", "colored"].includes(n) ? e.highlightColor : "",
column2HeaderBackgroundColor: ["sectioned", "colored"].includes(n) ? e.highlightColor2 : "",
column3HeaderBackgroundColor: ["sectioned", "colored"].includes(n) ? e.highlightColor3 : "",
title1: e.pricingBoxTitle,
title2: e.pricingBoxTitle2,
title3: e.pricingBoxTitle3,
price1: e.price,
price2: e.price2,
price3: e.price3,
pricePrefix1: e.pricePrefix,
pricePrefix2: e.pricePrefix2,
pricePrefix3: e.pricePrefix3,
priceSuffix1: e.priceSuffix,
priceSuffix2: e.priceSuffix2,
priceSuffix3: e.priceSuffix3,
subPrice1: e.perMonthLabel,
subPrice2: e.perMonthLabel2,
subPrice3: e.perMonthLabel3,
button1Text: e.buttonText,
button2Text: e.buttonText2,
button3Text: e.buttonText3,
description1: e.featureList,
description2: e.featureList2,
description3: e.featureList3
})
}
}], j = n(364), k = n.n(j), C = n(365), x = n.n(C), E = n(366), S = n.n(E), B = n(367), T = n.n(B), P = n(368),
A = n.n(P), N = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, o = t.showImage, r = void 0 === o || o,
l = t.showTitle, c = void 0 === l || l, s = t.showPrice, u = void 0 === s || s, b = t.showSubPrice,
p = void 0 === b || b, m = t.showButton, g = void 0 === m || m, d = t.showDescription,
f = void 0 === d || d;
return Object(i.applyFilters)("stackable.pricing-box.show", {
columnBackground: "plain" !== a,
borderRadius: "plain" !== a,
border: "plain" !== a,
shadow: "plain" !== a,
imageSettings: "sectioned" !== a,
imageSpacing: r,
titleSpacing: c,
priceSpacing: u,
subPriceSpacing: p,
buttonSpacing: g,
descriptionSpacing: f
}, e)
}, M = n(14), R = n.n(M);
function F(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function D(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function I(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? D(n, !0).forEach(function (t) {
z(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : D(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function z(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var L = function (e) {
var t = Object(u.b)(e.attributes), n = N(e), a = e.attributes, i = a.columnBackgroundColor,
o = void 0 === i ? "" : i, r = a.showImage, l = void 0 === r || r, c = a.imageAlign,
s = void 0 === c ? "" : c, b = a.contentAlign, p = void 0 === b ? "" : b, m = a.imageTabletAlign,
g = void 0 === m ? "" : m, d = a.tabletContentAlign, f = void 0 === d ? "" : d, h = a.imageMobileAlign,
v = void 0 === h ? "" : h, y = a.mobileContentAlign, O = void 0 === y ? "" : y, w = [];
n.columnBackground && w.push({".ugb-pricing-box__item": {borderRadius: t("borderRadius", "%spx !important")}}), n.border && w.push(I({}, Object(u.p)("column%s", ".ugb-pricing-box__item", e.attributes))), w.push(I({}, n.columnBackground ? Object(u.m)("column%s", "ugb-pricing-box__item", e.attributes, {importantBackgroundColor: !0}) : {}));
var _ = e.attributes, j = _.columnPaddingUnit, k = void 0 === j ? "px" : j, C = _.tabletColumnPaddingUnit,
x = void 0 === C ? "px" : C, E = _.mobileColumnPaddingUnit, S = void 0 === E ? "px" : E;
w.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(k)),
paddingBottom: t("columnPaddingBottom", "%s".concat(k)),
paddingRight: t("columnPaddingRight", "%s".concat(k)),
paddingLeft: t("columnPaddingLeft", "%s".concat(k))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(x)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(x)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(x)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(x))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(S)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(S)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(S)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(S))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-pricing-box__item": Object(u.d)({
paddingTop: t("columnPaddingTop", "%s".concat(k)),
paddingBottom: t("columnPaddingBottom", "%s".concat(k)),
paddingRight: t("columnPaddingRight", "%s".concat(k)),
paddingLeft: t("columnPaddingLeft", "%s".concat(k))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-pricing-box__item": Object(u.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(x)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(x)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(x)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(x))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-pricing-box__item": Object(u.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(S)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(S)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(S)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(S))
})
}
}
}), l && (w.push(I({}, Object(u.B)("image%s", "ugb-img", e.attributes, {inherit: !1}))), w.push({
".ugb-img, .ugb-pricing-box__image": {
marginLeft: "" !== s || "" !== p ? Object(u.hb)(s || p) + " !important" : void 0,
marginRight: "" !== s || "" !== p ? Object(u.ib)(s || p) + " !important" : void 0
},
tablet: {
".ugb-img, .ugb-pricing-box__image": {
marginLeft: "" !== g || "" !== f ? Object(u.hb)(g || f) + " !important" : void 0,
marginRight: "" !== g || "" !== f ? Object(u.ib)(g || f) + " !important" : void 0
}
},
mobile: {
".ugb-img, .ugb-pricing-box__image": {
marginLeft: "" !== v || "" !== O ? Object(u.hb)(v || O) + " !important" : void 0,
marginRight: "" !== v || "" !== O ? Object(u.ib)(v || O) + " !important" : void 0
}
}
}));
var B = e.attributes, T = B.titleColor, P = void 0 === T ? "" : T, A = B.showTitle;
(void 0 === A || A) && (w.push({".ugb-pricing-box__title": {color: Object(u.vb)(P, n.columnBackground && o)}}), w.push({
".ugb-pricing-box__title": I({}, Object(u.K)("title%s", "desktop", e.attributes), {textAlign: t("titleAlign") || t("contentAlign")}),
tablet: {".ugb-pricing-box__title": I({}, Object(u.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-pricing-box__title": I({}, Object(u.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign") || t("mobileContentAlign")})}
}));
var M = e.attributes, D = M.priceColor, z = void 0 === D ? "" : D, L = M.showPrice, U = void 0 === L || L;
if (U) {
w.push({".ugb-pricing-box__price, .ugb-pricing-box__price-prefix, .ugb-pricing-box__price-suffix": {color: Object(u.vb)(z, n.columnBackground && o)}});
var H = t("priceAlign") || t("contentAlign"), W = t("priceTabletAlign") || t("tabletContentAlign"),
G = t("priceMobileAlign") || t("mobileContentAlign");
w.push({
".ugb-pricing-box__price-line": I({}, Object(u.K)("price%s", "desktop", e.attributes), {justifyContent: Object(u.c)("center" === H ? "center" : "left" === H ? "flex-start" : "right" === H ? "flex-end" : void 0)}),
tablet: {".ugb-pricing-box__price-line": I({}, Object(u.K)("price%s", "tablet", e.attributes), {justifyContent: Object(u.c)("center" === W ? "center" : "left" === W ? "flex-start" : "right" === W ? "flex-end" : void 0)})},
mobile: {".ugb-pricing-box__price-line": I({}, Object(u.K)("price%s", "mobile", e.attributes), {justifyContent: Object(u.c)("center" === G ? "center" : "left" === G ? "flex-start" : "right" === G ? "flex-end" : void 0)})}
})
}
var V = e.attributes, q = V.pricePrefixColor, K = void 0 === q ? "" : q, J = V.showPricePrefix;
U && (void 0 === J || J) && w.push({
".ugb-pricing-box__price-prefix": I({color: K || void 0}, Object(u.K)("pricePrefix%s", "desktop", e.attributes, {important: !0})),
tablet: {".ugb-pricing-box__price-prefix": I({}, Object(u.K)("pricePrefix%s", "tablet", e.attributes, {important: !0}))},
mobile: {".ugb-pricing-box__price-prefix": I({}, Object(u.K)("pricePrefix%s", "mobile", e.attributes, {important: !0}))}
});
var Y = e.attributes, X = Y.priceSuffixColor, $ = void 0 === X ? "" : X, Z = Y.showPriceSuffix;
U && (void 0 === Z || Z) && w.push({
".ugb-pricing-box__price-suffix": I({color: $ || void 0}, Object(u.K)("priceSuffix%s", "desktop", e.attributes, {important: !0})),
tablet: {".ugb-pricing-box__price-suffix": I({}, Object(u.K)("priceSuffix%s", "tablet", e.attributes, {important: !0}))},
mobile: {".ugb-pricing-box__price-suffix": I({}, Object(u.K)("priceSuffix%s", "mobile", e.attributes, {important: !0}))}
});
var Q = e.attributes, ee = Q.subPriceColor, te = void 0 === ee ? "" : ee, ne = Q.showSubPrice;
(void 0 === ne || ne) && (w.push({".ugb-pricing-box__subprice": {color: Object(u.c)(Object(u.vb)(te, n.columnBackground && o))}}), w.push({
".ugb-pricing-box__subprice": I({}, Object(u.K)("subPrice%s", "desktop", e.attributes, {important: !0}), {textAlign: t("subPriceAlign") || t("contentAlign")}),
tablet: {".ugb-pricing-box__subprice": I({}, Object(u.K)("subPrice%s", "tablet", e.attributes, {important: !0}), {textAlign: t("subPriceTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-pricing-box__subprice": I({}, Object(u.K)("subPrice%s", "mobile", e.attributes, {important: !0}), {textAlign: t("subPriceMobileAlign") || t("mobileContentAlign")})}
}));
var ae = e.attributes.showButton;
(void 0 === ae || ae) && (w.push(I({}, Object(u.s)("button%s", "ugb-button", e.attributes))), w.push({
".ugb-button-container": {textAlign: Object(u.c)(t("buttonAlign") || t("contentAlign"))},
tablet: {".ugb-button-container": {textAlign: Object(u.c)(t("buttonTabletAlign") || t("tabletContentAlign"))}},
mobile: {".ugb-button-container": {textAlign: Object(u.c)(t("buttonMobileAlign") || t("mobileContentAlign"))}}
}));
var ie = e.attributes, oe = ie.descriptionColor, re = void 0 === oe ? "" : oe, le = ie.showDescription;
return (void 0 === le || le) && w.push({
".ugb-pricing-box__description": I({}, Object(u.K)("description%s", "desktop", e.attributes), {
color: Object(u.vb)(re, n.columnBackground && o),
textAlign: Object(u.c)(t("descriptionAlign") || t("contentAlign"))
}),
tablet: {".ugb-pricing-box__description": I({}, Object(u.K)("description%s", "tablet", e.attributes), {textAlign: Object(u.c)(t("descriptionTabletAlign") || t("tabletContentAlign"))})},
mobile: {".ugb-pricing-box__description": I({}, Object(u.K)("description%s", "mobile", e.attributes), {textAlign: Object(u.c)(t("descriptionMobileAlign") || t("mobileContentAlign"))})}
}), n.imageSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__image", "image%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.titleSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.priceSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__price-wrapper", "price%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.subPriceSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__subprice", "subPrice%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.buttonSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__button", "button%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.descriptionSpacing && w.push.apply(w, F(Object(u.F)(".ugb-pricing-box__description", "description%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), R.a.all(w)
}, U = n(3), H = n(10), W = n(12), G = n(13);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(7), i = n(4);
function o(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function r(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function l(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? r(n, !0).forEach(function (t) {
c(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : r(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(1), i = n(15), o = n(7), r = n(4);
Object(r.addFilter)("stackable.text.design.no-text-attributes", "stackable/text", function (e) {
return Object(o.omit)(e, ["title", "subtitle", "text1", "text2", "text3", "text4"])
});
var l = n(2), c = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "plain" : n, i = t.columns, o = void 0 === i ? 1 : i,
l = t.showTitle, c = void 0 !== l && l, s = t.showSubtitle, u = void 0 !== s && s;
return Object(r.applyFilters)("stackable.text.show", {
columns: o && o > 1,
reverseTitle: "plain" !== a,
titleSpacing: c,
subtitleSpacing: u
}, e)
}, s = n(14), u = n.n(s);
function b(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function p(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function m(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? p(n, !0).forEach(function (t) {
g(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : p(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function g(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var d = function (e) {
var t = Object(l.b)(e.attributes), n = c(e), a = [], i = e.attributes, o = i.columnPaddingUnit,
r = void 0 === o ? "px" : o, s = i.tabletColumnPaddingUnit, p = void 0 === s ? "px" : s,
g = i.mobileColumnPaddingUnit, d = void 0 === g ? "px" : g;
a.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(r)),
paddingBottom: t("columnPaddingBottom", "%s".concat(r)),
paddingRight: t("columnPaddingRight", "%s".concat(r)),
paddingLeft: t("columnPaddingLeft", "%s".concat(r))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(p)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(p)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(p)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(p))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(d)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(d)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(d)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(d))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-text__text-wrapper": Object(l.d)({
paddingTop: t("columnPaddingTop", "%s".concat(r)),
paddingBottom: t("columnPaddingBottom", "%s".concat(r)),
paddingRight: t("columnPaddingRight", "%s".concat(r)),
paddingLeft: t("columnPaddingLeft", "%s".concat(r))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-text__text-wrapper": Object(l.d)({
paddingTop: t("tabletColumnPaddingTop", "%s".concat(p)),
paddingRight: t("tabletColumnPaddingRight", "%s".concat(p)),
paddingBottom: t("tabletColumnPaddingBottom", "%s".concat(p)),
paddingLeft: t("tabletColumnPaddingLeft", "%s".concat(p))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-text__text-wrapper": Object(l.d)({
paddingTop: t("mobileColumnPaddingTop", "%s".concat(d)),
paddingRight: t("mobileColumnPaddingRight", "%s".concat(d)),
paddingBottom: t("mobileColumnPaddingBottom", "%s".concat(d)),
paddingLeft: t("mobileColumnPaddingLeft", "%s".concat(d))
})
}
}
});
var f = e.attributes.showColumnRule;
void 0 !== f && f && a.push({
".ugb-text__rule": Object(l.d)({
background: t("columnRuleColor"),
width: t("columnRuleWidth", "%spx"),
height: t("columnRuleHeight", "%s%")
})
});
var h = e.attributes.showTitle;
(void 0 === h || h) && a.push({
".ugb-text__title-wrapper": {justifyContent: Object(l.c)(t("titleVerticalAlign"))},
".ugb-text__title": m({color: t("titleColor")}, Object(l.K)("title%s", "desktop", e.attributes), {textAlign: t("titleAlign") || t("contentAlign")}),
tablet: {".ugb-text__title": m({}, Object(l.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign") || t("tabletContentAlign")})},
mobile: {".ugb-text__title": m({}, Object(l.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign") || t("mobileContentAlign")})}
});
var v = e.attributes.showSubtitle;
return (void 0 === v || v) && a.push({
".ugb-text__subtitle": m({}, Object(l.K)("subtitle%s", "desktop", e.attributes), {
color: t("subtitleColor"),
textAlign: t("subtitleAlign")
}),
tablet: {".ugb-text__subtitle": m({}, Object(l.K)("subtitle%s", "tablet", e.attributes), {textAlign: t("subtitleTabletAlign")})},
mobile: {".ugb-text__subtitle": m({}, Object(l.K)("subtitle%s", "mobile", e.attributes), {textAlign: t("subtitleMobileAlign")})}
}), a.push({
".ugb-text__text p": m({}, Object(l.K)("text%s", "desktop", e.attributes), {
color: t("textColor"),
textAlign: t("textAlign")
}),
tablet: {".ugb-text__text p": m({}, Object(l.K)("text%s", "tablet", e.attributes), {textAlign: t("textTabletAlign")})},
mobile: {".ugb-text__text p": m({}, Object(l.K)("text%s", "mobile", e.attributes), {textAlign: t("textMobileAlign")})}
}), n.titleSpacing && a.push.apply(a, b(Object(l.F)(".ugb-text__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.subtitleSpacing && a.push.apply(a, b(Object(l.F)(".ugb-text__subtitle", "subtitle%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), a.push.apply(a, b(Object(l.F)(".ugb-text__text", "text%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), u.a.all(a)
}, f = n(380), h = n.n(f), v = n(381), y = n.n(v), O = n(382), w = n.n(O), _ = n(3), j = n(10), k = n(8),
C = n.n(k), x = n(11), E = n(0), S = n(6), B = n(12), T = n(9);
function P(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(r.addFilter)("stackable.text.edit.layouts", "defaults", function (e) {
var t = [{
label: Object(E.__)("Plain", a.i18n),
value: "plain",
image: h.a
}, {
label: Object(E.sprintf)(Object(E._x)("%s %d", "Nth Title", a.i18n), Object(E.__)("Side Title", a.i18n), 1),
value: "side-title-1",
image: y.a
}, {
label: Object(E.sprintf)(Object(E._x)("%s %d", "Nth Title", a.i18n), Object(E.__)("Side Title", a.i18n), 2),
value: "side-title-2",
image: w.a
}];
return [].concat(P(e), t)
}), Object(r.addFilter)("stackable.text.edit.inspector.layout.before", "stackable/text", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, i = void 0 === a ? "basic" : a;
return wp.element.createElement(S.Fragment, null, e, wp.element.createElement(_.D, {
initialOpen: !0,
selected: i,
options: Object(r.applyFilters)("stackable.text.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
}))
}), Object(r.addFilter)("stackable.text.edit.inspector.style.before", "stackable/text", function (e, t) {
var n = t.setAttributes, i = t.attributes, o = i.design, r = void 0 === o ? "plain" : o, s = i.columns,
u = void 0 === s ? 1 : s, b = i.reverseTitle, p = void 0 !== b && b, m = i.subtitleOnTop,
g = void 0 !== m && m, d = i.showColumnRule, f = void 0 !== d && d, h = i.columnRuleColor,
v = void 0 === h ? "" : h, y = i.columnRuleWidth, O = void 0 === y ? "" : y, w = i.columnRuleHeight,
j = void 0 === w ? "" : w, k = i.showTitle, C = void 0 !== k && k, B = i.titleTag,
T = void 0 === B ? "" : B, A = i.titleColor, N = void 0 === A ? "" : A, M = i.titleVerticalAlign,
R = void 0 === M ? "" : M, F = i.showSubtitle, D = void 0 !== F && F, I = i.subtitleColor,
z = void 0 === I ? "" : I, L = i.textColor, U = void 0 === L ? "" : L, H = c(t);
return wp.element.createElement(S.Fragment, null, e, wp.element.createElement(_.fb, {
title: Object(E.__)("General", a.i18n),
initialOpen: !0
}, wp.element.createElement(_.c, {
label: Object(E.__)("Columns", a.i18n),
min: 1,
max: 4,
value: u,
onChange: function (e) {
return n({columns: e})
},
placeholder: "1",
className: "ugb--help-tip-general-columns"
}), H.reverseTitle && wp.element.createElement(x.ToggleControl, {
label: Object(E.__)("Reverse Title", a.i18n),
checked: p,
onChange: function (e) {
return n({reverseTitle: e})
}
}), wp.element.createElement(_.x, {
setAttributes: n,
blockAttributes: t.attributes
})), wp.element.createElement(_.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(_.v, {
label: Object(E.__)("Paddings", a.i18n),
setAttributes: n,
attributes: t.attributes
}), H.titleSpacing && wp.element.createElement(_.kb, {
attrNameTemplate: "title%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.c, {
label: Object(E.__)("Title", a.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
})), H.subtitleSpacing && wp.element.createElement(_.kb, {
attrNameTemplate: "subtitle%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.c, {
label: Object(E.__)("Subtitle", a.i18n),
min: -50,
max: 100,
placeholder: "16",
allowReset: !0,
className: "ugb--help-tip-spacing-title"
})), wp.element.createElement(_.kb, {
attrNameTemplate: "text%sBottomMargin",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.c, {
label: Object(E.__)("Text", a.i18n),
min: 0,
max: 100,
allowReset: !0,
className: "ugb--help-tip-spacing"
}))), H.columns && wp.element.createElement(_.fb, {
title: Object(E.__)("Column Rule", a.i18n),
checked: f,
onChange: function (e) {
return n({showColumnRule: e})
},
toggleOnSetAttributes: [],
toggleAttributeName: "showColumnRule"
}, wp.element.createElement(_.u, {
value: v, onChange: function (e) {
return n({columnRuleColor: e})
}, label: Object(E.__)("Color", a.i18n)
}), wp.element.createElement(_.c, {
label: Object(E.__)("Width", a.i18n),
min: 1,
max: 4,
allowReset: !0,
value: O,
onChange: function (e) {
return n({columnRuleWidth: e})
},
placeholder: "1"
}), wp.element.createElement(_.c, {
label: Object(E.__)("Height", a.i18n),
min: 1,
max: 100,
allowReset: !0,
value: j,
onChange: function (e) {
return n({columnRuleHeight: e})
},
placeholder: "100"
})), wp.element.createElement(_.fb, {
title: Object(E.__)("Text", a.i18n),
id: "text",
hasToggle: !1
}, wp.element.createElement(_.vb, {
attrNameTemplate: "text%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(_.u, {
value: U, onChange: function (e) {
return n({textColor: e})
}, label: Object(E.__)("Text Color", a.i18n)
}), wp.element.createElement(_.kb, {
attrNameTemplate: "Text%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.f, {
label: Object(E.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(_.fb, {
title: Object(E.__)("Title", a.i18n),
id: "title",
hasToggle: "plain" === r,
checked: C,
onChange: function (e) {
return n({showTitle: e})
},
toggleOnSetAttributes: [].concat(P(Object(l.I)("title%s")), ["titleColor", "titleTag"], P(Object(l.C)("title%sAlign"))),
toggleAttributeName: "showTitle"
}, wp.element.createElement(_.M, {
value: T || "h2", onChange: function (e) {
return n({titleTag: e})
}
}), wp.element.createElement(_.vb, {
attrNameTemplate: "title%s",
setAttributes: n,
blockAttributes: t.attributes,
htmlTag: T || "h2"
}), wp.element.createElement(_.u, {
value: N, onChange: function (e) {
return n({titleColor: e})
}, label: Object(E.__)("Title Color", a.i18n)
}), wp.element.createElement(_.e, {
label: Object(E.__)("Vertical Align", a.i18n),
controls: "flex-vertical",
value: R,
onChange: function (e) {
return n({titleVerticalAlign: e})
}
}), wp.element.createElement(_.kb, {
attrNameTemplate: "Title%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.f, {
label: Object(E.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-title"
}))), wp.element.createElement(_.fb, {
title: Object(E.__)("Subtitle", a.i18n),
id: "subtitle",
checked: D,
onChange: function (e) {
return n({showSubtitle: e})
},
toggleOnSetAttributes: [].concat(P(Object(l.I)("subtitle%s")), ["subtitleColor", "subtitleTag"], P(Object(l.C)("subtitle%sAlign"))),
toggleAttributeName: "showSubtitle"
}, wp.element.createElement(x.ToggleControl, {
label: Object(E.__)("Subtitle on Top", a.i18n),
checked: g,
onChange: function (e) {
return n({subtitleOnTop: e})
}
}), wp.element.createElement(_.vb, {
attrNameTemplate: "subtitle%s",
setAttributes: n,
blockAttributes: t.attributes,
placeholder: function (e) {
return .85 * e
}
}), wp.element.createElement(_.u, {
value: z, onChange: function (e) {
return n({subtitleColor: e})
}, label: Object(E.__)("Subtitle Color", a.i18n)
}), wp.element.createElement(_.kb, {
attrNameTemplate: "Subtitle%sAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(_.f, {
label: Object(E.__)("Align", a.i18n),
className: "ugb--help-tip-alignment-title"
}))))
});
var A = Object(B.compose)(j.i, j.g, j.d, Object(j.h)(), Object(j.c)(["Title%sAlign", "Subtitle%sAlign", "Text%sAlign"]), Object(j.a)(d, {editorMode: !0}), Object(j.b)([[".ugb-text__title", "title"], [".ugb-text__subtitle", "subtitle"], [".ugb-text__text", "text"]]))(function (e) {
var t = e.className, n = e.setAttributes, i = e.attributes, s = i.columns, u = void 0 === s ? 1 : s,
b = i.design, p = void 0 === b ? "plain" : b, m = i.reverseTitle, g = void 0 !== m && m, d = i.title,
f = void 0 === d ? "" : d, h = i.showTitle, v = void 0 !== h && h, y = i.titleTag,
O = void 0 === y ? "" : y, w = i.showSubtitle, j = void 0 !== w && w, k = i.subtitle,
x = void 0 === k ? "" : k, B = i.showColumnRule, P = void 0 !== B && B, A = i.subtitleOnTop,
N = void 0 !== A && A, M = c(e),
R = C()([t, "ugb-text--design-".concat(p), "ugb-text--columns-".concat(u)], Object(r.applyFilters)("stackable.text.mainclasses", {
"ugb-text--reverse-title": M.reverseTitle && g,
"ugb-text--has-rule": P,
"ugb-text--subtitle-top": N
}, e));
return wp.element.createElement(_.k.Edit, {
className: R, blockProps: e, render: function () {
return wp.element.createElement(S.Fragment, null, (v || j) && wp.element.createElement("div", {className: "ugb-text__title-wrapper"}, v && wp.element.createElement(T.RichText, {
tagName: O || "h2",
className: "ugb-text__title",
value: f,
onChange: function (e) {
return n({title: e})
},
placeholder: Object(E.__)("Block Title", a.i18n),
keepPlaceholderOnFocus: !0
}), j && wp.element.createElement(T.RichText, {
tagName: "p",
className: "ugb-text__subtitle",
value: x,
onChange: function (e) {
return n({subtitle: e})
},
placeholder: Object(E.__)("Subtitle", a.i18n),
keepPlaceholderOnFocus: !0
})), wp.element.createElement("div", {className: "ugb-text__text-wrapper"}, Object(o.range)(u || 1).map(function (t) {
var a = t + 1;
return wp.element.createElement(S.Fragment, {key: t}, wp.element.createElement("div", {className: "ugb-text__text"}, wp.element.createElement(T.RichText, {
tagName: "p",
className: "ugb-text__text-".concat(a),
value: e.attributes["text".concat(a)],
onChange: function (e) {
return n((t = {}, i = "text".concat(a), o = e, i in t ? Object.defineProperty(t, i, {
value: o,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[i] = o, t));
var t, i, o
},
placeholder: Object(l.M)("medium"),
keepPlaceholderOnFocus: !0
})), P && t !== u - 1 && wp.element.createElement("div", {
className: "ugb-text__rule ugb-text__rule-".concat(a),
role: "presentation"
}))
})))
}
})
}), N = Object(B.compose)(j.i, Object(j.a)(d))(function (e) {
var t = e.attributes, n = e.className, a = t.columns, i = void 0 === a ? 1 : a, l = t.design,
s = void 0 === l ? "plain" : l, u = t.reverseTitle, b = void 0 !== u && u, p = t.title,
m = void 0 === p ? "" : p, g = t.showTitle, d = void 0 !== g && g, f = t.titleTag,
h = void 0 === f ? "" : f, v = t.showSubtitle, y = void 0 !== v && v, O = t.subtitle,
w = void 0 === O ? "" : O, j = t.showColumnRule, k = void 0 !== j && j, x = t.subtitleOnTop,
E = void 0 !== x && x, B = c(e),
P = C()([n, "ugb-text--design-".concat(s), "ugb-text--columns-".concat(i)], Object(r.applyFilters)("stackable.text.mainclasses", {
"ugb-text--reverse-title": B.reverseTitle && b,
"ugb-text--has-rule": k,
"ugb-text--subtitle-top": E
}, e));
return wp.element.createElement(_.k.Save, {
className: P, blockProps: e, render: function () {
return wp.element.createElement(S.Fragment, null, (d && !T.RichText.isEmpty(m) || y && !T.RichText.isEmpty(w)) && wp.element.createElement("div", {className: "ugb-text__title-wrapper"}, d && !T.RichText.isEmpty(m) && wp.element.createElement(T.RichText.Content, {
tagName: h || "h2",
className: "ugb-text__title",
value: m
}), y && !T.RichText.isEmpty(w) && wp.element.createElement(T.RichText.Content, {
tagName: "p",
className: "ugb-text__subtitle",
value: w
})), wp.element.createElement("div", {className: "ugb-text__text-wrapper"}, Object(o.range)(i || 1).map(function (e) {
var n = e + 1;
return wp.element.createElement(S.Fragment, {key: e}, wp.element.createElement("div", {className: "ugb-text__text"}, wp.element.createElement(T.RichText.Content, {
tagName: "p",
className: "ugb-text__text-".concat(n),
value: t["text".concat(n)]
})), k && e !== i - 1 && wp.element.createElement("div", {
className: "ugb-text__rule ugb-text__rule-".concat(n),
role: "presentation"
}))
})))
}
})
}), M = [];
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(7), o = n(4);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(7), r = n(18), l = n(13), c = function () {
var e = Object(l.select)("core/block-editor"), t = e.getBlockOrder, n = e.getSelectedBlock,
a = e.getBlockParents, i = Object(l.dispatch)("core/block-editor"), r = i.selectBlock,
c = i.clearSelectedBlock, s = t();
Object(l.subscribe)(function () {
var e = t();
Object(o.isEqual)(s, e) || setTimeout(function () {
var e = n();
if (e && "ugb/column" === e.name) {
c();
var t = a(e.clientId);
t.length && r(t[0])
}
}, 0), s = e
})
};
Object(r.a)(function () {
window._wpLoadBlockEditor && window._wpLoadBlockEditor.then(function () {
c()
})
});
var s = n(2), u = n(14), b = n.n(u), p = n(4), m = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.columns, o = void 0 === i ? 2 : i,
r = t.align, l = void 0 === r ? "" : r;
return Object(p.applyFilters)("stackable.feature-grid.show", {
reverseColumns: "grid" !== a && "plain" !== a,
rowGap: "plain" !== a && o > 2,
noPaddings: "full" === l
}, e)
}, g = function (e, t) {
return "grid" === t ? e <= 5 ? 2 : e <= 7 ? 3 : 4 : "uneven" === t ? e <= 3 ? 2 : 3 : "uneven-2" === t ? e <= 3 ? 2 : 4 === e ? 3 : 4 : "tiled" === t ? e <= 3 ? 2 : 4 === e ? 3 : 5 === e ? 4 : 5 : e
};
function d(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function f(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var h = function (e) {
var t, n, a, i, r, l = Object(s.b)(e.attributes), c = [], u = e.attributes, p = u.design,
h = void 0 === p ? "plain" : p, v = u.columns, y = void 0 === v ? 2 : v, O = u.uniqueClass,
w = void 0 === O ? "" : O, _ = m(e), j = g(y, h), k = Object(o.range)(j).map(function (e) {
return l("columns".concat(e + 1)) ? (parseInt(l("columns".concat(e + 1)), 10) / 100 * y).toFixed(2) + "fr" : "1.00fr"
});
3 === j && Object(o.range)(j).every(function (e) {
return [33, 34].includes(l("columns".concat(e + 1)))
}) ? k = ["1.00fr", "1.00fr", "1.00fr"] : 6 === j && Object(o.range)(j).every(function (e) {
return [16, 17].includes(l("columns".concat(e + 1)))
}) && (k = ["1.00fr", "1.00fr", "1.00fr", "1.00fr", "1.00fr", "1.00fr"]);
var C = Object(o.range)(j).map(function (e) {
return l("tabletColumns".concat(e + 1)) ? (parseInt(l("tabletColumns".concat(e + 1)), 10) / 100 * y).toFixed(2) + "fr" : "1.00fr"
});
3 === j && Object(o.range)(j).every(function (e) {
return [33, 34].includes(l("tabletColumns".concat(e + 1)))
}) ? C = ["1.00fr", "1.00fr", "1.00fr"] : 6 === j && Object(o.range)(j).every(function (e) {
return [16, 17].includes(l("tabletColumns".concat(e + 1)))
}) && (C = ["1.00fr", "1.00fr", "1.00fr", "1.00fr", "1.00fr", "1.00fr"]), c.push({
"> .ugb-inner-block > .ugb-block-content > .ugb-columns__item": {
gridTemplateColumns: k.every(function (e) {
return "1.00fr" === e
}) ? void 0 : Object(s.c)(k.join(" "))
},
tablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-columns__item": {
gridTemplateColumns: l("tabletColumns1") && !C.every(function (e) {
return "1.00fr" === e
}) ? Object(s.c)(C.join(" ")) : void 0
}
},
editor: {
"> .ugb-inner-block > .ugb-block-content > .ugb-columns__item > .block-editor-inner-blocks > .block-editor-block-list__layout": {
gridTemplateColumns: k.every(function (e) {
return "1.00fr" === e
}) ? void 0 : Object(s.c)(k.join(" "))
},
tablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-columns__item > .block-editor-inner-blocks > .block-editor-block-list__layout": {
gridTemplateColumns: l("tabletColumns1") && !C.every(function (e) {
return "1.00fr" === e
}) ? Object(s.c)(C.join(" ")) : void 0
}
}
}
});
var x = e.attributes.noPaddings, E = void 0 === x ? "" : x;
_.noPaddings && E && c.push({"": {paddingLeft: Object(s.c)(0), paddingRight: Object(s.c)(0)}});
var S = e.attributes, B = S.height, T = void 0 === B ? "" : B, P = S.tabletHeight, A = void 0 === P ? "" : P,
N = S.mobileHeight, M = void 0 === N ? "" : N;
c.push((f(t = {}, ".".concat(w, "-content-wrapper"), {minHeight: "half" === T ? "50vh !important" : "full" === T ? "100vh !important" : "custom" === T ? Object(s.c)(l("heightNum", "%s" + l("heightNumUnit", "%s", "px"))) : void 0}), f(t, "tablet", f({}, ".".concat(w, "-content-wrapper"), {minHeight: "half" === A ? "50vh !important" : "full" === A ? "100vh !important" : "custom" === A ? Object(s.c)(l("tabletHeightNum", "%s" + l("tabletHeightNumUnit", "%s", "px"))) : void 0})), f(t, "mobile", f({}, ".".concat(w, "-content-wrapper"), {minHeight: "half" === M ? "50vh !important" : "full" === M ? "100vh !important" : "custom" === M ? Object(s.c)(l("mobileHeightNum", "%s" + l("mobileHeightNumUnit", "%s", "px"))) : void 0})), t)), c.push.apply(c, d(Object(s.F)(".".concat(w, "-content-wrapper > .ugb-column"), "%sColumnVerticalAlign", "alignItems", "%s", e.attributes, {important: !0}))), c.push.apply(c, d(Object(s.F)(".".concat(w, "-content-wrapper > .ugb-column > .ugb-inner-block"), "%sColumnVerticalAlign", "height", "auto", e.attributes, {important: !0})));
var R = e.attributes, F = R.columnVerticalAlign, D = void 0 === F ? "" : F, I = R.tabletColumnVerticalAlign,
z = void 0 === I ? "" : I, L = R.mobileColumnVerticalAlign, U = void 0 === L ? "" : L,
H = ".".concat(w, "-content-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block");
return c.push({editor: (i = {}, f(i, "".concat(H, " > .ugb-column"), {height: Object(s.c)(D && "stretch" !== D ? "auto" : void 0)}), f(i, H, {justifyContent: l("columnVerticalAlign")}), f(i, "tablet", (n = {}, f(n, "".concat(H, " > .ugb-column"), {height: Object(s.c)(z && "stretch" !== z ? "auto" : void 0)}), f(n, H, {justifyContent: l("tabletColumnVerticalAlign")}), n)), f(i, "mobile", (a = {}, f(a, "".concat(H, " > .ugb-column"), {height: Object(s.c)(U && "stretch" !== U ? "auto" : void 0)}), f(a, H, {justifyContent: l("mobileColumnVerticalAlign")}), a)), i)}), c.push((f(r = {}, "h1, h2, h3, h4, h5, h6", {color: l("headingColor")}), f(r, "p, li, label, table", {color: l("bodyTextColor")}), f(r, "a, a:visited, a:focus", {color: l("linkColor")}), f(r, "a:hover", {color: l("linkHoverColor")}), r)), b.a.all(c)
}, v = n(303), y = n.n(v), O = n(304), w = n.n(O), _ = n(305), j = n.n(_), k = n(306), C = n.n(k), x = n(307),
E = n.n(x), S = n(3), B = n(10), T = n(8), P = n.n(T), A = n(11), N = n(0), M = n(6), R = n(9), F = n(12),
D = n(17);
function I(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function z(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? I(n, !0).forEach(function (t) {
L(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : I(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function L(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function U(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
var H = {
2: {columns1: 50, columns2: 50, columns3: "", columns4: "", columns5: "", columns6: ""},
3: {columns1: 33, columns2: 33, columns3: 34, columns4: "", columns5: "", columns6: ""},
4: {columns1: 25, columns2: 25, columns3: 25, columns4: 25, columns5: "", columns6: ""},
5: {columns1: 20, columns2: 20, columns3: 20, columns4: 20, columns5: 20, columns6: ""},
6: {columns1: 16, columns2: 17, columns3: 17, columns4: 17, columns5: 17, columns6: 16}
};
Object(p.addFilter)("stackable.columns.edit.layouts", "default", function (e) {
var t = [{
label: Object(N.__)("Grid", i.i18n),
value: "grid",
image: y.a
}, {label: Object(N.__)("Plain", i.i18n), value: "plain", image: w.a}, {
label: Object(N.__)("Uneven", i.i18n),
value: "uneven",
image: j.a,
premium: !0
}, {
label: Object(N.sprintf)(Object(N._x)("%s %d", "Nth Title", i.i18n), Object(N.__)("Uneven", i.i18n), 2),
value: "uneven-2",
image: C.a,
premium: !0
}, {label: Object(N.__)("Tiled", i.i18n), value: "tiled", image: E.a, premium: !0}];
return [].concat(U(e), t)
}), Object(p.addFilter)("stackable.columns.edit.inspector.layout.attributes", "stackable/columns", function (e) {
var t = e.design, n = e.columns, a = void 0 === n ? 2 : n, i = g(a, t);
return z({design: t, columns: a}, H[i])
}), Object(p.addFilter)("stackable.columns.edit.inspector.layout.before", "stackable/columns", function (e, t) {
var n = t.setAttributes, a = t.attributes, r = a.design, l = void 0 === r ? "plain" : r, c = a.columns,
s = void 0 === c ? 2 : c, u = g(s, l);
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(S.fb, {
initialOpen: !0,
title: Object(N.__)("Layout", i.i18n)
}, wp.element.createElement(S.c, {
label: Object(N.__)("Columns", i.i18n), value: s, onChange: function (e) {
var t = g(e, l);
n(z({columns: e}, H[t], {}, Object(o.range)(6).reduce(function (e, t) {
return z({}, e, L({}, "tabletCoumns".concat(t + 1), ""))
}, {})))
}, min: 2, max: "grid" !== l ? 6 : 8, placeholder: "2", className: "ugb--help-tip-general-columns"
}), Object(p.applyFilters)("stackable.columns.edit.inspector.columns.after", null, t), wp.element.createElement(S.yb, {screens: ["desktop", "tablet"]}, wp.element.createElement(S.w, {
columns: u,
design: l,
values: Object(o.range)(u).map(function (e) {
return t.attributes["columns".concat(e + 1)]
}),
onChange: function (e) {
var t = e.reduce(function (e, t, n) {
return e["columns".concat(n + 1)] = t, e
}, {});
n(t)
}
})), wp.element.createElement(S.yb, {
screen: "tablet",
screens: ["desktop", "tablet"]
}, wp.element.createElement(S.w, {
columns: u, design: l, values: Object(o.range)(u).map(function (e) {
return t.attributes["tabletColumns".concat(e + 1)]
}), onChange: function (e) {
var t = e.reduce(function (e, t, n) {
return e["tabletColumns".concat(n + 1)] = t, e
}, {});
n(t)
}, forceBlank: !0
})), wp.element.createElement(S.y, null), wp.element.createElement(S.A, {
selected: l,
label: Object(N.__)("Layouts", i.i18n),
options: Object(p.applyFilters)("stackable.columns.edit.layouts", []),
onChange: function (e) {
n(Object(p.applyFilters)("stackable.columns.edit.inspector.layout.attributes", {design: e, columns: s}))
}
}), i.showProNotice && wp.element.createElement(S.jb, null)))
}), Object(p.addFilter)("stackable.columns.edit.inspector.style.before", "stackable/columns", function (e, t) {
var n = t.setAttributes, a = t.attributes, r = a.design, l = void 0 === r ? "plain" : r, c = a.columns,
s = void 0 === c ? 2 : c, u = a.headingColor, b = void 0 === u ? "" : u, d = a.bodyTextColor,
f = void 0 === d ? "" : d, h = a.linkColor, v = void 0 === h ? "" : h, y = a.linkHoverColor,
O = void 0 === y ? "" : y, w = a.noPaddings, _ = void 0 !== w && w, j = a.height, k = void 0 === j ? "" : j,
C = a.tabletHeight, x = void 0 === C ? "" : C, E = a.mobileHeight, B = void 0 === E ? "" : E,
T = a.heightNum, P = void 0 === T ? "" : T, R = a.heightNumUnit, F = void 0 === R ? "px" : R,
D = a.tabletHeightNum, I = void 0 === D ? "" : D, L = a.tabletHeightNumUnit, U = void 0 === L ? "px" : L,
W = a.mobileHeightNum, G = void 0 === W ? "" : W, V = a.mobileHeightNumUnit, q = void 0 === V ? "px" : V,
K = m(t), J = g(s, l);
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(S.fb, {
title: Object(N.__)("General", i.i18n),
initialOpen: !0
}, wp.element.createElement(S.c, {
label: Object(N.__)("Columns", i.i18n), value: s, onChange: function (e) {
var t = g(e, l);
n(z({columns: e}, H[t]))
}, min: 2, max: "grid" !== l ? 6 : 8, placeholder: "2", className: "ugb--help-tip-general-columns"
}), Object(p.applyFilters)("stackable.columns.edit.inspector.columns.after", null, t), wp.element.createElement(S.yb, {screens: ["desktop", "tablet"]}, wp.element.createElement(S.w, {
columns: J,
design: l,
values: Object(o.range)(J).map(function (e) {
return t.attributes["columns".concat(e + 1)]
}),
onChange: function (e) {
var t = e.reduce(function (e, t, n) {
return e["columns".concat(n + 1)] = t, e
}, {});
n(t)
}
})), wp.element.createElement(S.yb, {
screen: "tablet",
screens: ["desktop", "tablet"]
}, wp.element.createElement(S.w, {
columns: J, design: l, values: Object(o.range)(J).map(function (e) {
return t.attributes["tabletColumns".concat(e + 1)]
}), onChange: function (e) {
var t = e.reduce(function (e, t, n) {
return e["tabletColumns".concat(n + 1)] = t, e
}, {});
n(t)
}, forceBlank: !0
})), wp.element.createElement(S.y, null), K.noPaddings && wp.element.createElement(A.ToggleControl, {
label: Object(N.__)("No Paddings", i.i18n),
checked: _,
onChange: function (e) {
return n({noPaddings: e})
},
className: "ugb--help-tip-no-padding"
}), Object(p.applyFilters)("stackable.columns.edit.inspector.style.column-widths.after", null, t), wp.element.createElement(S.kb, {
attrNameTemplate: "%sHeight",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(S.d, {
label: Object(N.__)("Height", i.i18n),
options: [{
label: Object(N.__)("Normal", i.i18n),
value: ""
}, {
label: Object(N.__)("Half-screen height", i.i18n),
value: "half"
}, {
label: Object(N.__)("Full-screen height", i.i18n),
value: "full"
}, {label: Object(N.__)("Custom height", i.i18n), value: "custom"}]
})), "custom" === k && wp.element.createElement(S.yb, null, wp.element.createElement(S.c, {
label: Object(N.__)("Custom Height", i.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1500, 100],
step: [1, 1],
allowReset: !0,
placeholder: "50",
value: P,
unit: F,
onChange: function (e) {
return n({heightNum: e})
},
onChangeUnit: function (e) {
return n({heightNumUnit: e})
}
})), "custom" === x && wp.element.createElement(S.yb, {screen: "tablet"}, wp.element.createElement(S.c, {
label: Object(N.__)("Custom Height", i.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1500, 100],
step: [1, 1],
allowReset: !0,
placeholder: "50",
value: I,
unit: U,
onChange: function (e) {
return n({tabletHeightNum: e})
},
onChangeUnit: function (e) {
return n({tabletHeightNumUnit: e})
}
})), "custom" === B && wp.element.createElement(S.yb, {screen: "mobile"}, wp.element.createElement(S.c, {
label: Object(N.__)("Custom Height", i.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [1500, 100],
step: [1, 1],
allowReset: !0,
placeholder: "50",
value: G,
unit: q,
onChange: function (e) {
return n({mobileHeightNum: e})
},
onChangeUnit: function (e) {
return n({mobileHeightNumUnit: e})
}
})), wp.element.createElement(S.kb, {
attrNameTemplate: "%sColumnVerticalAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(S.e, {
label: Object(N.__)("Column Vertical Align", i.i18n),
controls: "flex-vertical-with-stretch"
})), wp.element.createElement(S.x, {
setAttributes: n,
blockAttributes: t.attributes
}), i.showProNotice && wp.element.createElement(S.jb, {
title: Object(N.__)("Say Hello to More Column Options 👋", i.i18n),
description: Object(N.__)("Swap columns and adjust column gaps. This feature is only available on Stackable Premium", i.i18n)
})), wp.element.createElement(S.fb, {
title: Object(N.__)("Text Colors", i.i18n),
initialOpen: !1
}, wp.element.createElement(S.u, {
value: b, onChange: function (e) {
return n({headingColor: e})
}, label: Object(N.__)("Heading Color", i.i18n)
}), wp.element.createElement(S.u, {
value: f, onChange: function (e) {
return n({bodyTextColor: e})
}, label: Object(N.__)("Text Color", i.i18n)
}), wp.element.createElement(S.u, {
value: v, onChange: function (e) {
return n({linkColor: e})
}, label: Object(N.__)("Link Color", i.i18n)
}), wp.element.createElement(S.u, {
value: O, onChange: function (e) {
return n({linkHoverColor: e})
}, label: Object(N.__)("Link Hover Color", i.i18n)
}), wp.element.createElement("p", {className: "components-base-control__help"}, Object(N.__)("The colors above might not apply to some nested blocks.", i.i18n))))
}), Object(p.addFilter)("stackable.columns.edit.advanced.responsive.after", "stackable/columns", function (e) {
return wp.element.createElement(M.Fragment, null, e, i.showProNotice && wp.element.createElement(S.jb, {
title: Object(N.__)("Say Hello to More Responsive Options 👋", i.i18n),
description: Object(N.__)("Adjust the arrangement of your columns when collapsed on mobile. This feature is only available on Stackable Premium", i.i18n)
}))
});
Object(p.addFilter)("stackable.columns.setAttributes", "stackable/columns/columns-change", function (e, t) {
if (void 0 === e.columns && void 0 === e.design) return e;
var n = t.attributes.columns;
void 0 !== e.columns && e.columns !== t.attributes.columns && (n = e.columns), void 0 !== e.design && "grid" === t.attributes.design && "grid" !== e.design && t.attributes.columns > 6 && (n = 6);
var a = Object(l.select)("core/block-editor").getBlock(t.clientId).innerBlocks,
i = Object(o.range)(n || 2).map(function (e) {
return a[e] || Object(D.createBlock)("ugb/column", {}, [])
});
return Object(l.dispatch)("core/block-editor").replaceInnerBlocks(t.clientId, i, !1), e
});
var W = Object(F.compose)(Object(F.withState)({sortColumnHighlight: null}), B.i, B.g, B.d, Object(B.h)(), Object(B.c)(), Object(B.a)(h, {editorMode: !0}))(function (e) {
var t = e.className, n = e.sortColumnHighlight, a = e.attributes, i = a.design, r = void 0 === i ? "plain" : i,
l = a.columns, c = void 0 === l ? 2 : l, s = a.reverseColumns, u = void 0 === s ? "" : s, b = a.uniqueClass,
g = void 0 === b ? "" : b, d = m(e),
f = P()([t, "ugb-columns--design-".concat(r), "ugb-columns--columns-".concat(c)], Object(p.applyFilters)("stackable.columns.mainclasses", L({"ugb-columns--reverse": d.reverseColumns && u}, "ugb-columns--highlight-".concat(n + 1), null !== n), e)),
h = P()(["ugb-columns__item", "".concat(g, "-content-wrapper")]), v = Object(o.range)(c).map(function () {
return ["ugb/column"]
});
return wp.element.createElement(S.k.Edit, {
className: f, blockProps: e, render: function () {
return wp.element.createElement(M.Fragment, null, wp.element.createElement("div", {className: h}, wp.element.createElement(R.InnerBlocks, {
templateLock: "all",
template: v,
allowedBlocks: ["ugb/column"]
})))
}
})
}), G = Object(F.compose)(B.i, Object(B.a)(h))(function (e) {
var t = e.className, n = e.attributes, a = n.design, i = void 0 === a ? "plain" : a, o = n.columns,
r = void 0 === o ? 3 : o, l = n.reverseColumns, c = void 0 === l ? "" : l, s = n.uniqueClass,
u = void 0 === s ? "" : s, b = m(e),
g = P()([t, "ugb-columns--design-".concat(i), "ugb-columns--columns-".concat(r)], Object(p.applyFilters)("stackable.columns.mainclasses", {"ugb-columns--reverse": b.reverseColumns && c}, e)),
d = P()(["ugb-columns__item", "".concat(u, "-content-wrapper")]);
return wp.element.createElement(S.k.Save, {
className: g, blockProps: e, render: function () {
return wp.element.createElement(M.Fragment, null, wp.element.createElement("div", {className: d}, wp.element.createElement(R.InnerBlocks.Content, null)))
}
})
});
function V(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function q(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(8), r = n.n(o), l = n(4), c = n(9);
function s(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function u(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var b = [{
attributes: {
textColor: {type: "string"},
contentAlign: {type: "string", default: ""},
backgroundColorType: {type: "string", default: ""},
backgroundColor: {type: "string", default: "#f1f1f1"},
backgroundColor2: {type: "string", default: ""},
backgroundColorDirection: {type: "number", default: 0},
backgroundType: {type: "string", default: ""},
backgroundImageID: {type: "number"},
backgroundImageURL: {type: "string"},
backgroundOpacity: {type: "number", default: 5},
fixedBackground: {type: "boolean", default: !1},
height: {type: "string", default: "normal"},
contentWidth: {type: "boolean", default: !1},
contentLocation: {type: "string", default: "full"},
verticalAlign: {type: "string", default: "center"},
borderRadius: {type: "number", default: 12},
shadow: {type: "number", default: 3},
align: {type: "string"},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t, n = e.className, a = e.attributes, i = a.contentAlign, o = a.textColor, s = a.backgroundColorType,
b = void 0 === s ? "" : s, p = a.backgroundColor, m = a.backgroundColor2,
g = a.backgroundColorDirection, d = void 0 === g ? 0 : g, f = a.backgroundType,
h = void 0 === f ? "" : f, v = a.backgroundImageURL, y = a.backgroundOpacity, O = a.fixedBackground,
w = a.height, _ = a.contentLocation, j = a.verticalAlign, k = a.contentWidth, C = a.borderRadius,
x = void 0 === C ? 12 : C, E = a.shadow, S = void 0 === E ? 3 : E, B = a.design,
T = void 0 === B ? "" : B,
P = r()([n, "ugb-container", "ugb--background-opacity-" + 1 * Math.round(y / 1)], Object(l.applyFilters)("stackable.container.mainclasses_1_17_3", (u(t = {}, "ugb-container--content-".concat(i), i), u(t, "ugb--has-background", p && "transparent" !== p || v), u(t, "ugb--has-background-image", v), u(t, "ugb-container--height-".concat(w), w), u(t, "ugb-container--align-horizontal-".concat(_), _), u(t, "ugb--content-width", k), u(t, "ugb--shadow-".concat(S), 3 !== S), u(t, "ugb--has-background-gradient", "gradient" === b), u(t, "ugb--has-background-video", "video" === h), t), T, e)),
A = {
"--ugb-text-color": o || void 0,
backgroundColor: p || void 0,
backgroundImage: v ? "url(".concat(v, ")") : void 0,
backgroundAttachment: O ? "fixed" : void 0,
"--ugb-background-color": v || "gradient" === b ? p : void 0,
"--ugb-background-color2": "gradient" === b && m ? m : void 0,
"--ugb-background-direction": "gradient" === b ? "".concat(d, "deg") : void 0,
"justify-content": "full" !== w && "half" !== w || !j ? void 0 : j,
borderRadius: 12 !== x ? x : void 0
};
return wp.element.createElement("div", {
className: P,
style: A
}, "video" === h && wp.element.createElement("video", {
className: "ugb-video-background",
autoPlay: !0,
muted: !0,
loop: !0,
src: v
}), Object(l.applyFilters)("stackable.container.save.output.before_1_17_3", null, T, e), wp.element.createElement("div", {className: "ugb-container__wrapper"}, wp.element.createElement("div", {className: "ugb-container__content-wrapper"}, wp.element.createElement(c.InnerBlocks.Content, null))), Object(l.applyFilters)("stackable.container.save.output.after_1_17_3", null, T, e))
}, migrate: function (e) {
var t = function (e) {
return (e || "").replace(/\.ugb-container(\s*\{)/g, ".ugb-container__wrapper$1")
};
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? s(n, !0).forEach(function (t) {
u(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : s(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {
customCSS: t(e.customCSS),
customCSSCompiled: t(e.customCSSCompiled),
design: "basic",
headingColor: e.textColor,
bodyTextColor: e.textColor,
linkColor: e.textColor,
linkHoverColor: e.textColor,
columnBackgroundColorType: e.backgroundColorType,
columnBackgroundColor: e.backgroundColor,
columnBackgroundColor2: e.backgroundColor2,
columnBackgroundGradientDirection: e.backgroundColorDirection,
columnBackgroundMediaId: e.backgroundImageID,
columnBackgroundMediaUrl: e.backgroundImageURL,
columnBackgroundTintStrength: e.backgroundOpacity,
columnFixedBackground: e.fixedBackground,
restrictContentWidth: e.contentWidth,
contentWidth: ["left", "center", "right"].includes(e.contentLocation) ? 50 : 100,
contentHorizontalAlign: "left" === e.contentLocation ? "flex-start" : "center" === e.contentLocation ? "center" : "right" === e.contentLocation ? "flex-end" : void 0,
contentVerticalAlign: e.verticalAlign,
marginTop: "full" === e.align ? 0 : void 0,
marginBottom: "full" === e.align ? 0 : void 0
})
}
}], p = n(2), m = n(14), g = n.n(m), d = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.align, o = void 0 === i ? "" : i,
r = t.showBlockBackground, c = void 0 !== r && r, s = t.blockInnerWidth, u = void 0 === s ? "" : s;
return Object(l.applyFilters)("stackable.container.show", {
restrictContent: !c && "full" === o || c && "full" === u,
columnBackground: "plain" !== a,
borderRadius: "plain" !== a && !(!c && "full" === o),
border: "plain" !== a,
image: "basic" !== a && "plain" !== a
}, e)
};
function f(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function h(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? f(n, !0).forEach(function (t) {
v(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : f(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function v(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var y = function (e) {
var t, n, a, i, o, r, c, s, u = Object(p.b)(e.attributes), b = [], m = e.attributes.uniqueClass,
f = void 0 === m ? "" : m, y = d(e);
y.borderRadius && b.push((v(s = {}, ".".concat(f, "-wrapper.ugb-container__wrapper"), {borderRadius: u("borderRadius", "%spx !important")}), v(s, "editor", v({}, ".".concat(f, "-wrapper.ugb-container__wrapper > .ugb-video-background, ") + ".".concat(f, "-wrapper.ugb-container__wrapper:before"), {borderRadius: u("borderRadius", "%spx !important") || "12px !important"})), s));
y.border && b.push(h({}, Object(p.p)("column%s", ".".concat(f, "-wrapper.ugb-container__wrapper"), e.attributes))), b.push({
saveOnly: {
"> .ugb-inner-block > .ugb-block-content > *": {justifyContent: Object(p.c)(u("columnContentVerticalAlign"))},
tablet: {"> .ugb-inner-block > .ugb-block-content > *": {justifyContent: Object(p.c)(u("tabletColumnContentVerticalAlign"))}},
mobile: {"> .ugb-inner-block > .ugb-block-content > *": {justifyContent: Object(p.c)(u("mobileColumnContentVerticalAlign"))}}
},
editor: {
"> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": {justifyContent: Object(p.c)(u("columnContentVerticalAlign"))},
tablet: {"> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": {justifyContent: Object(p.c)(u("tabletColumnContentVerticalAlign"))}},
mobile: {"> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper": {justifyContent: Object(p.c)(u("mobileColumnContentVerticalAlign"))}}
}
});
var O = e.attributes, w = O.height, _ = void 0 === w ? "" : w, j = O.tabletHeight, k = void 0 === j ? "" : j,
C = O.mobileHeight, x = void 0 === C ? "" : C;
b.push((v(a = {}, ".".concat(f, "-wrapper > .ugb-container__side"), {
paddingTop: "short" === _ ? "35px !important" : "tall" === _ ? "120px !important" : void 0,
paddingBottom: "short" === _ ? "35px !important" : "tall" === _ ? "120px !important" : void 0
}), v(a, ".".concat(f, "-wrapper.ugb-container__wrapper"), {
minHeight: "half" === _ ? "50vh" : "full" === _ ? "100vh" : void 0,
paddingTop: "short" === _ || "tall" === _ ? "0 !important" : void 0,
paddingBottom: "short" === _ || "tall" === _ ? "0 !important" : void 0
}), v(a, "tablet", (v(t = {}, ".".concat(f, "-wrapper > .ugb-container__side"), {
paddingTop: "short" === k ? "35px !important" : "tall" === k ? "120px !important" : void 0,
paddingBottom: "short" === k ? "35px !important" : "tall" === k ? "120px !important" : void 0
}), v(t, ".".concat(f, "-wrapper.ugb-container__wrapper"), {
minHeight: "half" === k ? "50vh" : "full" === k ? "100vh" : void 0,
paddingTop: "short" === k || "tall" === k ? "0 !important" : void 0,
paddingBottom: "short" === k || "tall" === k ? "0 !important" : void 0
}), t)), v(a, "mobile", (v(n = {}, ".".concat(f, "-wrapper > .ugb-container__side"), {
paddingTop: "short" === x ? "35px !important" : "tall" === x ? "120px !important" : void 0,
paddingBottom: "short" === x ? "35px !important" : "tall" === x ? "120px !important" : void 0
}), v(n, ".".concat(f, "-wrapper.ugb-container__wrapper"), {
minHeight: "half" === x ? "50vh" : "full" === x ? "100vh" : void 0,
paddingTop: "short" === x || "tall" === x ? "0 !important" : void 0,
paddingBottom: "short" === x || "tall" === x ? "0 !important" : void 0
}), n)), a));
var E = _ && ("half" === _ || "full" === _), S = k && ("half" === k || "full" === k),
B = x && ("half" === x || "full" === x);
E && b.push(v({}, ".".concat(f, "-wrapper > .ugb-container__side"), {justifyContent: u("contentVerticalAlign")})), (E || S) && b.push({tablet: v({}, ".".concat(f, "-wrapper > .ugb-container__side"), {justifyContent: u("contentTabletVerticalAlign")})}), (E || S || B) && b.push({mobile: v({}, ".".concat(f, "-wrapper > .ugb-container__side"), {justifyContent: u("contentMobileVerticalAlign")})}), b.push({
desktopTablet: v({}, ".".concat(f, "-content-wrapper.ugb-container__content-wrapper"), {width: Object(p.c)(u("contentWidth", "%s%"))}),
tabletOnly: v({}, ".".concat(f, "-content-wrapper.ugb-container__content-wrapper"), {width: Object(p.c)(u("contentTabletWidth", "%s%"))}),
mobile: v({}, ".".concat(f, "-content-wrapper.ugb-container__content-wrapper"), {width: Object(p.c)(u("contentMobileWidth", "%s%"))})
}), b.push((v(i = {}, ".".concat(f, "-wrapper > .ugb-container__side"), {alignItems: Object(p.c)(u("contentHorizontalAlign"))}), v(i, "tablet", v({}, ".".concat(f, "-wrapper > .ugb-container__side"), {alignItems: Object(p.c)(u("contentTabletHorizontalAlign"))})), v(i, "mobile", v({}, ".".concat(f, "-wrapper > .ugb-container__side"), {alignItems: Object(p.c)(u("contentMobileHorizontalAlign"))})), i));
b.push(h({}, y.columnBackground ? Object(p.m)("column%s", "".concat(f, "-wrapper.ugb-container__wrapper"), e.attributes, {importantBackgroundColor: !0}) : {}));
var T = e.attributes, P = T.columnBackgroundColor, A = void 0 === P ? "" : P, N = T.headingColor,
M = void 0 === N ? "" : N, R = T.bodyTextColor, F = void 0 === R ? "" : R;
b.push((v(o = {}, "h1, h2, h3, h4, h5, h6", {color: u("headingColor")}), v(o, "p, li, label, table", {color: u("bodyTextColor")}), v(o, "a, a:visited, a:focus", {color: u("linkColor")}), v(o, "a:hover", {color: u("linkHoverColor")}), o));
var D = e.attributes, I = D.columnPaddingUnit, z = void 0 === I ? "px" : I, L = D.tabletColumnPaddingUnit,
U = void 0 === L ? "px" : L, H = D.mobileColumnPaddingUnit, W = void 0 === H ? "px" : H,
G = Object(l.applyFilters)("stackable.container.spacing-paddings.selector", "> .ugb-inner-block > .ugb-block-content > *", e),
V = Object(l.applyFilters)("stackable.container.spacing-paddings.selector", "> .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper", e);
return b.push({
saveOnly: {
desktopTablet: v({}, G, Object(p.d)({
paddingTop: u("columnPaddingTop", "%s".concat(z)),
paddingBottom: u("columnPaddingBottom", "%s".concat(z)),
paddingRight: u("columnPaddingRight", "%s".concat(z)),
paddingLeft: u("columnPaddingLeft", "%s".concat(z))
})),
tabletOnly: v({}, G, Object(p.d)({
paddingTop: u("tabletColumnPaddingTop", "%s".concat(U)),
paddingRight: u("tabletColumnPaddingRight", "%s".concat(U)),
paddingBottom: u("tabletColumnPaddingBottom", "%s".concat(U)),
paddingLeft: u("tabletColumnPaddingLeft", "%s".concat(U))
})),
mobile: v({}, G, Object(p.d)({
paddingTop: u("mobileColumnPaddingTop", "%s".concat(W)),
paddingRight: u("mobileColumnPaddingRight", "%s".concat(W)),
paddingBottom: u("mobileColumnPaddingBottom", "%s".concat(W)),
paddingLeft: u("mobileColumnPaddingLeft", "%s".concat(W))
}))
},
editor: {
desktopTablet: v({}, V, Object(p.d)({
paddingTop: u("columnPaddingTop", "%s".concat(z)),
paddingBottom: u("columnPaddingBottom", "%s".concat(z)),
paddingRight: u("columnPaddingRight", "%s".concat(z)),
paddingLeft: u("columnPaddingLeft", "%s".concat(z))
})),
tabletOnly: v({}, V, Object(p.d)({
paddingTop: u("tabletColumnPaddingTop", "%s".concat(U)),
paddingRight: u("tabletColumnPaddingRight", "%s".concat(U)),
paddingBottom: u("tabletColumnPaddingBottom", "%s".concat(U)),
paddingLeft: u("tabletColumnPaddingLeft", "%s".concat(U))
})),
mobile: v({}, V, Object(p.d)({
paddingTop: u("mobileColumnPaddingTop", "%s".concat(W)),
paddingRight: u("mobileColumnPaddingRight", "%s".concat(W)),
paddingBottom: u("mobileColumnPaddingBottom", "%s".concat(W)),
paddingLeft: u("mobileColumnPaddingLeft", "%s".concat(W))
}))
}
}), b.push((v(c = {}, ".".concat(f, "-content-wrapper > h1, ") + ".".concat(f, "-content-wrapper > h2, ") + ".".concat(f, "-content-wrapper > h3, ") + ".".concat(f, "-content-wrapper > h4, ") + ".".concat(f, "-content-wrapper > h5, ") + ".".concat(f, "-content-wrapper > h6"), {color: Object(p.wb)(M, y.columnBackground && A)}), v(c, ".".concat(f, "-content-wrapper > p, ") + ".".concat(f, "-content-wrapper > ol li, ") + ".".concat(f, "-content-wrapper > ul li"), {color: Object(p.wb)(F, y.columnBackground && A)}), v(c, "editor", (v(r = {}, ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h1, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h2, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h3, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h4, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h5, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/heading"] h6'), {color: Object(p.wb)(M, y.columnBackground && A)}), v(r, ".".concat(f, '-content-wrapper > * > * [data-type*="core/paragraph"] p, ') + ".".concat(f, '-content-wrapper > * > * [data-type*="core/list"] li'), {color: Object(p.wb)(F, y.columnBackground && A)}), r)), c)), g.a.all(b)
}, O = n(308), w = n.n(O), _ = n(309), j = n.n(_), k = n(310), C = n.n(k), x = n(311), E = n.n(x), S = n(312),
B = n.n(S), T = n(3), P = n(10), A = n(11), N = n(0), M = n(6), R = n(12), F = n(13);
function D(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function I(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(l.addFilter)("stackable.container.edit.layouts", "default", function (e) {
var t = [{
label: Object(N.__)("Basic", i.i18n),
value: "basic",
image: w.a
}, {label: Object(N.__)("Plain", i.i18n), value: "plain", image: j.a}, {
label: Object(N.__)("Image", i.i18n),
value: "image",
image: C.a,
premium: !0
}, {
label: Object(N.sprintf)(Object(N._x)("%s %d", "Nth Title", i.i18n), Object(N.__)("Image", i.i18n), 2),
value: "image2",
image: E.a,
premium: !0
}, {
label: Object(N.sprintf)(Object(N._x)("%s %d", "Nth Title", i.i18n), Object(N.__)("Image", i.i18n), 3),
value: "image3",
image: B.a,
premium: !0
}];
return [].concat(I(e), t)
}), Object(l.addFilter)("stackable.container.edit.inspector.layout.before", "stackable/container", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "basic" : a;
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(T.D, {
initialOpen: !0,
selected: o,
options: Object(l.applyFilters)("stackable.container.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
}, i.showProNotice && wp.element.createElement(T.jb, null)))
}), Object(l.addFilter)("stackable.container.edit.inspector.style.before", "stackable/container", function (e, t) {
var n = t.setAttributes, a = t.attributes, o = a.borderRadius, r = void 0 === o ? "" : o, c = a.shadow,
s = void 0 === c ? "" : c, u = a.restrictContentWidth, b = void 0 !== u && u, p = a.height,
m = void 0 === p ? "" : p, g = a.tabletHeight, f = void 0 === g ? "" : g, h = a.mobileHeight,
v = void 0 === h ? "" : h, y = a.columnContentVerticalAlign, O = void 0 === y ? "" : y,
w = a.tabletColumnContentVerticalAlign, _ = void 0 === w ? "" : w, j = a.mobileColumnContentVerticalAlign,
k = void 0 === j ? "" : j, C = a.contentWidth, x = void 0 === C ? "" : C, E = a.contentTabletWidth,
S = void 0 === E ? "" : E, B = a.contentMobileWidth, P = void 0 === B ? "" : B,
R = a.contentHorizontalAlign, F = void 0 === R ? "" : R, D = a.contentTabletHorizontalAlign,
I = void 0 === D ? "" : D, z = a.contentMobileHorizontalAlign, L = void 0 === z ? "" : z,
U = a.headingColor, H = void 0 === U ? "" : U, W = a.bodyTextColor, G = void 0 === W ? "" : W,
V = a.linkColor, q = void 0 === V ? "" : V, K = a.linkHoverColor, J = void 0 === K ? "" : K, Y = d(t);
return wp.element.createElement(M.Fragment, null, e, wp.element.createElement(T.fb, {
title: Object(N.__)("General", i.i18n),
initialOpen: !0
}, wp.element.createElement(T.kb, {
attrNameTemplate: "%sHeight",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(T.d, {
label: Object(N.__)("Height", i.i18n),
options: [{label: Object(N.__)("Short", i.i18n), value: "short"}, {
label: Object(N.__)("Normal", i.i18n),
value: "normal"
}, {label: Object(N.__)("Tall", i.i18n), value: "tall"}, {
label: Object(N.__)("Half-screen height", i.i18n),
value: "half"
}, {label: Object(N.__)("Full-screen height", i.i18n), value: "full"}]
})), ("half" === m || "full" === m) && wp.element.createElement(T.yb, null, wp.element.createElement(T.e, {
label: Object(N.__)("Content Vertical Align", i.i18n),
controls: "flex-vertical",
value: O,
onChange: function (e) {
return n({columnContentVerticalAlign: e})
}
})), ("half" === m || "full" === m || "half" === f || "full" === f) && wp.element.createElement(T.yb, {screen: "tablet"}, wp.element.createElement(T.e, {
label: Object(N.__)("Content Vertical Align", i.i18n),
controls: "flex-vertical",
value: _,
onChange: function (e) {
return n({tabletColumnContentVerticalAlign: e})
}
})), ("half" === m || "full" === m || "half" === f || "full" === f || "half" === v || "full" === v) && wp.element.createElement(T.yb, {screen: "mobile"}, wp.element.createElement(T.e, {
label: Object(N.__)("Content Vertical Align", i.i18n),
controls: "flex-vertical",
value: k,
onChange: function (e) {
return n({mobileColumnContentVerticalAlign: e})
}
})), Y.restrictContent && wp.element.createElement(A.ToggleControl, {
label: Object(N.__)("Restrict to Content Width", i.i18n),
checked: b,
onChange: function (e) {
return n({restrictContentWidth: e})
},
className: "ugb--help-tip-general-restrict-content"
}), wp.element.createElement(T.kb, {
attrNameTemplate: "content%sWidth",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(T.c, {
label: Object(N.__)("Content Width", i.i18n) + " (%)",
min: 0,
max: 100,
allowReset: !0,
placeholder: "100"
})), x && x < 100 && wp.element.createElement(T.yb, null, wp.element.createElement(T.e, {
label: Object(N.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: F,
onChange: function (e) {
return n({contentHorizontalAlign: e})
}
})), (x && x < 100 || S && S < 100) && wp.element.createElement(T.yb, {screen: "tablet"}, wp.element.createElement(T.e, {
label: Object(N.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: I,
onChange: function (e) {
return n({contentTabletHorizontalAlign: e})
}
})), (x && x < 100 || S && S < 100 || P && P < 100) && wp.element.createElement(T.yb, {screen: "mobile"}, wp.element.createElement(T.e, {
label: Object(N.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: L,
onChange: function (e) {
return n({contentMobileHorizontalAlign: e})
}
})), wp.element.createElement(T.y, null), wp.element.createElement(T.x, {
setAttributes: n,
blockAttributes: t.attributes
})), Y.columnBackground && wp.element.createElement(T.fb, {
title: Object(N.__)("Container", i.i18n),
id: "column-background",
initialOpen: !1,
className: "ugb--help-tip-column-background-on-off"
}, wp.element.createElement(T.s, {
label: Object(N.__)("Background", i.i18n),
popoverLabel: Object(N.__)("Background", i.i18n),
onReset: function () {
n({
columnBackgroundColorType: "",
columnBackgroundColor: "",
columnBackgroundColor2: "",
columnBackgroundColorOpacity: "",
columnBackgroundMediaID: "",
columnBackgroundMediaUrl: "",
columnBackgroundTintStrength: "",
columnFixedBackground: ""
})
},
allowReset: t.attributes.columnBackgroundColor || t.attributes.columnBackgroundMediaUrl,
hasColorPreview: t.attributes.columnBackgroundColor,
hasImagePreview: t.attributes.columnBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.columnBackgroundColorType ? [t.attributes.columnBackgroundColor, t.attributes.columnBackgroundColor2] : t.attributes.columnBackgroundColor,
imageUrlPreview: t.attributes.columnBackgroundMediaUrl
}, wp.element.createElement(T.h, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
})), Y.border && wp.element.createElement(T.n, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
}), Y.borderRadius && wp.element.createElement(T.c, {
label: Object(N.__)("Border Radius", i.i18n),
value: r,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), Y.columnBackground && wp.element.createElement(T.c, {
label: Object(N.__)("Shadow / Outline", i.i18n),
value: s,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), wp.element.createElement(T.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(T.v, {
label: Object(N.__)("Paddings", i.i18n),
setAttributes: n,
attributes: t.attributes
})), Object(l.applyFilters)("stackable.container.edit.inspector.style.column-background.after", null, t), wp.element.createElement(T.fb, {
title: Object(N.__)("Text Colors", i.i18n),
initialOpen: !1
}, wp.element.createElement(T.u, {
value: H, onChange: function (e) {
return n({headingColor: e})
}, label: Object(N.__)("Heading Color", i.i18n)
}), wp.element.createElement(T.u, {
value: G, onChange: function (e) {
return n({bodyTextColor: e})
}, label: Object(N.__)("Text Color", i.i18n)
}), wp.element.createElement(T.u, {
value: q, onChange: function (e) {
return n({linkColor: e})
}, label: Object(N.__)("Link Color", i.i18n)
}), wp.element.createElement(T.u, {
value: J, onChange: function (e) {
return n({linkHoverColor: e})
}, label: Object(N.__)("Link Hover Color", i.i18n)
}), wp.element.createElement("p", {className: "components-base-control__help"}, Object(N.__)("The colors above might not apply to some nested blocks.", i.i18n))))
});
var z = Object(R.compose)(P.i, P.g, P.d, Object(P.h)(), Object(P.c)(), Object(P.a)(y, {editorMode: !0}), Object(P.b)([[".ugb-container__wrapper", "column-background"]]), Object(F.withSelect)(function (e, t) {
var n = t.clientId;
return {hasInnerBlocks: (0, e("core/block-editor").getBlockOrder)(n).length > 0}
}), Object(F.withSelect)(function (e, t) {
Object(p.f)(t.attributes.imageId, e)
}))(function (e) {
var t, n = e.className, a = e.attributes, i = a.design, o = void 0 === i ? "basic" : i, s = a.shadow,
u = void 0 === s ? "" : s, b = a.restrictContentWidth, p = void 0 !== b && b, m = a.uniqueClass,
g = void 0 === m ? "" : m, f = d(e),
h = r()([n, "ugb-container--v2", "ugb-container--design-".concat(o)], Object(l.applyFilters)("stackable.container.mainclasses", {}, e)),
v = r()(["ugb-container__wrapper", "".concat(g, "-wrapper")], Object(l.applyFilters)("stackable.container.wrapperClasses", (D(t = {}, "ugb--shadow-".concat(u), f.columnBackground && "" !== u), D(t, "ugb--restrict-content-width", f.restrictContent && p), t), e)),
y = r()(["ugb-container__content-wrapper", "".concat(g, "-content-wrapper")], {"ugb-content-wrapper": f.restrictContent && p});
return wp.element.createElement(T.k.Edit, {
className: h, blockProps: e, render: function () {
return wp.element.createElement(M.Fragment, null, wp.element.createElement(T.G, {
className: v,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: f.columnBackground
}, Object(l.applyFilters)("stackable.container.edit.wrapper.output", null, e), wp.element.createElement("div", {className: "ugb-container__side"}, wp.element.createElement("div", {className: y}, wp.element.createElement(c.InnerBlocks, {
templateLock: !1,
renderAppender: function () {
return e.hasInnerBlocks ? wp.element.createElement(c.InnerBlocks.DefaultBlockAppender, null) : wp.element.createElement(c.InnerBlocks.ButtonBlockAppender, null)
}
})))))
}
})
});
function L(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var U = Object(R.compose)(P.i, Object(P.a)(y))(function (e) {
var t, n = e.className, a = e.attributes, i = a.design, o = void 0 === i ? "" : i, s = a.shadow,
u = void 0 === s ? "" : s, b = a.restrictContentWidth, p = void 0 !== b && b, m = a.uniqueClass,
g = void 0 === m ? "" : m, f = d(e),
h = r()([n, "ugb-container--v2", "ugb-container--design-".concat(o)], Object(l.applyFilters)("stackable.container.mainclasses", {}, e)),
v = r()(["ugb-container__wrapper", "".concat(g, "-wrapper")], Object(l.applyFilters)("stackable.container.wrapperClasses", (L(t = {}, "ugb--shadow-".concat(u), f.columnBackground && "" !== u), L(t, "ugb--restrict-content-width", f.restrictContent && p), t), e)),
y = r()(["ugb-container__content-wrapper", "".concat(g, "-content-wrapper")], {"ugb-content-wrapper": f.restrictContent && p});
return wp.element.createElement(T.k.Save, {
className: h, blockProps: e, render: function () {
return wp.element.createElement(M.Fragment, null, wp.element.createElement(T.G, {
className: v,
backgroundAttrName: "column%s",
blockProps: e,
showBackground: f.columnBackground
}, Object(l.applyFilters)("stackable.container.save.wrapper.output", null, e), wp.element.createElement("div", {className: "ugb-container__side"}, wp.element.createElement("div", {className: y}, wp.element.createElement(c.InnerBlocks.Content, null)))))
}
})
});
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(7), o = n(1), r = n(4);
Object(r.addFilter)("stackable.icon-list.design.no-text-attributes", "stackable/icon-list", function (e) {
return Object(i.omit)(e, ["text"])
});
var l = n(37), c = n(10), s = n(3), u = n(8), b = n.n(u), p = n(2), m = n(0);
function g(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function d(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? g(n, !0).forEach(function (t) {
f(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : g(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function f(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
function h(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var v = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190 190"><polygon points="173.8,28.4 60.4,141.8 15.7,97.2 5.1,107.8 60.4,163 184.4,39 173.8,28.4"/></svg>',
y = function (e) {
var t = document.createElement("div");
return t.innerHTML = e, t.firstElementChild
}, O = function () {
var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "",
t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "", n = e;
if (e || (n = v), "string" == typeof e && 2 === e.split("-").length) {
var a = e.split("-"), i = h(a, 2), o = i[0], r = i[1];
n = Object(p.O)(o, r)
}
var l = y(n);
if (l) {
var c = l.querySelectorAll("*");
t && (c.forEach(function (e) {
e && !["DEFS", "TITLE", "DESC"].includes(e.tagName) && (e.setAttribute("fill", t), e.setAttribute("stroke", t), e.style.fill = t, e.style.stroke = t)
}), l.setAttribute("style", "fill: ".concat(t, " !important; color: ").concat(t, " !important")));
var s = (new XMLSerializer).serializeToString(l);
return window.btoa(s)
}
}, w = n(14), _ = n.n(w);
function j(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function k(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function C(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? k(n, !0).forEach(function (t) {
x(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : k(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function x(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var E = function (e) {
var t = Object(p.b)(e.attributes), n = e.attributes, a = n.icon, o = n.iconColor, r = n.showBlockBackground,
l = void 0 === r ? "" : r, c = n.blockBackgroundBackgroundColor, s = void 0 === c ? "" : c,
u = n.listTextColor, b = void 0 === u ? "" : u, m = O(a, Object(p.vb)(o, l && s)), g = [];
g.push({
li: C({}, Object(p.K)("listText%s", "desktop", e.attributes), {color: Object(p.vb)(b, l && s)}),
tablet: {li: C({}, Object(p.K)("listText%s", "tablet", e.attributes))},
mobile: {li: C({}, Object(p.K)("listText%s", "mobile", e.attributes))}
});
var d;
g.push.apply(g, j(Object(p.F)("li", "icon%sSize", "--icon-size", "%spx", e.attributes, {important: !0}))), g.push.apply(g, j(Object(p.F)("li::before", "icon%sSize", "width", "%spx", e.attributes, {important: !0}))), g.push.apply(g, j(Object(p.F)("li::before", "icon%sSize", "height", "%spx", e.attributes, {important: !0}))), g.push(C({
"li::before": {
opacity: Object(p.c)(t("opacity")),
transform: Object(p.c)(t("Rotation", "rotate(%sdeg)")),
backgroundImage: m ? "url('data:image/svg+xml;base64,".concat(m, "')") : void 0
}
}, (d = {}, Object(i.range)(1, 21).forEach(function (e) {
if (t("icon".concat(e))) {
var n = O(t("icon".concat(e)), Object(p.vb)(o, l && s));
d["li:nth-child(".concat(e, "):before")] = {backgroundImage: "url('data:image/svg+xml;base64,".concat(t("icon".concat(e)) ? n : m, "')")}
}
}), d))), g.push({
li: {marginBottom: Object(p.c)(t("gap", "%spx"))},
"li ul": {marginBottom: Object(p.c)(t("gap", "%spx"))}
});
var f = e.attributes.displayAsGrid, h = void 0 !== f && f, v = function (e) {
return t(e) ? parseInt(t(e), 10) : 1
}, y = function (e) {
return new Array(e + 1).join("1fr ").trim()
};
return g.push({
".ugb-icon-list ul": {
columns: t("columns"),
gridTemplateColumns: t("columns") && h ? y(v("columns")) : void 0
},
tablet: {
".ugb-icon-list ul": {
columns: t("tabletColumns", "%s !important"),
gridTemplateColumns: t("tabletColumns") && h ? y(v("tabletColumns")) + " !important" : void 0
}
},
mobile: {
".ugb-icon-list ul": {
columns: t("mobileColumns", "%s !important"),
gridTemplateColumns: t("mobileColumns") && h ? y(v("mobileColumns")) + " !important" : void 0
}
}
}), _.a.all(g)
}, S = n(59), B = n(6), T = n(11), P = n(12), A = n(13), N = n(9);
function M(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
Object(r.addFilter)("stackable.icon-list.edit.inspector.style.before", "stackable/icon-list", function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.icon, r = a.iconColor, l = a.gap, c = a.listTextColor,
u = void 0 === c ? "" : c, b = a.displayAsGrid, p = void 0 !== b && b, g = a.columns,
d = void 0 === g ? "" : g, f = a.tabletColumns, h = void 0 === f ? "" : f, y = a.mobileColumns,
O = void 0 === y ? "" : y, w = a.opacity, _ = void 0 === w ? "" : w, j = a.rotation,
k = void 0 === j ? "" : j;
return wp.element.createElement(B.Fragment, null, e, wp.element.createElement(s.fb, {
title: Object(m.__)("General", o.i18n),
initialOpen: !0
}, wp.element.createElement(s.kb, {
attrNameTemplate: "%sColumns",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(s.c, {
label: Object(m.__)("Columns", o.i18n),
min: 1,
max: 4
})), (d && d > 1 || h && h > 1 || O && O > 1) && wp.element.createElement(T.ToggleControl, {
label: Object(m.__)("Display as a grid (left to right & evenly spaced)", o.i18n),
checked: p,
onChange: function (e) {
return n({displayAsGrid: e})
},
className: "ugb--help-tip-icon-list-grid"
}), wp.element.createElement(s.x, {
setAttributes: n,
blockAttributes: t.attributes
})), wp.element.createElement(s.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(s.c, {
label: Object(m.__)("List Gap", o.i18n), value: l, onChange: function (e) {
return n({gap: e})
}, min: 0, max: 30, allowReset: !0, placeholder: "16", className: "ugb--help-tip-icon-list-gap"
})), wp.element.createElement(s.fb, {
title: Object(m.__)("Icon", o.i18n),
initialOpen: !1
}, wp.element.createElement(s.N, {
label: Object(m.__)("Icon", o.i18n),
value: i || v,
onChange: function (e) {
return n({icon: e})
},
help: Object(m.__)("You can click on each icon in the Icon List block to change them individually.", o.i18n)
}), wp.element.createElement(s.y, null), wp.element.createElement(s.u, {
label: Object(m.__)("Icon Color", o.i18n),
value: r,
onChange: function (e) {
return n({iconColor: e})
}
}), wp.element.createElement(s.y, null), wp.element.createElement(s.kb, {
attrNameTemplate: "icon%sSize",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(s.c, {
label: Object(m.__)("Icon Size", o.i18n),
min: 0,
max: 50,
allowReset: !0,
placeholder: "20"
})), wp.element.createElement(s.c, {
label: Object(m.__)("Icon Opacity", o.i18n),
value: _,
min: 0,
max: 1,
step: .1,
onChange: function (e) {
return n({opacity: e})
},
allowReset: !0,
placeholder: "1.0"
}), wp.element.createElement(s.c, {
label: Object(m.__)("Icon Rotation", o.i18n),
value: k,
min: 0,
max: 360,
onChange: function (e) {
return n({rotation: e})
},
allowReset: !0,
placeholder: "0"
})), wp.element.createElement(s.fb, {
title: Object(m.__)("List Text", o.i18n),
id: "text",
initialOpen: !1
}, wp.element.createElement(s.vb, {
attrNameTemplate: "listText%s",
setAttributes: n,
blockAttributes: t.attributes
}), wp.element.createElement(s.u, {
value: u, onChange: function (e) {
return n({listTextColor: e})
}, label: Object(m.__)("Color", o.i18n)
})))
});
var R = Object(P.compose)(c.i, c.g, c.d, S.withTransformOldIconAttributes, Object(c.h)(), Object(c.c)(), Object(c.a)(E, {editorMode: !0}), Object(c.b)([["ul, ul li", "text"]]))(function (e) {
var t, n, a, i, l, c, u, p, g = e.className, d = e.setAttributes, f = e.isSelected, h = e.attributes,
v = h.text, y = h.design, O = void 0 === y ? "" : y, w = h.displayAsGrid, _ = void 0 !== w && w,
j = b()([g, "ugb-icon-list--v2", (t = e.attributes, n = t.contentAlign, a = t.tabletContentAlign, i = t.mobileContentAlign, l = Object(A.select)("core/edit-post").__experimentalGetPreviewDeviceType, c = {}, u = l ? l() : "Desktop", p = ("Desktop" === u ? n : "Tablet" === u ? a : i) || "left", c["ugb-icon-list__".concat(p, "-align")] = p, c)], Object(r.applyFilters)("stackable.icon-list.mainclasses", {"ugb-icon-list--display-grid": _}, O, e)),
k = Object(B.createRef)(), C = Object(A.select)("core/block-editor").isTyping(),
x = M(Object(B.useState)(!1), 2), E = x[0], S = x[1], T = M(Object(B.useState)(null), 2), P = T[0],
R = T[1], F = M(Object(B.useState)(null), 2), D = F[0], I = F[1], z = M(Object(B.useState)(null), 2),
L = z[0], U = z[1], H = function (t) {
if (U(t), "LI" !== t.target.tagName) return S(!1);
var n = Object(A.select)("core/edit-post").__experimentalGetPreviewDeviceType, a = n ? n() : "Desktop",
i = ("Desktop" === a ? e.attributes.iconSize : "Tablet" === a ? e.attributes.iconTabletSize || e.attributes.iconSize : e.attributes.iconMobileSize || e.attributes.iconTabletSize || e.attributes.iconSize) || 20;
if (t.offsetX <= i + 21) {
var o = Array.from(t.target.parentElement.children).indexOf(t.target) + 1,
r = t.target.parentElement.currentlyOpenIndex;
return r && r === o ? (t.target.parentElement.currentlyOpenIndex = void 0, S(!1)) : (t.target.parentElement.currentlyOpenIndex = o, I(o), R(t.target), S(!0))
}
return t.target.parentElement.currentlyOpenIndex = void 0, R(null), S(!1)
};
return Object(B.useEffect)(function () {
return k.current.addEventListener("click", H), function () {
k.current && k.current.removeEventListener("click", H)
}
}, []), Object(B.useEffect)(function () {
f || (S(!1), L && (L.target.parentElement.currentlyOpenIndex = void 0))
}, [f]), wp.element.createElement(s.k.Edit, {
className: j, blockProps: e, render: function () {
return wp.element.createElement(B.Fragment, null, wp.element.createElement("div", {ref: k}, wp.element.createElement(N.RichText, {
tagName: "ul",
multiline: "li",
value: v,
onChange: function (e) {
return d({text: e})
},
placeholder: Object(m.__)("Text for this block", o.i18n),
keepPlaceholderOnFocus: !0
}), !C && f && E && wp.element.createElement(s.Q, {
position: "bottom left",
anchorRef: P,
onClose: function () {
L && (L.target.parentElement.currentlyOpenIndex = void 0), S(!1)
},
onChange: function (e) {
var t, n, a;
d((t = {}, n = "icon".concat(D), a = e, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t))
}
})))
}
})
}), F = Object(P.compose)(c.i, Object(c.a)(E))(function (e) {
var t = e.className, n = e.attributes, a = n.text, i = n.design, o = void 0 === i ? "" : i, l = n.displayAsGrid,
c = void 0 !== l && l,
u = b()([t, "ugb-icon-list--v2"], Object(r.applyFilters)("stackable.icon-list.mainclasses", {"ugb-icon-list--display-grid": c}, o, e));
return wp.element.createElement(s.k.Save, {
className: u, blockProps: e, render: function () {
return wp.element.createElement(B.Fragment, null, wp.element.createElement(N.RichText.Content, {
tagName: "ul",
value: a
}))
}
})
});
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(2), r = n(14), l = n.n(r), c = n(7), s = n(4), u = function (e) {
var t = e.attributes, n = t.design, a = void 0 === n ? "basic" : n, i = t.align, o = void 0 === i ? "" : i,
r = t.showBlockBackground, l = void 0 !== r && r;
return Object(s.applyFilters)("stackable.column.show", {
columnBackground: "plain" !== a,
borderRadius: "plain" !== a && !(!l && "full" === o),
border: "plain" !== a
}, e)
};
function b(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function p(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? b(n, !0).forEach(function (t) {
m(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : b(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function m(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var g = function (e) {
var t, n, a, i, r, s = Object(o.b)(e.attributes), b = [], g = u(e), d = e.attributes.uniqueClass,
f = void 0 === d ? "" : d;
g.borderRadius && b.push((m(r = {}, ".".concat(f, "-column-wrapper"), {borderRadius: s("borderRadius", "%spx !important")}), m(r, "editor", m({}, ".".concat(f, "-wrapper > .ugb-video-background, ") + ".".concat(f, "-wrapper:before"), {borderRadius: s("borderRadius", "%spx !important") || "12px !important"})), r));
g.border && b.push(p({}, Object(o.p)("column%s", ".".concat(f, "-column-wrapper"), e.attributes)));
b.push(p({}, g.columnBackground ? Object(o.m)("column%s", "".concat(f, "-column-wrapper"), e.attributes, {importantBackgroundColor: !0}) : {})), b.push({
saveOnly: Object(c.first)(Object(o.F)("> .ugb-inner-block > .ugb-block-content > *", "%sColumnContentVerticalAlign", "justifyContent", "%s", e.attributes, {important: !0})),
editor: Object(c.first)(Object(o.F)("> .ugb-inner-block > .ugb-block-content > .ugb-column__item", "%sColumnContentVerticalAlign", "justifyContent", "%s", e.attributes, {important: !0}))
}), b.push((m(t = {}, ".".concat(f, "-column-wrapper .ugb-column__content-wrapper"), {width: Object(o.c)(s("contentWidth", "%s".concat(s("contentWidthUnit") || "%")))}), m(t, "tablet", m({}, ".".concat(f, "-column-wrapper .ugb-column__content-wrapper"), {width: Object(o.c)(s("contentTabletWidth", "%s".concat(s("contentTabletWidthUnit") || "%")))})), m(t, "mobile", m({}, ".".concat(f, "-column-wrapper .ugb-column__content-wrapper"), {width: Object(o.c)(s("contentMobileWidth", "%s".concat(s("contentMobileWidthUnit") || "%")))})), t));
var h = e.attributes, v = h.columnPaddingUnit, y = void 0 === v ? "px" : v, O = h.tabletColumnPaddingUnit,
w = void 0 === O ? "px" : O, _ = h.mobileColumnPaddingUnit, j = void 0 === _ ? "px" : _;
b.push({
saveOnly: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > *": Object(o.d)({
paddingTop: s("columnPaddingTop", "%s".concat(y)),
paddingBottom: s("columnPaddingBottom", "%s".concat(y)),
paddingRight: s("columnPaddingRight", "%s".concat(y)),
paddingLeft: s("columnPaddingLeft", "%s".concat(y))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > *": Object(o.d)({
paddingTop: s("tabletColumnPaddingTop", "%s".concat(w)),
paddingRight: s("tabletColumnPaddingRight", "%s".concat(w)),
paddingBottom: s("tabletColumnPaddingBottom", "%s".concat(w)),
paddingLeft: s("tabletColumnPaddingLeft", "%s".concat(w))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > *": Object(o.d)({
paddingTop: s("mobileColumnPaddingTop", "%s".concat(j)),
paddingRight: s("mobileColumnPaddingRight", "%s".concat(j)),
paddingBottom: s("mobileColumnPaddingBottom", "%s".concat(j)),
paddingLeft: s("mobileColumnPaddingLeft", "%s".concat(j))
})
}
},
editor: {
desktopTablet: {
"> .ugb-inner-block > .ugb-block-content > .ugb-column__item": Object(o.d)({
paddingTop: s("columnPaddingTop", "%s".concat(y)),
paddingBottom: s("columnPaddingBottom", "%s".concat(y)),
paddingRight: s("columnPaddingRight", "%s".concat(y)),
paddingLeft: s("columnPaddingLeft", "%s".concat(y))
})
},
tabletOnly: {
"> .ugb-inner-block > .ugb-block-content > .ugb-column__item": Object(o.d)({
paddingTop: s("tabletColumnPaddingTop", "%s".concat(w)),
paddingRight: s("tabletColumnPaddingRight", "%s".concat(w)),
paddingBottom: s("tabletColumnPaddingBottom", "%s".concat(w)),
paddingLeft: s("tabletColumnPaddingLeft", "%s".concat(w))
})
},
mobile: {
"> .ugb-inner-block > .ugb-block-content > .ugb-column__item": Object(o.d)({
paddingTop: s("mobileColumnPaddingTop", "%s".concat(j)),
paddingRight: s("mobileColumnPaddingRight", "%s".concat(j)),
paddingBottom: s("mobileColumnPaddingBottom", "%s".concat(j)),
paddingLeft: s("mobileColumnPaddingLeft", "%s".concat(j))
})
}
}
});
var k = e.attributes, C = k.contentWidth, x = void 0 === C ? "" : C, E = k.contentTabletWidth,
S = void 0 === E ? "" : E, B = k.contentMobileWidth, T = void 0 === B ? "" : B;
x && b.push(m({}, ".".concat(f, "-column-wrapper"), {alignItems: Object(o.c)(s("contentHorizontalAlign"))})), (x || S) && b.push({tablet: m({}, ".".concat(f, "-column-wrapper"), {alignItems: Object(o.c)(s("contentTabletHorizontalAlign"))})}), (x || S || T) && b.push({mobile: m({}, ".".concat(f, "-column-wrapper"), {alignItems: Object(o.c)(s("contentMobileHorizontalAlign"))})});
var P = e.attributes, A = P.columnBackgroundColor, N = void 0 === A ? "" : A, M = P.headingColor,
R = void 0 === M ? "" : M, F = P.bodyTextColor, D = void 0 === F ? "" : F;
return b.push((m(n = {}, "h1, h2, h3, h4, h5, h6", {color: s("headingColor")}), m(n, "p, li, label, table", {color: s("bodyTextColor")}), m(n, "a, a:visited, a:focus", {color: s("linkColor")}), m(n, "a:hover", {color: s("linkHoverColor")}), n)), b.push((m(i = {}, ".".concat(f, "-column-wrapper > * > h1, ") + ".".concat(f, "-column-wrapper > * > h2, ") + ".".concat(f, "-column-wrapper > * > h3, ") + ".".concat(f, "-column-wrapper > * > h4, ") + ".".concat(f, "-column-wrapper > * > h5, ") + ".".concat(f, "-column-wrapper > * > h6"), {color: Object(o.wb)(R, g.columnBackground && N)}), m(i, ".".concat(f, "-column-wrapper > * > p, ") + ".".concat(f, "-column-wrapper > * > ol li, ") + ".".concat(f, "-column-wrapper > * > ul li"), {color: Object(o.wb)(D, g.columnBackground && N)}), m(i, "editor", (m(a = {}, ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h1, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h2, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h3, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h4, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h5, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/heading"] h6'), {color: Object(o.wb)(R, g.columnBackground && N)}), m(a, ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/paragraph"] p, ') + ".".concat(f, '-column-wrapper > * > * > * > [data-type*="core/list"] li'), {color: Object(o.wb)(D, g.columnBackground && N)}), a)), i)), l.a.all(b)
}, d = n(301), f = n.n(d), h = n(302), v = n.n(h), y = n(3), O = n(10), w = n(8), _ = n.n(w), j = n(0), k = n(6),
C = n(9), x = n(12), E = n(13);
function S(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
Object(s.addFilter)("stackable.column.edit.layouts", "default", function (e) {
var t = [{
label: Object(j.__)("Basic", i.i18n),
value: "basic",
image: f.a
}, {label: Object(j.__)("Plain", i.i18n), value: "plain", image: v.a}];
return [].concat(S(e), t)
}), Object(s.addFilter)("stackable.column.edit.inspector.layout.before", "stackable/column", function (e, t) {
var n = t.setAttributes, a = t.attributes.design, o = void 0 === a ? "plain" : a;
return wp.element.createElement(k.Fragment, null, e, wp.element.createElement(y.fb, {
initialOpen: !0,
title: Object(j.__)("Layout", i.i18n)
}, wp.element.createElement(y.A, {
selected: o,
options: Object(s.applyFilters)("stackable.column.edit.layouts", []),
onChange: function (e) {
return n({design: e})
}
})))
}), Object(s.addFilter)("stackable.column.edit.inspector.style.before", "stackable/column", function (e, t) {
var n = t.setAttributes, a = t.attributes, o = a.contentWidth, r = void 0 === o ? "" : o,
l = a.contentWidthUnit, c = void 0 === l ? "%" : l, s = a.contentTabletWidth, b = void 0 === s ? "" : s,
p = a.contentTabletWidthUnit, m = void 0 === p ? "%" : p, g = a.contentMobileWidth,
d = void 0 === g ? "" : g, f = a.contentMobileWidthUnit, h = void 0 === f ? "%" : f,
v = a.contentHorizontalAlign, O = void 0 === v ? "" : v, w = a.contentTabletHorizontalAlign,
_ = void 0 === w ? "" : w, C = a.contentMobileHorizontalAlign, x = void 0 === C ? "" : C,
E = a.borderRadius, S = void 0 === E ? "" : E, B = a.shadow, T = void 0 === B ? "" : B, P = a.headingColor,
A = void 0 === P ? "" : P, N = a.bodyTextColor, M = void 0 === N ? "" : N, R = a.linkColor,
F = void 0 === R ? "" : R, D = a.linkHoverColor, I = void 0 === D ? "" : D, z = u(t);
return wp.element.createElement(k.Fragment, null, e, wp.element.createElement(y.fb, {
title: Object(j.__)("General", i.i18n),
initialOpen: !0
}, wp.element.createElement(y.kb, {
attrNameTemplate: "%sColumnContentVerticalAlign",
setAttributes: n,
blockAttributes: t.attributes
}, wp.element.createElement(y.e, {
label: Object(j.__)("Content Vertical Align", i.i18n),
controls: "flex-vertical"
})), wp.element.createElement(y.yb, null, wp.element.createElement(y.c, {
label: Object(j.__)("Content Width", i.i18n),
allowReset: !0,
placeholder: "100",
units: ["%", "px"],
min: [0, 0],
max: [100, 1e3],
step: [1, 1],
value: r,
unit: c,
onChange: function (e) {
return n({contentWidth: e})
},
onChangeUnit: function (e) {
return n({contentWidthUnit: e})
}
})), wp.element.createElement(y.yb, {screen: "tablet"}, wp.element.createElement(y.c, {
label: Object(j.__)("Content Width", i.i18n),
allowReset: !0,
placeholder: "100",
units: ["%", "px"],
min: [0, 0],
max: [100, 1e3],
step: [1, 1],
value: b,
unit: m,
onChange: function (e) {
return n({contentTabletWidth: e})
},
onChangeUnit: function (e) {
return n({contentTabletWidthUnit: e})
}
})), wp.element.createElement(y.yb, {screen: "mobile"}, wp.element.createElement(y.c, {
label: Object(j.__)("Content Width", i.i18n),
allowReset: !0,
placeholder: "100",
units: ["%", "px"],
min: [0, 0],
max: [100, 1e3],
step: [1, 1],
value: d,
unit: h,
onChange: function (e) {
return n({contentMobileWidth: e})
},
onChangeUnit: function (e) {
return n({contentMobileWidthUnit: e})
}
})), "" !== r && wp.element.createElement(y.yb, null, wp.element.createElement(y.e, {
label: Object(j.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: O,
onChange: function (e) {
return n({contentHorizontalAlign: e})
}
})), ("" !== r || b) && wp.element.createElement(y.yb, {screen: "tablet"}, wp.element.createElement(y.e, {
label: Object(j.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: _,
onChange: function (e) {
return n({contentTabletHorizontalAlign: e})
}
})), ("" !== r || b || d) && wp.element.createElement(y.yb, {screen: "mobile"}, wp.element.createElement(y.e, {
label: Object(j.__)("Content Horizontal Align", i.i18n),
controls: "flex-horizontal",
value: x,
onChange: function (e) {
return n({contentMobileHorizontalAlign: e})
}
})), wp.element.createElement(y.y, null), wp.element.createElement(y.x, {
setAttributes: n,
blockAttributes: t.attributes
})), z.columnBackground && wp.element.createElement(y.fb, {
title: Object(j.__)("Container", i.i18n),
id: "column-background",
initialOpen: !1,
className: "ugb--help-tip-column-background-on-off"
}, wp.element.createElement(y.s, {
label: Object(j.__)("Background", i.i18n),
popoverLabel: Object(j.__)("Background", i.i18n),
onReset: function () {
n({
columnBackgroundColorType: "",
columnBackgroundColor: "",
columnBackgroundColor2: "",
columnBackgroundColorOpacity: "",
columnBackgroundMediaID: "",
columnBackgroundMediaUrl: "",
columnBackgroundTintStrength: "",
columnFixedBackground: ""
})
},
allowReset: t.attributes.columnBackgroundColor || t.attributes.columnBackgroundMediaUrl,
hasColorPreview: t.attributes.columnBackgroundColor,
hasImagePreview: t.attributes.columnBackgroundMediaUrl,
colorPreview: "gradient" === t.attributes.columnBackgroundColorType ? [t.attributes.columnBackgroundColor, t.attributes.columnBackgroundColor2] : t.attributes.columnBackgroundColor,
imageUrlPreview: t.attributes.columnBackgroundMediaUrl
}, wp.element.createElement(y.h, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
})), z.border && wp.element.createElement(y.n, {
attrNameTemplate: "column%s",
setAttributes: n,
blockAttributes: t.attributes
}), z.borderRadius && wp.element.createElement(y.c, {
label: Object(j.__)("Border Radius", i.i18n),
value: S,
onChange: function (e) {
return n({borderRadius: e})
},
min: 0,
max: 50,
allowReset: !0,
placeholder: "12",
className: "ugb--help-tip-general-border-radius"
}), z.columnBackground && wp.element.createElement(y.c, {
label: Object(j.__)("Shadow / Outline", i.i18n),
value: T,
onChange: function (e) {
return n({shadow: e})
},
min: 0,
max: 9,
allowReset: !0,
placeholder: "3",
className: "ugb--help-tip-general-shadow"
})), wp.element.createElement(y.gb, {
initialOpen: !1,
blockProps: t
}, wp.element.createElement(y.v, {
label: Object(j.__)("Paddings", i.i18n),
setAttributes: n,
attributes: t.attributes
})), wp.element.createElement(y.fb, {
title: Object(j.__)("Text Colors", i.i18n),
initialOpen: !1
}, wp.element.createElement(y.u, {
value: A, onChange: function (e) {
return n({headingColor: e})
}, label: Object(j.__)("Heading Color", i.i18n)
}), wp.element.createElement(y.u, {
value: M, onChange: function (e) {
return n({bodyTextColor: e})
}, label: Object(j.__)("Text Color", i.i18n)
}), wp.element.createElement(y.u, {
value: F, onChange: function (e) {
return n({linkColor: e})
}, label: Object(j.__)("Link Color", i.i18n)
}), wp.element.createElement(y.u, {
value: I, onChange: function (e) {
return n({linkHoverColor: e})
}, label: Object(j.__)("Link Hover Color", i.i18n)
}), wp.element.createElement("p", {className: "components-base-control__help"}, Object(j.__)("The colors above might not apply to some nested blocks.", i.i18n))))
});
var B = Object(x.compose)(O.i, O.g, O.d, Object(O.h)(), Object(O.c)(), Object(O.a)(g, {editorMode: !0}), Object(E.withSelect)(function (e, t) {
var n = t.clientId;
return {hasInnerBlocks: (0, e("core/block-editor").getBlockOrder)(n).length > 0}
}))(function (e) {
var t, n, a, i = e.className, o = e.hasInnerBlocks, r = e.attributes, l = r.design,
c = void 0 === l ? "plain" : l, u = r.shadow, b = void 0 === u ? "" : u, p = r.uniqueClass,
m = void 0 === p ? "" : p,
g = _()([i, "ugb-column--design-".concat(c)], Object(s.applyFilters)("stackable.columns.mainclasses", {}, e)),
d = _()(["ugb-column__item", "".concat(m, "-column-wrapper")], (t = {}, n = "ugb--shadow-".concat(b), a = "" !== b, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement(y.k.Edit, {
className: g, blockProps: e, render: function () {
return wp.element.createElement(k.Fragment, null, wp.element.createElement(y.G, {
className: d,
backgroundAttrName: "column%s",
blockProps: e
}, wp.element.createElement("div", {className: "ugb-column__content-wrapper"}, wp.element.createElement(C.InnerBlocks, {
templateLock: !1,
renderAppender: o ? void 0 : function () {
return wp.element.createElement(C.InnerBlocks.ButtonBlockAppender, null)
}
}))))
}
})
});
var T = Object(x.compose)(O.i, Object(O.a)(g))(function (e) {
var t, n, a, i = e.className, o = e.attributes, r = o.design, l = void 0 === r ? "plain" : r, c = o.shadow,
u = void 0 === c ? "" : c, b = o.uniqueClass, p = void 0 === b ? "" : b,
m = _()([i, "ugb-column--design-".concat(l)], Object(s.applyFilters)("stackable.columns.mainclasses", {}, e)),
g = _()(["ugb-column__item", "".concat(p, "-column-wrapper")], (t = {}, n = "ugb--shadow-".concat(u), a = "" !== u, n in t ? Object.defineProperty(t, n, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : t[n] = a, t));
return wp.element.createElement(y.k.Save, {
className: m, blockProps: e, render: function () {
return wp.element.createElement(k.Fragment, null, wp.element.createElement(y.G, {
className: g,
backgroundAttrName: "column%s",
blockProps: e
}, wp.element.createElement("div", {className: "ugb-column__content-wrapper"}, wp.element.createElement(C.InnerBlocks.Content, null))))
}
})
});
function P(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function A(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var N = function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? P(n, !0).forEach(function (t) {
A(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : P(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({design: {type: "string", default: "plain"}}, Object(o.D)("%sColumnContentVerticalAlign", {
type: "string",
default: ""
}), {}, Object(o.D)("content%sWidth", {
type: "number",
default: ""
}), {}, Object(o.D)("content%sWidthUnit", {
type: "string",
default: ""
}), {}, Object(o.D)("content%sHorizontalAlign", {type: "string", default: ""}), {
borderRadius: {
type: "number",
default: ""
}, shadow: {type: "number", default: ""}
}, Object(o.k)("column%s"), {}, Object(o.o)("column%s"), {}, Object(o.i)("%sColor", {
type: "string",
default: ""
}, ["Heading", "BodyText", "Link", "LinkHover"]));
n.d(t, "name", function () {
return M
}), n.d(t, "settings", function () {
return R
});
var M = "ugb/column", R = {
title: Object(j.__)("Advanced Column", i.i18n),
description: Object(j.__)("A single column within an advanced columns block. Get advanced options on how you want your column to look.", i.i18n),
icon: a.g,
parent: ["ugb/columns"],
category: "layout",
keywords: [Object(j.__)("Advanced Columns", i.i18n), Object(j.__)("section rows", i.i18n), Object(j.__)("Stackable", i.i18n)],
attributes: N,
supports: {inserter: !1, reusable: !1, html: !1, anchor: !0},
edit: B,
save: T,
modules: {
"advanced-general": !0,
"advanced-block-spacing": {verticalAlign: !1},
"advanced-column-spacing": {columnGap: !1, paddings: !1},
"advanced-responsive": !0,
"content-align": !0,
"custom-css": {default: Object(s.applyFilters)("stackable.column.custom-css.default", "")}
}
}
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(1), i = n(15), o = n(2), r = n(14), l = n.n(r), c = function (e) {
var t = Object(o.b)(e.attributes), n = [], a = e.attributes, i = a.design, r = void 0 === i ? "basic" : i,
c = a.contentAlign, s = void 0 === c ? "" : c, u = a.tabletContentAlign, b = void 0 === u ? "" : u,
p = a.mobileContentAlign, m = void 0 === p ? "" : p;
return n.push({
".ugb-block-content": {
marginTop: Object(o.c)(t("hrMarginTop", "%spx")),
marginBottom: Object(o.c)(t("hrMarginBottom", "%spx"))
}
}), "basic" !== r && "bar" !== r || n.push({
"hr.ugb-divider__hr": {
backgroundColor: Object(o.c)(t("color")),
height: Object(o.c)(t("height", "%spx")),
width: Object(o.c)(t("width", "%s%")),
marginLeft: Object(o.c)(Object(o.hb)(s)),
marginRight: Object(o.c)(Object(o.ib)(s)),
borderRadius: "bar" === r ? Object(o.c)(t("height", "calc(%spx / 2)")) : void 0
},
tablet: {
"hr.ugb-divider__hr": {
marginLeft: Object(o.c)("" !== b ? Object(o.hb)(b) : void 0),
marginRight: Object(o.c)("" !== b ? Object(o.ib)(b) : void 0)
}
},
mobile: {
"hr.ugb-divider__hr": {
marginLeft: Object(o.c)("" !== m ? Object(o.hb)(m) : void 0),
marginRight: Object(o.c)("" !== m ? Object(o.ib)(m) : void 0)
}
}
}), "dots" !== r && "asterisks" !== r || n.push({
".ugb-divider__dots": {
width: Object(o.c)(t("width", "%s%")),
marginLeft: Object(o.c)(Object(o.hb)(s)),
marginRight: Object(o.c)(Object(o.ib)(s))
},
".ugb-divider__dot": {
backgroundColor: "dots" === r ? Object(o.c)(t("color")) : void 0,
height: Object(o.c)(t("height", "%spx")),
width: Object(o.c)(t("height", "%spx"))
},
tablet: {
".ugb-divider__dots": {
marginLeft: Object(o.c)("" !== b ? Object(o.hb)(b) : void 0),
marginRight: Object(o.c)("" !== b ? Object(o.ib)(b) : void 0)
}
},
mobile: {
".ugb-divider__dots": {
marginLeft: Object(o.c)("" !== m ? Object(o.hb)(m) : void 0),
marginRight: Object(o.c)("" !== m ? Object(o.ib)(m) : void 0)
}
}
}), "asterisks" === r && n.push({
".ugb-divider__dot:before": {
color: t("color"),
fontSize: t("height", "calc(%spx * 1.8)")
}
}), l.a.all(n)
}, s = n(318), u = n.n(s), b = n(319), p = n.n(b), m = n(320), g = n.n(m), d = n(321), f = n.n(d), h = n(3),
v = n(10), y = n(8), O = n.n(y), w = n(0), _ = n(4), j = n(6), k = n(12);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(8), i = n.n(a), o = n(1), r = n(0), l = n(4), c = n(9);
function s(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function u(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var b = [{
attributes: {
text: {source: "html", selector: ".ugb-expand__less-text", multiline: "p", default: ""},
moreText: {source: "html", selector: ".ugb-expand__more-text", multiline: "p", default: ""},
moreLabel: {
source: "html",
selector: ".ugb-expand__more-toggle-text",
default: Object(r.__)("Show more", o.i18n)
},
lessLabel: {
source: "html",
selector: ".ugb-expand__less-toggle-text",
default: Object(r.__)("Show less", o.i18n)
},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: function (e) {
var t = e.className, n = e.attributes, a = n.text, o = n.moreLabel, r = n.moreText, s = n.lessLabel,
u = n.design, b = void 0 === u ? "" : u,
p = i()([t, "ugb-expand"], Object(l.applyFilters)("stackable.expand.mainclasses_1_17_3", {}, b, e));
return wp.element.createElement("div", {
className: p,
"aria-expanded": "false"
}, Object(l.applyFilters)("stackable.expand.save.output.before_1_17_3", null, b, e), wp.element.createElement("div", {className: "ugb-expand__less-text"}, !c.RichText.isEmpty(a) && wp.element.createElement(c.RichText.Content, {
multiline: "p",
value: a
})), wp.element.createElement("div", {
className: "ugb-expand__more-text",
style: {display: "none"}
}, !c.RichText.isEmpty(r) && wp.element.createElement(c.RichText.Content, {
multiline: "p",
value: r
})), wp.element.createElement("a", {
className: "ugb-expand__toggle",
href: "#"
}, wp.element.createElement(c.RichText.Content, {
className: "ugb-expand__more-toggle-text",
tagName: "span",
value: o
}), wp.element.createElement(c.RichText.Content, {
className: "ugb-expand__less-toggle-text",
tagName: "span",
value: s,
style: {display: "none"}
})), Object(l.applyFilters)("stackable.expand.save.output.after_1_17_3", null, b, e))
}, migrate: function (e) {
return function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? s(n, !0).forEach(function (t) {
u(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : s(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, e, {showTitle: !1})
}
}], p = n(2), m = n(14), g = n.n(m);
function d(e) {
return function (e) {
if (Array.isArray(e)) {
for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t];
return n
}
}(e) || function (e) {
if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) return Array.from(e)
}(e) || function () {
throw new TypeError("Invalid attempt to spread non-iterable instance")
}()
}
function f(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function h(e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? f(n, !0).forEach(function (t) {
v(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : f(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}
function v(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var y = function (e) {
var t = Object(p.b)(e.attributes), n = [], a = e.attributes.showTitle, i = void 0 === a || a;
return i && n.push({
".ugb-expand__title": h({}, Object(p.K)("title%s", "desktop", e.attributes), {
color: t("titleColor"),
textAlign: t("titleAlign")
}),
tablet: {".ugb-expand__title": h({}, Object(p.K)("title%s", "tablet", e.attributes), {textAlign: t("titleTabletAlign")})},
mobile: {".ugb-expand__title": h({}, Object(p.K)("title%s", "mobile", e.attributes), {textAlign: t("titleMobileAlign")})}
}), n.push({
".ugb-expand__less-text p, .ugb-expand__more-text p": h({}, Object(p.K)("text%s", "desktop", e.attributes), {
color: t("textColor"),
textAlign: t("textAlign")
}),
tablet: {".ugb-expand__less-text p, .ugb-expand__more-text p": h({}, Object(p.K)("text%s", "tablet", e.attributes), {textAlign: t("textTabletAlign")})},
mobile: {".ugb-expand__less-text p, .ugb-expand__more-text p": h({}, Object(p.K)("text%s", "mobile", e.attributes), {textAlign: t("textMobileAlign")})}
}), n.push({
".ugb-expand__toggle-wrapper": {textAlign: Object(p.c)(t("linkAlign"))},
".ugb-expand__more-toggle-text, .ugb-expand__less-toggle-text": h({}, Object(p.K)("link%s", "desktop", e.attributes), {color: t("linkColor")}),
tablet: {
".ugb-expand__toggle-wrapper": {textAlign: Object(p.c)(t("linkTabletAlign"))},
".ugb-expand__more-toggle-text, .ugb-expand__less-toggle-text": h({}, Object(p.K)("link%s", "tablet", e.attributes))
},
mobile: {
".ugb-expand__toggle-wrapper": {textAlign: Object(p.c)(t("linkMobileAlign"))},
".ugb-expand__more-toggle-text, .ugb-expand__less-toggle-text": h({}, Object(p.K)("link%s", "mobile", e.attributes))
}
}), i && n.push.apply(n, d(Object(p.F)(".ugb-expand__title", "title%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.push.apply(n, d(Object(p.F)(".ugb-expand__less-text, .ugb-expand__more-text", "text%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), n.push.apply(n, d(Object(p.F)(".ugb-expand__more-toggle-text, .ugb-expand__less-toggle-text", "link%sBottomMargin", "marginBottom", "%spx", e.attributes, {important: !0}))), g.a.all(n)
}, O = n(3), w = n(10), _ = n(6), j = n(12);
}, function (e, t, n) {
"use strict";
n.r(t);
var a = n(4), i = n(8), o = n.n(i), r = function (e) {
var t = e.className, n = e.attributes, i = n.height, r = n.design, l = void 0 === r ? "" : r,
c = o()([t, "ugb-spacer"]);
return wp.element.createElement("div", {
className: c,
style: {height: i + "px"}
}, Object(a.applyFilters)("stackable.spacer.save.output.before_1_15_4", null, l, e))
}, l = [{
attributes: function (e) {
var t = e.className, n = e.attributes.design, i = void 0 === n ? "" : n, r = o()([t, "ugb-spacer"]);
return wp.element.createElement("div", {
className: r,
style: "height:undefinedpx"
}, Object(a.applyFilters)("stackable.spacer.save.output.before_1_15_4", null, i, e))
}, save: r
}, {
attributes: {
height: {default: 50, type: "number"},
customCSSUniqueID: {type: "string", default: ""},
customCSS: {type: "string", default: ""},
customCSSCompiled: {type: "string", default: ""}
}, save: r
}], c = n(3), s = n(10), u = n(2), b = n(14), p = n.n(b);
function m(e, t) {
var n = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var a = Object.getOwnPropertySymbols(e);
t && (a = a.filter(function (t) {
return Object.getOwnPropertyDescriptor(e, t).enumerable
})), n.push.apply(n, a)
}
return n
}
function g(e, t, n) {
return t in e ? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[t] = n, e
}
var d = function (e) {
var t = Object(u.b)(e.attributes), n = [];
return n.push({
desktopTablet: {".ugb-spacer": {height: t("height", "%s".concat(t("heightUnit") || "px"))}},
tabletOnly: {".ugb-spacer": {height: t("tabletHeight", "%s".concat(t("tabletHeightUnit") || "px"))}},
mobile: {".ugb-spacer": {height: t("mobileHeight", "%s".concat(t("mobileHeightUnit") || "px"))}}
}), n.push(function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = null != arguments[t] ? arguments[t] : {};
t % 2 ? m(n, !0).forEach(function (t) {
g(e, t, n[t])
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : m(n).forEach(function (t) {
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t))
})
}
return e
}({}, Object(u.m)("%s", "ugb-spacer--inner", e.attributes, {importantBackgroundColor: !0}))), p.a.all(n)
}, f = n(0), h = n(12), v = n(6), y = n(1);
Object(a.addFilter)("stackable.spacer.edit.inspector.style.before", "stackable/spacer", function (e, t) {
var n = t.setAttributes, a = t.attributes, i = a.height, o = void 0 === i ? "" : i, r = a.tabletHeight,
l = void 0 === r ? "" : r, s = a.mobileHeight, u = void 0 === s ? "" : s, b = a.heightUnit,
p = void 0 === b ? "px" : b, m = a.tabletHeightUnit, g = void 0 === m ? "px" : m, d = a.mobileHeightUnit,
h = void 0 === d ? "px" : d;
return wp.element.createElement(v.Fragment, null, e, wp.element.createElement(c.fb, {
title: Object(f.__)("General", y.i18n),
initialOpen: !0
}, wp.element.createElement(c.yb, null, wp.element.createElement(c.c, {
label: Object(f.__)("Height", y.i18n),
units: ["px", "vh"],
min: [1, 0],
max: [500, 100],
step: [1, 1],
allowReset: !0,
value: o,
unit: p,
onChange: function (e) {
return n({height: e})
},
onChangeUnit: function (e) {
return n({heightUnit: e})
},
placeholder: [50]
})), wp.element.createElement(c.yb, {screen: "tablet"}, wp.element.createElement(c.c, {
label: Object(f.__)("Height", y.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [500, 100],
step: [1, 1],
allowReset: !0,
value: l,
unit: g,
onChange: function (e) {
return n({tabletHeight: e})
},
onChangeUnit: function (e) {
return n({tabletHeightUnit: e})
}
})), wp.element.createElement(c.yb, {screen: "mobile"}, wp.element.createElement(c.c, {
label: Object(f.__)("Height", y.i18n),
units: ["px", "vh"],
min: [0, 0],
max: [500, 100],
step: [1, 1],
allowReset: !0,
value: u,
unit: h,
onChange: function (e) {
return n({mobileHeight: e})
},
onChangeUnit: function (e) {
return n({mobileHeightUnit: e})
}
})), wp.element.createElement(c.y, null), wp.element.createElement(c.h, {
attrNameTemplate: "%s",
setAttributes: n,
blockAttributes: t.attributes
})))
});
var O = Object(h.compose)(s.i, s.g, s.d, Object(s.h)(["style", "advanced"]), Object(s.a)(d, {editorMode: !0}))(function (e) {
var t = o()([e.className, "ugb-spacer--v2"]);
return wp.element.createElement(c.k.Edit, {
className: t, blockProps: e, render: function () {
return wp.element.createElement(c.G, {
className: "ugb-spacer--inner",
backgroundAttrName: "%s",
blockProps: e
})
}
})
}), w = Object(h.compose)(s.i, Object(s.a)(d))(function (e) {
var t = o()([e.className, "ugb-spacer--v2"]);
return wp.element.createElement(c.k.Save, {
className: t, blockProps: e, render: function () {
return wp.element.createElement(c.G, {
className: "ugb-spacer--inner",
backgroundAttrName: "%s",
blockProps: e
})
}
})
});
}, , , function (e, t, n) {
"use strict";
n.r(t);
var a = n(15), i = n(1), o = n(3), r = n(11), l = n(12), c = n(17), s = n(13), u = n(6), b = n(0), p = n(4);
function m(e, t) {
return function (e) {
if (Array.isArray(e)) return e
}(e) || function (e, t) {
var n = [], a = !0, i = !1, o = void 0;
try {
for (var r, l = e[Symbol.iterator](); !(a = (r = l.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0) ;
} catch (e) {
i = !0, o = e
} finally {
try {
a || null == l.return || l.return()
} finally {
if (i) throw o
}
}
return n
}(e, t) || function () {
throw new TypeError("Invalid attempt to destructure non-iterable instance")
}()
}
var g = Object(l.compose)([Object(s.withDispatch)(function (e, t) {
var n = t.clientId, a = e("core/block-editor"), i = a.replaceBlock, o = a.replaceBlocks;
return {
replaceBlockWithAttributes: function (e, t, a) {
var o = e.replace(/^\w+\//g, ""),
r = Object(p.applyFilters)("stackable.".concat(o, ".design.filtered-block-attributes"), t),
l = Object(c.createBlock)(e, r, a);
i(n, l)
}, replaceBlocWithContent: function (e) {
var t = Object(c.parse)(e);
o(n, t)
}
}
})]), d = function () {
return null
}, f = function () {
return wp.element.createElement(r.Button, {
onClick: function () {
var e = Object(c.createBlock)("ugb/design-library");
Object(s.dispatch)("core/block-editor").insertBlocks(e).then(function () {
var t = document.querySelector('[data-block="'.concat(e.clientId, '"] .ugb-design-library-block__button'));
t && t.click()
})
},
/*className: "ugb-insert-library-button",*/
/* label: Object(b.__)("Open Design Library", i.i18n),*/
/* icon: wp.element.createElement(a.x, null)*/
}, )
}, h = n(18);
var v = {}, y = "ugb/design-library";
Object(h.a)(function () {
if (!i.isContentOnlyMode && !i.disabledBlocks.includes(y)) var e = null, t = Object(s.subscribe)(function () {
var n = document.querySelector(".edit-post-header-toolbar");
if (n) {
var a = document.createElement("div");
a.classList.add("ugb-insert-library-button__wrapper"), n.querySelector(".ugb-insert-library-button__wrapper") || (Object(u.render)(wp.element.createElement(f, null), a), n.appendChild(a)), e && clearTimeout(e), e = setTimeout(function () {
document.querySelector(".ugb-insert-library-button__wrapper") && t()
}, 0)
}
})
})
}]);