@ctrl/tinycolor 3.5.1 → 3.6.1

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");
+var 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,9 +24,9 @@ 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);
+    r = (0, util_js_1.bound01)(r, 255);
+    g = (0, util_js_1.bound01)(g, 255);
+    b = (0, util_js_1.bound01)(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -85,9 +85,9 @@ 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);
+    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;
@@ -111,9 +111,9 @@ 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);
+    r = (0, util_js_1.bound01)(r, 255);
+    g = (0, util_js_1.bound01)(g, 255);
+    b = (0, util_js_1.bound01)(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -149,9 +149,9 @@ 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);
+    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);
     var i = Math.floor(h);
     var f = h - i;
     var p = v * (1 - s);
@@ -172,9 +172,9 @@ exports.hsvToRgb = hsvToRgb;
  */
 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)),
+        (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 &&
@@ -195,10 +195,10 @@ 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)),
+        (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 &&
@@ -217,10 +217,10 @@ exports.rgbaToHex = rgbaToHex;
  */
 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)),
+        (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

@@ -2,9 +2,9 @@
 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");
+var conversion_js_1 = require("./conversion.js");
+var css_color_names_js_1 = require("./css-color-names.js");
+var util_js_1 = require("./util.js");
 /**
  * Given a string or object, convert that input to RGB
  *
@@ -36,21 +36,21 @@ function inputToRGB(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,7 +58,7 @@ function inputToRGB(color) {
             a = color.a;
         }
     }
-    a = (0, util_1.boundAlpha)(a);
+    a = (0, util_js_1.boundAlpha)(a);
     return {
         ok: ok,
         format: color.format || format,
@@ -103,8 +103,8 @@ function stringInputToObject(color) {
         return false;
     }
     var named = false;
-    if (css_color_names_1.names[color]) {
-        color = css_color_names_1.names[color];
+    if (css_color_names_js_1.names[color]) {
+        color = css_color_names_js_1.names[color];
         named = true;
     }
     else if (color === 'transparent') {
@@ -141,38 +141,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");
+var index_js_1 = require("./index.js");
+var 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),
+        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;
@@ -72,7 +72,7 @@ export declare class TinyColor {
      */
     toHex(allow3Char?: boolean): string;
     /**
-     * Returns the hex value of the color -with a # appened.
+     * Returns the hex value of the color -with a # prefixed.
      * @param allow3Char will shorten hex value to 3 char if possible
      */
     toHexString(allow3Char?: boolean): string;
@@ -82,10 +82,15 @@ export declare class TinyColor {
      */
     toHex8(allow4Char?: boolean): string;
     /**
-     * Returns the hex 8 value of the color -with a # appened.
+     * Returns the hex 8 value of the color -with a # prefixed.
      * @param allow4Char will shorten hex value to 4 char if possible
      */
     toHex8String(allow4Char?: boolean): string;
+    /**
+     * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+     * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+     */
+    toHexShortString(allowShortChar?: boolean): string;
     /**
      * Returns the object as a RGBA object.
      */

package/dist/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tinycolor = exports.TinyColor = void 0;
-var conversion_1 = require("./conversion");
-var css_color_names_1 = require("./css-color-names");
+var conversion_js_1 = require("./conversion.js");
+var css_color_names_js_1 = require("./css-color-names.js");
 var format_input_1 = require("./format-input");
-var util_1 = require("./util");
+var util_js_1 = require("./util.js");
 var TinyColor = /** @class */ (function () {
     function TinyColor(color, opts) {
         if (color === void 0) { color = ''; }
@@ -16,7 +16,7 @@ var TinyColor = /** @class */ (function () {
             return color;
         }
         if (typeof color === 'number') {
-            color = (0, conversion_1.numberInputToObject)(color);
+            color = (0, conversion_js_1.numberInputToObject)(color);
         }
         this.originalInput = color;
         var rgb = (0, format_input_1.inputToRGB)(color);
@@ -104,7 +104,7 @@ var TinyColor = /** @class */ (function () {
      * @param alpha - The new alpha value. The accepted range is 0-1.
      */
     TinyColor.prototype.setAlpha = function (alpha) {
-        this.a = (0, util_1.boundAlpha)(alpha);
+        this.a = (0, util_js_1.boundAlpha)(alpha);
         this.roundA = Math.round(100 * this.a) / 100;
         return this;
     };
@@ -119,7 +119,7 @@ var TinyColor = /** @class */ (function () {
      * Returns the object as a HSVA object.
      */
     TinyColor.prototype.toHsv = function () {
-        var hsv = (0, conversion_1.rgbToHsv)(this.r, this.g, this.b);
+        var hsv = (0, conversion_js_1.rgbToHsv)(this.r, this.g, this.b);
         return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
     };
     /**
@@ -127,7 +127,7 @@ var TinyColor = /** @class */ (function () {
      * "hsva(xxx, xxx, xxx, xx)".
      */
     TinyColor.prototype.toHsvString = function () {
-        var hsv = (0, conversion_1.rgbToHsv)(this.r, this.g, this.b);
+        var hsv = (0, conversion_js_1.rgbToHsv)(this.r, this.g, this.b);
         var h = Math.round(hsv.h * 360);
         var s = Math.round(hsv.s * 100);
         var v = Math.round(hsv.v * 100);
@@ -137,7 +137,7 @@ var TinyColor = /** @class */ (function () {
      * Returns the object as a HSLA object.
      */
     TinyColor.prototype.toHsl = function () {
-        var hsl = (0, conversion_1.rgbToHsl)(this.r, this.g, this.b);
+        var hsl = (0, conversion_js_1.rgbToHsl)(this.r, this.g, this.b);
         return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
     };
     /**
@@ -145,7 +145,7 @@ var TinyColor = /** @class */ (function () {
      * "hsla(xxx, xxx, xxx, xx)".
      */
     TinyColor.prototype.toHslString = function () {
-        var hsl = (0, conversion_1.rgbToHsl)(this.r, this.g, this.b);
+        var hsl = (0, conversion_js_1.rgbToHsl)(this.r, this.g, this.b);
         var h = Math.round(hsl.h * 360);
         var s = Math.round(hsl.s * 100);
         var l = Math.round(hsl.l * 100);
@@ -157,10 +157,10 @@ var TinyColor = /** @class */ (function () {
      */
     TinyColor.prototype.toHex = function (allow3Char) {
         if (allow3Char === void 0) { allow3Char = false; }
-        return (0, conversion_1.rgbToHex)(this.r, this.g, this.b, allow3Char);
+        return (0, conversion_js_1.rgbToHex)(this.r, this.g, this.b, allow3Char);
     };
     /**
-     * Returns the hex value of the color -with a # appened.
+     * Returns the hex value of the color -with a # prefixed.
      * @param allow3Char will shorten hex value to 3 char if possible
      */
     TinyColor.prototype.toHexString = function (allow3Char) {
@@ -173,16 +173,24 @@ var TinyColor = /** @class */ (function () {
      */
     TinyColor.prototype.toHex8 = function (allow4Char) {
         if (allow4Char === void 0) { allow4Char = false; }
-        return (0, conversion_1.rgbaToHex)(this.r, this.g, this.b, this.a, allow4Char);
+        return (0, conversion_js_1.rgbaToHex)(this.r, this.g, this.b, this.a, allow4Char);
     };
     /**
-     * Returns the hex 8 value of the color -with a # appened.
+     * Returns the hex 8 value of the color -with a # prefixed.
      * @param allow4Char will shorten hex value to 4 char if possible
      */
     TinyColor.prototype.toHex8String = function (allow4Char) {
         if (allow4Char === void 0) { allow4Char = false; }
         return '#' + this.toHex8(allow4Char);
     };
+    /**
+     * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+     * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+     */
+    TinyColor.prototype.toHexShortString = function (allowShortChar) {
+        if (allowShortChar === void 0) { allowShortChar = false; }
+        return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
+    };
     /**
      * Returns the object as a RGBA object.
      */
@@ -208,7 +216,7 @@ var TinyColor = /** @class */ (function () {
      * Returns the object as a RGBA object.
      */
     TinyColor.prototype.toPercentageRgb = function () {
-        var fmt = function (x) { return "".concat(Math.round((0, util_1.bound01)(x, 255) * 100), "%"); };
+        var fmt = function (x) { return "".concat(Math.round((0, util_js_1.bound01)(x, 255) * 100), "%"); };
         return {
             r: fmt(this.r),
             g: fmt(this.g),
@@ -220,7 +228,7 @@ var TinyColor = /** @class */ (function () {
      * Returns the RGBA relative values interpolated into a string
      */
     TinyColor.prototype.toPercentageRgbString = function () {
-        var rnd = function (x) { return Math.round((0, util_1.bound01)(x, 255) * 100); };
+        var rnd = function (x) { return Math.round((0, util_js_1.bound01)(x, 255) * 100); };
         return this.a === 1
             ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)")
             : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
@@ -235,8 +243,8 @@ var TinyColor = /** @class */ (function () {
         if (this.a < 1) {
             return false;
         }
-        var hex = '#' + (0, conversion_1.rgbToHex)(this.r, this.g, this.b, false);
-        for (var _i = 0, _a = Object.entries(css_color_names_1.names); _i < _a.length; _i++) {
+        var hex = '#' + (0, conversion_js_1.rgbToHex)(this.r, this.g, this.b, false);
+        for (var _i = 0, _a = Object.entries(css_color_names_js_1.names); _i < _a.length; _i++) {
             var _b = _a[_i], key = _b[0], value = _b[1];
             if (hex === value) {
                 return key;
@@ -301,7 +309,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.l += amount / 100;
-        hsl.l = (0, util_1.clamp01)(hsl.l);
+        hsl.l = (0, util_js_1.clamp01)(hsl.l);
         return new TinyColor(hsl);
     };
     /**
@@ -325,7 +333,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.l -= amount / 100;
-        hsl.l = (0, util_1.clamp01)(hsl.l);
+        hsl.l = (0, util_js_1.clamp01)(hsl.l);
         return new TinyColor(hsl);
     };
     /**
@@ -355,7 +363,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.s -= amount / 100;
-        hsl.s = (0, util_1.clamp01)(hsl.s);
+        hsl.s = (0, util_js_1.clamp01)(hsl.s);
         return new TinyColor(hsl);
     };
     /**
@@ -366,7 +374,7 @@ var TinyColor = /** @class */ (function () {
         if (amount === void 0) { amount = 10; }
         var hsl = this.toHsl();
         hsl.s += amount / 100;
-        hsl.s = (0, util_1.clamp01)(hsl.s);
+        hsl.s = (0, util_js_1.clamp01)(hsl.s);
         return new TinyColor(hsl);
     };
     /**

package/dist/module/conversion.js

@@ -1,4 +1,4 @@
-import { bound01, pad2 } from './util';
+import { bound01, pad2 } from './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>
 /**

package/dist/module/format-input.js

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-redundant-type-constituents */
-import { convertHexToDecimal, hslToRgb, hsvToRgb, parseIntFromHex, rgbToRgb } from './conversion';
-import { names } from './css-color-names';
-import { boundAlpha, convertToPercentage } from './util';
+import { convertHexToDecimal, hslToRgb, hsvToRgb, parseIntFromHex, rgbToRgb, } from './conversion.js';
+import { names } from './css-color-names.js';
+import { boundAlpha, convertToPercentage } from './util.js';
 /**
  * Given a string or object, convert that input to RGB
  *

package/dist/module/from-ratio.js

@@ -1,5 +1,5 @@
-import { TinyColor } from './index';
-import { convertToPercentage } from './util';
+import { TinyColor } from './index.js';
+import { convertToPercentage } from './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

package/dist/module/index.js

@@ -1,7 +1,7 @@
-import { numberInputToObject, rgbaToHex, rgbToHex, rgbToHsl, rgbToHsv } from './conversion';
-import { names } from './css-color-names';
+import { numberInputToObject, rgbaToHex, rgbToHex, rgbToHsl, rgbToHsv } from './conversion.js';
+import { names } from './css-color-names.js';
 import { inputToRGB } from './format-input';
-import { bound01, boundAlpha, clamp01 } from './util';
+import { bound01, boundAlpha, clamp01 } from './util.js';
 var TinyColor = /** @class */ (function () {
     function TinyColor(color, opts) {
         if (color === void 0) { color = ''; }
@@ -157,7 +157,7 @@ var TinyColor = /** @class */ (function () {
         return rgbToHex(this.r, this.g, this.b, allow3Char);
     };
     /**
-     * Returns the hex value of the color -with a # appened.
+     * Returns the hex value of the color -with a # prefixed.
      * @param allow3Char will shorten hex value to 3 char if possible
      */
     TinyColor.prototype.toHexString = function (allow3Char) {
@@ -173,13 +173,21 @@ var TinyColor = /** @class */ (function () {
         return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
     };
     /**
-     * Returns the hex 8 value of the color -with a # appened.
+     * Returns the hex 8 value of the color -with a # prefixed.
      * @param allow4Char will shorten hex value to 4 char if possible
      */
     TinyColor.prototype.toHex8String = function (allow4Char) {
         if (allow4Char === void 0) { allow4Char = false; }
         return '#' + this.toHex8(allow4Char);
     };
+    /**
+     * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+     * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+     */
+    TinyColor.prototype.toHexShortString = function (allowShortChar) {
+        if (allowShortChar === void 0) { allowShortChar = false; }
+        return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
+    };
     /**
      * Returns the object as a RGBA object.
      */

package/dist/module/public_api.js

@@ -1,12 +1,12 @@
-import { tinycolor } from './index';
-export * from './index';
-export * from './css-color-names';
-export * from './readability';
-export * from './to-ms-filter';
-export * from './from-ratio';
-export * from './format-input';
-export * from './random';
-export * from './interfaces';
-export * from './conversion';
+import { tinycolor } from './index.js';
+export * from './index.js';
+export * from './css-color-names.js';
+export * from './readability.js';
+export * from './to-ms-filter.js';
+export * from './from-ratio.js';
+export * from './format-input.js';
+export * from './random.js';
+export * from './interfaces.js';
+export * from './conversion.js';
 // kept for backwards compatability with v1
 export default tinycolor;

package/dist/module/random.js

@@ -1,7 +1,7 @@
 /* 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';
+import { TinyColor } from './index.js';
 export function random(options) {
     if (options === void 0) { options = {}; }
     // Check if we need to generate multiple colors

package/dist/module/readability.js

@@ -1,4 +1,4 @@
-import { TinyColor } from './index';
+import { TinyColor } from './index.js';
 // Readability Functions
 // ---------------------
 // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)

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

@@ -1,5 +1,5 @@
-import { rgbaToArgbHex } from './conversion';
-import { TinyColor } from './index';
+import { rgbaToArgbHex } from './conversion.js';
+import { TinyColor } from './index.js';
 /**
  * Returns the color represented as a Microsoft filter for use in old versions of IE.
  */

package/dist/module/umd_api.js

@@ -1,10 +1,10 @@
-import { names } from './css-color-names';
-import { inputToRGB, isValidCSSUnit, stringInputToObject } from './format-input';
-import { fromRatio, legacyRandom } from './from-ratio';
-import { TinyColor, tinycolor } from './index';
-import { random } from './random';
-import { mostReadable, readability } from './readability';
-import { toMsFilter } from './to-ms-filter';
+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 { 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;

package/dist/public_api.d.ts

@@ -1,11 +1,11 @@
-import { tinycolor } from './index';
-export * from './index';
-export * from './css-color-names';
-export * from './readability';
-export * from './to-ms-filter';
-export * from './from-ratio';
-export * from './format-input';
-export * from './random';
-export * from './interfaces';
-export * from './conversion';
+import { tinycolor } from './index.js';
+export * from './index.js';
+export * from './css-color-names.js';
+export * from './readability.js';
+export * from './to-ms-filter.js';
+export * from './from-ratio.js';
+export * from './format-input.js';
+export * from './random.js';
+export * from './interfaces.js';
+export * from './conversion.js';
 export default tinycolor;