html2canvas-pro 2.0.3 → 2.1.0

package/dist/lib/css/index.js

@@ -36,6 +36,7 @@ const transform_origin_1 = require("./property-descriptors/transform-origin");
 const rotate_1 = require("./property-descriptors/rotate");
 const visibility_1 = require("./property-descriptors/visibility");
 const word_break_1 = require("./property-descriptors/word-break");
+const writing_mode_1 = require("./property-descriptors/writing-mode");
 const z_index_1 = require("./property-descriptors/z-index");
 const parser_1 = require("./syntax/parser");
 const tokenizer_1 = require("./syntax/tokenizer");
@@ -71,84 +72,38 @@ const webkit_line_clamp_1 = require("./property-descriptors/webkit-line-clamp");
 const object_fit_1 = require("./property-descriptors/object-fit");
 const text_overflow_1 = require("./property-descriptors/text-overflow");
 const image_rendering_1 = require("./property-descriptors/image-rendering");
+const mix_blend_mode_1 = require("./property-descriptors/mix-blend-mode");
 class CSSParsedDeclaration {
     constructor(context, declaration) {
-        this.animationDuration = parse(context, duration_1.duration, declaration.animationDuration);
-        this.backgroundClip = parse(context, background_clip_1.backgroundClip, declaration.backgroundClip);
-        this.backgroundColor = parse(context, background_color_1.backgroundColor, declaration.backgroundColor);
-        this.backgroundImage = parse(context, background_image_1.backgroundImage, declaration.backgroundImage);
-        this.backgroundOrigin = parse(context, background_origin_1.backgroundOrigin, declaration.backgroundOrigin);
-        this.backgroundPosition = parse(context, background_position_1.backgroundPosition, declaration.backgroundPosition);
-        this.backgroundRepeat = parse(context, background_repeat_1.backgroundRepeat, declaration.backgroundRepeat);
-        this.backgroundSize = parse(context, background_size_1.backgroundSize, declaration.backgroundSize);
-        this.borderTopColor = parse(context, border_color_1.borderTopColor, declaration.borderTopColor);
-        this.borderRightColor = parse(context, border_color_1.borderRightColor, declaration.borderRightColor);
-        this.borderBottomColor = parse(context, border_color_1.borderBottomColor, declaration.borderBottomColor);
-        this.borderLeftColor = parse(context, border_color_1.borderLeftColor, declaration.borderLeftColor);
-        this.borderTopLeftRadius = parse(context, border_radius_1.borderTopLeftRadius, declaration.borderTopLeftRadius);
-        this.borderTopRightRadius = parse(context, border_radius_1.borderTopRightRadius, declaration.borderTopRightRadius);
-        this.borderBottomRightRadius = parse(context, border_radius_1.borderBottomRightRadius, declaration.borderBottomRightRadius);
-        this.borderBottomLeftRadius = parse(context, border_radius_1.borderBottomLeftRadius, declaration.borderBottomLeftRadius);
-        this.borderTopStyle = parse(context, border_style_1.borderTopStyle, declaration.borderTopStyle);
-        this.borderRightStyle = parse(context, border_style_1.borderRightStyle, declaration.borderRightStyle);
-        this.borderBottomStyle = parse(context, border_style_1.borderBottomStyle, declaration.borderBottomStyle);
-        this.borderLeftStyle = parse(context, border_style_1.borderLeftStyle, declaration.borderLeftStyle);
-        this.borderTopWidth = parse(context, border_width_1.borderTopWidth, declaration.borderTopWidth);
-        this.borderRightWidth = parse(context, border_width_1.borderRightWidth, declaration.borderRightWidth);
-        this.borderBottomWidth = parse(context, border_width_1.borderBottomWidth, declaration.borderBottomWidth);
-        this.borderLeftWidth = parse(context, border_width_1.borderLeftWidth, declaration.borderLeftWidth);
-        this.boxShadow = parse(context, box_shadow_1.boxShadow, declaration.boxShadow);
-        this.clipPath = parse(context, clip_path_1.clipPath, declaration.clipPath);
-        this.color = parse(context, color_1.color, declaration.color);
-        this.direction = parse(context, direction_1.direction, declaration.direction);
-        this.display = parse(context, display_1.display, declaration.display);
+        const standardProps = CSSParsedDeclaration.standardProps;
+        // Fast path: display:none elements are invisible and their descendants
+        // are never rendered. Parse only initial values instead of full computed styles.
+        if (declaration.display === 'none') {
+            this.display = 0 /* DISPLAY.NONE */;
+            for (const [key, descriptor] of standardProps) {
+                if (key !== 'display') {
+                    this[key] = parse(context, descriptor, undefined);
+                }
+            }
+            this.float = parse(context, float_1.float, undefined);
+            this.textDecorationColor = parse(context, text_decoration_color_1.textDecorationColor, undefined);
+            this.textDecorationLine = parse(context, text_decoration_line_1.textDecorationLine, undefined);
+            const overflowTuple = parse(context, overflow_1.overflow, undefined);
+            this.overflowX = overflowTuple[0];
+            this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
+            return;
+        }
+        for (const [key, descriptor, cssProp] of standardProps) {
+            this[key] = parse(context, descriptor, declaration[cssProp]);
+        }
+        // Special cases that need different CSS property names or fallback values
         this.float = parse(context, float_1.float, declaration.cssFloat);
-        this.fontFamily = parse(context, font_family_1.fontFamily, declaration.fontFamily);
-        this.fontSize = parse(context, font_size_1.fontSize, declaration.fontSize);
-        this.fontStyle = parse(context, font_style_1.fontStyle, declaration.fontStyle);
-        this.fontVariant = parse(context, font_variant_1.fontVariant, declaration.fontVariant);
-        this.fontWeight = parse(context, font_weight_1.fontWeight, declaration.fontWeight);
-        this.letterSpacing = parse(context, letter_spacing_1.letterSpacing, declaration.letterSpacing);
-        this.lineBreak = parse(context, line_break_1.lineBreak, declaration.lineBreak);
-        this.lineHeight = parse(context, line_height_1.lineHeight, declaration.lineHeight);
-        this.listStyleImage = parse(context, list_style_image_1.listStyleImage, declaration.listStyleImage);
-        this.listStylePosition = parse(context, list_style_position_1.listStylePosition, declaration.listStylePosition);
-        this.listStyleType = parse(context, list_style_type_1.listStyleType, declaration.listStyleType);
-        this.marginTop = parse(context, margin_1.marginTop, declaration.marginTop);
-        this.marginRight = parse(context, margin_1.marginRight, declaration.marginRight);
-        this.marginBottom = parse(context, margin_1.marginBottom, declaration.marginBottom);
-        this.marginLeft = parse(context, margin_1.marginLeft, declaration.marginLeft);
-        this.opacity = parse(context, opacity_1.opacity, declaration.opacity);
+        this.textDecorationColor = parse(context, text_decoration_color_1.textDecorationColor, declaration.textDecorationColor ?? declaration.color);
+        this.textDecorationLine = parse(context, text_decoration_line_1.textDecorationLine, declaration.textDecorationLine ?? declaration.textDecoration);
+        // overflow returns a tuple that must be split into X/Y
         const overflowTuple = parse(context, overflow_1.overflow, declaration.overflow);
         this.overflowX = overflowTuple[0];
         this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
-        this.overflowWrap = parse(context, overflow_wrap_1.overflowWrap, declaration.overflowWrap);
-        this.paddingTop = parse(context, padding_1.paddingTop, declaration.paddingTop);
-        this.paddingRight = parse(context, padding_1.paddingRight, declaration.paddingRight);
-        this.paddingBottom = parse(context, padding_1.paddingBottom, declaration.paddingBottom);
-        this.paddingLeft = parse(context, padding_1.paddingLeft, declaration.paddingLeft);
-        this.paintOrder = parse(context, paint_order_1.paintOrder, declaration.paintOrder);
-        this.position = parse(context, position_1.position, declaration.position);
-        this.textAlign = parse(context, text_align_1.textAlign, declaration.textAlign);
-        this.textDecorationColor = parse(context, text_decoration_color_1.textDecorationColor, declaration.textDecorationColor ?? declaration.color);
-        this.textDecorationLine = parse(context, text_decoration_line_1.textDecorationLine, declaration.textDecorationLine ?? declaration.textDecoration);
-        this.textDecorationStyle = parse(context, text_decoration_style_1.textDecorationStyle, declaration.textDecorationStyle);
-        this.textDecorationThickness = parse(context, text_decoration_thickness_1.textDecorationThickness, declaration.textDecorationThickness);
-        this.textUnderlineOffset = parse(context, text_underline_offset_1.textUnderlineOffset, declaration.textUnderlineOffset);
-        this.textShadow = parse(context, text_shadow_1.textShadow, declaration.textShadow);
-        this.textTransform = parse(context, text_transform_1.textTransform, declaration.textTransform);
-        this.textOverflow = parse(context, text_overflow_1.textOverflow, declaration.textOverflow);
-        this.transform = parse(context, transform_1.transform, declaration.transform);
-        this.transformOrigin = parse(context, transform_origin_1.transformOrigin, declaration.transformOrigin);
-        this.rotate = parse(context, rotate_1.rotate, declaration.rotate);
-        this.visibility = parse(context, visibility_1.visibility, declaration.visibility);
-        this.webkitTextStrokeColor = parse(context, webkit_text_stroke_color_1.webkitTextStrokeColor, declaration.webkitTextStrokeColor);
-        this.webkitTextStrokeWidth = parse(context, webkit_text_stroke_width_1.webkitTextStrokeWidth, declaration.webkitTextStrokeWidth);
-        this.webkitLineClamp = parse(context, webkit_line_clamp_1.webkitLineClamp, declaration.webkitLineClamp);
-        this.wordBreak = parse(context, word_break_1.wordBreak, declaration.wordBreak);
-        this.zIndex = parse(context, z_index_1.zIndex, declaration.zIndex);
-        this.objectFit = parse(context, object_fit_1.objectFit, declaration.objectFit);
-        this.imageRendering = parse(context, image_rendering_1.imageRendering, declaration.imageRendering);
     }
     isVisible() {
         return this.display > 0 && this.opacity > 0 && this.visibility === 0 /* VISIBILITY.VISIBLE */;
@@ -178,6 +133,80 @@ class CSSParsedDeclaration {
     }
 }
 exports.CSSParsedDeclaration = CSSParsedDeclaration;
+CSSParsedDeclaration.standardProps = [
+    ['animationDuration', duration_1.duration, 'animationDuration'],
+    ['backgroundClip', background_clip_1.backgroundClip, 'backgroundClip'],
+    ['backgroundColor', background_color_1.backgroundColor, 'backgroundColor'],
+    ['backgroundImage', background_image_1.backgroundImage, 'backgroundImage'],
+    ['backgroundOrigin', background_origin_1.backgroundOrigin, 'backgroundOrigin'],
+    ['backgroundPosition', background_position_1.backgroundPosition, 'backgroundPosition'],
+    ['backgroundRepeat', background_repeat_1.backgroundRepeat, 'backgroundRepeat'],
+    ['backgroundSize', background_size_1.backgroundSize, 'backgroundSize'],
+    ['borderTopColor', border_color_1.borderTopColor, 'borderTopColor'],
+    ['borderRightColor', border_color_1.borderRightColor, 'borderRightColor'],
+    ['borderBottomColor', border_color_1.borderBottomColor, 'borderBottomColor'],
+    ['borderLeftColor', border_color_1.borderLeftColor, 'borderLeftColor'],
+    ['borderTopLeftRadius', border_radius_1.borderTopLeftRadius, 'borderTopLeftRadius'],
+    ['borderTopRightRadius', border_radius_1.borderTopRightRadius, 'borderTopRightRadius'],
+    ['borderBottomRightRadius', border_radius_1.borderBottomRightRadius, 'borderBottomRightRadius'],
+    ['borderBottomLeftRadius', border_radius_1.borderBottomLeftRadius, 'borderBottomLeftRadius'],
+    ['borderTopStyle', border_style_1.borderTopStyle, 'borderTopStyle'],
+    ['borderRightStyle', border_style_1.borderRightStyle, 'borderRightStyle'],
+    ['borderBottomStyle', border_style_1.borderBottomStyle, 'borderBottomStyle'],
+    ['borderLeftStyle', border_style_1.borderLeftStyle, 'borderLeftStyle'],
+    ['borderTopWidth', border_width_1.borderTopWidth, 'borderTopWidth'],
+    ['borderRightWidth', border_width_1.borderRightWidth, 'borderRightWidth'],
+    ['borderBottomWidth', border_width_1.borderBottomWidth, 'borderBottomWidth'],
+    ['borderLeftWidth', border_width_1.borderLeftWidth, 'borderLeftWidth'],
+    ['boxShadow', box_shadow_1.boxShadow, 'boxShadow'],
+    ['clipPath', clip_path_1.clipPath, 'clipPath'],
+    ['color', color_1.color, 'color'],
+    ['direction', direction_1.direction, 'direction'],
+    ['display', display_1.display, 'display'],
+    ['fontFamily', font_family_1.fontFamily, 'fontFamily'],
+    ['fontSize', font_size_1.fontSize, 'fontSize'],
+    ['fontStyle', font_style_1.fontStyle, 'fontStyle'],
+    ['fontVariant', font_variant_1.fontVariant, 'fontVariant'],
+    ['fontWeight', font_weight_1.fontWeight, 'fontWeight'],
+    ['letterSpacing', letter_spacing_1.letterSpacing, 'letterSpacing'],
+    ['lineBreak', line_break_1.lineBreak, 'lineBreak'],
+    ['lineHeight', line_height_1.lineHeight, 'lineHeight'],
+    ['listStyleImage', list_style_image_1.listStyleImage, 'listStyleImage'],
+    ['listStylePosition', list_style_position_1.listStylePosition, 'listStylePosition'],
+    ['listStyleType', list_style_type_1.listStyleType, 'listStyleType'],
+    ['marginTop', margin_1.marginTop, 'marginTop'],
+    ['marginRight', margin_1.marginRight, 'marginRight'],
+    ['marginBottom', margin_1.marginBottom, 'marginBottom'],
+    ['marginLeft', margin_1.marginLeft, 'marginLeft'],
+    ['opacity', opacity_1.opacity, 'opacity'],
+    ['overflowWrap', overflow_wrap_1.overflowWrap, 'overflowWrap'],
+    ['paddingTop', padding_1.paddingTop, 'paddingTop'],
+    ['paddingRight', padding_1.paddingRight, 'paddingRight'],
+    ['paddingBottom', padding_1.paddingBottom, 'paddingBottom'],
+    ['paddingLeft', padding_1.paddingLeft, 'paddingLeft'],
+    ['paintOrder', paint_order_1.paintOrder, 'paintOrder'],
+    ['position', position_1.position, 'position'],
+    ['textAlign', text_align_1.textAlign, 'textAlign'],
+    ['textDecorationStyle', text_decoration_style_1.textDecorationStyle, 'textDecorationStyle'],
+    ['textDecorationThickness', text_decoration_thickness_1.textDecorationThickness, 'textDecorationThickness'],
+    ['textUnderlineOffset', text_underline_offset_1.textUnderlineOffset, 'textUnderlineOffset'],
+    ['textShadow', text_shadow_1.textShadow, 'textShadow'],
+    ['textTransform', text_transform_1.textTransform, 'textTransform'],
+    ['textOverflow', text_overflow_1.textOverflow, 'textOverflow'],
+    ['transform', transform_1.transform, 'transform'],
+    ['transformOrigin', transform_origin_1.transformOrigin, 'transformOrigin'],
+    ['rotate', rotate_1.rotate, 'rotate'],
+    ['visibility', visibility_1.visibility, 'visibility'],
+    ['webkitTextStrokeColor', webkit_text_stroke_color_1.webkitTextStrokeColor, 'webkitTextStrokeColor'],
+    ['webkitTextStrokeWidth', webkit_text_stroke_width_1.webkitTextStrokeWidth, 'webkitTextStrokeWidth'],
+    ['webkitLineClamp', webkit_line_clamp_1.webkitLineClamp, 'webkitLineClamp'],
+    ['wordBreak', word_break_1.wordBreak, 'wordBreak'],
+    ['writingMode', writing_mode_1.writingMode, 'writingMode'],
+    ['zIndex', z_index_1.zIndex, 'zIndex'],
+    ['objectFit', object_fit_1.objectFit, 'objectFit'],
+    ['imageRendering', image_rendering_1.imageRendering, 'imageRendering'],
+    ['mixBlendMode', mix_blend_mode_1.mixBlendMode, 'mixBlendMode']
+];
 class CSSParsedPseudoDeclaration {
     constructor(context, declaration) {
         this.content = parse(context, content_1.content, declaration.content);
@@ -192,39 +221,71 @@ class CSSParsedCounterDeclaration {
     }
 }
 exports.CSSParsedCounterDeclaration = CSSParsedCounterDeclaration;
+const parseCache = new Map();
+const PARSE_CACHE_MAX_PER_DESCRIPTOR = 200;
 const parse = (context, descriptor, style) => {
-    const tokenizer = new tokenizer_1.Tokenizer();
-    const value = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
-    tokenizer.write(value);
+    const rawValue = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
+    let valueCache = parseCache.get(descriptor);
+    if (valueCache) {
+        const cached = valueCache.get(rawValue);
+        if (cached !== undefined) {
+            return cached;
+        }
+    }
+    const tokenizer = tokenizer_1.Tokenizer.get();
+    tokenizer.write(rawValue);
     const parser = new parser_1.Parser(tokenizer.read());
+    tokenizer_1.Tokenizer.release(tokenizer);
+    let result;
     switch (descriptor.type) {
-        case 2 /* PropertyDescriptorParsingType.IDENT_VALUE */:
+        case 2 /* PropertyDescriptorParsingType.IDENT_VALUE */: {
             const token = parser.parseComponentValue();
-            return descriptor.parse(context, (0, parser_1.isIdentToken)(token) ? token.value : descriptor.initialValue);
+            result = descriptor.parse(context, (0, parser_1.isIdentToken)(token) ? token.value : descriptor.initialValue);
+            break;
+        }
         case 0 /* PropertyDescriptorParsingType.VALUE */:
-            return descriptor.parse(context, parser.parseComponentValue());
+            result = descriptor.parse(context, parser.parseComponentValue());
+            break;
         case 1 /* PropertyDescriptorParsingType.LIST */:
-            return descriptor.parse(context, parser.parseComponentValues());
+            result = descriptor.parse(context, parser.parseComponentValues());
+            break;
         case 4 /* PropertyDescriptorParsingType.TOKEN_VALUE */:
-            return parser.parseComponentValue();
+            result = parser.parseComponentValue();
+            break;
         case 3 /* PropertyDescriptorParsingType.TYPE_VALUE */:
             switch (descriptor.format) {
                 case 'angle':
-                    return angle_1.angle.parse(context, parser.parseComponentValue());
+                    result = angle_1.angle.parse(context, parser.parseComponentValue());
+                    break;
                 case 'color':
-                    return color_2.color.parse(context, parser.parseComponentValue());
+                    result = color_2.color.parse(context, parser.parseComponentValue());
+                    break;
                 case 'image':
-                    return image_1.image.parse(context, parser.parseComponentValue());
-                case 'length':
+                    result = image_1.image.parse(context, parser.parseComponentValue());
+                    break;
+                case 'length': {
                     const length = parser.parseComponentValue();
-                    return (0, length_1.isLength)(length) ? length : length_percentage_1.ZERO_LENGTH;
-                case 'length-percentage':
+                    result = (0, length_1.isLength)(length) ? length : length_percentage_1.ZERO_LENGTH;
+                    break;
+                }
+                case 'length-percentage': {
                     const value = parser.parseComponentValue();
-                    return (0, length_percentage_1.isLengthPercentage)(value) ? value : length_percentage_1.ZERO_LENGTH;
+                    result = (0, length_percentage_1.isLengthPercentage)(value) ? value : length_percentage_1.ZERO_LENGTH;
+                    break;
+                }
                 case 'time':
-                    return time_1.time.parse(context, parser.parseComponentValue());
+                    result = time_1.time.parse(context, parser.parseComponentValue());
+                    break;
             }
             break;
     }
+    if (!valueCache) {
+        valueCache = new Map();
+        parseCache.set(descriptor, valueCache);
+    }
+    if (valueCache.size >= PARSE_CACHE_MAX_PER_DESCRIPTOR) {
+        valueCache.clear();
+    }
+    valueCache.set(rawValue, result);
+    return result;
 };
-//# sourceMappingURL=index.js.map

package/dist/lib/css/layout/bounds.js

@@ -50,4 +50,3 @@ const parseDocumentSize = (document) => {
     return new Bounds(0, 0, width, height);
 };
 exports.parseDocumentSize = parseDocumentSize;
-//# sourceMappingURL=bounds.js.map

package/dist/lib/css/layout/text.js

@@ -5,6 +5,7 @@ const css_line_break_1 = require("css-line-break");
 const text_segmentation_1 = require("text-segmentation");
 const bounds_1 = require("./bounds");
 const features_1 = require("../../core/features");
+const writing_mode_1 = require("../property-descriptors/writing-mode");
 class TextBounds {
     constructor(text, bounds) {
         this.text = text;
@@ -91,6 +92,9 @@ const segmentWords = (value, styles) => {
     return breakWords(value, styles);
 };
 const breakText = (value, styles) => {
+    if ((0, writing_mode_1.isVerticalWritingMode)(styles.writingMode)) {
+        return (0, exports.segmentGraphemes)(value);
+    }
     return styles.letterSpacing !== 0 ? (0, exports.segmentGraphemes)(value) : segmentWords(value, styles);
 };
 // https://drafts.csswg.org/css-text/#word-separator
@@ -126,4 +130,3 @@ const breakWords = (str, styles) => {
     }
     return words;
 };
-//# sourceMappingURL=text.js.map

package/dist/lib/css/{ITypeDescriptor.js → property-descriptor.js}

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=ITypeDescriptor.js.map

package/dist/lib/css/property-descriptors/background-clip.js

@@ -21,4 +21,3 @@ exports.backgroundClip = {
         });
     }
 };
