@web-atoms/core 2.6.21 → 2.6.25

package/dist-esm/core/Colors.js

@@ -1,244 +1,558 @@
 export class ColorItem {
-    constructor(colorCodeOrRed, namedColorOrGreen, blue, alpha) {
-        if (typeof colorCodeOrRed === "string") {
-            this.colorCode = colorCodeOrRed;
-            if (typeof namedColorOrGreen === "string") {
-                this.namedColor = namedColorOrGreen;
-            }
-            const r = ColorItem.parseRgb(this.colorCode);
-            this.red = r.red;
-            this.green = r.green;
-            this.blue = r.blue;
-            this.alpha = r.alpha;
-        }
-        else {
-            this.red = colorCodeOrRed;
-            if (typeof namedColorOrGreen === "number") {
-                this.green = namedColorOrGreen;
-            }
-            this.blue = blue;
-            this.alpha = alpha;
-            this.colorCode = ColorItem.rgb(this.red, this.green, this.blue, this.alpha);
-        }
+  constructor(colorCodeOrRed, namedColorOrGreen, blue, alpha) {
+    if (typeof colorCodeOrRed === "string") {
+      this.colorCode = colorCodeOrRed;
+      if (typeof namedColorOrGreen === "string") {
+        this.namedColor = namedColorOrGreen;
+      }
+      const r = ColorItem.parseRgb(this.colorCode);
+      this.red = r.red;
+      this.green = r.green;
+      this.blue = r.blue;
+      this.alpha = r.alpha;
+    } else {
+      this.red = colorCodeOrRed;
+      if (typeof namedColorOrGreen === "number") {
+        this.green = namedColorOrGreen;
+      }
+      this.blue = blue;
+      this.alpha = alpha;
+      this.colorCode = ColorItem.rgb(this.red, this.green, this.blue, this.alpha);
     }
-    toString() {
-        return this.colorCode;
+  }
+  toString() {
+    return this.colorCode;
+  }
+  withAlphaPercent(a) {
+    return new ColorItem(this.red, this.green, this.blue, a);
+  }
+  static parseRgb(rgba) {
+    if (/^\#/.test(rgba)) {
+      rgba = rgba.substr(1);
+      if (rgba.length === 3) {
+        rgba = rgba.split("").map(x => x + x).join("");
+      }
+      const red = Number.parseInt(rgba[0] + rgba[1], 16);
+      const green = Number.parseInt(rgba[2] + rgba[3], 16);
+      const blue = Number.parseInt(rgba[4] + rgba[5], 16);
+      if (rgba.length > 6) {
+        const alpha = Number.parseInt(rgba[6] + rgba[7], 16);
+        return {
+          red,
+          green,
+          blue,
+          alpha
+        };
+      }
+      return {
+        red,
+        green,
+        blue
+      };
     }
-    withAlphaPercent(a) {
-        return new ColorItem(this.red, this.green, this.blue, a);
+    if (/^rgba/i.test(rgba)) {
+      rgba = rgba.substr(5);
+      rgba = rgba.substr(0, rgba.length - 1);
+      const a = rgba.split(",").map((x, i) => i === 3 ? Number.parseFloat(x) : Number.parseInt(x, 10));
+      return {
+        red: a[0],
+        green: a[1],
+        blue: a[2],
+        alpha: a[3]
+      };
     }
-    static parseRgb(rgba) {
-        if (/^\#/.test(rgba)) {
-            rgba = rgba.substr(1);
-            if (rgba.length === 3) {
-                rgba = rgba.split("").map((x) => x + x).join("");
-            }
-            const red = Number.parseInt(rgba[0] + rgba[1], 16);
-            const green = Number.parseInt(rgba[2] + rgba[3], 16);
-            const blue = Number.parseInt(rgba[4] + rgba[5], 16);
-            if (rgba.length > 6) {
-                const alpha = Number.parseInt(rgba[6] + rgba[7], 16);
-                return { red, green, blue, alpha };
-            }
-            return { red, green, blue };
-        }
-        if (/^rgba/i.test(rgba)) {
-            rgba = rgba.substr(5);
-            rgba = rgba.substr(0, rgba.length - 1);
-            const a = rgba.split(",").map((x, i) => i === 3 ? Number.parseFloat(x) : Number.parseInt(x, 10));
-            return { red: a[0], green: a[1], blue: a[2], alpha: a[3] };
-        }
-        if (/^rgb/i.test(rgba)) {
-            rgba = rgba.substr(4);
-            rgba = rgba.substr(0, rgba.length - 1);
-            const a = rgba.split(",").map((x) => Number.parseInt(x, 10));
-            return { red: a[0], green: a[1], blue: a[2] };
-        }
-        throw new Error("Unknown color format " + rgba);
+    if (/^rgb/i.test(rgba)) {
+      rgba = rgba.substr(4);
+      rgba = rgba.substr(0, rgba.length - 1);
+      const a = rgba.split(",").map(x => Number.parseInt(x, 10));
+      return {
+        red: a[0],
+        green: a[1],
+        blue: a[2]
+      };
     }
-    static rgb(r, g, b, a) {
-        if (a !== undefined) {
-            return `rgba(${r},${g},${b},${a})`;
-        }
-        return "#" + toFixedString(r) + toFixedString(g) + toFixedString(b);
+    throw new Error("Unknown color format " + rgba);
+  }
+  static rgb(r, g, b, a) {
+    if (a !== undefined) {
+      return `rgba(${r},${g},${b},${a})`;
     }
+    return "#" + toFixedString(r) + toFixedString(g) + toFixedString(b);
+  }
 }
 function toFixedString(t) {
-    return ("0" + t.toString(16)).slice(-2);
+  return ("0" + t.toString(16)).slice(-2);
 }
 export default class Colors {
-    static rgba(red, green, blue, alpha) {
-        return new ColorItem(red, green, blue, alpha);
+  static rgba(red, green, blue, alpha) {
+    return new ColorItem(red, green, blue, alpha);
+  }
+  static parse(color) {
+    if (!color) {
+      return null;
     }
-    static parse(color) {
-        if (!color) {
-            return null;
-        }
-        color = color.toLowerCase();
-        for (const key in Colors) {
-            if (Colors.hasOwnProperty(key)) {
-                const element = Colors[key];
-                if (element instanceof ColorItem) {
-                    const ci = element;
-                    if (ci.namedColor === color) {
-                        return ci;
-                    }
-                }
-            }
-        }
-        if (/^(\#|rgb\(|rgba\()/i.test(color)) {
-            return new ColorItem(color);
+    color = color.toLowerCase();
+    for (const key in Colors) {
+      if (Colors.hasOwnProperty(key)) {
+        const element = Colors[key];
+        if (element instanceof ColorItem) {
+          const ci = element;
+          if (ci.namedColor === color) {
+            return ci;
+          }
         }
-        throw new Error("Invalid color format " + color);
+      }
     }
-    static { this.black = new ColorItem("#000000", "black"); }
-    static { this.silver = new ColorItem("#c0c0c0", "silver"); }
-    static { this.gray = new ColorItem("#808080", "gray"); }
-    static { this.white = new ColorItem("#ffffff", "white"); }
-    static { this.maroon = new ColorItem("#800000", "maroon"); }
-    static { this.red = new ColorItem("#ff0000", "red"); }
-    static { this.purple = new ColorItem("#800080", "purple"); }
-    static { this.fuchsia = new ColorItem("#ff00ff", "fuchsia"); }
-    static { this.green = new ColorItem("#008000", "green"); }
-    static { this.lime = new ColorItem("#00ff00", "lime"); }
-    static { this.olive = new ColorItem("#808000", "olive"); }
-    static { this.yellow = new ColorItem("#ffff00", "yellow"); }
-    static { this.navy = new ColorItem("#000080", "navy"); }
-    static { this.blue = new ColorItem("#0000ff", "blue"); }
-    static { this.teal = new ColorItem("#008080", "teal"); }
-    static { this.aqua = new ColorItem("#00ffff", "aqua"); }
-    static { this.orange = new ColorItem("#ffa500", "orange"); }
-    static { this.aliceBlue = new ColorItem("#f0f8ff", "aliceblue"); }
-    static { this.antiqueWhite = new ColorItem("#faebd7", "antiquewhite"); }
-    static { this.aquaMarine = new ColorItem("#7fffd4", "aquamarine"); }
-    static { this.azure = new ColorItem("#f0ffff", "azure"); }
-    static { this.beige = new ColorItem("#f5f5dc", "beige"); }
-    static { this.bisque = new ColorItem("#ffe4c4", "bisque"); }
-    static { this.blanchedAlmond = new ColorItem("#ffebcd", "blanchedalmond"); }
-    static { this.blueViolet = new ColorItem("#8a2be2", "blueviolet"); }
-    static { this.brown = new ColorItem("#a52a2a", "brown"); }
-    static { this.burlyWood = new ColorItem("#deb887", "burlywood"); }
-    static { this.cadetBlue = new ColorItem("#5f9ea0", "cadetblue"); }
-    static { this.chartReuse = new ColorItem("#7fff00", "chartreuse"); }
-    static { this.chocolate = new ColorItem("#d2691e", "chocolate"); }
-    static { this.coral = new ColorItem("#ff7f50", "coral"); }
-    static { this.cornFlowerBlue = new ColorItem("#6495ed", "cornflowerblue"); }
-    static { this.cornSilk = new ColorItem("#fff8dc", "cornsilk"); }
-    static { this.crimson = new ColorItem("#dc143c", "crimson"); }
-    static { this.cyan = new ColorItem("#00ffff", "cyan"); }
-    static { this.darkBlue = new ColorItem("#00008b", "darkblue"); }
-    static { this.darkCyan = new ColorItem("#008b8b", "darkcyan"); }
-    static { this.darkGoldenRod = new ColorItem("#b8860b", "darkgoldenrod"); }
-    static { this.darkGray = new ColorItem("#a9a9a9", "darkgray"); }
-    static { this.darkGreen = new ColorItem("#006400", "darkgreen"); }
-    static { this.darkGrey = new ColorItem("#a9a9a9", "darkgrey"); }
-    static { this.darkKhaki = new ColorItem("#bdb76b", "darkkhaki"); }
-    static { this.darkMagenta = new ColorItem("#8b008b", "darkmagenta"); }
-    static { this.darkOliveGreen = new ColorItem("#556b2f", "darkolivegreen"); }
-    static { this.darkOrange = new ColorItem("#ff8c00", "darkorange"); }
-    static { this.darkOrchid = new ColorItem("#9932cc", "darkorchid"); }
-    static { this.darkRed = new ColorItem("#8b0000", "darkred"); }
-    static { this.darkSalmon = new ColorItem("#e9967a", "darksalmon"); }
-    static { this.darkSeaGreen = new ColorItem("#8fbc8f", "darkseagreen"); }
-    static { this.darkSlateBlue = new ColorItem("#483d8b", "darkslateblue"); }
-    static { this.darkSlateGray = new ColorItem("#2f4f4f", "darkslategray"); }
-    static { this.darkSlateGrey = new ColorItem("#2f4f4f", "darkslategrey"); }
-    static { this.darkTurquoise = new ColorItem("#00ced1", "darkturquoise"); }
-    static { this.darkViolet = new ColorItem("#9400d3", "darkviolet"); }
-    static { this.deepPink = new ColorItem("#ff1493", "deeppink"); }
-    static { this.deepSkyBlue = new ColorItem("#00bfff", "deepskyblue"); }
-    static { this.dimGray = new ColorItem("#696969", "dimgray"); }
-    static { this.dimGrey = new ColorItem("#696969", "dimgrey"); }
-    static { this.dodgerBlue = new ColorItem("#1e90ff", "dodgerblue"); }
-    static { this.fireBrick = new ColorItem("#b22222", "firebrick"); }
-    static { this.floralWhite = new ColorItem("#fffaf0", "floralwhite"); }
-    static { this.forestGreen = new ColorItem("#228b22", "forestgreen"); }
-    static { this.gainsboro = new ColorItem("#dcdcdc", "gainsboro"); }
-    static { this.ghostWhite = new ColorItem("#f8f8ff", "ghostwhite"); }
-    static { this.gold = new ColorItem("#ffd700", "gold"); }
-    static { this.goldenRod = new ColorItem("#daa520", "goldenrod"); }
-    static { this.greenYellow = new ColorItem("#adff2f", "greenyellow"); }
-    static { this.grey = new ColorItem("#808080", "grey"); }
-    static { this.honeyDew = new ColorItem("#f0fff0", "honeydew"); }
-    static { this.hotPink = new ColorItem("#ff69b4", "hotpink"); }
-    static { this.indianRed = new ColorItem("#cd5c5c", "indianred"); }
-    static { this.indigo = new ColorItem("#4b0082", "indigo"); }
-    static { this.ivory = new ColorItem("#fffff0", "ivory"); }
-    static { this.khaki = new ColorItem("#f0e68c", "khaki"); }
-    static { this.lavender = new ColorItem("#e6e6fa", "lavender"); }
-    static { this.lavenderBlush = new ColorItem("#fff0f5", "lavenderblush"); }
-    static { this.lawnGreen = new ColorItem("#7cfc00", "lawngreen"); }
-    static { this.lemonChiffon = new ColorItem("#fffacd", "lemonchiffon"); }
-    static { this.lightBlue = new ColorItem("#add8e6", "lightblue"); }
-    static { this.lightCoral = new ColorItem("#f08080", "lightcoral"); }
-    static { this.lightCyan = new ColorItem("#e0ffff", "lightcyan"); }
-    static { this.lightGoldenRodYellow = new ColorItem("#fafad2", "lightgoldenrodyellow"); }
-    static { this.lightGray = new ColorItem("#d3d3d3", "lightgray"); }
-    static { this.lightGreen = new ColorItem("#90ee90", "lightgreen"); }
-    static { this.lightGrey = new ColorItem("#d3d3d3", "lightgrey"); }
-    static { this.lightPink = new ColorItem("#ffb6c1", "lightpink"); }
-    static { this.lightSalmon = new ColorItem("#ffa07a", "lightsalmon"); }
-    static { this.lightSeaGreen = new ColorItem("#20b2aa", "lightseagreen"); }
-    static { this.lightSkyBlue = new ColorItem("#87cefa", "lightskyblue"); }
-    static { this.lightSlateGray = new ColorItem("#778899", "lightslategray"); }
-    static { this.lightSlateGrey = new ColorItem("#778899", "lightslategrey"); }
-    static { this.lightSteelBlue = new ColorItem("#b0c4de", "lightsteelblue"); }
-    static { this.lightYellow = new ColorItem("#ffffe0", "lightyellow"); }
-    static { this.limeGreen = new ColorItem("#32cd32", "limegreen"); }
-    static { this.linen = new ColorItem("#faf0e6", "linen"); }
-    static { this.magenta = new ColorItem("#ff00ff", "magenta"); }
-    static { this.mediumAquaMarine = new ColorItem("#66cdaa", "mediumaquamarine"); }
-    static { this.mediumBlue = new ColorItem("#0000cd", "mediumblue"); }
-    static { this.mediumOrchid = new ColorItem("#ba55d3", "mediumorchid"); }
-    static { this.mediumPurple = new ColorItem("#9370db", "mediumpurple"); }
-    static { this.mediumSeaGreen = new ColorItem("#3cb371", "mediumseagreen"); }
-    static { this.mediumSlateBlue = new ColorItem("#7b68ee", "mediumslateblue"); }
-    static { this.mediumSpringGreen = new ColorItem("#00fa9a", "mediumspringgreen"); }
-    static { this.mediumTurquoise = new ColorItem("#48d1cc", "mediumturquoise"); }
-    static { this.mediumVioletred = new ColorItem("#c71585", "mediumvioletred"); }
-    static { this.midNightBlue = new ColorItem("#191970", "midnightblue"); }
-    static { this.mintCream = new ColorItem("#f5fffa", "mintcream"); }
-    static { this.mistyRose = new ColorItem("#ffe4e1", "mistyrose"); }
-    static { this.moccasin = new ColorItem("#ffe4b5", "moccasin"); }
-    static { this.navajoWhite = new ColorItem("#ffdead", "navajowhite"); }
-    static { this.oldLace = new ColorItem("#fdf5e6", "oldlace"); }
-    static { this.oliveDrab = new ColorItem("#6b8e23", "olivedrab"); }
-    static { this.orangeRed = new ColorItem("#ff4500", "orangered"); }
-    static { this.orchid = new ColorItem("#da70d6", "orchid"); }
-    static { this.paleGoldenRod = new ColorItem("#eee8aa", "palegoldenrod"); }
-    static { this.paleGreen = new ColorItem("#98fb98", "palegreen"); }
-    static { this.paleTurquoise = new ColorItem("#afeeee", "paleturquoise"); }
-    static { this.paleVioletRed = new ColorItem("#db7093", "palevioletred"); }
-    static { this.papayaWhip = new ColorItem("#ffefd5", "papayawhip"); }
-    static { this.peachPuff = new ColorItem("#ffdab9", "peachpuff"); }
-    static { this.peru = new ColorItem("#cd853f", "peru"); }
-    static { this.pink = new ColorItem("#ffc0cb", "pink"); }
-    static { this.plum = new ColorItem("#dda0dd", "plum"); }
-    static { this.powderBlue = new ColorItem("#b0e0e6", "powderblue"); }
-    static { this.rosyBrown = new ColorItem("#bc8f8f", "rosybrown"); }
-    static { this.royalBlue = new ColorItem("#4169e1", "royalblue"); }
-    static { this.saddleBrown = new ColorItem("#8b4513", "saddlebrown"); }
-    static { this.salmon = new ColorItem("#fa8072", "salmon"); }
-    static { this.sandyBrown = new ColorItem("#f4a460", "sandybrown"); }
-    static { this.seaGreen = new ColorItem("#2e8b57", "seagreen"); }
-    static { this.seaShell = new ColorItem("#fff5ee", "seashell"); }
-    static { this.sienna = new ColorItem("#a0522d", "sienna"); }
-    static { this.skyBlue = new ColorItem("#87ceeb", "skyblue"); }
-    static { this.slateBlue = new ColorItem("#6a5acd", "slateblue"); }
-    static { this.slateGray = new ColorItem("#708090", "slategray"); }
-    static { this.slateGrey = new ColorItem("#708090", "slategrey"); }
-    static { this.snow = new ColorItem("#fffafa", "snow"); }
-    static { this.springGreen = new ColorItem("#00ff7f", "springgreen"); }
-    static { this.steelBlue = new ColorItem("#4682b4", "steelblue"); }
-    static { this.tan = new ColorItem("#d2b48c", "tan"); }
-    static { this.thistle = new ColorItem("#d8bfd8", "thistle"); }
-    static { this.tomato = new ColorItem("#ff6347", "tomato"); }
-    static { this.turquoise = new ColorItem("#40e0d0", "turquoise"); }
-    static { this.violet = new ColorItem("#ee82ee", "violet"); }
-    static { this.wheat = new ColorItem("#f5deb3", "wheat"); }
-    static { this.whiteSmoke = new ColorItem("#f5f5f5", "whitesmoke"); }
-    static { this.yellowGreen = new ColorItem("#9acd32", "yellowgreen"); }
-    static { this.rebeccaPurple = new ColorItem("#663399", "rebeccapurple"); }
-    static { this.transparent = new ColorItem("#00000000", "transparent"); }
-}
-//# sourceMappingURL=Colors.js.map
+    if (/^(\#|rgb\(|rgba\()/i.test(color)) {
+      return new ColorItem(color);
+    }
+    throw new Error("Invalid color format " + color);
+  }
+  static {
+    this.black = new ColorItem("#000000", "black");
+  }
+  static {
+    this.silver = new ColorItem("#c0c0c0", "silver");
+  }
+  static {
+    this.gray = new ColorItem("#808080", "gray");
+  }
+  static {
+    this.white = new ColorItem("#ffffff", "white");
+  }
+  static {
+    this.maroon = new ColorItem("#800000", "maroon");
+  }
+  static {
+    this.red = new ColorItem("#ff0000", "red");
+  }
+  static {
+    this.purple = new ColorItem("#800080", "purple");
+  }
+  static {
+    this.fuchsia = new ColorItem("#ff00ff", "fuchsia");
+  }
+  static {
+    this.green = new ColorItem("#008000", "green");
+  }
+  static {
+    this.lime = new ColorItem("#00ff00", "lime");
+  }
+  static {
+    this.olive = new ColorItem("#808000", "olive");
+  }
+  static {
+    this.yellow = new ColorItem("#ffff00", "yellow");
+  }
+  static {
+    this.navy = new ColorItem("#000080", "navy");
+  }
+  static {
+    this.blue = new ColorItem("#0000ff", "blue");
+  }
+  static {
+    this.teal = new ColorItem("#008080", "teal");
+  }
+  static {
+    this.aqua = new ColorItem("#00ffff", "aqua");
+  }
+  static {
+    this.orange = new ColorItem("#ffa500", "orange");
+  }
+  static {
+    this.aliceBlue = new ColorItem("#f0f8ff", "aliceblue");
+  }
+  static {
+    this.antiqueWhite = new ColorItem("#faebd7", "antiquewhite");
+  }
+  static {
+    this.aquaMarine = new ColorItem("#7fffd4", "aquamarine");
+  }
+  static {
+    this.azure = new ColorItem("#f0ffff", "azure");
+  }
+  static {
+    this.beige = new ColorItem("#f5f5dc", "beige");
+  }
+  static {
+    this.bisque = new ColorItem("#ffe4c4", "bisque");
+  }
+  static {
+    this.blanchedAlmond = new ColorItem("#ffebcd", "blanchedalmond");
+  }
+  static {
+    this.blueViolet = new ColorItem("#8a2be2", "blueviolet");
+  }
+  static {
+    this.brown = new ColorItem("#a52a2a", "brown");
+  }
+  static {
+    this.burlyWood = new ColorItem("#deb887", "burlywood");
+  }
+  static {
+    this.cadetBlue = new ColorItem("#5f9ea0", "cadetblue");
+  }
+  static {
+    this.chartReuse = new ColorItem("#7fff00", "chartreuse");
+  }
+  static {
+    this.chocolate = new ColorItem("#d2691e", "chocolate");
+  }
+  static {
+    this.coral = new ColorItem("#ff7f50", "coral");
+  }
+  static {
+    this.cornFlowerBlue = new ColorItem("#6495ed", "cornflowerblue");
+  }
+  static {
+    this.cornSilk = new ColorItem("#fff8dc", "cornsilk");
+  }
+  static {
+    this.crimson = new ColorItem("#dc143c", "crimson");
+  }
+  static {
+    this.cyan = new ColorItem("#00ffff", "cyan");
+  }
+  static {
+    this.darkBlue = new ColorItem("#00008b", "darkblue");
+  }
+  static {
+    this.darkCyan = new ColorItem("#008b8b", "darkcyan");
+  }
+  static {
+    this.darkGoldenRod = new ColorItem("#b8860b", "darkgoldenrod");
+  }
+  static {
+    this.darkGray = new ColorItem("#a9a9a9", "darkgray");
+  }
+  static {
+    this.darkGreen = new ColorItem("#006400", "darkgreen");
+  }
+  static {
+    this.darkGrey = new ColorItem("#a9a9a9", "darkgrey");
+  }
+  static {
+    this.darkKhaki = new ColorItem("#bdb76b", "darkkhaki");
+  }
+  static {
+    this.darkMagenta = new ColorItem("#8b008b", "darkmagenta");
+  }
+  static {
+    this.darkOliveGreen = new ColorItem("#556b2f", "darkolivegreen");
+  }
+  static {
+    this.darkOrange = new ColorItem("#ff8c00", "darkorange");
+  }
+  static {
+    this.darkOrchid = new ColorItem("#9932cc", "darkorchid");
+  }
+  static {
+    this.darkRed = new ColorItem("#8b0000", "darkred");
+  }
+  static {
+    this.darkSalmon = new ColorItem("#e9967a", "darksalmon");
+  }
+  static {
+    this.darkSeaGreen = new ColorItem("#8fbc8f", "darkseagreen");
+  }
+  static {
+    this.darkSlateBlue = new ColorItem("#483d8b", "darkslateblue");
+  }
+  static {
+    this.darkSlateGray = new ColorItem("#2f4f4f", "darkslategray");
+  }
+  static {
+    this.darkSlateGrey = new ColorItem("#2f4f4f", "darkslategrey");
+  }
+  static {
+    this.darkTurquoise = new ColorItem("#00ced1", "darkturquoise");
+  }
+  static {
+    this.darkViolet = new ColorItem("#9400d3", "darkviolet");
+  }
+  static {
+    this.deepPink = new ColorItem("#ff1493", "deeppink");
+  }
+  static {
+    this.deepSkyBlue = new ColorItem("#00bfff", "deepskyblue");
+  }
+  static {
+    this.dimGray = new ColorItem("#696969", "dimgray");
+  }
+  static {
+    this.dimGrey = new ColorItem("#696969", "dimgrey");
+  }
+  static {
+    this.dodgerBlue = new ColorItem("#1e90ff", "dodgerblue");
+  }
+  static {
+    this.fireBrick = new ColorItem("#b22222", "firebrick");
+  }
+  static {
+    this.floralWhite = new ColorItem("#fffaf0", "floralwhite");
+  }
+  static {
+    this.forestGreen = new ColorItem("#228b22", "forestgreen");
+  }
+  static {
+    this.gainsboro = new ColorItem("#dcdcdc", "gainsboro");
+  }
+  static {
+    this.ghostWhite = new ColorItem("#f8f8ff", "ghostwhite");
+  }
+  static {
+    this.gold = new ColorItem("#ffd700", "gold");
+  }
+  static {
+    this.goldenRod = new ColorItem("#daa520", "goldenrod");
+  }
+  static {
+    this.greenYellow = new ColorItem("#adff2f", "greenyellow");
+  }
+  static {
+    this.grey = new ColorItem("#808080", "grey");
+  }
+  static {
+    this.honeyDew = new ColorItem("#f0fff0", "honeydew");
+  }
+  static {
+    this.hotPink = new ColorItem("#ff69b4", "hotpink");
+  }
+  static {
+    this.indianRed = new ColorItem("#cd5c5c", "indianred");
+  }
+  static {
+    this.indigo = new ColorItem("#4b0082", "indigo");
+  }
+  static {
+    this.ivory = new ColorItem("#fffff0", "ivory");
+  }
+  static {
+    this.khaki = new ColorItem("#f0e68c", "khaki");
+  }
+  static {
+    this.lavender = new ColorItem("#e6e6fa", "lavender");
+  }
+  static {
+    this.lavenderBlush = new ColorItem("#fff0f5", "lavenderblush");
+  }
+  static {
+    this.lawnGreen = new ColorItem("#7cfc00", "lawngreen");
+  }
+  static {
+    this.lemonChiffon = new ColorItem("#fffacd", "lemonchiffon");
+  }
+  static {
+    this.lightBlue = new ColorItem("#add8e6", "lightblue");
+  }
+  static {
+    this.lightCoral = new ColorItem("#f08080", "lightcoral");
+  }
+  static {
+    this.lightCyan = new ColorItem("#e0ffff", "lightcyan");
+  }
+  static {
+    this.lightGoldenRodYellow = new ColorItem("#fafad2", "lightgoldenrodyellow");
+  }
+  static {
+    this.lightGray = new ColorItem("#d3d3d3", "lightgray");
+  }
+  static {
+    this.lightGreen = new ColorItem("#90ee90", "lightgreen");
+  }
+  static {
+    this.lightGrey = new ColorItem("#d3d3d3", "lightgrey");
+  }
+  static {
+    this.lightPink = new ColorItem("#ffb6c1", "lightpink");
+  }
+  static {
+    this.lightSalmon = new ColorItem("#ffa07a", "lightsalmon");
+  }
+  static {
+    this.lightSeaGreen = new ColorItem("#20b2aa", "lightseagreen");
+  }
+  static {
+    this.lightSkyBlue = new ColorItem("#87cefa", "lightskyblue");
+  }
+  static {
+    this.lightSlateGray = new ColorItem("#778899", "lightslategray");
+  }
+  static {
+    this.lightSlateGrey = new ColorItem("#778899", "lightslategrey");
+  }
+  static {
+    this.lightSteelBlue = new ColorItem("#b0c4de", "lightsteelblue");
+  }
+  static {
+    this.lightYellow = new ColorItem("#ffffe0", "lightyellow");
+  }
+  static {
+    this.limeGreen = new ColorItem("#32cd32", "limegreen");
+  }
+  static {
+    this.linen = new ColorItem("#faf0e6", "linen");
+  }
+  static {
+    this.magenta = new ColorItem("#ff00ff", "magenta");
+  }
+  static {
+    this.mediumAquaMarine = new ColorItem("#66cdaa", "mediumaquamarine");
+  }
+  static {
+    this.mediumBlue = new ColorItem("#0000cd", "mediumblue");
+  }
+  static {
+    this.mediumOrchid = new ColorItem("#ba55d3", "mediumorchid");
+  }
+  static {
+    this.mediumPurple = new ColorItem("#9370db", "mediumpurple");
+  }
+  static {
+    this.mediumSeaGreen = new ColorItem("#3cb371", "mediumseagreen");
+  }
+  static {
+    this.mediumSlateBlue = new ColorItem("#7b68ee", "mediumslateblue");
+  }
+  static {
+    this.mediumSpringGreen = new ColorItem("#00fa9a", "mediumspringgreen");
+  }
+  static {
+    this.mediumTurquoise = new ColorItem("#48d1cc", "mediumturquoise");
+  }
+  static {
+    this.mediumVioletred = new ColorItem("#c71585", "mediumvioletred");
+  }
+  static {
+    this.midNightBlue = new ColorItem("#191970", "midnightblue");
+  }
+  static {
+    this.mintCream = new ColorItem("#f5fffa", "mintcream");
+  }
+  static {
+    this.mistyRose = new ColorItem("#ffe4e1", "mistyrose");
+  }
+  static {
+    this.moccasin = new ColorItem("#ffe4b5", "moccasin");
+  }
+  static {
+    this.navajoWhite = new ColorItem("#ffdead", "navajowhite");
+  }
+  static {
+    this.oldLace = new ColorItem("#fdf5e6", "oldlace");
+  }
+  static {
+    this.oliveDrab = new ColorItem("#6b8e23", "olivedrab");
+  }
+  static {
+    this.orangeRed = new ColorItem("#ff4500", "orangered");
+  }
+  static {
+    this.orchid = new ColorItem("#da70d6", "orchid");
+  }
+  static {
+    this.paleGoldenRod = new ColorItem("#eee8aa", "palegoldenrod");
+  }
+  static {
+    this.paleGreen = new ColorItem("#98fb98", "palegreen");
+  }
+  static {
+    this.paleTurquoise = new ColorItem("#afeeee", "paleturquoise");
+  }
+  static {
+    this.paleVioletRed = new ColorItem("#db7093", "palevioletred");
+  }
+  static {
+    this.papayaWhip = new ColorItem("#ffefd5", "papayawhip");
+  }
+  static {
+    this.peachPuff = new ColorItem("#ffdab9", "peachpuff");
+  }
+  static {
+    this.peru = new ColorItem("#cd853f", "peru");
+  }
+  static {
+    this.pink = new ColorItem("#ffc0cb", "pink");
+  }
+  static {
+    this.plum = new ColorItem("#dda0dd", "plum");
+  }
+  static {
+    this.powderBlue = new ColorItem("#b0e0e6", "powderblue");
+  }
+  static {
+    this.rosyBrown = new ColorItem("#bc8f8f", "rosybrown");
+  }
+  static {
+    this.royalBlue = new ColorItem("#4169e1", "royalblue");
+  }
+  static {
+    this.saddleBrown = new ColorItem("#8b4513", "saddlebrown");
+  }
+  static {
+    this.salmon = new ColorItem("#fa8072", "salmon");
+  }
+  static {
+    this.sandyBrown = new ColorItem("#f4a460", "sandybrown");
+  }
+  static {
+    this.seaGreen = new ColorItem("#2e8b57", "seagreen");
+  }
+  static {
+    this.seaShell = new ColorItem("#fff5ee", "seashell");
+  }
+  static {
+    this.sienna = new ColorItem("#a0522d", "sienna");
+  }
+  static {
+    this.skyBlue = new ColorItem("#87ceeb", "skyblue");
+  }
+  static {
+    this.slateBlue = new ColorItem("#6a5acd", "slateblue");
+  }
+  static {
+    this.slateGray = new ColorItem("#708090", "slategray");
+  }
+  static {
+    this.slateGrey = new ColorItem("#708090", "slategrey");
+  }
+  static {
+    this.snow = new ColorItem("#fffafa", "snow");
+  }
+  static {
+    this.springGreen = new ColorItem("#00ff7f", "springgreen");
+  }
+  static {
+    this.steelBlue = new ColorItem("#4682b4", "steelblue");
+  }
+  static {
+    this.tan = new ColorItem("#d2b48c", "tan");
+  }
+  static {
+    this.thistle = new ColorItem("#d8bfd8", "thistle");
+  }
+  static {
+    this.tomato = new ColorItem("#ff6347", "tomato");
+  }
+  static {
+    this.turquoise = new ColorItem("#40e0d0", "turquoise");
+  }
+  static {
+    this.violet = new ColorItem("#ee82ee", "violet");
+  }
+  static {
+    this.wheat = new ColorItem("#f5deb3", "wheat");
+  }
+  static {
+    this.whiteSmoke = new ColorItem("#f5f5f5", "whitesmoke");
+  }
+  static {
+    this.yellowGreen = new ColorItem("#9acd32", "yellowgreen");
+  }
+  static {
+    this.rebeccaPurple = new ColorItem("#663399", "rebeccapurple");
+  }
+  static {
+    this.transparent = new ColorItem("#00000000", "transparent");
+  }
+}