html2canvas-pro
Version:
Screenshots with JavaScript. Next generation!
84 lines • 3.81 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.prefixRadialGradient = void 0;
const parser_1 = require("../../syntax/parser");
const gradient_1 = require("./gradient");
const length_percentage_1 = require("../length-percentage");
const length_1 = require("../length");
const radial_gradient_1 = require("./radial-gradient");
const prefixRadialGradient = (context, tokens) => {
let shape = 0 /* CSSRadialShape.CIRCLE */;
let size = 3 /* CSSRadialExtent.FARTHEST_CORNER */;
const stops = [];
const position = [];
(0, parser_1.parseFunctionArgs)(tokens).forEach((arg, i) => {
let isColorStop = true;
if (i === 0) {
isColorStop = arg.reduce((acc, token) => {
if ((0, parser_1.isIdentToken)(token)) {
switch (token.value) {
case 'center':
position.push(length_percentage_1.FIFTY_PERCENT);
return false;
case 'top':
case 'left':
position.push(length_percentage_1.ZERO_LENGTH);
return false;
case 'right':
case 'bottom':
position.push(length_percentage_1.HUNDRED_PERCENT);
return false;
}
}
else if ((0, length_percentage_1.isLengthPercentage)(token) || (0, length_1.isLength)(token)) {
position.push(token);
return false;
}
return acc;
}, isColorStop);
}
else if (i === 1) {
isColorStop = arg.reduce((acc, token) => {
if ((0, parser_1.isIdentToken)(token)) {
switch (token.value) {
case radial_gradient_1.CIRCLE:
shape = 0 /* CSSRadialShape.CIRCLE */;
return false;
case radial_gradient_1.ELLIPSE:
shape = 1 /* CSSRadialShape.ELLIPSE */;
return false;
case radial_gradient_1.CONTAIN:
case radial_gradient_1.CLOSEST_SIDE:
size = 0 /* CSSRadialExtent.CLOSEST_SIDE */;
return false;
case radial_gradient_1.FARTHEST_SIDE:
size = 1 /* CSSRadialExtent.FARTHEST_SIDE */;
return false;
case radial_gradient_1.CLOSEST_CORNER:
size = 2 /* CSSRadialExtent.CLOSEST_CORNER */;
return false;
case radial_gradient_1.COVER:
case radial_gradient_1.FARTHEST_CORNER:
size = 3 /* CSSRadialExtent.FARTHEST_CORNER */;
return false;
}
}
else if ((0, length_1.isLength)(token) || (0, length_percentage_1.isLengthPercentage)(token)) {
if (!Array.isArray(size)) {
size = [];
}
size.push(token);
return false;
}
return acc;
}, isColorStop);
}
if (isColorStop) {
const colorStop = (0, gradient_1.parseColorStop)(context, arg);
stops.push(colorStop);
}
});
return { size, shape, stops, position, type: 2 /* CSSImageType.RADIAL_GRADIENT */ };
};
exports.prefixRadialGradient = prefixRadialGradient;
//# sourceMappingURL=-prefix-radial-gradient.js.map