-//# sourceMappingURL=background-clip.js.map

package/dist/lib/css/property-descriptors/background-color.js

@@ -8,4 +8,3 @@ exports.backgroundColor = {
     type: 3 /* PropertyDescriptorParsingType.TYPE_VALUE */,
     format: 'color'
 };
-//# sourceMappingURL=background-color.js.map

package/dist/lib/css/property-descriptors/background-image.js

@@ -21,4 +21,3 @@ exports.backgroundImage = {
             .map((value) => image_1.image.parse(context, value));
     }
 };
-//# sourceMappingURL=background-image.js.map

package/dist/lib/css/property-descriptors/background-origin.js

@@ -21,4 +21,3 @@ exports.backgroundOrigin = {
         });
     }
 };
-//# sourceMappingURL=background-origin.js.map

package/dist/lib/css/property-descriptors/background-position.js

@@ -27,4 +27,3 @@ exports.backgroundPosition = {
             .map(length_percentage_1.parseLengthPercentageTuple);
     }
 };
-//# sourceMappingURL=background-position.js.map

package/dist/lib/css/property-descriptors/background-repeat.js

@@ -31,4 +31,3 @@ const parseBackgroundRepeat = (value) => {
             return 0 /* BACKGROUND_REPEAT.REPEAT */;
     }
 };
