@cling-se/widget 0.14.4 → 0.14.6

package/dist/ColorPicker-Bo3s3Esp.js

@@ -0,0 +1,2879 @@
+import { a5 as ht, n as bt } from "./main-CQBEuZk9.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,
+  "d5b1f2a4"
+);
+const Ft = yt.exports;
+export {
+  Ft as C
+};