ArcBlock Staging

\").replace(\u002fhasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])\u002fg, \"$1.*?\") + \"$\");\nfunction bu(e) {\n if (!lu(e) || su(e))\n return !1;\n var t = ou(e) ? vu : fu;\n return t.test(uu(e));\n}\nvar yu = bu;\nfunction xu(e, t) {\n return e == null ? void 0 : e[t];\n}\nvar mu = xu, wu = yu, $u = mu;\nfunction _u(e, t) {\n var r = $u(e, t);\n return wu(r) ? r : void 0;\n}\nvar ie = _u, Eu = ie, Su = X, Cu = Eu(Su, \"Map\"), mr = Cu, Ou = ie, Au = Ou(Object, \"create\"), Ot = Au, fn = Ot;\nfunction Tu() {\n this.__data__ = fn ? fn(null) : {}, this.size = 0;\n}\nvar Pu = Tu;\nfunction Mu(e) {\n var t = this.has(e) && delete this.__data__[e];\n return this.size -= t ? 1 : 0, t;\n}\nvar Ru = Mu, Fu = Ot, ju = \"__lodash_hash_undefined__\", Iu = Object.prototype, Bu = Iu.hasOwnProperty;\nfunction ku(e) {\n var t = this.__data__;\n if (Fu) {\n var r = t[e];\n return r === ju ? void 0 : r;\n }\n return Bu.call(t, e) ? t[e] : void 0;\n}\nvar Du = ku, Lu = Ot, Hu = Object.prototype, Nu = Hu.hasOwnProperty;\nfunction Gu(e) {\n var t = this.__data__;\n return Lu ? t[e] !== void 0 : Nu.call(t, e);\n}\nvar zu = Gu, Uu = Ot, Wu = \"__lodash_hash_undefined__\";\nfunction Ku(e, t) {\n var r = this.__data__;\n return this.size += this.has(e) ? 0 : 1, r[e] = Uu && t === void 0 ? Wu : t, this;\n}\nvar Xu = Ku, qu = Pu, Vu = Ru, Yu = Du, Zu = zu, Ju = Xu;\nfunction Re(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.clear(); ++t \u003c r;) {\n var n = e[t];\n this.set(n[0], n[1]);\n }\n}\nRe.prototype.clear = qu;\nRe.prototype.delete = Vu;\nRe.prototype.get = Yu;\nRe.prototype.has = Zu;\nRe.prototype.set = Ju;\nvar Qu = Re, hn = Qu, ec = Ct, tc = mr;\nfunction rc() {\n this.size = 0, this.__data__ = {\n hash: new hn(),\n map: new (tc || ec)(),\n string: new hn()\n };\n}\nvar nc = rc;\nfunction ac(e) {\n var t = typeof e;\n return t == \"string\" || t == \"number\" || t == \"symbol\" || t == \"boolean\" ? e !== \"__proto__\" : e === null;\n}\nvar ic = ac, oc = ic;\nfunction sc(e, t) {\n var r = e.__data__;\n return oc(t) ? r[typeof t == \"string\" ? \"string\" : \"hash\"] : r.map;\n}\nvar At = sc, lc = At;\nfunction uc(e) {\n var t = lc(this, e).delete(e);\n return this.size -= t ? 1 : 0, t;\n}\nvar cc = uc, fc = At;\nfunction hc(e) {\n return fc(this, e).get(e);\n}\nvar pc = hc, dc = At;\nfunction gc(e) {\n return dc(this, e).has(e);\n}\nvar vc = gc, bc = At;\nfunction yc(e, t) {\n var r = bc(this, e), n = r.size;\n return r.set(e, t), this.size += r.size == n ? 0 : 1, this;\n}\nvar xc = yc, mc = nc, wc = cc, $c = pc, _c = vc, Ec = xc;\nfunction Fe(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.clear(); ++t \u003c r;) {\n var n = e[t];\n this.set(n[0], n[1]);\n }\n}\nFe.prototype.clear = mc;\nFe.prototype.delete = wc;\nFe.prototype.get = $c;\nFe.prototype.has = _c;\nFe.prototype.set = Ec;\nvar wr = Fe, Sc = Ct, Cc = mr, Oc = wr, Ac = 200;\nfunction Tc(e, t) {\n var r = this.__data__;\n if (r instanceof Sc) {\n var n = r.__data__;\n if (!Cc || n.length \u003c Ac - 1)\n return n.push([e, t]), this.size = ++r.size, this;\n r = this.__data__ = new Oc(n);\n }\n return r.set(e, t), this.size = r.size, this;\n}\nvar Pc = Tc, Mc = Ct, Rc = Wl, Fc = Xl, jc = Vl, Ic = Zl, Bc = Pc;\nfunction je(e) {\n var t = this.__data__ = new Mc(e);\n this.size = t.size;\n}\nje.prototype.clear = Rc;\nje.prototype.delete = Fc;\nje.prototype.get = jc;\nje.prototype.has = Ic;\nje.prototype.set = Bc;\nvar $r = je, kc = \"__lodash_hash_undefined__\";\nfunction Dc(e) {\n return this.__data__.set(e, kc), this;\n}\nvar Lc = Dc;\nfunction Hc(e) {\n return this.__data__.has(e);\n}\nvar Nc = Hc, Gc = wr, zc = Lc, Uc = Nc;\nfunction vt(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.__data__ = new Gc(); ++t \u003c r;)\n this.add(e[t]);\n}\nvt.prototype.add = vt.prototype.push = zc;\nvt.prototype.has = Uc;\nvar Wc = vt;\nfunction Kc(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length; ++r \u003c n;)\n if (t(e[r], r, e))\n return !0;\n return !1;\n}\nvar Xc = Kc;\nfunction qc(e, t) {\n return e.has(t);\n}\nvar Vc = qc, Yc = Wc, Zc = Xc, Jc = Vc, Qc = 1, ef = 2;\nfunction tf(e, t, r, n, a, i) {\n var o = r & Qc, s = e.length, u = t.length;\n if (s != u && !(o && u \u003e s))\n return !1;\n var c = i.get(e), f = i.get(t);\n if (c && f)\n return c == t && f == e;\n var h = -1, p = !0, d = r & ef ? new Yc() : void 0;\n for (i.set(e, t), i.set(t, e); ++h \u003c s;) {\n var v = e[h], b = t[h];\n if (n)\n var y = o ? n(b, v, h, t, e, i) : n(v, b, h, e, t, i);\n if (y !== void 0) {\n if (y)\n continue;\n p = !1;\n break;\n }\n if (d) {\n if (!Zc(t, function ($, M) {\n if (!Jc(d, M) && (v === $ || a(v, $, r, n, i)))\n return d.push(M);\n })) {\n p = !1;\n break;\n }\n }\n else if (!(v === b || a(v, b, r, n, i))) {\n p = !1;\n break;\n }\n }\n return i.delete(e), i.delete(t), p;\n}\nvar Va = tf, rf = X, nf = rf.Uint8Array, Ya = nf;\nfunction af(e) {\n var t = -1, r = Array(e.size);\n return e.forEach(function (n, a) {\n r[++t] = [a, n];\n }), r;\n}\nvar of = af;\nfunction sf(e) {\n var t = -1, r = Array(e.size);\n return e.forEach(function (n) {\n r[++t] = n;\n }), r;\n}\nvar lf = sf, pn = cr, dn = Ya, uf = xr, cf = Va, ff = of, hf = lf, pf = 1, df = 2, gf = \"[object Boolean]\", vf = \"[object Date]\", bf = \"[object Error]\", yf = \"[object Map]\", xf = \"[object Number]\", mf = \"[object RegExp]\", wf = \"[object Set]\", $f = \"[object String]\", _f = \"[object Symbol]\", Ef = \"[object ArrayBuffer]\", Sf = \"[object DataView]\", gn = pn ? pn.prototype : void 0, Gt = gn ? gn.valueOf : void 0;\nfunction Cf(e, t, r, n, a, i, o) {\n switch (r) {\n case Sf:\n if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)\n return !1;\n e = e.buffer, t = t.buffer;\n case Ef:\n return !(e.byteLength != t.byteLength || !i(new dn(e), new dn(t)));\n case gf:\n case vf:\n case xf:\n return uf(+e, +t);\n case bf:\n return e.name == t.name && e.message == t.message;\n case mf:\n case $f:\n return e == t + \"\";\n case yf:\n var s = ff;\n case wf:\n var u = n & pf;\n if (s || (s = hf), e.size != t.size && !u)\n return !1;\n var c = o.get(e);\n if (c)\n return c == t;\n n |= df, o.set(e, t);\n var f = cf(s(e), s(t), n, a, i, o);\n return o.delete(e), f;\n case _f:\n if (Gt)\n return Gt.call(e) == Gt.call(t);\n }\n return !1;\n}\nvar Of = Cf;\nfunction Af(e, t) {\n for (var r = -1, n = t.length, a = e.length; ++r \u003c n;)\n e[a + r] = t[r];\n return e;\n}\nvar Za = Af, Tf = Za, Pf = z;\nfunction Mf(e, t, r) {\n var n = t(e);\n return Pf(e) ? n : Tf(n, r(e));\n}\nvar Ja = Mf;\nfunction Rf(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length, a = 0, i = []; ++r \u003c n;) {\n var o = e[r];\n t(o, r, e) && (i[a++] = o);\n }\n return i;\n}\nvar Ff = Rf;\nfunction jf() {\n return [];\n}\nvar Qa = jf, If = Ff, Bf = Qa, kf = Object.prototype, Df = kf.propertyIsEnumerable, vn = Object.getOwnPropertySymbols, Lf = vn ? function (e) {\n return e == null ? [] : (e = Object(e), If(vn(e), function (t) {\n return Df.call(e, t);\n }));\n} : Bf, _r = Lf, Hf = Ja, Nf = _r, Gf = Qe;\nfunction zf(e) {\n return Hf(e, Gf, Nf);\n}\nvar ei = zf, bn = ei, Uf = 1, Wf = Object.prototype, Kf = Wf.hasOwnProperty;\nfunction Xf(e, t, r, n, a, i) {\n var o = r & Uf, s = bn(e), u = s.length, c = bn(t), f = c.length;\n if (u != f && !o)\n return !1;\n for (var h = u; h--;) {\n var p = s[h];\n if (!(o ? p in t : Kf.call(t, p)))\n return !1;\n }\n var d = i.get(e), v = i.get(t);\n if (d && v)\n return d == t && v == e;\n var b = !0;\n i.set(e, t), i.set(t, e);\n for (var y = o; ++h \u003c u;) {\n p = s[h];\n var $ = e[p], M = t[p];\n if (n)\n var w = o ? n(M, $, p, t, e, i) : n($, M, p, e, t, i);\n if (!(w === void 0 ? $ === M || a($, M, r, n, i) : w)) {\n b = !1;\n break;\n }\n y || (y = p == \"constructor\");\n }\n if (b && !y) {\n var m = e.constructor, E = t.constructor;\n m != E && \"constructor\" in e && \"constructor\" in t && !(typeof m == \"function\" && m instanceof m && typeof E == \"function\" && E instanceof E) && (b = !1);\n }\n return i.delete(e), i.delete(t), b;\n}\nvar qf = Xf, Vf = ie, Yf = X, Zf = Vf(Yf, \"DataView\"), Jf = Zf, Qf = ie, eh = X, th = Qf(eh, \"Promise\"), rh = th, nh = ie, ah = X, ih = nh(ah, \"Set\"), oh = ih, sh = ie, lh = X, uh = sh(lh, \"WeakMap\"), ch = uh, Jt = Jf, Qt = mr, er = rh, tr = oh, rr = ch, ti = Te, Ie = qa, yn = \"[object Map]\", fh = \"[object Object]\", xn = \"[object Promise]\", mn = \"[object Set]\", wn = \"[object WeakMap]\", $n = \"[object DataView]\", hh = Ie(Jt), ph = Ie(Qt), dh = Ie(er), gh = Ie(tr), vh = Ie(rr), re = ti;\n(Jt && re(new Jt(new ArrayBuffer(1))) != $n || Qt && re(new Qt()) != yn || er && re(er.resolve()) != xn || tr && re(new tr()) != mn || rr && re(new rr()) != wn) && (re = function (e) {\n var t = ti(e), r = t == fh ? e.constructor : void 0, n = r ? Ie(r) : \"\";\n if (n)\n switch (n) {\n case hh:\n return $n;\n case ph:\n return yn;\n case dh:\n return xn;\n case gh:\n return mn;\n case vh:\n return wn;\n }\n return t;\n});\nvar Tt = re, zt = $r, bh = Va, yh = Of, xh = qf, _n = Tt, En = z, Sn = pr, mh = Ga, wh = 1, Cn = \"[object Arguments]\", On = \"[object Array]\", ut = \"[object Object]\", $h = Object.prototype, An = $h.hasOwnProperty;\nfunction _h(e, t, r, n, a, i) {\n var o = En(e), s = En(t), u = o ? On : _n(e), c = s ? On : _n(t);\n u = u == Cn ? ut : u, c = c == Cn ? ut : c;\n var f = u == ut, h = c == ut, p = u == c;\n if (p && Sn(e)) {\n if (!Sn(t))\n return !1;\n o = !0, f = !1;\n }\n if (p && !f)\n return i || (i = new zt()), o || mh(e) ? bh(e, t, r, n, a, i) : yh(e, t, u, r, n, a, i);\n if (!(r & wh)) {\n var d = f && An.call(e, \"__wrapped__\"), v = h && An.call(t, \"__wrapped__\");\n if (d || v) {\n var b = d ? e.value() : e, y = v ? t.value() : t;\n return i || (i = new zt()), a(b, y, r, n, i);\n }\n }\n return p ? (i || (i = new zt()), xh(e, t, r, n, a, i)) : !1;\n}\nvar Eh = _h, Sh = Eh, Tn = ee;\nfunction ri(e, t, r, n, a) {\n return e === t ? !0 : e == null || t == null || !Tn(e) && !Tn(t) ? e !== e && t !== t : Sh(e, t, r, n, ri, a);\n}\nvar ni = ri, Ch = $r, Oh = ni, Ah = 1, Th = 2;\nfunction Ph(e, t, r, n) {\n var a = r.length, i = a, o = !n;\n if (e == null)\n return !i;\n for (e = Object(e); a--;) {\n var s = r[a];\n if (o && s[2] ? s[1] !== e[s[0]] : !(s[0] in e))\n return !1;\n }\n for (; ++a \u003c i;) {\n s = r[a];\n var u = s[0], c = e[u], f = s[1];\n if (o && s[2]) {\n if (c === void 0 && !(u in e))\n return !1;\n }\n else {\n var h = new Ch();\n if (n)\n var p = n(c, f, u, e, t, h);\n if (!(p === void 0 ? Oh(f, c, Ah | Th, n, h) : p))\n return !1;\n }\n }\n return !0;\n}\nvar Mh = Ph, Rh = Pe;\nfunction Fh(e) {\n return e === e && !Rh(e);\n}\nvar ai = Fh, jh = ai, Ih = Qe;\nfunction Bh(e) {\n for (var t = Ih(e), r = t.length; r--;) {\n var n = t[r], a = e[n];\n t[r] = [n, a, jh(a)];\n }\n return t;\n}\nvar kh = Bh;\nfunction Dh(e, t) {\n return function (r) {\n return r == null ? !1 : r[e] === t && (t !== void 0 || e in Object(r));\n };\n}\nvar ii = Dh, Lh = Mh, Hh = kh, Nh = ii;\nfunction Gh(e) {\n var t = Hh(e);\n return t.length == 1 && t[0][2] ? Nh(t[0][0], t[0][1]) : function (r) {\n return r === e || Lh(r, e, t);\n };\n}\nvar zh = Gh, Uh = z, Wh = fr, Kh = \u002f\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]\u002f, Xh = \u002f^\\w*$\u002f;\nfunction qh(e, t) {\n if (Uh(e))\n return !1;\n var r = typeof e;\n return r == \"number\" || r == \"symbol\" || r == \"boolean\" || e == null || Wh(e) ? !0 : Xh.test(e) || !Kh.test(e) || t != null && e in Object(t);\n}\nvar Er = qh, oi = wr, Vh = \"Expected a function\";\nfunction Sr(e, t) {\n if (typeof e != \"function\" || t != null && typeof t != \"function\")\n throw new TypeError(Vh);\n var r = function () {\n var n = arguments, a = t ? t.apply(this, n) : n[0], i = r.cache;\n if (i.has(a))\n return i.get(a);\n var o = e.apply(this, n);\n return r.cache = i.set(a, o) || i, o;\n };\n return r.cache = new (Sr.Cache || oi)(), r;\n}\nSr.Cache = oi;\nvar Yh = Sr, Zh = Yh, Jh = 500;\nfunction Qh(e) {\n var t = Zh(e, function (n) {\n return r.size === Jh && r.clear(), n;\n }), r = t.cache;\n return t;\n}\nvar ep = Qh, tp = ep, rp = \u002f[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))\u002fg, np = \u002f\\\$\\\$?\u002fg, ap = tp(function (e) {\n var t = [];\n return e.charCodeAt(0) === 46 && t.push(\"\"), e.replace(rp, function (r, n, a, i) {\n t.push(a ? i.replace(np, \"$1\") : n || r);\n }), t;\n}), ip = ap, Pn = cr, op = Xa, sp = z, lp = fr, Mn = Pn ? Pn.prototype : void 0, Rn = Mn ? Mn.toString : void 0;\nfunction si(e) {\n if (typeof e == \"string\")\n return e;\n if (sp(e))\n return op(e, si) + \"\";\n if (lp(e))\n return Rn ? Rn.call(e) : \"\";\n var t = e + \"\";\n return t == \"0\" && 1 \u002f e == -1 \u002f 0 ? \"-0\" : t;\n}\nvar up = si, cp = up;\nfunction fp(e) {\n return e == null ? \"\" : cp(e);\n}\nvar hp = fp, pp = z, dp = Er, gp = ip, vp = hp;\nfunction bp(e, t) {\n return pp(e) ? e : dp(e, t) ? [e] : gp(vp(e));\n}\nvar li = bp, yp = fr;\nfunction xp(e) {\n if (typeof e == \"string\" || yp(e))\n return e;\n var t = e + \"\";\n return t == \"0\" && 1 \u002f e == -1 \u002f 0 ? \"-0\" : t;\n}\nvar Pt = xp, mp = li, wp = Pt;\nfunction $p(e, t) {\n t = mp(t, e);\n for (var r = 0, n = t.length; e != null && r \u003c n;)\n e = e[wp(t[r++])];\n return r && r == n ? e : void 0;\n}\nvar ui = $p, _p = ui;\nfunction Ep(e, t, r) {\n var n = e == null ? void 0 : _p(e, t);\n return n === void 0 ? r : n;\n}\nvar Sp = Ep;\nfunction Cp(e, t) {\n return e != null && t in Object(e);\n}\nvar Op = Cp, Ap = li, Tp = Ha, Pp = z, Mp = Na, Rp = dr, Fp = Pt;\nfunction jp(e, t, r) {\n t = Ap(t, e);\n for (var n = -1, a = t.length, i = !1; ++n \u003c a;) {\n var o = Fp(t[n]);\n if (!(i = e != null && r(e, o)))\n break;\n e = e[o];\n }\n return i || ++n != a ? i : (a = e == null ? 0 : e.length, !!a && Rp(a) && Mp(o, a) && (Pp(e) || Tp(e)));\n}\nvar Ip = jp, Bp = Op, kp = Ip;\nfunction Dp(e, t) {\n return e != null && kp(e, t, Bp);\n}\nvar Lp = Dp, Hp = ni, Np = Sp, Gp = Lp, zp = Er, Up = ai, Wp = ii, Kp = Pt, Xp = 1, qp = 2;\nfunction Vp(e, t) {\n return zp(e) && Up(t) ? Wp(Kp(e), t) : function (r) {\n var n = Np(r, e);\n return n === void 0 && n === t ? Gp(r, e) : Hp(t, n, Xp | qp);\n };\n}\nvar Yp = Vp;\nfunction Zp(e) {\n return function (t) {\n return t == null ? void 0 : t[e];\n };\n}\nvar Jp = Zp, Qp = ui;\nfunction ed(e) {\n return function (t) {\n return Qp(t, e);\n };\n}\nvar td = ed, rd = Jp, nd = td, ad = Er, id = Pt;\nfunction od(e) {\n return ad(e) ? rd(id(e)) : nd(e);\n}\nvar sd = od, ld = zh, ud = Yp, cd = Ka, fd = z, hd = sd;\nfunction pd(e) {\n return typeof e == \"function\" ? e : e == null ? cd : typeof e == \"object\" ? fd(e) ? ud(e[0], e[1]) : ld(e) : hd(e);\n}\nvar dd = pd, gd = Et;\nfunction vd(e, t) {\n return function (r, n) {\n if (r == null)\n return r;\n if (!gd(r))\n return e(r, n);\n for (var a = r.length, i = t ? a : -1, o = Object(r); (t ? i-- : ++i \u003c a) && n(o[i], i, o) !== !1;)\n ;\n return r;\n };\n}\nvar bd = vd, yd = Wa, xd = bd, md = xd(yd), wd = md, $d = wd, _d = Et;\nfunction Ed(e, t) {\n var r = -1, n = _d(e) ? Array(e.length) : [];\n return $d(e, function (a, i, o) {\n n[++r] = t(a, i, o);\n }), n;\n}\nvar Sd = Ed, Cd = Xa, Od = dd, Ad = Sd, Td = z;\nfunction Pd(e, t) {\n var r = Td(e) ? Cd : Ad;\n return r(e, Od(t));\n}\nvar Md = Pd;\nObject.defineProperty(Je, \"__esModule\", {\n value: !0\n});\nJe.flattenNames = void 0;\nvar Rd = So, Fd = Mt(Rd), jd = yr, Id = Mt(jd), Bd = yo, kd = Mt(Bd), Dd = Md, Ld = Mt(Dd);\nfunction Mt(e) {\n return e && e.__esModule ? e : { default: e };\n}\nvar Hd = Je.flattenNames = function e() {\n var t = arguments.length \u003e 0 && arguments[0] !== void 0 ? arguments[0] : [], r = [];\n return (0, Ld.default)(t, function (n) {\n Array.isArray(n) ? e(n).map(function (a) {\n return r.push(a);\n }) : (0, kd.default)(n) ? (0, Id.default)(n, function (a, i) {\n a === !0 && r.push(i), r.push(i + \"-\" + a);\n }) : (0, Fd.default)(n) && r.push(n);\n }), r;\n};\nJe.default = Hd;\nvar et = {};\nfunction Nd(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length; ++r \u003c n && t(e[r], r, e) !== !1;)\n ;\n return e;\n}\nvar Gd = Nd, zd = ie, Ud = function () {\n try {\n var e = zd(Object, \"defineProperty\");\n return e({}, \"\", {}), e;\n }\n catch (_j) {\n }\n}(), Wd = Ud, Fn = Wd;\nfunction Kd(e, t, r) {\n t == \"__proto__\" && Fn ? Fn(e, t, {\n configurable: !0,\n enumerable: !0,\n value: r,\n writable: !0\n }) : e[t] = r;\n}\nvar ci = Kd, Xd = ci, qd = xr, Vd = Object.prototype, Yd = Vd.hasOwnProperty;\nfunction Zd(e, t, r) {\n var n = e[t];\n (!(Yd.call(e, t) && qd(n, r)) || r === void 0 && !(t in e)) && Xd(e, t, r);\n}\nvar fi = Zd, Jd = fi, Qd = ci;\nfunction eg(e, t, r, n) {\n var a = !r;\n r || (r = {});\n for (var i = -1, o = t.length; ++i \u003c o;) {\n var s = t[i], u = n ? n(r[s], e[s], s, r, e) : void 0;\n u === void 0 && (u = e[s]), a ? Qd(r, s, u) : Jd(r, s, u);\n }\n return r;\n}\nvar Rt = eg, tg = Rt, rg = Qe;\nfunction ng(e, t) {\n return e && tg(t, rg(t), e);\n}\nvar ag = ng;\nfunction ig(e) {\n var t = [];\n if (e != null)\n for (var r in Object(e))\n t.push(r);\n return t;\n}\nvar og = ig, sg = Pe, lg = br, ug = og, cg = Object.prototype, fg = cg.hasOwnProperty;\nfunction hg(e) {\n if (!sg(e))\n return ug(e);\n var t = lg(e), r = [];\n for (var n in e)\n n == \"constructor\" && (t || !fg.call(e, n)) || r.push(n);\n return r;\n}\nvar pg = hg, dg = za, gg = pg, vg = Et;\nfunction bg(e) {\n return vg(e) ? dg(e, !0) : gg(e);\n}\nvar Cr = bg, yg = Rt, xg = Cr;\nfunction mg(e, t) {\n return e && yg(t, xg(t), e);\n}\nvar wg = mg, bt = { exports: {} };\nbt.exports;\n(function (e, t) {\n var r = X, n = t && !t.nodeType && t, a = n && !0 && e && !e.nodeType && e, i = a && a.exports === n, o = i ? r.Buffer : void 0, s = o ? o.allocUnsafe : void 0;\n function u(c, f) {\n if (f)\n return c.slice();\n var h = c.length, p = s ? s(h) : new c.constructor(h);\n return c.copy(p), p;\n }\n e.exports = u;\n})(bt, bt.exports);\nvar $g = bt.exports;\nfunction _g(e, t) {\n var r = -1, n = e.length;\n for (t || (t = Array(n)); ++r \u003c n;)\n t[r] = e[r];\n return t;\n}\nvar Eg = _g, Sg = Rt, Cg = _r;\nfunction Og(e, t) {\n return Sg(e, Cg(e), t);\n}\nvar Ag = Og, Tg = Za, Pg = hr, Mg = _r, Rg = Qa, Fg = Object.getOwnPropertySymbols, jg = Fg ? function (e) {\n for (var t = []; e;)\n Tg(t, Mg(e)), e = Pg(e);\n return t;\n} : Rg, hi = jg, Ig = Rt, Bg = hi;\nfunction kg(e, t) {\n return Ig(e, Bg(e), t);\n}\nvar Dg = kg, Lg = Ja, Hg = hi, Ng = Cr;\nfunction Gg(e) {\n return Lg(e, Ng, Hg);\n}\nvar zg = Gg, Ug = Object.prototype, Wg = Ug.hasOwnProperty;\nfunction Kg(e) {\n var t = e.length, r = new e.constructor(t);\n return t && typeof e[0] == \"string\" && Wg.call(e, \"index\") && (r.index = e.index, r.input = e.input), r;\n}\nvar Xg = Kg, jn = Ya;\nfunction qg(e) {\n var t = new e.constructor(e.byteLength);\n return new jn(t).set(new jn(e)), t;\n}\nvar Or = qg, Vg = Or;\nfunction Yg(e, t) {\n var r = t ? Vg(e.buffer) : e.buffer;\n return new e.constructor(r, e.byteOffset, e.byteLength);\n}\nvar Zg = Yg, Jg = \u002f\\w*$\u002f;\nfunction Qg(e) {\n var t = new e.constructor(e.source, Jg.exec(e));\n return t.lastIndex = e.lastIndex, t;\n}\nvar e0 = Qg, In = cr, Bn = In ? In.prototype : void 0, kn = Bn ? Bn.valueOf : void 0;\nfunction t0(e) {\n return kn ? Object(kn.call(e)) : {};\n}\nvar r0 = t0, n0 = Or;\nfunction a0(e, t) {\n var r = t ? n0(e.buffer) : e.buffer;\n return new e.constructor(r, e.byteOffset, e.length);\n}\nvar i0 = a0, o0 = Or, s0 = Zg, l0 = e0, u0 = r0, c0 = i0, f0 = \"[object Boolean]\", h0 = \"[object Date]\", p0 = \"[object Map]\", d0 = \"[object Number]\", g0 = \"[object RegExp]\", v0 = \"[object Set]\", b0 = \"[object String]\", y0 = \"[object Symbol]\", x0 = \"[object ArrayBuffer]\", m0 = \"[object DataView]\", w0 = \"[object Float32Array]\", $0 = \"[object Float64Array]\", _0 = \"[object Int8Array]\", E0 = \"[object Int16Array]\", S0 = \"[object Int32Array]\", C0 = \"[object Uint8Array]\", O0 = \"[object Uint8ClampedArray]\", A0 = \"[object Uint16Array]\", T0 = \"[object Uint32Array]\";\nfunction P0(e, t, r) {\n var n = e.constructor;\n switch (t) {\n case x0:\n return o0(e);\n case f0:\n case h0:\n return new n(+e);\n case m0:\n return s0(e, r);\n case w0:\n case $0:\n case _0:\n case E0:\n case S0:\n case C0:\n case O0:\n case A0:\n case T0:\n return c0(e, r);\n case p0:\n return new n();\n case d0:\n case b0:\n return new n(e);\n case g0:\n return l0(e);\n case v0:\n return new n();\n case y0:\n return u0(e);\n }\n}\nvar M0 = P0, R0 = Pe, Dn = Object.create, F0 = \u002f* @__PURE__ *\u002f function () {\n function e() {\n }\n return function (t) {\n if (!R0(t))\n return {};\n if (Dn)\n return Dn(t);\n e.prototype = t;\n var r = new e();\n return e.prototype = void 0, r;\n };\n}(), j0 = F0, I0 = j0, B0 = hr, k0 = br;\nfunction D0(e) {\n return typeof e.constructor == \"function\" && !k0(e) ? I0(B0(e)) : {};\n}\nvar L0 = D0, H0 = Tt, N0 = ee, G0 = \"[object Map]\";\nfunction z0(e) {\n return N0(e) && H0(e) == G0;\n}\nvar U0 = z0, W0 = U0, K0 = gr, Ln = vr, Hn = Ln && Ln.isMap, X0 = Hn ? K0(Hn) : W0, q0 = X0, V0 = Tt, Y0 = ee, Z0 = \"[object Set]\";\nfunction J0(e) {\n return Y0(e) && V0(e) == Z0;\n}\nvar Q0 = J0, ev = Q0, tv = gr, Nn = vr, Gn = Nn && Nn.isSet, rv = Gn ? tv(Gn) : ev, nv = rv, av = $r, iv = Gd, ov = fi, sv = ag, lv = wg, uv = $g, cv = Eg, fv = Ag, hv = Dg, pv = ei, dv = zg, gv = Tt, vv = Xg, bv = M0, yv = L0, xv = z, mv = pr, wv = q0, $v = Pe, _v = nv, Ev = Qe, Sv = Cr, Cv = 1, Ov = 2, Av = 4, pi = \"[object Arguments]\", Tv = \"[object Array]\", Pv = \"[object Boolean]\", Mv = \"[object Date]\", Rv = \"[object Error]\", di = \"[object Function]\", Fv = \"[object GeneratorFunction]\", jv = \"[object Map]\", Iv = \"[object Number]\", gi = \"[object Object]\", Bv = \"[object RegExp]\", kv = \"[object Set]\", Dv = \"[object String]\", Lv = \"[object Symbol]\", Hv = \"[object WeakMap]\", Nv = \"[object ArrayBuffer]\", Gv = \"[object DataView]\", zv = \"[object Float32Array]\", Uv = \"[object Float64Array]\", Wv = \"[object Int8Array]\", Kv = \"[object Int16Array]\", Xv = \"[object Int32Array]\", qv = \"[object Uint8Array]\", Vv = \"[object Uint8ClampedArray]\", Yv = \"[object Uint16Array]\", Zv = \"[object Uint32Array]\", A = {};\nA[pi] = A[Tv] = A[Nv] = A[Gv] = A[Pv] = A[Mv] = A[zv] = A[Uv] = A[Wv] = A[Kv] = A[Xv] = A[jv] = A[Iv] = A[gi] = A[Bv] = A[kv] = A[Dv] = A[Lv] = A[qv] = A[Vv] = A[Yv] = A[Zv] = !0;\nA[Rv] = A[di] = A[Hv] = !1;\nfunction pt(e, t, r, n, a, i) {\n var o, s = t & Cv, u = t & Ov, c = t & Av;\n if (r && (o = a ? r(e, n, a, i) : r(e)), o !== void 0)\n return o;\n if (!$v(e))\n return e;\n var f = xv(e);\n if (f) {\n if (o = vv(e), !s)\n return cv(e, o);\n }\n else {\n var h = gv(e), p = h == di || h == Fv;\n if (mv(e))\n return uv(e, s);\n if (h == gi || h == pi || p && !a) {\n if (o = u || p ? {} : yv(e), !s)\n return u ? hv(e, lv(o, e)) : fv(e, sv(o, e));\n }\n else {\n if (!A[h])\n return a ? e : {};\n o = bv(e, h, s);\n }\n }\n i || (i = new av());\n var d = i.get(e);\n if (d)\n return d;\n i.set(e, o), _v(e) ? e.forEach(function (y) {\n o.add(pt(y, t, r, y, e, i));\n }) : wv(e) && e.forEach(function (y, $) {\n o.set($, pt(y, t, r, $, e, i));\n });\n var v = c ? u ? dv : pv : u ? Sv : Ev, b = f ? void 0 : v(e);\n return iv(b || e, function (y, $) {\n b && ($ = y, y = e[$]), ov(o, $, pt(y, t, r, $, e, i));\n }), o;\n}\nvar Jv = pt, Qv = Jv, eb = 1, tb = 4;\nfunction rb(e) {\n return Qv(e, eb | tb);\n}\nvar nb = rb;\nObject.defineProperty(et, \"__esModule\", {\n value: !0\n});\net.mergeClasses = void 0;\nvar ab = yr, ib = vi(ab), ob = nb, sb = vi(ob), lb = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n};\nfunction vi(e) {\n return e && e.__esModule ? e : { default: e };\n}\nvar ub = et.mergeClasses = function (t) {\n var r = arguments.length \u003e 1 && arguments[1] !== void 0 ? arguments[1] : [], n = t.default && (0, sb.default)(t.default) || {};\n return r.map(function (a) {\n var i = t[a];\n return i && (0, ib.default)(i, function (o, s) {\n n[s] || (n[s] = {}), n[s] = lb({}, n[s], i[s]);\n }), a;\n }), n;\n};\net.default = ub;\nvar tt = {};\nObject.defineProperty(tt, \"__esModule\", {\n value: !0\n});\ntt.autoprefix = void 0;\nvar cb = yr, zn = hb(cb), fb = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n};\nfunction hb(e) {\n return e && e.__esModule ? e : { default: e };\n}\nvar pb = {\n borderRadius: function (t) {\n return {\n msBorderRadius: t,\n MozBorderRadius: t,\n OBorderRadius: t,\n WebkitBorderRadius: t,\n borderRadius: t\n };\n },\n boxShadow: function (t) {\n return {\n msBoxShadow: t,\n MozBoxShadow: t,\n OBoxShadow: t,\n WebkitBoxShadow: t,\n boxShadow: t\n };\n },\n userSelect: function (t) {\n return {\n WebkitTouchCallout: t,\n KhtmlUserSelect: t,\n MozUserSelect: t,\n msUserSelect: t,\n WebkitUserSelect: t,\n userSelect: t\n };\n },\n flex: function (t) {\n return {\n WebkitBoxFlex: t,\n MozBoxFlex: t,\n WebkitFlex: t,\n msFlex: t,\n flex: t\n };\n },\n flexBasis: function (t) {\n return {\n WebkitFlexBasis: t,\n flexBasis: t\n };\n },\n justifyContent: function (t) {\n return {\n WebkitJustifyContent: t,\n justifyContent: t\n };\n },\n transition: function (t) {\n return {\n msTransition: t,\n MozTransition: t,\n OTransition: t,\n WebkitTransition: t,\n transition: t\n };\n },\n transform: function (t) {\n return {\n msTransform: t,\n MozTransform: t,\n OTransform: t,\n WebkitTransform: t,\n transform: t\n };\n },\n absolute: function (t) {\n var r = t && t.split(\" \");\n return {\n position: \"absolute\",\n top: r && r[0],\n right: r && r[1],\n bottom: r && r[2],\n left: r && r[3]\n };\n },\n extend: function (t, r) {\n var n = r[t];\n return n || {\n extend: t\n };\n }\n}, db = tt.autoprefix = function (t) {\n var r = {};\n return (0, zn.default)(t, function (n, a) {\n var i = {};\n (0, zn.default)(n, function (o, s) {\n var u = pb[s];\n u ? i = fb({}, i, u(o)) : i[s] = o;\n }), r[a] = i;\n }), r;\n};\ntt.default = db;\nvar rt = {};\nObject.defineProperty(rt, \"__esModule\", {\n value: !0\n});\nrt.hover = void 0;\nvar gb = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, vb = l, Ut = bb(vb);\nfunction bb(e) {\n return e && e.__esModule ? e : { default: e };\n}\nfunction yb(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Un(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction xb(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar mb = rt.hover = function (t) {\n var r = arguments.length \u003e 1 && arguments[1] !== void 0 ? arguments[1] : \"span\";\n return function (n) {\n xb(a, n);\n function a() {\n var i, o, s, u;\n yb(this, a);\n for (var c = arguments.length, f = Array(c), h = 0; h \u003c c; h++)\n f[h] = arguments[h];\n return u = (o = (s = Un(this, (i = a.__proto__ || Object.getPrototypeOf(a)).call.apply(i, [this].concat(f))), s), s.state = { hover: !1 }, s.handleMouseOver = function () {\n return s.setState({ hover: !0 });\n }, s.handleMouseOut = function () {\n return s.setState({ hover: !1 });\n }, s.render = function () {\n return Ut.default.createElement(r, { onMouseOver: s.handleMouseOver, onMouseOut: s.handleMouseOut }, Ut.default.createElement(t, gb({}, s.props, s.state)));\n }, o), Un(s, u);\n }\n return a;\n }(Ut.default.Component);\n};\nrt.default = mb;\nvar nt = {};\nObject.defineProperty(nt, \"__esModule\", {\n value: !0\n});\nnt.active = void 0;\nvar wb = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, $b = l, Wt = _b($b);\nfunction _b(e) {\n return e && e.__esModule ? e : { default: e };\n}\nfunction Eb(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Wn(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction Sb(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar Cb = nt.active = function (t) {\n var r = arguments.length \u003e 1 && arguments[1] !== void 0 ? arguments[1] : \"span\";\n return function (n) {\n Sb(a, n);\n function a() {\n var i, o, s, u;\n Eb(this, a);\n for (var c = arguments.length, f = Array(c), h = 0; h \u003c c; h++)\n f[h] = arguments[h];\n return u = (o = (s = Wn(this, (i = a.__proto__ || Object.getPrototypeOf(a)).call.apply(i, [this].concat(f))), s), s.state = { active: !1 }, s.handleMouseDown = function () {\n return s.setState({ active: !0 });\n }, s.handleMouseUp = function () {\n return s.setState({ active: !1 });\n }, s.render = function () {\n return Wt.default.createElement(r, { onMouseDown: s.handleMouseDown, onMouseUp: s.handleMouseUp }, Wt.default.createElement(t, wb({}, s.props, s.state)));\n }, o), Wn(s, u);\n }\n return a;\n }(Wt.default.Component);\n};\nnt.default = Cb;\nvar Ar = {};\nObject.defineProperty(Ar, \"__esModule\", {\n value: !0\n});\nvar Ob = function (t, r) {\n var n = {}, a = function (o) {\n var s = arguments.length \u003e 1 && arguments[1] !== void 0 ? arguments[1] : !0;\n n[o] = s;\n };\n return t === 0 && a(\"first-child\"), t === r - 1 && a(\"last-child\"), (t === 0 || t % 2 === 0) && a(\"even\"), Math.abs(t % 2) === 1 && a(\"odd\"), a(\"nth-child\", t), n;\n};\nAr.default = Ob;\nObject.defineProperty(L, \"__esModule\", {\n value: !0\n});\nL.ReactCSS = L.loop = L.handleActive = Tr = L.handleHover = L.hover = void 0;\nvar Ab = Je, Tb = Be(Ab), Pb = et, Mb = Be(Pb), Rb = tt, Fb = Be(Rb), jb = rt, bi = Be(jb), Ib = nt, Bb = Be(Ib), kb = Ar, Db = Be(kb);\nfunction Be(e) {\n return e && e.__esModule ? e : { default: e };\n}\nL.hover = bi.default;\nvar Tr = L.handleHover = bi.default;\nL.handleActive = Bb.default;\nL.loop = Db.default;\nvar Lb = L.ReactCSS = function (t) {\n for (var r = arguments.length, n = Array(r \u003e 1 ? r - 1 : 0), a = 1; a \u003c r; a++)\n n[a - 1] = arguments[a];\n var i = (0, Tb.default)(n), o = (0, Mb.default)(t, i);\n return (0, Fb.default)(o);\n}, _ = L.default = Lb, Hb = function (t, r, n, a, i) {\n var o = i.clientWidth, s = i.clientHeight, u = typeof t.pageX == \"number\" ? t.pageX : t.touches[0].pageX, c = typeof t.pageY == \"number\" ? t.pageY : t.touches[0].pageY, f = u - (i.getBoundingClientRect().left + window.pageXOffset), h = c - (i.getBoundingClientRect().top + window.pageYOffset);\n if (n === \"vertical\") {\n var p = void 0;\n if (h \u003c 0 ? p = 0 : h \u003e s ? p = 1 : p = Math.round(h * 100 \u002f s) \u002f 100, r.a !== p)\n return {\n h: r.h,\n s: r.s,\n l: r.l,\n a: p,\n source: \"rgb\"\n };\n }\n else {\n var d = void 0;\n if (f \u003c 0 ? d = 0 : f \u003e o ? d = 1 : d = Math.round(f * 100 \u002f o) \u002f 100, a !== d)\n return {\n h: r.h,\n s: r.s,\n l: r.l,\n a: d,\n source: \"rgb\"\n };\n }\n return null;\n}, Kt = {}, Nb = function (t, r, n, a) {\n if (typeof document \u003e \"u\" && !a)\n return null;\n var i = a ? new a() : document.createElement(\"canvas\");\n i.width = n * 2, i.height = n * 2;\n var o = i.getContext(\"2d\");\n return o ? (o.fillStyle = t, o.fillRect(0, 0, i.width, i.height), o.fillStyle = r, o.fillRect(0, 0, n, n), o.translate(n, n), o.fillRect(0, 0, n, n), i.toDataURL()) : null;\n}, Gb = function (t, r, n, a) {\n var i = t + \"-\" + r + \"-\" + n + (a ? \"-server\" : \"\");\n if (Kt[i])\n return Kt[i];\n var o = Nb(t, r, n, a);\n return Kt[i] = o, o;\n}, Kn = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, ke = function (t) {\n var r = t.white, n = t.grey, a = t.size, i = t.renderers, o = t.borderRadius, s = t.boxShadow, u = t.children, c = _({\n default: {\n grid: {\n borderRadius: o,\n boxShadow: s,\n absolute: \"0px 0px 0px 0px\",\n background: \"url(\" + Gb(r, n, a, i.canvas) + \") center left\"\n }\n }\n });\n return Vi(u) ? l.cloneElement(u, Kn({}, u.props, { style: Kn({}, u.props.style, c.grid) })) : l.createElement(\"div\", { style: c.grid });\n};\nke.defaultProps = {\n size: 8,\n white: \"transparent\",\n grey: \"rgba(0,0,0,.08)\",\n renderers: {}\n};\nvar zb = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, Ub = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction Wb(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Xn(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction Kb(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar Pr = function (e) {\n Kb(t, e);\n function t() {\n var r, n, a, i;\n Wb(this, t);\n for (var o = arguments.length, s = Array(o), u = 0; u \u003c o; u++)\n s[u] = arguments[u];\n return i = (n = (a = Xn(this, (r = t.__proto__ || Object.getPrototypeOf(t)).call.apply(r, [this].concat(s))), a), a.handleChange = function (c) {\n var f = Hb(c, a.props.hsl, a.props.direction, a.props.a, a.container);\n f && typeof a.props.onChange == \"function\" && a.props.onChange(f, c);\n }, a.handleMouseDown = function (c) {\n a.handleChange(c), window.addEventListener(\"mousemove\", a.handleChange), window.addEventListener(\"mouseup\", a.handleMouseUp);\n }, a.handleMouseUp = function () {\n a.unbindEventListeners();\n }, a.unbindEventListeners = function () {\n window.removeEventListener(\"mousemove\", a.handleChange), window.removeEventListener(\"mouseup\", a.handleMouseUp);\n }, n), Xn(a, i);\n }\n return Ub(t, [{\n key: \"componentWillUnmount\",\n value: function () {\n this.unbindEventListeners();\n }\n }, {\n key: \"render\",\n value: function () {\n var n = this, a = this.props.rgb, i = _({\n default: {\n alpha: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: this.props.radius\n },\n checkboard: {\n absolute: \"0px 0px 0px 0px\",\n overflow: \"hidden\",\n borderRadius: this.props.radius\n },\n gradient: {\n absolute: \"0px 0px 0px 0px\",\n background: \"linear-gradient(to right, rgba(\" + a.r + \",\" + a.g + \",\" + a.b + `, 0) 0%,\n rgba(` + a.r + \",\" + a.g + \",\" + a.b + \", 1) 100%)\",\n boxShadow: this.props.shadow,\n borderRadius: this.props.radius\n },\n container: {\n position: \"relative\",\n height: \"100%\",\n margin: \"0 3px\"\n },\n pointer: {\n position: \"absolute\",\n left: a.a * 100 + \"%\"\n },\n slider: {\n width: \"4px\",\n borderRadius: \"1px\",\n height: \"8px\",\n boxShadow: \"0 0 2px rgba(0, 0, 0, .6)\",\n background: \"#fff\",\n marginTop: \"1px\",\n transform: \"translateX(-2px)\"\n }\n },\n vertical: {\n gradient: {\n background: \"linear-gradient(to bottom, rgba(\" + a.r + \",\" + a.g + \",\" + a.b + `, 0) 0%,\n rgba(` + a.r + \",\" + a.g + \",\" + a.b + \", 1) 100%)\"\n },\n pointer: {\n left: 0,\n top: a.a * 100 + \"%\"\n }\n },\n overwrite: zb({}, this.props.style)\n }, {\n vertical: this.props.direction === \"vertical\",\n overwrite: !0\n });\n return l.createElement(\"div\", { style: i.alpha }, l.createElement(\"div\", { style: i.checkboard }, l.createElement(ke, { renderers: this.props.renderers })), l.createElement(\"div\", { style: i.gradient }), l.createElement(\"div\", {\n style: i.container,\n ref: function (s) {\n return n.container = s;\n },\n onMouseDown: this.handleMouseDown,\n onTouchMove: this.handleChange,\n onTouchStart: this.handleChange\n }, l.createElement(\"div\", { style: i.pointer }, this.props.pointer ? l.createElement(this.props.pointer, this.props) : l.createElement(\"div\", { style: i.slider }))));\n }\n }]), t;\n}(Ye || Ze), Xb = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction qb(e, t, r) {\n return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;\n}\nfunction Vb(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Yb(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction Zb(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar Jb = 1, yi = 38, Qb = 40, ey = [yi, Qb], ty = function (t) {\n return ey.indexOf(t) \u003e -1;\n}, ry = function (t) {\n return Number(String(t).replace(\u002f%\u002fg, \"\"));\n}, ny = 1, O = function (e) {\n Zb(t, e);\n function t(r) {\n Vb(this, t);\n var n = Yb(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));\n return n.handleBlur = function () {\n n.state.blurValue && n.setState({ value: n.state.blurValue, blurValue: null });\n }, n.handleChange = function (a) {\n n.setUpdatedValue(a.target.value, a);\n }, n.handleKeyDown = function (a) {\n var i = ry(a.target.value);\n if (!isNaN(i) && ty(a.keyCode)) {\n var o = n.getArrowOffset(), s = a.keyCode === yi ? i + o : i - o;\n n.setUpdatedValue(s, a);\n }\n }, n.handleDrag = function (a) {\n if (n.props.dragLabel) {\n var i = Math.round(n.props.value + a.movementX);\n i \u003e= 0 && i \u003c= n.props.dragMax && n.props.onChange && n.props.onChange(n.getValueObjectWithLabel(i), a);\n }\n }, n.handleMouseDown = function (a) {\n n.props.dragLabel && (a.preventDefault(), n.handleDrag(a), window.addEventListener(\"mousemove\", n.handleDrag), window.addEventListener(\"mouseup\", n.handleMouseUp));\n }, n.handleMouseUp = function () {\n n.unbindEventListeners();\n }, n.unbindEventListeners = function () {\n window.removeEventListener(\"mousemove\", n.handleDrag), window.removeEventListener(\"mouseup\", n.handleMouseUp);\n }, n.state = {\n value: String(r.value).toUpperCase(),\n blurValue: String(r.value).toUpperCase()\n }, n.inputId = \"rc-editable-input-\" + ny++, n;\n }\n return Xb(t, [{\n key: \"componentDidUpdate\",\n value: function (n, a) {\n this.props.value !== this.state.value && (n.value !== this.props.value || a.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() }));\n }\n }, {\n key: \"componentWillUnmount\",\n value: function () {\n this.unbindEventListeners();\n }\n }, {\n key: \"getValueObjectWithLabel\",\n value: function (n) {\n return qb({}, this.props.label, n);\n }\n }, {\n key: \"getArrowOffset\",\n value: function () {\n return this.props.arrowOffset || Jb;\n }\n }, {\n key: \"setUpdatedValue\",\n value: function (n, a) {\n var i = this.props.label ? this.getValueObjectWithLabel(n) : n;\n this.props.onChange && this.props.onChange(i, a), this.setState({ value: n });\n }\n }, {\n key: \"render\",\n value: function () {\n var n = this, a = _({\n default: {\n wrap: {\n position: \"relative\"\n }\n },\n \"user-override\": {\n wrap: this.props.style && this.props.style.wrap ? this.props.style.wrap : {},\n input: this.props.style && this.props.style.input ? this.props.style.input : {},\n label: this.props.style && this.props.style.label ? this.props.style.label : {}\n },\n \"dragLabel-true\": {\n label: {\n cursor: \"ew-resize\"\n }\n }\n }, {\n \"user-override\": !0\n }, this.props);\n return l.createElement(\"div\", { style: a.wrap }, l.createElement(\"input\", {\n id: this.inputId,\n style: a.input,\n ref: function (o) {\n return n.input = o;\n },\n value: this.state.value,\n onKeyDown: this.handleKeyDown,\n onChange: this.handleChange,\n onBlur: this.handleBlur,\n placeholder: this.props.placeholder,\n spellCheck: \"false\"\n }), this.props.label && !this.props.hideLabel ? l.createElement(\"label\", {\n htmlFor: this.inputId,\n style: a.label,\n onMouseDown: this.handleMouseDown\n }, this.props.label) : null);\n }\n }]), t;\n}(Ye || Ze), ay = function (t, r, n, a) {\n var i = a.clientWidth, o = a.clientHeight, s = typeof t.pageX == \"number\" ? t.pageX : t.touches[0].pageX, u = typeof t.pageY == \"number\" ? t.pageY : t.touches[0].pageY, c = s - (a.getBoundingClientRect().left + window.pageXOffset), f = u - (a.getBoundingClientRect().top + window.pageYOffset);\n if (r === \"vertical\") {\n var h = void 0;\n if (f \u003c 0)\n h = 359;\n else if (f \u003e o)\n h = 0;\n else {\n var p = -(f * 100 \u002f o) + 100;\n h = 360 * p \u002f 100;\n }\n if (n.h !== h)\n return {\n h,\n s: n.s,\n l: n.l,\n a: n.a,\n source: \"hsl\"\n };\n }\n else {\n var d = void 0;\n if (c \u003c 0)\n d = 0;\n else if (c \u003e i)\n d = 359;\n else {\n var v = c * 100 \u002f i;\n d = 360 * v \u002f 100;\n }\n if (n.h !== d)\n return {\n h: d,\n s: n.s,\n l: n.l,\n a: n.a,\n source: \"hsl\"\n };\n }\n return null;\n}, iy = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction oy(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction qn(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction sy(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar De = function (e) {\n sy(t, e);\n function t() {\n var r, n, a, i;\n oy(this, t);\n for (var o = arguments.length, s = Array(o), u = 0; u \u003c o; u++)\n s[u] = arguments[u];\n return i = (n = (a = qn(this, (r = t.__proto__ || Object.getPrototypeOf(t)).call.apply(r, [this].concat(s))), a), a.handleChange = function (c) {\n var f = ay(c, a.props.direction, a.props.hsl, a.container);\n f && typeof a.props.onChange == \"function\" && a.props.onChange(f, c);\n }, a.handleMouseDown = function (c) {\n a.handleChange(c), window.addEventListener(\"mousemove\", a.handleChange), window.addEventListener(\"mouseup\", a.handleMouseUp);\n }, a.handleMouseUp = function () {\n a.unbindEventListeners();\n }, n), qn(a, i);\n }\n return iy(t, [{\n key: \"componentWillUnmount\",\n value: function () {\n this.unbindEventListeners();\n }\n }, {\n key: \"unbindEventListeners\",\n value: function () {\n window.removeEventListener(\"mousemove\", this.handleChange), window.removeEventListener(\"mouseup\", this.handleMouseUp);\n }\n }, {\n key: \"render\",\n value: function () {\n var n = this, a = this.props.direction, i = a === void 0 ? \"horizontal\" : a, o = _({\n default: {\n hue: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: this.props.radius,\n boxShadow: this.props.shadow\n },\n container: {\n padding: \"0 2px\",\n position: \"relative\",\n height: \"100%\",\n borderRadius: this.props.radius\n },\n pointer: {\n position: \"absolute\",\n left: this.props.hsl.h * 100 \u002f 360 + \"%\"\n },\n slider: {\n marginTop: \"1px\",\n width: \"4px\",\n borderRadius: \"1px\",\n height: \"8px\",\n boxShadow: \"0 0 2px rgba(0, 0, 0, .6)\",\n background: \"#fff\",\n transform: \"translateX(-2px)\"\n }\n },\n vertical: {\n pointer: {\n left: \"0px\",\n top: -(this.props.hsl.h * 100 \u002f 360) + 100 + \"%\"\n }\n }\n }, { vertical: i === \"vertical\" });\n return l.createElement(\"div\", { style: o.hue }, l.createElement(\"div\", {\n className: \"hue-\" + i,\n style: o.container,\n ref: function (u) {\n return n.container = u;\n },\n onMouseDown: this.handleMouseDown,\n onTouchMove: this.handleChange,\n onTouchStart: this.handleChange\n }, l.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 `), l.createElement(\"div\", { style: o.pointer }, this.props.pointer ? l.createElement(this.props.pointer, this.props) : l.createElement(\"div\", { style: o.slider }))));\n }\n }]), t;\n}(Ye || Ze);\nfunction ly() {\n this.__data__ = [], this.size = 0;\n}\nfunction at(e, t) {\n return e === t || e !== e && t !== t;\n}\nfunction Ft(e, t) {\n for (var r = e.length; r--;)\n if (at(e[r][0], t))\n return r;\n return -1;\n}\nvar uy = Array.prototype, cy = uy.splice;\nfunction fy(e) {\n var t = this.__data__, r = Ft(t, e);\n if (r \u003c 0)\n return !1;\n var n = t.length - 1;\n return r == n ? t.pop() : cy.call(t, r, 1), --this.size, !0;\n}\nfunction hy(e) {\n var t = this.__data__, r = Ft(t, e);\n return r \u003c 0 ? void 0 : t[r][1];\n}\nfunction py(e) {\n return Ft(this.__data__, e) \u003e -1;\n}\nfunction dy(e, t) {\n var r = this.__data__, n = Ft(r, e);\n return n \u003c 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;\n}\nfunction q(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.clear(); ++t \u003c r;) {\n var n = e[t];\n this.set(n[0], n[1]);\n }\n}\nq.prototype.clear = ly;\nq.prototype.delete = fy;\nq.prototype.get = hy;\nq.prototype.has = py;\nq.prototype.set = dy;\nfunction gy() {\n this.__data__ = new q(), this.size = 0;\n}\nfunction vy(e) {\n var t = this.__data__, r = t.delete(e);\n return this.size = t.size, r;\n}\nfunction by(e) {\n return this.__data__.get(e);\n}\nfunction yy(e) {\n return this.__data__.has(e);\n}\nvar xi = typeof lt == \"object\" && lt && lt.Object === Object && lt, xy = typeof self == \"object\" && self && self.Object === Object && self, U = xi || xy || Function(\"return this\")(), J = U.Symbol, mi = Object.prototype, my = mi.hasOwnProperty, wy = mi.toString, Ne = J ? J.toStringTag : void 0;\nfunction $y(e) {\n var t = my.call(e, Ne), r = e[Ne];\n try {\n e[Ne] = void 0;\n var n = !0;\n }\n catch (_j) {\n }\n var a = wy.call(e);\n return n && (t ? e[Ne] = r : delete e[Ne]), a;\n}\nvar _y = Object.prototype, Ey = _y.toString;\nfunction Sy(e) {\n return Ey.call(e);\n}\nvar Cy = \"[object Null]\", Oy = \"[object Undefined]\", Vn = J ? J.toStringTag : void 0;\nfunction oe(e) {\n return e == null ? e === void 0 ? Oy : Cy : Vn && Vn in Object(e) ? $y(e) : Sy(e);\n}\nfunction H(e) {\n var t = typeof e;\n return e != null && (t == \"object\" || t == \"function\");\n}\nvar Ay = \"[object AsyncFunction]\", Ty = \"[object Function]\", Py = \"[object GeneratorFunction]\", My = \"[object Proxy]\";\nfunction Mr(e) {\n if (!H(e))\n return !1;\n var t = oe(e);\n return t == Ty || t == Py || t == Ay || t == My;\n}\nvar Xt = U[\"__core-js_shared__\"], Yn = function () {\n var e = \u002f[^.]+$\u002f.exec(Xt && Xt.keys && Xt.keys.IE_PROTO || \"\");\n return e ? \"Symbol(src)_1.\" + e : \"\";\n}();\nfunction Ry(e) {\n return !!Yn && Yn in e;\n}\nvar Fy = Function.prototype, jy = Fy.toString;\nfunction se(e) {\n if (e != null) {\n try {\n return jy.call(e);\n }\n catch (_j) {\n }\n try {\n return e + \"\";\n }\n catch (_k) {\n }\n }\n return \"\";\n}\nvar Iy = \u002f[\\\\^$.*+?()[\\]{}|]\u002fg, By = \u002f^\\[object .+?Constructor\\]$\u002f, ky = Function.prototype, Dy = Object.prototype, Ly = ky.toString, Hy = Dy.hasOwnProperty, Ny = RegExp(\"^\" + Ly.call(Hy).replace(Iy, \"\\\\\").replace(\u002fhasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])\u002fg, \"$1.*?\") + \"$\");\nfunction Gy(e) {\n if (!H(e) || Ry(e))\n return !1;\n var t = Mr(e) ? Ny : By;\n return t.test(se(e));\n}\nfunction zy(e, t) {\n return e == null ? void 0 : e[t];\n}\nfunction le(e, t) {\n var r = zy(e, t);\n return Gy(r) ? r : void 0;\n}\nvar qe = le(U, \"Map\"), Ve = le(Object, \"create\");\nfunction Uy() {\n this.__data__ = Ve ? Ve(null) : {}, this.size = 0;\n}\nfunction Wy(e) {\n var t = this.has(e) && delete this.__data__[e];\n return this.size -= t ? 1 : 0, t;\n}\nvar Ky = \"__lodash_hash_undefined__\", Xy = Object.prototype, qy = Xy.hasOwnProperty;\nfunction Vy(e) {\n var t = this.__data__;\n if (Ve) {\n var r = t[e];\n return r === Ky ? void 0 : r;\n }\n return qy.call(t, e) ? t[e] : void 0;\n}\nvar Yy = Object.prototype, Zy = Yy.hasOwnProperty;\nfunction Jy(e) {\n var t = this.__data__;\n return Ve ? t[e] !== void 0 : Zy.call(t, e);\n}\nvar Qy = \"__lodash_hash_undefined__\";\nfunction ex(e, t) {\n var r = this.__data__;\n return this.size += this.has(e) ? 0 : 1, r[e] = Ve && t === void 0 ? Qy : t, this;\n}\nfunction ne(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.clear(); ++t \u003c r;) {\n var n = e[t];\n this.set(n[0], n[1]);\n }\n}\nne.prototype.clear = Uy;\nne.prototype.delete = Wy;\nne.prototype.get = Vy;\nne.prototype.has = Jy;\nne.prototype.set = ex;\nfunction tx() {\n this.size = 0, this.__data__ = {\n hash: new ne(),\n map: new (qe || q)(),\n string: new ne()\n };\n}\nfunction rx(e) {\n var t = typeof e;\n return t == \"string\" || t == \"number\" || t == \"symbol\" || t == \"boolean\" ? e !== \"__proto__\" : e === null;\n}\nfunction jt(e, t) {\n var r = e.__data__;\n return rx(t) ? r[typeof t == \"string\" ? \"string\" : \"hash\"] : r.map;\n}\nfunction nx(e) {\n var t = jt(this, e).delete(e);\n return this.size -= t ? 1 : 0, t;\n}\nfunction ax(e) {\n return jt(this, e).get(e);\n}\nfunction ix(e) {\n return jt(this, e).has(e);\n}\nfunction ox(e, t) {\n var r = jt(this, e), n = r.size;\n return r.set(e, t), this.size += r.size == n ? 0 : 1, this;\n}\nfunction V(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.clear(); ++t \u003c r;) {\n var n = e[t];\n this.set(n[0], n[1]);\n }\n}\nV.prototype.clear = tx;\nV.prototype.delete = nx;\nV.prototype.get = ax;\nV.prototype.has = ix;\nV.prototype.set = ox;\nvar sx = 200;\nfunction lx(e, t) {\n var r = this.__data__;\n if (r instanceof q) {\n var n = r.__data__;\n if (!qe || n.length \u003c sx - 1)\n return n.push([e, t]), this.size = ++r.size, this;\n r = this.__data__ = new V(n);\n }\n return r.set(e, t), this.size = r.size, this;\n}\nfunction W(e) {\n var t = this.__data__ = new q(e);\n this.size = t.size;\n}\nW.prototype.clear = gy;\nW.prototype.delete = vy;\nW.prototype.get = by;\nW.prototype.has = yy;\nW.prototype.set = lx;\nvar yt = function () {\n try {\n var e = le(Object, \"defineProperty\");\n return e({}, \"\", {}), e;\n }\n catch (_j) {\n }\n}();\nfunction Rr(e, t, r) {\n t == \"__proto__\" && yt ? yt(e, t, {\n configurable: !0,\n enumerable: !0,\n value: r,\n writable: !0\n }) : e[t] = r;\n}\nfunction nr(e, t, r) {\n (r !== void 0 && !at(e[t], r) || r === void 0 && !(t in e)) && Rr(e, t, r);\n}\nfunction ux(e) {\n return function (t, r, n) {\n for (var a = -1, i = Object(t), o = n(t), s = o.length; s--;) {\n var u = o[++a];\n if (r(i[u], u, i) === !1)\n break;\n }\n return t;\n };\n}\nvar wi = ux(), $i = typeof exports == \"object\" && exports && !exports.nodeType && exports, Zn = $i && typeof module == \"object\" && module && !module.nodeType && module, cx = Zn && Zn.exports === $i, Jn = cx ? U.Buffer : void 0;\nJn && Jn.allocUnsafe;\nfunction fx(e, t) {\n return e.slice();\n}\nvar xt = U.Uint8Array;\nfunction hx(e) {\n var t = new e.constructor(e.byteLength);\n return new xt(t).set(new xt(e)), t;\n}\nfunction px(e, t) {\n var r = hx(e.buffer);\n return new e.constructor(r, e.byteOffset, e.length);\n}\nfunction dx(e, t) {\n var r = -1, n = e.length;\n for (t || (t = Array(n)); ++r \u003c n;)\n t[r] = e[r];\n return t;\n}\nvar Qn = Object.create, gx = \u002f* @__PURE__ *\u002f function () {\n function e() {\n }\n return function (t) {\n if (!H(t))\n return {};\n if (Qn)\n return Qn(t);\n e.prototype = t;\n var r = new e();\n return e.prototype = void 0, r;\n };\n}();\nfunction _i(e, t) {\n return function (r) {\n return e(t(r));\n };\n}\nvar Ei = _i(Object.getPrototypeOf, Object), vx = Object.prototype;\nfunction Fr(e) {\n var t = e && e.constructor, r = typeof t == \"function\" && t.prototype || vx;\n return e === r;\n}\nfunction bx(e) {\n return typeof e.constructor == \"function\" && !Fr(e) ? gx(Ei(e)) : {};\n}\nfunction Q(e) {\n return e != null && typeof e == \"object\";\n}\nvar yx = \"[object Arguments]\";\nfunction ea(e) {\n return Q(e) && oe(e) == yx;\n}\nvar Si = Object.prototype, xx = Si.hasOwnProperty, mx = Si.propertyIsEnumerable, mt = ea(\u002f* @__PURE__ *\u002f function () {\n return arguments;\n}()) ? ea : function (e) {\n return Q(e) && xx.call(e, \"callee\") && !mx.call(e, \"callee\");\n}, k = Array.isArray, wx = 9007199254740991;\nfunction jr(e) {\n return typeof e == \"number\" && e \u003e -1 && e % 1 == 0 && e \u003c= wx;\n}\nfunction Le(e) {\n return e != null && jr(e.length) && !Mr(e);\n}\nfunction $x(e) {\n return Q(e) && Le(e);\n}\nfunction _x() {\n return !1;\n}\nvar Ci = typeof exports == \"object\" && exports && !exports.nodeType && exports, ta = Ci && typeof module == \"object\" && module && !module.nodeType && module, Ex = ta && ta.exports === Ci, ra = Ex ? U.Buffer : void 0, Sx = ra ? ra.isBuffer : void 0, wt = Sx || _x, Cx = \"[object Object]\", Ox = Function.prototype, Ax = Object.prototype, Oi = Ox.toString, Tx = Ax.hasOwnProperty, Px = Oi.call(Object);\nfunction Mx(e) {\n if (!Q(e) || oe(e) != Cx)\n return !1;\n var t = Ei(e);\n if (t === null)\n return !0;\n var r = Tx.call(t, \"constructor\") && t.constructor;\n return typeof r == \"function\" && r instanceof r && Oi.call(r) == Px;\n}\nvar Rx = \"[object Arguments]\", Fx = \"[object Array]\", jx = \"[object Boolean]\", Ix = \"[object Date]\", Bx = \"[object Error]\", kx = \"[object Function]\", Dx = \"[object Map]\", Lx = \"[object Number]\", Hx = \"[object Object]\", Nx = \"[object RegExp]\", Gx = \"[object Set]\", zx = \"[object String]\", Ux = \"[object WeakMap]\", Wx = \"[object ArrayBuffer]\", Kx = \"[object DataView]\", Xx = \"[object Float32Array]\", qx = \"[object Float64Array]\", Vx = \"[object Int8Array]\", Yx = \"[object Int16Array]\", Zx = \"[object Int32Array]\", Jx = \"[object Uint8Array]\", Qx = \"[object Uint8ClampedArray]\", em = \"[object Uint16Array]\", tm = \"[object Uint32Array]\", P = {};\nP[Xx] = P[qx] = P[Vx] = P[Yx] = P[Zx] = P[Jx] = P[Qx] = P[em] = P[tm] = !0;\nP[Rx] = P[Fx] = P[Wx] = P[jx] = P[Kx] = P[Ix] = P[Bx] = P[kx] = P[Dx] = P[Lx] = P[Hx] = P[Nx] = P[Gx] = P[zx] = P[Ux] = !1;\nfunction rm(e) {\n return Q(e) && jr(e.length) && !!P[oe(e)];\n}\nfunction nm(e) {\n return function (t) {\n return e(t);\n };\n}\nvar Ai = typeof exports == \"object\" && exports && !exports.nodeType && exports, Xe = Ai && typeof module == \"object\" && module && !module.nodeType && module, am = Xe && Xe.exports === Ai, qt = am && xi.process, na = function () {\n try {\n var e = Xe && Xe.require && Xe.require(\"util\").types;\n return e || qt && qt.binding && qt.binding(\"util\");\n }\n catch (_j) {\n }\n}(), aa = na && na.isTypedArray, Ir = aa ? nm(aa) : rm;\nfunction ar(e, t) {\n if (!(t === \"constructor\" && typeof e[t] == \"function\") && t != \"__proto__\")\n return e[t];\n}\nvar im = Object.prototype, om = im.hasOwnProperty;\nfunction sm(e, t, r) {\n var n = e[t];\n (!(om.call(e, t) && at(n, r)) || r === void 0 && !(t in e)) && Rr(e, t, r);\n}\nfunction lm(e, t, r, n) {\n var a = !r;\n r || (r = {});\n for (var i = -1, o = t.length; ++i \u003c o;) {\n var s = t[i], u = void 0;\n u === void 0 && (u = e[s]), a ? Rr(r, s, u) : sm(r, s, u);\n }\n return r;\n}\nfunction um(e, t) {\n for (var r = -1, n = Array(e); ++r \u003c e;)\n n[r] = t(r);\n return n;\n}\nvar cm = 9007199254740991, fm = \u002f^(?:0|[1-9]\\d*)$\u002f;\nfunction Br(e, t) {\n var r = typeof e;\n return t = t !== null && t !== void 0 ? t : cm, !!t && (r == \"number\" || r != \"symbol\" && fm.test(e)) && e \u003e -1 && e % 1 == 0 && e \u003c t;\n}\nvar hm = Object.prototype, pm = hm.hasOwnProperty;\nfunction Ti(e, t) {\n var r = k(e), n = !r && mt(e), a = !r && !n && wt(e), i = !r && !n && !a && Ir(e), o = r || n || a || i, s = o ? um(e.length, String) : [], u = s.length;\n for (var c in e)\n (t || pm.call(e, c)) && !(o && \u002f\u002f Safari 9 has enumerable `arguments.length` in strict mode.\n (c == \"length\" || \u002f\u002f Node.js 0.10 has enumerable non-index properties on buffers.\n a && (c == \"offset\" || c == \"parent\") || \u002f\u002f PhantomJS 2 has enumerable non-index properties on typed arrays.\n i && (c == \"buffer\" || c == \"byteLength\" || c == \"byteOffset\") || \u002f\u002f Skip index properties.\n Br(c, u))) && s.push(c);\n return s;\n}\nfunction dm(e) {\n var t = [];\n if (e != null)\n for (var r in Object(e))\n t.push(r);\n return t;\n}\nvar gm = Object.prototype, vm = gm.hasOwnProperty;\nfunction bm(e) {\n if (!H(e))\n return dm(e);\n var t = Fr(e), r = [];\n for (var n in e)\n n == \"constructor\" && (t || !vm.call(e, n)) || r.push(n);\n return r;\n}\nfunction Pi(e) {\n return Le(e) ? Ti(e, !0) : bm(e);\n}\nfunction ym(e) {\n return lm(e, Pi(e));\n}\nfunction xm(e, t, r, n, a, i, o) {\n var s = ar(e, r), u = ar(t, r), c = o.get(u);\n if (c) {\n nr(e, r, c);\n return;\n }\n var f = i ? i(s, u, r + \"\", e, t, o) : void 0, h = f === void 0;\n if (h) {\n var p = k(u), d = !p && wt(u), v = !p && !d && Ir(u);\n f = u, p || d || v ? k(s) ? f = s : $x(s) ? f = dx(s) : d ? (h = !1, f = fx(u)) : v ? (h = !1, f = px(u)) : f = [] : Mx(u) || mt(u) ? (f = s, mt(s) ? f = ym(s) : (!H(s) || Mr(s)) && (f = bx(u))) : h = !1;\n }\n h && (o.set(u, f), a(f, u, n, i, o), o.delete(u)), nr(e, r, f);\n}\nfunction Mi(e, t, r, n, a) {\n e !== t && wi(t, function (i, o) {\n if (a || (a = new W()), H(i))\n xm(e, t, o, r, Mi, n, a);\n else {\n var s = n ? n(ar(e, o), i, o + \"\", e, t, a) : void 0;\n s === void 0 && (s = i), nr(e, o, s);\n }\n }, Pi);\n}\nfunction It(e) {\n return e;\n}\nfunction mm(e, t, r) {\n switch (r.length) {\n case 0:\n return e.call(t);\n case 1:\n return e.call(t, r[0]);\n case 2:\n return e.call(t, r[0], r[1]);\n case 3:\n return e.call(t, r[0], r[1], r[2]);\n }\n return e.apply(t, r);\n}\nvar ia = Math.max;\nfunction wm(e, t, r) {\n return t = ia(t === void 0 ? e.length - 1 : t, 0), function () {\n for (var n = arguments, a = -1, i = ia(n.length - t, 0), o = Array(i); ++a \u003c i;)\n o[a] = n[t + a];\n a = -1;\n for (var s = Array(t + 1); ++a \u003c t;)\n s[a] = n[a];\n return s[t] = r(o), mm(e, this, s);\n };\n}\nfunction $m(e) {\n return function () {\n return e;\n };\n}\nvar _m = yt ? function (e, t) {\n return yt(e, \"toString\", {\n configurable: !0,\n enumerable: !1,\n value: $m(t),\n writable: !0\n });\n} : It, Em = 800, Sm = 16, Cm = Date.now;\nfunction Om(e) {\n var t = 0, r = 0;\n return function () {\n var n = Cm(), a = Sm - (n - r);\n if (r = n, a \u003e 0) {\n if (++t \u003e= Em)\n return arguments[0];\n }\n else\n t = 0;\n return e.apply(void 0, arguments);\n };\n}\nvar Am = Om(_m);\nfunction Tm(e, t) {\n return Am(wm(e, t, It), e + \"\");\n}\nfunction Pm(e, t, r) {\n if (!H(r))\n return !1;\n var n = typeof t;\n return (n == \"number\" ? Le(r) && Br(t, r.length) : n == \"string\" && t in r) ? at(r[t], e) : !1;\n}\nfunction Mm(e) {\n return Tm(function (t, r) {\n var n = -1, a = r.length, i = a \u003e 1 ? r[a - 1] : void 0, o = a \u003e 2 ? r[2] : void 0;\n for (i = e.length \u003e 3 && typeof i == \"function\" ? (a--, i) : void 0, o && Pm(r[0], r[1], o) && (i = a \u003c 3 ? void 0 : i, a = 1), t = Object(t); ++n \u003c a;) {\n var s = r[n];\n s && e(t, s, n, i);\n }\n return t;\n });\n}\nvar j = Mm(function (e, t, r) {\n Mi(e, t, r);\n}), it = function (t) {\n var r = t.zDepth, n = t.radius, a = t.background, i = t.children, o = t.styles, s = o === void 0 ? {} : o, u = _(j({\n default: {\n wrap: {\n position: \"relative\",\n display: \"inline-block\"\n },\n content: {\n position: \"relative\"\n },\n bg: {\n absolute: \"0px 0px 0px 0px\",\n boxShadow: \"0 \" + r + \"px \" + r * 4 + \"px rgba(0,0,0,.24)\",\n borderRadius: n,\n background: a\n }\n },\n \"zDepth-0\": {\n bg: {\n boxShadow: \"none\"\n }\n },\n \"zDepth-1\": {\n bg: {\n boxShadow: \"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)\"\n }\n },\n \"zDepth-2\": {\n bg: {\n boxShadow: \"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)\"\n }\n },\n \"zDepth-3\": {\n bg: {\n boxShadow: \"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)\"\n }\n },\n \"zDepth-4\": {\n bg: {\n boxShadow: \"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)\"\n }\n },\n \"zDepth-5\": {\n bg: {\n boxShadow: \"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)\"\n }\n },\n square: {\n bg: {\n borderRadius: \"0\"\n }\n },\n circle: {\n bg: {\n borderRadius: \"50%\"\n }\n }\n }, s), { \"zDepth-1\": r === 1 });\n return l.createElement(\"div\", { style: u.wrap }, l.createElement(\"div\", { style: u.bg }), l.createElement(\"div\", { style: u.content }, i));\n};\nit.propTypes = {\n background: g.string,\n zDepth: g.oneOf([0, 1, 2, 3, 4, 5]),\n radius: g.number,\n styles: g.object\n};\nit.defaultProps = {\n background: \"#fff\",\n zDepth: 1,\n radius: 2,\n styles: {}\n};\nvar Vt = function () {\n return U.Date.now();\n}, Rm = \u002f\\s\u002f;\nfunction Fm(e) {\n for (var t = e.length; t-- && Rm.test(e.charAt(t));)\n ;\n return t;\n}\nvar jm = \u002f^\\s+\u002f;\nfunction Im(e) {\n return e && e.slice(0, Fm(e) + 1).replace(jm, \"\");\n}\nvar Bm = \"[object Symbol]\";\nfunction Bt(e) {\n return typeof e == \"symbol\" || Q(e) && oe(e) == Bm;\n}\nvar oa = NaN, km = \u002f^[-+]0x[0-9a-f]+$\u002fi, Dm = \u002f^0b[01]+$\u002fi, Lm = \u002f^0o[0-7]+$\u002fi, Hm = parseInt;\nfunction sa(e) {\n if (typeof e == \"number\")\n return e;\n if (Bt(e))\n return oa;\n if (H(e)) {\n var t = typeof e.valueOf == \"function\" ? e.valueOf() : e;\n e = H(t) ? t + \"\" : t;\n }\n if (typeof e != \"string\")\n return e === 0 ? e : +e;\n e = Im(e);\n var r = Dm.test(e);\n return r || Lm.test(e) ? Hm(e.slice(2), r ? 2 : 8) : km.test(e) ? oa : +e;\n}\nvar Nm = \"Expected a function\", Gm = Math.max, zm = Math.min;\nfunction Ri(e, t, r) {\n var n, a, i, o, s, u, c = 0, f = !1, h = !1, p = !0;\n if (typeof e != \"function\")\n throw new TypeError(Nm);\n t = sa(t) || 0, H(r) && (f = !!r.leading, h = \"maxWait\" in r, i = h ? Gm(sa(r.maxWait) || 0, t) : i, p = \"trailing\" in r ? !!r.trailing : p);\n function d(C) {\n var D = n, Y = a;\n return n = a = void 0, c = C, o = e.apply(Y, D), o;\n }\n function v(C) {\n return c = C, s = setTimeout($, t), f ? d(C) : o;\n }\n function b(C) {\n var D = C - u, Y = C - c, He = t - D;\n return h ? zm(He, i - Y) : He;\n }\n function y(C) {\n var D = C - u, Y = C - c;\n return u === void 0 || D \u003e= t || D \u003c 0 || h && Y \u003e= i;\n }\n function $() {\n var C = Vt();\n if (y(C))\n return M(C);\n s = setTimeout($, b(C));\n }\n function M(C) {\n return s = void 0, p && n ? d(C) : (n = a = void 0, o);\n }\n function w() {\n s !== void 0 && clearTimeout(s), c = 0, n = u = a = s = void 0;\n }\n function m() {\n return s === void 0 ? o : M(Vt());\n }\n function E() {\n var C = Vt(), D = y(C);\n if (n = arguments, a = this, u = C, D) {\n if (s === void 0)\n return v(u);\n if (h)\n return clearTimeout(s), s = setTimeout($, t), d(u);\n }\n return s === void 0 && (s = setTimeout($, t)), o;\n }\n return E.cancel = w, E.flush = m, E;\n}\nvar Um = \"Expected a function\";\nfunction Wm(e, t, r) {\n var n = !0, a = !0;\n if (typeof e != \"function\")\n throw new TypeError(Um);\n return H(r) && (n = \"leading\" in r ? !!r.leading : n, a = \"trailing\" in r ? !!r.trailing : a), Ri(e, t, {\n leading: n,\n maxWait: t,\n trailing: a\n });\n}\nvar Km = function (t, r, n) {\n var a = n.getBoundingClientRect(), i = a.width, o = a.height, s = typeof t.pageX == \"number\" ? t.pageX : t.touches[0].pageX, u = typeof t.pageY == \"number\" ? t.pageY : t.touches[0].pageY, c = s - (n.getBoundingClientRect().left + window.pageXOffset), f = u - (n.getBoundingClientRect().top + window.pageYOffset);\n c \u003c 0 ? c = 0 : c \u003e i && (c = i), f \u003c 0 ? f = 0 : f \u003e o && (f = o);\n var h = c \u002f i, p = 1 - f \u002f o;\n return {\n h: r.h,\n s: h,\n v: p,\n a: r.a,\n source: \"hsv\"\n };\n}, Xm = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction qm(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction Vm(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction Ym(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar kt = function (e) {\n Ym(t, e);\n function t(r) {\n qm(this, t);\n var n = Vm(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this, r));\n return n.handleChange = function (a) {\n typeof n.props.onChange == \"function\" && n.throttle(n.props.onChange, Km(a, n.props.hsl, n.container), a);\n }, n.handleMouseDown = function (a) {\n n.handleChange(a);\n var i = n.getContainerRenderWindow();\n i.addEventListener(\"mousemove\", n.handleChange), i.addEventListener(\"mouseup\", n.handleMouseUp);\n }, n.handleMouseUp = function () {\n n.unbindEventListeners();\n }, n.throttle = Wm(function (a, i, o) {\n a(i, o);\n }, 50), n;\n }\n return Xm(t, [{\n key: \"componentWillUnmount\",\n value: function () {\n this.throttle.cancel(), this.unbindEventListeners();\n }\n }, {\n key: \"getContainerRenderWindow\",\n value: function () {\n for (var n = this.container, a = window; !a.document.contains(n) && a.parent !== a;)\n a = a.parent;\n return a;\n }\n }, {\n key: \"unbindEventListeners\",\n value: function () {\n var n = this.getContainerRenderWindow();\n n.removeEventListener(\"mousemove\", this.handleChange), n.removeEventListener(\"mouseup\", this.handleMouseUp);\n }\n }, {\n key: \"render\",\n value: function () {\n var n = this, a = this.props.style || {}, i = a.color, o = a.white, s = a.black, u = a.pointer, c = a.circle, f = _({\n default: {\n color: {\n absolute: \"0px 0px 0px 0px\",\n background: \"hsl(\" + this.props.hsl.h + \",100%, 50%)\",\n borderRadius: this.props.radius\n },\n white: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: this.props.radius\n },\n black: {\n absolute: \"0px 0px 0px 0px\",\n boxShadow: this.props.shadow,\n borderRadius: this.props.radius\n },\n pointer: {\n position: \"absolute\",\n top: -(this.props.hsv.v * 100) + 100 + \"%\",\n left: this.props.hsv.s * 100 + \"%\",\n cursor: \"default\"\n },\n circle: {\n width: \"4px\",\n height: \"4px\",\n 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)`,\n borderRadius: \"50%\",\n cursor: \"hand\",\n transform: \"translate(-2px, -2px)\"\n }\n },\n custom: {\n color: i,\n white: o,\n black: s,\n pointer: u,\n circle: c\n }\n }, { custom: !!this.props.style });\n return l.createElement(\"div\", {\n style: f.color,\n ref: function (p) {\n return n.container = p;\n },\n onMouseDown: this.handleMouseDown,\n onTouchMove: this.handleChange,\n onTouchStart: this.handleChange\n }, l.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 `), l.createElement(\"div\", { style: f.white, className: \"saturation-white\" }, l.createElement(\"div\", { style: f.black, className: \"saturation-black\" }), l.createElement(\"div\", { style: f.pointer }, this.props.pointer ? l.createElement(this.props.pointer, this.props) : l.createElement(\"div\", { style: f.circle }))));\n }\n }]), t;\n}(Ye || Ze);\nfunction Zm(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length; ++r \u003c n && t(e[r], r, e) !== !1;)\n ;\n return e;\n}\nvar Jm = _i(Object.keys, Object), Qm = Object.prototype, e1 = Qm.hasOwnProperty;\nfunction t1(e) {\n if (!Fr(e))\n return Jm(e);\n var t = [];\n for (var r in Object(e))\n e1.call(e, r) && r != \"constructor\" && t.push(r);\n return t;\n}\nfunction kr(e) {\n return Le(e) ? Ti(e) : t1(e);\n}\nfunction r1(e, t) {\n return e && wi(e, t, kr);\n}\nfunction n1(e, t) {\n return function (r, n) {\n if (r == null)\n return r;\n if (!Le(r))\n return e(r, n);\n for (var a = r.length, i = -1, o = Object(r); ++i \u003c a && n(o[i], i, o) !== !1;)\n ;\n return r;\n };\n}\nvar Fi = n1(r1);\nfunction a1(e) {\n return typeof e == \"function\" ? e : It;\n}\nfunction i1(e, t) {\n var r = k(e) ? Zm : Fi;\n return r(e, a1(t));\n}\nfunction $t(e) {\n \"@babel\u002fhelpers - typeof\";\n return $t = typeof Symbol == \"function\" && typeof Symbol.iterator == \"symbol\" ? function (t) {\n return typeof t;\n } : function (t) {\n return t && typeof Symbol == \"function\" && t.constructor === Symbol && t !== Symbol.prototype ? \"symbol\" : typeof t;\n }, $t(e);\n}\nvar o1 = \u002f^\\s+\u002f, s1 = \u002f\\s+$\u002f;\nfunction x(e, t) {\n if (e = e || \"\", t = t || {}, e instanceof x)\n return e;\n if (!(this instanceof x))\n return new x(e, t);\n var r = l1(e);\n this._originalInput = e, this._r = r.r, this._g = r.g, this._b = r.b, this._a = r.a, this._roundA = Math.round(100 * this._a) \u002f 100, this._format = t.format || r.format, this._gradientType = t.gradientType, this._r \u003c 1 && (this._r = Math.round(this._r)), this._g \u003c 1 && (this._g = Math.round(this._g)), this._b \u003c 1 && (this._b = Math.round(this._b)), this._ok = r.ok;\n}\nx.prototype = {\n isDark: function () {\n return this.getBrightness() \u003c 128;\n },\n isLight: function () {\n return !this.isDark();\n },\n isValid: function () {\n return this._ok;\n },\n getOriginalInput: function () {\n return this._originalInput;\n },\n getFormat: function () {\n return this._format;\n },\n getAlpha: function () {\n return this._a;\n },\n getBrightness: function () {\n var t = this.toRgb();\n return (t.r * 299 + t.g * 587 + t.b * 114) \u002f 1e3;\n },\n getLuminance: function () {\n var t = this.toRgb(), r, n, a, i, o, s;\n return r = t.r \u002f 255, n = t.g \u002f 255, a = t.b \u002f 255, r \u003c= 0.03928 ? i = r \u002f 12.92 : i = Math.pow((r + 0.055) \u002f 1.055, 2.4), n \u003c= 0.03928 ? o = n \u002f 12.92 : o = Math.pow((n + 0.055) \u002f 1.055, 2.4), a \u003c= 0.03928 ? s = a \u002f 12.92 : s = Math.pow((a + 0.055) \u002f 1.055, 2.4), 0.2126 * i + 0.7152 * o + 0.0722 * s;\n },\n setAlpha: function (t) {\n return this._a = ji(t), this._roundA = Math.round(100 * this._a) \u002f 100, this;\n },\n toHsv: function () {\n var t = ua(this._r, this._g, this._b);\n return {\n h: t.h * 360,\n s: t.s,\n v: t.v,\n a: this._a\n };\n },\n toHsvString: function () {\n var t = ua(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.v * 100);\n return this._a == 1 ? \"hsv(\" + r + \", \" + n + \"%, \" + a + \"%)\" : \"hsva(\" + r + \", \" + n + \"%, \" + a + \"%, \" + this._roundA + \")\";\n },\n toHsl: function () {\n var t = la(this._r, this._g, this._b);\n return {\n h: t.h * 360,\n s: t.s,\n l: t.l,\n a: this._a\n };\n },\n toHslString: function () {\n var t = la(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.l * 100);\n return this._a == 1 ? \"hsl(\" + r + \", \" + n + \"%, \" + a + \"%)\" : \"hsla(\" + r + \", \" + n + \"%, \" + a + \"%, \" + this._roundA + \")\";\n },\n toHex: function (t) {\n return ca(this._r, this._g, this._b, t);\n },\n toHexString: function (t) {\n return \"#\" + this.toHex(t);\n },\n toHex8: function (t) {\n return h1(this._r, this._g, this._b, this._a, t);\n },\n toHex8String: function (t) {\n return \"#\" + this.toHex8(t);\n },\n toRgb: function () {\n return {\n r: Math.round(this._r),\n g: Math.round(this._g),\n b: Math.round(this._b),\n a: this._a\n };\n },\n toRgbString: function () {\n return this._a == 1 ? \"rgb(\" + Math.round(this._r) + \", \" + Math.round(this._g) + \", \" + Math.round(this._b) + \")\" : \"rgba(\" + Math.round(this._r) + \", \" + Math.round(this._g) + \", \" + Math.round(this._b) + \", \" + this._roundA + \")\";\n },\n toPercentageRgb: function () {\n return {\n r: Math.round(R(this._r, 255) * 100) + \"%\",\n g: Math.round(R(this._g, 255) * 100) + \"%\",\n b: Math.round(R(this._b, 255) * 100) + \"%\",\n a: this._a\n };\n },\n toPercentageRgbString: function () {\n return this._a == 1 ? \"rgb(\" + Math.round(R(this._r, 255) * 100) + \"%, \" + Math.round(R(this._g, 255) * 100) + \"%, \" + Math.round(R(this._b, 255) * 100) + \"%)\" : \"rgba(\" + Math.round(R(this._r, 255) * 100) + \"%, \" + Math.round(R(this._g, 255) * 100) + \"%, \" + Math.round(R(this._b, 255) * 100) + \"%, \" + this._roundA + \")\";\n },\n toName: function () {\n return this._a === 0 ? \"transparent\" : this._a \u003c 1 ? !1 : E1[ca(this._r, this._g, this._b, !0)] || !1;\n },\n toFilter: function (t) {\n var r = \"#\" + fa(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? \"GradientType = 1, \" : \"\";\n if (t) {\n var i = x(t);\n n = \"#\" + fa(i._r, i._g, i._b, i._a);\n }\n return \"progid:DXImageTransform.Microsoft.gradient(\" + a + \"startColorstr=\" + r + \",endColorstr=\" + n + \")\";\n },\n toString: function (t) {\n var r = !!t;\n t = t || this._format;\n var n = !1, a = this._a \u003c 1 && this._a \u003e= 0, i = !r && a && (t === \"hex\" || t === \"hex6\" || t === \"hex3\" || t === \"hex4\" || t === \"hex8\" || t === \"name\");\n return i ? t === \"name\" && this._a === 0 ? this.toName() : this.toRgbString() : (t === \"rgb\" && (n = this.toRgbString()), t === \"prgb\" && (n = this.toPercentageRgbString()), (t === \"hex\" || t === \"hex6\") && (n = this.toHexString()), t === \"hex3\" && (n = this.toHexString(!0)), t === \"hex4\" && (n = this.toHex8String(!0)), t === \"hex8\" && (n = this.toHex8String()), t === \"name\" && (n = this.toName()), t === \"hsl\" && (n = this.toHslString()), t === \"hsv\" && (n = this.toHsvString()), n || this.toHexString());\n },\n clone: function () {\n return x(this.toString());\n },\n _applyModification: function (t, r) {\n var n = t.apply(null, [this].concat([].slice.call(r)));\n return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;\n },\n lighten: function () {\n return this._applyModification(v1, arguments);\n },\n brighten: function () {\n return this._applyModification(b1, arguments);\n },\n darken: function () {\n return this._applyModification(y1, arguments);\n },\n desaturate: function () {\n return this._applyModification(p1, arguments);\n },\n saturate: function () {\n return this._applyModification(d1, arguments);\n },\n greyscale: function () {\n return this._applyModification(g1, arguments);\n },\n spin: function () {\n return this._applyModification(x1, arguments);\n },\n _applyCombination: function (t, r) {\n return t.apply(null, [this].concat([].slice.call(r)));\n },\n analogous: function () {\n return this._applyCombination($1, arguments);\n },\n complement: function () {\n return this._applyCombination(m1, arguments);\n },\n monochromatic: function () {\n return this._applyCombination(_1, arguments);\n },\n splitcomplement: function () {\n return this._applyCombination(w1, arguments);\n },\n \u002f\u002f Disabled until https:\u002f\u002fgithub.com\u002fbgrins\u002fTinyColor\u002fissues\u002f254\n \u002f\u002f polyad: function (number) {\n \u002f\u002f return this._applyCombination(polyad, [number]);\n \u002f\u002f },\n triad: function () {\n return this._applyCombination(ha, [3]);\n },\n tetrad: function () {\n return this._applyCombination(ha, [4]);\n }\n};\nx.fromRatio = function (e, t) {\n if ($t(e) == \"object\") {\n var r = {};\n for (var n in e)\n e.hasOwnProperty(n) && (n === \"a\" ? r[n] = e[n] : r[n] = Ue(e[n]));\n e = r;\n }\n return x(e, t);\n};\nfunction l1(e) {\n var t = {\n r: 0,\n g: 0,\n b: 0\n }, r = 1, n = null, a = null, i = null, o = !1, s = !1;\n return typeof e == \"string\" && (e = A1(e)), $t(e) == \"object\" && (K(e.r) && K(e.g) && K(e.b) ? (t = u1(e.r, e.g, e.b), o = !0, s = String(e.r).substr(-1) === \"%\" ? \"prgb\" : \"rgb\") : K(e.h) && K(e.s) && K(e.v) ? (n = Ue(e.s), a = Ue(e.v), t = f1(e.h, n, a), o = !0, s = \"hsv\") : K(e.h) && K(e.s) && K(e.l) && (n = Ue(e.s), i = Ue(e.l), t = c1(e.h, n, i), o = !0, s = \"hsl\"), e.hasOwnProperty(\"a\") && (r = e.a)), r = ji(r), {\n ok: o,\n format: e.format || s,\n r: Math.min(255, Math.max(t.r, 0)),\n g: Math.min(255, Math.max(t.g, 0)),\n b: Math.min(255, Math.max(t.b, 0)),\n a: r\n };\n}\nfunction u1(e, t, r) {\n return {\n r: R(e, 255) * 255,\n g: R(t, 255) * 255,\n b: R(r, 255) * 255\n };\n}\nfunction la(e, t, r) {\n e = R(e, 255), t = R(t, 255), r = R(r, 255);\n var n = Math.max(e, t, r), a = Math.min(e, t, r), i, o, s = (n + a) \u002f 2;\n if (n == a)\n i = o = 0;\n else {\n var u = n - a;\n switch (o = s \u003e 0.5 ? u \u002f (2 - n - a) : u \u002f (n + a), n) {\n case e:\n i = (t - r) \u002f u + (t \u003c r ? 6 : 0);\n break;\n case t:\n i = (r - e) \u002f u + 2;\n break;\n case r:\n i = (e - t) \u002f u + 4;\n break;\n }\n i \u002f= 6;\n }\n return {\n h: i,\n s: o,\n l: s\n };\n}\nfunction c1(e, t, r) {\n var n, a, i;\n e = R(e, 360), t = R(t, 100), r = R(r, 100);\n function o(c, f, h) {\n return h \u003c 0 && (h += 1), h \u003e 1 && (h -= 1), h \u003c 1 \u002f 6 ? c + (f - c) * 6 * h : h \u003c 1 \u002f 2 ? f : h \u003c 2 \u002f 3 ? c + (f - c) * (2 \u002f 3 - h) * 6 : c;\n }\n if (t === 0)\n n = a = i = r;\n else {\n var s = r \u003c 0.5 ? r * (1 + t) : r + t - r * t, u = 2 * r - s;\n n = o(u, s, e + 1 \u002f 3), a = o(u, s, e), i = o(u, s, e - 1 \u002f 3);\n }\n return {\n r: n * 255,\n g: a * 255,\n b: i * 255\n };\n}\nfunction ua(e, t, r) {\n e = R(e, 255), t = R(t, 255), r = R(r, 255);\n var n = Math.max(e, t, r), a = Math.min(e, t, r), i, o, s = n, u = n - a;\n if (o = n === 0 ? 0 : u \u002f n, n == a)\n i = 0;\n else {\n switch (n) {\n case e:\n i = (t - r) \u002f u + (t \u003c r ? 6 : 0);\n break;\n case t:\n i = (r - e) \u002f u + 2;\n break;\n case r:\n i = (e - t) \u002f u + 4;\n break;\n }\n i \u002f= 6;\n }\n return {\n h: i,\n s: o,\n v: s\n };\n}\nfunction f1(e, t, r) {\n e = R(e, 360) * 6, t = R(t, 100), r = R(r, 100);\n var n = Math.floor(e), a = e - n, i = r * (1 - t), o = r * (1 - a * t), s = r * (1 - (1 - a) * t), u = n % 6, c = [r, o, i, i, s, r][u], f = [s, r, r, o, i, i][u], h = [i, i, s, r, r, o][u];\n return {\n r: c * 255,\n g: f * 255,\n b: h * 255\n };\n}\nfunction ca(e, t, r, n) {\n var a = [G(Math.round(e).toString(16)), G(Math.round(t).toString(16)), G(Math.round(r).toString(16))];\n return n && 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[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join(\"\");\n}\nfunction h1(e, t, r, n, a) {\n var i = [G(Math.round(e).toString(16)), G(Math.round(t).toString(16)), G(Math.round(r).toString(16)), G(Ii(n))];\n return a && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join(\"\");\n}\nfunction fa(e, t, r, n) {\n var a = [G(Ii(n)), G(Math.round(e).toString(16)), G(Math.round(t).toString(16)), G(Math.round(r).toString(16))];\n return a.join(\"\");\n}\nx.equals = function (e, t) {\n return !e || !t ? !1 : x(e).toRgbString() == x(t).toRgbString();\n};\nx.random = function () {\n return x.fromRatio({\n r: Math.random(),\n g: Math.random(),\n b: Math.random()\n });\n};\nfunction p1(e, t) {\n t = t === 0 ? 0 : t || 10;\n var r = x(e).toHsl();\n return r.s -= t \u002f 100, r.s = Dt(r.s), x(r);\n}\nfunction d1(e, t) {\n t = t === 0 ? 0 : t || 10;\n var r = x(e).toHsl();\n return r.s += t \u002f 100, r.s = Dt(r.s), x(r);\n}\nfunction g1(e) {\n return x(e).desaturate(100);\n}\nfunction v1(e, t) {\n t = t === 0 ? 0 : t || 10;\n var r = x(e).toHsl();\n return r.l += t \u002f 100, r.l = Dt(r.l), x(r);\n}\nfunction b1(e, t) {\n t = t === 0 ? 0 : t || 10;\n var r = x(e).toRgb();\n return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t \u002f 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t \u002f 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t \u002f 100)))), x(r);\n}\nfunction y1(e, t) {\n t = t === 0 ? 0 : t || 10;\n var r = x(e).toHsl();\n return r.l -= t \u002f 100, r.l = Dt(r.l), x(r);\n}\nfunction x1(e, t) {\n var r = x(e).toHsl(), n = (r.h + t) % 360;\n return r.h = n \u003c 0 ? 360 + n : n, x(r);\n}\nfunction m1(e) {\n var t = x(e).toHsl();\n return t.h = (t.h + 180) % 360, x(t);\n}\nfunction ha(e, t) {\n if (isNaN(t) || t \u003c= 0)\n throw new Error(\"Argument to polyad must be a positive number\");\n for (var r = x(e).toHsl(), n = [x(e)], a = 360 \u002f t, i = 1; i \u003c t; i++)\n n.push(x({\n h: (r.h + i * a) % 360,\n s: r.s,\n l: r.l\n }));\n return n;\n}\nfunction w1(e) {\n var t = x(e).toHsl(), r = t.h;\n return [x(e), x({\n h: (r + 72) % 360,\n s: t.s,\n l: t.l\n }), x({\n h: (r + 216) % 360,\n s: t.s,\n l: t.l\n })];\n}\nfunction $1(e, t, r) {\n t = t || 6, r = r || 30;\n var n = x(e).toHsl(), a = 360 \u002f r, i = [x(e)];\n for (n.h = (n.h - (a * t \u003e\u003e 1) + 720) % 360; --t;)\n n.h = (n.h + a) % 360, i.push(x(n));\n return i;\n}\nfunction _1(e, t) {\n t = t || 6;\n for (var r = x(e).toHsv(), n = r.h, a = r.s, i = r.v, o = [], s = 1 \u002f t; t--;)\n o.push(x({\n h: n,\n s: a,\n v: i\n })), i = (i + s) % 1;\n return o;\n}\nx.mix = function (e, t, r) {\n r = r === 0 ? 0 : r || 50;\n var n = x(e).toRgb(), a = x(t).toRgb(), i = r \u002f 100, o = {\n r: (a.r - n.r) * i + n.r,\n g: (a.g - n.g) * i + n.g,\n b: (a.b - n.b) * i + n.b,\n a: (a.a - n.a) * i + n.a\n };\n return x(o);\n};\nx.readability = function (e, t) {\n var r = x(e), n = x(t);\n return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) \u002f (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);\n};\nx.isReadable = function (e, t, r) {\n var n = x.readability(e, t), a, i;\n switch (i = !1, a = T1(r), a.level + a.size) {\n case \"AAsmall\":\n case \"AAAlarge\":\n i = n \u003e= 4.5;\n break;\n case \"AAlarge\":\n i = n \u003e= 3;\n break;\n case \"AAAsmall\":\n i = n \u003e= 7;\n break;\n }\n return i;\n};\nx.mostReadable = function (e, t, r) {\n var n = null, a = 0, i, o, s, u;\n r = r || {}, o = r.includeFallbackColors, s = r.level, u = r.size;\n for (var c = 0; c \u003c t.length; c++)\n i = x.readability(e, t[c]), i \u003e a && (a = i, n = x(t[c]));\n return x.isReadable(e, n, {\n level: s,\n size: u\n }) || !o ? n : (r.includeFallbackColors = !1, x.mostReadable(e, [\"#fff\", \"#000\"], r));\n};\nvar ir = x.names = {\n aliceblue: \"f0f8ff\",\n antiquewhite: \"faebd7\",\n aqua: \"0ff\",\n aquamarine: \"7fffd4\",\n azure: \"f0ffff\",\n beige: \"f5f5dc\",\n bisque: \"ffe4c4\",\n black: \"000\",\n blanchedalmond: \"ffebcd\",\n blue: \"00f\",\n blueviolet: \"8a2be2\",\n brown: \"a52a2a\",\n burlywood: \"deb887\",\n burntsienna: \"ea7e5d\",\n cadetblue: \"5f9ea0\",\n chartreuse: \"7fff00\",\n chocolate: \"d2691e\",\n coral: \"ff7f50\",\n cornflowerblue: \"6495ed\",\n cornsilk: \"fff8dc\",\n crimson: \"dc143c\",\n cyan: \"0ff\",\n darkblue: \"00008b\",\n darkcyan: \"008b8b\",\n darkgoldenrod: \"b8860b\",\n darkgray: \"a9a9a9\",\n darkgreen: \"006400\",\n darkgrey: \"a9a9a9\",\n darkkhaki: \"bdb76b\",\n darkmagenta: \"8b008b\",\n darkolivegreen: \"556b2f\",\n darkorange: \"ff8c00\",\n darkorchid: \"9932cc\",\n darkred: \"8b0000\",\n darksalmon: \"e9967a\",\n darkseagreen: \"8fbc8f\",\n darkslateblue: \"483d8b\",\n darkslategray: \"2f4f4f\",\n darkslategrey: \"2f4f4f\",\n darkturquoise: \"00ced1\",\n darkviolet: \"9400d3\",\n deeppink: \"ff1493\",\n deepskyblue: \"00bfff\",\n dimgray: \"696969\",\n dimgrey: \"696969\",\n dodgerblue: \"1e90ff\",\n firebrick: \"b22222\",\n floralwhite: \"fffaf0\",\n forestgreen: \"228b22\",\n fuchsia: \"f0f\",\n gainsboro: \"dcdcdc\",\n ghostwhite: \"f8f8ff\",\n gold: \"ffd700\",\n goldenrod: \"daa520\",\n gray: \"808080\",\n green: \"008000\",\n greenyellow: \"adff2f\",\n grey: \"808080\",\n honeydew: \"f0fff0\",\n hotpink: \"ff69b4\",\n indianred: \"cd5c5c\",\n indigo: \"4b0082\",\n ivory: \"fffff0\",\n khaki: \"f0e68c\",\n lavender: \"e6e6fa\",\n lavenderblush: \"fff0f5\",\n lawngreen: \"7cfc00\",\n lemonchiffon: \"fffacd\",\n lightblue: \"add8e6\",\n lightcoral: \"f08080\",\n lightcyan: \"e0ffff\",\n lightgoldenrodyellow: \"fafad2\",\n lightgray: \"d3d3d3\",\n lightgreen: \"90ee90\",\n lightgrey: \"d3d3d3\",\n lightpink: \"ffb6c1\",\n lightsalmon: \"ffa07a\",\n lightseagreen: \"20b2aa\",\n lightskyblue: \"87cefa\",\n lightslategray: \"789\",\n lightslategrey: \"789\",\n lightsteelblue: \"b0c4de\",\n lightyellow: \"ffffe0\",\n lime: \"0f0\",\n limegreen: \"32cd32\",\n linen: \"faf0e6\",\n magenta: \"f0f\",\n maroon: \"800000\",\n mediumaquamarine: \"66cdaa\",\n mediumblue: \"0000cd\",\n mediumorchid: \"ba55d3\",\n mediumpurple: \"9370db\",\n mediumseagreen: \"3cb371\",\n mediumslateblue: \"7b68ee\",\n mediumspringgreen: \"00fa9a\",\n mediumturquoise: \"48d1cc\",\n mediumvioletred: \"c71585\",\n midnightblue: \"191970\",\n mintcream: \"f5fffa\",\n mistyrose: \"ffe4e1\",\n moccasin: \"ffe4b5\",\n navajowhite: \"ffdead\",\n navy: \"000080\",\n oldlace: \"fdf5e6\",\n olive: \"808000\",\n olivedrab: \"6b8e23\",\n orange: \"ffa500\",\n orangered: \"ff4500\",\n orchid: \"da70d6\",\n palegoldenrod: \"eee8aa\",\n palegreen: \"98fb98\",\n paleturquoise: \"afeeee\",\n palevioletred: \"db7093\",\n papayawhip: \"ffefd5\",\n peachpuff: \"ffdab9\",\n peru: \"cd853f\",\n pink: \"ffc0cb\",\n plum: \"dda0dd\",\n powderblue: \"b0e0e6\",\n purple: \"800080\",\n rebeccapurple: \"663399\",\n red: \"f00\",\n rosybrown: \"bc8f8f\",\n royalblue: \"4169e1\",\n saddlebrown: \"8b4513\",\n salmon: \"fa8072\",\n sandybrown: \"f4a460\",\n seagreen: \"2e8b57\",\n seashell: \"fff5ee\",\n sienna: \"a0522d\",\n silver: \"c0c0c0\",\n skyblue: \"87ceeb\",\n slateblue: \"6a5acd\",\n slategray: \"708090\",\n slategrey: \"708090\",\n snow: \"fffafa\",\n springgreen: \"00ff7f\",\n steelblue: \"4682b4\",\n tan: \"d2b48c\",\n teal: \"008080\",\n thistle: \"d8bfd8\",\n tomato: \"ff6347\",\n turquoise: \"40e0d0\",\n violet: \"ee82ee\",\n wheat: \"f5deb3\",\n white: \"fff\",\n whitesmoke: \"f5f5f5\",\n yellow: \"ff0\",\n yellowgreen: \"9acd32\"\n}, E1 = x.hexNames = S1(ir);\nfunction S1(e) {\n var t = {};\n for (var r in e)\n e.hasOwnProperty(r) && (t[e[r]] = r);\n return t;\n}\nfunction ji(e) {\n return e = parseFloat(e), (isNaN(e) || e \u003c 0 || e \u003e 1) && (e = 1), e;\n}\nfunction R(e, t) {\n C1(e) && (e = \"100%\");\n var r = O1(e);\n return e = Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(e * t, 10) \u002f 100), Math.abs(e - t) \u003c 1e-6 ? 1 : e % t \u002f parseFloat(t);\n}\nfunction Dt(e) {\n return Math.min(1, Math.max(0, e));\n}\nfunction B(e) {\n return parseInt(e, 16);\n}\nfunction C1(e) {\n return typeof e == \"string\" && e.indexOf(\".\") != -1 && parseFloat(e) === 1;\n}\nfunction O1(e) {\n return typeof e == \"string\" && e.indexOf(\"%\") != -1;\n}\nfunction G(e) {\n return e.length == 1 ? \"0\" + e : \"\" + e;\n}\nfunction Ue(e) {\n return e \u003c= 1 && (e = e * 100 + \"%\"), e;\n}\nfunction Ii(e) {\n return Math.round(parseFloat(e) * 255).toString(16);\n}\nfunction pa(e) {\n return B(e) \u002f 255;\n}\nvar N = function () {\n var e = \"[-\\\\+]?\\\\d+%?\", t = \"[-\\\\+]?\\\\d*\\\\.\\\\d+%?\", r = \"(?:\" + t + \")|(?:\" + e + \")\", n = \"[\\\\s|\\\$]+(\" + r + \")[,|\\\\s]+(\" + r + \")[,|\\\\s]+(\" + r + \")\\\\s*\\\$?\", a = \"[\\\\s|\\\$]+(\" + r + \")[,|\\\\s]+(\" + r + \")[,|\\\\s]+(\" + r + \")[,|\\\\s]+(\" + r + \")\\\\s*\\\$?\";\n return {\n CSS_UNIT: new RegExp(r),\n rgb: new RegExp(\"rgb\" + n),\n rgba: new RegExp(\"rgba\" + a),\n hsl: new RegExp(\"hsl\" + n),\n hsla: new RegExp(\"hsla\" + a),\n hsv: new RegExp(\"hsv\" + n),\n hsva: new RegExp(\"hsva\" + a),\n hex3: \u002f^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$\u002f,\n hex6: \u002f^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$\u002f,\n hex4: \u002f^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$\u002f,\n hex8: \u002f^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$\u002f\n };\n}();\nfunction K(e) {\n return !!N.CSS_UNIT.exec(e);\n}\nfunction A1(e) {\n e = e.replace(o1, \"\").replace(s1, \"\").toLowerCase();\n var t = !1;\n if (ir[e])\n e = ir[e], t = !0;\n else if (e == \"transparent\")\n return {\n r: 0,\n g: 0,\n b: 0,\n a: 0,\n format: \"name\"\n };\n var r;\n return (r = N.rgb.exec(e)) ? {\n r: r[1],\n g: r[2],\n b: r[3]\n } : (r = N.rgba.exec(e)) ? {\n r: r[1],\n g: r[2],\n b: r[3],\n a: r[4]\n } : (r = N.hsl.exec(e)) ? {\n h: r[1],\n s: r[2],\n l: r[3]\n } : (r = N.hsla.exec(e)) ? {\n h: r[1],\n s: r[2],\n l: r[3],\n a: r[4]\n } : (r = N.hsv.exec(e)) ? {\n h: r[1],\n s: r[2],\n v: r[3]\n } : (r = N.hsva.exec(e)) ? {\n h: r[1],\n s: r[2],\n v: r[3],\n a: r[4]\n } : (r = N.hex8.exec(e)) ? {\n r: B(r[1]),\n g: B(r[2]),\n b: B(r[3]),\n a: pa(r[4]),\n format: t ? \"name\" : \"hex8\"\n } : (r = N.hex6.exec(e)) ? {\n r: B(r[1]),\n g: B(r[2]),\n b: B(r[3]),\n format: t ? \"name\" : \"hex\"\n } : (r = N.hex4.exec(e)) ? {\n r: B(r[1] + \"\" + r[1]),\n g: B(r[2] + \"\" + r[2]),\n b: B(r[3] + \"\" + r[3]),\n a: pa(r[4] + \"\" + r[4]),\n format: t ? \"name\" : \"hex8\"\n } : (r = N.hex3.exec(e)) ? {\n r: B(r[1] + \"\" + r[1]),\n g: B(r[2] + \"\" + r[2]),\n b: B(r[3] + \"\" + r[3]),\n format: t ? \"name\" : \"hex\"\n } : !1;\n}\nfunction T1(e) {\n var t, r;\n return e = e || {\n level: \"AA\",\n size: \"small\"\n }, t = (e.level || \"AA\").toUpperCase(), r = (e.size || \"small\").toLowerCase(), t !== \"AA\" && t !== \"AAA\" && (t = \"AA\"), r !== \"small\" && r !== \"large\" && (r = \"small\"), {\n level: t,\n size: r\n };\n}\nvar da = function (t) {\n var r = [\"r\", \"g\", \"b\", \"a\", \"h\", \"s\", \"l\", \"v\"], n = 0, a = 0;\n return i1(r, function (i) {\n if (t[i] && (n += 1, isNaN(t[i]) || (a += 1), i === \"s\" || i === \"l\")) {\n var o = \u002f^\\d+%$\u002f;\n o.test(t[i]) && (a += 1);\n }\n }), n === a ? t : !1;\n}, We = function (t, r) {\n var n = t.hex ? x(t.hex) : x(t), a = n.toHsl(), i = n.toHsv(), o = n.toRgb(), s = n.toHex();\n a.s === 0 && (a.h = r || 0, i.h = r || 0);\n var u = s === \"000000\" && o.a === 0;\n return {\n hsl: a,\n hex: u ? \"transparent\" : \"#\" + s,\n rgb: o,\n hsv: i,\n oldHue: t.h || r || a.h,\n source: t.source\n };\n}, te = function (t) {\n if (t === \"transparent\")\n return !0;\n var r = String(t).charAt(0) === \"#\" ? 1 : 0;\n return t.length !== 4 + r && t.length \u003c 7 + r && x(t).isValid();\n}, Dr = function (t) {\n if (!t)\n return \"#fff\";\n var r = We(t);\n if (r.hex === \"transparent\")\n return \"rgba(0,0,0,0.4)\";\n var n = (r.rgb.r * 299 + r.rgb.g * 587 + r.rgb.b * 114) \u002f 1e3;\n return n \u003e= 128 ? \"#000\" : \"#fff\";\n}, Yt = function (t, r) {\n var n = t.replace(\"°\", \"\");\n return x(r + \" (\" + n + \")\")._ok;\n}, Ge = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, P1 = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction M1(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction R1(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction F1(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar I = function (t) {\n var r = function (n) {\n F1(a, n);\n function a(i) {\n M1(this, a);\n var o = R1(this, (a.__proto__ || Object.getPrototypeOf(a)).call(this));\n return o.handleChange = function (s, u) {\n var c = da(s);\n if (c) {\n var f = We(s, s.h || o.state.oldHue);\n o.setState(f), o.props.onChangeComplete && o.debounce(o.props.onChangeComplete, f, u), o.props.onChange && o.props.onChange(f, u);\n }\n }, o.handleSwatchHover = function (s, u) {\n var c = da(s);\n if (c) {\n var f = We(s, s.h || o.state.oldHue);\n o.props.onSwatchHover && o.props.onSwatchHover(f, u);\n }\n }, o.state = Ge({}, We(i.color, 0)), o.debounce = Ri(function (s, u, c) {\n s(u, c);\n }, 100), o;\n }\n return P1(a, [{\n key: \"render\",\n value: function () {\n var o = {};\n return this.props.onSwatchHover && (o.onSwatchHover = this.handleSwatchHover), l.createElement(t, Ge({}, this.props, this.state, {\n onChange: this.handleChange\n }, o));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function (o, s) {\n return Ge({}, We(o.color, s.oldHue));\n }\n }]), a;\n }(Ye || Ze);\n return r.propTypes = Ge({}, t.propTypes), r.defaultProps = Ge({}, t.defaultProps, {\n color: {\n h: 250,\n s: 0.5,\n l: 0.2,\n a: 1\n }\n }), r;\n}, j1 = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, I1 = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction B1(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction ga(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction k1(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar D1 = function (t) {\n var r = arguments.length \u003e 1 && arguments[1] !== void 0 ? arguments[1] : \"span\";\n return function (n) {\n k1(a, n);\n function a() {\n var i, o, s, u;\n B1(this, a);\n for (var c = arguments.length, f = Array(c), h = 0; h \u003c c; h++)\n f[h] = arguments[h];\n return u = (o = (s = ga(this, (i = a.__proto__ || Object.getPrototypeOf(a)).call.apply(i, [this].concat(f))), s), s.state = { focus: !1 }, s.handleFocus = function () {\n return s.setState({ focus: !0 });\n }, s.handleBlur = function () {\n return s.setState({ focus: !1 });\n }, o), ga(s, u);\n }\n return I1(a, [{\n key: \"render\",\n value: function () {\n return l.createElement(r, { onFocus: this.handleFocus, onBlur: this.handleBlur }, l.createElement(t, j1({}, this.props, this.state)));\n }\n }]), a;\n }(l.Component);\n}, va = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, L1 = 13, H1 = function (t) {\n var r = t.color, n = t.style, a = t.onClick, i = a === void 0 ? function () {\n } : a, o = t.onHover, s = t.title, u = s === void 0 ? r : s, c = t.children, f = t.focus, h = t.focusStyle, p = h === void 0 ? {} : h, d = r === \"transparent\", v = _({\n default: {\n swatch: va({\n background: r,\n height: \"100%\",\n width: \"100%\",\n cursor: \"pointer\",\n position: \"relative\",\n outline: \"none\"\n }, n, f ? p : {})\n }\n }), b = function (m) {\n return i(r, m);\n }, y = function (m) {\n return m.keyCode === L1 && i(r, m);\n }, $ = function (m) {\n return o(r, m);\n }, M = {};\n return o && (M.onMouseOver = $), l.createElement(\"div\", va({\n style: v.swatch,\n onClick: b,\n title: u,\n tabIndex: 0,\n onKeyDown: y\n }, M), c, d && l.createElement(ke, {\n borderRadius: v.swatch.borderRadius,\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.1)\"\n }));\n};\nconst ue = D1(H1);\nvar N1 = function (t) {\n var r = t.direction, n = _({\n default: {\n picker: {\n width: \"18px\",\n height: \"18px\",\n borderRadius: \"50%\",\n transform: \"translate(-9px, -1px)\",\n backgroundColor: \"rgb(248, 248, 248)\",\n boxShadow: \"0 1px 4px 0 rgba(0, 0, 0, 0.37)\"\n }\n },\n vertical: {\n picker: {\n transform: \"translate(-3px, -9px)\"\n }\n }\n }, { vertical: r === \"vertical\" });\n return l.createElement(\"div\", { style: n.picker });\n}, G1 = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, Bi = function (t) {\n var r = t.rgb, n = t.hsl, a = t.width, i = t.height, o = t.onChange, s = t.direction, u = t.style, c = t.renderers, f = t.pointer, h = t.className, p = h === void 0 ? \"\" : h, d = _({\n default: {\n picker: {\n position: \"relative\",\n width: a,\n height: i\n },\n alpha: {\n radius: \"2px\",\n style: u\n }\n }\n });\n return l.createElement(\"div\", { style: d.picker, className: \"alpha-picker \" + p }, l.createElement(Pr, G1({}, d.alpha, {\n rgb: r,\n hsl: n,\n pointer: f,\n renderers: c,\n onChange: o,\n direction: s\n })));\n};\nBi.defaultProps = {\n width: \"316px\",\n height: \"16px\",\n direction: \"horizontal\",\n pointer: N1\n};\nI(Bi);\nfunction ki(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length, a = Array(n); ++r \u003c n;)\n a[r] = t(e[r], r, e);\n return a;\n}\nvar z1 = \"__lodash_hash_undefined__\";\nfunction U1(e) {\n return this.__data__.set(e, z1), this;\n}\nfunction W1(e) {\n return this.__data__.has(e);\n}\nfunction _t(e) {\n var t = -1, r = e == null ? 0 : e.length;\n for (this.__data__ = new V(); ++t \u003c r;)\n this.add(e[t]);\n}\n_t.prototype.add = _t.prototype.push = U1;\n_t.prototype.has = W1;\nfunction K1(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length; ++r \u003c n;)\n if (t(e[r], r, e))\n return !0;\n return !1;\n}\nfunction X1(e, t) {\n return e.has(t);\n}\nvar q1 = 1, V1 = 2;\nfunction Di(e, t, r, n, a, i) {\n var o = r & q1, s = e.length, u = t.length;\n if (s != u && !(o && u \u003e s))\n return !1;\n var c = i.get(e), f = i.get(t);\n if (c && f)\n return c == t && f == e;\n var h = -1, p = !0, d = r & V1 ? new _t() : void 0;\n for (i.set(e, t), i.set(t, e); ++h \u003c s;) {\n var v = e[h], b = t[h];\n if (n)\n var y = o ? n(b, v, h, t, e, i) : n(v, b, h, e, t, i);\n if (y !== void 0) {\n if (y)\n continue;\n p = !1;\n break;\n }\n if (d) {\n if (!K1(t, function ($, M) {\n if (!X1(d, M) && (v === $ || a(v, $, r, n, i)))\n return d.push(M);\n })) {\n p = !1;\n break;\n }\n }\n else if (!(v === b || a(v, b, r, n, i))) {\n p = !1;\n break;\n }\n }\n return i.delete(e), i.delete(t), p;\n}\nfunction Y1(e) {\n var t = -1, r = Array(e.size);\n return e.forEach(function (n, a) {\n r[++t] = [a, n];\n }), r;\n}\nfunction Z1(e) {\n var t = -1, r = Array(e.size);\n return e.forEach(function (n) {\n r[++t] = n;\n }), r;\n}\nvar J1 = 1, Q1 = 2, ew = \"[object Boolean]\", tw = \"[object Date]\", rw = \"[object Error]\", nw = \"[object Map]\", aw = \"[object Number]\", iw = \"[object RegExp]\", ow = \"[object Set]\", sw = \"[object String]\", lw = \"[object Symbol]\", uw = \"[object ArrayBuffer]\", cw = \"[object DataView]\", ba = J ? J.prototype : void 0, Zt = ba ? ba.valueOf : void 0;\nfunction fw(e, t, r, n, a, i, o) {\n switch (r) {\n case cw:\n if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)\n return !1;\n e = e.buffer, t = t.buffer;\n case uw:\n return !(e.byteLength != t.byteLength || !i(new xt(e), new xt(t)));\n case ew:\n case tw:\n case aw:\n return at(+e, +t);\n case rw:\n return e.name == t.name && e.message == t.message;\n case iw:\n case sw:\n return e == t + \"\";\n case nw:\n var s = Y1;\n case ow:\n var u = n & J1;\n if (s || (s = Z1), e.size != t.size && !u)\n return !1;\n var c = o.get(e);\n if (c)\n return c == t;\n n |= Q1, o.set(e, t);\n var f = Di(s(e), s(t), n, a, i, o);\n return o.delete(e), f;\n case lw:\n if (Zt)\n return Zt.call(e) == Zt.call(t);\n }\n return !1;\n}\nfunction hw(e, t) {\n for (var r = -1, n = t.length, a = e.length; ++r \u003c n;)\n e[a + r] = t[r];\n return e;\n}\nfunction pw(e, t, r) {\n var n = t(e);\n return k(e) ? n : hw(n, r(e));\n}\nfunction dw(e, t) {\n for (var r = -1, n = e == null ? 0 : e.length, a = 0, i = []; ++r \u003c n;) {\n var o = e[r];\n t(o, r, e) && (i[a++] = o);\n }\n return i;\n}\nfunction gw() {\n return [];\n}\nvar vw = Object.prototype, bw = vw.propertyIsEnumerable, ya = Object.getOwnPropertySymbols, yw = ya ? function (e) {\n return e == null ? [] : (e = Object(e), dw(ya(e), function (t) {\n return bw.call(e, t);\n }));\n} : gw;\nfunction xa(e) {\n return pw(e, kr, yw);\n}\nvar xw = 1, mw = Object.prototype, ww = mw.hasOwnProperty;\nfunction $w(e, t, r, n, a, i) {\n var o = r & xw, s = xa(e), u = s.length, c = xa(t), f = c.length;\n if (u != f && !o)\n return !1;\n for (var h = u; h--;) {\n var p = s[h];\n if (!(o ? p in t : ww.call(t, p)))\n return !1;\n }\n var d = i.get(e), v = i.get(t);\n if (d && v)\n return d == t && v == e;\n var b = !0;\n i.set(e, t), i.set(t, e);\n for (var y = o; ++h \u003c u;) {\n p = s[h];\n var $ = e[p], M = t[p];\n if (n)\n var w = o ? n(M, $, p, t, e, i) : n($, M, p, e, t, i);\n if (!(w === void 0 ? $ === M || a($, M, r, n, i) : w)) {\n b = !1;\n break;\n }\n y || (y = p == \"constructor\");\n }\n if (b && !y) {\n var m = e.constructor, E = t.constructor;\n m != E && \"constructor\" in e && \"constructor\" in t && !(typeof m == \"function\" && m instanceof m && typeof E == \"function\" && E instanceof E) && (b = !1);\n }\n return i.delete(e), i.delete(t), b;\n}\nvar or = le(U, \"DataView\"), sr = le(U, \"Promise\"), lr = le(U, \"Set\"), ur = le(U, \"WeakMap\"), ma = \"[object Map]\", _w = \"[object Object]\", wa = \"[object Promise]\", $a = \"[object Set]\", _a = \"[object WeakMap]\", Ea = \"[object DataView]\", Ew = se(or), Sw = se(qe), Cw = se(sr), Ow = se(lr), Aw = se(ur), Z = oe;\n(or && Z(new or(new ArrayBuffer(1))) != Ea || qe && Z(new qe()) != ma || sr && Z(sr.resolve()) != wa || lr && Z(new lr()) != $a || ur && Z(new ur()) != _a) && (Z = function (e) {\n var t = oe(e), r = t == _w ? e.constructor : void 0, n = r ? se(r) : \"\";\n if (n)\n switch (n) {\n case Ew:\n return Ea;\n case Sw:\n return ma;\n case Cw:\n return wa;\n case Ow:\n return $a;\n case Aw:\n return _a;\n }\n return t;\n});\nvar Tw = 1, Sa = \"[object Arguments]\", Ca = \"[object Array]\", ct = \"[object Object]\", Pw = Object.prototype, Oa = Pw.hasOwnProperty;\nfunction Mw(e, t, r, n, a, i) {\n var o = k(e), s = k(t), u = o ? Ca : Z(e), c = s ? Ca : Z(t);\n u = u == Sa ? ct : u, c = c == Sa ? ct : c;\n var f = u == ct, h = c == ct, p = u == c;\n if (p && wt(e)) {\n if (!wt(t))\n return !1;\n o = !0, f = !1;\n }\n if (p && !f)\n return i || (i = new W()), o || Ir(e) ? Di(e, t, r, n, a, i) : fw(e, t, u, r, n, a, i);\n if (!(r & Tw)) {\n var d = f && Oa.call(e, \"__wrapped__\"), v = h && Oa.call(t, \"__wrapped__\");\n if (d || v) {\n var b = d ? e.value() : e, y = v ? t.value() : t;\n return i || (i = new W()), a(b, y, r, n, i);\n }\n }\n return p ? (i || (i = new W()), $w(e, t, r, n, a, i)) : !1;\n}\nfunction Lr(e, t, r, n, a) {\n return e === t ? !0 : e == null || t == null || !Q(e) && !Q(t) ? e !== e && t !== t : Mw(e, t, r, n, Lr, a);\n}\nvar Rw = 1, Fw = 2;\nfunction jw(e, t, r, n) {\n var a = r.length, i = a;\n if (e == null)\n return !i;\n for (e = Object(e); a--;) {\n var o = r[a];\n if (o[2] ? o[1] !== e[o[0]] : !(o[0] in e))\n return !1;\n }\n for (; ++a \u003c i;) {\n o = r[a];\n var s = o[0], u = e[s], c = o[1];\n if (o[2]) {\n if (u === void 0 && !(s in e))\n return !1;\n }\n else {\n var f = new W(), h;\n if (!(h === void 0 ? Lr(c, u, Rw | Fw, n, f) : h))\n return !1;\n }\n }\n return !0;\n}\nfunction Li(e) {\n return e === e && !H(e);\n}\nfunction Iw(e) {\n for (var t = kr(e), r = t.length; r--;) {\n var n = t[r], a = e[n];\n t[r] = [n, a, Li(a)];\n }\n return t;\n}\nfunction Hi(e, t) {\n return function (r) {\n return r == null ? !1 : r[e] === t && (t !== void 0 || e in Object(r));\n };\n}\nfunction Bw(e) {\n var t = Iw(e);\n return t.length == 1 && t[0][2] ? Hi(t[0][0], t[0][1]) : function (r) {\n return r === e || jw(r, e, t);\n };\n}\nvar kw = \u002f\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]\u002f, Dw = \u002f^\\w*$\u002f;\nfunction Hr(e, t) {\n if (k(e))\n return !1;\n var r = typeof e;\n return r == \"number\" || r == \"symbol\" || r == \"boolean\" || e == null || Bt(e) ? !0 : Dw.test(e) || !kw.test(e) || t != null && e in Object(t);\n}\nvar Lw = \"Expected a function\";\nfunction Nr(e, t) {\n if (typeof e != \"function\" || t != null && typeof t != \"function\")\n throw new TypeError(Lw);\n var r = function () {\n var n = arguments, a = t ? t.apply(this, n) : n[0], i = r.cache;\n if (i.has(a))\n return i.get(a);\n var o = e.apply(this, n);\n return r.cache = i.set(a, o) || i, o;\n };\n return r.cache = new (Nr.Cache || V)(), r;\n}\nNr.Cache = V;\nvar Hw = 500;\nfunction Nw(e) {\n var t = Nr(e, function (n) {\n return r.size === Hw && r.clear(), n;\n }), r = t.cache;\n return t;\n}\nvar Gw = \u002f[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))\u002fg, zw = \u002f\\\$\\\$?\u002fg, Uw = Nw(function (e) {\n var t = [];\n return e.charCodeAt(0) === 46 && t.push(\"\"), e.replace(Gw, function (r, n, a, i) {\n t.push(a ? i.replace(zw, \"$1\") : n || r);\n }), t;\n}), Aa = J ? J.prototype : void 0, Ta = Aa ? Aa.toString : void 0;\nfunction Ni(e) {\n if (typeof e == \"string\")\n return e;\n if (k(e))\n return ki(e, Ni) + \"\";\n if (Bt(e))\n return Ta ? Ta.call(e) : \"\";\n var t = e + \"\";\n return t == \"0\" && 1 \u002f e == -1 \u002f 0 ? \"-0\" : t;\n}\nfunction Ww(e) {\n return e == null ? \"\" : Ni(e);\n}\nfunction Gi(e, t) {\n return k(e) ? e : Hr(e, t) ? [e] : Uw(Ww(e));\n}\nfunction Lt(e) {\n if (typeof e == \"string\" || Bt(e))\n return e;\n var t = e + \"\";\n return t == \"0\" && 1 \u002f e == -1 \u002f 0 ? \"-0\" : t;\n}\nfunction zi(e, t) {\n t = Gi(t, e);\n for (var r = 0, n = t.length; e != null && r \u003c n;)\n e = e[Lt(t[r++])];\n return r && r == n ? e : void 0;\n}\nfunction Kw(e, t, r) {\n var n = e == null ? void 0 : zi(e, t);\n return n === void 0 ? r : n;\n}\nfunction Xw(e, t) {\n return e != null && t in Object(e);\n}\nfunction qw(e, t, r) {\n t = Gi(t, e);\n for (var n = -1, a = t.length, i = !1; ++n \u003c a;) {\n var o = Lt(t[n]);\n if (!(i = e != null && r(e, o)))\n break;\n e = e[o];\n }\n return i || ++n != a ? i : (a = e == null ? 0 : e.length, !!a && jr(a) && Br(o, a) && (k(e) || mt(e)));\n}\nfunction Vw(e, t) {\n return e != null && qw(e, t, Xw);\n}\nvar Yw = 1, Zw = 2;\nfunction Jw(e, t) {\n return Hr(e) && Li(t) ? Hi(Lt(e), t) : function (r) {\n var n = Kw(r, e);\n return n === void 0 && n === t ? Vw(r, e) : Lr(t, n, Yw | Zw);\n };\n}\nfunction Qw(e) {\n return function (t) {\n return t == null ? void 0 : t[e];\n };\n}\nfunction e$(e) {\n return function (t) {\n return zi(t, e);\n };\n}\nfunction t$(e) {\n return Hr(e) ? Qw(Lt(e)) : e$(e);\n}\nfunction r$(e) {\n return typeof e == \"function\" ? e : e == null ? It : typeof e == \"object\" ? k(e) ? Jw(e[0], e[1]) : Bw(e) : t$(e);\n}\nfunction n$(e, t) {\n var r = -1, n = Le(e) ? Array(e.length) : [];\n return Fi(e, function (a, i, o) {\n n[++r] = t(a, i, o);\n }), n;\n}\nfunction ce(e, t) {\n var r = k(e) ? ki : n$;\n return r(e, r$(t));\n}\nvar a$ = function (t) {\n var r = t.colors, n = t.onClick, a = t.onSwatchHover, i = _({\n default: {\n swatches: {\n marginRight: \"-10px\"\n },\n swatch: {\n width: \"22px\",\n height: \"22px\",\n float: \"left\",\n marginRight: \"10px\",\n marginBottom: \"10px\",\n borderRadius: \"4px\"\n },\n clear: {\n clear: \"both\"\n }\n }\n });\n return l.createElement(\"div\", { style: i.swatches }, ce(r, function (o) {\n return l.createElement(ue, {\n key: o,\n color: o,\n style: i.swatch,\n onClick: n,\n onHover: a,\n focusStyle: {\n boxShadow: \"0 0 4px \" + o\n }\n });\n }), l.createElement(\"div\", { style: i.clear }));\n}, Gr = function (t) {\n var r = t.onChange, n = t.onSwatchHover, a = t.hex, i = t.colors, o = t.width, s = t.triangle, u = t.styles, c = u === void 0 ? {} : u, f = t.className, h = f === void 0 ? \"\" : f, p = a === \"transparent\", d = function (y, $) {\n te(y) && r({\n hex: y,\n source: \"hex\"\n }, $);\n }, v = _(j({\n default: {\n card: {\n width: o,\n background: \"#fff\",\n boxShadow: \"0 1px rgba(0,0,0,.1)\",\n borderRadius: \"6px\",\n position: \"relative\"\n },\n head: {\n height: \"110px\",\n background: a,\n borderRadius: \"6px 6px 0 0\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\"\n },\n body: {\n padding: \"10px\"\n },\n label: {\n fontSize: \"18px\",\n color: Dr(a),\n position: \"relative\"\n },\n triangle: {\n width: \"0px\",\n height: \"0px\",\n borderStyle: \"solid\",\n borderWidth: \"0 10px 10px 10px\",\n borderColor: \"transparent transparent \" + a + \" transparent\",\n position: \"absolute\",\n top: \"-10px\",\n left: \"50%\",\n marginLeft: \"-10px\"\n },\n input: {\n width: \"100%\",\n fontSize: \"12px\",\n color: \"#666\",\n border: \"0px\",\n outline: \"none\",\n height: \"22px\",\n boxShadow: \"inset 0 0 0 1px #ddd\",\n borderRadius: \"4px\",\n padding: \"0 7px\",\n boxSizing: \"border-box\"\n }\n },\n \"hide-triangle\": {\n triangle: {\n display: \"none\"\n }\n }\n }, c), { \"hide-triangle\": s === \"hide\" });\n return l.createElement(\"div\", { style: v.card, className: \"block-picker \" + h }, l.createElement(\"div\", { style: v.triangle }), l.createElement(\"div\", { style: v.head }, p && l.createElement(ke, { borderRadius: \"6px 6px 0 0\" }), l.createElement(\"div\", { style: v.label }, a)), l.createElement(\"div\", { style: v.body }, l.createElement(a$, { colors: i, onClick: d, onSwatchHover: n }), l.createElement(O, {\n style: { input: v.input },\n value: a,\n onChange: d\n })));\n};\nGr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n colors: g.arrayOf(g.string),\n triangle: g.oneOf([\"top\", \"hide\"]),\n styles: g.object\n};\nGr.defaultProps = {\n width: 170,\n colors: [\"#D9E3F0\", \"#F47373\", \"#697689\", \"#37D67A\", \"#2CCCE4\", \"#555555\", \"#dce775\", \"#ff8a65\", \"#ba68c8\"],\n triangle: \"top\",\n styles: {}\n};\nI(Gr);\nvar fe = { 100: \"#ffcdd2\", 300: \"#e57373\", 500: \"#f44336\", 700: \"#d32f2f\", 900: \"#b71c1c\" }, he = { 100: \"#f8bbd0\", 300: \"#f06292\", 500: \"#e91e63\", 700: \"#c2185b\", 900: \"#880e4f\" }, pe = { 100: \"#e1bee7\", 300: \"#ba68c8\", 500: \"#9c27b0\", 700: \"#7b1fa2\", 900: \"#4a148c\" }, de = { 100: \"#d1c4e9\", 300: \"#9575cd\", 500: \"#673ab7\", 700: \"#512da8\", 900: \"#311b92\" }, ge = { 100: \"#c5cae9\", 300: \"#7986cb\", 500: \"#3f51b5\", 700: \"#303f9f\", 900: \"#1a237e\" }, ve = { 100: \"#bbdefb\", 300: \"#64b5f6\", 500: \"#2196f3\", 700: \"#1976d2\", 900: \"#0d47a1\" }, be = { 100: \"#b3e5fc\", 300: \"#4fc3f7\", 500: \"#03a9f4\", 700: \"#0288d1\", 900: \"#01579b\" }, ye = { 100: \"#b2ebf2\", 300: \"#4dd0e1\", 500: \"#00bcd4\", 700: \"#0097a7\", 900: \"#006064\" }, xe = { 100: \"#b2dfdb\", 300: \"#4db6ac\", 500: \"#009688\", 700: \"#00796b\", 900: \"#004d40\" }, Ke = { 100: \"#c8e6c9\", 300: \"#81c784\", 500: \"#4caf50\", 700: \"#388e3c\" }, me = { 100: \"#dcedc8\", 300: \"#aed581\", 500: \"#8bc34a\", 700: \"#689f38\", 900: \"#33691e\" }, we = { 100: \"#f0f4c3\", 300: \"#dce775\", 500: \"#cddc39\", 700: \"#afb42b\", 900: \"#827717\" }, $e = { 100: \"#fff9c4\", 300: \"#fff176\", 500: \"#ffeb3b\", 700: \"#fbc02d\", 900: \"#f57f17\" }, _e = { 100: \"#ffecb3\", 300: \"#ffd54f\", 500: \"#ffc107\", 700: \"#ffa000\", 900: \"#ff6f00\" }, Ee = { 100: \"#ffe0b2\", 300: \"#ffb74d\", 500: \"#ff9800\", 700: \"#f57c00\", 900: \"#e65100\" }, Se = { 100: \"#ffccbc\", 300: \"#ff8a65\", 500: \"#ff5722\", 700: \"#e64a19\", 900: \"#bf360c\" }, Ce = { 100: \"#d7ccc8\", 300: \"#a1887f\", 500: \"#795548\", 700: \"#5d4037\", 900: \"#3e2723\" }, Oe = { 100: \"#cfd8dc\", 300: \"#90a4ae\", 500: \"#607d8b\", 700: \"#455a64\", 900: \"#263238\" }, Ui = function (t) {\n var r = t.color, n = t.onClick, a = t.onSwatchHover, i = t.hover, o = t.active, s = t.circleSize, u = t.circleSpacing, c = _({\n default: {\n swatch: {\n width: s,\n height: s,\n marginRight: u,\n marginBottom: u,\n transform: \"scale(1)\",\n transition: \"100ms transform ease\"\n },\n Swatch: {\n borderRadius: \"50%\",\n background: \"transparent\",\n boxShadow: \"inset 0 0 0 \" + (s \u002f 2 + 1) + \"px \" + r,\n transition: \"100ms box-shadow ease\"\n }\n },\n hover: {\n swatch: {\n transform: \"scale(1.2)\"\n }\n },\n active: {\n Swatch: {\n boxShadow: \"inset 0 0 0 3px \" + r\n }\n }\n }, { hover: i, active: o });\n return l.createElement(\"div\", { style: c.swatch }, l.createElement(ue, {\n style: c.Swatch,\n color: r,\n onClick: n,\n onHover: a,\n focusStyle: { boxShadow: c.Swatch.boxShadow + \", 0 0 5px \" + r }\n }));\n};\nUi.defaultProps = {\n circleSize: 28,\n circleSpacing: 14\n};\nconst i$ = Tr(Ui);\nvar zr = function (t) {\n var r = t.width, n = t.onChange, a = t.onSwatchHover, i = t.colors, o = t.hex, s = t.circleSize, u = t.styles, c = u === void 0 ? {} : u, f = t.circleSpacing, h = t.className, p = h === void 0 ? \"\" : h, d = _(j({\n default: {\n card: {\n width: r,\n display: \"flex\",\n flexWrap: \"wrap\",\n marginRight: -f,\n marginBottom: -f\n }\n }\n }, c)), v = function (y, $) {\n return n({ hex: y, source: \"hex\" }, $);\n };\n return l.createElement(\"div\", { style: d.card, className: \"circle-picker \" + p }, ce(i, function (b) {\n return l.createElement(i$, {\n key: b,\n color: b,\n onClick: v,\n onSwatchHover: a,\n active: o === b.toLowerCase(),\n circleSize: s,\n circleSpacing: f\n });\n }));\n};\nzr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n circleSize: g.number,\n circleSpacing: g.number,\n styles: g.object\n};\nzr.defaultProps = {\n width: 252,\n circleSize: 28,\n circleSpacing: 14,\n colors: [fe[500], he[500], pe[500], de[500], ge[500], ve[500], be[500], ye[500], xe[500], Ke[500], me[500], we[500], $e[500], _e[500], Ee[500], Se[500], Ce[500], Oe[500]],\n styles: {}\n};\nI(zr);\nfunction Pa(e) {\n return e === void 0;\n}\nvar Wi = {};\nObject.defineProperty(Wi, \"__esModule\", {\n value: !0\n});\nvar Ma = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, o$ = l, Ra = s$(o$);\nfunction s$(e) {\n return e && e.__esModule ? e : { default: e };\n}\nfunction l$(e, t) {\n var r = {};\n for (var n in e)\n t.indexOf(n) \u003e= 0 || Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]);\n return r;\n}\nvar ft = 24, u$ = Wi.default = function (e) {\n var t = e.fill, r = t === void 0 ? \"currentColor\" : t, n = e.width, a = n === void 0 ? ft : n, i = e.height, o = i === void 0 ? ft : i, s = e.style, u = s === void 0 ? {} : s, c = l$(e, [\"fill\", \"width\", \"height\", \"style\"]);\n return Ra.default.createElement(\"svg\", Ma({\n viewBox: \"0 0 \" + ft + \" \" + ft,\n style: Ma({ fill: r, width: a, height: o }, u)\n }, c), Ra.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\" }));\n}, c$ = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction f$(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction h$(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction p$(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar Ki = function (e) {\n p$(t, e);\n function t(r) {\n f$(this, t);\n var n = h$(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));\n return n.toggleViews = function () {\n n.state.view === \"hex\" ? n.setState({ view: \"rgb\" }) : n.state.view === \"rgb\" ? n.setState({ view: \"hsl\" }) : n.state.view === \"hsl\" && (n.props.hsl.a === 1 ? n.setState({ view: \"hex\" }) : n.setState({ view: \"rgb\" }));\n }, n.handleChange = function (a, i) {\n a.hex ? te(a.hex) && n.props.onChange({\n hex: a.hex,\n source: \"hex\"\n }, i) : a.r || a.g || a.b ? n.props.onChange({\n r: a.r || n.props.rgb.r,\n g: a.g || n.props.rgb.g,\n b: a.b || n.props.rgb.b,\n source: \"rgb\"\n }, i) : a.a ? (a.a \u003c 0 ? a.a = 0 : a.a \u003e 1 && (a.a = 1), n.props.onChange({\n h: n.props.hsl.h,\n s: n.props.hsl.s,\n l: n.props.hsl.l,\n a: Math.round(a.a * 100) \u002f 100,\n source: \"rgb\"\n }, i)) : (a.h || a.s || a.l) && (typeof a.s == \"string\" && a.s.includes(\"%\") && (a.s = a.s.replace(\"%\", \"\")), typeof a.l == \"string\" && a.l.includes(\"%\") && (a.l = a.l.replace(\"%\", \"\")), a.s == 1 ? a.s = 0.01 : a.l == 1 && (a.l = 0.01), n.props.onChange({\n h: a.h || n.props.hsl.h,\n s: Number(Pa(a.s) ? n.props.hsl.s : a.s),\n l: Number(Pa(a.l) ? n.props.hsl.l : a.l),\n source: \"hsl\"\n }, i));\n }, n.showHighlight = function (a) {\n a.currentTarget.style.background = \"#eee\";\n }, n.hideHighlight = function (a) {\n a.currentTarget.style.background = \"transparent\";\n }, r.hsl.a !== 1 && r.view === \"hex\" ? n.state = {\n view: \"rgb\"\n } : n.state = {\n view: r.view\n }, n;\n }\n return c$(t, [{\n key: \"render\",\n value: function () {\n var n = this, a = _({\n default: {\n wrap: {\n paddingTop: \"16px\",\n display: \"flex\"\n },\n fields: {\n flex: \"1\",\n display: \"flex\",\n marginLeft: \"-6px\"\n },\n field: {\n paddingLeft: \"6px\",\n width: \"100%\"\n },\n alpha: {\n paddingLeft: \"6px\",\n width: \"100%\"\n },\n toggle: {\n width: \"32px\",\n textAlign: \"right\",\n position: \"relative\"\n },\n icon: {\n marginRight: \"-4px\",\n marginTop: \"12px\",\n cursor: \"pointer\",\n position: \"relative\"\n },\n iconHighlight: {\n position: \"absolute\",\n width: \"24px\",\n height: \"28px\",\n background: \"#eee\",\n borderRadius: \"4px\",\n top: \"10px\",\n left: \"12px\",\n display: \"none\"\n },\n input: {\n fontSize: \"11px\",\n color: \"#333\",\n width: \"100%\",\n borderRadius: \"2px\",\n border: \"none\",\n boxShadow: \"inset 0 0 0 1px #dadada\",\n height: \"21px\",\n textAlign: \"center\"\n },\n label: {\n textTransform: \"uppercase\",\n fontSize: \"11px\",\n lineHeight: \"11px\",\n color: \"#969696\",\n textAlign: \"center\",\n display: \"block\",\n marginTop: \"12px\"\n },\n svg: {\n fill: \"#333\",\n width: \"24px\",\n height: \"24px\",\n border: \"1px transparent solid\",\n borderRadius: \"5px\"\n }\n },\n disableAlpha: {\n alpha: {\n display: \"none\"\n }\n }\n }, this.props, this.state), i = void 0;\n return this.state.view === \"hex\" ? i = l.createElement(\"div\", { style: a.fields, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"hex\",\n value: this.props.hex,\n onChange: this.handleChange\n }))) : this.state.view === \"rgb\" ? i = l.createElement(\"div\", { style: a.fields, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"r\",\n value: this.props.rgb.r,\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"g\",\n value: this.props.rgb.g,\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"b\",\n value: this.props.rgb.b,\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.alpha }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"a\",\n value: this.props.rgb.a,\n arrowOffset: 0.01,\n onChange: this.handleChange\n }))) : this.state.view === \"hsl\" && (i = l.createElement(\"div\", { style: a.fields, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"h\",\n value: Math.round(this.props.hsl.h),\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"s\",\n value: Math.round(this.props.hsl.s * 100) + \"%\",\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.field }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"l\",\n value: Math.round(this.props.hsl.l * 100) + \"%\",\n onChange: this.handleChange\n })), l.createElement(\"div\", { style: a.alpha }, l.createElement(O, {\n style: { input: a.input, label: a.label },\n label: \"a\",\n value: this.props.hsl.a,\n arrowOffset: 0.01,\n onChange: this.handleChange\n })))), l.createElement(\"div\", { style: a.wrap, className: \"flexbox-fix\" }, i, l.createElement(\"div\", { style: a.toggle }, l.createElement(\"div\", { style: a.icon, onClick: this.toggleViews, ref: function (s) {\n return n.icon = s;\n } }, l.createElement(u$, {\n style: a.svg,\n onMouseOver: this.showHighlight,\n onMouseEnter: this.showHighlight,\n onMouseOut: this.hideHighlight\n }))));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function (n, a) {\n return n.hsl.a !== 1 && a.view === \"hex\" ? { view: \"rgb\" } : null;\n }\n }]), t;\n}(l.Component);\nKi.defaultProps = {\n view: \"hex\"\n};\nvar Fa = function () {\n var t = _({\n default: {\n picker: {\n width: \"12px\",\n height: \"12px\",\n borderRadius: \"6px\",\n transform: \"translate(-6px, -1px)\",\n backgroundColor: \"rgb(248, 248, 248)\",\n boxShadow: \"0 1px 4px 0 rgba(0, 0, 0, 0.37)\"\n }\n }\n });\n return l.createElement(\"div\", { style: t.picker });\n}, d$ = function () {\n var t = _({\n default: {\n picker: {\n width: \"12px\",\n height: \"12px\",\n borderRadius: \"6px\",\n boxShadow: \"inset 0 0 0 1px #fff\",\n transform: \"translate(-6px, -6px)\"\n }\n }\n });\n return l.createElement(\"div\", { style: t.picker });\n}, Ur = function (t) {\n var r = t.width, n = t.onChange, a = t.disableAlpha, i = t.rgb, o = t.hsl, s = t.hsv, u = t.hex, c = t.renderers, f = t.styles, h = f === void 0 ? {} : f, p = t.className, d = p === void 0 ? \"\" : p, v = t.defaultView, b = _(j({\n default: {\n picker: {\n width: r,\n background: \"#fff\",\n borderRadius: \"2px\",\n boxShadow: \"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)\",\n boxSizing: \"initial\",\n fontFamily: \"Menlo\"\n },\n saturation: {\n width: \"100%\",\n paddingBottom: \"55%\",\n position: \"relative\",\n borderRadius: \"2px 2px 0 0\",\n overflow: \"hidden\"\n },\n Saturation: {\n radius: \"2px 2px 0 0\"\n },\n body: {\n padding: \"16px 16px 12px\"\n },\n controls: {\n display: \"flex\"\n },\n color: {\n width: \"32px\"\n },\n swatch: {\n marginTop: \"6px\",\n width: \"16px\",\n height: \"16px\",\n borderRadius: \"8px\",\n position: \"relative\",\n overflow: \"hidden\"\n },\n active: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: \"8px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.1)\",\n background: \"rgba(\" + i.r + \", \" + i.g + \", \" + i.b + \", \" + i.a + \")\",\n zIndex: \"2\"\n },\n toggles: {\n flex: \"1\"\n },\n hue: {\n height: \"10px\",\n position: \"relative\",\n marginBottom: \"8px\"\n },\n Hue: {\n radius: \"2px\"\n },\n alpha: {\n height: \"10px\",\n position: \"relative\"\n },\n Alpha: {\n radius: \"2px\"\n }\n },\n disableAlpha: {\n color: {\n width: \"22px\"\n },\n alpha: {\n display: \"none\"\n },\n hue: {\n marginBottom: \"0px\"\n },\n swatch: {\n width: \"10px\",\n height: \"10px\",\n marginTop: \"0px\"\n }\n }\n }, h), { disableAlpha: a });\n return l.createElement(\"div\", { style: b.picker, className: \"chrome-picker \" + d }, l.createElement(\"div\", { style: b.saturation }, l.createElement(kt, {\n style: b.Saturation,\n hsl: o,\n hsv: s,\n pointer: d$,\n onChange: n\n })), l.createElement(\"div\", { style: b.body }, l.createElement(\"div\", { style: b.controls, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: b.color }, l.createElement(\"div\", { style: b.swatch }, l.createElement(\"div\", { style: b.active }), l.createElement(ke, { renderers: c }))), l.createElement(\"div\", { style: b.toggles }, l.createElement(\"div\", { style: b.hue }, l.createElement(De, {\n style: b.Hue,\n hsl: o,\n pointer: Fa,\n onChange: n\n })), l.createElement(\"div\", { style: b.alpha }, l.createElement(Pr, {\n style: b.Alpha,\n rgb: i,\n hsl: o,\n pointer: Fa,\n renderers: c,\n onChange: n\n })))), l.createElement(Ki, {\n rgb: i,\n hsl: o,\n hex: u,\n view: v,\n onChange: n,\n disableAlpha: a\n })));\n};\nUr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n disableAlpha: g.bool,\n styles: g.object,\n defaultView: g.oneOf([\"hex\", \"rgb\", \"hsl\"])\n};\nUr.defaultProps = {\n width: 225,\n disableAlpha: !1,\n styles: {}\n};\nconst g$ = I(Ur);\nvar v$ = function (t) {\n var r = t.color, n = t.onClick, a = n === void 0 ? function () {\n } : n, i = t.onSwatchHover, o = t.active, s = _({\n default: {\n color: {\n background: r,\n width: \"15px\",\n height: \"15px\",\n float: \"left\",\n marginRight: \"5px\",\n marginBottom: \"5px\",\n position: \"relative\",\n cursor: \"pointer\"\n },\n dot: {\n absolute: \"5px 5px 5px 5px\",\n background: Dr(r),\n borderRadius: \"50%\",\n opacity: \"0\"\n }\n },\n active: {\n dot: {\n opacity: \"1\"\n }\n },\n \"color-#FFFFFF\": {\n color: {\n boxShadow: \"inset 0 0 0 1px #ddd\"\n },\n dot: {\n background: \"#000\"\n }\n },\n transparent: {\n dot: {\n background: \"#000\"\n }\n }\n }, { active: o, \"color-#FFFFFF\": r === \"#FFFFFF\", transparent: r === \"transparent\" });\n return l.createElement(ue, {\n style: s.color,\n color: r,\n onClick: a,\n onHover: i,\n focusStyle: { boxShadow: \"0 0 4px \" + r }\n }, l.createElement(\"div\", { style: s.dot }));\n}, b$ = function (t) {\n var r = t.hex, n = t.rgb, a = t.onChange, i = _({\n default: {\n fields: {\n display: \"flex\",\n paddingBottom: \"6px\",\n paddingRight: \"5px\",\n position: \"relative\"\n },\n active: {\n position: \"absolute\",\n top: \"6px\",\n left: \"5px\",\n height: \"9px\",\n width: \"9px\",\n background: r\n },\n HEXwrap: {\n flex: \"6\",\n position: \"relative\"\n },\n HEXinput: {\n width: \"80%\",\n padding: \"0px\",\n paddingLeft: \"20%\",\n border: \"none\",\n outline: \"none\",\n background: \"none\",\n fontSize: \"12px\",\n color: \"#333\",\n height: \"16px\"\n },\n HEXlabel: {\n display: \"none\"\n },\n RGBwrap: {\n flex: \"3\",\n position: \"relative\"\n },\n RGBinput: {\n width: \"70%\",\n padding: \"0px\",\n paddingLeft: \"30%\",\n border: \"none\",\n outline: \"none\",\n background: \"none\",\n fontSize: \"12px\",\n color: \"#333\",\n height: \"16px\"\n },\n RGBlabel: {\n position: \"absolute\",\n top: \"3px\",\n left: \"0px\",\n lineHeight: \"16px\",\n textTransform: \"uppercase\",\n fontSize: \"12px\",\n color: \"#999\"\n }\n }\n }), o = function (u, c) {\n u.r || u.g || u.b ? a({\n r: u.r || n.r,\n g: u.g || n.g,\n b: u.b || n.b,\n source: \"rgb\"\n }, c) : a({\n hex: u.hex,\n source: \"hex\"\n }, c);\n };\n return l.createElement(\"div\", { style: i.fields, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: i.active }), l.createElement(O, {\n style: { wrap: i.HEXwrap, input: i.HEXinput, label: i.HEXlabel },\n label: \"hex\",\n value: r,\n onChange: o\n }), l.createElement(O, {\n style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },\n label: \"r\",\n value: n.r,\n onChange: o\n }), l.createElement(O, {\n style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },\n label: \"g\",\n value: n.g,\n onChange: o\n }), l.createElement(O, {\n style: { wrap: i.RGBwrap, input: i.RGBinput, label: i.RGBlabel },\n label: \"b\",\n value: n.b,\n onChange: o\n }));\n}, Wr = function (t) {\n var r = t.onChange, n = t.onSwatchHover, a = t.colors, i = t.hex, o = t.rgb, s = t.styles, u = s === void 0 ? {} : s, c = t.className, f = c === void 0 ? \"\" : c, h = _(j({\n default: {\n Compact: {\n background: \"#f6f6f6\",\n radius: \"4px\"\n },\n compact: {\n paddingTop: \"5px\",\n paddingLeft: \"5px\",\n boxSizing: \"initial\",\n width: \"240px\"\n },\n clear: {\n clear: \"both\"\n }\n }\n }, u)), p = function (v, b) {\n v.hex ? te(v.hex) && r({\n hex: v.hex,\n source: \"hex\"\n }, b) : r(v, b);\n };\n return l.createElement(it, { style: h.Compact, styles: u }, l.createElement(\"div\", { style: h.compact, className: \"compact-picker \" + f }, l.createElement(\"div\", null, ce(a, function (d) {\n return l.createElement(v$, {\n key: d,\n color: d,\n active: d.toLowerCase() === i,\n onClick: p,\n onSwatchHover: n\n });\n }), l.createElement(\"div\", { style: h.clear })), l.createElement(b$, { hex: i, rgb: o, onChange: p })));\n};\nWr.propTypes = {\n colors: g.arrayOf(g.string),\n styles: g.object\n};\nWr.defaultProps = {\n 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\"],\n styles: {}\n};\nI(Wr);\nvar y$ = function (t) {\n var r = t.hover, n = t.color, a = t.onClick, i = t.onSwatchHover, o = {\n position: \"relative\",\n zIndex: \"2\",\n outline: \"2px solid #fff\",\n boxShadow: \"0 0 5px 2px rgba(0,0,0,0.25)\"\n }, s = _({\n default: {\n swatch: {\n width: \"25px\",\n height: \"25px\",\n fontSize: \"0\"\n }\n },\n hover: {\n swatch: o\n }\n }, { hover: r });\n return l.createElement(\"div\", { style: s.swatch }, l.createElement(ue, {\n color: n,\n onClick: a,\n onHover: i,\n focusStyle: o\n }));\n};\nconst x$ = Tr(y$);\nvar Kr = function (t) {\n var r = t.width, n = t.colors, a = t.onChange, i = t.onSwatchHover, o = t.triangle, s = t.styles, u = s === void 0 ? {} : s, c = t.className, f = c === void 0 ? \"\" : c, h = _(j({\n default: {\n card: {\n width: r,\n background: \"#fff\",\n border: \"1px solid rgba(0,0,0,0.2)\",\n boxShadow: \"0 3px 12px rgba(0,0,0,0.15)\",\n borderRadius: \"4px\",\n position: \"relative\",\n padding: \"5px\",\n display: \"flex\",\n flexWrap: \"wrap\"\n },\n triangle: {\n position: \"absolute\",\n border: \"7px solid transparent\",\n borderBottomColor: \"#fff\"\n },\n triangleShadow: {\n position: \"absolute\",\n border: \"8px solid transparent\",\n borderBottomColor: \"rgba(0,0,0,0.15)\"\n }\n },\n \"hide-triangle\": {\n triangle: {\n display: \"none\"\n },\n triangleShadow: {\n display: \"none\"\n }\n },\n \"top-left-triangle\": {\n triangle: {\n top: \"-14px\",\n left: \"10px\"\n },\n triangleShadow: {\n top: \"-16px\",\n left: \"9px\"\n }\n },\n \"top-right-triangle\": {\n triangle: {\n top: \"-14px\",\n right: \"10px\"\n },\n triangleShadow: {\n top: \"-16px\",\n right: \"9px\"\n }\n },\n \"bottom-left-triangle\": {\n triangle: {\n top: \"35px\",\n left: \"10px\",\n transform: \"rotate(180deg)\"\n },\n triangleShadow: {\n top: \"37px\",\n left: \"9px\",\n transform: \"rotate(180deg)\"\n }\n },\n \"bottom-right-triangle\": {\n triangle: {\n top: \"35px\",\n right: \"10px\",\n transform: \"rotate(180deg)\"\n },\n triangleShadow: {\n top: \"37px\",\n right: \"9px\",\n transform: \"rotate(180deg)\"\n }\n }\n }, u), {\n \"hide-triangle\": o === \"hide\",\n \"top-left-triangle\": o === \"top-left\",\n \"top-right-triangle\": o === \"top-right\",\n \"bottom-left-triangle\": o === \"bottom-left\",\n \"bottom-right-triangle\": o === \"bottom-right\"\n }), p = function (v, b) {\n return a({ hex: v, source: \"hex\" }, b);\n };\n return l.createElement(\"div\", { style: h.card, className: \"github-picker \" + f }, l.createElement(\"div\", { style: h.triangleShadow }), l.createElement(\"div\", { style: h.triangle }), ce(n, function (d) {\n return l.createElement(x$, {\n color: d,\n key: d,\n onClick: p,\n onSwatchHover: i\n });\n }));\n};\nKr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n colors: g.arrayOf(g.string),\n triangle: g.oneOf([\"hide\", \"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"]),\n styles: g.object\n};\nKr.defaultProps = {\n width: 200,\n colors: [\"#B80000\", \"#DB3E00\", \"#FCCB00\", \"#008B02\", \"#006B76\", \"#1273DE\", \"#004DCF\", \"#5300EB\", \"#EB9694\", \"#FAD0C3\", \"#FEF3BD\", \"#C1E1C5\", \"#BEDADC\", \"#C4DEF6\", \"#BED3F3\", \"#D4C4FB\"],\n triangle: \"top-left\",\n styles: {}\n};\nI(Kr);\nvar m$ = function (t) {\n var r = t.direction, n = _({\n default: {\n picker: {\n width: \"18px\",\n height: \"18px\",\n borderRadius: \"50%\",\n transform: \"translate(-9px, -1px)\",\n backgroundColor: \"rgb(248, 248, 248)\",\n boxShadow: \"0 1px 4px 0 rgba(0, 0, 0, 0.37)\"\n }\n },\n vertical: {\n picker: {\n transform: \"translate(-3px, -9px)\"\n }\n }\n }, { vertical: r === \"vertical\" });\n return l.createElement(\"div\", { style: n.picker });\n}, w$ = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, Xr = function (t) {\n var r = t.width, n = t.height, a = t.onChange, i = t.hsl, o = t.direction, s = t.pointer, u = t.styles, c = u === void 0 ? {} : u, f = t.className, h = f === void 0 ? \"\" : f, p = _(j({\n default: {\n picker: {\n position: \"relative\",\n width: r,\n height: n\n },\n hue: {\n radius: \"2px\"\n }\n }\n }, c)), d = function (b) {\n return a({ a: 1, h: b.h, l: 0.5, s: 1 });\n };\n return l.createElement(\"div\", { style: p.picker, className: \"hue-picker \" + h }, l.createElement(De, w$({}, p.hue, {\n hsl: i,\n pointer: s,\n onChange: d,\n direction: o\n })));\n};\nXr.propTypes = {\n styles: g.object\n};\nXr.defaultProps = {\n width: \"316px\",\n height: \"16px\",\n direction: \"horizontal\",\n pointer: m$,\n styles: {}\n};\nI(Xr);\nvar $ = function (t) {\n var r = t.onChange, n = t.hex, a = t.rgb, i = t.styles, o = i === void 0 ? {} : i, s = t.className, u = s === void 0 ? \"\" : s, c = _(j({\n default: {\n material: {\n width: \"98px\",\n height: \"98px\",\n padding: \"16px\",\n fontFamily: \"Roboto\"\n },\n HEXwrap: {\n position: \"relative\"\n },\n HEXinput: {\n width: \"100%\",\n marginTop: \"12px\",\n fontSize: \"15px\",\n color: \"#333\",\n padding: \"0px\",\n border: \"0px\",\n borderBottom: \"2px solid \" + n,\n outline: \"none\",\n height: \"30px\"\n },\n HEXlabel: {\n position: \"absolute\",\n top: \"0px\",\n left: \"0px\",\n fontSize: \"11px\",\n color: \"#999999\",\n textTransform: \"capitalize\"\n },\n Hex: {\n style: {}\n },\n RGBwrap: {\n position: \"relative\"\n },\n RGBinput: {\n width: \"100%\",\n marginTop: \"12px\",\n fontSize: \"15px\",\n color: \"#333\",\n padding: \"0px\",\n border: \"0px\",\n borderBottom: \"1px solid #eee\",\n outline: \"none\",\n height: \"30px\"\n },\n RGBlabel: {\n position: \"absolute\",\n top: \"0px\",\n left: \"0px\",\n fontSize: \"11px\",\n color: \"#999999\",\n textTransform: \"capitalize\"\n },\n split: {\n display: \"flex\",\n marginRight: \"-10px\",\n paddingTop: \"11px\"\n },\n third: {\n flex: \"1\",\n paddingRight: \"10px\"\n }\n }\n }, o)), f = function (p, d) {\n p.hex ? te(p.hex) && r({\n hex: p.hex,\n source: \"hex\"\n }, d) : (p.r || p.g || p.b) && r({\n r: p.r || a.r,\n g: p.g || a.g,\n b: p.b || a.b,\n source: \"rgb\"\n }, d);\n };\n return l.createElement(it, { styles: o }, l.createElement(\"div\", { style: c.material, className: \"material-picker \" + u }, l.createElement(O, {\n style: { wrap: c.HEXwrap, input: c.HEXinput, label: c.HEXlabel },\n label: \"hex\",\n value: n,\n onChange: f\n }), l.createElement(\"div\", { style: c.split, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: c.third }, l.createElement(O, {\n style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel },\n label: \"r\",\n value: a.r,\n onChange: f\n })), l.createElement(\"div\", { style: c.third }, l.createElement(O, {\n style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel },\n label: \"g\",\n value: a.g,\n onChange: f\n })), l.createElement(\"div\", { style: c.third }, l.createElement(O, {\n style: { wrap: c.RGBwrap, input: c.RGBinput, label: c.RGBlabel },\n label: \"b\",\n value: a.b,\n onChange: f\n })))));\n};\nI($);\nvar _$ = function (t) {\n var r = t.onChange, n = t.rgb, a = t.hsv, i = t.hex, o = _({\n default: {\n fields: {\n paddingTop: \"5px\",\n paddingBottom: \"9px\",\n width: \"80px\",\n position: \"relative\"\n },\n divider: {\n height: \"5px\"\n },\n RGBwrap: {\n position: \"relative\"\n },\n RGBinput: {\n marginLeft: \"40%\",\n width: \"40%\",\n height: \"18px\",\n border: \"1px solid #888888\",\n boxShadow: \"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC\",\n marginBottom: \"5px\",\n fontSize: \"13px\",\n paddingLeft: \"3px\",\n marginRight: \"10px\"\n },\n RGBlabel: {\n left: \"0px\",\n top: \"0px\",\n width: \"34px\",\n textTransform: \"uppercase\",\n fontSize: \"13px\",\n height: \"18px\",\n lineHeight: \"22px\",\n position: \"absolute\"\n },\n HEXwrap: {\n position: \"relative\"\n },\n HEXinput: {\n marginLeft: \"20%\",\n width: \"80%\",\n height: \"18px\",\n border: \"1px solid #888888\",\n boxShadow: \"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC\",\n marginBottom: \"6px\",\n fontSize: \"13px\",\n paddingLeft: \"3px\"\n },\n HEXlabel: {\n position: \"absolute\",\n top: \"0px\",\n left: \"0px\",\n width: \"14px\",\n textTransform: \"uppercase\",\n fontSize: \"13px\",\n height: \"18px\",\n lineHeight: \"22px\"\n },\n fieldSymbols: {\n position: \"absolute\",\n top: \"5px\",\n right: \"-7px\",\n fontSize: \"13px\"\n },\n symbol: {\n height: \"20px\",\n lineHeight: \"22px\",\n paddingBottom: \"7px\"\n }\n }\n }), s = function (c, f) {\n c[\"#\"] ? te(c[\"#\"]) && r({\n hex: c[\"#\"],\n source: \"hex\"\n }, f) : c.r || c.g || c.b ? r({\n r: c.r || n.r,\n g: c.g || n.g,\n b: c.b || n.b,\n source: \"rgb\"\n }, f) : (c.h || c.s || c.v) && r({\n h: c.h || a.h,\n s: c.s || a.s,\n v: c.v || a.v,\n source: \"hsv\"\n }, f);\n };\n return l.createElement(\"div\", { style: o.fields }, l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"h\",\n value: Math.round(a.h),\n onChange: s\n }), l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"s\",\n value: Math.round(a.s * 100),\n onChange: s\n }), l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"v\",\n value: Math.round(a.v * 100),\n onChange: s\n }), l.createElement(\"div\", { style: o.divider }), l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"r\",\n value: n.r,\n onChange: s\n }), l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"g\",\n value: n.g,\n onChange: s\n }), l.createElement(O, {\n style: { wrap: o.RGBwrap, input: o.RGBinput, label: o.RGBlabel },\n label: \"b\",\n value: n.b,\n onChange: s\n }), l.createElement(\"div\", { style: o.divider }), l.createElement(O, {\n style: { wrap: o.HEXwrap, input: o.HEXinput, label: o.HEXlabel },\n label: \"#\",\n value: i.replace(\"#\", \"\"),\n onChange: s\n }), l.createElement(\"div\", { style: o.fieldSymbols }, l.createElement(\"div\", { style: o.symbol }, \"°\"), l.createElement(\"div\", { style: o.symbol }, \"%\"), l.createElement(\"div\", { style: o.symbol }, \"%\")));\n}, E$ = function (t) {\n var r = t.hsl, n = _({\n default: {\n picker: {\n width: \"12px\",\n height: \"12px\",\n borderRadius: \"6px\",\n boxShadow: \"inset 0 0 0 1px #fff\",\n transform: \"translate(-6px, -6px)\"\n }\n },\n \"black-outline\": {\n picker: {\n boxShadow: \"inset 0 0 0 1px #000\"\n }\n }\n }, { \"black-outline\": r.l \u003e 0.5 });\n return l.createElement(\"div\", { style: n.picker });\n}, S$ = function () {\n var t = _({\n default: {\n triangle: {\n width: 0,\n height: 0,\n borderStyle: \"solid\",\n borderWidth: \"4px 0 4px 6px\",\n borderColor: \"transparent transparent transparent #fff\",\n position: \"absolute\",\n top: \"1px\",\n left: \"1px\"\n },\n triangleBorder: {\n width: 0,\n height: 0,\n borderStyle: \"solid\",\n borderWidth: \"5px 0 5px 8px\",\n borderColor: \"transparent transparent transparent #555\"\n },\n left: {\n Extend: \"triangleBorder\",\n transform: \"translate(-13px, -4px)\"\n },\n leftInside: {\n Extend: \"triangle\",\n transform: \"translate(-8px, -5px)\"\n },\n right: {\n Extend: \"triangleBorder\",\n transform: \"translate(20px, -14px) rotate(180deg)\"\n },\n rightInside: {\n Extend: \"triangle\",\n transform: \"translate(-8px, -5px)\"\n }\n }\n });\n return l.createElement(\"div\", { style: t.pointer }, l.createElement(\"div\", { style: t.left }, l.createElement(\"div\", { style: t.leftInside })), l.createElement(\"div\", { style: t.right }, l.createElement(\"div\", { style: t.rightInside })));\n}, ja = function (t) {\n var r = t.onClick, n = t.label, a = t.children, i = t.active, o = _({\n default: {\n button: {\n backgroundImage: \"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)\",\n border: \"1px solid #878787\",\n borderRadius: \"2px\",\n height: \"20px\",\n boxShadow: \"0 1px 0 0 #EAEAEA\",\n fontSize: \"14px\",\n color: \"#000\",\n lineHeight: \"20px\",\n textAlign: \"center\",\n marginBottom: \"10px\",\n cursor: \"pointer\"\n }\n },\n active: {\n button: {\n boxShadow: \"0 0 0 1px #878787\"\n }\n }\n }, { active: i });\n return l.createElement(\"div\", { style: o.button, onClick: r }, n || a);\n}, C$ = function (t) {\n var r = t.rgb, n = t.currentColor, a = _({\n default: {\n swatches: {\n border: \"1px solid #B3B3B3\",\n borderBottom: \"1px solid #F0F0F0\",\n marginBottom: \"2px\",\n marginTop: \"1px\"\n },\n new: {\n height: \"34px\",\n background: \"rgb(\" + r.r + \",\" + r.g + \", \" + r.b + \")\",\n boxShadow: \"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000\"\n },\n current: {\n height: \"34px\",\n background: n,\n boxShadow: \"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000\"\n },\n label: {\n fontSize: \"14px\",\n color: \"#000\",\n textAlign: \"center\"\n }\n }\n });\n return l.createElement(\"div\", null, l.createElement(\"div\", { style: a.label }, \"new\"), l.createElement(\"div\", { style: a.swatches }, l.createElement(\"div\", { style: a.new }), l.createElement(\"div\", { style: a.current })), l.createElement(\"div\", { style: a.label }, \"current\"));\n}, O$ = \u002f* @__PURE__ *\u002f function () {\n function e(t, r) {\n for (var n = 0; n \u003c r.length; n++) {\n var a = r[n];\n a.enumerable = a.enumerable || !1, a.configurable = !0, \"value\" in a && (a.writable = !0), Object.defineProperty(t, a.key, a);\n }\n }\n return function (t, r, n) {\n return r && e(t.prototype, r), n && e(t, n), t;\n };\n}();\nfunction A$(e, t) {\n if (!(e instanceof t))\n throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction T$(e, t) {\n if (!e)\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n return t && (typeof t == \"object\" || typeof t == \"function\") ? t : e;\n}\nfunction P$(e, t) {\n if (typeof t != \"function\" && t !== null)\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof t);\n 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);\n}\nvar qr = function (e) {\n P$(t, e);\n function t(r) {\n A$(this, t);\n var n = T$(this, (t.__proto__ || Object.getPrototypeOf(t)).call(this));\n return n.state = {\n currentColor: r.hex\n }, n;\n }\n return O$(t, [{\n key: \"render\",\n value: function () {\n var n = this.props, a = n.styles, i = a === void 0 ? {} : a, o = n.className, s = o === void 0 ? \"\" : o, u = _(j({\n default: {\n picker: {\n background: \"#DCDCDC\",\n borderRadius: \"4px\",\n boxShadow: \"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)\",\n boxSizing: \"initial\",\n width: \"513px\"\n },\n head: {\n backgroundImage: \"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)\",\n borderBottom: \"1px solid #B1B1B1\",\n boxShadow: \"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)\",\n height: \"23px\",\n lineHeight: \"24px\",\n borderRadius: \"4px 4px 0 0\",\n fontSize: \"13px\",\n color: \"#4D4D4D\",\n textAlign: \"center\"\n },\n body: {\n padding: \"15px 15px 0\",\n display: \"flex\"\n },\n saturation: {\n width: \"256px\",\n height: \"256px\",\n position: \"relative\",\n border: \"2px solid #B3B3B3\",\n borderBottom: \"2px solid #F0F0F0\",\n overflow: \"hidden\"\n },\n hue: {\n position: \"relative\",\n height: \"256px\",\n width: \"19px\",\n marginLeft: \"10px\",\n border: \"2px solid #B3B3B3\",\n borderBottom: \"2px solid #F0F0F0\"\n },\n controls: {\n width: \"180px\",\n marginLeft: \"10px\"\n },\n top: {\n display: \"flex\"\n },\n previews: {\n width: \"60px\"\n },\n actions: {\n flex: \"1\",\n marginLeft: \"20px\"\n }\n }\n }, i));\n return l.createElement(\"div\", { style: u.picker, className: \"photoshop-picker \" + s }, l.createElement(\"div\", { style: u.head }, this.props.header), l.createElement(\"div\", { style: u.body, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: u.saturation }, l.createElement(kt, {\n hsl: this.props.hsl,\n hsv: this.props.hsv,\n pointer: E$,\n onChange: this.props.onChange\n })), l.createElement(\"div\", { style: u.hue }, l.createElement(De, {\n direction: \"vertical\",\n hsl: this.props.hsl,\n pointer: S$,\n onChange: this.props.onChange\n })), l.createElement(\"div\", { style: u.controls }, l.createElement(\"div\", { style: u.top, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: u.previews }, l.createElement(C$, {\n rgb: this.props.rgb,\n currentColor: this.state.currentColor\n })), l.createElement(\"div\", { style: u.actions }, l.createElement(ja, { label: \"OK\", onClick: this.props.onAccept, active: !0 }), l.createElement(ja, { label: \"Cancel\", onClick: this.props.onCancel }), l.createElement(_$, {\n onChange: this.props.onChange,\n rgb: this.props.rgb,\n hsv: this.props.hsv,\n hex: this.props.hex\n }))))));\n }\n }]), t;\n}(l.Component);\nqr.propTypes = {\n header: g.string,\n styles: g.object\n};\nqr.defaultProps = {\n header: \"Color Picker\",\n styles: {}\n};\nI(qr);\nvar M$ = function (t) {\n var r = t.onChange, n = t.rgb, a = t.hsl, i = t.hex, o = t.disableAlpha, s = _({\n default: {\n fields: {\n display: \"flex\",\n paddingTop: \"4px\"\n },\n single: {\n flex: \"1\",\n paddingLeft: \"6px\"\n },\n alpha: {\n flex: \"1\",\n paddingLeft: \"6px\"\n },\n double: {\n flex: \"2\"\n },\n input: {\n width: \"80%\",\n padding: \"4px 10% 3px\",\n border: \"none\",\n boxShadow: \"inset 0 0 0 1px #ccc\",\n fontSize: \"11px\"\n },\n label: {\n display: \"block\",\n textAlign: \"center\",\n fontSize: \"11px\",\n color: \"#222\",\n paddingTop: \"3px\",\n paddingBottom: \"4px\",\n textTransform: \"capitalize\"\n }\n },\n disableAlpha: {\n alpha: {\n display: \"none\"\n }\n }\n }, { disableAlpha: o }), u = function (f, h) {\n f.hex ? te(f.hex) && r({\n hex: f.hex,\n source: \"hex\"\n }, h) : f.r || f.g || f.b ? r({\n r: f.r || n.r,\n g: f.g || n.g,\n b: f.b || n.b,\n a: n.a,\n source: \"rgb\"\n }, h) : f.a && (f.a \u003c 0 ? f.a = 0 : f.a \u003e 100 && (f.a = 100), f.a \u002f= 100, r({\n h: a.h,\n s: a.s,\n l: a.l,\n a: f.a,\n source: \"rgb\"\n }, h));\n };\n return l.createElement(\"div\", { style: s.fields, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: s.double }, l.createElement(O, {\n style: { input: s.input, label: s.label },\n label: \"hex\",\n value: i.replace(\"#\", \"\"),\n onChange: u\n })), l.createElement(\"div\", { style: s.single }, l.createElement(O, {\n style: { input: s.input, label: s.label },\n label: \"r\",\n value: n.r,\n onChange: u,\n dragLabel: \"true\",\n dragMax: \"255\"\n })), l.createElement(\"div\", { style: s.single }, l.createElement(O, {\n style: { input: s.input, label: s.label },\n label: \"g\",\n value: n.g,\n onChange: u,\n dragLabel: \"true\",\n dragMax: \"255\"\n })), l.createElement(\"div\", { style: s.single }, l.createElement(O, {\n style: { input: s.input, label: s.label },\n label: \"b\",\n value: n.b,\n onChange: u,\n dragLabel: \"true\",\n dragMax: \"255\"\n })), l.createElement(\"div\", { style: s.alpha }, l.createElement(O, {\n style: { input: s.input, label: s.label },\n label: \"a\",\n value: Math.round(n.a * 100),\n onChange: u,\n dragLabel: \"true\",\n dragMax: \"100\"\n })));\n}, R$ = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, Xi = function (t) {\n var r = t.colors, n = t.onClick, a = n === void 0 ? function () {\n } : n, i = t.onSwatchHover, o = _({\n default: {\n colors: {\n margin: \"0 -10px\",\n padding: \"10px 0 0 10px\",\n borderTop: \"1px solid #eee\",\n display: \"flex\",\n flexWrap: \"wrap\",\n position: \"relative\"\n },\n swatchWrap: {\n width: \"16px\",\n height: \"16px\",\n margin: \"0 10px 10px 0\"\n },\n swatch: {\n borderRadius: \"3px\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\"\n }\n },\n \"no-presets\": {\n colors: {\n display: \"none\"\n }\n }\n }, {\n \"no-presets\": !r || !r.length\n }), s = function (c, f) {\n a({\n hex: c,\n source: \"hex\"\n }, f);\n };\n return l.createElement(\"div\", { style: o.colors, className: \"flexbox-fix\" }, r.map(function (u) {\n var c = typeof u == \"string\" ? { color: u } : u, f = \"\" + c.color + (c.title || \"\");\n return l.createElement(\"div\", { key: f, style: o.swatchWrap }, l.createElement(ue, R$({}, c, {\n style: o.swatch,\n onClick: s,\n onHover: i,\n focusStyle: {\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px \" + c.color\n }\n })));\n }));\n};\nXi.propTypes = {\n colors: g.arrayOf(g.oneOfType([g.string, g.shape({\n color: g.string,\n title: g.string\n })])).isRequired\n};\nvar F$ = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, Vr = function (t) {\n var r = t.width, n = t.rgb, a = t.hex, i = t.hsv, o = t.hsl, s = t.onChange, u = t.onSwatchHover, c = t.disableAlpha, f = t.presetColors, h = t.renderers, p = t.styles, d = p === void 0 ? {} : p, v = t.className, b = v === void 0 ? \"\" : v, y = _(j({\n default: F$({\n picker: {\n width: r,\n padding: \"10px 10px 0\",\n boxSizing: \"initial\",\n background: \"#fff\",\n borderRadius: \"4px\",\n boxShadow: \"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)\"\n },\n saturation: {\n width: \"100%\",\n paddingBottom: \"75%\",\n position: \"relative\",\n overflow: \"hidden\"\n },\n Saturation: {\n radius: \"3px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\"\n },\n controls: {\n display: \"flex\"\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\"\n },\n color: {\n width: \"24px\",\n height: \"24px\",\n position: \"relative\",\n marginTop: \"4px\",\n marginLeft: \"4px\",\n borderRadius: \"3px\"\n },\n activeColor: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: \"2px\",\n background: \"rgba(\" + n.r + \",\" + n.g + \",\" + n.b + \",\" + n.a + \")\",\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\"\n },\n hue: {\n position: \"relative\",\n height: \"10px\",\n overflow: \"hidden\"\n },\n Hue: {\n radius: \"2px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\"\n },\n alpha: {\n position: \"relative\",\n height: \"10px\",\n marginTop: \"4px\",\n overflow: \"hidden\"\n },\n Alpha: {\n radius: \"2px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\"\n }\n }, d),\n disableAlpha: {\n color: {\n height: \"10px\"\n },\n hue: {\n height: \"10px\"\n },\n alpha: {\n display: \"none\"\n }\n }\n }, d), { disableAlpha: c });\n return l.createElement(\"div\", { style: y.picker, className: \"sketch-picker \" + b }, l.createElement(\"div\", { style: y.saturation }, l.createElement(kt, {\n style: y.Saturation,\n hsl: o,\n hsv: i,\n onChange: s\n })), l.createElement(\"div\", { style: y.controls, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: y.sliders }, l.createElement(\"div\", { style: y.hue }, l.createElement(De, {\n style: y.Hue,\n hsl: o,\n onChange: s\n })), l.createElement(\"div\", { style: y.alpha }, l.createElement(Pr, {\n style: y.Alpha,\n rgb: n,\n hsl: o,\n renderers: h,\n onChange: s\n }))), l.createElement(\"div\", { style: y.color }, l.createElement(ke, null), l.createElement(\"div\", { style: y.activeColor }))), l.createElement(M$, {\n rgb: n,\n hsl: o,\n hex: a,\n onChange: s,\n disableAlpha: c\n }), l.createElement(Xi, {\n colors: f,\n onClick: s,\n onSwatchHover: u\n }));\n};\nVr.propTypes = {\n disableAlpha: g.bool,\n width: g.oneOfType([g.string, g.number]),\n styles: g.object\n};\nVr.defaultProps = {\n disableAlpha: !1,\n width: 200,\n styles: {},\n presetColors: [\"#D0021B\", \"#F5A623\", \"#F8E71C\", \"#8B572A\", \"#7ED321\", \"#417505\", \"#BD10E0\", \"#9013FE\", \"#4A90E2\", \"#50E3C2\", \"#B8E986\", \"#000000\", \"#4A4A4A\", \"#9B9B9B\", \"#FFFFFF\"]\n};\nI(Vr);\nvar ze = function (t) {\n var r = t.hsl, n = t.offset, a = t.onClick, i = a === void 0 ? function () {\n } : a, o = t.active, s = t.first, u = t.last, c = _({\n default: {\n swatch: {\n height: \"12px\",\n background: \"hsl(\" + r.h + \", 50%, \" + n * 100 + \"%)\",\n cursor: \"pointer\"\n }\n },\n first: {\n swatch: {\n borderRadius: \"2px 0 0 2px\"\n }\n },\n last: {\n swatch: {\n borderRadius: \"0 2px 2px 0\"\n }\n },\n active: {\n swatch: {\n transform: \"scaleY(1.8)\",\n borderRadius: \"3.6px\u002f2px\"\n }\n }\n }, { active: o, first: s, last: u }), f = function (p) {\n return i({\n h: r.h,\n s: 0.5,\n l: n,\n source: \"hsl\"\n }, p);\n };\n return l.createElement(\"div\", { style: c.swatch, onClick: f });\n}, j$ = function (t) {\n var r = t.onClick, n = t.hsl, a = _({\n default: {\n swatches: {\n marginTop: \"20px\"\n },\n swatch: {\n boxSizing: \"border-box\",\n width: \"20%\",\n paddingRight: \"1px\",\n float: \"left\"\n },\n clear: {\n clear: \"both\"\n }\n }\n }), i = 0.1;\n return l.createElement(\"div\", { style: a.swatches }, l.createElement(\"div\", { style: a.swatch }, l.createElement(ze, {\n hsl: n,\n offset: \".80\",\n active: Math.abs(n.l - 0.8) \u003c i && Math.abs(n.s - 0.5) \u003c i,\n onClick: r,\n first: !0\n })), l.createElement(\"div\", { style: a.swatch }, l.createElement(ze, {\n hsl: n,\n offset: \".65\",\n active: Math.abs(n.l - 0.65) \u003c i && Math.abs(n.s - 0.5) \u003c i,\n onClick: r\n })), l.createElement(\"div\", { style: a.swatch }, l.createElement(ze, {\n hsl: n,\n offset: \".50\",\n active: Math.abs(n.l - 0.5) \u003c i && Math.abs(n.s - 0.5) \u003c i,\n onClick: r\n })), l.createElement(\"div\", { style: a.swatch }, l.createElement(ze, {\n hsl: n,\n offset: \".35\",\n active: Math.abs(n.l - 0.35) \u003c i && Math.abs(n.s - 0.5) \u003c i,\n onClick: r\n })), l.createElement(\"div\", { style: a.swatch }, l.createElement(ze, {\n hsl: n,\n offset: \".20\",\n active: Math.abs(n.l - 0.2) \u003c i && Math.abs(n.s - 0.5) \u003c i,\n onClick: r,\n last: !0\n })), l.createElement(\"div\", { style: a.clear }));\n}, I$ = function () {\n var t = _({\n default: {\n picker: {\n width: \"14px\",\n height: \"14px\",\n borderRadius: \"6px\",\n transform: \"translate(-7px, -1px)\",\n backgroundColor: \"rgb(248, 248, 248)\",\n boxShadow: \"0 1px 4px 0 rgba(0, 0, 0, 0.37)\"\n }\n }\n });\n return l.createElement(\"div\", { style: t.picker });\n}, Yr = function (t) {\n var r = t.hsl, n = t.onChange, a = t.pointer, i = t.styles, o = i === void 0 ? {} : i, s = t.className, u = s === void 0 ? \"\" : s, c = _(j({\n default: {\n hue: {\n height: \"12px\",\n position: \"relative\"\n },\n Hue: {\n radius: \"2px\"\n }\n }\n }, o));\n return l.createElement(\"div\", { style: c.wrap || {}, className: \"slider-picker \" + u }, l.createElement(\"div\", { style: c.hue }, l.createElement(De, {\n style: c.Hue,\n hsl: r,\n pointer: a,\n onChange: n\n })), l.createElement(\"div\", { style: c.swatches }, l.createElement(j$, { hsl: r, onClick: n })));\n};\nYr.propTypes = {\n styles: g.object\n};\nYr.defaultProps = {\n pointer: I$,\n styles: {}\n};\nI(Yr);\nvar qi = {};\nObject.defineProperty(qi, \"__esModule\", {\n value: !0\n});\nvar Ia = Object.assign || function (e) {\n for (var t = 1; t \u003c arguments.length; t++) {\n var r = arguments[t];\n for (var n in r)\n Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);\n }\n return e;\n}, B$ = l, Ba = k$(B$);\nfunction k$(e) {\n return e && e.__esModule ? e : { default: e };\n}\nfunction D$(e, t) {\n var r = {};\n for (var n in e)\n t.indexOf(n) \u003e= 0 || Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]);\n return r;\n}\nvar ht = 24, L$ = qi.default = function (e) {\n var t = e.fill, r = t === void 0 ? \"currentColor\" : t, n = e.width, a = n === void 0 ? ht : n, i = e.height, o = i === void 0 ? ht : i, s = e.style, u = s === void 0 ? {} : s, c = D$(e, [\"fill\", \"width\", \"height\", \"style\"]);\n return Ba.default.createElement(\"svg\", Ia({\n viewBox: \"0 0 \" + ht + \" \" + ht,\n style: Ia({ fill: r, width: a, height: o }, u)\n }, c), Ba.default.createElement(\"path\", { d: \"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\" }));\n}, H$ = function (t) {\n var r = t.color, n = t.onClick, a = n === void 0 ? function () {\n } : n, i = t.onSwatchHover, o = t.first, s = t.last, u = t.active, c = _({\n default: {\n color: {\n width: \"40px\",\n height: \"24px\",\n cursor: \"pointer\",\n background: r,\n marginBottom: \"1px\"\n },\n check: {\n color: Dr(r),\n marginLeft: \"8px\",\n display: \"none\"\n }\n },\n first: {\n color: {\n overflow: \"hidden\",\n borderRadius: \"2px 2px 0 0\"\n }\n },\n last: {\n color: {\n overflow: \"hidden\",\n borderRadius: \"0 0 2px 2px\"\n }\n },\n active: {\n check: {\n display: \"block\"\n }\n },\n \"color-#FFFFFF\": {\n color: {\n boxShadow: \"inset 0 0 0 1px #ddd\"\n },\n check: {\n color: \"#333\"\n }\n },\n transparent: {\n check: {\n color: \"#333\"\n }\n }\n }, {\n first: o,\n last: s,\n active: u,\n \"color-#FFFFFF\": r === \"#FFFFFF\",\n transparent: r === \"transparent\"\n });\n return l.createElement(ue, {\n color: r,\n style: c.color,\n onClick: a,\n onHover: i,\n focusStyle: { boxShadow: \"0 0 4px \" + r }\n }, l.createElement(\"div\", { style: c.check }, l.createElement(L$, null)));\n}, N$ = function (t) {\n var r = t.onClick, n = t.onSwatchHover, a = t.group, i = t.active, o = _({\n default: {\n group: {\n paddingBottom: \"10px\",\n width: \"40px\",\n float: \"left\",\n marginRight: \"10px\"\n }\n }\n });\n return l.createElement(\"div\", { style: o.group }, ce(a, function (s, u) {\n return l.createElement(H$, {\n key: s,\n color: s,\n active: s.toLowerCase() === i,\n first: u === 0,\n last: u === a.length - 1,\n onClick: r,\n onSwatchHover: n\n });\n }));\n}, Zr = function (t) {\n var r = t.width, n = t.height, a = t.onChange, i = t.onSwatchHover, o = t.colors, s = t.hex, u = t.styles, c = u === void 0 ? {} : u, f = t.className, h = f === void 0 ? \"\" : f, p = _(j({\n default: {\n picker: {\n width: r,\n height: n\n },\n overflow: {\n height: n,\n overflowY: \"scroll\"\n },\n body: {\n padding: \"16px 0 6px 16px\"\n },\n clear: {\n clear: \"both\"\n }\n }\n }, c)), d = function (b, y) {\n return a({ hex: b, source: \"hex\" }, y);\n };\n return l.createElement(\"div\", { style: p.picker, className: \"swatches-picker \" + h }, l.createElement(it, null, l.createElement(\"div\", { style: p.overflow }, l.createElement(\"div\", { style: p.body }, ce(o, function (v) {\n return l.createElement(N$, {\n key: v.toString(),\n group: v,\n active: s,\n onClick: d,\n onSwatchHover: i\n });\n }), l.createElement(\"div\", { style: p.clear })))));\n};\nZr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n height: g.oneOfType([g.string, g.number]),\n colors: g.arrayOf(g.arrayOf(g.string)),\n styles: g.object\n \u002f* eslint-disable max-len *\u002f\n};\nZr.defaultProps = {\n width: 320,\n height: 240,\n colors: [[fe[900], fe[700], fe[500], fe[300], fe[100]], [he[900], he[700], he[500], he[300], he[100]], [pe[900], pe[700], pe[500], pe[300], pe[100]], [de[900], de[700], de[500], de[300], de[100]], [ge[900], ge[700], ge[500], ge[300], ge[100]], [ve[900], ve[700], ve[500], ve[300], ve[100]], [be[900], be[700], be[500], be[300], be[100]], [ye[900], ye[700], ye[500], ye[300], ye[100]], [xe[900], xe[700], xe[500], xe[300], xe[100]], [\"#194D33\", Ke[700], Ke[500], Ke[300], Ke[100]], [me[900], me[700], me[500], me[300], me[100]], [we[900], we[700], we[500], we[300], we[100]], [$e[900], $e[700], $e[500], $e[300], $e[100]], [_e[900], _e[700], _e[500], _e[300], _e[100]], [Ee[900], Ee[700], Ee[500], Ee[300], Ee[100]], [Se[900], Se[700], Se[500], Se[300], Se[100]], [Ce[900], Ce[700], Ce[500], Ce[300], Ce[100]], [Oe[900], Oe[700], Oe[500], Oe[300], Oe[100]], [\"#000000\", \"#525252\", \"#969696\", \"#D9D9D9\", \"#FFFFFF\"]],\n styles: {}\n};\nI(Zr);\nvar Jr = function (t) {\n var r = t.onChange, n = t.onSwatchHover, a = t.hex, i = t.colors, o = t.width, s = t.triangle, u = t.styles, c = u === void 0 ? {} : u, f = t.className, h = f === void 0 ? \"\" : f, p = _(j({\n default: {\n card: {\n width: o,\n background: \"#fff\",\n border: \"0 solid rgba(0,0,0,0.25)\",\n boxShadow: \"0 1px 4px rgba(0,0,0,0.25)\",\n borderRadius: \"4px\",\n position: \"relative\"\n },\n body: {\n padding: \"15px 9px 9px 15px\"\n },\n label: {\n fontSize: \"18px\",\n color: \"#fff\"\n },\n triangle: {\n width: \"0px\",\n height: \"0px\",\n borderStyle: \"solid\",\n borderWidth: \"0 9px 10px 9px\",\n borderColor: \"transparent transparent #fff transparent\",\n position: \"absolute\"\n },\n triangleShadow: {\n width: \"0px\",\n height: \"0px\",\n borderStyle: \"solid\",\n borderWidth: \"0 9px 10px 9px\",\n borderColor: \"transparent transparent rgba(0,0,0,.1) transparent\",\n position: \"absolute\"\n },\n hash: {\n background: \"#F0F0F0\",\n height: \"30px\",\n width: \"30px\",\n borderRadius: \"4px 0 0 4px\",\n float: \"left\",\n color: \"#98A1A4\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n },\n input: {\n width: \"100px\",\n fontSize: \"14px\",\n color: \"#666\",\n border: \"0px\",\n outline: \"none\",\n height: \"28px\",\n boxShadow: \"inset 0 0 0 1px #F0F0F0\",\n boxSizing: \"content-box\",\n borderRadius: \"0 4px 4px 0\",\n float: \"left\",\n paddingLeft: \"8px\"\n },\n swatch: {\n width: \"30px\",\n height: \"30px\",\n float: \"left\",\n borderRadius: \"4px\",\n margin: \"0 6px 6px 0\"\n },\n clear: {\n clear: \"both\"\n }\n },\n \"hide-triangle\": {\n triangle: {\n display: \"none\"\n },\n triangleShadow: {\n display: \"none\"\n }\n },\n \"top-left-triangle\": {\n triangle: {\n top: \"-10px\",\n left: \"12px\"\n },\n triangleShadow: {\n top: \"-11px\",\n left: \"12px\"\n }\n },\n \"top-right-triangle\": {\n triangle: {\n top: \"-10px\",\n right: \"12px\"\n },\n triangleShadow: {\n top: \"-11px\",\n right: \"12px\"\n }\n }\n }, c), {\n \"hide-triangle\": s === \"hide\",\n \"top-left-triangle\": s === \"top-left\",\n \"top-right-triangle\": s === \"top-right\"\n }), d = function (b, y) {\n te(b) && r({\n hex: b,\n source: \"hex\"\n }, y);\n };\n return l.createElement(\"div\", { style: p.card, className: \"twitter-picker \" + h }, l.createElement(\"div\", { style: p.triangleShadow }), l.createElement(\"div\", { style: p.triangle }), l.createElement(\"div\", { style: p.body }, ce(i, function (v, b) {\n return l.createElement(ue, {\n key: b,\n color: v,\n hex: v,\n style: p.swatch,\n onClick: d,\n onHover: n,\n focusStyle: {\n boxShadow: \"0 0 4px \" + v\n }\n });\n }), l.createElement(\"div\", { style: p.hash }, \"#\"), l.createElement(O, {\n label: null,\n style: { input: p.input },\n value: a.replace(\"#\", \"\"),\n onChange: d\n }), l.createElement(\"div\", { style: p.clear })));\n};\nJr.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n triangle: g.oneOf([\"hide\", \"top-left\", \"top-right\"]),\n colors: g.arrayOf(g.string),\n styles: g.object\n};\nJr.defaultProps = {\n width: 276,\n colors: [\"#FF6900\", \"#FCB900\", \"#7BDCB5\", \"#00D084\", \"#8ED1FC\", \"#0693E3\", \"#ABB8C3\", \"#EB144C\", \"#F78DA7\", \"#9900EF\"],\n triangle: \"top-left\",\n styles: {}\n};\nI(Jr);\nvar Qr = function (t) {\n var r = _({\n default: {\n picker: {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"22px\",\n border: \"2px #fff solid\",\n transform: \"translate(-12px, -13px)\",\n background: \"hsl(\" + Math.round(t.hsl.h) + \", \" + Math.round(t.hsl.s * 100) + \"%, \" + Math.round(t.hsl.l * 100) + \"%)\"\n }\n }\n });\n return l.createElement(\"div\", { style: r.picker });\n};\nQr.propTypes = {\n hsl: g.shape({\n h: g.number,\n s: g.number,\n l: g.number,\n a: g.number\n })\n};\nQr.defaultProps = {\n hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }\n};\nvar en = function (t) {\n var r = _({\n default: {\n picker: {\n width: \"20px\",\n height: \"20px\",\n borderRadius: \"22px\",\n transform: \"translate(-10px, -7px)\",\n background: \"hsl(\" + Math.round(t.hsl.h) + \", 100%, 50%)\",\n border: \"2px white solid\"\n }\n }\n });\n return l.createElement(\"div\", { style: r.picker });\n};\nen.propTypes = {\n hsl: g.shape({\n h: g.number,\n s: g.number,\n l: g.number,\n a: g.number\n })\n};\nen.defaultProps = {\n hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }\n};\nvar G$ = function (t) {\n var r = t.onChange, n = t.rgb, a = t.hsl, i = t.hex, o = t.hsv, s = function (d, v) {\n if (d.hex)\n te(d.hex) && r({\n hex: d.hex,\n source: \"hex\"\n }, v);\n else if (d.rgb) {\n var b = d.rgb.split(\",\");\n Yt(d.rgb, \"rgb\") && r({\n r: b[0],\n g: b[1],\n b: b[2],\n a: 1,\n source: \"rgb\"\n }, v);\n }\n else if (d.hsv) {\n var y = d.hsv.split(\",\");\n Yt(d.hsv, \"hsv\") && (y[2] = y[2].replace(\"%\", \"\"), y[1] = y[1].replace(\"%\", \"\"), y[0] = y[0].replace(\"°\", \"\"), y[1] == 1 ? y[1] = 0.01 : y[2] == 1 && (y[2] = 0.01), r({\n h: Number(y[0]),\n s: Number(y[1]),\n v: Number(y[2]),\n source: \"hsv\"\n }, v));\n }\n else if (d.hsl) {\n var $ = d.hsl.split(\",\");\n Yt(d.hsl, \"hsl\") && ($[2] = $[2].replace(\"%\", \"\"), $[1] = $[1].replace(\"%\", \"\"), $[0] = $[0].replace(\"°\", \"\"), h[1] == 1 ? h[1] = 0.01 : h[2] == 1 && (h[2] = 0.01), r({\n h: Number($[0]),\n s: Number($[1]),\n v: Number($[2]),\n source: \"hsl\"\n }, v));\n }\n }, u = _({\n default: {\n wrap: {\n display: \"flex\",\n height: \"100px\",\n marginTop: \"4px\"\n },\n fields: {\n width: \"100%\"\n },\n column: {\n paddingTop: \"10px\",\n display: \"flex\",\n justifyContent: \"space-between\"\n },\n double: {\n padding: \"0px 4.4px\",\n boxSizing: \"border-box\"\n },\n input: {\n width: \"100%\",\n height: \"38px\",\n boxSizing: \"border-box\",\n padding: \"4px 10% 3px\",\n textAlign: \"center\",\n border: \"1px solid #dadce0\",\n fontSize: \"11px\",\n textTransform: \"lowercase\",\n borderRadius: \"5px\",\n outline: \"none\",\n fontFamily: \"Roboto,Arial,sans-serif\"\n },\n input2: {\n height: \"38px\",\n width: \"100%\",\n border: \"1px solid #dadce0\",\n boxSizing: \"border-box\",\n fontSize: \"11px\",\n textTransform: \"lowercase\",\n borderRadius: \"5px\",\n outline: \"none\",\n paddingLeft: \"10px\",\n fontFamily: \"Roboto,Arial,sans-serif\"\n },\n label: {\n textAlign: \"center\",\n fontSize: \"12px\",\n background: \"#fff\",\n position: \"absolute\",\n textTransform: \"uppercase\",\n color: \"#3c4043\",\n width: \"35px\",\n top: \"-6px\",\n left: \"0\",\n right: \"0\",\n marginLeft: \"auto\",\n marginRight: \"auto\",\n fontFamily: \"Roboto,Arial,sans-serif\"\n },\n label2: {\n left: \"10px\",\n textAlign: \"center\",\n fontSize: \"12px\",\n background: \"#fff\",\n position: \"absolute\",\n textTransform: \"uppercase\",\n color: \"#3c4043\",\n width: \"32px\",\n top: \"-6px\",\n fontFamily: \"Roboto,Arial,sans-serif\"\n },\n single: {\n flexGrow: \"1\",\n margin: \"0px 4.4px\"\n }\n }\n }), c = n.r + \", \" + n.g + \", \" + n.b, f = Math.round(a.h) + \"°, \" + Math.round(a.s * 100) + \"%, \" + Math.round(a.l * 100) + \"%\", h = Math.round(o.h) + \"°, \" + Math.round(o.s * 100) + \"%, \" + Math.round(o.v * 100) + \"%\";\n return l.createElement(\"div\", { style: u.wrap, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: u.fields }, l.createElement(\"div\", { style: u.double }, l.createElement(O, {\n style: { input: u.input, label: u.label },\n label: \"hex\",\n value: i,\n onChange: s\n })), l.createElement(\"div\", { style: u.column }, l.createElement(\"div\", { style: u.single }, l.createElement(O, {\n style: { input: u.input2, label: u.label2 },\n label: \"rgb\",\n value: c,\n onChange: s\n })), l.createElement(\"div\", { style: u.single }, l.createElement(O, {\n style: { input: u.input2, label: u.label2 },\n label: \"hsv\",\n value: h,\n onChange: s\n })), l.createElement(\"div\", { style: u.single }, l.createElement(O, {\n style: { input: u.input2, label: u.label2 },\n label: \"hsl\",\n value: f,\n onChange: s\n })))));\n}, tn = function (t) {\n var r = t.width, n = t.onChange, a = t.rgb, i = t.hsl, o = t.hsv, s = t.hex, u = t.header, c = t.styles, f = c === void 0 ? {} : c, h = t.className, p = h === void 0 ? \"\" : h, d = _(j({\n default: {\n picker: {\n width: r,\n background: \"#fff\",\n border: \"1px solid #dfe1e5\",\n boxSizing: \"initial\",\n display: \"flex\",\n flexWrap: \"wrap\",\n borderRadius: \"8px 8px 0px 0px\"\n },\n head: {\n height: \"57px\",\n width: \"100%\",\n paddingTop: \"16px\",\n paddingBottom: \"16px\",\n paddingLeft: \"16px\",\n fontSize: \"20px\",\n boxSizing: \"border-box\",\n fontFamily: \"Roboto-Regular,HelveticaNeue,Arial,sans-serif\"\n },\n saturation: {\n width: \"70%\",\n padding: \"0px\",\n position: \"relative\",\n overflow: \"hidden\"\n },\n swatch: {\n width: \"30%\",\n height: \"228px\",\n padding: \"0px\",\n background: \"rgba(\" + a.r + \", \" + a.g + \", \" + a.b + \", 1)\",\n position: \"relative\",\n overflow: \"hidden\"\n },\n body: {\n margin: \"auto\",\n width: \"95%\"\n },\n controls: {\n display: \"flex\",\n boxSizing: \"border-box\",\n height: \"52px\",\n paddingTop: \"22px\"\n },\n color: {\n width: \"32px\"\n },\n hue: {\n height: \"8px\",\n position: \"relative\",\n margin: \"0px 16px 0px 16px\",\n width: \"100%\"\n },\n Hue: {\n radius: \"2px\"\n }\n }\n }, f));\n return l.createElement(\"div\", { style: d.picker, className: \"google-picker \" + p }, l.createElement(\"div\", { style: d.head }, u), l.createElement(\"div\", { style: d.swatch }), l.createElement(\"div\", { style: d.saturation }, l.createElement(kt, {\n hsl: i,\n hsv: o,\n pointer: Qr,\n onChange: n\n })), l.createElement(\"div\", { style: d.body }, l.createElement(\"div\", { style: d.controls, className: \"flexbox-fix\" }, l.createElement(\"div\", { style: d.hue }, l.createElement(De, {\n style: d.Hue,\n hsl: i,\n radius: \"4px\",\n pointer: en,\n onChange: n\n }))), l.createElement(G$, {\n rgb: a,\n hsl: i,\n hex: s,\n hsv: o,\n onChange: n\n })));\n};\ntn.propTypes = {\n width: g.oneOfType([g.string, g.number]),\n styles: g.object,\n header: g.string\n};\ntn.defaultProps = {\n width: 652,\n styles: {},\n header: \"Color picker\"\n};\nI(tn);\nae(F)(() =\u003e ({\n boxSizing: \"border-box\",\n \"*\": { boxSizing: \"border-box\" },\n position: \"relative\"\n}));\nae(F)(({ bg: e, parallaxSpeed: t, backgroundMode: r }) =\u003e (Object.assign({ position: \"absolute\", left: 0, top: \"-50px\", width: \"100%\", zIndex: -2, height: \"110%\", backgroundImage: `url(${e})`, backgroundRepeat: \"no-repeat\", borderRadius: r === \"contain\" ? \"16px\" : \"0px\", overflow: \"hidden\", backgroundSize: \"cover\", backgroundPosition: \"center center\" }, ao({\n speedFactor: t,\n range: \"100%\"\n})\n\u002f\u002f transition: \"all 0.1s linear\",\n\u002f\u002f transform: `scale(${1.1 - Math.max(0.1, y \u002f 3000)}) translateZ(0)`,\n)));\nae(F)(({ theme: e }) =\u003e ({\n maxWidth: 1536,\n padding: e.spacing(10, 3),\n margin: \"0 auto\",\n position: \"relative\",\n zIndex: 10\n}));\nae(Ae) `\n direction: column;\n min-height: 200px;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n white-space: pre-wrap;\n word-break: break-word;\n animation: slide-up-fade-in 0.6s ease-out;\n @keyframes slide-up-fade-in {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n`;\nae(F)(() =\u003e ({\n margin: 0,\n fontFamily: \"Bai Jamjuree\",\n fontWeight: 900,\n fontStyle: \"normal\",\n lineHeight: 1.2\n}));\nae(Ae)(({ theme: e }) =\u003e ({\n gap: e.spacing(2),\n flex: 2,\n width: \"100%\",\n maxWidth: 800\n}));\nae(F)(({ fadeIn: e }) =\u003e ({\n opacity: e ? 1 : 0,\n transform: e ? \"translateY(0)\" : \"translateY(-10px)\",\n transition: \"opacity 0.3s ease-out, transform 0.3s ease-out\"\n}));\nconst J$ = (_j) =\u003e {\n var { onChange: e } = _j, t = __rest(_j, [\"onChange\"]);\n var $, M;\n const r = l.useCallback((w) =\u003e {\n if (!e)\n return;\n const m = Object.assign(Object.assign({}, t), w);\n e(m);\n }, [e, t]), a = l.useCallback(() =\u003e {\n if (!t.architectList || !Array.isArray(t.architectList))\n return [];\n const w = [], m = (E) =\u003e {\n E.forEach((C) =\u003e {\n C.name && w.push(C.name), C.list && Array.isArray(C.list) && m(C.list);\n });\n };\n return m(t.architectList), [...new Set(w)];\n }, [t.architectList])(), [i, o] = l.useState({}), s = (w) =\u003e \u002f^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$\u002f.test(w), u = (w, m) =\u003e {\n const E = Object.assign({}, i);\n if (delete E[w], o(E), !m) {\n c(w, \"hoverColor\", \"#eef2ff\");\n return;\n }\n let C = m;\n C.startsWith(\"#\") || (C = `#${C}`), s(C) || o(Object.assign(Object.assign({}, E), { [w]: \"请输入有效的HEX颜色格式 (例如: #eef2ff)\" })), c(w, \"hoverColor\", C);\n }, c = (w, m, E) =\u003e {\n var Y, He;\n if (((He = (Y = t.architectItemDetails) == null ? void 0 : Y[w]) == null ? void 0 : He[m]) === E)\n return;\n const D = [...t.architectItemDetails || []];\n D[w] = Object.assign(Object.assign({}, D[w]), { [m]: E }), r({ architectItemDetails: D });\n }, f = () =\u003e {\n const w = {\n name: \"\",\n hoverColor: \"#eef2ff\",\n icon: \"\",\n type: \"3d\"\n }, m = [...t.architectItemDetails || [], w];\n r({ architectItemDetails: m });\n }, h = (w) =\u003e {\n const m = [...t.architectItemDetails || []];\n m.splice(w, 1), r({ architectItemDetails: m });\n const E = Object.assign({}, i);\n delete E[w], o(E);\n }, [p, d] = l.useState({\n open: !1,\n index: -1,\n anchorEl: null,\n tempColor: \"\"\n \u002f\u002f 添加临时颜色值\n }), v = (w, m) =\u003e {\n var E, C;\n d({\n open: !0,\n index: m,\n anchorEl: w.currentTarget,\n tempColor: ((C = (E = t.architectItemDetails) == null ? void 0 : E[m]) == null ? void 0 : C.hoverColor) || \"#eef2ff\"\n });\n }, b = () =\u003e {\n if (p.tempColor) {\n c(p.index, \"hoverColor\", p.tempColor);\n const w = Object.assign({}, i);\n delete w[p.index], o(w);\n }\n d({\n open: !1,\n index: -1,\n anchorEl: null,\n tempColor: \"\"\n });\n }, y = (w) =\u003e {\n const m = w.hex;\n d((E) =\u003e (Object.assign(Object.assign({}, E), { tempColor: m })));\n };\n return \u002f* @__PURE__ *\u002f S.jsxs(F, { children: [\n \u002f* @__PURE__ *\u002f S.jsx(F, { children: \u002f* @__PURE__ *\u002f S.jsxs(nn, { fullWidth: !0, children: [\n \u002f* @__PURE__ *\u002f S.jsx(an, { id: \"background-mode-label\", children: \"Background Mode\" }),\n \u002f* @__PURE__ *\u002f S.jsxs(on, { labelId: \"background-mode-label\", id: \"background-mode-select\", value: t.backgroundMode || \"contain\", label: \"Background Mode\", onChange: (w) =\u003e r({\n backgroundMode: w.target.value\n }), children: [\n \u002f* @__PURE__ *\u002f S.jsx(ot, { value: \"full\", children: \"Full\" }),\n \u002f* @__PURE__ *\u002f S.jsx(ot, { value: \"contain\", children: \"Contain\" })\n ] })\n ] }) }),\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { mt: 2 }, children: \u002f* @__PURE__ *\u002f S.jsx(no, { value: t.title, placeholder: \"Enter Title\", label: \"Title\", onChange: (w) =\u003e r({ title: w }) }) }),\n \u002f* @__PURE__ *\u002f S.jsxs(F, { sx: { mt: 2 }, children: [\n \u002f* @__PURE__ *\u002f S.jsx(Ht, { sx: { fontSize: \"14px\", fontWeight: \"bold\", mb: 2 }, children: \"Description\" }),\n \u002f* @__PURE__ *\u002f S.jsx(ro, { value: t.description, onChange: (w) =\u003e r({ description: w }) })\n ] }),\n \u002f* @__PURE__ *\u002f S.jsxs(F, { sx: { mt: 3 }, children: [\n \u002f* @__PURE__ *\u002f S.jsx(Ht, { sx: { fontSize: \"14px\", fontWeight: \"bold\", mb: 2 }, children: \"Item Details\" }),\n \u002f* @__PURE__ *\u002f S.jsxs(Ae, { spacing: 1.5, children: [\n (t.architectItemDetails || []).map((w, m) =\u003e \u002f* @__PURE__ *\u002f S.jsxs(F, { sx: { p: 1.5, border: \"1px solid #e0e0e0\", borderRadius: 1 }, children: [\n \u002f* @__PURE__ *\u002f S.jsxs(Ae, { direction: \"row\", justifyContent: \"space-between\", alignItems: \"center\", sx: { mb: 1 }, children: [\n \u002f* @__PURE__ *\u002f S.jsxs(Ht, { variant: \"subtitle2\", children: [\n \"Item \",\n m + 1\n ] }),\n \u002f* @__PURE__ *\u002f S.jsx(Yi, { size: \"small\", color: \"error\", onClick: () =\u003e h(m), sx: { p: 0.5 }, children: \u002f* @__PURE__ *\u002f S.jsx(rn, { icon: \"mdi:delete\" }) })\n ] }),\n \u002f* @__PURE__ *\u002f S.jsx(Zi, { size: \"small\", sx: { mb: 1 }, freeSolo: !0, options: a, value: w.name || \"\", onInputChange: (E, C) =\u003e {\n c(m, \"name\", C);\n }, renderInput: (E) =\u003e \u002f* @__PURE__ *\u002f S.jsx(st, Object.assign(Object.assign({}, E), { label: \"Name\", placeholder: \"Enter or select name\", fullWidth: !0 })) }),\n \u002f* @__PURE__ *\u002f S.jsxs(Ae, { direction: { xs: \"column\", sm: \"row\" }, spacing: 1, sx: { mb: 1 }, children: [\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { flex: 1 }, children: \u002f* @__PURE__ *\u002f S.jsx(st, { fullWidth: !0, size: \"small\", label: \"Icon URL\", value: w.icon || \"\", onChange: (E) =\u003e c(m, \"icon\", E.target.value), placeholder: \"Icon URL\" }) }),\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { flex: 1 }, children: \u002f* @__PURE__ *\u002f S.jsx(st, { fullWidth: !0, size: \"small\", label: \"Hover Icon URL\", value: w.hoverIcon || \"\", onChange: (E) =\u003e c(m, \"hoverIcon\", E.target.value), placeholder: \"Hover Icon URL\" }) })\n ] }),\n \u002f* @__PURE__ *\u002f S.jsxs(Ae, { direction: { xs: \"column\", sm: \"row\" }, spacing: 1, sx: { mb: 1 }, children: [\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { flex: 1 }, children: \u002f* @__PURE__ *\u002f S.jsx(st, { fullWidth: !0, size: \"small\", label: \"Hover Color\", value: w.hoverColor || \"#eef2ff\", onChange: (E) =\u003e u(m, E.target.value), placeholder: \"#eef2ff\", error: !!i[m], helperText: i[m] ? i[m] : \" \", InputProps: {\n startAdornment: \u002f* @__PURE__ *\u002f S.jsx(Ji, { position: \"start\", children: \u002f* @__PURE__ *\u002f S.jsx(F, { sx: {\n width: 16,\n height: 16,\n bgcolor: w.hoverColor || \"#eef2ff\",\n border: \"1px solid #ccc\",\n borderRadius: \"3px\",\n cursor: \"pointer\"\n }, onClick: (E) =\u003e v(E, m) }) })\n }, inputProps: {\n maxLength: 7\n } }) }),\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { flex: 1 }, children: \u002f* @__PURE__ *\u002f S.jsxs(nn, { fullWidth: !0, size: \"small\", sx: {\n \"& .MuiInputBase-root\": {\n height: i[m] ? \"auto\" : \"40px\"\n }\n }, children: [\n \u002f* @__PURE__ *\u002f S.jsx(an, { children: \"Type\" }),\n \u002f* @__PURE__ *\u002f S.jsxs(on, { value: w.type || \"3d\", label: \"Type\", onChange: (E) =\u003e c(m, \"type\", E.target.value), children: [\n \u002f* @__PURE__ *\u002f S.jsx(ot, { value: \"group\", children: \"group\" }),\n \u002f* @__PURE__ *\u002f S.jsx(ot, { value: \"3d\", children: \"item\" })\n ] }),\n \u002f* @__PURE__ *\u002f S.jsx(F, { sx: { mt: 0.75, height: \"20px\", visibility: \"hidden\" }, children: \" \" })\n ] }) })\n ] })\n ] }, m)),\n \u002f* @__PURE__ *\u002f S.jsx(Qi, { variant: \"outlined\", size: \"small\", onClick: f, startIcon: \u002f* @__PURE__ *\u002f S.jsx(rn, { icon: \"mdi:plus\" }), sx: { mt: 0.5 }, children: \"Add Item\" })\n ] })\n ] }),\n \u002f* @__PURE__ *\u002f S.jsx(eo, { open: p.open, anchorEl: p.anchorEl, onClose: b, anchorOrigin: {\n vertical: \"bottom\",\n horizontal: \"left\"\n }, transformOrigin: {\n vertical: \"top\",\n horizontal: \"left\"\n }, children: \u002f* @__PURE__ *\u002f S.jsx(g$, { color: p.tempColor || ((M = ($ = t.architectItemDetails) == null ? void 0 : $[p.index]) == null ? void 0 : M.hoverColor) || \"#eef2ff\", onChange: y, disableAlpha: !0 }) })\n ] });\n};\nexport { J$ as EditComponent, J$ as default };\n"}}}},"instances":{"4aq00qqsmfyb1nrp":{"componentId":"xoHu0JPjPs1kDYc-","locales":{"en":{"props":{"locale":"en","bg":{"url":"https:\u002f\u002fwww.staging.arcblock.io\u002fimage-bin\u002fuploads\u002f4c5e7bad780804f037de3408c2955398.jpeg","mediaKitUrl":"https:\u002f\u002fwww.staging.arcblock.io\u002fimage-bin\u002fuploads\u002f4c5e7bad780804f037de3408c2955398.jpeg"},"textColor":"#EEEEEE","architectList":[{"name":"Applications","title":"Born For Apps","description":"ArcBlock is born for applications. ArcBlock enables decentralized applications to have a user experience comparable to traditional applications, and empowers users to have full ownership of their own identity, data, and assets.\nIn the ArcBlock ecosystem, there are not only a large number of ready-to-use applications, but also the flexibility to customize and combine them according to users' needs.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdapps","list":[{"name":"NFT Studio","title":"NFT Studio","description":"NFT Studio is a suite tailored for NFT creators. NFT Studio includes all the tools needed to launch an NFT project, from creation, distribution, minting, sales, to the marketplace, everything is available. NFT Studio can also integrate with AIGC and other technologies to achieve efficient AI-assisted creation.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fnft-studio"},{"name":"AIGNE","title":"AIGNE: AI Apps Engine","description":"AIGNE empowers AI for application development. AIGNE makes it easy to access and utilize large language models (LLM) and generative AI (AIGC) with a completely code-free approach, allowing anyone to build complete applications using AI.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002faigne"},{"name":"Creator Studio","title":"Content Creators' Swiss Knife","description":"No matter if you are ready to start your own blog, newsletter, e-book, course, or provide offline services, Creator Studio can meet your needs.\nCreator Studio is a suite that provides everything content creators need to independently establish their own services.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fcreator-studio"},{"name":"Aistro","title":"Aistro: AI + Astrology","description":"Aistro is an astrology application built using an artificial intelligence large language model (LLM).\nAistro is built entirely using the AIGNE tool on the ArcBlock platform and serves as a template consumer application for both AIGNE and ArcBlock.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002faistro"},{"name":"More...","title":"Apps Showcase","description":"The application of ArcBlock is composed of reusable Blocklet components, so it can form a super rich application ecosystem. Check out our numerous successful application showcases.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fapp-showcase"}]},{"name":"Components","title":"Reusable Software Components","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fcomponents","description":"The core feature of ArcBlock is reusable and composable software components, which we call Blocklets. Any component or application on ArcBlock is a Blocklet, or composed of Blocklets.","list":[{"name":"Blocklet Launcher","title":"Launch Starting Point","description":"Blocklet Launcher is the starting point for running decentralized applications, and it brings excellent user experience for decentralized applications to be comparable to traditional web.\nBlocklet Launcher itself is a Blocklet, and anyone can run their own dedicated Launcher.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblocklet-launcher"},{"name":"Blocklet Store","title":"App Store For Blocklets","description":"The Blocklet Store is Blocklet's App Store. The Blocklet Store and Blocklet Launcher work together and can be accessed from within each Blocklet seamlessly.The Blocklet Store itself is also a Blocklet, and anyone can run their own dedicated Store.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblocklet-store"},{"name":"Web3 Kit","title":"Web3 App Building Blocks","description":"The Web3 Kit provides a series of commonly used basic components for building applications, allowing developers to no longer need to reinvent the wheel, but instead focus entirely on their unique application features.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fweb3-kit"},{"name":"AI Kit","title":"AI Empowerment For Any Apps","description":"The AI Kit enables any application to have AI capabilities and provides access to various AI backends.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fai-kit"},{"name":"More...","title":"Blocklet Showcase","description":"ArcBlock has a rich Blocklet ecosystem, and anyone can contribute Blocklets to the ecosystem and receive a continuous stream of income from it! Check out our numerous successful showcases in the Blocklet ecosystem.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblocklet-showcase"}]},{"list":[{"name":"Compute","title":"Decentralized Compute","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fcompute","description":"ArcBlock takes decentralized computing to a new level by adopting the principle of 'separation of compute and storage'. All applications and components in ArcBlock are Blocklets, which run on a unified and standardized Blocklet Service.","list":[{"name":"Blocklet Framework","title":"Blocklet Framework","description":"All applications and components in ArcBlock are Blocklets.\nBlocklets make software reusable and composable possible.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblocklet"},{"name":"Blocklet Server","title":"Blocklet Server","description":"Blocklet server is a standardized foundational component that serves as a container service for running Blocklets.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblocklet-server"}]},{"name":"Storage","title":"Decentralized Storage","description":"Decentralized storage is the foundation of decentralized applications. ArcBlock adopts the principle of 'separation of computation and storage'.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid-spaces","list":[{"name":"DID Spaces","title":"DID:Spaces","description":"DID:Spaces is a decentralized storage space protocol based on DID. DID:Spaces can combine with traditional cloud storage service protocols (such as S3) and decentralized storage services (such as IPFS, etc.) to create an unprecedented user-controlled data usage experience for users and applications.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid-spaces"}]},{"name":"Blockchain","title":"Blockchain","description":"Blockchain is used to ensure the security of assets, fair and transparent transactions. ArcBlock's basic services such as billing and operational support are implemented using blockchain technology. ArcBlock is optimized for blockchains.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fblockchain","list":[{"name":"OCAP","title":"Open Chain Access Protocol","description":"Applications on ArcBlock can support almost any mainstream blockchain service, including Bitcoin, Ethereum, various Ethereum-compatible chains, Solana, etc.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002focap"},{"name":"ABT Network","title":"ABT Network","description":"ABT Network is ArcBlock's high-performance native blockchain system. ABT Network is also the core of ArcBlock's Billing and Operations Support System (BoSS).","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fabt-network"}]}]},{"name":"IDENTITY","title":"Self-sovereign Identity Layer","description":"The foundation layer of the ArcBlock Architect.\nDecentralized identity, also known as self-sovereign identity, is a framework for identity that is based on open standards. It utilizes digital identifiers and verifiable credentials that are owned by the individual, independent, and facilitate trusted data exchange. Its objective is to safeguard privacy and ensure secure online interactions by employing blockchains, distributed ledger technology, and private\u002fpublic key cryptography.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fself-sovereign-identity","list":[{"name":"DID","title":"Decentralized Identity(DID)","description":"Everything in ArcBlock is identified by its DID.\nA decentralized identity approach enables individuals, groups, and objects to interact with one another in a transparent and secure manner within an identity trust framework. Each entity has control over their own digital identity and credentials.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid"},{"name":"Verifiable Credentials","title":"Verifiable Credentials(VC)","description":"Verifiable Credentials are the primary applications of DID.\nVerifiable Credentials are identity claims or attestations, such as evidence of employment or student identification, official memberships, or any other information issued by a trusted source. Individuals can access and manage their verifiable credentials through a secure, encrypted digital wallet stored on a smart device.\nIn ArcBlock, VC is widely used in various aspects such as user identity, access control, permission management, NFT, etc.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fverifiable-credential"},{"name":"DID Wallet","title":"DID:Wallet","description":"DID:Wallet is an intelligent digital wallet that uses DID technology to manage digital identities and digital assets. DID:Wallet supports multiple chains, multiple assets, and multiple protocols.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid-wallet"},{"name":"DID Connect","title":"DID:Connect","description":"DID:Connect is an application connection protocol based on DID. Through DID:Connect, users can easily use their decentralized identity to manage their identity and access permissions across various applications.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid-connect"},{"name":"DID Name Service","title":"DID Name Service","description":"The DID Name Service uses DIDs to achieve service naming, service discovery, and service dispatch. The DID Naming Service is a supplement to the traditional Internet Domain Name Service (DNS) and can work in synergy with DNS.","url":"https:\u002f\u002fwww.arcblock.io\u002fcontent\u002fcollections\u002fen\u002fdid-name-service"}]}],"architectItemDetails":[{"name":"Applications","type":"group","icon":" https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002ff9c0c9df9247e8a82d309d9e0c9ae623.svg"},{"name":"NFT Studio","icon":" https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f5542354d3d33e5fcd211562ee734da01.png?imageFilter=resize&w=100&f=webp"},{"name":"AIGNE","hoverColor":"#fff6f6","icon":" https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f89a24f04c34eca94f26c9dd30aec44fc.png?imageFilter=resize&w=100&f=webp","type":"3d"},{"name":"Creator Studio","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f37f00c7d0f623b62ecaa4c95386c62c6.png?imageFilter=resize&w=100&f=webp","type":"3d"},{"name":"Aistro","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002fb83c22b9f92e4837c2e21bb6fb831f1a.png?imageFilter=resize&w=100&f=webp","type":"3d"},{"name":"More...","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f4a2183c255734e2b054a58a90db3b17e.svg","type":"3d"},{"name":"Blocklet Launcher","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f6cb1e2aa568509e1a874bf7ae1666c26.svg","type":"3d"},{"name":"Blocklet Store","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f6db33268d4d1662c4e91eaee159c1312.png?imageFilter=resize&w=100&f=webp","type":"3d"},{"name":"Web3 Kit","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002ff409e3bdc7a2b42ba8fba9bae286aeda.svg","type":"3d"},{"name":"AI Kit","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f9745710dce319d9bf117516ad5d1f811.svg","type":"3d"},{"name":"More...","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f4a2183c255734e2b054a58a90db3b17e.svg","type":"3d"},{"name":"Blocklet Framework","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002feb1cf5d60cd85c42362920c49e3768cb.svg","type":"3d"},{"name":"Blocklet Server","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f1dfcb220953bb14e3fea8dd9e7f2e6e8.svg","type":"3d"},{"name":"DID Spaces","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002ffb3d25d6fcd3f35c5431782a35bef879.svg","type":"3d"},{"name":"OCAP","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f012d66a02bd6d1313a936b66f097d853.svg","type":"3d"},{"name":"ABT Network","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002fdeb5982d012f2d0cf63c635554a4bc59.svg","type":"3d"},{"name":"DID","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f71eea946246150766324008427d2f63d.svg","type":"3d"},{"name":"Verifiable Credentials","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f124d7d13d19687c933a048e64e646bc4.svg","type":"3d"},{"name":"DID Wallet","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002f37198ddc4a0b9e91e5c1c821ab895a34.svg","type":"3d"},{"name":"DID Connect","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002fe50db773681365ff785a7e982b748740.svg","type":"3d"},{"name":"DID Name Service","hoverColor":"#eef2ff","icon":"https:\u002f\u002fwww.arcblock.io\u002fimage-bin\u002fuploads\u002fdb36f9832a99d4dccb21a30ff269bb22.svg","type":"3d"}],"backgroundColor":""}}}}}}