@tbela99/css-parser 0.9.0 → 1.0.0

package/dist/lib/renderer/color/{colormix.js → color-mix.js}

@@ -57,6 +57,9 @@ function interpolateHue(interpolationMethod, h1, h2) {
     return [h1, h2];
 }
 function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
+    if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
+        return null;
+    }
     if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
         return null;
     }
@@ -110,6 +113,9 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
     }
     const components1 = getComponents(color1);
     const components2 = getComponents(color2);
+    if (components1 == null || components2 == null) {
+        return null;
+    }
     if ((components1[3] != null && components1[3].typ == EnumToken.IdenTokenType && components1[3].val == 'none') && values2.length == 4) {
         values1[3] = values2[3];
     }

package/dist/lib/renderer/color/color.js

@@ -8,16 +8,16 @@ import { lch2hwb, lab2hwb, oklch2hwb, oklab2hwb, hsl2hwb, rgb2hwb } from './hwb.
 import { srgb2lab, oklch2lab, oklab2lab, lch2lab, hwb2lab, hsl2lab, rgb2lab, hex2lab } from './lab.js';
 import { srgb2lch, oklch2lch, oklab2lch, lab2lch, hwb2lch, hsl2lch, rgb2lch, hex2lch } from './lch.js';
 import { srgb2oklab, oklch2oklab, lch2oklab, lab2oklab, hwb2oklab, hsl2oklab, rgb2oklab, hex2oklab } from './oklab.js';
-import { lch2oklch, oklab2oklch, lab2oklch, hwb2oklch, hsl2oklch, rgb2oklch, hex2oklch, srgb2oklch } from './oklch.js';
+import { lch2oklch, oklab2oklch, lab2oklch, hwb2oklch, hsl2oklch, rgb2oklch, hex2oklch } from './oklch.js';
 import { colorFuncColorSpace } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues, lch2srgb, oklab2srgb, lab2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } from './srgb.js';
 import { prophotorgb2srgbvalues, srgb2prophotorgbvalues } from './prophotorgb.js';
 import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import { rec20202srgb, srgb2rec2020values } from './rec2020.js';
-import { xyzd502srgb, srgb2xyz } from './xyz.js';
+import { srgb2xyz } from './xyz.js';
 import { p32srgbvalues, srgb2p3values } from './p3.js';
-import { XYZ_D65_to_D50 } from './xyzd50.js';
+import { xyzd502srgb, XYZ_D65_to_D50 } from './xyzd50.js';
 import '../sourcemap/lib/encode.js';
 import '../../parser/utils/config.js';
 
@@ -33,10 +33,15 @@ function convert(token, to) {
     }
     let values = [];
     if (to == 'hsl') {
+        let t;
         switch (token.kin) {
             case 'rgb':
             case 'rgba':
-                values.push(...rgb2hsl(token));
+                t = rgb2hsl(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'hex':
             case 'lit':
@@ -46,10 +51,18 @@ function convert(token, to) {
                 values.push(...hwb2hsl(token));
                 break;
             case 'oklab':
-                values.push(...oklab2hsl(token));
+                t = oklab2hsl(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'oklch':
-                values.push(...oklch2hsl(token));
+                t = oklch2hsl(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'lab':
                 values.push(...lab2hsl(token));
@@ -98,28 +111,53 @@ function convert(token, to) {
         }
     }
     else if (to == 'rgb') {
+        let t;
         switch (token.kin) {
             case 'hex':
             case 'lit':
                 values.push(...hex2rgb(token));
                 break;
             case 'hsl':
-                values.push(...hsl2rgb(token));
+                t = hsl2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'hwb':
-                values.push(...hwb2rgb(token));
+                t = hwb2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'oklab':
-                values.push(...oklab2rgb(token));
+                t = oklab2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'oklch':
-                values.push(...oklch2rgb(token));
+                t = oklch2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'lab':
-                values.push(...lab2rgb(token));
+                t = lab2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'lch':
-                values.push(...lch2rgb(token));
+                t = lch2rgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'color':
                 // @ts-ignore
@@ -305,6 +343,7 @@ function convert(token, to) {
         }
     }
     else if (colorFuncColorSpace.includes(to)) {
+        let t;
         switch (token.kin) {
             case 'hex':
             case 'lit':
@@ -312,30 +351,60 @@ function convert(token, to) {
                 break;
             case 'rgb':
             case 'rgba':
-                values.push(...rgb2srgb(token));
+                t = rgb2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'hsl':
             case 'hsla':
-                values.push(...hsl2srgb(token));
+                t = hsl2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'hwb':
-                values.push(...hwb2srgb(token));
+                t = hwb2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'lab':
-                values.push(...lab2srgb(token));
+                t = lab2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'oklab':
-                values.push(...oklab2srgb(token));
+                t = oklab2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'lch':
-                values.push(...lch2srgb(token));
+                t = lch2srgb(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'oklch':
-                // @ts-ignore
-                values.push(...srgb2oklch(...color2srgbvalues(token)));
+                t = color2srgbvalues(token);
+                if (t == null) {
+                    return null;
+                }
+                values.push(...t);
                 break;
             case 'color':
                 const val = color2srgbvalues(token);
+                if (val == null) {
+                    return null;
+                }
                 switch (to) {
                     case 'srgb':
                         values.push(...val);
@@ -389,6 +458,9 @@ function minmax(value, min, max) {
 }
 function color2srgbvalues(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
     const colorSpace = components.shift();
     let values = components.map((val) => getNumber(val));
     switch (colorSpace.val) {
@@ -531,6 +603,10 @@ function getNumber(token) {
     // @ts-ignore
     return token.typ == EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
 }
+/**
+ * convert angle to turn
+ * @param token
+ */
 function getAngle(token) {
     if (token.typ == EnumToken.IdenTokenType) {
         if (token.val == 'none') {

package/dist/lib/renderer/color/hex.js

@@ -67,25 +67,35 @@ function rgb2hex(token) {
     return value;
 }
 function hsl2hex(token) {
-    return `${hsl2rgb(token).reduce(toHexString, '#')}`;
+    const t = hsl2rgb(token);
+    return t == null ? null : `${t.reduce(toHexString, '#')}`;
 }
 function hwb2hex(token) {
-    return `${hwb2rgb(token).reduce(toHexString, '#')}`;
+    const t = hwb2rgb(token);
+    return t == null ? null : `${t.reduce(toHexString, '#')}`;
 }
 function cmyk2hex(token) {
-    return `#${cmyk2rgb(token).reduce(toHexString, '')}`;
+    const t = cmyk2rgb(token);
+    return t == null ? null : `#${t.reduce(toHexString, '')}`;
 }
 function oklab2hex(token) {
-    return `${oklab2rgb(token).reduce(toHexString, '#')}`;
+    const t = oklab2rgb(token);
+    return t == null ? null : `${t.reduce(toHexString, '#')}`;
 }
 function oklch2hex(token) {
-    return `${oklch2rgb(token).reduce(toHexString, '#')}`;
+    const value = oklch2rgb(token);
+    if (value == null) {
+        return null;
+    }
+    return `${value.reduce(toHexString, '#')}`;
 }
 function lab2hex(token) {
-    return `${lab2rgb(token).reduce(toHexString, '#')}`;
+    const t = lab2rgb(token);
+    return t == null ? null : `${t.reduce(toHexString, '#')}`;
 }
 function lch2hex(token) {
-    return `${lch2rgb(token).reduce(toHexString, '#')}`;
+    const t = lch2rgb(token);
+    return t == null ? null : `${t.reduce(toHexString, '#')}`;
 }
 function srgb2hexvalues(r, g, b, alpha) {
     return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc, value) => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');

package/dist/lib/renderer/color/hsl.js

@@ -17,6 +17,9 @@ function hex2hsl(token) {
 }
 function rgb2hsl(token) {
     const chi = getComponents(token);
+    if (chi == null) {
+        return null;
+    }
     // @ts-ignore
     let t = chi[0];
     // @ts-ignore
@@ -75,12 +78,14 @@ function lch2hsl(token) {
     return rgb2hslvalues(...lch2rgb(token));
 }
 function oklab2hsl(token) {
+    const t = oklab2rgb(token);
     // @ts-ignore
-    return rgb2hslvalues(...oklab2rgb(token));
+    return t == null ? null : rgb2hslvalues(...t);
 }
 function oklch2hsl(token) {
+    const t = oklch2rgb(token);
     // @ts-ignore
-    return rgb2hslvalues(...oklch2rgb(token));
+    return t == null ? null : rgb2hslvalues(...t);
 }
 function rgb2hslvalues(r, g, b, a = null) {
     return srgb2hsl(r / 255, g / 255, b / 255, a);

package/dist/lib/renderer/color/lab.js

@@ -1,6 +1,6 @@
 import { e, k, D50 } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2xyz, xyzd502srgb } from './xyz.js';
+import { srgb2xyz } from './xyz.js';
 import { oklch2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } from './srgb.js';
 import { getLCHComponents } from './lch.js';
 import { OKLab_to_XYZ, getOKLABComponents } from './oklab.js';
@@ -9,6 +9,7 @@ import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
+import { xyzd502srgb } from './xyzd50.js';
 import '../sourcemap/lib/encode.js';
 import '../../parser/utils/config.js';
 
@@ -86,6 +87,14 @@ function lch2labvalues(l, c, h, a = null) {
 }
 function getLABComponents(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    for (let i = 0; i < components.length; i++) {
+        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
+            return [];
+        }
+    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore

package/dist/lib/renderer/color/lch.js

@@ -59,6 +59,14 @@ function xyz2lchvalues(x, y, z, alpha) {
 }
 function getLCHComponents(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    for (let i = 0; i < components.length; i++) {
+        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
+            return null;
+        }
+    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore

package/dist/lib/renderer/color/oklab.js

@@ -52,6 +52,14 @@ function srgb2oklab(r, g, blue, alpha) {
 }
 function getOKLABComponents(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    for (let i = 0; i < components.length; i++) {
+        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
+            return null;
+        }
+    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore

package/dist/lib/renderer/color/oklch.js

@@ -44,6 +44,14 @@ function srgb2oklch(r, g, blue, alpha) {
 }
 function getOKLCHComponents(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    for (let i = 0; i < components.length; i++) {
+        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
+            return [];
+        }
+    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore

package/dist/lib/renderer/color/prophotorgb.js

@@ -1,5 +1,5 @@
-import { srgb2xyz, xyzd502srgb } from './xyz.js';
-import { XYZ_D65_to_D50 } from './xyzd50.js';
+import { srgb2xyz } from './xyz.js';
+import { XYZ_D65_to_D50, xyzd502srgb } from './xyzd50.js';
 
 function prophotorgb2srgbvalues(r, g, b, a = null) {
     // @ts-ignore

package/dist/lib/renderer/color/relativecolor.js

@@ -142,30 +142,19 @@ function computeComponentValue(expr, converted, values) {
     return expr;
 }
 function replaceValue(parent, value, newValue) {
-    if (parent.typ == EnumToken.BinaryExpressionTokenType) {
-        if (parent.l == value) {
-            parent.l = newValue;
-        }
-        else {
-            parent.r = newValue;
-        }
-    }
-    else {
-        for (let i = 0; i < parent.chi.length; i++) {
-            if (parent.chi[i] == value) {
-                parent.chi.splice(i, 1, newValue);
-                break;
-            }
-            if (parent.chi[i].typ == EnumToken.BinaryExpressionTokenType) {
-                if (parent.chi[i].l == value) {
-                    parent.chi[i].l = newValue;
-                    break;
+    for (const { value: val, parent: pr } of walkValues([parent])) {
+        if (val.typ == value.typ && val.val == value.val) {
+            if (pr.typ == EnumToken.BinaryExpressionTokenType) {
+                if (pr.l == val) {
+                    pr.l = newValue;
                 }
-                else if (parent.chi[i].r == value) {
-                    parent.chi[i].r = newValue;
-                    break;
+                else {
+                    pr.r = newValue;
                 }
             }
+            else {
+                pr.chi.splice(pr.chi.indexOf(val), 1, newValue);
+            }
         }
     }
 }

package/dist/lib/renderer/color/rgb.js

@@ -21,26 +21,29 @@ function hex2rgb(token) {
     return rgb;
 }
 function hwb2rgb(token) {
-    return hwb2srgb(token).map(srgb2rgb);
+    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 function hsl2rgb(token) {
-    let { h, s, l, a } = hslvalues(token);
+    let { h, s, l, a } = hslvalues(token) ?? {};
+    if (h == null || s == null || l == null) {
+        return null;
+    }
     return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
 }
 function cmyk2rgb(token) {
-    return cmyk2srgb(token).map(srgb2rgb);
+    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 function oklab2rgb(token) {
-    return oklab2srgb(token).map(srgb2rgb);
+    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 function oklch2rgb(token) {
-    return oklch2srgb(token).map(srgb2rgb);
+    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 function lab2rgb(token) {
-    return lab2srgb(token).map(srgb2rgb);
+    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 function lch2rgb(token) {
-    return lch2srgb(token).map(srgb2rgb);
+    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
 }
 
 export { cmyk2rgb, hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb };

package/dist/lib/renderer/color/srgb.js

@@ -44,7 +44,7 @@ function srgbvalues(token) {
     return null;
 }
 function rgb2srgb(token) {
-    return getComponents(token).map((t, index) => index == 3 ? ((t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t)) : (t.typ == EnumToken.PercentageTokenType ? 255 : 1) * getNumber(t) / 255);
+    return getComponents(token)?.map?.((t, index) => index == 3 ? ((t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t)) : (t.typ == EnumToken.PercentageTokenType ? 255 : 1) * getNumber(t) / 255) ?? null;
 }
 function hex2srgb(token) {
     const value = expandHexValue(token.kin == 'lit' ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
@@ -59,7 +59,10 @@ function xyz2srgb(x, y, z) {
     return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z));
 }
 function hwb2srgb(token) {
-    const { h: hue, s: white, l: black, a: alpha } = hslvalues(token);
+    const { h: hue, s: white, l: black, a: alpha } = hslvalues(token) ?? {};
+    if (hue == null || white == null || black == null) {
+        return [];
+    }
     const rgb = hsl2srgbvalues(hue, 1, .5);
     for (let i = 0; i < 3; i++) {
         rgb[i] *= (1 - white - black);
@@ -71,11 +74,17 @@ function hwb2srgb(token) {
     return rgb;
 }
 function hsl2srgb(token) {
-    let { h, s, l, a } = hslvalues(token);
+    let { h, s, l, a } = hslvalues(token) ?? {};
+    if (h == null || s == null || l == null) {
+        return null;
+    }
     return hsl2srgbvalues(h, s, l, a);
 }
 function cmyk2srgb(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore
@@ -107,7 +116,10 @@ function cmyk2srgb(token) {
     return rgb;
 }
 function oklab2srgb(token) {
-    const [l, a, b, alpha] = getOKLABComponents(token);
+    const [l, a, b, alpha] = getOKLABComponents(token) ?? [];
+    if (l == null || a == null || b == null) {
+        return null;
+    }
     const rgb = OKLab_to_sRGB(l, a, b);
     if (alpha != null && alpha != 1) {
         rgb.push(alpha);
@@ -115,7 +127,10 @@ function oklab2srgb(token) {
     return rgb;
 }
 function oklch2srgb(token) {
-    const [l, c, h, alpha] = getOKLCHComponents(token);
+    const [l, c, h, alpha] = getOKLCHComponents(token) ?? [];
+    if (l == null || c == null || h == null) {
+        return null;
+    }
     // @ts-ignore
     const rgb = OKLab_to_sRGB(...lch2labvalues(l, c, h));
     if (alpha != 1) {
@@ -125,6 +140,9 @@ function oklch2srgb(token) {
 }
 function hslvalues(token) {
     const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
     let t;
     // @ts-ignore
     let h = getAngle(components[0]);
@@ -199,7 +217,10 @@ function hsl2srgbvalues(h, s, l, a = null) {
     return values;
 }
 function lab2srgb(token) {
-    const [l, a, b, alpha] = getLABComponents(token);
+    const [l, a, b, alpha] = getLABComponents(token) ?? [];
+    if (l == null || a == null || b == null) {
+        return null;
+    }
     const rgb = Lab_to_sRGB(l, a, b);
     if (alpha != null && alpha != 1) {
         rgb.push(alpha);
@@ -209,6 +230,9 @@ function lab2srgb(token) {
 function lch2srgb(token) {
     // @ts-ignore
     const [l, a, b, alpha] = lch2labvalues(...getLCHComponents(token));
+    if (l == null || a == null || b == null) {
+        return null;
+    }
     // https://www.w3.org/TR/css-color-4/#lab-to-lch
     const rgb = Lab_to_sRGB(l, a, b);
     if (alpha != 1) {

package/dist/lib/renderer/color/utils/components.js

@@ -15,8 +15,19 @@ function getComponents(token) {
             return { typ: EnumToken.Number, val: parseInt(t, 16).toString() };
         });
     }
-    return token.chi
-        .filter((t) => ![EnumToken.LiteralTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(t.typ));
+    const result = [];
+    for (const child of (token.chi)) {
+        if ([
+            EnumToken.LiteralTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType
+        ].includes(child.typ)) {
+            continue;
+        }
+        if (child.typ == EnumToken.ColorTokenType && child.val == 'currentcolor') {
+            return null;
+        }
+        result.push(child);
+    }
+    return result;
 }
 
 export { getComponents };

package/dist/lib/renderer/color/xyz.js

@@ -4,26 +4,10 @@ import '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
-import { srgb2lsrgbvalues, lsrgb2srgbvalues } from './srgb.js';
+import { srgb2lsrgbvalues } from './srgb.js';
 import '../sourcemap/lib/encode.js';
 import '../../parser/utils/config.js';
 
-function xyzd502srgb(x, y, z) {
-    // @ts-ignore
-    return lsrgb2srgbvalues(
-    /* r: */
-    x * 3.1341359569958707 -
-        y * 1.6173863321612538 -
-        0.4906619460083532 * z, 
-    /*  g: */
-    x * -0.978795502912089 +
-        y * 1.916254567259524 +
-        0.03344273116131949 * z, 
-    /*    b: */
-    x * 0.07195537988411677 -
-        y * 0.2289768264158322 +
-        1.405386058324125 * z);
-}
 function XYZ_to_lin_sRGB(x, y, z) {
     // convert XYZ to linear-light sRGB
     const M = [
@@ -63,4 +47,4 @@ function srgb2xyz(r, g, b, alpha) {
     return rgb;
 }
 
-export { XYZ_D50_to_D65, XYZ_to_lin_sRGB, srgb2xyz, xyzd502srgb };
+export { XYZ_D50_to_D65, XYZ_to_lin_sRGB, srgb2xyz };

package/dist/lib/renderer/color/xyzd50.js

@@ -1,3 +1,4 @@
+import { lsrgb2srgbvalues } from './srgb.js';
 import { multiplyMatrices } from './utils/matrix.js';
 import './utils/constants.js';
 import '../../ast/types.js';
@@ -10,11 +11,12 @@ import { XYZ_D50_to_D65 } from './xyz.js';
 import '../sourcemap/lib/encode.js';
 import '../../parser/utils/config.js';
 
+/*
+*/
 function xyzd502lch(x, y, z, alpha) {
     // @ts-ignore
     const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
     // L in range [0,100]. For use in CSS, add a percent
-    // @ts-ignore
     return lab2lchvalues(l, a, b, alpha);
 }
 function XYZ_D65_to_D50(x, y, z) {
@@ -31,5 +33,21 @@ function XYZ_D65_to_D50(x, y, z) {
     ];
     return multiplyMatrices(M, [x, y, z]);
 }
+function xyzd502srgb(x, y, z) {
+    // @ts-ignore
+    return lsrgb2srgbvalues(
+    /* r: */
+    x * 3.1341359569958707 -
+        y * 1.6173863321612538 -
+        0.4906619460083532 * z, 
+    /*  g: */
+    x * -0.978795502912089 +
+        y * 1.916254567259524 +
+        0.03344273116131949 * z, 
+    /*    b: */
+    x * 0.07195537988411677 -
+        y * 0.2289768264158322 +
+        1.405386058324125 * z);
+}
 
-export { XYZ_D65_to_D50, xyzd502lch };
+export { XYZ_D65_to_D50, xyzd502lch, xyzd502srgb };