@jesscss/fns 1.0.8-alpha.8 → 2.0.0-alpha.2

package/lib/color.js

@@ -1,407 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shade = exports.tint = exports.contrast = exports.greyscale = exports.mix = exports.spin = exports.fade = exports.fadeout = exports.fadein = exports.darken = exports.lighten = exports.desaturate = exports.saturate = exports.luminance = exports.luma = exports.alpha = exports.blue = exports.green = exports.red = exports.hsvvalue = exports.hsvsaturation = exports.hsvhue = exports.lightness = exports.saturation = exports.hue = exports.hsv = exports.hsva = exports.hsl = exports.hsla = exports.rgb = exports.rgba = void 0;
-const jess_1 = require("jess");
-/**
- * Color functions, imported from Less
- */
-function rgba(...values) {
-    const rgba = values.map(v => Number(v));
-    return new jess_1.Color({ value: 'rgba', rgba });
-}
-exports.rgba = rgba;
-function rgb(...values) {
-    const rgb = values.map(v => Number(v));
-    rgb.push(1);
-    const color = rgba(rgb[0], rgb[1], rgb[2], rgb[3]);
-    color.value = 'rgb';
-    return color;
-}
-exports.rgb = rgb;
-function getHue(h, m1, m2) {
-    h = h < 0 ? h + 1 : (h > 1 ? h - 1 : h);
-    if (h * 6 < 1) {
-        return m1 + (m2 - m1) * h * 6;
-    }
-    else if (h * 2 < 1) {
-        return m2;
-    }
-    else if (h * 3 < 2) {
-        return m1 + (m2 - m1) * (2 / 3 - h) * 6;
-    }
-    else {
-        return m1;
-    }
-}
-function clamp(val) {
-    return Math.min(1, Math.max(0, val));
-}
-function number(n) {
-    if (n instanceof jess_1.Dimension) {
-        return n.unit === '%' ? n.value / 100 : n.value;
-    }
-    else if (n.constructor === Number) {
-        return n;
-    }
-    else {
-        throw {
-            type: 'Argument',
-            message: 'color functions take numbers as parameters'
-        };
-    }
-}
-function toHSL(color) {
-    if (color instanceof jess_1.Color) {
-        return color.toHSL();
-    }
-    else {
-        throw new Error('Argument cannot be evaluated to a color');
-    }
-}
-// Adapted from http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript
-function toHSV(color) {
-    if (!(color instanceof jess_1.Color)) {
-        throw new Error('Argument cannot be evaluated to a color');
-    }
-    const r = color.rgb[0] / 255;
-    const g = color.rgb[1] / 255;
-    const b = color.rgb[2] / 255;
-    const a = color.alpha;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    let h;
-    let s;
-    const v = max;
-    const d = max - min;
-    if (max === 0) {
-        s = 0;
-    }
-    else {
-        s = d / max;
-    }
-    if (max === min) {
-        h = 0;
-    }
-    else {
-        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;
-    }
-    return { h: h * 360, s, v, a };
-}
-function hsla(h, s, l, a) {
-    let m1;
-    let m2;
-    const value = `hsla`;
-    h = (number(h) % 360) / 360;
-    s = clamp(number(s));
-    l = clamp(number(l));
-    a = clamp(number(a));
-    m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
-    m1 = l * 2 - m2;
-    const rgba = [
-        getHue(h + 1 / 3, m1, m2) * 255,
-        getHue(h, m1, m2) * 255,
-        getHue(h - 1 / 3, m1, m2) * 255,
-        a
-    ];
-    return new jess_1.Color({
-        value,
-        rgba
-    });
-}
-exports.hsla = hsla;
-function hsl(h, s, l) {
-    const value = `hsl`;
-    h = number(h);
-    s = number(s);
-    l = number(l);
-    const color = hsla(h, s, l, 1);
-    color.value = value;
-    return color;
-}
-exports.hsl = hsl;
-function hsva(h, s, v, a) {
-    h = ((number(h) % 360) / 360) * 360;
-    s = number(s);
-    v = number(v);
-    a = number(a);
-    let i = Math.floor((h / 60) % 6);
-    let f = (h / 60) - i;
-    const vs = [
-        v,
-        v * (1 - s),
-        v * (1 - f * s),
-        v * (1 - (1 - f) * s)
-    ];
-    const perm = [
-        [0, 3, 1],
-        [2, 0, 1],
-        [1, 0, 3],
-        [1, 2, 0],
-        [3, 1, 0],
-        [0, 1, 2]
-    ];
-    return rgba(vs[perm[i][0]] * 255, vs[perm[i][1]] * 255, vs[perm[i][2]] * 255, a);
-}
-exports.hsva = hsva;
-function hsv(h, s, v) {
-    return hsva(h, s, v, 1.0);
-}
-exports.hsv = hsv;
-function hue(color) {
-    return new jess_1.Dimension(toHSL(color).h);
-}
-exports.hue = hue;
-function saturation(color) {
-    return new jess_1.Dimension({
-        value: toHSL(color).s * 100,
-        unit: '%'
-    });
-}
-exports.saturation = saturation;
-function lightness(color) {
-    return new jess_1.Dimension({
-        value: toHSL(color).l * 100,
-        unit: '%'
-    });
-}
-exports.lightness = lightness;
-function hsvhue(color) {
-    return new jess_1.Dimension(toHSV(color).h);
-}
-exports.hsvhue = hsvhue;
-function hsvsaturation(color) {
-    return new jess_1.Dimension({
-        value: toHSV(color).s * 100,
-        unit: '%'
-    });
-}
-exports.hsvsaturation = hsvsaturation;
-function hsvvalue(color) {
-    return new jess_1.Dimension({
-        value: toHSV(color).v * 100,
-        unit: '%'
-    });
-}
-exports.hsvvalue = hsvvalue;
-function red(color) {
-    return new jess_1.Dimension(color.rgb[0]);
-}
-exports.red = red;
-function green(color) {
-    return new jess_1.Dimension(color.rgb[1]);
-}
-exports.green = green;
-function blue(color) {
-    return new jess_1.Dimension(color.rgb[2]);
-}
-exports.blue = blue;
-function alpha(color) {
-    return new jess_1.Dimension(toHSL(color).a);
-}
-exports.alpha = alpha;
-function getLuma(color) {
-    let r = color.rgb[0] / 255;
-    let g = color.rgb[1] / 255;
-    let b = color.rgb[2] / 255;
-    r = (r <= 0.03928) ? r / 12.92 : Math.pow(((r + 0.055) / 1.055), 2.4);
-    g = (g <= 0.03928) ? g / 12.92 : Math.pow(((g + 0.055) / 1.055), 2.4);
-    b = (b <= 0.03928) ? b / 12.92 : Math.pow(((b + 0.055) / 1.055), 2.4);
-    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-function luma(color) {
-    return new jess_1.Dimension({
-        value: getLuma(color) * color.alpha * 100,
-        unit: '%'
-    });
-}
-exports.luma = luma;
-function luminance(color) {
-    const luminance = (0.2126 * color.rgb[0] / 255) +
-        (0.7152 * color.rgb[1] / 255) +
-        (0.0722 * color.rgb[2] / 255);
-    return new jess_1.Dimension({
-        value: luminance * color.alpha * 100,
-        unit: '%'
-    });
-}
-exports.luminance = luminance;
-function getHsla(origColor, hsl) {
-    const color = hsla(hsl.h, hsl.s, hsl.l, hsl.a);
-    if (color) {
-        if (origColor.value &&
-            /^(rgb|hsl)/.test(origColor.value)) {
-            color.value = origColor.value;
-        }
-        else {
-            color.value = 'rgb';
-        }
-        return color;
-    }
-}
-/**
- * @note
- * There's a lot of boilerplate code in the following functions. Could
- * they be abstracted / have a generator function?
- */
-function saturate(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.s += hsl.s * amount.value / 100;
-    }
-    else {
-        hsl.s += amount.value / 100;
-    }
-    hsl.s = clamp(hsl.s);
-    return getHsla(color, hsl);
-}
-exports.saturate = saturate;
-function desaturate(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.s -= hsl.s * amount.value / 100;
-    }
-    else {
-        hsl.s -= amount.value / 100;
-    }
-    hsl.s = clamp(hsl.s);
-    return getHsla(color, hsl);
-}
-exports.desaturate = desaturate;
-function lighten(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.l += hsl.l * amount.value / 100;
-    }
-    else {
-        hsl.l += amount.value / 100;
-    }
-    hsl.l = clamp(hsl.l);
-    return getHsla(color, hsl);
-}
-exports.lighten = lighten;
-function darken(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.l -= hsl.l * amount.value / 100;
-    }
-    else {
-        hsl.l -= amount.value / 100;
-    }
-    hsl.l = clamp(hsl.l);
-    return getHsla(color, hsl);
-}
-exports.darken = darken;
-function fadein(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.a += hsl.a * amount.value / 100;
-    }
-    else {
-        hsl.a += amount.value / 100;
-    }
-    hsl.a = clamp(hsl.a);
-    return getHsla(color, hsl);
-}
-exports.fadein = fadein;
-function fadeout(color, amount, method) {
-    const hsl = toHSL(color);
-    if (method && method.value === 'relative') {
-        hsl.a -= hsl.a * amount.value / 100;
-    }
-    else {
-        hsl.a -= amount.value / 100;
-    }
-    hsl.a = clamp(hsl.a);
-    return getHsla(color, hsl);
-}
-exports.fadeout = fadeout;
-function fade(color, amount) {
-    const hsl = toHSL(color);
-    hsl.a = amount.value / 100;
-    hsl.a = clamp(hsl.a);
-    return getHsla(color, hsl);
-}
-exports.fade = fade;
-function spin(color, amount) {
-    const hsl = toHSL(color);
-    const hue = (hsl.h + amount.value) % 360;
-    hsl.h = hue < 0 ? 360 + hue : hue;
-    return getHsla(color, hsl);
-}
-exports.spin = spin;
-//
-// Copyright (c) 2006-2009 Hampton Catlin, Natalie Weizenbaum, and Chris Eppstein
-// http://sass-lang.com
-//
-function mix(color1, color2, weight) {
-    if (!weight) {
-        weight = new jess_1.Dimension(50);
-    }
-    const p = weight.value / 100.0;
-    const w = p * 2 - 1;
-    const a = toHSL(color1).a - toHSL(color2).a;
-    const w1 = (((w * a == -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
-    const w2 = 1 - w1;
-    const rgba = [
-        color1.rgb[0] * w1 + color2.rgb[0] * w2,
-        color1.rgb[1] * w1 + color2.rgb[1] * w2,
-        color1.rgb[2] * w1 + color2.rgb[2] * w2,
-        color1.alpha * p + color2.alpha * (1 - p)
-    ];
-    return new jess_1.Color({
-        value: '',
-        rgba
-    });
-}
-exports.mix = mix;
-function greyscale(color) {
-    return desaturate(color, new jess_1.Dimension(100));
-}
-exports.greyscale = greyscale;
-function contrast(color, dark, light, threshold) {
-    if (!light) {
-        light = rgba(255, 255, 255, 1.0);
-    }
-    if (!dark) {
-        dark = rgba(0, 0, 0, 1.0);
-    }
-    // Figure out which is actually light and dark:
-    if (getLuma(dark) > getLuma(light)) {
-        const t = light;
-        light = dark;
-        dark = t;
-    }
-    let thresholdNum;
-    if (!threshold) {
-        thresholdNum = 0.43;
-    }
-    else {
-        thresholdNum = number(threshold);
-    }
-    if (getLuma(color) < thresholdNum) {
-        return light;
-    }
-    else {
-        return dark;
-    }
-}
-exports.contrast = contrast;
-function tint(color, amount) {
-    return mix(rgb(255, 255, 255), color, amount);
-}
-exports.tint = tint;
-function shade(color, amount) {
-    return mix(rgb(0, 0, 0), color, amount);
-}
-exports.shade = shade;

package/lib/each.d.ts

@@ -1,14 +0,0 @@
-import { List, Expression, Ruleset } from 'jess';
-/**
- * @example
- * @import { each } from '@jesscss/fns';
- * @let list: 1, 2, 3;
- * @mixin iterate (value, key) {
- *   .icon-$(value) {
- *     width: $value;
- *     height: $key;
- *   }
- * }
- * @include $each(list, iterate);
- */
-export declare function each(list: List | Expression | unknown, mixin: Function): Ruleset;

package/lib/each.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.each = void 0;
-const jess_1 = require("jess");
-const forEach_1 = __importDefault(require("lodash/forEach"));
-/**
- * @example
- * @import { each } from '@jesscss/fns';
- * @let list: 1, 2, 3;
- * @mixin iterate (value, key) {
- *   .icon-$(value) {
- *     width: $value;
- *     height: $key;
- *   }
- * }
- * @include $each(list, iterate);
- */
-function each(list, mixin) {
-    let collection;
-    let rules = new jess_1.Ruleset([]);
-    if (list instanceof jess_1.List || list instanceof jess_1.Expression) {
-        collection = list.toArray();
-    }
-    else {
-        collection = list;
-    }
-    forEach_1.default(collection, (value, key) => {
-        rules.value.push(mixin(value, key));
-    });
-    return rules;
-}
-exports.each = each;

package/lib/iif.d.ts

@@ -1,4 +0,0 @@
-/**
- * if condition, return ifValue, else return elseValue
- */
-export declare function iif(condition: boolean, ifValue: any, elseValue: any): any;

package/lib/iif.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iif = void 0;
-/**
- * if condition, return ifValue, else return elseValue
- */
-function iif(condition, ifValue, elseValue) {
-    return condition ? ifValue : elseValue;
-}
-exports.iif = iif;

package/lib/math.d.ts

@@ -1,13 +0,0 @@
-import { Dimension, Color, Expression } from 'jess';
-/**
- * This mimics Less's operations, preserving units and types
- * as output.
- *
- * The only export here is the `op` function
- */
-declare type NumericNode = Dimension | Color;
-/**
- * An operation like `2px * (3 + 1)`
- */
-export declare function op(expr: NumericNode | Expression | any[]): NumericNode;
-export {};

package/lib/math.js

@@ -1,199 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.op = void 0;
-const jess_1 = require("jess");
-/** Turn a value into a Numeric Node */
-function normalize(val) {
-    return val.constructor === Number ? new jess_1.Dimension(val) : val;
-}
-function doMath(op, left, right) {
-    switch (op) {
-        case '*':
-            return left * right;
-        case '/':
-            return left / right;
-        case '+':
-            return left + right;
-        case '-':
-            return left - right;
-    }
-}
-function toColor(node) {
-    if (node instanceof jess_1.Color) {
-        return node;
-    }
-    const value = node.value;
-    return new jess_1.Color({
-        value: '',
-        rgba: [value, value, value, 1]
-    });
-}
-function colorOp(op, a, b) {
-    let left = toColor(a).rgba;
-    let right = toColor(b).rgba;
-    const rgba = new Array(4);
-    for (let i = 0; i < 3; i++) {
-        rgba[i] = doMath(op, left[i], right[i]);
-    }
-    rgba[3] = left[3] * (1 - right[3]) + right[3];
-    return new jess_1.Color({
-        value: '',
-        rgba
-    });
-}
-/**
- * Math multiply
- */
-function multiply(left, right) {
-    if (left.unit && right.unit) {
-        throw { message: 'Can\'t multiply a unit by a unit.' };
-    }
-    for (let i = 0; i < 2; i++) {
-        const a = i === 0 ? left : right;
-        const b = i === 0 ? right : left;
-        if (a instanceof jess_1.Color) {
-            if (b instanceof jess_1.Color) {
-                throw { message: 'Can\'t multiply colors. Use a color blending function.' };
-            }
-            if (b.unit) {
-                throw { message: 'Can\'t multiply a unit and a color.' };
-            }
-            return colorOp('*', a, b);
-        }
-    }
-    const aDim = left;
-    const bDim = right;
-    return new jess_1.Dimension({
-        value: aDim.value * bDim.value,
-        unit: aDim.unit || bDim.unit
-    });
-}
-/**
- * Math divide
- */
-function divide(left, right) {
-    if (left instanceof jess_1.Color) {
-        if (right instanceof jess_1.Color) {
-            throw { message: 'Can\'t divide colors. Use a color blending function.' };
-        }
-        if (right.unit) {
-            throw { message: 'Can\'t divide a color by a unit.' };
-        }
-        return colorOp('/', left, right);
-    }
-    if (right instanceof jess_1.Color) {
-        throw { message: 'Can\'t divide a dimension by a color.' };
-    }
-    if (right.unit && left.unit !== right.unit) {
-        throw { message: 'Can\'t divide mixed units.' };
-    }
-    const value = left.value / right.value;
-    if (left.unit && left.unit === right.unit) {
-        /** Cancel units */
-        return new jess_1.Dimension({ value });
-    }
-    return new jess_1.Dimension({
-        value,
-        unit: left.unit
-    });
-}
-/**
- * Math add & subtract
- */
-function add(op, left, right) {
-    if (left instanceof jess_1.Color || right instanceof jess_1.Color) {
-        return colorOp(op, left, right);
-    }
-    return new jess_1.Dimension({
-        value: doMath(op, left.value, right.value),
-        unit: left.unit || right.unit
-    });
-}
-function operate(operator, a, b) {
-    const getValue = (node) => {
-        const value = node.value;
-        if (!(value instanceof jess_1.Expression) &&
-            !(value instanceof jess_1.Dimension) &&
-            !(value instanceof jess_1.Color)) {
-            throw { message: 'Not a valid math expression.' };
-        }
-        return op(value);
-    };
-    if (a instanceof jess_1.Paren) {
-        a = getValue(a);
-    }
-    if (b instanceof jess_1.Paren) {
-        b = getValue(b);
-    }
-    switch (operator) {
-        case '*':
-            return multiply(a, b);
-        case '/':
-            return divide(a, b);
-        case '+':
-        case '-':
-            return add(operator, a, b);
-    }
-}
-/**
- * An operation like `2px * (3 + 1)`
- */
-function op(expr) {
-    let values;
-    if (expr instanceof jess_1.Expression) {
-        values = expr.toArray();
-    }
-    else if (expr instanceof jess_1.Node) {
-        return expr;
-    }
-    else {
-        values = expr;
-    }
-    /**
-     * Convert values to Nodes w/ string operators
-     */
-    values = values.map((v, i) => {
-        if (i % 2 === 0) {
-            return normalize(v);
-        }
-        let op;
-        if (v instanceof jess_1.Anonymous) {
-            op = v.value;
-        }
-        else if (v.constructor === String) {
-            op = v;
-        }
-        if (!op || !/[+\-*\/]/.test(op)) {
-            throw { message: 'Not a valid math expression.' };
-        }
-        return op;
-    });
-    if (values.length === 1) {
-        return values[0];
-    }
-    let a = values[0];
-    let additionValues = [];
-    /** Order of operations */
-    for (let i = 1; i < values.length; i += 2) {
-        let op = values[i];
-        let b = values[i + 1];
-        if (op === '*' || op === '/') {
-            a = operate(op, a, b);
-        }
-        else {
-            additionValues.push(a, op);
-            a = b;
-        }
-    }
-    if (additionValues.length) {
-        additionValues.push(a);
-        a = values[0];
-        for (let i = 1; i < values.length; i += 2) {
-            let op = values[i];
-            let b = values[i + 1];
-            a = operate(op, a, b);
-        }
-    }
-    return a;
-}
-exports.op = op;