@ctrl/tinycolor 3.6.1 → 4.0.1

package/dist/module/random.js

@@ -1,14 +1,12 @@
-/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 // randomColor by David Merfield under the CC0 license
 // https://github.com/davidmerfield/randomColor/
 import { TinyColor } from './index.js';
-export function random(options) {
-    if (options === void 0) { options = {}; }
+export function random(options = {}) {
     // Check if we need to generate multiple colors
     if (options.count !== undefined &&
         options.count !== null) {
-        var totalColors = options.count;
-        var colors = [];
+        const totalColors = options.count;
+        const colors = [];
         options.count = undefined;
         while (totalColors > colors.length) {
             // Since we're generating multiple colors,
@@ -24,12 +22,12 @@ export function random(options) {
         return colors;
     }
     // First we pick a hue (H)
-    var h = pickHue(options.hue, options.seed);
+    const h = pickHue(options.hue, options.seed);
     // Then use H to determine saturation (S)
-    var s = pickSaturation(h, options);
+    const s = pickSaturation(h, options);
     // Then use S and H to determine brightness (B).
-    var v = pickBrightness(h, s, options);
-    var res = { h: h, s: s, v: v };
+    const v = pickBrightness(h, s, options);
+    const res = { h, s, v };
     if (options.alpha !== undefined) {
         res.a = options.alpha;
     }
@@ -37,8 +35,8 @@ export function random(options) {
     return new TinyColor(res);
 }
 function pickHue(hue, seed) {
-    var hueRange = getHueRange(hue);
-    var res = randomWithin(hueRange, seed);
+    const hueRange = getHueRange(hue);
+    let res = randomWithin(hueRange, seed);
     // Instead of storing red as two seperate ranges,
     // we group them, using negative numbers
     if (res < 0) {
@@ -53,9 +51,9 @@ function pickSaturation(hue, options) {
     if (options.luminosity === 'random') {
         return randomWithin([0, 100], options.seed);
     }
-    var saturationRange = getColorInfo(hue).saturationRange;
-    var sMin = saturationRange[0];
-    var sMax = saturationRange[1];
+    const { saturationRange } = getColorInfo(hue);
+    let sMin = saturationRange[0];
+    let sMax = saturationRange[1];
     switch (options.luminosity) {
         case 'bright':
             sMin = 55;
@@ -72,8 +70,8 @@ function pickSaturation(hue, options) {
     return randomWithin([sMin, sMax], options.seed);
 }
 function pickBrightness(H, S, options) {
-    var bMin = getMinimumBrightness(H, S);
-    var bMax = 100;
+    let bMin = getMinimumBrightness(H, S);
+    let bMax = 100;
     switch (options.luminosity) {
         case 'dark':
             bMax = bMin + 20;
@@ -91,36 +89,36 @@ function pickBrightness(H, S, options) {
     return randomWithin([bMin, bMax], options.seed);
 }
 function getMinimumBrightness(H, S) {
-    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];
+    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];
         if (S >= s1 && S <= s2) {
-            var m = (v2 - v1) / (s2 - s1);
-            var b = v1 - m * s1;
+            const m = (v2 - v1) / (s2 - s1);
+            const b = v1 - m * s1;
             return m * S + b;
         }
     }
     return 0;
 }
 function getHueRange(colorInput) {
-    var num = parseInt(colorInput, 10);
+    const num = parseInt(colorInput, 10);
     if (!Number.isNaN(num) && num < 360 && num > 0) {
         return [num, num];
     }
     if (typeof colorInput === 'string') {
-        var namedColor = bounds.find(function (n) { return n.name === colorInput; });
+        const namedColor = bounds.find(n => n.name === colorInput);
         if (namedColor) {
-            var color = defineColor(namedColor);
+            const color = defineColor(namedColor);
             if (color.hueRange) {
                 return color.hueRange;
             }
         }
-        var parsed = new TinyColor(colorInput);
+        const parsed = new TinyColor(colorInput);
         if (parsed.isValid) {
-            var hue = parsed.toHsv().h;
+            const hue = parsed.toHsv().h;
             return [hue, hue];
         }
     }
@@ -131,9 +129,8 @@ function getColorInfo(hue) {
     if (hue >= 334 && hue <= 360) {
         hue -= 360;
     }
-    for (var _i = 0, bounds_1 = bounds; _i < bounds_1.length; _i++) {
-        var bound = bounds_1[_i];
-        var color = defineColor(bound);
+    for (const bound of bounds) {
+        const color = defineColor(bound);
         if (color.hueRange && hue >= color.hueRange[0] && hue <= color.hueRange[1]) {
             return color;
         }
@@ -145,17 +142,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/
-    var max = range[1] || 1;
-    var min = range[0] || 0;
+    const max = range[1] || 1;
+    const min = range[0] || 0;
     seed = (seed * 9301 + 49297) % 233280;
-    var rnd = seed / 233280.0;
+    const rnd = seed / 233280.0;
     return Math.floor(min + rnd * (max - min));
 }
 function defineColor(bound) {
-    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];
+    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];
     return {
         name: bound.name,
         hueRange: bound.hueRange,
@@ -167,7 +164,7 @@ function defineColor(bound) {
 /**
  * @hidden
  */
-export var bounds = [
+export const bounds = [
     {
         name: 'monochrome',
         hueRange: null,

package/dist/module/readability.js

@@ -8,8 +8,8 @@ import { TinyColor } from './index.js';
  * Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
  */
 export function readability(color1, color2) {
-    var c1 = new TinyColor(color1);
-    var c2 = new TinyColor(color2);
+    const c1 = new TinyColor(color1);
+    const c2 = new TinyColor(color2);
     return ((Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /
         (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05));
 }
@@ -26,11 +26,9 @@ export function readability(color1, color2) {
  * new TinyColor().isReadable('#000', '#111', { level: 'AA', size: 'large' }) => false
  * ```
  */
-export function isReadable(color1, color2, wcag2) {
-    var _a, _b;
-    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')) {
+export function isReadable(color1, color2, wcag2 = { level: 'AA', size: 'small' }) {
+    const readabilityLevel = readability(color1, color2);
+    switch ((wcag2.level ?? 'AA') + (wcag2.size ?? 'small')) {
         case 'AAsmall':
         case 'AAAlarge':
             return readabilityLevel >= 4.5;
@@ -59,20 +57,18 @@ export function isReadable(color1, color2, wcag2) {
  * new TinyColor().mostReadable('#a8015a', ["#faf3f3"], { includeFallbackColors:true, level: 'AAA', size: 'small' }).toHexString(); // "#ffffff"
  * ```
  */
-export 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);
+export 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);
         if (score > bestScore) {
             bestScore = score;
             bestColor = new TinyColor(color);
         }
     }
-    if (isReadable(baseColor, bestColor, { level: level, size: size }) || !includeFallbackColors) {
+    if (isReadable(baseColor, bestColor, { level, size }) || !includeFallbackColors) {
         return bestColor;
     }
     args.includeFallbackColors = false;

package/dist/module/to-ms-filter.js

@@ -4,13 +4,13 @@ import { TinyColor } from './index.js';
  * Returns the color represented as a Microsoft filter for use in old versions of IE.
  */
 export function toMsFilter(firstColor, secondColor) {
-    var color = new TinyColor(firstColor);
-    var hex8String = '#' + rgbaToArgbHex(color.r, color.g, color.b, color.a);
-    var secondHex8String = hex8String;
-    var gradientType = color.gradientType ? 'GradientType = 1, ' : '';
+    const color = new TinyColor(firstColor);
+    const hex8String = '#' + rgbaToArgbHex(color.r, color.g, color.b, color.a);
+    let secondHex8String = hex8String;
+    const gradientType = color.gradientType ? 'GradientType = 1, ' : '';
     if (secondColor) {
-        var s = new TinyColor(secondColor);
+        const s = new TinyColor(secondColor);
         secondHex8String = '#' + rgbaToArgbHex(s.r, s.g, s.b, s.a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(".concat(gradientType, "startColorstr=").concat(hex8String, ",endColorstr=").concat(secondHex8String, ")");
+    return `progid:DXImageTransform.Microsoft.gradient(${gradientType}startColorstr=${hex8String},endColorstr=${secondHex8String})`;
 }

package/dist/module/umd_api.js

@@ -1,20 +1,21 @@
 import { names } from './css-color-names.js';
 import { inputToRGB, isValidCSSUnit, stringInputToObject } from './format-input.js';
 import { fromRatio, legacyRandom } from './from-ratio.js';
-import { TinyColor, tinycolor } from './index.js';
+import { TinyColor } from './index.js';
 import { random } from './random.js';
 import { mostReadable, readability } from './readability.js';
 import { toMsFilter } from './to-ms-filter.js';
-var tinycolorumd = tinycolor;
-tinycolorumd.TinyColor = TinyColor;
-tinycolorumd.readability = readability;
-tinycolorumd.mostReadable = mostReadable;
-tinycolorumd.random = random;
-tinycolorumd.names = names;
-tinycolorumd.fromRatio = fromRatio;
-tinycolorumd.legacyRandom = legacyRandom;
-tinycolorumd.toMsFilter = toMsFilter;
-tinycolorumd.inputToRGB = inputToRGB;
-tinycolorumd.stringInputToObject = stringInputToObject;
-tinycolorumd.isValidCSSUnit = isValidCSSUnit;
+const tinycolorumd = {
+    TinyColor,
+    readability,
+    mostReadable,
+    random,
+    names,
+    fromRatio,
+    legacyRandom,
+    toMsFilter,
+    inputToRGB,
+    stringInputToObject,
+    isValidCSSUnit,
+};
 export default tinycolorumd;

package/dist/module/util.js

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

package/dist/public_api.d.ts

@@ -1,4 +1,3 @@
-import { tinycolor } from './index.js';
 export * from './index.js';
 export * from './css-color-names.js';
 export * from './readability.js';
@@ -8,4 +7,3 @@ export * from './format-input.js';
 export * from './random.js';
 export * from './interfaces.js';
 export * from './conversion.js';
-export default tinycolor;

package/dist/public_api.js

@@ -14,7 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_js_1 = require("./index.js");
 __exportStar(require("./index.js"), exports);
 __exportStar(require("./css-color-names.js"), exports);
 __exportStar(require("./readability.js"), exports);
@@ -24,5 +23,3 @@ __exportStar(require("./format-input.js"), exports);
 __exportStar(require("./random.js"), exports);
 __exportStar(require("./interfaces.js"), exports);
 __exportStar(require("./conversion.js"), exports);
-// kept for backwards compatability with v1
-exports.default = index_js_1.tinycolor;

package/dist/random.js

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bounds = exports.random = void 0;
-/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
 // randomColor by David Merfield under the CC0 license
 // https://github.com/davidmerfield/randomColor/
-var index_js_1 = require("./index.js");
-function random(options) {
-    if (options === void 0) { options = {}; }
+const index_js_1 = require("./index.js");
+function random(options = {}) {
     // Check if we need to generate multiple colors
     if (options.count !== undefined &&
         options.count !== null) {
-        var totalColors = options.count;
-        var colors = [];
+        const totalColors = options.count;
+        const colors = [];
         options.count = undefined;
         while (totalColors > colors.length) {
             // Since we're generating multiple colors,
@@ -27,12 +25,12 @@ function random(options) {
         return colors;
     }
     // First we pick a hue (H)
-    var h = pickHue(options.hue, options.seed);
+    const h = pickHue(options.hue, options.seed);
     // Then use H to determine saturation (S)
-    var s = pickSaturation(h, options);
+    const s = pickSaturation(h, options);
     // Then use S and H to determine brightness (B).
-    var v = pickBrightness(h, s, options);
-    var res = { h: h, s: s, v: v };
+    const v = pickBrightness(h, s, options);
+    const res = { h, s, v };
     if (options.alpha !== undefined) {
         res.a = options.alpha;
     }
@@ -41,8 +39,8 @@ function random(options) {
 }
 exports.random = random;
 function pickHue(hue, seed) {
-    var hueRange = getHueRange(hue);
-    var res = randomWithin(hueRange, seed);
+    const hueRange = getHueRange(hue);
+    let res = randomWithin(hueRange, seed);
     // Instead of storing red as two seperate ranges,
     // we group them, using negative numbers
     if (res < 0) {
@@ -57,9 +55,9 @@ function pickSaturation(hue, options) {
     if (options.luminosity === 'random') {
         return randomWithin([0, 100], options.seed);
     }
-    var saturationRange = getColorInfo(hue).saturationRange;
-    var sMin = saturationRange[0];
-    var sMax = saturationRange[1];
+    const { saturationRange } = getColorInfo(hue);
+    let sMin = saturationRange[0];
+    let sMax = saturationRange[1];
     switch (options.luminosity) {
         case 'bright':
             sMin = 55;
@@ -76,8 +74,8 @@ function pickSaturation(hue, options) {
     return randomWithin([sMin, sMax], options.seed);
 }
 function pickBrightness(H, S, options) {
-    var bMin = getMinimumBrightness(H, S);
-    var bMax = 100;
+    let bMin = getMinimumBrightness(H, S);
+    let bMax = 100;
     switch (options.luminosity) {
         case 'dark':
             bMax = bMin + 20;
@@ -95,36 +93,36 @@ function pickBrightness(H, S, options) {
     return randomWithin([bMin, bMax], options.seed);
 }
 function getMinimumBrightness(H, S) {
-    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];
+    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];
         if (S >= s1 && S <= s2) {
-            var m = (v2 - v1) / (s2 - s1);
-            var b = v1 - m * s1;
+            const m = (v2 - v1) / (s2 - s1);
+            const b = v1 - m * s1;
             return m * S + b;
         }
     }
     return 0;
 }
 function getHueRange(colorInput) {
-    var num = parseInt(colorInput, 10);
+    const num = parseInt(colorInput, 10);
     if (!Number.isNaN(num) && num < 360 && num > 0) {
         return [num, num];
     }
     if (typeof colorInput === 'string') {
-        var namedColor = exports.bounds.find(function (n) { return n.name === colorInput; });
+        const namedColor = exports.bounds.find(n => n.name === colorInput);
         if (namedColor) {
-            var color = defineColor(namedColor);
+            const color = defineColor(namedColor);
             if (color.hueRange) {
                 return color.hueRange;
             }
         }
-        var parsed = new index_js_1.TinyColor(colorInput);
+        const parsed = new index_js_1.TinyColor(colorInput);
         if (parsed.isValid) {
-            var hue = parsed.toHsv().h;
+            const hue = parsed.toHsv().h;
             return [hue, hue];
         }
     }
@@ -135,9 +133,8 @@ function getColorInfo(hue) {
     if (hue >= 334 && hue <= 360) {
         hue -= 360;
     }
-    for (var _i = 0, bounds_1 = exports.bounds; _i < bounds_1.length; _i++) {
-        var bound = bounds_1[_i];
-        var color = defineColor(bound);
+    for (const bound of exports.bounds) {
+        const color = defineColor(bound);
         if (color.hueRange && hue >= color.hueRange[0] && hue <= color.hueRange[1]) {
             return color;
         }
@@ -149,17 +146,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/
-    var max = range[1] || 1;
-    var min = range[0] || 0;
+    const max = range[1] || 1;
+    const min = range[0] || 0;
     seed = (seed * 9301 + 49297) % 233280;
-    var rnd = seed / 233280.0;
+    const rnd = seed / 233280.0;
     return Math.floor(min + rnd * (max - min));
 }
 function defineColor(bound) {
-    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];
+    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];
     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;
-var index_js_1 = require("./index.js");
+const index_js_1 = require("./index.js");
 // Readability Functions
 // ---------------------
 // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
@@ -11,8 +11,8 @@ var index_js_1 = require("./index.js");
  * Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
  */
 function readability(color1, color2) {
-    var c1 = new index_js_1.TinyColor(color1);
-    var c2 = new index_js_1.TinyColor(color2);
+    const c1 = new index_js_1.TinyColor(color1);
+    const c2 = new index_js_1.TinyColor(color2);
     return ((Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) /
         (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05));
 }
@@ -30,11 +30,9 @@ exports.readability = readability;
  * new TinyColor().isReadable('#000', '#111', { level: 'AA', size: 'large' }) => false
  * ```
  */
-function isReadable(color1, color2, wcag2) {
-    var _a, _b;
-    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')) {
+function isReadable(color1, color2, wcag2 = { level: 'AA', size: 'small' }) {
+    const readabilityLevel = readability(color1, color2);
+    switch ((wcag2.level ?? 'AA') + (wcag2.size ?? 'small')) {
         case 'AAsmall':
         case 'AAAlarge':
             return readabilityLevel >= 4.5;
@@ -64,20 +62,18 @@ exports.isReadable = isReadable;
  * new TinyColor().mostReadable('#a8015a', ["#faf3f3"], { includeFallbackColors:true, level: 'AAA', size: 'small' }).toHexString(); // "#ffffff"
  * ```
  */
-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);
+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);
         if (score > bestScore) {
             bestScore = score;
             bestColor = new index_js_1.TinyColor(color);
         }
     }
-    if (isReadable(baseColor, bestColor, { level: level, size: size }) || !includeFallbackColors) {
+    if (isReadable(baseColor, bestColor, { level, 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;
-var conversion_js_1 = require("./conversion.js");
-var index_js_1 = require("./index.js");
+const conversion_js_1 = require("./conversion.js");
+const index_js_1 = require("./index.js");
 /**
  * Returns the color represented as a Microsoft filter for use in old versions of IE.
  */
 function toMsFilter(firstColor, secondColor) {
-    var color = new index_js_1.TinyColor(firstColor);
-    var hex8String = '#' + (0, conversion_js_1.rgbaToArgbHex)(color.r, color.g, color.b, color.a);
-    var secondHex8String = hex8String;
-    var gradientType = color.gradientType ? 'GradientType = 1, ' : '';
+    const color = new index_js_1.TinyColor(firstColor);
+    const hex8String = '#' + (0, conversion_js_1.rgbaToArgbHex)(color.r, color.g, color.b, color.a);
+    let secondHex8String = hex8String;
+    const gradientType = color.gradientType ? 'GradientType = 1, ' : '';
     if (secondColor) {
-        var s = new index_js_1.TinyColor(secondColor);
+        const s = new index_js_1.TinyColor(secondColor);
         secondHex8String = '#' + (0, conversion_js_1.rgbaToArgbHex)(s.r, s.g, s.b, s.a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(".concat(gradientType, "startColorstr=").concat(hex8String, ",endColorstr=").concat(secondHex8String, ")");
+    return `progid:DXImageTransform.Microsoft.gradient(${gradientType}startColorstr=${hex8String},endColorstr=${secondHex8String})`;
 }
 exports.toMsFilter = toMsFilter;

package/dist/umd_api.d.ts

@@ -6,7 +6,6 @@ import { random } from './random.js';
 import { mostReadable, readability } from './readability.js';
 import { toMsFilter } from './to-ms-filter.js';
 export interface TinyColorUMD {
-    (): TinyColor;
     TinyColor: typeof TinyColor;
     readability: typeof readability;
     random: typeof random;

package/dist/umd_api.js

@@ -1,22 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var css_color_names_js_1 = require("./css-color-names.js");
-var format_input_js_1 = require("./format-input.js");
-var from_ratio_js_1 = require("./from-ratio.js");
-var index_js_1 = require("./index.js");
-var random_js_1 = require("./random.js");
-var readability_js_1 = require("./readability.js");
-var to_ms_filter_js_1 = require("./to-ms-filter.js");
-var tinycolorumd = index_js_1.tinycolor;
-tinycolorumd.TinyColor = index_js_1.TinyColor;
-tinycolorumd.readability = readability_js_1.readability;
-tinycolorumd.mostReadable = readability_js_1.mostReadable;
-tinycolorumd.random = random_js_1.random;
-tinycolorumd.names = css_color_names_js_1.names;
-tinycolorumd.fromRatio = from_ratio_js_1.fromRatio;
-tinycolorumd.legacyRandom = from_ratio_js_1.legacyRandom;
-tinycolorumd.toMsFilter = to_ms_filter_js_1.toMsFilter;
-tinycolorumd.inputToRGB = format_input_js_1.inputToRGB;
-tinycolorumd.stringInputToObject = format_input_js_1.stringInputToObject;
-tinycolorumd.isValidCSSUnit = format_input_js_1.isValidCSSUnit;
+const css_color_names_js_1 = require("./css-color-names.js");
+const format_input_js_1 = require("./format-input.js");
+const from_ratio_js_1 = require("./from-ratio.js");
+const index_js_1 = require("./index.js");
+const random_js_1 = require("./random.js");
+const readability_js_1 = require("./readability.js");
+const to_ms_filter_js_1 = require("./to-ms-filter.js");
+const tinycolorumd = {
+    TinyColor: index_js_1.TinyColor,
+    readability: readability_js_1.readability,
+    mostReadable: readability_js_1.mostReadable,
+    random: random_js_1.random,
+    names: css_color_names_js_1.names,
+    fromRatio: from_ratio_js_1.fromRatio,
+    legacyRandom: from_ratio_js_1.legacyRandom,
+    toMsFilter: to_ms_filter_js_1.toMsFilter,
+    inputToRGB: format_input_js_1.inputToRGB,
+    stringInputToObject: format_input_js_1.stringInputToObject,
+    isValidCSSUnit: format_input_js_1.isValidCSSUnit,
+};
 exports.default = tinycolorumd;

package/dist/util.js

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