@ikas/core 1.0.7 → 1.0.9

package/dist/index163.js

@@ -1,82 +1,46 @@
-import t from "react";
-import i from "./index132.js";
-import { SliderSwatch as c } from "./index213.js";
-var m = function(r) {
-  var s = r.onClick, e = r.hsl, l = i({
-    default: {
-      swatches: {
-        marginTop: "20px"
-      },
-      swatch: {
-        boxSizing: "border-box",
-        width: "20%",
-        paddingRight: "1px",
-        float: "left"
-      },
-      clear: {
-        clear: "both"
-      }
+import s from "./index94.js";
+import l from "./index207.js";
+var u = function(r) {
+  var o = ["r", "g", "b", "a", "h", "s", "l", "v"], i = 0, n = 0;
+  return l(o, function(t) {
+    if (r[t] && (i += 1, isNaN(r[t]) || (n += 1), t === "s" || t === "l")) {
+      var a = /^\d+%$/;
+      a.test(r[t]) && (n += 1);
     }
-  }), a = 0.1;
-  return t.createElement(
-    "div",
-    { style: l.swatches },
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".80",
-        active: Math.abs(e.l - 0.8) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s,
-        first: !0
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".65",
-        active: Math.abs(e.l - 0.65) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".50",
-        active: Math.abs(e.l - 0.5) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".35",
-        active: Math.abs(e.l - 0.35) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s
-      })
-    ),
-    t.createElement(
-      "div",
-      { style: l.swatch },
-      t.createElement(c, {
-        hsl: e,
-        offset: ".20",
-        active: Math.abs(e.l - 0.2) < a && Math.abs(e.s - 0.5) < a,
-        onClick: s,
-        last: !0
-      })
-    ),
-    t.createElement("div", { style: l.clear })
-  );
+  }), i === n ? r : !1;
+}, g = function(r, o) {
+  var i = r.hex ? s(r.hex) : s(r), n = i.toHsl(), t = i.toHsv(), a = i.toRgb(), v = i.toHex();
+  n.s === 0 && (n.h = o || 0, t.h = o || 0);
+  var f = v === "000000" && a.a === 0;
+  return {
+    hsl: n,
+    hex: f ? "transparent" : "#" + v,
+    rgb: a,
+    hsv: t,
+    oldHue: r.h || o || n.h,
+    source: r.source
+  };
+}, p = function(r) {
+  if (r === "transparent")
+    return !0;
+  var o = String(r).charAt(0) === "#" ? 1 : 0;
+  return r.length !== 4 + o && r.length < 7 + o && s(r).isValid();
+}, C = function(r) {
+  if (!r)
+    return "#fff";
+  var o = g(r);
+  if (o.hex === "transparent")
+    return "rgba(0,0,0,0.4)";
+  var i = (o.rgb.r * 299 + o.rgb.g * 587 + o.rgb.b * 114) / 1e3;
+  return i >= 128 ? "#000" : "#fff";
+}, b = function(r, o) {
+  var i = r.replace("°", "");
+  return s(o + " (" + i + ")")._ok;
 };
 export {
-  m as SliderSwatches,
-  m as default
+  C as getContrastingColor,
+  p as isValidHex,
+  b as isvalidColorString,
+  u as simpleCheckForValidColor,
+  g as toState
 };