-//# sourceMappingURL=background-repeat.js.map

package/dist/lib/css/property-descriptors/background-size.js

@@ -19,4 +19,3 @@ exports.backgroundSize = {
     }
 };
 const isBackgroundSizeInfoToken = (value) => (0, parser_1.isIdentToken)(value) || (0, length_percentage_1.isLengthPercentage)(value);
-//# sourceMappingURL=background-size.js.map

package/dist/lib/css/property-descriptors/border-color.js

@@ -12,4 +12,3 @@ exports.borderTopColor = borderColorForSide('top');
 exports.borderRightColor = borderColorForSide('right');
 exports.borderBottomColor = borderColorForSide('bottom');
 exports.borderLeftColor = borderColorForSide('left');
-//# sourceMappingURL=border-color.js.map

package/dist/lib/css/property-descriptors/border-radius.js

@@ -13,4 +13,3 @@ exports.borderTopLeftRadius = borderRadiusForSide('top-left');
 exports.borderTopRightRadius = borderRadiusForSide('top-right');
 exports.borderBottomRightRadius = borderRadiusForSide('bottom-right');
 exports.borderBottomLeftRadius = borderRadiusForSide('bottom-left');
-//# sourceMappingURL=border-radius.js.map

package/dist/lib/css/property-descriptors/border-style.js

