@fundar/data-chart-telling 0.0.48 → 0.0.49

package/dist/utils/color.js

@@ -23,6 +23,40 @@ export function paletteColor(index, palette) {
         return 'currentColor';
     return palette[index % palette.length];
 }
+function clamp01(v) {
+    return Math.max(0, Math.min(1, v));
+}
+function linearToSrgb8(c) {
+    const s = c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+    return clamp01(s) * 255;
+}
+/**
+ * Parses `oklch(L C H)` directly instead of round-tripping through the
+ * browser's computed style: Chromium/Firefox serialize computed oklch()
+ * values back as oklch() (not rgb()), so the generic browser-fallback
+ * below sees an unchanged string on the second pass and its
+ * infinite-loop guard mistakes that for a parse failure.
+ */
+function parseOklch(color) {
+    const match = /^oklch\(\s*([\d.]+)(%)?\s+([\d.]+)\s+([\d.]+)/i.exec(color.trim());
+    if (!match)
+        return null;
+    const L = match[2] ? Number(match[1]) / 100 : Number(match[1]);
+    const C = Number(match[3]);
+    const H = (Number(match[4]) * Math.PI) / 180;
+    const a = C * Math.cos(H);
+    const b = C * Math.sin(H);
+    const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+    const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+    const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+    const l = l_ ** 3;
+    const m = m_ ** 3;
+    const s = s_ ** 3;
+    const r = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+    const g = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+    const bl = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+    return [linearToSrgb8(r), linearToSrgb8(g), linearToSrgb8(bl)];
+}
 function parseRgb(color) {
     const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim());
     if (hex) {
@@ -33,6 +67,9 @@ function parseRgb(color) {
     const rgb = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i.exec(color);
     if (rgb)
         return [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];
+    const oklch = parseOklch(color);
+    if (oklch)
+        return oklch;
     // Named colors, hsl(), and any other CSS color syntax: resolved to
     // `rgb(...)` via the browser's computed style, then reparsed.
     if (!isBrowser)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundar/data-chart-telling",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "type": "module",
   "files": [
     "dist"