@thednp/color-picker 0.0.2-alpha1 → 0.0.2-alpha4

package/dist/js/color-palette.js

@@ -1,5 +1,5 @@
 /*!
-* ColorPalette v0.0.2alpha1 (http://thednp.github.io/color-picker)
+* ColorPalette v0.0.2alpha4 (http://thednp.github.io/color-picker)
 * Copyright 2022 © thednp
 * Licensed under MIT (https://github.com/thednp/color-picker/blob/master/LICENSE)
 */
@@ -147,6 +147,8 @@
     if (nonColors.includes(color)
       || ['#', ...COLOR_FORMAT].some((f) => color.includes(f))) return false;
 
+    if (['black', 'white'].includes(color)) return true;
+
     return ['rgb(255, 255, 255)', 'rgb(0, 0, 0)'].every((c) => {
       setElementStyle(documentHead, { color });
       const computedColor = getElementStyle(documentHead, 'color');
@@ -173,6 +175,11 @@
    */
   function bound01(N, max) {
     let n = N;
+
+    if (typeof N === 'number'
+      && Math.min(N, 0) === 0 // round values to 6 decimals Math.round(N * (10 ** 6)) / 10 ** 6
+      && Math.max(N, 1) === 1) return N;
+
     if (isOnePointZero(N)) n = '100%';
 
     const processPercent = isPercentage(n);
@@ -276,15 +283,12 @@
   /**
    * Converts an RGB colour value to HSL.
    *
-   * @param {number} R Red component [0, 255]
-   * @param {number} G Green component [0, 255]
-   * @param {number} B Blue component [0, 255]
+   * @param {number} r Red component [0, 1]
+   * @param {number} g Green component [0, 1]
+   * @param {number} b Blue component [0, 1]
    * @returns {CP.HSL} {h,s,l} object with [0, 1] ranged values
    */
-  function rgbToHsl(R, G, B) {
-    const r = R / 255;
-    const g = G / 255;
-    const b = B / 255;
+  function rgbToHsl(r, g, b) {
     const max = Math.max(r, g, b);
     const min = Math.min(r, g, b);
     let h = 0;
@@ -296,17 +300,10 @@
     } else {
       const d = max - min;
       s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      switch (max) {
-        case r:
-          h = (g - b) / d + (g < b ? 6 : 0);
-          break;
-        case g:
-          h = (b - r) / d + 2;
-          break;
-        case b:
-          h = (r - g) / d + 4;
-          break;
-      }
+      if (max === r) h = (g - b) / d + (g < b ? 6 : 0);
+      if (max === g) h = (b - r) / d + 2;
+      if (max === b) h = (r - g) / d + 4;
+
       h /= 6;
     }
     return { h, s, l };
@@ -335,7 +332,7 @@
    * @param {number} h Hue Angle [0, 1]
    * @param {number} s Saturation [0, 1]
    * @param {number} l Lightness Angle [0, 1]
-   * @returns {CP.RGB} {r,g,b} object with [0, 255] ranged values
+   * @returns {CP.RGB} {r,g,b} object with [0, 1] ranged values
    */
   function hslToRgb(h, s, l) {
     let r = 0;
@@ -354,7 +351,6 @@
       g = hueToRgb(p, q, h);
       b = hueToRgb(p, q, h - 1 / 3);
     }
-    [r, g, b] = [r, g, b].map((x) => x * 255);
 
     return { r, g, b };
   }
@@ -364,16 +360,12 @@
   * @link https://www.w3.org/TR/css-color-4/#hwb-to-rgb
   * @link http://alvyray.com/Papers/CG/hwb2rgb.htm
   *
-  * @param {number} R Red component [0, 255]
-  * @param {number} G Green [0, 255]
-  * @param {number} B Blue [0, 255]
+  * @param {number} r Red component [0, 1]
+  * @param {number} g Green [0, 1]
+  * @param {number} b Blue [0, 1]
   * @return {CP.HWB} {h,w,b} object with [0, 1] ranged values
   */
-  function rgbToHwb(R, G, B) {
-    const r = R / 255;
-    const g = G / 255;
-    const b = B / 255;
-
+  function rgbToHwb(r, g, b) {
     let f = 0;
     let i = 0;
     const whiteness = Math.min(r, g, b);
@@ -403,20 +395,18 @@
   * @param {number} H Hue Angle [0, 1]
   * @param {number} W Whiteness [0, 1]
   * @param {number} B Blackness [0, 1]
-  * @return {CP.RGB} {r,g,b} object with [0, 255] ranged values
+  * @return {CP.RGB} {r,g,b} object with [0, 1] ranged values
   *
   * @link https://www.w3.org/TR/css-color-4/#hwb-to-rgb
   * @link http://alvyray.com/Papers/CG/hwb2rgb.htm
   */
   function hwbToRgb(H, W, B) {
     if (W + B >= 1) {
-      const gray = (W / (W + B)) * 255;
+      const gray = W / (W + B);
       return { r: gray, g: gray, b: gray };
     }
     let { r, g, b } = hslToRgb(H, 1, 0.5);
-    [r, g, b] = [r, g, b]
-      .map((v) => (v / 255) * (1 - W - B) + W)
-      .map((v) => v * 255);
+    [r, g, b] = [r, g, b].map((v) => v * (1 - W - B) + W);
 
     return { r, g, b };
   }
@@ -424,15 +414,12 @@
   /**
    * Converts an RGB colour value to HSV.
    *
-   * @param {number} R Red component [0, 255]
-   * @param {number} G Green [0, 255]
-   * @param {number} B Blue [0, 255]
+   * @param {number} r Red component [0, 1]
+   * @param {number} g Green [0, 1]
+   * @param {number} b Blue [0, 1]
    * @returns {CP.HSV} {h,s,v} object with [0, 1] ranged values
    */
-  function rgbToHsv(R, G, B) {
-    const r = R / 255;
-    const g = G / 255;
-    const b = B / 255;
+  function rgbToHsv(r, g, b) {
     const max = Math.max(r, g, b);
     const min = Math.min(r, g, b);
     let h = 0;
@@ -442,17 +429,10 @@
     if (max === min) {
       h = 0; // achromatic
     } else {
-      switch (max) {
-        case r:
-          h = (g - b) / d + (g < b ? 6 : 0);
-          break;
-        case g:
-          h = (b - r) / d + 2;
-          break;
-        case b:
-          h = (r - g) / d + 4;
-          break;
-      }
+      if (r === max) h = (g - b) / d + (g < b ? 6 : 0);
+      if (g === max) h = (b - r) / d + 2;
+      if (b === max) h = (r - g) / d + 4;
+
       h /= 6;
     }
     return { h, s, v };
@@ -476,10 +456,9 @@
     const q = v * (1 - f * s);
     const t = v * (1 - (1 - f) * s);
     const mod = i % 6;
-    let r = [v, q, p, p, t, v][mod];
-    let g = [t, v, v, q, p, p][mod];
-    let b = [p, p, t, v, v, q][mod];
-    [r, g, b] = [r, g, b].map((n) => n * 255);
+    const r = [v, q, p, p, t, v][mod];
+    const g = [t, v, v, q, p, p][mod];
+    const b = [p, p, t, v, v, q][mod];
     return { r, g, b };
   }
 
@@ -547,15 +526,15 @@
    */
   function stringInputToObject(input) {
     let color = toLowerCase(input.trim());
+
     if (color.length === 0) {
       return {
         r: 0, g: 0, b: 0, a: 1,
       };
     }
-    let named = false;
+
     if (isColorName(color)) {
       color = getRGBFromName(color);
-      named = true;
     } else if (nonColors.includes(color)) {
       const a = color === 'transparent' ? 0 : 1;
       return {
@@ -574,24 +553,28 @@
         r: m1, g: m2, b: m3, a: m4 !== undefined ? m4 : 1, format: 'rgb',
       };
     }
+
     [, m1, m2, m3, m4] = matchers.hsl.exec(color) || [];
     if (m1 && m2 && m3/* && m4 */) {
       return {
         h: m1, s: m2, l: m3, a: m4 !== undefined ? m4 : 1, format: 'hsl',
       };
     }
+
     [, m1, m2, m3, m4] = matchers.hsv.exec(color) || [];
     if (m1 && m2 && m3/* && m4 */) {
       return {
         h: m1, s: m2, v: m3, a: m4 !== undefined ? m4 : 1, format: 'hsv',
       };
     }
+
     [, m1, m2, m3, m4] = matchers.hwb.exec(color) || [];
     if (m1 && m2 && m3) {
       return {
         h: m1, w: m2, b: m3, a: m4 !== undefined ? m4 : 1, format: 'hwb',
       };
     }
+
     [, m1, m2, m3, m4] = matchers.hex8.exec(color) || [];
     if (m1 && m2 && m3 && m4) {
       return {
@@ -599,18 +582,20 @@
         g: parseIntFromHex(m2),
         b: parseIntFromHex(m3),
         a: convertHexToDecimal(m4),
-        format: named ? 'rgb' : 'hex',
+        format: 'hex',
       };
     }
+
     [, m1, m2, m3] = matchers.hex6.exec(color) || [];
     if (m1 && m2 && m3) {
       return {
         r: parseIntFromHex(m1),
         g: parseIntFromHex(m2),
         b: parseIntFromHex(m3),
-        format: named ? 'rgb' : 'hex',
+        format: 'hex',
       };
     }
+
     [, m1, m2, m3, m4] = matchers.hex4.exec(color) || [];
     if (m1 && m2 && m3 && m4) {
       return {
@@ -618,19 +603,20 @@
         g: parseIntFromHex(m2 + m2),
         b: parseIntFromHex(m3 + m3),
         a: convertHexToDecimal(m4 + m4),
-        // format: named ? 'rgb' : 'hex8',
-        format: named ? 'rgb' : 'hex',
+        format: 'hex',
       };
     }
+
     [, m1, m2, m3] = matchers.hex3.exec(color) || [];
     if (m1 && m2 && m3) {
       return {
         r: parseIntFromHex(m1 + m1),
         g: parseIntFromHex(m2 + m2),
         b: parseIntFromHex(m3 + m3),
-        format: named ? 'rgb' : 'hex',
+        format: 'hex',
       };
     }
+
     return false;
   }
 
@@ -661,6 +647,7 @@
    */
   function inputToRGB(input) {
     let rgb = { r: 0, g: 0, b: 0 };
+    /** @type {*} */
     let color = input;
     /** @type {string | number} */
     let a = 1;
@@ -677,39 +664,41 @@
     let format = inputFormat && COLOR_FORMAT.includes(inputFormat) ? inputFormat : 'rgb';
 
     if (typeof input === 'string') {
-      // @ts-ignore -- this now is converted to object
       color = stringInputToObject(input);
       if (color) ok = true;
     }
     if (typeof color === 'object') {
       if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
         ({ r, g, b } = color);
-        // RGB values now are all in [0, 255] range
-        [r, g, b] = [r, g, b].map((n) => bound01(n, isPercentage(n) ? 100 : 255) * 255);
+        // RGB values now are all in [0, 1] range
+        [r, g, b] = [r, g, b].map((n) => bound01(n, isPercentage(n) ? 100 : 255));
         rgb = { r, g, b };
         ok = true;
-        format = 'rgb';
-      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+        format = color.format || 'rgb';
+      }
+      if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
         ({ h, s, v } = color);
-        h = typeof h === 'number' ? h : bound01(h, 360); // hue can be `5deg` or a [0, 1] value
-        s = typeof s === 'number' ? s : bound01(s, 100); // saturation can be `5%` or a [0, 1] value
-        v = typeof v === 'number' ? v : bound01(v, 100); // brightness can be `5%` or a [0, 1] value
+        h = bound01(h, 360); // hue can be `5deg` or a [0, 1] value
+        s = bound01(s, 100); // saturation can be `5%` or a [0, 1] value
+        v = bound01(v, 100); // brightness can be `5%` or a [0, 1] value
         rgb = hsvToRgb(h, s, v);
         ok = true;
         format = 'hsv';
-      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+      }
+      if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
         ({ h, s, l } = color);
-        h = typeof h === 'number' ? h : bound01(h, 360); // hue can be `5deg` or a [0, 1] value
-        s = typeof s === 'number' ? s : bound01(s, 100); // saturation can be `5%` or a [0, 1] value
-        l = typeof l === 'number' ? l : bound01(l, 100); // lightness can be `5%` or a [0, 1] value
+        h = bound01(h, 360); // hue can be `5deg` or a [0, 1] value
+        s = bound01(s, 100); // saturation can be `5%` or a [0, 1] value
+        l = bound01(l, 100); // lightness can be `5%` or a [0, 1] value
         rgb = hslToRgb(h, s, l);
         ok = true;
         format = 'hsl';
-      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.w) && isValidCSSUnit(color.b)) {
+      }
+      if (isValidCSSUnit(color.h) && isValidCSSUnit(color.w) && isValidCSSUnit(color.b)) {
         ({ h, w, b } = color);
-        h = typeof h === 'number' ? h : bound01(h, 360); // hue can be `5deg` or a [0, 1] value
-        w = typeof w === 'number' ? w : bound01(w, 100); // whiteness can be `5%` or a [0, 1] value
-        b = typeof b === 'number' ? b : bound01(b, 100); // blackness can be `5%` or a [0, 1] value
+        h = bound01(h, 360); // hue can be `5deg` or a [0, 1] value
+        w = bound01(w, 100); // whiteness can be `5%` or a [0, 1] value
+        b = bound01(b, 100); // blackness can be `5%` or a [0, 1] value
         rgb = hwbToRgb(h, w, b);
         ok = true;
         format = 'hwb';
@@ -726,9 +715,12 @@
     return {
       ok,
       format,
-      r: Math.min(255, Math.max(rgb.r, 0)),
-      g: Math.min(255, Math.max(rgb.g, 0)),
-      b: Math.min(255, Math.max(rgb.b, 0)),
+      // r: Math.min(255, Math.max(rgb.r, 0)),
+      // g: Math.min(255, Math.max(rgb.g, 0)),
+      // b: Math.min(255, Math.max(rgb.b, 0)),
+      r: rgb.r,
+      g: rgb.g,
+      b: rgb.b,
       a: boundAlpha(a),
     };
   }
@@ -747,16 +739,13 @@
     constructor(input, config) {
       let color = input;
       const configFormat = config && COLOR_FORMAT.includes(config)
-        ? config : 'rgb';
+        ? config : '';
 
-      // If input is already a `Color`, return itself
+      // If input is already a `Color`, clone its values
       if (color instanceof Color) {
         color = inputToRGB(color);
       }
-      if (typeof color === 'number') {
-        const len = `${color}`.length;
-        color = `#${(len === 2 ? '0' : '00')}${color}`;
-      }
+
       const {
         r, g, b, a, ok, format,
       } = inputToRGB(color);
@@ -806,24 +795,21 @@
       let R = 0;
       let G = 0;
       let B = 0;
-      const rp = r / 255;
-      const rg = g / 255;
-      const rb = b / 255;
 
-      if (rp <= 0.03928) {
-        R = rp / 12.92;
+      if (r <= 0.03928) {
+        R = r / 12.92;
       } else {
-        R = ((rp + 0.055) / 1.055) ** 2.4;
+        R = ((r + 0.055) / 1.055) ** 2.4;
       }
-      if (rg <= 0.03928) {
-        G = rg / 12.92;
+      if (g <= 0.03928) {
+        G = g / 12.92;
       } else {
-        G = ((rg + 0.055) / 1.055) ** 2.4;
+        G = ((g + 0.055) / 1.055) ** 2.4;
       }
-      if (rb <= 0.03928) {
-        B = rb / 12.92;
+      if (b <= 0.03928) {
+        B = b / 12.92;
       } else {
-        B = ((rb + 0.055) / 1.055) ** 2.4;
+        B = ((b + 0.055) / 1.055) ** 2.4;
       }
       return 0.2126 * R + 0.7152 * G + 0.0722 * B;
     }
@@ -833,7 +819,7 @@
      * @returns {number} a number in the [0, 255] range
      */
     get brightness() {
-      const { r, g, b } = this;
+      const { r, g, b } = this.toRgb();
       return (r * 299 + g * 587 + b * 114) / 1000;
     }
 
@@ -842,12 +828,14 @@
      * @returns {CP.RGBA} an {r,g,b,a} object with [0, 255] ranged values
      */
     toRgb() {
-      const {
+      let {
         r, g, b, a,
       } = this;
 
+      [r, g, b] = [r, g, b].map((n) => roundPart(n * 255 * 100) / 100);
+      a = roundPart(a * 100) / 100;
       return {
-        r, g, b, a: roundPart(a * 100) / 100,
+        r, g, b, a,
       };
     }
 
@@ -941,7 +929,7 @@
     toHsv() {
       const {
         r, g, b, a,
-      } = this.toRgb();
+      } = this;
       const { h, s, v } = rgbToHsv(r, g, b);
 
       return {
@@ -956,7 +944,7 @@
     toHsl() {
       const {
         r, g, b, a,
-      } = this.toRgb();
+      } = this;
       const { h, s, l } = rgbToHsl(r, g, b);
 
       return {
@@ -1041,6 +1029,7 @@
      */
     setAlpha(alpha) {
       const self = this;
+      if (typeof alpha !== 'number') return self;
       self.a = boundAlpha(alpha);
       return self;
     }
@@ -1207,26 +1196,23 @@
       } else if (args.length === 2) {
         [hueSteps, lightSteps] = args;
         if ([hueSteps, lightSteps].some((n) => n < 1)) {
-          throw TypeError('ColorPalette: when 2 arguments used, both must be larger than 0.');
+          throw TypeError('ColorPalette: both arguments must be higher than 0.');
         }
-      } else {
-        throw TypeError('ColorPalette requires minimum 2 arguments');
       }
 
-      /** @type {Color[]} */
+      /** @type {*} */
       const colors = [];
-
       const hueStep = 360 / hueSteps;
       const half = roundPart((lightSteps - (lightSteps % 2 ? 1 : 0)) / 2);
-      const estimatedStep = 100 / (lightSteps + (lightSteps % 2 ? 0 : 1)) / 100;
-
-      let lightStep = 0.25;
-      lightStep = [4, 5].includes(lightSteps) ? 0.2 : lightStep;
-      lightStep = [6, 7].includes(lightSteps) ? 0.15 : lightStep;
-      lightStep = [8, 9].includes(lightSteps) ? 0.11 : lightStep;
-      lightStep = [10, 11].includes(lightSteps) ? 0.09 : lightStep;
-      lightStep = [12, 13].includes(lightSteps) ? 0.075 : lightStep;
-      lightStep = lightSteps > 13 ? estimatedStep : lightStep;
+      const steps1To13 = [0.25, 0.2, 0.15, 0.11, 0.09, 0.075];
+      const lightSets = [[1, 2, 3], [4, 5], [6, 7], [8, 9], [10, 11], [12, 13]];
+      const closestSet = lightSets.find((set) => set.includes(lightSteps));
+
+      // find a lightStep that won't go beyond black and white
+      // something within the [10-90] range of lightness
+      const lightStep = closestSet
+        ? steps1To13[lightSets.indexOf(closestSet)]
+        : (100 / (lightSteps + (lightSteps % 2 ? 0 : 1)) / 100);
 
       // light tints
       for (let i = 1; i < half + 1; i += 1) {

package/dist/js/color-palette.min.js

@@ -1,2 +1,2 @@
-// ColorPalette v0.0.2alpha1 | thednp © 2022 | MIT-License
-!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(t="undefined"!=typeof globalThis?globalThis:t||self).ColorPalette=r()}(this,(function(){"use strict";const t=(t,r)=>Object.assign(t,r);function r(t){const r=Math.floor(t);return t-r<.5?r:Math.round(t)}const{head:e}=document;function n(t,r){const e=getComputedStyle(t);return r in e?e[r]:""}const o=(r,e)=>{t(r.style,e)},s=["transparent","currentColor","inherit","revert","initial"],a=["rgb","hex","hsl","hsv","hwb"],i="[-\\+]?\\d*\\.?\\d+(?:deg|rad|grad|turn)?",h="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",u=`(?:${h})|(?:${i})`,c="(?:[,|\\s]+)",l=`(?:[\\s|\\(\\s|\\s\\(\\s]+)?(${u})${c}(${h})${c}(${h})(?:[,|\\/\\s]*)?(${h})?(?:[\\s|\\)\\s]+)?`,g={CSS_UNIT:new RegExp(u),hwb:new RegExp("hwb"+l),rgb:new RegExp("rgb(?:a)?"+l),hsl:new RegExp("hsl(?:a)?"+l),hsv:new RegExp("hsv(?:a)?"+l),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})$/};function b(t){return(""+t).includes(".")&&1===parseFloat(t)}function f(t){return(""+t).includes("%")}function m(t){return!s.includes(t)&&!["#",...a].some(r=>t.includes(r))&&["rgb(255, 255, 255)","rgb(0, 0, 0)"].every(r=>{o(e,{color:t});const s=n(e,"color");return o(e,{color:""}),s!==r})}function p(t){return Boolean(g.CSS_UNIT.exec(String(t)))}function d(t,r){let e=t;b(t)&&(e="100%");const n=f(e);return e=360===r?parseFloat(e):Math.min(r,Math.max(0,parseFloat(e))),n&&(e=e*r/100),Math.abs(e-r)<1e-6?1:(e=360===r?(e<0?e%r+r:e%r)/r:e%r/r,e)}function x(t){let r=parseFloat(""+t);return(Number.isNaN(r)||r<0||r>1)&&(r=1),r}function S(t){return Math.min(1,Math.max(0,t))}function $(t){o(e,{color:t});const r=n(e,"color");return o(e,{color:""}),r}function A(t){return r(255*t).toString(16)}function w(t){return y(t)/255}function y(t){return parseInt(t,16)}function H(t){return 1===t.length?"0"+t:String(t)}function v(t,r,e){const n=t/255,o=r/255,s=e/255,a=Math.max(n,o,s),i=Math.min(n,o,s);let h=0,u=0;const c=(a+i)/2;if(a===i)u=0,h=0;else{const t=a-i;switch(u=c>.5?t/(2-a-i):t/(a+i),a){case n:h=(o-s)/t+(o<s?6:0);break;case o:h=(s-n)/t+2;break;case s:h=(n-o)/t+4}h/=6}return{h:h,s:u,l:c}}function R(t,r,e){let n=e;return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*n*(r-t):n<.5?r:n<2/3?t+(r-t)*(2/3-n)*6:t}function M(t,r,e){let n=0,o=0,s=0;if(0===r)o=e,s=e,n=e;else{const a=e<.5?e*(1+r):e+r-e*r,i=2*e-a;n=R(i,a,t+1/3),o=R(i,a,t),s=R(i,a,t-1/3)}return[n,o,s]=[n,o,s].map(t=>255*t),{r:n,g:o,b:s}}function T(t,r,e){const n=t/255,o=r/255,s=e/255;let a=0,i=0;const h=Math.min(n,o,s),u=Math.max(n,o,s),c=1-u;if(u===h)return{h:0,w:h,b:c};n===h?(a=o-s,i=3):(a=o===h?s-n:n-o,i=o===h?5:1);const l=(i-a/(u-h))/6;return{h:1===l?0:l,w:h,b:c}}function F(t,r,e){if(r+e>=1){const t=r/(r+e)*255;return{r:t,g:t,b:t}}let{r:n,g:o,b:s}=M(t,1,.5);return[n,o,s]=[n,o,s].map(t=>t/255*(1-r-e)+r).map(t=>255*t),{r:n,g:o,b:s}}function C(t,r,e){const n=t/255,o=r/255,s=e/255,a=Math.max(n,o,s),i=Math.min(n,o,s);let h=0;const u=a,c=a-i,l=0===a?0:c/a;if(a===i)h=0;else{switch(a){case n:h=(o-s)/c+(o<s?6:0);break;case o:h=(s-n)/c+2;break;case s:h=(n-o)/c+4}h/=6}return{h:h,s:l,v:u}}function E(t,r,e){const n=6*t,o=r,s=e,a=Math.floor(n),i=n-a,h=s*(1-o),u=s*(1-i*o),c=s*(1-(1-i)*o),l=a%6;let g=[s,u,h,h,c,s][l],b=[c,s,s,u,h,h][l],f=[h,h,c,s,s,u][l];return[g,b,f]=[g,b,f].map(t=>255*t),{r:g,g:b,b:f}}function N(t,e,n,o){const s=[H(r(t).toString(16)),H(r(e).toString(16)),H(r(n).toString(16))];return o&&s[0].charAt(0)===s[0].charAt(1)&&s[1].charAt(0)===s[1].charAt(1)&&s[2].charAt(0)===s[2].charAt(1)?s[0].charAt(0)+s[1].charAt(0)+s[2].charAt(0):s.join("")}function k(t,e,n,o,s){const a=[H(r(t).toString(16)),H(r(e).toString(16)),H(r(n).toString(16)),H(A(o))];return s&&a[0].charAt(0)===a[0].charAt(1)&&a[1].charAt(0)===a[1].charAt(1)&&a[2].charAt(0)===a[2].charAt(1)&&a[3].charAt(0)===a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join("")}function I(t){let r=t.trim().toLowerCase();if(0===r.length)return{r:0,g:0,b:0,a:1};let e=!1;if(m(r))r=$(r),e=!0;else if(s.includes(r)){return{r:0,g:0,b:0,a:"transparent"===r?0:1,format:"rgb",ok:!0}}let[,n,o,a,i]=g.rgb.exec(r)||[];return n&&o&&a?{r:n,g:o,b:a,a:void 0!==i?i:1,format:"rgb"}:([,n,o,a,i]=g.hsl.exec(r)||[],n&&o&&a?{h:n,s:o,l:a,a:void 0!==i?i:1,format:"hsl"}:([,n,o,a,i]=g.hsv.exec(r)||[],n&&o&&a?{h:n,s:o,v:a,a:void 0!==i?i:1,format:"hsv"}:([,n,o,a,i]=g.hwb.exec(r)||[],n&&o&&a?{h:n,w:o,b:a,a:void 0!==i?i:1,format:"hwb"}:([,n,o,a,i]=g.hex8.exec(r)||[],n&&o&&a&&i?{r:y(n),g:y(o),b:y(a),a:w(i),format:e?"rgb":"hex"}:([,n,o,a]=g.hex6.exec(r)||[],n&&o&&a?{r:y(n),g:y(o),b:y(a),format:e?"rgb":"hex"}:([,n,o,a,i]=g.hex4.exec(r)||[],n&&o&&a&&i?{r:y(n+n),g:y(o+o),b:y(a+a),a:w(i+i),format:e?"rgb":"hex"}:([,n,o,a]=g.hex3.exec(r)||[],!!(n&&o&&a)&&{r:y(n+n),g:y(o+o),b:y(a+a),format:e?"rgb":"hex"})))))))}function j(t){let r={r:0,g:0,b:0},e=t,n=1,o=null,s=null,i=null,h=null,u=null,c=null,l=null,g=null,b=!1;const m="object"==typeof e&&e.format;let S=m&&a.includes(m)?m:"rgb";return"string"==typeof t&&(e=I(t),e&&(b=!0)),"object"==typeof e&&(p(e.r)&&p(e.g)&&p(e.b)?(({r:l,g:g,b:u}=e),[l,g,u]=[l,g,u].map(t=>255*d(t,f(t)?100:255)),r={r:l,g:g,b:u},b=!0,S="rgb"):p(e.h)&&p(e.s)&&p(e.v)?(({h:c,s:o,v:s}=e),c="number"==typeof c?c:d(c,360),o="number"==typeof o?o:d(o,100),s="number"==typeof s?s:d(s,100),r=E(c,o,s),b=!0,S="hsv"):p(e.h)&&p(e.s)&&p(e.l)?(({h:c,s:o,l:i}=e),c="number"==typeof c?c:d(c,360),o="number"==typeof o?o:d(o,100),i="number"==typeof i?i:d(i,100),r=M(c,o,i),b=!0,S="hsl"):p(e.h)&&p(e.w)&&p(e.b)&&(({h:c,w:h,b:u}=e),c="number"==typeof c?c:d(c,360),h="number"==typeof h?h:d(h,100),u="number"==typeof u?u:d(u,100),r=F(c,h,u),b=!0,S="hwb"),p(e.a)&&(n=e.a,n=f(""+n)||parseFloat(n)>1?d(n,100):n)),void 0===e&&(b=!0),{ok:b,format:S,r:Math.min(255,Math.max(r.r,0)),g:Math.min(255,Math.max(r.g,0)),b:Math.min(255,Math.max(r.b,0)),a:x(n)}}class _{constructor(t,r){let e=t;const n=r&&a.includes(r)?r:"rgb";if(e instanceof _&&(e=j(e)),"number"==typeof e){e=`#${2===(""+e).length?"0":"00"}${e}`}const{r:o,g:s,b:i,a:h,ok:u,format:c}=j(e);this.originalInput=t,this.r=o,this.g=s,this.b=i,this.a=h,this.ok=u,this.format=n||c}get isValid(){return this.ok}get isDark(){return this.brightness<120}get luminance(){const{r:t,g:r,b:e}=this;let n=0,o=0,s=0;const a=t/255,i=r/255,h=e/255;return n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,o=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,s=h<=.03928?h/12.92:((h+.055)/1.055)**2.4,.2126*n+.7152*o+.0722*s}get brightness(){const{r:t,g:r,b:e}=this;return(299*t+587*r+114*e)/1e3}toRgb(){const{r:t,g:e,b:n,a:o}=this;return{r:t,g:e,b:n,a:r(100*o)/100}}toRgbString(){const{r:t,g:e,b:n,a:o}=this.toRgb(),[s,a,i]=[t,e,n].map(r);return 1===o?`rgb(${s}, ${a}, ${i})`:`rgba(${s}, ${a}, ${i}, ${o})`}toRgbCSS4String(){const{r:t,g:e,b:n,a:o}=this.toRgb(),[s,a,i]=[t,e,n].map(r);return`rgb(${s} ${a} ${i}${1===o?"":` / ${r(100*o)}%`})`}toHex(t){const{r:r,g:e,b:n,a:o}=this.toRgb();return 1===o?N(r,e,n,t):k(r,e,n,o,t)}toHexString(t){return"#"+this.toHex(t)}toHex8(t){const{r:r,g:e,b:n,a:o}=this.toRgb();return k(r,e,n,o,t)}toHex8String(t){return"#"+this.toHex8(t)}toHsv(){const{r:t,g:r,b:e,a:n}=this.toRgb(),{h:o,s:s,v:a}=C(t,r,e);return{h:o,s:s,v:a,a:n}}toHsl(){const{r:t,g:r,b:e,a:n}=this.toRgb(),{h:o,s:s,l:a}=v(t,r,e);return{h:o,s:s,l:a,a:n}}toHslString(){let{h:t,s:e,l:n,a:o}=this.toHsl();return t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o)/100,1===o?`hsl(${t}, ${e}%, ${n}%)`:`hsla(${t}, ${e}%, ${n}%, ${o})`}toHslCSS4String(){let{h:t,s:e,l:n,a:o}=this.toHsl();t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o);return`hsl(${t}deg ${e}% ${n}%${o<100?` / ${r(o)}%`:""})`}toHwb(){const{r:t,g:r,b:e,a:n}=this,{h:o,w:s,b:a}=T(t,r,e);return{h:o,w:s,b:a,a:n}}toHwbString(){let{h:t,w:e,b:n,a:o}=this.toHwb();t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o);return`hwb(${t}deg ${e}% ${n}%${o<100?` / ${r(o)}%`:""})`}setAlpha(t){return this.a=x(t),this}saturate(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:a,b:i}=M(e,S(n+r/100),o);return t(this,{r:s,g:a,b:i}),this}desaturate(t){return"number"==typeof t?this.saturate(-t):this}greyscale(){return this.saturate(-100)}lighten(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:a,b:i}=M(e,n,S(o+r/100));return t(this,{r:s,g:a,b:i}),this}darken(t){return"number"==typeof t?this.lighten(-t):this}spin(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:a,b:i}=M(S((360*e+r)%360/360),n,o);return t(this,{r:s,g:a,b:i}),this}clone(){return new _(this)}toString(t){const{format:r}=this;return"hex"===r?this.toHexString(t):"hsl"===r?this.toHslString():"hwb"===r?this.toHwbString():this.toRgbString()}}t(_,{ANGLES:"deg|rad|grad|turn",CSS_ANGLE:i,CSS_INTEGER:"[-\\+]?\\d+%?",CSS_NUMBER:"[-\\+]?\\d*\\.\\d+%?",CSS_UNIT:h,CSS_UNIT2:u,PERMISSIVE_MATCH:l,matchers:g,isOnePointZero:b,isPercentage:f,isValidCSSUnit:p,isColorName:m,pad2:H,clamp01:S,bound01:d,boundAlpha:x,getRGBFromName:$,convertHexToDecimal:w,convertDecimalToHex:A,rgbToHsl:v,rgbToHex:N,rgbToHsv:C,rgbToHwb:T,rgbaToHex:k,hslToRgb:M,hsvToRgb:E,hueToRgb:R,hwbToRgb:F,parseIntFromHex:y,stringInputToObject:I,inputToRGB:j,roundPart:r,getElementStyle:n,setElementStyle:o,ObjectAssign:t});class P{constructor(...t){let e=0,n=12,o=10,s=[.5];if(3===t.length)[e,n,o]=t;else{if(2!==t.length)throw TypeError("ColorPalette requires minimum 2 arguments");if([n,o]=t,[n,o].some(t=>t<1))throw TypeError("ColorPalette: when 2 arguments used, both must be larger than 0.")}const a=[],i=360/n,h=r((o-(o%2?1:0))/2),u=100/(o+(o%2?0:1))/100;let c=.25;c=[4,5].includes(o)?.2:c,c=[6,7].includes(o)?.15:c,c=[8,9].includes(o)?.11:c,c=[10,11].includes(o)?.09:c,c=[12,13].includes(o)?.075:c,c=o>13?u:c;for(let t=1;t<h+1;t+=1)s=[...s,.5+c*t];for(let t=1;t<o-h;t+=1)s=[.5-c*t,...s];for(let t=0;t<n;t+=1){const r=(e+t*i)%360/360;s.forEach(t=>{a.push(new _({h:r,s:1,l:t}))})}this.hue=e,this.hueSteps=n,this.lightSteps=o,this.colors=a}}return t(P,{Color:_}),P}));
+// ColorPalette v0.0.2alpha4 | thednp © 2022 | MIT-License
+!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(t="undefined"!=typeof globalThis?globalThis:t||self).ColorPalette=r()}(this,(function(){"use strict";const t=(t,r)=>Object.assign(t,r);function r(t){const r=Math.floor(t);return t-r<.5?r:Math.round(t)}const{head:e}=document;function n(t,r){const e=getComputedStyle(t);return r in e?e[r]:""}const o=(r,e)=>{t(r.style,e)},s=["transparent","currentColor","inherit","revert","initial"],h=["rgb","hex","hsl","hsv","hwb"],i="[-\\+]?\\d*\\.?\\d+(?:deg|rad|grad|turn)?",a="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",u=`(?:${a})|(?:${i})`,l="(?:[,|\\s]+)",c=`(?:[\\s|\\(\\s|\\s\\(\\s]+)?(${u})${l}(${a})${l}(${a})(?:[,|\\/\\s]*)?(${a})?(?:[\\s|\\)\\s]+)?`,g={CSS_UNIT:new RegExp(u),hwb:new RegExp("hwb"+c),rgb:new RegExp("rgb(?:a)?"+c),hsl:new RegExp("hsl(?:a)?"+c),hsv:new RegExp("hsv(?:a)?"+c),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})$/};function b(t){return(""+t).includes(".")&&1===parseFloat(t)}function f(t){return(""+t).includes("%")}function m(t){return!s.includes(t)&&!["#",...h].some(r=>t.includes(r))&&(!!["black","white"].includes(t)||["rgb(255, 255, 255)","rgb(0, 0, 0)"].every(r=>{o(e,{color:t});const s=n(e,"color");return o(e,{color:""}),s!==r}))}function d(t){return Boolean(g.CSS_UNIT.exec(String(t)))}function x(t,r){let e=t;if("number"==typeof t&&0===Math.min(t,0)&&1===Math.max(t,1))return t;b(t)&&(e="100%");const n=f(e);return e=360===r?parseFloat(e):Math.min(r,Math.max(0,parseFloat(e))),n&&(e=e*r/100),Math.abs(e-r)<1e-6?1:(e=360===r?(e<0?e%r+r:e%r)/r:e%r/r,e)}function S(t){let r=parseFloat(""+t);return(Number.isNaN(r)||r<0||r>1)&&(r=1),r}function p(t){return Math.min(1,Math.max(0,t))}function A(t){o(e,{color:t});const r=n(e,"color");return o(e,{color:""}),r}function $(t){return r(255*t).toString(16)}function w(t){return H(t)/255}function H(t){return parseInt(t,16)}function v(t){return 1===t.length?"0"+t:String(t)}function R(t,r,e){const n=Math.max(t,r,e),o=Math.min(t,r,e);let s=0,h=0;const i=(n+o)/2;if(n===o)h=0,s=0;else{const a=n-o;h=i>.5?a/(2-n-o):a/(n+o),n===t&&(s=(r-e)/a+(r<e?6:0)),n===r&&(s=(e-t)/a+2),n===e&&(s=(t-r)/a+4),s/=6}return{h:s,s:h,l:i}}function T(t,r,e){let n=e;return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*n*(r-t):n<.5?r:n<2/3?t+(r-t)*(2/3-n)*6:t}function y(t,r,e){let n=0,o=0,s=0;if(0===r)o=e,s=e,n=e;else{const h=e<.5?e*(1+r):e+r-e*r,i=2*e-h;n=T(i,h,t+1/3),o=T(i,h,t),s=T(i,h,t-1/3)}return{r:n,g:o,b:s}}function F(t,r,e){let n=0,o=0;const s=Math.min(t,r,e),h=Math.max(t,r,e),i=1-h;if(h===s)return{h:0,w:s,b:i};t===s?(n=r-e,o=3):(n=r===s?e-t:t-r,o=r===s?5:1);const a=(o-n/(h-s))/6;return{h:1===a?0:a,w:s,b:i}}function M(t,r,e){if(r+e>=1){const t=r/(r+e);return{r:t,g:t,b:t}}let{r:n,g:o,b:s}=y(t,1,.5);return[n,o,s]=[n,o,s].map(t=>t*(1-r-e)+r),{r:n,g:o,b:s}}function C(t,r,e){const n=Math.max(t,r,e),o=Math.min(t,r,e);let s=0;const h=n-o;return n===o?s=0:(t===n&&(s=(r-e)/h+(r<e?6:0)),r===n&&(s=(e-t)/h+2),e===n&&(s=(t-r)/h+4),s/=6),{h:s,s:0===n?0:h/n,v:n}}function E(t,r,e){const n=6*t,o=r,s=e,h=Math.floor(n),i=n-h,a=s*(1-o),u=s*(1-i*o),l=s*(1-(1-i)*o),c=h%6;return{r:[s,u,a,a,l,s][c],g:[l,s,s,u,a,a][c],b:[a,a,l,s,s,u][c]}}function N(t,e,n,o){const s=[v(r(t).toString(16)),v(r(e).toString(16)),v(r(n).toString(16))];return o&&s[0].charAt(0)===s[0].charAt(1)&&s[1].charAt(0)===s[1].charAt(1)&&s[2].charAt(0)===s[2].charAt(1)?s[0].charAt(0)+s[1].charAt(0)+s[2].charAt(0):s.join("")}function I(t,e,n,o,s){const h=[v(r(t).toString(16)),v(r(e).toString(16)),v(r(n).toString(16)),v($(o))];return s&&h[0].charAt(0)===h[0].charAt(1)&&h[1].charAt(0)===h[1].charAt(1)&&h[2].charAt(0)===h[2].charAt(1)&&h[3].charAt(0)===h[3].charAt(1)?h[0].charAt(0)+h[1].charAt(0)+h[2].charAt(0)+h[3].charAt(0):h.join("")}function j(t){let r=t.trim().toLowerCase();if(0===r.length)return{r:0,g:0,b:0,a:1};if(m(r))r=A(r);else if(s.includes(r)){return{r:0,g:0,b:0,a:"transparent"===r?0:1,format:"rgb",ok:!0}}let[,e,n,o,h]=g.rgb.exec(r)||[];return e&&n&&o?{r:e,g:n,b:o,a:void 0!==h?h:1,format:"rgb"}:([,e,n,o,h]=g.hsl.exec(r)||[],e&&n&&o?{h:e,s:n,l:o,a:void 0!==h?h:1,format:"hsl"}:([,e,n,o,h]=g.hsv.exec(r)||[],e&&n&&o?{h:e,s:n,v:o,a:void 0!==h?h:1,format:"hsv"}:([,e,n,o,h]=g.hwb.exec(r)||[],e&&n&&o?{h:e,w:n,b:o,a:void 0!==h?h:1,format:"hwb"}:([,e,n,o,h]=g.hex8.exec(r)||[],e&&n&&o&&h?{r:H(e),g:H(n),b:H(o),a:w(h),format:"hex"}:([,e,n,o]=g.hex6.exec(r)||[],e&&n&&o?{r:H(e),g:H(n),b:H(o),format:"hex"}:([,e,n,o,h]=g.hex4.exec(r)||[],e&&n&&o&&h?{r:H(e+e),g:H(n+n),b:H(o+o),a:w(h+h),format:"hex"}:([,e,n,o]=g.hex3.exec(r)||[],!!(e&&n&&o)&&{r:H(e+e),g:H(n+n),b:H(o+o),format:"hex"})))))))}function k(t){let r={r:0,g:0,b:0},e=t,n=1,o=null,s=null,i=null,a=null,u=null,l=null,c=null,g=null,b=!1;const m="object"==typeof e&&e.format;let p=m&&h.includes(m)?m:"rgb";return"string"==typeof t&&(e=j(t),e&&(b=!0)),"object"==typeof e&&(d(e.r)&&d(e.g)&&d(e.b)&&(({r:c,g:g,b:u}=e),[c,g,u]=[c,g,u].map(t=>x(t,f(t)?100:255)),r={r:c,g:g,b:u},b=!0,p=e.format||"rgb"),d(e.h)&&d(e.s)&&d(e.v)&&(({h:l,s:o,v:s}=e),l=x(l,360),o=x(o,100),s=x(s,100),r=E(l,o,s),b=!0,p="hsv"),d(e.h)&&d(e.s)&&d(e.l)&&(({h:l,s:o,l:i}=e),l=x(l,360),o=x(o,100),i=x(i,100),r=y(l,o,i),b=!0,p="hsl"),d(e.h)&&d(e.w)&&d(e.b)&&(({h:l,w:a,b:u}=e),l=x(l,360),a=x(a,100),u=x(u,100),r=M(l,a,u),b=!0,p="hwb"),d(e.a)&&(n=e.a,n=f(""+n)||parseFloat(n)>1?x(n,100):n)),void 0===e&&(b=!0),{ok:b,format:p,r:r.r,g:r.g,b:r.b,a:S(n)}}class _{constructor(t,r){let e=t;const n=r&&h.includes(r)?r:"";e instanceof _&&(e=k(e));const{r:o,g:s,b:i,a:a,ok:u,format:l}=k(e);this.originalInput=t,this.r=o,this.g=s,this.b=i,this.a=a,this.ok=u,this.format=n||l}get isValid(){return this.ok}get isDark(){return this.brightness<120}get luminance(){const{r:t,g:r,b:e}=this;let n=0,o=0,s=0;return n=t<=.03928?t/12.92:((t+.055)/1.055)**2.4,o=r<=.03928?r/12.92:((r+.055)/1.055)**2.4,s=e<=.03928?e/12.92:((e+.055)/1.055)**2.4,.2126*n+.7152*o+.0722*s}get brightness(){const{r:t,g:r,b:e}=this.toRgb();return(299*t+587*r+114*e)/1e3}toRgb(){let{r:t,g:e,b:n,a:o}=this;return[t,e,n]=[t,e,n].map(t=>r(255*t*100)/100),o=r(100*o)/100,{r:t,g:e,b:n,a:o}}toRgbString(){const{r:t,g:e,b:n,a:o}=this.toRgb(),[s,h,i]=[t,e,n].map(r);return 1===o?`rgb(${s}, ${h}, ${i})`:`rgba(${s}, ${h}, ${i}, ${o})`}toRgbCSS4String(){const{r:t,g:e,b:n,a:o}=this.toRgb(),[s,h,i]=[t,e,n].map(r);return`rgb(${s} ${h} ${i}${1===o?"":` / ${r(100*o)}%`})`}toHex(t){const{r:r,g:e,b:n,a:o}=this.toRgb();return 1===o?N(r,e,n,t):I(r,e,n,o,t)}toHexString(t){return"#"+this.toHex(t)}toHex8(t){const{r:r,g:e,b:n,a:o}=this.toRgb();return I(r,e,n,o,t)}toHex8String(t){return"#"+this.toHex8(t)}toHsv(){const{r:t,g:r,b:e,a:n}=this,{h:o,s:s,v:h}=C(t,r,e);return{h:o,s:s,v:h,a:n}}toHsl(){const{r:t,g:r,b:e,a:n}=this,{h:o,s:s,l:h}=R(t,r,e);return{h:o,s:s,l:h,a:n}}toHslString(){let{h:t,s:e,l:n,a:o}=this.toHsl();return t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o)/100,1===o?`hsl(${t}, ${e}%, ${n}%)`:`hsla(${t}, ${e}%, ${n}%, ${o})`}toHslCSS4String(){let{h:t,s:e,l:n,a:o}=this.toHsl();t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o);return`hsl(${t}deg ${e}% ${n}%${o<100?` / ${r(o)}%`:""})`}toHwb(){const{r:t,g:r,b:e,a:n}=this,{h:o,w:s,b:h}=F(t,r,e);return{h:o,w:s,b:h,a:n}}toHwbString(){let{h:t,w:e,b:n,a:o}=this.toHwb();t=r(360*t),e=r(100*e),n=r(100*n),o=r(100*o);return`hwb(${t}deg ${e}% ${n}%${o<100?` / ${r(o)}%`:""})`}setAlpha(t){return"number"!=typeof t||(this.a=S(t)),this}saturate(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:h,b:i}=y(e,p(n+r/100),o);return t(this,{r:s,g:h,b:i}),this}desaturate(t){return"number"==typeof t?this.saturate(-t):this}greyscale(){return this.saturate(-100)}lighten(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:h,b:i}=y(e,n,p(o+r/100));return t(this,{r:s,g:h,b:i}),this}darken(t){return"number"==typeof t?this.lighten(-t):this}spin(r){if("number"!=typeof r)return this;const{h:e,s:n,l:o}=this.toHsl(),{r:s,g:h,b:i}=y(p((360*e+r)%360/360),n,o);return t(this,{r:s,g:h,b:i}),this}clone(){return new _(this)}toString(t){const{format:r}=this;return"hex"===r?this.toHexString(t):"hsl"===r?this.toHslString():"hwb"===r?this.toHwbString():this.toRgbString()}}t(_,{ANGLES:"deg|rad|grad|turn",CSS_ANGLE:i,CSS_INTEGER:"[-\\+]?\\d+%?",CSS_NUMBER:"[-\\+]?\\d*\\.\\d+%?",CSS_UNIT:a,CSS_UNIT2:u,PERMISSIVE_MATCH:c,matchers:g,isOnePointZero:b,isPercentage:f,isValidCSSUnit:d,isColorName:m,pad2:v,clamp01:p,bound01:x,boundAlpha:S,getRGBFromName:A,convertHexToDecimal:w,convertDecimalToHex:$,rgbToHsl:R,rgbToHex:N,rgbToHsv:C,rgbToHwb:F,rgbaToHex:I,hslToRgb:y,hsvToRgb:E,hueToRgb:T,hwbToRgb:M,parseIntFromHex:H,stringInputToObject:j,inputToRGB:k,roundPart:r,getElementStyle:n,setElementStyle:o,ObjectAssign:t});class P{constructor(...t){let e=0,n=12,o=10,s=[.5];if(3===t.length)[e,n,o]=t;else if(2===t.length&&([n,o]=t,[n,o].some(t=>t<1)))throw TypeError("ColorPalette: both arguments must be higher than 0.");const h=[],i=360/n,a=r((o-(o%2?1:0))/2),u=[[1,2,3],[4,5],[6,7],[8,9],[10,11],[12,13]],l=u.find(t=>t.includes(o)),c=l?[.25,.2,.15,.11,.09,.075][u.indexOf(l)]:100/(o+(o%2?0:1))/100;for(let t=1;t<a+1;t+=1)s=[...s,.5+c*t];for(let t=1;t<o-a;t+=1)s=[.5-c*t,...s];for(let t=0;t<n;t+=1){const r=(e+t*i)%360/360;s.forEach(t=>{h.push(new _({h:r,s:1,l:t}))})}this.hue=e,this.hueSteps=n,this.lightSteps=o,this.colors=h}}return t(P,{Color:_}),P}));