@@ -24,4 +24,3 @@ exports.borderTopStyle = borderStyleForSide('top');
 exports.borderRightStyle = borderStyleForSide('right');
 exports.borderBottomStyle = borderStyleForSide('bottom');
 exports.borderLeftStyle = borderStyleForSide('left');
-//# sourceMappingURL=border-style.js.map

package/dist/lib/css/property-descriptors/border-width.js

@@ -18,4 +18,3 @@ exports.borderTopWidth = borderWidthForSide('top');
 exports.borderRightWidth = borderWidthForSide('right');
 exports.borderBottomWidth = borderWidthForSide('bottom');
 exports.borderLeftWidth = borderWidthForSide('left');
-//# sourceMappingURL=border-width.js.map

package/dist/lib/css/property-descriptors/box-shadow.js

@@ -52,4 +52,3 @@ exports.boxShadow = {
         });
     }
 };
-//# sourceMappingURL=box-shadow.js.map

package/dist/lib/css/property-descriptors/clip-path.js

@@ -187,4 +187,3 @@ exports.clipPath = {
         return NONE;
     }
 };
-//# sourceMappingURL=clip-path.js.map

package/dist/lib/css/property-descriptors/color.js

@@ -8,4 +8,3 @@ exports.color = {
     type: 3 /* PropertyDescriptorParsingType.TYPE_VALUE */,
     format: 'color'
 };
