@tbela99/css-parser 1.1.1 → 1.2.0

package/dist/lib/renderer/color/hex.js

@@ -1,105 +0,0 @@
-import { EnumToken } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import { minmax, getNumber } from './color.js';
-import { hsl2rgb, hwb2rgb, cmyk2rgb, oklab2rgb, oklch2rgb, lab2rgb, lch2rgb } from './rgb.js';
-import { NAMES_COLORS } from './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import '../sourcemap/lib/encode.js';
-
-function toHexString(acc, value) {
-    return acc + value.toString(16).padStart(2, '0');
-}
-function reduceHexValue(value) {
-    const named_color = NAMES_COLORS[expandHexValue(value)];
-    if (value.length == 7) {
-        if (value[1] == value[2] &&
-            value[3] == value[4] &&
-            value[5] == value[6]) {
-            value = `#${value[1]}${value[3]}${value[5]}`;
-        }
-    }
-    else if (value.length == 9) {
-        if (value[1] == value[2] &&
-            value[3] == value[4] &&
-            value[5] == value[6] &&
-            value[7] == value[8]) {
-            value = `#${value[1]}${value[3]}${value[5]}${value[7]}`;
-        }
-    }
-    return named_color != null && named_color.length <= value.length ? named_color : value;
-}
-function expandHexValue(value) {
-    if (value.length == 4) {
-        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
-    }
-    if (value.length == 5) {
-        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}${value[4]}${value[4]}`;
-    }
-    return value;
-}
-function rgb2hex(token) {
-    let value = '#';
-    let t;
-    // @ts-ignore
-    const components = getComponents(token);
-    // @ts-ignore
-    for (let i = 0; i < 3; i++) {
-        // @ts-ignore
-        t = components[i];
-        // @ts-ignore
-        value += (t.typ == EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0');
-    }
-    // @ts-ignore
-    if (components.length == 4) {
-        // @ts-ignore
-        t = components[3];
-        // @ts-ignore
-        const v = (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-        // @ts-ignore
-        if (v < 1) {
-            // @ts-ignore
-            value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0');
-        }
-    }
-    return value;
-}
-function hsl2hex(token) {
-    const t = hsl2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function hwb2hex(token) {
-    const t = hwb2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function cmyk2hex(token) {
-    const t = cmyk2rgb(token);
-    return t == null ? null : `#${t.reduce(toHexString, '')}`;
-}
-function oklab2hex(token) {
-    const t = oklab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function oklch2hex(token) {
-    const value = oklch2rgb(token);
-    if (value == null) {
-        return null;
-    }
-    return `${value.reduce(toHexString, '#')}`;
-}
-function lab2hex(token) {
-    const t = lab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function lch2hex(token) {
-    const t = lch2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function srgb2hexvalues(r, g, b, alpha) {
-    return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc, value) => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');
-}
-
-export { cmyk2hex, expandHexValue, hsl2hex, hwb2hex, lab2hex, lch2hex, oklab2hex, oklch2hex, reduceHexValue, rgb2hex, srgb2hexvalues };

package/dist/lib/renderer/color/hsl.js

@@ -1,125 +0,0 @@
-import { hwb2hsv } from './hsv.js';
-import { getNumber } from './color.js';
-import { lch2rgb, lab2rgb, oklch2rgb, oklab2rgb, hex2rgb } from './rgb.js';
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { EnumToken } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import { hslvalues } from './srgb.js';
-import '../sourcemap/lib/encode.js';
-
-function hex2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
-}
-function rgb2hsl(token) {
-    const chi = getComponents(token);
-    if (chi == null) {
-        return null;
-    }
-    // @ts-ignore
-    let t = chi[0];
-    // @ts-ignore
-    let r = getNumber(t);
-    // @ts-ignore
-    t = chi[1];
-    // @ts-ignore
-    let g = getNumber(t);
-    // @ts-ignore
-    t = chi[2];
-    // @ts-ignore
-    let b = getNumber(t);
-    // @ts-ignore
-    t = chi[3];
-    // @ts-ignore
-    let a = null;
-    if (t != null && !(t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
-        // @ts-ignore
-        a = getNumber(t) / 255;
-    }
-    const values = [r, g, b];
-    if (a != null && a != 1) {
-        values.push(a);
-    }
-    // @ts-ignore
-    return rgb2hslvalues(...values);
-}
-// https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
-function hsv2hsl(h, s, v, a) {
-    const result = [
-        //[hue, saturation, lightness]
-        //Range should be between 0 - 1
-        h, //Hue stays the same
-        //Saturation is very different between the two color spaces
-        //If (2-sat)*val < 1 set it to sat*val/((2-sat)*val)
-        //Otherwise sat*val/(2-(2-sat)*val)
-        //Conditional is not operating with hue, it is reassigned!
-        s * v / ((h = (2 - s) * v) < 1 ? h : 2 - h),
-        h / 2, //Lightness is (2-sat)*val/2
-    ];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hwb2hsl(token) {
-    // @ts-ignore
-    return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
-}
-function lab2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
-}
-function lch2hsl(token) {
-    // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
-}
-function oklab2hsl(token) {
-    const t = oklab2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-function oklch2hsl(token) {
-    const t = oklch2rgb(token);
-    // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
-}
-function rgb2hslvalues(r, g, b, a = null) {
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
-}
-function srgb2hsl(r, g, b, a = null) {
-    let max = Math.max(r, g, b);
-    let min = Math.min(r, g, b);
-    let h = 0;
-    let s = 0;
-    let l = (max + min) / 2;
-    if (max != min) {
-        let d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch (max) {
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-        h /= 6;
-    }
-    const hsl = [h, s, l];
-    if (a != null && a < 1) {
-        // @ts-ignore
-        return hsl.concat([a]);
-    }
-    // @ts-ignore
-    return hsl;
-}
-
-export { hex2hsl, hsv2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, rgb2hslvalues, srgb2hsl };

package/dist/lib/renderer/color/hwb.js

@@ -1,103 +0,0 @@
-import { hsl2hsv } from './hsv.js';
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { getAngle, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import { lch2srgb, lab2srgb, oklch2srgb, oklab2srgb } from './srgb.js';
-import '../sourcemap/lib/encode.js';
-
-function rgb2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...getComponents(token).map((t, index) => {
-        if (index == 3 && t.typ == EnumToken.IdenTokenType && t.val == 'none') {
-            return 1;
-        }
-        return getNumber(t) / 255;
-    }));
-}
-function hsl2hwb(token) {
-    // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t, index) => {
-        if (index == 3 && (t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
-            return 1;
-        }
-        if (index == 0) {
-            return getAngle(t);
-        }
-        return getNumber(t);
-    }));
-}
-function lab2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
-}
-function lch2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
-}
-function oklab2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
-}
-function oklch2hwb(token) {
-    // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
-}
-function rgb2hue(r, g, b, fallback = 0) {
-    let value = rgb2value(r, g, b);
-    let whiteness = rgb2whiteness(r, g, b);
-    let delta = value - whiteness;
-    if (delta > 0) {
-        // calculate segment
-        let segment = value === r ? (g - b) / delta : (value === g
-            ? (b - r) / delta
-            : (r - g) / delta);
-        // calculate shift
-        let shift = value === r ? segment < 0
-            ? 360 / 60
-            : 0 / 60 : (value === g
-            ? 120 / 60
-            : 240 / 60);
-        // calculate hue
-        return (segment + shift) * 60;
-    }
-    return fallback;
-}
-function rgb2value(r, g, b) {
-    return Math.max(r, g, b);
-}
-function rgb2whiteness(r, g, b) {
-    return Math.min(r, g, b);
-}
-function srgb2hwb(r, g, b, a = null, fallback = 0) {
-    r *= 100;
-    g *= 100;
-    b *= 100;
-    let hue = rgb2hue(r, g, b, fallback);
-    let whiteness = rgb2whiteness(r, g, b);
-    let value = Math.round(rgb2value(r, g, b));
-    let blackness = 100 - value;
-    const result = [hue / 360, whiteness / 100, blackness / 100];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hsv2hwb(h, s, v, a = null) {
-    const result = [h, (1 - s) * v, 1 - v];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function hsl2hwbvalues(h, s, l, a = null) {
-    // @ts-ignore
-    return hsv2hwb(...hsl2hsv(h, s, l, a));
-}
-
-export { hsl2hwb, hsl2hwbvalues, hsv2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb, srgb2hwb };

package/dist/lib/renderer/color/lab.js

@@ -1,148 +0,0 @@
-import { e, k, D50 } from './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { srgb2xyz } from './xyz.js';
-import { oklch2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } from './srgb.js';
-import { getLCHComponents } from './lch.js';
-import { OKLab_to_XYZ, getOKLABComponents } from './oklab.js';
-import { getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import { xyzd502srgb } from './xyzd50.js';
-import '../sourcemap/lib/encode.js';
-
-// L: 0% = 0.0, 100% = 100.0
-// for a and b: -100% = -125, 100% = 125
-function hex2lab(token) {
-    //  @ts-ignore
-    return srgb2lab(...hex2srgb(token));
-}
-function rgb2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
-}
-function hsl2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
-}
-function hwb2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
-}
-function lch2lab(token) {
-    // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
-}
-function oklab2lab(token) {
-    // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
-}
-function oklch2lab(token) {
-    // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
-}
-function srgb2lab(r, g, b, a) {
-    // @ts-ignore */
-    const result = xyz2lab(...srgb2xyz(r, g, b));
-    // Fixes achromatic RGB colors having a _slight_ chroma due to floating-point errors
-    // and approximated computations in sRGB <-> CIELab.
-    // See: https://github.com/d3/d3-color/pull/46
-    if (r === b && b === g) {
-        result[1] = result[2] = 0;
-    }
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function xyz2lab(x, y, z, a = null) {
-    // Assuming XYZ is relative to D50, convert to CIE Lab
-    // from CIE standard, which now defines these as a rational fraction
-    // var e = 216/24389;  // 6^3/29^3
-    // var k = 24389/27;   // 29^3/3^3
-    // compute xyz, which is XYZ scaled relative to reference white
-    const xyz = [x, y, z].map((value, i) => value / D50[i]);
-    // now compute f
-    const f = xyz.map((value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116);
-    const result = [
-        (116 * f[1]) - 16, // L
-        500 * (f[0] - f[1]), // a
-        200 * (f[1] - f[2]) // b
-    ];
-    // L in range [0,100]. For use in CSS, add a percent
-    if (a != null && a != 1) {
-        result.push(a);
-    }
-    return result;
-}
-function lch2labvalues(l, c, h, a = null) {
-    // l, c * Math.cos(360 * h * Math.PI / 180), c * Math.sin(360 * h * Math.PI / 180
-    const result = [l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180)];
-    if (a != null) {
-        result.push(a);
-    }
-    return result;
-}
-function getLABComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        return null;
-    }
-    for (let i = 0; i < components.length; i++) {
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return [];
-        }
-    }
-    // @ts-ignore
-    let t = components[0];
-    // @ts-ignore
-    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const a = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @ts-ignore
-    const b = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 125 : 1);
-    // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null ? 1 : getNumber(t);
-    const result = [l, a, b];
-    if (alpha != null && alpha != 1) {
-        result.push(alpha);
-    }
-    return result;
-}
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-// D50 LAB
-function Lab_to_sRGB(l, a, b) {
-    // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
-}
-// from https://www.w3.org/TR/css-color-4/#color-conversion-code
-function Lab_to_XYZ(l, a, b) {
-    // Convert Lab to D50-adapted XYZ
-    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    const k = 24389 / 27; // 29^3/3^3
-    const e = 216 / 24389; // 6^3/29^3
-    const f = [];
-    // compute f, starting with the luminance-related term
-    f[1] = (l + 16) / 116;
-    f[0] = a / 500 + f[1];
-    f[2] = f[1] - b / 200;
-    // compute xyz
-    const xyz = [
-        Math.pow(f[0], 3) > e ? Math.pow(f[0], 3) : (116 * f[0] - 16) / k,
-        l > k * e ? Math.pow((l + 16) / 116, 3) : l / k,
-        Math.pow(f[2], 3) > e ? Math.pow(f[2], 3) : (116 * f[2] - 16) / k
-    ];
-    // Compute XYZ by scaling xyz by reference white
-    return xyz.map((value, i) => value * D50[i]);
-}
-
-export { Lab_to_XYZ, Lab_to_sRGB, getLABComponents, hex2lab, hsl2lab, hwb2lab, lch2lab, lch2labvalues, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab };

