html2canvas-pro 2.0.3 → 2.1.0

package/dist/types/css/property-descriptors/text-align.d.ts

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

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

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

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

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

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

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

package/dist/types/css/property-descriptors/text-decoration-thickness.d.ts

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

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

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

package/dist/types/css/property-descriptors/text-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 TextShadow = TextShadowItem[];

package/dist/types/css/property-descriptors/text-transform.d.ts

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

package/dist/types/css/property-descriptors/text-underline-offset.d.ts

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

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

@@ -1,4 +1,4 @@
-import { IPropertyListDescriptor } from '../IPropertyDescriptor';
+import { IPropertyListDescriptor } from '../property-descriptor';
 import { LengthPercentage } from '../types/length-percentage';
 export type TransformOrigin = [LengthPercentage, LengthPercentage];
 export declare const transformOrigin: IPropertyListDescriptor<TransformOrigin>;

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

@@ -1,4 +1,4 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 export type Matrix = [number, number, number, number, number, number];
 export type Transform = Matrix | null;
 export declare const transform: IPropertyValueDescriptor<Transform>;

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

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

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

@@ -1,4 +1,4 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 /**
  * -webkit-line-clamp property descriptor
  * Used with display: -webkit-box and -webkit-box-orient: vertical

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

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

package/dist/types/css/property-descriptors/webkit-text-stroke-width.d.ts

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

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

@@ -1,4 +1,4 @@
-import { IPropertyIdentValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
 export declare enum WORD_BREAK {
     NORMAL = "normal",
     BREAK_ALL = "break-all",

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

@@ -0,0 +1,11 @@
+import { IPropertyIdentValueDescriptor } from '../property-descriptor';
+export declare const enum WRITING_MODE {
+    HORIZONTAL_TB = 0,
+    VERTICAL_RL = 1,
+    VERTICAL_LR = 2,
+    SIDEWAYS_RL = 3,
+    SIDEWAYS_LR = 4
+}
+export declare const isVerticalWritingMode: (writingMode: WRITING_MODE) => boolean;
+export declare const isSidewaysWritingMode: (writingMode: WRITING_MODE) => boolean;
+export declare const writingMode: IPropertyIdentValueDescriptor<WRITING_MODE>;

package/dist/types/css/property-descriptors/z-index.d.ts

@@ -1,4 +1,4 @@
-import { IPropertyValueDescriptor } from '../IPropertyDescriptor';
+import { IPropertyValueDescriptor } from '../property-descriptor';
 interface zIndex {
     order: number;
     auto: boolean;

package/dist/types/css/syntax/tokenizer.d.ts

@@ -71,8 +71,13 @@ export declare const FLAG_INTEGER: number;
 export declare const FLAG_NUMBER: number;
 export declare const EOF_TOKEN: Token;
 export declare class Tokenizer {
+    private static _pool;
+    private static readonly MAX_POOL_SIZE;
+    static get(): Tokenizer;
+    static release(tokenizer: Tokenizer): void;
     private _value;
     constructor();
+    private _reset;
     write(chunk: string): void;
     read(): CSSToken[];
     private consumeToken;

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

@@ -1,5 +1,5 @@
 import { CSSValue } from '../syntax/parser';
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { GradientCorner } from './image';
 export declare const angle: ITypeDescriptor<number>;
 export declare const isAngle: (value: CSSValue) => boolean;

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

@@ -1,4 +1,4 @@
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { Context } from '../../core/context';
 export type Color = number;
 export declare const color: ITypeDescriptor<Color>;

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

@@ -1,6 +1,6 @@
 import { CSSValue } from '../syntax/parser';
 import { Color } from './color';
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { LengthPercentage } from './length-percentage';
 export declare const enum CSSImageType {
     URL = 0,

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

@@ -1,2 +1,2 @@
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 export declare const time: ITypeDescriptor<number>;

package/dist/types/dom/element-container.d.ts

@@ -2,17 +2,7 @@ import { CSSParsedDeclaration } from '../css/index';
 import { TextContainer } from './text-container';
 import { Bounds } from '../css/layout/bounds';
 import { Context } from '../core/context';
-export declare const enum FLAGS {
-    CREATES_STACKING_CONTEXT = 2,
-    CREATES_REAL_STACKING_CONTEXT = 4,
-    IS_LIST_OWNER = 8,
-    DEBUG_RENDER = 16
-}
 export interface ElementContainerOptions {
-    /**
-     * Whether to normalize DOM (disable animations, reset transforms)
-     * Default: true for backward compatibility
-     */
     normalizeDom?: boolean;
 }
 export declare class ElementContainer {
@@ -21,7 +11,10 @@ export declare class ElementContainer {
     readonly textNodes: TextContainer[];
     readonly elements: ElementContainer[];
     bounds: Bounds;
-    flags: number;
+    createsStackingContext: boolean;
+    createsRealStackingContext: boolean;
+    isListOwner: boolean;
+    debugRender: boolean;
     private originalStyles?;
     private originalElement?;
     constructor(context: Context, element: Element, options?: ElementContainerOptions);

package/dist/types/dom/node-parser.d.ts

@@ -1,18 +1,5 @@
 import { ElementContainer } from './element-container';
 import { Context } from '../core/context';
-import { isElementNode, isTextNode, isSVGElementNode, isHTMLElementNode, isLIElement, isOLElement, isCustomElement } from './node-type-guards';
-export { isElementNode, isTextNode, isSVGElementNode, isHTMLElementNode, isLIElement, isOLElement, isCustomElement };
+import { isBodyElement, isCanvasElement, isCustomElement, isElementNode, isHTMLElement, isHTMLElementNode, isIFrameElement, isImageElement, isInputElement, isLIElement, isOLElement, isScriptElement, isSelectElement, isSlotElement, isStyleElement, isSVGElement, isSVGElementNode, isTextareaElement, isTextNode, isVideoElement } from './node-type-guards';
+export { isBodyElement, isCanvasElement, isCustomElement, isElementNode, isHTMLElement, isHTMLElementNode, isIFrameElement, isImageElement, isInputElement, isLIElement, isOLElement, isScriptElement, isSelectElement, isSlotElement, isStyleElement, isSVGElement, isSVGElementNode, isTextareaElement, isTextNode, isVideoElement };
 export declare const parseTree: (context: Context, element: HTMLElement) => ElementContainer;
-export declare const isInputElement: (node: Element) => node is HTMLInputElement;
-export declare const isHTMLElement: (node: Element) => node is HTMLHtmlElement;
-export declare const isSVGElement: (node: Element) => node is SVGSVGElement;
-export declare const isBodyElement: (node: Element) => node is HTMLBodyElement;
-export declare const isCanvasElement: (node: Element) => node is HTMLCanvasElement;
-export declare const isVideoElement: (node: Element) => node is HTMLVideoElement;
-export declare const isImageElement: (node: Element) => node is HTMLImageElement;
-export declare const isIFrameElement: (node: Element) => node is HTMLIFrameElement;
-export declare const isStyleElement: (node: Element) => node is HTMLStyleElement;
-export declare const isScriptElement: (node: Element) => node is HTMLScriptElement;
-export declare const isTextareaElement: (node: Element) => node is HTMLTextAreaElement;
-export declare const isSelectElement: (node: Element) => node is HTMLSelectElement;
-export declare const isSlotElement: (node: Element) => node is HTMLSlotElement;

package/dist/types/dom/node-type-guards.d.ts

@@ -1,33 +1,32 @@
 /**
  * DOM Node Type Guards
- * Extracted to break circular dependencies
- */
-/**
- * Check if node is an Element
+ *
+ * All DOM node type guards consolidated here to eliminate duplication
+ * and provide a single source of truth for node type checking.
  */
 export declare const isElementNode: (node: Node) => node is Element;
-/**
- * Check if node is a Text node
- */
 export declare const isTextNode: (node: Node) => node is Text;
-/**
- * Check if element is an SVG element
- */
 export declare const isSVGElementNode: (element: Element) => element is SVGElement;
-/**
- * Check if node is an HTML element
- */
 export declare const isHTMLElementNode: (node: Node) => node is HTMLElement;
-/**
- * Check if node is an LI element
- */
+export declare const isInputElement: (node: Element) => node is HTMLInputElement;
+export declare const isHTMLElement: (node: Element) => node is HTMLHtmlElement;
+export declare const isSVGElement: (node: Element) => node is SVGSVGElement;
+export declare const isBodyElement: (node: Element) => node is HTMLBodyElement;
+export declare const isCanvasElement: (node: Element) => node is HTMLCanvasElement;
+export declare const isVideoElement: (node: Element) => node is HTMLVideoElement;
+export declare const isImageElement: (node: Element) => node is HTMLImageElement;
+export declare const isIFrameElement: (node: Element) => node is HTMLIFrameElement;
+export declare const isStyleElement: (node: Element) => node is HTMLStyleElement;
+export declare const isScriptElement: (node: Element) => node is HTMLScriptElement;
+export declare const isTextareaElement: (node: Element) => node is HTMLTextAreaElement;
+export declare const isSelectElement: (node: Element) => node is HTMLSelectElement;
+export declare const isSlotElement: (node: Element) => node is HTMLSlotElement;
 export declare const isLIElement: (node: Element) => node is HTMLLIElement;
-/**
- * Check if node is an OL element
- */
 export declare const isOLElement: (node: Element) => node is HTMLOListElement;
+export declare const isCustomElement: (element: Element) => element is HTMLElement;
 /**
- * Check if element is a custom element
- * Custom elements must have a hyphen and cannot be SVG elements
+ * Check if an element can have ::before / ::after pseudo-elements.
+ * Per the CSS spec, replaced elements and void elements cannot have pseudo-elements.
+ * SVG elements also do not support pseudo-elements.
  */
-export declare const isCustomElement: (element: Element) => element is HTMLElement;
+export declare const canHavePseudoElements: (element: Element) => boolean;

package/dist/types/index.d.ts

@@ -1,60 +1,40 @@
-import { CloneOptions, WindowOptions } from './dom/document-cloner';
-import { RenderOptions } from './render/canvas/canvas-renderer';
-import { ContextOptions } from './core/context';
 import { Html2CanvasConfig, ConfigOptions } from './config';
 import { createDefaultValidator, Validator, ValidationResult } from './core/validator';
 import { PerformanceMonitor } from './core/performance-monitor';
-export type Options = CloneOptions & WindowOptions & RenderOptions & ContextOptions & {
-    backgroundColor: string | null;
-    foreignObjectRendering: boolean;
-    removeContainer?: boolean;
-    cspNonce?: string;
-    validator?: Validator;
-    skipValidation?: boolean;
-    enablePerformanceMonitoring?: boolean;
-    /**
-     * Enable/disable image smoothing (anti-aliasing) globally.
-     * - `false`: Pixel-perfect rendering for pixel art, sprites, and retro graphics
-     * - `true`: Smooth rendering for photos and high-quality images
-     * - CSS `image-rendering` property on individual elements takes precedence
-     * @default true (browser default)
-     * @example
-     * // Pixel art game screenshot
-     * html2canvas(element, { imageSmoothing: false, scale: 2 });
-     *
-     * // High-quality photo
-     * html2canvas(element, { imageSmoothing: true, imageSmoothingQuality: 'high' });
-     */
-    imageSmoothing?: boolean;
-    /**
-     * Image smoothing quality level when imageSmoothing is enabled.
-     * - `'low'`: Faster, lower quality (good for preview)
-     * - `'medium'`: Balanced (default in most browsers)
-     * - `'high'`: Slower, best quality (good for final export)
-     *
-     * Browser support: Chrome 54+, Firefox 94+, Safari 17+
-     * Falls back gracefully in older browsers.
-     * @default browser default (usually 'low' or 'medium')
-     */
-    imageSmoothingQuality?: 'low' | 'medium' | 'high';
-};
+import type { Options } from './options';
+export type { Options };
 /**
- * Main html2canvas function with improved configuration management
+ * Renders an HTML element to a `<canvas>` element.
+ *
+ * The function clones the target element and its subtree into a hidden iframe,
+ * resolves all computed styles, and paints the result onto a canvas —
+ * producing a visual snapshot of the DOM as it appears in the browser.
+ *
+ * @example
+ * ```ts
+ * import html2canvas from 'html2canvas-pro';
+ *
+ * const canvas = await html2canvas(document.body, {
+ *   backgroundColor: '#ffffff',
+ *   scale: 2,
+ *   useCORS: true
+ * });
+ * document.body.appendChild(canvas);
+ * ```
  *
- * @param element - Element to render
- * @param options - Rendering options
- * @param config - Optional configuration (for advanced use cases)
- * @returns Promise resolving to rendered canvas
+ * @param element - The root HTMLElement to render.
+ * @param options - Rendering options.
+ * @param config  - Advanced configuration. In most cases this is auto-created;
+ *                  only pass it if you need to share a cache across multiple calls.
+ * @returns A promise that resolves to the rendered HTMLCanvasElement.
+ *
+ * @throws {Error} If the element is not attached to a document.
+ * @throws {DOMException} If an {@link Options.signal|AbortSignal} was provided and the operation was aborted.
  */
 declare const html2canvas: {
     (element: HTMLElement, options?: Partial<Options>, config?: Html2CanvasConfig): Promise<HTMLCanvasElement>;
     setCspNonce: (nonce: string) => void;
 };
-/**
- * Set CSP nonce for inline styles
- * @deprecated Use options.cspNonce instead
- */
-declare const setCspNonce: (nonce: string) => void;
 export default html2canvas;
-export { html2canvas, setCspNonce, Html2CanvasConfig, ConfigOptions, Validator, ValidationResult, createDefaultValidator, PerformanceMonitor };
+export { html2canvas, Html2CanvasConfig, ConfigOptions, Validator, ValidationResult, createDefaultValidator, PerformanceMonitor };
 export { IMAGE_RENDERING } from './css/property-descriptors/image-rendering';

package/dist/types/options.d.ts

@@ -0,0 +1,51 @@
+import { CloneOptions, WindowOptions } from './dom/document-cloner';
+import { RenderOptions } from './render/canvas/canvas-renderer';
+import { ContextOptions } from './core/context';
+import { Validator } from './core/validator';
+/**
+ * Options passed to {@link html2canvas}.
+ *
+ * Combines clone, window, render, and context configuration into a single
+ * options object. All properties are optional.
+ */
+export type Options = CloneOptions & WindowOptions & RenderOptions & ContextOptions & {
+    /** Background color for the resulting canvas. Use `null` for transparent. */
+    backgroundColor: string | null;
+    /** Use foreignObject rendering (SVG-based) instead of the default Canvas 2D pipeline. */
+    foreignObjectRendering: boolean;
+    /** Whether to remove the cloned iframe after rendering. @default true */
+    removeContainer?: boolean;
+    /** CSP nonce for inline style elements. */
+    cspNonce?: string;
+    /** Custom input validator. */
+    validator?: Validator;
+    /** Skip pre-render validation of element and options. */
+    skipValidation?: boolean;
+    /** Enable performance monitoring and log a timing summary. */
+    enablePerformanceMonitoring?: boolean;
+    /**
+     * An AbortSignal that can be used to cancel an in-progress render.
+     * When the signal is aborted, the returned promise rejects with an
+     * `AbortError` DOMException.
+     */
+    signal?: AbortSignal;
+    /**
+     * Enable/disable image smoothing (anti-aliasing) globally.
+     * - `false`: Pixel-perfect rendering for pixel art, sprites, and retro graphics
+     * - `true`: Smooth rendering for photos and high-quality images
+     * - CSS `image-rendering` property on individual elements takes precedence
+     * @default true (browser default)
+     */
+    imageSmoothing?: boolean;
+    /**
+     * Image smoothing quality level when imageSmoothing is enabled.
+     * - `'low'`: Faster, lower quality (good for preview)
+     * - `'medium'`: Balanced (default in most browsers)
+     * - `'high'`: Slower, best quality (good for final export)
+     *
+     * Browser support: Chrome 54+, Firefox 94+, Safari 17+
+     * Falls back gracefully in older browsers.
+     * @default browser default (usually 'low' or 'medium')
+     */
+    imageSmoothingQuality?: 'low' | 'medium' | 'high';
+};

package/dist/types/render/canvas/background-renderer.d.ts

@@ -78,10 +78,4 @@ export declare class BackgroundRenderer {
      * @param paths - Array of path points
      */
     private path;
-    /**
-     * Format path points into canvas path
-     *
-     * @param paths - Array of path points
-     */
-    private formatPath;
 }

package/dist/types/render/canvas/canvas-path.d.ts

@@ -0,0 +1,3 @@
+import { Path } from '../path';
+export declare const formatCanvasPath: (ctx: CanvasRenderingContext2D, paths: Path[]) => void;
+export declare const createCanvasPath: (ctx: CanvasRenderingContext2D, paths: Path[]) => void;

package/dist/types/render/canvas/canvas-renderer.d.ts

@@ -4,10 +4,10 @@ import { ElementContainer } from '../../dom/element-container';
 import { Path } from '../path';
 import { BoundCurves } from '../bound-curves';
 import { ReplacedElementContainer } from '../../dom/replaced-elements';
-import { Renderer } from '../renderer';
 import { Context } from '../../core/context';
 export type RenderConfigurations = RenderOptions & {
     backgroundColor: Color | null;
+    signal?: AbortSignal;
     /**
      * Enable/disable image smoothing (anti-aliasing).
      * When disabled, images are rendered with pixel-perfect sharpness (no interpolation).
@@ -32,9 +32,11 @@ export interface RenderOptions {
     width: number;
     height: number;
 }
-export declare class CanvasRenderer extends Renderer {
+export declare class CanvasRenderer {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
+    private readonly context;
+    private readonly options;
     private readonly fontMetrics;
     private readonly backgroundRenderer;
     private readonly borderRenderer;

package/dist/types/render/canvas/foreignobject-renderer.d.ts

@@ -1,11 +1,10 @@
 import { RenderConfigurations } from './canvas-renderer';
-import { Renderer } from '../renderer';
 import { Context } from '../../core/context';
-export declare class ForeignObjectRenderer extends Renderer {
+export declare class ForeignObjectRenderer {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
     options: RenderConfigurations;
+    private readonly context;
     constructor(context: Context, options: RenderConfigurations);
     render(element: HTMLElement): Promise<HTMLCanvasElement>;
 }
-export declare const loadSerializedSVG: (svg: Node) => Promise<HTMLImageElement>;

package/dist/types/render/canvas/text-renderer.d.ts

@@ -15,6 +15,7 @@ import { TextContainer } from '../../dom/text-container';
 import { CSSParsedDeclaration } from '../../css';
 import { Bounds } from '../../css/layout/bounds';
 import { TextBounds } from '../../css/layout/text';
+import { WRITING_MODE } from '../../css/property-descriptors/writing-mode';
 /**
  * Dependencies required for TextRenderer
  */
@@ -52,12 +53,18 @@ export declare class TextRenderer {
      * implementation.
      */
     private iterateLettersWithLetterSpacing;
+    private iterateVerticalGlyphs;
     /**
      * Render text with letter-spacing applied (fill pass).
      * When letterSpacing is 0 the whole string is drawn in one call; otherwise each
      * grapheme is drawn individually so spacing and CJK baseline are applied correctly.
      */
-    renderTextWithLetterSpacing(text: TextBounds, letterSpacing: number, baseline: number): void;
+    renderTextWithLetterSpacing(text: TextBounds, letterSpacing: number, baseline: number, writingMode?: WRITING_MODE): void;
+    private canRenderWholeText;
+    private renderFillText;
+    private renderStrokeText;
+    private renderTextStrokeWithStyle;
+    private renderTextFillWithShadows;
     /**
      * Helper method to render text with paint order support
      * Reduces code duplication in line-clamp and normal rendering

package/dist/types/render/effects.d.ts

@@ -4,7 +4,8 @@ export declare const enum EffectType {
     TRANSFORM = 0,
     CLIP = 1,
     OPACITY = 2,
-    CLIP_PATH = 3
+    CLIP_PATH = 3,
+    BLEND = 4
 }
 export declare const enum EffectTarget {
     BACKGROUND_BORDERS = 2,
@@ -46,7 +47,14 @@ export declare class ClipPathEffect implements IElementEffect {
     readonly target: number;
     constructor(applyClip: (ctx: CanvasRenderingContext2D) => void);
 }
+export declare class BlendEffect implements IElementEffect {
+    readonly compositeOperation: GlobalCompositeOperation;
+    readonly type: EffectType;
+    readonly target: number;
+    constructor(compositeOperation: GlobalCompositeOperation);
+}
 export declare const isTransformEffect: (effect: IElementEffect) => effect is TransformEffect;
 export declare const isClipEffect: (effect: IElementEffect) => effect is ClipEffect;
 export declare const isOpacityEffect: (effect: IElementEffect) => effect is OpacityEffect;
 export declare const isClipPathEffect: (effect: IElementEffect) => effect is ClipPathEffect;
+export declare const isBlendEffect: (effect: IElementEffect) => effect is BlendEffect;

package/dist/types/render/object-fit.d.ts

@@ -0,0 +1,18 @@
+import { ObjectFit } from '../css/property-descriptors/object-fit';
+export interface ObjectFitBox {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface ObjectFitRendering {
+    sx: number;
+    sy: number;
+    sw: number;
+    sh: number;
+    dx: number;
+    dy: number;
+    dw: number;
+    dh: number;
+}
+export declare const calculateObjectFitRendering: (intrinsicWidth: number, intrinsicHeight: number, box: ObjectFitBox, objectFit: ObjectFit) => ObjectFitRendering;