-//# sourceMappingURL=color.js.map

package/dist/lib/css/property-descriptors/content.js

@@ -17,4 +17,3 @@ exports.content = {
         return tokens;
     }
 };
-//# sourceMappingURL=content.js.map

package/dist/lib/css/property-descriptors/counter-increment.js

@@ -28,4 +28,3 @@ exports.counterIncrement = {
         return increments;
     }
 };
-//# sourceMappingURL=counter-increment.js.map

package/dist/lib/css/property-descriptors/counter-reset.js

@@ -24,4 +24,3 @@ exports.counterReset = {
         return resets;
     }
 };
-//# sourceMappingURL=counter-reset.js.map

package/dist/lib/css/property-descriptors/direction.js

@@ -16,4 +16,3 @@ exports.direction = {
         }
     }
 };
-//# sourceMappingURL=direction.js.map

package/dist/lib/css/property-descriptors/display.js

@@ -79,4 +79,3 @@ const parseDisplayValue = (display) => {
     }
     return 0 /* DISPLAY.NONE */;
 };
-//# sourceMappingURL=display.js.map

package/dist/lib/css/property-descriptors/duration.js

@@ -12,4 +12,3 @@ exports.duration = {
         return tokens.filter(parser_1.isDimensionToken).map((token) => time_1.time.parse(context, token));
     }
 };
