@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/ColorPicker-CZ_bJabP.js

@@ -1,2879 +0,0 @@
-import { a5 as ht, n as bt } from "./main-WKzC-Dnu.js";
-var vt = { exports: {} };
-(function(gt, Ct) {
-  (function(c, i) {
-    gt.exports = i();
-  })(typeof self < "u" ? self : ht, function() {
-    return function(c) {
-      function i(n) {
-        if (e[n])
-          return e[n].exports;
-        var o = e[n] = { i: n, l: !1, exports: {} };
-        return c[n].call(o.exports, o, o.exports, i), o.l = !0, o.exports;
-      }
-      var e = {};
-      return i.m = c, i.c = e, i.d = function(n, o, a) {
-        i.o(n, o) || Object.defineProperty(n, o, { configurable: !1, enumerable: !0, get: a });
-      }, i.n = function(n) {
-        var o = n && n.__esModule ? function() {
-          return n.default;
-        } : function() {
-          return n;
-        };
-        return i.d(o, "a", o), o;
-      }, i.o = function(n, o) {
-        return Object.prototype.hasOwnProperty.call(n, o);
-      }, i.p = "", i(i.s = 60);
-    }([function(c, i) {
-      function e(o, a) {
-        var t = o[1] || "", f = o[3];
-        if (!f)
-          return t;
-        if (a && typeof btoa == "function") {
-          var r = n(f);
-          return [t].concat(f.sources.map(function(s) {
-            return "/*# sourceURL=" + f.sourceRoot + s + " */";
-          })).concat([r]).join(`
-`);
-        }
-        return [t].join(`
-`);
-      }
-      function n(o) {
-        return "/*# sourceMappingURL=data:application/json;charset=utf-8;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(o)))) + " */";
-      }
-      c.exports = function(o) {
-        var a = [];
-        return a.toString = function() {
-          return this.map(function(t) {
-            var f = e(t, o);
-            return t[2] ? "@media " + t[2] + "{" + f + "}" : f;
-          }).join("");
-        }, a.i = function(t, f) {
-          typeof t == "string" && (t = [[null, t, ""]]);
-          for (var r = {}, s = 0; s < this.length; s++) {
-            var h = this[s][0];
-            typeof h == "number" && (r[h] = !0);
-          }
-          for (s = 0; s < t.length; s++) {
-            var d = t[s];
-            typeof d[0] == "number" && r[d[0]] || (f && !d[2] ? d[2] = f : f && (d[2] = "(" + d[2] + ") and (" + f + ")"), a.push(d));
-          }
-        }, a;
-      };
-    }, function(c, i, e) {
-      function n(S) {
-        for (var j = 0; j < S.length; j++) {
-          var L = S[j], A = h[L.id];
-          if (A) {
-            A.refs++;
-            for (var v = 0; v < A.parts.length; v++)
-              A.parts[v](L.parts[v]);
-            for (; v < L.parts.length; v++)
-              A.parts.push(a(L.parts[v]));
-            A.parts.length > L.parts.length && (A.parts.length = L.parts.length);
-          } else {
-            for (var M = [], v = 0; v < L.parts.length; v++)
-              M.push(a(L.parts[v]));
-            h[L.id] = { id: L.id, refs: 1, parts: M };
-          }
-        }
-      }
-      function o() {
-        var S = document.createElement("style");
-        return S.type = "text/css", d.appendChild(S), S;
-      }
-      function a(S) {
-        var j, L, A = document.querySelector("style[" + F + '~="' + S.id + '"]');
-        if (A) {
-          if (x)
-            return C;
-          A.parentNode.removeChild(A);
-        }
-        if (H) {
-          var v = O++;
-          A = g || (g = o()), j = t.bind(null, A, v, !1), L = t.bind(null, A, v, !0);
-        } else
-          A = o(), j = f.bind(null, A), L = function() {
-            A.parentNode.removeChild(A);
-          };
-        return j(S), function(M) {
-          if (M) {
-            if (M.css === S.css && M.media === S.media && M.sourceMap === S.sourceMap)
-              return;
-            j(S = M);
-          } else
-            L();
-        };
-      }
-      function t(S, j, L, A) {
-        var v = L ? "" : A.css;
-        if (S.styleSheet)
-          S.styleSheet.cssText = W(j, v);
-        else {
-          var M = document.createTextNode(v), R = S.childNodes;
-          R[j] && S.removeChild(R[j]), R.length ? S.insertBefore(M, R[j]) : S.appendChild(M);
-        }
-      }
-      function f(S, j) {
-        var L = j.css, A = j.media, v = j.sourceMap;
-        if (A && S.setAttribute("media", A), _.ssrId && S.setAttribute(F, j.id), v && (L += `
-/*# sourceURL=` + v.sources[0] + " */", L += `
-/*# sourceMappingURL=data:application/json;base64,` + btoa(unescape(encodeURIComponent(JSON.stringify(v)))) + " */"), S.styleSheet)
-          S.styleSheet.cssText = L;
-        else {
-          for (; S.firstChild; )
-            S.removeChild(S.firstChild);
-          S.appendChild(document.createTextNode(L));
-        }
-      }
-      var r = typeof document < "u";
-      if (typeof DEBUG < "u" && DEBUG && !r)
-        throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");
-      var s = e(64), h = {}, d = r && (document.head || document.getElementsByTagName("head")[0]), g = null, O = 0, x = !1, C = function() {
-      }, _ = null, F = "data-vue-ssr-id", H = typeof navigator < "u" && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase());
-      c.exports = function(S, j, L, A) {
-        x = L, _ = A || {};
-        var v = s(S, j);
-        return n(v), function(M) {
-          for (var R = [], D = 0; D < v.length; D++) {
-            var I = v[D], P = h[I.id];
-            P.refs--, R.push(P);
-          }
-          M ? (v = s(S, M), n(v)) : v = [];
-          for (var D = 0; D < R.length; D++) {
-            var P = R[D];
-            if (P.refs === 0) {
-              for (var q = 0; q < P.parts.length; q++)
-                P.parts[q]();
-              delete h[P.id];
-            }
-          }
-        };
-      };
-      var W = /* @__PURE__ */ function() {
-        var S = [];
-        return function(j, L) {
-          return S[j] = L, S.filter(Boolean).join(`
-`);
-        };
-      }();
-    }, function(c, i) {
-      c.exports = function(e, n, o, a, t, f) {
-        var r, s = e = e || {}, h = typeof e.default;
-        h !== "object" && h !== "function" || (r = e, s = e.default);
-        var d = typeof s == "function" ? s.options : s;
-        n && (d.render = n.render, d.staticRenderFns = n.staticRenderFns, d._compiled = !0), o && (d.functional = !0), t && (d._scopeId = t);
-        var g;
-        if (f ? (g = function(C) {
-          C = C || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, C || typeof __VUE_SSR_CONTEXT__ > "u" || (C = __VUE_SSR_CONTEXT__), a && a.call(this, C), C && C._registeredComponents && C._registeredComponents.add(f);
-        }, d._ssrRegister = g) : a && (g = a), g) {
-          var O = d.functional, x = O ? d.render : d.beforeCreate;
-          O ? (d._injectStyles = g, d.render = function(C, _) {
-            return g.call(_), x(C, _);
-          }) : d.beforeCreate = x ? [].concat(x, g) : [g];
-        }
-        return { esModule: r, exports: s, options: d };
-      };
-    }, function(c, i, e) {
-      function n(t, f) {
-        var r, s = t && t.a;
-        !(r = t && t.hsl ? (0, a.default)(t.hsl) : t && t.hex && t.hex.length > 0 ? (0, a.default)(t.hex) : t && t.hsv ? (0, a.default)(t.hsv) : t && t.rgba ? (0, a.default)(t.rgba) : t && t.rgb ? (0, a.default)(t.rgb) : (0, a.default)(t)) || r._a !== void 0 && r._a !== null || r.setAlpha(s || 1);
-        var h = r.toHsl(), d = r.toHsv();
-        return h.s === 0 && (d.h = h.h = t.h || t.hsl && t.hsl.h || f || 0), { hsl: h, hex: r.toHexString().toUpperCase(), hex8: r.toHex8String().toUpperCase(), rgba: r.toRgb(), hsv: d, oldHue: t.h || f || h.h, source: t.source, a: t.a || r.getAlpha() };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(65), a = function(t) {
-        return t && t.__esModule ? t : { default: t };
-      }(o);
-      i.default = { props: ["value"], data: function() {
-        return { val: n(this.value) };
-      }, computed: { colors: { get: function() {
-        return this.val;
-      }, set: function(t) {
-        this.val = t, this.$emit("input", t);
-      } } }, watch: { value: function(t) {
-        this.val = n(t);
-      } }, methods: { colorChange: function(t, f) {
-        this.oldHue = this.colors.hsl.h, this.colors = n(t, f || this.oldHue);
-      }, isValidHex: function(t) {
-        return (0, a.default)(t).isValid();
-      }, simpleCheckForValidColor: function(t) {
-        for (var f = ["r", "g", "b", "a", "h", "s", "l", "v"], r = 0, s = 0, h = 0; h < f.length; h++) {
-          var d = f[h];
-          t[d] && (r++, isNaN(t[d]) || s++);
-        }
-        if (r === s)
-          return t;
-      }, paletteUpperCase: function(t) {
-        return t.map(function(f) {
-          return f.toUpperCase();
-        });
-      }, isTransparent: function(t) {
-        return (0, a.default)(t).getAlpha() === 0;
-      } } };
-    }, function(c, i) {
-      var e = c.exports = typeof window < "u" && window.Math == Math ? window : typeof self < "u" && self.Math == Math ? self : Function("return this")();
-      typeof __g == "number" && (__g = e);
-    }, function(c, i, e) {
-      function n(d) {
-        e(66);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(36), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(68), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/common/EditableInput.vue", i.default = h.exports;
-    }, function(c, i) {
-      var e = {}.hasOwnProperty;
-      c.exports = function(n, o) {
-        return e.call(n, o);
-      };
-    }, function(c, i, e) {
-      var n = e(8), o = e(18);
-      c.exports = e(9) ? function(a, t, f) {
-        return n.f(a, t, o(1, f));
-      } : function(a, t, f) {
-        return a[t] = f, a;
-      };
-    }, function(c, i, e) {
-      var n = e(16), o = e(42), a = e(25), t = Object.defineProperty;
-      i.f = e(9) ? Object.defineProperty : function(f, r, s) {
-        if (n(f), r = a(r, !0), n(s), o)
-          try {
-            return t(f, r, s);
-          } catch {
-          }
-        if ("get" in s || "set" in s)
-          throw TypeError("Accessors not supported!");
-        return "value" in s && (f[r] = s.value), f;
-      };
-    }, function(c, i, e) {
-      c.exports = !e(17)(function() {
-        return Object.defineProperty({}, "a", { get: function() {
-          return 7;
-        } }).a != 7;
-      });
-    }, function(c, i, e) {
-      var n = e(90), o = e(24);
-      c.exports = function(a) {
-        return n(o(a));
-      };
-    }, function(c, i, e) {
-      var n = e(29)("wks"), o = e(19), a = e(4).Symbol, t = typeof a == "function";
-      (c.exports = function(f) {
-        return n[f] || (n[f] = t && a[f] || (t ? a : o)("Symbol." + f));
-      }).store = n;
-    }, function(c, i) {
-      c.exports = function(e) {
-        return typeof e == "object" ? e !== null : typeof e == "function";
-      };
-    }, function(c, i, e) {
-      function n(d) {
-        e(111);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(51), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(113), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/common/Hue.vue", i.default = h.exports;
-    }, function(c, i) {
-      c.exports = !0;
-    }, function(c, i) {
-      var e = c.exports = { version: "2.6.11" };
-      typeof __e == "number" && (__e = e);
-    }, function(c, i, e) {
-      var n = e(12);
-      c.exports = function(o) {
-        if (!n(o))
-          throw TypeError(o + " is not an object!");
-        return o;
-      };
-    }, function(c, i) {
-      c.exports = function(e) {
-        try {
-          return !!e();
-        } catch {
-          return !0;
-        }
-      };
-    }, function(c, i) {
-      c.exports = function(e, n) {
-        return { enumerable: !(1 & e), configurable: !(2 & e), writable: !(4 & e), value: n };
-      };
-    }, function(c, i) {
-      var e = 0, n = Math.random();
-      c.exports = function(o) {
-        return "Symbol(".concat(o === void 0 ? "" : o, ")_", (++e + n).toString(36));
-      };
-    }, function(c, i, e) {
-      function n(d) {
-        e(123);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(54), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(127), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/common/Saturation.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      function n(d) {
-        e(128);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(55), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(133), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/common/Alpha.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      function n(d) {
-        e(130);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(56), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(132), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/common/Checkboard.vue", i.default = h.exports;
-    }, function(c, i) {
-      var e = Math.ceil, n = Math.floor;
-      c.exports = function(o) {
-        return isNaN(o = +o) ? 0 : (o > 0 ? n : e)(o);
-      };
-    }, function(c, i) {
-      c.exports = function(e) {
-        if (e == null)
-          throw TypeError("Can't call method on  " + e);
-        return e;
-      };
-    }, function(c, i, e) {
-      var n = e(12);
-      c.exports = function(o, a) {
-        if (!n(o))
-          return o;
-        var t, f;
-        if (a && typeof (t = o.toString) == "function" && !n(f = t.call(o)) || typeof (t = o.valueOf) == "function" && !n(f = t.call(o)) || !a && typeof (t = o.toString) == "function" && !n(f = t.call(o)))
-          return f;
-        throw TypeError("Can't convert object to primitive value");
-      };
-    }, function(c, i) {
-      c.exports = {};
-    }, function(c, i, e) {
-      var n = e(46), o = e(30);
-      c.exports = Object.keys || function(a) {
-        return n(a, o);
-      };
-    }, function(c, i, e) {
-      var n = e(29)("keys"), o = e(19);
-      c.exports = function(a) {
-        return n[a] || (n[a] = o(a));
-      };
-    }, function(c, i, e) {
-      var n = e(15), o = e(4), a = o["__core-js_shared__"] || (o["__core-js_shared__"] = {});
-      (c.exports = function(t, f) {
-        return a[t] || (a[t] = f !== void 0 ? f : {});
-      })("versions", []).push({ version: n.version, mode: e(14) ? "pure" : "global", copyright: "© 2019 Denis Pushkarev (zloirock.ru)" });
-    }, function(c, i) {
-      c.exports = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
-    }, function(c, i, e) {
-      var n = e(8).f, o = e(6), a = e(11)("toStringTag");
-      c.exports = function(t, f, r) {
-        t && !o(t = r ? t : t.prototype, a) && n(t, a, { configurable: !0, value: f });
-      };
-    }, function(c, i, e) {
-      i.f = e(11);
-    }, function(c, i, e) {
-      var n = e(4), o = e(15), a = e(14), t = e(32), f = e(8).f;
-      c.exports = function(r) {
-        var s = o.Symbol || (o.Symbol = a ? {} : n.Symbol || {});
-        r.charAt(0) == "_" || r in s || f(s, r, { value: t.f(r) });
-      };
-    }, function(c, i) {
-      i.f = {}.propertyIsEnumerable;
-    }, function(c, i, e) {
-      function n(s) {
-        return s && s.__esModule ? s : { default: s };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(3), a = n(o), t = e(5), f = n(t), r = ["#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"];
-      i.default = { name: "Compact", mixins: [a.default], props: { palette: { type: Array, default: function() {
-        return r;
-      } } }, components: { "ed-in": f.default }, computed: { pick: function() {
-        return this.colors.hex.toUpperCase();
-      } }, methods: { handlerClick: function(s) {
-        this.colorChange({ hex: s, source: "hex" });
-      } } };
-    }, function(c, i, e) {
-      Object.defineProperty(i, "__esModule", { value: !0 }), i.default = { name: "editableInput", props: { label: String, labelText: String, desc: String, value: [String, Number], max: Number, min: Number, arrowOffset: { type: Number, default: 1 } }, computed: { val: { get: function() {
-        return this.value;
-      }, set: function(n) {
-        if (!(this.max !== void 0 && +n > this.max))
-          return n;
-        this.$refs.input.value = this.max;
-      } }, labelId: function() {
-        return "input__label__" + this.label + "__" + Math.random().toString().slice(2, 5);
-      }, labelSpanText: function() {
-        return this.labelText || this.label;
-      } }, methods: { update: function(n) {
-        this.handleChange(n.target.value);
-      }, handleChange: function(n) {
-        var o = {};
-        o[this.label] = n, o.hex === void 0 && o["#"] === void 0 ? this.$emit("change", o) : n.length > 5 && this.$emit("change", o);
-      }, handleKeyDown: function(n) {
-        var o = this.val, a = Number(o);
-        if (a) {
-          var t = this.arrowOffset || 1;
-          n.keyCode === 38 && (o = a + t, this.handleChange(o), n.preventDefault()), n.keyCode === 40 && (o = a - t, this.handleChange(o), n.preventDefault());
-        }
-      } } };
-    }, function(c, i, e) {
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var n = e(3), o = function(t) {
-        return t && t.__esModule ? t : { default: t };
-      }(n), a = ["#FFFFFF", "#F2F2F2", "#E6E6E6", "#D9D9D9", "#CCCCCC", "#BFBFBF", "#B3B3B3", "#A6A6A6", "#999999", "#8C8C8C", "#808080", "#737373", "#666666", "#595959", "#4D4D4D", "#404040", "#333333", "#262626", "#0D0D0D", "#000000"];
-      i.default = { name: "Grayscale", mixins: [o.default], props: { palette: { type: Array, default: function() {
-        return a;
-      } } }, components: {}, computed: { pick: function() {
-        return this.colors.hex.toUpperCase();
-      } }, methods: { handlerClick: function(t) {
-        this.colorChange({ hex: t, source: "hex" });
-      } } };
-    }, function(c, i, e) {
-      function n(r) {
-        return r && r.__esModule ? r : { default: r };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(5), a = n(o), t = e(3), f = n(t);
-      i.default = { name: "Material", mixins: [f.default], components: { "ed-in": a.default }, methods: { onChange: function(r) {
-        r && (r.hex ? this.isValidHex(r.hex) && this.colorChange({ hex: r.hex, source: "hex" }) : (r.r || r.g || r.b) && this.colorChange({ r: r.r || this.colors.rgba.r, g: r.g || this.colors.rgba.g, b: r.b || this.colors.rgba.b, a: r.a || this.colors.rgba.a, source: "rgba" }));
-      } } };
-    }, function(c, i, e) {
-      function n(h) {
-        return h && h.__esModule ? h : { default: h };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(81), a = n(o), t = e(3), f = n(t), r = e(13), s = n(r);
-      i.default = { name: "Slider", mixins: [f.default], props: { swatches: { type: Array, default: function() {
-        return [{ s: 0.5, l: 0.8 }, { s: 0.5, l: 0.65 }, { s: 0.5, l: 0.5 }, { s: 0.5, l: 0.35 }, { s: 0.5, l: 0.2 }];
-      } } }, components: { hue: s.default }, computed: { normalizedSwatches: function() {
-        return this.swatches.map(function(h) {
-          return (h === void 0 ? "undefined" : (0, a.default)(h)) !== "object" ? { s: 0.5, l: h } : h;
-        });
-      } }, methods: { isActive: function(h, d) {
-        var g = this.colors.hsl;
-        return g.l === 1 && h.l === 1 || g.l === 0 && h.l === 0 || Math.abs(g.l - h.l) < 0.01 && Math.abs(g.s - h.s) < 0.01;
-      }, hueChange: function(h) {
-        this.colorChange(h);
-      }, handleSwClick: function(h, d) {
-        this.colorChange({ h: this.colors.hsl.h, s: d.s, l: d.l, source: "hsl" });
-      } } };
-    }, function(c, i, e) {
-      var n = e(14), o = e(41), a = e(44), t = e(7), f = e(26), r = e(88), s = e(31), h = e(95), d = e(11)("iterator"), g = !([].keys && "next" in [].keys()), O = function() {
-        return this;
-      };
-      c.exports = function(x, C, _, F, H, W, S) {
-        r(_, C, F);
-        var j, L, A, v = function(U) {
-          if (!g && U in I)
-            return I[U];
-          switch (U) {
-            case "keys":
-            case "values":
-              return function() {
-                return new _(this, U);
-              };
-          }
-          return function() {
-            return new _(this, U);
-          };
-        }, M = C + " Iterator", R = H == "values", D = !1, I = x.prototype, P = I[d] || I["@@iterator"] || H && I[H], q = P || v(H), N = H ? R ? v("entries") : q : void 0, at = C == "Array" && I.entries || P;
-        if (at && (A = h(at.call(new x()))) !== Object.prototype && A.next && (s(A, M, !0), n || typeof A[d] == "function" || t(A, d, O)), R && P && P.name !== "values" && (D = !0, q = function() {
-          return P.call(this);
-        }), n && !S || !g && !D && I[d] || t(I, d, q), f[C] = q, f[M] = O, H)
-          if (j = { values: R ? q : v("values"), keys: W ? q : v("keys"), entries: N }, S)
-            for (L in j)
-              L in I || a(I, L, j[L]);
-          else
-            o(o.P + o.F * (g || D), C, j);
-        return j;
-      };
-    }, function(c, i, e) {
-      var n = e(4), o = e(15), a = e(86), t = e(7), f = e(6), r = function(s, h, d) {
-        var g, O, x, C = s & r.F, _ = s & r.G, F = s & r.S, H = s & r.P, W = s & r.B, S = s & r.W, j = _ ? o : o[h] || (o[h] = {}), L = j.prototype, A = _ ? n : F ? n[h] : (n[h] || {}).prototype;
-        _ && (d = h);
-        for (g in d)
-          (O = !C && A && A[g] !== void 0) && f(j, g) || (x = O ? A[g] : d[g], j[g] = _ && typeof A[g] != "function" ? d[g] : W && O ? a(x, n) : S && A[g] == x ? function(v) {
-            var M = function(R, D, I) {
-              if (this instanceof v) {
-                switch (arguments.length) {
-                  case 0:
-                    return new v();
-                  case 1:
-                    return new v(R);
-                  case 2:
-                    return new v(R, D);
-                }
-                return new v(R, D, I);
-              }
-              return v.apply(this, arguments);
-            };
-            return M.prototype = v.prototype, M;
-          }(x) : H && typeof x == "function" ? a(Function.call, x) : x, H && ((j.virtual || (j.virtual = {}))[g] = x, s & r.R && L && !L[g] && t(L, g, x)));
-      };
-      r.F = 1, r.G = 2, r.S = 4, r.P = 8, r.B = 16, r.W = 32, r.U = 64, r.R = 128, c.exports = r;
-    }, function(c, i, e) {
-      c.exports = !e(9) && !e(17)(function() {
-        return Object.defineProperty(e(43)("div"), "a", { get: function() {
-          return 7;
-        } }).a != 7;
-      });
-    }, function(c, i, e) {
-      var n = e(12), o = e(4).document, a = n(o) && n(o.createElement);
-      c.exports = function(t) {
-        return a ? o.createElement(t) : {};
-      };
-    }, function(c, i, e) {
-      c.exports = e(7);
-    }, function(c, i, e) {
-      var n = e(16), o = e(89), a = e(30), t = e(28)("IE_PROTO"), f = function() {
-      }, r = function() {
-        var s, h = e(43)("iframe"), d = a.length;
-        for (h.style.display = "none", e(94).appendChild(h), h.src = "javascript:", s = h.contentWindow.document, s.open(), s.write("<script>document.F=Object<\/script>"), s.close(), r = s.F; d--; )
-          delete r.prototype[a[d]];
-        return r();
-      };
-      c.exports = Object.create || function(s, h) {
-        var d;
-        return s !== null ? (f.prototype = n(s), d = new f(), f.prototype = null, d[t] = s) : d = r(), h === void 0 ? d : o(d, h);
-      };
-    }, function(c, i, e) {
-      var n = e(6), o = e(10), a = e(91)(!1), t = e(28)("IE_PROTO");
-      c.exports = function(f, r) {
-        var s, h = o(f), d = 0, g = [];
-        for (s in h)
-          s != t && n(h, s) && g.push(s);
-        for (; r.length > d; )
-          n(h, s = r[d++]) && (~a(g, s) || g.push(s));
-        return g;
-      };
-    }, function(c, i) {
-      var e = {}.toString;
-      c.exports = function(n) {
-        return e.call(n).slice(8, -1);
-      };
-    }, function(c, i, e) {
-      var n = e(24);
-      c.exports = function(o) {
-        return Object(n(o));
-      };
-    }, function(c, i) {
-      i.f = Object.getOwnPropertySymbols;
-    }, function(c, i, e) {
-      var n = e(46), o = e(30).concat("length", "prototype");
-      i.f = Object.getOwnPropertyNames || function(a) {
-        return n(a, o);
-      };
-    }, function(c, i, e) {
-      Object.defineProperty(i, "__esModule", { value: !0 }), i.default = { name: "Hue", props: { value: Object, direction: { type: String, default: "horizontal" } }, data: function() {
-        return { oldHue: 0, pullDirection: "" };
-      }, computed: { colors: function() {
-        var n = this.value.hsl.h;
-        return n !== 0 && n - this.oldHue > 0 && (this.pullDirection = "right"), n !== 0 && n - this.oldHue < 0 && (this.pullDirection = "left"), this.oldHue = n, this.value;
-      }, directionClass: function() {
-        return { "vc-hue--horizontal": this.direction === "horizontal", "vc-hue--vertical": this.direction === "vertical" };
-      }, pointerTop: function() {
-        return this.direction === "vertical" ? this.colors.hsl.h === 0 && this.pullDirection === "right" ? 0 : -100 * this.colors.hsl.h / 360 + 100 + "%" : 0;
-      }, pointerLeft: function() {
-        return this.direction === "vertical" ? 0 : this.colors.hsl.h === 0 && this.pullDirection === "right" ? "100%" : 100 * this.colors.hsl.h / 360 + "%";
-      } }, methods: { handleChange: function(n, o) {
-        !o && n.preventDefault();
-        var a = this.$refs.container;
-        if (a) {
-          var t, f, r = a.clientWidth, s = a.clientHeight, h = a.getBoundingClientRect().left + window.pageXOffset, d = a.getBoundingClientRect().top + window.pageYOffset, g = n.pageX || (n.touches ? n.touches[0].pageX : 0), O = n.pageY || (n.touches ? n.touches[0].pageY : 0), x = g - h, C = O - d;
-          this.direction === "vertical" ? (C < 0 ? t = 360 : C > s ? t = 0 : (f = -100 * C / s + 100, t = 360 * f / 100), this.colors.hsl.h !== t && this.$emit("change", { h: t, s: this.colors.hsl.s, l: this.colors.hsl.l, a: this.colors.hsl.a, source: "hsl" })) : (x < 0 ? t = 0 : x > r ? t = 360 : (f = 100 * x / r, t = 360 * f / 100), this.colors.hsl.h !== t && this.$emit("change", { h: t, s: this.colors.hsl.s, l: this.colors.hsl.l, a: this.colors.hsl.a, source: "hsl" }));
-        }
-      }, handleMouseDown: function(n) {
-        this.handleChange(n, !0), window.addEventListener("mousemove", this.handleChange), window.addEventListener("mouseup", this.handleMouseUp);
-      }, handleMouseUp: function(n) {
-        this.unbindEventListeners();
-      }, unbindEventListeners: function() {
-        window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
-      } } };
-    }, function(c, i, e) {
-      function n(d) {
-        return d && d.__esModule ? d : { default: d };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(118), a = n(o), t = e(3), f = n(t), r = ["red", "pink", "purple", "deepPurple", "indigo", "blue", "lightBlue", "cyan", "teal", "green", "lightGreen", "lime", "yellow", "amber", "orange", "deepOrange", "brown", "blueGrey", "black"], s = ["900", "700", "500", "300", "100"], h = function() {
-        var d = [];
-        return r.forEach(function(g) {
-          var O = [];
-          g.toLowerCase() === "black" || g.toLowerCase() === "white" ? O = O.concat(["#000000", "#FFFFFF"]) : s.forEach(function(x) {
-            var C = a.default[g][x];
-            O.push(C.toUpperCase());
-          }), d.push(O);
-        }), d;
-      }();
-      i.default = { name: "Swatches", mixins: [f.default], props: { palette: { type: Array, default: function() {
-        return h;
-      } } }, computed: { pick: function() {
-        return this.colors.hex;
-      } }, methods: { equal: function(d) {
-        return d.toLowerCase() === this.colors.hex.toLowerCase();
-      }, handlerClick: function(d) {
-        this.colorChange({ hex: d, source: "hex" });
-      } } };
-    }, function(c, i, e) {
-      function n(x) {
-        return x && x.__esModule ? x : { default: x };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(3), a = n(o), t = e(5), f = n(t), r = e(20), s = n(r), h = e(13), d = n(h), g = e(21), O = n(g);
-      i.default = { name: "Photoshop", mixins: [a.default], props: { head: { type: String, default: "Color Picker" }, disableFields: { type: Boolean, default: !1 }, hasResetButton: { type: Boolean, default: !1 }, acceptLabel: { type: String, default: "OK" }, cancelLabel: { type: String, default: "Cancel" }, resetLabel: { type: String, default: "Reset" }, newLabel: { type: String, default: "new" }, currentLabel: { type: String, default: "current" } }, components: { saturation: s.default, hue: d.default, alpha: O.default, "ed-in": f.default }, data: function() {
-        return { currentColor: "#FFF" };
-      }, computed: { hsv: function() {
-        var x = this.colors.hsv;
-        return { h: x.h.toFixed(), s: (100 * x.s).toFixed(), v: (100 * x.v).toFixed() };
-      }, hex: function() {
-        var x = this.colors.hex;
-        return x && x.replace("#", "");
-      } }, created: function() {
-        this.currentColor = this.colors.hex;
-      }, methods: { childChange: function(x) {
-        this.colorChange(x);
-      }, inputChange: function(x) {
-        x && (x["#"] ? this.isValidHex(x["#"]) && this.colorChange({ hex: x["#"], source: "hex" }) : x.r || x.g || x.b || x.a ? this.colorChange({ r: x.r || this.colors.rgba.r, g: x.g || this.colors.rgba.g, b: x.b || this.colors.rgba.b, a: x.a || this.colors.rgba.a, source: "rgba" }) : (x.h || x.s || x.v) && this.colorChange({ h: x.h || this.colors.hsv.h, s: x.s / 100 || this.colors.hsv.s, v: x.v / 100 || this.colors.hsv.v, source: "hsv" }));
-      }, clickCurrentColor: function() {
-        this.colorChange({ hex: this.currentColor, source: "hex" });
-      }, handleAccept: function() {
-        this.$emit("ok");
-      }, handleCancel: function() {
-        this.$emit("cancel");
-      }, handleReset: function() {
-        this.$emit("reset");
-      } } };
-    }, function(c, i, e) {
-      function n(r) {
-        return r && r.__esModule ? r : { default: r };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(125), a = n(o), t = e(126), f = n(t);
-      i.default = { name: "Saturation", props: { value: Object }, computed: { colors: function() {
-        return this.value;
-      }, bgColor: function() {
-        return "hsl(" + this.colors.hsv.h + ", 100%, 50%)";
-      }, pointerTop: function() {
-        return -100 * this.colors.hsv.v + 1 + 100 + "%";
-      }, pointerLeft: function() {
-        return 100 * this.colors.hsv.s + "%";
-      } }, methods: { throttle: (0, f.default)(function(r, s) {
-        r(s);
-      }, 20, { leading: !0, trailing: !1 }), handleChange: function(r, s) {
-        !s && r.preventDefault();
-        var h = this.$refs.container;
-        if (h) {
-          var d = h.clientWidth, g = h.clientHeight, O = h.getBoundingClientRect().left + window.pageXOffset, x = h.getBoundingClientRect().top + window.pageYOffset, C = r.pageX || (r.touches ? r.touches[0].pageX : 0), _ = r.pageY || (r.touches ? r.touches[0].pageY : 0), F = (0, a.default)(C - O, 0, d), H = (0, a.default)(_ - x, 0, g), W = F / d, S = (0, a.default)(-H / g + 1, 0, 1);
-          this.throttle(this.onChange, { h: this.colors.hsv.h, s: W, v: S, a: this.colors.hsv.a, source: "hsva" });
-        }
-      }, onChange: function(r) {
-        this.$emit("change", r);
-      }, handleMouseDown: function(r) {
-        window.addEventListener("mousemove", this.handleChange), window.addEventListener("mouseup", this.handleChange), window.addEventListener("mouseup", this.handleMouseUp);
-      }, handleMouseUp: function(r) {
-        this.unbindEventListeners();
-      }, unbindEventListeners: function() {
-        window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
-      } } };
-    }, function(c, i, e) {
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var n = e(22), o = function(a) {
-        return a && a.__esModule ? a : { default: a };
-      }(n);
-      i.default = { name: "Alpha", props: { value: Object, onChange: Function }, components: { checkboard: o.default }, computed: { colors: function() {
-        return this.value;
-      }, gradientColor: function() {
-        var a = this.colors.rgba, t = [a.r, a.g, a.b].join(",");
-        return "linear-gradient(to right, rgba(" + t + ", 0) 0%, rgba(" + t + ", 1) 100%)";
-      } }, methods: { handleChange: function(a, t) {
-        !t && a.preventDefault();
-        var f = this.$refs.container;
-        if (f) {
-          var r, s = f.clientWidth, h = f.getBoundingClientRect().left + window.pageXOffset, d = a.pageX || (a.touches ? a.touches[0].pageX : 0), g = d - h;
-          r = g < 0 ? 0 : g > s ? 1 : Math.round(100 * g / s) / 100, this.colors.a !== r && this.$emit("change", { h: this.colors.hsl.h, s: this.colors.hsl.s, l: this.colors.hsl.l, a: r, source: "rgba" });
-        }
-      }, handleMouseDown: function(a) {
-        this.handleChange(a, !0), window.addEventListener("mousemove", this.handleChange), window.addEventListener("mouseup", this.handleMouseUp);
-      }, handleMouseUp: function() {
-        this.unbindEventListeners();
-      }, unbindEventListeners: function() {
-        window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
-      } } };
-    }, function(c, i, e) {
-      function n(t, f, r) {
-        if (typeof document > "u")
-          return null;
-        var s = document.createElement("canvas");
-        s.width = s.height = 2 * r;
-        var h = s.getContext("2d");
-        return h ? (h.fillStyle = t, h.fillRect(0, 0, s.width, s.height), h.fillStyle = f, h.fillRect(0, 0, r, r), h.translate(r, r), h.fillRect(0, 0, r, r), s.toDataURL()) : null;
-      }
-      function o(t, f, r) {
-        var s = t + "," + f + "," + r;
-        if (a[s])
-          return a[s];
-        var h = n(t, f, r);
-        return a[s] = h, h;
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var a = {};
-      i.default = { name: "Checkboard", props: { size: { type: [Number, String], default: 8 }, white: { type: String, default: "#fff" }, grey: { type: String, default: "#e6e6e6" } }, computed: { bgStyle: function() {
-        return { "background-image": "url(" + o(this.white, this.grey, this.size) + ")" };
-      } } };
-    }, function(c, i, e) {
-      function n(F) {
-        return F && F.__esModule ? F : { default: F };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(3), a = n(o), t = e(5), f = n(t), r = e(20), s = n(r), h = e(13), d = n(h), g = e(21), O = n(g), x = e(22), C = n(x), _ = ["#D0021B", "#F5A623", "#F8E71C", "#8B572A", "#7ED321", "#417505", "#BD10E0", "#9013FE", "#4A90E2", "#50E3C2", "#B8E986", "#000000", "#4A4A4A", "#9B9B9B", "#FFFFFF", "rgba(0,0,0,0)"];
-      i.default = { name: "Sketch", mixins: [a.default], components: { saturation: s.default, hue: d.default, alpha: O.default, "ed-in": f.default, checkboard: C.default }, props: { presetColors: { type: Array, default: function() {
-        return _;
-      } }, disableAlpha: { type: Boolean, default: !1 }, disableFields: { type: Boolean, default: !1 } }, computed: { hex: function() {
-        var F = void 0;
-        return F = this.colors.a < 1 ? this.colors.hex8 : this.colors.hex, F.replace("#", "");
-      }, activeColor: function() {
-        var F = this.colors.rgba;
-        return "rgba(" + [F.r, F.g, F.b, F.a].join(",") + ")";
-      } }, methods: { handlePreset: function(F) {
-        this.colorChange({ hex: F, source: "hex" });
-      }, childChange: function(F) {
-        this.colorChange(F);
-      }, inputChange: function(F) {
-        F && (F.hex ? this.isValidHex(F.hex) && this.colorChange({ hex: F.hex, source: "hex" }) : (F.r || F.g || F.b || F.a) && this.colorChange({ r: F.r || this.colors.rgba.r, g: F.g || this.colors.rgba.g, b: F.b || this.colors.rgba.b, a: F.a || this.colors.rgba.a, source: "rgba" }));
-      } } };
-    }, function(c, i, e) {
-      function n(_) {
-        return _ && _.__esModule ? _ : { default: _ };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(3), a = n(o), t = e(5), f = n(t), r = e(20), s = n(r), h = e(13), d = n(h), g = e(21), O = n(g), x = e(22), C = n(x);
-      i.default = { name: "Chrome", mixins: [a.default], props: { disableAlpha: { type: Boolean, default: !1 }, disableFields: { type: Boolean, default: !1 } }, components: { saturation: s.default, hue: d.default, alpha: O.default, "ed-in": f.default, checkboard: C.default }, data: function() {
-        return { fieldsIndex: 0, highlight: !1 };
-      }, computed: { hsl: function() {
-        var _ = this.colors.hsl, F = _.h, H = _.s, W = _.l;
-        return { h: F.toFixed(), s: (100 * H).toFixed() + "%", l: (100 * W).toFixed() + "%" };
-      }, activeColor: function() {
-        var _ = this.colors.rgba;
-        return "rgba(" + [_.r, _.g, _.b, _.a].join(",") + ")";
-      }, hasAlpha: function() {
-        return this.colors.a < 1;
-      } }, methods: { childChange: function(_) {
-        this.colorChange(_);
-      }, inputChange: function(_) {
-        if (_) {
-          if (_.hex)
-            this.isValidHex(_.hex) && this.colorChange({ hex: _.hex, source: "hex" });
-          else if (_.r || _.g || _.b || _.a)
-            this.colorChange({ r: _.r || this.colors.rgba.r, g: _.g || this.colors.rgba.g, b: _.b || this.colors.rgba.b, a: _.a || this.colors.rgba.a, source: "rgba" });
-          else if (_.h || _.s || _.l) {
-            var F = _.s ? _.s.replace("%", "") / 100 : this.colors.hsl.s, H = _.l ? _.l.replace("%", "") / 100 : this.colors.hsl.l;
-            this.colorChange({ h: _.h || this.colors.hsl.h, s: F, l: H, source: "hsl" });
-          }
-        }
-      }, toggleViews: function() {
-        if (this.fieldsIndex >= 2)
-          return void (this.fieldsIndex = 0);
-        this.fieldsIndex++;
-      }, showHighlight: function() {
-        this.highlight = !0;
-      }, hideHighlight: function() {
-        this.highlight = !1;
-      } } };
-    }, function(c, i, e) {
-      function n(s) {
-        return s && s.__esModule ? s : { default: s };
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(5), a = n(o), t = e(3), f = n(t), r = ["#FF6900", "#FCB900", "#7BDCB5", "#00D084", "#8ED1FC", "#0693E3", "#ABB8C3", "#EB144C", "#F78DA7", "#9900EF"];
-      i.default = { name: "Twitter", mixins: [f.default], components: { editableInput: a.default }, props: { width: { type: [String, Number], default: 276 }, defaultColors: { type: Array, default: function() {
-        return r;
-      } }, triangle: { default: "top-left", validator: function(s) {
-        return ["hide", "top-left", "top-right"].includes(s);
-      } } }, computed: { hsv: function() {
-        var s = this.colors.hsv;
-        return { h: s.h.toFixed(), s: (100 * s.s).toFixed(), v: (100 * s.v).toFixed() };
-      }, hex: function() {
-        var s = this.colors.hex;
-        return s && s.replace("#", "");
-      } }, methods: { equal: function(s) {
-        return s.toLowerCase() === this.colors.hex.toLowerCase();
-      }, handlerClick: function(s) {
-        this.colorChange({ hex: s, source: "hex" });
-      }, inputChange: function(s) {
-        s && (s["#"] ? this.isValidHex(s["#"]) && this.colorChange({ hex: s["#"], source: "hex" }) : s.r || s.g || s.b || s.a ? this.colorChange({ r: s.r || this.colors.rgba.r, g: s.g || this.colors.rgba.g, b: s.b || this.colors.rgba.b, a: s.a || this.colors.rgba.a, source: "rgba" }) : (s.h || s.s || s.v) && this.colorChange({ h: s.h || this.colors.hsv.h, s: s.s / 100 || this.colors.hsv.s, v: s.v / 100 || this.colors.hsv.v, source: "hsv" }));
-      } } };
-    }, function(c, i, e) {
-      function n(K) {
-        return K && K.__esModule ? K : { default: K };
-      }
-      var o = e(61), a = n(o), t = e(70), f = n(t), r = e(74), s = n(r), h = e(78), d = n(h), g = e(115), O = n(g), x = e(120), C = n(x), _ = e(135), F = n(_), H = e(139), W = n(H), S = e(143), j = n(S), L = e(21), A = n(L), v = e(22), M = n(v), R = e(5), D = n(R), I = e(13), P = n(I), q = e(20), N = n(q), at = e(3), U = n(at), Y = { version: "2.8.1", Compact: a.default, Grayscale: f.default, Twitter: j.default, Material: s.default, Slider: d.default, Swatches: O.default, Photoshop: C.default, Sketch: F.default, Chrome: W.default, Alpha: A.default, Checkboard: M.default, EditableInput: D.default, Hue: P.default, Saturation: N.default, ColorMixin: U.default };
-      c.exports = Y;
-    }, function(c, i, e) {
-      function n(d) {
-        e(62);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(35), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(69), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Compact.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(63);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("6ce8a5a8", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-compact {
-  padding-top: 5px;
-  padding-left: 5px;
-  width: 245px;
-  border-radius: 2px;
-  box-sizing: border-box;
-  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);
-  background-color: #fff;
-}
-.vc-compact-colors {
-  overflow: hidden;
-  padding: 0;
-  margin: 0;
-}
-.vc-compact-color-item {
-  list-style: none;
-  width: 15px;
-  height: 15px;
-  float: left;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  position: relative;
-  cursor: pointer;
-}
-.vc-compact-color-item--white {
-  box-shadow: inset 0 0 0 1px #ddd;
-}
-.vc-compact-color-item--white .vc-compact-dot {
-  background: #000;
-}
-.vc-compact-dot {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  bottom: 5px;
-  left: 5px;
-  border-radius: 50%;
-  opacity: 1;
-  background: #fff;
-}
-`, ""]);
-    }, function(c, i) {
-      c.exports = function(e, n) {
-        for (var o = [], a = {}, t = 0; t < n.length; t++) {
-          var f = n[t], r = f[0], s = f[1], h = f[2], d = f[3], g = { id: e + ":" + t, css: s, media: h, sourceMap: d };
-          a[r] ? a[r].parts.push(g) : o.push(a[r] = { id: r, parts: [g] });
-        }
-        return o;
-      };
-    }, function(c, i, e) {
-      var n;
-      (function(o) {
-        function a(l, p) {
-          if (l = l || "", p = p || {}, l instanceof a)
-            return l;
-          if (!(this instanceof a))
-            return new a(l, p);
-          var u = t(l);
-          this._originalInput = l, this._r = u.r, this._g = u.g, this._b = u.b, this._a = u.a, this._roundA = E(100 * this._a) / 100, this._format = p.format || u.format, this._gradientType = p.gradientType, this._r < 1 && (this._r = E(this._r)), this._g < 1 && (this._g = E(this._g)), this._b < 1 && (this._b = E(this._b)), this._ok = u.ok, this._tc_id = lt++;
-        }
-        function t(l) {
-          var p = { r: 0, g: 0, b: 0 }, u = 1, b = null, k = null, w = null, T = !1, $ = !1;
-          return typeof l == "string" && (l = ot(l)), typeof l == "object" && (tt(l.r) && tt(l.g) && tt(l.b) ? (p = f(l.r, l.g, l.b), T = !0, $ = String(l.r).substr(-1) === "%" ? "prgb" : "rgb") : tt(l.h) && tt(l.s) && tt(l.v) ? (b = K(l.s), k = K(l.v), p = d(l.h, b, k), T = !0, $ = "hsv") : tt(l.h) && tt(l.s) && tt(l.l) && (b = K(l.s), w = K(l.l), p = s(l.h, b, w), T = !0, $ = "hsl"), l.hasOwnProperty("a") && (u = l.a)), u = I(u), { ok: T, format: l.format || $, r: Z(255, B(p.r, 0)), g: Z(255, B(p.g, 0)), b: Z(255, B(p.b, 0)), a: u };
-        }
-        function f(l, p, u) {
-          return { r: 255 * P(l, 255), g: 255 * P(p, 255), b: 255 * P(u, 255) };
-        }
-        function r(l, p, u) {
-          l = P(l, 255), p = P(p, 255), u = P(u, 255);
-          var b, k, w = B(l, p, u), T = Z(l, p, u), $ = (w + T) / 2;
-          if (w == T)
-            b = k = 0;
-          else {
-            var V = w - T;
-            switch (k = $ > 0.5 ? V / (2 - w - T) : V / (w + T), w) {
-              case l:
-                b = (p - u) / V + (p < u ? 6 : 0);
-                break;
-              case p:
-                b = (u - l) / V + 2;
-                break;
-              case u:
-                b = (l - p) / V + 4;
-            }
-            b /= 6;
-          }
-          return { h: b, s: k, l: $ };
-        }
-        function s(l, p, u) {
-          function b(st, m, y) {
-            return y < 0 && (y += 1), y > 1 && (y -= 1), y < 1 / 6 ? st + 6 * (m - st) * y : y < 0.5 ? m : y < 2 / 3 ? st + (m - st) * (2 / 3 - y) * 6 : st;
-          }
-          var k, w, T;
-          if (l = P(l, 360), p = P(p, 100), u = P(u, 100), p === 0)
-            k = w = T = u;
-          else {
-            var $ = u < 0.5 ? u * (1 + p) : u + p - u * p, V = 2 * u - $;
-            k = b(V, $, l + 1 / 3), w = b(V, $, l), T = b(V, $, l - 1 / 3);
-          }
-          return { r: 255 * k, g: 255 * w, b: 255 * T };
-        }
-        function h(l, p, u) {
-          l = P(l, 255), p = P(p, 255), u = P(u, 255);
-          var b, k, w = B(l, p, u), T = Z(l, p, u), $ = w, V = w - T;
-          if (k = w === 0 ? 0 : V / w, w == T)
-            b = 0;
-          else {
-            switch (w) {
-              case l:
-                b = (p - u) / V + (p < u ? 6 : 0);
-                break;
-              case p:
-                b = (u - l) / V + 2;
-                break;
-              case u:
-                b = (l - p) / V + 4;
-            }
-            b /= 6;
-          }
-          return { h: b, s: k, v: $ };
-        }
-        function d(l, p, u) {
-          l = 6 * P(l, 360), p = P(p, 100), u = P(u, 100);
-          var b = o.floor(l), k = l - b, w = u * (1 - p), T = u * (1 - k * p), $ = u * (1 - (1 - k) * p), V = b % 6;
-          return { r: 255 * [u, T, w, w, $, u][V], g: 255 * [$, u, u, T, w, w][V], b: 255 * [w, w, $, u, u, T][V] };
-        }
-        function g(l, p, u, b) {
-          var k = [Y(E(l).toString(16)), Y(E(p).toString(16)), Y(E(u).toString(16))];
-          return b && k[0].charAt(0) == k[0].charAt(1) && k[1].charAt(0) == k[1].charAt(1) && k[2].charAt(0) == k[2].charAt(1) ? k[0].charAt(0) + k[1].charAt(0) + k[2].charAt(0) : k.join("");
-        }
-        function O(l, p, u, b, k) {
-          var w = [Y(E(l).toString(16)), Y(E(p).toString(16)), Y(E(u).toString(16)), Y(G(b))];
-          return k && w[0].charAt(0) == w[0].charAt(1) && w[1].charAt(0) == w[1].charAt(1) && w[2].charAt(0) == w[2].charAt(1) && w[3].charAt(0) == w[3].charAt(1) ? w[0].charAt(0) + w[1].charAt(0) + w[2].charAt(0) + w[3].charAt(0) : w.join("");
-        }
-        function x(l, p, u, b) {
-          return [Y(G(b)), Y(E(l).toString(16)), Y(E(p).toString(16)), Y(E(u).toString(16))].join("");
-        }
-        function C(l, p) {
-          p = p === 0 ? 0 : p || 10;
-          var u = a(l).toHsl();
-          return u.s -= p / 100, u.s = q(u.s), a(u);
-        }
-        function _(l, p) {
-          p = p === 0 ? 0 : p || 10;
-          var u = a(l).toHsl();
-          return u.s += p / 100, u.s = q(u.s), a(u);
-        }
-        function F(l) {
-          return a(l).desaturate(100);
-        }
-        function H(l, p) {
-          p = p === 0 ? 0 : p || 10;
-          var u = a(l).toHsl();
-          return u.l += p / 100, u.l = q(u.l), a(u);
-        }
-        function W(l, p) {
-          p = p === 0 ? 0 : p || 10;
-          var u = a(l).toRgb();
-          return u.r = B(0, Z(255, u.r - E(-p / 100 * 255))), u.g = B(0, Z(255, u.g - E(-p / 100 * 255))), u.b = B(0, Z(255, u.b - E(-p / 100 * 255))), a(u);
-        }
-        function S(l, p) {
-          p = p === 0 ? 0 : p || 10;
-          var u = a(l).toHsl();
-          return u.l -= p / 100, u.l = q(u.l), a(u);
-        }
-        function j(l, p) {
-          var u = a(l).toHsl(), b = (u.h + p) % 360;
-          return u.h = b < 0 ? 360 + b : b, a(u);
-        }
-        function L(l) {
-          var p = a(l).toHsl();
-          return p.h = (p.h + 180) % 360, a(p);
-        }
-        function A(l) {
-          var p = a(l).toHsl(), u = p.h;
-          return [a(l), a({ h: (u + 120) % 360, s: p.s, l: p.l }), a({ h: (u + 240) % 360, s: p.s, l: p.l })];
-        }
-        function v(l) {
-          var p = a(l).toHsl(), u = p.h;
-          return [a(l), a({ h: (u + 90) % 360, s: p.s, l: p.l }), a({ h: (u + 180) % 360, s: p.s, l: p.l }), a({ h: (u + 270) % 360, s: p.s, l: p.l })];
-        }
-        function M(l) {
-          var p = a(l).toHsl(), u = p.h;
-          return [a(l), a({ h: (u + 72) % 360, s: p.s, l: p.l }), a({ h: (u + 216) % 360, s: p.s, l: p.l })];
-        }
-        function R(l, p, u) {
-          p = p || 6, u = u || 30;
-          var b = a(l).toHsl(), k = 360 / u, w = [a(l)];
-          for (b.h = (b.h - (k * p >> 1) + 720) % 360; --p; )
-            b.h = (b.h + k) % 360, w.push(a(b));
-          return w;
-        }
-        function D(l, p) {
-          p = p || 6;
-          for (var u = a(l).toHsv(), b = u.h, k = u.s, w = u.v, T = [], $ = 1 / p; p--; )
-            T.push(a({ h: b, s: k, v: w })), w = (w + $) % 1;
-          return T;
-        }
-        function I(l) {
-          return l = parseFloat(l), (isNaN(l) || l < 0 || l > 1) && (l = 1), l;
-        }
-        function P(l, p) {
-          at(l) && (l = "100%");
-          var u = U(l);
-          return l = Z(p, B(0, parseFloat(l))), u && (l = parseInt(l * p, 10) / 100), o.abs(l - p) < 1e-6 ? 1 : l % p / parseFloat(p);
-        }
-        function q(l) {
-          return Z(1, B(0, l));
-        }
-        function N(l) {
-          return parseInt(l, 16);
-        }
-        function at(l) {
-          return typeof l == "string" && l.indexOf(".") != -1 && parseFloat(l) === 1;
-        }
-        function U(l) {
-          return typeof l == "string" && l.indexOf("%") != -1;
-        }
-        function Y(l) {
-          return l.length == 1 ? "0" + l : "" + l;
-        }
-        function K(l) {
-          return l <= 1 && (l = 100 * l + "%"), l;
-        }
-        function G(l) {
-          return o.round(255 * parseFloat(l)).toString(16);
-        }
-        function ct(l) {
-          return N(l) / 255;
-        }
-        function tt(l) {
-          return !!rt.CSS_UNIT.exec(l);
-        }
-        function ot(l) {
-          l = l.replace(et, "").replace(J, "").toLowerCase();
-          var p = !1;
-          if (it[l])
-            l = it[l], p = !0;
-          else if (l == "transparent")
-            return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-          var u;
-          return (u = rt.rgb.exec(l)) ? { r: u[1], g: u[2], b: u[3] } : (u = rt.rgba.exec(l)) ? { r: u[1], g: u[2], b: u[3], a: u[4] } : (u = rt.hsl.exec(l)) ? { h: u[1], s: u[2], l: u[3] } : (u = rt.hsla.exec(l)) ? { h: u[1], s: u[2], l: u[3], a: u[4] } : (u = rt.hsv.exec(l)) ? { h: u[1], s: u[2], v: u[3] } : (u = rt.hsva.exec(l)) ? { h: u[1], s: u[2], v: u[3], a: u[4] } : (u = rt.hex8.exec(l)) ? { r: N(u[1]), g: N(u[2]), b: N(u[3]), a: ct(u[4]), format: p ? "name" : "hex8" } : (u = rt.hex6.exec(l)) ? { r: N(u[1]), g: N(u[2]), b: N(u[3]), format: p ? "name" : "hex" } : (u = rt.hex4.exec(l)) ? { r: N(u[1] + "" + u[1]), g: N(u[2] + "" + u[2]), b: N(u[3] + "" + u[3]), a: ct(u[4] + "" + u[4]), format: p ? "name" : "hex8" } : !!(u = rt.hex3.exec(l)) && { r: N(u[1] + "" + u[1]), g: N(u[2] + "" + u[2]), b: N(u[3] + "" + u[3]), format: p ? "name" : "hex" };
-        }
-        function X(l) {
-          var p, u;
-          return l = l || { level: "AA", size: "small" }, p = (l.level || "AA").toUpperCase(), u = (l.size || "small").toLowerCase(), p !== "AA" && p !== "AAA" && (p = "AA"), u !== "small" && u !== "large" && (u = "small"), { level: p, size: u };
-        }
-        var et = /^\s+/, J = /\s+$/, lt = 0, E = o.round, Z = o.min, B = o.max, nt = o.random;
-        a.prototype = { isDark: function() {
-          return this.getBrightness() < 128;
-        }, isLight: function() {
-          return !this.isDark();
-        }, isValid: function() {
-          return this._ok;
-        }, getOriginalInput: function() {
-          return this._originalInput;
-        }, getFormat: function() {
-          return this._format;
-        }, getAlpha: function() {
-          return this._a;
-        }, getBrightness: function() {
-          var l = this.toRgb();
-          return (299 * l.r + 587 * l.g + 114 * l.b) / 1e3;
-        }, getLuminance: function() {
-          var l, p, u, b, k, w, T = this.toRgb();
-          return l = T.r / 255, p = T.g / 255, u = T.b / 255, b = l <= 0.03928 ? l / 12.92 : o.pow((l + 0.055) / 1.055, 2.4), k = p <= 0.03928 ? p / 12.92 : o.pow((p + 0.055) / 1.055, 2.4), w = u <= 0.03928 ? u / 12.92 : o.pow((u + 0.055) / 1.055, 2.4), 0.2126 * b + 0.7152 * k + 0.0722 * w;
-        }, setAlpha: function(l) {
-          return this._a = I(l), this._roundA = E(100 * this._a) / 100, this;
-        }, toHsv: function() {
-          var l = h(this._r, this._g, this._b);
-          return { h: 360 * l.h, s: l.s, v: l.v, a: this._a };
-        }, toHsvString: function() {
-          var l = h(this._r, this._g, this._b), p = E(360 * l.h), u = E(100 * l.s), b = E(100 * l.v);
-          return this._a == 1 ? "hsv(" + p + ", " + u + "%, " + b + "%)" : "hsva(" + p + ", " + u + "%, " + b + "%, " + this._roundA + ")";
-        }, toHsl: function() {
-          var l = r(this._r, this._g, this._b);
-          return { h: 360 * l.h, s: l.s, l: l.l, a: this._a };
-        }, toHslString: function() {
-          var l = r(this._r, this._g, this._b), p = E(360 * l.h), u = E(100 * l.s), b = E(100 * l.l);
-          return this._a == 1 ? "hsl(" + p + ", " + u + "%, " + b + "%)" : "hsla(" + p + ", " + u + "%, " + b + "%, " + this._roundA + ")";
-        }, toHex: function(l) {
-          return g(this._r, this._g, this._b, l);
-        }, toHexString: function(l) {
-          return "#" + this.toHex(l);
-        }, toHex8: function(l) {
-          return O(this._r, this._g, this._b, this._a, l);
-        }, toHex8String: function(l) {
-          return "#" + this.toHex8(l);
-        }, toRgb: function() {
-          return { r: E(this._r), g: E(this._g), b: E(this._b), a: this._a };
-        }, toRgbString: function() {
-          return this._a == 1 ? "rgb(" + E(this._r) + ", " + E(this._g) + ", " + E(this._b) + ")" : "rgba(" + E(this._r) + ", " + E(this._g) + ", " + E(this._b) + ", " + this._roundA + ")";
-        }, toPercentageRgb: function() {
-          return { r: E(100 * P(this._r, 255)) + "%", g: E(100 * P(this._g, 255)) + "%", b: E(100 * P(this._b, 255)) + "%", a: this._a };
-        }, toPercentageRgbString: function() {
-          return this._a == 1 ? "rgb(" + E(100 * P(this._r, 255)) + "%, " + E(100 * P(this._g, 255)) + "%, " + E(100 * P(this._b, 255)) + "%)" : "rgba(" + E(100 * P(this._r, 255)) + "%, " + E(100 * P(this._g, 255)) + "%, " + E(100 * P(this._b, 255)) + "%, " + this._roundA + ")";
-        }, toName: function() {
-          return this._a === 0 ? "transparent" : !(this._a < 1) && (ft[g(this._r, this._g, this._b, !0)] || !1);
-        }, toFilter: function(l) {
-          var p = "#" + x(this._r, this._g, this._b, this._a), u = p, b = this._gradientType ? "GradientType = 1, " : "";
-          if (l) {
-            var k = a(l);
-            u = "#" + x(k._r, k._g, k._b, k._a);
-          }
-          return "progid:DXImageTransform.Microsoft.gradient(" + b + "startColorstr=" + p + ",endColorstr=" + u + ")";
-        }, toString: function(l) {
-          var p = !!l;
-          l = l || this._format;
-          var u = !1, b = this._a < 1 && this._a >= 0;
-          return p || !b || l !== "hex" && l !== "hex6" && l !== "hex3" && l !== "hex4" && l !== "hex8" && l !== "name" ? (l === "rgb" && (u = this.toRgbString()), l === "prgb" && (u = this.toPercentageRgbString()), l !== "hex" && l !== "hex6" || (u = this.toHexString()), l === "hex3" && (u = this.toHexString(!0)), l === "hex4" && (u = this.toHex8String(!0)), l === "hex8" && (u = this.toHex8String()), l === "name" && (u = this.toName()), l === "hsl" && (u = this.toHslString()), l === "hsv" && (u = this.toHsvString()), u || this.toHexString()) : l === "name" && this._a === 0 ? this.toName() : this.toRgbString();
-        }, clone: function() {
-          return a(this.toString());
-        }, _applyModification: function(l, p) {
-          var u = l.apply(null, [this].concat([].slice.call(p)));
-          return this._r = u._r, this._g = u._g, this._b = u._b, this.setAlpha(u._a), this;
-        }, lighten: function() {
-          return this._applyModification(H, arguments);
-        }, brighten: function() {
-          return this._applyModification(W, arguments);
-        }, darken: function() {
-          return this._applyModification(S, arguments);
-        }, desaturate: function() {
-          return this._applyModification(C, arguments);
-        }, saturate: function() {
-          return this._applyModification(_, arguments);
-        }, greyscale: function() {
-          return this._applyModification(F, arguments);
-        }, spin: function() {
-          return this._applyModification(j, arguments);
-        }, _applyCombination: function(l, p) {
-          return l.apply(null, [this].concat([].slice.call(p)));
-        }, analogous: function() {
-          return this._applyCombination(R, arguments);
-        }, complement: function() {
-          return this._applyCombination(L, arguments);
-        }, monochromatic: function() {
-          return this._applyCombination(D, arguments);
-        }, splitcomplement: function() {
-          return this._applyCombination(M, arguments);
-        }, triad: function() {
-          return this._applyCombination(A, arguments);
-        }, tetrad: function() {
-          return this._applyCombination(v, arguments);
-        } }, a.fromRatio = function(l, p) {
-          if (typeof l == "object") {
-            var u = {};
-            for (var b in l)
-              l.hasOwnProperty(b) && (u[b] = b === "a" ? l[b] : K(l[b]));
-            l = u;
-          }
-          return a(l, p);
-        }, a.equals = function(l, p) {
-          return !(!l || !p) && a(l).toRgbString() == a(p).toRgbString();
-        }, a.random = function() {
-          return a.fromRatio({ r: nt(), g: nt(), b: nt() });
-        }, a.mix = function(l, p, u) {
-          u = u === 0 ? 0 : u || 50;
-          var b = a(l).toRgb(), k = a(p).toRgb(), w = u / 100;
-          return a({ r: (k.r - b.r) * w + b.r, g: (k.g - b.g) * w + b.g, b: (k.b - b.b) * w + b.b, a: (k.a - b.a) * w + b.a });
-        }, a.readability = function(l, p) {
-          var u = a(l), b = a(p);
-          return (o.max(u.getLuminance(), b.getLuminance()) + 0.05) / (o.min(u.getLuminance(), b.getLuminance()) + 0.05);
-        }, a.isReadable = function(l, p, u) {
-          var b, k, w = a.readability(l, p);
-          switch (k = !1, b = X(u), b.level + b.size) {
-            case "AAsmall":
-            case "AAAlarge":
-              k = w >= 4.5;
-              break;
-            case "AAlarge":
-              k = w >= 3;
-              break;
-            case "AAAsmall":
-              k = w >= 7;
-          }
-          return k;
-        }, a.mostReadable = function(l, p, u) {
-          var b, k, w, T, $ = null, V = 0;
-          u = u || {}, k = u.includeFallbackColors, w = u.level, T = u.size;
-          for (var st = 0; st < p.length; st++)
-            (b = a.readability(l, p[st])) > V && (V = b, $ = a(p[st]));
-          return a.isReadable(l, $, { level: w, size: T }) || !k ? $ : (u.includeFallbackColors = !1, a.mostReadable(l, ["#fff", "#000"], u));
-        };
-        var it = a.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }, ft = a.hexNames = function(l) {
-          var p = {};
-          for (var u in l)
-            l.hasOwnProperty(u) && (p[l[u]] = u);
-          return p;
-        }(it), rt = function() {
-          var l = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", p = "[\\s|\\(]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")\\s*\\)?", u = "[\\s|\\(]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")[,|\\s]+(" + l + ")\\s*\\)?";
-          return { CSS_UNIT: new RegExp(l), rgb: new RegExp("rgb" + p), rgba: new RegExp("rgba" + u), hsl: new RegExp("hsl" + p), hsla: new RegExp("hsla" + u), hsv: new RegExp("hsv" + p), hsva: new RegExp("hsva" + u), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ };
-        }();
-        c !== void 0 && c.exports ? c.exports = a : (n = (function() {
-          return a;
-        }).call(i, e, i, c)) !== void 0 && (c.exports = n);
-      })(Math);
-    }, function(c, i, e) {
-      var n = e(67);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("0f73e73c", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-editable-input {
-  position: relative;
-}
-.vc-input__input {
-  padding: 0;
-  border: 0;
-  outline: none;
-}
-.vc-input__label {
-  text-transform: capitalize;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-editable-input" }, [r("input", { directives: [{ name: "model", rawName: "v-model", value: t.val, expression: "val" }], ref: "input", staticClass: "vc-input__input", attrs: { "aria-labelledby": t.labelId }, domProps: { value: t.val }, on: { keydown: t.handleKeyDown, input: [function(s) {
-          s.target.composing || (t.val = s.target.value);
-        }, t.update] } }), t._v(" "), r("span", { staticClass: "vc-input__label", attrs: { for: t.label, id: t.labelId } }, [t._v(t._s(t.labelSpanText))]), t._v(" "), r("span", { staticClass: "vc-input__desc" }, [t._v(t._s(t.desc))])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-compact", attrs: { role: "application", "aria-label": "Compact color picker" } }, [r("ul", { staticClass: "vc-compact-colors", attrs: { role: "listbox" } }, t._l(t.paletteUpperCase(t.palette), function(s) {
-          return r("li", { key: s, staticClass: "vc-compact-color-item", class: { "vc-compact-color-item--white": s === "#FFFFFF" }, style: { background: s }, attrs: { role: "option", "aria-label": "color:" + s, "aria-selected": s === t.pick }, on: { click: function(h) {
-            return t.handlerClick(s);
-          } } }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: s === t.pick, expression: "c === pick" }], staticClass: "vc-compact-dot" })]);
-        }), 0)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(71);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(37), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(73), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Grayscale.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(72);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("21ddbb74", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-grayscale {
-  width: 125px;
-  border-radius: 2px;
-  box-shadow: 0 2px 15px rgba(0,0,0,.12), 0 2px 10px rgba(0,0,0,.16);
-  background-color: #fff;
-}
-.vc-grayscale-colors {
-  border-radius: 2px;
-  overflow: hidden;
-  padding: 0;
-  margin: 0;
-}
-.vc-grayscale-color-item {
-  list-style: none;
-  width: 25px;
-  height: 25px;
-  float: left;
-  position: relative;
-  cursor: pointer;
-}
-.vc-grayscale-color-item--white .vc-grayscale-dot {
-  background: #000;
-}
-.vc-grayscale-dot {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 6px;
-  height: 6px;
-  margin: -3px 0 0 -2px;
-  border-radius: 50%;
-  opacity: 1;
-  background: #fff;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-grayscale", attrs: { role: "application", "aria-label": "Grayscale color picker" } }, [r("ul", { staticClass: "vc-grayscale-colors", attrs: { role: "listbox" } }, t._l(t.paletteUpperCase(t.palette), function(s) {
-          return r("li", { key: s, staticClass: "vc-grayscale-color-item", class: { "vc-grayscale-color-item--white": s == "#FFFFFF" }, style: { background: s }, attrs: { role: "option", "aria-label": "Color:" + s, "aria-selected": s === t.pick }, on: { click: function(h) {
-            return t.handlerClick(s);
-          } } }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: s === t.pick, expression: "c === pick" }], staticClass: "vc-grayscale-dot" })]);
-        }), 0)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(75);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(38), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(77), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Material.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(76);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("1ff3af73", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-material {
-  width: 98px;
-  height: 98px;
-  padding: 16px;
-  font-family: "Roboto";
-  position: relative;
-  border-radius: 2px;
-  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);
-  background-color: #fff;
-}
-.vc-material .vc-input__input {
-  width: 100%;
-  margin-top: 12px;
-  font-size: 15px;
-  color: #333;
-  height: 30px;
-}
-.vc-material .vc-input__label {
-  position: absolute;
-  top: 0;
-  left: 0;
-  font-size: 11px;
-  color: #999;
-  text-transform: capitalize;
-}
-.vc-material-hex {
-  border-bottom-width: 2px;
-  border-bottom-style: solid;
-}
-.vc-material-split {
-  display: flex;
-  margin-right: -10px;
-  padding-top: 11px;
-}
-.vc-material-third {
-  flex: 1;
-  padding-right: 10px;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-material", attrs: { role: "application", "aria-label": "Material color picker" } }, [r("ed-in", { staticClass: "vc-material-hex", style: { borderColor: t.colors.hex }, attrs: { label: "hex" }, on: { change: t.onChange }, model: { value: t.colors.hex, callback: function(s) {
-          t.$set(t.colors, "hex", s);
-        }, expression: "colors.hex" } }), t._v(" "), r("div", { staticClass: "vc-material-split" }, [r("div", { staticClass: "vc-material-third" }, [r("ed-in", { attrs: { label: "r" }, on: { change: t.onChange }, model: { value: t.colors.rgba.r, callback: function(s) {
-          t.$set(t.colors.rgba, "r", s);
-        }, expression: "colors.rgba.r" } })], 1), t._v(" "), r("div", { staticClass: "vc-material-third" }, [r("ed-in", { attrs: { label: "g" }, on: { change: t.onChange }, model: { value: t.colors.rgba.g, callback: function(s) {
-          t.$set(t.colors.rgba, "g", s);
-        }, expression: "colors.rgba.g" } })], 1), t._v(" "), r("div", { staticClass: "vc-material-third" }, [r("ed-in", { attrs: { label: "b" }, on: { change: t.onChange }, model: { value: t.colors.rgba.b, callback: function(s) {
-          t.$set(t.colors.rgba, "b", s);
-        }, expression: "colors.rgba.b" } })], 1)])], 1);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(79);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(39), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(114), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Slider.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(80);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("7982aa43", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-slider {
-  position: relative;
-  width: 410px;
-}
-.vc-slider-hue-warp {
-  height: 12px;
-  position: relative;
-}
-.vc-slider-hue-warp .vc-hue-picker {
-  width: 14px;
-  height: 14px;
-  border-radius: 6px;
-  transform: translate(-7px, -2px);
-  background-color: rgb(248, 248, 248);
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
-}
-.vc-slider-swatches {
-  display: flex;
-  margin-top: 20px;
-}
-.vc-slider-swatch {
-  margin-right: 1px;
-  flex: 1;
-  width: 20%;
-}
-.vc-slider-swatch:first-child {
-  margin-right: 1px;
-}
-.vc-slider-swatch:first-child .vc-slider-swatch-picker {
-  border-radius: 2px 0px 0px 2px;
-}
-.vc-slider-swatch:last-child {
-  margin-right: 0;
-}
-.vc-slider-swatch:last-child .vc-slider-swatch-picker {
-  border-radius: 0px 2px 2px 0px;
-}
-.vc-slider-swatch-picker {
-  cursor: pointer;
-  height: 12px;
-}
-.vc-slider-swatch:nth-child(n) .vc-slider-swatch-picker.vc-slider-swatch-picker--active {
-  transform: scaleY(1.8);
-  border-radius: 3.6px/2px;
-}
-.vc-slider-swatch-picker--white {
-  box-shadow: inset 0 0 0 1px #ddd;
-}
-.vc-slider-swatch-picker--active.vc-slider-swatch-picker--white {
-  box-shadow: inset 0 0 0 0.6px #ddd;
-}
-`, ""]);
-    }, function(c, i, e) {
-      function n(s) {
-        return s && s.__esModule ? s : { default: s };
-      }
-      i.__esModule = !0;
-      var o = e(82), a = n(o), t = e(100), f = n(t), r = typeof f.default == "function" && typeof a.default == "symbol" ? function(s) {
-        return typeof s;
-      } : function(s) {
-        return s && typeof f.default == "function" && s.constructor === f.default && s !== f.default.prototype ? "symbol" : typeof s;
-      };
-      i.default = typeof f.default == "function" && r(a.default) === "symbol" ? function(s) {
-        return s === void 0 ? "undefined" : r(s);
-      } : function(s) {
-        return s && typeof f.default == "function" && s.constructor === f.default && s !== f.default.prototype ? "symbol" : s === void 0 ? "undefined" : r(s);
-      };
-    }, function(c, i, e) {
-      c.exports = { default: e(83), __esModule: !0 };
-    }, function(c, i, e) {
-      e(84), e(96), c.exports = e(32).f("iterator");
-    }, function(c, i, e) {
-      var n = e(85)(!0);
-      e(40)(String, "String", function(o) {
-        this._t = String(o), this._i = 0;
-      }, function() {
-        var o, a = this._t, t = this._i;
-        return t >= a.length ? { value: void 0, done: !0 } : (o = n(a, t), this._i += o.length, { value: o, done: !1 });
-      });
-    }, function(c, i, e) {
-      var n = e(23), o = e(24);
-      c.exports = function(a) {
-        return function(t, f) {
-          var r, s, h = String(o(t)), d = n(f), g = h.length;
-          return d < 0 || d >= g ? a ? "" : void 0 : (r = h.charCodeAt(d), r < 55296 || r > 56319 || d + 1 === g || (s = h.charCodeAt(d + 1)) < 56320 || s > 57343 ? a ? h.charAt(d) : r : a ? h.slice(d, d + 2) : s - 56320 + (r - 55296 << 10) + 65536);
-        };
-      };
-    }, function(c, i, e) {
-      var n = e(87);
-      c.exports = function(o, a, t) {
-        if (n(o), a === void 0)
-          return o;
-        switch (t) {
-          case 1:
-            return function(f) {
-              return o.call(a, f);
-            };
-          case 2:
-            return function(f, r) {
-              return o.call(a, f, r);
-            };
-          case 3:
-            return function(f, r, s) {
-              return o.call(a, f, r, s);
-            };
-        }
-        return function() {
-          return o.apply(a, arguments);
-        };
-      };
-    }, function(c, i) {
-      c.exports = function(e) {
-        if (typeof e != "function")
-          throw TypeError(e + " is not a function!");
-        return e;
-      };
-    }, function(c, i, e) {
-      var n = e(45), o = e(18), a = e(31), t = {};
-      e(7)(t, e(11)("iterator"), function() {
-        return this;
-      }), c.exports = function(f, r, s) {
-        f.prototype = n(t, { next: o(1, s) }), a(f, r + " Iterator");
-      };
-    }, function(c, i, e) {
-      var n = e(8), o = e(16), a = e(27);
-      c.exports = e(9) ? Object.defineProperties : function(t, f) {
-        o(t);
-        for (var r, s = a(f), h = s.length, d = 0; h > d; )
-          n.f(t, r = s[d++], f[r]);
-        return t;
-      };
-    }, function(c, i, e) {
-      var n = e(47);
-      c.exports = Object("z").propertyIsEnumerable(0) ? Object : function(o) {
-        return n(o) == "String" ? o.split("") : Object(o);
-      };
-    }, function(c, i, e) {
-      var n = e(10), o = e(92), a = e(93);
-      c.exports = function(t) {
-        return function(f, r, s) {
-          var h, d = n(f), g = o(d.length), O = a(s, g);
-          if (t && r != r) {
-            for (; g > O; )
-              if ((h = d[O++]) != h)
-                return !0;
-          } else
-            for (; g > O; O++)
-              if ((t || O in d) && d[O] === r)
-                return t || O || 0;
-          return !t && -1;
-        };
-      };
-    }, function(c, i, e) {
-      var n = e(23), o = Math.min;
-      c.exports = function(a) {
-        return a > 0 ? o(n(a), 9007199254740991) : 0;
-      };
-    }, function(c, i, e) {
-      var n = e(23), o = Math.max, a = Math.min;
-      c.exports = function(t, f) {
-        return t = n(t), t < 0 ? o(t + f, 0) : a(t, f);
-      };
-    }, function(c, i, e) {
-      var n = e(4).document;
-      c.exports = n && n.documentElement;
-    }, function(c, i, e) {
-      var n = e(6), o = e(48), a = e(28)("IE_PROTO"), t = Object.prototype;
-      c.exports = Object.getPrototypeOf || function(f) {
-        return f = o(f), n(f, a) ? f[a] : typeof f.constructor == "function" && f instanceof f.constructor ? f.constructor.prototype : f instanceof Object ? t : null;
-      };
-    }, function(c, i, e) {
-      e(97);
-      for (var n = e(4), o = e(7), a = e(26), t = e(11)("toStringTag"), f = "CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","), r = 0; r < f.length; r++) {
-        var s = f[r], h = n[s], d = h && h.prototype;
-        d && !d[t] && o(d, t, s), a[s] = a.Array;
-      }
-    }, function(c, i, e) {
-      var n = e(98), o = e(99), a = e(26), t = e(10);
-      c.exports = e(40)(Array, "Array", function(f, r) {
-        this._t = t(f), this._i = 0, this._k = r;
-      }, function() {
-        var f = this._t, r = this._k, s = this._i++;
-        return !f || s >= f.length ? (this._t = void 0, o(1)) : r == "keys" ? o(0, s) : r == "values" ? o(0, f[s]) : o(0, [s, f[s]]);
-      }, "values"), a.Arguments = a.Array, n("keys"), n("values"), n("entries");
-    }, function(c, i) {
-      c.exports = function() {
-      };
-    }, function(c, i) {
-      c.exports = function(e, n) {
-        return { value: n, done: !!e };
-      };
-    }, function(c, i, e) {
-      c.exports = { default: e(101), __esModule: !0 };
-    }, function(c, i, e) {
-      e(102), e(108), e(109), e(110), c.exports = e(15).Symbol;
-    }, function(c, i, e) {
-      var n = e(4), o = e(6), a = e(9), t = e(41), f = e(44), r = e(103).KEY, s = e(17), h = e(29), d = e(31), g = e(19), O = e(11), x = e(32), C = e(33), _ = e(104), F = e(105), H = e(16), W = e(12), S = e(48), j = e(10), L = e(25), A = e(18), v = e(45), M = e(106), R = e(107), D = e(49), I = e(8), P = e(27), q = R.f, N = I.f, at = M.f, U = n.Symbol, Y = n.JSON, K = Y && Y.stringify, G = O("_hidden"), ct = O("toPrimitive"), tt = {}.propertyIsEnumerable, ot = h("symbol-registry"), X = h("symbols"), et = h("op-symbols"), J = Object.prototype, lt = typeof U == "function" && !!D.f, E = n.QObject, Z = !E || !E.prototype || !E.prototype.findChild, B = a && s(function() {
-        return v(N({}, "a", { get: function() {
-          return N(this, "a", { value: 7 }).a;
-        } })).a != 7;
-      }) ? function(m, y, z) {
-        var Q = q(J, y);
-        Q && delete J[y], N(m, y, z), Q && m !== J && N(J, y, Q);
-      } : N, nt = function(m) {
-        var y = X[m] = v(U.prototype);
-        return y._k = m, y;
-      }, it = lt && typeof U.iterator == "symbol" ? function(m) {
-        return typeof m == "symbol";
-      } : function(m) {
-        return m instanceof U;
-      }, ft = function(m, y, z) {
-        return m === J && ft(et, y, z), H(m), y = L(y, !0), H(z), o(X, y) ? (z.enumerable ? (o(m, G) && m[G][y] && (m[G][y] = !1), z = v(z, { enumerable: A(0, !1) })) : (o(m, G) || N(m, G, A(1, {})), m[G][y] = !0), B(m, y, z)) : N(m, y, z);
-      }, rt = function(m, y) {
-        H(m);
-        for (var z, Q = _(y = j(y)), ut = 0, dt = Q.length; dt > ut; )
-          ft(m, z = Q[ut++], y[z]);
-        return m;
-      }, l = function(m, y) {
-        return y === void 0 ? v(m) : rt(v(m), y);
-      }, p = function(m) {
-        var y = tt.call(this, m = L(m, !0));
-        return !(this === J && o(X, m) && !o(et, m)) && (!(y || !o(this, m) || !o(X, m) || o(this, G) && this[G][m]) || y);
-      }, u = function(m, y) {
-        if (m = j(m), y = L(y, !0), m !== J || !o(X, y) || o(et, y)) {
-          var z = q(m, y);
-          return !z || !o(X, y) || o(m, G) && m[G][y] || (z.enumerable = !0), z;
-        }
-      }, b = function(m) {
-        for (var y, z = at(j(m)), Q = [], ut = 0; z.length > ut; )
-          o(X, y = z[ut++]) || y == G || y == r || Q.push(y);
-        return Q;
-      }, k = function(m) {
-        for (var y, z = m === J, Q = at(z ? et : j(m)), ut = [], dt = 0; Q.length > dt; )
-          !o(X, y = Q[dt++]) || z && !o(J, y) || ut.push(X[y]);
-        return ut;
-      };
-      lt || (U = function() {
-        if (this instanceof U)
-          throw TypeError("Symbol is not a constructor!");
-        var m = g(arguments.length > 0 ? arguments[0] : void 0), y = function(z) {
-          this === J && y.call(et, z), o(this, G) && o(this[G], m) && (this[G][m] = !1), B(this, m, A(1, z));
-        };
-        return a && Z && B(J, m, { configurable: !0, set: y }), nt(m);
-      }, f(U.prototype, "toString", function() {
-        return this._k;
-      }), R.f = u, I.f = ft, e(50).f = M.f = b, e(34).f = p, D.f = k, a && !e(14) && f(J, "propertyIsEnumerable", p, !0), x.f = function(m) {
-        return nt(O(m));
-      }), t(t.G + t.W + t.F * !lt, { Symbol: U });
-      for (var w = "hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","), T = 0; w.length > T; )
-        O(w[T++]);
-      for (var $ = P(O.store), V = 0; $.length > V; )
-        C($[V++]);
-      t(t.S + t.F * !lt, "Symbol", { for: function(m) {
-        return o(ot, m += "") ? ot[m] : ot[m] = U(m);
-      }, keyFor: function(m) {
-        if (!it(m))
-          throw TypeError(m + " is not a symbol!");
-        for (var y in ot)
-          if (ot[y] === m)
-            return y;
-      }, useSetter: function() {
-        Z = !0;
-      }, useSimple: function() {
-        Z = !1;
-      } }), t(t.S + t.F * !lt, "Object", { create: l, defineProperty: ft, defineProperties: rt, getOwnPropertyDescriptor: u, getOwnPropertyNames: b, getOwnPropertySymbols: k });
-      var st = s(function() {
-        D.f(1);
-      });
-      t(t.S + t.F * st, "Object", { getOwnPropertySymbols: function(m) {
-        return D.f(S(m));
-      } }), Y && t(t.S + t.F * (!lt || s(function() {
-        var m = U();
-        return K([m]) != "[null]" || K({ a: m }) != "{}" || K(Object(m)) != "{}";
-      })), "JSON", { stringify: function(m) {
-        for (var y, z, Q = [m], ut = 1; arguments.length > ut; )
-          Q.push(arguments[ut++]);
-        if (z = y = Q[1], (W(y) || m !== void 0) && !it(m))
-          return F(y) || (y = function(dt, pt) {
-            if (typeof z == "function" && (pt = z.call(this, dt, pt)), !it(pt))
-              return pt;
-          }), Q[1] = y, K.apply(Y, Q);
-      } }), U.prototype[ct] || e(7)(U.prototype, ct, U.prototype.valueOf), d(U, "Symbol"), d(Math, "Math", !0), d(n.JSON, "JSON", !0);
-    }, function(c, i, e) {
-      var n = e(19)("meta"), o = e(12), a = e(6), t = e(8).f, f = 0, r = Object.isExtensible || function() {
-        return !0;
-      }, s = !e(17)(function() {
-        return r(Object.preventExtensions({}));
-      }), h = function(C) {
-        t(C, n, { value: { i: "O" + ++f, w: {} } });
-      }, d = function(C, _) {
-        if (!o(C))
-          return typeof C == "symbol" ? C : (typeof C == "string" ? "S" : "P") + C;
-        if (!a(C, n)) {
-          if (!r(C))
-            return "F";
-          if (!_)
-            return "E";
-          h(C);
-        }
-        return C[n].i;
-      }, g = function(C, _) {
-        if (!a(C, n)) {
-          if (!r(C))
-            return !0;
-          if (!_)
-            return !1;
-          h(C);
-        }
-        return C[n].w;
-      }, O = function(C) {
-        return s && x.NEED && r(C) && !a(C, n) && h(C), C;
-      }, x = c.exports = { KEY: n, NEED: !1, fastKey: d, getWeak: g, onFreeze: O };
-    }, function(c, i, e) {
-      var n = e(27), o = e(49), a = e(34);
-      c.exports = function(t) {
-        var f = n(t), r = o.f;
-        if (r)
-          for (var s, h = r(t), d = a.f, g = 0; h.length > g; )
-            d.call(t, s = h[g++]) && f.push(s);
-        return f;
-      };
-    }, function(c, i, e) {
-      var n = e(47);
-      c.exports = Array.isArray || function(o) {
-        return n(o) == "Array";
-      };
-    }, function(c, i, e) {
-      var n = e(10), o = e(50).f, a = {}.toString, t = typeof window == "object" && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [], f = function(r) {
-        try {
-          return o(r);
-        } catch {
-          return t.slice();
-        }
-      };
-      c.exports.f = function(r) {
-        return t && a.call(r) == "[object Window]" ? f(r) : o(n(r));
-      };
-    }, function(c, i, e) {
-      var n = e(34), o = e(18), a = e(10), t = e(25), f = e(6), r = e(42), s = Object.getOwnPropertyDescriptor;
-      i.f = e(9) ? s : function(h, d) {
-        if (h = a(h), d = t(d, !0), r)
-          try {
-            return s(h, d);
-          } catch {
-          }
-        if (f(h, d))
-          return o(!n.f.call(h, d), h[d]);
-      };
-    }, function(c, i) {
-    }, function(c, i, e) {
-      e(33)("asyncIterator");
-    }, function(c, i, e) {
-      e(33)("observable");
-    }, function(c, i, e) {
-      var n = e(112);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("7c5f1a1c", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-hue {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  border-radius: 2px;
-}
-.vc-hue--horizontal {
-  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-}
-.vc-hue--vertical {
-  background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-}
-.vc-hue-container {
-  cursor: pointer;
-  margin: 0 2px;
-  position: relative;
-  height: 100%;
-}
-.vc-hue-pointer {
-  z-index: 2;
-  position: absolute;
-}
-.vc-hue-picker {
-  cursor: pointer;
-  margin-top: 1px;
-  width: 4px;
-  border-radius: 1px;
-  height: 8px;
-  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
-  background: #fff;
-  transform: translateX(-2px) ;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { class: ["vc-hue", t.directionClass] }, [r("div", { ref: "container", staticClass: "vc-hue-container", attrs: { role: "slider", "aria-valuenow": t.colors.hsl.h, "aria-valuemin": "0", "aria-valuemax": "360" }, on: { mousedown: t.handleMouseDown, touchmove: t.handleChange, touchstart: t.handleChange } }, [r("div", { staticClass: "vc-hue-pointer", style: { top: t.pointerTop, left: t.pointerLeft }, attrs: { role: "presentation" } }, [r("div", { staticClass: "vc-hue-picker" })])])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-slider", attrs: { role: "application", "aria-label": "Slider color picker" } }, [r("div", { staticClass: "vc-slider-hue-warp" }, [r("hue", { on: { change: t.hueChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), r("div", { staticClass: "vc-slider-swatches", attrs: { role: "group" } }, t._l(t.normalizedSwatches, function(s, h) {
-          return r("div", { key: h, staticClass: "vc-slider-swatch", attrs: { "data-index": h, "aria-label": "color:" + t.colors.hex, role: "button" }, on: { click: function(d) {
-            return t.handleSwClick(h, s);
-          } } }, [r("div", { staticClass: "vc-slider-swatch-picker", class: { "vc-slider-swatch-picker--active": t.isActive(s, h), "vc-slider-swatch-picker--white": s.l === 1 }, style: { background: "hsl(" + t.colors.hsl.h + ", " + 100 * s.s + "%, " + 100 * s.l + "%)" } })]);
-        }), 0)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(116);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(52), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(119), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Swatches.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(117);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("10f839a2", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-swatches {
-  width: 320px;
-  height: 240px;
-  overflow-y: scroll;
-  background-color: #fff;
-  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);
-}
-.vc-swatches-box {
-  padding: 16px 0 6px 16px;
-  overflow: hidden;
-}
-.vc-swatches-color-group {
-  padding-bottom: 10px;
-  width: 40px;
-  float: left;
-  margin-right: 10px;
-}
-.vc-swatches-color-it {
-  box-sizing: border-box;
-  width: 40px;
-  height: 24px;
-  cursor: pointer;
-  background: #880e4f;
-  margin-bottom: 1px;
-  overflow: hidden;
-  -ms-border-radius: 2px 2px 0 0;
-  -moz-border-radius: 2px 2px 0 0;
-  -o-border-radius: 2px 2px 0 0;
-  -webkit-border-radius: 2px 2px 0 0;
-  border-radius: 2px 2px 0 0;
-}
-.vc-swatches-color--white {
-  border: 1px solid #DDD;
-}
-.vc-swatches-pick {
-  fill: rgb(255, 255, 255);
-  margin-left: 8px;
-  display: block;
-}
-.vc-swatches-color--white .vc-swatches-pick {
-  fill: rgb(51, 51, 51);
-}
-`, ""]);
-    }, function(c, i, e) {
-      Object.defineProperty(i, "__esModule", { value: !0 }), e.d(i, "red", function() {
-        return n;
-      }), e.d(i, "pink", function() {
-        return o;
-      }), e.d(i, "purple", function() {
-        return a;
-      }), e.d(i, "deepPurple", function() {
-        return t;
-      }), e.d(i, "indigo", function() {
-        return f;
-      }), e.d(i, "blue", function() {
-        return r;
-      }), e.d(i, "lightBlue", function() {
-        return s;
-      }), e.d(i, "cyan", function() {
-        return h;
-      }), e.d(i, "teal", function() {
-        return d;
-      }), e.d(i, "green", function() {
-        return g;
-      }), e.d(i, "lightGreen", function() {
-        return O;
-      }), e.d(i, "lime", function() {
-        return x;
-      }), e.d(i, "yellow", function() {
-        return C;
-      }), e.d(i, "amber", function() {
-        return _;
-      }), e.d(i, "orange", function() {
-        return F;
-      }), e.d(i, "deepOrange", function() {
-        return H;
-      }), e.d(i, "brown", function() {
-        return W;
-      }), e.d(i, "grey", function() {
-        return S;
-      }), e.d(i, "blueGrey", function() {
-        return j;
-      }), e.d(i, "darkText", function() {
-        return L;
-      }), e.d(i, "lightText", function() {
-        return A;
-      }), e.d(i, "darkIcons", function() {
-        return v;
-      }), e.d(i, "lightIcons", function() {
-        return M;
-      }), e.d(i, "white", function() {
-        return R;
-      }), e.d(i, "black", function() {
-        return D;
-      });
-      var n = { 50: "#ffebee", 100: "#ffcdd2", 200: "#ef9a9a", 300: "#e57373", 400: "#ef5350", 500: "#f44336", 600: "#e53935", 700: "#d32f2f", 800: "#c62828", 900: "#b71c1c", a100: "#ff8a80", a200: "#ff5252", a400: "#ff1744", a700: "#d50000" }, o = { 50: "#fce4ec", 100: "#f8bbd0", 200: "#f48fb1", 300: "#f06292", 400: "#ec407a", 500: "#e91e63", 600: "#d81b60", 700: "#c2185b", 800: "#ad1457", 900: "#880e4f", a100: "#ff80ab", a200: "#ff4081", a400: "#f50057", a700: "#c51162" }, a = { 50: "#f3e5f5", 100: "#e1bee7", 200: "#ce93d8", 300: "#ba68c8", 400: "#ab47bc", 500: "#9c27b0", 600: "#8e24aa", 700: "#7b1fa2", 800: "#6a1b9a", 900: "#4a148c", a100: "#ea80fc", a200: "#e040fb", a400: "#d500f9", a700: "#aa00ff" }, t = { 50: "#ede7f6", 100: "#d1c4e9", 200: "#b39ddb", 300: "#9575cd", 400: "#7e57c2", 500: "#673ab7", 600: "#5e35b1", 700: "#512da8", 800: "#4527a0", 900: "#311b92", a100: "#b388ff", a200: "#7c4dff", a400: "#651fff", a700: "#6200ea" }, f = { 50: "#e8eaf6", 100: "#c5cae9", 200: "#9fa8da", 300: "#7986cb", 400: "#5c6bc0", 500: "#3f51b5", 600: "#3949ab", 700: "#303f9f", 800: "#283593", 900: "#1a237e", a100: "#8c9eff", a200: "#536dfe", a400: "#3d5afe", a700: "#304ffe" }, r = { 50: "#e3f2fd", 100: "#bbdefb", 200: "#90caf9", 300: "#64b5f6", 400: "#42a5f5", 500: "#2196f3", 600: "#1e88e5", 700: "#1976d2", 800: "#1565c0", 900: "#0d47a1", a100: "#82b1ff", a200: "#448aff", a400: "#2979ff", a700: "#2962ff" }, s = { 50: "#e1f5fe", 100: "#b3e5fc", 200: "#81d4fa", 300: "#4fc3f7", 400: "#29b6f6", 500: "#03a9f4", 600: "#039be5", 700: "#0288d1", 800: "#0277bd", 900: "#01579b", a100: "#80d8ff", a200: "#40c4ff", a400: "#00b0ff", a700: "#0091ea" }, h = { 50: "#e0f7fa", 100: "#b2ebf2", 200: "#80deea", 300: "#4dd0e1", 400: "#26c6da", 500: "#00bcd4", 600: "#00acc1", 700: "#0097a7", 800: "#00838f", 900: "#006064", a100: "#84ffff", a200: "#18ffff", a400: "#00e5ff", a700: "#00b8d4" }, d = { 50: "#e0f2f1", 100: "#b2dfdb", 200: "#80cbc4", 300: "#4db6ac", 400: "#26a69a", 500: "#009688", 600: "#00897b", 700: "#00796b", 800: "#00695c", 900: "#004d40", a100: "#a7ffeb", a200: "#64ffda", a400: "#1de9b6", a700: "#00bfa5" }, g = { 50: "#e8f5e9", 100: "#c8e6c9", 200: "#a5d6a7", 300: "#81c784", 400: "#66bb6a", 500: "#4caf50", 600: "#43a047", 700: "#388e3c", 800: "#2e7d32", 900: "#1b5e20", a100: "#b9f6ca", a200: "#69f0ae", a400: "#00e676", a700: "#00c853" }, O = { 50: "#f1f8e9", 100: "#dcedc8", 200: "#c5e1a5", 300: "#aed581", 400: "#9ccc65", 500: "#8bc34a", 600: "#7cb342", 700: "#689f38", 800: "#558b2f", 900: "#33691e", a100: "#ccff90", a200: "#b2ff59", a400: "#76ff03", a700: "#64dd17" }, x = { 50: "#f9fbe7", 100: "#f0f4c3", 200: "#e6ee9c", 300: "#dce775", 400: "#d4e157", 500: "#cddc39", 600: "#c0ca33", 700: "#afb42b", 800: "#9e9d24", 900: "#827717", a100: "#f4ff81", a200: "#eeff41", a400: "#c6ff00", a700: "#aeea00" }, C = { 50: "#fffde7", 100: "#fff9c4", 200: "#fff59d", 300: "#fff176", 400: "#ffee58", 500: "#ffeb3b", 600: "#fdd835", 700: "#fbc02d", 800: "#f9a825", 900: "#f57f17", a100: "#ffff8d", a200: "#ffff00", a400: "#ffea00", a700: "#ffd600" }, _ = { 50: "#fff8e1", 100: "#ffecb3", 200: "#ffe082", 300: "#ffd54f", 400: "#ffca28", 500: "#ffc107", 600: "#ffb300", 700: "#ffa000", 800: "#ff8f00", 900: "#ff6f00", a100: "#ffe57f", a200: "#ffd740", a400: "#ffc400", a700: "#ffab00" }, F = { 50: "#fff3e0", 100: "#ffe0b2", 200: "#ffcc80", 300: "#ffb74d", 400: "#ffa726", 500: "#ff9800", 600: "#fb8c00", 700: "#f57c00", 800: "#ef6c00", 900: "#e65100", a100: "#ffd180", a200: "#ffab40", a400: "#ff9100", a700: "#ff6d00" }, H = { 50: "#fbe9e7", 100: "#ffccbc", 200: "#ffab91", 300: "#ff8a65", 400: "#ff7043", 500: "#ff5722", 600: "#f4511e", 700: "#e64a19", 800: "#d84315", 900: "#bf360c", a100: "#ff9e80", a200: "#ff6e40", a400: "#ff3d00", a700: "#dd2c00" }, W = { 50: "#efebe9", 100: "#d7ccc8", 200: "#bcaaa4", 300: "#a1887f", 400: "#8d6e63", 500: "#795548", 600: "#6d4c41", 700: "#5d4037", 800: "#4e342e", 900: "#3e2723" }, S = { 50: "#fafafa", 100: "#f5f5f5", 200: "#eeeeee", 300: "#e0e0e0", 400: "#bdbdbd", 500: "#9e9e9e", 600: "#757575", 700: "#616161", 800: "#424242", 900: "#212121" }, j = { 50: "#eceff1", 100: "#cfd8dc", 200: "#b0bec5", 300: "#90a4ae", 400: "#78909c", 500: "#607d8b", 600: "#546e7a", 700: "#455a64", 800: "#37474f", 900: "#263238" }, L = { primary: "rgba(0, 0, 0, 0.87)", secondary: "rgba(0, 0, 0, 0.54)", disabled: "rgba(0, 0, 0, 0.38)", dividers: "rgba(0, 0, 0, 0.12)" }, A = { primary: "rgba(255, 255, 255, 1)", secondary: "rgba(255, 255, 255, 0.7)", disabled: "rgba(255, 255, 255, 0.5)", dividers: "rgba(255, 255, 255, 0.12)" }, v = { active: "rgba(0, 0, 0, 0.54)", inactive: "rgba(0, 0, 0, 0.38)" }, M = { active: "rgba(255, 255, 255, 1)", inactive: "rgba(255, 255, 255, 0.5)" }, R = "#ffffff", D = "#000000";
-      i.default = { red: n, pink: o, purple: a, deepPurple: t, indigo: f, blue: r, lightBlue: s, cyan: h, teal: d, green: g, lightGreen: O, lime: x, yellow: C, amber: _, orange: F, deepOrange: H, brown: W, grey: S, blueGrey: j, darkText: L, lightText: A, darkIcons: v, lightIcons: M, white: R, black: D };
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-swatches", attrs: { role: "application", "aria-label": "Swatches color picker", "data-pick": t.pick } }, [r("div", { staticClass: "vc-swatches-box", attrs: { role: "listbox" } }, t._l(t.palette, function(s, h) {
-          return r("div", { key: h, staticClass: "vc-swatches-color-group" }, t._l(s, function(d) {
-            return r("div", { key: d, class: ["vc-swatches-color-it", { "vc-swatches-color--white": d === "#FFFFFF" }], style: { background: d }, attrs: { role: "option", "aria-label": "Color:" + d, "aria-selected": t.equal(d), "data-color": d }, on: { click: function(g) {
-              return t.handlerClick(d);
-            } } }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: t.equal(d), expression: "equal(c)" }], staticClass: "vc-swatches-pick" }, [r("svg", { staticStyle: { width: "24px", height: "24px" }, attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" } })])])]);
-          }), 0);
-        }), 0)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(121);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(53), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(134), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Photoshop.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(122);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("080365d4", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-photoshop {
-  background: #DCDCDC;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15);
-  box-sizing: initial;
-  width: 513px;
-  font-family: Roboto;
-}
-.vc-photoshop__disable-fields {
-  width: 390px;
-}
-.vc-ps-head {
-  background-image: linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%);
-  border-bottom: 1px solid #B1B1B1;
-  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02);
-  height: 23px;
-  line-height: 24px;
-  border-radius: 4px 4px 0 0;
-  font-size: 13px;
-  color: #4D4D4D;
-  text-align: center;
-}
-.vc-ps-body {
-  padding: 15px;
-  display: flex;
-}
-.vc-ps-saturation-wrap {
-  width: 256px;
-  height: 256px;
-  position: relative;
-  border: 2px solid #B3B3B3;
-  border-bottom: 2px solid #F0F0F0;
-  overflow: hidden;
-}
-.vc-ps-saturation-wrap .vc-saturation-circle {
-  width: 12px;
-  height: 12px;
-}
-.vc-ps-hue-wrap {
-  position: relative;
-  height: 256px;
-  width: 19px;
-  margin-left: 10px;
-  border: 2px solid #B3B3B3;
-  border-bottom: 2px solid #F0F0F0;
-}
-.vc-ps-hue-pointer {
-  position: relative;
-}
-.vc-ps-hue-pointer--left,
-.vc-ps-hue-pointer--right {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 5px 0 5px 8px;
-  border-color: transparent transparent transparent #555;
-}
-.vc-ps-hue-pointer--left:after,
-.vc-ps-hue-pointer--right:after {
-  content: "";
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 4px 0 4px 6px;
-  border-color: transparent transparent transparent #fff;
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  transform: translate(-8px, -5px);
-}
-.vc-ps-hue-pointer--left {
-  transform: translate(-13px, -4px);
-}
-.vc-ps-hue-pointer--right {
-  transform: translate(20px, -4px) rotate(180deg);
-}
-.vc-ps-controls {
-  width: 180px;
-  margin-left: 10px;
-  display: flex;
-}
-.vc-ps-controls__disable-fields {
-  width: auto;
-}
-.vc-ps-actions {
-  margin-left: 20px;
-  flex: 1;
-}
-.vc-ps-ac-btn {
-  cursor: pointer;
-  background-image: linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%);
-  border: 1px solid #878787;
-  border-radius: 2px;
-  height: 20px;
-  box-shadow: 0 1px 0 0 #EAEAEA;
-  font-size: 14px;
-  color: #000;
-  line-height: 20px;
-  text-align: center;
-  margin-bottom: 10px;
-}
-.vc-ps-previews {
-  width: 60px;
-}
-.vc-ps-previews__swatches {
-  border: 1px solid #B3B3B3;
-  border-bottom: 1px solid #F0F0F0;
-  margin-bottom: 2px;
-  margin-top: 1px;
-}
-.vc-ps-previews__pr-color {
-  height: 34px;
-  box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000;
-}
-.vc-ps-previews__label {
-  font-size: 14px;
-  color: #000;
-  text-align: center;
-}
-.vc-ps-fields {
-  padding-top: 5px;
-  padding-bottom: 9px;
-  width: 80px;
-  position: relative;
-}
-.vc-ps-fields .vc-input__input {
-  margin-left: 40%;
-  width: 40%;
-  height: 18px;
-  border: 1px solid #888888;
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;
-  margin-bottom: 5px;
-  font-size: 13px;
-  padding-left: 3px;
-  margin-right: 10px;
-}
-.vc-ps-fields .vc-input__label, .vc-ps-fields .vc-input__desc {
-  top: 0;
-  text-transform: uppercase;
-  font-size: 13px;
-  height: 18px;
-  line-height: 22px;
-  position: absolute;
-}
-.vc-ps-fields .vc-input__label {
-  left: 0;
-  width: 34px;
-}
-.vc-ps-fields .vc-input__desc {
-  right: 0;
-  width: 0;
-}
-.vc-ps-fields__divider {
-  height: 5px;
-}
-.vc-ps-fields__hex .vc-input__input {
-  margin-left: 20%;
-  width: 80%;
-  height: 18px;
-  border: 1px solid #888888;
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC;
-  margin-bottom: 6px;
-  font-size: 13px;
-  padding-left: 3px;
-}
-.vc-ps-fields__hex .vc-input__label {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 14px;
-  text-transform: uppercase;
-  font-size: 13px;
-  height: 18px;
-  line-height: 22px;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = e(124);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("b5380e52", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-saturation,
-.vc-saturation--white,
-.vc-saturation--black {
-  cursor: pointer;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.vc-saturation--white {
-  background: linear-gradient(to right, #fff, rgba(255,255,255,0));
-}
-.vc-saturation--black {
-  background: linear-gradient(to top, #000, rgba(0,0,0,0));
-}
-.vc-saturation-pointer {
-  cursor: pointer;
-  position: absolute;
-}
-.vc-saturation-circle {
-  cursor: head;
-  width: 4px;
-  height: 4px;
-  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);
-  border-radius: 50%;
-  transform: translate(-2px, -2px);
-}
-`, ""]);
-    }, function(c, i) {
-      function e(n, o, a) {
-        return o < a ? n < o ? o : n > a ? a : n : n < a ? a : n > o ? o : n;
-      }
-      c.exports = e;
-    }, function(c, i) {
-      function e(v, M, R) {
-        function D(B) {
-          var nt = G, it = ct;
-          return G = ct = void 0, J = B, ot = v.apply(it, nt);
-        }
-        function I(B) {
-          return J = B, X = setTimeout(N, M), lt ? D(B) : ot;
-        }
-        function P(B) {
-          var nt = B - et, it = B - J, ft = M - nt;
-          return E ? L(ft, tt - it) : ft;
-        }
-        function q(B) {
-          var nt = B - et, it = B - J;
-          return et === void 0 || nt >= M || nt < 0 || E && it >= tt;
-        }
-        function N() {
-          var B = A();
-          if (q(B))
-            return at(B);
-          X = setTimeout(N, P(B));
-        }
-        function at(B) {
-          return X = void 0, Z && G ? D(B) : (G = ct = void 0, ot);
-        }
-        function U() {
-          X !== void 0 && clearTimeout(X), J = 0, G = et = ct = X = void 0;
-        }
-        function Y() {
-          return X === void 0 ? ot : at(A());
-        }
-        function K() {
-          var B = A(), nt = q(B);
-          if (G = arguments, ct = this, et = B, nt) {
-            if (X === void 0)
-              return I(et);
-            if (E)
-              return X = setTimeout(N, M), D(et);
-          }
-          return X === void 0 && (X = setTimeout(N, M)), ot;
-        }
-        var G, ct, tt, ot, X, et, J = 0, lt = !1, E = !1, Z = !0;
-        if (typeof v != "function")
-          throw new TypeError(r);
-        return M = f(M) || 0, o(R) && (lt = !!R.leading, E = "maxWait" in R, tt = E ? j(f(R.maxWait) || 0, M) : tt, Z = "trailing" in R ? !!R.trailing : Z), K.cancel = U, K.flush = Y, K;
-      }
-      function n(v, M, R) {
-        var D = !0, I = !0;
-        if (typeof v != "function")
-          throw new TypeError(r);
-        return o(R) && (D = "leading" in R ? !!R.leading : D, I = "trailing" in R ? !!R.trailing : I), e(v, M, { leading: D, maxWait: M, trailing: I });
-      }
-      function o(v) {
-        var M = typeof v;
-        return !!v && (M == "object" || M == "function");
-      }
-      function a(v) {
-        return !!v && typeof v == "object";
-      }
-      function t(v) {
-        return typeof v == "symbol" || a(v) && S.call(v) == h;
-      }
-      function f(v) {
-        if (typeof v == "number")
-          return v;
-        if (t(v))
-          return s;
-        if (o(v)) {
-          var M = typeof v.valueOf == "function" ? v.valueOf() : v;
-          v = o(M) ? M + "" : M;
-        }
-        if (typeof v != "string")
-          return v === 0 ? v : +v;
-        v = v.replace(d, "");
-        var R = O.test(v);
-        return R || x.test(v) ? C(v.slice(2), R ? 2 : 8) : g.test(v) ? s : +v;
-      }
-      var r = "Expected a function", s = NaN, h = "[object Symbol]", d = /^\s+|\s+$/g, g = /^[-+]0x[0-9a-f]+$/i, O = /^0b[01]+$/i, x = /^0o[0-7]+$/i, C = parseInt, _ = typeof ht == "object" && ht && ht.Object === Object && ht, F = typeof self == "object" && self && self.Object === Object && self, H = _ || F || Function("return this")(), W = Object.prototype, S = W.toString, j = Math.max, L = Math.min, A = function() {
-        return H.Date.now();
-      };
-      c.exports = n;
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { ref: "container", staticClass: "vc-saturation", style: { background: t.bgColor }, on: { mousedown: t.handleMouseDown, touchmove: t.handleChange, touchstart: t.handleChange } }, [r("div", { staticClass: "vc-saturation--white" }), t._v(" "), r("div", { staticClass: "vc-saturation--black" }), t._v(" "), r("div", { staticClass: "vc-saturation-pointer", style: { top: t.pointerTop, left: t.pointerLeft } }, [r("div", { staticClass: "vc-saturation-circle" })])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      var n = e(129);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("4dc1b086", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-alpha {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-}
-.vc-alpha-checkboard-wrap {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  overflow: hidden;
-}
-.vc-alpha-gradient {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-}
-.vc-alpha-container {
-  cursor: pointer;
-  position: relative;
-  z-index: 2;
-  height: 100%;
-  margin: 0 3px;
-}
-.vc-alpha-pointer {
-  z-index: 2;
-  position: absolute;
-}
-.vc-alpha-picker {
-  cursor: pointer;
-  width: 4px;
-  border-radius: 1px;
-  height: 8px;
-  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
-  background: #fff;
-  margin-top: 1px;
-  transform: translateX(-2px);
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = e(131);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("7e15c05b", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-checkerboard {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  background-size: contain;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement;
-        return (t._self._c || f)("div", { staticClass: "vc-checkerboard", style: t.bgStyle });
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-alpha" }, [r("div", { staticClass: "vc-alpha-checkboard-wrap" }, [r("checkboard")], 1), t._v(" "), r("div", { staticClass: "vc-alpha-gradient", style: { background: t.gradientColor } }), t._v(" "), r("div", { ref: "container", staticClass: "vc-alpha-container", on: { mousedown: t.handleMouseDown, touchmove: t.handleChange, touchstart: t.handleChange } }, [r("div", { staticClass: "vc-alpha-pointer", style: { left: 100 * t.colors.a + "%" } }, [r("div", { staticClass: "vc-alpha-picker" })])])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { class: ["vc-photoshop", t.disableFields ? "vc-photoshop__disable-fields" : ""], attrs: { role: "application", "aria-label": "PhotoShop color picker" } }, [r("div", { staticClass: "vc-ps-head", attrs: { role: "heading" } }, [t._v(t._s(t.head))]), t._v(" "), r("div", { staticClass: "vc-ps-body" }, [r("div", { staticClass: "vc-ps-saturation-wrap" }, [r("saturation", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), r("div", { staticClass: "vc-ps-hue-wrap" }, [r("hue", { attrs: { direction: "vertical" }, on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } }, [r("div", { staticClass: "vc-ps-hue-pointer" }, [r("i", { staticClass: "vc-ps-hue-pointer--left" }), r("i", { staticClass: "vc-ps-hue-pointer--right" })])])], 1), t._v(" "), r("div", { class: ["vc-ps-controls", t.disableFields ? "vc-ps-controls__disable-fields" : ""] }, [r("div", { staticClass: "vc-ps-previews" }, [r("div", { staticClass: "vc-ps-previews__label" }, [t._v(t._s(t.newLabel))]), t._v(" "), r("div", { staticClass: "vc-ps-previews__swatches" }, [r("div", { staticClass: "vc-ps-previews__pr-color", style: { background: t.colors.hex }, attrs: { "aria-label": "New color is " + t.colors.hex } }), t._v(" "), r("div", { staticClass: "vc-ps-previews__pr-color", style: { background: t.currentColor }, attrs: { "aria-label": "Current color is " + t.currentColor }, on: { click: t.clickCurrentColor } })]), t._v(" "), r("div", { staticClass: "vc-ps-previews__label" }, [t._v(t._s(t.currentLabel))])]), t._v(" "), t.disableFields ? t._e() : r("div", { staticClass: "vc-ps-actions" }, [r("div", { staticClass: "vc-ps-ac-btn", attrs: { role: "button", "aria-label": t.acceptLabel }, on: { click: t.handleAccept } }, [t._v(t._s(t.acceptLabel))]), t._v(" "), r("div", { staticClass: "vc-ps-ac-btn", attrs: { role: "button", "aria-label": t.cancelLabel }, on: { click: t.handleCancel } }, [t._v(t._s(t.cancelLabel))]), t._v(" "), r("div", { staticClass: "vc-ps-fields" }, [r("ed-in", { attrs: { label: "h", desc: "°", value: t.hsv.h }, on: { change: t.inputChange } }), t._v(" "), r("ed-in", { attrs: { label: "s", desc: "%", value: t.hsv.s, max: 100 }, on: { change: t.inputChange } }), t._v(" "), r("ed-in", { attrs: { label: "v", desc: "%", value: t.hsv.v, max: 100 }, on: { change: t.inputChange } }), t._v(" "), r("div", { staticClass: "vc-ps-fields__divider" }), t._v(" "), r("ed-in", { attrs: { label: "r", value: t.colors.rgba.r }, on: { change: t.inputChange } }), t._v(" "), r("ed-in", { attrs: { label: "g", value: t.colors.rgba.g }, on: { change: t.inputChange } }), t._v(" "), r("ed-in", { attrs: { label: "b", value: t.colors.rgba.b }, on: { change: t.inputChange } }), t._v(" "), r("div", { staticClass: "vc-ps-fields__divider" }), t._v(" "), r("ed-in", { staticClass: "vc-ps-fields__hex", attrs: { label: "#", value: t.hex }, on: { change: t.inputChange } })], 1), t._v(" "), t.hasResetButton ? r("div", { staticClass: "vc-ps-ac-btn", attrs: { "aria-label": "reset" }, on: { click: t.handleReset } }, [t._v(t._s(t.resetLabel))]) : t._e()])])])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(136);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(57), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(138), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Sketch.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(137);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("612c6604", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-sketch {
-  position: relative;
-  width: 200px;
-  padding: 10px 10px 0;
-  box-sizing: initial;
-  background: #fff;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15);
-}
-.vc-sketch-saturation-wrap {
-  width: 100%;
-  padding-bottom: 75%;
-  position: relative;
-  overflow: hidden;
-}
-.vc-sketch-controls {
-  display: flex;
-}
-.vc-sketch-sliders {
-  padding: 4px 0;
-  flex: 1;
-}
-.vc-sketch-sliders .vc-hue,
-.vc-sketch-sliders .vc-alpha-gradient {
-  border-radius: 2px;
-}
-.vc-sketch-hue-wrap {
-  position: relative;
-  height: 10px;
-}
-.vc-sketch-alpha-wrap {
-  position: relative;
-  height: 10px;
-  margin-top: 4px;
-  overflow: hidden;
-}
-.vc-sketch-color-wrap {
-  width: 24px;
-  height: 24px;
-  position: relative;
-  margin-top: 4px;
-  margin-left: 4px;
-  border-radius: 3px;
-}
-.vc-sketch-active-color {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 2px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), inset 0 0 4px rgba(0, 0, 0, .25);
-  z-index: 2;
-}
-.vc-sketch-color-wrap .vc-checkerboard {
-  background-size: auto;
-}
-.vc-sketch-field {
-  display: flex;
-  padding-top: 4px;
-}
-.vc-sketch-field .vc-input__input {
-  width: 90%;
-  padding: 4px 0 3px 10%;
-  border: none;
-  box-shadow: inset 0 0 0 1px #ccc;
-  font-size: 10px;
-}
-.vc-sketch-field .vc-input__label {
-  display: block;
-  text-align: center;
-  font-size: 11px;
-  color: #222;
-  padding-top: 3px;
-  padding-bottom: 4px;
-  text-transform: capitalize;
-}
-.vc-sketch-field--single {
-  flex: 1;
-  padding-left: 6px;
-}
-.vc-sketch-field--double {
-  flex: 2;
-}
-.vc-sketch-presets {
-  margin-right: -10px;
-  margin-left: -10px;
-  padding-left: 10px;
-  padding-top: 10px;
-  border-top: 1px solid #eee;
-}
-.vc-sketch-presets-color {
-  border-radius: 3px;
-  overflow: hidden;
-  position: relative;
-  display: inline-block;
-  margin: 0 10px 10px 0;
-  vertical-align: top;
-  cursor: pointer;
-  width: 16px;
-  height: 16px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
-}
-.vc-sketch-presets-color .vc-checkerboard {
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
-  border-radius: 3px;
-}
-.vc-sketch__disable-alpha .vc-sketch-color-wrap {
-  height: 10px;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { class: ["vc-sketch", t.disableAlpha ? "vc-sketch__disable-alpha" : ""], attrs: { role: "application", "aria-label": "Sketch color picker" } }, [r("div", { staticClass: "vc-sketch-saturation-wrap" }, [r("saturation", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), r("div", { staticClass: "vc-sketch-controls" }, [r("div", { staticClass: "vc-sketch-sliders" }, [r("div", { staticClass: "vc-sketch-hue-wrap" }, [r("hue", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), t.disableAlpha ? t._e() : r("div", { staticClass: "vc-sketch-alpha-wrap" }, [r("alpha", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1)]), t._v(" "), r("div", { staticClass: "vc-sketch-color-wrap" }, [r("div", { staticClass: "vc-sketch-active-color", style: { background: t.activeColor }, attrs: { "aria-label": "Current color is " + t.activeColor } }), t._v(" "), r("checkboard")], 1)]), t._v(" "), t.disableFields ? t._e() : r("div", { staticClass: "vc-sketch-field" }, [r("div", { staticClass: "vc-sketch-field--double" }, [r("ed-in", { attrs: { label: "hex", value: t.hex }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-sketch-field--single" }, [r("ed-in", { attrs: { label: "r", value: t.colors.rgba.r }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-sketch-field--single" }, [r("ed-in", { attrs: { label: "g", value: t.colors.rgba.g }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-sketch-field--single" }, [r("ed-in", { attrs: { label: "b", value: t.colors.rgba.b }, on: { change: t.inputChange } })], 1), t._v(" "), t.disableAlpha ? t._e() : r("div", { staticClass: "vc-sketch-field--single" }, [r("ed-in", { attrs: { label: "a", value: t.colors.a, "arrow-offset": 0.01, max: 1 }, on: { change: t.inputChange } })], 1)]), t._v(" "), r("div", { staticClass: "vc-sketch-presets", attrs: { role: "group", "aria-label": "A color preset, pick one to set as current color" } }, [t._l(t.presetColors, function(s) {
-          return [t.isTransparent(s) ? r("div", { key: s, staticClass: "vc-sketch-presets-color", attrs: { "aria-label": "Color:" + s }, on: { click: function(h) {
-            return t.handlePreset(s);
-          } } }, [r("checkboard")], 1) : r("div", { key: s, staticClass: "vc-sketch-presets-color", style: { background: s }, attrs: { "aria-label": "Color:" + s }, on: { click: function(h) {
-            return t.handlePreset(s);
-          } } })];
-        })], 2)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(140);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(58), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(142), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Chrome.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(141);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("1cd16048", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-chrome {
-  background: #fff;
-  border-radius: 2px;
-  box-shadow: 0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3);
-  box-sizing: initial;
-  width: 225px;
-  font-family: Menlo;
-  background-color: #fff;
-}
-.vc-chrome-controls {
-  display: flex;
-}
-.vc-chrome-color-wrap {
-  position: relative;
-  width: 36px;
-}
-.vc-chrome-active-color {
-  position: relative;
-  width: 30px;
-  height: 30px;
-  border-radius: 15px;
-  overflow: hidden;
-  z-index: 1;
-}
-.vc-chrome-color-wrap .vc-checkerboard {
-  width: 30px;
-  height: 30px;
-  border-radius: 15px;
-  background-size: auto;
-}
-.vc-chrome-sliders {
-  flex: 1;
-}
-.vc-chrome-fields-wrap {
-  display: flex;
-  padding-top: 16px;
-}
-.vc-chrome-fields {
-  display: flex;
-  margin-left: -6px;
-  flex: 1;
-}
-.vc-chrome-field {
-  padding-left: 6px;
-  width: 100%;
-}
-.vc-chrome-toggle-btn {
-  width: 32px;
-  text-align: right;
-  position: relative;
-}
-.vc-chrome-toggle-icon {
-  margin-right: -4px;
-  margin-top: 12px;
-  cursor: pointer;
-  position: relative;
-  z-index: 2;
-}
-.vc-chrome-toggle-icon-highlight {
-  position: absolute;
-  width: 24px;
-  height: 28px;
-  background: #eee;
-  border-radius: 4px;
-  top: 10px;
-  left: 12px;
-}
-.vc-chrome-hue-wrap {
-  position: relative;
-  height: 10px;
-  margin-bottom: 8px;
-}
-.vc-chrome-alpha-wrap {
-  position: relative;
-  height: 10px;
-}
-.vc-chrome-hue-wrap .vc-hue {
-  border-radius: 2px;
-}
-.vc-chrome-alpha-wrap .vc-alpha-gradient {
-  border-radius: 2px;
-}
-.vc-chrome-hue-wrap .vc-hue-picker, .vc-chrome-alpha-wrap .vc-alpha-picker {
-  width: 12px;
-  height: 12px;
-  border-radius: 6px;
-  transform: translate(-6px, -2px);
-  background-color: rgb(248, 248, 248);
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
-}
-.vc-chrome-body {
-  padding: 16px 16px 12px;
-  background-color: #fff;
-}
-.vc-chrome-saturation-wrap {
-  width: 100%;
-  padding-bottom: 55%;
-  position: relative;
-  border-radius: 2px 2px 0 0;
-  overflow: hidden;
-}
-.vc-chrome-saturation-wrap .vc-saturation-circle {
-  width: 12px;
-  height: 12px;
-}
-.vc-chrome-fields .vc-input__input {
-  font-size: 11px;
-  color: #333;
-  width: 100%;
-  border-radius: 2px;
-  border: none;
-  box-shadow: inset 0 0 0 1px #dadada;
-  height: 21px;
-  text-align: center;
-}
-.vc-chrome-fields .vc-input__label {
-  text-transform: uppercase;
-  font-size: 11px;
-  line-height: 11px;
-  color: #969696;
-  text-align: center;
-  display: block;
-  margin-top: 12px;
-}
-.vc-chrome__disable-alpha .vc-chrome-active-color {
-  width: 18px;
-  height: 18px;
-}
-.vc-chrome__disable-alpha .vc-chrome-color-wrap {
-  width: 30px;
-}
-.vc-chrome__disable-alpha .vc-chrome-hue-wrap {
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { class: ["vc-chrome", t.disableAlpha ? "vc-chrome__disable-alpha" : ""], attrs: { role: "application", "aria-label": "Chrome color picker" } }, [r("div", { staticClass: "vc-chrome-saturation-wrap" }, [r("saturation", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), r("div", { staticClass: "vc-chrome-body" }, [r("div", { staticClass: "vc-chrome-controls" }, [r("div", { staticClass: "vc-chrome-color-wrap" }, [r("div", { staticClass: "vc-chrome-active-color", style: { background: t.activeColor }, attrs: { "aria-label": "current color is " + t.colors.hex } }), t._v(" "), t.disableAlpha ? t._e() : r("checkboard")], 1), t._v(" "), r("div", { staticClass: "vc-chrome-sliders" }, [r("div", { staticClass: "vc-chrome-hue-wrap" }, [r("hue", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1), t._v(" "), t.disableAlpha ? t._e() : r("div", { staticClass: "vc-chrome-alpha-wrap" }, [r("alpha", { on: { change: t.childChange }, model: { value: t.colors, callback: function(s) {
-          t.colors = s;
-        }, expression: "colors" } })], 1)])]), t._v(" "), t.disableFields ? t._e() : r("div", { staticClass: "vc-chrome-fields-wrap" }, [r("div", { directives: [{ name: "show", rawName: "v-show", value: t.fieldsIndex === 0, expression: "fieldsIndex === 0" }], staticClass: "vc-chrome-fields" }, [r("div", { staticClass: "vc-chrome-field" }, [t.hasAlpha ? t._e() : r("ed-in", { attrs: { label: "hex", value: t.colors.hex }, on: { change: t.inputChange } }), t._v(" "), t.hasAlpha ? r("ed-in", { attrs: { label: "hex", value: t.colors.hex8 }, on: { change: t.inputChange } }) : t._e()], 1)]), t._v(" "), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.fieldsIndex === 1, expression: "fieldsIndex === 1" }], staticClass: "vc-chrome-fields" }, [r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "r", value: t.colors.rgba.r }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "g", value: t.colors.rgba.g }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "b", value: t.colors.rgba.b }, on: { change: t.inputChange } })], 1), t._v(" "), t.disableAlpha ? t._e() : r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "a", value: t.colors.a, "arrow-offset": 0.01, max: 1 }, on: { change: t.inputChange } })], 1)]), t._v(" "), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.fieldsIndex === 2, expression: "fieldsIndex === 2" }], staticClass: "vc-chrome-fields" }, [r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "h", value: t.hsl.h }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "s", value: t.hsl.s }, on: { change: t.inputChange } })], 1), t._v(" "), r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "l", value: t.hsl.l }, on: { change: t.inputChange } })], 1), t._v(" "), t.disableAlpha ? t._e() : r("div", { staticClass: "vc-chrome-field" }, [r("ed-in", { attrs: { label: "a", value: t.colors.a, "arrow-offset": 0.01, max: 1 }, on: { change: t.inputChange } })], 1)]), t._v(" "), r("div", { staticClass: "vc-chrome-toggle-btn", attrs: { role: "button", "aria-label": "Change another color definition" }, on: { click: t.toggleViews } }, [r("div", { staticClass: "vc-chrome-toggle-icon" }, [r("svg", { staticStyle: { width: "24px", height: "24px" }, attrs: { viewBox: "0 0 24 24" }, on: { mouseover: t.showHighlight, mouseenter: t.showHighlight, mouseout: t.hideHighlight } }, [r("path", { attrs: { fill: "#333", 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" } })])]), t._v(" "), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.highlight, expression: "highlight" }], staticClass: "vc-chrome-toggle-icon-highlight" })])])])]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }, function(c, i, e) {
-      function n(d) {
-        e(144);
-      }
-      Object.defineProperty(i, "__esModule", { value: !0 });
-      var o = e(59), a = e.n(o);
-      for (var t in o)
-        t !== "default" && function(d) {
-          e.d(i, d, function() {
-            return o[d];
-          });
-        }(t);
-      var f = e(146), r = e(2), s = n, h = r(a.a, f.a, !1, s, null, null);
-      h.options.__file = "src/components/Twitter.vue", i.default = h.exports;
-    }, function(c, i, e) {
-      var n = e(145);
-      typeof n == "string" && (n = [[c.i, n, ""]]), n.locals && (c.exports = n.locals), e(1)("669a48a5", n, !1, {});
-    }, function(c, i, e) {
-      i = c.exports = e(0)(!1), i.push([c.i, `
-.vc-twitter {
-  background: #fff;
-  border: 0 solid rgba(0,0,0,0.25);
-  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
-  border-radius: 4px;
-  position: relative;
-}
-.vc-twitter-triangle {
-  width: 0px;
-  height: 0px;
-  border-style: solid;
-  border-width: 0 9px 10px 9px;
-  border-color: transparent transparent #fff transparent;
-  position: absolute;
-}
-.vc-twitter-triangle-shadow {
-  width: 0px;
-  height: 0px;
-  border-style: solid;
-  border-width: 0 9px 10px 9px;
-  border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
-  position: absolute;
-}
-.vc-twitter-body {
-  padding: 15px 9px 9px 15px;
-}
-.vc-twitter .vc-editable-input {
-  position: relative;
-}
-.vc-twitter .vc-editable-input input {
-  width: 100px;
-  font-size: 14px;
-  color: #666;
-  border: 0px;
-  outline: none;
-  height: 28px;
-  box-shadow: inset 0 0 0 1px #F0F0F0;
-  box-sizing: content-box;
-  border-radius: 0 4px 4px 0;
-  float: left;
-  padding: 1px;
-  padding-left: 8px;
-}
-.vc-twitter .vc-editable-input span {
-  display: none;
-}
-.vc-twitter-hash {
-  background: #F0F0F0;
-  height: 30px;
-  width: 30px;
-  border-radius: 4px 0 0 4px;
-  float: left;
-  color: #98A1A4;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.vc-twitter-swatch {
-  width: 30px;
-  height: 30px;
-  float: left;
-  border-radius: 4px;
-  margin: 0 6px 6px 0;
-  cursor: pointer;
-  position: relative;
-  outline: none;
-}
-.vc-twitter-clear {
-  clear: both;
-}
-.vc-twitter-hide-triangle .vc-twitter-triangle {
-  display: none;
-}
-.vc-twitter-hide-triangle .vc-twitter-triangle-shadow {
-  display: none;
-}
-.vc-twitter-top-left-triangle .vc-twitter-triangle{
-  top: -10px;
-  left: 12px;
-}
-.vc-twitter-top-left-triangle .vc-twitter-triangle-shadow{
-  top: -11px;
-  left: 12px;
-}
-.vc-twitter-top-right-triangle .vc-twitter-triangle{
-  top: -10px;
-  right: 12px;
-}
-.vc-twitter-top-right-triangle .vc-twitter-triangle-shadow{
-  top: -11px;
-  right: 12px;
-}
-`, ""]);
-    }, function(c, i, e) {
-      var n = function() {
-        var t = this, f = t.$createElement, r = t._self._c || f;
-        return r("div", { staticClass: "vc-twitter", class: { "vc-twitter-hide-triangle ": t.triangle === "hide", "vc-twitter-top-left-triangle ": t.triangle === "top-left", "vc-twitter-top-right-triangle ": t.triangle === "top-right" }, style: { width: typeof t.width == "number" ? t.width + "px" : t.width } }, [r("div", { staticClass: "vc-twitter-triangle-shadow" }), t._v(" "), r("div", { staticClass: "vc-twitter-triangle" }), t._v(" "), r("div", { staticClass: "vc-twitter-body" }, [t._l(t.defaultColors, function(s, h) {
-          return r("span", { key: h, staticClass: "vc-twitter-swatch", style: { background: s, boxShadow: "0 0 4px " + (t.equal(s) ? s : "transparent") }, on: { click: function(d) {
-            return t.handlerClick(s);
-          } } });
-        }), t._v(" "), r("div", { staticClass: "vc-twitter-hash" }, [t._v("#")]), t._v(" "), r("editable-input", { attrs: { label: "#", value: t.hex }, on: { change: t.inputChange } }), t._v(" "), r("div", { staticClass: "vc-twitter-clear" })], 2)]);
-      }, o = [];
-      n._withStripped = !0;
-      var a = { render: n, staticRenderFns: o };
-      i.a = a;
-    }]);
-  });
-})(vt);
-var xt = vt.exports;
-const mt = {
-  name: "ColorPicker",
-  extends: xt.Chrome
-}, _t = null, wt = null;
-var yt = /* @__PURE__ */ bt(
-  mt,
-  _t,
-  wt,
-  !1,
-  null,
-  "c60bd4ad"
-);
-const Ft = yt.exports;
-export {
-  Ft as C
-};