html2canvas-pro 2.0.3 → 2.1.0

package/dist/lib/render/effects.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isClipPathEffect = exports.isOpacityEffect = exports.isClipEffect = exports.isTransformEffect = exports.ClipPathEffect = exports.OpacityEffect = exports.ClipEffect = exports.TransformEffect = void 0;
+exports.isBlendEffect = exports.isClipPathEffect = exports.isOpacityEffect = exports.isClipEffect = exports.isTransformEffect = exports.BlendEffect = exports.ClipPathEffect = exports.OpacityEffect = exports.ClipEffect = exports.TransformEffect = void 0;
 class TransformEffect {
     constructor(offsetX, offsetY, matrix) {
         this.offsetX = offsetX;
@@ -41,6 +41,14 @@ class ClipPathEffect {
     }
 }
 exports.ClipPathEffect = ClipPathEffect;
+class BlendEffect {
+    constructor(compositeOperation) {
+        this.compositeOperation = compositeOperation;
+        this.type = 4 /* EffectType.BLEND */;
+        this.target = 2 /* EffectTarget.BACKGROUND_BORDERS */ | 4 /* EffectTarget.CONTENT */;
+    }
+}
+exports.BlendEffect = BlendEffect;
 const isTransformEffect = (effect) => effect.type === 0 /* EffectType.TRANSFORM */;
 exports.isTransformEffect = isTransformEffect;
 const isClipEffect = (effect) => effect.type === 1 /* EffectType.CLIP */;
@@ -49,4 +57,5 @@ const isOpacityEffect = (effect) => effect.type === 2 /* EffectType.OPACITY */;
 exports.isOpacityEffect = isOpacityEffect;
 const isClipPathEffect = (effect) => effect.type === 3 /* EffectType.CLIP_PATH */;
 exports.isClipPathEffect = isClipPathEffect;
-//# sourceMappingURL=effects.js.map
+const isBlendEffect = (effect) => effect.type === 4 /* EffectType.BLEND */;
+exports.isBlendEffect = isBlendEffect;

package/dist/lib/render/font-metrics.js

@@ -51,4 +51,3 @@ class FontMetrics {
     }
 }
 exports.FontMetrics = FontMetrics;
-//# sourceMappingURL=font-metrics.js.map

package/dist/lib/render/object-fit.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateObjectFitRendering = void 0;
+const calculateObjectFitRendering = (intrinsicWidth, intrinsicHeight, box, objectFit) => {
+    let sx = 0;
+    let sy = 0;
+    let sw = intrinsicWidth;
+    let sh = intrinsicHeight;
+    let dx = box.left;
+    let dy = box.top;
+    let dw = box.width;
+    let dh = box.height;
+    const boxRatio = dw / dh;
+    const imgRatio = sw / sh;
+    if (objectFit === 2 /* OBJECT_FIT.CONTAIN */) {
+        if (imgRatio > boxRatio) {
+            dh = dw / imgRatio;
+            dy += (box.height - dh) / 2;
+        }
+        else {
+            dw = dh * imgRatio;
+            dx += (box.width - dw) / 2;
+        }
+    }
+    else if (objectFit === 4 /* OBJECT_FIT.COVER */) {
+        if (imgRatio > boxRatio) {
+            sw = sh * boxRatio;
+            sx += (intrinsicWidth - sw) / 2;
+        }
+        else {
+            sh = sw / boxRatio;
+            sy += (intrinsicHeight - sh) / 2;
+        }
+    }
+    else if (objectFit === 8 /* OBJECT_FIT.NONE */) {
+        if (sw > dw) {
+            sx += (sw - dw) / 2;
+            sw = dw;
+        }
+        else {
+            dx += (dw - sw) / 2;
+            dw = sw;
+        }
+        if (sh > dh) {
+            sy += (sh - dh) / 2;
+            sh = dh;
+        }
+        else {
+            dy += (dh - sh) / 2;
+            dh = sh;
+        }
+    }
+    else if (objectFit === 16 /* OBJECT_FIT.SCALE_DOWN */) {
+        const containW = imgRatio > boxRatio ? dw : dh * imgRatio;
+        const noneW = sw > dw ? sw : dw;
+        if (containW < noneW) {
+            if (imgRatio > boxRatio) {
+                dh = dw / imgRatio;
+                dy += (box.height - dh) / 2;
+            }
+            else {
+                dw = dh * imgRatio;
+                dx += (box.width - dw) / 2;
+            }
+        }
+        else {
+            if (sw > dw) {
+                sx += (sw - dw) / 2;
+                sw = dw;
+            }
+            else {
+                dx += (dw - sw) / 2;
+                dw = sw;
+            }
+            if (sh > dh) {
+                sy += (sh - dh) / 2;
+                sh = dh;
+            }
+            else {
+                dy += (dh - sh) / 2;
+                dh = sh;
+            }
+        }
+    }
+    return { sx, sy, sw, sh, dx, dy, dw, dh };
+};
+exports.calculateObjectFitRendering = calculateObjectFitRendering;