-//# sourceMappingURL=duration.js.map

package/dist/lib/css/property-descriptors/float.js

@@ -20,4 +20,3 @@ exports.float = {
         return 0 /* FLOAT.NONE */;
     }
 };
-//# sourceMappingURL=float.js.map

package/dist/lib/css/property-descriptors/font-family.js

@@ -30,4 +30,3 @@ exports.fontFamily = {
         return results.map((result) => (result.indexOf(' ') === -1 ? result : `'${result}'`));
     }
 };
-//# sourceMappingURL=font-family.js.map

package/dist/lib/css/property-descriptors/font-size.js

@@ -8,4 +8,3 @@ exports.fontSize = {
     type: 3 /* PropertyDescriptorParsingType.TYPE_VALUE */,
     format: 'length'
 };
-//# sourceMappingURL=font-size.js.map

package/dist/lib/css/property-descriptors/font-style.js

@@ -18,4 +18,3 @@ exports.fontStyle = {
         }
     }
 };
-//# sourceMappingURL=font-style.js.map

package/dist/lib/css/property-descriptors/font-variant.js

@@ -11,4 +11,3 @@ exports.fontVariant = {
         return tokens.filter(parser_1.isIdentToken).map((token) => token.value);
     }
 };
-//# sourceMappingURL=font-variant.js.map

