diff --git a/packages/color-helpers/CHANGELOG.md b/packages/color-helpers/CHANGELOG.md index 58dd8f6771..57c54df4d9 100644 --- a/packages/color-helpers/CHANGELOG.md +++ b/packages/color-helpers/CHANGELOG.md @@ -1,5 +1,9 @@ # Changes to Color Helpers +### Unreleased (patch) + +- Updated the ray-trace gamut mapping algorithm to the current CSS Color 4 specification + ### 6.1.2 _September 25, 2026_ diff --git a/packages/color-helpers/dist/index.mjs b/packages/color-helpers/dist/index.mjs index 25a475122d..b218053ba4 100644 --- a/packages/color-helpers/dist/index.mjs +++ b/packages/color-helpers/dist/index.mjs @@ -260,7 +260,8 @@ function XYZ_to_OKLab(_){const t=multiplyMatrices(i,_);return multiplyMatrices(l * @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/deltaEOK.js - */function deltaEOK(_,t){const[n,o,e]=_,[r,a,i]=t,l=n-r,u=o-a,c=e-i;return Math.sqrt(l**2+u**2+c**2)}const L=.02,B=1e-4;function mapGamut(_,t,n){const o=_;let e=clip(t(o)),r=deltaEOK(OKLCH_to_OKLab(n(e)),OKLCH_to_OKLab(o));if(r0&&!Number.isFinite(i)&&(i=2147483647);i-a>B;){const _=(a+i)/2;if(o[1]=_,l&&inGamut(t(o)))a=_;else if(e=clip(t(o)),r=deltaEOK(OKLCH_to_OKLab(n(e)),OKLCH_to_OKLab(o)),r0&&!Number.isFinite(i)&&(i=2147483647);i-a>B;){const _=(a+i)/2;if(o[1]=_,l&&inGamut(t(o)))a=_;else if(e=clip(t(o)),r=deltaEOK(OKLCH_to_OKLab(n(e)),OKLCH_to_OKLab(o)),r0){const _=n(r);_[0]=o,_[2]=e,r=t(_)}const i=rayTraceBox(a,r);if(!i)break;r=i}return clip(r)}function rayTraceBox(_,t){let n=1/0,o=-1/0;const e=[0,0,0];for(let r=0;r<3;r++){const a=_[r],i=t[r]-a;e[r]=i;const l=0,u=1;if(Math.abs(i)>1e-12){const _=1/i,t=(l-a)*_,e=(u-a)*_;o=Math.max(Math.min(t,e),o),n=Math.min(Math.max(t,e),n)}else if(au)return!1}return!(o>n||n<0)&&(o<0&&(o=n),!!isFinite(o)&&[_[0]+e[0]*o,_[1]+e[1]*o,_[2]+e[2]*o])}const G={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};function luminance(_){const[t,n,o]=_.map(_=>_<=.04045?_/12.92:Math.pow((_+.055)/1.055,2.4));return.2126*t+.7152*n+.0722*o}function contrast_ratio_wcag_2_1(_,t){const n=luminance(_),o=luminance(t);return(Math.max(n,o)+.05)/(Math.min(n,o)+.05)}export{HSL_to_XYZ_D50,HSL_to_XYZ_D65,HWB_to_XYZ_D50,HWB_to_XYZ_D65,LCH_to_XYZ_D50,LCH_to_XYZ_D65,Lab_to_XYZ_D50,Lab_to_XYZ_D65,OKLCH_to_OKLab,OKLCH_to_XYZ_D50,OKLCH_to_XYZ_D65,OKLab_to_OKLCH,OKLab_to_XYZ,OKLab_to_XYZ_D50,OKLab_to_XYZ_D65,P3_to_XYZ_D50,P3_to_XYZ_D65,ProPhoto_RGB_to_XYZ_D50,ProPhoto_RGB_to_XYZ_D65,XYZ_D50_to_HSL,XYZ_D50_to_HWB,XYZ_D50_to_LCH,XYZ_D50_to_Lab,XYZ_D50_to_OKLCH,XYZ_D50_to_OKLab,XYZ_D50_to_P3,XYZ_D50_to_ProPhoto,XYZ_D50_to_XYZ_D50,XYZ_D50_to_XYZ_D65,XYZ_D50_to_a98_RGB,XYZ_D50_to_lin_P3,XYZ_D50_to_lin_sRGB,XYZ_D50_to_rec_2020,XYZ_D50_to_sRGB,XYZ_D65_to_HSL,XYZ_D65_to_HWB,XYZ_D65_to_LCH,XYZ_D65_to_Lab,XYZ_D65_to_OKLCH,XYZ_D65_to_OKLab,XYZ_D65_to_P3,XYZ_D65_to_ProPhoto,XYZ_D65_to_XYZ_D50,XYZ_D65_to_XYZ_D65,XYZ_D65_to_a98_RGB,XYZ_D65_to_lin_P3,XYZ_D65_to_lin_sRGB,XYZ_D65_to_rec_2020,XYZ_D65_to_sRGB,XYZ_to_OKLab,XYZ_to_lin_P3,XYZ_to_lin_sRGB,a98_RGB_to_XYZ_D50,a98_RGB_to_XYZ_D65,clip,contrast_ratio_wcag_2_1,gam_P3,gam_sRGB,inGamut,lin_P3,lin_P3_to_XYZ,lin_P3_to_XYZ_D50,lin_P3_to_XYZ_D65,lin_sRGB,lin_sRGB_to_XYZ,lin_sRGB_to_XYZ_D50,lin_sRGB_to_XYZ_D65,mapGamut,mapGamutRayTrace,G as namedColors,rec_2020_to_XYZ_D50,rec_2020_to_XYZ_D65,sRGB_to_XYZ_D50,sRGB_to_XYZ_D65}; + */ +function mapGamutRayTrace(_,t,n){const o=_[0],e=_[2];if(o>=1)return clip(t([1,0,0]));if(o<=0)return clip(t([0,0,0]));let r=t(_);if((a=r)[0]>=0&&a[0]<=1&&a[1]>=0&&a[1]<=1&&a[2]>=0&&a[2]<=1)return clip(r);var a;let i=t([o,0,e]),l=r;for(let _=0;_<4;_++){if(_>0){const _=n(r);_[0]=o,_[2]=e,r=t(_)}const a=rayTraceBox(i,r);if(!a){r=l;break}_>0&&inInnerBox(r)&&(i=r),r=a,l=a}return clip(r)}function inInnerBox(_){return _[0]>=G&&_[0]<=P&&_[1]>=G&&_[1]<=P&&_[2]>=G&&_[2]<=P}function rayTraceBox(_,t){let n=1/0,o=-1/0;const e=[0,0,0];for(let r=0;r<3;r++){const a=_[r],i=t[r]-a;e[r]=i;const l=0,u=1;if(Math.abs(i)>1e-12){const _=1/i,t=(l-a)*_,e=(u-a)*_;o=Math.max(Math.min(t,e),o),n=Math.min(Math.max(t,e),n)}else if(au)return!1}return!(o>n||n<0)&&(o<0&&(o=n),!!isFinite(o)&&[_[0]+e[0]*o,_[1]+e[1]*o,_[2]+e[2]*o])}const R={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};function luminance(_){const[t,n,o]=_.map(_=>_<=.04045?_/12.92:Math.pow((_+.055)/1.055,2.4));return.2126*t+.7152*n+.0722*o}function contrast_ratio_wcag_2_1(_,t){const n=luminance(_),o=luminance(t);return(Math.max(n,o)+.05)/(Math.min(n,o)+.05)}export{HSL_to_XYZ_D50,HSL_to_XYZ_D65,HWB_to_XYZ_D50,HWB_to_XYZ_D65,LCH_to_XYZ_D50,LCH_to_XYZ_D65,Lab_to_XYZ_D50,Lab_to_XYZ_D65,OKLCH_to_OKLab,OKLCH_to_XYZ_D50,OKLCH_to_XYZ_D65,OKLab_to_OKLCH,OKLab_to_XYZ,OKLab_to_XYZ_D50,OKLab_to_XYZ_D65,P3_to_XYZ_D50,P3_to_XYZ_D65,ProPhoto_RGB_to_XYZ_D50,ProPhoto_RGB_to_XYZ_D65,XYZ_D50_to_HSL,XYZ_D50_to_HWB,XYZ_D50_to_LCH,XYZ_D50_to_Lab,XYZ_D50_to_OKLCH,XYZ_D50_to_OKLab,XYZ_D50_to_P3,XYZ_D50_to_ProPhoto,XYZ_D50_to_XYZ_D50,XYZ_D50_to_XYZ_D65,XYZ_D50_to_a98_RGB,XYZ_D50_to_lin_P3,XYZ_D50_to_lin_sRGB,XYZ_D50_to_rec_2020,XYZ_D50_to_sRGB,XYZ_D65_to_HSL,XYZ_D65_to_HWB,XYZ_D65_to_LCH,XYZ_D65_to_Lab,XYZ_D65_to_OKLCH,XYZ_D65_to_OKLab,XYZ_D65_to_P3,XYZ_D65_to_ProPhoto,XYZ_D65_to_XYZ_D50,XYZ_D65_to_XYZ_D65,XYZ_D65_to_a98_RGB,XYZ_D65_to_lin_P3,XYZ_D65_to_lin_sRGB,XYZ_D65_to_rec_2020,XYZ_D65_to_sRGB,XYZ_to_OKLab,XYZ_to_lin_P3,XYZ_to_lin_sRGB,a98_RGB_to_XYZ_D50,a98_RGB_to_XYZ_D65,clip,contrast_ratio_wcag_2_1,gam_P3,gam_sRGB,inGamut,lin_P3,lin_P3_to_XYZ,lin_P3_to_XYZ_D50,lin_P3_to_XYZ_D65,lin_sRGB,lin_sRGB_to_XYZ,lin_sRGB_to_XYZ_D50,lin_sRGB_to_XYZ_D65,mapGamut,mapGamutRayTrace,R as namedColors,rec_2020_to_XYZ_D50,rec_2020_to_XYZ_D65,sRGB_to_XYZ_D50,sRGB_to_XYZ_D65}; diff --git a/packages/color-helpers/src/calculations/map-gamut-ray-trace.ts b/packages/color-helpers/src/calculations/map-gamut-ray-trace.ts index 05ac0f26cc..eabb521d50 100644 --- a/packages/color-helpers/src/calculations/map-gamut-ray-trace.ts +++ b/packages/color-helpers/src/calculations/map-gamut-ray-trace.ts @@ -13,6 +13,9 @@ import { clip } from '../utils/clip'; import type { Color } from '../types/color'; +const LOW = 1e-12; +const HIGH = 1 - LOW; + /** * @license MIT https://github.com/facelessuser/coloraide/blob/main/LICENSE.md */ @@ -25,39 +28,75 @@ export function mapGamutRayTrace( const lightness = startOKLCH[0]; const hue = startOKLCH[2]; - // 2. Convert the input color to the closest matching linear RGB space + // 2. Handle colors at the lightness endpoints. + if (lightness >= 1) { + return clip(toLinear([1, 0, 0])); + } + + if (lightness <= 0) { + return clip(toLinear([0, 0, 0])); + } + + // 3. Convert the input color to the closest matching linear RGB space let linear = toLinear(startOKLCH); - // 3. Calculate an achromatic version of the color (in OKLCH) and convert it to the same linear RGB space - const achromatic = toLinear([lightness, 0, hue]); - // 4. Perform up to 4 iterations to find the closest color in gamut + // 4. Colors that are already in gamut do not need to be traced. + if (inLinearGamut(linear)) { + return clip(linear); + } + + // 5. Calculate an achromatic version of the color (in OKLCH) and convert it to the same linear RGB space + let achromatic = toLinear([lightness, 0, hue]); + + // 6. Perform up to 4 iterations to find the closest color in gamut + let last = linear; for (let i = 0; i < 4; i++) { - // 4.1. On subsequent iterations, we correct the lightness and hue + // 6.1. On subsequent iterations, we correct the lightness and hue if (i > 0) { - // 4.1.1. Convert the current color back to OKLCH + // 6.1.1. Convert the current color back to OKLCH const oklch = fromLinear(linear); - // 4.1.2. Correct the lightness and hue + // 6.1.2. Correct the lightness and hue oklch[0] = lightness; oklch[2] = hue; - // 4.1.3. Convert the corrected color back to linear RGB + // 6.1.3. Convert the corrected color back to linear RGB linear = toLinear(oklch); } - // 4.2 Perform a raytrace to find the intersection of the line between the achromatic and the current color + // 6.2. Perform a raytrace to find the intersection of the line between the achromatic and the current color const intersection = rayTraceBox(achromatic, linear); - // 4.3 If no intersection is found, we are already in gamut + + // 6.3. If no intersection is found, restore the previous intersection if (!intersection) { + linear = last; break; } - // 4.4 Assign the intersection to the current color + // 6.4. Move the anchor when the current color is inside the inner box + if (i > 0 && inInnerBox(linear)) { + achromatic = linear; + } + + // 6.5. Assign the intersection to the current color linear = intersection; + last = intersection; } - // 5. Clip the result to account for floating point errors + // 7. Clip the result to account for floating point errors return clip(linear); } +function inLinearGamut(color: Color): boolean { + return color[0] >= 0 && color[0] <= 1 && + color[1] >= 0 && color[1] <= 1 && + color[2] >= 0 && color[2] <= 1; +} + +function inInnerBox(color: Color): boolean { + return color[0] >= LOW && color[0] <= HIGH && + color[1] >= LOW && color[1] <= HIGH && + color[2] >= LOW && color[2] <= HIGH; +} + function rayTraceBox(start: Color, end: Color): Color | false { let tfar = Infinity; let tnear = -Infinity; @@ -93,7 +132,6 @@ function rayTraceBox(start: Color, end: Color): Color | false { tnear = tfar; } - // A point, or something approaching a single point where start and end are the same. if (!isFinite(tnear)) { return false; } diff --git a/packages/css-color-parser/CHANGELOG.md b/packages/css-color-parser/CHANGELOG.md index c0674c713a..d8a50919a4 100644 --- a/packages/css-color-parser/CHANGELOG.md +++ b/packages/css-color-parser/CHANGELOG.md @@ -1,5 +1,9 @@ # Changes to CSS Color Parser +### Unreleased (patch) + +- Fix `hsl()` clamping to match CSS Color 4: only negative saturation is clamped at parse time, including in the legacy comma-separated syntax + ### 4.2.7 _October 29, 2026_ diff --git a/packages/css-color-parser/dist/index.mjs b/packages/css-color-parser/dist/index.mjs index 4797958898..eb36fe29c3 100644 --- a/packages/css-color-parser/dist/index.mjs +++ b/packages/css-color-parser/dist/index.mjs @@ -1 +1 @@ -import{TokenType as e,NumberType as n,isTokenIdent as a,isTokenPercentage as o,isTokenNumber as r,isTokenDelim as t,isTokenNumeric as l,isTokenComma as s,isTokenDimension as c,isTokenHash as i}from"@csstools/css-tokenizer";import{XYZ_D65_to_XYZ_D65 as u,XYZ_D50_to_XYZ_D65 as h,OKLCH_to_XYZ_D65 as N,LCH_to_XYZ_D65 as m,OKLab_to_XYZ_D65 as p,Lab_to_XYZ_D65 as b,HWB_to_XYZ_D65 as v,HSL_to_XYZ_D65 as f,ProPhoto_RGB_to_XYZ_D65 as g,a98_RGB_to_XYZ_D65 as d,rec_2020_to_XYZ_D65 as y,lin_P3_to_XYZ_D65 as _,P3_to_XYZ_D65 as C,lin_sRGB_to_XYZ_D65 as T,sRGB_to_XYZ_D65 as w,XYZ_D50_to_XYZ_D50 as x,XYZ_D65_to_OKLab as D,XYZ_D65_to_OKLCH as L,XYZ_D50_to_LCH as H,XYZ_D50_to_Lab as P,XYZ_D65_to_HWB as Z,XYZ_D65_to_HSL as $,XYZ_D65_to_a98_RGB as F,XYZ_D50_to_ProPhoto as M,XYZ_D65_to_rec_2020 as S,XYZ_D65_to_lin_P3 as z,XYZ_D65_to_P3 as R,XYZ_D65_to_lin_sRGB as k,XYZ_D65_to_sRGB as B,XYZ_D65_to_XYZ_D50 as X,OKLCH_to_XYZ_D50 as A,LCH_to_XYZ_D50 as G,OKLab_to_XYZ_D50 as Y,Lab_to_XYZ_D50 as V,HWB_to_XYZ_D50 as K,HSL_to_XYZ_D50 as I,ProPhoto_RGB_to_XYZ_D50 as O,a98_RGB_to_XYZ_D50 as W,rec_2020_to_XYZ_D50 as E,lin_P3_to_XYZ_D50 as U,P3_to_XYZ_D50 as j,lin_sRGB_to_XYZ_D50 as q,sRGB_to_XYZ_D50 as J,namedColors as Q,inGamut as ee,clip as ne,gam_sRGB as ae,mapGamutRayTrace as oe,OKLCH_to_OKLab as re,OKLab_to_XYZ as te,XYZ_to_lin_sRGB as le,lin_sRGB_to_XYZ as se,XYZ_to_OKLab as ce,OKLab_to_OKLCH as ie,contrast_ratio_wcag_2_1 as ue,gam_P3 as he,XYZ_to_lin_P3 as Ne,lin_P3_to_XYZ as me}from"@csstools/color-helpers";import{isWhitespaceNode as pe,isCommentNode as be,isTokenNode as ve,isFunctionNode as fe,TokenNode as ge,isWhiteSpaceOrCommentNode as de,replaceComponentValues as ye,FunctionNode as _e,WhitespaceNode as Ce}from"@csstools/css-parser-algorithms";import{mathFunctionNames as Te,calcFromComponentValues as we}from"@csstools/css-calc";var xe,De;function convertNaNToZero(e){return[Number.isNaN(e[0])?0:e[0],Number.isNaN(e[1])?0:e[1],Number.isNaN(e[2])?0:e[2]]}function colorData_to_XYZ_D50(e){switch(e.colorNotation){case xe.HEX:case xe.RGB:case xe.sRGB:return{...e,colorNotation:xe.XYZ_D50,channels:J(convertNaNToZero(e.channels))};case xe.Linear_sRGB:return{...e,colorNotation:xe.XYZ_D50,channels:q(convertNaNToZero(e.channels))};case xe.Display_P3:return{...e,colorNotation:xe.XYZ_D50,channels:j(convertNaNToZero(e.channels))};case xe.Linear_Display_P3:return{...e,colorNotation:xe.XYZ_D50,channels:U(convertNaNToZero(e.channels))};case xe.Rec2020:return{...e,colorNotation:xe.XYZ_D50,channels:E(convertNaNToZero(e.channels))};case xe.A98_RGB:return{...e,colorNotation:xe.XYZ_D50,channels:W(convertNaNToZero(e.channels))};case xe.ProPhoto_RGB:return{...e,colorNotation:xe.XYZ_D50,channels:O(convertNaNToZero(e.channels))};case xe.HSL:return{...e,colorNotation:xe.XYZ_D50,channels:I(convertNaNToZero(e.channels))};case xe.HWB:return{...e,colorNotation:xe.XYZ_D50,channels:K(convertNaNToZero(e.channels))};case xe.Lab:return{...e,colorNotation:xe.XYZ_D50,channels:V(convertNaNToZero(e.channels))};case xe.OKLab:return{...e,colorNotation:xe.XYZ_D50,channels:Y(convertNaNToZero(e.channels))};case xe.LCH:return{...e,colorNotation:xe.XYZ_D50,channels:G(convertNaNToZero(e.channels))};case xe.OKLCH:return{...e,colorNotation:xe.XYZ_D50,channels:A(convertNaNToZero(e.channels))};case xe.XYZ_D50:return{...e,colorNotation:xe.XYZ_D50,channels:x(convertNaNToZero(e.channels))};case xe.XYZ_D65:return{...e,colorNotation:xe.XYZ_D50,channels:X(convertNaNToZero(e.channels))};default:throw new Error("Unsupported color notation")}}function colorData_to_XYZ_D65(e){switch(e.colorNotation){case xe.HEX:case xe.RGB:case xe.sRGB:return{...e,colorNotation:xe.XYZ_D65,channels:w(convertNaNToZero(e.channels))};case xe.Linear_sRGB:return{...e,colorNotation:xe.XYZ_D65,channels:T(convertNaNToZero(e.channels))};case xe.Display_P3:return{...e,colorNotation:xe.XYZ_D65,channels:C(convertNaNToZero(e.channels))};case xe.Linear_Display_P3:return{...e,colorNotation:xe.XYZ_D65,channels:_(convertNaNToZero(e.channels))};case xe.Rec2020:return{...e,colorNotation:xe.XYZ_D65,channels:y(convertNaNToZero(e.channels))};case xe.A98_RGB:return{...e,colorNotation:xe.XYZ_D65,channels:d(convertNaNToZero(e.channels))};case xe.ProPhoto_RGB:return{...e,colorNotation:xe.XYZ_D65,channels:g(convertNaNToZero(e.channels))};case xe.HSL:return{...e,colorNotation:xe.XYZ_D65,channels:f(convertNaNToZero(e.channels))};case xe.HWB:return{...e,colorNotation:xe.XYZ_D65,channels:v(convertNaNToZero(e.channels))};case xe.Lab:return{...e,colorNotation:xe.XYZ_D65,channels:b(convertNaNToZero(e.channels))};case xe.OKLab:return{...e,colorNotation:xe.XYZ_D65,channels:p(convertNaNToZero(e.channels))};case xe.LCH:return{...e,colorNotation:xe.XYZ_D65,channels:m(convertNaNToZero(e.channels))};case xe.OKLCH:return{...e,colorNotation:xe.XYZ_D65,channels:N(convertNaNToZero(e.channels))};case xe.XYZ_D50:return{...e,colorNotation:xe.XYZ_D65,channels:h(convertNaNToZero(e.channels))};case xe.XYZ_D65:return{...e,colorNotation:xe.XYZ_D65,channels:u(convertNaNToZero(e.channels))};default:throw new Error("Unsupported color notation")}}!function(e){e.A98_RGB="a98-rgb",e.Display_P3="display-p3",e.Linear_Display_P3="display-p3-linear",e.HEX="hex",e.HSL="hsl",e.HWB="hwb",e.LCH="lch",e.Lab="lab",e.Linear_sRGB="srgb-linear",e.OKLCH="oklch",e.OKLab="oklab",e.ProPhoto_RGB="prophoto-rgb",e.RGB="rgb",e.sRGB="srgb",e.Rec2020="rec2020",e.XYZ_D50="xyz-d50",e.XYZ_D65="xyz-d65"}(xe||(xe={})),function(e){e.ColorKeyword="color-keyword",e.HasAlpha="has-alpha",e.HasDimensionValues="has-dimension-values",e.HasNoneKeywords="has-none-keywords",e.HasNumberValues="has-number-values",e.HasPercentageAlpha="has-percentage-alpha",e.HasPercentageValues="has-percentage-values",e.HasVariableAlpha="has-variable-alpha",e.Hex="hex",e.LegacyHSL="legacy-hsl",e.LegacyRGB="legacy-rgb",e.NamedColor="named-color",e.RelativeColorSyntax="relative-color-syntax",e.ColorMix="color-mix",e.ColorMixVariadic="color-mix-variadic",e.ContrastColor="contrast-color",e.RelativeAlphaSyntax="relative-alpha-syntax",e.Experimental="experimental"}(De||(De={}));const Le=new Set([xe.A98_RGB,xe.Display_P3,xe.Linear_Display_P3,xe.HEX,xe.Linear_sRGB,xe.ProPhoto_RGB,xe.RGB,xe.sRGB,xe.Rec2020,xe.XYZ_D50,xe.XYZ_D65]);function colorDataToForInterpolation(e,n){if(e.colorNotation===n)return{...e};const a=[...e.channels];let o={...e};return o.channels=convertPowerlessComponentsToMissingComponents(o.channels,e.colorNotation),o=convertToDestination(o,n),o.channels=carryForwardMissingComponentsForColorAndNotation(o,e.colorNotation,n,a),o}function colorDataToForRelativeColorSyntax(e,n){if(e.colorNotation===n)return{...e};const a=[...e.channels];let o={...e};return o.channels=convertPowerlessComponentsToMissingComponents(o.channels,e.colorNotation),o=convertToDestination(o,n),o.channels=carryForwardMissingComponentsForColorAndNotation(o,e.colorNotation,n,a),o}function convertToDestination(e,n){if(e.colorNotation===n)return e.channels=convertNaNToZero(e.channels),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n),e;switch(n){case xe.HEX:case xe.RGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.RGB,e.channels=B(n.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.sRGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.sRGB,e.channels=B(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Linear_sRGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Linear_sRGB,e.channels=k(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Display_P3:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Display_P3,e.channels=R(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Linear_Display_P3:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Linear_Display_P3,e.channels=z(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Rec2020:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Rec2020,e.channels=S(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.ProPhoto_RGB:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.ProPhoto_RGB,e.channels=M(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.A98_RGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.A98_RGB,e.channels=F(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.HSL:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.HSL,e.channels=$(a.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels,0),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.HWB:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.HWB,e.channels=Z(a.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels,0),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.Lab:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.Lab,e.channels=P(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.LCH:{const a=colorData_to_XYZ_D50(e);e.colorNotation=xe.LCH,e.channels=H(a.channels),e.channels=normalizeAfterColorConversion(e.channels,2),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.OKLCH:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.OKLCH,e.channels=L(a.channels),e.channels=normalizeAfterColorConversion(e.channels,2),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.OKLab:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.OKLab,e.channels=D(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.XYZ_D50:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.XYZ_D50,e.channels=x(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.XYZ_D65:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.XYZ_D65,e.channels=u(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}default:throw new Error("Unsupported color notation")}return e}function carryForwardMissingComponentsForColorAndNotation(e,n,a,o){if(n===a)return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);if(Le.has(a)&&Le.has(n))return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);switch(a){case xe.HSL:switch(n){case xe.HWB:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[2],[0,1]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[2,1,0],[]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.HWB:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[2],[0,1],e.channels,[0],[1,2]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.Lab:case xe.OKLab:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[2],[0,1],e.channels,[0],[1,2]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.LCH:case xe.OKLCH:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[2,1,0],[]);case xe.HWB:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[2],[0,1]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}}function convertPowerlessComponentsToMissingComponents(e,n){const a=[...e];switch(n){case xe.HSL:(Number.isNaN(a[1])?0:a[1])<=.001&&(a[0]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0));break;case xe.HWB:{const e=Number.isNaN(a[1])?0:a[1],n=Number.isNaN(a[2])?0:a[2];e+n>=99.999&&(a[0]=Number.NaN,e+n<100&&(Number.isNaN(a[1])?a[2]=100:Number.isNaN(a[2])?a[1]=100:a[2]=100-a[1]));break}case xe.LCH:(Number.isNaN(a[1])?0:a[1])<=.0015&&(a[2]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0));break;case xe.OKLCH:(Number.isNaN(a[1])?0:a[1])<=4e-6&&(a[2]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0))}return a}function convertPowerlessComponentsToZeroValuesForDisplay(e,n){const a=[...e];switch(n){case xe.HSL:(Number.isNaN(a[1])?0:a[1])<=.001&&(a[0]=Number.NaN),(reducePrecision$1(a[2])<=0||reducePrecision$1(a[2])>=100)&&(a[0]=Number.NaN,a[1]=Number.NaN);break;case xe.HWB:(Number.isNaN(a[1])?0:a[1])+(Number.isNaN(a[2])?0:a[2])>=99.999&&(a[0]=Number.NaN);break;case xe.Lab:(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=100)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.LCH:(Number.isNaN(a[1])?0:a[1])<=.0015&&(a[2]=Number.NaN),(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=100)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.OKLab:(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=1)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.OKLCH:(Number.isNaN(a[1])?0:a[1])<=4e-6&&(a[2]=Number.NaN),(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=1)&&(a[1]=Number.NaN,a[2]=Number.NaN)}return a}function carryForwardMissingComponents(e,n,a,o,r,t){if(n.length<3&&e.every(Number.isNaN))return[Number.NaN,Number.NaN,Number.NaN];const l=[...o];for(let a=0;aNumber.isNaN(e[n])))for(let e=0;ee<-1e-5||e>1.00001)}function colorDataFitsDisplayP3_Gamut(e){const n={...e,channels:[...e.channels]};n.channels=convertPowerlessComponentsToZeroValuesForDisplay(n.channels,n.colorNotation);return!colorDataToForRelativeColorSyntax(n,xe.Display_P3).channels.find(e=>e<-1e-5||e>1.00001)}function normalize(e,n,a,o){return Math.min(Math.max(e/n,a),o)}const He=/[A-Z]/g;function toLowerCaseAZ(e){return e.replace(He,e=>String.fromCharCode(e.charCodeAt(0)+32))}const Pe=-2147483647,Ze=2147483647;function normalize_Color_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,100,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}const $e=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]);function color$1(e,n){const o=[],s=[],c=[],i=[];let u,h,N=!1,m=!1;const p={colorNotation:xe.sRGB,channels:[0,0,0],alpha:1,syntaxFlags:new Set([])};let b=o;for(let r=0;r=0&&i.value[4].value<=100){t=i.value[4].value;continue}}}return!1}if(!r)return!1;a.push({color:r,percentage:t}),r=!1,t=!1}}return!!r&&(a.push({color:r,percentage:t}),a)}function colorMixRectangular(e,n){if(!n||!n.length)return!1;for(const e of n)if(e.percentage&&(e.percentage<0||e.percentage>100))return!1;const{items:a,leftover:o}=normalizeMixPercentages(n,!0),r=1-o/100;let t;switch(e){case"srgb":t=xe.RGB;break;case"srgb-linear":t=xe.Linear_sRGB;break;case"display-p3":t=xe.Display_P3;break;case"display-p3-linear":t=xe.Linear_Display_P3;break;case"a98-rgb":t=xe.A98_RGB;break;case"prophoto-rgb":t=xe.ProPhoto_RGB;break;case"rec2020":t=xe.Rec2020;break;case"lab":t=xe.Lab;break;case"oklab":t=xe.OKLab;break;case"xyz-d50":t=xe.XYZ_D50;break;case"xyz":case"xyz-d65":t=xe.XYZ_D65;break;default:return!1}if(1===a.length){const e=colorDataToForInterpolation(a[0].color,t);return e.colorNotation=t,e.syntaxFlags.add(De.ColorMixVariadic),e.syntaxFlags.add(De.ColorMix),"number"!=typeof e.alpha?!1:(e.alpha=e.alpha*r,e)}for(a.reverse();a.length>=2;){const e=a.pop(),n=a.pop();if(!e||!n)return!1;const o=e.percentage+n.percentage,r=o>0?n.percentage/o:.5,l=colorMixRectangularPair(t,e.color,n.color,r);if(!l)return!1;a.push({color:l,percentage:o})}const l=a[0]?.color;return!!l&&("number"==typeof l.alpha&&(l.alpha=l.alpha*r,n.some(e=>e.color.syntaxFlags.has(De.Experimental))&&l.syntaxFlags.add(De.Experimental),2!==n.length&&l.syntaxFlags.add(De.ColorMixVariadic),l))}function colorMixRectangularPair(e,n,a,o){let r=n.alpha;if("number"!=typeof r)return!1;let t=a.alpha;if("number"!=typeof t)return!1;r=Number.isNaN(r)?t:r,t=Number.isNaN(t)?r:t;const l=colorDataToForInterpolation(n,e).channels,s=colorDataToForInterpolation(a,e).channels;l[0]=fillInMissingComponent(l[0],s[0]),s[0]=fillInMissingComponent(s[0],l[0]),l[1]=fillInMissingComponent(l[1],s[1]),s[1]=fillInMissingComponent(s[1],l[1]),l[2]=fillInMissingComponent(l[2],s[2]),s[2]=fillInMissingComponent(s[2],l[2]),l[0]=premultiply(l[0],r),l[1]=premultiply(l[1],r),l[2]=premultiply(l[2],r),s[0]=premultiply(s[0],t),s[1]=premultiply(s[1],t),s[2]=premultiply(s[2],t);const c=interpolate(r,t,o);return{colorNotation:e,channels:[un_premultiply(interpolate(l[0],s[0],o),c),un_premultiply(interpolate(l[1],s[1],o),c),un_premultiply(interpolate(l[2],s[2],o),c)],alpha:c,syntaxFlags:new Set([De.ColorMix])}}function colorMixPolar(e,n,a){if(!a||!a.length)return!1;for(const e of a)if(e.percentage&&(e.percentage<0||e.percentage>100))return!1;const{items:o,leftover:r}=normalizeMixPercentages(a,!0),t=1-r/100;let l;switch(e){case"hsl":l=xe.HSL;break;case"hwb":l=xe.HWB;break;case"lch":l=xe.LCH;break;case"oklch":l=xe.OKLCH;break;default:return!1}if(1===o.length){const e=colorDataToForInterpolation(o[0].color,l);return e.colorNotation=l,e.syntaxFlags.add(De.ColorMixVariadic),e.syntaxFlags.add(De.ColorMix),"number"!=typeof e.alpha?!1:(e.alpha=e.alpha*t,e)}for(o.reverse();o.length>=2;){const e=o.pop(),a=o.pop();if(!e||!a)return!1;const r=e.percentage+a.percentage,t=r>0?a.percentage/r:.5,s=colorMixPolarPair(l,n,e.color,a.color,t);if(!s)return!1;o.push({color:s,percentage:r})}const s=o[0]?.color;return!!s&&("number"==typeof s.alpha&&(s.alpha=s.alpha*t,a.some(e=>e.color.syntaxFlags.has(De.Experimental))&&s.syntaxFlags.add(De.Experimental),2!==a.length&&s.syntaxFlags.add(De.ColorMixVariadic),s))}function colorMixPolarPair(e,n,a,o,r){let t=0,l=0,s=0,c=0,i=0,u=0,h=a.alpha;if("number"!=typeof h)return!1;let N=o.alpha;if("number"!=typeof N)return!1;h=Number.isNaN(h)?N:h,N=Number.isNaN(N)?h:N;const m=colorDataToForInterpolation(a,e).channels,p=colorDataToForInterpolation(o,e).channels;switch(e){case xe.HSL:case xe.HWB:t=m[0],l=p[0],s=m[1],c=p[1],i=m[2],u=p[2];break;case xe.LCH:case xe.OKLCH:s=m[0],c=p[0],i=m[1],u=p[1],t=m[2],l=p[2]}if(s=fillInMissingComponent(s,c),c=fillInMissingComponent(c,s),i=fillInMissingComponent(i,u),u=fillInMissingComponent(u,i),t=fillInMissingComponent(t,l),l=fillInMissingComponent(l,t),Number.isNaN(t)&&Number.isNaN(l));else{const e=l-t;switch(n){case"shorter":e>180?t+=360:e<-180&&(l+=360);break;case"longer":-1800?t+=360:l+=360);break;case"increasing":e<0&&(l+=360);break;case"decreasing":e>0&&(t+=360);break;default:throw new Error("Unknown hue interpolation method")}}s=premultiply(s,h),i=premultiply(i,h),c=premultiply(c,N),u=premultiply(u,N);let b=[0,0,0];const v=interpolate(h,N,r);switch(e){case xe.HSL:case xe.HWB:b=[interpolate(t,l,r),un_premultiply(interpolate(s,c,r),v),un_premultiply(interpolate(i,u,r),v)];break;case xe.LCH:case xe.OKLCH:b=[un_premultiply(interpolate(s,c,r),v),un_premultiply(interpolate(i,u,r),v),interpolate(t,l,r)]}return{colorNotation:e,channels:b,alpha:v,syntaxFlags:new Set([De.ColorMix])}}function fillInMissingComponent(e,n){return Number.isNaN(e)?n:e}function interpolate(e,n,a){return e*(1-a)+n*a}function premultiply(e,n){return Number.isNaN(n)?e:Number.isNaN(e)?Number.NaN:e*n}function un_premultiply(e,n){return 0===n||Number.isNaN(n)?e:Number.isNaN(e)?Number.NaN:e/n}function normalizeMixPercentages(e,n=!1){let a=0,o=0;for(const n of e)n.percentage&&(a+=n.percentage),!1===n.percentage&&o++;a=Math.min(100,a);for(const n of e)!1===n.percentage&&(n.percentage=(100-a)/o);const r=e.slice();let t=0;for(const e of r)t+=e.percentage;if(t>100||t>0&&n)for(const e of r)e.percentage=e.percentage*(100/t);let l=0;return t<100&&(l=100-t),{items:r,leftover:l}}function hex(e){const n=toLowerCaseAZ(e[4].value);if(n.match(/[^a-f0-9]/))return!1;const a={colorNotation:xe.HEX,channels:[0,0,0],alpha:1,syntaxFlags:new Set([De.Hex])},o=n.length;if(3===o){const e=n[0],o=n[1],r=n[2];return a.channels=[parseInt(e+e,16)/255,parseInt(o+o,16)/255,parseInt(r+r,16)/255],a}if(6===o){const e=n[0]+n[1],o=n[2]+n[3],r=n[4]+n[5];return a.channels=[parseInt(e,16)/255,parseInt(o,16)/255,parseInt(r,16)/255],a}if(4===o){const e=n[0],o=n[1],r=n[2],t=n[3];return a.channels=[parseInt(e+e,16)/255,parseInt(o+o,16)/255,parseInt(r+r,16)/255],a.alpha=parseInt(t+t,16)/255,a.syntaxFlags.add(De.HasAlpha),a}if(8===o){const e=n[0]+n[1],o=n[2]+n[3],r=n[4]+n[5],t=n[6]+n[7];return a.channels=[parseInt(e,16)/255,parseInt(o,16)/255,parseInt(r,16)/255],a.alpha=parseInt(t,16)/255,a.syntaxFlags.add(De.HasAlpha),a}return!1}function normalizeHue$1(a){if(r(a))return Number.isNaN(a[4].value)||Number.isFinite(a[4].value)||(a[4].value=0),a[4].value=a[4].value%360,a[4].value<0&&(a[4].value+=360),a[1]=a[4].value.toString(),a;if(c(a)){let o=a[4].value;switch(toLowerCaseAZ(a[4].unit)){case"deg":break;case"rad":o=180*a[4].value/Math.PI;break;case"grad":o=.9*a[4].value;break;case"turn":o=360*a[4].value;break;default:return!1}return Number.isNaN(a[4].value)||Number.isFinite(a[4].value)||(a[4].value=0),o%=360,o<0&&(o+=360),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_legacy_HSL_ChannelValues(a,t,l){if(0===t){const e=normalizeHue$1(a);return!1!==e&&(c(a)&&l.syntaxFlags.add(De.HasDimensionValues),e)}if(o(a)){let o;return 3===t?l.syntaxFlags.add(De.HasPercentageAlpha):l.syntaxFlags.add(De.HasPercentageValues),o=3===t?normalize(a[4].value,100,0,1):normalize(a[4].value,1,0,100),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}if(r(a)){if(3!==t)return!1;let o;return o=normalize(a[4].value,1,0,3===t?1:100),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_modern_HSL_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(0===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3===l?s.syntaxFlags.add(De.HasPercentageAlpha):s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,1===l?0:Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,1===l?0:Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function threeChannelLegacySyntax(e,n,a,o){const t=[],c=[],i=[],u=[],h={colorNotation:a,channels:[0,0,0],alpha:1,syntaxFlags:new Set(o)};let N=t;for(let n=0;nve(e)&&s(e.value))){const n=hslCommaSeparated(e);if(!1!==n)return n}{const a=hslSpaceSeparated(e,n);if(!1!==a)return a}return!1}function hslCommaSeparated(e){return threeChannelLegacySyntax(e,normalize_legacy_HSL_ChannelValues,xe.HSL,[De.LegacyHSL])}function hslSpaceSeparated(e,n){return threeChannelSpaceSeparated(e,normalize_modern_HSL_ChannelValues,xe.HSL,[],n)}function normalize_HWB_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(0===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3===l?s.syntaxFlags.add(De.HasPercentageAlpha):s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function normalize_Lab_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l||2===l?normalize(t[4].value,.8,Pe,Ze):3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,0,100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=1===l||2===l?normalize(t[4].value,1,Pe,Ze):normalize(t[4].value,1,0,3===l?1:100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function lab(e,n){return threeChannelSpaceSeparated(e,normalize_Lab_ChannelValues,xe.Lab,[],n)}function normalize_LCH_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(2===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l?normalize(t[4].value,100/150,0,Ze):3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,0,100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=normalize(t[4].value,1,0,1===l?Ze:3===l?1:100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function lch(e,n){return threeChannelSpaceSeparated(e,normalize_LCH_ChannelValues,xe.LCH,[],n)}const ze=new Map;for(const[e,n]of Object.entries(Q))ze.set(e,n);function namedColor(e){const n=ze.get(toLowerCaseAZ(e));return!!n&&{colorNotation:xe.RGB,channels:[n[0]/255,n[1]/255,n[2]/255],alpha:1,syntaxFlags:new Set([De.ColorKeyword,De.NamedColor])}}function normalize_OKLab_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l||2===l?normalize(t[4].value,250,Pe,Ze):normalize(t[4].value,100,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=1===l||2===l?normalize(t[4].value,1,Pe,Ze):normalize(t[4].value,1,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function oklab(e,n){return threeChannelSpaceSeparated(e,normalize_OKLab_ChannelValues,xe.OKLab,[],n)}function normalize_OKLCH_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(2===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l?normalize(t[4].value,250,0,Ze):normalize(t[4].value,100,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=normalize(t[4].value,1,0,1===l?Ze:1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function oklch(e,n){return threeChannelSpaceSeparated(e,normalize_OKLCH_ChannelValues,xe.OKLCH,[],n)}function normalize_legacy_sRGB_ChannelValues(a,t,l){if(o(a)){3===t?l.syntaxFlags.add(De.HasPercentageAlpha):l.syntaxFlags.add(De.HasPercentageValues);const o=normalize(a[4].value,100,0,1);return[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}if(r(a)){let o;return 3!==t&&l.syntaxFlags.add(De.HasNumberValues),o=normalize(a[4].value,3===t?1:255,0,1),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_modern_sRGB_ChannelValues(t,l,s){if(a(t)&&"none"===t[4].value.toLowerCase())return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,100,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,255,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function rgb(e,n){if(e.value.some(e=>ve(e)&&s(e.value))){const n=rgbCommaSeparated(e);if(!1!==n)return(!n.syntaxFlags.has(De.HasNumberValues)||!n.syntaxFlags.has(De.HasPercentageValues))&&n}else{const a=rgbSpaceSeparated(e,n);if(!1!==a)return a}return!1}function rgbCommaSeparated(e){return threeChannelLegacySyntax(e,normalize_legacy_sRGB_ChannelValues,xe.RGB,[De.LegacyRGB])}function rgbSpaceSeparated(e,n){return threeChannelSpaceSeparated(e,normalize_modern_sRGB_ChannelValues,xe.RGB,[],n)}function XYZ_D65_to_sRGB_Gamut(e){const n=B(e);if(ee(n))return ne(n);let a=e;return a=L(a),a[0]<1e-6&&(a=[0,0,0]),a[0]>.999999&&(a=[1,0,0]),ae(oe(a,oklch_to_lin_srgb,lin_srgb_to_oklch))}function oklch_to_lin_srgb(e){return e=re(e),e=te(e),le(e)}function lin_srgb_to_oklch(e){return e=se(e),e=ce(e),ie(e)}function contrastColor(e,n){let a=!1;for(let o=0;ot?[1,1,1]:[0,0,0],o}function alpha(e,n){let o,s,c=!1,i=!1,u=!1;const h={colorNotation:xe.sRGB,channels:[0,0,0],alpha:1,syntaxFlags:new Set([])};for(let N=0;N{if(ve(e)&&a(e.value)&&"alpha"===toLowerCaseAZ(e.value[4].value)&&o&&o.has("alpha"))return new ge(o.get("alpha"))});h.alpha=e[0][0],i=!0;continue}return!1}if(u)return!1;for(;pe(e.value[N+1])||be(e.value[N+1]);)N++;if(N++,m=e.value[N],u=n(m),!1===u)return!1;o=normalizeRelativeColorDataChannels(u),s=noneToZeroInRelativeColorDataChannels(o),h.syntaxFlags=new Set(u.syntaxFlags),h.syntaxFlags.add(De.RelativeAlphaSyntax),h.channels=[...u.channels],h.colorNotation=u.colorNotation,h.alpha=u.alpha}}return!!o&&(!!i&&h)}function XYZ_D65_to_P3_Gamut(e){const n=R(e);if(ee(n))return ne(n);let a=e;return a=L(a),a[0]<1e-6&&(a=[0,0,0]),a[0]>.999999&&(a=[1,0,0]),he(oe(a,oklch_to_lin_p3,lin_p3_to_oklch))}function oklch_to_lin_p3(e){return e=re(e),e=te(e),Ne(e)}function lin_p3_to_oklch(e){return e=me(e),e=ce(e),ie(e)}function toPrecision(e,n=7){e=+e,n=+n;const a=(Math.floor(Math.abs(e))+"").length;if(n>a)return+e.toFixed(n-a);{const o=10**(a-n);return Math.round(e/o)*o}}function serializeWithAlpha(a,o,r,t){const l=[e.CloseParen,")",-1,-1,void 0];if("number"==typeof a.alpha){const s=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(s,4)?new _e(o,l,t):new _e(o,l,[...t,new Ce([r]),new ge([e.Delim,"/",-1,-1,{value:"/"}]),new Ce([r]),new ge([e.Number,toPrecision(s,4).toString(),-1,-1,{value:a.alpha,type:n.Integer}])])}return new _e(o,l,[...t,new Ce([r]),new ge([e.Delim,"/",-1,-1,{value:"/"}]),new Ce([r]),a.alpha])}function serializeP3(a,o=!0){a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation);let r=a.channels.map(e=>Number.isNaN(e)?0:e);o?r=XYZ_D65_to_P3_Gamut(colorData_to_XYZ_D65(a).channels):a.colorNotation!==xe.Display_P3&&(r=R(colorData_to_XYZ_D65(a).channels));const t=o?Math.min(1,Math.max(0,toPrecision(r[0],6))):toPrecision(r[0],6),l=o?Math.min(1,Math.max(0,toPrecision(r[1],6))):toPrecision(r[1],6),s=o?Math.min(1,Math.max(0,toPrecision(r[2],6))):toPrecision(r[2],6),c=[e.Function,"color(",-1,-1,{value:"color"}],i=[e.Whitespace," ",-1,-1,void 0];return serializeWithAlpha(a,c,i,[new ge([e.Ident,"display-p3",-1,-1,{value:"display-p3"}]),new Ce([i]),new ge([e.Number,t.toString(),-1,-1,{value:r[0],type:n.Number}]),new Ce([i]),new ge([e.Number,l.toString(),-1,-1,{value:r[1],type:n.Number}]),new Ce([i]),new ge([e.Number,s.toString(),-1,-1,{value:r[2],type:n.Number}])])}function serializeRGB(a,o=!0){let r;a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation),r=o?XYZ_D65_to_sRGB_Gamut(colorData_to_XYZ_D65(a).channels):B(colorData_to_XYZ_D65(a).channels);const t=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[0])))),l=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[1])))),s=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[2])))),c=[e.CloseParen,")",-1,-1,void 0],i=[e.Whitespace," ",-1,-1,void 0],u=[e.Comma,",",-1,-1,void 0],h=[new ge([e.Number,t.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[0])),type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Number,l.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[1])),type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Number,s.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[2])),type:n.Integer}])];if("number"==typeof a.alpha){const o=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(o,4)?new _e([e.Function,"rgb(",-1,-1,{value:"rgb"}],c,h):new _e([e.Function,"rgba(",-1,-1,{value:"rgba"}],c,[...h,new ge(u),new Ce([i]),new ge([e.Number,toPrecision(o,4).toString(),-1,-1,{value:a.alpha,type:n.Number}])])}return new _e([e.Function,"rgba(",-1,-1,{value:"rgba"}],c,[...h,new ge(u),new Ce([i]),a.alpha])}function serializeHSL(a,o=!0){let r;a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation),r=$(o?w(XYZ_D65_to_sRGB_Gamut(colorData_to_XYZ_D65(a).channels)):colorData_to_XYZ_D65(a).channels),r=r.map(e=>Number.isNaN(e)?0:e);const t=Math.min(360,Math.max(0,Math.round(toPrecision(r[0]))))%360,l=Math.min(100,Math.max(0,Math.round(toPrecision(r[1])))),s=Math.min(100,Math.max(0,Math.round(toPrecision(r[2])))),c=[e.CloseParen,")",-1,-1,void 0],i=[e.Whitespace," ",-1,-1,void 0],u=[e.Comma,",",-1,-1,void 0],h=[new ge([e.Number,t.toString(),-1,-1,{value:r[0],type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Percentage,l.toString()+"%",-1,-1,{value:r[1]}]),new ge(u),new Ce([i]),new ge([e.Percentage,s.toString()+"%",-1,-1,{value:r[2]}])];if("number"==typeof a.alpha){const o=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(o,4)?new _e([e.Function,"hsl(",-1,-1,{value:"hsl"}],c,h):new _e([e.Function,"hsla(",-1,-1,{value:"hsla"}],c,[...h,new ge(u),new Ce([i]),new ge([e.Number,toPrecision(o,4).toString(),-1,-1,{value:a.alpha,type:n.Number}])])}return new _e([e.Function,"hsla(",-1,-1,{value:"hsla"}],c,[...h,new ge(u),new Ce([i]),a.alpha])}function serializeOKLCH(a){a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation);let o=a.channels.map(e=>Number.isNaN(e)?0:e);a.colorNotation!==xe.OKLCH&&(o=L(colorData_to_XYZ_D65(a).channels));const r=toPrecision(o[0],6),t=toPrecision(o[1],6),l=toPrecision(o[2],6),s=[e.Function,"oklch(",-1,-1,{value:"oklch"}],c=[e.Whitespace," ",-1,-1,void 0];return serializeWithAlpha(a,s,c,[new ge([e.Number,r.toString(),-1,-1,{value:o[0],type:n.Number}]),new Ce([c]),new ge([e.Number,t.toString(),-1,-1,{value:o[1],type:n.Number}]),new Ce([c]),new ge([e.Number,l.toString(),-1,-1,{value:o[2],type:n.Number}])])}function computedValue(e,n=!0){const a=e.channels;switch(e.colorNotation){case xe.Lab:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(a[2]),1!==e.alpha?`lab(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`lab(${a[0]} ${a[1]} ${a[2]})`;case xe.LCH:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(normalizeHue(a[2])),1!==e.alpha?`lch(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`lch(${a[0]} ${a[1]} ${a[2]})`;case xe.OKLab:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(a[2]),1!==e.alpha?`oklab(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`oklab(${a[0]} ${a[1]} ${a[2]})`;case xe.OKLCH:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(normalizeHue(a[2])),1!==e.alpha?`oklch(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`oklch(${a[0]} ${a[1]} ${a[2]})`;case xe.RGB:case xe.HEX:return a.some(Number.isNaN)||Number.isNaN(e.alpha)||e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax)?1!==e.alpha?`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`:1!==e.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(e.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[2],5)))}, ${nanToNone(e.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(e.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[2],5)))})`;case xe.HSL:{if(a.some(Number.isNaN)||Number.isNaN(e.alpha)||!1===n)return 1!==e.alpha?`hsl(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")} / ${nanToNone(e.alpha)})`:`hsl(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")})`;if(e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax))return computedValue(colorDataToForRelativeColorSyntax(e,xe.sRGB));const o=colorDataToForRelativeColorSyntax(e,xe.RGB);return 1!==o.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))}, ${nanToNone(o.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))})`}case xe.HWB:{if(a.some(Number.isNaN)||Number.isNaN(e.alpha)||!1===n)return 1!==e.alpha?`hwb(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")} / ${nanToNone(e.alpha)})`:`hwb(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")})`;if(e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax))return computedValue(colorDataToForRelativeColorSyntax(e,xe.sRGB));const o=colorDataToForRelativeColorSyntax(e,xe.RGB);return 1!==o.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))}, ${nanToNone(o.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))})`}case xe.sRGB:return 1!==e.alpha?`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Linear_sRGB:return 1!==e.alpha?`color(srgb-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Display_P3:return 1!==e.alpha?`color(display-p3 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(display-p3 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Linear_Display_P3:return 1!==e.alpha?`color(display-p3-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(display-p3-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.A98_RGB:return 1!==e.alpha?`color(a98-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(a98-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.ProPhoto_RGB:return 1!==e.alpha?`color(prophoto-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(prophoto-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Rec2020:return 1!==e.alpha?`color(rec2020 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(rec2020 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.XYZ_D65:return 1!==e.alpha?`color(xyz-d65 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(xyz-d65 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.XYZ_D50:return 1!==e.alpha?`color(xyz-d50 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(xyz-d50 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`}throw new Error("unsupported color")}function nanToNone(e,n=""){return"string"==typeof e?e:"number"!=typeof e?e.toString():Number.isNaN(e)?"none":n?e.toString()+n:e.toString()}function normalizeHue(e){return"number"!=typeof e||Number.isNaN(e)?e:e%360}function reducePrecision(e,n=8){return Number.isNaN(e)||!Number.isFinite(e)?e:(n=Math.pow(10,n),Math.round(e*n)/n)}function color(e){if(fe(e)){switch(toLowerCaseAZ(e.getName())){case"rgb":case"rgba":return rgb(e,color);case"hsl":case"hsla":return hsl(e,color);case"hwb":return n=color,threeChannelSpaceSeparated(e,normalize_HWB_ChannelValues,xe.HWB,[],n);case"lab":return lab(e,color);case"lch":return lch(e,color);case"oklab":return oklab(e,color);case"oklch":return oklch(e,color);case"color":return color$1(e,color);case"color-mix":return colorMix(e,color);case"contrast-color":return contrastColor(e,color);case"alpha":return alpha(e,color)}}var n;if(ve(e)){if(i(e.value))return hex(e.value);if(a(e.value)){const n=namedColor(e.value[4].value);return!1!==n?n:"transparent"===toLowerCaseAZ(e.value[4].value)&&{colorNotation:xe.RGB,channels:[0,0,0],alpha:0,syntaxFlags:new Set([De.ColorKeyword])}}}return!1}export{xe as ColorNotation,De as SyntaxFlag,color,colorDataFitsDisplayP3_Gamut,colorDataFitsRGB_Gamut,computedValue,serializeHSL,serializeOKLCH,serializeP3,serializeRGB}; +import{TokenType as e,NumberType as n,isTokenIdent as a,isTokenPercentage as o,isTokenNumber as r,isTokenDelim as t,isTokenNumeric as l,isTokenComma as s,isTokenDimension as c,isTokenHash as i}from"@csstools/css-tokenizer";import{XYZ_D65_to_XYZ_D65 as u,XYZ_D50_to_XYZ_D65 as h,OKLCH_to_XYZ_D65 as N,LCH_to_XYZ_D65 as m,OKLab_to_XYZ_D65 as p,Lab_to_XYZ_D65 as b,HWB_to_XYZ_D65 as v,HSL_to_XYZ_D65 as f,ProPhoto_RGB_to_XYZ_D65 as g,a98_RGB_to_XYZ_D65 as d,rec_2020_to_XYZ_D65 as y,lin_P3_to_XYZ_D65 as _,P3_to_XYZ_D65 as C,lin_sRGB_to_XYZ_D65 as T,sRGB_to_XYZ_D65 as w,XYZ_D50_to_XYZ_D50 as x,XYZ_D65_to_OKLab as D,XYZ_D65_to_OKLCH as L,XYZ_D50_to_LCH as H,XYZ_D50_to_Lab as P,XYZ_D65_to_HWB as Z,XYZ_D65_to_HSL as $,XYZ_D65_to_a98_RGB as F,XYZ_D50_to_ProPhoto as M,XYZ_D65_to_rec_2020 as S,XYZ_D65_to_lin_P3 as z,XYZ_D65_to_P3 as R,XYZ_D65_to_lin_sRGB as k,XYZ_D65_to_sRGB as B,XYZ_D65_to_XYZ_D50 as X,OKLCH_to_XYZ_D50 as A,LCH_to_XYZ_D50 as G,OKLab_to_XYZ_D50 as Y,Lab_to_XYZ_D50 as V,HWB_to_XYZ_D50 as K,HSL_to_XYZ_D50 as I,ProPhoto_RGB_to_XYZ_D50 as O,a98_RGB_to_XYZ_D50 as W,rec_2020_to_XYZ_D50 as E,lin_P3_to_XYZ_D50 as U,P3_to_XYZ_D50 as j,lin_sRGB_to_XYZ_D50 as q,sRGB_to_XYZ_D50 as J,namedColors as Q,inGamut as ee,clip as ne,gam_sRGB as ae,mapGamutRayTrace as oe,OKLCH_to_OKLab as re,OKLab_to_XYZ as te,XYZ_to_lin_sRGB as le,lin_sRGB_to_XYZ as se,XYZ_to_OKLab as ce,OKLab_to_OKLCH as ie,contrast_ratio_wcag_2_1 as ue,gam_P3 as he,XYZ_to_lin_P3 as Ne,lin_P3_to_XYZ as me}from"@csstools/color-helpers";import{isWhitespaceNode as pe,isCommentNode as be,isTokenNode as ve,isFunctionNode as fe,TokenNode as ge,isWhiteSpaceOrCommentNode as de,replaceComponentValues as ye,FunctionNode as _e,WhitespaceNode as Ce}from"@csstools/css-parser-algorithms";import{mathFunctionNames as Te,calcFromComponentValues as we}from"@csstools/css-calc";var xe,De;function convertNaNToZero(e){return[Number.isNaN(e[0])?0:e[0],Number.isNaN(e[1])?0:e[1],Number.isNaN(e[2])?0:e[2]]}function colorData_to_XYZ_D50(e){switch(e.colorNotation){case xe.HEX:case xe.RGB:case xe.sRGB:return{...e,colorNotation:xe.XYZ_D50,channels:J(convertNaNToZero(e.channels))};case xe.Linear_sRGB:return{...e,colorNotation:xe.XYZ_D50,channels:q(convertNaNToZero(e.channels))};case xe.Display_P3:return{...e,colorNotation:xe.XYZ_D50,channels:j(convertNaNToZero(e.channels))};case xe.Linear_Display_P3:return{...e,colorNotation:xe.XYZ_D50,channels:U(convertNaNToZero(e.channels))};case xe.Rec2020:return{...e,colorNotation:xe.XYZ_D50,channels:E(convertNaNToZero(e.channels))};case xe.A98_RGB:return{...e,colorNotation:xe.XYZ_D50,channels:W(convertNaNToZero(e.channels))};case xe.ProPhoto_RGB:return{...e,colorNotation:xe.XYZ_D50,channels:O(convertNaNToZero(e.channels))};case xe.HSL:return{...e,colorNotation:xe.XYZ_D50,channels:I(convertNaNToZero(e.channels))};case xe.HWB:return{...e,colorNotation:xe.XYZ_D50,channels:K(convertNaNToZero(e.channels))};case xe.Lab:return{...e,colorNotation:xe.XYZ_D50,channels:V(convertNaNToZero(e.channels))};case xe.OKLab:return{...e,colorNotation:xe.XYZ_D50,channels:Y(convertNaNToZero(e.channels))};case xe.LCH:return{...e,colorNotation:xe.XYZ_D50,channels:G(convertNaNToZero(e.channels))};case xe.OKLCH:return{...e,colorNotation:xe.XYZ_D50,channels:A(convertNaNToZero(e.channels))};case xe.XYZ_D50:return{...e,colorNotation:xe.XYZ_D50,channels:x(convertNaNToZero(e.channels))};case xe.XYZ_D65:return{...e,colorNotation:xe.XYZ_D50,channels:X(convertNaNToZero(e.channels))};default:throw new Error("Unsupported color notation")}}function colorData_to_XYZ_D65(e){switch(e.colorNotation){case xe.HEX:case xe.RGB:case xe.sRGB:return{...e,colorNotation:xe.XYZ_D65,channels:w(convertNaNToZero(e.channels))};case xe.Linear_sRGB:return{...e,colorNotation:xe.XYZ_D65,channels:T(convertNaNToZero(e.channels))};case xe.Display_P3:return{...e,colorNotation:xe.XYZ_D65,channels:C(convertNaNToZero(e.channels))};case xe.Linear_Display_P3:return{...e,colorNotation:xe.XYZ_D65,channels:_(convertNaNToZero(e.channels))};case xe.Rec2020:return{...e,colorNotation:xe.XYZ_D65,channels:y(convertNaNToZero(e.channels))};case xe.A98_RGB:return{...e,colorNotation:xe.XYZ_D65,channels:d(convertNaNToZero(e.channels))};case xe.ProPhoto_RGB:return{...e,colorNotation:xe.XYZ_D65,channels:g(convertNaNToZero(e.channels))};case xe.HSL:return{...e,colorNotation:xe.XYZ_D65,channels:f(convertNaNToZero(e.channels))};case xe.HWB:return{...e,colorNotation:xe.XYZ_D65,channels:v(convertNaNToZero(e.channels))};case xe.Lab:return{...e,colorNotation:xe.XYZ_D65,channels:b(convertNaNToZero(e.channels))};case xe.OKLab:return{...e,colorNotation:xe.XYZ_D65,channels:p(convertNaNToZero(e.channels))};case xe.LCH:return{...e,colorNotation:xe.XYZ_D65,channels:m(convertNaNToZero(e.channels))};case xe.OKLCH:return{...e,colorNotation:xe.XYZ_D65,channels:N(convertNaNToZero(e.channels))};case xe.XYZ_D50:return{...e,colorNotation:xe.XYZ_D65,channels:h(convertNaNToZero(e.channels))};case xe.XYZ_D65:return{...e,colorNotation:xe.XYZ_D65,channels:u(convertNaNToZero(e.channels))};default:throw new Error("Unsupported color notation")}}!function(e){e.A98_RGB="a98-rgb",e.Display_P3="display-p3",e.Linear_Display_P3="display-p3-linear",e.HEX="hex",e.HSL="hsl",e.HWB="hwb",e.LCH="lch",e.Lab="lab",e.Linear_sRGB="srgb-linear",e.OKLCH="oklch",e.OKLab="oklab",e.ProPhoto_RGB="prophoto-rgb",e.RGB="rgb",e.sRGB="srgb",e.Rec2020="rec2020",e.XYZ_D50="xyz-d50",e.XYZ_D65="xyz-d65"}(xe||(xe={})),function(e){e.ColorKeyword="color-keyword",e.HasAlpha="has-alpha",e.HasDimensionValues="has-dimension-values",e.HasNoneKeywords="has-none-keywords",e.HasNumberValues="has-number-values",e.HasPercentageAlpha="has-percentage-alpha",e.HasPercentageValues="has-percentage-values",e.HasVariableAlpha="has-variable-alpha",e.Hex="hex",e.LegacyHSL="legacy-hsl",e.LegacyRGB="legacy-rgb",e.NamedColor="named-color",e.RelativeColorSyntax="relative-color-syntax",e.ColorMix="color-mix",e.ColorMixVariadic="color-mix-variadic",e.ContrastColor="contrast-color",e.RelativeAlphaSyntax="relative-alpha-syntax",e.Experimental="experimental"}(De||(De={}));const Le=new Set([xe.A98_RGB,xe.Display_P3,xe.Linear_Display_P3,xe.HEX,xe.Linear_sRGB,xe.ProPhoto_RGB,xe.RGB,xe.sRGB,xe.Rec2020,xe.XYZ_D50,xe.XYZ_D65]);function colorDataToForInterpolation(e,n){if(e.colorNotation===n)return{...e};const a=[...e.channels];let o={...e};return o.channels=convertPowerlessComponentsToMissingComponents(o.channels,e.colorNotation),o=convertToDestination(o,n),o.channels=carryForwardMissingComponentsForColorAndNotation(o,e.colorNotation,n,a),o}function colorDataToForRelativeColorSyntax(e,n){if(e.colorNotation===n)return{...e};const a=[...e.channels];let o={...e};return o.channels=convertPowerlessComponentsToMissingComponents(o.channels,e.colorNotation),o=convertToDestination(o,n),o.channels=carryForwardMissingComponentsForColorAndNotation(o,e.colorNotation,n,a),o}function convertToDestination(e,n){if(e.colorNotation===n)return e.channels=convertNaNToZero(e.channels),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n),e;switch(n){case xe.HEX:case xe.RGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.RGB,e.channels=B(n.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.sRGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.sRGB,e.channels=B(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Linear_sRGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Linear_sRGB,e.channels=k(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Display_P3:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Display_P3,e.channels=R(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Linear_Display_P3:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Linear_Display_P3,e.channels=z(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.Rec2020:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.Rec2020,e.channels=S(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.ProPhoto_RGB:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.ProPhoto_RGB,e.channels=M(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.A98_RGB:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.A98_RGB,e.channels=F(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.HSL:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.HSL,e.channels=$(a.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels,0),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.HWB:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.HWB,e.channels=Z(a.channels),e.channels=e.channels.map(e=>reducePrecisionOrNaN(e,8)),e.channels=normalizeAfterColorConversion(e.channels,0),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.Lab:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.Lab,e.channels=P(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.LCH:{const a=colorData_to_XYZ_D50(e);e.colorNotation=xe.LCH,e.channels=H(a.channels),e.channels=normalizeAfterColorConversion(e.channels,2),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.OKLCH:{const a=colorData_to_XYZ_D65(e);e.colorNotation=xe.OKLCH,e.channels=L(a.channels),e.channels=normalizeAfterColorConversion(e.channels,2),e.channels=convertPowerlessComponentsToMissingComponents(e.channels,n);break}case xe.OKLab:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.OKLab,e.channels=D(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.XYZ_D50:{const n=colorData_to_XYZ_D50(e);e.colorNotation=xe.XYZ_D50,e.channels=x(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}case xe.XYZ_D65:{const n=colorData_to_XYZ_D65(e);e.colorNotation=xe.XYZ_D65,e.channels=u(n.channels),e.channels=normalizeAfterColorConversion(e.channels);break}default:throw new Error("Unsupported color notation")}return e}function carryForwardMissingComponentsForColorAndNotation(e,n,a,o){if(n===a)return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);if(Le.has(a)&&Le.has(n))return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);switch(a){case xe.HSL:switch(n){case xe.HWB:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[2],[0,1]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[2,1,0],[]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.HWB:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[2],[0,1],e.channels,[0],[1,2]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.Lab:case xe.OKLab:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[2],[0,1],e.channels,[0],[1,2]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}case xe.LCH:case xe.OKLCH:switch(n){case xe.HSL:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[2,1,0],[]);case xe.HWB:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[2],[0,1]);case xe.Lab:case xe.OKLab:return carryForwardMissingComponents(o,[0],[1,2],e.channels,[0],[1,2]);case xe.LCH:case xe.OKLCH:return carryForwardMissingComponents(o,[0,1,2],[],e.channels,[0,1,2],[]);default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}default:return carryForwardMissingComponents(o,[],[],e.channels,[],[])}}function convertPowerlessComponentsToMissingComponents(e,n){const a=[...e];switch(n){case xe.HSL:(Number.isNaN(a[1])?0:a[1])<=.001&&(a[0]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0));break;case xe.HWB:{const e=Number.isNaN(a[1])?0:a[1],n=Number.isNaN(a[2])?0:a[2];e+n>=99.999&&(a[0]=Number.NaN,e+n<100&&(Number.isNaN(a[1])?a[2]=100:Number.isNaN(a[2])?a[1]=100:a[2]=100-a[1]));break}case xe.LCH:(Number.isNaN(a[1])?0:a[1])<=.0015&&(a[2]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0));break;case xe.OKLCH:(Number.isNaN(a[1])?0:a[1])<=4e-6&&(a[2]=Number.NaN,!Number.isNaN(a[1])&&a[1]>0&&(a[1]=0))}return a}function convertPowerlessComponentsToZeroValuesForDisplay(e,n){const a=[...e];switch(n){case xe.HSL:(Number.isNaN(a[1])?0:a[1])<=.001&&(a[0]=Number.NaN),(reducePrecision$1(a[2])<=0||reducePrecision$1(a[2])>=100)&&(a[0]=Number.NaN,a[1]=Number.NaN);break;case xe.HWB:(Number.isNaN(a[1])?0:a[1])+(Number.isNaN(a[2])?0:a[2])>=99.999&&(a[0]=Number.NaN);break;case xe.Lab:(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=100)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.LCH:(Number.isNaN(a[1])?0:a[1])<=.0015&&(a[2]=Number.NaN),(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=100)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.OKLab:(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=1)&&(a[1]=Number.NaN,a[2]=Number.NaN);break;case xe.OKLCH:(Number.isNaN(a[1])?0:a[1])<=4e-6&&(a[2]=Number.NaN),(reducePrecision$1(a[0])<=0||reducePrecision$1(a[0])>=1)&&(a[1]=Number.NaN,a[2]=Number.NaN)}return a}function carryForwardMissingComponents(e,n,a,o,r,t){if(n.length<3&&e.every(Number.isNaN))return[Number.NaN,Number.NaN,Number.NaN];const l=[...o];for(let a=0;aNumber.isNaN(e[n])))for(let e=0;ee<-1e-5||e>1.00001)}function colorDataFitsDisplayP3_Gamut(e){const n={...e,channels:[...e.channels]};n.channels=convertPowerlessComponentsToZeroValuesForDisplay(n.channels,n.colorNotation);return!colorDataToForRelativeColorSyntax(n,xe.Display_P3).channels.find(e=>e<-1e-5||e>1.00001)}function normalize(e,n,a,o){return Math.min(Math.max(e/n,a),o)}const He=/[A-Z]/g;function toLowerCaseAZ(e){return e.replace(He,e=>String.fromCharCode(e.charCodeAt(0)+32))}const Pe=-2147483647,Ze=2147483647;function normalize_Color_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,100,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}const $e=new Set(["srgb","srgb-linear","display-p3","display-p3-linear","a98-rgb","prophoto-rgb","rec2020","xyz","xyz-d50","xyz-d65"]);function color$1(e,n){const o=[],s=[],c=[],i=[];let u,h,N=!1,m=!1;const p={colorNotation:xe.sRGB,channels:[0,0,0],alpha:1,syntaxFlags:new Set([])};let b=o;for(let r=0;r=0&&i.value[4].value<=100){t=i.value[4].value;continue}}}return!1}if(!r)return!1;a.push({color:r,percentage:t}),r=!1,t=!1}}return!!r&&(a.push({color:r,percentage:t}),a)}function colorMixRectangular(e,n){if(!n||!n.length)return!1;for(const e of n)if(e.percentage&&(e.percentage<0||e.percentage>100))return!1;const{items:a,leftover:o}=normalizeMixPercentages(n,!0),r=1-o/100;let t;switch(e){case"srgb":t=xe.RGB;break;case"srgb-linear":t=xe.Linear_sRGB;break;case"display-p3":t=xe.Display_P3;break;case"display-p3-linear":t=xe.Linear_Display_P3;break;case"a98-rgb":t=xe.A98_RGB;break;case"prophoto-rgb":t=xe.ProPhoto_RGB;break;case"rec2020":t=xe.Rec2020;break;case"lab":t=xe.Lab;break;case"oklab":t=xe.OKLab;break;case"xyz-d50":t=xe.XYZ_D50;break;case"xyz":case"xyz-d65":t=xe.XYZ_D65;break;default:return!1}if(1===a.length){const e=colorDataToForInterpolation(a[0].color,t);return e.colorNotation=t,e.syntaxFlags.add(De.ColorMixVariadic),e.syntaxFlags.add(De.ColorMix),"number"!=typeof e.alpha?!1:(e.alpha=e.alpha*r,e)}for(a.reverse();a.length>=2;){const e=a.pop(),n=a.pop();if(!e||!n)return!1;const o=e.percentage+n.percentage,r=o>0?n.percentage/o:.5,l=colorMixRectangularPair(t,e.color,n.color,r);if(!l)return!1;a.push({color:l,percentage:o})}const l=a[0]?.color;return!!l&&("number"==typeof l.alpha&&(l.alpha=l.alpha*r,n.some(e=>e.color.syntaxFlags.has(De.Experimental))&&l.syntaxFlags.add(De.Experimental),2!==n.length&&l.syntaxFlags.add(De.ColorMixVariadic),l))}function colorMixRectangularPair(e,n,a,o){let r=n.alpha;if("number"!=typeof r)return!1;let t=a.alpha;if("number"!=typeof t)return!1;r=Number.isNaN(r)?t:r,t=Number.isNaN(t)?r:t;const l=colorDataToForInterpolation(n,e).channels,s=colorDataToForInterpolation(a,e).channels;l[0]=fillInMissingComponent(l[0],s[0]),s[0]=fillInMissingComponent(s[0],l[0]),l[1]=fillInMissingComponent(l[1],s[1]),s[1]=fillInMissingComponent(s[1],l[1]),l[2]=fillInMissingComponent(l[2],s[2]),s[2]=fillInMissingComponent(s[2],l[2]),l[0]=premultiply(l[0],r),l[1]=premultiply(l[1],r),l[2]=premultiply(l[2],r),s[0]=premultiply(s[0],t),s[1]=premultiply(s[1],t),s[2]=premultiply(s[2],t);const c=interpolate(r,t,o);return{colorNotation:e,channels:[un_premultiply(interpolate(l[0],s[0],o),c),un_premultiply(interpolate(l[1],s[1],o),c),un_premultiply(interpolate(l[2],s[2],o),c)],alpha:c,syntaxFlags:new Set([De.ColorMix])}}function colorMixPolar(e,n,a){if(!a||!a.length)return!1;for(const e of a)if(e.percentage&&(e.percentage<0||e.percentage>100))return!1;const{items:o,leftover:r}=normalizeMixPercentages(a,!0),t=1-r/100;let l;switch(e){case"hsl":l=xe.HSL;break;case"hwb":l=xe.HWB;break;case"lch":l=xe.LCH;break;case"oklch":l=xe.OKLCH;break;default:return!1}if(1===o.length){const e=colorDataToForInterpolation(o[0].color,l);return e.colorNotation=l,e.syntaxFlags.add(De.ColorMixVariadic),e.syntaxFlags.add(De.ColorMix),"number"!=typeof e.alpha?!1:(e.alpha=e.alpha*t,e)}for(o.reverse();o.length>=2;){const e=o.pop(),a=o.pop();if(!e||!a)return!1;const r=e.percentage+a.percentage,t=r>0?a.percentage/r:.5,s=colorMixPolarPair(l,n,e.color,a.color,t);if(!s)return!1;o.push({color:s,percentage:r})}const s=o[0]?.color;return!!s&&("number"==typeof s.alpha&&(s.alpha=s.alpha*t,a.some(e=>e.color.syntaxFlags.has(De.Experimental))&&s.syntaxFlags.add(De.Experimental),2!==a.length&&s.syntaxFlags.add(De.ColorMixVariadic),s))}function colorMixPolarPair(e,n,a,o,r){let t=0,l=0,s=0,c=0,i=0,u=0,h=a.alpha;if("number"!=typeof h)return!1;let N=o.alpha;if("number"!=typeof N)return!1;h=Number.isNaN(h)?N:h,N=Number.isNaN(N)?h:N;const m=colorDataToForInterpolation(a,e).channels,p=colorDataToForInterpolation(o,e).channels;switch(e){case xe.HSL:case xe.HWB:t=m[0],l=p[0],s=m[1],c=p[1],i=m[2],u=p[2];break;case xe.LCH:case xe.OKLCH:s=m[0],c=p[0],i=m[1],u=p[1],t=m[2],l=p[2]}if(s=fillInMissingComponent(s,c),c=fillInMissingComponent(c,s),i=fillInMissingComponent(i,u),u=fillInMissingComponent(u,i),t=fillInMissingComponent(t,l),l=fillInMissingComponent(l,t),Number.isNaN(t)&&Number.isNaN(l));else{const e=l-t;switch(n){case"shorter":e>180?t+=360:e<-180&&(l+=360);break;case"longer":-1800?t+=360:l+=360);break;case"increasing":e<0&&(l+=360);break;case"decreasing":e>0&&(t+=360);break;default:throw new Error("Unknown hue interpolation method")}}s=premultiply(s,h),i=premultiply(i,h),c=premultiply(c,N),u=premultiply(u,N);let b=[0,0,0];const v=interpolate(h,N,r);switch(e){case xe.HSL:case xe.HWB:b=[interpolate(t,l,r),un_premultiply(interpolate(s,c,r),v),un_premultiply(interpolate(i,u,r),v)];break;case xe.LCH:case xe.OKLCH:b=[un_premultiply(interpolate(s,c,r),v),un_premultiply(interpolate(i,u,r),v),interpolate(t,l,r)]}return{colorNotation:e,channels:b,alpha:v,syntaxFlags:new Set([De.ColorMix])}}function fillInMissingComponent(e,n){return Number.isNaN(e)?n:e}function interpolate(e,n,a){return e*(1-a)+n*a}function premultiply(e,n){return Number.isNaN(n)?e:Number.isNaN(e)?Number.NaN:e*n}function un_premultiply(e,n){return 0===n||Number.isNaN(n)?e:Number.isNaN(e)?Number.NaN:e/n}function normalizeMixPercentages(e,n=!1){let a=0,o=0;for(const n of e)n.percentage&&(a+=n.percentage),!1===n.percentage&&o++;a=Math.min(100,a);for(const n of e)!1===n.percentage&&(n.percentage=(100-a)/o);const r=e.slice();let t=0;for(const e of r)t+=e.percentage;if(t>100||t>0&&n)for(const e of r)e.percentage=e.percentage*(100/t);let l=0;return t<100&&(l=100-t),{items:r,leftover:l}}function hex(e){const n=toLowerCaseAZ(e[4].value);if(n.match(/[^a-f0-9]/))return!1;const a={colorNotation:xe.HEX,channels:[0,0,0],alpha:1,syntaxFlags:new Set([De.Hex])},o=n.length;if(3===o){const e=n[0],o=n[1],r=n[2];return a.channels=[parseInt(e+e,16)/255,parseInt(o+o,16)/255,parseInt(r+r,16)/255],a}if(6===o){const e=n[0]+n[1],o=n[2]+n[3],r=n[4]+n[5];return a.channels=[parseInt(e,16)/255,parseInt(o,16)/255,parseInt(r,16)/255],a}if(4===o){const e=n[0],o=n[1],r=n[2],t=n[3];return a.channels=[parseInt(e+e,16)/255,parseInt(o+o,16)/255,parseInt(r+r,16)/255],a.alpha=parseInt(t+t,16)/255,a.syntaxFlags.add(De.HasAlpha),a}if(8===o){const e=n[0]+n[1],o=n[2]+n[3],r=n[4]+n[5],t=n[6]+n[7];return a.channels=[parseInt(e,16)/255,parseInt(o,16)/255,parseInt(r,16)/255],a.alpha=parseInt(t,16)/255,a.syntaxFlags.add(De.HasAlpha),a}return!1}function normalizeHue$1(a){if(r(a))return Number.isNaN(a[4].value)||Number.isFinite(a[4].value)||(a[4].value=0),a[4].value=a[4].value%360,a[4].value<0&&(a[4].value+=360),a[1]=a[4].value.toString(),a;if(c(a)){let o=a[4].value;switch(toLowerCaseAZ(a[4].unit)){case"deg":break;case"rad":o=180*a[4].value/Math.PI;break;case"grad":o=.9*a[4].value;break;case"turn":o=360*a[4].value;break;default:return!1}return Number.isNaN(a[4].value)||Number.isFinite(a[4].value)||(a[4].value=0),o%=360,o<0&&(o+=360),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_legacy_HSL_ChannelValues(a,t,l){if(0===t){const e=normalizeHue$1(a);return!1!==e&&(c(a)&&l.syntaxFlags.add(De.HasDimensionValues),e)}if(o(a)){let o;return 3===t?l.syntaxFlags.add(De.HasPercentageAlpha):l.syntaxFlags.add(De.HasPercentageValues),o=3===t?normalize(a[4].value,100,0,1):normalize(a[4].value,1,1===t?0:Pe,Ze),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}if(r(a)){if(3!==t)return!1;let o;return o=3===t?normalize(a[4].value,1,0,1):normalize(a[4].value,1,1===t?0:Pe,Ze),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_modern_HSL_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(0===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3===l?s.syntaxFlags.add(De.HasPercentageAlpha):s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,1===l?0:Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,1===l?0:Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function threeChannelLegacySyntax(e,n,a,o){const t=[],c=[],i=[],u=[],h={colorNotation:a,channels:[0,0,0],alpha:1,syntaxFlags:new Set(o)};let N=t;for(let n=0;nve(e)&&s(e.value))){const n=hslCommaSeparated(e);if(!1!==n)return n}{const a=hslSpaceSeparated(e,n);if(!1!==a)return a}return!1}function hslCommaSeparated(e){return threeChannelLegacySyntax(e,normalize_legacy_HSL_ChannelValues,xe.HSL,[De.LegacyHSL])}function hslSpaceSeparated(e,n){return threeChannelSpaceSeparated(e,normalize_modern_HSL_ChannelValues,xe.HSL,[],n)}function normalize_HWB_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(0===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3===l?s.syntaxFlags.add(De.HasPercentageAlpha):s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,1,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function normalize_Lab_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l||2===l?normalize(t[4].value,.8,Pe,Ze):3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,0,100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=1===l||2===l?normalize(t[4].value,1,Pe,Ze):normalize(t[4].value,1,0,3===l?1:100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function lab(e,n){return threeChannelSpaceSeparated(e,normalize_Lab_ChannelValues,xe.Lab,[],n)}function normalize_LCH_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(2===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l?normalize(t[4].value,100/150,0,Ze):3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,1,0,100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=normalize(t[4].value,1,0,1===l?Ze:3===l?1:100),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function lch(e,n){return threeChannelSpaceSeparated(e,normalize_LCH_ChannelValues,xe.LCH,[],n)}const ze=new Map;for(const[e,n]of Object.entries(Q))ze.set(e,n);function namedColor(e){const n=ze.get(toLowerCaseAZ(e));return!!n&&{colorNotation:xe.RGB,channels:[n[0]/255,n[1]/255,n[2]/255],alpha:1,syntaxFlags:new Set([De.ColorKeyword,De.NamedColor])}}function normalize_OKLab_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l||2===l?normalize(t[4].value,250,Pe,Ze):normalize(t[4].value,100,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=1===l||2===l?normalize(t[4].value,1,Pe,Ze):normalize(t[4].value,1,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function oklab(e,n){return threeChannelSpaceSeparated(e,normalize_OKLab_ChannelValues,xe.OKLab,[],n)}function normalize_OKLCH_ChannelValues(t,l,s){if(a(t)&&"none"===toLowerCaseAZ(t[4].value))return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(2===l){const e=normalizeHue$1(t);return!1!==e&&(c(t)&&s.syntaxFlags.add(De.HasDimensionValues),e)}if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=1===l?normalize(t[4].value,250,0,Ze):normalize(t[4].value,100,0,1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=normalize(t[4].value,1,0,1===l?Ze:1),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function oklch(e,n){return threeChannelSpaceSeparated(e,normalize_OKLCH_ChannelValues,xe.OKLCH,[],n)}function normalize_legacy_sRGB_ChannelValues(a,t,l){if(o(a)){3===t?l.syntaxFlags.add(De.HasPercentageAlpha):l.syntaxFlags.add(De.HasPercentageValues);const o=normalize(a[4].value,100,0,1);return[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}if(r(a)){let o;return 3!==t&&l.syntaxFlags.add(De.HasNumberValues),o=normalize(a[4].value,3===t?1:255,0,1),[e.Number,o.toString(),a[2],a[3],{value:o,type:n.Number}]}return!1}function normalize_modern_sRGB_ChannelValues(t,l,s){if(a(t)&&"none"===t[4].value.toLowerCase())return s.syntaxFlags.add(De.HasNoneKeywords),[e.Number,"none",t[2],t[3],{value:Number.NaN,type:n.Number}];if(o(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasPercentageValues),a=3===l?normalize(t[4].value,100,0,1):normalize(t[4].value,100,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}if(r(t)){let a;return 3!==l&&s.syntaxFlags.add(De.HasNumberValues),a=3===l?normalize(t[4].value,1,0,1):normalize(t[4].value,255,Pe,Ze),[e.Number,a.toString(),t[2],t[3],{value:a,type:n.Number}]}return!1}function rgb(e,n){if(e.value.some(e=>ve(e)&&s(e.value))){const n=rgbCommaSeparated(e);if(!1!==n)return(!n.syntaxFlags.has(De.HasNumberValues)||!n.syntaxFlags.has(De.HasPercentageValues))&&n}else{const a=rgbSpaceSeparated(e,n);if(!1!==a)return a}return!1}function rgbCommaSeparated(e){return threeChannelLegacySyntax(e,normalize_legacy_sRGB_ChannelValues,xe.RGB,[De.LegacyRGB])}function rgbSpaceSeparated(e,n){return threeChannelSpaceSeparated(e,normalize_modern_sRGB_ChannelValues,xe.RGB,[],n)}function XYZ_D65_to_sRGB_Gamut(e){const n=B(e);if(ee(n))return ne(n);let a=e;return a=L(a),a[0]<1e-6&&(a=[0,0,0]),a[0]>.999999&&(a=[1,0,0]),ae(oe(a,oklch_to_lin_srgb,lin_srgb_to_oklch))}function oklch_to_lin_srgb(e){return e=re(e),e=te(e),le(e)}function lin_srgb_to_oklch(e){return e=se(e),e=ce(e),ie(e)}function contrastColor(e,n){let a=!1;for(let o=0;ot?[1,1,1]:[0,0,0],o}function alpha(e,n){let o,s,c=!1,i=!1,u=!1;const h={colorNotation:xe.sRGB,channels:[0,0,0],alpha:1,syntaxFlags:new Set([])};for(let N=0;N{if(ve(e)&&a(e.value)&&"alpha"===toLowerCaseAZ(e.value[4].value)&&o&&o.has("alpha"))return new ge(o.get("alpha"))});h.alpha=e[0][0],i=!0;continue}return!1}if(u)return!1;for(;pe(e.value[N+1])||be(e.value[N+1]);)N++;if(N++,m=e.value[N],u=n(m),!1===u)return!1;o=normalizeRelativeColorDataChannels(u),s=noneToZeroInRelativeColorDataChannels(o),h.syntaxFlags=new Set(u.syntaxFlags),h.syntaxFlags.add(De.RelativeAlphaSyntax),h.channels=[...u.channels],h.colorNotation=u.colorNotation,h.alpha=u.alpha}}return!!o&&(!!i&&h)}function XYZ_D65_to_P3_Gamut(e){const n=R(e);if(ee(n))return ne(n);let a=e;return a=L(a),a[0]<1e-6&&(a=[0,0,0]),a[0]>.999999&&(a=[1,0,0]),he(oe(a,oklch_to_lin_p3,lin_p3_to_oklch))}function oklch_to_lin_p3(e){return e=re(e),e=te(e),Ne(e)}function lin_p3_to_oklch(e){return e=me(e),e=ce(e),ie(e)}function toPrecision(e,n=7){e=+e,n=+n;const a=(Math.floor(Math.abs(e))+"").length;if(n>a)return+e.toFixed(n-a);{const o=10**(a-n);return Math.round(e/o)*o}}function serializeWithAlpha(a,o,r,t){const l=[e.CloseParen,")",-1,-1,void 0];if("number"==typeof a.alpha){const s=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(s,4)?new _e(o,l,t):new _e(o,l,[...t,new Ce([r]),new ge([e.Delim,"/",-1,-1,{value:"/"}]),new Ce([r]),new ge([e.Number,toPrecision(s,4).toString(),-1,-1,{value:a.alpha,type:n.Integer}])])}return new _e(o,l,[...t,new Ce([r]),new ge([e.Delim,"/",-1,-1,{value:"/"}]),new Ce([r]),a.alpha])}function serializeP3(a,o=!0){a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation);let r=a.channels.map(e=>Number.isNaN(e)?0:e);o?r=XYZ_D65_to_P3_Gamut(colorData_to_XYZ_D65(a).channels):a.colorNotation!==xe.Display_P3&&(r=R(colorData_to_XYZ_D65(a).channels));const t=o?Math.min(1,Math.max(0,toPrecision(r[0],6))):toPrecision(r[0],6),l=o?Math.min(1,Math.max(0,toPrecision(r[1],6))):toPrecision(r[1],6),s=o?Math.min(1,Math.max(0,toPrecision(r[2],6))):toPrecision(r[2],6),c=[e.Function,"color(",-1,-1,{value:"color"}],i=[e.Whitespace," ",-1,-1,void 0];return serializeWithAlpha(a,c,i,[new ge([e.Ident,"display-p3",-1,-1,{value:"display-p3"}]),new Ce([i]),new ge([e.Number,t.toString(),-1,-1,{value:r[0],type:n.Number}]),new Ce([i]),new ge([e.Number,l.toString(),-1,-1,{value:r[1],type:n.Number}]),new Ce([i]),new ge([e.Number,s.toString(),-1,-1,{value:r[2],type:n.Number}])])}function serializeRGB(a,o=!0){let r;a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation),r=o?XYZ_D65_to_sRGB_Gamut(colorData_to_XYZ_D65(a).channels):B(colorData_to_XYZ_D65(a).channels);const t=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[0])))),l=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[1])))),s=Math.min(255,Math.max(0,Math.round(255*toPrecision(r[2])))),c=[e.CloseParen,")",-1,-1,void 0],i=[e.Whitespace," ",-1,-1,void 0],u=[e.Comma,",",-1,-1,void 0],h=[new ge([e.Number,t.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[0])),type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Number,l.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[1])),type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Number,s.toString(),-1,-1,{value:Math.min(255,255*Math.max(0,r[2])),type:n.Integer}])];if("number"==typeof a.alpha){const o=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(o,4)?new _e([e.Function,"rgb(",-1,-1,{value:"rgb"}],c,h):new _e([e.Function,"rgba(",-1,-1,{value:"rgba"}],c,[...h,new ge(u),new Ce([i]),new ge([e.Number,toPrecision(o,4).toString(),-1,-1,{value:a.alpha,type:n.Number}])])}return new _e([e.Function,"rgba(",-1,-1,{value:"rgba"}],c,[...h,new ge(u),new Ce([i]),a.alpha])}function serializeHSL(a,o=!0){let r;a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation),r=$(o?w(XYZ_D65_to_sRGB_Gamut(colorData_to_XYZ_D65(a).channels)):colorData_to_XYZ_D65(a).channels),r=r.map(e=>Number.isNaN(e)?0:e);const t=Math.min(360,Math.max(0,Math.round(toPrecision(r[0]))))%360,l=Math.min(100,Math.max(0,Math.round(toPrecision(r[1])))),s=Math.min(100,Math.max(0,Math.round(toPrecision(r[2])))),c=[e.CloseParen,")",-1,-1,void 0],i=[e.Whitespace," ",-1,-1,void 0],u=[e.Comma,",",-1,-1,void 0],h=[new ge([e.Number,t.toString(),-1,-1,{value:r[0],type:n.Integer}]),new ge(u),new Ce([i]),new ge([e.Percentage,l.toString()+"%",-1,-1,{value:r[1]}]),new ge(u),new Ce([i]),new ge([e.Percentage,s.toString()+"%",-1,-1,{value:r[2]}])];if("number"==typeof a.alpha){const o=Math.min(1,Math.max(0,toPrecision(Number.isNaN(a.alpha)?0:a.alpha)));return 1===toPrecision(o,4)?new _e([e.Function,"hsl(",-1,-1,{value:"hsl"}],c,h):new _e([e.Function,"hsla(",-1,-1,{value:"hsla"}],c,[...h,new ge(u),new Ce([i]),new ge([e.Number,toPrecision(o,4).toString(),-1,-1,{value:a.alpha,type:n.Number}])])}return new _e([e.Function,"hsla(",-1,-1,{value:"hsla"}],c,[...h,new ge(u),new Ce([i]),a.alpha])}function serializeOKLCH(a){a.channels=convertPowerlessComponentsToZeroValuesForDisplay(a.channels,a.colorNotation);let o=a.channels.map(e=>Number.isNaN(e)?0:e);a.colorNotation!==xe.OKLCH&&(o=L(colorData_to_XYZ_D65(a).channels));const r=toPrecision(o[0],6),t=toPrecision(o[1],6),l=toPrecision(o[2],6),s=[e.Function,"oklch(",-1,-1,{value:"oklch"}],c=[e.Whitespace," ",-1,-1,void 0];return serializeWithAlpha(a,s,c,[new ge([e.Number,r.toString(),-1,-1,{value:o[0],type:n.Number}]),new Ce([c]),new ge([e.Number,t.toString(),-1,-1,{value:o[1],type:n.Number}]),new Ce([c]),new ge([e.Number,l.toString(),-1,-1,{value:o[2],type:n.Number}])])}function computedValue(e,n=!0){const a=e.channels;switch(e.colorNotation){case xe.Lab:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(a[2]),1!==e.alpha?`lab(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`lab(${a[0]} ${a[1]} ${a[2]})`;case xe.LCH:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(normalizeHue(a[2])),1!==e.alpha?`lch(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`lch(${a[0]} ${a[1]} ${a[2]})`;case xe.OKLab:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(a[2]),1!==e.alpha?`oklab(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`oklab(${a[0]} ${a[1]} ${a[2]})`;case xe.OKLCH:return a[0]=nanToNone(a[0]),a[1]=nanToNone(a[1]),a[2]=nanToNone(normalizeHue(a[2])),1!==e.alpha?`oklch(${a[0]} ${a[1]} ${a[2]} / ${nanToNone(e.alpha)})`:`oklch(${a[0]} ${a[1]} ${a[2]})`;case xe.RGB:case xe.HEX:return a.some(Number.isNaN)||Number.isNaN(e.alpha)||e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax)?1!==e.alpha?`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`:1!==e.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(e.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[2],5)))}, ${nanToNone(e.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(e.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(e.channels[2],5)))})`;case xe.HSL:{if(a.some(Number.isNaN)||Number.isNaN(e.alpha)||!1===n)return 1!==e.alpha?`hsl(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")} / ${nanToNone(e.alpha)})`:`hsl(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")})`;if(e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax))return computedValue(colorDataToForRelativeColorSyntax(e,xe.sRGB));const o=colorDataToForRelativeColorSyntax(e,xe.RGB);return 1!==o.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))}, ${nanToNone(o.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))})`}case xe.HWB:{if(a.some(Number.isNaN)||Number.isNaN(e.alpha)||!1===n)return 1!==e.alpha?`hwb(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")} / ${nanToNone(e.alpha)})`:`hwb(${nanToNone(normalizeHue(a[0]))} ${nanToNone(a[1],"%")} ${nanToNone(a[2],"%")})`;if(e.syntaxFlags.has(De.RelativeColorSyntax)||e.syntaxFlags.has(De.ColorMix)||e.syntaxFlags.has(De.RelativeAlphaSyntax))return computedValue(colorDataToForRelativeColorSyntax(e,xe.sRGB));const o=colorDataToForRelativeColorSyntax(e,xe.RGB);return 1!==o.alpha?`rgba(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))}, ${nanToNone(o.alpha)})`:`rgb(${nanToNone(Math.round(255*reducePrecision(o.channels[0],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[1],5)))}, ${nanToNone(Math.round(255*reducePrecision(o.channels[2],5)))})`}case xe.sRGB:return 1!==e.alpha?`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Linear_sRGB:return 1!==e.alpha?`color(srgb-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(srgb-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Display_P3:return 1!==e.alpha?`color(display-p3 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(display-p3 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Linear_Display_P3:return 1!==e.alpha?`color(display-p3-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(display-p3-linear ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.A98_RGB:return 1!==e.alpha?`color(a98-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(a98-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.ProPhoto_RGB:return 1!==e.alpha?`color(prophoto-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(prophoto-rgb ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.Rec2020:return 1!==e.alpha?`color(rec2020 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(rec2020 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.XYZ_D65:return 1!==e.alpha?`color(xyz-d65 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(xyz-d65 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`;case xe.XYZ_D50:return 1!==e.alpha?`color(xyz-d50 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])} / ${nanToNone(e.alpha)})`:`color(xyz-d50 ${nanToNone(a[0])} ${nanToNone(a[1])} ${nanToNone(a[2])})`}throw new Error("unsupported color")}function nanToNone(e,n=""){return"string"==typeof e?e:"number"!=typeof e?e.toString():Number.isNaN(e)?"none":n?e.toString()+n:e.toString()}function normalizeHue(e){return"number"!=typeof e||Number.isNaN(e)?e:e%360}function reducePrecision(e,n=8){return Number.isNaN(e)||!Number.isFinite(e)?e:(n=Math.pow(10,n),Math.round(e*n)/n)}function color(e){if(fe(e)){switch(toLowerCaseAZ(e.getName())){case"rgb":case"rgba":return rgb(e,color);case"hsl":case"hsla":return hsl(e,color);case"hwb":return n=color,threeChannelSpaceSeparated(e,normalize_HWB_ChannelValues,xe.HWB,[],n);case"lab":return lab(e,color);case"lch":return lch(e,color);case"oklab":return oklab(e,color);case"oklch":return oklch(e,color);case"color":return color$1(e,color);case"color-mix":return colorMix(e,color);case"contrast-color":return contrastColor(e,color);case"alpha":return alpha(e,color)}}var n;if(ve(e)){if(i(e.value))return hex(e.value);if(a(e.value)){const n=namedColor(e.value[4].value);return!1!==n?n:"transparent"===toLowerCaseAZ(e.value[4].value)&&{colorNotation:xe.RGB,channels:[0,0,0],alpha:0,syntaxFlags:new Set([De.ColorKeyword])}}}return!1}export{xe as ColorNotation,De as SyntaxFlag,color,colorDataFitsDisplayP3_Gamut,colorDataFitsRGB_Gamut,computedValue,serializeHSL,serializeOKLCH,serializeP3,serializeRGB}; diff --git a/packages/css-color-parser/src/functions/hsl-normalize-channel-values.ts b/packages/css-color-parser/src/functions/hsl-normalize-channel-values.ts index 0f8e527041..ef4198f20c 100644 --- a/packages/css-color-parser/src/functions/hsl-normalize-channel-values.ts +++ b/packages/css-color-parser/src/functions/hsl-normalize-channel-values.ts @@ -31,8 +31,10 @@ export function normalize_legacy_HSL_ChannelValues(token: CSSToken, index: numbe let value; if (index === 3) { value = normalize(token[4].value, 100, 0, 1); + } else if (index === 1) { + value = normalize(token[4].value, 1, 0, VALUE_FOR_POSITIVE_INFINITY); } else { - value = normalize(token[4].value, 1, 0, 100); + value = normalize(token[4].value, 1, VALUE_FOR_NEGATIVE_INFINITY, VALUE_FOR_POSITIVE_INFINITY); } return [ @@ -55,8 +57,10 @@ export function normalize_legacy_HSL_ChannelValues(token: CSSToken, index: numbe let value; if (index === 3) { value = normalize(token[4].value, 1, 0, 1); + } else if (index === 1) { + value = normalize(token[4].value, 1, 0, VALUE_FOR_POSITIVE_INFINITY); } else { - value = normalize(token[4].value, 1, 0, 100); + value = normalize(token[4].value, 1, VALUE_FOR_NEGATIVE_INFINITY, VALUE_FOR_POSITIVE_INFINITY); } return [ diff --git a/packages/css-color-parser/test/basic/clamping.mjs b/packages/css-color-parser/test/basic/clamping.mjs new file mode 100644 index 0000000000..c63c94e397 --- /dev/null +++ b/packages/css-color-parser/test/basic/clamping.mjs @@ -0,0 +1,83 @@ +import { color } from '@csstools/css-color-parser'; +import assert from 'node:assert'; +import { parse } from '../util/parse.mjs'; + +function assertChannels(css, channels, alpha = 1) { + const result = color(parse(css)); + assert.ok(result, `expected "${css}" to parse`); + assert.deepStrictEqual( + result.channels.map((x) => Number.isNaN(x) ? 'none' : (x === 0 ? 0 : x)), + channels, + `"${css}" channels`, + ); + assert.deepStrictEqual(result.alpha, alpha, `"${css}" alpha`); +} + +// hsl() only clamps negative saturation. +// Lightness and the upper bound of saturation are not clamped, in both modern and legacy syntax. +assertChannels('hsl(0 -50% 40%)', [0, 0, 40]); +assertChannels('hsl(0 150% 50%)', [0, 150, 50]); +assertChannels('hsl(0 100% 200%)', [0, 100, 200]); +assertChannels('hsl(0 100% -50%)', [0, 100, -50]); + +assertChannels('hsl(0, -50%, 40%)', [0, 0, 40]); +assertChannels('hsl(0, 150%, 50%)', [0, 150, 50]); +assertChannels('hsl(0, 100%, 200%)', [0, 100, 200]); +assertChannels('hsl(0, 100%, -50%)', [0, 100, -50]); + +assertChannels('hsl(0 -50 40)', [0, 0, 40]); +assertChannels('hsl(0 150 50)', [0, 150, 50]); +assertChannels('hsl(0 100 200)', [0, 100, 200]); +assertChannels('hsl(0 100 -50)', [0, 100, -50]); + +// Relative hsl() keeps out of range lightness and clamps negative saturation. +assertChannels('hsl(from red h calc(s * -1) l)', [0, 0, 50]); +assertChannels('hsl(from red h s calc(l + 100))', [0, 100, 150]); + +assertChannels('hsl(0 100% 50% / 200%)', [0, 100, 50], 1); +assertChannels('hsl(0, 100%, 50%, -1)', [0, 100, 50], 0); + +// hwb() does not clamp whiteness or blackness. +assertChannels('hwb(0 -10% 50%)', [0, -10, 50]); +assertChannels('hwb(0 50% -10%)', [0, 50, -10]); +assertChannels('hwb(0 200% 50%)', [0, 200, 50]); +assertChannels('hwb(0 50% 200%)', [0, 50, 200]); +assertChannels('hwb(from red h w calc(b + 100))', [0, 0, 100]); +assertChannels('hwb(from red h calc(w - 100) b)', [0, -100, 0]); +assertChannels('hwb(0 50% 50% / 200%)', [0, 50, 50], 1); + +// lab() clamps lightness to [0, 100]. +assertChannels('lab(200 300 -400)', [100, 300, -400]); +assertChannels('lab(-200 300 -400)', [0, 300, -400]); +assertChannels('lab(200% 0 0)', [100, 0, 0]); +assertChannels('lab(50 200% -200%)', [50, 250, -250]); +assertChannels('lab(from lab(0.7 45 30) 200 300 400)', [100, 300, 400]); +assertChannels('lab(50 0 0 / 200%)', [50, 0, 0], 1); + +// lch() clamps lightness to [0, 100] and negative chroma to 0. +assertChannels('lch(200 300 400)', [100, 300, 40]); +assertChannels('lch(-200 -300 -400)', [0, 0, 320]); +assertChannels('lch(50 200% 0)', [50, 300, 0]); +assertChannels('lch(from lch(0.7 45 30) 200 -300 400)', [100, 0, 40]); +assertChannels('lch(50 0 0 / 200%)', [50, 0, 0], 1); + +// oklab() clamps lightness to [0, 1]. +assertChannels('oklab(2 3 -4)', [1, 3, -4]); +assertChannels('oklab(-2 3 -4)', [0, 3, -4]); +assertChannels('oklab(200% 0 0)', [1, 0, 0]); +assertChannels('oklab(50% 100% -100%)', [0.5, 0.4, -0.4]); +assertChannels('oklab(from oklab(0.7 0.45 0.3) 2 3 4)', [1, 3, 4]); +assertChannels('oklab(0.5 0 0 / 200%)', [0.5, 0, 0], 1); + +// oklch() clamps lightness to [0, 1] and negative chroma to 0. +assertChannels('oklch(2 0.3 400)', [1, 0.3, 40]); +assertChannels('oklch(-2 -0.3 -400)', [0, 0, 320]); +assertChannels('oklch(50% 100% 0)', [0.5, 0.4, 0]); +assertChannels('oklch(from oklch(0.7 0.45 30) 2 -3 400)', [1, 0, 40]); +assertChannels('oklch(0.5 0 0 / 200%)', [0.5, 0, 0], 1); + +// Hue angles are normalized to [0, 360). +assertChannels('hsl(720 100% 50%)', [0, 100, 50]); +assertChannels('hwb(720 0% 0%)', [0, 0, 0]); +assertChannels('lch(50 10 720)', [50, 10, 0]); +assertChannels('oklch(0.5 0.1 720)', [0.5, 0.1, 0]); diff --git a/packages/css-color-parser/test/basic/none-exhaustive.mjs b/packages/css-color-parser/test/basic/none-exhaustive.mjs index 44d78cb310..114ce02e1b 100644 --- a/packages/css-color-parser/test/basic/none-exhaustive.mjs +++ b/packages/css-color-parser/test/basic/none-exhaustive.mjs @@ -11,6 +11,12 @@ import { parse } from '../util/parse.mjs'; ['hsl(from lch(20 none 180) h s l)', 'hsl(none none 18.93757452%)'], ['hsl(from lch(20 0 180) h s l)', 'hsl(none 0% 18.93757452%)'], + // s > 100, l < 0, l > 100 are not clamped + ['hsl(from hsl(180 none 110%) h s l)', 'hsl(180 none 110%)'], + ['hsl(from hsl(180 none -10%) h s l)', 'hsl(180 none -10%)'], + ['hsl(from hsl(180 110% none) h s l)', 'hsl(180 110% none)'], + ['hsl(from hsl(180 -10% none) h s l)', 'hsl(180 0% none)'], + // https://github.com/w3c/csswg-drafts/issues/14100 ['lch(from orchid l 0 h)', 'lch(62.75256542 0 326.96909222)'], ['lch(from lch(from orchid l 0 h) l c h)', 'lch(62.75256542 0 326.96909222)'], diff --git a/packages/css-color-parser/test/test.mjs b/packages/css-color-parser/test/test.mjs index a057b69bf2..6a2b55bae9 100644 --- a/packages/css-color-parser/test/test.mjs +++ b/packages/css-color-parser/test/test.mjs @@ -1,4 +1,5 @@ import './basic/basic.mjs'; +import './basic/clamping.mjs'; import './basic/color-function.mjs'; import './basic/alpha-function.mjs'; import './basic/color-mix-function-oklch.mjs'; diff --git a/packages/css-color-parser/test/wpt/color-computed-lab.mjs b/packages/css-color-parser/test/wpt/color-computed-lab.mjs index 13acf6ee8a..4c7b682c53 100644 --- a/packages/css-color-parser/test/wpt/color-computed-lab.mjs +++ b/packages/css-color-parser/test/wpt/color-computed-lab.mjs @@ -19,7 +19,7 @@ const tests = [ ['lab(20 0 10/50%)', 'rgba(52, 48, 34, 0.5)', 'color(display-p3 0.20256 0.18882 0.13828 / 0.5)'], ['lab(400 0 10/50%)', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], ['lab(100 0 10/50%)', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], - ['lab(50 -160 160)', 'rgb(0, 130, 45)', 'color(display-p3 0 0.52847 0.08233)'], + ['lab(50 -160 160)', 'rgb(0, 130, 45)', 'color(display-p3 0 0.52846 0.0827)'], ['lab(50 -200 200)', 'rgb(62, 125, 0)', 'color(display-p3 0.28208 0.49443 0)'], ['lab(0 0 0 / -10%)', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], ['lab(0 0 0 / 110%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'], @@ -43,8 +43,8 @@ const tests = [ ['oklab(0.2 0 0.1/0.5)', 'rgba(29, 21, 0, 0.5)', 'color(display-p3 0.11287 0.08198 0 / 0.5)'], ['oklab(0.2 0 0.1/50%)', 'rgba(29, 21, 0, 0.5)', 'color(display-p3 0.11287 0.08198 0 / 0.5)'], ['oklab(4 0 0.1/50%)', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], - ['oklab(0.5 -1.6 1.6)', 'rgb(58, 116, 0)', 'color(display-p3 0.2645 0.45811 0)'], - ['oklab(0.5 -2 2)', 'rgb(58, 116, 0)', 'color(display-p3 0.26451 0.45811 0)'], + ['oklab(0.5 -1.6 1.6)', 'rgb(58, 116, 0)', 'color(display-p3 0.26448 0.45811 0)'], + ['oklab(0.5 -2 2)', 'rgb(58, 116, 0)', 'color(display-p3 0.26448 0.45811 0)'], ['oklab(0 0 0 / -10%)', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], ['oklab(0 0 0 / 110%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'], ['oklab(0 0 0 / 300%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'],