package/dist/lib/render/path.js

@@ -24,4 +24,3 @@ const transformPath = (path, deltaX, deltaY, deltaW, deltaH) => {
     });
 };
 exports.transformPath = transformPath;
-//# sourceMappingURL=path.js.map

package/dist/lib/render/renderer-interface.js

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

package/dist/lib/render/stacking-context.js

@@ -9,6 +9,7 @@ const ol_element_container_1 = require("../dom/elements/ol-element-container");
 const li_element_container_1 = require("../dom/elements/li-element-container");
 const counter_1 = require("../css/types/functions/counter");
 const length_percentage_1 = require("../css/types/length-percentage");
+const mix_blend_mode_1 = require("../css/property-descriptors/mix-blend-mode");
 class StackingContext {
     constructor(container) {
         this.element = container;
@@ -50,7 +51,7 @@ class ElementPaint {
             const matrix = this.container.styles.transform;
             this.effects.push(new effects_1.TransformEffect(offsetX, offsetY, matrix));
         }
-        if (this.container.styles.overflowX !== 0 /* OVERFLOW.VISIBLE */) {
+        if (hasOverflowClip(this.container.styles)) {
             const borderBox = (0, bound_curves_1.calculateBorderBoxPath)(this.curves);
             const paddingBox = (0, bound_curves_1.calculatePaddingBoxPath)(this.curves);
             if ((0, path_1.equalPath)(borderBox, paddingBox)) {
@@ -67,6 +68,9 @@ class ElementPaint {
                 this.effects.push(clipPathEffect);
             }
         }
+        if (this.container.styles.mixBlendMode !== mix_blend_mode_1.MIX_BLEND_MODE.NORMAL) {
+            this.effects.push(new effects_1.BlendEffect(this.container.styles.mixBlendMode));
+        }
     }
     getEffects(target) {
         let inFlow = [2 /* POSITION.ABSOLUTE */, 3 /* POSITION.FIXED */].indexOf(this.container.styles.position) === -1;
@@ -76,7 +80,7 @@ class ElementPaint {
             const croplessEffects = parent.effects.filter((effect) => !(0, effects_1.isClipEffect)(effect));
             if (inFlow || parent.container.styles.position !== 0 /* POSITION.STATIC */ || !parent.parent) {
                 inFlow = [2 /* POSITION.ABSOLUTE */, 3 /* POSITION.FIXED */].indexOf(parent.container.styles.position) === -1;
-                if (parent.container.styles.overflowX !== 0 /* OVERFLOW.VISIBLE */) {
+                if (hasOverflowClip(parent.container.styles)) {
                     const borderBox = (0, bound_curves_1.calculateBorderBoxPath)(parent.curves);
                     const paddingBox = (0, bound_curves_1.calculatePaddingBoxPath)(parent.curves);
                     if (!(0, path_1.equalPath)(borderBox, paddingBox)) {
@@ -94,6 +98,7 @@ class ElementPaint {
     }
 }
 exports.ElementPaint = ElementPaint;
+const hasOverflowClip = (styles) => styles.overflowX !== 0 /* OVERFLOW.VISIBLE */ || styles.overflowY !== 0 /* OVERFLOW.VISIBLE */;
 /**
  * Resolve a `closest-side` or `farthest-side` shape-radius keyword to pixels
  * for a single axis. Used by both `circle()` (per-axis) and `ellipse()`.
@@ -195,11 +200,15 @@ const buildClipPathEffect = (clipPath, bounds) => {
             // by a preceding TransformEffect, so the path coordinates end up correctly in
             // the element's transformed local space — matching browser behaviour.
             const { d } = clipPath;
+            let cachedPath = null;
             return new effects_1.ClipPathEffect((ctx) => {
                 try {
+                    if (!cachedPath) {
+                        cachedPath = new Path2D(d);
+                    }
                     const savedTransform = ctx.getTransform();
                     ctx.translate(bLeft, bTop);
-                    ctx.clip(new Path2D(d));
+                    ctx.clip(cachedPath);
                     ctx.setTransform(savedTransform);
                 }
                 catch (_e) {
@@ -221,13 +230,13 @@ const buildClipPathEffect = (clipPath, bounds) => {
 };
 const parseStackTree = (parent, stackingContext, realStackingContext, listItems) => {
     parent.container.elements.forEach((child) => {
-        const treatAsRealStackingContext = (0, bitwise_1.contains)(child.flags, 4 /* FLAGS.CREATES_REAL_STACKING_CONTEXT */);
-        const createsStackingContext = (0, bitwise_1.contains)(child.flags, 2 /* FLAGS.CREATES_STACKING_CONTEXT */);
+        const treatAsRealStackingContext = child.createsRealStackingContext;
+        const createsStackingContext = child.createsStackingContext;
         const paintContainer = new ElementPaint(child, parent);
         if ((0, bitwise_1.contains)(child.styles.display, 2048 /* DISPLAY.LIST_ITEM */)) {
             listItems.push(paintContainer);
         }
-        const listOwnerItems = (0, bitwise_1.contains)(child.flags, 8 /* FLAGS.IS_LIST_OWNER */) ? [] : listItems;
+        const listOwnerItems = child.isListOwner ? [] : listItems;
         if (treatAsRealStackingContext || createsStackingContext) {
             const parentStack = treatAsRealStackingContext || child.styles.isPositioned() ? realStackingContext : stackingContext;
             const stack = new StackingContext(paintContainer);
@@ -284,7 +293,7 @@ const parseStackTree = (parent, stackingContext, realStackingContext, listItems)
             }
             parseStackTree(paintContainer, stackingContext, realStackingContext, listOwnerItems);
         }
-        if ((0, bitwise_1.contains)(child.flags, 8 /* FLAGS.IS_LIST_OWNER */)) {
+        if (child.isListOwner) {
             processListItems(child, listOwnerItems);
         }
     });
@@ -312,4 +321,3 @@ const parseStackingContexts = (container) => {
     return root;
 };
 exports.parseStackingContexts = parseStackingContexts;
-//# sourceMappingURL=stacking-context.js.map

package/dist/lib/render/vector.js

@@ -14,4 +14,3 @@ class Vector {
 exports.Vector = Vector;
 const isVector = (path) => path.type === 0 /* PathType.VECTOR */;
 exports.isVector = isVector;
-//# sourceMappingURL=vector.js.map

package/dist/types/core/cache-storage.d.ts

@@ -40,15 +40,14 @@ export declare class Cache {
     constructor(context: Context, _options: ResourceOptions);
     addImage(src: string): Promise<void>;
     private _addImageInternal;
-    match(src: string): Promise<any> | undefined;
+    private withTimeout;
+    match(src: string): Promise<HTMLImageElement | HTMLCanvasElement | undefined> | undefined;
     /**
-     * Set a value in cache with LRU eviction
+     * Set a value in cache with LRU eviction (O(1) via Map insertion order).
+     * Map preserves insertion order; delete+set on access moves items to the end.
+     * The first key in Map.keys() is always the least recently used.
      */
     private set;
-    /**
-     * Evict least recently used entry
-     */
-    private evictLRU;
     /**
      * Get cache size
      */

package/dist/types/core/performance-monitor.d.ts

@@ -118,14 +118,3 @@ export declare class PerformanceMonitor {
      */
     getActiveMetrics(): string[];
 }
-/**
- * Create a no-op performance monitor for production
- * Has minimal overhead when disabled
- */
-export declare class NoOpPerformanceMonitor extends PerformanceMonitor {
-    constructor();
-    start(): void;
-    end(): undefined;
-    measure<T>(_name: string, fn: () => T): T;
-    measureAsync<T>(_name: string, fn: () => Promise<T>): Promise<T>;
-}

package/dist/types/core/render-element.d.ts

@@ -0,0 +1,3 @@
+import { Html2CanvasConfig } from '../config';
+import type { Options } from '../options';
+export declare const renderElement: (element: HTMLElement, opts: Partial<Options>, config: Html2CanvasConfig) => Promise<HTMLCanvasElement>;

package/dist/types/css/index.d.ts

@@ -27,6 +27,7 @@ import { transformOrigin } from './property-descriptors/transform-origin';
 import { rotate } from './property-descriptors/rotate';
 import { visibility } from './property-descriptors/visibility';
 import { wordBreak } from './property-descriptors/word-break';
+import { writingMode } from './property-descriptors/writing-mode';
 import { zIndex } from './property-descriptors/z-index';
 import { CSSValue } from './syntax/parser';
 import { Color } from './types/color';
@@ -53,6 +54,7 @@ import { Context } from '../core/context';
 import { objectFit } from './property-descriptors/object-fit';
 import { textOverflow } from './property-descriptors/text-overflow';
 import { imageRendering } from './property-descriptors/image-rendering';
+import { MixBlendMode } from './property-descriptors/mix-blend-mode';
 export declare class CSSParsedDeclaration {
     animationDuration: ReturnType<typeof duration.parse>;
     backgroundClip: ReturnType<typeof backgroundClip.parse>;
@@ -126,9 +128,12 @@ export declare class CSSParsedDeclaration {
     webkitTextStrokeWidth: ReturnType<typeof webkitTextStrokeWidth.parse>;
     webkitLineClamp: ReturnType<typeof webkitLineClamp.parse>;
     wordBreak: ReturnType<typeof wordBreak.parse>;
+    writingMode: ReturnType<typeof writingMode.parse>;
     zIndex: ReturnType<typeof zIndex.parse>;
     objectFit: ReturnType<typeof objectFit.parse>;
     imageRendering: ReturnType<typeof imageRendering.parse>;
+    mixBlendMode: MixBlendMode;
+    private static readonly standardProps;
     constructor(context: Context, declaration: CSSStyleDeclaration);
     isVisible(): boolean;
     isTransparent(): boolean;

package/dist/types/css/property-descriptors/background-clip.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum BACKGROUND_CLIP {
     BORDER_BOX = 0,
     PADDING_BOX = 1,

package/dist/types/css/property-descriptors/background-color.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyTypeValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTypeValueDescriptor } from '../property-descriptor';
 export declare const backgroundColor: IPropertyTypeValueDescriptor;

package/dist/types/css/property-descriptors/background-image.d.ts

@@ -1,3 +1,3 @@
 import { ICSSImage } from '../types/image';
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const backgroundImage: IPropertyListDescriptor<ICSSImage[]>;

package/dist/types/css/property-descriptors/background-origin.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum BACKGROUND_ORIGIN {
     BORDER_BOX = 0,
     PADDING_BOX = 1,

package/dist/types/css/property-descriptors/background-position.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { LengthPercentageTuple } from '../types/length-percentage';
 export type BackgroundPosition = BackgroundImagePosition[];
 export type BackgroundImagePosition = LengthPercentageTuple;

package/dist/types/css/property-descriptors/background-repeat.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export type BackgroundRepeat = BACKGROUND_REPEAT[];
 export declare const enum BACKGROUND_REPEAT {
     REPEAT = 0,

package/dist/types/css/property-descriptors/background-size.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { LengthPercentage } from '../types/length-percentage';
 import { StringValueToken } from '../syntax/tokenizer';
 export declare enum BACKGROUND_SIZE {

package/dist/types/css/property-descriptors/border-color.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyTypeValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTypeValueDescriptor } from '../property-descriptor';
 export declare const borderTopColor: IPropertyTypeValueDescriptor;
 export declare const borderRightColor: IPropertyTypeValueDescriptor;
 export declare const borderBottomColor: IPropertyTypeValueDescriptor;

package/dist/types/css/property-descriptors/border-radius.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { LengthPercentageTuple } from '../types/length-percentage';
 export type BorderRadius = LengthPercentageTuple;
 export declare const borderTopLeftRadius: IPropertyListDescriptor<BorderRadius>;

package/dist/types/css/property-descriptors/border-style.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum BORDER_STYLE {
     NONE = 0,
     SOLID = 1,

package/dist/types/css/property-descriptors/border-width.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export declare const borderTopWidth: IPropertyValueDescriptor<number>;
 export declare const borderRightWidth: IPropertyValueDescriptor<number>;
 export declare const borderBottomWidth: IPropertyValueDescriptor<number>;

package/dist/types/css/property-descriptors/box-shadow.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { Color } from '../types/color';
 import { Length } from '../types/length';
 export type BoxShadow = BoxShadowItem[];

package/dist/types/css/property-descriptors/clip-path.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 import { LengthPercentage } from '../types/length-percentage';
 export declare const enum CLIP_PATH_TYPE {
     NONE = 0,

package/dist/types/css/property-descriptors/color.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyTypeValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTypeValueDescriptor } from '../property-descriptor';
 export declare const color: IPropertyTypeValueDescriptor;

package/dist/types/css/property-descriptors/content.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { CSSValue } from '../syntax/parser';
 export type Content = CSSValue[];
 export declare const content: IPropertyListDescriptor<Content>;

package/dist/types/css/property-descriptors/counter-increment.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export interface COUNTER_INCREMENT {
     counter: string;
     increment: number;

package/dist/types/css/property-descriptors/counter-reset.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export interface COUNTER_RESET {
     counter: string;
     reset: number;

package/dist/types/css/property-descriptors/direction.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum DIRECTION {
     LTR = 0,
     RTL = 1

package/dist/types/css/property-descriptors/display.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum DISPLAY {
     NONE = 0,
     BLOCK = 2,

package/dist/types/css/property-descriptors/duration.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const duration: IPropertyListDescriptor<number[]>;

package/dist/types/css/property-descriptors/float.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum FLOAT {
     NONE = 0,
     LEFT = 1,

package/dist/types/css/property-descriptors/font-family.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export type FONT_FAMILY = string;
 export type FontFamily = FONT_FAMILY[];
 export declare const fontFamily: IPropertyListDescriptor<FontFamily>;

package/dist/types/css/property-descriptors/font-size.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyTypeValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTypeValueDescriptor } from '../property-descriptor';
 export declare const fontSize: IPropertyTypeValueDescriptor;

package/dist/types/css/property-descriptors/font-style.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum FONT_STYLE {
     NORMAL = "normal",
     ITALIC = "italic",

package/dist/types/css/property-descriptors/font-variant.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const fontVariant: IPropertyListDescriptor<string[]>;

package/dist/types/css/property-descriptors/font-weight.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export declare const fontWeight: IPropertyValueDescriptor<number>;

package/dist/types/css/property-descriptors/image-rendering.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare enum IMAGE_RENDERING {
     AUTO = 0,
     CRISP_EDGES = 1,

package/dist/types/css/property-descriptors/letter-spacing.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export declare const letterSpacing: IPropertyValueDescriptor<number>;

package/dist/types/css/property-descriptors/line-break.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare enum LINE_BREAK {
     NORMAL = "normal",
     STRICT = "strict"

package/dist/types/css/property-descriptors/line-height.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyTokenValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTokenValueDescriptor } from '../property-descriptor';
 import { CSSValue } from '../syntax/parser';
 export declare const lineHeight: IPropertyTokenValueDescriptor;
 export declare const computeLineHeight: (token: CSSValue, fontSize: number) => number;

package/dist/types/css/property-descriptors/list-style-image.d.ts

@@ -1,3 +1,3 @@
 import { ICSSImage } from '../types/image';
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export declare const listStyleImage: IPropertyValueDescriptor<ICSSImage | null>;

package/dist/types/css/property-descriptors/list-style-position.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum LIST_STYLE_POSITION {
     INSIDE = 0,
     OUTSIDE = 1

package/dist/types/css/property-descriptors/list-style-type.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum LIST_STYLE_TYPE {
     NONE = -1,
     DISC = 0,

package/dist/types/css/property-descriptors/margin.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyTokenValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTokenValueDescriptor } from '../property-descriptor';
 export declare const marginTop: IPropertyTokenValueDescriptor;
 export declare const marginRight: IPropertyTokenValueDescriptor;
 export declare const marginBottom: IPropertyTokenValueDescriptor;

package/dist/types/css/property-descriptors/mix-blend-mode.d.ts

@@ -0,0 +1,21 @@
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
+export declare const MIX_BLEND_MODE: {
+    readonly NORMAL: "normal";
+    readonly MULTIPLY: "multiply";
+    readonly SCREEN: "screen";
+    readonly OVERLAY: "overlay";
+    readonly DARKEN: "darken";
+    readonly LIGHTEN: "lighten";
+    readonly COLOR_DODGE: "color-dodge";
+    readonly COLOR_BURN: "color-burn";
+    readonly HARD_LIGHT: "hard-light";
+    readonly SOFT_LIGHT: "soft-light";
+    readonly DIFFERENCE: "difference";
+    readonly EXCLUSION: "exclusion";
+    readonly HUE: "hue";
+    readonly SATURATION: "saturation";
+    readonly COLOR: "color";
+    readonly LUMINOSITY: "luminosity";
+};
+export type MixBlendMode = (typeof MIX_BLEND_MODE)[keyof typeof MIX_BLEND_MODE];
+export declare const mixBlendMode: IPropertyIdentValueDescriptor<MixBlendMode>;

package/dist/types/css/property-descriptors/object-fit.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum OBJECT_FIT {
     FILL = 0,
     CONTAIN = 2,

package/dist/types/css/property-descriptors/opacity.d.ts

@@ -1,2 +1,2 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export declare const opacity: IPropertyValueDescriptor<number>;

package/dist/types/css/property-descriptors/overflow-wrap.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum OVERFLOW_WRAP {
     NORMAL = "normal",
     BREAK_WORD = "break-word"

package/dist/types/css/property-descriptors/overflow.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum OVERFLOW {
     VISIBLE = 0,
     HIDDEN = 1,

package/dist/types/css/property-descriptors/padding.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyTypeValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyTypeValueDescriptor } from '../property-descriptor';
 export declare const paddingTop: IPropertyTypeValueDescriptor;
 export declare const paddingRight: IPropertyTypeValueDescriptor;
 export declare const paddingBottom: IPropertyTypeValueDescriptor;

package/dist/types/css/property-descriptors/paint-order.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export declare const enum PAINT_ORDER_LAYER {
     FILL = 0,
     STROKE = 1,

package/dist/types/css/property-descriptors/position.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare const enum POSITION {
     STATIC = 0,
     RELATIVE = 1,

package/dist/types/css/property-descriptors/quotes.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 export interface QUOTE {
     open: string;
     close: string;

package/dist/types/css/property-descriptors/rotate.d.ts

@@ -1,3 +1,3 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export type Rotate = number | null;
 export declare const rotate: IPropertyValueDescriptor<Rotate>;