package/dist/lib/css/property-descriptors/font-weight.js

@@ -23,4 +23,3 @@ exports.fontWeight = {
         return 400;
     }
 };
-//# sourceMappingURL=font-weight.js.map

package/dist/lib/css/property-descriptors/image-rendering.js

@@ -31,4 +31,3 @@ exports.imageRendering = {
         }
     }
 };
-//# sourceMappingURL=image-rendering.js.map

package/dist/lib/css/property-descriptors/letter-spacing.js

@@ -19,4 +19,3 @@ exports.letterSpacing = {
         return 0;
     }
 };
-//# sourceMappingURL=letter-spacing.js.map

package/dist/lib/css/property-descriptors/line-break.js

@@ -21,4 +21,3 @@ exports.lineBreak = {
         }
     }
 };
-//# sourceMappingURL=line-break.js.map

package/dist/lib/css/property-descriptors/line-height.js

@@ -22,4 +22,3 @@ const computeLineHeight = (token, fontSize) => {
     return fontSize;
 };
 exports.computeLineHeight = computeLineHeight;
-//# sourceMappingURL=line-height.js.map

package/dist/lib/css/property-descriptors/list-style-image.js

@@ -14,4 +14,3 @@ exports.listStyleImage = {
         return image_1.image.parse(context, token);
     }
 };
