File "main.js"
Full Path: /websites/hqoliveoil/site/wp-content/themes/fairy/candidthemes/alpha-color/dist/main.js
File size: 302.2 KB
MIME-type: application/javascript
Charset: utf-8
!(function (e) {
var t = {};
function r(n) {
if (t[n]) return t[n].exports;
var o = (t[n] = { i: n, l: !1, exports: {} });
return e[n].call(o.exports, o, o.exports, r), (o.l = !0), o.exports;
}
(r.m = e),
(r.c = t),
(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 o in e)
r.d(
n,
o,
function (t) {
return e[t];
}.bind(null, o)
);
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 = ""),
r((r.s = 250));
})([
function (e, t, r) {
"use strict";
e.exports = r(83);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.ReactCSS = t.loop = t.handleActive = t.handleHover = t.hover = void 0);
var n = c(r(85)),
o = c(r(157)),
a = c(r(177)),
i = c(r(178)),
l = c(r(179)),
u = c(r(180));
function c(e) {
return e && e.__esModule ? e : { default: e };
}
(t.hover = i.default), (t.handleHover = i.default), (t.handleActive = l.default), (t.loop = u.default);
var s = (t.ReactCSS = function (e) {
for (var t = arguments.length, r = Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) r[i - 1] = arguments[i];
var l = (0, n.default)(r),
u = (0, o.default)(e, l);
return (0, a.default)(u);
});
t.default = s;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
var n = r(181);
Object.defineProperty(t, "Alpha", {
enumerable: !0,
get: function () {
return f(n).default;
},
});
var o = r(46);
Object.defineProperty(t, "Checkboard", {
enumerable: !0,
get: function () {
return f(o).default;
},
});
var a = r(184);
Object.defineProperty(t, "EditableInput", {
enumerable: !0,
get: function () {
return f(a).default;
},
});
var i = r(185);
Object.defineProperty(t, "Hue", {
enumerable: !0,
get: function () {
return f(i).default;
},
});
var l = r(187);
Object.defineProperty(t, "Raised", {
enumerable: !0,
get: function () {
return f(l).default;
},
});
var u = r(203);
Object.defineProperty(t, "Saturation", {
enumerable: !0,
get: function () {
return f(u).default;
},
});
var c = r(79);
Object.defineProperty(t, "ColorWrap", {
enumerable: !0,
get: function () {
return f(c).default;
},
});
var s = r(211);
function f(e) {
return e && e.__esModule ? e : { default: e };
}
Object.defineProperty(t, "Swatch", {
enumerable: !0,
get: function () {
return f(s).default;
},
});
},
function (e, t) {
var r = Array.isArray;
e.exports = r;
},
function (e, t, r) {
e.exports = r(188)();
},
function (e, t, r) {
var n = r(190),
o = r(194)(function (e, t, r) {
n(e, t, r);
});
e.exports = o;
},
function (e, t) {
e.exports = function (e) {
var t = typeof e;
return null != e && ("object" == t || "function" == t);
};
},
function (e, t, r) {
var n = r(47),
o = "object" == typeof self && self && self.Object === Object && self,
a = n || o || Function("return this")();
e.exports = a;
},
function (e, t) {
e.exports = function (e) {
return null != e && "object" == typeof e;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.red = t.getContrastingColor = t.isValidHex = t.toState = t.simpleCheckForValidColor = void 0);
var n = a(r(208)),
o = a(r(210));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
t.simpleCheckForValidColor = function (e) {
var t = 0,
r = 0;
return (
(0, n.default)(["r", "g", "b", "a", "h", "s", "l", "v"], function (n) {
if (e[n] && ((t += 1), isNaN(e[n]) || (r += 1), "s" === n || "l" === n)) {
/^\d+%$/.test(e[n]) && (r += 1);
}
}),
t === r && e
);
};
var i = (t.toState = function (e, t) {
var r = e.hex ? (0, o.default)(e.hex) : (0, o.default)(e),
n = r.toHsl(),
a = r.toHsv(),
i = r.toRgb(),
l = r.toHex();
return 0 === n.s && ((n.h = t || 0), (a.h = t || 0)), { hsl: n, hex: "000000" === l && 0 === i.a ? "transparent" : "#" + l, rgb: i, hsv: a, oldHue: e.h || t || n.h, source: e.source };
});
(t.isValidHex = function (e) {
var t = "#" === String(e).charAt(0) ? 1 : 0;
return e.length !== 4 + t && e.length < 7 + t && (0, o.default)(e).isValid();
}),
(t.getContrastingColor = function (e) {
if (!e) return "#fff";
var t = i(e);
return "transparent" === t.hex ? "rgba(0,0,0,0.4)" : (299 * t.rgb.r + 587 * t.rgb.g + 114 * t.rgb.b) / 1e3 >= 128 ? "#000" : "#fff";
}),
(t.red = { hsl: { a: 1, h: 0, l: 0.5, s: 1 }, hex: "#ff0000", rgb: { r: 255, g: 0, b: 0, a: 1 }, hsv: { h: 0, s: 1, v: 1, a: 1 } });
t.default = t;
},
function (e, t, r) {
var n = r(54),
o = r(97),
a = r(155),
i = r(3);
e.exports = function (e, t) {
return (i(e) ? n : a)(e, o(t, 3));
};
},
function (e, t, r) {
var n = r(14),
o = r(88),
a = r(89),
i = n ? n.toStringTag : void 0;
e.exports = function (e) {
return null == e ? (void 0 === e ? "[object Undefined]" : "[object Null]") : i && i in Object(e) ? o(e) : a(e);
};
},
function (e, t, r) {
var n = r(110),
o = r(113);
e.exports = function (e, t) {
var r = o(e, t);
return n(r) ? r : void 0;
};
},
function (e, t, r) {
var n = r(38),
o = r(34);
e.exports = function (e) {
return null != e && o(e.length) && !n(e);
};
},
function (e, t, r) {
var n = r(7).Symbol;
e.exports = n;
},
function (e, t, r) {
var n = r(50),
o = r(95),
a = r(13);
e.exports = function (e) {
return a(e) ? n(e) : o(e);
};
},
function (e, t) {
e.exports = function (e, t) {
return e === t || (e != e && t != t);
};
},
function (e, t, r) {
var n = r(69),
o = r(44);
e.exports = function (e, t, r, a) {
var i = !r;
r || (r = {});
for (var l = -1, u = t.length; ++l < u; ) {
var c = t[l],
s = a ? a(r[c], e[c], c, r, e) : void 0;
void 0 === s && (s = e[c]), i ? o(r, c, s) : n(r, c, s);
}
return r;
};
},
function (e, t, r) {
(function (e) {
var n = r(7),
o = r(93),
a = t && !t.nodeType && t,
i = a && "object" == typeof e && e && !e.nodeType && e,
l = i && i.exports === a ? n.Buffer : void 0,
u = (l ? l.isBuffer : void 0) || o;
e.exports = u;
}.call(this, r(31)(e)));
},
function (e, t) {
e.exports = function (e) {
return e;
};
},
function (e, t, r) {
var n = r(21),
o = r(105),
a = r(106),
i = r(107),
l = r(108),
u = r(109);
function c(e) {
var t = (this.__data__ = new n(e));
this.size = t.size;
}
(c.prototype.clear = o), (c.prototype.delete = a), (c.prototype.get = i), (c.prototype.has = l), (c.prototype.set = u), (e.exports = c);
},
function (e, t, r) {
var n = r(100),
o = r(101),
a = r(102),
i = r(103),
l = r(104);
function u(e) {
var t = -1,
r = null == e ? 0 : e.length;
for (this.clear(); ++t < r; ) {
var n = e[t];
this.set(n[0], n[1]);
}
}
(u.prototype.clear = n), (u.prototype.delete = o), (u.prototype.get = a), (u.prototype.has = i), (u.prototype.set = l), (e.exports = u);
},
function (e, t, r) {
var n = r(16);
e.exports = function (e, t) {
for (var r = e.length; r--; ) if (n(e[r][0], t)) return r;
return -1;
};
},
function (e, t, r) {
var n = r(12)(Object, "create");
e.exports = n;
},
function (e, t, r) {
var n = r(122);
e.exports = function (e, t) {
var r = e.__data__;
return n(t) ? r["string" == typeof t ? "string" : "hash"] : r.map;
};
},
function (e, t, r) {
var n = r(137),
o = r(40),
a = r(138),
i = r(139),
l = r(140),
u = r(11),
c = r(55),
s = c(n),
f = c(o),
d = c(a),
p = c(i),
h = c(l),
b = u;
((n && "[object DataView]" != b(new n(new ArrayBuffer(1)))) || (o && "[object Map]" != b(new o())) || (a && "[object Promise]" != b(a.resolve())) || (i && "[object Set]" != b(new i())) || (l && "[object WeakMap]" != b(new l()))) &&
(b = function (e) {
var t = u(e),
r = "[object Object]" == t ? e.constructor : void 0,
n = r ? c(r) : "";
if (n)
switch (n) {
case s:
return "[object DataView]";
case f:
return "[object Map]";
case d:
return "[object Promise]";
case p:
return "[object Set]";
case h:
return "[object WeakMap]";
}
return t;
}),
(e.exports = b);
},
function (e, t, r) {
var n = r(11),
o = r(8);
e.exports = function (e) {
return "symbol" == typeof e || (o(e) && "[object Symbol]" == n(e));
};
},
function (e, t, r) {
var n = r(26);
e.exports = function (e) {
if ("string" == typeof e || n(e)) return e;
var t = e + "";
return "0" == t && 1 / e == -1 / 0 ? "-0" : t;
};
},
function (e, t, r) {
var n = r(50),
o = r(162),
a = r(13);
e.exports = function (e) {
return a(e) ? n(e, !0) : o(e);
};
},
function (e, t, r) {
var n = r(48),
o = r(52);
e.exports = function (e, t) {
return e && n(e, o(t));
};
},
function (e, t, r) {
var n = r(92),
o = r(8),
a = Object.prototype,
i = a.hasOwnProperty,
l = a.propertyIsEnumerable,
u = n(
(function () {
return arguments;
})()
)
? n
: function (e) {
return o(e) && i.call(e, "callee") && !l.call(e, "callee");
};
e.exports = u;
},
function (e, t) {
e.exports = function (e) {
return (
e.webpackPolyfill ||
((e.deprecate = function () {}),
(e.paths = []),
e.children || (e.children = []),
Object.defineProperty(e, "loaded", {
enumerable: !0,
get: function () {
return e.l;
},
}),
Object.defineProperty(e, "id", {
enumerable: !0,
get: function () {
return e.i;
},
}),
(e.webpackPolyfill = 1)),
e
);
};
},
function (e, t) {
var r = /^(?:0|[1-9]\d*)$/;
e.exports = function (e, t) {
var n = typeof e;
return !!(t = null == t ? 9007199254740991 : t) && ("number" == n || ("symbol" != n && r.test(e))) && e > -1 && e % 1 == 0 && e < t;
};
},
function (e, t, r) {
var n = r(94),
o = r(35),
a = r(36),
i = a && a.isTypedArray,
l = i ? o(i) : n;
e.exports = l;
},
function (e, t) {
e.exports = function (e) {
return "number" == typeof e && e > -1 && e % 1 == 0 && e <= 9007199254740991;
};
},
function (e, t) {
e.exports = function (e) {
return function (t) {
return e(t);
};
};
},
function (e, t, r) {
(function (e) {
var n = r(47),
o = t && !t.nodeType && t,
a = o && "object" == typeof e && e && !e.nodeType && e,
i = a && a.exports === o && n.process,
l = (function () {
try {
var e = a && a.require && a.require("util").types;
return e || (i && i.binding && i.binding("util"));
} catch (e) {}
})();
e.exports = l;
}.call(this, r(31)(e)));
},
function (e, t) {
var r = Object.prototype;
e.exports = function (e) {
var t = e && e.constructor;
return e === (("function" == typeof t && t.prototype) || r);
};
},
function (e, t, r) {
var n = r(11),
o = r(6);
e.exports = function (e) {
if (!o(e)) return !1;
var t = n(e);
return "[object Function]" == t || "[object GeneratorFunction]" == t || "[object AsyncFunction]" == t || "[object Proxy]" == t;
};
},
function (e, t, r) {
var n = r(51)(Object.getPrototypeOf, Object);
e.exports = n;
},
function (e, t, r) {
var n = r(12)(r(7), "Map");
e.exports = n;
},
function (e, t, r) {
var n = r(114),
o = r(121),
a = r(123),
i = r(124),
l = r(125);
function u(e) {
var t = -1,
r = null == e ? 0 : e.length;
for (this.clear(); ++t < r; ) {
var n = e[t];
this.set(n[0], n[1]);
}
}
(u.prototype.clear = n), (u.prototype.delete = o), (u.prototype.get = a), (u.prototype.has = i), (u.prototype.set = l), (e.exports = u);
},
function (e, t, r) {
var n = r(136),
o = r(62),
a = Object.prototype.propertyIsEnumerable,
i = Object.getOwnPropertySymbols,
l = i
? function (e) {
return null == e
? []
: ((e = Object(e)),
n(i(e), function (t) {
return a.call(e, t);
}));
}
: o;
e.exports = l;
},
function (e, t, r) {
var n = r(3),
o = r(26),
a = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
i = /^\w*$/;
e.exports = function (e, t) {
if (n(e)) return !1;
var r = typeof e;
return !("number" != r && "symbol" != r && "boolean" != r && null != e && !o(e)) || i.test(e) || !a.test(e) || (null != t && e in Object(t));
};
},
function (e, t, r) {
var n = r(70);
e.exports = function (e, t, r) {
"__proto__" == t && n ? n(e, t, { configurable: !0, enumerable: !0, value: r, writable: !0 }) : (e[t] = r);
};
},
function (e, t, r) {
var n = r(58);
e.exports = function (e) {
var t = new e.constructor(e.byteLength);
return new n(t).set(new n(e)), t;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Checkboard = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = r(0),
a = u(o),
i = u(r(1)),
l = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(183));
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.Checkboard = function (e) {
var t = e.white,
r = e.grey,
u = e.size,
c = e.renderers,
s = e.borderRadius,
f = e.boxShadow,
d = e.children,
p = (0, i.default)({ default: { grid: { borderRadius: s, boxShadow: f, absolute: "0px 0px 0px 0px", background: "url(" + l.get(t, r, u, c.canvas) + ") center left" } } });
return (0, o.isValidElement)(d) ? a.default.cloneElement(d, n({}, d.props, { style: n({}, d.props.style, p.grid) })) : a.default.createElement("div", { style: p.grid });
});
(c.defaultProps = { size: 8, white: "transparent", grey: "rgba(0,0,0,.08)", renderers: {} }), (t.default = c);
},
function (e, t, r) {
(function (t) {
var r = "object" == typeof t && t && t.Object === Object && t;
e.exports = r;
}.call(this, r(87)));
},
function (e, t, r) {
var n = r(49),
o = r(15);
e.exports = function (e, t) {
return e && n(e, t, o);
};
},
function (e, t, r) {
var n = r(90)();
e.exports = n;
},
function (e, t, r) {
var n = r(91),
o = r(30),
a = r(3),
i = r(18),
l = r(32),
u = r(33),
c = Object.prototype.hasOwnProperty;
e.exports = function (e, t) {
var r = a(e),
s = !r && o(e),
f = !r && !s && i(e),
d = !r && !s && !f && u(e),
p = r || s || f || d,
h = p ? n(e.length, String) : [],
b = h.length;
for (var v in e) (!t && !c.call(e, v)) || (p && ("length" == v || (f && ("offset" == v || "parent" == v)) || (d && ("buffer" == v || "byteLength" == v || "byteOffset" == v)) || l(v, b))) || h.push(v);
return h;
};
},
function (e, t) {
e.exports = function (e, t) {
return function (r) {
return e(t(r));
};
};
},
function (e, t, r) {
var n = r(19);
e.exports = function (e) {
return "function" == typeof e ? e : n;
};
},
function (e, t, r) {
var n = r(11),
o = r(39),
a = r(8),
i = Function.prototype,
l = Object.prototype,
u = i.toString,
c = l.hasOwnProperty,
s = u.call(Object);
e.exports = function (e) {
if (!a(e) || "[object Object]" != n(e)) return !1;
var t = o(e);
if (null === t) return !0;
var r = c.call(t, "constructor") && t.constructor;
return "function" == typeof r && r instanceof r && u.call(r) == s;
};
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = null == e ? 0 : e.length, o = Array(n); ++r < n; ) o[r] = t(e[r], r, e);
return o;
};
},
function (e, t) {
var r = Function.prototype.toString;
e.exports = function (e) {
if (null != e) {
try {
return r.call(e);
} catch (e) {}
try {
return e + "";
} catch (e) {}
}
return "";
};
},
function (e, t, r) {
var n = r(126),
o = r(8);
e.exports = function e(t, r, a, i, l) {
return t === r || (null == t || null == r || (!o(t) && !o(r)) ? t != t && r != r : n(t, r, a, i, e, l));
};
},
function (e, t, r) {
var n = r(127),
o = r(130),
a = r(131);
e.exports = function (e, t, r, i, l, u) {
var c = 1 & r,
s = e.length,
f = t.length;
if (s != f && !(c && f > s)) return !1;
var d = u.get(e);
if (d && u.get(t)) return d == t;
var p = -1,
h = !0,
b = 2 & r ? new n() : void 0;
for (u.set(e, t), u.set(t, e); ++p < s; ) {
var v = e[p],
g = t[p];
if (i) var y = c ? i(g, v, p, t, e, u) : i(v, g, p, e, t, u);
if (void 0 !== y) {
if (y) continue;
h = !1;
break;
}
if (b) {
if (
!o(t, function (e, t) {
if (!a(b, t) && (v === e || l(v, e, r, i, u))) return b.push(t);
})
) {
h = !1;
break;
}
} else if (v !== g && !l(v, g, r, i, u)) {
h = !1;
break;
}
}
return u.delete(e), u.delete(t), h;
};
},
function (e, t, r) {
var n = r(7).Uint8Array;
e.exports = n;
},
function (e, t, r) {
var n = r(60),
o = r(42),
a = r(15);
e.exports = function (e) {
return n(e, a, o);
};
},
function (e, t, r) {
var n = r(61),
o = r(3);
e.exports = function (e, t, r) {
var a = t(e);
return o(e) ? a : n(a, r(e));
};
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = t.length, o = e.length; ++r < n; ) e[o + r] = t[r];
return e;
};
},
function (e, t) {
e.exports = function () {
return [];
};
},
function (e, t, r) {
var n = r(6);
e.exports = function (e) {
return e == e && !n(e);
};
},
function (e, t) {
e.exports = function (e, t) {
return function (r) {
return null != r && r[e] === t && (void 0 !== t || e in Object(r));
};
};
},
function (e, t, r) {
var n = r(66),
o = r(27);
e.exports = function (e, t) {
for (var r = 0, a = (t = n(t, e)).length; null != e && r < a; ) e = e[o(t[r++])];
return r && r == a ? e : void 0;
};
},
function (e, t, r) {
var n = r(3),
o = r(43),
a = r(144),
i = r(147);
e.exports = function (e, t) {
return n(e) ? e : o(e, t) ? [e] : a(i(e));
};
},
function (e, t, r) {
var n = r(48),
o = r(156)(n);
e.exports = o;
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = null == e ? 0 : e.length; ++r < n && !1 !== t(e[r], r, e); );
return e;
};
},
function (e, t, r) {
var n = r(44),
o = r(16),
a = Object.prototype.hasOwnProperty;
e.exports = function (e, t, r) {
var i = e[t];
(a.call(e, t) && o(i, r) && (void 0 !== r || t in e)) || n(e, t, r);
};
},
function (e, t, r) {
var n = r(12),
o = (function () {
try {
var e = n(Object, "defineProperty");
return e({}, "", {}), e;
} catch (e) {}
})();
e.exports = o;
},
function (e, t, r) {
(function (e) {
var n = r(7),
o = t && !t.nodeType && t,
a = o && "object" == typeof e && e && !e.nodeType && e,
i = a && a.exports === o ? n.Buffer : void 0,
l = i ? i.allocUnsafe : void 0;
e.exports = function (e, t) {
if (t) return e.slice();
var r = e.length,
n = l ? l(r) : new e.constructor(r);
return e.copy(n), n;
};
}.call(this, r(31)(e)));
},
function (e, t) {
e.exports = function (e, t) {
var r = -1,
n = e.length;
for (t || (t = Array(n)); ++r < n; ) t[r] = e[r];
return t;
};
},
function (e, t, r) {
var n = r(61),
o = r(39),
a = r(42),
i = r(62),
l = Object.getOwnPropertySymbols
? function (e) {
for (var t = []; e; ) n(t, a(e)), (e = o(e));
return t;
}
: i;
e.exports = l;
},
function (e, t, r) {
var n = r(45);
e.exports = function (e, t) {
var r = t ? n(e.buffer) : e.buffer;
return new e.constructor(r, e.byteOffset, e.length);
};
},
function (e, t, r) {
var n = r(172),
o = r(39),
a = r(37);
e.exports = function (e) {
return "function" != typeof e.constructor || a(e) ? {} : n(o(e));
};
},
function (e, t, r) {
var n = r(44),
o = r(16);
e.exports = function (e, t, r) {
((void 0 !== r && !o(e[t], r)) || (void 0 === r && !(t in e))) && n(e, t, r);
};
},
function (e, t) {
e.exports = function (e, t) {
if (("constructor" !== t || "function" != typeof e[t]) && "__proto__" != t) return e[t];
};
},
function (e, t, r) {
var n = r(6),
o = r(205),
a = r(206),
i = Math.max,
l = Math.min;
e.exports = function (e, t, r) {
var u,
c,
s,
f,
d,
p,
h = 0,
b = !1,
v = !1,
g = !0;
if ("function" != typeof e) throw new TypeError("Expected a function");
function y(t) {
var r = u,
n = c;
return (u = c = void 0), (h = t), (f = e.apply(n, r));
}
function x(e) {
return (h = e), (d = setTimeout(w, t)), b ? y(e) : f;
}
function m(e) {
var r = e - p;
return void 0 === p || r >= t || r < 0 || (v && e - h >= s);
}
function w() {
var e = o();
if (m(e)) return _(e);
d = setTimeout(
w,
(function (e) {
var r = t - (e - p);
return v ? l(r, s - (e - h)) : r;
})(e)
);
}
function _(e) {
return (d = void 0), g && u ? y(e) : ((u = c = void 0), f);
}
function E() {
var e = o(),
r = m(e);
if (((u = arguments), (c = this), (p = e), r)) {
if (void 0 === d) return x(p);
if (v) return clearTimeout(d), (d = setTimeout(w, t)), y(p);
}
return void 0 === d && (d = setTimeout(w, t)), f;
}
return (
(t = a(t) || 0),
n(r) && ((b = !!r.leading), (s = (v = "maxWait" in r) ? i(a(r.maxWait) || 0, t) : s), (g = "trailing" in r ? !!r.trailing : g)),
(E.cancel = function () {
void 0 !== d && clearTimeout(d), (h = 0), (u = p = c = d = void 0);
}),
(E.flush = function () {
return void 0 === d ? f : _(o());
}),
E
);
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.ColorWrap = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
a = r(0),
i = c(a),
l = c(r(78)),
u = c(r(9));
function c(e) {
return e && e.__esModule ? e : { default: e };
}
var s = (t.ColorWrap = function (e) {
var t = (function (t) {
function r(e) {
!(function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
})(this, r);
var t = (function (e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
})(this, (r.__proto__ || Object.getPrototypeOf(r)).call(this));
return (
(t.handleChange = function (e, r) {
if (u.default.simpleCheckForValidColor(e)) {
var n = u.default.toState(e, e.h || t.state.oldHue);
t.setState(n), t.props.onChangeComplete && t.debounce(t.props.onChangeComplete, n, r), t.props.onChange && t.props.onChange(n, r);
}
}),
(t.handleSwatchHover = function (e, r) {
if (u.default.simpleCheckForValidColor(e)) {
var n = u.default.toState(e, e.h || t.state.oldHue);
t.props.onSwatchHover && t.props.onSwatchHover(n, r);
}
}),
(t.state = n({}, u.default.toState(e.color, 0))),
(t.debounce = (0, l.default)(function (e, t, r) {
e(t, r);
}, 100)),
t
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(r, t),
o(
r,
[
{
key: "render",
value: function () {
var t = {};
return this.props.onSwatchHover && (t.onSwatchHover = this.handleSwatchHover), i.default.createElement(e, n({}, this.props, this.state, { onChange: this.handleChange }, t));
},
},
],
[
{
key: "getDerivedStateFromProps",
value: function (e, t) {
return n({}, u.default.toState(e.color, t.oldHue));
},
},
]
),
r
);
})(a.PureComponent || a.Component);
return (t.propTypes = n({}, e.propTypes)), (t.defaultProps = n({}, e.defaultProps, { color: { h: 250, s: 0.5, l: 0.2, a: 1 } })), t;
});
t.default = s;
},
function (e, t, r) {
"use strict";
r.r(t),
r.d(t, "red", function () {
return n;
}),
r.d(t, "pink", function () {
return o;
}),
r.d(t, "purple", function () {
return a;
}),
r.d(t, "deepPurple", function () {
return i;
}),
r.d(t, "indigo", function () {
return l;
}),
r.d(t, "blue", function () {
return u;
}),
r.d(t, "lightBlue", function () {
return c;
}),
r.d(t, "cyan", function () {
return s;
}),
r.d(t, "teal", function () {
return f;
}),
r.d(t, "green", function () {
return d;
}),
r.d(t, "lightGreen", function () {
return p;
}),
r.d(t, "lime", function () {
return h;
}),
r.d(t, "yellow", function () {
return b;
}),
r.d(t, "amber", function () {
return v;
}),
r.d(t, "orange", function () {
return g;
}),
r.d(t, "deepOrange", function () {
return y;
}),
r.d(t, "brown", function () {
return x;
}),
r.d(t, "grey", function () {
return m;
}),
r.d(t, "blueGrey", function () {
return w;
}),
r.d(t, "darkText", function () {
return _;
}),
r.d(t, "lightText", function () {
return E;
}),
r.d(t, "darkIcons", function () {
return C;
}),
r.d(t, "lightIcons", function () {
return j;
}),
r.d(t, "white", function () {
return O;
}),
r.d(t, "black", function () {
return S;
});
var n = {
50: "#ffebee",
100: "#ffcdd2",
200: "#ef9a9a",
300: "#e57373",
400: "#ef5350",
500: "#f44336",
600: "#e53935",
700: "#d32f2f",
800: "#c62828",
900: "#b71c1c",
a100: "#ff8a80",
a200: "#ff5252",
a400: "#ff1744",
a700: "#d50000",
},
o = {
50: "#fce4ec",
100: "#f8bbd0",
200: "#f48fb1",
300: "#f06292",
400: "#ec407a",
500: "#e91e63",
600: "#d81b60",
700: "#c2185b",
800: "#ad1457",
900: "#880e4f",
a100: "#ff80ab",
a200: "#ff4081",
a400: "#f50057",
a700: "#c51162",
},
a = {
50: "#f3e5f5",
100: "#e1bee7",
200: "#ce93d8",
300: "#ba68c8",
400: "#ab47bc",
500: "#9c27b0",
600: "#8e24aa",
700: "#7b1fa2",
800: "#6a1b9a",
900: "#4a148c",
a100: "#ea80fc",
a200: "#e040fb",
a400: "#d500f9",
a700: "#aa00ff",
},
i = {
50: "#ede7f6",
100: "#d1c4e9",
200: "#b39ddb",
300: "#9575cd",
400: "#7e57c2",
500: "#673ab7",
600: "#5e35b1",
700: "#512da8",
800: "#4527a0",
900: "#311b92",
a100: "#b388ff",
a200: "#7c4dff",
a400: "#651fff",
a700: "#6200ea",
},
l = {
50: "#e8eaf6",
100: "#c5cae9",
200: "#9fa8da",
300: "#7986cb",
400: "#5c6bc0",
500: "#3f51b5",
600: "#3949ab",
700: "#303f9f",
800: "#283593",
900: "#1a237e",
a100: "#8c9eff",
a200: "#536dfe",
a400: "#3d5afe",
a700: "#304ffe",
},
u = {
50: "#e3f2fd",
100: "#bbdefb",
200: "#90caf9",
300: "#64b5f6",
400: "#42a5f5",
500: "#2196f3",
600: "#1e88e5",
700: "#1976d2",
800: "#1565c0",
900: "#0d47a1",
a100: "#82b1ff",
a200: "#448aff",
a400: "#2979ff",
a700: "#2962ff",
},
c = {
50: "#e1f5fe",
100: "#b3e5fc",
200: "#81d4fa",
300: "#4fc3f7",
400: "#29b6f6",
500: "#03a9f4",
600: "#039be5",
700: "#0288d1",
800: "#0277bd",
900: "#01579b",
a100: "#80d8ff",
a200: "#40c4ff",
a400: "#00b0ff",
a700: "#0091ea",
},
s = {
50: "#e0f7fa",
100: "#b2ebf2",
200: "#80deea",
300: "#4dd0e1",
400: "#26c6da",
500: "#00bcd4",
600: "#00acc1",
700: "#0097a7",
800: "#00838f",
900: "#006064",
a100: "#84ffff",
a200: "#18ffff",
a400: "#00e5ff",
a700: "#00b8d4",
},
f = {
50: "#e0f2f1",
100: "#b2dfdb",
200: "#80cbc4",
300: "#4db6ac",
400: "#26a69a",
500: "#009688",
600: "#00897b",
700: "#00796b",
800: "#00695c",
900: "#004d40",
a100: "#a7ffeb",
a200: "#64ffda",
a400: "#1de9b6",
a700: "#00bfa5",
},
d = {
50: "#e8f5e9",
100: "#c8e6c9",
200: "#a5d6a7",
300: "#81c784",
400: "#66bb6a",
500: "#4caf50",
600: "#43a047",
700: "#388e3c",
800: "#2e7d32",
900: "#1b5e20",
a100: "#b9f6ca",
a200: "#69f0ae",
a400: "#00e676",
a700: "#00c853",
},
p = {
50: "#f1f8e9",
100: "#dcedc8",
200: "#c5e1a5",
300: "#aed581",
400: "#9ccc65",
500: "#8bc34a",
600: "#7cb342",
700: "#689f38",
800: "#558b2f",
900: "#33691e",
a100: "#ccff90",
a200: "#b2ff59",
a400: "#76ff03",
a700: "#64dd17",
},
h = {
50: "#f9fbe7",
100: "#f0f4c3",
200: "#e6ee9c",
300: "#dce775",
400: "#d4e157",
500: "#cddc39",
600: "#c0ca33",
700: "#afb42b",
800: "#9e9d24",
900: "#827717",
a100: "#f4ff81",
a200: "#eeff41",
a400: "#c6ff00",
a700: "#aeea00",
},
b = {
50: "#fffde7",
100: "#fff9c4",
200: "#fff59d",
300: "#fff176",
400: "#ffee58",
500: "#ffeb3b",
600: "#fdd835",
700: "#fbc02d",
800: "#f9a825",
900: "#f57f17",
a100: "#ffff8d",
a200: "#ffff00",
a400: "#ffea00",
a700: "#ffd600",
},
v = {
50: "#fff8e1",
100: "#ffecb3",
200: "#ffe082",
300: "#ffd54f",
400: "#ffca28",
500: "#ffc107",
600: "#ffb300",
700: "#ffa000",
800: "#ff8f00",
900: "#ff6f00",
a100: "#ffe57f",
a200: "#ffd740",
a400: "#ffc400",
a700: "#ffab00",
},
g = {
50: "#fff3e0",
100: "#ffe0b2",
200: "#ffcc80",
300: "#ffb74d",
400: "#ffa726",
500: "#ff9800",
600: "#fb8c00",
700: "#f57c00",
800: "#ef6c00",
900: "#e65100",
a100: "#ffd180",
a200: "#ffab40",
a400: "#ff9100",
a700: "#ff6d00",
},
y = {
50: "#fbe9e7",
100: "#ffccbc",
200: "#ffab91",
300: "#ff8a65",
400: "#ff7043",
500: "#ff5722",
600: "#f4511e",
700: "#e64a19",
800: "#d84315",
900: "#bf360c",
a100: "#ff9e80",
a200: "#ff6e40",
a400: "#ff3d00",
a700: "#dd2c00",
},
x = { 50: "#efebe9", 100: "#d7ccc8", 200: "#bcaaa4", 300: "#a1887f", 400: "#8d6e63", 500: "#795548", 600: "#6d4c41", 700: "#5d4037", 800: "#4e342e", 900: "#3e2723" },
m = { 50: "#fafafa", 100: "#f5f5f5", 200: "#eeeeee", 300: "#e0e0e0", 400: "#bdbdbd", 500: "#9e9e9e", 600: "#757575", 700: "#616161", 800: "#424242", 900: "#212121" },
w = { 50: "#eceff1", 100: "#cfd8dc", 200: "#b0bec5", 300: "#90a4ae", 400: "#78909c", 500: "#607d8b", 600: "#546e7a", 700: "#455a64", 800: "#37474f", 900: "#263238" },
_ = { primary: "rgba(0, 0, 0, 0.87)", secondary: "rgba(0, 0, 0, 0.54)", disabled: "rgba(0, 0, 0, 0.38)", dividers: "rgba(0, 0, 0, 0.12)" },
E = { primary: "rgba(255, 255, 255, 1)", secondary: "rgba(255, 255, 255, 0.7)", disabled: "rgba(255, 255, 255, 0.5)", dividers: "rgba(255, 255, 255, 0.12)" },
C = { active: "rgba(0, 0, 0, 0.54)", inactive: "rgba(0, 0, 0, 0.38)" },
j = { active: "rgba(255, 255, 255, 1)", inactive: "rgba(255, 255, 255, 0.5)" },
O = "#ffffff",
S = "#000000";
t.default = {
red: n,
pink: o,
purple: a,
deepPurple: i,
indigo: l,
blue: u,
lightBlue: c,
cyan: s,
teal: f,
green: d,
lightGreen: p,
lime: h,
yellow: b,
amber: v,
orange: g,
deepOrange: y,
brown: x,
grey: m,
blueGrey: w,
darkText: _,
lightText: E,
darkIcons: C,
lightIcons: j,
white: O,
black: S,
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }),
(t.CustomPicker = t.TwitterPicker = t.SwatchesPicker = t.SliderPicker = t.SketchPicker = t.PhotoshopPicker = t.MaterialPicker = t.HuePicker = t.GithubPicker = t.CompactPicker = t.ChromePicker = t.default = t.CirclePicker = t.BlockPicker = t.AlphaPicker = void 0);
var n = r(82);
Object.defineProperty(t, "AlphaPicker", {
enumerable: !0,
get: function () {
return y(n).default;
},
});
var o = r(214);
Object.defineProperty(t, "BlockPicker", {
enumerable: !0,
get: function () {
return y(o).default;
},
});
var a = r(216);
Object.defineProperty(t, "CirclePicker", {
enumerable: !0,
get: function () {
return y(a).default;
},
});
var i = r(218);
Object.defineProperty(t, "ChromePicker", {
enumerable: !0,
get: function () {
return y(i).default;
},
});
var l = r(224);
Object.defineProperty(t, "CompactPicker", {
enumerable: !0,
get: function () {
return y(l).default;
},
});
var u = r(227);
Object.defineProperty(t, "GithubPicker", {
enumerable: !0,
get: function () {
return y(u).default;
},
});
var c = r(229);
Object.defineProperty(t, "HuePicker", {
enumerable: !0,
get: function () {
return y(c).default;
},
});
var s = r(231);
Object.defineProperty(t, "MaterialPicker", {
enumerable: !0,
get: function () {
return y(s).default;
},
});
var f = r(232);
Object.defineProperty(t, "PhotoshopPicker", {
enumerable: !0,
get: function () {
return y(f).default;
},
});
var d = r(238);
Object.defineProperty(t, "SketchPicker", {
enumerable: !0,
get: function () {
return y(d).default;
},
});
var p = r(241);
Object.defineProperty(t, "SliderPicker", {
enumerable: !0,
get: function () {
return y(p).default;
},
});
var h = r(245);
Object.defineProperty(t, "SwatchesPicker", {
enumerable: !0,
get: function () {
return y(h).default;
},
});
var b = r(249);
Object.defineProperty(t, "TwitterPicker", {
enumerable: !0,
get: function () {
return y(b).default;
},
});
var v = r(79);
Object.defineProperty(t, "CustomPicker", {
enumerable: !0,
get: function () {
return y(v).default;
},
});
var g = y(i);
function y(e) {
return e && e.__esModule ? e : { default: e };
}
t.default = g.default;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.AlphaPicker = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = u(r(0)),
a = u(r(1)),
i = r(2),
l = u(r(213));
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.AlphaPicker = function (e) {
var t = e.rgb,
r = e.hsl,
l = e.width,
u = e.height,
c = e.onChange,
s = e.direction,
f = e.style,
d = e.renderers,
p = e.pointer,
h = e.className,
b = void 0 === h ? "" : h,
v = (0, a.default)({ default: { picker: { position: "relative", width: l, height: u }, alpha: { radius: "2px", style: f } } });
return o.default.createElement("div", { style: v.picker, className: "alpha-picker " + b }, o.default.createElement(i.Alpha, n({}, v.alpha, { rgb: t, hsl: r, pointer: p, renderers: d, onChange: c, direction: s })));
});
(c.defaultProps = { width: "316px", height: "16px", direction: "horizontal", pointer: l.default }), (t.default = (0, i.ColorWrap)(c));
},
function (e, t, r) {
"use strict";
/** @license React v16.13.1
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ var n = r(84),
o = "function" == typeof Symbol && Symbol.for,
a = o ? Symbol.for("react.element") : 60103,
i = o ? Symbol.for("react.portal") : 60106,
l = o ? Symbol.for("react.fragment") : 60107,
u = o ? Symbol.for("react.strict_mode") : 60108,
c = o ? Symbol.for("react.profiler") : 60114,
s = o ? Symbol.for("react.provider") : 60109,
f = o ? Symbol.for("react.context") : 60110,
d = o ? Symbol.for("react.forward_ref") : 60112,
p = o ? Symbol.for("react.suspense") : 60113,
h = o ? Symbol.for("react.memo") : 60115,
b = o ? Symbol.for("react.lazy") : 60116,
v = "function" == typeof Symbol && Symbol.iterator;
function g(e) {
for (var t = "https://reactjs.org/docs/error-decoder.html?invariant=" + e, r = 1; r < arguments.length; r++) t += "&args[]=" + encodeURIComponent(arguments[r]);
return "Minified React error #" + e + "; visit " + t + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
}
var y = {
isMounted: function () {
return !1;
},
enqueueForceUpdate: function () {},
enqueueReplaceState: function () {},
enqueueSetState: function () {},
},
x = {};
function m(e, t, r) {
(this.props = e), (this.context = t), (this.refs = x), (this.updater = r || y);
}
function w() {}
function _(e, t, r) {
(this.props = e), (this.context = t), (this.refs = x), (this.updater = r || y);
}
(m.prototype.isReactComponent = {}),
(m.prototype.setState = function (e, t) {
if ("object" != typeof e && "function" != typeof e && null != e) throw Error(g(85));
this.updater.enqueueSetState(this, e, t, "setState");
}),
(m.prototype.forceUpdate = function (e) {
this.updater.enqueueForceUpdate(this, e, "forceUpdate");
}),
(w.prototype = m.prototype);
var E = (_.prototype = new w());
(E.constructor = _), n(E, m.prototype), (E.isPureReactComponent = !0);
var C = { current: null },
j = Object.prototype.hasOwnProperty,
O = { key: !0, ref: !0, __self: !0, __source: !0 };
function S(e, t, r) {
var n,
o = {},
i = null,
l = null;
if (null != t) for (n in (void 0 !== t.ref && (l = t.ref), void 0 !== t.key && (i = "" + t.key), t)) j.call(t, n) && !O.hasOwnProperty(n) && (o[n] = t[n]);
var u = arguments.length - 2;
if (1 === u) o.children = r;
else if (1 < u) {
for (var c = Array(u), s = 0; s < u; s++) c[s] = arguments[s + 2];
o.children = c;
}
if (e && e.defaultProps) for (n in (u = e.defaultProps)) void 0 === o[n] && (o[n] = u[n]);
return { $$typeof: a, type: e, key: i, ref: l, props: o, _owner: C.current };
}
function k(e) {
return "object" == typeof e && null !== e && e.$$typeof === a;
}
var P = /\/+/g,
M = [];
function R(e, t, r, n) {
if (M.length) {
var o = M.pop();
return (o.result = e), (o.keyPrefix = t), (o.func = r), (o.context = n), (o.count = 0), o;
}
return { result: e, keyPrefix: t, func: r, context: n, count: 0 };
}
function A(e) {
(e.result = null), (e.keyPrefix = null), (e.func = null), (e.context = null), (e.count = 0), 10 > M.length && M.push(e);
}
function F(e, t, r) {
return null == e
? 0
: (function e(t, r, n, o) {
var l = typeof t;
("undefined" !== l && "boolean" !== l) || (t = null);
var u = !1;
if (null === t) u = !0;
else
switch (l) {
case "string":
case "number":
u = !0;
break;
case "object":
switch (t.$$typeof) {
case a:
case i:
u = !0;
}
}
if (u) return n(o, t, "" === r ? "." + B(t, 0) : r), 1;
if (((u = 0), (r = "" === r ? "." : r + ":"), Array.isArray(t)))
for (var c = 0; c < t.length; c++) {
var s = r + B((l = t[c]), c);
u += e(l, s, n, o);
}
else if ((null === t || "object" != typeof t ? (s = null) : (s = "function" == typeof (s = (v && t[v]) || t["@@iterator"]) ? s : null), "function" == typeof s))
for (t = s.call(t), c = 0; !(l = t.next()).done; ) u += e((l = l.value), (s = r + B(l, c++)), n, o);
else if ("object" === l) throw ((n = "" + t), Error(g(31, "[object Object]" === n ? "object with keys {" + Object.keys(t).join(", ") + "}" : n, "")));
return u;
})(e, "", t, r);
}
function B(e, t) {
return "object" == typeof e && null !== e && null != e.key
? (function (e) {
var t = { "=": "=0", ":": "=2" };
return (
"$" +
("" + e).replace(/[=:]/g, function (e) {
return t[e];
})
);
})(e.key)
: t.toString(36);
}
function H(e, t) {
e.func.call(e.context, t, e.count++);
}
function T(e, t, r) {
var n = e.result,
o = e.keyPrefix;
(e = e.func.call(e.context, t, e.count++)),
Array.isArray(e)
? z(e, n, r, function (e) {
return e;
})
: null != e &&
(k(e) &&
(e = (function (e, t) {
return { $$typeof: a, type: e.type, key: t, ref: e.ref, props: e.props, _owner: e._owner };
})(e, o + (!e.key || (t && t.key === e.key) ? "" : ("" + e.key).replace(P, "$&/") + "/") + r)),
n.push(e));
}
function z(e, t, r, n, o) {
var a = "";
null != r && (a = ("" + r).replace(P, "$&/") + "/"), F(e, T, (t = R(t, a, n, o))), A(t);
}
var D = { current: null };
function L() {
var e = D.current;
if (null === e) throw Error(g(321));
return e;
}
var I = { ReactCurrentDispatcher: D, ReactCurrentBatchConfig: { suspense: null }, ReactCurrentOwner: C, IsSomeRendererActing: { current: !1 }, assign: n };
(t.Children = {
map: function (e, t, r) {
if (null == e) return e;
var n = [];
return z(e, n, null, t, r), n;
},
forEach: function (e, t, r) {
if (null == e) return e;
F(e, H, (t = R(null, null, t, r))), A(t);
},
count: function (e) {
return F(
e,
function () {
return null;
},
null
);
},
toArray: function (e) {
var t = [];
return (
z(e, t, null, function (e) {
return e;
}),
t
);
},
only: function (e) {
if (!k(e)) throw Error(g(143));
return e;
},
}),
(t.Component = m),
(t.Fragment = l),
(t.Profiler = c),
(t.PureComponent = _),
(t.StrictMode = u),
(t.Suspense = p),
(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = I),
(t.cloneElement = function (e, t, r) {
if (null == e) throw Error(g(267, e));
var o = n({}, e.props),
i = e.key,
l = e.ref,
u = e._owner;
if (null != t) {
if ((void 0 !== t.ref && ((l = t.ref), (u = C.current)), void 0 !== t.key && (i = "" + t.key), e.type && e.type.defaultProps)) var c = e.type.defaultProps;
for (s in t) j.call(t, s) && !O.hasOwnProperty(s) && (o[s] = void 0 === t[s] && void 0 !== c ? c[s] : t[s]);
}
var s = arguments.length - 2;
if (1 === s) o.children = r;
else if (1 < s) {
c = Array(s);
for (var f = 0; f < s; f++) c[f] = arguments[f + 2];
o.children = c;
}
return { $$typeof: a, type: e.type, key: i, ref: l, props: o, _owner: u };
}),
(t.createContext = function (e, t) {
return (
void 0 === t && (t = null),
((e = { $$typeof: f, _calculateChangedBits: t, _currentValue: e, _currentValue2: e, _threadCount: 0, Provider: null, Consumer: null }).Provider = { $$typeof: s, _context: e }),
(e.Consumer = e)
);
}),
(t.createElement = S),
(t.createFactory = function (e) {
var t = S.bind(null, e);
return (t.type = e), t;
}),
(t.createRef = function () {
return { current: null };
}),
(t.forwardRef = function (e) {
return { $$typeof: d, render: e };
}),
(t.isValidElement = k),
(t.lazy = function (e) {
return { $$typeof: b, _ctor: e, _status: -1, _result: null };
}),
(t.memo = function (e, t) {
return { $$typeof: h, type: e, compare: void 0 === t ? null : t };
}),
(t.useCallback = function (e, t) {
return L().useCallback(e, t);
}),
(t.useContext = function (e, t) {
return L().useContext(e, t);
}),
(t.useDebugValue = function () {}),
(t.useEffect = function (e, t) {
return L().useEffect(e, t);
}),
(t.useImperativeHandle = function (e, t, r) {
return L().useImperativeHandle(e, t, r);
}),
(t.useLayoutEffect = function (e, t) {
return L().useLayoutEffect(e, t);
}),
(t.useMemo = function (e, t) {
return L().useMemo(e, t);
}),
(t.useReducer = function (e, t, r) {
return L().useReducer(e, t, r);
}),
(t.useRef = function (e) {
return L().useRef(e);
}),
(t.useState = function (e) {
return L().useState(e);
}),
(t.version = "16.13.1");
},
function (e, t, r) {
"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/ var n = Object.getOwnPropertySymbols,
o = Object.prototype.hasOwnProperty,
a = Object.prototype.propertyIsEnumerable;
function i(e) {
if (null == e) throw new TypeError("Object.assign cannot be called with null or undefined");
return Object(e);
}
e.exports = (function () {
try {
if (!Object.assign) return !1;
var e = new String("abc");
if (((e[5] = "de"), "5" === Object.getOwnPropertyNames(e)[0])) return !1;
for (var t = {}, r = 0; r < 10; r++) t["_" + String.fromCharCode(r)] = r;
if (
"0123456789" !==
Object.getOwnPropertyNames(t)
.map(function (e) {
return t[e];
})
.join("")
)
return !1;
var n = {};
return (
"abcdefghijklmnopqrst".split("").forEach(function (e) {
n[e] = e;
}),
"abcdefghijklmnopqrst" === Object.keys(Object.assign({}, n)).join("")
);
} catch (e) {
return !1;
}
})()
? Object.assign
: function (e, t) {
for (var r, l, u = i(e), c = 1; c < arguments.length; c++) {
for (var s in (r = Object(arguments[c]))) o.call(r, s) && (u[s] = r[s]);
if (n) {
l = n(r);
for (var f = 0; f < l.length; f++) a.call(r, l[f]) && (u[l[f]] = r[l[f]]);
}
}
return u;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.flattenNames = void 0);
var n = l(r(86)),
o = l(r(29)),
a = l(r(53)),
i = l(r(10));
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.flattenNames = function e() {
var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [],
r = [];
return (
(0, i.default)(t, function (t) {
Array.isArray(t)
? e(t).map(function (e) {
return r.push(e);
})
: (0, a.default)(t)
? (0, o.default)(t, function (e, t) {
!0 === e && r.push(t), r.push(t + "-" + e);
})
: (0, n.default)(t) && r.push(t);
}),
r
);
});
t.default = u;
},
function (e, t, r) {
var n = r(11),
o = r(3),
a = r(8);
e.exports = function (e) {
return "string" == typeof e || (!o(e) && a(e) && "[object String]" == n(e));
};
},
function (e, t) {
var r;
r = (function () {
return this;
})();
try {
r = r || new Function("return this")();
} catch (e) {
"object" == typeof window && (r = window);
}
e.exports = r;
},
function (e, t, r) {
var n = r(14),
o = Object.prototype,
a = o.hasOwnProperty,
i = o.toString,
l = n ? n.toStringTag : void 0;
e.exports = function (e) {
var t = a.call(e, l),
r = e[l];
try {
e[l] = void 0;
var n = !0;
} catch (e) {}
var o = i.call(e);
return n && (t ? (e[l] = r) : delete e[l]), o;
};
},
function (e, t) {
var r = Object.prototype.toString;
e.exports = function (e) {
return r.call(e);
};
},
function (e, t) {
e.exports = function (e) {
return function (t, r, n) {
for (var o = -1, a = Object(t), i = n(t), l = i.length; l--; ) {
var u = i[e ? l : ++o];
if (!1 === r(a[u], u, a)) break;
}
return t;
};
};
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = Array(e); ++r < e; ) n[r] = t(r);
return n;
};
},
function (e, t, r) {
var n = r(11),
o = r(8);
e.exports = function (e) {
return o(e) && "[object Arguments]" == n(e);
};
},
function (e, t) {
e.exports = function () {
return !1;
};
},
function (e, t, r) {
var n = r(11),
o = r(34),
a = r(8),
i = {};
(i["[object Float32Array]"] = i["[object Float64Array]"] = i["[object Int8Array]"] = i["[object Int16Array]"] = i["[object Int32Array]"] = i["[object Uint8Array]"] = i["[object Uint8ClampedArray]"] = i["[object Uint16Array]"] = i[
"[object Uint32Array]"
] = !0),
(i["[object Arguments]"] = i["[object Array]"] = i["[object ArrayBuffer]"] = i["[object Boolean]"] = i["[object DataView]"] = i["[object Date]"] = i["[object Error]"] = i["[object Function]"] = i["[object Map]"] = i[
"[object Number]"
] = i["[object Object]"] = i["[object RegExp]"] = i["[object Set]"] = i["[object String]"] = i["[object WeakMap]"] = !1),
(e.exports = function (e) {
return a(e) && o(e.length) && !!i[n(e)];
});
},
function (e, t, r) {
var n = r(37),
o = r(96),
a = Object.prototype.hasOwnProperty;
e.exports = function (e) {
if (!n(e)) return o(e);
var t = [];
for (var r in Object(e)) a.call(e, r) && "constructor" != r && t.push(r);
return t;
};
},
function (e, t, r) {
var n = r(51)(Object.keys, Object);
e.exports = n;
},
function (e, t, r) {
var n = r(98),
o = r(142),
a = r(19),
i = r(3),
l = r(152);
e.exports = function (e) {
return "function" == typeof e ? e : null == e ? a : "object" == typeof e ? (i(e) ? o(e[0], e[1]) : n(e)) : l(e);
};
},
function (e, t, r) {
var n = r(99),
o = r(141),
a = r(64);
e.exports = function (e) {
var t = o(e);
return 1 == t.length && t[0][2]
? a(t[0][0], t[0][1])
: function (r) {
return r === e || n(r, e, t);
};
};
},
function (e, t, r) {
var n = r(20),
o = r(56);
e.exports = function (e, t, r, a) {
var i = r.length,
l = i,
u = !a;
if (null == e) return !l;
for (e = Object(e); i--; ) {
var c = r[i];
if (u && c[2] ? c[1] !== e[c[0]] : !(c[0] in e)) return !1;
}
for (; ++i < l; ) {
var s = (c = r[i])[0],
f = e[s],
d = c[1];
if (u && c[2]) {
if (void 0 === f && !(s in e)) return !1;
} else {
var p = new n();
if (a) var h = a(f, d, s, e, t, p);
if (!(void 0 === h ? o(d, f, 3, a, p) : h)) return !1;
}
}
return !0;
};
},
function (e, t) {
e.exports = function () {
(this.__data__ = []), (this.size = 0);
};
},
function (e, t, r) {
var n = r(22),
o = Array.prototype.splice;
e.exports = function (e) {
var t = this.__data__,
r = n(t, e);
return !(r < 0) && (r == t.length - 1 ? t.pop() : o.call(t, r, 1), --this.size, !0);
};
},
function (e, t, r) {
var n = r(22);
e.exports = function (e) {
var t = this.__data__,
r = n(t, e);
return r < 0 ? void 0 : t[r][1];
};
},
function (e, t, r) {
var n = r(22);
e.exports = function (e) {
return n(this.__data__, e) > -1;
};
},
function (e, t, r) {
var n = r(22);
e.exports = function (e, t) {
var r = this.__data__,
o = n(r, e);
return o < 0 ? (++this.size, r.push([e, t])) : (r[o][1] = t), this;
};
},
function (e, t, r) {
var n = r(21);
e.exports = function () {
(this.__data__ = new n()), (this.size = 0);
};
},
function (e, t) {
e.exports = function (e) {
var t = this.__data__,
r = t.delete(e);
return (this.size = t.size), r;
};
},
function (e, t) {
e.exports = function (e) {
return this.__data__.get(e);
};
},
function (e, t) {
e.exports = function (e) {
return this.__data__.has(e);
};
},
function (e, t, r) {
var n = r(21),
o = r(40),
a = r(41);
e.exports = function (e, t) {
var r = this.__data__;
if (r instanceof n) {
var i = r.__data__;
if (!o || i.length < 199) return i.push([e, t]), (this.size = ++r.size), this;
r = this.__data__ = new a(i);
}
return r.set(e, t), (this.size = r.size), this;
};
},
function (e, t, r) {
var n = r(38),
o = r(111),
a = r(6),
i = r(55),
l = /^\[object .+?Constructor\]$/,
u = Function.prototype,
c = Object.prototype,
s = u.toString,
f = c.hasOwnProperty,
d = RegExp(
"^" +
s
.call(f)
.replace(/[\\^$.*+?()[\]{}|]/g, "\\$&")
.replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") +
"$"
);
e.exports = function (e) {
return !(!a(e) || o(e)) && (n(e) ? d : l).test(i(e));
};
},
function (e, t, r) {
var n,
o = r(112),
a = (n = /[^.]+$/.exec((o && o.keys && o.keys.IE_PROTO) || "")) ? "Symbol(src)_1." + n : "";
e.exports = function (e) {
return !!a && a in e;
};
},
function (e, t, r) {
var n = r(7)["__core-js_shared__"];
e.exports = n;
},
function (e, t) {
e.exports = function (e, t) {
return null == e ? void 0 : e[t];
};
},
function (e, t, r) {
var n = r(115),
o = r(21),
a = r(40);
e.exports = function () {
(this.size = 0), (this.__data__ = { hash: new n(), map: new (a || o)(), string: new n() });
};
},
function (e, t, r) {
var n = r(116),
o = r(117),
a = r(118),
i = r(119),
l = r(120);
function u(e) {
var t = -1,
r = null == e ? 0 : e.length;
for (this.clear(); ++t < r; ) {
var n = e[t];
this.set(n[0], n[1]);
}
}
(u.prototype.clear = n), (u.prototype.delete = o), (u.prototype.get = a), (u.prototype.has = i), (u.prototype.set = l), (e.exports = u);
},
function (e, t, r) {
var n = r(23);
e.exports = function () {
(this.__data__ = n ? n(null) : {}), (this.size = 0);
};
},
function (e, t) {
e.exports = function (e) {
var t = this.has(e) && delete this.__data__[e];
return (this.size -= t ? 1 : 0), t;
};
},
function (e, t, r) {
var n = r(23),
o = Object.prototype.hasOwnProperty;
e.exports = function (e) {
var t = this.__data__;
if (n) {
var r = t[e];
return "__lodash_hash_undefined__" === r ? void 0 : r;
}
return o.call(t, e) ? t[e] : void 0;
};
},
function (e, t, r) {
var n = r(23),
o = Object.prototype.hasOwnProperty;
e.exports = function (e) {
var t = this.__data__;
return n ? void 0 !== t[e] : o.call(t, e);
};
},
function (e, t, r) {
var n = r(23);
e.exports = function (e, t) {
var r = this.__data__;
return (this.size += this.has(e) ? 0 : 1), (r[e] = n && void 0 === t ? "__lodash_hash_undefined__" : t), this;
};
},
function (e, t, r) {
var n = r(24);
e.exports = function (e) {
var t = n(this, e).delete(e);
return (this.size -= t ? 1 : 0), t;
};
},
function (e, t) {
e.exports = function (e) {
var t = typeof e;
return "string" == t || "number" == t || "symbol" == t || "boolean" == t ? "__proto__" !== e : null === e;
};
},
function (e, t, r) {
var n = r(24);
e.exports = function (e) {
return n(this, e).get(e);
};
},
function (e, t, r) {
var n = r(24);
e.exports = function (e) {
return n(this, e).has(e);
};
},
function (e, t, r) {
var n = r(24);
e.exports = function (e, t) {
var r = n(this, e),
o = r.size;
return r.set(e, t), (this.size += r.size == o ? 0 : 1), this;
};
},
function (e, t, r) {
var n = r(20),
o = r(57),
a = r(132),
i = r(135),
l = r(25),
u = r(3),
c = r(18),
s = r(33),
f = "[object Object]",
d = Object.prototype.hasOwnProperty;
e.exports = function (e, t, r, p, h, b) {
var v = u(e),
g = u(t),
y = v ? "[object Array]" : l(e),
x = g ? "[object Array]" : l(t),
m = (y = "[object Arguments]" == y ? f : y) == f,
w = (x = "[object Arguments]" == x ? f : x) == f,
_ = y == x;
if (_ && c(e)) {
if (!c(t)) return !1;
(v = !0), (m = !1);
}
if (_ && !m) return b || (b = new n()), v || s(e) ? o(e, t, r, p, h, b) : a(e, t, y, r, p, h, b);
if (!(1 & r)) {
var E = m && d.call(e, "__wrapped__"),
C = w && d.call(t, "__wrapped__");
if (E || C) {
var j = E ? e.value() : e,
O = C ? t.value() : t;
return b || (b = new n()), h(j, O, r, p, b);
}
}
return !!_ && (b || (b = new n()), i(e, t, r, p, h, b));
};
},
function (e, t, r) {
var n = r(41),
o = r(128),
a = r(129);
function i(e) {
var t = -1,
r = null == e ? 0 : e.length;
for (this.__data__ = new n(); ++t < r; ) this.add(e[t]);
}
(i.prototype.add = i.prototype.push = o), (i.prototype.has = a), (e.exports = i);
},
function (e, t) {
e.exports = function (e) {
return this.__data__.set(e, "__lodash_hash_undefined__"), this;
};
},
function (e, t) {
e.exports = function (e) {
return this.__data__.has(e);
};
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = null == e ? 0 : e.length; ++r < n; ) if (t(e[r], r, e)) return !0;
return !1;
};
},
function (e, t) {
e.exports = function (e, t) {
return e.has(t);
};
},
function (e, t, r) {
var n = r(14),
o = r(58),
a = r(16),
i = r(57),
l = r(133),
u = r(134),
c = n ? n.prototype : void 0,
s = c ? c.valueOf : void 0;
e.exports = function (e, t, r, n, c, f, d) {
switch (r) {
case "[object DataView]":
if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset) return !1;
(e = e.buffer), (t = t.buffer);
case "[object ArrayBuffer]":
return !(e.byteLength != t.byteLength || !f(new o(e), new o(t)));
case "[object Boolean]":
case "[object Date]":
case "[object Number]":
return a(+e, +t);
case "[object Error]":
return e.name == t.name && e.message == t.message;
case "[object RegExp]":
case "[object String]":
return e == t + "";
case "[object Map]":
var p = l;
case "[object Set]":
var h = 1 & n;
if ((p || (p = u), e.size != t.size && !h)) return !1;
var b = d.get(e);
if (b) return b == t;
(n |= 2), d.set(e, t);
var v = i(p(e), p(t), n, c, f, d);
return d.delete(e), v;
case "[object Symbol]":
if (s) return s.call(e) == s.call(t);
}
return !1;
};
},
function (e, t) {
e.exports = function (e) {
var t = -1,
r = Array(e.size);
return (
e.forEach(function (e, n) {
r[++t] = [n, e];
}),
r
);
};
},
function (e, t) {
e.exports = function (e) {
var t = -1,
r = Array(e.size);
return (
e.forEach(function (e) {
r[++t] = e;
}),
r
);
};
},
function (e, t, r) {
var n = r(59),
o = Object.prototype.hasOwnProperty;
e.exports = function (e, t, r, a, i, l) {
var u = 1 & r,
c = n(e),
s = c.length;
if (s != n(t).length && !u) return !1;
for (var f = s; f--; ) {
var d = c[f];
if (!(u ? d in t : o.call(t, d))) return !1;
}
var p = l.get(e);
if (p && l.get(t)) return p == t;
var h = !0;
l.set(e, t), l.set(t, e);
for (var b = u; ++f < s; ) {
var v = e[(d = c[f])],
g = t[d];
if (a) var y = u ? a(g, v, d, t, e, l) : a(v, g, d, e, t, l);
if (!(void 0 === y ? v === g || i(v, g, r, a, l) : y)) {
h = !1;
break;
}
b || (b = "constructor" == d);
}
if (h && !b) {
var x = e.constructor,
m = t.constructor;
x == m || !("constructor" in e) || !("constructor" in t) || ("function" == typeof x && x instanceof x && "function" == typeof m && m instanceof m) || (h = !1);
}
return l.delete(e), l.delete(t), h;
};
},
function (e, t) {
e.exports = function (e, t) {
for (var r = -1, n = null == e ? 0 : e.length, o = 0, a = []; ++r < n; ) {
var i = e[r];
t(i, r, e) && (a[o++] = i);
}
return a;
};
},
function (e, t, r) {
var n = r(12)(r(7), "DataView");
e.exports = n;
},
function (e, t, r) {
var n = r(12)(r(7), "Promise");
e.exports = n;
},
function (e, t, r) {
var n = r(12)(r(7), "Set");
e.exports = n;
},
function (e, t, r) {
var n = r(12)(r(7), "WeakMap");
e.exports = n;
},
function (e, t, r) {
var n = r(63),
o = r(15);
e.exports = function (e) {
for (var t = o(e), r = t.length; r--; ) {
var a = t[r],
i = e[a];
t[r] = [a, i, n(i)];
}
return t;
};
},
function (e, t, r) {
var n = r(56),
o = r(143),
a = r(149),
i = r(43),
l = r(63),
u = r(64),
c = r(27);
e.exports = function (e, t) {
return i(e) && l(t)
? u(c(e), t)
: function (r) {
var i = o(r, e);
return void 0 === i && i === t ? a(r, e) : n(t, i, 3);
};
};
},
function (e, t, r) {
var n = r(65);
e.exports = function (e, t, r) {
var o = null == e ? void 0 : n(e, t);
return void 0 === o ? r : o;
};
},
function (e, t, r) {
var n = r(145),
o = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,
a = /\\(\\)?/g,
i = n(function (e) {
var t = [];
return (
46 === e.charCodeAt(0) && t.push(""),
e.replace(o, function (e, r, n, o) {
t.push(n ? o.replace(a, "$1") : r || e);
}),
t
);
});
e.exports = i;
},
function (e, t, r) {
var n = r(146);
e.exports = function (e) {
var t = n(e, function (e) {
return 500 === r.size && r.clear(), e;
}),
r = t.cache;
return t;
};
},
function (e, t, r) {
var n = r(41);
function o(e, t) {
if ("function" != typeof e || (null != t && "function" != typeof t)) throw new TypeError("Expected a function");
var r = function () {
var n = arguments,
o = t ? t.apply(this, n) : n[0],
a = r.cache;
if (a.has(o)) return a.get(o);
var i = e.apply(this, n);
return (r.cache = a.set(o, i) || a), i;
};
return (r.cache = new (o.Cache || n)()), r;
}
(o.Cache = n), (e.exports = o);
},
function (e, t, r) {
var n = r(148);
e.exports = function (e) {
return null == e ? "" : n(e);
};
},
function (e, t, r) {
var n = r(14),
o = r(54),
a = r(3),
i = r(26),
l = n ? n.prototype : void 0,
u = l ? l.toString : void 0;
e.exports = function e(t) {
if ("string" == typeof t) return t;
if (a(t)) return o(t, e) + "";
if (i(t)) return u ? u.call(t) : "";
var r = t + "";
return "0" == r && 1 / t == -1 / 0 ? "-0" : r;
};
},
function (e, t, r) {
var n = r(150),
o = r(151);
e.exports = function (e, t) {
return null != e && o(e, t, n);
};
},
function (e, t) {
e.exports = function (e, t) {
return null != e && t in Object(e);
};
},
function (e, t, r) {
var n = r(66),
o = r(30),
a = r(3),
i = r(32),
l = r(34),
u = r(27);
e.exports = function (e, t, r) {
for (var c = -1, s = (t = n(t, e)).length, f = !1; ++c < s; ) {
var d = u(t[c]);
if (!(f = null != e && r(e, d))) break;
e = e[d];
}
return f || ++c != s ? f : !!(s = null == e ? 0 : e.length) && l(s) && i(d, s) && (a(e) || o(e));
};
},
function (e, t, r) {
var n = r(153),
o = r(154),
a = r(43),
i = r(27);
e.exports = function (e) {
return a(e) ? n(i(e)) : o(e);
};
},
function (e, t) {
e.exports = function (e) {
return function (t) {
return null == t ? void 0 : t[e];
};
};
},
function (e, t, r) {
var n = r(65);
e.exports = function (e) {
return function (t) {
return n(t, e);
};
};
},
function (e, t, r) {
var n = r(67),
o = r(13);
e.exports = function (e, t) {
var r = -1,
a = o(e) ? Array(e.length) : [];
return (
n(e, function (e, n, o) {
a[++r] = t(e, n, o);
}),
a
);
};
},
function (e, t, r) {
var n = r(13);
e.exports = function (e, t) {
return function (r, o) {
if (null == r) return r;
if (!n(r)) return e(r, o);
for (var a = r.length, i = t ? a : -1, l = Object(r); (t ? i-- : ++i < a) && !1 !== o(l[i], i, l); );
return r;
};
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.mergeClasses = void 0);
var n = i(r(29)),
o = i(r(158)),
a =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
};
function i(e) {
return e && e.__esModule ? e : { default: e };
}
var l = (t.mergeClasses = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
r = (e.default && (0, o.default)(e.default)) || {};
return (
t.map(function (t) {
var o = e[t];
return (
o &&
(0, n.default)(o, function (e, t) {
r[t] || (r[t] = {}), (r[t] = a({}, r[t], o[t]));
}),
t
);
}),
r
);
});
t.default = l;
},
function (e, t, r) {
var n = r(159);
e.exports = function (e) {
return n(e, 5);
};
},
function (e, t, r) {
var n = r(20),
o = r(68),
a = r(69),
i = r(160),
l = r(161),
u = r(71),
c = r(72),
s = r(164),
f = r(165),
d = r(59),
p = r(166),
h = r(25),
b = r(167),
v = r(168),
g = r(75),
y = r(3),
x = r(18),
m = r(173),
w = r(6),
_ = r(175),
E = r(15),
C = {};
(C["[object Arguments]"] = C["[object Array]"] = C["[object ArrayBuffer]"] = C["[object DataView]"] = C["[object Boolean]"] = C["[object Date]"] = C["[object Float32Array]"] = C["[object Float64Array]"] = C[
"[object Int8Array]"
] = C["[object Int16Array]"] = C["[object Int32Array]"] = C["[object Map]"] = C["[object Number]"] = C["[object Object]"] = C["[object RegExp]"] = C["[object Set]"] = C["[object String]"] = C["[object Symbol]"] = C[
"[object Uint8Array]"
] = C["[object Uint8ClampedArray]"] = C["[object Uint16Array]"] = C["[object Uint32Array]"] = !0),
(C["[object Error]"] = C["[object Function]"] = C["[object WeakMap]"] = !1),
(e.exports = function e(t, r, j, O, S, k) {
var P,
M = 1 & r,
R = 2 & r,
A = 4 & r;
if ((j && (P = S ? j(t, O, S, k) : j(t)), void 0 !== P)) return P;
if (!w(t)) return t;
var F = y(t);
if (F) {
if (((P = b(t)), !M)) return c(t, P);
} else {
var B = h(t),
H = "[object Function]" == B || "[object GeneratorFunction]" == B;
if (x(t)) return u(t, M);
if ("[object Object]" == B || "[object Arguments]" == B || (H && !S)) {
if (((P = R || H ? {} : g(t)), !M)) return R ? f(t, l(P, t)) : s(t, i(P, t));
} else {
if (!C[B]) return S ? t : {};
P = v(t, B, M);
}
}
k || (k = new n());
var T = k.get(t);
if (T) return T;
k.set(t, P),
_(t)
? t.forEach(function (n) {
P.add(e(n, r, j, n, t, k));
})
: m(t) &&
t.forEach(function (n, o) {
P.set(o, e(n, r, j, o, t, k));
});
var z = A ? (R ? p : d) : R ? keysIn : E,
D = F ? void 0 : z(t);
return (
o(D || t, function (n, o) {
D && (n = t[(o = n)]), a(P, o, e(n, r, j, o, t, k));
}),
P
);
});
},
function (e, t, r) {
var n = r(17),
o = r(15);
e.exports = function (e, t) {
return e && n(t, o(t), e);
};
},
function (e, t, r) {
var n = r(17),
o = r(28);
e.exports = function (e, t) {
return e && n(t, o(t), e);
};
},
function (e, t, r) {
var n = r(6),
o = r(37),
a = r(163),
i = Object.prototype.hasOwnProperty;
e.exports = function (e) {
if (!n(e)) return a(e);
var t = o(e),
r = [];
for (var l in e) ("constructor" != l || (!t && i.call(e, l))) && r.push(l);
return r;
};
},
function (e, t) {
e.exports = function (e) {
var t = [];
if (null != e) for (var r in Object(e)) t.push(r);
return t;
};
},
function (e, t, r) {
var n = r(17),
o = r(42);
e.exports = function (e, t) {
return n(e, o(e), t);
};
},
function (e, t, r) {
var n = r(17),
o = r(73);
e.exports = function (e, t) {
return n(e, o(e), t);
};
},
function (e, t, r) {
var n = r(60),
o = r(73),
a = r(28);
e.exports = function (e) {
return n(e, a, o);
};
},
function (e, t) {
var r = Object.prototype.hasOwnProperty;
e.exports = function (e) {
var t = e.length,
n = new e.constructor(t);
return t && "string" == typeof e[0] && r.call(e, "index") && ((n.index = e.index), (n.input = e.input)), n;
};
},
function (e, t, r) {
var n = r(45),
o = r(169),
a = r(170),
i = r(171),
l = r(74);
e.exports = function (e, t, r) {
var u = e.constructor;
switch (t) {
case "[object ArrayBuffer]":
return n(e);
case "[object Boolean]":
case "[object Date]":
return new u(+e);
case "[object DataView]":
return o(e, r);
case "[object Float32Array]":
case "[object Float64Array]":
case "[object Int8Array]":
case "[object Int16Array]":
case "[object Int32Array]":
case "[object Uint8Array]":
case "[object Uint8ClampedArray]":
case "[object Uint16Array]":
case "[object Uint32Array]":
return l(e, r);
case "[object Map]":
return new u();
case "[object Number]":
case "[object String]":
return new u(e);
case "[object RegExp]":
return a(e);
case "[object Set]":
return new u();
case "[object Symbol]":
return i(e);
}
};
},
function (e, t, r) {
var n = r(45);
e.exports = function (e, t) {
var r = t ? n(e.buffer) : e.buffer;
return new e.constructor(r, e.byteOffset, e.byteLength);
};
},
function (e, t) {
var r = /\w*$/;
e.exports = function (e) {
var t = new e.constructor(e.source, r.exec(e));
return (t.lastIndex = e.lastIndex), t;
};
},
function (e, t, r) {
var n = r(14),
o = n ? n.prototype : void 0,
a = o ? o.valueOf : void 0;
e.exports = function (e) {
return a ? Object(a.call(e)) : {};
};
},
function (e, t, r) {
var n = r(6),
o = Object.create,
a = (function () {
function e() {}
return function (t) {
if (!n(t)) return {};
if (o) return o(t);
e.prototype = t;
var r = new e();
return (e.prototype = void 0), r;
};
})();
e.exports = a;
},
function (e, t, r) {
var n = r(174),
o = r(35),
a = r(36),
i = a && a.isMap,
l = i ? o(i) : n;
e.exports = l;
},
function (e, t, r) {
var n = r(25),
o = r(8);
e.exports = function (e) {
return o(e) && "[object Map]" == n(e);
};
},
function (e, t, r) {
var n = r(176),
o = r(35),
a = r(36),
i = a && a.isSet,
l = i ? o(i) : n;
e.exports = l;
},
function (e, t, r) {
var n = r(25),
o = r(8);
e.exports = function (e) {
return o(e) && "[object Set]" == n(e);
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.autoprefix = void 0);
var n,
o = r(29),
a = (n = o) && n.__esModule ? n : { default: n },
i =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
};
var l = {
borderRadius: function (e) {
return { msBorderRadius: e, MozBorderRadius: e, OBorderRadius: e, WebkitBorderRadius: e, borderRadius: e };
},
boxShadow: function (e) {
return { msBoxShadow: e, MozBoxShadow: e, OBoxShadow: e, WebkitBoxShadow: e, boxShadow: e };
},
userSelect: function (e) {
return { WebkitTouchCallout: e, KhtmlUserSelect: e, MozUserSelect: e, msUserSelect: e, WebkitUserSelect: e, userSelect: e };
},
flex: function (e) {
return { WebkitBoxFlex: e, MozBoxFlex: e, WebkitFlex: e, msFlex: e, flex: e };
},
flexBasis: function (e) {
return { WebkitFlexBasis: e, flexBasis: e };
},
justifyContent: function (e) {
return { WebkitJustifyContent: e, justifyContent: e };
},
transition: function (e) {
return { msTransition: e, MozTransition: e, OTransition: e, WebkitTransition: e, transition: e };
},
transform: function (e) {
return { msTransform: e, MozTransform: e, OTransform: e, WebkitTransform: e, transform: e };
},
absolute: function (e) {
var t = e && e.split(" ");
return { position: "absolute", top: t && t[0], right: t && t[1], bottom: t && t[2], left: t && t[3] };
},
extend: function (e, t) {
var r = t[e];
return r || { extend: e };
},
},
u = (t.autoprefix = function (e) {
var t = {};
return (
(0, a.default)(e, function (e, r) {
var n = {};
(0, a.default)(e, function (e, t) {
var r = l[t];
r ? (n = i({}, n, r(e))) : (n[t] = e);
}),
(t[r] = n);
}),
t
);
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.hover = void 0);
var n,
o =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
a = r(0),
i = (n = a) && n.__esModule ? n : { default: n };
function l(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function u(e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
}
function c(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
}
var s = (t.hover = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "span";
return (function (r) {
function n() {
var r, a, c;
l(this, n);
for (var s = arguments.length, f = Array(s), d = 0; d < s; d++) f[d] = arguments[d];
return (
(a = c = u(this, (r = n.__proto__ || Object.getPrototypeOf(n)).call.apply(r, [this].concat(f)))),
(c.state = { hover: !1 }),
(c.handleMouseOver = function () {
return c.setState({ hover: !0 });
}),
(c.handleMouseOut = function () {
return c.setState({ hover: !1 });
}),
(c.render = function () {
return i.default.createElement(t, { onMouseOver: c.handleMouseOver, onMouseOut: c.handleMouseOut }, i.default.createElement(e, o({}, c.props, c.state)));
}),
u(c, a)
);
}
return c(n, r), n;
})(i.default.Component);
});
t.default = s;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.active = void 0);
var n,
o =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
a = r(0),
i = (n = a) && n.__esModule ? n : { default: n };
function l(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function u(e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
}
function c(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
}
var s = (t.active = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "span";
return (function (r) {
function n() {
var r, a, c;
l(this, n);
for (var s = arguments.length, f = Array(s), d = 0; d < s; d++) f[d] = arguments[d];
return (
(a = c = u(this, (r = n.__proto__ || Object.getPrototypeOf(n)).call.apply(r, [this].concat(f)))),
(c.state = { active: !1 }),
(c.handleMouseDown = function () {
return c.setState({ active: !0 });
}),
(c.handleMouseUp = function () {
return c.setState({ active: !1 });
}),
(c.render = function () {
return i.default.createElement(t, { onMouseDown: c.handleMouseDown, onMouseUp: c.handleMouseUp }, i.default.createElement(e, o({}, c.props, c.state)));
}),
u(c, a)
);
}
return c(n, r), n;
})(i.default.Component);
});
t.default = s;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
t.default = function (e, t) {
var r = {},
n = function (e) {
var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1];
r[e] = t;
};
return 0 === e && n("first-child"), e === t - 1 && n("last-child"), (0 === e || e % 2 == 0) && n("even"), 1 === Math.abs(e % 2) && n("odd"), n("nth-child", e), r;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Alpha = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
a = r(0),
i = s(a),
l = s(r(1)),
u = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(182)),
c = s(r(46));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
function f(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function d(e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
}
var p = (t.Alpha = (function (e) {
function t() {
var e, r, n;
f(this, t);
for (var o = arguments.length, a = Array(o), i = 0; i < o; i++) a[i] = arguments[i];
return (
(r = n = d(this, (e = t.__proto__ || Object.getPrototypeOf(t)).call.apply(e, [this].concat(a)))),
(n.handleChange = function (e) {
var t = u.calculateChange(e, n.props.hsl, n.props.direction, n.props.a, n.container);
t && "function" == typeof n.props.onChange && n.props.onChange(t, e);
}),
(n.handleMouseDown = function (e) {
n.handleChange(e), window.addEventListener("mousemove", n.handleChange), window.addEventListener("mouseup", n.handleMouseUp);
}),
(n.handleMouseUp = function () {
n.unbindEventListeners();
}),
(n.unbindEventListeners = function () {
window.removeEventListener("mousemove", n.handleChange), window.removeEventListener("mouseup", n.handleMouseUp);
}),
d(n, r)
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
o(t, [
{
key: "componentWillUnmount",
value: function () {
this.unbindEventListeners();
},
},
{
key: "render",
value: function () {
var e = this,
t = this.props.rgb,
r = (0, l.default)(
{
default: {
alpha: { absolute: "0px 0px 0px 0px", borderRadius: this.props.radius },
checkboard: { absolute: "0px 0px 0px 0px", overflow: "hidden", borderRadius: this.props.radius },
gradient: {
absolute: "0px 0px 0px 0px",
background: "linear-gradient(to right, rgba(" + t.r + "," + t.g + "," + t.b + ", 0) 0%,\n rgba(" + t.r + "," + t.g + "," + t.b + ", 1) 100%)",
boxShadow: this.props.shadow,
borderRadius: this.props.radius,
},
container: { position: "relative", height: "100%", margin: "0 3px" },
pointer: { position: "absolute", left: 100 * t.a + "%" },
slider: { width: "4px", borderRadius: "1px", height: "8px", boxShadow: "0 0 2px rgba(0, 0, 0, .6)", background: "#fff", marginTop: "1px", transform: "translateX(-2px)" },
},
vertical: {
gradient: { background: "linear-gradient(to bottom, rgba(" + t.r + "," + t.g + "," + t.b + ", 0) 0%,\n rgba(" + t.r + "," + t.g + "," + t.b + ", 1) 100%)" },
pointer: { left: 0, top: 100 * t.a + "%" },
},
overwrite: n({}, this.props.style),
},
{ vertical: "vertical" === this.props.direction, overwrite: !0 }
);
return i.default.createElement(
"div",
{ style: r.alpha },
i.default.createElement("div", { style: r.checkboard }, i.default.createElement(c.default, { renderers: this.props.renderers })),
i.default.createElement("div", { style: r.gradient }),
i.default.createElement(
"div",
{
style: r.container,
ref: function (t) {
return (e.container = t);
},
onMouseDown: this.handleMouseDown,
onTouchMove: this.handleChange,
onTouchStart: this.handleChange,
},
i.default.createElement("div", { style: r.pointer }, this.props.pointer ? i.default.createElement(this.props.pointer, this.props) : i.default.createElement("div", { style: r.slider }))
)
);
},
},
]),
t
);
})(a.PureComponent || a.Component));
t.default = p;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
t.calculateChange = function (e, t, r, n, o) {
var a = o.clientWidth,
i = o.clientHeight,
l = "number" == typeof e.pageX ? e.pageX : e.touches[0].pageX,
u = "number" == typeof e.pageY ? e.pageY : e.touches[0].pageY,
c = l - (o.getBoundingClientRect().left + window.pageXOffset),
s = u - (o.getBoundingClientRect().top + window.pageYOffset);
if ("vertical" === r) {
var f = void 0;
if (((f = s < 0 ? 0 : s > i ? 1 : Math.round((100 * s) / i) / 100), t.a !== f)) return { h: t.h, s: t.s, l: t.l, a: f, source: "rgb" };
} else {
var d = void 0;
if (n !== (d = c < 0 ? 0 : c > a ? 1 : Math.round((100 * c) / a) / 100)) return { h: t.h, s: t.s, l: t.l, a: d, source: "rgb" };
}
return null;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
var n = {},
o = (t.render = function (e, t, r, n) {
if ("undefined" == typeof document && !n) return null;
var o = n ? new n() : document.createElement("canvas");
(o.width = 2 * r), (o.height = 2 * r);
var a = o.getContext("2d");
return a ? ((a.fillStyle = e), a.fillRect(0, 0, o.width, o.height), (a.fillStyle = t), a.fillRect(0, 0, r, r), a.translate(r, r), a.fillRect(0, 0, r, r), o.toDataURL()) : null;
});
t.get = function (e, t, r, a) {
var i = e + "-" + t + "-" + r + (a ? "-server" : "");
if (n[i]) return n[i];
var l = o(e, t, r, a);
return (n[i] = l), l;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.EditableInput = void 0);
var n = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
o = r(0),
a = l(o),
i = l(r(1));
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = [38, 40],
c = (t.EditableInput = (function (e) {
function t(e) {
!(function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
})(this, t);
var r = (function (e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
})(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));
return (
(r.handleBlur = function () {
r.state.blurValue && r.setState({ value: r.state.blurValue, blurValue: null });
}),
(r.handleChange = function (e) {
r.setUpdatedValue(e.target.value, e);
}),
(r.handleKeyDown = function (e) {
var t,
n = (function (e) {
return Number(String(e).replace(/%/g, ""));
})(e.target.value);
if (!isNaN(n) && ((t = e.keyCode), u.indexOf(t) > -1)) {
var o = r.getArrowOffset(),
a = 38 === e.keyCode ? n + o : n - o;
r.setUpdatedValue(a, e);
}
}),
(r.handleDrag = function (e) {
if (r.props.dragLabel) {
var t = Math.round(r.props.value + e.movementX);
t >= 0 && t <= r.props.dragMax && r.props.onChange && r.props.onChange(r.getValueObjectWithLabel(t), e);
}
}),
(r.handleMouseDown = function (e) {
r.props.dragLabel && (e.preventDefault(), r.handleDrag(e), window.addEventListener("mousemove", r.handleDrag), window.addEventListener("mouseup", r.handleMouseUp));
}),
(r.handleMouseUp = function () {
r.unbindEventListeners();
}),
(r.unbindEventListeners = function () {
window.removeEventListener("mousemove", r.handleDrag), window.removeEventListener("mouseup", r.handleMouseUp);
}),
(r.state = { value: String(e.value).toUpperCase(), blurValue: String(e.value).toUpperCase() }),
r
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
n(t, [
{
key: "componentDidUpdate",
value: function (e, t) {
this.props.value === this.state.value ||
(e.value === this.props.value && t.value === this.state.value) ||
(this.input === document.activeElement
? this.setState({ blurValue: String(this.props.value).toUpperCase() })
: this.setState({ value: String(this.props.value).toUpperCase(), blurValue: !this.state.blurValue && String(this.props.value).toUpperCase() }));
},
},
{
key: "componentWillUnmount",
value: function () {
this.unbindEventListeners();
},
},
{
key: "getValueObjectWithLabel",
value: function (e) {
return (function (e, t, r) {
return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : (e[t] = r), e;
})({}, this.props.label, e);
},
},
{
key: "getArrowOffset",
value: function () {
return this.props.arrowOffset || 1;
},
},
{
key: "setUpdatedValue",
value: function (e, t) {
var r = this.props.label ? this.getValueObjectWithLabel(e) : e;
this.props.onChange && this.props.onChange(r, t), this.setState({ value: e });
},
},
{
key: "render",
value: function () {
var e = this,
t = (0, i.default)(
{
default: { wrap: { position: "relative" } },
"user-override": {
wrap: this.props.style && this.props.style.wrap ? this.props.style.wrap : {},
input: this.props.style && this.props.style.input ? this.props.style.input : {},
label: this.props.style && this.props.style.label ? this.props.style.label : {},
},
"dragLabel-true": { label: { cursor: "ew-resize" } },
},
{ "user-override": !0 },
this.props
);
return a.default.createElement(
"div",
{ style: t.wrap },
a.default.createElement("input", {
style: t.input,
ref: function (t) {
return (e.input = t);
},
value: this.state.value,
onKeyDown: this.handleKeyDown,
onChange: this.handleChange,
onBlur: this.handleBlur,
placeholder: this.props.placeholder,
spellCheck: "false",
}),
this.props.label && !this.props.hideLabel ? a.default.createElement("span", { style: t.label, onMouseDown: this.handleMouseDown }, this.props.label) : null
);
},
},
]),
t
);
})(o.PureComponent || o.Component));
t.default = c;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Hue = void 0);
var n = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
o = r(0),
a = u(o),
i = u(r(1)),
l = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(186));
function u(e) {
return e && e.__esModule ? e : { default: e };
}
function c(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function s(e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
}
var f = (t.Hue = (function (e) {
function t() {
var e, r, n;
c(this, t);
for (var o = arguments.length, a = Array(o), i = 0; i < o; i++) a[i] = arguments[i];
return (
(r = n = s(this, (e = t.__proto__ || Object.getPrototypeOf(t)).call.apply(e, [this].concat(a)))),
(n.handleChange = function (e) {
var t = l.calculateChange(e, n.props.direction, n.props.hsl, n.container);
t && "function" == typeof n.props.onChange && n.props.onChange(t, e);
}),
(n.handleMouseDown = function (e) {
n.handleChange(e), window.addEventListener("mousemove", n.handleChange), window.addEventListener("mouseup", n.handleMouseUp);
}),
(n.handleMouseUp = function () {
n.unbindEventListeners();
}),
s(n, r)
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
n(t, [
{
key: "componentWillUnmount",
value: function () {
this.unbindEventListeners();
},
},
{
key: "unbindEventListeners",
value: function () {
window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
},
},
{
key: "render",
value: function () {
var e = this,
t = this.props.direction,
r = void 0 === t ? "horizontal" : t,
n = (0, i.default)(
{
default: {
hue: { absolute: "0px 0px 0px 0px", borderRadius: this.props.radius, boxShadow: this.props.shadow },
container: { padding: "0 2px", position: "relative", height: "100%", borderRadius: this.props.radius },
pointer: { position: "absolute", left: (100 * this.props.hsl.h) / 360 + "%" },
slider: { marginTop: "1px", width: "4px", borderRadius: "1px", height: "8px", boxShadow: "0 0 2px rgba(0, 0, 0, .6)", background: "#fff", transform: "translateX(-2px)" },
},
vertical: { pointer: { left: "0px", top: (-100 * this.props.hsl.h) / 360 + 100 + "%" } },
},
{ vertical: "vertical" === r }
);
return a.default.createElement(
"div",
{ style: n.hue },
a.default.createElement(
"div",
{
className: "hue-" + r,
style: n.container,
ref: function (t) {
return (e.container = t);
},
onMouseDown: this.handleMouseDown,
onTouchMove: this.handleChange,
onTouchStart: this.handleChange,
},
a.default.createElement(
"style",
null,
"\n .hue-horizontal {\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n\n .hue-vertical {\n background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n }\n "
),
a.default.createElement("div", { style: n.pointer }, this.props.pointer ? a.default.createElement(this.props.pointer, this.props) : a.default.createElement("div", { style: n.slider }))
)
);
},
},
]),
t
);
})(o.PureComponent || o.Component));
t.default = f;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
t.calculateChange = function (e, t, r, n) {
var o = n.clientWidth,
a = n.clientHeight,
i = "number" == typeof e.pageX ? e.pageX : e.touches[0].pageX,
l = "number" == typeof e.pageY ? e.pageY : e.touches[0].pageY,
u = i - (n.getBoundingClientRect().left + window.pageXOffset),
c = l - (n.getBoundingClientRect().top + window.pageYOffset);
if ("vertical" === t) {
var s = void 0;
if (c < 0) s = 359;
else if (c > a) s = 0;
else {
s = (360 * ((-100 * c) / a + 100)) / 100;
}
if (r.h !== s) return { h: s, s: r.s, l: r.l, a: r.a, source: "hsl" };
} else {
var f = void 0;
if (u < 0) f = 0;
else if (u > o) f = 359;
else {
f = (360 * ((100 * u) / o)) / 100;
}
if (r.h !== f) return { h: f, s: r.s, l: r.l, a: r.a, source: "hsl" };
}
return null;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Raised = void 0);
var n = l(r(0)),
o = l(r(4)),
a = l(r(1)),
i = l(r(5));
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.Raised = function (e) {
var t = e.zDepth,
r = e.radius,
o = e.background,
l = e.children,
u = e.styles,
c = void 0 === u ? {} : u,
s = (0, a.default)(
(0, i.default)(
{
default: {
wrap: { position: "relative", display: "inline-block" },
content: { position: "relative" },
bg: { absolute: "0px 0px 0px 0px", boxShadow: "0 " + t + "px " + 4 * t + "px rgba(0,0,0,.24)", borderRadius: r, background: o },
},
"zDepth-0": { bg: { boxShadow: "none" } },
"zDepth-1": { bg: { boxShadow: "0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)" } },
"zDepth-2": { bg: { boxShadow: "0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)" } },
"zDepth-3": { bg: { boxShadow: "0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)" } },
"zDepth-4": { bg: { boxShadow: "0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)" } },
"zDepth-5": { bg: { boxShadow: "0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)" } },
square: { bg: { borderRadius: "0" } },
circle: { bg: { borderRadius: "50%" } },
},
c
),
{ "zDepth-1": 1 === t }
);
return n.default.createElement("div", { style: s.wrap }, n.default.createElement("div", { style: s.bg }), n.default.createElement("div", { style: s.content }, l));
});
(u.propTypes = { background: o.default.string, zDepth: o.default.oneOf([0, 1, 2, 3, 4, 5]), radius: o.default.number, styles: o.default.object }),
(u.defaultProps = { background: "#fff", zDepth: 1, radius: 2, styles: {} }),
(t.default = u);
},
function (e, t, r) {
"use strict";
var n = r(189);
function o() {}
function a() {}
(a.resetWarningCache = o),
(e.exports = function () {
function e(e, t, r, o, a, i) {
if (i !== n) {
var l = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
throw ((l.name = "Invariant Violation"), l);
}
}
function t() {
return e;
}
e.isRequired = e;
var r = {
array: e,
bool: e,
func: e,
number: e,
object: e,
string: e,
symbol: e,
any: e,
arrayOf: t,
element: e,
elementType: e,
instanceOf: t,
node: e,
objectOf: t,
oneOf: t,
oneOfType: t,
shape: t,
exact: t,
checkPropTypes: a,
resetWarningCache: o,
};
return (r.PropTypes = r), r;
});
},
function (e, t, r) {
"use strict";
e.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
},
function (e, t, r) {
var n = r(20),
o = r(76),
a = r(49),
i = r(191),
l = r(6),
u = r(28),
c = r(77);
e.exports = function e(t, r, s, f, d) {
t !== r &&
a(
r,
function (a, u) {
if ((d || (d = new n()), l(a))) i(t, r, u, s, e, f, d);
else {
var p = f ? f(c(t, u), a, u + "", t, r, d) : void 0;
void 0 === p && (p = a), o(t, u, p);
}
},
u
);
};
},
function (e, t, r) {
var n = r(76),
o = r(71),
a = r(74),
i = r(72),
l = r(75),
u = r(30),
c = r(3),
s = r(192),
f = r(18),
d = r(38),
p = r(6),
h = r(53),
b = r(33),
v = r(77),
g = r(193);
e.exports = function (e, t, r, y, x, m, w) {
var _ = v(e, r),
E = v(t, r),
C = w.get(E);
if (C) n(e, r, C);
else {
var j = m ? m(_, E, r + "", e, t, w) : void 0,
O = void 0 === j;
if (O) {
var S = c(E),
k = !S && f(E),
P = !S && !k && b(E);
(j = E),
S || k || P
? c(_)
? (j = _)
: s(_)
? (j = i(_))
: k
? ((O = !1), (j = o(E, !0)))
: P
? ((O = !1), (j = a(E, !0)))
: (j = [])
: h(E) || u(E)
? ((j = _), u(_) ? (j = g(_)) : (p(_) && !d(_)) || (j = l(E)))
: (O = !1);
}
O && (w.set(E, j), x(j, E, y, m, w), w.delete(E)), n(e, r, j);
}
};
},
function (e, t, r) {
var n = r(13),
o = r(8);
e.exports = function (e) {
return o(e) && n(e);
};
},
function (e, t, r) {
var n = r(17),
o = r(28);
e.exports = function (e) {
return n(e, o(e));
};
},
function (e, t, r) {
var n = r(195),
o = r(202);
e.exports = function (e) {
return n(function (t, r) {
var n = -1,
a = r.length,
i = a > 1 ? r[a - 1] : void 0,
l = a > 2 ? r[2] : void 0;
for (i = e.length > 3 && "function" == typeof i ? (a--, i) : void 0, l && o(r[0], r[1], l) && ((i = a < 3 ? void 0 : i), (a = 1)), t = Object(t); ++n < a; ) {
var u = r[n];
u && e(t, u, n, i);
}
return t;
});
};
},
function (e, t, r) {
var n = r(19),
o = r(196),
a = r(198);
e.exports = function (e, t) {
return a(o(e, t, n), e + "");
};
},
function (e, t, r) {
var n = r(197),
o = Math.max;
e.exports = function (e, t, r) {
return (
(t = o(void 0 === t ? e.length - 1 : t, 0)),
function () {
for (var a = arguments, i = -1, l = o(a.length - t, 0), u = Array(l); ++i < l; ) u[i] = a[t + i];
i = -1;
for (var c = Array(t + 1); ++i < t; ) c[i] = a[i];
return (c[t] = r(u)), n(e, this, c);
}
);
};
},
function (e, t) {
e.exports = function (e, t, r) {
switch (r.length) {
case 0:
return e.call(t);
case 1:
return e.call(t, r[0]);
case 2:
return e.call(t, r[0], r[1]);
case 3:
return e.call(t, r[0], r[1], r[2]);
}
return e.apply(t, r);
};
},
function (e, t, r) {
var n = r(199),
o = r(201)(n);
e.exports = o;
},
function (e, t, r) {
var n = r(200),
o = r(70),
a = r(19),
i = o
? function (e, t) {
return o(e, "toString", { configurable: !0, enumerable: !1, value: n(t), writable: !0 });
}
: a;
e.exports = i;
},
function (e, t) {
e.exports = function (e) {
return function () {
return e;
};
};
},
function (e, t) {
var r = Date.now;
e.exports = function (e) {
var t = 0,
n = 0;
return function () {
var o = r(),
a = 16 - (o - n);
if (((n = o), a > 0)) {
if (++t >= 800) return arguments[0];
} else t = 0;
return e.apply(void 0, arguments);
};
};
},
function (e, t, r) {
var n = r(16),
o = r(13),
a = r(32),
i = r(6);
e.exports = function (e, t, r) {
if (!i(r)) return !1;
var l = typeof t;
return !!("number" == l ? o(r) && a(t, r.length) : "string" == l && t in r) && n(r[t], e);
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Saturation = void 0);
var n = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
o = r(0),
a = c(o),
i = c(r(1)),
l = c(r(204)),
u = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(207));
function c(e) {
return e && e.__esModule ? e : { default: e };
}
var s = (t.Saturation = (function (e) {
function t(e) {
!(function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
})(this, t);
var r = (function (e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
})(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this, e));
return (
(r.handleChange = function (e) {
"function" == typeof r.props.onChange && r.throttle(r.props.onChange, u.calculateChange(e, r.props.hsl, r.container), e);
}),
(r.handleMouseDown = function (e) {
r.handleChange(e), window.addEventListener("mousemove", r.handleChange), window.addEventListener("mouseup", r.handleMouseUp);
}),
(r.handleMouseUp = function () {
r.unbindEventListeners();
}),
(r.throttle = (0, l.default)(function (e, t, r) {
e(t, r);
}, 50)),
r
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
n(t, [
{
key: "componentWillUnmount",
value: function () {
this.throttle.cancel(), this.unbindEventListeners();
},
},
{
key: "unbindEventListeners",
value: function () {
window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
},
},
{
key: "render",
value: function () {
var e = this,
t = this.props.style || {},
r = t.color,
n = t.white,
o = t.black,
l = t.pointer,
u = t.circle,
c = (0, i.default)(
{
default: {
color: { absolute: "0px 0px 0px 0px", background: "hsl(" + this.props.hsl.h + ",100%, 50%)", borderRadius: this.props.radius },
white: { absolute: "0px 0px 0px 0px", borderRadius: this.props.radius },
black: { absolute: "0px 0px 0px 0px", boxShadow: this.props.shadow, borderRadius: this.props.radius },
pointer: { position: "absolute", top: -100 * this.props.hsv.v + 100 + "%", left: 100 * this.props.hsv.s + "%", cursor: "default" },
circle: {
width: "4px",
height: "4px",
boxShadow: "0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n 0 0 1px 2px rgba(0,0,0,.4)",
borderRadius: "50%",
cursor: "hand",
transform: "translate(-2px, -2px)",
},
},
custom: { color: r, white: n, black: o, pointer: l, circle: u },
},
{ custom: !!this.props.style }
);
return a.default.createElement(
"div",
{
style: c.color,
ref: function (t) {
return (e.container = t);
},
onMouseDown: this.handleMouseDown,
onTouchMove: this.handleChange,
onTouchStart: this.handleChange,
},
a.default.createElement(
"style",
null,
"\n .saturation-white {\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n }\n .saturation-black {\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\n }\n "
),
a.default.createElement(
"div",
{ style: c.white, className: "saturation-white" },
a.default.createElement("div", { style: c.black, className: "saturation-black" }),
a.default.createElement("div", { style: c.pointer }, this.props.pointer ? a.default.createElement(this.props.pointer, this.props) : a.default.createElement("div", { style: c.circle }))
)
);
},
},
]),
t
);
})(o.PureComponent || o.Component));
t.default = s;
},
function (e, t, r) {
var n = r(78),
o = r(6);
e.exports = function (e, t, r) {
var a = !0,
i = !0;
if ("function" != typeof e) throw new TypeError("Expected a function");
return o(r) && ((a = "leading" in r ? !!r.leading : a), (i = "trailing" in r ? !!r.trailing : i)), n(e, t, { leading: a, maxWait: t, trailing: i });
};
},
function (e, t, r) {
var n = r(7);
e.exports = function () {
return n.Date.now();
};
},
function (e, t, r) {
var n = r(6),
o = r(26),
a = /^\s+|\s+$/g,
i = /^[-+]0x[0-9a-f]+$/i,
l = /^0b[01]+$/i,
u = /^0o[0-7]+$/i,
c = parseInt;
e.exports = function (e) {
if ("number" == typeof e) return e;
if (o(e)) return NaN;
if (n(e)) {
var t = "function" == typeof e.valueOf ? e.valueOf() : e;
e = n(t) ? t + "" : t;
}
if ("string" != typeof e) return 0 === e ? e : +e;
e = e.replace(a, "");
var r = l.test(e);
return r || u.test(e) ? c(e.slice(2), r ? 2 : 8) : i.test(e) ? NaN : +e;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
t.calculateChange = function (e, t, r) {
var n = r.getBoundingClientRect(),
o = n.width,
a = n.height,
i = "number" == typeof e.pageX ? e.pageX : e.touches[0].pageX,
l = "number" == typeof e.pageY ? e.pageY : e.touches[0].pageY,
u = i - (r.getBoundingClientRect().left + window.pageXOffset),
c = l - (r.getBoundingClientRect().top + window.pageYOffset);
u < 0 ? (u = 0) : u > o && (u = o), c < 0 ? (c = 0) : c > a && (c = a);
var s = u / o,
f = 1 - c / a;
return { h: t.h, s: s, v: f, a: t.a, source: "hsv" };
};
},
function (e, t, r) {
e.exports = r(209);
},
function (e, t, r) {
var n = r(68),
o = r(67),
a = r(52),
i = r(3);
e.exports = function (e, t) {
return (i(e) ? n : o)(e, a(t));
};
},
function (e, t, r) {
var n;
!(function (o) {
var a = /^\s+/,
i = /\s+$/,
l = 0,
u = o.round,
c = o.min,
s = o.max,
f = o.random;
function d(e, t) {
if (((t = t || {}), (e = e || "") instanceof d)) return e;
if (!(this instanceof d)) return new d(e, t);
var r = (function (e) {
var t = { r: 0, g: 0, b: 0 },
r = 1,
n = null,
l = null,
u = null,
f = !1,
d = !1;
"string" == typeof e &&
(e = (function (e) {
e = e.replace(a, "").replace(i, "").toLowerCase();
var t,
r = !1;
if (M[e]) (e = M[e]), (r = !0);
else if ("transparent" == e) return { r: 0, g: 0, b: 0, a: 0, format: "name" };
if ((t = W.rgb.exec(e))) return { r: t[1], g: t[2], b: t[3] };
if ((t = W.rgba.exec(e))) return { r: t[1], g: t[2], b: t[3], a: t[4] };
if ((t = W.hsl.exec(e))) return { h: t[1], s: t[2], l: t[3] };
if ((t = W.hsla.exec(e))) return { h: t[1], s: t[2], l: t[3], a: t[4] };
if ((t = W.hsv.exec(e))) return { h: t[1], s: t[2], v: t[3] };
if ((t = W.hsva.exec(e))) return { h: t[1], s: t[2], v: t[3], a: t[4] };
if ((t = W.hex8.exec(e))) return { r: H(t[1]), g: H(t[2]), b: H(t[3]), a: L(t[4]), format: r ? "name" : "hex8" };
if ((t = W.hex6.exec(e))) return { r: H(t[1]), g: H(t[2]), b: H(t[3]), format: r ? "name" : "hex" };
if ((t = W.hex4.exec(e))) return { r: H(t[1] + "" + t[1]), g: H(t[2] + "" + t[2]), b: H(t[3] + "" + t[3]), a: L(t[4] + "" + t[4]), format: r ? "name" : "hex8" };
if ((t = W.hex3.exec(e))) return { r: H(t[1] + "" + t[1]), g: H(t[2] + "" + t[2]), b: H(t[3] + "" + t[3]), format: r ? "name" : "hex" };
return !1;
})(e));
"object" == typeof e &&
(U(e.r) && U(e.g) && U(e.b)
? ((p = e.r), (h = e.g), (b = e.b), (t = { r: 255 * F(p, 255), g: 255 * F(h, 255), b: 255 * F(b, 255) }), (f = !0), (d = "%" === String(e.r).substr(-1) ? "prgb" : "rgb"))
: U(e.h) && U(e.s) && U(e.v)
? ((n = z(e.s)),
(l = z(e.v)),
(t = (function (e, t, r) {
(e = 6 * F(e, 360)), (t = F(t, 100)), (r = F(r, 100));
var n = o.floor(e),
a = e - n,
i = r * (1 - t),
l = r * (1 - a * t),
u = r * (1 - (1 - a) * t),
c = n % 6;
return { r: 255 * [r, l, i, i, u, r][c], g: 255 * [u, r, r, l, i, i][c], b: 255 * [i, i, u, r, r, l][c] };
})(e.h, n, l)),
(f = !0),
(d = "hsv"))
: U(e.h) &&
U(e.s) &&
U(e.l) &&
((n = z(e.s)),
(u = z(e.l)),
(t = (function (e, t, r) {
var n, o, a;
function i(e, t, r) {
return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + 6 * (t - e) * r : r < 0.5 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
}
if (((e = F(e, 360)), (t = F(t, 100)), (r = F(r, 100)), 0 === t)) n = o = a = r;
else {
var l = r < 0.5 ? r * (1 + t) : r + t - r * t,
u = 2 * r - l;
(n = i(u, l, e + 1 / 3)), (o = i(u, l, e)), (a = i(u, l, e - 1 / 3));
}
return { r: 255 * n, g: 255 * o, b: 255 * a };
})(e.h, n, u)),
(f = !0),
(d = "hsl")),
e.hasOwnProperty("a") && (r = e.a));
var p, h, b;
return (r = A(r)), { ok: f, format: e.format || d, r: c(255, s(t.r, 0)), g: c(255, s(t.g, 0)), b: c(255, s(t.b, 0)), a: r };
})(e);
(this._originalInput = e),
(this._r = r.r),
(this._g = r.g),
(this._b = r.b),
(this._a = r.a),
(this._roundA = u(100 * this._a) / 100),
(this._format = t.format || r.format),
(this._gradientType = t.gradientType),
this._r < 1 && (this._r = u(this._r)),
this._g < 1 && (this._g = u(this._g)),
this._b < 1 && (this._b = u(this._b)),
(this._ok = r.ok),
(this._tc_id = l++);
}
function p(e, t, r) {
(e = F(e, 255)), (t = F(t, 255)), (r = F(r, 255));
var n,
o,
a = s(e, t, r),
i = c(e, t, r),
l = (a + i) / 2;
if (a == i) n = o = 0;
else {
var u = a - i;
switch (((o = l > 0.5 ? u / (2 - a - i) : u / (a + i)), a)) {
case e:
n = (t - r) / u + (t < r ? 6 : 0);
break;
case t:
n = (r - e) / u + 2;
break;
case r:
n = (e - t) / u + 4;
}
n /= 6;
}
return { h: n, s: o, l: l };
}
function h(e, t, r) {
(e = F(e, 255)), (t = F(t, 255)), (r = F(r, 255));
var n,
o,
a = s(e, t, r),
i = c(e, t, r),
l = a,
u = a - i;
if (((o = 0 === a ? 0 : u / a), a == i)) n = 0;
else {
switch (a) {
case e:
n = (t - r) / u + (t < r ? 6 : 0);
break;
case t:
n = (r - e) / u + 2;
break;
case r:
n = (e - t) / u + 4;
}
n /= 6;
}
return { h: n, s: o, v: l };
}
function b(e, t, r, n) {
var o = [T(u(e).toString(16)), T(u(t).toString(16)), T(u(r).toString(16))];
return n && o[0].charAt(0) == o[0].charAt(1) && o[1].charAt(0) == o[1].charAt(1) && o[2].charAt(0) == o[2].charAt(1) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
}
function v(e, t, r, n) {
return [T(D(n)), T(u(e).toString(16)), T(u(t).toString(16)), T(u(r).toString(16))].join("");
}
function g(e, t) {
t = 0 === t ? 0 : t || 10;
var r = d(e).toHsl();
return (r.s -= t / 100), (r.s = B(r.s)), d(r);
}
function y(e, t) {
t = 0 === t ? 0 : t || 10;
var r = d(e).toHsl();
return (r.s += t / 100), (r.s = B(r.s)), d(r);
}
function x(e) {
return d(e).desaturate(100);
}
function m(e, t) {
t = 0 === t ? 0 : t || 10;
var r = d(e).toHsl();
return (r.l += t / 100), (r.l = B(r.l)), d(r);
}
function w(e, t) {
t = 0 === t ? 0 : t || 10;
var r = d(e).toRgb();
return (r.r = s(0, c(255, r.r - u((-t / 100) * 255)))), (r.g = s(0, c(255, r.g - u((-t / 100) * 255)))), (r.b = s(0, c(255, r.b - u((-t / 100) * 255)))), d(r);
}
function _(e, t) {
t = 0 === t ? 0 : t || 10;
var r = d(e).toHsl();
return (r.l -= t / 100), (r.l = B(r.l)), d(r);
}
function E(e, t) {
var r = d(e).toHsl(),
n = (r.h + t) % 360;
return (r.h = n < 0 ? 360 + n : n), d(r);
}
function C(e) {
var t = d(e).toHsl();
return (t.h = (t.h + 180) % 360), d(t);
}
function j(e) {
var t = d(e).toHsl(),
r = t.h;
return [d(e), d({ h: (r + 120) % 360, s: t.s, l: t.l }), d({ h: (r + 240) % 360, s: t.s, l: t.l })];
}
function O(e) {
var t = d(e).toHsl(),
r = t.h;
return [d(e), d({ h: (r + 90) % 360, s: t.s, l: t.l }), d({ h: (r + 180) % 360, s: t.s, l: t.l }), d({ h: (r + 270) % 360, s: t.s, l: t.l })];
}
function S(e) {
var t = d(e).toHsl(),
r = t.h;
return [d(e), d({ h: (r + 72) % 360, s: t.s, l: t.l }), d({ h: (r + 216) % 360, s: t.s, l: t.l })];
}
function k(e, t, r) {
(t = t || 6), (r = r || 30);
var n = d(e).toHsl(),
o = 360 / r,
a = [d(e)];
for (n.h = (n.h - ((o * t) >> 1) + 720) % 360; --t; ) (n.h = (n.h + o) % 360), a.push(d(n));
return a;
}
function P(e, t) {
t = t || 6;
for (var r = d(e).toHsv(), n = r.h, o = r.s, a = r.v, i = [], l = 1 / t; t--; ) i.push(d({ h: n, s: o, v: a })), (a = (a + l) % 1);
return i;
}
(d.prototype = {
isDark: function () {
return this.getBrightness() < 128;
},
isLight: function () {
return !this.isDark();
},
isValid: function () {
return this._ok;
},
getOriginalInput: function () {
return this._originalInput;
},
getFormat: function () {
return this._format;
},
getAlpha: function () {
return this._a;
},
getBrightness: function () {
var e = this.toRgb();
return (299 * e.r + 587 * e.g + 114 * e.b) / 1e3;
},
getLuminance: function () {
var e,
t,
r,
n = this.toRgb();
return (
(e = n.r / 255),
(t = n.g / 255),
(r = n.b / 255),
0.2126 * (e <= 0.03928 ? e / 12.92 : o.pow((e + 0.055) / 1.055, 2.4)) + 0.7152 * (t <= 0.03928 ? t / 12.92 : o.pow((t + 0.055) / 1.055, 2.4)) + 0.0722 * (r <= 0.03928 ? r / 12.92 : o.pow((r + 0.055) / 1.055, 2.4))
);
},
setAlpha: function (e) {
return (this._a = A(e)), (this._roundA = u(100 * this._a) / 100), this;
},
toHsv: function () {
var e = h(this._r, this._g, this._b);
return { h: 360 * e.h, s: e.s, v: e.v, a: this._a };
},
toHsvString: function () {
var e = h(this._r, this._g, this._b),
t = u(360 * e.h),
r = u(100 * e.s),
n = u(100 * e.v);
return 1 == this._a ? "hsv(" + t + ", " + r + "%, " + n + "%)" : "hsva(" + t + ", " + r + "%, " + n + "%, " + this._roundA + ")";
},
toHsl: function () {
var e = p(this._r, this._g, this._b);
return { h: 360 * e.h, s: e.s, l: e.l, a: this._a };
},
toHslString: function () {
var e = p(this._r, this._g, this._b),
t = u(360 * e.h),
r = u(100 * e.s),
n = u(100 * e.l);
return 1 == this._a ? "hsl(" + t + ", " + r + "%, " + n + "%)" : "hsla(" + t + ", " + r + "%, " + n + "%, " + this._roundA + ")";
},
toHex: function (e) {
return b(this._r, this._g, this._b, e);
},
toHexString: function (e) {
return "#" + this.toHex(e);
},
toHex8: function (e) {
return (function (e, t, r, n, o) {
var a = [T(u(e).toString(16)), T(u(t).toString(16)), T(u(r).toString(16)), T(D(n))];
if (o && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1))
return a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0);
return a.join("");
})(this._r, this._g, this._b, this._a, e);
},
toHex8String: function (e) {
return "#" + this.toHex8(e);
},
toRgb: function () {
return { r: u(this._r), g: u(this._g), b: u(this._b), a: this._a };
},
toRgbString: function () {
return 1 == this._a ? "rgb(" + u(this._r) + ", " + u(this._g) + ", " + u(this._b) + ")" : "rgba(" + u(this._r) + ", " + u(this._g) + ", " + u(this._b) + ", " + this._roundA + ")";
},
toPercentageRgb: function () {
return { r: u(100 * F(this._r, 255)) + "%", g: u(100 * F(this._g, 255)) + "%", b: u(100 * F(this._b, 255)) + "%", a: this._a };
},
toPercentageRgbString: function () {
return 1 == this._a
? "rgb(" + u(100 * F(this._r, 255)) + "%, " + u(100 * F(this._g, 255)) + "%, " + u(100 * F(this._b, 255)) + "%)"
: "rgba(" + u(100 * F(this._r, 255)) + "%, " + u(100 * F(this._g, 255)) + "%, " + u(100 * F(this._b, 255)) + "%, " + this._roundA + ")";
},
toName: function () {
return 0 === this._a ? "transparent" : !(this._a < 1) && (R[b(this._r, this._g, this._b, !0)] || !1);
},
toFilter: function (e) {
var t = "#" + v(this._r, this._g, this._b, this._a),
r = t,
n = this._gradientType ? "GradientType = 1, " : "";
if (e) {
var o = d(e);
r = "#" + v(o._r, o._g, o._b, o._a);
}
return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + r + ")";
},
toString: function (e) {
var t = !!e;
e = e || this._format;
var r = !1,
n = this._a < 1 && this._a >= 0;
return t || !n || ("hex" !== e && "hex6" !== e && "hex3" !== e && "hex4" !== e && "hex8" !== e && "name" !== e)
? ("rgb" === e && (r = this.toRgbString()),
"prgb" === e && (r = this.toPercentageRgbString()),
("hex" !== e && "hex6" !== e) || (r = this.toHexString()),
"hex3" === e && (r = this.toHexString(!0)),
"hex4" === e && (r = this.toHex8String(!0)),
"hex8" === e && (r = this.toHex8String()),
"name" === e && (r = this.toName()),
"hsl" === e && (r = this.toHslString()),
"hsv" === e && (r = this.toHsvString()),
r || this.toHexString())
: "name" === e && 0 === this._a
? this.toName()
: this.toRgbString();
},
clone: function () {
return d(this.toString());
},
_applyModification: function (e, t) {
var r = e.apply(null, [this].concat([].slice.call(t)));
return (this._r = r._r), (this._g = r._g), (this._b = r._b), this.setAlpha(r._a), this;
},
lighten: function () {
return this._applyModification(m, arguments);
},
brighten: function () {
return this._applyModification(w, arguments);
},
darken: function () {
return this._applyModification(_, arguments);
},
desaturate: function () {
return this._applyModification(g, arguments);
},
saturate: function () {
return this._applyModification(y, arguments);
},
greyscale: function () {
return this._applyModification(x, arguments);
},
spin: function () {
return this._applyModification(E, arguments);
},
_applyCombination: function (e, t) {
return e.apply(null, [this].concat([].slice.call(t)));
},
analogous: function () {
return this._applyCombination(k, arguments);
},
complement: function () {
return this._applyCombination(C, arguments);
},
monochromatic: function () {
return this._applyCombination(P, arguments);
},
splitcomplement: function () {
return this._applyCombination(S, arguments);
},
triad: function () {
return this._applyCombination(j, arguments);
},
tetrad: function () {
return this._applyCombination(O, arguments);
},
}),
(d.fromRatio = function (e, t) {
if ("object" == typeof e) {
var r = {};
for (var n in e) e.hasOwnProperty(n) && (r[n] = "a" === n ? e[n] : z(e[n]));
e = r;
}
return d(e, t);
}),
(d.equals = function (e, t) {
return !(!e || !t) && d(e).toRgbString() == d(t).toRgbString();
}),
(d.random = function () {
return d.fromRatio({ r: f(), g: f(), b: f() });
}),
(d.mix = function (e, t, r) {
r = 0 === r ? 0 : r || 50;
var n = d(e).toRgb(),
o = d(t).toRgb(),
a = r / 100;
return d({ r: (o.r - n.r) * a + n.r, g: (o.g - n.g) * a + n.g, b: (o.b - n.b) * a + n.b, a: (o.a - n.a) * a + n.a });
}),
(d.readability = function (e, t) {
var r = d(e),
n = d(t);
return (o.max(r.getLuminance(), n.getLuminance()) + 0.05) / (o.min(r.getLuminance(), n.getLuminance()) + 0.05);
}),
(d.isReadable = function (e, t, r) {
var n,
o,
a = d.readability(e, t);
switch (
((o = !1),
(n = (function (e) {
var t, r;
(t = ((e = e || { level: "AA", size: "small" }).level || "AA").toUpperCase()), (r = (e.size || "small").toLowerCase()), "AA" !== t && "AAA" !== t && (t = "AA");
"small" !== r && "large" !== r && (r = "small");
return { level: t, size: r };
})(r)).level + n.size)
) {
case "AAsmall":
case "AAAlarge":
o = a >= 4.5;
break;
case "AAlarge":
o = a >= 3;
break;
case "AAAsmall":
o = a >= 7;
}
return o;
}),
(d.mostReadable = function (e, t, r) {
var n,
o,
a,
i,
l = null,
u = 0;
(o = (r = r || {}).includeFallbackColors), (a = r.level), (i = r.size);
for (var c = 0; c < t.length; c++) (n = d.readability(e, t[c])) > u && ((u = n), (l = d(t[c])));
return d.isReadable(e, l, { level: a, size: i }) || !o ? l : ((r.includeFallbackColors = !1), d.mostReadable(e, ["#fff", "#000"], r));
});
var M = (d.names = {
aliceblue: "f0f8ff",
antiquewhite: "faebd7",
aqua: "0ff",
aquamarine: "7fffd4",
azure: "f0ffff",
beige: "f5f5dc",
bisque: "ffe4c4",
black: "000",
blanchedalmond: "ffebcd",
blue: "00f",
blueviolet: "8a2be2",
brown: "a52a2a",
burlywood: "deb887",
burntsienna: "ea7e5d",
cadetblue: "5f9ea0",
chartreuse: "7fff00",
chocolate: "d2691e",
coral: "ff7f50",
cornflowerblue: "6495ed",
cornsilk: "fff8dc",
crimson: "dc143c",
cyan: "0ff",
darkblue: "00008b",
darkcyan: "008b8b",
darkgoldenrod: "b8860b",
darkgray: "a9a9a9",
darkgreen: "006400",
darkgrey: "a9a9a9",
darkkhaki: "bdb76b",
darkmagenta: "8b008b",
darkolivegreen: "556b2f",
darkorange: "ff8c00",
darkorchid: "9932cc",
darkred: "8b0000",
darksalmon: "e9967a",
darkseagreen: "8fbc8f",
darkslateblue: "483d8b",
darkslategray: "2f4f4f",
darkslategrey: "2f4f4f",
darkturquoise: "00ced1",
darkviolet: "9400d3",
deeppink: "ff1493",
deepskyblue: "00bfff",
dimgray: "696969",
dimgrey: "696969",
dodgerblue: "1e90ff",
firebrick: "b22222",
floralwhite: "fffaf0",
forestgreen: "228b22",
fuchsia: "f0f",
gainsboro: "dcdcdc",
ghostwhite: "f8f8ff",
gold: "ffd700",
goldenrod: "daa520",
gray: "808080",
green: "008000",
greenyellow: "adff2f",
grey: "808080",
honeydew: "f0fff0",
hotpink: "ff69b4",
indianred: "cd5c5c",
indigo: "4b0082",
ivory: "fffff0",
khaki: "f0e68c",
lavender: "e6e6fa",
lavenderblush: "fff0f5",
lawngreen: "7cfc00",
lemonchiffon: "fffacd",
lightblue: "add8e6",
lightcoral: "f08080",
lightcyan: "e0ffff",
lightgoldenrodyellow: "fafad2",
lightgray: "d3d3d3",
lightgreen: "90ee90",
lightgrey: "d3d3d3",
lightpink: "ffb6c1",
lightsalmon: "ffa07a",
lightseagreen: "20b2aa",
lightskyblue: "87cefa",
lightslategray: "789",
lightslategrey: "789",
lightsteelblue: "b0c4de",
lightyellow: "ffffe0",
lime: "0f0",
limegreen: "32cd32",
linen: "faf0e6",
magenta: "f0f",
maroon: "800000",
mediumaquamarine: "66cdaa",
mediumblue: "0000cd",
mediumorchid: "ba55d3",
mediumpurple: "9370db",
mediumseagreen: "3cb371",
mediumslateblue: "7b68ee",
mediumspringgreen: "00fa9a",
mediumturquoise: "48d1cc",
mediumvioletred: "c71585",
midnightblue: "191970",
mintcream: "f5fffa",
mistyrose: "ffe4e1",
moccasin: "ffe4b5",
navajowhite: "ffdead",
navy: "000080",
oldlace: "fdf5e6",
olive: "808000",
olivedrab: "6b8e23",
orange: "ffa500",
orangered: "ff4500",
orchid: "da70d6",
palegoldenrod: "eee8aa",
palegreen: "98fb98",
paleturquoise: "afeeee",
palevioletred: "db7093",
papayawhip: "ffefd5",
peachpuff: "ffdab9",
peru: "cd853f",
pink: "ffc0cb",
plum: "dda0dd",
powderblue: "b0e0e6",
purple: "800080",
rebeccapurple: "663399",
red: "f00",
rosybrown: "bc8f8f",
royalblue: "4169e1",
saddlebrown: "8b4513",
salmon: "fa8072",
sandybrown: "f4a460",
seagreen: "2e8b57",
seashell: "fff5ee",
sienna: "a0522d",
silver: "c0c0c0",
skyblue: "87ceeb",
slateblue: "6a5acd",
slategray: "708090",
slategrey: "708090",
snow: "fffafa",
springgreen: "00ff7f",
steelblue: "4682b4",
tan: "d2b48c",
teal: "008080",
thistle: "d8bfd8",
tomato: "ff6347",
turquoise: "40e0d0",
violet: "ee82ee",
wheat: "f5deb3",
white: "fff",
whitesmoke: "f5f5f5",
yellow: "ff0",
yellowgreen: "9acd32",
}),
R = (d.hexNames = (function (e) {
var t = {};
for (var r in e) e.hasOwnProperty(r) && (t[e[r]] = r);
return t;
})(M));
function A(e) {
return (e = parseFloat(e)), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
}
function F(e, t) {
(function (e) {
return "string" == typeof e && -1 != e.indexOf(".") && 1 === parseFloat(e);
})(e) && (e = "100%");
var r = (function (e) {
return "string" == typeof e && -1 != e.indexOf("%");
})(e);
return (e = c(t, s(0, parseFloat(e)))), r && (e = parseInt(e * t, 10) / 100), o.abs(e - t) < 1e-6 ? 1 : (e % t) / parseFloat(t);
}
function B(e) {
return c(1, s(0, e));
}
function H(e) {
return parseInt(e, 16);
}
function T(e) {
return 1 == e.length ? "0" + e : "" + e;
}
function z(e) {
return e <= 1 && (e = 100 * e + "%"), e;
}
function D(e) {
return o.round(255 * parseFloat(e)).toString(16);
}
function L(e) {
return H(e) / 255;
}
var I,
N,
G,
W =
((N = "[\\s|\\(]+(" + (I = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)") + ")[,|\\s]+(" + I + ")[,|\\s]+(" + I + ")\\s*\\)?"),
(G = "[\\s|\\(]+(" + I + ")[,|\\s]+(" + I + ")[,|\\s]+(" + I + ")[,|\\s]+(" + I + ")\\s*\\)?"),
{
CSS_UNIT: new RegExp(I),
rgb: new RegExp("rgb" + N),
rgba: new RegExp("rgba" + G),
hsl: new RegExp("hsl" + N),
hsla: new RegExp("hsla" + G),
hsv: new RegExp("hsv" + N),
hsva: new RegExp("hsva" + G),
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
});
function U(e) {
return !!W.CSS_UNIT.exec(e);
}
e.exports
? (e.exports = d)
: void 0 ===
(n = function () {
return d;
}.call(t, r, t, e)) || (e.exports = n);
})(Math);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Swatch = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = u(r(0)),
a = u(r(1)),
i = r(212),
l = u(r(46));
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.Swatch = function (e) {
var t = e.color,
r = e.style,
i = e.onClick,
u = void 0 === i ? function () {} : i,
c = e.onHover,
s = e.title,
f = void 0 === s ? t : s,
d = e.children,
p = e.focus,
h = e.focusStyle,
b = void 0 === h ? {} : h,
v = "transparent" === t,
g = (0, a.default)({ default: { swatch: n({ background: t, height: "100%", width: "100%", cursor: "pointer", position: "relative", outline: "none" }, r, p ? b : {}) } }),
y = {};
return (
c &&
(y.onMouseOver = function (e) {
return c(t, e);
}),
o.default.createElement(
"div",
n(
{
style: g.swatch,
onClick: function (e) {
return u(t, e);
},
title: f,
tabIndex: 0,
onKeyDown: function (e) {
return 13 === e.keyCode && u(t, e);
},
},
y
),
d,
v && o.default.createElement(l.default, { borderRadius: g.swatch.borderRadius, boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.1)" })
)
);
});
t.default = (0, i.handleFocus)(c);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.handleFocus = void 0);
var n,
o =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
a = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
i = r(0),
l = (n = i) && n.__esModule ? n : { default: n };
function u(e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
}
function c(e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
}
function s(e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
}
t.handleFocus = function (e) {
var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "span";
return (function (r) {
function n() {
var e, t, r;
u(this, n);
for (var o = arguments.length, a = Array(o), i = 0; i < o; i++) a[i] = arguments[i];
return (
(t = r = c(this, (e = n.__proto__ || Object.getPrototypeOf(n)).call.apply(e, [this].concat(a)))),
(r.state = { focus: !1 }),
(r.handleFocus = function () {
return r.setState({ focus: !0 });
}),
(r.handleBlur = function () {
return r.setState({ focus: !1 });
}),
c(r, t)
);
}
return (
s(n, r),
a(n, [
{
key: "render",
value: function () {
return l.default.createElement(t, { onFocus: this.handleFocus, onBlur: this.handleBlur }, l.default.createElement(e, o({}, this.props, this.state)));
},
},
]),
n
);
})(l.default.Component);
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.AlphaPointer = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.AlphaPointer = function (e) {
var t = e.direction,
r = (0, o.default)(
{
default: { picker: { width: "18px", height: "18px", borderRadius: "50%", transform: "translate(-9px, -1px)", backgroundColor: "rgb(248, 248, 248)", boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)" } },
vertical: { picker: { transform: "translate(-3px, -9px)" } },
},
{ vertical: "vertical" === t }
);
return n.default.createElement("div", { style: r.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Block = void 0);
var n = s(r(0)),
o = s(r(4)),
a = s(r(1)),
i = s(r(5)),
l = s(r(9)),
u = r(2),
c = s(r(215));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.Block = function (e) {
var t = e.onChange,
r = e.onSwatchHover,
o = e.hex,
s = e.colors,
f = e.width,
d = e.triangle,
p = e.styles,
h = void 0 === p ? {} : p,
b = e.className,
v = void 0 === b ? "" : b,
g = "transparent" === o,
y = function (e, r) {
l.default.isValidHex(e) && t({ hex: e, source: "hex" }, r);
},
x = (0, a.default)(
(0, i.default)(
{
default: {
card: { width: f, background: "#fff", boxShadow: "0 1px rgba(0,0,0,.1)", borderRadius: "6px", position: "relative" },
head: { height: "110px", background: o, borderRadius: "6px 6px 0 0", display: "flex", alignItems: "center", justifyContent: "center", position: "relative" },
body: { padding: "10px" },
label: { fontSize: "18px", color: l.default.getContrastingColor(o), position: "relative" },
triangle: {
width: "0px",
height: "0px",
borderStyle: "solid",
borderWidth: "0 10px 10px 10px",
borderColor: "transparent transparent " + o + " transparent",
position: "absolute",
top: "-10px",
left: "50%",
marginLeft: "-10px",
},
input: { width: "100%", fontSize: "12px", color: "#666", border: "0px", outline: "none", height: "22px", boxShadow: "inset 0 0 0 1px #ddd", borderRadius: "4px", padding: "0 7px", boxSizing: "border-box" },
},
"hide-triangle": { triangle: { display: "none" } },
},
h
),
{ "hide-triangle": "hide" === d }
);
return n.default.createElement(
"div",
{ style: x.card, className: "block-picker " + v },
n.default.createElement("div", { style: x.triangle }),
n.default.createElement("div", { style: x.head }, g && n.default.createElement(u.Checkboard, { borderRadius: "6px 6px 0 0" }), n.default.createElement("div", { style: x.label }, o)),
n.default.createElement(
"div",
{ style: x.body },
n.default.createElement(c.default, { colors: s, onClick: y, onSwatchHover: r }),
n.default.createElement(u.EditableInput, { style: { input: x.input }, value: o, onChange: y })
)
);
});
(f.propTypes = { width: o.default.oneOfType([o.default.string, o.default.number]), colors: o.default.arrayOf(o.default.string), triangle: o.default.oneOf(["top", "hide"]), styles: o.default.object }),
(f.defaultProps = { width: 170, colors: ["#D9E3F0", "#F47373", "#697689", "#37D67A", "#2CCCE4", "#555555", "#dce775", "#ff8a65", "#ba68c8"], triangle: "top", styles: {} }),
(t.default = (0, u.ColorWrap)(f));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.BlockSwatches = void 0);
var n = l(r(0)),
o = l(r(1)),
a = l(r(10)),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.BlockSwatches = function (e) {
var t = e.colors,
r = e.onClick,
l = e.onSwatchHover,
u = (0, o.default)({ default: { swatches: { marginRight: "-10px" }, swatch: { width: "22px", height: "22px", float: "left", marginRight: "10px", marginBottom: "10px", borderRadius: "4px" }, clear: { clear: "both" } } });
return n.default.createElement(
"div",
{ style: u.swatches },
(0, a.default)(t, function (e) {
return n.default.createElement(i.Swatch, { key: e, color: e, style: u.swatch, onClick: r, onHover: l, focusStyle: { boxShadow: "0 0 4px " + e } });
}),
n.default.createElement("div", { style: u.clear })
);
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Circle = void 0);
var n = f(r(0)),
o = f(r(4)),
a = f(r(1)),
i = f(r(10)),
l = f(r(5)),
u = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(80)),
c = r(2),
s = f(r(217));
function f(e) {
return e && e.__esModule ? e : { default: e };
}
var d = (t.Circle = function (e) {
var t = e.width,
r = e.onChange,
o = e.onSwatchHover,
u = e.colors,
c = e.hex,
f = e.circleSize,
d = e.styles,
p = void 0 === d ? {} : d,
h = e.circleSpacing,
b = e.className,
v = void 0 === b ? "" : b,
g = (0, a.default)((0, l.default)({ default: { card: { width: t, display: "flex", flexWrap: "wrap", marginRight: -h, marginBottom: -h } } }, p)),
y = function (e, t) {
return r({ hex: e, source: "hex" }, t);
};
return n.default.createElement(
"div",
{ style: g.card, className: "circle-picker " + v },
(0, i.default)(u, function (e) {
return n.default.createElement(s.default, { key: e, color: e, onClick: y, onSwatchHover: o, active: c === e.toLowerCase(), circleSize: f, circleSpacing: h });
})
);
});
(d.propTypes = { width: o.default.oneOfType([o.default.string, o.default.number]), circleSize: o.default.number, circleSpacing: o.default.number, styles: o.default.object }),
(d.defaultProps = {
width: 252,
circleSize: 28,
circleSpacing: 14,
colors: [
u.red[500],
u.pink[500],
u.purple[500],
u.deepPurple[500],
u.indigo[500],
u.blue[500],
u.lightBlue[500],
u.cyan[500],
u.teal[500],
u.green[500],
u.lightGreen[500],
u.lime[500],
u.yellow[500],
u.amber[500],
u.orange[500],
u.deepOrange[500],
u.brown[500],
u.blueGrey[500],
],
styles: {},
}),
(t.default = (0, c.ColorWrap)(d));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.CircleSwatch = void 0);
var n = l(r(0)),
o = r(1),
a = l(o),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.CircleSwatch = function (e) {
var t = e.color,
r = e.onClick,
o = e.onSwatchHover,
l = e.hover,
u = e.active,
c = e.circleSize,
s = e.circleSpacing,
f = (0, a.default)(
{
default: {
swatch: { width: c, height: c, marginRight: s, marginBottom: s, transform: "scale(1)", transition: "100ms transform ease" },
Swatch: { borderRadius: "50%", background: "transparent", boxShadow: "inset 0 0 0 " + (c / 2 + 1) + "px " + t, transition: "100ms box-shadow ease" },
},
hover: { swatch: { transform: "scale(1.2)" } },
active: { Swatch: { boxShadow: "inset 0 0 0 3px " + t } },
},
{ hover: l, active: u }
);
return n.default.createElement("div", { style: f.swatch }, n.default.createElement(i.Swatch, { style: f.Swatch, color: t, onClick: r, onHover: o, focusStyle: { boxShadow: f.Swatch.boxShadow + ", 0 0 5px " + t } }));
});
(u.defaultProps = { circleSize: 28, circleSpacing: 14 }), (t.default = (0, o.handleHover)(u));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Chrome = void 0);
var n = f(r(0)),
o = f(r(4)),
a = f(r(1)),
i = f(r(5)),
l = r(2),
u = f(r(219)),
c = f(r(222)),
s = f(r(223));
function f(e) {
return e && e.__esModule ? e : { default: e };
}
var d = (t.Chrome = function (e) {
var t = e.width,
r = e.onChange,
o = e.disableAlpha,
f = e.rgb,
d = e.hsl,
p = e.hsv,
h = e.hex,
b = e.renderers,
v = e.styles,
g = void 0 === v ? {} : v,
y = e.className,
x = void 0 === y ? "" : y,
m = e.defaultView,
w = (0, a.default)(
(0, i.default)(
{
default: {
picker: { width: t, background: "#fff", borderRadius: "2px", boxShadow: "0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)", boxSizing: "initial", fontFamily: "Menlo" },
saturation: { width: "100%", paddingBottom: "55%", position: "relative", borderRadius: "2px 2px 0 0", overflow: "hidden" },
Saturation: { radius: "2px 2px 0 0" },
body: { padding: "16px 16px 12px" },
controls: { display: "flex" },
color: { width: "32px" },
swatch: { marginTop: "6px", width: "16px", height: "16px", borderRadius: "8px", position: "relative", overflow: "hidden" },
active: { absolute: "0px 0px 0px 0px", borderRadius: "8px", boxShadow: "inset 0 0 0 1px rgba(0,0,0,.1)", background: "rgba(" + f.r + ", " + f.g + ", " + f.b + ", " + f.a + ")", zIndex: "2" },
toggles: { flex: "1" },
hue: { height: "10px", position: "relative", marginBottom: "8px" },
Hue: { radius: "2px" },
alpha: { height: "10px", position: "relative" },
Alpha: { radius: "2px" },
},
disableAlpha: { color: { width: "22px" }, alpha: { display: "none" }, hue: { marginBottom: "0px" }, swatch: { width: "10px", height: "10px", marginTop: "0px" } },
},
g
),
{ disableAlpha: o }
);
return n.default.createElement(
"div",
{ style: w.picker, className: "chrome-picker " + x },
n.default.createElement("div", { style: w.saturation }, n.default.createElement(l.Saturation, { style: w.Saturation, hsl: d, hsv: p, pointer: s.default, onChange: r })),
n.default.createElement(
"div",
{ style: w.body },
n.default.createElement(
"div",
{ style: w.controls, className: "flexbox-fix" },
n.default.createElement("div", { style: w.color }, n.default.createElement("div", { style: w.swatch }, n.default.createElement("div", { style: w.active }), n.default.createElement(l.Checkboard, { renderers: b }))),
n.default.createElement(
"div",
{ style: w.toggles },
n.default.createElement("div", { style: w.hue }, n.default.createElement(l.Hue, { style: w.Hue, hsl: d, pointer: c.default, onChange: r })),
n.default.createElement("div", { style: w.alpha }, n.default.createElement(l.Alpha, { style: w.Alpha, rgb: f, hsl: d, pointer: c.default, renderers: b, onChange: r }))
)
),
n.default.createElement(u.default, { rgb: f, hsl: d, hex: h, view: m, onChange: r, disableAlpha: o })
)
);
});
(d.propTypes = { width: o.default.oneOfType([o.default.string, o.default.number]), disableAlpha: o.default.bool, styles: o.default.object, defaultView: o.default.oneOf(["hex", "rgb", "hsl"]) }),
(d.defaultProps = { width: 225, disableAlpha: !1, styles: {} }),
(t.default = (0, l.ColorWrap)(d));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.ChromeFields = void 0);
var n = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
o = s(r(0)),
a = s(r(1)),
i = s(r(9)),
l = s(r(220)),
u = r(2),
c = s(r(221));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.ChromeFields = (function (e) {
function t(e) {
!(function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
})(this, t);
var r = (function (e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
})(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));
return (
(r.toggleViews = function () {
"hex" === r.state.view
? r.setState({ view: "rgb" })
: "rgb" === r.state.view
? r.setState({ view: "hsl" })
: "hsl" === r.state.view && (1 === r.props.hsl.a ? r.setState({ view: "hex" }) : r.setState({ view: "rgb" }));
}),
(r.handleChange = function (e, t) {
e.hex
? i.default.isValidHex(e.hex) && r.props.onChange({ hex: e.hex, source: "hex" }, t)
: e.r || e.g || e.b
? r.props.onChange({ r: e.r || r.props.rgb.r, g: e.g || r.props.rgb.g, b: e.b || r.props.rgb.b, source: "rgb" }, t)
: e.a
? (e.a < 0 ? (e.a = 0) : e.a > 1 && (e.a = 1), r.props.onChange({ h: r.props.hsl.h, s: r.props.hsl.s, l: r.props.hsl.l, a: Math.round(100 * e.a) / 100, source: "rgb" }, t))
: (e.h || e.s || e.l) &&
("string" == typeof e.s && e.s.includes("%") && (e.s = e.s.replace("%", "")),
"string" == typeof e.l && e.l.includes("%") && (e.l = e.l.replace("%", "")),
1 == e.s ? (e.s = 0.01) : 1 == e.l && (e.l = 0.01),
r.props.onChange({ h: e.h || r.props.hsl.h, s: Number((0, l.default)(e.s) ? r.props.hsl.s : e.s), l: Number((0, l.default)(e.l) ? r.props.hsl.l : e.l), source: "hsl" }, t));
}),
(r.showHighlight = function (e) {
e.currentTarget.style.background = "#eee";
}),
(r.hideHighlight = function (e) {
e.currentTarget.style.background = "transparent";
}),
1 !== e.hsl.a && "hex" === e.view ? (r.state = { view: "rgb" }) : (r.state = { view: e.view }),
r
);
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
n(
t,
[
{
key: "render",
value: function () {
var e = this,
t = (0, a.default)(
{
default: {
wrap: { paddingTop: "16px", display: "flex" },
fields: { flex: "1", display: "flex", marginLeft: "-6px" },
field: { paddingLeft: "6px", width: "100%" },
alpha: { paddingLeft: "6px", width: "100%" },
toggle: { width: "32px", textAlign: "right", position: "relative" },
icon: { marginRight: "-4px", marginTop: "12px", cursor: "pointer", position: "relative" },
iconHighlight: { position: "absolute", width: "24px", height: "28px", background: "#eee", borderRadius: "4px", top: "10px", left: "12px", display: "none" },
input: { fontSize: "11px", color: "#333", width: "100%", borderRadius: "2px", border: "none", boxShadow: "inset 0 0 0 1px #dadada", height: "21px", textAlign: "center" },
label: { textTransform: "uppercase", fontSize: "11px", lineHeight: "11px", color: "#969696", textAlign: "center", display: "block", marginTop: "12px" },
svg: { fill: "#333", width: "24px", height: "24px", border: "1px transparent solid", borderRadius: "5px" },
},
disableAlpha: { alpha: { display: "none" } },
},
this.props,
this.state
),
r = void 0;
return (
"hex" === this.state.view
? (r = o.default.createElement(
"div",
{ style: t.fields, className: "flexbox-fix" },
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "hex", value: this.props.hex, onChange: this.handleChange })
)
))
: "rgb" === this.state.view
? (r = o.default.createElement(
"div",
{ style: t.fields, className: "flexbox-fix" },
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "r", value: this.props.rgb.r, onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "g", value: this.props.rgb.g, onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "b", value: this.props.rgb.b, onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.alpha },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "a", value: this.props.rgb.a, arrowOffset: 0.01, onChange: this.handleChange })
)
))
: "hsl" === this.state.view &&
(r = o.default.createElement(
"div",
{ style: t.fields, className: "flexbox-fix" },
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "h", value: Math.round(this.props.hsl.h), onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "s", value: Math.round(100 * this.props.hsl.s) + "%", onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.field },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "l", value: Math.round(100 * this.props.hsl.l) + "%", onChange: this.handleChange })
),
o.default.createElement(
"div",
{ style: t.alpha },
o.default.createElement(u.EditableInput, { style: { input: t.input, label: t.label }, label: "a", value: this.props.hsl.a, arrowOffset: 0.01, onChange: this.handleChange })
)
)),
o.default.createElement(
"div",
{ style: t.wrap, className: "flexbox-fix" },
r,
o.default.createElement(
"div",
{ style: t.toggle },
o.default.createElement(
"div",
{
style: t.icon,
onClick: this.toggleViews,
ref: function (t) {
return (e.icon = t);
},
},
o.default.createElement(c.default, { style: t.svg, onMouseOver: this.showHighlight, onMouseEnter: this.showHighlight, onMouseOut: this.hideHighlight })
)
)
)
);
},
},
],
[
{
key: "getDerivedStateFromProps",
value: function (e, t) {
return 1 !== e.hsl.a && "hex" === t.view ? { view: "rgb" } : null;
},
},
]
),
t
);
})(o.default.Component));
(f.defaultProps = { view: "hex" }), (t.default = f);
},
function (e, t) {
e.exports = function (e) {
return void 0 === e;
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
var n,
o =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
a = r(0),
i = (n = a) && n.__esModule ? n : { default: n };
t.default = function (e) {
var t = e.fill,
r = void 0 === t ? "currentColor" : t,
n = e.width,
a = void 0 === n ? 24 : n,
l = e.height,
u = void 0 === l ? 24 : l,
c = e.style,
s = void 0 === c ? {} : c,
f = (function (e, t) {
var r = {};
for (var n in e) t.indexOf(n) >= 0 || (Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]));
return r;
})(e, ["fill", "width", "height", "style"]);
return i.default.createElement(
"svg",
o({ viewBox: "0 0 24 24", style: o({ fill: r, width: a, height: u }, s) }, f),
i.default.createElement("path", { d: "M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" })
);
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.ChromePointer = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.ChromePointer = function () {
var e = (0, o.default)({ default: { picker: { width: "12px", height: "12px", borderRadius: "6px", transform: "translate(-6px, -1px)", backgroundColor: "rgb(248, 248, 248)", boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)" } } });
return n.default.createElement("div", { style: e.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.ChromePointerCircle = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.ChromePointerCircle = function () {
var e = (0, o.default)({ default: { picker: { width: "12px", height: "12px", borderRadius: "6px", boxShadow: "inset 0 0 0 1px #fff", transform: "translate(-6px, -6px)" } } });
return n.default.createElement("div", { style: e.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Compact = void 0);
var n = d(r(0)),
o = d(r(4)),
a = d(r(1)),
i = d(r(10)),
l = d(r(5)),
u = d(r(9)),
c = r(2),
s = d(r(225)),
f = d(r(226));
function d(e) {
return e && e.__esModule ? e : { default: e };
}
var p = (t.Compact = function (e) {
var t = e.onChange,
r = e.onSwatchHover,
o = e.colors,
d = e.hex,
p = e.rgb,
h = e.styles,
b = void 0 === h ? {} : h,
v = e.className,
g = void 0 === v ? "" : v,
y = (0, a.default)((0, l.default)({ default: { Compact: { background: "#f6f6f6", radius: "4px" }, compact: { paddingTop: "5px", paddingLeft: "5px", boxSizing: "initial", width: "240px" }, clear: { clear: "both" } } }, b)),
x = function (e, r) {
e.hex ? u.default.isValidHex(e.hex) && t({ hex: e.hex, source: "hex" }, r) : t(e, r);
};
return n.default.createElement(
c.Raised,
{ style: y.Compact, styles: b },
n.default.createElement(
"div",
{ style: y.compact, className: "compact-picker " + g },
n.default.createElement(
"div",
null,
(0, i.default)(o, function (e) {
return n.default.createElement(s.default, { key: e, color: e, active: e.toLowerCase() === d, onClick: x, onSwatchHover: r });
}),
n.default.createElement("div", { style: y.clear })
),
n.default.createElement(f.default, { hex: d, rgb: p, onChange: x })
)
);
});
(p.propTypes = { colors: o.default.arrayOf(o.default.string), styles: o.default.object }),
(p.defaultProps = {
colors: [
"#4D4D4D",
"#999999",
"#FFFFFF",
"#F44E3B",
"#FE9200",
"#FCDC00",
"#DBDF00",
"#A4DD00",
"#68CCCA",
"#73D8FF",
"#AEA1FF",
"#FDA1FF",
"#333333",
"#808080",
"#cccccc",
"#D33115",
"#E27300",
"#FCC400",
"#B0BC00",
"#68BC00",
"#16A5A5",
"#009CE0",
"#7B64FF",
"#FA28FF",
"#000000",
"#666666",
"#B3B3B3",
"#9F0500",
"#C45100",
"#FB9E00",
"#808900",
"#194D33",
"#0C797D",
"#0062B1",
"#653294",
"#AB149E",
],
styles: {},
}),
(t.default = (0, c.ColorWrap)(p));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.CompactColor = void 0);
var n = l(r(0)),
o = l(r(1)),
a = l(r(9)),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.CompactColor = function (e) {
var t = e.color,
r = e.onClick,
l = void 0 === r ? function () {} : r,
u = e.onSwatchHover,
c = e.active,
s = (0, o.default)(
{
default: {
color: { background: t, width: "15px", height: "15px", float: "left", marginRight: "5px", marginBottom: "5px", position: "relative", cursor: "pointer" },
dot: { absolute: "5px 5px 5px 5px", background: a.default.getContrastingColor(t), borderRadius: "50%", opacity: "0" },
},
active: { dot: { opacity: "1" } },
"color-#FFFFFF": { color: { boxShadow: "inset 0 0 0 1px #ddd" }, dot: { background: "#000" } },
transparent: { dot: { background: "#000" } },
},
{ active: c, "color-#FFFFFF": "#FFFFFF" === t, transparent: "transparent" === t }
);
return n.default.createElement(i.Swatch, { style: s.color, color: t, onClick: l, onHover: u, focusStyle: { boxShadow: "0 0 4px " + t } }, n.default.createElement("div", { style: s.dot }));
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.CompactFields = void 0);
var n = i(r(0)),
o = i(r(1)),
a = r(2);
function i(e) {
return e && e.__esModule ? e : { default: e };
}
var l = (t.CompactFields = function (e) {
var t = e.hex,
r = e.rgb,
i = e.onChange,
l = (0, o.default)({
default: {
fields: { display: "flex", paddingBottom: "6px", paddingRight: "5px", position: "relative" },
active: { position: "absolute", top: "6px", left: "5px", height: "9px", width: "9px", background: t },
HEXwrap: { flex: "6", position: "relative" },
HEXinput: { width: "80%", padding: "0px", paddingLeft: "20%", border: "none", outline: "none", background: "none", fontSize: "12px", color: "#333", height: "16px" },
HEXlabel: { display: "none" },
RGBwrap: { flex: "3", position: "relative" },
RGBinput: { width: "70%", padding: "0px", paddingLeft: "30%", border: "none", outline: "none", background: "none", fontSize: "12px", color: "#333", height: "16px" },
RGBlabel: { position: "absolute", top: "3px", left: "0px", lineHeight: "16px", textTransform: "uppercase", fontSize: "12px", color: "#999" },
},
}),
u = function (e, t) {
e.r || e.g || e.b ? i({ r: e.r || r.r, g: e.g || r.g, b: e.b || r.b, source: "rgb" }, t) : i({ hex: e.hex, source: "hex" }, t);
};
return n.default.createElement(
"div",
{ style: l.fields, className: "flexbox-fix" },
n.default.createElement("div", { style: l.active }),
n.default.createElement(a.EditableInput, { style: { wrap: l.HEXwrap, input: l.HEXinput, label: l.HEXlabel }, label: "hex", value: t, onChange: u }),
n.default.createElement(a.EditableInput, { style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel }, label: "r", value: r.r, onChange: u }),
n.default.createElement(a.EditableInput, { style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel }, label: "g", value: r.g, onChange: u }),
n.default.createElement(a.EditableInput, { style: { wrap: l.RGBwrap, input: l.RGBinput, label: l.RGBlabel }, label: "b", value: r.b, onChange: u })
);
});
t.default = l;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Github = void 0);
var n = s(r(0)),
o = s(r(4)),
a = s(r(1)),
i = s(r(10)),
l = s(r(5)),
u = r(2),
c = s(r(228));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.Github = function (e) {
var t = e.width,
r = e.colors,
o = e.onChange,
u = e.onSwatchHover,
s = e.triangle,
f = e.styles,
d = void 0 === f ? {} : f,
p = e.className,
h = void 0 === p ? "" : p,
b = (0, a.default)(
(0, l.default)(
{
default: {
card: {
width: t,
background: "#fff",
border: "1px solid rgba(0,0,0,0.2)",
boxShadow: "0 3px 12px rgba(0,0,0,0.15)",
borderRadius: "4px",
position: "relative",
padding: "5px",
display: "flex",
flexWrap: "wrap",
},
triangle: { position: "absolute", border: "7px solid transparent", borderBottomColor: "#fff" },
triangleShadow: { position: "absolute", border: "8px solid transparent", borderBottomColor: "rgba(0,0,0,0.15)" },
},
"hide-triangle": { triangle: { display: "none" }, triangleShadow: { display: "none" } },
"top-left-triangle": { triangle: { top: "-14px", left: "10px" }, triangleShadow: { top: "-16px", left: "9px" } },
"top-right-triangle": { triangle: { top: "-14px", right: "10px" }, triangleShadow: { top: "-16px", right: "9px" } },
"bottom-left-triangle": { triangle: { top: "35px", left: "10px", transform: "rotate(180deg)" }, triangleShadow: { top: "37px", left: "9px", transform: "rotate(180deg)" } },
"bottom-right-triangle": { triangle: { top: "35px", right: "10px", transform: "rotate(180deg)" }, triangleShadow: { top: "37px", right: "9px", transform: "rotate(180deg)" } },
},
d
),
{ "hide-triangle": "hide" === s, "top-left-triangle": "top-left" === s, "top-right-triangle": "top-right" === s, "bottom-left-triangle": "bottom-left" === s, "bottom-right-triangle": "bottom-right" === s }
),
v = function (e, t) {
return o({ hex: e, source: "hex" }, t);
};
return n.default.createElement(
"div",
{ style: b.card, className: "github-picker " + h },
n.default.createElement("div", { style: b.triangleShadow }),
n.default.createElement("div", { style: b.triangle }),
(0, i.default)(r, function (e) {
return n.default.createElement(c.default, { color: e, key: e, onClick: v, onSwatchHover: u });
})
);
});
(f.propTypes = {
width: o.default.oneOfType([o.default.string, o.default.number]),
colors: o.default.arrayOf(o.default.string),
triangle: o.default.oneOf(["hide", "top-left", "top-right", "bottom-left", "bottom-right"]),
styles: o.default.object,
}),
(f.defaultProps = {
width: 200,
colors: ["#B80000", "#DB3E00", "#FCCB00", "#008B02", "#006B76", "#1273DE", "#004DCF", "#5300EB", "#EB9694", "#FAD0C3", "#FEF3BD", "#C1E1C5", "#BEDADC", "#C4DEF6", "#BED3F3", "#D4C4FB"],
triangle: "top-left",
styles: {},
}),
(t.default = (0, u.ColorWrap)(f));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.GithubSwatch = void 0);
var n = l(r(0)),
o = r(1),
a = l(o),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.GithubSwatch = function (e) {
var t = e.hover,
r = e.color,
o = e.onClick,
l = e.onSwatchHover,
u = { position: "relative", zIndex: "2", outline: "2px solid #fff", boxShadow: "0 0 5px 2px rgba(0,0,0,0.25)" },
c = (0, a.default)({ default: { swatch: { width: "25px", height: "25px", fontSize: "0" } }, hover: { swatch: u } }, { hover: t });
return n.default.createElement("div", { style: c.swatch }, n.default.createElement(i.Swatch, { color: r, onClick: o, onHover: l, focusStyle: u }));
});
t.default = (0, o.handleHover)(u);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.HuePicker = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = s(r(0)),
a = s(r(4)),
i = s(r(1)),
l = s(r(5)),
u = r(2),
c = s(r(230));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.HuePicker = function (e) {
var t = e.width,
r = e.height,
a = e.onChange,
c = e.hsl,
s = e.direction,
f = e.pointer,
d = e.styles,
p = void 0 === d ? {} : d,
h = e.className,
b = void 0 === h ? "" : h,
v = (0, i.default)((0, l.default)({ default: { picker: { position: "relative", width: t, height: r }, hue: { radius: "2px" } } }, p));
return o.default.createElement(
"div",
{ style: v.picker, className: "hue-picker " + b },
o.default.createElement(
u.Hue,
n({}, v.hue, {
hsl: c,
pointer: f,
onChange: function (e) {
return a({ a: 1, h: e.h, l: 0.5, s: 1 });
},
direction: s,
})
)
);
});
(f.propTypes = { styles: a.default.object }), (f.defaultProps = { width: "316px", height: "16px", direction: "horizontal", pointer: c.default, styles: {} }), (t.default = (0, u.ColorWrap)(f));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SliderPointer = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.SliderPointer = function (e) {
var t = e.direction,
r = (0, o.default)(
{
default: { picker: { width: "18px", height: "18px", borderRadius: "50%", transform: "translate(-9px, -1px)", backgroundColor: "rgb(248, 248, 248)", boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)" } },
vertical: { picker: { transform: "translate(-3px, -9px)" } },
},
{ vertical: "vertical" === t }
);
return n.default.createElement("div", { style: r.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Material = void 0);
var n = u(r(0)),
o = u(r(1)),
a = u(r(5)),
i = u(r(9)),
l = r(2);
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.Material = function (e) {
var t = e.onChange,
r = e.hex,
u = e.rgb,
c = e.styles,
s = void 0 === c ? {} : c,
f = e.className,
d = void 0 === f ? "" : f,
p = (0, o.default)(
(0, a.default)(
{
default: {
material: { width: "98px", height: "98px", padding: "16px", fontFamily: "Roboto" },
HEXwrap: { position: "relative" },
HEXinput: { width: "100%", marginTop: "12px", fontSize: "15px", color: "#333", padding: "0px", border: "0px", borderBottom: "2px solid " + r, outline: "none", height: "30px" },
HEXlabel: { position: "absolute", top: "0px", left: "0px", fontSize: "11px", color: "#999999", textTransform: "capitalize" },
Hex: { style: {} },
RGBwrap: { position: "relative" },
RGBinput: { width: "100%", marginTop: "12px", fontSize: "15px", color: "#333", padding: "0px", border: "0px", borderBottom: "1px solid #eee", outline: "none", height: "30px" },
RGBlabel: { position: "absolute", top: "0px", left: "0px", fontSize: "11px", color: "#999999", textTransform: "capitalize" },
split: { display: "flex", marginRight: "-10px", paddingTop: "11px" },
third: { flex: "1", paddingRight: "10px" },
},
},
s
)
),
h = function (e, r) {
e.hex ? i.default.isValidHex(e.hex) && t({ hex: e.hex, source: "hex" }, r) : (e.r || e.g || e.b) && t({ r: e.r || u.r, g: e.g || u.g, b: e.b || u.b, source: "rgb" }, r);
};
return n.default.createElement(
l.Raised,
{ styles: s },
n.default.createElement(
"div",
{ style: p.material, className: "material-picker " + d },
n.default.createElement(l.EditableInput, { style: { wrap: p.HEXwrap, input: p.HEXinput, label: p.HEXlabel }, label: "hex", value: r, onChange: h }),
n.default.createElement(
"div",
{ style: p.split, className: "flexbox-fix" },
n.default.createElement("div", { style: p.third }, n.default.createElement(l.EditableInput, { style: { wrap: p.RGBwrap, input: p.RGBinput, label: p.RGBlabel }, label: "r", value: u.r, onChange: h })),
n.default.createElement("div", { style: p.third }, n.default.createElement(l.EditableInput, { style: { wrap: p.RGBwrap, input: p.RGBinput, label: p.RGBlabel }, label: "g", value: u.g, onChange: h })),
n.default.createElement("div", { style: p.third }, n.default.createElement(l.EditableInput, { style: { wrap: p.RGBwrap, input: p.RGBinput, label: p.RGBlabel }, label: "b", value: u.b, onChange: h }))
)
)
);
});
t.default = (0, l.ColorWrap)(c);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Photoshop = void 0);
var n = (function () {
function e(e, t) {
for (var r = 0; r < t.length; r++) {
var n = t[r];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
}
}
return function (t, r, n) {
return r && e(t.prototype, r), n && e(t, n), t;
};
})(),
o = h(r(0)),
a = h(r(4)),
i = h(r(1)),
l = h(r(5)),
u = r(2),
c = h(r(233)),
s = h(r(234)),
f = h(r(235)),
d = h(r(236)),
p = h(r(237));
function h(e) {
return e && e.__esModule ? e : { default: e };
}
var b = (t.Photoshop = (function (e) {
function t(e) {
!(function (e, t) {
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
})(this, t);
var r = (function (e, t) {
if (!e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
return !t || ("object" != typeof t && "function" != typeof t) ? e : t;
})(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));
return (r.state = { currentColor: e.hex }), r;
}
return (
(function (e, t) {
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function, not " + typeof t);
(e.prototype = Object.create(t && t.prototype, { constructor: { value: e, enumerable: !1, writable: !0, configurable: !0 } })), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : (e.__proto__ = t));
})(t, e),
n(t, [
{
key: "render",
value: function () {
var e = this.props,
t = e.styles,
r = void 0 === t ? {} : t,
n = e.className,
a = void 0 === n ? "" : n,
h = (0, i.default)(
(0, l.default)(
{
default: {
picker: { background: "#DCDCDC", borderRadius: "4px", boxShadow: "0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)", boxSizing: "initial", width: "513px" },
head: {
backgroundImage: "linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",
borderBottom: "1px solid #B1B1B1",
boxShadow: "inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",
height: "23px",
lineHeight: "24px",
borderRadius: "4px 4px 0 0",
fontSize: "13px",
color: "#4D4D4D",
textAlign: "center",
},
body: { padding: "15px 15px 0", display: "flex" },
saturation: { width: "256px", height: "256px", position: "relative", border: "2px solid #B3B3B3", borderBottom: "2px solid #F0F0F0", overflow: "hidden" },
hue: { position: "relative", height: "256px", width: "19px", marginLeft: "10px", border: "2px solid #B3B3B3", borderBottom: "2px solid #F0F0F0" },
controls: { width: "180px", marginLeft: "10px" },
top: { display: "flex" },
previews: { width: "60px" },
actions: { flex: "1", marginLeft: "20px" },
},
},
r
)
);
return o.default.createElement(
"div",
{ style: h.picker, className: "photoshop-picker " + a },
o.default.createElement("div", { style: h.head }, this.props.header),
o.default.createElement(
"div",
{ style: h.body, className: "flexbox-fix" },
o.default.createElement("div", { style: h.saturation }, o.default.createElement(u.Saturation, { hsl: this.props.hsl, hsv: this.props.hsv, pointer: s.default, onChange: this.props.onChange })),
o.default.createElement("div", { style: h.hue }, o.default.createElement(u.Hue, { direction: "vertical", hsl: this.props.hsl, pointer: f.default, onChange: this.props.onChange })),
o.default.createElement(
"div",
{ style: h.controls },
o.default.createElement(
"div",
{ style: h.top, className: "flexbox-fix" },
o.default.createElement("div", { style: h.previews }, o.default.createElement(p.default, { rgb: this.props.rgb, currentColor: this.state.currentColor })),
o.default.createElement(
"div",
{ style: h.actions },
o.default.createElement(d.default, { label: "OK", onClick: this.props.onAccept, active: !0 }),
o.default.createElement(d.default, { label: "Cancel", onClick: this.props.onCancel }),
o.default.createElement(c.default, { onChange: this.props.onChange, rgb: this.props.rgb, hsv: this.props.hsv, hex: this.props.hex })
)
)
)
)
);
},
},
]),
t
);
})(o.default.Component));
(b.propTypes = { header: a.default.string, styles: a.default.object }), (b.defaultProps = { header: "Color Picker", styles: {} }), (t.default = (0, u.ColorWrap)(b));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.PhotoshopPicker = void 0);
var n = l(r(0)),
o = l(r(1)),
a = l(r(9)),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.PhotoshopPicker = function (e) {
var t = e.onChange,
r = e.rgb,
l = e.hsv,
u = e.hex,
c = (0, o.default)({
default: {
fields: { paddingTop: "5px", paddingBottom: "9px", width: "80px", position: "relative" },
divider: { height: "5px" },
RGBwrap: { position: "relative" },
RGBinput: {
marginLeft: "40%",
width: "40%",
height: "18px",
border: "1px solid #888888",
boxShadow: "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
marginBottom: "5px",
fontSize: "13px",
paddingLeft: "3px",
marginRight: "10px",
},
RGBlabel: { left: "0px", width: "34px", textTransform: "uppercase", fontSize: "13px", height: "18px", lineHeight: "22px", position: "absolute" },
HEXwrap: { position: "relative" },
HEXinput: { marginLeft: "20%", width: "80%", height: "18px", border: "1px solid #888888", boxShadow: "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC", marginBottom: "6px", fontSize: "13px", paddingLeft: "3px" },
HEXlabel: { position: "absolute", top: "0px", left: "0px", width: "14px", textTransform: "uppercase", fontSize: "13px", height: "18px", lineHeight: "22px" },
fieldSymbols: { position: "absolute", top: "5px", right: "-7px", fontSize: "13px" },
symbol: { height: "20px", lineHeight: "22px", paddingBottom: "7px" },
},
}),
s = function (e, n) {
e["#"]
? a.default.isValidHex(e["#"]) && t({ hex: e["#"], source: "hex" }, n)
: e.r || e.g || e.b
? t({ r: e.r || r.r, g: e.g || r.g, b: e.b || r.b, source: "rgb" }, n)
: (e.h || e.s || e.v) && t({ h: e.h || l.h, s: e.s || l.s, v: e.v || l.v, source: "hsv" }, n);
};
return n.default.createElement(
"div",
{ style: c.fields },
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "h", value: Math.round(l.h), onChange: s }),
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "s", value: Math.round(100 * l.s), onChange: s }),
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "v", value: Math.round(100 * l.v), onChange: s }),
n.default.createElement("div", { style: c.divider }),
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "r", value: r.r, onChange: s }),
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "g", value: r.g, onChange: s }),
n.default.createElement(i.EditableInput, { style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel }, label: "b", value: r.b, onChange: s }),
n.default.createElement("div", { style: c.divider }),
n.default.createElement(i.EditableInput, { style: { wrap: c.HEXwrap, input: c.HEXinput, label: c.HEXlabel }, label: "#", value: u.replace("#", ""), onChange: s }),
n.default.createElement(
"div",
{ style: c.fieldSymbols },
n.default.createElement("div", { style: c.symbol }, "°"),
n.default.createElement("div", { style: c.symbol }, "%"),
n.default.createElement("div", { style: c.symbol }, "%")
)
);
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.PhotoshopPointerCircle = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.PhotoshopPointerCircle = function (e) {
var t = e.hsl,
r = (0, o.default)(
{ default: { picker: { width: "12px", height: "12px", borderRadius: "6px", boxShadow: "inset 0 0 0 1px #fff", transform: "translate(-6px, -6px)" } }, "black-outline": { picker: { boxShadow: "inset 0 0 0 1px #000" } } },
{ "black-outline": t.l > 0.5 }
);
return n.default.createElement("div", { style: r.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.PhotoshopPointerCircle = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.PhotoshopPointerCircle = function () {
var e = (0, o.default)({
default: {
triangle: { width: 0, height: 0, borderStyle: "solid", borderWidth: "4px 0 4px 6px", borderColor: "transparent transparent transparent #fff", position: "absolute", top: "1px", left: "1px" },
triangleBorder: { width: 0, height: 0, borderStyle: "solid", borderWidth: "5px 0 5px 8px", borderColor: "transparent transparent transparent #555" },
left: { Extend: "triangleBorder", transform: "translate(-13px, -4px)" },
leftInside: { Extend: "triangle", transform: "translate(-8px, -5px)" },
right: { Extend: "triangleBorder", transform: "translate(20px, -14px) rotate(180deg)" },
rightInside: { Extend: "triangle", transform: "translate(-8px, -5px)" },
},
});
return n.default.createElement(
"div",
{ style: e.pointer },
n.default.createElement("div", { style: e.left }, n.default.createElement("div", { style: e.leftInside })),
n.default.createElement("div", { style: e.right }, n.default.createElement("div", { style: e.rightInside }))
);
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.PhotoshopButton = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.PhotoshopButton = function (e) {
var t = e.onClick,
r = e.label,
a = e.children,
i = e.active,
l = (0, o.default)(
{
default: {
button: {
backgroundImage: "linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",
border: "1px solid #878787",
borderRadius: "2px",
height: "20px",
boxShadow: "0 1px 0 0 #EAEAEA",
fontSize: "14px",
color: "#000",
lineHeight: "20px",
textAlign: "center",
marginBottom: "10px",
cursor: "pointer",
},
},
active: { button: { boxShadow: "0 0 0 1px #878787" } },
},
{ active: i }
);
return n.default.createElement("div", { style: l.button, onClick: t }, r || a);
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.PhotoshopPreviews = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.PhotoshopPreviews = function (e) {
var t = e.rgb,
r = e.currentColor,
a = (0, o.default)({
default: {
swatches: { border: "1px solid #B3B3B3", borderBottom: "1px solid #F0F0F0", marginBottom: "2px", marginTop: "1px" },
new: { height: "34px", background: "rgb(" + t.r + "," + t.g + ", " + t.b + ")", boxShadow: "inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000" },
current: { height: "34px", background: r, boxShadow: "inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000" },
label: { fontSize: "14px", color: "#000", textAlign: "center" },
},
});
return n.default.createElement(
"div",
null,
n.default.createElement("div", { style: a.label }, "new"),
n.default.createElement("div", { style: a.swatches }, n.default.createElement("div", { style: a.new }), n.default.createElement("div", { style: a.current })),
n.default.createElement("div", { style: a.label }, "current")
);
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Sketch = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = f(r(0)),
a = f(r(4)),
i = f(r(1)),
l = f(r(5)),
u = r(2),
c = f(r(239)),
s = f(r(240));
function f(e) {
return e && e.__esModule ? e : { default: e };
}
var d = (t.Sketch = function (e) {
var t = e.width,
r = e.rgb,
a = e.hex,
f = e.hsv,
d = e.hsl,
p = e.onChange,
h = e.onSwatchHover,
b = e.disableAlpha,
v = e.presetColors,
g = e.renderers,
y = e.styles,
x = void 0 === y ? {} : y,
m = e.className,
w = void 0 === m ? "" : m,
_ = (0, i.default)(
(0, l.default)(
{
default: n(
{
picker: { width: t, padding: "10px 10px 0", boxSizing: "initial", background: "#fff", borderRadius: "4px", boxShadow: "0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)" },
saturation: { width: "100%", paddingBottom: "75%", position: "relative", overflow: "hidden" },
Saturation: { radius: "3px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" },
controls: { display: "flex" },
sliders: { padding: "4px 0", flex: "1" },
color: { width: "24px", height: "24px", position: "relative", marginTop: "4px", marginLeft: "4px", borderRadius: "3px" },
activeColor: {
absolute: "0px 0px 0px 0px",
borderRadius: "2px",
background: "rgba(" + r.r + "," + r.g + "," + r.b + "," + r.a + ")",
boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)",
},
hue: { position: "relative", height: "10px", overflow: "hidden" },
Hue: { radius: "2px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" },
alpha: { position: "relative", height: "10px", marginTop: "4px", overflow: "hidden" },
Alpha: { radius: "2px", shadow: "inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)" },
},
x
),
disableAlpha: { color: { height: "10px" }, hue: { height: "10px" }, alpha: { display: "none" } },
},
x
),
{ disableAlpha: b }
);
return o.default.createElement(
"div",
{ style: _.picker, className: "sketch-picker " + w },
o.default.createElement("div", { style: _.saturation }, o.default.createElement(u.Saturation, { style: _.Saturation, hsl: d, hsv: f, onChange: p })),
o.default.createElement(
"div",
{ style: _.controls, className: "flexbox-fix" },
o.default.createElement(
"div",
{ style: _.sliders },
o.default.createElement("div", { style: _.hue }, o.default.createElement(u.Hue, { style: _.Hue, hsl: d, onChange: p })),
o.default.createElement("div", { style: _.alpha }, o.default.createElement(u.Alpha, { style: _.Alpha, rgb: r, hsl: d, renderers: g, onChange: p }))
),
o.default.createElement("div", { style: _.color }, o.default.createElement(u.Checkboard, null), o.default.createElement("div", { style: _.activeColor }))
),
o.default.createElement(c.default, { rgb: r, hsl: d, hex: a, onChange: p, disableAlpha: b }),
o.default.createElement(s.default, { colors: v, onClick: p, onSwatchHover: h })
);
});
(d.propTypes = { disableAlpha: a.default.bool, width: a.default.oneOfType([a.default.string, a.default.number]), styles: a.default.object }),
(d.defaultProps = {
disableAlpha: !1,
width: 200,
styles: {},
presetColors: ["#D0021B", "#F5A623", "#F8E71C", "#8B572A", "#7ED321", "#417505", "#BD10E0", "#9013FE", "#4A90E2", "#50E3C2", "#B8E986", "#000000", "#4A4A4A", "#9B9B9B", "#FFFFFF"],
}),
(t.default = (0, u.ColorWrap)(d));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SketchFields = void 0);
var n = l(r(0)),
o = l(r(1)),
a = l(r(9)),
i = r(2);
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.SketchFields = function (e) {
var t = e.onChange,
r = e.rgb,
l = e.hsl,
u = e.hex,
c = e.disableAlpha,
s = (0, o.default)(
{
default: {
fields: { display: "flex", paddingTop: "4px" },
single: { flex: "1", paddingLeft: "6px" },
alpha: { flex: "1", paddingLeft: "6px" },
double: { flex: "2" },
input: { width: "80%", padding: "4px 10% 3px", border: "none", boxShadow: "inset 0 0 0 1px #ccc", fontSize: "11px" },
label: { display: "block", textAlign: "center", fontSize: "11px", color: "#222", paddingTop: "3px", paddingBottom: "4px", textTransform: "capitalize" },
},
disableAlpha: { alpha: { display: "none" } },
},
{ disableAlpha: c }
),
f = function (e, n) {
e.hex
? a.default.isValidHex(e.hex) && t({ hex: e.hex, source: "hex" }, n)
: e.r || e.g || e.b
? t({ r: e.r || r.r, g: e.g || r.g, b: e.b || r.b, a: r.a, source: "rgb" }, n)
: e.a && (e.a < 0 ? (e.a = 0) : e.a > 100 && (e.a = 100), (e.a /= 100), t({ h: l.h, s: l.s, l: l.l, a: e.a, source: "rgb" }, n));
};
return n.default.createElement(
"div",
{ style: s.fields, className: "flexbox-fix" },
n.default.createElement("div", { style: s.double }, n.default.createElement(i.EditableInput, { style: { input: s.input, label: s.label }, label: "hex", value: u.replace("#", ""), onChange: f })),
n.default.createElement("div", { style: s.single }, n.default.createElement(i.EditableInput, { style: { input: s.input, label: s.label }, label: "r", value: r.r, onChange: f, dragLabel: "true", dragMax: "255" })),
n.default.createElement("div", { style: s.single }, n.default.createElement(i.EditableInput, { style: { input: s.input, label: s.label }, label: "g", value: r.g, onChange: f, dragLabel: "true", dragMax: "255" })),
n.default.createElement("div", { style: s.single }, n.default.createElement(i.EditableInput, { style: { input: s.input, label: s.label }, label: "b", value: r.b, onChange: f, dragLabel: "true", dragMax: "255" })),
n.default.createElement(
"div",
{ style: s.alpha },
n.default.createElement(i.EditableInput, { style: { input: s.input, label: s.label }, label: "a", value: Math.round(100 * r.a), onChange: f, dragLabel: "true", dragMax: "100" })
)
);
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SketchPresetColors = void 0);
var n =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
o = u(r(0)),
a = u(r(4)),
i = u(r(1)),
l = r(2);
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.SketchPresetColors = function (e) {
var t = e.colors,
r = e.onClick,
a = void 0 === r ? function () {} : r,
u = e.onSwatchHover,
c = (0, i.default)(
{
default: {
colors: { margin: "0 -10px", padding: "10px 0 0 10px", borderTop: "1px solid #eee", display: "flex", flexWrap: "wrap", position: "relative" },
swatchWrap: { width: "16px", height: "16px", margin: "0 10px 10px 0" },
swatch: { borderRadius: "3px", boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15)" },
},
"no-presets": { colors: { display: "none" } },
},
{ "no-presets": !t || !t.length }
),
s = function (e, t) {
a({ hex: e, source: "hex" }, t);
};
return o.default.createElement(
"div",
{ style: c.colors, className: "flexbox-fix" },
t.map(function (e) {
var t = "string" == typeof e ? { color: e } : e,
r = "" + t.color + (t.title || "");
return o.default.createElement(
"div",
{ key: r, style: c.swatchWrap },
o.default.createElement(l.Swatch, n({}, t, { style: c.swatch, onClick: s, onHover: u, focusStyle: { boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px " + t.color } }))
);
})
);
});
(c.propTypes = { colors: a.default.arrayOf(a.default.oneOfType([a.default.string, a.default.shape({ color: a.default.string, title: a.default.string })])).isRequired }), (t.default = c);
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Slider = void 0);
var n = s(r(0)),
o = s(r(4)),
a = s(r(1)),
i = s(r(5)),
l = r(2),
u = s(r(242)),
c = s(r(244));
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.Slider = function (e) {
var t = e.hsl,
r = e.onChange,
o = e.pointer,
c = e.styles,
s = void 0 === c ? {} : c,
f = e.className,
d = void 0 === f ? "" : f,
p = (0, a.default)((0, i.default)({ default: { hue: { height: "12px", position: "relative" }, Hue: { radius: "2px" } } }, s));
return n.default.createElement(
"div",
{ style: p.wrap || {}, className: "slider-picker " + d },
n.default.createElement("div", { style: p.hue }, n.default.createElement(l.Hue, { style: p.Hue, hsl: t, pointer: o, onChange: r })),
n.default.createElement("div", { style: p.swatches }, n.default.createElement(u.default, { hsl: t, onClick: r }))
);
});
(f.propTypes = { styles: o.default.object }), (f.defaultProps = { pointer: c.default, styles: {} }), (t.default = (0, l.ColorWrap)(f));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SliderSwatches = void 0);
var n = i(r(0)),
o = i(r(1)),
a = i(r(243));
function i(e) {
return e && e.__esModule ? e : { default: e };
}
var l = (t.SliderSwatches = function (e) {
var t = e.onClick,
r = e.hsl,
i = (0, o.default)({ default: { swatches: { marginTop: "20px" }, swatch: { boxSizing: "border-box", width: "20%", paddingRight: "1px", float: "left" }, clear: { clear: "both" } } });
return n.default.createElement(
"div",
{ style: i.swatches },
n.default.createElement("div", { style: i.swatch }, n.default.createElement(a.default, { hsl: r, offset: ".80", active: Math.abs(r.l - 0.8) < 0.1 && Math.abs(r.s - 0.5) < 0.1, onClick: t, first: !0 })),
n.default.createElement("div", { style: i.swatch }, n.default.createElement(a.default, { hsl: r, offset: ".65", active: Math.abs(r.l - 0.65) < 0.1 && Math.abs(r.s - 0.5) < 0.1, onClick: t })),
n.default.createElement("div", { style: i.swatch }, n.default.createElement(a.default, { hsl: r, offset: ".50", active: Math.abs(r.l - 0.5) < 0.1 && Math.abs(r.s - 0.5) < 0.1, onClick: t })),
n.default.createElement("div", { style: i.swatch }, n.default.createElement(a.default, { hsl: r, offset: ".35", active: Math.abs(r.l - 0.35) < 0.1 && Math.abs(r.s - 0.5) < 0.1, onClick: t })),
n.default.createElement("div", { style: i.swatch }, n.default.createElement(a.default, { hsl: r, offset: ".20", active: Math.abs(r.l - 0.2) < 0.1 && Math.abs(r.s - 0.5) < 0.1, onClick: t, last: !0 })),
n.default.createElement("div", { style: i.clear })
);
});
t.default = l;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SliderSwatch = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.SliderSwatch = function (e) {
var t = e.hsl,
r = e.offset,
a = e.onClick,
i = void 0 === a ? function () {} : a,
l = e.active,
u = e.first,
c = e.last,
s = (0, o.default)(
{
default: { swatch: { height: "12px", background: "hsl(" + t.h + ", 50%, " + 100 * r + "%)", cursor: "pointer" } },
first: { swatch: { borderRadius: "2px 0 0 2px" } },
last: { swatch: { borderRadius: "0 2px 2px 0" } },
active: { swatch: { transform: "scaleY(1.8)", borderRadius: "3.6px/2px" } },
},
{ active: l, first: u, last: c }
);
return n.default.createElement("div", {
style: s.swatch,
onClick: function (e) {
return i({ h: t.h, s: 0.5, l: r, source: "hsl" }, e);
},
});
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SliderPointer = void 0);
var n = a(r(0)),
o = a(r(1));
function a(e) {
return e && e.__esModule ? e : { default: e };
}
var i = (t.SliderPointer = function () {
var e = (0, o.default)({ default: { picker: { width: "14px", height: "14px", borderRadius: "6px", transform: "translate(-7px, -1px)", backgroundColor: "rgb(248, 248, 248)", boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)" } } });
return n.default.createElement("div", { style: e.picker });
});
t.default = i;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Swatches = void 0);
var n = f(r(0)),
o = f(r(4)),
a = f(r(1)),
i = f(r(10)),
l = f(r(5)),
u = (function (e) {
if (e && e.__esModule) return e;
var t = {};
if (null != e) for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
return (t.default = e), t;
})(r(80)),
c = r(2),
s = f(r(246));
function f(e) {
return e && e.__esModule ? e : { default: e };
}
var d = (t.Swatches = function (e) {
var t = e.width,
r = e.height,
o = e.onChange,
u = e.onSwatchHover,
f = e.colors,
d = e.hex,
p = e.styles,
h = void 0 === p ? {} : p,
b = e.className,
v = void 0 === b ? "" : b,
g = (0, a.default)((0, l.default)({ default: { picker: { width: t, height: r }, overflow: { height: r, overflowY: "scroll" }, body: { padding: "16px 0 6px 16px" }, clear: { clear: "both" } } }, h)),
y = function (e, t) {
return o({ hex: e, source: "hex" }, t);
};
return n.default.createElement(
"div",
{ style: g.picker, className: "swatches-picker " + v },
n.default.createElement(
c.Raised,
null,
n.default.createElement(
"div",
{ style: g.overflow },
n.default.createElement(
"div",
{ style: g.body },
(0, i.default)(f, function (e) {
return n.default.createElement(s.default, { key: e.toString(), group: e, active: d, onClick: y, onSwatchHover: u });
}),
n.default.createElement("div", { style: g.clear })
)
)
)
);
});
(d.propTypes = {
width: o.default.oneOfType([o.default.string, o.default.number]),
height: o.default.oneOfType([o.default.string, o.default.number]),
colors: o.default.arrayOf(o.default.arrayOf(o.default.string)),
styles: o.default.object,
}),
(d.defaultProps = {
width: 320,
height: 240,
colors: [
[u.red[900], u.red[700], u.red[500], u.red[300], u.red[100]],
[u.pink[900], u.pink[700], u.pink[500], u.pink[300], u.pink[100]],
[u.purple[900], u.purple[700], u.purple[500], u.purple[300], u.purple[100]],
[u.deepPurple[900], u.deepPurple[700], u.deepPurple[500], u.deepPurple[300], u.deepPurple[100]],
[u.indigo[900], u.indigo[700], u.indigo[500], u.indigo[300], u.indigo[100]],
[u.blue[900], u.blue[700], u.blue[500], u.blue[300], u.blue[100]],
[u.lightBlue[900], u.lightBlue[700], u.lightBlue[500], u.lightBlue[300], u.lightBlue[100]],
[u.cyan[900], u.cyan[700], u.cyan[500], u.cyan[300], u.cyan[100]],
[u.teal[900], u.teal[700], u.teal[500], u.teal[300], u.teal[100]],
["#194D33", u.green[700], u.green[500], u.green[300], u.green[100]],
[u.lightGreen[900], u.lightGreen[700], u.lightGreen[500], u.lightGreen[300], u.lightGreen[100]],
[u.lime[900], u.lime[700], u.lime[500], u.lime[300], u.lime[100]],
[u.yellow[900], u.yellow[700], u.yellow[500], u.yellow[300], u.yellow[100]],
[u.amber[900], u.amber[700], u.amber[500], u.amber[300], u.amber[100]],
[u.orange[900], u.orange[700], u.orange[500], u.orange[300], u.orange[100]],
[u.deepOrange[900], u.deepOrange[700], u.deepOrange[500], u.deepOrange[300], u.deepOrange[100]],
[u.brown[900], u.brown[700], u.brown[500], u.brown[300], u.brown[100]],
[u.blueGrey[900], u.blueGrey[700], u.blueGrey[500], u.blueGrey[300], u.blueGrey[100]],
["#000000", "#525252", "#969696", "#D9D9D9", "#FFFFFF"],
],
styles: {},
}),
(t.default = (0, c.ColorWrap)(d));
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SwatchesGroup = void 0);
var n = l(r(0)),
o = l(r(1)),
a = l(r(10)),
i = l(r(247));
function l(e) {
return e && e.__esModule ? e : { default: e };
}
var u = (t.SwatchesGroup = function (e) {
var t = e.onClick,
r = e.onSwatchHover,
l = e.group,
u = e.active,
c = (0, o.default)({ default: { group: { paddingBottom: "10px", width: "40px", float: "left", marginRight: "10px" } } });
return n.default.createElement(
"div",
{ style: c.group },
(0, a.default)(l, function (e, o) {
return n.default.createElement(i.default, { key: e, color: e, active: e.toLowerCase() === u, first: 0 === o, last: o === l.length - 1, onClick: t, onSwatchHover: r });
})
);
});
t.default = u;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.SwatchesColor = void 0);
var n = u(r(0)),
o = u(r(1)),
a = u(r(9)),
i = r(2),
l = u(r(248));
function u(e) {
return e && e.__esModule ? e : { default: e };
}
var c = (t.SwatchesColor = function (e) {
var t = e.color,
r = e.onClick,
u = void 0 === r ? function () {} : r,
c = e.onSwatchHover,
s = e.first,
f = e.last,
d = e.active,
p = (0, o.default)(
{
default: { color: { width: "40px", height: "24px", cursor: "pointer", background: t, marginBottom: "1px" }, check: { color: a.default.getContrastingColor(t), marginLeft: "8px", display: "none" } },
first: { color: { overflow: "hidden", borderRadius: "2px 2px 0 0" } },
last: { color: { overflow: "hidden", borderRadius: "0 0 2px 2px" } },
active: { check: { display: "block" } },
"color-#FFFFFF": { color: { boxShadow: "inset 0 0 0 1px #ddd" }, check: { color: "#333" } },
transparent: { check: { color: "#333" } },
},
{ first: s, last: f, active: d, "color-#FFFFFF": "#FFFFFF" === t, transparent: "transparent" === t }
);
return n.default.createElement(
i.Swatch,
{ color: t, style: p.color, onClick: u, onHover: c, focusStyle: { boxShadow: "0 0 4px " + t } },
n.default.createElement("div", { style: p.check }, n.default.createElement(l.default, null))
);
});
t.default = c;
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 });
var n,
o =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
},
a = r(0),
i = (n = a) && n.__esModule ? n : { default: n };
t.default = function (e) {
var t = e.fill,
r = void 0 === t ? "currentColor" : t,
n = e.width,
a = void 0 === n ? 24 : n,
l = e.height,
u = void 0 === l ? 24 : l,
c = e.style,
s = void 0 === c ? {} : c,
f = (function (e, t) {
var r = {};
for (var n in e) t.indexOf(n) >= 0 || (Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]));
return r;
})(e, ["fill", "width", "height", "style"]);
return i.default.createElement("svg", o({ viewBox: "0 0 24 24", style: o({ fill: r, width: a, height: u }, s) }, f), i.default.createElement("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" }));
};
},
function (e, t, r) {
"use strict";
Object.defineProperty(t, "__esModule", { value: !0 }), (t.Twitter = void 0);
var n = s(r(0)),
o = s(r(4)),
a = s(r(1)),
i = s(r(10)),
l = s(r(5)),
u = s(r(9)),
c = r(2);
function s(e) {
return e && e.__esModule ? e : { default: e };
}
var f = (t.Twitter = function (e) {
var t = e.onChange,
r = e.onSwatchHover,
o = e.hex,
s = e.colors,
f = e.width,
d = e.triangle,
p = e.styles,
h = void 0 === p ? {} : p,
b = e.className,
v = void 0 === b ? "" : b,
g = (0, a.default)(
(0, l.default)(
{
default: {
card: { width: f, background: "#fff", border: "0 solid rgba(0,0,0,0.25)", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", borderRadius: "4px", position: "relative" },
body: { padding: "15px 9px 9px 15px" },
label: { fontSize: "18px", color: "#fff" },
triangle: { width: "0px", height: "0px", borderStyle: "solid", borderWidth: "0 9px 10px 9px", borderColor: "transparent transparent #fff transparent", position: "absolute" },
triangleShadow: { width: "0px", height: "0px", borderStyle: "solid", borderWidth: "0 9px 10px 9px", borderColor: "transparent transparent rgba(0,0,0,.1) transparent", position: "absolute" },
hash: { background: "#F0F0F0", height: "30px", width: "30px", borderRadius: "4px 0 0 4px", float: "left", color: "#98A1A4", display: "flex", alignItems: "center", justifyContent: "center" },
input: {
width: "100px",
fontSize: "14px",
color: "#666",
border: "0px",
outline: "none",
height: "28px",
boxShadow: "inset 0 0 0 1px #F0F0F0",
boxSizing: "content-box",
borderRadius: "0 4px 4px 0",
float: "left",
paddingLeft: "8px",
},
swatch: { width: "30px", height: "30px", float: "left", borderRadius: "4px", margin: "0 6px 6px 0" },
clear: { clear: "both" },
},
"hide-triangle": { triangle: { display: "none" }, triangleShadow: { display: "none" } },
"top-left-triangle": { triangle: { top: "-10px", left: "12px" }, triangleShadow: { top: "-11px", left: "12px" } },
"top-right-triangle": { triangle: { top: "-10px", right: "12px" }, triangleShadow: { top: "-11px", right: "12px" } },
},
h
),
{ "hide-triangle": "hide" === d, "top-left-triangle": "top-left" === d, "top-right-triangle": "top-right" === d }
),
y = function (e, r) {
u.default.isValidHex(e) && t({ hex: e, source: "hex" }, r);
};
return n.default.createElement(
"div",
{ style: g.card, className: "twitter-picker " + v },
n.default.createElement("div", { style: g.triangleShadow }),
n.default.createElement("div", { style: g.triangle }),
n.default.createElement(
"div",
{ style: g.body },
(0, i.default)(s, function (e, t) {
return n.default.createElement(c.Swatch, { key: t, color: e, hex: e, style: g.swatch, onClick: y, onHover: r, focusStyle: { boxShadow: "0 0 4px " + e } });
}),
n.default.createElement("div", { style: g.hash }, "#"),
n.default.createElement(c.EditableInput, { label: null, style: { input: g.input }, value: o.replace("#", ""), onChange: y }),
n.default.createElement("div", { style: g.clear })
)
);
});
(f.propTypes = { width: o.default.oneOfType([o.default.string, o.default.number]), triangle: o.default.oneOf(["hide", "top-left", "top-right"]), colors: o.default.arrayOf(o.default.string), styles: o.default.object }),
(f.defaultProps = { width: 276, colors: ["#FF6900", "#FCB900", "#7BDCB5", "#00D084", "#8ED1FC", "#0693E3", "#ABB8C3", "#EB144C", "#F78DA7", "#9900EF"], triangle: "top-left", styles: {} }),
(t.default = (0, c.ColorWrap)(f));
},
function (e, t, r) {
"use strict";
r.r(t);
var n = r(81),
o = r.n(n),
a = r(1),
i = r.n(a);
function l() {
return (l =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}).apply(this, arguments);
}
var u = function (e) {
var t = function (t) {
var r, n, o, a;
return "array" === e.choices.save_as
? ((r = Color(t)),
(n = Color("#ffffff")),
(o = Color("#000000")),
((a = { r: r.r(), g: r.g(), b: r.b(), h: r.h(), s: r.s(), l: r.l(), a: r.a(), v: r.toHsl().v }).hex = 1 === a.a ? r.toCSS() : r.clone().a(1).toCSS()),
(a.css = 1 === a.a ? a.hex : "rgba(" + a.r + "," + a.g + "," + a.b + "," + a.a + ")"),
(a.a11y = {
luminance: r.toLuminosity(),
distanceFromWhite: r.getDistanceLuminosityFrom(n),
distanceFromBlack: r.getDistanceLuminosityFrom(o),
maxContrastColor: r.clone().a(1).getMaxContrastColor().toCSS(),
readableContrastingColorFromWhite: [r.clone().a(1).getReadableContrastingColor(n, 7).toCSS(), r.clone().a(1).getReadableContrastingColor(n, 4.5).toCSS()],
readableContrastingColorFromBlack: [r.clone().a(1).getReadableContrastingColor(o, 7).toCSS(), r.clone().a(1).getReadableContrastingColor(o, 4.5).toCSS()],
}),
(a.a11y.isDark = a.a11y.distanceFromWhite > a.a11y.distanceFromBlack),
a)
: t;
},
r = i()({
default: {
textInput: { fontFamily: "Menlo, Consolas, monaco, monospace", borderRadius: "0 4px 4px 0", width: "100%" },
colorIndicator: { background: e.value.css ? e.value.css : e.value, display: "block", width: "40px", borderRadius: "4px 0 0 4px" },
inputWrapper: { display: "flex", marginBottom: "12px" },
resetButton: {},
},
});
return React.createElement(
"div",
null,
React.createElement("label", { className: "customize-control-title", for: e.control.id + "-input" }, e.label),
React.createElement("span", { className: "description customize-control-description", dangerouslySetInnerHTML: { __html: e.description } }),
React.createElement("div", { className: "customize-control-notifications-container", ref: e.setNotificationContainer }),
React.createElement(
"div",
{ style: r.inputWrapper },
React.createElement("span", { style: r.colorIndicator }),
React.createElement("input", {
type: "text",
style: r.textInput,
value: "array" === e.choices.save_as ? e.value.css : e.value,
onChange: function (r) {
wp.customize.control(e.customizerSetting.id).setting.set(t(r.target.value));
},
id: e.control.id + "-input",
}),
React.createElement(
"button",
{
className: "button",
onClick: function (r) {
r.preventDefault();
var n = e.defaultValue ? e.defaultValue : "";
"string" == typeof n && (n = t(n)), wp.customize.control(e.customizerSetting.id).setting.set(n);
},
style: r.resetButton,
},
window.wpColorPickerL10n.defaultString
)
),
React.createElement(
o.a,
l({ width: "300" }, e.choices, {
color: "array" === e.choices.save_as ? e.value.css : e.value,
onChangeComplete: function (r) {
wp.customize.control(e.customizerSetting.id).setting.set(
t(
(function (e) {
return "string" == typeof e ? e : e.css ? e.css : e.rgb && e.rgb.a && 1 > e.rgb.a ? "rgba(" + e.rgb.r + "," + e.rgb.g + "," + e.rgb.b + "," + e.rgb.a + ")" : e.hex ? e.hex : e;
})(r)
)
);
},
})
)
);
};
function c() {
return (c =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}).apply(this, arguments);
}
var s = wp.customize.Control.extend({
ready: function () {
var e = this;
e.setting.bind(function () {
e.renderContent();
}),
e.rgbaControlNotifications();
},
embed: function () {
var e = this,
t = e.section();
t &&
wp.customize.section(t, function (t) {
t.expanded.bind(function (t) {
t && e.actuallyEmbed();
});
});
},
actuallyEmbed: function () {
"resolved" !== this.deferred.embedded.state() && (this.renderContent(), this.deferred.embedded.resolve());
},
initialize: function (e, t) {
var r = this;
(r.setNotificationContainer = r.setNotificationContainer.bind(r)),
wp.customize.Control.prototype.initialize.call(r, e, t),
wp.customize.control.bind("removed", function e(t) {
r === t && (r.destroy(), r.container.remove(), wp.customize.control.unbind("removed", e));
});
},
setNotificationContainer: function (e) {
(this.notifications.container = jQuery(e)), this.notifications.render();
},
renderContent: function () {
var e = this.setting.get(),
t = React.createElement(
u,
c({}, this.params, { value: e, setNotificationContainer: this.setNotificationContainer, customizerSetting: this.setting, control: this, choices: this.params.choices, default: this.params.defaultValue })
);
ReactDOM.render(t, this.container[0]), !1 !== this.params.choices.allowCollapse && this.container.addClass("allowCollapse colorPickerIsCollapsed");
},
destroy: function () {
ReactDOM.unmountComponentAtNode(this.container[0]), wp.customize.Control.prototype.destroy && wp.customize.Control.prototype.destroy.call(this);
},
rgbaControlNotifications: function () {
var e = "long_title",
t = RegExp(
/^(\#[\da-f]{3}|\#[\da-f]{6}|\#[\da-f]{8}|rgba\(((\d{1,2}|1\d\d|2([0-4]\d|5[0-5]))\s*,\s*){2}((\d{1,2}|1\d\d|2([0-4]\d|5[0-5]))\s*)(,\s*(0\.\d+|1))\)|hsla\(\s*((\d{1,2}|[1-2]\d{2}|3([0-5]\d|60)))\s*,\s*((\d{1,2}|100)\s*%)\s*,\s*((\d{1,2}|100)\s*%)(,\s*(0\.\d+|1))\)|rgb\(((\d{1,2}|1\d\d|2([0-4]\d|5[0-5]))\s*,\s*){2}((\d{1,2}|1\d\d|2([0-4]\d|5[0-5]))\s*)|hsl\(\s*((\d{1,2}|[1-2]\d{2}|3([0-5]\d|60)))\s*,\s*((\d{1,2}|100)\s*%)\s*,\s*((\d{1,2}|100)\s*%)\))$/
);
window._wpCustomizeControlsL10n.cheatin &&
wp.customize(this.id, function (r) {
r.bind(function (n) {
!1 === t.test(n) ? r.notifications.add(e, new wp.customize.Notification(e, { type: "warning", message: window._wpCustomizeControlsL10n.cheatin })) : r.notifications.remove(e);
});
});
},
});
wp.customize.controlConstructor["color-alpha"] = s;
},
]);