package/dist/index164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),i=require("./index132.cjs");var e=function(){var r=i.default({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return t.createElement("div",{style:r.picker})};exports.SliderPointer=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),u=require("./index151.cjs"),s=require("./index165.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index94.cjs");const n=require("./index159.cjs");var a=function(e){var c=e.colors,i=e.onClick,l=e.onSwatchHover,t=u.default({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return o.createElement("div",{style:t.swatches},s(c,function(r){return o.createElement(n.default,{key:r,color:r,style:t.swatch,onClick:i,onHover:l,focusStyle:{boxShadow:"0 0 4px "+r}})}),o.createElement("div",{style:t.clear}))};exports.BlockSwatches=a;exports.default=a;

package/dist/index164.js

@@ -1,21 +1,52 @@
 import e from "react";
-import t from "./index132.js";
-var p = function() {
-  var r = t({
+import l from "./index151.js";
+import m from "./index165.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index94.js";
+import p from "./index159.js";
+var y = function(t) {
+  var a = t.colors, c = t.onClick, i = t.onSwatchHover, o = l({
     default: {
-      picker: {
-        width: "14px",
-        height: "14px",
-        borderRadius: "6px",
-        transform: "translate(-7px, -1px)",
-        backgroundColor: "rgb(248, 248, 248)",
-        boxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.37)"
+      swatches: {
+        marginRight: "-10px"
+      },
+      swatch: {
+        width: "22px",
+        height: "22px",
+        float: "left",
+        marginRight: "10px",
+        marginBottom: "10px",
+        borderRadius: "4px"
+      },
+      clear: {
+        clear: "both"
       }
     }
   });
-  return e.createElement("div", { style: r.picker });
+  return e.createElement(
+    "div",
+    { style: o.swatches },
+    m(a, function(r) {
+      return e.createElement(p, {
+        key: r,
+        color: r,
+        style: o.swatch,
+        onClick: c,
+        onHover: i,
+        focusStyle: {
+          boxShadow: "0 0 4px " + r
+        }
+      });
+    }),
+    e.createElement("div", { style: o.clear })
+  );
 };
 export {
-  p as SliderPointer,
-  p as default
+  y as BlockSwatches,
+  y as default
 };

package/dist/index165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),s=require("./index132.cjs"),p=require("./index146.cjs"),v=require("./index214.cjs");var c=function(e){var n=e.onClick,u=e.onSwatchHover,o=e.group,i=e.active,l=s.default({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return a.createElement("div",{style:l.group},p(o,function(t,r){return a.createElement(v.SwatchesColor,{key:t,color:t,active:t.toLowerCase()===i,first:r===0,last:r===o.length-1,onClick:n,onSwatchHover:u})}))};exports.SwatchesGroup=c;exports.default=c;
+"use strict";const s=require("./index210.cjs"),t=require("./index211.cjs"),u=require("./index212.cjs"),n=require("./index213.cjs");function i(r,e){var a=n(r)?s:u;return a(r,t(e))}module.exports=i;

package/dist/index165.js

@@ -1,35 +1,11 @@
-import a from "react";
-import l from "./index132.js";
-import m from "./index146.js";
-import { SwatchesColor as u } from "./index214.js";
-var w = function(t) {
-  var c = t.onClick, i = t.onSwatchHover, e = t.group, n = t.active, p = l({
-    default: {
-      group: {
-        paddingBottom: "10px",
-        width: "40px",
-        float: "left",
-        marginRight: "10px"
-      }
-    }
-  });
-  return a.createElement(
-    "div",
-    { style: p.group },
-    m(e, function(o, r) {
-      return a.createElement(u, {
-        key: o,
-        color: o,
-        active: o.toLowerCase() === n,
-        first: r === 0,
-        last: r === e.length - 1,
-        onClick: c,
-        onSwatchHover: i
-      });
-    })
-  );
-};
+import t from "./index210.js";
+import o from "./index211.js";
+import p from "./index212.js";
+import e from "./index213.js";
+function n(r, a) {
+  var m = e(r) ? t : p;
+  return m(r, o(a));
+}
 export {
-  w as SwatchesGroup,
-  w as default
+  n as default
 };

package/dist/index166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index132.cjs"),e=require("./index142.cjs");var r=function(t){var l=n.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return o.createElement("div",{style:l.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointerCircle=r;exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={100:"#ffcdd2",300:"#e57373",500:"#f44336",700:"#d32f2f",900:"#b71c1c"},f={100:"#f8bbd0",300:"#f06292",500:"#e91e63",700:"#c2185b",900:"#880e4f"},a={100:"#e1bee7",300:"#ba68c8",500:"#9c27b0",700:"#7b1fa2",900:"#4a148c"},b={100:"#d1c4e9",300:"#9575cd",500:"#673ab7",700:"#512da8",900:"#311b92"},c={100:"#c5cae9",300:"#7986cb",500:"#3f51b5",700:"#303f9f",900:"#1a237e"},d={100:"#bbdefb",300:"#64b5f6",500:"#2196f3",700:"#1976d2",900:"#0d47a1"},r={100:"#b3e5fc",300:"#4fc3f7",500:"#03a9f4",700:"#0288d1",900:"#01579b"},l={100:"#b2ebf2",300:"#4dd0e1",500:"#00bcd4",700:"#0097a7",900:"#006064"},v={100:"#b2dfdb",300:"#4db6ac",500:"#009688",700:"#00796b",900:"#004d40"},n={100:"#c8e6c9",300:"#81c784",500:"#4caf50",700:"#388e3c"},i={100:"#dcedc8",300:"#aed581",500:"#8bc34a",700:"#689f38",900:"#33691e"},g={100:"#f0f4c3",300:"#dce775",500:"#cddc39",700:"#afb42b",900:"#827717"},p={100:"#fff9c4",300:"#fff176",500:"#ffeb3b",700:"#fbc02d",900:"#f57f17"},u={100:"#ffecb3",300:"#ffd54f",500:"#ffc107",700:"#ffa000",900:"#ff6f00"},o={100:"#ffe0b2",300:"#ffb74d",500:"#ff9800",700:"#f57c00",900:"#e65100"},t={100:"#ffccbc",300:"#ff8a65",500:"#ff5722",700:"#e64a19",900:"#bf360c"},y={100:"#d7ccc8",300:"#a1887f",500:"#795548",700:"#5d4037",900:"#3e2723"},m={100:"#cfd8dc",300:"#90a4ae",500:"#607d8b",700:"#455a64",900:"#263238"};exports.amber=u;exports.blue=d;exports.blueGrey=m;exports.brown=y;exports.cyan=l;exports.deepOrange=t;exports.deepPurple=b;exports.green=n;exports.indigo=c;exports.lightBlue=r;exports.lightGreen=i;exports.lime=g;exports.orange=o;exports.pink=f;exports.purple=a;exports.red=e;exports.teal=v;exports.yellow=p;

package/dist/index166.js

@@ -1,33 +1,21 @@
-import l from "react";
-import a from "./index132.js";
-import r from "./index142.js";
-var t = function(e) {
-  var o = a({
-    default: {
-      picker: {
-        width: "20px",
-        height: "20px",
-        borderRadius: "22px",
-        border: "2px #fff solid",
-        transform: "translate(-12px, -13px)",
-        background: "hsl(" + Math.round(e.hsl.h) + ", " + Math.round(e.hsl.s * 100) + "%, " + Math.round(e.hsl.l * 100) + "%)"
-      }
-    }
-  });
-  return l.createElement("div", { style: o.picker });
-};
-t.propTypes = {
-  hsl: r.shape({
-    h: r.number,
-    s: r.number,
-    l: r.number,
-    a: r.number
-  })
-};
-t.defaultProps = {
-  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
-};
+var f = { 100: "#ffcdd2", 300: "#e57373", 500: "#f44336", 700: "#d32f2f", 900: "#b71c1c" }, e = { 100: "#f8bbd0", 300: "#f06292", 500: "#e91e63", 700: "#c2185b", 900: "#880e4f" }, a = { 100: "#e1bee7", 300: "#ba68c8", 500: "#9c27b0", 700: "#7b1fa2", 900: "#4a148c" }, c = { 100: "#d1c4e9", 300: "#9575cd", 500: "#673ab7", 700: "#512da8", 900: "#311b92" }, b = { 100: "#c5cae9", 300: "#7986cb", 500: "#3f51b5", 700: "#303f9f", 900: "#1a237e" }, d = { 100: "#bbdefb", 300: "#64b5f6", 500: "#2196f3", 700: "#1976d2", 900: "#0d47a1" }, r = { 100: "#b3e5fc", 300: "#4fc3f7", 500: "#03a9f4", 700: "#0288d1", 900: "#01579b" }, v = { 100: "#b2ebf2", 300: "#4dd0e1", 500: "#00bcd4", 700: "#0097a7", 900: "#006064" }, l = { 100: "#b2dfdb", 300: "#4db6ac", 500: "#009688", 700: "#00796b", 900: "#004d40" }, n = { 100: "#c8e6c9", 300: "#81c784", 500: "#4caf50", 700: "#388e3c" }, p = { 100: "#dcedc8", 300: "#aed581", 500: "#8bc34a", 700: "#689f38", 900: "#33691e" }, g = { 100: "#f0f4c3", 300: "#dce775", 500: "#cddc39", 700: "#afb42b", 900: "#827717" }, i = { 100: "#fff9c4", 300: "#fff176", 500: "#ffeb3b", 700: "#fbc02d", 900: "#f57f17" }, o = { 100: "#ffecb3", 300: "#ffd54f", 500: "#ffc107", 700: "#ffa000", 900: "#ff6f00" }, u = { 100: "#ffe0b2", 300: "#ffb74d", 500: "#ff9800", 700: "#f57c00", 900: "#e65100" }, t = { 100: "#ffccbc", 300: "#ff8a65", 500: "#ff5722", 700: "#e64a19", 900: "#bf360c" }, y = { 100: "#d7ccc8", 300: "#a1887f", 500: "#795548", 700: "#5d4037", 900: "#3e2723" }, h = { 100: "#cfd8dc", 300: "#90a4ae", 500: "#607d8b", 700: "#455a64", 900: "#263238" };
 export {
-  t as GooglePointerCircle,
-  t as default
+  o as amber,
+  d as blue,
+  h as blueGrey,
+  y as brown,
+  v as cyan,
+  t as deepOrange,
+  c as deepPurple,
+  n as green,
+  b as indigo,
+  r as lightBlue,
+  p as lightGreen,
+  g as lime,
+  u as orange,
+  e as pink,
+  a as purple,
+  f as red,
+  l as teal,
+  i as yellow
 };

package/dist/index167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index132.cjs"),e=require("./index142.cjs");var r=function(t){var o=s.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return l.createElement("div",{style:o.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointer=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),l=require("./index151.cjs");require("./index152.cjs");require("./index153.cjs");require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index94.cjs");const S=require("./index159.cjs");var a=function(e){var r=e.color,n=e.onClick,s=e.onSwatchHover,h=e.hover,u=e.active,t=e.circleSize,i=e.circleSpacing,c=l.default({default:{swatch:{width:t,height:t,marginRight:i,marginBottom:i,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(t/2+1)+"px "+r,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+r}}},{hover:h,active:u});return o.createElement("div",{style:c.swatch},o.createElement(S.default,{style:c.Swatch,color:r,onClick:n,onHover:s,focusStyle:{boxShadow:c.Swatch.boxShadow+", 0 0 5px "+r}}))};a.defaultProps={circleSize:28,circleSpacing:14};const d=l.libExports.handleHover(a);exports.CircleSwatch=a;exports.default=d;

package/dist/index167.js

@@ -1,33 +1,60 @@
-import a from "react";
-import p from "./index132.js";
-import r from "./index142.js";
-var e = function(t) {
-  var o = p({
+import e from "react";
+import m, { l as S } from "./index151.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index94.js";
+import p from "./index159.js";
+var i = function(t) {
+  var o = t.color, l = t.onClick, n = t.onSwatchHover, s = t.hover, h = t.active, a = t.circleSize, c = t.circleSpacing, r = m({
     default: {
-      picker: {
-        width: "20px",
-        height: "20px",
-        borderRadius: "22px",
-        transform: "translate(-10px, -7px)",
-        background: "hsl(" + Math.round(t.hsl.h) + ", 100%, 50%)",
-        border: "2px white solid"
+      swatch: {
+        width: a,
+        height: a,
+        marginRight: c,
+        marginBottom: c,
+        transform: "scale(1)",
+        transition: "100ms transform ease"
+      },
+      Swatch: {
+        borderRadius: "50%",
+        background: "transparent",
+        boxShadow: "inset 0 0 0 " + (a / 2 + 1) + "px " + o,
+        transition: "100ms box-shadow ease"
+      }
+    },
+    hover: {
+      swatch: {
+        transform: "scale(1.2)"
+      }
+    },
+    active: {
+      Swatch: {
+        boxShadow: "inset 0 0 0 3px " + o
       }
     }
-  });
-  return a.createElement("div", { style: o.picker });
-};
-e.propTypes = {
-  hsl: r.shape({
-    h: r.number,
-    s: r.number,
-    l: r.number,
-    a: r.number
-  })
+  }, { hover: s, active: h });
+  return e.createElement(
+    "div",
+    { style: r.swatch },
+    e.createElement(p, {
+      style: r.Swatch,
+      color: o,
+      onClick: l,
+      onHover: n,
+      focusStyle: { boxShadow: r.Swatch.boxShadow + ", 0 0 5px " + o }
+    })
+  );
 };
-e.defaultProps = {
-  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+i.defaultProps = {
+  circleSize: 28,
+  circleSpacing: 14
 };
+const H = S.handleHover(i);
 export {
-  e as GooglePointer,
-  e as default
+  i as CircleSwatch,
+  H as default
 };

package/dist/index168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),v=require("./index132.cjs"),b=require("./index144.cjs");require("./index133.cjs");require("./index134.cjs");const d=require("./index135.cjs");require("./index136.cjs");require("./index137.cjs");require("./index138.cjs");require("./index140.cjs");var c=function(n){var a=n.onChange,h=n.rgb,x=n.hsl,f=n.hex,u=n.hsv,s=function(t,p){if(t.hex)b.isValidHex(t.hex)&&a({hex:t.hex,source:"hex"},p);else if(t.rgb){var g=t.rgb.split(",");b.isvalidColorString(t.rgb,"rgb")&&a({r:g[0],g:g[1],b:g[2],a:1,source:"rgb"},p)}else if(t.hsv){var r=t.hsv.split(",");b.isvalidColorString(t.hsv,"hsv")&&(r[2]=r[2].replace("%",""),r[1]=r[1].replace("%",""),r[0]=r[0].replace("°",""),r[1]==1?r[1]=.01:r[2]==1&&(r[2]=.01),a({h:Number(r[0]),s:Number(r[1]),v:Number(r[2]),source:"hsv"},p))}else if(t.hsl){var l=t.hsl.split(",");b.isvalidColorString(t.hsl,"hsl")&&(l[2]=l[2].replace("%",""),l[1]=l[1].replace("%",""),l[0]=l[0].replace("°",""),o[1]==1?o[1]=.01:o[2]==1&&(o[2]=.01),a({h:Number(l[0]),s:Number(l[1]),v:Number(l[2]),source:"hsl"},p))}},e=v.default({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),m=h.r+", "+h.g+", "+h.b,y=Math.round(x.h)+"°, "+Math.round(x.s*100)+"%, "+Math.round(x.l*100)+"%",o=Math.round(u.h)+"°, "+Math.round(u.s*100)+"%, "+Math.round(u.v*100)+"%";return i.createElement("div",{style:e.wrap,className:"flexbox-fix"},i.createElement("div",{style:e.fields},i.createElement("div",{style:e.double},i.createElement(d.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:f,onChange:s})),i.createElement("div",{style:e.column},i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"rgb",value:m,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsv",value:o,onChange:s})),i.createElement("div",{style:e.single},i.createElement(d.EditableInput,{style:{input:e.input2,label:e.label2},label:"hsl",value:y,onChange:s})))))};exports.GoogleFields=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),u=require("./index151.cjs"),f=require("./index163.cjs"),h=require("./index208.cjs");require("./index152.cjs");require("./index153.cjs");const o=require("./index154.cjs");require("./index155.cjs");require("./index156.cjs");require("./index157.cjs");require("./index159.cjs");const g=require("./index209.cjs");var b=(function(){function n(l,r){for(var t=0;t<r.length;t++){var e=r[t];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(l,e.key,e)}}return function(l,r,t){return r&&n(l.prototype,r),t&&n(l,t),l}})();function c(n,l){if(!(n instanceof l))throw new TypeError("Cannot call a class as a function")}function d(n,l){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return l&&(typeof l=="object"||typeof l=="function")?l:n}function v(n,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof l);n.prototype=Object.create(l&&l.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),l&&(Object.setPrototypeOf?Object.setPrototypeOf(n,l):n.__proto__=l)}var a=(function(n){v(l,n);function l(r){c(this,l);var t=d(this,(l.__proto__||Object.getPrototypeOf(l)).call(this));return t.toggleViews=function(){t.state.view==="hex"?t.setState({view:"rgb"}):t.state.view==="rgb"?t.setState({view:"hsl"}):t.state.view==="hsl"&&(t.props.hsl.a===1?t.setState({view:"hex"}):t.setState({view:"rgb"}))},t.handleChange=function(e,s){e.hex?f.isValidHex(e.hex)&&t.props.onChange({hex:e.hex,source:"hex"},s):e.r||e.g||e.b?t.props.onChange({r:e.r||t.props.rgb.r,g:e.g||t.props.rgb.g,b:e.b||t.props.rgb.b,source:"rgb"},s):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),t.props.onChange({h:t.props.hsl.h,s:t.props.hsl.s,l:t.props.hsl.l,a:Math.round(e.a*100)/100,source:"rgb"},s)):(e.h||e.s||e.l)&&(typeof e.s=="string"&&e.s.includes("%")&&(e.s=e.s.replace("%","")),typeof e.l=="string"&&e.l.includes("%")&&(e.l=e.l.replace("%","")),e.s==1?e.s=.01:e.l==1&&(e.l=.01),t.props.onChange({h:e.h||t.props.hsl.h,s:Number(h(e.s)?t.props.hsl.s:e.s),l:Number(h(e.l)?t.props.hsl.l:e.l),source:"hsl"},s))},t.showHighlight=function(e){e.currentTarget.style.background="#eee"},t.hideHighlight=function(e){e.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?t.state={view:"rgb"}:t.state={view:r.view},t}return b(l,[{key:"render",value:function(){var t=this,e=u.default({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),s=void 0;return this.state.view==="hex"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(s=i.createElement("div",{style:e.fields,className:"flexbox-fix"},i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.field},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),i.createElement("div",{style:e.alpha},i.createElement(o.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),i.createElement("div",{style:e.wrap,className:"flexbox-fix"},s,i.createElement("div",{style:e.toggle},i.createElement("div",{style:e.icon,onClick:this.toggleViews,ref:function(p){return t.icon=p}},i.createElement(g,{style:e.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.hsl.a!==1&&e.view==="hex"?{view:"rgb"}:null}}]),l})(i.Component);a.defaultProps={view:"hex"};exports.ChromeFields=a;exports.default=a;