@ctrl/tinycolor 3.6.0 → 4.0.0

package/dist/conversion.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.numberInputToObject = exports.parseIntFromHex = exports.convertHexToDecimal = exports.convertDecimalToHex = exports.rgbaToArgbHex = exports.rgbaToHex = exports.rgbToHex = exports.hsvToRgb = exports.rgbToHsv = exports.hslToRgb = exports.rgbToHsl = exports.rgbToRgb = void 0;
-var util_1 = require("./util");
+const util_js_1 = require("./util.js");
 // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
 // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
 /**
@@ -12,9 +12,9 @@ var util_1 = require("./util");
  */
 function rgbToRgb(r, g, b) {
     return {
-        r: (0, util_1.bound01)(r, 255) * 255,
-        g: (0, util_1.bound01)(g, 255) * 255,
-        b: (0, util_1.bound01)(b, 255) * 255,
+        r: (0, util_js_1.bound01)(r, 255) * 255,
+        g: (0, util_js_1.bound01)(g, 255) * 255,
+        b: (0, util_js_1.bound01)(b, 255) * 255,
     };
 }
 exports.rgbToRgb = rgbToRgb;
@@ -24,20 +24,20 @@ exports.rgbToRgb = rgbToRgb;
  * *Returns:* { h, s, l } in [0,1]
  */
 function rgbToHsl(r, g, b) {
-    r = (0, util_1.bound01)(r, 255);
-    g = (0, util_1.bound01)(g, 255);
-    b = (0, util_1.bound01)(b, 255);
-    var max = Math.max(r, g, b);
-    var min = Math.min(r, g, b);
-    var h = 0;
-    var s = 0;
-    var l = (max + min) / 2;
+    r = (0, util_js_1.bound01)(r, 255);
+    g = (0, util_js_1.bound01)(g, 255);
+    b = (0, util_js_1.bound01)(b, 255);
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
     if (max === min) {
         s = 0;
         h = 0; // achromatic
     }
     else {
-        var d = max - min;
+        const d = max - min;
         s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
         switch (max) {
             case r:
@@ -54,7 +54,7 @@ function rgbToHsl(r, g, b) {
         }
         h /= 6;
     }
-    return { h: h, s: s, l: l };
+    return { h, s, l };
 }
 exports.rgbToHsl = rgbToHsl;
 function hue2rgb(p, q, t) {
@@ -82,12 +82,12 @@ function hue2rgb(p, q, t) {
  * *Returns:* { r, g, b } in the set [0, 255]
  */
 function hslToRgb(h, s, l) {
-    var r;
-    var g;
-    var b;
-    h = (0, util_1.bound01)(h, 360);
-    s = (0, util_1.bound01)(s, 100);
-    l = (0, util_1.bound01)(l, 100);
+    let r;
+    let g;
+    let b;
+    h = (0, util_js_1.bound01)(h, 360);
+    s = (0, util_js_1.bound01)(s, 100);
+    l = (0, util_js_1.bound01)(l, 100);
     if (s === 0) {
         // achromatic
         g = l;
@@ -95,8 +95,8 @@ function hslToRgb(h, s, l) {
         r = l;
     }
     else {
-        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-        var p = 2 * l - q;
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
         r = hue2rgb(p, q, h + 1 / 3);
         g = hue2rgb(p, q, h);
         b = hue2rgb(p, q, h - 1 / 3);
@@ -111,15 +111,15 @@ exports.hslToRgb = hslToRgb;
  * *Returns:* { h, s, v } in [0,1]
  */
 function rgbToHsv(r, g, b) {
-    r = (0, util_1.bound01)(r, 255);
-    g = (0, util_1.bound01)(g, 255);
-    b = (0, util_1.bound01)(b, 255);
-    var max = Math.max(r, g, b);
-    var min = Math.min(r, g, b);
-    var h = 0;
-    var v = max;
-    var d = max - min;
-    var s = max === 0 ? 0 : d / max;
+    r = (0, util_js_1.bound01)(r, 255);
+    g = (0, util_js_1.bound01)(g, 255);
+    b = (0, util_js_1.bound01)(b, 255);
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    const v = max;
+    const d = max - min;
+    const s = max === 0 ? 0 : d / max;
     if (max === min) {
         h = 0; // achromatic
     }
@@ -139,7 +139,7 @@ function rgbToHsv(r, g, b) {
         }
         h /= 6;
     }
-    return { h: h, s: s, v: v };
+    return { h, s, v };
 }
 exports.rgbToHsv = rgbToHsv;
 /**
@@ -149,18 +149,18 @@ exports.rgbToHsv = rgbToHsv;
  * *Returns:* { r, g, b } in the set [0, 255]
  */
 function hsvToRgb(h, s, v) {
-    h = (0, util_1.bound01)(h, 360) * 6;
-    s = (0, util_1.bound01)(s, 100);
-    v = (0, util_1.bound01)(v, 100);
-    var i = Math.floor(h);
-    var f = h - i;
-    var p = v * (1 - s);
-    var q = v * (1 - f * s);
-    var t = v * (1 - (1 - f) * s);
-    var mod = i % 6;
-    var r = [v, q, p, p, t, v][mod];
-    var g = [t, v, v, q, p, p][mod];
-    var b = [p, p, t, v, v, q][mod];
+    h = (0, util_js_1.bound01)(h, 360) * 6;
+    s = (0, util_js_1.bound01)(s, 100);
+    v = (0, util_js_1.bound01)(v, 100);
+    const i = Math.floor(h);
+    const f = h - i;
+    const p = v * (1 - s);
+    const q = v * (1 - f * s);
+    const t = v * (1 - (1 - f) * s);
+    const mod = i % 6;
+    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: r * 255, g: g * 255, b: b * 255 };
 }
 exports.hsvToRgb = hsvToRgb;
@@ -171,10 +171,10 @@ exports.hsvToRgb = hsvToRgb;
  * Returns a 3 or 6 character hex
  */
 function rgbToHex(r, g, b, allow3Char) {
-    var hex = [
-        (0, util_1.pad2)(Math.round(r).toString(16)),
-        (0, util_1.pad2)(Math.round(g).toString(16)),
-        (0, util_1.pad2)(Math.round(b).toString(16)),
+    const hex = [
+        (0, util_js_1.pad2)(Math.round(r).toString(16)),
+        (0, util_js_1.pad2)(Math.round(g).toString(16)),
+        (0, util_js_1.pad2)(Math.round(b).toString(16)),
     ];
     // Return a 3 character hex if possible
     if (allow3Char &&
@@ -194,11 +194,11 @@ exports.rgbToHex = rgbToHex;
  */
 // eslint-disable-next-line max-params
 function rgbaToHex(r, g, b, a, allow4Char) {
-    var hex = [
-        (0, util_1.pad2)(Math.round(r).toString(16)),
-        (0, util_1.pad2)(Math.round(g).toString(16)),
-        (0, util_1.pad2)(Math.round(b).toString(16)),
-        (0, util_1.pad2)(convertDecimalToHex(a)),
+    const hex = [
+        (0, util_js_1.pad2)(Math.round(r).toString(16)),
+        (0, util_js_1.pad2)(Math.round(g).toString(16)),
+        (0, util_js_1.pad2)(Math.round(b).toString(16)),
+        (0, util_js_1.pad2)(convertDecimalToHex(a)),
     ];
     // Return a 4 character hex if possible
     if (allow4Char &&
@@ -216,11 +216,11 @@ exports.rgbaToHex = rgbaToHex;
  * Rarely used, but required for "toFilter()"
  */
 function rgbaToArgbHex(r, g, b, a) {
-    var hex = [
-        (0, util_1.pad2)(convertDecimalToHex(a)),
-        (0, util_1.pad2)(Math.round(r).toString(16)),
-        (0, util_1.pad2)(Math.round(g).toString(16)),
-        (0, util_1.pad2)(Math.round(b).toString(16)),
+    const hex = [
+        (0, util_js_1.pad2)(convertDecimalToHex(a)),
+        (0, util_js_1.pad2)(Math.round(r).toString(16)),
+        (0, util_js_1.pad2)(Math.round(g).toString(16)),
+        (0, util_js_1.pad2)(Math.round(b).toString(16)),
     ];
     return hex.join('');
 }

package/dist/format-input.d.ts

@@ -1,4 +1,4 @@
-import { HSL, HSLA, HSV, HSVA, RGB, RGBA } from './interfaces';
+import { HSL, HSLA, HSV, HSVA, RGB, RGBA } from './interfaces.js';
 /**
  * Given a string or object, convert that input to RGB
  *

package/dist/format-input.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidCSSUnit = exports.stringInputToObject = exports.inputToRGB = void 0;
-/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
-var conversion_1 = require("./conversion");
-var css_color_names_1 = require("./css-color-names");
-var util_1 = require("./util");
+const conversion_js_1 = require("./conversion.js");
+const css_color_names_js_1 = require("./css-color-names.js");
+const util_js_1 = require("./util.js");
 /**
  * Given a string or object, convert that input to RGB
  *
@@ -24,33 +23,33 @@ var util_1 = require("./util");
  * ```
  */
 function inputToRGB(color) {
-    var rgb = { r: 0, g: 0, b: 0 };
-    var a = 1;
-    var s = null;
-    var v = null;
-    var l = null;
-    var ok = false;
-    var format = false;
+    let rgb = { r: 0, g: 0, b: 0 };
+    let a = 1;
+    let s = null;
+    let v = null;
+    let l = null;
+    let ok = false;
+    let format = false;
     if (typeof color === 'string') {
         color = stringInputToObject(color);
     }
     if (typeof color === 'object') {
         if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-            rgb = (0, conversion_1.rgbToRgb)(color.r, color.g, color.b);
+            rgb = (0, conversion_js_1.rgbToRgb)(color.r, color.g, color.b);
             ok = true;
             format = String(color.r).substr(-1) === '%' ? 'prgb' : 'rgb';
         }
         else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-            s = (0, util_1.convertToPercentage)(color.s);
-            v = (0, util_1.convertToPercentage)(color.v);
-            rgb = (0, conversion_1.hsvToRgb)(color.h, s, v);
+            s = (0, util_js_1.convertToPercentage)(color.s);
+            v = (0, util_js_1.convertToPercentage)(color.v);
+            rgb = (0, conversion_js_1.hsvToRgb)(color.h, s, v);
             ok = true;
             format = 'hsv';
         }
         else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-            s = (0, util_1.convertToPercentage)(color.s);
-            l = (0, util_1.convertToPercentage)(color.l);
-            rgb = (0, conversion_1.hslToRgb)(color.h, s, l);
+            s = (0, util_js_1.convertToPercentage)(color.s);
+            l = (0, util_js_1.convertToPercentage)(color.l);
+            rgb = (0, conversion_js_1.hslToRgb)(color.h, s, l);
             ok = true;
             format = 'hsl';
         }
@@ -58,29 +57,29 @@ function inputToRGB(color) {
             a = color.a;
         }
     }
-    a = (0, util_1.boundAlpha)(a);
+    a = (0, util_js_1.boundAlpha)(a);
     return {
-        ok: ok,
+        ok,
         format: color.format || 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)),
-        a: a,
+        a,
     };
 }
 exports.inputToRGB = inputToRGB;
 // <http://www.w3.org/TR/css3-values/#integers>
-var CSS_INTEGER = '[-\\+]?\\d+%?';
+const CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
-var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
+const CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+const CSS_UNIT = `(?:${CSS_NUMBER})|(?:${CSS_INTEGER})`;
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-var matchers = {
+const PERMISSIVE_MATCH3 = `[\\s|\\(]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})\\s*\\)?`;
+const PERMISSIVE_MATCH4 = `[\\s|\\(]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})[,|\\s]+(${CSS_UNIT})\\s*\\)?`;
+const matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
     rgba: new RegExp('rgba' + PERMISSIVE_MATCH4),
@@ -102,9 +101,9 @@ function stringInputToObject(color) {
     if (color.length === 0) {
         return false;
     }
-    var named = false;
-    if (css_color_names_1.names[color]) {
-        color = css_color_names_1.names[color];
+    let named = false;
+    if (css_color_names_js_1.names[color]) {
+        color = css_color_names_js_1.names[color];
         named = true;
     }
     else if (color === 'transparent') {
@@ -114,7 +113,7 @@ function stringInputToObject(color) {
     // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
     // Just return an object and let the conversion functions handle that.
     // This way the result will be the same whether the tinycolor is initialized with string or object.
-    var match = matchers.rgb.exec(color);
+    let match = matchers.rgb.exec(color);
     if (match) {
         return { r: match[1], g: match[2], b: match[3] };
     }
@@ -141,38 +140,38 @@ function stringInputToObject(color) {
     match = matchers.hex8.exec(color);
     if (match) {
         return {
-            r: (0, conversion_1.parseIntFromHex)(match[1]),
-            g: (0, conversion_1.parseIntFromHex)(match[2]),
-            b: (0, conversion_1.parseIntFromHex)(match[3]),
-            a: (0, conversion_1.convertHexToDecimal)(match[4]),
+            r: (0, conversion_js_1.parseIntFromHex)(match[1]),
+            g: (0, conversion_js_1.parseIntFromHex)(match[2]),
+            b: (0, conversion_js_1.parseIntFromHex)(match[3]),
+            a: (0, conversion_js_1.convertHexToDecimal)(match[4]),
             format: named ? 'name' : 'hex8',
         };
     }
     match = matchers.hex6.exec(color);
     if (match) {
         return {
-            r: (0, conversion_1.parseIntFromHex)(match[1]),
-            g: (0, conversion_1.parseIntFromHex)(match[2]),
-            b: (0, conversion_1.parseIntFromHex)(match[3]),
+            r: (0, conversion_js_1.parseIntFromHex)(match[1]),
+            g: (0, conversion_js_1.parseIntFromHex)(match[2]),
+            b: (0, conversion_js_1.parseIntFromHex)(match[3]),
             format: named ? 'name' : 'hex',
         };
     }
     match = matchers.hex4.exec(color);
     if (match) {
         return {
-            r: (0, conversion_1.parseIntFromHex)(match[1] + match[1]),
-            g: (0, conversion_1.parseIntFromHex)(match[2] + match[2]),
-            b: (0, conversion_1.parseIntFromHex)(match[3] + match[3]),
-            a: (0, conversion_1.convertHexToDecimal)(match[4] + match[4]),
+            r: (0, conversion_js_1.parseIntFromHex)(match[1] + match[1]),
+            g: (0, conversion_js_1.parseIntFromHex)(match[2] + match[2]),
+            b: (0, conversion_js_1.parseIntFromHex)(match[3] + match[3]),
+            a: (0, conversion_js_1.convertHexToDecimal)(match[4] + match[4]),
             format: named ? 'name' : 'hex8',
         };
     }
     match = matchers.hex3.exec(color);
     if (match) {
         return {
-            r: (0, conversion_1.parseIntFromHex)(match[1] + match[1]),
-            g: (0, conversion_1.parseIntFromHex)(match[2] + match[2]),
-            b: (0, conversion_1.parseIntFromHex)(match[3] + match[3]),
+            r: (0, conversion_js_1.parseIntFromHex)(match[1] + match[1]),
+            g: (0, conversion_js_1.parseIntFromHex)(match[2] + match[2]),
+            b: (0, conversion_js_1.parseIntFromHex)(match[3] + match[3]),
             format: named ? 'name' : 'hex',
         };
     }

package/dist/from-ratio.d.ts

@@ -1,4 +1,4 @@
-import { TinyColor } from './index';
+import { TinyColor } from './index.js';
 export interface RatioInput {
     r: number | string;
     g: number | string;

package/dist/from-ratio.js

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.legacyRandom = exports.fromRatio = void 0;
-var index_1 = require("./index");
-var util_1 = require("./util");
+const index_js_1 = require("./index.js");
+const util_js_1 = require("./util.js");
 /**
  * If input is an object, force 1 into "1.0" to handle ratios properly
  * String input requires "1.0" as input, so 1 will be treated as 1
  */
 function fromRatio(ratio, opts) {
-    var newColor = {
-        r: (0, util_1.convertToPercentage)(ratio.r),
-        g: (0, util_1.convertToPercentage)(ratio.g),
-        b: (0, util_1.convertToPercentage)(ratio.b),
+    const newColor = {
+        r: (0, util_js_1.convertToPercentage)(ratio.r),
+        g: (0, util_js_1.convertToPercentage)(ratio.g),
+        b: (0, util_js_1.convertToPercentage)(ratio.b),
     };
     if (ratio.a !== undefined) {
         newColor.a = Number(ratio.a);
     }
-    return new index_1.TinyColor(newColor, opts);
+    return new index_js_1.TinyColor(newColor, opts);
 }
 exports.fromRatio = fromRatio;
 /** old random function */
 function legacyRandom() {
-    return new index_1.TinyColor({
+    return new index_js_1.TinyColor({
         r: Math.random(),
         g: Math.random(),
         b: Math.random(),

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { HSL, HSLA, HSV, HSVA, Numberify, RGB, RGBA } from './interfaces';
+import { HSL, HSLA, HSV, HSVA, Numberify, RGB, RGBA } from './interfaces.js';
 export interface TinyColorOptions {
     format: string;
     gradientType: string;
@@ -204,4 +204,3 @@ export declare class TinyColor {
      */
     equals(color?: ColorInput): boolean;
 }
-export declare function tinycolor(color?: ColorInput, opts?: Partial<TinyColorOptions>): TinyColor;