@mcp-b/chrome-devtools-mcp 1.1.1 → 1.1.3

package/build/node_modules/chrome-devtools-frontend/front_end/core/common/Color.js

@@ -1,2033 +0,0 @@
-// Copyright 2021 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-/*
- * Copyright (C) 2009 Apple Inc.  All rights reserved.
- * Copyright (C) 2009 Joseph Pecoraro
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions
- * are met:
- *
- * 1.  Redistributions of source code must retain the above copyright
- *     notice, this list of conditions and the following disclaimer.
- * 2.  Redistributions in binary form must reproduce the above copyright
- *     notice, this list of conditions and the following disclaimer in the
- *     documentation and/or other materials provided with the distribution.
- * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
- *     its contributors may be used to endorse or promote products derived
- *     from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
- * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
- * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
- * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
- * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
- * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-import * as Platform from '../platform/platform.js';
-import { ColorConverter } from './ColorConverter.js';
-import { blendColors, contrastRatioAPCA, desiredLuminanceAPCA, luminance, luminanceAPCA, rgbToHsl, rgbToHwb, } from './ColorUtils.js';
-/**
- * <hue> is defined as a <number> or <angle>
- * and we hold this in degrees. However, after
- * the conversions, these degrees can result in
- * negative values. That's why we normalize the hue to be
- * between [0 - 360].
- **/
-function normalizeHue(hue) {
-    // Even though it is highly unlikely, hue can be
-    // very negative like -400. The initial modulo
-    // operation makes sure that the if the number is
-    // negative, it is between [-360, 0].
-    return ((hue % 360) + 360) % 360;
-}
-/**
- * Parses angle in the form of
- * `<angle>deg`, `<angle>turn`, `<angle>grad and `<angle>rad`
- * and returns the canonicalized `degree`.
- **/
-function parseAngle(angleText) {
-    const angle = angleText.replace(/(deg|g?rad|turn)$/, '');
-    // @ts-expect-error: isNaN can accept strings
-    if (isNaN(angle) || angleText.match(/\s+(deg|g?rad|turn)/)) {
-        return null;
-    }
-    const number = parseFloat(angle);
-    if (angleText.includes('turn')) {
-        // 1turn === 360deg
-        return number * 360;
-    }
-    if (angleText.includes('grad')) {
-        // 1grad === 0.9deg
-        return number * 9 / 10;
-    }
-    if (angleText.includes('rad')) {
-        // πrad === 180deg
-        return number * 180 / Math.PI;
-    }
-    // 1deg === 1deg ^_^
-    return number;
-}
-/** Returns the `Format` equivalent from the format text **/
-export function getFormat(formatText) {
-    switch (formatText) {
-        case "hex" /* Format.HEX */:
-            return "hex" /* Format.HEX */;
-        case "hexa" /* Format.HEXA */:
-            return "hexa" /* Format.HEXA */;
-        case "rgb" /* Format.RGB */:
-            return "rgb" /* Format.RGB */;
-        case "rgba" /* Format.RGBA */:
-            return "rgba" /* Format.RGBA */;
-        case "hsl" /* Format.HSL */:
-            return "hsl" /* Format.HSL */;
-        case "hsla" /* Format.HSLA */:
-            return "hsla" /* Format.HSLA */;
-        case "hwb" /* Format.HWB */:
-            return "hwb" /* Format.HWB */;
-        case "hwba" /* Format.HWBA */:
-            return "hwba" /* Format.HWBA */;
-        case "lch" /* Format.LCH */:
-            return "lch" /* Format.LCH */;
-        case "oklch" /* Format.OKLCH */:
-            return "oklch" /* Format.OKLCH */;
-        case "lab" /* Format.LAB */:
-            return "lab" /* Format.LAB */;
-        case "oklab" /* Format.OKLAB */:
-            return "oklab" /* Format.OKLAB */;
-    }
-    return getColorSpace(formatText);
-}
-function getColorSpace(colorSpaceText) {
-    switch (colorSpaceText) {
-        case "srgb" /* Format.SRGB */:
-            return "srgb" /* Format.SRGB */;
-        case "srgb-linear" /* Format.SRGB_LINEAR */:
-            return "srgb-linear" /* Format.SRGB_LINEAR */;
-        case "display-p3" /* Format.DISPLAY_P3 */:
-            return "display-p3" /* Format.DISPLAY_P3 */;
-        case "a98-rgb" /* Format.A98_RGB */:
-            return "a98-rgb" /* Format.A98_RGB */;
-        case "prophoto-rgb" /* Format.PROPHOTO_RGB */:
-            return "prophoto-rgb" /* Format.PROPHOTO_RGB */;
-        case "rec2020" /* Format.REC_2020 */:
-            return "rec2020" /* Format.REC_2020 */;
-        case "xyz" /* Format.XYZ */:
-            return "xyz" /* Format.XYZ */;
-        case "xyz-d50" /* Format.XYZ_D50 */:
-            return "xyz-d50" /* Format.XYZ_D50 */;
-        case "xyz-d65" /* Format.XYZ_D65 */:
-            return "xyz-d65" /* Format.XYZ_D65 */;
-    }
-    return null;
-}
-/**
- * Percents in color spaces are mapped to ranges.
- * These ranges change based on the syntax.
- * For example, for 'C' in lch() c: 0% = 0, 100% = 150.
- * See: https://www.w3.org/TR/css-color-4/#funcdef-lch
- * Some percentage values can be negative
- * though their ranges don't change depending on the sign
- * (for now, according to spec).
- * @param percent % value of the number. 42 for 42%.
- * @param range Range of [min, max]. Including `min` and `max`.
- */
-function mapPercentToRange(percent, range) {
-    const sign = Math.sign(percent);
-    const absPercent = Math.abs(percent);
-    const [outMin, outMax] = range;
-    return sign * (absPercent * (outMax - outMin) / 100 + outMin);
-}
-export function parse(text) {
-    // #hex, nickname
-    if (!text.match(/\s/)) {
-        const match = text.toLowerCase().match(/^(?:#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})|(\w+))$/i);
-        if (match) {
-            if (match[1]) {
-                return Legacy.fromHex(match[1], text);
-            }
-            if (match[2]) {
-                return Nickname.fromName(match[2], text);
-            }
-            return null;
-        }
-    }
-    // rgb/rgba(), hsl/hsla(), hwb/hwba(), lch(), oklch(), lab(), oklab() and color()
-    const match = text.toLowerCase().match(/^\s*(?:(rgba?)|(hsla?)|(hwba?)|(lch)|(oklch)|(lab)|(oklab)|(color))\((.*)\)\s*$/);
-    if (match) {
-        const isRgbaMatch = Boolean(match[1]); // rgb/rgba()
-        const isHslaMatch = Boolean(match[2]); // hsl/hsla()
-        const isHwbaMatch = Boolean(match[3]); // hwb/hwba()
-        const isLchMatch = Boolean(match[4]); // lch()
-        const isOklchMatch = Boolean(match[5]); // oklch()
-        const isLabMatch = Boolean(match[6]); // lab()
-        const isOklabMatch = Boolean(match[7]); // oklab()
-        const isColorMatch = Boolean(match[8]); // color()
-        const valuesText = match[9];
-        // Parse color function first because extracting values for
-        // this function is not the same as the other ones
-        // so, we're not using any of the logic below.
-        if (isColorMatch) {
-            return ColorFunction.fromSpec(text, valuesText);
-        }
-        const isOldSyntax = isRgbaMatch || isHslaMatch || isHwbaMatch;
-        const allowCommas = isRgbaMatch || isHslaMatch;
-        const convertNoneToZero = !isOldSyntax; // Convert 'none' keyword to zero in new syntaxes
-        const values = splitColorFunctionParameters(valuesText, { allowCommas, convertNoneToZero });
-        if (!values) {
-            return null;
-        }
-        const spec = [values[0], values[1], values[2], values[3]];
-        if (isRgbaMatch) {
-            return Legacy.fromRGBAFunction(values[0], values[1], values[2], values[3], text);
-        }
-        if (isHslaMatch) {
-            return HSL.fromSpec(spec, text);
-        }
-        if (isHwbaMatch) {
-            return HWB.fromSpec(spec, text);
-        }
-        if (isLchMatch) {
-            return LCH.fromSpec(spec, text);
-        }
-        if (isOklchMatch) {
-            return Oklch.fromSpec(spec, text);
-        }
-        if (isLabMatch) {
-            return Lab.fromSpec(spec, text);
-        }
-        if (isOklabMatch) {
-            return Oklab.fromSpec(spec, text);
-        }
-    }
-    return null;
-}
-/**
- * Split the color parameters of (e.g.) rgb(a), hsl(a), hwb(a) functions.
- */
-function splitColorFunctionParameters(content, { allowCommas, convertNoneToZero }) {
-    const components = content.trim();
-    let values = [];
-    if (allowCommas) {
-        values = components.split(/\s*,\s*/);
-    }
-    if (!allowCommas || values.length === 1) {
-        values = components.split(/\s+/);
-        if (values[3] === '/') {
-            values.splice(3, 1);
-            if (values.length !== 4) {
-                return null;
-            }
-        }
-        else if ((values.length > 2 && values[2].indexOf('/') !== -1) || (values.length > 3 && values[3].indexOf('/') !== -1)) {
-            const alpha = values.slice(2, 4).join('');
-            values = values.slice(0, 2).concat(alpha.split(/\//)).concat(values.slice(4));
-        }
-        else if (values.length >= 4) {
-            return null;
-        }
-    }
-    if (values.length !== 3 && values.length !== 4 || values.indexOf('') > -1) {
-        return null;
-    }
-    // Question: what should we do with `alpha` being none?
-    if (convertNoneToZero) {
-        return values.map(value => value === 'none' ? '0' : value);
-    }
-    return values;
-}
-function clamp(value, { min, max }) {
-    if (value === null) {
-        return value;
-    }
-    if (min !== undefined) {
-        value = Math.max(value, min);
-    }
-    if (max !== undefined) {
-        value = Math.min(value, max);
-    }
-    return value;
-}
-function parsePercentage(value, range) {
-    if (!value.endsWith('%')) {
-        return null;
-    }
-    const percentage = parseFloat(value.substr(0, value.length - 1));
-    return isNaN(percentage) ? null : mapPercentToRange(percentage, range);
-}
-function parseNumber(value) {
-    const number = parseFloat(value);
-    return isNaN(number) ? null : number;
-}
-function parseAlpha(value) {
-    if (value === undefined) {
-        return null;
-    }
-    return clamp(parsePercentage(value, [0, 1]) ?? parseNumber(value), { min: 0, max: 1 });
-}
-/**
- *
- * @param value Text value to be parsed in the form of 'number|percentage'.
- * @param range Range to map the percentage.
- * @returns If it is not percentage, returns number directly; otherwise,
- * maps the percentage to the range. For example:
- * - 30% in range [0, 100] is 30
- * - 20% in range [0, 1] is 0.5
- */
-function parsePercentOrNumber(value, range = [0, 1]) {
-    // @ts-expect-error: isNaN can accept strings
-    if (isNaN(value.replace('%', ''))) {
-        return null;
-    }
-    const parsed = parseFloat(value);
-    if (value.indexOf('%') !== -1) {
-        if (value.indexOf('%') !== value.length - 1) {
-            return null;
-        }
-        return mapPercentToRange(parsed, range);
-    }
-    return parsed;
-}
-function parseRgbNumeric(value) {
-    const parsed = parsePercentOrNumber(value);
-    if (parsed === null) {
-        return null;
-    }
-    if (value.indexOf('%') !== -1) {
-        return parsed;
-    }
-    return parsed / 255;
-}
-export function parseHueNumeric(value) {
-    const angle = value.replace(/(deg|g?rad|turn)$/, '');
-    // @ts-expect-error: isNaN can accept strings
-    if (isNaN(angle) || value.match(/\s+(deg|g?rad|turn)/)) {
-        return null;
-    }
-    const number = parseFloat(angle);
-    if (value.indexOf('turn') !== -1) {
-        return number % 1;
-    }
-    if (value.indexOf('grad') !== -1) {
-        return (number / 400) % 1;
-    }
-    if (value.indexOf('rad') !== -1) {
-        return (number / (2 * Math.PI)) % 1;
-    }
-    return (number / 360) % 1;
-}
-function parseSatLightNumeric(value) {
-    // @ts-expect-error: isNaN can accept strings
-    if (value.indexOf('%') !== value.length - 1 || isNaN(value.replace('%', ''))) {
-        return null;
-    }
-    const parsed = parseFloat(value);
-    return parsed / 100;
-}
-function parseAlphaNumeric(value) {
-    return parsePercentOrNumber(value);
-}
-function hsva2hsla(hsva) {
-    const h = hsva[0];
-    let s = hsva[1];
-    const v = hsva[2];
-    const t = (2 - s) * v;
-    if (v === 0 || s === 0) {
-        s = 0;
-    }
-    else {
-        s *= v / (t < 1 ? t : 2 - t);
-    }
-    return [h, s, t / 2, hsva[3]];
-}
-export function hsl2rgb(hsl) {
-    const h = hsl[0];
-    let s = hsl[1];
-    const l = hsl[2];
-    function hue2rgb(p, q, h) {
-        if (h < 0) {
-            h += 1;
-        }
-        else if (h > 1) {
-            h -= 1;
-        }
-        if ((h * 6) < 1) {
-            return p + (q - p) * h * 6;
-        }
-        if ((h * 2) < 1) {
-            return q;
-        }
-        if ((h * 3) < 2) {
-            return p + (q - p) * ((2 / 3) - h) * 6;
-        }
-        return p;
-    }
-    if (s < 0) {
-        s = 0;
-    }
-    let q;
-    if (l <= 0.5) {
-        q = l * (1 + s);
-    }
-    else {
-        q = l + s - (l * s);
-    }
-    const p = 2 * l - q;
-    const tr = h + (1 / 3);
-    const tg = h;
-    const tb = h - (1 / 3);
-    return [hue2rgb(p, q, tr), hue2rgb(p, q, tg), hue2rgb(p, q, tb), hsl[3]];
-}
-function hwb2rgb(hwb) {
-    const h = hwb[0];
-    const w = hwb[1];
-    const b = hwb[2];
-    const whiteRatio = w / (w + b);
-    let result = [whiteRatio, whiteRatio, whiteRatio, hwb[3]];
-    if (w + b < 1) {
-        result = hsl2rgb([h, 1, 0.5, hwb[3]]);
-        for (let i = 0; i < 3; ++i) {
-            result[i] += w - (w + b) * result[i];
-        }
-    }
-    return result;
-}
-export function hsva2rgba(hsva) {
-    return hsl2rgb(hsva2hsla(hsva));
-}
-export function rgb2hsv(rgba) {
-    const hsla = rgbToHsl(rgba);
-    const h = hsla[0];
-    let s = hsla[1];
-    const l = hsla[2];
-    s *= l < 0.5 ? l : 1 - l;
-    return [h, s !== 0 ? 2 * s / (l + s) : 0, (l + s)];
-}
-/**
- * Compute a desired luminance given a given luminance and a desired contrast
- * ratio.
- */
-export function desiredLuminance(luminance, contrast, lighter) {
-    function computeLuminance() {
-        if (lighter) {
-            return (luminance + 0.05) * contrast - 0.05;
-        }
-        return (luminance + 0.05) / contrast - 0.05;
-    }
-    let desiredLuminance = computeLuminance();
-    if (desiredLuminance < 0 || desiredLuminance > 1) {
-        lighter = !lighter;
-        desiredLuminance = computeLuminance();
-    }
-    return desiredLuminance;
-}
-/**
- * Approach a value of the given component of `candidateHSVA` such that the
- * calculated luminance of `candidateHSVA` approximates `desiredLuminance`.
- */
-export function approachColorValue(candidateHSVA, index, desiredLuminance, candidateLuminance) {
-    const epsilon = 0.0002;
-    let x = candidateHSVA[index];
-    let multiplier = 1;
-    let dLuminance = candidateLuminance(candidateHSVA) - desiredLuminance;
-    let previousSign = Math.sign(dLuminance);
-    for (let guard = 100; guard; guard--) {
-        if (Math.abs(dLuminance) < epsilon) {
-            candidateHSVA[index] = x;
-            return x;
-        }
-        const sign = Math.sign(dLuminance);
-        if (sign !== previousSign) {
-            // If `x` overshoots the correct value, halve the step size.
-            multiplier /= 2;
-            previousSign = sign;
-        }
-        else if (x < 0 || x > 1) {
-            // If there is no overshoot and `x` is out of bounds, there is no
-            // acceptable value for `x`.
-            return null;
-        }
-        // Adjust `x` by a multiple of `dLuminance` to decrease step size as
-        // the computed luminance converges on `desiredLuminance`.
-        x += multiplier * (index === 2 ? -dLuminance : dLuminance);
-        candidateHSVA[index] = x;
-        dLuminance = candidateLuminance(candidateHSVA) - desiredLuminance;
-    }
-    return null;
-}
-export function findFgColorForContrast(fgColor, bgColor, requiredContrast) {
-    const candidateHSVA = fgColor.as("hsl" /* Format.HSL */).hsva();
-    const bgRGBA = bgColor.rgba();
-    const candidateLuminance = (candidateHSVA) => {
-        return luminance(blendColors(Legacy.fromHSVA(candidateHSVA).rgba(), bgRGBA));
-    };
-    const bgLuminance = luminance(bgColor.rgba());
-    const fgLuminance = candidateLuminance(candidateHSVA);
-    const fgIsLighter = fgLuminance > bgLuminance;
-    const desired = desiredLuminance(bgLuminance, requiredContrast, fgIsLighter);
-    const saturationComponentIndex = 1;
-    const valueComponentIndex = 2;
-    if (approachColorValue(candidateHSVA, valueComponentIndex, desired, candidateLuminance)) {
-        return Legacy.fromHSVA(candidateHSVA);
-    }
-    candidateHSVA[valueComponentIndex] = 1;
-    if (approachColorValue(candidateHSVA, saturationComponentIndex, desired, candidateLuminance)) {
-        return Legacy.fromHSVA(candidateHSVA);
-    }
-    return null;
-}
-export function findFgColorForContrastAPCA(fgColor, bgColor, requiredContrast) {
-    const candidateHSVA = fgColor.as("hsl" /* Format.HSL */).hsva();
-    const candidateLuminance = (candidateHSVA) => {
-        return luminanceAPCA(Legacy.fromHSVA(candidateHSVA).rgba());
-    };
-    const bgLuminance = luminanceAPCA(bgColor.rgba());
-    const fgLuminance = candidateLuminance(candidateHSVA);
-    const fgIsLighter = fgLuminance >= bgLuminance;
-    const desiredLuminance = desiredLuminanceAPCA(bgLuminance, requiredContrast, fgIsLighter);
-    const saturationComponentIndex = 1;
-    const valueComponentIndex = 2;
-    if (approachColorValue(candidateHSVA, valueComponentIndex, desiredLuminance, candidateLuminance)) {
-        const candidate = Legacy.fromHSVA(candidateHSVA);
-        if (Math.abs(contrastRatioAPCA(bgColor.rgba(), candidate.rgba())) >= requiredContrast) {
-            return candidate;
-        }
-    }
-    candidateHSVA[valueComponentIndex] = 1;
-    if (approachColorValue(candidateHSVA, saturationComponentIndex, desiredLuminance, candidateLuminance)) {
-        const candidate = Legacy.fromHSVA(candidateHSVA);
-        if (Math.abs(contrastRatioAPCA(bgColor.rgba(), candidate.rgba())) >= requiredContrast) {
-            return candidate;
-        }
-    }
-    return null;
-}
-const EPSILON = 0.01;
-const WIDE_RANGE_EPSILON = 1; // For comparisons on channels with a wider range than [0,1]
-function equals(a, b, accuracy = EPSILON) {
-    if (Array.isArray(a) && Array.isArray(b)) {
-        if (a.length !== b.length) {
-            return false;
-        }
-        for (const i in a) {
-            if (!equals(a[i], b[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
-    if (Array.isArray(a) || Array.isArray(b)) {
-        return false;
-    }
-    if (a === null || b === null) {
-        return a === b;
-    }
-    return Math.abs(a - b) < accuracy;
-}
-function lessOrEquals(a, b, accuracy = EPSILON) {
-    return a - b <= accuracy;
-}
-export class Lab {
-    l;
-    a;
-    b;
-    alpha;
-    #authoredText;
-    #rawParams;
-    channels = ["l" /* ColorChannel.L */, "a" /* ColorChannel.A */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(self.l, self.a, self.b), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => self,
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        return ColorConverter.labToXyzd50(this.l, this.a, this.b);
-    }
-    #getRGBArray(withAlpha = true) {
-        const params = ColorConverter.xyzd50ToSrgb(...this.#toXyzd50());
-        if (withAlpha) {
-            return [...params, this.alpha ?? undefined];
-        }
-        return params;
-    }
-    constructor(l, a, b, alpha, authoredText) {
-        this.#rawParams = [l, a, b];
-        this.l = clamp(l, { min: 0, max: 100 });
-        if (equals(this.l, 0, WIDE_RANGE_EPSILON) || equals(this.l, 100, WIDE_RANGE_EPSILON)) {
-            a = b = 0;
-        }
-        this.a = a;
-        this.b = b;
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-        this.#authoredText = authoredText;
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        return Lab.#conversions[format](this);
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    equal(color) {
-        const lab = color.as("lab" /* Format.LAB */);
-        return equals(lab.l, this.l, WIDE_RANGE_EPSILON) && equals(lab.a, this.a) && equals(lab.b, this.b) &&
-            equals(lab.alpha, this.alpha);
-    }
-    format() {
-        return "lab" /* Format.LAB */;
-    }
-    setAlpha(alpha) {
-        return new Lab(this.l, this.a, this.b, alpha, undefined);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.l, this.a, this.b);
-    }
-    #stringify(l, a, b) {
-        const alpha = this.alpha === null || equals(this.alpha, 1) ?
-            '' :
-            ` / ${Platform.StringUtilities.stringifyWithPrecision(this.alpha)}`;
-        return `lab(${Platform.StringUtilities.stringifyWithPrecision(l, 0)} ${Platform.StringUtilities.stringifyWithPrecision(a)} ${Platform.StringUtilities.stringifyWithPrecision(b)}${alpha})`;
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return false;
-    }
-    static fromSpec(spec, text) {
-        const L = parsePercentage(spec[0], [0, 100]) ?? parseNumber(spec[0]);
-        if (L === null) {
-            return null;
-        }
-        const a = parsePercentage(spec[1], [0, 125]) ?? parseNumber(spec[1]);
-        if (a === null) {
-            return null;
-        }
-        const b = parsePercentage(spec[2], [0, 125]) ?? parseNumber(spec[2]);
-        if (b === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new Lab(L, a, b, alpha, text);
-    }
-}
-export class LCH {
-    #rawParams;
-    l;
-    c;
-    h;
-    alpha;
-    #authoredText;
-    channels = ["l" /* ColorChannel.L */, "c" /* ColorChannel.C */, "h" /* ColorChannel.H */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => self,
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.lchToLab(self.l, self.c, self.h), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        return ColorConverter.labToXyzd50(...ColorConverter.lchToLab(this.l, this.c, this.h));
-    }
-    #getRGBArray(withAlpha = true) {
-        const params = ColorConverter.xyzd50ToSrgb(...this.#toXyzd50());
-        if (withAlpha) {
-            return [...params, this.alpha ?? undefined];
-        }
-        return params;
-    }
-    constructor(l, c, h, alpha, authoredText) {
-        this.#rawParams = [l, c, h];
-        this.l = clamp(l, { min: 0, max: 100 });
-        c = equals(this.l, 0, WIDE_RANGE_EPSILON) || equals(this.l, 100, WIDE_RANGE_EPSILON) ? 0 : c;
-        this.c = clamp(c, { min: 0 });
-        h = equals(c, 0) ? 0 : h;
-        this.h = normalizeHue(h);
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-        this.#authoredText = authoredText;
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        return LCH.#conversions[format](this);
-    }
-    equal(color) {
-        const lch = color.as("lch" /* Format.LCH */);
-        return equals(lch.l, this.l, WIDE_RANGE_EPSILON) && equals(lch.c, this.c) && equals(lch.h, this.h) &&
-            equals(lch.alpha, this.alpha);
-    }
-    format() {
-        return "lch" /* Format.LCH */;
-    }
-    setAlpha(alpha) {
-        return new LCH(this.l, this.c, this.h, alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.l, this.c, this.h);
-    }
-    #stringify(l, c, h) {
-        const alpha = this.alpha === null || equals(this.alpha, 1) ?
-            '' :
-            ` / ${Platform.StringUtilities.stringifyWithPrecision(this.alpha)}`;
-        return `lch(${Platform.StringUtilities.stringifyWithPrecision(l, 0)} ${Platform.StringUtilities.stringifyWithPrecision(c)} ${Platform.StringUtilities.stringifyWithPrecision(h)}${alpha})`;
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return false;
-    }
-    // See "powerless" component definitions in
-    // https://www.w3.org/TR/css-color-4/#specifying-lab-lch
-    isHuePowerless() {
-        return equals(this.c, 0);
-    }
-    static fromSpec(spec, text) {
-        const L = parsePercentage(spec[0], [0, 100]) ?? parseNumber(spec[0]);
-        if (L === null) {
-            return null;
-        }
-        const c = parsePercentage(spec[1], [0, 150]) ?? parseNumber(spec[1]);
-        if (c === null) {
-            return null;
-        }
-        const h = parseAngle(spec[2]);
-        if (h === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new LCH(L, c, h, alpha, text);
-    }
-}
-export class Oklab {
-    #rawParams;
-    l;
-    a;
-    b;
-    alpha;
-    #authoredText;
-    channels = ["l" /* ColorChannel.L */, "a" /* ColorChannel.A */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => self,
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        return ColorConverter.xyzd65ToD50(...ColorConverter.oklabToXyzd65(this.l, this.a, this.b));
-    }
-    #getRGBArray(withAlpha = true) {
-        const params = ColorConverter.xyzd50ToSrgb(...this.#toXyzd50());
-        if (withAlpha) {
-            return [...params, this.alpha ?? undefined];
-        }
-        return params;
-    }
-    constructor(l, a, b, alpha, authoredText) {
-        this.#rawParams = [l, a, b];
-        this.l = clamp(l, { min: 0, max: 1 });
-        if (equals(this.l, 0) || equals(this.l, 1)) {
-            a = b = 0;
-        }
-        this.a = a;
-        this.b = b;
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-        this.#authoredText = authoredText;
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        return Oklab.#conversions[format](this);
-    }
-    equal(color) {
-        const oklab = color.as("oklab" /* Format.OKLAB */);
-        return equals(oklab.l, this.l) && equals(oklab.a, this.a) && equals(oklab.b, this.b) &&
-            equals(oklab.alpha, this.alpha);
-    }
-    format() {
-        return "oklab" /* Format.OKLAB */;
-    }
-    setAlpha(alpha) {
-        return new Oklab(this.l, this.a, this.b, alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.l, this.a, this.b);
-    }
-    #stringify(l, a, b) {
-        const alpha = this.alpha === null || equals(this.alpha, 1) ?
-            '' :
-            ` / ${Platform.StringUtilities.stringifyWithPrecision(this.alpha)}`;
-        return `oklab(${Platform.StringUtilities.stringifyWithPrecision(l)} ${Platform.StringUtilities.stringifyWithPrecision(a)} ${Platform.StringUtilities.stringifyWithPrecision(b)}${alpha})`;
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return false;
-    }
-    static fromSpec(spec, text) {
-        const L = parsePercentage(spec[0], [0, 1]) ?? parseNumber(spec[0]);
-        if (L === null) {
-            return null;
-        }
-        const a = parsePercentage(spec[1], [0, 0.4]) ?? parseNumber(spec[1]);
-        if (a === null) {
-            return null;
-        }
-        const b = parsePercentage(spec[2], [0, 0.4]) ?? parseNumber(spec[2]);
-        if (b === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new Oklab(L, a, b, alpha, text);
-    }
-}
-export class Oklch {
-    #rawParams;
-    l;
-    c;
-    h;
-    alpha;
-    #authoredText;
-    channels = ["l" /* ColorChannel.L */, "c" /* ColorChannel.C */, "h" /* ColorChannel.H */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => self,
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        return ColorConverter.oklchToXyzd50(this.l, this.c, this.h);
-    }
-    #getRGBArray(withAlpha = true) {
-        const params = ColorConverter.xyzd50ToSrgb(...this.#toXyzd50());
-        if (withAlpha) {
-            return [...params, this.alpha ?? undefined];
-        }
-        return params;
-    }
-    constructor(l, c, h, alpha, authoredText) {
-        this.#rawParams = [l, c, h];
-        this.l = clamp(l, { min: 0, max: 1 });
-        c = equals(this.l, 0) || equals(this.l, 1) ? 0 : c;
-        this.c = clamp(c, { min: 0 });
-        h = equals(c, 0) ? 0 : h;
-        this.h = normalizeHue(h);
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-        this.#authoredText = authoredText;
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        return Oklch.#conversions[format](this);
-    }
-    equal(color) {
-        const oklch = color.as("oklch" /* Format.OKLCH */);
-        return equals(oklch.l, this.l) && equals(oklch.c, this.c) && equals(oklch.h, this.h) &&
-            equals(oklch.alpha, this.alpha);
-    }
-    format() {
-        return "oklch" /* Format.OKLCH */;
-    }
-    setAlpha(alpha) {
-        return new Oklch(this.l, this.c, this.h, alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.l, this.c, this.h);
-    }
-    #stringify(l, c, h) {
-        const alpha = this.alpha === null || equals(this.alpha, 1) ?
-            '' :
-            ` / ${Platform.StringUtilities.stringifyWithPrecision(this.alpha)}`;
-        return `oklch(${Platform.StringUtilities.stringifyWithPrecision(l)} ${Platform.StringUtilities.stringifyWithPrecision(c)} ${Platform.StringUtilities.stringifyWithPrecision(h)}${alpha})`;
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return false;
-    }
-    static fromSpec(spec, text) {
-        const L = parsePercentage(spec[0], [0, 1]) ?? parseNumber(spec[0]);
-        if (L === null) {
-            return null;
-        }
-        const c = parsePercentage(spec[1], [0, 0.4]) ?? parseNumber(spec[1]);
-        if (c === null) {
-            return null;
-        }
-        const h = parseAngle(spec[2]);
-        if (h === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new Oklch(L, c, h, alpha, text);
-    }
-}
-export class ColorFunction {
-    #rawParams;
-    p0;
-    p1;
-    p2;
-    alpha;
-    colorSpace;
-    #authoredText;
-    get channels() {
-        return this.isXYZ() ? ["x" /* ColorChannel.X */, "y" /* ColorChannel.Y */, "z" /* ColorChannel.Z */, "alpha" /* ColorChannel.ALPHA */] :
-            ["r" /* ColorChannel.R */, "g" /* ColorChannel.G */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    }
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        // With color(), out-of-gamut inputs are to be used for intermediate computations
-        const [p0, p1, p2] = this.#rawParams;
-        switch (this.colorSpace) {
-            case "srgb" /* Format.SRGB */:
-                return ColorConverter.srgbToXyzd50(p0, p1, p2);
-            case "srgb-linear" /* Format.SRGB_LINEAR */:
-                return ColorConverter.srgbLinearToXyzd50(p0, p1, p2);
-            case "display-p3" /* Format.DISPLAY_P3 */:
-                return ColorConverter.displayP3ToXyzd50(p0, p1, p2);
-            case "a98-rgb" /* Format.A98_RGB */:
-                return ColorConverter.adobeRGBToXyzd50(p0, p1, p2);
-            case "prophoto-rgb" /* Format.PROPHOTO_RGB */:
-                return ColorConverter.proPhotoToXyzd50(p0, p1, p2);
-            case "rec2020" /* Format.REC_2020 */:
-                return ColorConverter.rec2020ToXyzd50(p0, p1, p2);
-            case "xyz-d50" /* Format.XYZ_D50 */:
-                return [p0, p1, p2];
-            case "xyz" /* Format.XYZ */:
-            case "xyz-d65" /* Format.XYZ_D65 */:
-                return ColorConverter.xyzd65ToD50(p0, p1, p2);
-        }
-        throw new Error('Invalid color space');
-    }
-    #getRGBArray(withAlpha = true) {
-        // With color(), out-of-gamut inputs are to be used for intermediate computations
-        const [p0, p1, p2] = this.#rawParams;
-        const params = this.colorSpace === "srgb" /* Format.SRGB */ ? [p0, p1, p2] : [...ColorConverter.xyzd50ToSrgb(...this.#toXyzd50())];
-        if (withAlpha) {
-            return [...params, this.alpha ?? undefined];
-        }
-        return params;
-    }
-    constructor(colorSpace, p0, p1, p2, alpha, authoredText) {
-        this.#rawParams = [p0, p1, p2];
-        this.colorSpace = colorSpace;
-        this.#authoredText = authoredText;
-        if (this.colorSpace !== "xyz-d50" /* Format.XYZ_D50 */ && this.colorSpace !== "xyz-d65" /* Format.XYZ_D65 */ && this.colorSpace !== "xyz" /* Format.XYZ */) {
-            p0 = clamp(p0, { min: 0, max: 1 });
-            p1 = clamp(p1, { min: 0, max: 1 });
-            p2 = clamp(p2, { min: 0, max: 1 });
-        }
-        this.p0 = p0;
-        this.p1 = p1;
-        this.p2 = p2;
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        if (this.colorSpace === format) {
-            return this;
-        }
-        return ColorFunction.#conversions[format](this);
-    }
-    equal(color) {
-        const space = color.as(this.colorSpace);
-        return equals(this.p0, space.p0) && equals(this.p1, space.p1) && equals(this.p2, space.p2) &&
-            equals(this.alpha, space.alpha);
-    }
-    format() {
-        return this.colorSpace;
-    }
-    setAlpha(alpha) {
-        return new ColorFunction(this.colorSpace, this.p0, this.p1, this.p2, alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.p0, this.p1, this.p2);
-    }
-    #stringify(p0, p1, p2) {
-        const alpha = this.alpha === null || equals(this.alpha, 1) ?
-            '' :
-            ` / ${Platform.StringUtilities.stringifyWithPrecision(this.alpha)}`;
-        return `color(${this.colorSpace} ${Platform.StringUtilities.stringifyWithPrecision(p0)} ${Platform.StringUtilities.stringifyWithPrecision(p1)} ${Platform.StringUtilities.stringifyWithPrecision(p2)}${alpha})`;
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        if (this.colorSpace !== "xyz-d50" /* Format.XYZ_D50 */ && this.colorSpace !== "xyz-d65" /* Format.XYZ_D65 */ && this.colorSpace !== "xyz" /* Format.XYZ */) {
-            return !equals(this.#rawParams, [this.p0, this.p1, this.p2]);
-        }
-        return false;
-    }
-    isXYZ() {
-        switch (this.colorSpace) {
-            case "xyz" /* Format.XYZ */:
-            case "xyz-d50" /* Format.XYZ_D50 */:
-            case "xyz-d65" /* Format.XYZ_D65 */:
-                return true;
-        }
-        return false;
-    }
-    /**
-     * Parses given `color()` function definition and returns the `Color` object.
-     * We want to special case its parsing here because it's a bit different
-     * than other color functions: rgb, lch etc. accepts 3 arguments with
-     * optional alpha. This accepts 4 arguments with optional alpha.
-     *
-     * Instead of making `splitColorFunctionParameters` work for this case too
-     * I've decided to implement it specifically.
-     * @param authoredText Original definition of the color with `color`
-     * @param parametersText Inside of the `color()` function. ex, `display-p3 0.1 0.2 0.3 / 0%`
-     * @returns `Color` object
-     */
-    static fromSpec(authoredText, parametersWithAlphaText) {
-        const [parametersText, alphaText] = parametersWithAlphaText.split('/', 2);
-        const parameters = parametersText.trim().split(/\s+/);
-        const [colorSpaceText, ...remainingParams] = parameters;
-        const colorSpace = getColorSpace(colorSpaceText);
-        // Color space is not known to us, do not parse the Color.
-        if (!colorSpace) {
-            return null;
-        }
-        // `color(<color-space>)` is a valid syntax
-        if (remainingParams.length === 0 && alphaText === undefined) {
-            return new ColorFunction(colorSpace, 0, 0, 0, null, authoredText);
-        }
-        // Check if it contains `/ <alpha>` part, if so, it should be at the end
-        if (remainingParams.length === 0 && alphaText !== undefined && alphaText.trim().split(/\s+/).length > 1) {
-            // Invalid syntax: like `color(<space> / <alpha> <number>)`
-            return null;
-        }
-        // `color` cannot contain more than 3 parameters without alpha
-        if (remainingParams.length > 3) {
-            return null;
-        }
-        // Replace `none`s with 0s
-        const nonesReplacedParams = remainingParams.map(param => param === 'none' ? '0' : param);
-        // At this point, we know that all the values are there so we can
-        // safely try to parse all the values as number or percentage
-        const values = nonesReplacedParams.map(param => parsePercentOrNumber(param, [0, 1]));
-        const containsNull = values.includes(null);
-        // At least one value is malformatted (not a number or percentage)
-        if (containsNull) {
-            return null;
-        }
-        const alphaValue = alphaText ? parsePercentOrNumber(alphaText, [0, 1]) ?? 1 : 1;
-        // Depending on the color space
-        // this either reflects `rgb` parameters in that color space
-        // or `xyz` parameters in the given `xyz` space.
-        const rgbOrXyza = [
-            values[0] ?? 0,
-            values[1] ?? 0,
-            values[2] ?? 0,
-            alphaValue,
-        ];
-        return new ColorFunction(colorSpace, ...rgbOrXyza, authoredText);
-    }
-}
-export class HSL {
-    h;
-    s;
-    l;
-    alpha;
-    #rawParams;
-    #authoredText;
-    channels = ["h" /* ColorChannel.H */, "s" /* ColorChannel.S */, "l" /* ColorChannel.L */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => self,
-        ["hsla" /* Format.HSLA */]: (self) => self,
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #getRGBArray(withAlpha = true) {
-        const rgb = hsl2rgb([this.h, this.s, this.l, 0]);
-        if (withAlpha) {
-            return [rgb[0], rgb[1], rgb[2], this.alpha ?? undefined];
-        }
-        return [rgb[0], rgb[1], rgb[2]];
-    }
-    #toXyzd50() {
-        const rgb = this.#getRGBArray(false);
-        return ColorConverter.srgbToXyzd50(rgb[0], rgb[1], rgb[2]);
-    }
-    constructor(h, s, l, alpha, authoredText) {
-        this.#rawParams = [h, s, l];
-        this.l = clamp(l, { min: 0, max: 1 });
-        s = equals(this.l, 0) || equals(this.l, 1) ? 0 : s;
-        this.s = clamp(s, { min: 0, max: 1 });
-        h = equals(this.s, 0) ? 0 : h;
-        this.h = normalizeHue(h * 360) / 360;
-        this.alpha = clamp(alpha ?? null, { min: 0, max: 1 });
-        this.#authoredText = authoredText;
-    }
-    equal(color) {
-        const hsl = color.as("hsl" /* Format.HSL */);
-        return equals(this.h, hsl.h) && equals(this.s, hsl.s) && equals(this.l, hsl.l) && equals(this.alpha, hsl.alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.h, this.s, this.l);
-    }
-    #stringify(h, s, l) {
-        const start = Platform.StringUtilities.sprintf('hsl(%sdeg %s% %s%', Platform.StringUtilities.stringifyWithPrecision(h * 360), Platform.StringUtilities.stringifyWithPrecision(s * 100), Platform.StringUtilities.stringifyWithPrecision(l * 100));
-        if (this.alpha !== null && this.alpha !== 1) {
-            return start +
-                Platform.StringUtilities.sprintf(' / %s%)', Platform.StringUtilities.stringifyWithPrecision(this.alpha * 100));
-        }
-        return start + ')';
-    }
-    setAlpha(alpha) {
-        return new HSL(this.h, this.s, this.l, alpha);
-    }
-    format() {
-        return this.alpha === null || this.alpha === 1 ? "hsl" /* Format.HSL */ : "hsla" /* Format.HSLA */;
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        if (format === this.format()) {
-            return this;
-        }
-        return HSL.#conversions[format](this);
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return !lessOrEquals(this.#rawParams[1], 1) || !lessOrEquals(0, this.#rawParams[1]);
-    }
-    static fromSpec(spec, text) {
-        const h = parseHueNumeric(spec[0]);
-        if (h === null) {
-            return null;
-        }
-        const s = parseSatLightNumeric(spec[1]);
-        if (s === null) {
-            return null;
-        }
-        const l = parseSatLightNumeric(spec[2]);
-        if (l === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new HSL(h, s, l, alpha, text);
-    }
-    hsva() {
-        const s = this.s * (this.l < 0.5 ? this.l : 1 - this.l);
-        return [this.h, s !== 0 ? 2 * s / (this.l + s) : 0, (this.l + s), this.alpha ?? 1];
-    }
-    canonicalHSLA() {
-        return [Math.round(this.h * 360), Math.round(this.s * 100), Math.round(this.l * 100), this.alpha ?? 1];
-    }
-}
-export class HWB {
-    h;
-    w;
-    b;
-    alpha;
-    #rawParams;
-    #authoredText;
-    channels = ["h" /* ColorChannel.H */, "w" /* ColorChannel.W */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ false), "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#getRGBArray(/* withAlpha= */ true), "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl(self.#getRGBArray(/* withAlpha= */ false)), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => self,
-        ["hwba" /* Format.HWBA */]: (self) => self,
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #getRGBArray(withAlpha = true) {
-        const rgb = hwb2rgb([this.h, this.w, this.b, 0]);
-        if (withAlpha) {
-            return [rgb[0], rgb[1], rgb[2], this.alpha ?? undefined];
-        }
-        return [rgb[0], rgb[1], rgb[2]];
-    }
-    #toXyzd50() {
-        const rgb = this.#getRGBArray(false);
-        return ColorConverter.srgbToXyzd50(rgb[0], rgb[1], rgb[2]);
-    }
-    constructor(h, w, b, alpha, authoredText) {
-        this.#rawParams = [h, w, b];
-        this.w = clamp(w, { min: 0, max: 1 });
-        this.b = clamp(b, { min: 0, max: 1 });
-        h = lessOrEquals(1, this.w + this.b) ? 0 : h;
-        this.h = normalizeHue(h * 360) / 360;
-        this.alpha = clamp(alpha, { min: 0, max: 1 });
-        if (lessOrEquals(1, this.w + this.b)) {
-            // normalize to a sum of 100% respecting the ratio, see https://www.w3.org/TR/css-color-4/#the-hwb-notation
-            const ratio = this.w / this.b;
-            this.b = 1 / (1 + ratio);
-            this.w = 1 - this.b;
-        }
-        this.#authoredText = authoredText;
-    }
-    equal(color) {
-        const hwb = color.as("hwb" /* Format.HWB */);
-        return equals(this.h, hwb.h) && equals(this.w, hwb.w) && equals(this.b, hwb.b) && equals(this.alpha, hwb.alpha);
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(this.h, this.w, this.b);
-    }
-    #stringify(h, w, b) {
-        const start = Platform.StringUtilities.sprintf('hwb(%sdeg %s% %s%', Platform.StringUtilities.stringifyWithPrecision(h * 360), Platform.StringUtilities.stringifyWithPrecision(w * 100), Platform.StringUtilities.stringifyWithPrecision(b * 100));
-        if (this.alpha !== null && this.alpha !== 1) {
-            return start +
-                Platform.StringUtilities.sprintf(' / %s%)', Platform.StringUtilities.stringifyWithPrecision(this.alpha * 100));
-        }
-        return start + ')';
-    }
-    setAlpha(alpha) {
-        return new HWB(this.h, this.w, this.b, alpha, this.#authoredText);
-    }
-    format() {
-        return this.alpha !== null && !equals(this.alpha, 1) ? "hwba" /* Format.HWBA */ : "hwb" /* Format.HWB */;
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        if (format === this.format()) {
-            return this;
-        }
-        return HWB.#conversions[format](this);
-    }
-    asLegacyColor() {
-        return this.as("rgba" /* Format.RGBA */);
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    canonicalHWBA() {
-        return [
-            Math.round(this.h * 360),
-            Math.round(this.w * 100),
-            Math.round(this.b * 100),
-            this.alpha ?? 1,
-        ];
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(...this.#rawParams);
-    }
-    isGamutClipped() {
-        return !lessOrEquals(this.#rawParams[1], 1) || !lessOrEquals(0, this.#rawParams[1]) ||
-            !lessOrEquals(this.#rawParams[2], 1) || !lessOrEquals(0, this.#rawParams[2]);
-    }
-    static fromSpec(spec, text) {
-        const h = parseHueNumeric(spec[0]);
-        if (h === null) {
-            return null;
-        }
-        const w = parseSatLightNumeric(spec[1]);
-        if (w === null) {
-            return null;
-        }
-        const b = parseSatLightNumeric(spec[2]);
-        if (b === null) {
-            return null;
-        }
-        const alpha = parseAlpha(spec[3]);
-        return new HWB(h, w, b, alpha, text);
-    }
-}
-function toRgbValue(value) {
-    return Math.round(value * 255);
-}
-class ShortFormatColorBase {
-    color;
-    channels = ["r" /* ColorChannel.R */, "g" /* ColorChannel.G */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    constructor(color) {
-        this.color = color;
-    }
-    get alpha() {
-        return this.color.alpha;
-    }
-    rgba() {
-        return this.color.rgba();
-    }
-    equal(color) {
-        return this.color.equal(color);
-    }
-    setAlpha(alpha) {
-        return this.color.setAlpha(alpha);
-    }
-    format() {
-        return (this.alpha ?? 1) !== 1 ? "hexa" /* Format.HEXA */ : "hex" /* Format.HEX */;
-    }
-    as(format) {
-        return this.color.as(format);
-    }
-    is(format) {
-        return this.color.is(format);
-    }
-    asLegacyColor() {
-        return this.color.asLegacyColor();
-    }
-    getAuthoredText() {
-        return this.color.getAuthoredText();
-    }
-    getRawParameters() {
-        return this.color.getRawParameters();
-    }
-    isGamutClipped() {
-        return this.color.isGamutClipped();
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        const [r, g, b] = this.color.rgba();
-        return this.stringify(r, g, b);
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        const [r, g, b] = this.getRawParameters();
-        return this.stringify(r, g, b);
-    }
-}
-export class ShortHex extends ShortFormatColorBase {
-    setAlpha(alpha) {
-        return new ShortHex(this.color.setAlpha(alpha));
-    }
-    asString(format) {
-        return format && format !== this.format() ? super.as(format).asString() : super.asString();
-    }
-    stringify(r, g, b) {
-        function toShortHexValue(value) {
-            return (Math.round(value * 255) / 17).toString(16);
-        }
-        if (this.color.hasAlpha()) {
-            return Platform.StringUtilities
-                .sprintf('#%s%s%s%s', toShortHexValue(r), toShortHexValue(g), toShortHexValue(b), toShortHexValue(this.alpha ?? 1))
-                .toLowerCase();
-        }
-        return Platform.StringUtilities.sprintf('#%s%s%s', toShortHexValue(r), toShortHexValue(g), toShortHexValue(b))
-            .toLowerCase();
-    }
-}
-export class Nickname extends ShortFormatColorBase {
-    nickname;
-    constructor(nickname, color) {
-        super(color);
-        this.nickname = nickname;
-    }
-    static fromName(name, text) {
-        const nickname = name.toLowerCase();
-        const rgba = Nicknames.get(nickname);
-        if (rgba !== undefined) {
-            return new Nickname(nickname, Legacy.fromRGBA(rgba, text));
-        }
-        return null;
-    }
-    stringify() {
-        return this.nickname;
-    }
-    getAsRawString(format) {
-        return this.color.getAsRawString(format);
-    }
-}
-export class Legacy {
-    #rawParams;
-    #rgba;
-    #authoredText;
-    #format;
-    channels = ["r" /* ColorChannel.R */, "g" /* ColorChannel.G */, "b" /* ColorChannel.B */, "alpha" /* ColorChannel.ALPHA */];
-    static #conversions = {
-        ["hex" /* Format.HEX */]: (self) => new Legacy(self.#rgba, "hex" /* Format.HEX */),
-        ["hexa" /* Format.HEXA */]: (self) => new Legacy(self.#rgba, "hexa" /* Format.HEXA */),
-        ["rgb" /* Format.RGB */]: (self) => new Legacy(self.#rgba, "rgb" /* Format.RGB */),
-        ["rgba" /* Format.RGBA */]: (self) => new Legacy(self.#rgba, "rgba" /* Format.RGBA */),
-        ["hsl" /* Format.HSL */]: (self) => new HSL(...rgbToHsl([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
-        ["hsla" /* Format.HSLA */]: (self) => new HSL(...rgbToHsl([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
-        ["hwb" /* Format.HWB */]: (self) => new HWB(...rgbToHwb([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
-        ["hwba" /* Format.HWBA */]: (self) => new HWB(...rgbToHwb([self.#rgba[0], self.#rgba[1], self.#rgba[2]]), self.alpha),
-        ["lch" /* Format.LCH */]: (self) => new LCH(...ColorConverter.labToLch(...ColorConverter.xyzd50ToLab(...self.#toXyzd50())), self.alpha),
-        ["oklch" /* Format.OKLCH */]: (self) => new Oklch(...ColorConverter.xyzd50ToOklch(...self.#toXyzd50()), self.alpha),
-        ["lab" /* Format.LAB */]: (self) => new Lab(...ColorConverter.xyzd50ToLab(...self.#toXyzd50()), self.alpha),
-        ["oklab" /* Format.OKLAB */]: (self) => new Oklab(...ColorConverter.xyzd65ToOklab(...ColorConverter.xyzd50ToD65(...self.#toXyzd50())), self.alpha),
-        ["srgb" /* Format.SRGB */]: (self) => new ColorFunction("srgb" /* Format.SRGB */, ...ColorConverter.xyzd50ToSrgb(...self.#toXyzd50()), self.alpha),
-        ["srgb-linear" /* Format.SRGB_LINEAR */]: (self) => new ColorFunction("srgb-linear" /* Format.SRGB_LINEAR */, ...ColorConverter.xyzd50TosRGBLinear(...self.#toXyzd50()), self.alpha),
-        ["display-p3" /* Format.DISPLAY_P3 */]: (self) => new ColorFunction("display-p3" /* Format.DISPLAY_P3 */, ...ColorConverter.xyzd50ToDisplayP3(...self.#toXyzd50()), self.alpha),
-        ["a98-rgb" /* Format.A98_RGB */]: (self) => new ColorFunction("a98-rgb" /* Format.A98_RGB */, ...ColorConverter.xyzd50ToAdobeRGB(...self.#toXyzd50()), self.alpha),
-        ["prophoto-rgb" /* Format.PROPHOTO_RGB */]: (self) => new ColorFunction("prophoto-rgb" /* Format.PROPHOTO_RGB */, ...ColorConverter.xyzd50ToProPhoto(...self.#toXyzd50()), self.alpha),
-        ["rec2020" /* Format.REC_2020 */]: (self) => new ColorFunction("rec2020" /* Format.REC_2020 */, ...ColorConverter.xyzd50ToRec2020(...self.#toXyzd50()), self.alpha),
-        ["xyz" /* Format.XYZ */]: (self) => new ColorFunction("xyz" /* Format.XYZ */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-        ["xyz-d50" /* Format.XYZ_D50 */]: (self) => new ColorFunction("xyz-d50" /* Format.XYZ_D50 */, ...self.#toXyzd50(), self.alpha),
-        ["xyz-d65" /* Format.XYZ_D65 */]: (self) => new ColorFunction("xyz-d65" /* Format.XYZ_D65 */, ...ColorConverter.xyzd50ToD65(...self.#toXyzd50()), self.alpha),
-    };
-    #toXyzd50() {
-        const [r, g, b] = this.#rgba;
-        return ColorConverter.srgbToXyzd50(r, g, b);
-    }
-    get alpha() {
-        switch (this.format()) {
-            case "hexa" /* Format.HEXA */:
-            case "rgba" /* Format.RGBA */:
-                return this.#rgba[3];
-            default:
-                return null;
-        }
-    }
-    asLegacyColor() {
-        return this;
-    }
-    nickname() {
-        const nickname = RGBAToNickname.get(String(this.canonicalRGBA()));
-        return nickname ? new Nickname(nickname, this) : null;
-    }
-    shortHex() {
-        for (let i = 0; i < 4; ++i) {
-            const c = Math.round(this.#rgba[i] * 255);
-            // Check if the two digits of each are identical: #aabbcc => #abc
-            if (c % 0x11) {
-                return null;
-            }
-        }
-        return new ShortHex(this);
-    }
-    constructor(rgba, format, authoredText) {
-        this.#authoredText = authoredText || null;
-        this.#format = format;
-        this.#rawParams = [rgba[0], rgba[1], rgba[2]];
-        this.#rgba = [
-            clamp(rgba[0], { min: 0, max: 1 }),
-            clamp(rgba[1], { min: 0, max: 1 }),
-            clamp(rgba[2], { min: 0, max: 1 }),
-            clamp(rgba[3] ?? 1, { min: 0, max: 1 }),
-        ];
-    }
-    static fromHex(hex, text) {
-        hex = hex.toLowerCase();
-        // Possible hex representations with alpha are fffA and ffffffAA
-        const hasAlpha = hex.length === 4 || hex.length === 8;
-        const format = hasAlpha ? "hexa" /* Format.HEXA */ : "hex" /* Format.HEX */;
-        const isShort = hex.length <= 4;
-        if (isShort) {
-            hex = hex.charAt(0) + hex.charAt(0) + hex.charAt(1) + hex.charAt(1) + hex.charAt(2) + hex.charAt(2) +
-                hex.charAt(3) + hex.charAt(3);
-        }
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        let a = 1;
-        if (hex.length === 8) {
-            a = parseInt(hex.substring(6, 8), 16) / 255;
-        }
-        const color = new Legacy([r / 255, g / 255, b / 255, a], format, text);
-        return isShort ? new ShortHex(color) : color;
-    }
-    static fromRGBAFunction(r, g, b, alpha, text) {
-        const rgba = [
-            parseRgbNumeric(r),
-            parseRgbNumeric(g),
-            parseRgbNumeric(b),
-            alpha ? parseAlphaNumeric(alpha) : 1,
-        ];
-        if (!Platform.ArrayUtilities.arrayDoesNotContainNullOrUndefined(rgba)) {
-            return null;
-        }
-        return new Legacy(rgba, alpha ? "rgba" /* Format.RGBA */ : "rgb" /* Format.RGB */, text);
-    }
-    static fromRGBA(rgba, authoredText) {
-        return new Legacy([rgba[0] / 255, rgba[1] / 255, rgba[2] / 255, rgba[3]], "rgba" /* Format.RGBA */, authoredText);
-    }
-    static fromHSVA(hsva) {
-        const rgba = hsva2rgba(hsva);
-        return new Legacy(rgba, "rgba" /* Format.RGBA */);
-    }
-    is(format) {
-        return format === this.format();
-    }
-    as(format) {
-        if (format === this.format()) {
-            return this;
-        }
-        return Legacy.#conversions[format](this);
-    }
-    format() {
-        return this.#format;
-    }
-    hasAlpha() {
-        return this.#rgba[3] !== 1;
-    }
-    detectHEXFormat() {
-        const hasAlpha = this.hasAlpha();
-        return hasAlpha ? "hexa" /* Format.HEXA */ : "hex" /* Format.HEX */;
-    }
-    asString(format) {
-        if (format) {
-            return this.as(format).asString();
-        }
-        return this.#stringify(format, this.#rgba[0], this.#rgba[1], this.#rgba[2]);
-    }
-    #stringify(format, r, g, b) {
-        if (!format) {
-            format = this.#format;
-        }
-        function toHexValue(value) {
-            const hex = Math.round(value * 255).toString(16);
-            return hex.length === 1 ? '0' + hex : hex;
-        }
-        switch (format) {
-            case "rgb" /* Format.RGB */:
-            case "rgba" /* Format.RGBA */: {
-                const start = Platform.StringUtilities.sprintf('rgb(%d %d %d', toRgbValue(r), toRgbValue(g), toRgbValue(b));
-                if (this.hasAlpha()) {
-                    return start + Platform.StringUtilities.sprintf(' / %d%)', Math.round(this.#rgba[3] * 100));
-                }
-                return start + ')';
-            }
-            case "hex" /* Format.HEX */:
-            case "hexa" /* Format.HEXA */: {
-                if (this.hasAlpha()) {
-                    return Platform.StringUtilities
-                        .sprintf('#%s%s%s%s', toHexValue(r), toHexValue(g), toHexValue(b), toHexValue(this.#rgba[3]))
-                        .toLowerCase();
-                }
-                return Platform.StringUtilities.sprintf('#%s%s%s', toHexValue(r), toHexValue(g), toHexValue(b)).toLowerCase();
-            }
-        }
-    }
-    getAuthoredText() {
-        return this.#authoredText ?? null;
-    }
-    getRawParameters() {
-        return [...this.#rawParams];
-    }
-    getAsRawString(format) {
-        if (format) {
-            return this.as(format).getAsRawString();
-        }
-        return this.#stringify(format, ...this.#rawParams);
-    }
-    isGamutClipped() {
-        return !equals(this.#rawParams.map(toRgbValue), [this.#rgba[0], this.#rgba[1], this.#rgba[2]].map(toRgbValue), WIDE_RANGE_EPSILON);
-    }
-    rgba() {
-        return [...this.#rgba];
-    }
-    canonicalRGBA() {
-        const rgba = new Array(4);
-        for (let i = 0; i < 3; ++i) {
-            rgba[i] = Math.round(this.#rgba[i] * 255);
-        }
-        rgba[3] = this.#rgba[3];
-        return rgba;
-    }
-    toProtocolRGBA() {
-        const rgba = this.canonicalRGBA();
-        const result = { r: rgba[0], g: rgba[1], b: rgba[2], a: undefined };
-        if (rgba[3] !== 1) {
-            result.a = rgba[3];
-        }
-        return result;
-    }
-    invert() {
-        const rgba = [0, 0, 0, 0];
-        rgba[0] = 1 - this.#rgba[0];
-        rgba[1] = 1 - this.#rgba[1];
-        rgba[2] = 1 - this.#rgba[2];
-        rgba[3] = this.#rgba[3];
-        return new Legacy(rgba, "rgba" /* Format.RGBA */);
-    }
-    /**
-     * Returns a new color using the NTSC formula for making a RGB color grayscale.
-     * Note: We override with an alpha of 50% to enhance the dimming effect.
-     */
-    grayscale() {
-        const [r, g, b] = this.#rgba;
-        const gray = r * 0.299 + g * 0.587 + b * 0.114;
-        return new Legacy([gray, gray, gray, 0.5], "rgba" /* Format.RGBA */);
-    }
-    setAlpha(alpha) {
-        const rgba = [...this.#rgba];
-        rgba[3] = alpha;
-        return new Legacy(rgba, "rgba" /* Format.RGBA */);
-    }
-    blendWith(fgColor) {
-        const rgba = blendColors(fgColor.#rgba, this.#rgba);
-        return new Legacy(rgba, "rgba" /* Format.RGBA */);
-    }
-    blendWithAlpha(alpha) {
-        const rgba = [...this.#rgba];
-        rgba[3] *= alpha;
-        return new Legacy(rgba, "rgba" /* Format.RGBA */);
-    }
-    setFormat(format) {
-        this.#format = format;
-    }
-    equal(other) {
-        const legacy = other.as(this.#format);
-        return equals(toRgbValue(this.#rgba[0]), toRgbValue(legacy.#rgba[0]), WIDE_RANGE_EPSILON) &&
-            equals(toRgbValue(this.#rgba[1]), toRgbValue(legacy.#rgba[1]), WIDE_RANGE_EPSILON) &&
-            equals(toRgbValue(this.#rgba[2]), toRgbValue(legacy.#rgba[2]), WIDE_RANGE_EPSILON) &&
-            equals(this.#rgba[3], legacy.#rgba[3]);
-    }
-}
-export const Regex = /((?:rgba?|hsla?|hwba?|lab|lch|oklab|oklch|color)\([^)]+\)|#[0-9a-fA-F]{8}|#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3,4}|\b[a-zA-Z]+\b(?!-))/g;
-export const ColorMixRegex = /color-mix\(.*,\s*(?<firstColor>.+)\s*,\s*(?<secondColor>.+)\s*\)/g;
-const COLOR_TO_RGBA_ENTRIES = [
-    ['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', [237, 20, 61]],
-    ['cyan', [0, 255, 255]],
-    ['darkblue', [0, 0, 139]],
-    ['darkcyan', [0, 139, 139]],
-    ['darkgoldenrod', [184, 134, 11]],
-    ['darkgray', [169, 169, 169]],
-    ['darkgrey', [169, 169, 169]],
-    ['darkgreen', [0, 100, 0]],
-    ['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]],
-    ['grey', [128, 128, 128]],
-    ['green', [0, 128, 0]],
-    ['greenyellow', [173, 255, 47]],
-    ['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]],
-    ['lightgreen', [144, 238, 144]],
-    ['lightgray', [211, 211, 211]],
-    ['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]],
-    ['transparent', [0, 0, 0, 0]],
-];
-console.assert(COLOR_TO_RGBA_ENTRIES.every(([nickname]) => nickname.toLowerCase() === nickname), 'All color nicknames must be lowercase.');
-export const Nicknames = new Map(COLOR_TO_RGBA_ENTRIES);
-const RGBAToNickname = new Map(
-// Default opacity to 1 if the color only specified 3 channels
-COLOR_TO_RGBA_ENTRIES.map(([nickname, [r, g, b, a = 1]]) => {
-    return [String([r, g, b, a]), nickname];
-}));
-const LAYOUT_LINES_HIGHLIGHT_COLOR = [127, 32, 210];
-export const PageHighlight = {
-    Content: Legacy.fromRGBA([111, 168, 220, .66]),
-    ContentLight: Legacy.fromRGBA([111, 168, 220, .5]),
-    ContentOutline: Legacy.fromRGBA([9, 83, 148]),
-    Padding: Legacy.fromRGBA([147, 196, 125, .55]),
-    PaddingLight: Legacy.fromRGBA([147, 196, 125, .4]),
-    Border: Legacy.fromRGBA([255, 229, 153, .66]),
-    BorderLight: Legacy.fromRGBA([255, 229, 153, .5]),
-    Margin: Legacy.fromRGBA([246, 178, 107, .66]),
-    MarginLight: Legacy.fromRGBA([246, 178, 107, .5]),
-    EventTarget: Legacy.fromRGBA([255, 196, 196, .66]),
-    Shape: Legacy.fromRGBA([96, 82, 177, 0.8]),
-    ShapeMargin: Legacy.fromRGBA([96, 82, 127, .6]),
-    CssGrid: Legacy.fromRGBA([0x4b, 0, 0x82, 1]),
-    LayoutLine: Legacy.fromRGBA([...LAYOUT_LINES_HIGHLIGHT_COLOR, 1]),
-    GridBorder: Legacy.fromRGBA([...LAYOUT_LINES_HIGHLIGHT_COLOR, 1]),
-    GapBackground: Legacy.fromRGBA([...LAYOUT_LINES_HIGHLIGHT_COLOR, .3]),
-    GapHatch: Legacy.fromRGBA([...LAYOUT_LINES_HIGHLIGHT_COLOR, .8]),
-    GridAreaBorder: Legacy.fromRGBA([26, 115, 232, 1]),
-};
-export const SourceOrderHighlight = {
-    ParentOutline: Legacy.fromRGBA([224, 90, 183, 1]),
-    ChildOutline: Legacy.fromRGBA([0, 120, 212, 1]),
-};
-export const IsolationModeHighlight = {
-    Resizer: Legacy.fromRGBA([222, 225, 230, 1]), // --color-background-elevation-2
-    ResizerHandle: Legacy.fromRGBA([166, 166, 166, 1]),
-    Mask: Legacy.fromRGBA([248, 249, 249, 1]),
-};
-export class Generator {
-    #hueSpace;
-    #satSpace;
-    #lightnessSpace;
-    #alphaSpace;
-    #colors = new Map();
-    constructor(hueSpace, satSpace, lightnessSpace, alphaSpace) {
-        this.#hueSpace = hueSpace || { min: 0, max: 360, count: undefined };
-        this.#satSpace = satSpace || 67;
-        this.#lightnessSpace = lightnessSpace || 80;
-        this.#alphaSpace = alphaSpace || 1;
-    }
-    setColorForID(id, color) {
-        this.#colors.set(id, color);
-    }
-    colorForID(id) {
-        let color = this.#colors.get(id);
-        if (!color) {
-            color = this.generateColorForID(id);
-            this.#colors.set(id, color);
-        }
-        return color;
-    }
-    generateColorForID(id) {
-        const hash = Platform.StringUtilities.hashCode(id);
-        const h = this.indexToValueInSpace(hash, this.#hueSpace);
-        const s = this.indexToValueInSpace(hash >> 8, this.#satSpace);
-        const l = this.indexToValueInSpace(hash >> 16, this.#lightnessSpace);
-        const a = this.indexToValueInSpace(hash >> 24, this.#alphaSpace);
-        const start = `hsl(${h}deg ${s}% ${l}%`;
-        if (a !== 1) {
-            return `${start} / ${Math.floor(a * 100)}%)`;
-        }
-        return `${start})`;
-    }
-    indexToValueInSpace(index, space) {
-        if (typeof space === 'number') {
-            return space;
-        }
-        const count = space.count || space.max - space.min;
-        index %= count;
-        return space.min + Math.floor(index / (count - 1) * (space.max - space.min));
-    }
-}