@ctrl/tinycolor 3.2.0 → 3.3.2

package/dist/random.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.bounds = exports.random = void 0;
 // randomColor by David Merfield under the CC0 license
 // https://github.com/davidmerfield/randomColor/
-const index_1 = require("./index");
-function random(options = {}) {
+var index_1 = require("./index");
+function random(options) {
+    if (options === void 0) { options = {}; }
     // Check if we need to generate multiple colors
     if (options.count !== undefined &&
         options.count !== null) {
-        const totalColors = options.count;
-        const colors = [];
+        var totalColors = options.count;
+        var colors = [];
         options.count = undefined;
         while (totalColors > colors.length) {
             // Since we're generating multiple colors,
@@ -25,12 +26,12 @@ function random(options = {}) {
         return colors;
     }
     // First we pick a hue (H)
-    const h = pickHue(options.hue, options.seed);
+    var h = pickHue(options.hue, options.seed);
     // Then use H to determine saturation (S)
-    const s = pickSaturation(h, options);
+    var s = pickSaturation(h, options);
     // Then use S and H to determine brightness (B).
-    const v = pickBrightness(h, s, options);
-    const res = { h, s, v };
+    var v = pickBrightness(h, s, options);
+    var res = { h: h, s: s, v: v };
     if (options.alpha !== undefined) {
         res.a = options.alpha;
     }
@@ -39,8 +40,8 @@ function random(options = {}) {
 }
 exports.random = random;
 function pickHue(hue, seed) {
-    const hueRange = getHueRange(hue);
-    let res = randomWithin(hueRange, seed);
+    var hueRange = getHueRange(hue);
+    var res = randomWithin(hueRange, seed);
     // Instead of storing red as two seperate ranges,
     // we group them, using negative numbers
     if (res < 0) {
@@ -55,9 +56,9 @@ function pickSaturation(hue, options) {
     if (options.luminosity === 'random') {
         return randomWithin([0, 100], options.seed);
     }
-    const { saturationRange } = getColorInfo(hue);
-    let sMin = saturationRange[0];
-    let sMax = saturationRange[1];
+    var saturationRange = getColorInfo(hue).saturationRange;
+    var sMin = saturationRange[0];
+    var sMax = saturationRange[1];
     switch (options.luminosity) {
         case 'bright':
             sMin = 55;
@@ -74,8 +75,8 @@ function pickSaturation(hue, options) {
     return randomWithin([sMin, sMax], options.seed);
 }
 function pickBrightness(H, S, options) {
-    let bMin = getMinimumBrightness(H, S);
-    let bMax = 100;
+    var bMin = getMinimumBrightness(H, S);
+    var bMax = 100;
     switch (options.luminosity) {
         case 'dark':
             bMax = bMin + 20;
@@ -93,36 +94,36 @@ function pickBrightness(H, S, options) {
     return randomWithin([bMin, bMax], options.seed);
 }
 function getMinimumBrightness(H, S) {
-    const { lowerBounds } = getColorInfo(H);
-    for (let i = 0; i < lowerBounds.length - 1; i++) {
-        const s1 = lowerBounds[i][0];
-        const v1 = lowerBounds[i][1];
-        const s2 = lowerBounds[i + 1][0];
-        const v2 = lowerBounds[i + 1][1];
+    var lowerBounds = getColorInfo(H).lowerBounds;
+    for (var i = 0; i < lowerBounds.length - 1; i++) {
+        var s1 = lowerBounds[i][0];
+        var v1 = lowerBounds[i][1];
+        var s2 = lowerBounds[i + 1][0];
+        var v2 = lowerBounds[i + 1][1];
         if (S >= s1 && S <= s2) {
-            const m = (v2 - v1) / (s2 - s1);
-            const b = v1 - m * s1;
+            var m = (v2 - v1) / (s2 - s1);
+            var b = v1 - m * s1;
             return m * S + b;
         }
     }
     return 0;
 }
 function getHueRange(colorInput) {
-    const num = parseInt(colorInput, 10);
+    var num = parseInt(colorInput, 10);
     if (!Number.isNaN(num) && num < 360 && num > 0) {
         return [num, num];
     }
     if (typeof colorInput === 'string') {
-        const namedColor = exports.bounds.find(n => n.name === colorInput);
+        var namedColor = exports.bounds.find(function (n) { return n.name === colorInput; });
         if (namedColor) {
-            const color = defineColor(namedColor);
+            var color = defineColor(namedColor);
             if (color.hueRange) {
                 return color.hueRange;
             }
         }
-        const parsed = new index_1.TinyColor(colorInput);
+        var parsed = new index_1.TinyColor(colorInput);
         if (parsed.isValid) {
-            const hue = parsed.toHsv().h;
+            var hue = parsed.toHsv().h;
             return [hue, hue];
         }
     }
@@ -133,8 +134,9 @@ function getColorInfo(hue) {
     if (hue >= 334 && hue <= 360) {
         hue -= 360;
     }
-    for (const bound of exports.bounds) {
-        const color = defineColor(bound);
+    for (var _i = 0, bounds_1 = exports.bounds; _i < bounds_1.length; _i++) {
+        var bound = bounds_1[_i];
+        var color = defineColor(bound);
         if (color.hueRange && hue >= color.hueRange[0] && hue <= color.hueRange[1]) {
             return color;
         }
@@ -146,17 +148,17 @@ function randomWithin(range, seed) {
         return Math.floor(range[0] + Math.random() * (range[1] + 1 - range[0]));
     }
     // Seeded random algorithm from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
-    const max = range[1] || 1;
-    const min = range[0] || 0;
+    var max = range[1] || 1;
+    var min = range[0] || 0;
     seed = (seed * 9301 + 49297) % 233280;
-    const rnd = seed / 233280.0;
+    var rnd = seed / 233280.0;
     return Math.floor(min + rnd * (max - min));
 }
 function defineColor(bound) {
-    const sMin = bound.lowerBounds[0][0];
-    const sMax = bound.lowerBounds[bound.lowerBounds.length - 1][0];
-    const bMin = bound.lowerBounds[bound.lowerBounds.length - 1][1];
-    const bMax = bound.lowerBounds[0][1];
+    var sMin = bound.lowerBounds[0][0];
+    var sMax = bound.lowerBounds[bound.lowerBounds.length - 1][0];
+    var bMin = bound.lowerBounds[bound.lowerBounds.length - 1][1];
+    var bMax = bound.lowerBounds[0][1];
     return {
         name: bound.name,
         hueRange: bound.hueRange,

package/dist/readability.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mostReadable = exports.isReadable = exports.readability = void 0;
-const index_1 = require("./index");
+var index_1 = require("./index");
 // Readability Functions
 // ---------------------
 // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
@@ -11,8 +11,8 @@ const index_1 = require("./index");
  * Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
  */
 function readability(color1, color2) {
-    const c1 = new index_1.TinyColor(color1);
-    const c2 = new index_1.TinyColor(color2);
+    var c1 = new index_1.TinyColor(color1);
+    var c2 = new index_1.TinyColor(color2);
     return ((Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /
         (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05));
 }
@@ -30,9 +30,10 @@ exports.readability = readability;
  * new TinyColor().isReadable('#000', '#111', { level: 'AA', size: 'large' }) => false
  * ```
  */
-function isReadable(color1, color2, wcag2 = { level: 'AA', size: 'small' }) {
+function isReadable(color1, color2, wcag2) {
     var _a, _b;
-    const readabilityLevel = readability(color1, color2);
+    if (wcag2 === void 0) { wcag2 = { level: 'AA', size: 'small' }; }
+    var readabilityLevel = readability(color1, color2);
     switch (((_a = wcag2.level) !== null && _a !== void 0 ? _a : 'AA') + ((_b = wcag2.size) !== null && _b !== void 0 ? _b : 'small')) {
         case 'AAsmall':
         case 'AAAlarge':
@@ -63,18 +64,20 @@ exports.isReadable = isReadable;
  * new TinyColor().mostReadable('#a8015a', ["#faf3f3"], { includeFallbackColors:true, level: 'AAA', size: 'small' }).toHexString(); // "#ffffff"
  * ```
  */
-function mostReadable(baseColor, colorList, args = { includeFallbackColors: false, level: 'AA', size: 'small' }) {
-    let bestColor = null;
-    let bestScore = 0;
-    const { includeFallbackColors, level, size } = args;
-    for (const color of colorList) {
-        const score = readability(baseColor, color);
+function mostReadable(baseColor, colorList, args) {
+    if (args === void 0) { args = { includeFallbackColors: false, level: 'AA', size: 'small' }; }
+    var bestColor = null;
+    var bestScore = 0;
+    var includeFallbackColors = args.includeFallbackColors, level = args.level, size = args.size;
+    for (var _i = 0, colorList_1 = colorList; _i < colorList_1.length; _i++) {
+        var color = colorList_1[_i];
+        var score = readability(baseColor, color);
         if (score > bestScore) {
             bestScore = score;
             bestColor = new index_1.TinyColor(color);
         }
     }
-    if (isReadable(baseColor, bestColor, { level, size }) || !includeFallbackColors) {
+    if (isReadable(baseColor, bestColor, { level: level, size: size }) || !includeFallbackColors) {
         return bestColor;
     }
     args.includeFallbackColors = false;

package/dist/to-ms-filter.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toMsFilter = void 0;
-const conversion_1 = require("./conversion");
-const index_1 = require("./index");
+var conversion_1 = require("./conversion");
+var index_1 = require("./index");
 /**
  * Returns the color represented as a Microsoft filter for use in old versions of IE.
  */
 function toMsFilter(firstColor, secondColor) {
-    const color = new index_1.TinyColor(firstColor);
-    const hex8String = '#' + conversion_1.rgbaToArgbHex(color.r, color.g, color.b, color.a);
-    let secondHex8String = hex8String;
-    const gradientType = color.gradientType ? 'GradientType = 1, ' : '';
+    var color = new index_1.TinyColor(firstColor);
+    var hex8String = '#' + conversion_1.rgbaToArgbHex(color.r, color.g, color.b, color.a);
+    var secondHex8String = hex8String;
+    var gradientType = color.gradientType ? 'GradientType = 1, ' : '';
     if (secondColor) {
-        const s = new index_1.TinyColor(secondColor);
+        var s = new index_1.TinyColor(secondColor);
         secondHex8String = '#' + conversion_1.rgbaToArgbHex(s.r, s.g, s.b, s.a);
     }
-    return `progid:DXImageTransform.Microsoft.gradient(${gradientType}startColorstr=${hex8String},endColorstr=${secondHex8String})`;
+    return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
 }
 exports.toMsFilter = toMsFilter;

package/dist/umd_api.js

@@ -1,14 +1,14 @@
 "use strict";
 /* eslint-disable @typescript-eslint/member-ordering */
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_color_names_1 = require("./css-color-names");
-const format_input_1 = require("./format-input");
-const from_ratio_1 = require("./from-ratio");
-const index_1 = require("./index");
-const random_1 = require("./random");
-const readability_1 = require("./readability");
-const to_ms_filter_1 = require("./to-ms-filter");
-const tinycolorumd = index_1.tinycolor;
+var css_color_names_1 = require("./css-color-names");
+var format_input_1 = require("./format-input");
+var from_ratio_1 = require("./from-ratio");
+var index_1 = require("./index");
+var random_1 = require("./random");
+var readability_1 = require("./readability");
+var to_ms_filter_1 = require("./to-ms-filter");
+var tinycolorumd = index_1.tinycolor;
 tinycolorumd.TinyColor = index_1.TinyColor;
 tinycolorumd.readability = readability_1.readability;
 tinycolorumd.mostReadable = readability_1.mostReadable;

package/dist/util.js

@@ -9,7 +9,7 @@ function bound01(n, max) {
     if (isOnePointZero(n)) {
         n = '100%';
     }
-    const isPercent = isPercentage(n);
+    var isPercent = isPercentage(n);
     n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
     // Automatically convert percentage into number
     if (isPercent) {
@@ -77,7 +77,7 @@ exports.boundAlpha = boundAlpha;
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return `${Number(n) * 100}%`;
+        return Number(n) * 100 + "%";
     }
     return n;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctrl/tinycolor",
-  "version": "3.2.0",
+  "version": "3.3.2",
   "description": "Fast, small color manipulation and conversion for JavaScript",
   "author": "Scott Cooper <scttcper@gmail.com>",
   "publishConfig": {
@@ -31,7 +31,7 @@
     "lint:fix": "eslint --fix --ext .js,.ts, .",
     "prepare": "npm run build",
     "build": "del-cli dist && tsc -p tsconfig.build.json && tsc -p tsconfig.module.json && ts-node build",
-    "build:docs": "typedoc --out demo/public/docs --hideGenerator --target ES6 --mode file src",
+    "build:docs": "typedoc --out demo/public/docs --hideGenerator --tsconfig tsconfig.build.json src/public_api.ts",
     "test": "jest",
     "test:ci": "jest --ci --runInBand --reporters=default --reporters=jest-junit --coverage",
     "test:watch": "jest --watch"
@@ -39,23 +39,23 @@
   "dependencies": {},
   "devDependencies": {
     "@babel/plugin-transform-modules-commonjs": "7.12.1",
-    "@babel/preset-typescript": "7.12.1",
-    "@ctrl/eslint-config": "1.2.4",
-    "@jest/globals": "26.5.3",
-    "@types/node": "14.11.9",
+    "@babel/preset-typescript": "7.12.7",
+    "@ctrl/eslint-config": "1.2.8",
+    "@jest/globals": "26.6.2",
+    "@types/node": "14.14.16",
     "del-cli": "3.0.1",
-    "jest": "26.5.3",
+    "jest": "26.6.3",
     "jest-junit": "12.0.0",
-    "rollup": "2.31.0",
+    "rollup": "2.35.1",
     "rollup-plugin-livereload": "2.0.0",
-    "rollup-plugin-serve": "1.0.4",
+    "rollup-plugin-serve": "1.1.0",
     "rollup-plugin-sourcemaps": "0.6.3",
     "rollup-plugin-terser": "7.0.2",
-    "rollup-plugin-typescript2": "0.27.3",
+    "rollup-plugin-typescript2": "0.29.0",
     "rollup-plugin-uglify": "6.0.4",
-    "ts-node": "9.0.0",
-    "typedoc": "0.19.2",
-    "typescript": "4.0.3"
+    "ts-node": "9.1.1",
+    "typedoc": "0.20.4",
+    "typescript": "4.1.3"
   },
   "jest": {
     "testEnvironment": "node"