@thi.ng/color 3.2.6 → 4.0.3

package/README.md

@@ -23,6 +23,7 @@ For the Clojure version, please visit: [thi.ng/color-clj](https://thi.ng/color-c
     - [Cosine gradients](#cosine-gradients)
   - [RGB color transformations](#rgb-color-transformations)
   - [Status](#status)
+  - [Support packages](#support-packages)
   - [Related packages](#related-packages)
 - [Installation](#installation)
 - [Dependencies](#dependencies)
@@ -138,9 +139,9 @@ css(rgb(labD50("#ff0")))
 ```
 
 Additionally, colors can be created from black body temperatures
-([`kelvinRgb()`](https://github.com/thi-ng/umbrella/blob/develop/packages/color/src/rgb/kelvin-rgba.ts))
+([`kelvinRgb()`](https://docs.thi.ng/umbrella/color/modules.html#kelvinRgb))
 or wavelengths
-([`wavelengthXyz()`](https://github.com/thi-ng/umbrella/blob/develop/packages/color/src/xyz/wavelength-xyz.ts)).
+([`wavelengthXyz()`](https://docs.thi.ng/umbrella/color/modules.html#wavelengthXyz)).
 
 ![kelvinRgb() result swatches](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color/blackbody.svg)
 
@@ -568,6 +569,10 @@ concatenation (see `concat()`) for more efficient application.
 
 [Search or submit any issues for this package](https://github.com/thi-ng/umbrella/issues?q=%5Bcolor%5D+in%3Atitle)
 
+### Support packages
+
+- [@thi.ng/color-palettes](https://github.com/thi-ng/umbrella/tree/develop/packages/color-palettes) - Collection of 100 image based color palettes
+
 ### Related packages
 
 - [@thi.ng/pixel](https://github.com/thi-ng/umbrella/tree/develop/packages/pixel) - Typedarray integer & float pixel buffers w/ customizable formats, blitting, dithering, convolution
@@ -579,15 +584,24 @@ concatenation (see `concat()`) for more efficient application.
 yarn add @thi.ng/color
 ```
 
+ES module import:
+
 ```html
-// ES module
-<script type="module" src="https://unpkg.com/@thi.ng/color?module" crossorigin></script>
+<script type="module" src="https://cdn.skypack.dev/@thi.ng/color"></script>
+```
+
+[Skypack documentation](https://docs.skypack.dev/)
+
+For Node.js REPL:
+
+```text
+# with flag only for < v16
+node --experimental-repl-await
 
-// UMD
-<script src="https://unpkg.com/@thi.ng/color/lib/index.umd.js" crossorigin></script>
+> const color = await import("@thi.ng/color");
 ```
 
-Package sizes (gzipped, pre-treeshake): ESM: 13.74 KB / CJS: 14.41 KB / UMD: 13.48 KB
+Package sizes (gzipped, pre-treeshake): ESM: 14.19 KB
 
 ## Dependencies
 
@@ -613,14 +627,16 @@ directory are using this package.
 
 A selection:
 
-| Screenshot                                                                                                                | Description                                                                 | Live demo                                                | Source                                                                                |
-| ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | -------------------------------------------------------- | ------------------------------------------------------------------------------------- |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>       | Probabilistic color theme generator                                         | [Demo](https://demo.thi.ng/umbrella/color-themes/)       | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes)       |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/commit-heatmap.png" width="240"/>     | Heatmap visualization of this mono-repo's commits                           |                                                          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap)     |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>    | Color palette generation via dominant color extraction from uploaded images | [Demo](https://demo.thi.ng/umbrella/dominant-colors/)    | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors)    |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/grid-iterators.png" width="240"/>     | Visualization of different grid iterator strategies                         | [Demo](https://demo.thi.ng/umbrella/grid-iterators/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators)     |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>      | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel            | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting)      |
-| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/shader-ast-workers.jpg" width="240"/> | Fork-join worker-based raymarch renderer                                    | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) |
+| Screenshot                                                                                                                           | Description                                                                 | Live demo                                                | Source                                                                                |
+|:-------------------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:---------------------------------------------------------|:--------------------------------------------------------------------------------------|
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>                  | Probabilistic color theme generator                                         | [Demo](https://demo.thi.ng/umbrella/color-themes/)       | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes)       |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/commit-heatmap.png" width="240"/>                | Heatmap visualization of this mono-repo's commits                           |                                                          | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/commit-heatmap)     |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>               | Color palette generation via dominant color extraction from uploaded images | [Demo](https://demo.thi.ng/umbrella/dominant-colors/)    | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors)    |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/grid-iterators.png" width="240"/>                | Visualization of different grid iterator strategies                         | [Demo](https://demo.thi.ng/umbrella/grid-iterators/)     | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/grid-iterators)     |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/hdom-canvas/hdom-canvas-shapes-results.png" width="240"/> | Various hdom-canvas shape drawing examples & SVG conversion / export        | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/hdom-canvas-shapes) |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-indexed.jpg" width="240"/>                 | Image dithering and remapping using indexed palettes                        | [Demo](https://demo.thi.ng/umbrella/pixel-indexed/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-indexed)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>                 | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel            | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting)      |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/shader-ast-workers.jpg" width="240"/>            | Fork-join worker-based raymarch renderer                                    | [Demo](https://demo.thi.ng/umbrella/shader-ast-workers/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/shader-ast-workers) |
 
 ## API
 

package/{ops/alpha.d.ts → alpha.d.ts}

@@ -1,4 +1,4 @@
-import type { Color, ReadonlyColor } from "../api";
+import type { Color, ReadonlyColor } from "./api.js";
 export declare const alpha: (src: ReadonlyColor) => number;
 export declare const setAlpha: (out: Color | null, src: ReadonlyColor, alpha: number) => import("@thi.ng/vectors").Vec;
 //# sourceMappingURL=alpha.d.ts.map

package/{ops/alpha.js → alpha.js}

@@ -1,3 +1,3 @@
-import { setC4 } from "@thi.ng/vectors";
+import { setC4 } from "@thi.ng/vectors/setc";
 export const alpha = (src) => src[3] !== undefined ? src[3] : 1;
 export const setAlpha = (out, src, alpha) => setC4(out || src, src[0], src[1], src[2], alpha);

package/{ops/analog.d.ts → analog.d.ts}

@@ -1,13 +1,13 @@
 import type { Fn3, Fn4, FnU3 } from "@thi.ng/api";
-import { IRandom } from "@thi.ng/random";
-import type { Color, ReadonlyColor, TypedColor } from "../api";
+import type { IRandom } from "@thi.ng/random";
+import type { Color, ReadonlyColor, TypedColor } from "./api.js";
 export declare const defAnalog: FnU3<Fn3<number, number, IRandom, number>, Fn4<Color | null, TypedColor<any>, number, IRandom | undefined, Color>>;
 /**
  * Returns a random analog color based on given `src` color and variance
  * `delta`. Each channel will be randomized by +/- `delta`, optionally using
  * provided {@link @thi.ng/random#IRandom} PRNG.
  */
-export declare const analog: import("@thi.ng/defmulti").MultiFn4<import("@thi.ng/vectors").Vec | null, TypedColor<any>, number, IRandom | undefined, import("@thi.ng/vectors").Vec>;
+export declare const analog: import("@thi.ng/defmulti/api").MultiFn4<import("@thi.ng/vectors").Vec | null, TypedColor<any>, number, IRandom | undefined, import("@thi.ng/vectors").Vec>;
 /**
  * Similar to {@link analogRGB}. Returns an analog color based on given HSVA
  * color, with each channel randomly varied by given channel-specific delta

package/{ops/analog.js → analog.js}

@@ -1,8 +1,9 @@
-import { DEFAULT, defmulti } from "@thi.ng/defmulti";
-import { clamp01, fract } from "@thi.ng/math";
-import { SYSTEM } from "@thi.ng/random";
-import { setC4 } from "@thi.ng/vectors";
-import { ensureAlpha } from "../internal/ensure-alpha";
+import { DEFAULT, defmulti } from "@thi.ng/defmulti/defmulti";
+import { clamp01 } from "@thi.ng/math/interval";
+import { fract } from "@thi.ng/math/prec";
+import { SYSTEM } from "@thi.ng/random/system";
+import { setC4 } from "@thi.ng/vectors/setc";
+import { __ensureAlpha } from "./internal/ensure.js";
 /** @internal */
 const analogU = (x, delta, rnd) => delta !== 0 ? x + rnd.norm(delta) : x;
 /** @internal */
@@ -12,8 +13,8 @@ const analogH = (x, delta, rnd) => analogN(x, delta, rnd, fract);
 /** @internal */
 const analogA = (a, delta, rnd) => delta !== 0
     ? clamp01((a !== undefined ? a : 1) + rnd.norm(delta))
-    : ensureAlpha(a);
-export const defAnalog = (x, y, z) => (out, src, delta, rnd = SYSTEM) => setC4(out || src, x(src[0], delta, rnd), y(src[1], delta, rnd), z(src[2], delta, rnd), ensureAlpha(src[3]));
+    : __ensureAlpha(a);
+export const defAnalog = (x, y, z) => (out, src, delta, rnd = SYSTEM) => setC4(out || src, x(src[0], delta, rnd), y(src[1], delta, rnd), z(src[2], delta, rnd), __ensureAlpha(src[3]));
 /** @internal */
 const analogHNN = defAnalog(analogH, analogN, analogN);
 /** @internal */
@@ -25,9 +26,7 @@ const analogNUU = defAnalog(analogN, analogU, analogU);
  * `delta`. Each channel will be randomized by +/- `delta`, optionally using
  * provided {@link @thi.ng/random#IRandom} PRNG.
  */
-export const analog = defmulti((_, src) => src.mode);
-analog.add(DEFAULT, analogNNN);
-analog.addAll({
+export const analog = defmulti((_, src) => src.mode, {}, {
     hcy: analogHNN,
     hsi: analogHNN,
     hsl: analogHNN,
@@ -36,6 +35,7 @@ analog.addAll({
     lab65: analogNUU,
     lch: defAnalog(analogN, analogN, analogH),
     ycc: analogNUU,
+    [DEFAULT]: analogNNN,
 });
 /**
  * Similar to {@link analogRGB}. Returns an analog color based on given HSVA

package/api/constants.js

@@ -1,4 +1,5 @@
-import { float, percent } from "@thi.ng/strings";
+import { float } from "@thi.ng/strings/float";
+import { percent } from "@thi.ng/strings/percent";
 /**
  * RGB black
  */
@@ -63,15 +64,8 @@ export const RGB_LUMINANCE_REC2020 = [0.2627, 0.678, 0.0593];
  * http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
  */
 export const RGB_XYZ_D50 = [
-    0.4360747,
-    0.2225045,
-    0.0139322,
-    0.3850649,
-    0.7168786,
-    0.0971045,
-    0.1430804,
-    0.0606169,
-    0.7141733,
+    0.4360747, 0.2225045, 0.0139322, 0.3850649, 0.7168786, 0.0971045, 0.1430804,
+    0.0606169, 0.7141733,
 ];
 /**
  * XYZ D50 to sRGB conversion matrix
@@ -81,15 +75,8 @@ export const RGB_XYZ_D50 = [
  * http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
  */
 export const XYZ_RGB_D50 = [
-    3.1338561,
-    -0.9787684,
-    0.0719453,
-    -1.6168667,
-    1.9161415,
-    -0.2289914,
-    -0.4906146,
-    0.033454,
-    1.4052427,
+    3.1338561, -0.9787684, 0.0719453, -1.6168667, 1.9161415, -0.2289914,
+    -0.4906146, 0.033454, 1.4052427,
 ];
 /**
  * sRGB to XYZ D65 conversion matrix
@@ -99,15 +86,8 @@ export const XYZ_RGB_D50 = [
  * http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
  */
 export const RGB_XYZ_D65 = [
-    0.4124564,
-    0.2126729,
-    0.0193339,
-    0.3575761,
-    0.7151522,
-    0.119192,
-    0.1804375,
-    0.072175,
-    0.9503041,
+    0.4124564, 0.2126729, 0.0193339, 0.3575761, 0.7151522, 0.119192, 0.1804375,
+    0.072175, 0.9503041,
 ];
 /**
  * XYZ D65 to sRGB conversion matrix
@@ -117,15 +97,8 @@ export const RGB_XYZ_D65 = [
  * http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
  */
 export const XYZ_RGB_D65 = [
-    3.2404542,
-    -0.969266,
-    0.0556434,
-    -1.5371385,
-    1.8760108,
-    -0.2040259,
-    -0.4985314,
-    0.041556,
-    1.0572252,
+    3.2404542, -0.969266, 0.0556434, -1.5371385, 1.8760108, -0.2040259,
+    -0.4985314, 0.041556, 1.0572252,
 ];
 /**
  * D50 -> D65 chromatic adaptation matrix. Inverse of {@link BRADFORD_D65_D50}.
@@ -135,15 +108,8 @@ export const XYZ_RGB_D65 = [
  * http://www.brucelindbloom.com/index.html?Eqn_ChromAdapt.html
  */
 export const BRADFORD_D50_D65 = [
-    0.9555766,
-    -0.0282895,
-    0.0122982,
-    -0.0230393,
-    1.0099416,
-    -0.020483,
-    0.0631636,
-    0.0210077,
-    1.3299098,
+    0.9555766, -0.0282895, 0.0122982, -0.0230393, 1.0099416, -0.020483,
+    0.0631636, 0.0210077, 1.3299098,
 ];
 /**
  * D65 -> D50 chromatic adaptation matrix. Inverse of {@link BRADFORD_D50_D65}.
@@ -153,15 +119,8 @@ export const BRADFORD_D50_D65 = [
  * http://www.brucelindbloom.com/index.html?Eqn_ChromAdapt.html
  */
 export const BRADFORD_D65_D50 = [
-    1.0478112,
-    0.0295424,
-    -0.0092345,
-    0.0228866,
-    0.9904844,
-    0.0150436,
-    -0.050127,
-    -0.0170491,
-    0.7521316,
+    1.0478112, 0.0295424, -0.0092345, 0.0228866, 0.9904844, 0.0150436,
+    -0.050127, -0.0170491, 0.7521316,
 ];
 /**
  * CIE Standard Illuminant D50
@@ -175,26 +134,12 @@ export const D50 = [0.96422, 1, 0.82521];
  */
 export const D65 = [0.95047, 1, 1.08883];
 export const OKLAB_M1 = [
-    0.8189330101,
-    0.0329845436,
-    0.0482003018,
-    0.3618667424,
-    0.9293118715,
-    0.2643662691,
-    -0.1288597137,
-    0.0361456387,
-    0.633851707,
+    0.8189330101, 0.0329845436, 0.0482003018, 0.3618667424, 0.9293118715,
+    0.2643662691, -0.1288597137, 0.0361456387, 0.633851707,
 ];
 export const OKLAB_M2 = [
-    0.2104542553,
-    1.9779984951,
-    0.0259040371,
-    0.793617785,
-    -2.428592205,
-    0.7827717662,
-    -0.0040720468,
-    0.4505937099,
-    -0.808675766,
+    0.2104542553, 1.9779984951, 0.0259040371, 0.793617785, -2.428592205,
+    0.7827717662, -0.0040720468, 0.4505937099, -0.808675766,
 ];
 /**
  * Float value formatter

package/api/gradients.d.ts

@@ -1,5 +1,5 @@
 import type { FnN, FnU, Tuple } from "@thi.ng/api";
-import type { Color, ColorMixFn, ReadonlyColor } from "../api";
+import type { Color, ColorMixFn, ReadonlyColor } from "../api.js";
 export declare type CosineGradientPreset = "blue-cyan" | "blue-magenta-orange" | "blue-white-red" | "cyan-magenta" | "green-blue-orange" | "green-cyan" | "green-magenta" | "green-red" | "heat1" | "magenta-green" | "orange-blue" | "orange-magenta-blue" | "purple-orange-cyan" | "rainbow1" | "rainbow2" | "rainbow3" | "rainbow4" | "red-blue" | "yellow-green-blue" | "yellow-magenta-cyan" | "yellow-purple-magenta" | "yellow-red";
 export declare type CosineCoeffs = Tuple<number, 4>;
 export declare type CosGradientSpec = Tuple<CosineCoeffs, 4>;

package/api/ranges.d.ts

@@ -1,7 +1,7 @@
 import type { Range } from "@thi.ng/api";
 import type { IRandom } from "@thi.ng/random";
-import type { ReadonlyColor } from "../api";
-import type { CSSColorName } from "./names";
+import type { ReadonlyColor } from "../api.js";
+import type { CSSColorName } from "./names.js";
 export declare type ColorRangePreset = "light" | "dark" | "bright" | "weak" | "neutral" | "fresh" | "soft" | "hard" | "warm" | "cool" | "intense";
 export interface ColorRange {
     /**

package/api.d.ts

@@ -1,4 +1,4 @@
-import type { FnU2, IDeref, NumericArray, Range, Tuple } from "@thi.ng/api";
+import type { FnU2, IDeref, IEqualsDelta, NumericArray, Range, Tuple } from "@thi.ng/api";
 import type { IRandom } from "@thi.ng/random";
 import type { IVector, ReadonlyVec, Vec } from "@thi.ng/vectors";
 export declare type Color = Vec;
@@ -52,6 +52,11 @@ export interface ColorSpec<M extends ColorMode, K extends string> {
     from: Partial<Record<ColorMode, ColorOp | Tuple<ColorOp, 2 | 3 | 4>>> & {
         rgb: ColorOp;
     };
+    /**
+     * Mandatory conversion to RGB mode. Used as fallback solution if no other
+     * direct conversion path is defined (e.g. for CSS formatting).
+     */
+    toRgb: ColorOp | Tuple<ColorOp, 2 | 3 | 4>;
 }
 export declare type Conversions = Partial<Record<ColorMode, ColorOp>> & {
     rgb: ColorOp;
@@ -98,7 +103,7 @@ export interface ColorFactory<T extends TypedColor<any>> {
 export interface TypedColorConstructor<T extends TypedColor<any>> {
     new (buf?: NumericArray, offset?: number, stride?: number): T;
 }
-export interface TypedColor<T> extends IColor, IDeref<Color>, IVector<T> {
+export interface TypedColor<T> extends IColor, IDeref<Color>, IEqualsDelta<T>, IVector<T>, Iterable<number> {
     /**
      * Backing array / memory
      */

package/{ops/clamp.d.ts → clamp.d.ts}

@@ -1,4 +1,4 @@
-import type { Color, ReadonlyColor } from "../api";
+import type { Color, ReadonlyColor } from "./api.js";
 /**
  * Clamps all color channels to [0,1] interval and calls `ensureAlpha`
  * to ensure alpha channel is defined (if missing sets it to `alpha`,

package/{ops/clamp.js → clamp.js}

@@ -1,6 +1,7 @@
-import { clamp01, fract } from "@thi.ng/math";
-import { setC4 } from "@thi.ng/vectors";
-import { ensureAlpha } from "../internal/ensure-alpha";
+import { clamp01 } from "@thi.ng/math/interval";
+import { fract } from "@thi.ng/math/prec";
+import { setC4 } from "@thi.ng/vectors/setc";
+import { __ensureAlpha } from "./internal/ensure.js";
 /**
  * Clamps all color channels to [0,1] interval and calls `ensureAlpha`
  * to ensure alpha channel is defined (if missing sets it to `alpha`,
@@ -10,7 +11,7 @@ import { ensureAlpha } from "../internal/ensure-alpha";
  * @param src - source color
  * @param alpha - alpha value
  */
-export const clamp = (out, src, alpha = 1) => setC4(out || src, clamp01(src[0]), clamp01(src[1]), clamp01(src[2]), ensureAlpha(src[3], alpha));
+export const clamp = (out, src, alpha = 1) => setC4(out || src, clamp01(src[0]), clamp01(src[1]), clamp01(src[2]), __ensureAlpha(src[3], alpha));
 /**
  * Similar to {@link clamp}, but calls `ensureHue` to fold (instead of
  * clamping) the hue into [0,1] interval.
@@ -19,4 +20,4 @@ export const clamp = (out, src, alpha = 1) => setC4(out || src, clamp01(src[0]),
  * @param src - source color
  * @param alpha - alpha value
  */
-export const clampH = (out, src, alpha = 1) => setC4(out || src, fract(src[0]), clamp01(src[1]), clamp01(src[2]), ensureAlpha(src[3], alpha));
+export const clampH = (out, src, alpha = 1) => setC4(out || src, fract(src[0]), clamp01(src[1]), clamp01(src[2]), __ensureAlpha(src[3], alpha));

package/{ops/closest-hue.d.ts → closest-hue.d.ts}

@@ -1,4 +1,4 @@
-import type { Hue } from "../api";
+import type { Hue } from "./api.js";
 /**
  * Returns the {@link Hue} constant of the closest of 12 defined hues.
  *

package/{ops/closest-hue.js → closest-hue.js}

@@ -1,4 +1,4 @@
-import { fract } from "@thi.ng/math";
+import { fract } from "@thi.ng/math/prec";
 /**
  * Returns the {@link Hue} constant of the closest of 12 defined hues.
  *

package/{ops/color-range.d.ts → color-range.d.ts}

@@ -1,6 +1,6 @@
 import type { Without } from "@thi.ng/api";
-import type { ColorRange, ColorRangeOpts, ColorRangePreset, ColorThemePart, ColorThemePartTuple } from "../api/ranges";
-import { LCH } from "../lch/lch";
+import type { ColorRange, ColorRangeOpts, ColorRangePreset, ColorThemePart, ColorThemePartTuple } from "./api/ranges.js";
+import { LCH } from "./lch/lch.js";
 /**
  * Preset {@link ColorRange}s for use with {@link colorsFromRange},
  * {@link colorsFromTheme} etc.

package/{ops/color-range.js → color-range.js}

@@ -1,15 +1,19 @@
-import { peek } from "@thi.ng/arrays";
-import { isArray, isNumber, isString } from "@thi.ng/checks";
-import { illegalArgs } from "@thi.ng/errors";
-import { fract } from "@thi.ng/math";
-import { coin, SYSTEM, weightedRandom } from "@thi.ng/random";
-import { parseCss } from "../css/parse-css";
-import { ensureAlpha } from "../internal/ensure-alpha";
-import { lch } from "../lch/lch";
-import { analog } from "./analog";
-import { isBlack } from "./is-black";
-import { isGray } from "./is-gray";
-import { isWhite } from "./is-white";
+import { peek } from "@thi.ng/arrays/peek";
+import { isArray } from "@thi.ng/checks/is-array";
+import { isNumber } from "@thi.ng/checks/is-number";
+import { isString } from "@thi.ng/checks/is-string";
+import { illegalArgs } from "@thi.ng/errors/illegal-arguments";
+import { fract } from "@thi.ng/math/prec";
+import { coin } from "@thi.ng/random/coin";
+import { SYSTEM } from "@thi.ng/random/system";
+import { weightedRandom } from "@thi.ng/random/weighted-random";
+import { parseCss } from "./css/parse-css.js";
+import { __ensureAlpha } from "./internal/ensure.js";
+import { lch } from "./lch/lch.js";
+import { analog } from "./analog.js";
+import { isBlack } from "./is-black.js";
+import { isGray } from "./is-gray.js";
+import { isWhite } from "./is-white.js";
 /**
  * Preset {@link ColorRange}s for use with {@link colorsFromRange},
  * {@link colorsFromTheme} etc.
@@ -116,8 +120,11 @@ const $rnd = (ranges, rnd) => rnd.minmax(...ranges[rnd.int() % ranges.length]);
  * @param opts
  */
 export const colorFromRange = (range, opts) => {
-    range = Object.assign(Object.assign({}, DEFAULT_RANGE), (isString(range) ? COLOR_RANGES[range] : range));
-    const { base, variance, rnd, eps } = Object.assign(Object.assign({}, DEFAULT_OPTS), opts);
+    range = {
+        ...DEFAULT_RANGE,
+        ...(isString(range) ? COLOR_RANGES[range] : range),
+    };
+    const { base, variance, rnd, eps } = { ...DEFAULT_OPTS, ...opts };
     let h;
     let c;
     let l;
@@ -125,7 +132,7 @@ export const colorFromRange = (range, opts) => {
     if (base) {
         const col = lch(base);
         h = col[2];
-        a = ensureAlpha(col[3]);
+        a = __ensureAlpha(col[3]);
         if (isBlack(col, eps)) {
             c = 0;
             l = $rnd(range.b, rnd);
@@ -176,13 +183,13 @@ const compileThemePart = (part, opts) => {
         spec = themePartFromString(part);
     }
     else {
-        spec = Object.assign({}, part);
+        spec = { ...part };
         spec.weight == null && (spec.weight = 1);
     }
     isString(spec.range) && (spec.range = COLOR_RANGES[spec.range]);
     isString(spec.base) && (spec.base = lch(parseCss(spec.base)));
     if (spec.base !== undefined) {
-        opts = Object.assign(Object.assign({}, opts), { base: spec.base });
+        opts = { ...opts, base: spec.base };
     }
     return { spec, opts };
 };
@@ -238,7 +245,7 @@ const themePartFromString = (part) => ((COLOR_RANGES[part]
  * @param opts
  */
 export function* colorsFromTheme(parts, opts = {}) {
-    let { num, variance, rnd } = Object.assign(Object.assign({}, DEFAULT_OPTS), opts);
+    let { num, variance, rnd } = { ...DEFAULT_OPTS, ...opts };
     const theme = parts.map((p) => compileThemePart(p, opts));
     const choice = weightedRandom(theme, theme.map((x) => x.spec.weight), rnd);
     while (--num >= 0) {

package/color.d.ts

@@ -1,4 +1,4 @@
-import type { Color, ColorMode, ParsedColor, TypedColor } from "./api";
+import type { Color, ColorMode, ParsedColor, TypedColor } from "./api.js";
 export declare function color(src: ParsedColor, buf?: Color, idx?: number, stride?: number): TypedColor<any>;
 export declare function color(mode: ColorMode, buf: Color, idx?: number, stride?: number): TypedColor<any>;
 //# sourceMappingURL=color.d.ts.map

package/color.js

@@ -1,19 +1,19 @@
-import { isString } from "@thi.ng/checks";
-import { hcy } from "./hcy/hcy";
-import { hsi } from "./hsi/hsi";
-import { hsl } from "./hsl/hsl";
-import { hsv } from "./hsv/hsv";
-import { argb32, abgr32 } from "./int/int";
-import { labD50 } from "./lab/lab50";
-import { labD65 } from "./lab/lab65";
-import { lch } from "./lch/lch";
-import { oklab } from "./oklab/oklab";
-import { rgb } from "./rgb/rgb";
-import { srgb } from "./srgb/srgb";
-import { xyy } from "./xyy/xyy";
-import { xyzD50 } from "./xyz/xyz50";
-import { xyzD65 } from "./xyz/xyz65";
-import { ycc } from "./ycc/ycc";
+import { isString } from "@thi.ng/checks/is-string";
+import { hcy } from "./hcy/hcy.js";
+import { hsi } from "./hsi/hsi.js";
+import { hsl } from "./hsl/hsl.js";
+import { hsv } from "./hsv/hsv.js";
+import { argb32, abgr32 } from "./int/int.js";
+import { labD50 } from "./lab/lab50.js";
+import { labD65 } from "./lab/lab65.js";
+import { lch } from "./lch/lch.js";
+import { oklab } from "./oklab/oklab.js";
+import { rgb } from "./rgb/rgb.js";
+import { srgb } from "./srgb/srgb.js";
+import { xyy } from "./xyy/xyy.js";
+import { xyzD50 } from "./xyz/xyz50.js";
+import { xyzD65 } from "./xyz/xyz65.js";
+import { ycc } from "./ycc/ycc.js";
 const FACTORIES = {
     argb32,
     abgr32,

package/convert.d.ts

@@ -1,4 +1,4 @@
-import type { ColorMode, ColorSpec, Conversions, ReadonlyColor } from "./api";
+import type { ColorMode, ColorSpec, Conversions, ReadonlyColor } from "./api.js";
 export declare const CONVERSIONS: Partial<Record<ColorMode, Conversions>>;
 /**
  * Registers conversions for given {@link ColorSpec}. Called by

package/convert.js

@@ -1,6 +1,6 @@
-import { assert } from "@thi.ng/api";
-import { isArray } from "@thi.ng/checks";
-import { unsupported } from "@thi.ng/errors";
+import { isArray } from "@thi.ng/checks/is-array";
+import { assert } from "@thi.ng/errors/assert";
+import { unsupported } from "@thi.ng/errors/unsupported";
 export const CONVERSIONS = {};
 /**
  * Registers conversions for given {@link ColorSpec}. Called by
@@ -23,7 +23,7 @@ export const defConversions = (mode, spec) => {
                         : (out, src) => d(out, c(out, b(out, a(out, src))));
         }
     }
-    CONVERSIONS[mode] = spec;
+    CONVERSIONS[mode] = { ...CONVERSIONS[mode], ...spec };
 };
 export const convert = (res, src, destMode, srcMode) => {
     const spec = CONVERSIONS[destMode];

package/{ops/cosine-gradients.d.ts → cosine-gradients.d.ts}

@@ -1,6 +1,6 @@
 import type { FnU, FnU2, NumericArray } from "@thi.ng/api";
-import type { Color, ReadonlyColor } from "../api";
-import type { CosGradientSpec, CosineGradientOpts, CosineGradientPreset } from "../api/gradients";
+import type { Color, ReadonlyColor } from "./api.js";
+import type { CosGradientSpec, CosineGradientOpts, CosineGradientPreset } from "./api/gradients.js";
 /**
  * Preset cosine gradient definitions. See previews at:
  * https://github.com/thi-ng/umbrella/tree/develop/packages/color#cosine-gradients

package/{ops/cosine-gradients.js → cosine-gradients.js}

@@ -1,8 +1,16 @@
-import { partial } from "@thi.ng/compose";
-import { clamp01, TAU } from "@thi.ng/math";
-import { comp, map, noop, normRange, push, transduce, tween, zip, } from "@thi.ng/transducers";
-import { setS4 } from "@thi.ng/vectors";
-import { clamp } from "./clamp";
+import { partial } from "@thi.ng/compose/partial";
+import { TAU } from "@thi.ng/math/api";
+import { clamp01 } from "@thi.ng/math/interval";
+import { comp } from "@thi.ng/transducers/comp";
+import { map } from "@thi.ng/transducers/map";
+import { noop } from "@thi.ng/transducers/noop";
+import { normRange } from "@thi.ng/transducers/norm-range";
+import { push } from "@thi.ng/transducers/push";
+import { transduce } from "@thi.ng/transducers/transduce";
+import { tween } from "@thi.ng/transducers/tween";
+import { zip } from "@thi.ng/transducers/zip";
+import { setS4 } from "@thi.ng/vectors/sets";
+import { clamp } from "./clamp.js";
 /**
  * Preset cosine gradient definitions. See previews at:
  * https://github.com/thi-ng/umbrella/tree/develop/packages/color#cosine-gradients

package/css/css.d.ts

@@ -1,4 +1,4 @@
-import type { IParsedColor, MaybeColor } from "../api";
+import type { IParsedColor, MaybeColor } from "../api.js";
 /**
  * Takes a color in one of the following formats and tries to convert it
  * to a CSS string: