devtools-tracing 1.1.1 → 1.2.0

package/lib/front_end/core/common/ColorConverter.ts

@@ -1,402 +0,0 @@
-// Copyright 2022 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * Implementation of this module and all the tests are heavily influenced by
- * https://source.chromium.org/chromium/chromium/src/+/main:ui/gfx/color_conversions.cc
- */
-
-// https://en.wikipedia.org/wiki/CIELAB_color_space#Converting_between_CIELAB_and_CIEXYZ_coordinates
-const D50_X = 0.9642;
-const D50_Y = 1.0;
-const D50_Z = 0.8251;
-
-type Array3x3 = [
-  [number, number, number],
-  [number, number, number],
-  [number, number, number],
-];
-
-class Vector3 {
-  values: [number, number, number] = [0, 0, 0];
-  constructor(values?: [number, number, number]) {
-    if (values) {
-      this.values = values;
-    }
-  }
-}
-
-class Matrix3x3 {
-  values: Array3x3 = [
-    [0, 0, 0],
-    [0, 0, 0],
-    [0, 0, 0],
-  ];
-
-  constructor(values?: Array3x3) {
-    if (values) {
-      this.values = values;
-    }
-  }
-
-  multiply(other: Vector3): Vector3 {
-    const dst = new Vector3();
-    for (let row = 0; row < 3; ++row) {
-      dst.values[row] = this.values[row][0] * other.values[0] + this.values[row][1] * other.values[1] +
-          this.values[row][2] * other.values[2];
-    }
-    return dst;
-  }
-}
-
-/**
- * A transfer function mapping encoded values to linear values,
- * represented by this 7-parameter piecewise function:
- *
- * linear = sign(encoded) *  (c*|encoded| + f)       , 0 <= |encoded| < d
- * = sign(encoded) * ((a*|encoded| + b)^g + e), d <= |encoded|
- *
- * (A simple gamma transfer function sets g to gamma and a to 1.)
- **/
-class TransferFunction {
-  g: number;
-  a: number;
-  b: number;
-  c: number;
-  d: number;
-  e: number;
-  f: number;
-
-  constructor(g: number, a: number, b = 0, c = 0, d = 0, e = 0, f = 0) {
-    this.g = g;
-    this.a = a;
-    this.b = b;
-    this.c = c;
-    this.d = d;
-    this.e = e;
-    this.f = f;
-  }
-
-  eval(val: number): number {
-    const sign = val < 0 ? -1.0 : 1.0;
-    const abs = val * sign;
-
-    // 0 <= |encoded| < d path
-    if (abs < this.d) {
-      return sign * (this.c * abs + this.f);
-    }
-
-    // d <= |encoded| path
-    return sign * (Math.pow(this.a * abs + this.b, this.g) + this.e);
-  }
-}
-
-const NAMED_TRANSFER_FN = {
-  sRGB: new TransferFunction(2.4, (1 / 1.055), (0.055 / 1.055), (1 / 12.92), 0.04045, 0.0, 0.0),
-  sRGB_INVERSE: new TransferFunction(0.416667, 1.13728, -0, 12.92, 0.0031308, -0.0549698, -0),
-
-  proPhotoRGB: new TransferFunction(1.8, 1),
-  proPhotoRGB_INVERSE: new TransferFunction(0.555556, 1, -0, 0, 0, 0, 0),
-
-  k2Dot2: new TransferFunction(2.2, 1.0),
-  k2Dot2_INVERSE: new TransferFunction(0.454545, 1),
-
-  rec2020: new TransferFunction(2.22222, 0.909672, 0.0903276, 0.222222, 0.0812429, 0, 0),
-  rec2020_INVERSE: new TransferFunction(0.45, 1.23439, -0, 4.5, 0.018054, -0.0993195, -0),
-};
-
-const NAMED_GAMUTS = {
-  sRGB: new Matrix3x3([
-    [0.436065674, 0.385147095, 0.143066406],
-    [0.222488403, 0.716873169, 0.060607910],
-    [0.013916016, 0.097076416, 0.714096069],
-  ]),
-  sRGB_INVERSE: new Matrix3x3([
-    [3.134112151374599, -1.6173924597114966, -0.4906334036481285],
-    [-0.9787872938826594, 1.9162795854799963, 0.0334547139520088],
-    [0.07198304248352326, -0.2289858493321844, 1.4053851325241447],
-  ]),
-  displayP3: new Matrix3x3([
-    [0.515102, 0.291965, 0.157153],
-    [0.241182, 0.692236, 0.0665819],
-    [-0.00104941, 0.0418818, 0.784378],
-  ]),
-  displayP3_INVERSE: new Matrix3x3([
-    [2.404045155982687, -0.9898986932663839, -0.3976317191366333],
-    [-0.8422283799266768, 1.7988505115115485, 0.016048170293157416],
-    [0.04818705979712955, -0.09737385156228891, 1.2735066448052303],
-  ]),
-  adobeRGB: new Matrix3x3([
-    [0.60974, 0.20528, 0.14919],
-    [0.31111, 0.62567, 0.06322],
-    [0.01947, 0.06087, 0.74457],
-  ]),
-  adobeRGB_INVERSE: new Matrix3x3([
-    [1.9625385510109137, -0.6106892546501431, -0.3413827467482388],
-    [-0.9787580455521, 1.9161624707082339, 0.03341676594241408],
-    [0.028696263137883395, -0.1406807819331586, 1.349252109991369],
-  ]),
-  rec2020: new Matrix3x3([
-    [0.673459, 0.165661, 0.125100],
-    [0.279033, 0.675338, 0.0456288],
-    [-0.00193139, 0.0299794, 0.797162],
-  ]),
-  rec2020_INVERSE: new Matrix3x3([
-    [1.647275201661012, -0.3936024771460771, -0.23598028884792507],
-    [-0.6826176165196962, 1.647617775014935, 0.01281626807852422],
-    [0.029662725298529837, -0.06291668721366285, 1.2533964313435522],
-  ]),
-  xyz: new Matrix3x3([
-    [1.0, 0.0, 0.0],
-    [0.0, 1.0, 0.0],
-    [0.0, 0.0, 1.0],
-  ]),
-
-};
-
-function degToRad(deg: number): number {
-  return deg * (Math.PI / 180);
-}
-
-function radToDeg(rad: number): number {
-  return rad * (180 / Math.PI);
-}
-
-function applyTransferFns(fn: TransferFunction, r: number, g: number, b: number): [number, number, number] {
-  return [fn.eval(r), fn.eval(g), fn.eval(b)];
-}
-
-const OKLAB_TO_LMS_MATRIX = new Matrix3x3([
-  [0.99999999845051981432, 0.39633779217376785678, 0.21580375806075880339],
-  [1.0000000088817607767, -0.1055613423236563494, -0.063854174771705903402],
-  [1.0000000546724109177, -0.089484182094965759684, -1.2914855378640917399],
-]);
-
-// Inverse of the OKLAB_TO_LMS_MATRIX
-const LMS_TO_OKLAB_MATRIX = new Matrix3x3([
-  [0.2104542553, 0.7936177849999999, -0.0040720468],
-  [1.9779984951000003, -2.4285922049999997, 0.4505937099000001],
-  [0.025904037099999982, 0.7827717662, -0.8086757660000001],
-]);
-
-const XYZ_TO_LMS_MATRIX = new Matrix3x3([
-  [0.8190224432164319, 0.3619062562801221, -0.12887378261216414],
-  [0.0329836671980271, 0.9292868468965546, 0.03614466816999844],
-  [0.048177199566046255, 0.26423952494422764, 0.6335478258136937],
-]);
-// Inverse of XYZ_TO_LMS_MATRIX
-const LMS_TO_XYZ_MATRIX = new Matrix3x3([
-  [1.226879873374156, -0.5578149965554814, 0.2813910501772159],
-  [-0.040575762624313734, 1.1122868293970596, -0.07171106666151703],
-  [-0.07637294974672144, -0.4214933239627915, 1.586924024427242],
-]);
-
-const PRO_PHOTO_TO_XYZD50_MATRIX = new Matrix3x3([
-  [0.7976700747153241, 0.13519395152800417, 0.03135596341127167],
-  [0.28803902352472205, 0.7118744007923554, 0.00008661179538844252],
-  [2.739876695467402e-7, -0.0000014405226518969991, 0.825211112593861],
-]);
-// Inverse of PRO_PHOTO_TO_XYZD50_MATRIX
-const XYZD50_TO_PRO_PHOTO_MATRIX = new Matrix3x3([
-  [1.3459533710138858, -0.25561367037652133, -0.051116041522131374],
-  [-0.544600415668951, 1.5081687311475767, 0.020535163968720935],
-  [-0.0000013975622054109725, 0.000002717590904589903, 1.2118111696814942],
-]);
-
-const XYZD65_TO_XYZD50_MATRIX = new Matrix3x3([
-  [1.0478573189120088, 0.022907374491829943, -0.050162247377152525],
-  [0.029570500050499514, 0.9904755577034089, -0.017061518194840468],
-  [-0.00924047197558879, 0.015052921526981566, 0.7519708530777581],
-]);
-// Inverse of XYZD65_TO_XYZD50_MATRIX
-const XYZD50_TO_XYZD65_MATRIX = new Matrix3x3([
-  [0.9555366447632887, -0.02306009252137888, 0.06321844147263304],
-  [-0.028315378228764922, 1.009951351591575, 0.021026001591792402],
-  [0.012308773293784308, -0.02050053471777469, 1.3301947294775631],
-]);
-
-export class ColorConverter {
-  static labToXyzd50(l: number, a: number, b: number): [number, number, number] {
-    let y = (l + 16.0) / 116.0;
-    let x = y + a / 500.0;
-    let z = y - b / 200.0;
-
-    function labInverseTransferFunction(t: number): number {
-      const delta = (24.0 / 116.0);
-
-      if (t <= delta) {
-        return (108.0 / 841.0) * (t - (16.0 / 116.0));
-      }
-
-      return t * t * t;
-    }
-
-    x = labInverseTransferFunction(x) * D50_X;
-    y = labInverseTransferFunction(y) * D50_Y;
-    z = labInverseTransferFunction(z) * D50_Z;
-
-    return [x, y, z];
-  }
-
-  static xyzd50ToLab(x: number, y: number, z: number): [number, number, number] {
-    function labTransferFunction(t: number): number {
-      const deltaLimit: number = (24.0 / 116.0) * (24.0 / 116.0) * (24.0 / 116.0);
-
-      if (t <= deltaLimit) {
-        return (841.0 / 108.0) * t + (16.0 / 116.0);
-      }
-      return Math.pow(t, 1.0 / 3.0);
-    }
-
-    x = labTransferFunction(x / D50_X);
-    y = labTransferFunction(y / D50_Y);
-    z = labTransferFunction(z / D50_Z);
-
-    const l = 116.0 * y - 16.0;
-    const a = 500.0 * (x - y);
-    const b = 200.0 * (y - z);
-
-    return [l, a, b];
-  }
-
-  static oklabToXyzd65(l: number, a: number, b: number): [number, number, number] {
-    const labInput = new Vector3([l, a, b]);
-    const lmsIntermediate = OKLAB_TO_LMS_MATRIX.multiply(labInput);
-    lmsIntermediate.values[0] = lmsIntermediate.values[0] * lmsIntermediate.values[0] * lmsIntermediate.values[0];
-    lmsIntermediate.values[1] = lmsIntermediate.values[1] * lmsIntermediate.values[1] * lmsIntermediate.values[1];
-    lmsIntermediate.values[2] = lmsIntermediate.values[2] * lmsIntermediate.values[2] * lmsIntermediate.values[2];
-    const xyzOutput = LMS_TO_XYZ_MATRIX.multiply(lmsIntermediate);
-    return xyzOutput.values;
-  }
-
-  static xyzd65ToOklab(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const lmsIntermediate = XYZ_TO_LMS_MATRIX.multiply(xyzInput);
-
-    lmsIntermediate.values[0] = Math.pow(lmsIntermediate.values[0], 1.0 / 3.0);
-    lmsIntermediate.values[1] = Math.pow(lmsIntermediate.values[1], 1.0 / 3.0);
-    lmsIntermediate.values[2] = Math.pow(lmsIntermediate.values[2], 1.0 / 3.0);
-
-    const labOutput = LMS_TO_OKLAB_MATRIX.multiply(lmsIntermediate);
-    return [labOutput.values[0], labOutput.values[1], labOutput.values[2]];
-  }
-
-  static lchToLab(l: number, c: number, h: number|undefined): [number, number, number] {
-    if (h === undefined) {
-      return [l, 0, 0];
-    }
-
-    return [l, c * Math.cos(degToRad(h)), c * Math.sin(degToRad(h))];
-  }
-
-  static labToLch(l: number, a: number, b: number): [number, number, number] {
-    return [l, Math.sqrt(a * a + b * b), radToDeg(Math.atan2(b, a))];
-  }
-
-  static displayP3ToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.sRGB, r, g, b);
-    const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
-    const xyzOutput = NAMED_GAMUTS.displayP3.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50ToDisplayP3(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbOutput = NAMED_GAMUTS.displayP3_INVERSE.multiply(xyzInput);
-    return applyTransferFns(
-        NAMED_TRANSFER_FN.sRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
-  }
-
-  static proPhotoToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.proPhotoRGB, r, g, b);
-    const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
-    const xyzOutput = PRO_PHOTO_TO_XYZD50_MATRIX.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50ToProPhoto(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbOutput = XYZD50_TO_PRO_PHOTO_MATRIX.multiply(xyzInput);
-    return applyTransferFns(
-        NAMED_TRANSFER_FN.proPhotoRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
-  }
-
-  static adobeRGBToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.k2Dot2, r, g, b);
-    const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
-    const xyzOutput = NAMED_GAMUTS.adobeRGB.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50ToAdobeRGB(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbOutput = NAMED_GAMUTS.adobeRGB_INVERSE.multiply(xyzInput);
-    return applyTransferFns(
-        NAMED_TRANSFER_FN.k2Dot2_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
-  }
-
-  static rec2020ToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.rec2020, r, g, b);
-    const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
-    const xyzOutput = NAMED_GAMUTS.rec2020.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50ToRec2020(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbOutput = NAMED_GAMUTS.rec2020_INVERSE.multiply(xyzInput);
-    return applyTransferFns(
-        NAMED_TRANSFER_FN.rec2020_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
-  }
-
-  static xyzd50ToD65(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const xyzOutput = XYZD50_TO_XYZD65_MATRIX.multiply(xyzInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd65ToD50(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const xyzOutput = XYZD65_TO_XYZD50_MATRIX.multiply(xyzInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50TosRGBLinear(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbResult = NAMED_GAMUTS.sRGB_INVERSE.multiply(xyzInput);
-    return rgbResult.values;
-  }
-
-  static srgbLinearToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const rgbInput = new Vector3([r, g, b]);
-    const xyzOutput = NAMED_GAMUTS.sRGB.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static srgbToXyzd50(r: number, g: number, b: number): [number, number, number] {
-    const [mappedR, mappedG, mappedB] = applyTransferFns(NAMED_TRANSFER_FN.sRGB, r, g, b);
-    const rgbInput = new Vector3([mappedR, mappedG, mappedB]);
-    const xyzOutput = NAMED_GAMUTS.sRGB.multiply(rgbInput);
-    return xyzOutput.values;
-  }
-
-  static xyzd50ToSrgb(x: number, y: number, z: number): [number, number, number] {
-    const xyzInput = new Vector3([x, y, z]);
-    const rgbOutput = NAMED_GAMUTS.sRGB_INVERSE.multiply(xyzInput);
-    return applyTransferFns(
-        NAMED_TRANSFER_FN.sRGB_INVERSE, rgbOutput.values[0], rgbOutput.values[1], rgbOutput.values[2]);
-  }
-
-  static oklchToXyzd50(lInput: number, c: number, h: number): [number, number, number] {
-    const [l, a, b] = ColorConverter.lchToLab(lInput, c, h);
-    const [x65, y65, z65] = ColorConverter.oklabToXyzd65(l, a, b);
-    return ColorConverter.xyzd65ToD50(x65, y65, z65);
-  }
-
-  static xyzd50ToOklch(x: number, y: number, z: number): [number, number, number] {
-    const [x65, y65, z65] = ColorConverter.xyzd50ToD65(x, y, z);
-    const [l, a, b] = ColorConverter.xyzd65ToOklab(x65, y65, z65);
-    return ColorConverter.labToLch(l, a, b);
-  }
-}

package/lib/front_end/core/common/ColorUtils.ts

@@ -1,252 +0,0 @@
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * Combine the two given colors according to alpha blending.
- */
-export type Color4D = [number, number, number, number];
-export type Color3D = [number, number, number];
-export type Color4DOr3D = [number, number, number, number | undefined];
-export function blendColors(fgRGBA: Color4D, bgRGBA: Color4D): Color4D {
-  const alpha = fgRGBA[3];
-  return [
-    ((1 - alpha) * bgRGBA[0]) + (alpha * fgRGBA[0]),
-    ((1 - alpha) * bgRGBA[1]) + (alpha * fgRGBA[1]),
-    ((1 - alpha) * bgRGBA[2]) + (alpha * fgRGBA[2]),
-    alpha + (bgRGBA[3] * (1 - alpha)),
-  ];
-}
-
-function rgbToHue([r, g, b]: number[]): number {
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const diff = max - min;
-
-  let h;
-  if (min === max) {
-    h = 0;
-  } else if (r === max) {
-    h = ((1 / 6 * (g - b) / diff) + 1) % 1;
-  } else if (g === max) {
-    h = (1 / 6 * (b - r) / diff) + 1 / 3;
-  } else {
-    h = (1 / 6 * (r - g) / diff) + 2 / 3;
-  }
-  return h;
-}
-
-export function rgbToHsl(rgb: Color3D): Color3D {
-  const [h, s, l] = rgbaToHsla([...rgb, undefined]);
-  return [h, s, l];
-}
-export function rgbaToHsla([r, g, b, a]: Color4DOr3D): Color4DOr3D {
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const diff = max - min;
-  const sum = max + min;
-
-  const h = rgbToHue([r, g, b]);
-  const l = 0.5 * sum;
-
-  let s;
-  if (l === 0) {
-    s = 0;
-  } else if (l === 1) {
-    s = 0;
-  } else if (l <= 0.5) {
-    s = diff / sum;
-  } else {
-    s = diff / (2 - sum);
-  }
-
-  return [h, s, l, a];
-}
-
-export function rgbToHwb(rgb: Color3D): Color3D {
-  const [h, w, b] = rgbaToHwba([...rgb, undefined]);
-  return [h, w, b];
-}
-export function rgbaToHwba([r, g, b, a]: Color4DOr3D): Color4DOr3D {
-  const h = rgbToHue([r, g, b]);
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-
-  return [h, min, 1 - max, a];
-}
-
-/**
- * Calculate the luminance of this color using the WCAG algorithm.
- * See https://www.w3.org/TR/WCAG21/#dfn-relative-luminance.
- */
-export function luminance([rSRGB, gSRGB, bSRGB]: number[]): number {
-  const r = rSRGB <= 0.04045 ? rSRGB / 12.92 : Math.pow(((rSRGB + 0.055) / 1.055), 2.4);
-  const g = gSRGB <= 0.04045 ? gSRGB / 12.92 : Math.pow(((gSRGB + 0.055) / 1.055), 2.4);
-  const b = bSRGB <= 0.04045 ? bSRGB / 12.92 : Math.pow(((bSRGB + 0.055) / 1.055), 2.4);
-
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-
-/**
- * Calculate the contrast ratio between a foreground and a background color.
- * Returns the ratio to 1, for example for two two colors with a contrast ratio of 21:1, this function will return 21.
- * See http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
- */
-export function contrastRatio(fgRGBA: Color4D, bgRGBA: Color4D): number {
-  const blendedFg = blendColors(fgRGBA, bgRGBA);
-  const fgLuminance = luminance(blendedFg);
-  const bgLuminance = luminance(bgRGBA);
-  const contrastRatio = (Math.max(fgLuminance, bgLuminance) + 0.05) / (Math.min(fgLuminance, bgLuminance) + 0.05);
-  return contrastRatio;
-}
-
-// Constants for basic APCA version.
-// See https://github.com/Myndex/SAPC-APCA
-const mainTRC = 2.4;
-const normBgExp = 0.56;
-const normFgExp = 0.57;
-const revBgExp = 0.65;
-const revFgExp = 0.62;
-const blkThrs = 0.022;
-const blkClmp = 1.414;
-const scaleBoW = 1.14;
-const scaleWoB = 1.14;
-const loConOffset = 0.027;
-const loClip = 0.1;
-const deltaLuminanceMin = 0.0005;
-
-/**
- * Calculate relative luminance of a color.
- * See https://github.com/Myndex/SAPC-APCA
- */
-export function luminanceAPCA([rSRGB, gSRGB, bSRGB]: number[]): number {
-  const r = Math.pow(rSRGB, mainTRC);
-  const g = Math.pow(gSRGB, mainTRC);
-  const b = Math.pow(bSRGB, mainTRC);
-
-  return 0.2126729 * r + 0.7151522 * g + 0.0721750 * b;
-}
-
-/**
- * Calculate the contrast ratio between a foreground and a background color.
- * Returns the percentage of the predicted visual contrast.
- * See https://github.com/Myndex/SAPC-APCA
- */
-export function contrastRatioAPCA(fgRGBA: Color4D, bgRGBA: Color4D): number {
-  const blendedFg = blendColors(fgRGBA, bgRGBA);
-  return contrastRatioByLuminanceAPCA(luminanceAPCA(blendedFg), luminanceAPCA(bgRGBA));
-}
-
-function clampLuminance(value: number): number {
-  return value > blkThrs ? value : (value + Math.pow(blkThrs - value, blkClmp));
-}
-
-export function contrastRatioByLuminanceAPCA(fgLuminance: number, bgLuminance: number): number {
-  fgLuminance = clampLuminance(fgLuminance);
-  bgLuminance = clampLuminance(bgLuminance);
-  if (Math.abs(fgLuminance - bgLuminance) < deltaLuminanceMin) {
-    return 0;
-  }
-  let result = 0;
-  if (bgLuminance > fgLuminance) {  // Black text on white.
-    result = (Math.pow(bgLuminance, normBgExp) - Math.pow(fgLuminance, normFgExp)) * scaleBoW;
-    result = result < loClip ? 0 : result - loConOffset;
-  } else {
-    // White text on black.
-    result = (Math.pow(bgLuminance, revBgExp) - Math.pow(fgLuminance, revFgExp)) * scaleWoB;
-    result = result > -loClip ? 0 : result + loConOffset;
-  }
-  return result * 100;
-}
-
-/**
- * Compute a desired luminance given a given luminance and a desired contrast
- * percentage according to APCA.
- */
-export function desiredLuminanceAPCA(luminance: number, contrast: number, lighter: boolean): number {
-  luminance = clampLuminance(luminance);
-  contrast /= 100;
-  function computeLuminance(): number {
-    if (!lighter) {  // Black text on white.
-      return Math.pow(Math.abs(Math.pow(luminance, normBgExp) - (contrast + loConOffset) / scaleBoW), 1 / normFgExp);
-    }
-    // White text on black.
-    return Math.pow(Math.abs(Math.pow(luminance, revBgExp) - (-contrast - loConOffset) / scaleWoB), 1 / revFgExp);
-  }
-  let desiredLuminance = computeLuminance();
-  if (desiredLuminance < 0 || desiredLuminance > 1) {
-    lighter = !lighter;
-    desiredLuminance = computeLuminance();
-  }
-  return desiredLuminance;
-}
-
-// clang-format off
-const contrastAPCALookupTable = [
-  // See https://github.com/Myndex/SAPC-APCA
-  // font size in px | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 weights
-  [12, -1, -1, -1, -1, 100, 90, 80, -1, -1],
-  [14, -1, -1, -1, 100, 90, 80, 60, 60, -1],
-  [16, -1, -1, 100, 90, 80, 60, 55, 50, 50],
-  [18, -1, -1, 90, 80, 60, 55, 50, 40, 40],
-  [24, -1, 100, 80, 60, 55, 50, 40, 38, 35],
-  [30, -1, 90, 70, 55, 50, 40, 38, 35, 40],
-  [36, -1, 80, 60, 50, 40, 38, 35, 30, 25],
-  [48, 100, 70, 55, 40, 38, 35, 30, 25, 20],
-  [60, 90, 60, 50, 38, 35, 30, 25, 20, 20],
-  [72, 80, 55, 40, 35, 30, 25, 20, 20, 20],
-  [96, 70, 50, 35, 30, 25, 20, 20, 20, 20],
-  [120, 60, 40, 30, 25, 20, 20, 20, 20, 20],
-];
-// clang-format on
-
-contrastAPCALookupTable.reverse();
-
-export function getAPCAThreshold(fontSize: string, fontWeight: string): number|null {
-  const size = parseFloat(fontSize.replace('px', ''));
-  const weight = parseFloat(fontWeight);
-
-  // Go over the table backwards to find the first matching font size and then the weight.
-  // Fonts larger than 96px, use the thresholds for 96px.
-  // Fonts smaller than 12px, don't get any threshold meaning the font size needs to be increased.
-  for (const [rowSize, ...rowWeights] of contrastAPCALookupTable) {
-    if (size >= rowSize) {
-      for (const [idx, keywordWeight] of [900, 800, 700, 600, 500, 400, 300, 200, 100].entries()) {
-        if (weight >= keywordWeight) {
-          const threshold = rowWeights[rowWeights.length - 1 - idx];
-          return threshold === -1 ? null : threshold;
-        }
-      }
-    }
-  }
-
-  return null;
-}
-
-export function isLargeFont(fontSize: string, fontWeight: string): boolean {
-  const boldWeights = ['bold', 'bolder'];
-
-  const fontSizePx = parseFloat(fontSize.replace('px', ''));
-  const isBold = isNaN(Number(fontWeight)) ? boldWeights.includes(fontWeight) : Number(fontWeight) >= 600;
-
-  const fontSizePt = fontSizePx * 72 / 96;
-  if (isBold) {
-    return fontSizePt >= 14;
-  }
-  return fontSizePt >= 18;
-}
-
-const contrastThresholds = {
-  largeFont: {aa: 3.0, aaa: 4.5},
-  normalFont: {aa: 4.5, aaa: 7.0},
-};
-
-export function getContrastThreshold(fontSize: string, fontWeight: string): {
-  aa: number,
-  aaa: number,
-} {
-  if (isLargeFont(fontSize, fontWeight)) {
-    return contrastThresholds.largeFont;
-  }
-  return contrastThresholds.normalFont;
-}