@tokens-studio/graph-engine/dist/nodes/color/contrast.js

An execution engine to handle Token Studios generators and resolvers

import { BooleanSchema, ColorSchema, NumberSchema, StringSchema } from '../../schemas/index.js';
import { ContrastAlgorithm } from '../../types/index.js';
import { Node } from '../../programmatic/node.js';
import { toColor } from './lib/utils.js';
export default class NodeDefinition extends Node {
    static title = 'Contrast';
    static type = 'studio.tokens.color.contrast';
    static description = 'Calculates the contrast between two color values. The output is a number representing the contrast ratio between the two colors. The higher the number, the higher the contrast between the two colors. The output is based on the APCA-W3 contrast calculation.';
    constructor(props) {
        super(props);
        this.addInput('a', {
            type: {
                ...ColorSchema,
                default: '#000000'
            }
        });
        this.addInput('b', {
            type: {
                ...ColorSchema,
                default: '#ffffff'
            }
        });
        this.addInput('algorithm', {
            type: {
                ...StringSchema,
                enum: Object.values(ContrastAlgorithm),
                default: ContrastAlgorithm.APCA
            }
        });
        this.addInput('absolute', {
            type: {
                ...BooleanSchema,
                default: false
            }
        });
        this.addOutput('value', {
            type: NumberSchema
        });
    }
    execute() {
        const { a, b, algorithm, absolute } = this.getAllInputs();
        const color = toColor(a);
        const background = toColor(b);
        const calculated = background.contrast(color, algorithm);
        this.outputs.value.set(absolute ? Math.abs(calculated) : calculated);
    }
}
//# sourceMappingURL=contrast.js.map