mirror of
https://github.com/less/less.js.git
synced 2026-01-22 21:58:14 -05:00
737 lines
24 KiB
JavaScript
737 lines
24 KiB
JavaScript
module.exports = function (less, tree) {
|
|
|
|
var functions = {
|
|
rgb: function (r, g, b) {
|
|
return this.rgba(r, g, b, 1.0);
|
|
},
|
|
rgba: function (r, g, b, a) {
|
|
var rgb = [r, g, b].map(function (c) { return scaled(c, 255); });
|
|
a = number(a);
|
|
return new(tree.Color)(rgb, a);
|
|
},
|
|
hsl: function (h, s, l) {
|
|
return this.hsla(h, s, l, 1.0);
|
|
},
|
|
hsla: function (h, s, l, a) {
|
|
function hue(h) {
|
|
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; }
|
|
}
|
|
|
|
h = (number(h) % 360) / 360;
|
|
s = clamp(number(s)); l = clamp(number(l)); a = clamp(number(a));
|
|
|
|
var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
|
|
var m1 = l * 2 - m2;
|
|
|
|
return this.rgba(hue(h + 1/3) * 255,
|
|
hue(h) * 255,
|
|
hue(h - 1/3) * 255,
|
|
a);
|
|
},
|
|
|
|
hsv: function(h, s, v) {
|
|
return this.hsva(h, s, v, 1.0);
|
|
},
|
|
|
|
hsva: function(h, s, v, a) {
|
|
h = ((number(h) % 360) / 360) * 360;
|
|
s = number(s); v = number(v); a = number(a);
|
|
|
|
var i, f;
|
|
i = Math.floor((h / 60) % 6);
|
|
f = (h / 60) - i;
|
|
|
|
var vs = [v,
|
|
v * (1 - s),
|
|
v * (1 - f * s),
|
|
v * (1 - (1 - f) * s)];
|
|
var perm = [[0, 3, 1],
|
|
[2, 0, 1],
|
|
[1, 0, 3],
|
|
[1, 2, 0],
|
|
[3, 1, 0],
|
|
[0, 1, 2]];
|
|
|
|
return this.rgba(vs[perm[i][0]] * 255,
|
|
vs[perm[i][1]] * 255,
|
|
vs[perm[i][2]] * 255,
|
|
a);
|
|
},
|
|
|
|
hue: function (color) {
|
|
return new(tree.Dimension)(color.toHSL().h);
|
|
},
|
|
saturation: function (color) {
|
|
return new(tree.Dimension)(color.toHSL().s * 100, '%');
|
|
},
|
|
lightness: function (color) {
|
|
return new(tree.Dimension)(color.toHSL().l * 100, '%');
|
|
},
|
|
hsvhue: function(color) {
|
|
return new(tree.Dimension)(color.toHSV().h);
|
|
},
|
|
hsvsaturation: function (color) {
|
|
return new(tree.Dimension)(color.toHSV().s * 100, '%');
|
|
},
|
|
hsvvalue: function (color) {
|
|
return new(tree.Dimension)(color.toHSV().v * 100, '%');
|
|
},
|
|
red: function (color) {
|
|
return new(tree.Dimension)(color.rgb[0]);
|
|
},
|
|
green: function (color) {
|
|
return new(tree.Dimension)(color.rgb[1]);
|
|
},
|
|
blue: function (color) {
|
|
return new(tree.Dimension)(color.rgb[2]);
|
|
},
|
|
alpha: function (color) {
|
|
return new(tree.Dimension)(color.toHSL().a);
|
|
},
|
|
luma: function (color) {
|
|
return new(tree.Dimension)(color.luma() * color.alpha * 100, '%');
|
|
},
|
|
luminance: function (color) {
|
|
var luminance =
|
|
(0.2126 * color.rgb[0] / 255)
|
|
+ (0.7152 * color.rgb[1] / 255)
|
|
+ (0.0722 * color.rgb[2] / 255);
|
|
|
|
return new(tree.Dimension)(luminance * color.alpha * 100, '%');
|
|
},
|
|
saturate: function (color, amount) {
|
|
// filter: saturate(3.2);
|
|
// should be kept as is, so check for color
|
|
if (!color.rgb) {
|
|
return null;
|
|
}
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.s += amount.value / 100;
|
|
hsl.s = clamp(hsl.s);
|
|
return hsla(hsl);
|
|
},
|
|
desaturate: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.s -= amount.value / 100;
|
|
hsl.s = clamp(hsl.s);
|
|
return hsla(hsl);
|
|
},
|
|
lighten: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.l += amount.value / 100;
|
|
hsl.l = clamp(hsl.l);
|
|
return hsla(hsl);
|
|
},
|
|
darken: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.l -= amount.value / 100;
|
|
hsl.l = clamp(hsl.l);
|
|
return hsla(hsl);
|
|
},
|
|
fadein: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.a += amount.value / 100;
|
|
hsl.a = clamp(hsl.a);
|
|
return hsla(hsl);
|
|
},
|
|
fadeout: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.a -= amount.value / 100;
|
|
hsl.a = clamp(hsl.a);
|
|
return hsla(hsl);
|
|
},
|
|
fade: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
|
|
hsl.a = amount.value / 100;
|
|
hsl.a = clamp(hsl.a);
|
|
return hsla(hsl);
|
|
},
|
|
spin: function (color, amount) {
|
|
var hsl = color.toHSL();
|
|
var hue = (hsl.h + amount.value) % 360;
|
|
|
|
hsl.h = hue < 0 ? 360 + hue : hue;
|
|
|
|
return hsla(hsl);
|
|
},
|
|
//
|
|
// Copyright (c) 2006-2009 Hampton Catlin, Nathan Weizenbaum, and Chris Eppstein
|
|
// http://sass-lang.com
|
|
//
|
|
mix: function (color1, color2, weight) {
|
|
if (!weight) {
|
|
weight = new(tree.Dimension)(50);
|
|
}
|
|
var p = weight.value / 100.0;
|
|
var w = p * 2 - 1;
|
|
var a = color1.toHSL().a - color2.toHSL().a;
|
|
|
|
var w1 = (((w * a == -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0;
|
|
var w2 = 1 - w1;
|
|
|
|
var rgb = [color1.rgb[0] * w1 + color2.rgb[0] * w2,
|
|
color1.rgb[1] * w1 + color2.rgb[1] * w2,
|
|
color1.rgb[2] * w1 + color2.rgb[2] * w2];
|
|
|
|
var alpha = color1.alpha * p + color2.alpha * (1 - p);
|
|
|
|
return new(tree.Color)(rgb, alpha);
|
|
},
|
|
greyscale: function (color) {
|
|
return this.desaturate(color, new(tree.Dimension)(100));
|
|
},
|
|
contrast: function (color, dark, light, threshold) {
|
|
// filter: contrast(3.2);
|
|
// should be kept as is, so check for color
|
|
if (!color.rgb) {
|
|
return null;
|
|
}
|
|
if (typeof light === 'undefined') {
|
|
light = this.rgba(255, 255, 255, 1.0);
|
|
}
|
|
if (typeof dark === 'undefined') {
|
|
dark = this.rgba(0, 0, 0, 1.0);
|
|
}
|
|
//Figure out which is actually light and dark!
|
|
if (dark.luma() > light.luma()) {
|
|
var t = light;
|
|
light = dark;
|
|
dark = t;
|
|
}
|
|
if (typeof threshold === 'undefined') {
|
|
threshold = 0.43;
|
|
} else {
|
|
threshold = number(threshold);
|
|
}
|
|
if (color.luma() < threshold) {
|
|
return light;
|
|
} else {
|
|
return dark;
|
|
}
|
|
},
|
|
e: function (str) {
|
|
return new(tree.Anonymous)(str instanceof tree.JavaScript ? str.evaluated : str.value);
|
|
},
|
|
escape: function (str) {
|
|
return new(tree.Anonymous)(encodeURI(str.value).replace(/=/g, "%3D").replace(/:/g, "%3A").replace(/#/g, "%23").replace(/;/g, "%3B").replace(/\(/g, "%28").replace(/\)/g, "%29"));
|
|
},
|
|
replace: function (string, pattern, replacement, flags) {
|
|
var result = string.value;
|
|
|
|
result = result.replace(new RegExp(pattern.value, flags ? flags.value : ''), replacement.value);
|
|
return new(tree.Quoted)(string.quote || '', result, string.escaped);
|
|
},
|
|
'%': function (string /* arg, arg, ...*/) {
|
|
var args = Array.prototype.slice.call(arguments, 1),
|
|
result = string.value;
|
|
|
|
for (var i = 0; i < args.length; i++) {
|
|
/*jshint loopfunc:true */
|
|
result = result.replace(/%[sda]/i, function(token) {
|
|
var value = token.match(/s/i) ? args[i].value : args[i].toCSS();
|
|
return token.match(/[A-Z]$/) ? encodeURIComponent(value) : value;
|
|
});
|
|
}
|
|
result = result.replace(/%%/g, '%');
|
|
return new(tree.Quoted)(string.quote || '', result, string.escaped);
|
|
},
|
|
unit: function (val, unit) {
|
|
if(!(val instanceof tree.Dimension)) {
|
|
throw { type: "Argument", message: "the first argument to unit must be a number" + (val instanceof tree.Operation ? ". Have you forgotten parenthesis?" : "") };
|
|
}
|
|
if (unit) {
|
|
if (unit instanceof tree.Keyword) {
|
|
unit = unit.value;
|
|
} else {
|
|
unit = unit.toCSS();
|
|
}
|
|
} else {
|
|
unit = "";
|
|
}
|
|
return new(tree.Dimension)(val.value, unit);
|
|
},
|
|
convert: function (val, unit) {
|
|
return val.convertTo(unit.value);
|
|
},
|
|
round: function (n, f) {
|
|
var fraction = typeof(f) === "undefined" ? 0 : f.value;
|
|
return _math(function(num) { return num.toFixed(fraction); }, null, n);
|
|
},
|
|
pi: function () {
|
|
return new(tree.Dimension)(Math.PI);
|
|
},
|
|
mod: function(a, b) {
|
|
return new(tree.Dimension)(a.value % b.value, a.unit);
|
|
},
|
|
pow: function(x, y) {
|
|
if (typeof x === "number" && typeof y === "number") {
|
|
x = new(tree.Dimension)(x);
|
|
y = new(tree.Dimension)(y);
|
|
} else if (!(x instanceof tree.Dimension) || !(y instanceof tree.Dimension)) {
|
|
throw { type: "Argument", message: "arguments must be numbers" };
|
|
}
|
|
|
|
return new(tree.Dimension)(Math.pow(x.value, y.value), x.unit);
|
|
},
|
|
_minmax: function (isMin, args) {
|
|
args = Array.prototype.slice.call(args);
|
|
switch(args.length) {
|
|
case 0: throw { type: "Argument", message: "one or more arguments required" };
|
|
}
|
|
var i, j, current, currentUnified, referenceUnified, unit, unitStatic, unitClone,
|
|
order = [], // elems only contains original argument values.
|
|
values = {}; // key is the unit.toString() for unified tree.Dimension values,
|
|
// value is the index into the order array.
|
|
for (i = 0; i < args.length; i++) {
|
|
current = args[i];
|
|
if (!(current instanceof tree.Dimension)) {
|
|
if(Array.isArray(args[i].value)) {
|
|
Array.prototype.push.apply(args, Array.prototype.slice.call(args[i].value));
|
|
}
|
|
continue;
|
|
}
|
|
currentUnified = current.unit.toString() === "" && unitClone !== undefined ? new(tree.Dimension)(current.value, unitClone).unify() : current.unify();
|
|
unit = currentUnified.unit.toString() === "" && unitStatic !== undefined ? unitStatic : currentUnified.unit.toString();
|
|
unitStatic = unit !== "" && unitStatic === undefined || unit !== "" && order[0].unify().unit.toString() === "" ? unit : unitStatic;
|
|
unitClone = unit !== "" && unitClone === undefined ? current.unit.toString() : unitClone;
|
|
j = values[""] !== undefined && unit !== "" && unit === unitStatic ? values[""] : values[unit];
|
|
if (j === undefined) {
|
|
if(unitStatic !== undefined && unit !== unitStatic) {
|
|
throw{ type: "Argument", message: "incompatible types" };
|
|
}
|
|
values[unit] = order.length;
|
|
order.push(current);
|
|
continue;
|
|
}
|
|
referenceUnified = order[j].unit.toString() === "" && unitClone !== undefined ? new(tree.Dimension)(order[j].value, unitClone).unify() : order[j].unify();
|
|
if ( isMin && currentUnified.value < referenceUnified.value ||
|
|
!isMin && currentUnified.value > referenceUnified.value) {
|
|
order[j] = current;
|
|
}
|
|
}
|
|
if (order.length == 1) {
|
|
return order[0];
|
|
}
|
|
args = order.map(function (a) { return a.toCSS(this.env); }).join(this.env.compress ? "," : ", ");
|
|
return new(tree.Anonymous)((isMin ? "min" : "max") + "(" + args + ")");
|
|
},
|
|
min: function () {
|
|
return this._minmax(true, arguments);
|
|
},
|
|
max: function () {
|
|
return this._minmax(false, arguments);
|
|
},
|
|
"get-unit": function (n) {
|
|
return new(tree.Anonymous)(n.unit);
|
|
},
|
|
argb: function (color) {
|
|
return new(tree.Anonymous)(color.toARGB());
|
|
},
|
|
percentage: function (n) {
|
|
return new(tree.Dimension)(n.value * 100, '%');
|
|
},
|
|
color: function(c) {
|
|
if ((c instanceof tree.Quoted) &&
|
|
(/^#([a-f0-9]{6}|[a-f0-9]{3})$/i.test(c.value))) {
|
|
return new(tree.Color)(c.value.slice(1));
|
|
}
|
|
if ((c instanceof tree.Color) || (c = tree.Color.fromKeyword(c.value))) {
|
|
c.keyword = undefined;
|
|
return c;
|
|
}
|
|
throw {
|
|
type: "Argument",
|
|
message: "argument must be a color keyword or 3/6 digit hex e.g. #FFF"
|
|
};
|
|
},
|
|
iscolor: function (n) {
|
|
return this._isa(n, tree.Color);
|
|
},
|
|
isnumber: function (n) {
|
|
return this._isa(n, tree.Dimension);
|
|
},
|
|
isstring: function (n) {
|
|
return this._isa(n, tree.Quoted);
|
|
},
|
|
iskeyword: function (n) {
|
|
return this._isa(n, tree.Keyword);
|
|
},
|
|
isurl: function (n) {
|
|
return this._isa(n, tree.URL);
|
|
},
|
|
ispixel: function (n) {
|
|
return this.isunit(n, 'px');
|
|
},
|
|
ispercentage: function (n) {
|
|
return this.isunit(n, '%');
|
|
},
|
|
isem: function (n) {
|
|
return this.isunit(n, 'em');
|
|
},
|
|
isunit: function (n, unit) {
|
|
return (n instanceof tree.Dimension) && n.unit.is(unit.value || unit) ? tree.True : tree.False;
|
|
},
|
|
_isa: function (n, Type) {
|
|
return (n instanceof Type) ? tree.True : tree.False;
|
|
},
|
|
tint: function(color, amount) {
|
|
return this.mix(this.rgb(255,255,255), color, amount);
|
|
},
|
|
shade: function(color, amount) {
|
|
return this.mix(this.rgb(0, 0, 0), color, amount);
|
|
},
|
|
extract: function(values, index) {
|
|
index = index.value - 1; // (1-based index)
|
|
// handle non-array values as an array of length 1
|
|
// return 'undefined' if index is invalid
|
|
return Array.isArray(values.value)
|
|
? values.value[index] : Array(values)[index];
|
|
},
|
|
length: function(values) {
|
|
var n = Array.isArray(values.value) ? values.value.length : 1;
|
|
return new tree.Dimension(n);
|
|
},
|
|
|
|
"data-uri": function(mimetypeNode, filePathNode) {
|
|
|
|
if (!less.environment.supportsDataURI(this.env)) {
|
|
return new tree.URL(filePathNode || mimetypeNode, this.currentFileInfo).eval(this.env);
|
|
}
|
|
|
|
var mimetype = mimetypeNode.value;
|
|
var filePath = (filePathNode && filePathNode.value);
|
|
|
|
var useBase64 = false;
|
|
|
|
if (arguments.length < 2) {
|
|
filePath = mimetype;
|
|
}
|
|
|
|
var fragmentStart = filePath.indexOf('#');
|
|
var fragment = '';
|
|
if (fragmentStart!==-1) {
|
|
fragment = filePath.slice(fragmentStart);
|
|
filePath = filePath.slice(0, fragmentStart);
|
|
}
|
|
|
|
if (this.env.isPathRelative(filePath)) {
|
|
if (this.currentFileInfo.relativeUrls) {
|
|
filePath = less.environment.join(this.currentFileInfo.currentDirectory, filePath);
|
|
} else {
|
|
filePath = less.environment.join(this.currentFileInfo.entryPath, filePath);
|
|
}
|
|
}
|
|
|
|
// detect the mimetype if not given
|
|
if (arguments.length < 2) {
|
|
|
|
mimetype = less.environment.mimeLookup(this.env, filePath);
|
|
|
|
// use base 64 unless it's an ASCII or UTF-8 format
|
|
var charset = less.environment.charsetLookup(this.env, mimetype);
|
|
useBase64 = ['US-ASCII', 'UTF-8'].indexOf(charset) < 0;
|
|
if (useBase64) { mimetype += ';base64'; }
|
|
}
|
|
else {
|
|
useBase64 = /;base64$/.test(mimetype);
|
|
}
|
|
|
|
var buf = less.environment.readFileSync(filePath);
|
|
|
|
// IE8 cannot handle a data-uri larger than 32KB. If this is exceeded
|
|
// and the --ieCompat flag is enabled, return a normal url() instead.
|
|
var DATA_URI_MAX_KB = 32,
|
|
fileSizeInKB = parseInt((buf.length / 1024), 10);
|
|
if (fileSizeInKB >= DATA_URI_MAX_KB) {
|
|
|
|
if (this.env.ieCompat !== false) {
|
|
if (!this.env.silent) {
|
|
console.warn("Skipped data-uri embedding of %s because its size (%dKB) exceeds IE8-safe %dKB!", filePath, fileSizeInKB, DATA_URI_MAX_KB);
|
|
}
|
|
|
|
return new tree.URL(filePathNode || mimetypeNode, this.currentFileInfo).eval(this.env);
|
|
}
|
|
}
|
|
|
|
buf = useBase64 ? buf.toString('base64')
|
|
: encodeURIComponent(buf);
|
|
|
|
var uri = "\"data:" + mimetype + ',' + buf + fragment + "\"";
|
|
return new(tree.URL)(new(tree.Anonymous)(uri));
|
|
},
|
|
|
|
"svg-gradient": function(direction) {
|
|
|
|
function throwArgumentDescriptor() {
|
|
throw { type: "Argument", message: "svg-gradient expects direction, start_color [start_position], [color position,]..., end_color [end_position]" };
|
|
}
|
|
|
|
if (arguments.length < 3) {
|
|
throwArgumentDescriptor();
|
|
}
|
|
var stops = Array.prototype.slice.call(arguments, 1),
|
|
gradientDirectionSvg,
|
|
gradientType = "linear",
|
|
rectangleDimension = 'x="0" y="0" width="1" height="1"',
|
|
useBase64 = true,
|
|
renderEnv = {compress: false},
|
|
returner,
|
|
directionValue = direction.toCSS(renderEnv),
|
|
i, color, position, positionValue, alpha;
|
|
|
|
switch (directionValue) {
|
|
case "to bottom":
|
|
gradientDirectionSvg = 'x1="0%" y1="0%" x2="0%" y2="100%"';
|
|
break;
|
|
case "to right":
|
|
gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="0%"';
|
|
break;
|
|
case "to bottom right":
|
|
gradientDirectionSvg = 'x1="0%" y1="0%" x2="100%" y2="100%"';
|
|
break;
|
|
case "to top right":
|
|
gradientDirectionSvg = 'x1="0%" y1="100%" x2="100%" y2="0%"';
|
|
break;
|
|
case "ellipse":
|
|
case "ellipse at center":
|
|
gradientType = "radial";
|
|
gradientDirectionSvg = 'cx="50%" cy="50%" r="75%"';
|
|
rectangleDimension = 'x="-50" y="-50" width="101" height="101"';
|
|
break;
|
|
default:
|
|
throw { type: "Argument", message: "svg-gradient direction must be 'to bottom', 'to right', 'to bottom right', 'to top right' or 'ellipse at center'" };
|
|
}
|
|
returner = '<?xml version="1.0" ?>' +
|
|
'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">' +
|
|
'<' + gradientType + 'Gradient id="gradient" gradientUnits="userSpaceOnUse" ' + gradientDirectionSvg + '>';
|
|
|
|
for (i = 0; i < stops.length; i+= 1) {
|
|
if (stops[i].value) {
|
|
color = stops[i].value[0];
|
|
position = stops[i].value[1];
|
|
} else {
|
|
color = stops[i];
|
|
position = undefined;
|
|
}
|
|
|
|
if (!(color instanceof tree.Color) || (!((i === 0 || i+1 === stops.length) && position === undefined) && !(position instanceof tree.Dimension))) {
|
|
throwArgumentDescriptor();
|
|
}
|
|
positionValue = position ? position.toCSS(renderEnv) : i === 0 ? "0%" : "100%";
|
|
alpha = color.alpha;
|
|
returner += '<stop offset="' + positionValue + '" stop-color="' + color.toRGB() + '"' + (alpha < 1 ? ' stop-opacity="' + alpha + '"' : '') + '/>';
|
|
}
|
|
returner += '</' + gradientType + 'Gradient>' +
|
|
'<rect ' + rectangleDimension + ' fill="url(#gradient)" /></svg>';
|
|
|
|
if (useBase64) {
|
|
try {
|
|
returner = less.environment.encodeBase64(this.env, returner);
|
|
} catch(e) {
|
|
useBase64 = false;
|
|
}
|
|
}
|
|
|
|
returner = "'data:image/svg+xml" + (useBase64 ? ";base64" : "") + "," + returner + "'";
|
|
return new(tree.URL)(new(tree.Anonymous)(returner));
|
|
}
|
|
};
|
|
|
|
// Math
|
|
|
|
var mathFunctions = {
|
|
// name, unit
|
|
ceil: null,
|
|
floor: null,
|
|
sqrt: null,
|
|
abs: null,
|
|
tan: "",
|
|
sin: "",
|
|
cos: "",
|
|
atan: "rad",
|
|
asin: "rad",
|
|
acos: "rad"
|
|
};
|
|
|
|
function _math(fn, unit, n) {
|
|
if (!(n instanceof tree.Dimension)) {
|
|
throw { type: "Argument", message: "argument must be a number" };
|
|
}
|
|
if (unit == null) {
|
|
unit = n.unit;
|
|
} else {
|
|
n = n.unify();
|
|
}
|
|
return new(tree.Dimension)(fn(parseFloat(n.value)), unit);
|
|
}
|
|
|
|
// ~ End of Math
|
|
|
|
// Color Blending
|
|
// ref: http://www.w3.org/TR/compositing-1
|
|
|
|
function colorBlend(mode, color1, color2) {
|
|
var ab = color1.alpha, cb, // backdrop
|
|
as = color2.alpha, cs, // source
|
|
ar, cr, r = []; // result
|
|
|
|
ar = as + ab * (1 - as);
|
|
for (var i = 0; i < 3; i++) {
|
|
cb = color1.rgb[i] / 255;
|
|
cs = color2.rgb[i] / 255;
|
|
cr = mode(cb, cs);
|
|
if (ar) {
|
|
cr = (as * cs + ab * (cb
|
|
- as * (cb + cs - cr))) / ar;
|
|
}
|
|
r[i] = cr * 255;
|
|
}
|
|
|
|
return new(tree.Color)(r, ar);
|
|
}
|
|
|
|
var colorBlendMode = {
|
|
multiply: function(cb, cs) {
|
|
return cb * cs;
|
|
},
|
|
screen: function(cb, cs) {
|
|
return cb + cs - cb * cs;
|
|
},
|
|
overlay: function(cb, cs) {
|
|
cb *= 2;
|
|
return (cb <= 1)
|
|
? colorBlendMode.multiply(cb, cs)
|
|
: colorBlendMode.screen(cb - 1, cs);
|
|
},
|
|
softlight: function(cb, cs) {
|
|
var d = 1, e = cb;
|
|
if (cs > 0.5) {
|
|
e = 1;
|
|
d = (cb > 0.25) ? Math.sqrt(cb)
|
|
: ((16 * cb - 12) * cb + 4) * cb;
|
|
}
|
|
return cb - (1 - 2 * cs) * e * (d - cb);
|
|
},
|
|
hardlight: function(cb, cs) {
|
|
return colorBlendMode.overlay(cs, cb);
|
|
},
|
|
difference: function(cb, cs) {
|
|
return Math.abs(cb - cs);
|
|
},
|
|
exclusion: function(cb, cs) {
|
|
return cb + cs - 2 * cb * cs;
|
|
},
|
|
|
|
// non-w3c functions:
|
|
average: function(cb, cs) {
|
|
return (cb + cs) / 2;
|
|
},
|
|
negation: function(cb, cs) {
|
|
return 1 - Math.abs(cb + cs - 1);
|
|
}
|
|
};
|
|
|
|
// ~ End of Color Blending
|
|
|
|
tree.defaultFunc = {
|
|
eval: function () {
|
|
var v = this.value_, e = this.error_;
|
|
if (e) {
|
|
throw e;
|
|
}
|
|
if (v != null) {
|
|
return v ? tree.True : tree.False;
|
|
}
|
|
},
|
|
value: function (v) {
|
|
this.value_ = v;
|
|
},
|
|
error: function (e) {
|
|
this.error_ = e;
|
|
},
|
|
reset: function () {
|
|
this.value_ = this.error_ = null;
|
|
}
|
|
};
|
|
|
|
function initFunctions() {
|
|
var f;
|
|
|
|
// math
|
|
for (f in mathFunctions) {
|
|
if (mathFunctions.hasOwnProperty(f)) {
|
|
functions[f] = _math.bind(null, Math[f], mathFunctions[f]);
|
|
}
|
|
}
|
|
|
|
// color blending
|
|
for (f in colorBlendMode) {
|
|
if (colorBlendMode.hasOwnProperty(f)) {
|
|
functions[f] = colorBlend.bind(null, colorBlendMode[f]);
|
|
}
|
|
}
|
|
|
|
// default
|
|
f = tree.defaultFunc;
|
|
functions["default"] = f.eval.bind(f);
|
|
|
|
} initFunctions();
|
|
|
|
function hsla(color) {
|
|
return functions.hsla(color.h, color.s, color.l, color.a);
|
|
}
|
|
|
|
function scaled(n, size) {
|
|
if (n instanceof tree.Dimension && n.unit.is('%')) {
|
|
return parseFloat(n.value * size / 100);
|
|
} else {
|
|
return number(n);
|
|
}
|
|
}
|
|
|
|
function number(n) {
|
|
if (n instanceof tree.Dimension) {
|
|
return parseFloat(n.unit.is('%') ? n.value / 100 : n.value);
|
|
} else if (typeof(n) === 'number') {
|
|
return n;
|
|
} else {
|
|
throw {
|
|
error: "RuntimeError",
|
|
message: "color functions take numbers as parameters"
|
|
};
|
|
}
|
|
}
|
|
|
|
function clamp(val) {
|
|
return Math.min(1, Math.max(0, val));
|
|
}
|
|
|
|
tree.fround = function(env, value) {
|
|
var p = env && env.numPrecision;
|
|
//add "epsilon" to ensure numbers like 1.000000005 (represented as 1.000000004999....) are properly rounded...
|
|
return (p == null) ? value : Number((value + 2e-16).toFixed(p));
|
|
};
|
|
|
|
tree.functionCall = function(env, currentFileInfo, environment) {
|
|
this.env = env;
|
|
this.environment = environment;
|
|
this.currentFileInfo = currentFileInfo;
|
|
};
|
|
|
|
tree.functionCall.prototype = functions;
|
|
|
|
return functions;
|
|
|
|
};
|