var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var __async = (__this, __arguments, generator) => { return new Promise((resolve, reject) => { var fulfilled = (value) => { try { step(generator.next(value)); } catch (e) { reject(e); } }; var rejected = (value) => { try { step(generator.throw(value)); } catch (e) { reject(e); } }; var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected); step((generator = generator.apply(__this, __arguments)).next()); }); }; // src/material/schematics/ng-generate/theme-color/index.ts var theme_color_exports = {}; __export(theme_color_exports, { default: () => theme_color_default, generateSCSSTheme: () => generateSCSSTheme, getAllSysVariablesCSS: () => getAllSysVariablesCSS, getColorPalettes: () => getColorPalettes, getHctFromHex: () => getHctFromHex, getHighContrastOverridesCSS: () => getHighContrastOverridesCSS, getMaterialDynamicScheme: () => getMaterialDynamicScheme }); module.exports = __toCommonJS(theme_color_exports); // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/utils/math_utils.js function signum(num) { if (num < 0) { return -1; } else if (num === 0) { return 0; } else { return 1; } } function lerp(start, stop, amount) { return (1 - amount) * start + amount * stop; } function clampInt(min, max, input) { if (input < min) { return min; } else if (input > max) { return max; } return input; } function clampDouble(min, max, input) { if (input < min) { return min; } else if (input > max) { return max; } return input; } function sanitizeDegreesInt(degrees) { degrees = degrees % 360; if (degrees < 0) { degrees = degrees + 360; } return degrees; } function sanitizeDegreesDouble(degrees) { degrees = degrees % 360; if (degrees < 0) { degrees = degrees + 360; } return degrees; } function differenceDegrees(a, b) { return 180 - Math.abs(Math.abs(a - b) - 180); } function matrixMultiply(row, matrix) { const a = row[0] * matrix[0][0] + row[1] * matrix[0][1] + row[2] * matrix[0][2]; const b = row[0] * matrix[1][0] + row[1] * matrix[1][1] + row[2] * matrix[1][2]; const c = row[0] * matrix[2][0] + row[1] * matrix[2][1] + row[2] * matrix[2][2]; return [a, b, c]; } // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/utils/color_utils.js var SRGB_TO_XYZ = [ [0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478] ]; var XYZ_TO_SRGB = [ [ 3.2413774792388685, -1.5376652402851851, -0.49885366846268053 ], [ -0.9691452513005321, 1.8758853451067872, 0.04156585616912061 ], [ 0.05562093689691305, -0.20395524564742123, 1.0571799111220335 ] ]; var WHITE_POINT_D65 = [95.047, 100, 108.883]; function argbFromRgb(red, green, blue) { return (255 << 24 | (red & 255) << 16 | (green & 255) << 8 | blue & 255) >>> 0; } function argbFromLinrgb(linrgb) { const r = delinearized(linrgb[0]); const g = delinearized(linrgb[1]); const b = delinearized(linrgb[2]); return argbFromRgb(r, g, b); } function redFromArgb(argb) { return argb >> 16 & 255; } function greenFromArgb(argb) { return argb >> 8 & 255; } function blueFromArgb(argb) { return argb & 255; } function argbFromXyz(x, y, z) { const matrix = XYZ_TO_SRGB; const linearR = matrix[0][0] * x + matrix[0][1] * y + matrix[0][2] * z; const linearG = matrix[1][0] * x + matrix[1][1] * y + matrix[1][2] * z; const linearB = matrix[2][0] * x + matrix[2][1] * y + matrix[2][2] * z; const r = delinearized(linearR); const g = delinearized(linearG); const b = delinearized(linearB); return argbFromRgb(r, g, b); } function xyzFromArgb(argb) { const r = linearized(redFromArgb(argb)); const g = linearized(greenFromArgb(argb)); const b = linearized(blueFromArgb(argb)); return matrixMultiply([r, g, b], SRGB_TO_XYZ); } function labFromArgb(argb) { const linearR = linearized(redFromArgb(argb)); const linearG = linearized(greenFromArgb(argb)); const linearB = linearized(blueFromArgb(argb)); const matrix = SRGB_TO_XYZ; const x = matrix[0][0] * linearR + matrix[0][1] * linearG + matrix[0][2] * linearB; const y = matrix[1][0] * linearR + matrix[1][1] * linearG + matrix[1][2] * linearB; const z = matrix[2][0] * linearR + matrix[2][1] * linearG + matrix[2][2] * linearB; const whitePoint = WHITE_POINT_D65; const xNormalized = x / whitePoint[0]; const yNormalized = y / whitePoint[1]; const zNormalized = z / whitePoint[2]; const fx = labF(xNormalized); const fy = labF(yNormalized); const fz = labF(zNormalized); const l = 116 * fy - 16; const a = 500 * (fx - fy); const b = 200 * (fy - fz); return [l, a, b]; } function argbFromLstar(lstar) { const y = yFromLstar(lstar); const component = delinearized(y); return argbFromRgb(component, component, component); } function lstarFromArgb(argb) { const y = xyzFromArgb(argb)[1]; return 116 * labF(y / 100) - 16; } function yFromLstar(lstar) { return 100 * labInvf((lstar + 16) / 116); } function lstarFromY(y) { return labF(y / 100) * 116 - 16; } function linearized(rgbComponent) { const normalized = rgbComponent / 255; if (normalized <= 0.040449936) { return normalized / 12.92 * 100; } else { return Math.pow((normalized + 0.055) / 1.055, 2.4) * 100; } } function delinearized(rgbComponent) { const normalized = rgbComponent / 100; let delinearized2 = 0; if (normalized <= 31308e-7) { delinearized2 = normalized * 12.92; } else { delinearized2 = 1.055 * Math.pow(normalized, 1 / 2.4) - 0.055; } return clampInt(0, 255, Math.round(delinearized2 * 255)); } function whitePointD65() { return WHITE_POINT_D65; } function labF(t) { const e = 216 / 24389; const kappa = 24389 / 27; if (t > e) { return Math.pow(t, 1 / 3); } else { return (kappa * t + 16) / 116; } } function labInvf(ft) { const e = 216 / 24389; const kappa = 24389 / 27; const ft3 = ft * ft * ft; if (ft3 > e) { return ft3; } else { return (116 * ft - 16) / kappa; } } // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/hct/viewing_conditions.js var ViewingConditions = class _ViewingConditions { /** * Create ViewingConditions from a simple, physically relevant, set of * parameters. * * @param whitePoint White point, measured in the XYZ color space. * default = D65, or sunny day afternoon * @param adaptingLuminance The luminance of the adapting field. Informally, * how bright it is in the room where the color is viewed. Can be * calculated from lux by multiplying lux by 0.0586. default = 11.72, * or 200 lux. * @param backgroundLstar The lightness of the area surrounding the color. * measured by L* in L*a*b*. default = 50.0 * @param surround A general description of the lighting surrounding the * color. 0 is pitch dark, like watching a movie in a theater. 1.0 is a * dimly light room, like watching TV at home at night. 2.0 means there * is no difference between the lighting on the color and around it. * default = 2.0 * @param discountingIlluminant Whether the eye accounts for the tint of the * ambient lighting, such as knowing an apple is still red in green light. * default = false, the eye does not perform this process on * self-luminous objects like displays. */ static make(whitePoint = whitePointD65(), adaptingLuminance = 200 / Math.PI * yFromLstar(50) / 100, backgroundLstar = 50, surround = 2, discountingIlluminant = false) { const xyz = whitePoint; const rW = xyz[0] * 0.401288 + xyz[1] * 0.650173 + xyz[2] * -0.051461; const gW = xyz[0] * -0.250268 + xyz[1] * 1.204414 + xyz[2] * 0.045854; const bW = xyz[0] * -2079e-6 + xyz[1] * 0.048952 + xyz[2] * 0.953127; const f = 0.8 + surround / 10; const c = f >= 0.9 ? lerp(0.59, 0.69, (f - 0.9) * 10) : lerp(0.525, 0.59, (f - 0.8) * 10); let d = discountingIlluminant ? 1 : f * (1 - 1 / 3.6 * Math.exp((-adaptingLuminance - 42) / 92)); d = d > 1 ? 1 : d < 0 ? 0 : d; const nc = f; const rgbD = [ d * (100 / rW) + 1 - d, d * (100 / gW) + 1 - d, d * (100 / bW) + 1 - d ]; const k = 1 / (5 * adaptingLuminance + 1); const k4 = k * k * k * k; const k4F = 1 - k4; const fl = k4 * adaptingLuminance + 0.1 * k4F * k4F * Math.cbrt(5 * adaptingLuminance); const n = yFromLstar(backgroundLstar) / whitePoint[1]; const z = 1.48 + Math.sqrt(n); const nbb = 0.725 / Math.pow(n, 0.2); const ncb = nbb; const rgbAFactors = [ Math.pow(fl * rgbD[0] * rW / 100, 0.42), Math.pow(fl * rgbD[1] * gW / 100, 0.42), Math.pow(fl * rgbD[2] * bW / 100, 0.42) ]; const rgbA = [ 400 * rgbAFactors[0] / (rgbAFactors[0] + 27.13), 400 * rgbAFactors[1] / (rgbAFactors[1] + 27.13), 400 * rgbAFactors[2] / (rgbAFactors[2] + 27.13) ]; const aw = (2 * rgbA[0] + rgbA[1] + 0.05 * rgbA[2]) * nbb; return new _ViewingConditions(n, aw, nbb, ncb, c, nc, rgbD, fl, Math.pow(fl, 0.25), z); } /** * Parameters are intermediate values of the CAM16 conversion process. Their * names are shorthand for technical color science terminology, this class * would not benefit from documenting them individually. A brief overview * is available in the CAM16 specification, and a complete overview requires * a color science textbook, such as Fairchild's Color Appearance Models. */ constructor(n, aw, nbb, ncb, c, nc, rgbD, fl, fLRoot, z) { this.n = n; this.aw = aw; this.nbb = nbb; this.ncb = ncb; this.c = c; this.nc = nc; this.rgbD = rgbD; this.fl = fl; this.fLRoot = fLRoot; this.z = z; } }; ViewingConditions.DEFAULT = ViewingConditions.make(); // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/hct/cam16.js var Cam16 = class _Cam16 { /** * All of the CAM16 dimensions can be calculated from 3 of the dimensions, in * the following combinations: * - {j or q} and {c, m, or s} and hue * - jstar, astar, bstar * Prefer using a static method that constructs from 3 of those dimensions. * This constructor is intended for those methods to use to return all * possible dimensions. * * @param hue * @param chroma informally, colorfulness / color intensity. like saturation * in HSL, except perceptually accurate. * @param j lightness * @param q brightness; ratio of lightness to white point's lightness * @param m colorfulness * @param s saturation; ratio of chroma to white point's chroma * @param jstar CAM16-UCS J coordinate * @param astar CAM16-UCS a coordinate * @param bstar CAM16-UCS b coordinate */ constructor(hue, chroma, j, q, m, s, jstar, astar, bstar) { this.hue = hue; this.chroma = chroma; this.j = j; this.q = q; this.m = m; this.s = s; this.jstar = jstar; this.astar = astar; this.bstar = bstar; } /** * CAM16 instances also have coordinates in the CAM16-UCS space, called J*, * a*, b*, or jstar, astar, bstar in code. CAM16-UCS is included in the CAM16 * specification, and is used to measure distances between colors. */ distance(other) { const dJ = this.jstar - other.jstar; const dA = this.astar - other.astar; const dB = this.bstar - other.bstar; const dEPrime = Math.sqrt(dJ * dJ + dA * dA + dB * dB); const dE = 1.41 * Math.pow(dEPrime, 0.63); return dE; } /** * @param argb ARGB representation of a color. * @return CAM16 color, assuming the color was viewed in default viewing * conditions. */ static fromInt(argb) { return _Cam16.fromIntInViewingConditions(argb, ViewingConditions.DEFAULT); } /** * @param argb ARGB representation of a color. * @param viewingConditions Information about the environment where the color * was observed. * @return CAM16 color. */ static fromIntInViewingConditions(argb, viewingConditions) { const red = (argb & 16711680) >> 16; const green = (argb & 65280) >> 8; const blue = argb & 255; const redL = linearized(red); const greenL = linearized(green); const blueL = linearized(blue); const x = 0.41233895 * redL + 0.35762064 * greenL + 0.18051042 * blueL; const y = 0.2126 * redL + 0.7152 * greenL + 0.0722 * blueL; const z = 0.01932141 * redL + 0.11916382 * greenL + 0.95034478 * blueL; const rC = 0.401288 * x + 0.650173 * y - 0.051461 * z; const gC = -0.250268 * x + 1.204414 * y + 0.045854 * z; const bC = -2079e-6 * x + 0.048952 * y + 0.953127 * z; const rD = viewingConditions.rgbD[0] * rC; const gD = viewingConditions.rgbD[1] * gC; const bD = viewingConditions.rgbD[2] * bC; const rAF = Math.pow(viewingConditions.fl * Math.abs(rD) / 100, 0.42); const gAF = Math.pow(viewingConditions.fl * Math.abs(gD) / 100, 0.42); const bAF = Math.pow(viewingConditions.fl * Math.abs(bD) / 100, 0.42); const rA = signum(rD) * 400 * rAF / (rAF + 27.13); const gA = signum(gD) * 400 * gAF / (gAF + 27.13); const bA = signum(bD) * 400 * bAF / (bAF + 27.13); const a = (11 * rA + -12 * gA + bA) / 11; const b = (rA + gA - 2 * bA) / 9; const u = (20 * rA + 20 * gA + 21 * bA) / 20; const p2 = (40 * rA + 20 * gA + bA) / 20; const atan2 = Math.atan2(b, a); const atanDegrees = atan2 * 180 / Math.PI; const hue = atanDegrees < 0 ? atanDegrees + 360 : atanDegrees >= 360 ? atanDegrees - 360 : atanDegrees; const hueRadians = hue * Math.PI / 180; const ac = p2 * viewingConditions.nbb; const j = 100 * Math.pow(ac / viewingConditions.aw, viewingConditions.c * viewingConditions.z); const q = 4 / viewingConditions.c * Math.sqrt(j / 100) * (viewingConditions.aw + 4) * viewingConditions.fLRoot; const huePrime = hue < 20.14 ? hue + 360 : hue; const eHue = 0.25 * (Math.cos(huePrime * Math.PI / 180 + 2) + 3.8); const p1 = 5e4 / 13 * eHue * viewingConditions.nc * viewingConditions.ncb; const t = p1 * Math.sqrt(a * a + b * b) / (u + 0.305); const alpha = Math.pow(t, 0.9) * Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73); const c = alpha * Math.sqrt(j / 100); const m = c * viewingConditions.fLRoot; const s = 50 * Math.sqrt(alpha * viewingConditions.c / (viewingConditions.aw + 4)); const jstar = (1 + 100 * 7e-3) * j / (1 + 7e-3 * j); const mstar = 1 / 0.0228 * Math.log(1 + 0.0228 * m); const astar = mstar * Math.cos(hueRadians); const bstar = mstar * Math.sin(hueRadians); return new _Cam16(hue, c, j, q, m, s, jstar, astar, bstar); } /** * @param j CAM16 lightness * @param c CAM16 chroma * @param h CAM16 hue */ static fromJch(j, c, h) { return _Cam16.fromJchInViewingConditions(j, c, h, ViewingConditions.DEFAULT); } /** * @param j CAM16 lightness * @param c CAM16 chroma * @param h CAM16 hue * @param viewingConditions Information about the environment where the color * was observed. */ static fromJchInViewingConditions(j, c, h, viewingConditions) { const q = 4 / viewingConditions.c * Math.sqrt(j / 100) * (viewingConditions.aw + 4) * viewingConditions.fLRoot; const m = c * viewingConditions.fLRoot; const alpha = c / Math.sqrt(j / 100); const s = 50 * Math.sqrt(alpha * viewingConditions.c / (viewingConditions.aw + 4)); const hueRadians = h * Math.PI / 180; const jstar = (1 + 100 * 7e-3) * j / (1 + 7e-3 * j); const mstar = 1 / 0.0228 * Math.log(1 + 0.0228 * m); const astar = mstar * Math.cos(hueRadians); const bstar = mstar * Math.sin(hueRadians); return new _Cam16(h, c, j, q, m, s, jstar, astar, bstar); } /** * @param jstar CAM16-UCS lightness. * @param astar CAM16-UCS a dimension. Like a* in L*a*b*, it is a Cartesian * coordinate on the Y axis. * @param bstar CAM16-UCS b dimension. Like a* in L*a*b*, it is a Cartesian * coordinate on the X axis. */ static fromUcs(jstar, astar, bstar) { return _Cam16.fromUcsInViewingConditions(jstar, astar, bstar, ViewingConditions.DEFAULT); } /** * @param jstar CAM16-UCS lightness. * @param astar CAM16-UCS a dimension. Like a* in L*a*b*, it is a Cartesian * coordinate on the Y axis. * @param bstar CAM16-UCS b dimension. Like a* in L*a*b*, it is a Cartesian * coordinate on the X axis. * @param viewingConditions Information about the environment where the color * was observed. */ static fromUcsInViewingConditions(jstar, astar, bstar, viewingConditions) { const a = astar; const b = bstar; const m = Math.sqrt(a * a + b * b); const M = (Math.exp(m * 0.0228) - 1) / 0.0228; const c = M / viewingConditions.fLRoot; let h = Math.atan2(b, a) * (180 / Math.PI); if (h < 0) { h += 360; } const j = jstar / (1 - (jstar - 100) * 7e-3); return _Cam16.fromJchInViewingConditions(j, c, h, viewingConditions); } /** * @return ARGB representation of color, assuming the color was viewed in * default viewing conditions, which are near-identical to the default * viewing conditions for sRGB. */ toInt() { return this.viewed(ViewingConditions.DEFAULT); } /** * @param viewingConditions Information about the environment where the color * will be viewed. * @return ARGB representation of color */ viewed(viewingConditions) { const alpha = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100); const t = Math.pow(alpha / Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73), 1 / 0.9); const hRad = this.hue * Math.PI / 180; const eHue = 0.25 * (Math.cos(hRad + 2) + 3.8); const ac = viewingConditions.aw * Math.pow(this.j / 100, 1 / viewingConditions.c / viewingConditions.z); const p1 = eHue * (5e4 / 13) * viewingConditions.nc * viewingConditions.ncb; const p2 = ac / viewingConditions.nbb; const hSin = Math.sin(hRad); const hCos = Math.cos(hRad); const gamma = 23 * (p2 + 0.305) * t / (23 * p1 + 11 * t * hCos + 108 * t * hSin); const a = gamma * hCos; const b = gamma * hSin; const rA = (460 * p2 + 451 * a + 288 * b) / 1403; const gA = (460 * p2 - 891 * a - 261 * b) / 1403; const bA = (460 * p2 - 220 * a - 6300 * b) / 1403; const rCBase = Math.max(0, 27.13 * Math.abs(rA) / (400 - Math.abs(rA))); const rC = signum(rA) * (100 / viewingConditions.fl) * Math.pow(rCBase, 1 / 0.42); const gCBase = Math.max(0, 27.13 * Math.abs(gA) / (400 - Math.abs(gA))); const gC = signum(gA) * (100 / viewingConditions.fl) * Math.pow(gCBase, 1 / 0.42); const bCBase = Math.max(0, 27.13 * Math.abs(bA) / (400 - Math.abs(bA))); const bC = signum(bA) * (100 / viewingConditions.fl) * Math.pow(bCBase, 1 / 0.42); const rF = rC / viewingConditions.rgbD[0]; const gF = gC / viewingConditions.rgbD[1]; const bF = bC / viewingConditions.rgbD[2]; const x = 1.86206786 * rF - 1.01125463 * gF + 0.14918677 * bF; const y = 0.38752654 * rF + 0.62144744 * gF - 897398e-8 * bF; const z = -0.0158415 * rF - 0.03412294 * gF + 1.04996444 * bF; const argb = argbFromXyz(x, y, z); return argb; } /// Given color expressed in XYZ and viewed in [viewingConditions], convert to /// CAM16. static fromXyzInViewingConditions(x, y, z, viewingConditions) { const rC = 0.401288 * x + 0.650173 * y - 0.051461 * z; const gC = -0.250268 * x + 1.204414 * y + 0.045854 * z; const bC = -2079e-6 * x + 0.048952 * y + 0.953127 * z; const rD = viewingConditions.rgbD[0] * rC; const gD = viewingConditions.rgbD[1] * gC; const bD = viewingConditions.rgbD[2] * bC; const rAF = Math.pow(viewingConditions.fl * Math.abs(rD) / 100, 0.42); const gAF = Math.pow(viewingConditions.fl * Math.abs(gD) / 100, 0.42); const bAF = Math.pow(viewingConditions.fl * Math.abs(bD) / 100, 0.42); const rA = signum(rD) * 400 * rAF / (rAF + 27.13); const gA = signum(gD) * 400 * gAF / (gAF + 27.13); const bA = signum(bD) * 400 * bAF / (bAF + 27.13); const a = (11 * rA + -12 * gA + bA) / 11; const b = (rA + gA - 2 * bA) / 9; const u = (20 * rA + 20 * gA + 21 * bA) / 20; const p2 = (40 * rA + 20 * gA + bA) / 20; const atan2 = Math.atan2(b, a); const atanDegrees = atan2 * 180 / Math.PI; const hue = atanDegrees < 0 ? atanDegrees + 360 : atanDegrees >= 360 ? atanDegrees - 360 : atanDegrees; const hueRadians = hue * Math.PI / 180; const ac = p2 * viewingConditions.nbb; const J = 100 * Math.pow(ac / viewingConditions.aw, viewingConditions.c * viewingConditions.z); const Q = 4 / viewingConditions.c * Math.sqrt(J / 100) * (viewingConditions.aw + 4) * viewingConditions.fLRoot; const huePrime = hue < 20.14 ? hue + 360 : hue; const eHue = 1 / 4 * (Math.cos(huePrime * Math.PI / 180 + 2) + 3.8); const p1 = 5e4 / 13 * eHue * viewingConditions.nc * viewingConditions.ncb; const t = p1 * Math.sqrt(a * a + b * b) / (u + 0.305); const alpha = Math.pow(t, 0.9) * Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73); const C = alpha * Math.sqrt(J / 100); const M = C * viewingConditions.fLRoot; const s = 50 * Math.sqrt(alpha * viewingConditions.c / (viewingConditions.aw + 4)); const jstar = (1 + 100 * 7e-3) * J / (1 + 7e-3 * J); const mstar = Math.log(1 + 0.0228 * M) / 0.0228; const astar = mstar * Math.cos(hueRadians); const bstar = mstar * Math.sin(hueRadians); return new _Cam16(hue, C, J, Q, M, s, jstar, astar, bstar); } /// XYZ representation of CAM16 seen in [viewingConditions]. xyzInViewingConditions(viewingConditions) { const alpha = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100); const t = Math.pow(alpha / Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73), 1 / 0.9); const hRad = this.hue * Math.PI / 180; const eHue = 0.25 * (Math.cos(hRad + 2) + 3.8); const ac = viewingConditions.aw * Math.pow(this.j / 100, 1 / viewingConditions.c / viewingConditions.z); const p1 = eHue * (5e4 / 13) * viewingConditions.nc * viewingConditions.ncb; const p2 = ac / viewingConditions.nbb; const hSin = Math.sin(hRad); const hCos = Math.cos(hRad); const gamma = 23 * (p2 + 0.305) * t / (23 * p1 + 11 * t * hCos + 108 * t * hSin); const a = gamma * hCos; const b = gamma * hSin; const rA = (460 * p2 + 451 * a + 288 * b) / 1403; const gA = (460 * p2 - 891 * a - 261 * b) / 1403; const bA = (460 * p2 - 220 * a - 6300 * b) / 1403; const rCBase = Math.max(0, 27.13 * Math.abs(rA) / (400 - Math.abs(rA))); const rC = signum(rA) * (100 / viewingConditions.fl) * Math.pow(rCBase, 1 / 0.42); const gCBase = Math.max(0, 27.13 * Math.abs(gA) / (400 - Math.abs(gA))); const gC = signum(gA) * (100 / viewingConditions.fl) * Math.pow(gCBase, 1 / 0.42); const bCBase = Math.max(0, 27.13 * Math.abs(bA) / (400 - Math.abs(bA))); const bC = signum(bA) * (100 / viewingConditions.fl) * Math.pow(bCBase, 1 / 0.42); const rF = rC / viewingConditions.rgbD[0]; const gF = gC / viewingConditions.rgbD[1]; const bF = bC / viewingConditions.rgbD[2]; const x = 1.86206786 * rF - 1.01125463 * gF + 0.14918677 * bF; const y = 0.38752654 * rF + 0.62144744 * gF - 897398e-8 * bF; const z = -0.0158415 * rF - 0.03412294 * gF + 1.04996444 * bF; return [x, y, z]; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/hct/hct_solver.js var HctSolver = class _HctSolver { /** * Sanitizes a small enough angle in radians. * * @param angle An angle in radians; must not deviate too much * from 0. * @return A coterminal angle between 0 and 2pi. */ static sanitizeRadians(angle) { return (angle + Math.PI * 8) % (Math.PI * 2); } /** * Delinearizes an RGB component, returning a floating-point * number. * * @param rgbComponent 0.0 <= rgb_component <= 100.0, represents * linear R/G/B channel * @return 0.0 <= output <= 255.0, color channel converted to * regular RGB space */ static trueDelinearized(rgbComponent) { const normalized = rgbComponent / 100; let delinearized2 = 0; if (normalized <= 31308e-7) { delinearized2 = normalized * 12.92; } else { delinearized2 = 1.055 * Math.pow(normalized, 1 / 2.4) - 0.055; } return delinearized2 * 255; } static chromaticAdaptation(component) { const af = Math.pow(Math.abs(component), 0.42); return signum(component) * 400 * af / (af + 27.13); } /** * Returns the hue of a linear RGB color in CAM16. * * @param linrgb The linear RGB coordinates of a color. * @return The hue of the color in CAM16, in radians. */ static hueOf(linrgb) { const scaledDiscount = matrixMultiply(linrgb, _HctSolver.SCALED_DISCOUNT_FROM_LINRGB); const rA = _HctSolver.chromaticAdaptation(scaledDiscount[0]); const gA = _HctSolver.chromaticAdaptation(scaledDiscount[1]); const bA = _HctSolver.chromaticAdaptation(scaledDiscount[2]); const a = (11 * rA + -12 * gA + bA) / 11; const b = (rA + gA - 2 * bA) / 9; return Math.atan2(b, a); } static areInCyclicOrder(a, b, c) { const deltaAB = _HctSolver.sanitizeRadians(b - a); const deltaAC = _HctSolver.sanitizeRadians(c - a); return deltaAB < deltaAC; } /** * Solves the lerp equation. * * @param source The starting number. * @param mid The number in the middle. * @param target The ending number. * @return A number t such that lerp(source, target, t) = mid. */ static intercept(source, mid, target) { return (mid - source) / (target - source); } static lerpPoint(source, t, target) { return [ source[0] + (target[0] - source[0]) * t, source[1] + (target[1] - source[1]) * t, source[2] + (target[2] - source[2]) * t ]; } /** * Intersects a segment with a plane. * * @param source The coordinates of point A. * @param coordinate The R-, G-, or B-coordinate of the plane. * @param target The coordinates of point B. * @param axis The axis the plane is perpendicular with. (0: R, 1: * G, 2: B) * @return The intersection point of the segment AB with the plane * R=coordinate, G=coordinate, or B=coordinate */ static setCoordinate(source, coordinate, target, axis) { const t = _HctSolver.intercept(source[axis], coordinate, target[axis]); return _HctSolver.lerpPoint(source, t, target); } static isBounded(x) { return 0 <= x && x <= 100; } /** * Returns the nth possible vertex of the polygonal intersection. * * @param y The Y value of the plane. * @param n The zero-based index of the point. 0 <= n <= 11. * @return The nth possible vertex of the polygonal intersection * of the y plane and the RGB cube, in linear RGB coordinates, if * it exists. If this possible vertex lies outside of the cube, * [-1.0, -1.0, -1.0] is returned. */ static nthVertex(y, n) { const kR = _HctSolver.Y_FROM_LINRGB[0]; const kG = _HctSolver.Y_FROM_LINRGB[1]; const kB = _HctSolver.Y_FROM_LINRGB[2]; const coordA = n % 4 <= 1 ? 0 : 100; const coordB = n % 2 === 0 ? 0 : 100; if (n < 4) { const g = coordA; const b = coordB; const r = (y - g * kG - b * kB) / kR; if (_HctSolver.isBounded(r)) { return [r, g, b]; } else { return [-1, -1, -1]; } } else if (n < 8) { const b = coordA; const r = coordB; const g = (y - r * kR - b * kB) / kG; if (_HctSolver.isBounded(g)) { return [r, g, b]; } else { return [-1, -1, -1]; } } else { const r = coordA; const g = coordB; const b = (y - r * kR - g * kG) / kB; if (_HctSolver.isBounded(b)) { return [r, g, b]; } else { return [-1, -1, -1]; } } } /** * Finds the segment containing the desired color. * * @param y The Y value of the color. * @param targetHue The hue of the color. * @return A list of two sets of linear RGB coordinates, each * corresponding to an endpoint of the segment containing the * desired color. */ static bisectToSegment(y, targetHue) { let left = [-1, -1, -1]; let right = left; let leftHue = 0; let rightHue = 0; let initialized = false; let uncut = true; for (let n = 0; n < 12; n++) { const mid = _HctSolver.nthVertex(y, n); if (mid[0] < 0) { continue; } const midHue = _HctSolver.hueOf(mid); if (!initialized) { left = mid; right = mid; leftHue = midHue; rightHue = midHue; initialized = true; continue; } if (uncut || _HctSolver.areInCyclicOrder(leftHue, midHue, rightHue)) { uncut = false; if (_HctSolver.areInCyclicOrder(leftHue, targetHue, midHue)) { right = mid; rightHue = midHue; } else { left = mid; leftHue = midHue; } } } return [left, right]; } static midpoint(a, b) { return [ (a[0] + b[0]) / 2, (a[1] + b[1]) / 2, (a[2] + b[2]) / 2 ]; } static criticalPlaneBelow(x) { return Math.floor(x - 0.5); } static criticalPlaneAbove(x) { return Math.ceil(x - 0.5); } /** * Finds a color with the given Y and hue on the boundary of the * cube. * * @param y The Y value of the color. * @param targetHue The hue of the color. * @return The desired color, in linear RGB coordinates. */ static bisectToLimit(y, targetHue) { const segment = _HctSolver.bisectToSegment(y, targetHue); let left = segment[0]; let leftHue = _HctSolver.hueOf(left); let right = segment[1]; for (let axis = 0; axis < 3; axis++) { if (left[axis] !== right[axis]) { let lPlane = -1; let rPlane = 255; if (left[axis] < right[axis]) { lPlane = _HctSolver.criticalPlaneBelow(_HctSolver.trueDelinearized(left[axis])); rPlane = _HctSolver.criticalPlaneAbove(_HctSolver.trueDelinearized(right[axis])); } else { lPlane = _HctSolver.criticalPlaneAbove(_HctSolver.trueDelinearized(left[axis])); rPlane = _HctSolver.criticalPlaneBelow(_HctSolver.trueDelinearized(right[axis])); } for (let i = 0; i < 8; i++) { if (Math.abs(rPlane - lPlane) <= 1) { break; } else { const mPlane = Math.floor((lPlane + rPlane) / 2); const midPlaneCoordinate = _HctSolver.CRITICAL_PLANES[mPlane]; const mid = _HctSolver.setCoordinate(left, midPlaneCoordinate, right, axis); const midHue = _HctSolver.hueOf(mid); if (_HctSolver.areInCyclicOrder(leftHue, targetHue, midHue)) { right = mid; rPlane = mPlane; } else { left = mid; leftHue = midHue; lPlane = mPlane; } } } } } return _HctSolver.midpoint(left, right); } static inverseChromaticAdaptation(adapted) { const adaptedAbs = Math.abs(adapted); const base = Math.max(0, 27.13 * adaptedAbs / (400 - adaptedAbs)); return signum(adapted) * Math.pow(base, 1 / 0.42); } /** * Finds a color with the given hue, chroma, and Y. * * @param hueRadians The desired hue in radians. * @param chroma The desired chroma. * @param y The desired Y. * @return The desired color as a hexadecimal integer, if found; 0 * otherwise. */ static findResultByJ(hueRadians, chroma, y) { let j = Math.sqrt(y) * 11; const viewingConditions = ViewingConditions.DEFAULT; const tInnerCoeff = 1 / Math.pow(1.64 - Math.pow(0.29, viewingConditions.n), 0.73); const eHue = 0.25 * (Math.cos(hueRadians + 2) + 3.8); const p1 = eHue * (5e4 / 13) * viewingConditions.nc * viewingConditions.ncb; const hSin = Math.sin(hueRadians); const hCos = Math.cos(hueRadians); for (let iterationRound = 0; iterationRound < 5; iterationRound++) { const jNormalized = j / 100; const alpha = chroma === 0 || j === 0 ? 0 : chroma / Math.sqrt(jNormalized); const t = Math.pow(alpha * tInnerCoeff, 1 / 0.9); const ac = viewingConditions.aw * Math.pow(jNormalized, 1 / viewingConditions.c / viewingConditions.z); const p2 = ac / viewingConditions.nbb; const gamma = 23 * (p2 + 0.305) * t / (23 * p1 + 11 * t * hCos + 108 * t * hSin); const a = gamma * hCos; const b = gamma * hSin; const rA = (460 * p2 + 451 * a + 288 * b) / 1403; const gA = (460 * p2 - 891 * a - 261 * b) / 1403; const bA = (460 * p2 - 220 * a - 6300 * b) / 1403; const rCScaled = _HctSolver.inverseChromaticAdaptation(rA); const gCScaled = _HctSolver.inverseChromaticAdaptation(gA); const bCScaled = _HctSolver.inverseChromaticAdaptation(bA); const linrgb = matrixMultiply([rCScaled, gCScaled, bCScaled], _HctSolver.LINRGB_FROM_SCALED_DISCOUNT); if (linrgb[0] < 0 || linrgb[1] < 0 || linrgb[2] < 0) { return 0; } const kR = _HctSolver.Y_FROM_LINRGB[0]; const kG = _HctSolver.Y_FROM_LINRGB[1]; const kB = _HctSolver.Y_FROM_LINRGB[2]; const fnj = kR * linrgb[0] + kG * linrgb[1] + kB * linrgb[2]; if (fnj <= 0) { return 0; } if (iterationRound === 4 || Math.abs(fnj - y) < 2e-3) { if (linrgb[0] > 100.01 || linrgb[1] > 100.01 || linrgb[2] > 100.01) { return 0; } return argbFromLinrgb(linrgb); } j = j - (fnj - y) * j / (2 * fnj); } return 0; } /** * Finds an sRGB color with the given hue, chroma, and L*, if * possible. * * @param hueDegrees The desired hue, in degrees. * @param chroma The desired chroma. * @param lstar The desired L*. * @return A hexadecimal representing the sRGB color. The color * has sufficiently close hue, chroma, and L* to the desired * values, if possible; otherwise, the hue and L* will be * sufficiently close, and chroma will be maximized. */ static solveToInt(hueDegrees, chroma, lstar) { if (chroma < 1e-4 || lstar < 1e-4 || lstar > 99.9999) { return argbFromLstar(lstar); } hueDegrees = sanitizeDegreesDouble(hueDegrees); const hueRadians = hueDegrees / 180 * Math.PI; const y = yFromLstar(lstar); const exactAnswer = _HctSolver.findResultByJ(hueRadians, chroma, y); if (exactAnswer !== 0) { return exactAnswer; } const linrgb = _HctSolver.bisectToLimit(y, hueRadians); return argbFromLinrgb(linrgb); } /** * Finds an sRGB color with the given hue, chroma, and L*, if * possible. * * @param hueDegrees The desired hue, in degrees. * @param chroma The desired chroma. * @param lstar The desired L*. * @return An CAM16 object representing the sRGB color. The color * has sufficiently close hue, chroma, and L* to the desired * values, if possible; otherwise, the hue and L* will be * sufficiently close, and chroma will be maximized. */ static solveToCam(hueDegrees, chroma, lstar) { return Cam16.fromInt(_HctSolver.solveToInt(hueDegrees, chroma, lstar)); } }; HctSolver.SCALED_DISCOUNT_FROM_LINRGB = [ [ 0.001200833568784504, 0.002389694492170889, 2795742885861124e-19 ], [ 5891086651375999e-19, 0.0029785502573438758, 3270666104008398e-19 ], [ 10146692491640572e-20, 5364214359186694e-19, 0.0032979401770712076 ] ]; HctSolver.LINRGB_FROM_SCALED_DISCOUNT = [ [ 1373.2198709594231, -1100.4251190754821, -7.278681089101213 ], [ -271.815969077903, 559.6580465940733, -32.46047482791194 ], [ 1.9622899599665666, -57.173814538844006, 308.7233197812385 ] ]; HctSolver.Y_FROM_LINRGB = [0.2126, 0.7152, 0.0722]; HctSolver.CRITICAL_PLANES = [ 0.015176349177441876, 0.045529047532325624, 0.07588174588720938, 0.10623444424209313, 0.13658714259697685, 0.16693984095186062, 0.19729253930674434, 0.2276452376616281, 0.2579979360165119, 0.28835063437139563, 0.3188300904430532, 0.350925934958123, 0.3848314933096426, 0.42057480301049466, 0.458183274052838, 0.4976837250274023, 0.5391024159806381, 0.5824650784040898, 0.6277969426914107, 0.6751227633498623, 0.7244668422128921, 0.775853049866786, 0.829304845476233, 0.8848452951698498, 0.942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776 ]; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/hct/hct.js var Hct = class _Hct { static from(hue, chroma, tone) { return new _Hct(HctSolver.solveToInt(hue, chroma, tone)); } /** * @param argb ARGB representation of a color. * @return HCT representation of a color in default viewing conditions */ static fromInt(argb) { return new _Hct(argb); } toInt() { return this.argb; } /** * A number, in degrees, representing ex. red, orange, yellow, etc. * Ranges from 0 <= hue < 360. */ get hue() { return this.internalHue; } /** * @param newHue 0 <= newHue < 360; invalid values are corrected. * Chroma may decrease because chroma has a different maximum for any given * hue and tone. */ set hue(newHue) { this.setInternalState(HctSolver.solveToInt(newHue, this.internalChroma, this.internalTone)); } get chroma() { return this.internalChroma; } /** * @param newChroma 0 <= newChroma < ? * Chroma may decrease because chroma has a different maximum for any given * hue and tone. */ set chroma(newChroma) { this.setInternalState(HctSolver.solveToInt(this.internalHue, newChroma, this.internalTone)); } /** Lightness. Ranges from 0 to 100. */ get tone() { return this.internalTone; } /** * @param newTone 0 <= newTone <= 100; invalid valids are corrected. * Chroma may decrease because chroma has a different maximum for any given * hue and tone. */ set tone(newTone) { this.setInternalState(HctSolver.solveToInt(this.internalHue, this.internalChroma, newTone)); } constructor(argb) { this.argb = argb; const cam = Cam16.fromInt(argb); this.internalHue = cam.hue; this.internalChroma = cam.chroma; this.internalTone = lstarFromArgb(argb); this.argb = argb; } setInternalState(argb) { const cam = Cam16.fromInt(argb); this.internalHue = cam.hue; this.internalChroma = cam.chroma; this.internalTone = lstarFromArgb(argb); this.argb = argb; } /** * Translates a color into different [ViewingConditions]. * * Colors change appearance. They look different with lights on versus off, * the same color, as in hex code, on white looks different when on black. * This is called color relativity, most famously explicated by Josef Albers * in Interaction of Color. * * In color science, color appearance models can account for this and * calculate the appearance of a color in different settings. HCT is based on * CAM16, a color appearance model, and uses it to make these calculations. * * See [ViewingConditions.make] for parameters affecting color appearance. */ inViewingConditions(vc) { const cam = Cam16.fromInt(this.toInt()); const viewedInVc = cam.xyzInViewingConditions(vc); const recastInVc = Cam16.fromXyzInViewingConditions(viewedInVc[0], viewedInVc[1], viewedInVc[2], ViewingConditions.make()); const recastHct = _Hct.from(recastInVc.hue, recastInVc.chroma, lstarFromY(viewedInVc[1])); return recastHct; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/contrast/contrast.js var Contrast = class _Contrast { /** * Returns a contrast ratio, which ranges from 1 to 21. * * @param toneA Tone between 0 and 100. Values outside will be clamped. * @param toneB Tone between 0 and 100. Values outside will be clamped. */ static ratioOfTones(toneA, toneB) { toneA = clampDouble(0, 100, toneA); toneB = clampDouble(0, 100, toneB); return _Contrast.ratioOfYs(yFromLstar(toneA), yFromLstar(toneB)); } static ratioOfYs(y1, y2) { const lighter = y1 > y2 ? y1 : y2; const darker = lighter === y2 ? y1 : y2; return (lighter + 5) / (darker + 5); } /** * Returns a tone >= tone parameter that ensures ratio parameter. * Return value is between 0 and 100. * Returns -1 if ratio cannot be achieved with tone parameter. * * @param tone Tone return value must contrast with. * Range is 0 to 100. Invalid values will result in -1 being returned. * @param ratio Contrast ratio of return value and tone. * Range is 1 to 21, invalid values have undefined behavior. */ static lighter(tone, ratio) { if (tone < 0 || tone > 100) { return -1; } const darkY = yFromLstar(tone); const lightY = ratio * (darkY + 5) - 5; const realContrast = _Contrast.ratioOfYs(lightY, darkY); const delta = Math.abs(realContrast - ratio); if (realContrast < ratio && delta > 0.04) { return -1; } const returnValue = lstarFromY(lightY) + 0.4; if (returnValue < 0 || returnValue > 100) { return -1; } return returnValue; } /** * Returns a tone <= tone parameter that ensures ratio parameter. * Return value is between 0 and 100. * Returns -1 if ratio cannot be achieved with tone parameter. * * @param tone Tone return value must contrast with. * Range is 0 to 100. Invalid values will result in -1 being returned. * @param ratio Contrast ratio of return value and tone. * Range is 1 to 21, invalid values have undefined behavior. */ static darker(tone, ratio) { if (tone < 0 || tone > 100) { return -1; } const lightY = yFromLstar(tone); const darkY = (lightY + 5) / ratio - 5; const realContrast = _Contrast.ratioOfYs(lightY, darkY); const delta = Math.abs(realContrast - ratio); if (realContrast < ratio && delta > 0.04) { return -1; } const returnValue = lstarFromY(darkY) - 0.4; if (returnValue < 0 || returnValue > 100) { return -1; } return returnValue; } /** * Returns a tone >= tone parameter that ensures ratio parameter. * Return value is between 0 and 100. * Returns 100 if ratio cannot be achieved with tone parameter. * * This method is unsafe because the returned value is guaranteed to be in * bounds for tone, i.e. between 0 and 100. However, that value may not reach * the ratio with tone. For example, there is no color lighter than T100. * * @param tone Tone return value must contrast with. * Range is 0 to 100. Invalid values will result in 100 being returned. * @param ratio Desired contrast ratio of return value and tone parameter. * Range is 1 to 21, invalid values have undefined behavior. */ static lighterUnsafe(tone, ratio) { const lighterSafe = _Contrast.lighter(tone, ratio); return lighterSafe < 0 ? 100 : lighterSafe; } /** * Returns a tone >= tone parameter that ensures ratio parameter. * Return value is between 0 and 100. * Returns 100 if ratio cannot be achieved with tone parameter. * * This method is unsafe because the returned value is guaranteed to be in * bounds for tone, i.e. between 0 and 100. However, that value may not reach * the [ratio with [tone]. For example, there is no color darker than T0. * * @param tone Tone return value must contrast with. * Range is 0 to 100. Invalid values will result in 0 being returned. * @param ratio Desired contrast ratio of return value and tone parameter. * Range is 1 to 21, invalid values have undefined behavior. */ static darkerUnsafe(tone, ratio) { const darkerSafe = _Contrast.darker(tone, ratio); return darkerSafe < 0 ? 0 : darkerSafe; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dislike/dislike_analyzer.js var DislikeAnalyzer = class _DislikeAnalyzer { /** * Returns true if a color is disliked. * * @param hct A color to be judged. * @return Whether the color is disliked. * * Disliked is defined as a dark yellow-green that is not neutral. */ static isDisliked(hct) { const huePasses = Math.round(hct.hue) >= 90 && Math.round(hct.hue) <= 111; const chromaPasses = Math.round(hct.chroma) > 16; const tonePasses = Math.round(hct.tone) < 65; return huePasses && chromaPasses && tonePasses; } /** * If a color is disliked, lighten it to make it likable. * * @param hct A color to be judged. * @return A new color if the original color is disliked, or the original * color if it is acceptable. */ static fixIfDisliked(hct) { if (_DislikeAnalyzer.isDisliked(hct)) { return Hct.from(hct.hue, hct.chroma, 70); } return hct; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/dynamic_color.js var DynamicColor = class _DynamicColor { /** * Create a DynamicColor defined by a TonalPalette and HCT tone. * * @param args Functions with DynamicScheme as input. Must provide a palette * and tone. May provide a background DynamicColor and ToneDeltaConstraint. */ static fromPalette(args) { var _a, _b; return new _DynamicColor((_a = args.name) != null ? _a : "", args.palette, args.tone, (_b = args.isBackground) != null ? _b : false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair); } /** * The base constructor for DynamicColor. * * _Strongly_ prefer using one of the convenience constructors. This class is * arguably too flexible to ensure it can support any scenario. Functional * arguments allow overriding without risks that come with subclasses. * * For example, the default behavior of adjust tone at max contrast * to be at a 7.0 ratio with its background is principled and * matches accessibility guidance. That does not mean it's the desired * approach for _every_ design system, and every color pairing, * always, in every case. * * @param name The name of the dynamic color. Defaults to empty. * @param palette Function that provides a TonalPalette given * DynamicScheme. A TonalPalette is defined by a hue and chroma, so this * replaces the need to specify hue/chroma. By providing a tonal palette, when * contrast adjustments are made, intended chroma can be preserved. * @param tone Function that provides a tone, given a DynamicScheme. * @param isBackground Whether this dynamic color is a background, with * some other color as the foreground. Defaults to false. * @param background The background of the dynamic color (as a function of a * `DynamicScheme`), if it exists. * @param secondBackground A second background of the dynamic color (as a * function of a `DynamicScheme`), if it * exists. * @param contrastCurve A `ContrastCurve` object specifying how its contrast * against its background should behave in various contrast levels options. * @param toneDeltaPair A `ToneDeltaPair` object specifying a tone delta * constraint between two colors. One of them must be the color being * constructed. */ constructor(name, palette, tone, isBackground, background, secondBackground, contrastCurve, toneDeltaPair) { this.name = name; this.palette = palette; this.tone = tone; this.isBackground = isBackground; this.background = background; this.secondBackground = secondBackground; this.contrastCurve = contrastCurve; this.toneDeltaPair = toneDeltaPair; this.hctCache = /* @__PURE__ */ new Map(); if (!background && secondBackground) { throw new Error(`Color ${name} has secondBackgrounddefined, but background is not defined.`); } if (!background && contrastCurve) { throw new Error(`Color ${name} has contrastCurvedefined, but background is not defined.`); } if (background && !contrastCurve) { throw new Error(`Color ${name} has backgrounddefined, but contrastCurve is not defined.`); } } /** * Return a ARGB integer (i.e. a hex code). * * @param scheme Defines the conditions of the user interface, for example, * whether or not it is dark mode or light mode, and what the desired * contrast level is. */ getArgb(scheme) { return this.getHct(scheme).toInt(); } /** * Return a color, expressed in the HCT color space, that this * DynamicColor is under the conditions in scheme. * * @param scheme Defines the conditions of the user interface, for example, * whether or not it is dark mode or light mode, and what the desired * contrast level is. */ getHct(scheme) { const cachedAnswer = this.hctCache.get(scheme); if (cachedAnswer != null) { return cachedAnswer; } const tone = this.getTone(scheme); const answer = this.palette(scheme).getHct(tone); if (this.hctCache.size > 4) { this.hctCache.clear(); } this.hctCache.set(scheme, answer); return answer; } /** * Return a tone, T in the HCT color space, that this DynamicColor is under * the conditions in scheme. * * @param scheme Defines the conditions of the user interface, for example, * whether or not it is dark mode or light mode, and what the desired * contrast level is. */ getTone(scheme) { const decreasingContrast = scheme.contrastLevel < 0; if (this.toneDeltaPair) { const toneDeltaPair = this.toneDeltaPair(scheme); const roleA = toneDeltaPair.roleA; const roleB = toneDeltaPair.roleB; const delta = toneDeltaPair.delta; const polarity = toneDeltaPair.polarity; const stayTogether = toneDeltaPair.stayTogether; const bg = this.background(scheme); const bgTone = bg.getTone(scheme); const aIsNearer = polarity === "nearer" || polarity === "lighter" && !scheme.isDark || polarity === "darker" && scheme.isDark; const nearer = aIsNearer ? roleA : roleB; const farther = aIsNearer ? roleB : roleA; const amNearer = this.name === nearer.name; const expansionDir = scheme.isDark ? 1 : -1; const nContrast = nearer.contrastCurve.get(scheme.contrastLevel); const fContrast = farther.contrastCurve.get(scheme.contrastLevel); const nInitialTone = nearer.tone(scheme); let nTone = Contrast.ratioOfTones(bgTone, nInitialTone) >= nContrast ? nInitialTone : _DynamicColor.foregroundTone(bgTone, nContrast); const fInitialTone = farther.tone(scheme); let fTone = Contrast.ratioOfTones(bgTone, fInitialTone) >= fContrast ? fInitialTone : _DynamicColor.foregroundTone(bgTone, fContrast); if (decreasingContrast) { nTone = _DynamicColor.foregroundTone(bgTone, nContrast); fTone = _DynamicColor.foregroundTone(bgTone, fContrast); } if ((fTone - nTone) * expansionDir >= delta) { } else { fTone = clampDouble(0, 100, nTone + delta * expansionDir); if ((fTone - nTone) * expansionDir >= delta) { } else { nTone = clampDouble(0, 100, fTone - delta * expansionDir); } } if (50 <= nTone && nTone < 60) { if (expansionDir > 0) { nTone = 60; fTone = Math.max(fTone, nTone + delta * expansionDir); } else { nTone = 49; fTone = Math.min(fTone, nTone + delta * expansionDir); } } else if (50 <= fTone && fTone < 60) { if (stayTogether) { if (expansionDir > 0) { nTone = 60; fTone = Math.max(fTone, nTone + delta * expansionDir); } else { nTone = 49; fTone = Math.min(fTone, nTone + delta * expansionDir); } } else { if (expansionDir > 0) { fTone = 60; } else { fTone = 49; } } } return amNearer ? nTone : fTone; } else { let answer = this.tone(scheme); if (this.background == null) { return answer; } const bgTone = this.background(scheme).getTone(scheme); const desiredRatio = this.contrastCurve.get(scheme.contrastLevel); if (Contrast.ratioOfTones(bgTone, answer) >= desiredRatio) { } else { answer = _DynamicColor.foregroundTone(bgTone, desiredRatio); } if (decreasingContrast) { answer = _DynamicColor.foregroundTone(bgTone, desiredRatio); } if (this.isBackground && 50 <= answer && answer < 60) { if (Contrast.ratioOfTones(49, bgTone) >= desiredRatio) { answer = 49; } else { answer = 60; } } if (this.secondBackground) { const [bg1, bg2] = [this.background, this.secondBackground]; const [bgTone1, bgTone2] = [bg1(scheme).getTone(scheme), bg2(scheme).getTone(scheme)]; const [upper, lower] = [Math.max(bgTone1, bgTone2), Math.min(bgTone1, bgTone2)]; if (Contrast.ratioOfTones(upper, answer) >= desiredRatio && Contrast.ratioOfTones(lower, answer) >= desiredRatio) { return answer; } const lightOption = Contrast.lighter(upper, desiredRatio); const darkOption = Contrast.darker(lower, desiredRatio); const availables = []; if (lightOption !== -1) availables.push(lightOption); if (darkOption !== -1) availables.push(darkOption); const prefersLight = _DynamicColor.tonePrefersLightForeground(bgTone1) || _DynamicColor.tonePrefersLightForeground(bgTone2); if (prefersLight) { return lightOption < 0 ? 100 : lightOption; } if (availables.length === 1) { return availables[0]; } return darkOption < 0 ? 0 : darkOption; } return answer; } } /** * Given a background tone, find a foreground tone, while ensuring they reach * a contrast ratio that is as close to [ratio] as possible. * * @param bgTone Tone in HCT. Range is 0 to 100, undefined behavior when it * falls outside that range. * @param ratio The contrast ratio desired between bgTone and the return * value. */ static foregroundTone(bgTone, ratio) { const lighterTone = Contrast.lighterUnsafe(bgTone, ratio); const darkerTone = Contrast.darkerUnsafe(bgTone, ratio); const lighterRatio = Contrast.ratioOfTones(lighterTone, bgTone); const darkerRatio = Contrast.ratioOfTones(darkerTone, bgTone); const preferLighter = _DynamicColor.tonePrefersLightForeground(bgTone); if (preferLighter) { const negligibleDifference = Math.abs(lighterRatio - darkerRatio) < 0.1 && lighterRatio < ratio && darkerRatio < ratio; return lighterRatio >= ratio || lighterRatio >= darkerRatio || negligibleDifference ? lighterTone : darkerTone; } else { return darkerRatio >= ratio || darkerRatio >= lighterRatio ? darkerTone : lighterTone; } } /** * Returns whether [tone] prefers a light foreground. * * People prefer white foregrounds on ~T60-70. Observed over time, and also * by Andrew Somers during research for APCA. * * T60 used as to create the smallest discontinuity possible when skipping * down to T49 in order to ensure light foregrounds. * Since `tertiaryContainer` in dark monochrome scheme requires a tone of * 60, it should not be adjusted. Therefore, 60 is excluded here. */ static tonePrefersLightForeground(tone) { return Math.round(tone) < 60; } /** * Returns whether [tone] can reach a contrast ratio of 4.5 with a lighter * color. */ static toneAllowsLightForeground(tone) { return Math.round(tone) <= 49; } /** * Adjust a tone such that white has 4.5 contrast, if the tone is * reasonably close to supporting it. */ static enableLightForeground(tone) { if (_DynamicColor.tonePrefersLightForeground(tone) && !_DynamicColor.toneAllowsLightForeground(tone)) { return 49; } return tone; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/palettes/tonal_palette.js var TonalPalette = class _TonalPalette { /** * @param argb ARGB representation of a color * @return Tones matching that color's hue and chroma. */ static fromInt(argb) { const hct = Hct.fromInt(argb); return _TonalPalette.fromHct(hct); } /** * @param hct Hct * @return Tones matching that color's hue and chroma. */ static fromHct(hct) { return new _TonalPalette(hct.hue, hct.chroma, hct); } /** * @param hue HCT hue * @param chroma HCT chroma * @return Tones matching hue and chroma. */ static fromHueAndChroma(hue, chroma) { const keyColor = new KeyColor(hue, chroma).create(); return new _TonalPalette(hue, chroma, keyColor); } constructor(hue, chroma, keyColor) { this.hue = hue; this.chroma = chroma; this.keyColor = keyColor; this.cache = /* @__PURE__ */ new Map(); } /** * @param tone HCT tone, measured from 0 to 100. * @return ARGB representation of a color with that tone. */ tone(tone) { let argb = this.cache.get(tone); if (argb === void 0) { argb = Hct.from(this.hue, this.chroma, tone).toInt(); this.cache.set(tone, argb); } return argb; } /** * @param tone HCT tone. * @return HCT representation of a color with that tone. */ getHct(tone) { return Hct.fromInt(this.tone(tone)); } }; var KeyColor = class { constructor(hue, requestedChroma) { this.hue = hue; this.requestedChroma = requestedChroma; this.chromaCache = /* @__PURE__ */ new Map(); this.maxChromaValue = 200; } /** * Creates a key color from a [hue] and a [chroma]. * The key color is the first tone, starting from T50, matching the given hue * and chroma. * * @return Key color [Hct] */ create() { const pivotTone = 50; const toneStepSize = 1; const epsilon = 0.01; let lowerTone = 0; let upperTone = 100; while (lowerTone < upperTone) { const midTone = Math.floor((lowerTone + upperTone) / 2); const isAscending = this.maxChroma(midTone) < this.maxChroma(midTone + toneStepSize); const sufficientChroma = this.maxChroma(midTone) >= this.requestedChroma - epsilon; if (sufficientChroma) { if (Math.abs(lowerTone - pivotTone) < Math.abs(upperTone - pivotTone)) { upperTone = midTone; } else { if (lowerTone === midTone) { return Hct.from(this.hue, this.requestedChroma, lowerTone); } lowerTone = midTone; } } else { if (isAscending) { lowerTone = midTone + toneStepSize; } else { upperTone = midTone; } } } return Hct.from(this.hue, this.requestedChroma, lowerTone); } // Find the maximum chroma for a given tone maxChroma(tone) { if (this.chromaCache.has(tone)) { return this.chromaCache.get(tone); } const chroma = Hct.from(this.hue, this.maxChromaValue, tone).chroma; this.chromaCache.set(tone, chroma); return chroma; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/contrast_curve.js var ContrastCurve = class { /** * Creates a `ContrastCurve` object. * * @param low Value for contrast level -1.0 * @param normal Value for contrast level 0.0 * @param medium Value for contrast level 0.5 * @param high Value for contrast level 1.0 */ constructor(low, normal, medium, high) { this.low = low; this.normal = normal; this.medium = medium; this.high = high; } /** * Returns the value at a given contrast level. * * @param contrastLevel The contrast level. 0.0 is the default (normal); -1.0 * is the lowest; 1.0 is the highest. * @return The value. For contrast ratios, a number between 1.0 and 21.0. */ get(contrastLevel) { if (contrastLevel <= -1) { return this.low; } else if (contrastLevel < 0) { return lerp(this.low, this.normal, (contrastLevel - -1) / 1); } else if (contrastLevel < 0.5) { return lerp(this.normal, this.medium, (contrastLevel - 0) / 0.5); } else if (contrastLevel < 1) { return lerp(this.medium, this.high, (contrastLevel - 0.5) / 0.5); } else { return this.high; } } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/tone_delta_pair.js var ToneDeltaPair = class { /** * Documents a constraint in tone distance between two DynamicColors. * * The polarity is an adjective that describes "A", compared to "B". * * For instance, ToneDeltaPair(A, B, 15, 'darker', stayTogether) states that * A's tone should be at least 15 darker than B's. * * 'nearer' and 'farther' describes closeness to the surface roles. For * instance, ToneDeltaPair(A, B, 10, 'nearer', stayTogether) states that A * should be 10 lighter than B in light mode, and 10 darker than B in dark * mode. * * @param roleA The first role in a pair. * @param roleB The second role in a pair. * @param delta Required difference between tones. Absolute value, negative * values have undefined behavior. * @param polarity The relative relation between tones of roleA and roleB, * as described above. * @param stayTogether Whether these two roles should stay on the same side of * the "awkward zone" (T50-59). This is necessary for certain cases where * one role has two backgrounds. */ constructor(roleA, roleB, delta, polarity, stayTogether) { this.roleA = roleA; this.roleB = roleB; this.delta = delta; this.polarity = polarity; this.stayTogether = stayTogether; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/variant.js var Variant; (function(Variant2) { Variant2[Variant2["MONOCHROME"] = 0] = "MONOCHROME"; Variant2[Variant2["NEUTRAL"] = 1] = "NEUTRAL"; Variant2[Variant2["TONAL_SPOT"] = 2] = "TONAL_SPOT"; Variant2[Variant2["VIBRANT"] = 3] = "VIBRANT"; Variant2[Variant2["EXPRESSIVE"] = 4] = "EXPRESSIVE"; Variant2[Variant2["FIDELITY"] = 5] = "FIDELITY"; Variant2[Variant2["CONTENT"] = 6] = "CONTENT"; Variant2[Variant2["RAINBOW"] = 7] = "RAINBOW"; Variant2[Variant2["FRUIT_SALAD"] = 8] = "FRUIT_SALAD"; })(Variant || (Variant = {})); // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/material_dynamic_colors.js function isFidelity(scheme) { return scheme.variant === Variant.FIDELITY || scheme.variant === Variant.CONTENT; } function isMonochrome(scheme) { return scheme.variant === Variant.MONOCHROME; } function findDesiredChromaByTone(hue, chroma, tone, byDecreasingTone) { let answer = tone; let closestToChroma = Hct.from(hue, chroma, tone); if (closestToChroma.chroma < chroma) { let chromaPeak = closestToChroma.chroma; while (closestToChroma.chroma < chroma) { answer += byDecreasingTone ? -1 : 1; const potentialSolution = Hct.from(hue, chroma, answer); if (chromaPeak > potentialSolution.chroma) { break; } if (Math.abs(potentialSolution.chroma - chroma) < 0.4) { break; } const potentialDelta = Math.abs(potentialSolution.chroma - chroma); const currentDelta = Math.abs(closestToChroma.chroma - chroma); if (potentialDelta < currentDelta) { closestToChroma = potentialSolution; } chromaPeak = Math.max(chromaPeak, potentialSolution.chroma); } } return answer; } var MaterialDynamicColors = class _MaterialDynamicColors { static highestSurface(s) { return s.isDark ? _MaterialDynamicColors.surfaceBright : _MaterialDynamicColors.surfaceDim; } }; MaterialDynamicColors.contentAccentToneDelta = 15; MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor.fromPalette({ name: "primary_palette_key_color", palette: (s) => s.primaryPalette, tone: (s) => s.primaryPalette.keyColor.tone }); MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor.fromPalette({ name: "secondary_palette_key_color", palette: (s) => s.secondaryPalette, tone: (s) => s.secondaryPalette.keyColor.tone }); MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor.fromPalette({ name: "tertiary_palette_key_color", palette: (s) => s.tertiaryPalette, tone: (s) => s.tertiaryPalette.keyColor.tone }); MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor.fromPalette({ name: "neutral_palette_key_color", palette: (s) => s.neutralPalette, tone: (s) => s.neutralPalette.keyColor.tone }); MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor.fromPalette({ name: "neutral_variant_palette_key_color", palette: (s) => s.neutralVariantPalette, tone: (s) => s.neutralVariantPalette.keyColor.tone }); MaterialDynamicColors.background = DynamicColor.fromPalette({ name: "background", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 6 : 98, isBackground: true }); MaterialDynamicColors.onBackground = DynamicColor.fromPalette({ name: "on_background", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 90 : 10, background: (s) => MaterialDynamicColors.background, contrastCurve: new ContrastCurve(3, 3, 4.5, 7) }); MaterialDynamicColors.surface = DynamicColor.fromPalette({ name: "surface", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 6 : 98, isBackground: true }); MaterialDynamicColors.surfaceDim = DynamicColor.fromPalette({ name: "surface_dim", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 6 : new ContrastCurve(87, 87, 80, 75).get(s.contrastLevel), isBackground: true }); MaterialDynamicColors.surfaceBright = DynamicColor.fromPalette({ name: "surface_bright", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(24, 24, 29, 34).get(s.contrastLevel) : 98, isBackground: true }); MaterialDynamicColors.surfaceContainerLowest = DynamicColor.fromPalette({ name: "surface_container_lowest", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(4, 4, 2, 0).get(s.contrastLevel) : 100, isBackground: true }); MaterialDynamicColors.surfaceContainerLow = DynamicColor.fromPalette({ name: "surface_container_low", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(10, 10, 11, 12).get(s.contrastLevel) : new ContrastCurve(96, 96, 96, 95).get(s.contrastLevel), isBackground: true }); MaterialDynamicColors.surfaceContainer = DynamicColor.fromPalette({ name: "surface_container", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(12, 12, 16, 20).get(s.contrastLevel) : new ContrastCurve(94, 94, 92, 90).get(s.contrastLevel), isBackground: true }); MaterialDynamicColors.surfaceContainerHigh = DynamicColor.fromPalette({ name: "surface_container_high", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(17, 17, 21, 25).get(s.contrastLevel) : new ContrastCurve(92, 92, 88, 85).get(s.contrastLevel), isBackground: true }); MaterialDynamicColors.surfaceContainerHighest = DynamicColor.fromPalette({ name: "surface_container_highest", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? new ContrastCurve(22, 22, 26, 30).get(s.contrastLevel) : new ContrastCurve(90, 90, 84, 80).get(s.contrastLevel), isBackground: true }); MaterialDynamicColors.onSurface = DynamicColor.fromPalette({ name: "on_surface", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 90 : 10, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.surfaceVariant = DynamicColor.fromPalette({ name: "surface_variant", palette: (s) => s.neutralVariantPalette, tone: (s) => s.isDark ? 30 : 90, isBackground: true }); MaterialDynamicColors.onSurfaceVariant = DynamicColor.fromPalette({ name: "on_surface_variant", palette: (s) => s.neutralVariantPalette, tone: (s) => s.isDark ? 80 : 30, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.inverseSurface = DynamicColor.fromPalette({ name: "inverse_surface", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 90 : 20 }); MaterialDynamicColors.inverseOnSurface = DynamicColor.fromPalette({ name: "inverse_on_surface", palette: (s) => s.neutralPalette, tone: (s) => s.isDark ? 20 : 95, background: (s) => MaterialDynamicColors.inverseSurface, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.outline = DynamicColor.fromPalette({ name: "outline", palette: (s) => s.neutralVariantPalette, tone: (s) => s.isDark ? 60 : 50, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1.5, 3, 4.5, 7) }); MaterialDynamicColors.outlineVariant = DynamicColor.fromPalette({ name: "outline_variant", palette: (s) => s.neutralVariantPalette, tone: (s) => s.isDark ? 30 : 80, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5) }); MaterialDynamicColors.shadow = DynamicColor.fromPalette({ name: "shadow", palette: (s) => s.neutralPalette, tone: (s) => 0 }); MaterialDynamicColors.scrim = DynamicColor.fromPalette({ name: "scrim", palette: (s) => s.neutralPalette, tone: (s) => 0 }); MaterialDynamicColors.surfaceTint = DynamicColor.fromPalette({ name: "surface_tint", palette: (s) => s.primaryPalette, tone: (s) => s.isDark ? 80 : 40, isBackground: true }); MaterialDynamicColors.primary = DynamicColor.fromPalette({ name: "primary", palette: (s) => s.primaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 100 : 0; } return s.isDark ? 80 : 40; }, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(3, 4.5, 7, 7), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 10, "nearer", false) }); MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({ name: "on_primary", palette: (s) => s.primaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 10 : 90; } return s.isDark ? 20 : 100; }, background: (s) => MaterialDynamicColors.primary, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({ name: "primary_container", palette: (s) => s.primaryPalette, tone: (s) => { if (isFidelity(s)) { return s.sourceColorHct.tone; } if (isMonochrome(s)) { return s.isDark ? 85 : 25; } return s.isDark ? 30 : 90; }, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 10, "nearer", false) }); MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({ name: "on_primary_container", palette: (s) => s.primaryPalette, tone: (s) => { if (isFidelity(s)) { return DynamicColor.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5); } if (isMonochrome(s)) { return s.isDark ? 0 : 100; } return s.isDark ? 90 : 30; }, background: (s) => MaterialDynamicColors.primaryContainer, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.inversePrimary = DynamicColor.fromPalette({ name: "inverse_primary", palette: (s) => s.primaryPalette, tone: (s) => s.isDark ? 40 : 80, background: (s) => MaterialDynamicColors.inverseSurface, contrastCurve: new ContrastCurve(3, 4.5, 7, 7) }); MaterialDynamicColors.secondary = DynamicColor.fromPalette({ name: "secondary", palette: (s) => s.secondaryPalette, tone: (s) => s.isDark ? 80 : 40, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(3, 4.5, 7, 7), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 10, "nearer", false) }); MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({ name: "on_secondary", palette: (s) => s.secondaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 10 : 100; } else { return s.isDark ? 20 : 100; } }, background: (s) => MaterialDynamicColors.secondary, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({ name: "secondary_container", palette: (s) => s.secondaryPalette, tone: (s) => { const initialTone = s.isDark ? 30 : 90; if (isMonochrome(s)) { return s.isDark ? 30 : 85; } if (!isFidelity(s)) { return initialTone; } return findDesiredChromaByTone(s.secondaryPalette.hue, s.secondaryPalette.chroma, initialTone, s.isDark ? false : true); }, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 10, "nearer", false) }); MaterialDynamicColors.onSecondaryContainer = DynamicColor.fromPalette({ name: "on_secondary_container", palette: (s) => s.secondaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 90 : 10; } if (!isFidelity(s)) { return s.isDark ? 90 : 30; } return DynamicColor.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5); }, background: (s) => MaterialDynamicColors.secondaryContainer, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.tertiary = DynamicColor.fromPalette({ name: "tertiary", palette: (s) => s.tertiaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 90 : 25; } return s.isDark ? 80 : 40; }, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(3, 4.5, 7, 7), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 10, "nearer", false) }); MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({ name: "on_tertiary", palette: (s) => s.tertiaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 10 : 90; } return s.isDark ? 20 : 100; }, background: (s) => MaterialDynamicColors.tertiary, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({ name: "tertiary_container", palette: (s) => s.tertiaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 60 : 49; } if (!isFidelity(s)) { return s.isDark ? 30 : 90; } const proposedHct = s.tertiaryPalette.getHct(s.sourceColorHct.tone); return DislikeAnalyzer.fixIfDisliked(proposedHct).tone; }, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 10, "nearer", false) }); MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({ name: "on_tertiary_container", palette: (s) => s.tertiaryPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 0 : 100; } if (!isFidelity(s)) { return s.isDark ? 90 : 30; } return DynamicColor.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5); }, background: (s) => MaterialDynamicColors.tertiaryContainer, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.error = DynamicColor.fromPalette({ name: "error", palette: (s) => s.errorPalette, tone: (s) => s.isDark ? 80 : 40, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(3, 4.5, 7, 7), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 10, "nearer", false) }); MaterialDynamicColors.onError = DynamicColor.fromPalette({ name: "on_error", palette: (s) => s.errorPalette, tone: (s) => s.isDark ? 20 : 100, background: (s) => MaterialDynamicColors.error, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({ name: "error_container", palette: (s) => s.errorPalette, tone: (s) => s.isDark ? 30 : 90, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 10, "nearer", false) }); MaterialDynamicColors.onErrorContainer = DynamicColor.fromPalette({ name: "on_error_container", palette: (s) => s.errorPalette, tone: (s) => { if (isMonochrome(s)) { return s.isDark ? 90 : 10; } return s.isDark ? 90 : 30; }, background: (s) => MaterialDynamicColors.errorContainer, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({ name: "primary_fixed", palette: (s) => s.primaryPalette, tone: (s) => isMonochrome(s) ? 40 : 90, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({ name: "primary_fixed_dim", palette: (s) => s.primaryPalette, tone: (s) => isMonochrome(s) ? 30 : 80, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({ name: "on_primary_fixed", palette: (s) => s.primaryPalette, tone: (s) => isMonochrome(s) ? 100 : 10, background: (s) => MaterialDynamicColors.primaryFixedDim, secondBackground: (s) => MaterialDynamicColors.primaryFixed, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({ name: "on_primary_fixed_variant", palette: (s) => s.primaryPalette, tone: (s) => isMonochrome(s) ? 90 : 30, background: (s) => MaterialDynamicColors.primaryFixedDim, secondBackground: (s) => MaterialDynamicColors.primaryFixed, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({ name: "secondary_fixed", palette: (s) => s.secondaryPalette, tone: (s) => isMonochrome(s) ? 80 : 90, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({ name: "secondary_fixed_dim", palette: (s) => s.secondaryPalette, tone: (s) => isMonochrome(s) ? 70 : 80, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({ name: "on_secondary_fixed", palette: (s) => s.secondaryPalette, tone: (s) => 10, background: (s) => MaterialDynamicColors.secondaryFixedDim, secondBackground: (s) => MaterialDynamicColors.secondaryFixed, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({ name: "on_secondary_fixed_variant", palette: (s) => s.secondaryPalette, tone: (s) => isMonochrome(s) ? 25 : 30, background: (s) => MaterialDynamicColors.secondaryFixedDim, secondBackground: (s) => MaterialDynamicColors.secondaryFixed, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({ name: "tertiary_fixed", palette: (s) => s.tertiaryPalette, tone: (s) => isMonochrome(s) ? 40 : 90, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({ name: "tertiary_fixed_dim", palette: (s) => s.tertiaryPalette, tone: (s) => isMonochrome(s) ? 30 : 80, isBackground: true, background: (s) => MaterialDynamicColors.highestSurface(s), contrastCurve: new ContrastCurve(1, 1, 3, 4.5), toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, "lighter", true) }); MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({ name: "on_tertiary_fixed", palette: (s) => s.tertiaryPalette, tone: (s) => isMonochrome(s) ? 100 : 10, background: (s) => MaterialDynamicColors.tertiaryFixedDim, secondBackground: (s) => MaterialDynamicColors.tertiaryFixed, contrastCurve: new ContrastCurve(4.5, 7, 11, 21) }); MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor.fromPalette({ name: "on_tertiary_fixed_variant", palette: (s) => s.tertiaryPalette, tone: (s) => isMonochrome(s) ? 90 : 30, background: (s) => MaterialDynamicColors.tertiaryFixedDim, secondBackground: (s) => MaterialDynamicColors.tertiaryFixed, contrastCurve: new ContrastCurve(3, 4.5, 7, 11) }); // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/dynamiccolor/dynamic_scheme.js var DynamicScheme = class { constructor(args) { this.sourceColorArgb = args.sourceColorArgb; this.variant = args.variant; this.contrastLevel = args.contrastLevel; this.isDark = args.isDark; this.sourceColorHct = Hct.fromInt(args.sourceColorArgb); this.primaryPalette = args.primaryPalette; this.secondaryPalette = args.secondaryPalette; this.tertiaryPalette = args.tertiaryPalette; this.neutralPalette = args.neutralPalette; this.neutralVariantPalette = args.neutralVariantPalette; this.errorPalette = TonalPalette.fromHueAndChroma(25, 84); } /** * Support design spec'ing Dynamic Color by schemes that specify hue * rotations that should be applied at certain breakpoints. * @param sourceColor the source color of the theme, in HCT. * @param hues The "breakpoints", i.e. the hues at which a rotation should * be apply. * @param rotations The rotation that should be applied when source color's * hue is >= the same index in hues array, and <= the hue at the next index * in hues array. */ static getRotatedHue(sourceColor, hues, rotations) { const sourceHue = sourceColor.hue; if (hues.length !== rotations.length) { throw new Error(`mismatch between hue length ${hues.length} & rotations ${rotations.length}`); } if (rotations.length === 1) { return sanitizeDegreesDouble(sourceColor.hue + rotations[0]); } const size = hues.length; for (let i = 0; i <= size - 2; i++) { const thisHue = hues[i]; const nextHue = hues[i + 1]; if (thisHue < sourceHue && sourceHue < nextHue) { return sanitizeDegreesDouble(sourceHue + rotations[i]); } } return sourceHue; } getArgb(dynamicColor) { return dynamicColor.getArgb(this); } getHct(dynamicColor) { return dynamicColor.getHct(this); } get primaryPaletteKeyColor() { return this.getArgb(MaterialDynamicColors.primaryPaletteKeyColor); } get secondaryPaletteKeyColor() { return this.getArgb(MaterialDynamicColors.secondaryPaletteKeyColor); } get tertiaryPaletteKeyColor() { return this.getArgb(MaterialDynamicColors.tertiaryPaletteKeyColor); } get neutralPaletteKeyColor() { return this.getArgb(MaterialDynamicColors.neutralPaletteKeyColor); } get neutralVariantPaletteKeyColor() { return this.getArgb(MaterialDynamicColors.neutralVariantPaletteKeyColor); } get background() { return this.getArgb(MaterialDynamicColors.background); } get onBackground() { return this.getArgb(MaterialDynamicColors.onBackground); } get surface() { return this.getArgb(MaterialDynamicColors.surface); } get surfaceDim() { return this.getArgb(MaterialDynamicColors.surfaceDim); } get surfaceBright() { return this.getArgb(MaterialDynamicColors.surfaceBright); } get surfaceContainerLowest() { return this.getArgb(MaterialDynamicColors.surfaceContainerLowest); } get surfaceContainerLow() { return this.getArgb(MaterialDynamicColors.surfaceContainerLow); } get surfaceContainer() { return this.getArgb(MaterialDynamicColors.surfaceContainer); } get surfaceContainerHigh() { return this.getArgb(MaterialDynamicColors.surfaceContainerHigh); } get surfaceContainerHighest() { return this.getArgb(MaterialDynamicColors.surfaceContainerHighest); } get onSurface() { return this.getArgb(MaterialDynamicColors.onSurface); } get surfaceVariant() { return this.getArgb(MaterialDynamicColors.surfaceVariant); } get onSurfaceVariant() { return this.getArgb(MaterialDynamicColors.onSurfaceVariant); } get inverseSurface() { return this.getArgb(MaterialDynamicColors.inverseSurface); } get inverseOnSurface() { return this.getArgb(MaterialDynamicColors.inverseOnSurface); } get outline() { return this.getArgb(MaterialDynamicColors.outline); } get outlineVariant() { return this.getArgb(MaterialDynamicColors.outlineVariant); } get shadow() { return this.getArgb(MaterialDynamicColors.shadow); } get scrim() { return this.getArgb(MaterialDynamicColors.scrim); } get surfaceTint() { return this.getArgb(MaterialDynamicColors.surfaceTint); } get primary() { return this.getArgb(MaterialDynamicColors.primary); } get onPrimary() { return this.getArgb(MaterialDynamicColors.onPrimary); } get primaryContainer() { return this.getArgb(MaterialDynamicColors.primaryContainer); } get onPrimaryContainer() { return this.getArgb(MaterialDynamicColors.onPrimaryContainer); } get inversePrimary() { return this.getArgb(MaterialDynamicColors.inversePrimary); } get secondary() { return this.getArgb(MaterialDynamicColors.secondary); } get onSecondary() { return this.getArgb(MaterialDynamicColors.onSecondary); } get secondaryContainer() { return this.getArgb(MaterialDynamicColors.secondaryContainer); } get onSecondaryContainer() { return this.getArgb(MaterialDynamicColors.onSecondaryContainer); } get tertiary() { return this.getArgb(MaterialDynamicColors.tertiary); } get onTertiary() { return this.getArgb(MaterialDynamicColors.onTertiary); } get tertiaryContainer() { return this.getArgb(MaterialDynamicColors.tertiaryContainer); } get onTertiaryContainer() { return this.getArgb(MaterialDynamicColors.onTertiaryContainer); } get error() { return this.getArgb(MaterialDynamicColors.error); } get onError() { return this.getArgb(MaterialDynamicColors.onError); } get errorContainer() { return this.getArgb(MaterialDynamicColors.errorContainer); } get onErrorContainer() { return this.getArgb(MaterialDynamicColors.onErrorContainer); } get primaryFixed() { return this.getArgb(MaterialDynamicColors.primaryFixed); } get primaryFixedDim() { return this.getArgb(MaterialDynamicColors.primaryFixedDim); } get onPrimaryFixed() { return this.getArgb(MaterialDynamicColors.onPrimaryFixed); } get onPrimaryFixedVariant() { return this.getArgb(MaterialDynamicColors.onPrimaryFixedVariant); } get secondaryFixed() { return this.getArgb(MaterialDynamicColors.secondaryFixed); } get secondaryFixedDim() { return this.getArgb(MaterialDynamicColors.secondaryFixedDim); } get onSecondaryFixed() { return this.getArgb(MaterialDynamicColors.onSecondaryFixed); } get onSecondaryFixedVariant() { return this.getArgb(MaterialDynamicColors.onSecondaryFixedVariant); } get tertiaryFixed() { return this.getArgb(MaterialDynamicColors.tertiaryFixed); } get tertiaryFixedDim() { return this.getArgb(MaterialDynamicColors.tertiaryFixedDim); } get onTertiaryFixed() { return this.getArgb(MaterialDynamicColors.onTertiaryFixed); } get onTertiaryFixedVariant() { return this.getArgb(MaterialDynamicColors.onTertiaryFixedVariant); } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/temperature/temperature_cache.js var TemperatureCache = class _TemperatureCache { constructor(input) { this.input = input; this.hctsByTempCache = []; this.hctsByHueCache = []; this.tempsByHctCache = /* @__PURE__ */ new Map(); this.inputRelativeTemperatureCache = -1; this.complementCache = null; } get hctsByTemp() { if (this.hctsByTempCache.length > 0) { return this.hctsByTempCache; } const hcts = this.hctsByHue.concat([this.input]); const temperaturesByHct = this.tempsByHct; hcts.sort((a, b) => temperaturesByHct.get(a) - temperaturesByHct.get(b)); this.hctsByTempCache = hcts; return hcts; } get warmest() { return this.hctsByTemp[this.hctsByTemp.length - 1]; } get coldest() { return this.hctsByTemp[0]; } /** * A set of colors with differing hues, equidistant in temperature. * * In art, this is usually described as a set of 5 colors on a color wheel * divided into 12 sections. This method allows provision of either of those * values. * * Behavior is undefined when [count] or [divisions] is 0. * When divisions < count, colors repeat. * * [count] The number of colors to return, includes the input color. * [divisions] The number of divisions on the color wheel. */ analogous(count = 5, divisions = 12) { const startHue = Math.round(this.input.hue); const startHct = this.hctsByHue[startHue]; let lastTemp = this.relativeTemperature(startHct); const allColors = [startHct]; let absoluteTotalTempDelta = 0; for (let i = 0; i < 360; i++) { const hue = sanitizeDegreesInt(startHue + i); const hct = this.hctsByHue[hue]; const temp = this.relativeTemperature(hct); const tempDelta = Math.abs(temp - lastTemp); lastTemp = temp; absoluteTotalTempDelta += tempDelta; } let hueAddend = 1; const tempStep = absoluteTotalTempDelta / divisions; let totalTempDelta = 0; lastTemp = this.relativeTemperature(startHct); while (allColors.length < divisions) { const hue = sanitizeDegreesInt(startHue + hueAddend); const hct = this.hctsByHue[hue]; const temp = this.relativeTemperature(hct); const tempDelta = Math.abs(temp - lastTemp); totalTempDelta += tempDelta; const desiredTotalTempDeltaForIndex = allColors.length * tempStep; let indexSatisfied = totalTempDelta >= desiredTotalTempDeltaForIndex; let indexAddend = 1; while (indexSatisfied && allColors.length < divisions) { allColors.push(hct); const desiredTotalTempDeltaForIndex2 = (allColors.length + indexAddend) * tempStep; indexSatisfied = totalTempDelta >= desiredTotalTempDeltaForIndex2; indexAddend++; } lastTemp = temp; hueAddend++; if (hueAddend > 360) { while (allColors.length < divisions) { allColors.push(hct); } break; } } const answers = [this.input]; const increaseHueCount = Math.floor((count - 1) / 2); for (let i = 1; i < increaseHueCount + 1; i++) { let index = 0 - i; while (index < 0) { index = allColors.length + index; } if (index >= allColors.length) { index = index % allColors.length; } answers.splice(0, 0, allColors[index]); } const decreaseHueCount = count - increaseHueCount - 1; for (let i = 1; i < decreaseHueCount + 1; i++) { let index = i; while (index < 0) { index = allColors.length + index; } if (index >= allColors.length) { index = index % allColors.length; } answers.push(allColors[index]); } return answers; } /** * A color that complements the input color aesthetically. * * In art, this is usually described as being across the color wheel. * History of this shows intent as a color that is just as cool-warm as the * input color is warm-cool. */ get complement() { if (this.complementCache != null) { return this.complementCache; } const coldestHue = this.coldest.hue; const coldestTemp = this.tempsByHct.get(this.coldest); const warmestHue = this.warmest.hue; const warmestTemp = this.tempsByHct.get(this.warmest); const range = warmestTemp - coldestTemp; const startHueIsColdestToWarmest = _TemperatureCache.isBetween(this.input.hue, coldestHue, warmestHue); const startHue = startHueIsColdestToWarmest ? warmestHue : coldestHue; const endHue = startHueIsColdestToWarmest ? coldestHue : warmestHue; const directionOfRotation = 1; let smallestError = 1e3; let answer = this.hctsByHue[Math.round(this.input.hue)]; const complementRelativeTemp = 1 - this.inputRelativeTemperature; for (let hueAddend = 0; hueAddend <= 360; hueAddend += 1) { const hue = sanitizeDegreesDouble(startHue + directionOfRotation * hueAddend); if (!_TemperatureCache.isBetween(hue, startHue, endHue)) { continue; } const possibleAnswer = this.hctsByHue[Math.round(hue)]; const relativeTemp = (this.tempsByHct.get(possibleAnswer) - coldestTemp) / range; const error = Math.abs(complementRelativeTemp - relativeTemp); if (error < smallestError) { smallestError = error; answer = possibleAnswer; } } this.complementCache = answer; return this.complementCache; } /** * Temperature relative to all colors with the same chroma and tone. * Value on a scale from 0 to 1. */ relativeTemperature(hct) { const range = this.tempsByHct.get(this.warmest) - this.tempsByHct.get(this.coldest); const differenceFromColdest = this.tempsByHct.get(hct) - this.tempsByHct.get(this.coldest); if (range === 0) { return 0.5; } return differenceFromColdest / range; } /** Relative temperature of the input color. See [relativeTemperature]. */ get inputRelativeTemperature() { if (this.inputRelativeTemperatureCache >= 0) { return this.inputRelativeTemperatureCache; } this.inputRelativeTemperatureCache = this.relativeTemperature(this.input); return this.inputRelativeTemperatureCache; } /** A Map with keys of HCTs in [hctsByTemp], values of raw temperature. */ get tempsByHct() { if (this.tempsByHctCache.size > 0) { return this.tempsByHctCache; } const allHcts = this.hctsByHue.concat([this.input]); const temperaturesByHct = /* @__PURE__ */ new Map(); for (const e of allHcts) { temperaturesByHct.set(e, _TemperatureCache.rawTemperature(e)); } this.tempsByHctCache = temperaturesByHct; return temperaturesByHct; } /** * HCTs for all hues, with the same chroma/tone as the input. * Sorted ascending, hue 0 to 360. */ get hctsByHue() { if (this.hctsByHueCache.length > 0) { return this.hctsByHueCache; } const hcts = []; for (let hue = 0; hue <= 360; hue += 1) { const colorAtHue = Hct.from(hue, this.input.chroma, this.input.tone); hcts.push(colorAtHue); } this.hctsByHueCache = hcts; return this.hctsByHueCache; } /** Determines if an angle is between two other angles, rotating clockwise. */ static isBetween(angle, a, b) { if (a < b) { return a <= angle && angle <= b; } return a <= angle || angle <= b; } /** * Value representing cool-warm factor of a color. * Values below 0 are considered cool, above, warm. * * Color science has researched emotion and harmony, which art uses to select * colors. Warm-cool is the foundation of analogous and complementary colors. * See: * - Li-Chen Ou's Chapter 19 in Handbook of Color Psychology (2015). * - Josef Albers' Interaction of Color chapters 19 and 21. * * Implementation of Ou, Woodcock and Wright's algorithm, which uses * L*a*b* / LCH color space. * Return value has these properties: * - Values below 0 are cool, above 0 are warm. * - Lower bound: -0.52 - (chroma ^ 1.07 / 20). L*a*b* chroma is infinite. * Assuming max of 130 chroma, -9.66. * - Upper bound: -0.52 + (chroma ^ 1.07 / 20). L*a*b* chroma is infinite. * Assuming max of 130 chroma, 8.61. */ static rawTemperature(color) { const lab = labFromArgb(color.toInt()); const hue = sanitizeDegreesDouble(Math.atan2(lab[2], lab[1]) * 180 / Math.PI); const chroma = Math.sqrt(lab[1] * lab[1] + lab[2] * lab[2]); const temperature = -0.5 + 0.02 * Math.pow(chroma, 1.07) * Math.cos(sanitizeDegreesDouble(hue - 50) * Math.PI / 180); return temperature; } }; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/scheme/scheme_expressive.js var SchemeExpressive = class _SchemeExpressive extends DynamicScheme { constructor(sourceColorHct, isDark, contrastLevel) { super({ sourceColorArgb: sourceColorHct.toInt(), variant: Variant.EXPRESSIVE, contrastLevel, isDark, primaryPalette: TonalPalette.fromHueAndChroma(sanitizeDegreesDouble(sourceColorHct.hue + 240), 40), secondaryPalette: TonalPalette.fromHueAndChroma(DynamicScheme.getRotatedHue(sourceColorHct, _SchemeExpressive.hues, _SchemeExpressive.secondaryRotations), 24), tertiaryPalette: TonalPalette.fromHueAndChroma(DynamicScheme.getRotatedHue(sourceColorHct, _SchemeExpressive.hues, _SchemeExpressive.tertiaryRotations), 32), neutralPalette: TonalPalette.fromHueAndChroma(sourceColorHct.hue + 15, 8), neutralVariantPalette: TonalPalette.fromHueAndChroma(sourceColorHct.hue + 15, 12) }); } }; SchemeExpressive.hues = [ 0, 21, 51, 121, 151, 191, 271, 321, 360 ]; SchemeExpressive.secondaryRotations = [ 45, 95, 45, 20, 45, 90, 45, 45, 45 ]; SchemeExpressive.tertiaryRotations = [ 120, 120, 20, 45, 20, 15, 20, 120, 120 ]; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/scheme/scheme_vibrant.js var SchemeVibrant = class _SchemeVibrant extends DynamicScheme { constructor(sourceColorHct, isDark, contrastLevel) { super({ sourceColorArgb: sourceColorHct.toInt(), variant: Variant.VIBRANT, contrastLevel, isDark, primaryPalette: TonalPalette.fromHueAndChroma(sourceColorHct.hue, 200), secondaryPalette: TonalPalette.fromHueAndChroma(DynamicScheme.getRotatedHue(sourceColorHct, _SchemeVibrant.hues, _SchemeVibrant.secondaryRotations), 24), tertiaryPalette: TonalPalette.fromHueAndChroma(DynamicScheme.getRotatedHue(sourceColorHct, _SchemeVibrant.hues, _SchemeVibrant.tertiaryRotations), 32), neutralPalette: TonalPalette.fromHueAndChroma(sourceColorHct.hue, 10), neutralVariantPalette: TonalPalette.fromHueAndChroma(sourceColorHct.hue, 12) }); } }; SchemeVibrant.hues = [ 0, 41, 61, 101, 131, 181, 251, 301, 360 ]; SchemeVibrant.secondaryRotations = [ 18, 15, 10, 12, 15, 18, 15, 12, 12 ]; SchemeVibrant.tertiaryRotations = [ 35, 30, 20, 25, 30, 35, 30, 25, 25 ]; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/score/score.js var SCORE_OPTION_DEFAULTS = { desired: 4, fallbackColorARGB: 4282549748, filter: true // Avoid unsuitable colors. }; function compare(a, b) { if (a.score > b.score) { return -1; } else if (a.score < b.score) { return 1; } return 0; } var Score = class _Score { constructor() { } /** * Given a map with keys of colors and values of how often the color appears, * rank the colors based on suitability for being used for a UI theme. * * @param colorsToPopulation map with keys of colors and values of how often * the color appears, usually from a source image. * @param {ScoreOptions} options optional parameters. * @return Colors sorted by suitability for a UI theme. The most suitable * color is the first item, the least suitable is the last. There will * always be at least one color returned. If all the input colors * were not suitable for a theme, a default fallback color will be * provided, Google Blue. */ static score(colorsToPopulation, options) { const { desired, fallbackColorARGB, filter } = __spreadValues(__spreadValues({}, SCORE_OPTION_DEFAULTS), options); const colorsHct = []; const huePopulation = new Array(360).fill(0); let populationSum = 0; for (const [argb, population] of colorsToPopulation.entries()) { const hct = Hct.fromInt(argb); colorsHct.push(hct); const hue = Math.floor(hct.hue); huePopulation[hue] += population; populationSum += population; } const hueExcitedProportions = new Array(360).fill(0); for (let hue = 0; hue < 360; hue++) { const proportion = huePopulation[hue] / populationSum; for (let i = hue - 14; i < hue + 16; i++) { const neighborHue = sanitizeDegreesInt(i); hueExcitedProportions[neighborHue] += proportion; } } const scoredHct = new Array(); for (const hct of colorsHct) { const hue = sanitizeDegreesInt(Math.round(hct.hue)); const proportion = hueExcitedProportions[hue]; if (filter && (hct.chroma < _Score.CUTOFF_CHROMA || proportion <= _Score.CUTOFF_EXCITED_PROPORTION)) { continue; } const proportionScore = proportion * 100 * _Score.WEIGHT_PROPORTION; const chromaWeight = hct.chroma < _Score.TARGET_CHROMA ? _Score.WEIGHT_CHROMA_BELOW : _Score.WEIGHT_CHROMA_ABOVE; const chromaScore = (hct.chroma - _Score.TARGET_CHROMA) * chromaWeight; const score = proportionScore + chromaScore; scoredHct.push({ hct, score }); } scoredHct.sort(compare); const chosenColors = []; for (let differenceDegrees2 = 90; differenceDegrees2 >= 15; differenceDegrees2--) { chosenColors.length = 0; for (const { hct } of scoredHct) { const duplicateHue = chosenColors.find((chosenHct) => { return differenceDegrees(hct.hue, chosenHct.hue) < differenceDegrees2; }); if (!duplicateHue) { chosenColors.push(hct); } if (chosenColors.length >= desired) break; } if (chosenColors.length >= desired) break; } const colors = []; if (chosenColors.length === 0) { colors.push(fallbackColorARGB); } for (const chosenHct of chosenColors) { colors.push(chosenHct.toInt()); } return colors; } }; Score.TARGET_CHROMA = 48; Score.WEIGHT_PROPORTION = 0.7; Score.WEIGHT_CHROMA_ABOVE = 0.3; Score.WEIGHT_CHROMA_BELOW = 0.1; Score.CUTOFF_CHROMA = 5; Score.CUTOFF_EXCITED_PROPORTION = 0.01; // node_modules/.aspect_rules_js/@material+material-color-utilities@0.3.0/node_modules/@material/material-color-utilities/utils/string_utils.js function hexFromArgb(argb) { const r = redFromArgb(argb); const g = greenFromArgb(argb); const b = blueFromArgb(argb); const outParts = [r.toString(16), g.toString(16), b.toString(16)]; for (const [i, part] of outParts.entries()) { if (part.length === 1) { outParts[i] = "0" + part; } } return "#" + outParts.join(""); } function argbFromHex(hex) { hex = hex.replace("#", ""); const isThree = hex.length === 3; const isSix = hex.length === 6; const isEight = hex.length === 8; if (!isThree && !isSix && !isEight) { throw new Error("unexpected hex " + hex); } let r = 0; let g = 0; let b = 0; if (isThree) { r = parseIntHex(hex.slice(0, 1).repeat(2)); g = parseIntHex(hex.slice(1, 2).repeat(2)); b = parseIntHex(hex.slice(2, 3).repeat(2)); } else if (isSix) { r = parseIntHex(hex.slice(0, 2)); g = parseIntHex(hex.slice(2, 4)); b = parseIntHex(hex.slice(4, 6)); } else if (isEight) { r = parseIntHex(hex.slice(2, 4)); g = parseIntHex(hex.slice(4, 6)); b = parseIntHex(hex.slice(6, 8)); } return (255 << 24 | (r & 255) << 16 | (g & 255) << 8 | b & 255) >>> 0; } function parseIntHex(value) { return parseInt(value, 16); } // src/material/schematics/ng-generate/theme-color/index.ts var HUE_TONES = [0, 10, 20, 25, 30, 35, 40, 50, 60, 70, 80, 90, 95, 98, 99, 100]; var NEUTRAL_HUES = /* @__PURE__ */ new Map([ [4, { prev: 0, next: 10 }], [6, { prev: 0, next: 10 }], [12, { prev: 10, next: 20 }], [17, { prev: 10, next: 20 }], [22, { prev: 20, next: 25 }], [24, { prev: 20, next: 25 }], [87, { prev: 80, next: 90 }], [92, { prev: 90, next: 95 }], [94, { prev: 90, next: 95 }], [96, { prev: 95, next: 98 }] ]); var NEUTRAL_HUE_TONES = [...HUE_TONES, ...NEUTRAL_HUES.keys()]; function getHctFromHex(color) { try { return Hct.fromInt(argbFromHex(color)); } catch (e) { throw new Error( "Cannot parse the specified color " + color + ". Please verify it is a hex color (ex. #ffffff or ffffff)." ); } } function getMaterialDynamicScheme(primaryPalette, secondaryPalette, tertiaryPalette, neutralPalette, neutralVariantPalette, isDark, contrastLevel) { return new DynamicScheme({ sourceColorArgb: primaryPalette.keyColor.toInt(), variant: 6, // Variant.FIDELITY, used number representation since enum is not accessible outside of @material/material-color-utilities contrastLevel, isDark, primaryPalette, secondaryPalette, tertiaryPalette, neutralPalette, neutralVariantPalette }); } function getColorPalettes(primaryColor, secondaryColor, tertiaryColor, neutralColor, neutralVariantColor, errorColor) { const primaryColorHct = getHctFromHex(primaryColor); const primaryPalette = TonalPalette.fromHct(primaryColorHct); let secondaryPalette; if (secondaryColor) { secondaryPalette = TonalPalette.fromHct(getHctFromHex(secondaryColor)); } else { secondaryPalette = TonalPalette.fromHueAndChroma( primaryColorHct.hue, Math.max(primaryColorHct.chroma - 32, primaryColorHct.chroma * 0.5) ); } let tertiaryPalette; if (tertiaryColor) { tertiaryPalette = TonalPalette.fromHct(getHctFromHex(tertiaryColor)); } else { tertiaryPalette = TonalPalette.fromInt( DislikeAnalyzer.fixIfDisliked( new TemperatureCache(primaryColorHct).analogous(3, 6)[2] ).toInt() ); } let neutralPalette; if (neutralColor) { neutralPalette = TonalPalette.fromHct(getHctFromHex(neutralColor)); } else { neutralPalette = TonalPalette.fromHueAndChroma( primaryColorHct.hue, primaryColorHct.chroma / 8 ); } let neutralVariantPalette; if (neutralVariantColor) { neutralVariantPalette = TonalPalette.fromHct(getHctFromHex(neutralVariantColor)); } else { neutralVariantPalette = TonalPalette.fromHueAndChroma( primaryColorHct.hue, primaryColorHct.chroma / 8 + 4 ); } let errorPalette; if (errorColor) { errorPalette = TonalPalette.fromHct(getHctFromHex(errorColor)); } else { errorPalette = getMaterialDynamicScheme( primaryPalette, secondaryPalette, tertiaryPalette, neutralPalette, neutralVariantPalette, /* isDark */ false, /* contrastLevel */ 0 ).errorPalette; } return { primary: primaryPalette, secondary: secondaryPalette, tertiary: tertiaryPalette, neutral: neutralPalette, neutralVariant: neutralVariantPalette, error: errorPalette }; } function getColorPalettesSCSS(colorPalettes) { let scss = "(\n"; for (const [variant, palette] of Object.entries(colorPalettes)) { const paletteKey = variant.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(); scss += " " + paletteKey + ": (\n"; const tones = paletteKey === "neutral" ? NEUTRAL_HUE_TONES : HUE_TONES; for (const tone of tones) { const color = hexFromArgb(palette.tone(tone)); scss += " " + tone + ": " + color + ",\n"; } scss += " ),\n"; } scss += ");"; return scss; } function generateSCSSTheme(colorPalettes, colorComment) { let scss = [ "// This file was generated by running 'ng generate @angular/material:theme-color'.", "// Proceed with caution if making changes to this file.", "", "@use 'sass:map';", "@use '@angular/material' as mat;", "", "// Note: " + colorComment, "$_palettes: " + getColorPalettesSCSS(colorPalettes), "", "$_rest: (", " secondary: map.get($_palettes, secondary),", " neutral: map.get($_palettes, neutral),", " neutral-variant: map.get($_palettes, neutral-variant),", " error: map.get($_palettes, error),", ");", "", "$primary-palette: map.merge(map.get($_palettes, primary), $_rest);", "$tertiary-palette: map.merge(map.get($_palettes, tertiary), $_rest);" ]; return scss.join("\n"); } function getHighContrastOverides(colorScheme) { const overrides = /* @__PURE__ */ new Map(); overrides.set("primary", hexFromArgb(colorScheme.primary)); overrides.set("on-primary", hexFromArgb(colorScheme.onPrimary)); overrides.set("primary-container", hexFromArgb(colorScheme.primaryContainer)); overrides.set("on-primary-container", hexFromArgb(colorScheme.onPrimaryContainer)); overrides.set("inverse-primary", hexFromArgb(colorScheme.inversePrimary)); overrides.set("primary-fixed", hexFromArgb(colorScheme.primaryFixed)); overrides.set("primary-fixed-dim", hexFromArgb(colorScheme.primaryFixedDim)); overrides.set("on-primary-fixed", hexFromArgb(colorScheme.onPrimaryFixed)); overrides.set("on-primary-fixed-variant", hexFromArgb(colorScheme.onPrimaryFixedVariant)); overrides.set("secondary", hexFromArgb(colorScheme.secondary)); overrides.set("on-secondary", hexFromArgb(colorScheme.onSecondary)); overrides.set("secondary-container", hexFromArgb(colorScheme.secondaryContainer)); overrides.set("on-secondary-container", hexFromArgb(colorScheme.onSecondaryContainer)); overrides.set("secondary-fixed", hexFromArgb(colorScheme.secondaryFixed)); overrides.set("secondary-fixed-dim", hexFromArgb(colorScheme.secondaryFixedDim)); overrides.set("on-secondary-fixed", hexFromArgb(colorScheme.onSecondaryFixed)); overrides.set("on-secondary-fixed-variant", hexFromArgb(colorScheme.onSecondaryFixedVariant)); overrides.set("tertiary", hexFromArgb(colorScheme.tertiary)); overrides.set("on-tertiary", hexFromArgb(colorScheme.onTertiary)); overrides.set("tertiary-container", hexFromArgb(colorScheme.tertiaryContainer)); overrides.set("on-tertiary-container", hexFromArgb(colorScheme.onTertiaryContainer)); overrides.set("tertiary-fixed", hexFromArgb(colorScheme.tertiaryFixed)); overrides.set("tertiary-fixed-dim", hexFromArgb(colorScheme.tertiaryFixedDim)); overrides.set("on-tertiary-fixed", hexFromArgb(colorScheme.onTertiaryFixed)); overrides.set("on-tertiary-fixed-variant", hexFromArgb(colorScheme.onTertiaryFixedVariant)); overrides.set("background", hexFromArgb(colorScheme.background)); overrides.set("on-background", hexFromArgb(colorScheme.onBackground)); overrides.set("surface", hexFromArgb(colorScheme.surface)); overrides.set("surface-dim", hexFromArgb(colorScheme.surfaceDim)); overrides.set("surface-bright", hexFromArgb(colorScheme.surfaceBright)); overrides.set("surface-container-low", hexFromArgb(colorScheme.surfaceContainerLow)); overrides.set("surface-container-lowest", hexFromArgb(colorScheme.surfaceContainerLowest)); overrides.set("surface-container", hexFromArgb(colorScheme.surfaceContainer)); overrides.set("surface-container-high", hexFromArgb(colorScheme.surfaceContainerHigh)); overrides.set("surface-container-highest", hexFromArgb(colorScheme.surfaceContainerHighest)); overrides.set("on-surface", hexFromArgb(colorScheme.onSurface)); overrides.set("shadow", hexFromArgb(colorScheme.shadow)); overrides.set("scrim", hexFromArgb(colorScheme.scrim)); overrides.set("surface-tint", hexFromArgb(colorScheme.surfaceTint)); overrides.set("inverse-surface", hexFromArgb(colorScheme.inverseSurface)); overrides.set("inverse-on-surface", hexFromArgb(colorScheme.inverseOnSurface)); overrides.set("outline", hexFromArgb(colorScheme.outline)); overrides.set("outline-variant", hexFromArgb(colorScheme.outlineVariant)); overrides.set("error", hexFromArgb(colorScheme.error)); overrides.set("on-error", hexFromArgb(colorScheme.onError)); overrides.set("error-container", hexFromArgb(colorScheme.errorContainer)); overrides.set("on-error-container", hexFromArgb(colorScheme.onErrorContainer)); overrides.set("surface-variant", hexFromArgb(colorScheme.surfaceVariant)); overrides.set("on-surface-variant", hexFromArgb(colorScheme.onSurfaceVariant)); return overrides; } function generateHighContrastOverrideMixinsSCSS(lightHighContrastColorScheme, darkHighContrastColorScheme) { let scss = "\n"; scss += "\n@function _high-contrast-value($light, $dark, $theme-type) {\n"; scss += " @if ($theme-type == light) {\n"; scss += " @return $light;\n"; scss += " }\n"; scss += " @if ($theme-type == dark) {\n"; scss += " @return $dark;\n"; scss += " }\n"; scss += " @if ($theme-type == color-scheme) {\n"; scss += " @return light-dark(#{$light}, #{$dark});\n"; scss += " }\n"; scss += " \n @error 'Unknown theme-type #{$theme-type}. Expected light, dark, or color-scheme';\n"; scss += "}\n"; const lightOverrides = getHighContrastOverides(lightHighContrastColorScheme); const darkOverrides = getHighContrastOverides(darkHighContrastColorScheme); scss += "\n@mixin high-contrast-overrides($theme-type) {\n"; scss += " @include mat.theme-overrides((\n"; for (const [key, value] of lightOverrides.entries()) { scss += " " + key + ": _high-contrast-value(" + value + ", " + darkOverrides.get(key) + ", $theme-type),\n"; } scss += " ))\n"; scss += " }\n"; return scss; } function createLightDarkVar(leftSpacing, variableName, lightColor, darkColor, comment) { const commentContent = comment ? " /* " + comment + " */" : ""; const lightDarkValue = "light-dark(" + hexFromArgb(lightColor) + ", " + hexFromArgb(darkColor) + ");"; return leftSpacing + "--mat-sys-" + variableName + ": " + lightDarkValue + commentContent + "\n"; } function getColorSysVariablesCSS(lightScheme, darkScheme, isHighContrast = false) { let css = ""; let leftSpacing = " ".repeat(isHighContrast ? 4 : 2); css += leftSpacing + "/* Primary palette variables */\n"; css += createLightDarkVar( leftSpacing, "primary", isHighContrast ? lightScheme.primary : lightScheme.primaryPalette.tone(40), isHighContrast ? darkScheme.primary : lightScheme.primaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-primary", isHighContrast ? lightScheme.onPrimary : lightScheme.primaryPalette.tone(100), isHighContrast ? darkScheme.onPrimary : darkScheme.primaryPalette.tone(20) ); css += createLightDarkVar( leftSpacing, "primary-container", isHighContrast ? lightScheme.primaryContainer : lightScheme.primaryPalette.tone(90), isHighContrast ? darkScheme.primaryContainer : darkScheme.primaryPalette.tone(30) ); css += createLightDarkVar( leftSpacing, "on-primary-container", isHighContrast ? lightScheme.onPrimaryContainer : lightScheme.primaryPalette.tone(10), isHighContrast ? darkScheme.onPrimaryContainer : darkScheme.primaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "inverse-primary", lightScheme.inversePrimary, darkScheme.inversePrimary ); css += createLightDarkVar( leftSpacing, "primary-fixed", isHighContrast ? lightScheme.primaryFixed : lightScheme.primaryPalette.tone(90), isHighContrast ? darkScheme.primaryFixed : darkScheme.primaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "primary-fixed-dim", isHighContrast ? lightScheme.primaryFixedDim : lightScheme.primaryPalette.tone(80), isHighContrast ? darkScheme.primaryFixedDim : darkScheme.primaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-primary-fixed", lightScheme.onPrimaryFixed, darkScheme.onPrimaryFixed ); css += createLightDarkVar( leftSpacing, "on-primary-fixed-variant", lightScheme.onPrimaryFixedVariant, darkScheme.onPrimaryFixedVariant ); css += "\n" + leftSpacing + "/* Secondary palette variables */\n"; css += createLightDarkVar( leftSpacing, "secondary", isHighContrast ? lightScheme.secondary : lightScheme.secondaryPalette.tone(40), isHighContrast ? darkScheme.secondary : darkScheme.secondaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-secondary", isHighContrast ? lightScheme.onSecondary : lightScheme.secondaryPalette.tone(100), isHighContrast ? darkScheme.onSecondary : darkScheme.secondaryPalette.tone(20) ); css += createLightDarkVar( leftSpacing, "secondary-container", isHighContrast ? lightScheme.secondaryContainer : lightScheme.secondaryPalette.tone(90), isHighContrast ? darkScheme.secondaryContainer : darkScheme.secondaryPalette.tone(30) ); css += createLightDarkVar( leftSpacing, "on-secondary-container", isHighContrast ? lightScheme.onSecondaryContainer : lightScheme.secondaryPalette.tone(10), isHighContrast ? darkScheme.onSecondaryContainer : darkScheme.secondaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "secondary-fixed", isHighContrast ? lightScheme.secondaryFixed : lightScheme.secondaryPalette.tone(90), isHighContrast ? darkScheme.secondaryFixed : darkScheme.secondaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "secondary-fixed-dim", isHighContrast ? lightScheme.secondaryFixedDim : lightScheme.secondaryPalette.tone(80), isHighContrast ? darkScheme.secondaryFixedDim : darkScheme.secondaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-secondary-fixed", lightScheme.onSecondaryFixed, darkScheme.onSecondaryFixed ); css += createLightDarkVar( leftSpacing, "on-secondary-fixed-variant", lightScheme.onSecondaryFixedVariant, darkScheme.onSecondaryFixedVariant ); css += "\n" + leftSpacing + "/* Tertiary palette variables */\n"; css += createLightDarkVar( leftSpacing, "tertiary", isHighContrast ? lightScheme.tertiary : lightScheme.tertiaryPalette.tone(40), isHighContrast ? darkScheme.tertiary : darkScheme.tertiaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-tertiary", isHighContrast ? lightScheme.onTertiary : lightScheme.tertiaryPalette.tone(100), isHighContrast ? darkScheme.onTertiary : darkScheme.tertiaryPalette.tone(20) ); css += createLightDarkVar( leftSpacing, "tertiary-container", isHighContrast ? lightScheme.tertiaryContainer : lightScheme.tertiaryPalette.tone(90), isHighContrast ? darkScheme.tertiaryContainer : darkScheme.tertiaryPalette.tone(30) ); css += createLightDarkVar( leftSpacing, "on-tertiary-container", isHighContrast ? lightScheme.onTertiaryContainer : lightScheme.tertiaryPalette.tone(10), isHighContrast ? darkScheme.onTertiaryContainer : darkScheme.tertiaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "tertiary-fixed", isHighContrast ? lightScheme.tertiaryFixed : lightScheme.tertiaryPalette.tone(90), isHighContrast ? darkScheme.tertiaryFixed : darkScheme.tertiaryPalette.tone(90) ); css += createLightDarkVar( leftSpacing, "tertiary-fixed-dim", isHighContrast ? lightScheme.tertiaryFixedDim : lightScheme.tertiaryPalette.tone(80), isHighContrast ? darkScheme.tertiaryFixedDim : darkScheme.tertiaryPalette.tone(80) ); css += createLightDarkVar( leftSpacing, "on-tertiary-fixed", lightScheme.onTertiaryFixed, darkScheme.onTertiaryFixed ); css += createLightDarkVar( leftSpacing, "on-tertiary-fixed-variant", lightScheme.onTertiaryFixedVariant, darkScheme.onTertiaryFixedVariant ); css += "\n" + leftSpacing + "/* Neutral palette variables */\n"; css += createLightDarkVar( leftSpacing, "background", lightScheme.background, darkScheme.background ); css += createLightDarkVar( leftSpacing, "on-background", lightScheme.onBackground, darkScheme.onBackground ); css += createLightDarkVar(leftSpacing, "surface", lightScheme.surface, darkScheme.surface); css += createLightDarkVar( leftSpacing, "surface-dim", lightScheme.surfaceDim, darkScheme.surfaceDim ); css += createLightDarkVar( leftSpacing, "surface-bright", lightScheme.surfaceBright, darkScheme.surfaceBright ); css += createLightDarkVar( leftSpacing, "surface-container-low", lightScheme.surfaceContainerLow, darkScheme.surfaceContainerLow ); css += createLightDarkVar( leftSpacing, "surface-container-lowest", lightScheme.surfaceContainerLowest, darkScheme.surfaceContainerLowest ); css += createLightDarkVar( leftSpacing, "surface-container", lightScheme.surfaceContainer, darkScheme.surfaceContainer ); css += createLightDarkVar( leftSpacing, "surface-container-high", lightScheme.surfaceContainerHigh, darkScheme.surfaceContainerHigh ); css += createLightDarkVar( leftSpacing, "surface-container-highest", lightScheme.surfaceContainerHighest, darkScheme.surfaceContainerHighest ); css += createLightDarkVar(leftSpacing, "on-surface", lightScheme.onSurface, darkScheme.onSurface); css += createLightDarkVar(leftSpacing, "shadow", lightScheme.shadow, darkScheme.shadow); css += createLightDarkVar(leftSpacing, "scrim", lightScheme.scrim, darkScheme.scrim); css += createLightDarkVar( leftSpacing, "surface-tint", lightScheme.surfaceTint, darkScheme.surfaceTint ); css += createLightDarkVar( leftSpacing, "inverse-surface", lightScheme.inverseSurface, darkScheme.inverseSurface ); css += createLightDarkVar( leftSpacing, "inverse-on-surface", lightScheme.inverseOnSurface, darkScheme.inverseOnSurface ); css += createLightDarkVar(leftSpacing, "outline", lightScheme.outline, darkScheme.outline); css += createLightDarkVar( leftSpacing, "outline-variant", lightScheme.outlineVariant, darkScheme.outlineVariant ); css += createLightDarkVar( leftSpacing, "neutral10", lightScheme.neutralPalette.tone(10), darkScheme.neutralPalette.tone(10), "Variable used for the form field native select option text color" ); css += "\n" + leftSpacing + "/* Error palette variables */\n"; css += createLightDarkVar( leftSpacing, "error", isHighContrast ? lightScheme.error : lightScheme.errorPalette.tone(40), isHighContrast ? darkScheme.error : darkScheme.errorPalette.tone(80) ); css += createLightDarkVar(leftSpacing, "on-error", lightScheme.onError, darkScheme.onError); css += createLightDarkVar( leftSpacing, "error-container", isHighContrast ? lightScheme.errorContainer : lightScheme.errorPalette.tone(90), isHighContrast ? darkScheme.errorContainer : darkScheme.errorPalette.tone(30) ); css += createLightDarkVar( leftSpacing, "on-error-container", isHighContrast ? lightScheme.onErrorContainer : lightScheme.errorPalette.tone(10), isHighContrast ? darkScheme.onErrorContainer : darkScheme.errorPalette.tone(90) ); css += "\n" + leftSpacing + "/* Neutral variant palette variables */\n"; css += createLightDarkVar( leftSpacing, "surface-variant", lightScheme.surfaceVariant, darkScheme.surfaceVariant ); css += createLightDarkVar( leftSpacing, "on-surface-variant", lightScheme.onSurfaceVariant, darkScheme.onSurfaceVariant ); css += createLightDarkVar( leftSpacing, "neutral-variant20", lightScheme.neutralVariantPalette.tone(20), darkScheme.neutralVariantPalette.tone(20), "Variable used for the sidenav scrim (container background shadow when opened)" ); return css; } function getTypographySysVariablesCSS() { let css = ""; css += "\n /* Typography variables. Only used in the different typescale system variables. */\n"; css += " --mat-sys-brand-font-family: Roboto; /* The font-family to use for brand text. */\n"; css += " --mat-sys-plain-font-family: Roboto; /* The font-family to use for plain text. */\n"; css += " --mat-sys-bold-font-weight: 700; /* The font-weight to use for bold text. */\n"; css += " --mat-sys-medium-font-weight: 500; /* The font-weight to use for medium text. */\n"; css += " --mat-sys-regular-font-weight: 400; /* The font-weight to use for regular text. */\n\n"; css += " /* Typescale variables. */\n"; css += " /* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since\n"; css += ' tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */\n'; css += " --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);\n"; css += " --mat-sys-body-large-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-body-large-line-height: 1.5rem;\n"; css += " --mat-sys-body-large-size: 1rem;\n"; css += " --mat-sys-body-large-tracking: 0.031rem;\n"; css += " --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Body medium typescale */\n"; css += " --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);\n"; css += " --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-body-medium-line-height: 1.25rem;\n"; css += " --mat-sys-body-medium-size: 0.875rem;\n"; css += " --mat-sys-body-medium-tracking: 0.016rem;\n"; css += " --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Body small typescale */\n"; css += " --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);\n"; css += " --mat-sys-body-small-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-body-small-line-height: 1rem;\n"; css += " --mat-sys-body-small-size: 0.75rem;\n"; css += " --mat-sys-body-small-tracking: 0.025rem;\n"; css += " --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Display large typescale */\n"; css += " --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);\n"; css += " --mat-sys-display-large-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-display-large-line-height: 4rem;\n"; css += " --mat-sys-display-large-size: 3.562rem;\n"; css += " --mat-sys-display-large-tracking: -0.016rem;\n"; css += " --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Display medium typescale */\n"; css += " --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);\n"; css += " --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-display-medium-line-height: 3.25rem;\n"; css += " --mat-sys-display-medium-size: 2.812rem;\n"; css += " --mat-sys-display-medium-tracking: 0;\n"; css += " --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Display small typescale */\n"; css += " --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);\n"; css += " --mat-sys-display-small-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-display-small-line-height: 2.75rem;\n"; css += " --mat-sys-display-small-size: 2.25rem;\n"; css += " --mat-sys-display-small-tracking: 0;\n"; css += " --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Headline large typescale */\n"; css += " --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);\n"; css += " --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-headline-large-line-height: 2.5rem;\n"; css += " --mat-sys-headline-large-size: 2rem;\n"; css += " --mat-sys-headline-large-tracking: 0;\n"; css += " --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Headline medium typescale */\n"; css += " --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);\n"; css += " --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-headline-medium-line-height: 2.25rem;\n"; css += " --mat-sys-headline-medium-size: 1.75rem;\n"; css += " --mat-sys-headline-medium-tracking: 0;\n"; css += " --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Headline small typescale */\n"; css += " --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);\n"; css += " --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-headline-small-line-height: 2rem;\n"; css += " --mat-sys-headline-small-size: 1.5rem;\n"; css += " --mat-sys-headline-small-tracking: 0;\n"; css += " --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Label large typescale */\n"; css += " --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);\n"; css += " --mat-sys-label-large-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-label-large-line-height: 1.25rem;\n"; css += " --mat-sys-label-large-size: 0.875rem;\n"; css += " --mat-sys-label-large-tracking: 0.006rem;\n"; css += " --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);\n"; css += " --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);\n"; css += "\n /* Label medium typescale */\n"; css += " --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);\n"; css += " --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-label-medium-line-height: 1rem;\n"; css += " --mat-sys-label-medium-size: 0.75rem;\n"; css += " --mat-sys-label-medium-tracking: 0.031rem;\n"; css += " --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);\n"; css += " --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);\n"; css += "\n /* Label small typescale */\n"; css += " --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);\n"; css += " --mat-sys-label-small-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-label-small-line-height: 1rem;\n"; css += " --mat-sys-label-small-size: 0.688rem;\n"; css += " --mat-sys-label-small-tracking: 0.031rem;\n"; css += " --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);\n"; css += "\n /* Title large typescale */\n"; css += " --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);\n"; css += " --mat-sys-title-large-font: var(--mat-sys-brand-font-family);\n"; css += " --mat-sys-title-large-line-height: 1.75rem;\n"; css += " --mat-sys-title-large-size: 1.375rem;\n"; css += " --mat-sys-title-large-tracking: 0;\n"; css += " --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);\n"; css += "\n /* Title medium typescale */\n"; css += " --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);\n"; css += " --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-title-medium-line-height: 1.5rem;\n"; css += " --mat-sys-title-medium-size: 1rem;\n"; css += " --mat-sys-title-medium-tracking: 0.009rem;\n"; css += " --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);\n"; css += "\n /* Title small typescale */\n"; css += " --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);\n"; css += " --mat-sys-title-small-font: var(--mat-sys-plain-font-family);\n"; css += " --mat-sys-title-small-line-height: 1.25rem;\n"; css += " --mat-sys-title-small-size: 0.875rem;\n"; css += " --mat-sys-title-small-tracking: 0.006rem;\n"; css += " --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);\n"; return css; } function getElevationSysVariablesCSS() { let css = ""; css += "\n /* Box shadow colors. Only used in the elevation level system variables. */\n"; css += " --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);\n"; css += " --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);\n"; css += " --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);\n"; css += "\n /* Elevation level system variables. These are used as the value for box-shadow CSS property. */\n"; css += " --mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);\n"; css += " --mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);\n"; css += " --mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);\n"; css += " --mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);\n"; css += " --mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);\n"; css += " --mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);\n"; return css; } function getShapeSysVariablesCSS() { let css = ""; css += " --mat-sys-corner-extra-large: 28px;\n"; css += " --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n"; css += " --mat-sys-corner-extra-small: 4px;\n"; css += " --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n"; css += " --mat-sys-corner-full: 9999px;\n"; css += " --mat-sys-corner-large: 16px;\n"; css += " --mat-sys-corner-large-end: 0 16px 16px 0;\n"; css += " --mat-sys-corner-large-start: 16px 0 0 16px;\n"; css += " --mat-sys-corner-large-top: 16px 16px 0 0;\n"; css += " --mat-sys-corner-medium: 12px;\n"; css += " --mat-sys-corner-none: 0;\n"; css += " --mat-sys-corner-small: 8px;\n"; return css; } function getStateSysVariablesCSS() { let css = ""; css += " --mat-sys-dragged-state-layer-opacity: 0.16;\n"; css += " --mat-sys-focus-state-layer-opacity: 0.12;\n"; css += " --mat-sys-hover-state-layer-opacity: 0.08;\n"; css += " --mat-sys-pressed-state-layer-opacity: 0.12;\n"; return css; } function getAllSysVariablesCSS(lightColorScheme, darkColorScheme) { let css = ""; css += " /* COLOR SYSTEM VARIABLES */\n"; css += " color-scheme: light;\n\n"; css += getColorSysVariablesCSS(lightColorScheme, darkColorScheme); css += "\n /* TYPOGRAPHY SYSTEM VARIABLES */\n"; css += getTypographySysVariablesCSS(); css += "\n /* ELEVATION SYSTEM VARIABLES */\n"; css += getElevationSysVariablesCSS(); css += "\n /* SHAPE SYSTEM VARIABLES */\n"; css += getShapeSysVariablesCSS(); css += "\n /* STATE SYSTEM VARIABLES */\n"; css += getStateSysVariablesCSS(); return css; } function getHighContrastOverridesCSS(lightColorScheme, darkColorScheme) { let css = "\n"; css += " @media (prefers-contrast: more) {\n"; css += getColorSysVariablesCSS( lightColorScheme, darkColorScheme, /* isHighContrast */ true ); css += " }\n"; return css; } function createThemeFile(content, tree, directory, isScss = true) { const fileName = isScss ? "_theme-colors.scss" : "theme.css"; const filePath = directory ? directory + fileName : fileName; tree.create(filePath, content); } function getColorComment(primaryColor, secondaryColor, tertiaryColor, neutralColor, neutralVariantColor, errorColor) { let colorComment = "Color palettes are generated from primary: " + primaryColor; if (secondaryColor) { colorComment += ", secondary: " + secondaryColor; } if (tertiaryColor) { colorComment += ", tertiary: " + tertiaryColor; } if (neutralColor) { colorComment += ", neutral: " + neutralColor; } if (neutralVariantColor) { colorComment += ", neutral variant: " + neutralVariantColor; } if (errorColor) { colorComment += ", error: " + errorColor; } return colorComment; } function theme_color_default(options) { return (tree, context) => __async(this, null, function* () { const colorComment = getColorComment( options.primaryColor, options.secondaryColor, options.tertiaryColor, options.neutralColor, options.neutralVariantColor, options.errorColor ); const colorPalettes = getColorPalettes( options.primaryColor, options.secondaryColor, options.tertiaryColor, options.neutralColor, options.neutralVariantColor, options.errorColor ); let lightHighContrastColorScheme; let darkHighContrastColorScheme; if (options.includeHighContrast) { lightHighContrastColorScheme = getMaterialDynamicScheme( colorPalettes.primary, colorPalettes.secondary, colorPalettes.tertiary, colorPalettes.neutral, colorPalettes.neutralVariant, /* isDark */ false, /* contrastLevel */ 1 ); darkHighContrastColorScheme = getMaterialDynamicScheme( colorPalettes.primary, colorPalettes.secondary, colorPalettes.tertiary, colorPalettes.neutral, colorPalettes.neutralVariant, /* isDark */ true, /* contrastLevel */ 1 ); if (options.errorColor) { lightHighContrastColorScheme.errorPalette = colorPalettes.error; darkHighContrastColorScheme.errorPalette = colorPalettes.error; } } if (options.isScss) { let themeScss = generateSCSSTheme(colorPalettes, colorComment); if (options.includeHighContrast) { themeScss += generateHighContrastOverrideMixinsSCSS( lightHighContrastColorScheme, darkHighContrastColorScheme ); } createThemeFile(themeScss, tree, options.directory); } else { let themeCss = ""; themeCss += "/* Note: " + colorComment + " */\n"; themeCss += "html {\n"; const lightColorScheme = getMaterialDynamicScheme( colorPalettes.primary, colorPalettes.secondary, colorPalettes.tertiary, colorPalettes.neutral, colorPalettes.neutralVariant, /* isDark */ false, /* contrastLevel */ 0 ); const darkColorScheme = getMaterialDynamicScheme( colorPalettes.primary, colorPalettes.secondary, colorPalettes.tertiary, colorPalettes.neutral, colorPalettes.neutralVariant, /* isDark */ true, /* contrastLevel */ 0 ); if (options.errorColor) { lightColorScheme.errorPalette = colorPalettes.error; darkColorScheme.errorPalette = colorPalettes.error; } themeCss += getAllSysVariablesCSS(lightColorScheme, darkColorScheme); if (options.includeHighContrast) { themeCss += getHighContrastOverridesCSS( lightHighContrastColorScheme, darkHighContrastColorScheme ); } themeCss += "}\n"; createThemeFile( themeCss, tree, options.directory, /* isScss */ false ); } }); } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { generateSCSSTheme, getAllSysVariablesCSS, getColorPalettes, getHctFromHex, getHighContrastOverridesCSS, getMaterialDynamicScheme }); /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.dev/license */ /*! Bundled license information: @material/material-color-utilities/utils/math_utils.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/utils/color_utils.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/hct/viewing_conditions.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/hct/cam16.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/hct/hct_solver.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/hct/hct.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/blend/blend.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/contrast/contrast.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dislike/dislike_analyzer.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/dynamic_color.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/palettes/tonal_palette.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/contrast_curve.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/tone_delta_pair.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/variant.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/material_dynamic_colors.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/dynamiccolor/dynamic_scheme.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/palettes/core_palette.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/quantize/lab_point_provider.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/quantize/quantizer_wsmeans.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/quantize/quantizer_map.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/quantize/quantizer_wu.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/quantize/quantizer_celebi.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_android.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/temperature/temperature_cache.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_content.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_expressive.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_fidelity.js: (** * @license * Copyright 2023 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_fruit_salad.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_monochrome.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_neutral.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_rainbow.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_tonal_spot.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/scheme/scheme_vibrant.js: (** * @license * Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/score/score.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/utils/string_utils.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/utils/image_utils.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/utils/theme_utils.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) @material/material-color-utilities/index.js: (** * @license * Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *) */ //# sourceMappingURL=index_bundled.js.map