package/dist/lib/renderer/color/lch.js

@@ -1,90 +0,0 @@
-import './utils/constants.js';
-import { getComponents } from './utils/components.js';
-import { getNumber, getAngle } from './color.js';
-import { EnumToken } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import { srgb2lab, xyz2lab, oklch2lab, oklab2lab, getLABComponents, hwb2lab, hsl2lab, rgb2lab, hex2lab } from './lab.js';
-import '../sourcemap/lib/encode.js';
-
-function hex2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
-}
-function rgb2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
-}
-function hsl2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
-}
-function hwb2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
-}
-function lab2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
-}
-function srgb2lch(r, g, blue, alpha) {
-    // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
-}
-function oklab2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
-}
-function oklch2lch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
-}
-function lab2lchvalues(l, a, b, alpha = null) {
-    let c = Math.sqrt(a * a + b * b);
-    let h = Math.atan2(b, a) * 180 / Math.PI;
-    if (h < 0) {
-        h += 360;
-    }
-    if (c < .0001) {
-        c = h = 0;
-    }
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
-function xyz2lchvalues(x, y, z, alpha) {
-    // @ts-ignore(
-    const lch = lab2lchvalues(...xyz2lab(x, y, z));
-    return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
-}
-function getLCHComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        return null;
-    }
-    for (let i = 0; i < components.length; i++) {
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return null;
-        }
-    }
-    // @ts-ignore
-    let t = components[0];
-    // @ts-ignore
-    const l = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 100 : 1);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const c = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? 150 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @ts-ignore
-    const h = getAngle(t) * 360;
-    // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null ? 1 : getNumber(t);
-    return alpha == null ? [l, c, h] : [l, c, h, alpha];
-}
-
-export { getLCHComponents, hex2lch, hsl2lch, hwb2lch, lab2lch, lab2lchvalues, oklab2lch, oklch2lch, rgb2lch, srgb2lch, xyz2lchvalues };