-//# sourceMappingURL=list-style-image.js.map

package/dist/lib/css/property-descriptors/list-style-position.js

@@ -16,4 +16,3 @@ exports.listStylePosition = {
         }
     }
 };
-//# sourceMappingURL=list-style-position.js.map

package/dist/lib/css/property-descriptors/list-style-type.js

@@ -120,4 +120,3 @@ exports.listStyleType = {
         }
     }
 };
-//# sourceMappingURL=list-style-type.js.map

package/dist/lib/css/property-descriptors/margin.js

@@ -11,4 +11,3 @@ exports.marginTop = marginForSide('top');
 exports.marginRight = marginForSide('right');
 exports.marginBottom = marginForSide('bottom');
 exports.marginLeft = marginForSide('left');
-//# sourceMappingURL=margin.js.map

package/dist/lib/css/property-descriptors/mix-blend-mode.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mixBlendMode = exports.MIX_BLEND_MODE = void 0;
+exports.MIX_BLEND_MODE = {
+    NORMAL: 'normal',
+    MULTIPLY: 'multiply',
+    SCREEN: 'screen',
+    OVERLAY: 'overlay',
+    DARKEN: 'darken',
+    LIGHTEN: 'lighten',
+    COLOR_DODGE: 'color-dodge',
+    COLOR_BURN: 'color-burn',
+    HARD_LIGHT: 'hard-light',
+    SOFT_LIGHT: 'soft-light',
+    DIFFERENCE: 'difference',
+    EXCLUSION: 'exclusion',
+    HUE: 'hue',
+    SATURATION: 'saturation',
+    COLOR: 'color',
+    LUMINOSITY: 'luminosity'
+};
+const VALID_VALUES = new Set(Object.values(exports.MIX_BLEND_MODE));
+exports.mixBlendMode = {
+    name: 'mix-blend-mode',
+    initialValue: 'normal',
+    type: 2 /* PropertyDescriptorParsingType.IDENT_VALUE */,
+    prefix: false,
+    parse: (_context, token) => {
+        return VALID_VALUES.has(token) ? token : exports.MIX_BLEND_MODE.NORMAL;
+    }
+};

package/dist/lib/css/property-descriptors/object-fit.js

@@ -26,4 +26,3 @@ const parseDisplayValue = (display) => {
     }
     return 0 /* OBJECT_FIT.FILL */;
 };
-//# sourceMappingURL=object-fit.js.map

package/dist/lib/css/property-descriptors/opacity.js

@@ -14,4 +14,3 @@ exports.opacity = {
         return 1;
     }
 };
-//# sourceMappingURL=opacity.js.map

package/dist/lib/css/property-descriptors/overflow-wrap.js

@@ -16,4 +16,3 @@ exports.overflowWrap = {
         }
     }
 };
-//# sourceMappingURL=overflow-wrap.js.map

package/dist/lib/css/property-descriptors/overflow.js

@@ -25,4 +25,3 @@ exports.overflow = {
         });
     }
 };
-//# sourceMappingURL=overflow.js.map

package/dist/lib/css/property-descriptors/padding.js

@@ -12,4 +12,3 @@ exports.paddingTop = paddingForSide('top');
 exports.paddingRight = paddingForSide('right');
 exports.paddingBottom = paddingForSide('bottom');
 exports.paddingLeft = paddingForSide('left');
-//# sourceMappingURL=padding.js.map

package/dist/lib/css/property-descriptors/paint-order.js

@@ -31,4 +31,3 @@ exports.paintOrder = {
         return layers;
     }
 };
-//# sourceMappingURL=paint-order.js.map

package/dist/lib/css/property-descriptors/position.js

@@ -20,4 +20,3 @@ exports.position = {
         return 0 /* POSITION.STATIC */;
     }
 };
-//# sourceMappingURL=position.js.map

package/dist/lib/css/property-descriptors/quotes.js

@@ -39,4 +39,3 @@ const getQuote = (quotes, depth, open) => {
     return open ? quote.open : quote.close;
 };
 exports.getQuote = getQuote;
-//# sourceMappingURL=quotes.js.map