html2canvas-pro 2.4.4 → 2.5.0

package/dist/lib/css/types/color-utilities.js

@@ -1,342 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertXyz50 = exports.convertXyz = exports.xyz50FromXYZ = exports.xyzFromXYZ = exports.xyz50ToXYZ = exports.oklabToXyz = exports.oklchToXyz = exports.lchToXyz = exports.labToXyz = exports.hslToXyz = exports.rgbToXyz = exports.hue2rgb = exports.d50toD65 = exports.d65toD50 = exports.extractOkLchComponents = exports.extractLabComponents = exports.extractLchComponents = exports.packHSL = exports.extractHslComponents = exports.packLch = exports.packOkLch = exports.packOkLab = exports.packLab = exports.packXYZ = exports.packSrgbLinear = exports.packSrgb = exports.multiplyMatrices = exports.clamp = exports.isRelativeTransform = exports.getTokenColorValue = exports.pack = exports.asString = exports.isTransparent = void 0;
-const parser_1 = require("../syntax/parser");
-const srgb_1 = require("./color-spaces/srgb");
-const angle_1 = require("./angle");
-const length_percentage_1 = require("./length-percentage");
-const color_math_1 = require("./color-math");
-Object.defineProperty(exports, "clamp", { enumerable: true, get: function () { return color_math_1.clamp; } });
-Object.defineProperty(exports, "multiplyMatrices", { enumerable: true, get: function () { return color_math_1.multiplyMatrices; } });
-const isTransparent = (color) => (0xff & color) === 0;
-exports.isTransparent = isTransparent;
-const asString = (color) => {
-    const alpha = 0xff & color;
-    const blue = 0xff & (color >> 8);
-    const green = 0xff & (color >> 16);
-    const red = 0xff & (color >> 24);
-    return alpha < 255 ? `rgba(${red},${green},${blue},${alpha / 255})` : `rgb(${red},${green},${blue})`;
-};
-exports.asString = asString;
-const pack = (r, g, b, a) => ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0;
-exports.pack = pack;
-const getTokenColorValue = (token, i) => {
-    if (token.type === 17 /* TokenType.NUMBER_TOKEN */) {
-        return token.number;
-    }
-    if (token.type === 16 /* TokenType.PERCENTAGE_TOKEN */) {
-        const max = i === 3 ? 1 : 255;
-        return i === 3 ? (token.number / 100) * max : Math.round((token.number / 100) * max);
-    }
-    return 0;
-};
-exports.getTokenColorValue = getTokenColorValue;
-const isRelativeTransform = (tokens) => (tokens[0].type === 20 /* TokenType.IDENT_TOKEN */ ? tokens[0].value : 'unknown') === 'from';
-exports.isRelativeTransform = isRelativeTransform;
-const packSrgb = (args) => {
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(args[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(args[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(args[2] * 255), 0, 255), (0, color_math_1.clamp)(args[3], 0, 1));
-};
-exports.packSrgb = packSrgb;
-const packSrgbLinear = ([r, g, b, a]) => {
-    const rgb = (0, srgb_1.srgbLinear2rgb)([r, g, b]);
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), a);
-};
-exports.packSrgbLinear = packSrgbLinear;
-const packXYZ = (args) => {
-    const srgb_linear = (0, srgb_1.xyz2rgbLinear)([args[0], args[1], args[2]]);
-    return (0, exports.packSrgbLinear)([srgb_linear[0], srgb_linear[1], srgb_linear[2], args[3]]);
-};
-exports.packXYZ = packXYZ;
-const packLab = (_context, args) => {
-    if ((0, exports.isRelativeTransform)(args.filter(parser_1.nonFunctionArgSeparator))) {
-        throw new Error('Relative color not supported for lab()');
-    }
-    const [l, a, b, alpha] = (0, exports.extractLabComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(lab2xyz([l, a, b])));
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
-};
-exports.packLab = packLab;
-const packOkLab = (_context, args) => {
-    if ((0, exports.isRelativeTransform)(args.filter(parser_1.nonFunctionArgSeparator))) {
-        throw new Error('Relative color not supported for oklab()');
-    }
-    const [l, a, b, alpha] = (0, exports.extractLabComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(oklab2xyz([l, a, b])));
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
-};
-exports.packOkLab = packOkLab;
-const packOkLch = (_context, args) => {
-    if ((0, exports.isRelativeTransform)(args.filter(parser_1.nonFunctionArgSeparator))) {
-        throw new Error('Relative color not supported for oklch()');
-    }
-    const [l, c, h, alpha] = (0, exports.extractOkLchComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(oklab2xyz(lch2lab([l, c, h]))));
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), alpha);
-};
-exports.packOkLch = packOkLch;
-const packLch = (_context, args) => {
-    if ((0, exports.isRelativeTransform)(args.filter(parser_1.nonFunctionArgSeparator))) {
-        throw new Error('Relative color not supported for lch()');
-    }
-    const [l, c, h, a] = (0, exports.extractLchComponents)(args), rgb = (0, srgb_1.srgbLinear2rgb)((0, srgb_1.xyz2rgbLinear)(lab2xyz(lch2lab([l, c, h]))));
-    return (0, exports.pack)((0, color_math_1.clamp)(Math.round(rgb[0] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[1] * 255), 0, 255), (0, color_math_1.clamp)(Math.round(rgb[2] * 255), 0, 255), a);
-};
-exports.packLch = packLch;
-const extractHslComponents = (context, args) => {
-    const tokens = args.filter(parser_1.nonFunctionArgSeparator), [hue, saturation, lightness, alpha] = tokens, h = (hue.type === 17 /* TokenType.NUMBER_TOKEN */ ? (0, angle_1.deg)(hue.number) : angle_1.angle.parse(context, hue)) / (Math.PI * 2), s = (0, length_percentage_1.isLengthPercentage)(saturation) ? saturation.number / 100 : 0, l = (0, length_percentage_1.isLengthPercentage)(lightness) ? lightness.number / 100 : 0, a = typeof alpha !== 'undefined' && (0, length_percentage_1.isLengthPercentage)(alpha) ? (0, length_percentage_1.getAbsoluteValue)(alpha, 1) : 1;
-    return [h, s, l, a];
-};
-exports.extractHslComponents = extractHslComponents;
-const packHSL = (context, args) => {
-    if ((0, exports.isRelativeTransform)(args)) {
-        throw new Error('Relative color not supported for hsl()');
-    }
-    const [h, s, l, a] = (0, exports.extractHslComponents)(context, args), rgb = hsl2rgb([h, s, l]);
-    return (0, exports.pack)(rgb[0] * 255, rgb[1] * 255, rgb[2] * 255, s === 0 ? 1 : a);
-};
-exports.packHSL = packHSL;
-const extractLchComponents = (args) => {
-    const tokens = args.filter(parser_1.nonFunctionArgSeparator), l = (0, length_percentage_1.isLengthPercentage)(tokens[0]) ? tokens[0].number : 0, c = (0, length_percentage_1.isLengthPercentage)(tokens[1]) ? tokens[1].number : 0, h = (0, parser_1.isNumberToken)(tokens[2]) || (0, parser_1.isDimensionToken)(tokens[2]) ? tokens[2].number : 0, a = typeof tokens[4] !== 'undefined' && (0, length_percentage_1.isLengthPercentage)(tokens[4]) ? (0, length_percentage_1.getAbsoluteValue)(tokens[4], 1) : 1;
-    return [l, c, h, a];
-};
-exports.extractLchComponents = extractLchComponents;
-const extractLabComponents = (args) => {
-    const tokens = args.filter(parser_1.nonFunctionArgSeparator), l = tokens[0].type === 16 /* TokenType.PERCENTAGE_TOKEN */
-        ? tokens[0].number / 100
-        : (0, parser_1.isNumberToken)(tokens[0])
-            ? tokens[0].number
-            : 0, a = tokens[1].type === 16 /* TokenType.PERCENTAGE_TOKEN */
-        ? tokens[1].number / 100
-        : (0, parser_1.isNumberToken)(tokens[1])
-            ? tokens[1].number
-            : 0, b = (0, parser_1.isNumberToken)(tokens[2]) || (0, parser_1.isDimensionToken)(tokens[2]) ? tokens[2].number : 0, alpha = typeof tokens[4] !== 'undefined' && (0, length_percentage_1.isLengthPercentage)(tokens[4]) ? (0, length_percentage_1.getAbsoluteValue)(tokens[4], 1) : 1;
-    return [l, a, b, alpha];
-};
-exports.extractLabComponents = extractLabComponents;
-const extractOkLchComponents = (args) => {
-    const tokens = args.filter(parser_1.nonFunctionArgSeparator), l = tokens[0].type === 16 /* TokenType.PERCENTAGE_TOKEN */
-        ? tokens[0].number / 100
-        : (0, parser_1.isNumberToken)(tokens[0])
-            ? tokens[0].number
-            : 0, c = tokens[1].type === 16 /* TokenType.PERCENTAGE_TOKEN */
-        ? tokens[1].number / 100
-        : (0, parser_1.isNumberToken)(tokens[1])
-            ? tokens[1].number
-            : 0, h = (0, parser_1.isNumberToken)(tokens[2]) || (0, parser_1.isDimensionToken)(tokens[2]) ? tokens[2].number : 0, a = typeof tokens[4] !== 'undefined' && (0, length_percentage_1.isLengthPercentage)(tokens[4]) ? (0, length_percentage_1.getAbsoluteValue)(tokens[4], 1) : 1;
-    return [l, c, h, a];
-};
-exports.extractOkLchComponents = extractOkLchComponents;
-/**
- * Convert D65 to D50
- *
- * @param xyz
- */
-const d65toD50 = (xyz) => {
-    return (0, color_math_1.multiplyMatrices)([
-        1.0479297925449969, 0.022946870601609652, -0.05019226628920524, 0.02962780877005599, 0.9904344267538799,
-        -0.017073799063418826, -0.009243040646204504, 0.015055191490298152, 0.7518742814281371
-    ], xyz);
-};
-exports.d65toD50 = d65toD50;
-/**
- * Convert D50 to D65
- *
- * @param xyz
- */
-const d50toD65 = (xyz) => {
-    return (0, color_math_1.multiplyMatrices)([
-        0.955473421488075, -0.02309845494876471, 0.06325924320057072, -0.0283697093338637, 1.0099953980813041,
-        0.021041441191917323, 0.012314014864481998, -0.020507649298898964, 1.330365926242124
-    ], xyz);
-};
-exports.d50toD65 = d50toD65;
-const hue2rgb = (t1, t2, hue) => {
-    if (hue < 0) {
-        hue += 1;
-    }
-    if (hue >= 1) {
-        hue -= 1;
-    }
-    if (hue < 1 / 6) {
-        return (t2 - t1) * hue * 6 + t1;
-    }
-    else if (hue < 1 / 2) {
-        return t2;
-    }
-    else if (hue < 2 / 3) {
-        return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
-    }
-    else {
-        return t1;
-    }
-};
-exports.hue2rgb = hue2rgb;
-const hsl2rgb = ([h, s, l]) => {
-    if (s === 0) {
-        return [l * 255, l * 255, l * 255];
-    }
-    const t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s, t1 = l * 2 - t2, r = (0, exports.hue2rgb)(t1, t2, h + 1 / 3), g = (0, exports.hue2rgb)(t1, t2, h), b = (0, exports.hue2rgb)(t1, t2, h - 1 / 3);
-    return [r, g, b];
-};
-/**
- * Convert lch to OKLab
- *
- * @param l
- * @param c
- * @param h
- */
-const lch2lab = ([l, c, h]) => {
-    if (c < 0) {
-        c = 0;
-    }
-    if (isNaN(h)) {
-        h = 0;
-    }
-    return [l, c * Math.cos((h * Math.PI) / 180), c * Math.sin((h * Math.PI) / 180)];
-};
-/**
- * Convert OKLab to XYZ relative to D65
- *
- * @param lab
- */
-const oklab2xyz = (lab) => {
-    const LMSg = (0, color_math_1.multiplyMatrices)([
-        1, 0.3963377773761749, 0.2158037573099136, 1, -0.1055613458156586, -0.0638541728258133, 1,
-        -0.0894841775298119, -1.2914855480194092
-    ], lab), LMS = LMSg.map((val) => val ** 3);
-    return (0, color_math_1.multiplyMatrices)([
-        1.2268798758459243, -0.5578149944602171, 0.2813910456659647, -0.0405757452148008, 1.112286803280317,
-        -0.0717110580655164, -0.0763729366746601, -0.4214933324022432, 1.5869240198367816
-    ], LMS);
-};
-/**
- * Convert Lab to D50-adapted XYZ
- *
- * @param lab
- */
-const lab2xyz = (lab) => {
-    const fy = (lab[0] + 16) / 116, fx = lab[1] / 500 + fy, fz = fy - lab[2] / 200, k = 24389 / 27, e = 24 / 116, xyz = [
-        ((fx > e ? fx ** 3 : (116 * fx - 16) / k) * 0.3457) / 0.3585,
-        lab[0] > 8 ? fy ** 3 : lab[0] / k,
-        ((fz > e ? fz ** 3 : (116 * fz - 16) / k) * (1.0 - 0.3457 - 0.3585)) / 0.3585
-    ];
-    return (0, exports.d50toD65)([xyz[0], xyz[1], xyz[2]]);
-};
-/**
- * Convert RGB to XYZ
- *
- * @param _context
- * @param args
- */
-const rgbToXyz = (_context, args) => {
-    const tokens = args.filter(parser_1.nonFunctionArgSeparator);
-    if (tokens.length === 3) {
-        const [r, g, b] = tokens.map(exports.getTokenColorValue), rgb_linear = (0, srgb_1.rgb2rgbLinear)([r / 255, g / 255, b / 255]), [x, y, z] = (0, srgb_1.rgbLinear2xyz)([rgb_linear[0], rgb_linear[1], rgb_linear[2]]);
-        return [x, y, z, 1];
-    }
-    if (tokens.length === 4) {
-        const [r, g, b, a] = tokens.map(exports.getTokenColorValue), rgb_linear = (0, srgb_1.rgb2rgbLinear)([r / 255, g / 255, b / 255]), [x, y, z] = (0, srgb_1.rgbLinear2xyz)([rgb_linear[0], rgb_linear[1], rgb_linear[2]]);
-        return [x, y, z, a];
-    }
-    return [0, 0, 0, 1];
-};
-exports.rgbToXyz = rgbToXyz;
-/**
- * HSL to XYZ
- *
- * @param context
- * @param args
- */
-const hslToXyz = (context, args) => {
-    const [h, s, l, a] = (0, exports.extractHslComponents)(context, args), rgb_linear = (0, srgb_1.rgb2rgbLinear)(hsl2rgb([h, s, l])), [x, y, z] = (0, srgb_1.rgbLinear2xyz)([rgb_linear[0], rgb_linear[1], rgb_linear[2]]);
-    return [x, y, z, a];
-};
-exports.hslToXyz = hslToXyz;
-/**
- * LAB to XYZ
- *
- * @param _context
- * @param args
- */
-const labToXyz = (_context, args) => {
-    const [l, a, b, alpha] = (0, exports.extractLabComponents)(args), [x, y, z] = lab2xyz([l, a, b]);
-    return [x, y, z, alpha];
-};
-exports.labToXyz = labToXyz;
-/**
- * LCH to XYZ
- *
- * @param _context
- * @param args
- */
-const lchToXyz = (_context, args) => {
-    const [l, c, h, alpha] = (0, exports.extractLchComponents)(args), [x, y, z] = lab2xyz(lch2lab([l, c, h]));
-    return [x, y, z, alpha];
-};
-exports.lchToXyz = lchToXyz;
-/**
- * OKLch to XYZ
- *
- * @param _context
- * @param args
- */
-const oklchToXyz = (_context, args) => {
-    const [l, c, h, alpha] = (0, exports.extractOkLchComponents)(args), [x, y, z] = oklab2xyz(lch2lab([l, c, h]));
-    return [x, y, z, alpha];
-};
-exports.oklchToXyz = oklchToXyz;
-/**
- * OKLab to XYZ
- *
- * @param _context
- * @param args
- */
-const oklabToXyz = (_context, args) => {
-    const [l, c, h, alpha] = (0, exports.extractLabComponents)(args), [x, y, z] = oklab2xyz([l, c, h]);
-    return [x, y, z, alpha];
-};
-exports.oklabToXyz = oklabToXyz;
-/**
- * XYZ-50 to XYZ
- *
- * @param args
- */
-const xyz50ToXYZ = (args) => {
-    return (0, exports.d50toD65)([args[0], args[1], args[2]]);
-};
-exports.xyz50ToXYZ = xyz50ToXYZ;
-/**
- * Does nothing, required for SUPPORTED_COLOR_SPACES_FROM_XYZ in the _color() function
- *
- * @param args
- */
-const xyzFromXYZ = (args) => {
-    return args;
-};
-exports.xyzFromXYZ = xyzFromXYZ;
-/**
- * XYZ-65 to XYZ-50
- *
- * @param args
- */
-const xyz50FromXYZ = (args) => {
-    const [x, y, z] = (0, exports.d65toD50)([args[0], args[2], args[3]]);
-    return [x, y, z, args[3]];
-};
-exports.xyz50FromXYZ = xyz50FromXYZ;
-/**
- * Convert XYZ to SRGB and Pack
- *
- * @param args
- */
-const convertXyz = (args) => {
-    return (0, exports.packXYZ)([args[0], args[1], args[2], args[3]]);
-};
-exports.convertXyz = convertXyz;
-/**
- * Convert XYZ-50 to SRGB and Pack
- *
- * @param args
- */
-const convertXyz50 = (args) => {
-    const xyz = (0, exports.xyz50ToXYZ)([args[0], args[1], args[2]]);
-    return (0, exports.packXYZ)([xyz[0], xyz[1], xyz[2], args[3]]);
-};
-exports.convertXyz50 = convertXyz50;