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

An execution engine to handle Token Studios generators and resolvers

import { Black, White, toColor, toColorObject } from './lib/utils.js';
import { ColorSchema, NumberSchema, StringSchema } from '../../schemas/index.js';
import { ColorSpaces } from './lib/spaces.js';
import { Node } from '../../programmatic/node.js';
import Color from 'colorjs.io';
export default class NodeDefinition extends Node {
    static title = 'Mix Colors';
    static type = 'studio.tokens.color.mix';
    static description = 'Mixes two colors together';
    constructor(props) {
        super(props);
        this.addInput('colorA', {
            type: {
                ...ColorSchema,
                default: White
            }
        });
        this.addInput('colorB', {
            type: {
                ...ColorSchema,
                default: Black
            }
        });
        this.addInput('value', {
            type: {
                ...NumberSchema,
                default: 0.5,
                description: 'Value to apply to the modifier'
            }
        });
        this.addInput('space', {
            type: {
                ...StringSchema,
                default: 'srgb',
                enum: ColorSpaces,
                description: 'The color space we are operating in'
            }
        });
        this.addOutput('value', {
            type: ColorSchema
        });
    }
    execute() {
        const { colorA, space, value, colorB } = this.getAllInputs();
        const colA = toColor(colorA);
        const colB = toColor(colorB);
        colA.to(space);
        colB.to(space);
        const mixValue = Math.max(0, Math.min(1, Number(value)));
        const converted = Color.mix(colA, colB, mixValue);
        const final = toColorObject(converted);
        this.outputs.value.set(final);
    }
}
//# sourceMappingURL=mix.js.map