html2canvas-pro 2.0.3 → 2.1.0

package/dist/lib/dom/node-parser.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSlotElement = exports.isSelectElement = exports.isTextareaElement = exports.isScriptElement = exports.isStyleElement = exports.isIFrameElement = exports.isImageElement = exports.isVideoElement = exports.isCanvasElement = exports.isBodyElement = exports.isSVGElement = exports.isHTMLElement = exports.isInputElement = exports.parseTree = exports.isCustomElement = exports.isOLElement = exports.isLIElement = exports.isHTMLElementNode = exports.isSVGElementNode = exports.isTextNode = exports.isElementNode = void 0;
+exports.parseTree = exports.isVideoElement = exports.isTextNode = exports.isTextareaElement = exports.isSVGElementNode = exports.isSVGElement = exports.isStyleElement = exports.isSlotElement = exports.isSelectElement = exports.isScriptElement = exports.isOLElement = exports.isLIElement = exports.isInputElement = exports.isImageElement = exports.isIFrameElement = exports.isHTMLElementNode = exports.isHTMLElement = exports.isElementNode = exports.isCustomElement = exports.isCanvasElement = exports.isBodyElement = void 0;
 const element_container_1 = require("./element-container");
 const text_container_1 = require("./text-container");
 const image_element_container_1 = require("./replaced-elements/image-element-container");
@@ -12,15 +12,28 @@ const input_element_container_1 = require("./replaced-elements/input-element-con
 const select_element_container_1 = require("./elements/select-element-container");
 const textarea_element_container_1 = require("./elements/textarea-element-container");
 const iframe_element_container_1 = require("./replaced-elements/iframe-element-container");
-const bitwise_1 = require("../core/bitwise");
 const node_type_guards_1 = require("./node-type-guards");
+Object.defineProperty(exports, "isBodyElement", { enumerable: true, get: function () { return node_type_guards_1.isBodyElement; } });
+Object.defineProperty(exports, "isCanvasElement", { enumerable: true, get: function () { return node_type_guards_1.isCanvasElement; } });
+Object.defineProperty(exports, "isCustomElement", { enumerable: true, get: function () { return node_type_guards_1.isCustomElement; } });
 Object.defineProperty(exports, "isElementNode", { enumerable: true, get: function () { return node_type_guards_1.isElementNode; } });
-Object.defineProperty(exports, "isTextNode", { enumerable: true, get: function () { return node_type_guards_1.isTextNode; } });
-Object.defineProperty(exports, "isSVGElementNode", { enumerable: true, get: function () { return node_type_guards_1.isSVGElementNode; } });
+Object.defineProperty(exports, "isHTMLElement", { enumerable: true, get: function () { return node_type_guards_1.isHTMLElement; } });
 Object.defineProperty(exports, "isHTMLElementNode", { enumerable: true, get: function () { return node_type_guards_1.isHTMLElementNode; } });
+Object.defineProperty(exports, "isIFrameElement", { enumerable: true, get: function () { return node_type_guards_1.isIFrameElement; } });
+Object.defineProperty(exports, "isImageElement", { enumerable: true, get: function () { return node_type_guards_1.isImageElement; } });
+Object.defineProperty(exports, "isInputElement", { enumerable: true, get: function () { return node_type_guards_1.isInputElement; } });
 Object.defineProperty(exports, "isLIElement", { enumerable: true, get: function () { return node_type_guards_1.isLIElement; } });
 Object.defineProperty(exports, "isOLElement", { enumerable: true, get: function () { return node_type_guards_1.isOLElement; } });
-Object.defineProperty(exports, "isCustomElement", { enumerable: true, get: function () { return node_type_guards_1.isCustomElement; } });
+Object.defineProperty(exports, "isScriptElement", { enumerable: true, get: function () { return node_type_guards_1.isScriptElement; } });
+Object.defineProperty(exports, "isSelectElement", { enumerable: true, get: function () { return node_type_guards_1.isSelectElement; } });
+Object.defineProperty(exports, "isSlotElement", { enumerable: true, get: function () { return node_type_guards_1.isSlotElement; } });
+Object.defineProperty(exports, "isStyleElement", { enumerable: true, get: function () { return node_type_guards_1.isStyleElement; } });
+Object.defineProperty(exports, "isSVGElement", { enumerable: true, get: function () { return node_type_guards_1.isSVGElement; } });
+Object.defineProperty(exports, "isSVGElementNode", { enumerable: true, get: function () { return node_type_guards_1.isSVGElementNode; } });
+Object.defineProperty(exports, "isTextareaElement", { enumerable: true, get: function () { return node_type_guards_1.isTextareaElement; } });
+Object.defineProperty(exports, "isTextNode", { enumerable: true, get: function () { return node_type_guards_1.isTextNode; } });
+Object.defineProperty(exports, "isVideoElement", { enumerable: true, get: function () { return node_type_guards_1.isVideoElement; } });
+const bitwise_1 = require("../core/bitwise");
 const LIST_OWNERS = ['OL', 'UL', 'MENU'];
 const parseNodeTree = (context, node, parent, root) => {
     for (let childNode = node.firstChild, nextNode; childNode; childNode = nextNode) {
@@ -30,29 +43,30 @@ const parseNodeTree = (context, node, parent, root) => {
             parent.textNodes.push(new text_container_1.TextContainer(context, childNode, parent.styles));
         }
         else if ((0, node_type_guards_1.isElementNode)(childNode)) {
-            if ((0, exports.isSlotElement)(childNode) && childNode.assignedNodes) {
-                childNode.assignedNodes().forEach((childNode) => parseNodeTree(context, childNode, parent, root));
+            if ((0, node_type_guards_1.isSlotElement)(childNode) && childNode.assignedNodes) {
+                childNode
+                    .assignedNodes()
+                    .forEach((assignedNode) => parseNodeTree(context, assignedNode, parent, root));
             }
             else {
                 const container = createContainer(context, childNode);
                 if (container.styles.isVisible()) {
                     if (createsRealStackingContext(childNode, container, root)) {
-                        container.flags |= 4 /* FLAGS.CREATES_REAL_STACKING_CONTEXT */;
+                        container.createsRealStackingContext = true;
                     }
                     else if (createsStackingContext(container.styles)) {
-                        container.flags |= 2 /* FLAGS.CREATES_STACKING_CONTEXT */;
+                        container.createsStackingContext = true;
                     }
                     if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
-                        container.flags |= 8 /* FLAGS.IS_LIST_OWNER */;
+                        container.isListOwner = true;
                     }
                     parent.elements.push(container);
-                    childNode.slot;
                     if (childNode.shadowRoot) {
                         parseNodeTree(context, childNode.shadowRoot, container, root);
                     }
-                    else if (!(0, exports.isTextareaElement)(childNode) &&
-                        !(0, exports.isSVGElement)(childNode) &&
-                        !(0, exports.isSelectElement)(childNode)) {
+                    else if (!(0, node_type_guards_1.isTextareaElement)(childNode) &&
+                        !(0, node_type_guards_1.isSVGElement)(childNode) &&
+                        !(0, node_type_guards_1.isSelectElement)(childNode)) {
                         parseNodeTree(context, childNode, container, root);
                     }
                 }
@@ -61,13 +75,13 @@ const parseNodeTree = (context, node, parent, root) => {
     }
 };
 const createContainer = (context, element) => {
-    if ((0, exports.isImageElement)(element)) {
+    if ((0, node_type_guards_1.isImageElement)(element)) {
         return new image_element_container_1.ImageElementContainer(context, element);
     }
-    if ((0, exports.isCanvasElement)(element)) {
+    if ((0, node_type_guards_1.isCanvasElement)(element)) {
         return new canvas_element_container_1.CanvasElementContainer(context, element);
     }
-    if ((0, exports.isSVGElement)(element)) {
+    if ((0, node_type_guards_1.isSVGElement)(element)) {
         return new svg_element_container_1.SVGElementContainer(context, element);
     }
     if ((0, node_type_guards_1.isLIElement)(element)) {
@@ -76,23 +90,23 @@ const createContainer = (context, element) => {
     if ((0, node_type_guards_1.isOLElement)(element)) {
         return new ol_element_container_1.OLElementContainer(context, element);
     }
-    if ((0, exports.isInputElement)(element)) {
+    if ((0, node_type_guards_1.isInputElement)(element)) {
         return new input_element_container_1.InputElementContainer(context, element);
     }
-    if ((0, exports.isSelectElement)(element)) {
+    if ((0, node_type_guards_1.isSelectElement)(element)) {
         return new select_element_container_1.SelectElementContainer(context, element);
     }
-    if ((0, exports.isTextareaElement)(element)) {
+    if ((0, node_type_guards_1.isTextareaElement)(element)) {
         return new textarea_element_container_1.TextareaElementContainer(context, element);
     }
-    if ((0, exports.isIFrameElement)(element)) {
+    if ((0, node_type_guards_1.isIFrameElement)(element)) {
         return new iframe_element_container_1.IFrameElementContainer(context, element, exports.parseTree);
     }
     return new element_container_1.ElementContainer(context, element);
 };
 const parseTree = (context, element) => {
     const container = createContainer(context, element);
-    container.flags |= 4 /* FLAGS.CREATES_REAL_STACKING_CONTEXT */;
+    container.createsRealStackingContext = true;
     parseNodeTree(context, element, container, container);
     return container;
 };
@@ -101,7 +115,7 @@ const createsRealStackingContext = (node, container, root) => {
     return (container.styles.isPositionedWithZIndex() ||
         container.styles.opacity < 1 ||
         container.styles.isTransformed() ||
-        ((0, exports.isBodyElement)(node) && root.styles.isTransparent()));
+        ((0, node_type_guards_1.isBodyElement)(node) && root.styles.isTransparent()));
 };
 const createsStackingContext = (styles) => {
     // Positioned and floating elements create stacking contexts
@@ -116,33 +130,3 @@ const createsStackingContext = (styles) => {
         (0, bitwise_1.contains)(styles.display, 536870912 /* DISPLAY.INLINE_GRID */) ||
         (0, bitwise_1.contains)(styles.display, 134217728 /* DISPLAY.INLINE_TABLE */));
 };
-// Type guards moved to node-type-guards.ts and re-exported above
-const isInputElement = (node) => node.tagName === 'INPUT';
-exports.isInputElement = isInputElement;
-const isHTMLElement = (node) => node.tagName === 'HTML';
-exports.isHTMLElement = isHTMLElement;
-const isSVGElement = (node) => node.tagName === 'svg';
-exports.isSVGElement = isSVGElement;
-const isBodyElement = (node) => node.tagName === 'BODY';
-exports.isBodyElement = isBodyElement;
-const isCanvasElement = (node) => node.tagName === 'CANVAS';
-exports.isCanvasElement = isCanvasElement;
-const isVideoElement = (node) => node.tagName === 'VIDEO';
-exports.isVideoElement = isVideoElement;
-const isImageElement = (node) => node.tagName === 'IMG';
-exports.isImageElement = isImageElement;
-const isIFrameElement = (node) => node.tagName === 'IFRAME';
-exports.isIFrameElement = isIFrameElement;
-const isStyleElement = (node) => node.tagName === 'STYLE';
-exports.isStyleElement = isStyleElement;
-const isScriptElement = (node) => node.tagName === 'SCRIPT';
-exports.isScriptElement = isScriptElement;
-const isTextareaElement = (node) => node.tagName === 'TEXTAREA';
-exports.isTextareaElement = isTextareaElement;
-const isSelectElement = (node) => node.tagName === 'SELECT';
-exports.isSelectElement = isSelectElement;
-const isSlotElement = (node) => node.tagName === 'SLOT';
-exports.isSlotElement = isSlotElement;
-// https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
-// isCustomElement moved to node-type-guards.ts and re-exported above
-//# sourceMappingURL=node-parser.js.map

package/dist/lib/dom/node-type-guards.js

@@ -1,44 +1,81 @@
 "use strict";
 /**
  * DOM Node Type Guards
- * Extracted to break circular dependencies
+ *
+ * All DOM node type guards consolidated here to eliminate duplication
+ * and provide a single source of truth for node type checking.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCustomElement = exports.isOLElement = exports.isLIElement = exports.isHTMLElementNode = exports.isSVGElementNode = exports.isTextNode = exports.isElementNode = void 0;
-/**
- * Check if node is an Element
- */
+exports.canHavePseudoElements = exports.isCustomElement = exports.isOLElement = exports.isLIElement = exports.isSlotElement = exports.isSelectElement = exports.isTextareaElement = exports.isScriptElement = exports.isStyleElement = exports.isIFrameElement = exports.isImageElement = exports.isVideoElement = exports.isCanvasElement = exports.isBodyElement = exports.isSVGElement = exports.isHTMLElement = exports.isInputElement = exports.isHTMLElementNode = exports.isSVGElementNode = exports.isTextNode = exports.isElementNode = void 0;
+// --- Generic node type guards ---
 const isElementNode = (node) => node.nodeType === Node.ELEMENT_NODE;
 exports.isElementNode = isElementNode;
-/**
- * Check if node is a Text node
- */
 const isTextNode = (node) => node.nodeType === Node.TEXT_NODE;
 exports.isTextNode = isTextNode;
-/**
- * Check if element is an SVG element
- */
 const isSVGElementNode = (element) => typeof element.className === 'object';
 exports.isSVGElementNode = isSVGElementNode;
-/**
- * Check if node is an HTML element
- */
 const isHTMLElementNode = (node) => (0, exports.isElementNode)(node) && typeof node.style !== 'undefined' && !(0, exports.isSVGElementNode)(node);
 exports.isHTMLElementNode = isHTMLElementNode;
-/**
- * Check if node is an LI element
- */
+// --- Tag name based type guards ---
+const isInputElement = (node) => node.tagName === 'INPUT';
+exports.isInputElement = isInputElement;
+const isHTMLElement = (node) => node.tagName === 'HTML';
+exports.isHTMLElement = isHTMLElement;
+const isSVGElement = (node) => node.tagName === 'svg';
+exports.isSVGElement = isSVGElement;
+const isBodyElement = (node) => node.tagName === 'BODY';
+exports.isBodyElement = isBodyElement;
+const isCanvasElement = (node) => node.tagName === 'CANVAS';
+exports.isCanvasElement = isCanvasElement;
+const isVideoElement = (node) => node.tagName === 'VIDEO';
+exports.isVideoElement = isVideoElement;
+const isImageElement = (node) => node.tagName === 'IMG';
+exports.isImageElement = isImageElement;
+const isIFrameElement = (node) => node.tagName === 'IFRAME';
+exports.isIFrameElement = isIFrameElement;
+const isStyleElement = (node) => node.tagName === 'STYLE';
+exports.isStyleElement = isStyleElement;
+const isScriptElement = (node) => node.tagName === 'SCRIPT';
+exports.isScriptElement = isScriptElement;
+const isTextareaElement = (node) => node.tagName === 'TEXTAREA';
+exports.isTextareaElement = isTextareaElement;
+const isSelectElement = (node) => node.tagName === 'SELECT';
+exports.isSelectElement = isSelectElement;
+const isSlotElement = (node) => node.tagName === 'SLOT';
+exports.isSlotElement = isSlotElement;
 const isLIElement = (node) => node.tagName === 'LI';
 exports.isLIElement = isLIElement;
-/**
- * Check if node is an OL element
- */
 const isOLElement = (node) => node.tagName === 'OL';
 exports.isOLElement = isOLElement;
-/**
- * Check if element is a custom element
- * Custom elements must have a hyphen and cannot be SVG elements
- */
 const isCustomElement = (element) => !(0, exports.isSVGElementNode)(element) && element.tagName.indexOf('-') > 0;
 exports.isCustomElement = isCustomElement;
-//# sourceMappingURL=node-type-guards.js.map
+const VOID_OR_REPLACED_TAGS = new Set([
+    'IMG',
+    'VIDEO',
+    'AUDIO',
+    'CANVAS',
+    'IFRAME',
+    'INPUT',
+    'TEXTAREA',
+    'SELECT',
+    'BR',
+    'HR',
+    'META',
+    'LINK',
+    'BASE',
+    'COL',
+    'SOURCE',
+    'TRACK',
+    'WBR',
+    'AREA',
+    'PARAM',
+    'EMBED',
+    'OBJECT'
+]);
+/**
+ * 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.
+ */
+const canHavePseudoElements = (element) => !(0, exports.isSVGElementNode)(element) && !VOID_OR_REPLACED_TAGS.has(element.tagName);
+exports.canHavePseudoElements = canHavePseudoElements;

package/dist/lib/dom/replaced-elements/canvas-element-container.js

@@ -11,4 +11,3 @@ class CanvasElementContainer extends element_container_1.ElementContainer {
     }
 }
 exports.CanvasElementContainer = CanvasElementContainer;
-//# sourceMappingURL=canvas-element-container.js.map

package/dist/lib/dom/replaced-elements/iframe-element-container.js

@@ -36,4 +36,3 @@ class IFrameElementContainer extends element_container_1.ElementContainer {
     }
 }
 exports.IFrameElementContainer = IFrameElementContainer;
-//# sourceMappingURL=iframe-element-container.js.map

package/dist/lib/dom/replaced-elements/image-element-container.js

@@ -12,4 +12,3 @@ class ImageElementContainer extends element_container_1.ElementContainer {
     }
 }
 exports.ImageElementContainer = ImageElementContainer;
-//# sourceMappingURL=image-element-container.js.map

package/dist/lib/dom/replaced-elements/index.js

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

package/dist/lib/dom/replaced-elements/input-element-container.js

@@ -87,4 +87,3 @@ class InputElementContainer extends element_container_1.ElementContainer {
     }
 }
 exports.InputElementContainer = InputElementContainer;
-//# sourceMappingURL=input-element-container.js.map

package/dist/lib/dom/replaced-elements/pseudo-elements.js

@@ -1 +0,0 @@
-//# sourceMappingURL=pseudo-elements.js.map

package/dist/lib/dom/replaced-elements/svg-element-container.js

@@ -17,4 +17,3 @@ class SVGElementContainer extends element_container_1.ElementContainer {
     }
 }
 exports.SVGElementContainer = SVGElementContainer;
-//# sourceMappingURL=svg-element-container.js.map

package/dist/lib/dom/text-container.js

@@ -5,6 +5,11 @@ const text_1 = require("../css/layout/text");
 class TextContainer {
     constructor(context, node, styles) {
         this.text = transform(node.data, styles.textTransform);
+        // Range offsets below are based on transformed text; keep the node in sync
+        // when casing changes string length, for example "ß".toUpperCase() === "SS".
+        if (this.text.length !== node.data.length) {
+            node.data = this.text;
+        }
         this.textBounds = (0, text_1.parseTextBounds)(context, this.text, styles, node);
     }
 }
@@ -28,4 +33,3 @@ const capitalize = (m, p1, p2) => {
     }
     return m;
 };
-//# sourceMappingURL=text-container.js.map

package/dist/lib/index.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IMAGE_RENDERING = exports.PerformanceMonitor = exports.createDefaultValidator = exports.Validator = exports.Html2CanvasConfig = exports.setCspNonce = exports.html2canvas = void 0;
-const bounds_1 = require("./css/layout/bounds");
-const color_1 = require("./css/types/color");
-const color_utilities_1 = require("./css/types/color-utilities");
-const document_cloner_1 = require("./dom/document-cloner");
-const node_parser_1 = require("./dom/node-parser");
-const canvas_renderer_1 = require("./render/canvas/canvas-renderer");
-const foreignobject_renderer_1 = require("./render/canvas/foreignobject-renderer");
-const context_1 = require("./core/context");
+exports.IMAGE_RENDERING = exports.PerformanceMonitor = exports.createDefaultValidator = exports.Validator = exports.Html2CanvasConfig = exports.html2canvas = void 0;
 const config_1 = require("./config");
 Object.defineProperty(exports, "Html2CanvasConfig", { enumerable: true, get: function () { return config_1.Html2CanvasConfig; } });
 const validator_1 = require("./core/validator");
@@ -16,228 +8,58 @@ Object.defineProperty(exports, "createDefaultValidator", { enumerable: true, get
 Object.defineProperty(exports, "Validator", { enumerable: true, get: function () { return validator_1.Validator; } });
 const performance_monitor_1 = require("./core/performance-monitor");
 Object.defineProperty(exports, "PerformanceMonitor", { enumerable: true, get: function () { return performance_monitor_1.PerformanceMonitor; } });
+const render_element_1 = require("./core/render-element");
 /**
- * Main html2canvas function with improved configuration management
+ * Renders an HTML element to a `<canvas>` element.
  *
- * @param element - Element to render
- * @param options - Rendering options
- * @param config - Optional configuration (for advanced use cases)
- * @returns Promise resolving to rendered canvas
+ * 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 - 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.
  */
 const html2canvas = (element, options = {}, config) => {
-    // Create configuration from element if not provided
     const finalConfig = config ||
         config_1.Html2CanvasConfig.fromElement(element, {
             cspNonce: options.cspNonce,
             cache: options.cache
         });
-    return renderElement(element, options, finalConfig);
+    return (0, render_element_1.renderElement)(element, options, finalConfig);
 };
 exports.html2canvas = html2canvas;
 /**
- * Set CSP nonce for inline styles
- * @deprecated Use options.cspNonce instead
+ * Set CSP nonce for inline styles.
+ *
+ * @deprecated Since 2.0.0. Pass `cspNonce` in options instead:
+ *             `html2canvas(element, { cspNonce: '...' })`
  */
 const setCspNonce = (nonce) => {
     console.warn('[html2canvas-pro] setCspNonce is deprecated. ' +
         'Pass cspNonce in options instead: html2canvas(element, { cspNonce: "..." })');
-    // For backward compatibility, set default config
     if (typeof window !== 'undefined') {
         (0, config_1.setDefaultConfig)(new config_1.Html2CanvasConfig({ window, cspNonce: nonce }));
     }
 };
-exports.setCspNonce = setCspNonce;
 html2canvas.setCspNonce = setCspNonce;
 exports.default = html2canvas;
 var image_rendering_1 = require("./css/property-descriptors/image-rendering");
 Object.defineProperty(exports, "IMAGE_RENDERING", { enumerable: true, get: function () { return image_rendering_1.IMAGE_RENDERING; } });
-/**
- * Coerce number-like option values for backward compatibility (e.g. string "2" from form/query).
- * Mutates opts in place; callers should avoid reusing the same options object if they rely on original types.
- */
-const coerceNumberOptions = (opts) => {
-    const numKeys = [
-        'scale',
-        'width',
-        'height',
-        'imageTimeout',
-        'x',
-        'y',
-        'windowWidth',
-        'windowHeight',
-        'scrollX',
-        'scrollY'
-    ];
-    numKeys.forEach((key) => {
-        const v = opts[key];
-        if (v !== undefined && v !== null && typeof v !== 'number') {
-            const n = Number(v);
-            if (!Number.isNaN(n)) {
-                opts[key] = n;
-            }
-        }
-    });
-};
-const renderElement = async (element, opts, config) => {
-    coerceNumberOptions(opts);
-    // Input validation (unless explicitly skipped)
-    if (!opts.skipValidation) {
-        const validator = opts.validator || (0, validator_1.createDefaultValidator)();
-        // Validate element
-        const elementValidation = validator.validateElement(element);
-        if (!elementValidation.valid) {
-            throw new Error(elementValidation.error);
-        }
-        // Validate options
-        const optionsValidation = validator.validateOptions(opts);
-        if (!optionsValidation.valid) {
-            throw new Error(`Invalid options: ${optionsValidation.error}`);
-        }
-    }
-    if (!element || typeof element !== 'object') {
-        throw new Error('Invalid element provided as first argument');
-    }
-    const ownerDocument = element.ownerDocument;
-    if (!ownerDocument) {
-        throw new Error(`Element is not attached to a Document`);
-    }
-    const defaultView = ownerDocument.defaultView;
-    if (!defaultView) {
-        throw new Error(`Document is not attached to a Window`);
-    }
-    const resourceOptions = {
-        allowTaint: opts.allowTaint ?? false,
-        imageTimeout: opts.imageTimeout ?? 15000,
-        proxy: opts.proxy,
-        useCORS: opts.useCORS ?? false,
-        customIsSameOrigin: opts.customIsSameOrigin
-    };
-    const contextOptions = {
-        logging: opts.logging ?? true,
-        cache: opts.cache ?? config.cache,
-        ...resourceOptions
-    };
-    // Fallbacks for minimal window (e.g. element-like mocks) so we don't get NaN
-    const DEFAULT_WINDOW_WIDTH = 800;
-    const DEFAULT_WINDOW_HEIGHT = 600;
-    const DEFAULT_SCROLL = 0;
-    const win = defaultView;
-    const windowOptions = {
-        windowWidth: opts.windowWidth ?? win.innerWidth ?? DEFAULT_WINDOW_WIDTH,
-        windowHeight: opts.windowHeight ?? win.innerHeight ?? DEFAULT_WINDOW_HEIGHT,
-        scrollX: opts.scrollX ?? win.pageXOffset ?? DEFAULT_SCROLL,
-        scrollY: opts.scrollY ?? win.pageYOffset ?? DEFAULT_SCROLL
-    };
-    const windowBounds = new bounds_1.Bounds(windowOptions.scrollX, windowOptions.scrollY, windowOptions.windowWidth, windowOptions.windowHeight);
-    const context = new context_1.Context(contextOptions, windowBounds, config);
-    // Initialize performance monitoring if enabled
-    const performanceMonitoring = opts.enablePerformanceMonitoring ?? opts.logging ?? false;
-    const perfMonitor = new performance_monitor_1.PerformanceMonitor(context, performanceMonitoring);
-    perfMonitor.start('total', {
-        width: windowOptions.windowWidth,
-        height: windowOptions.windowHeight
-    });
-    const foreignObjectRendering = opts.foreignObjectRendering ?? false;
-    const cloneOptions = {
-        allowTaint: opts.allowTaint ?? false,
-        onclone: opts.onclone,
-        ignoreElements: opts.ignoreElements,
-        iframeContainer: opts.iframeContainer,
-        inlineImages: foreignObjectRendering,
-        copyStyles: foreignObjectRendering,
-        cspNonce: opts.cspNonce ?? config.cspNonce
-    };
-    context.logger.debug(`Starting document clone with size ${windowBounds.width}x${windowBounds.height} scrolled to ${-windowBounds.left},${-windowBounds.top}`);
-    perfMonitor.start('clone');
-    const documentCloner = new document_cloner_1.DocumentCloner(context, element, cloneOptions);
-    const clonedElement = documentCloner.clonedReferenceElement;
-    if (!clonedElement) {
-        throw new Error('Unable to find element in cloned iframe');
-    }
-    const container = await documentCloner.toIFrame(ownerDocument, windowBounds);
-    perfMonitor.end('clone');
-    const { width, height, left, top } = (0, node_parser_1.isBodyElement)(clonedElement) || (0, node_parser_1.isHTMLElement)(clonedElement)
-        ? (0, bounds_1.parseDocumentSize)(clonedElement.ownerDocument)
-        : (0, bounds_1.parseBounds)(context, clonedElement);
-    const backgroundColor = parseBackgroundColor(context, clonedElement, opts.backgroundColor);
-    const renderOptions = {
-        canvas: opts.canvas,
-        backgroundColor,
-        scale: opts.scale ?? defaultView.devicePixelRatio ?? 1,
-        x: (opts.x ?? 0) + left,
-        y: (opts.y ?? 0) + top,
-        width: opts.width ?? Math.ceil(width),
-        height: opts.height ?? Math.ceil(height),
-        imageSmoothing: opts.imageSmoothing,
-        imageSmoothingQuality: opts.imageSmoothingQuality
-    };
-    let canvas;
-    let root;
-    try {
-        if (foreignObjectRendering) {
-            context.logger.debug(`Document cloned, using foreign object rendering`);
-            perfMonitor.start('render-foreignobject');
-            const renderer = new foreignobject_renderer_1.ForeignObjectRenderer(context, renderOptions);
-            canvas = await renderer.render(clonedElement);
-            perfMonitor.end('render-foreignobject');
-        }
-        else {
-            context.logger.debug(`Document cloned, element located at ${left},${top} with size ${width}x${height} using computed rendering`);
-            context.logger.debug(`Starting DOM parsing`);
-            perfMonitor.start('parse');
-            root = (0, node_parser_1.parseTree)(context, clonedElement);
-            perfMonitor.end('parse');
-            if (backgroundColor === root.styles.backgroundColor) {
-                root.styles.backgroundColor = color_1.COLORS.TRANSPARENT;
-            }
-            context.logger.debug(`Starting renderer for element at ${renderOptions.x},${renderOptions.y} with size ${renderOptions.width}x${renderOptions.height}`);
-            perfMonitor.start('render');
-            const renderer = new canvas_renderer_1.CanvasRenderer(context, renderOptions);
-            canvas = await renderer.render(root);
-            perfMonitor.end('render');
-        }
-        perfMonitor.start('cleanup');
-        if (opts.removeContainer ?? true) {
-            if (!document_cloner_1.DocumentCloner.destroy(container)) {
-                context.logger.error(`Cannot detach cloned iframe as it is not in the DOM anymore`);
-            }
-        }
-        perfMonitor.end('cleanup');
-        perfMonitor.end('total');
-        context.logger.debug(`Finished rendering`);
-        // Log performance summary if monitoring is enabled
-        if (performanceMonitoring) {
-            perfMonitor.logSummary();
-        }
-        return canvas;
-    }
-    finally {
-        // Restore DOM modifications (animations, transforms) in cloned document
-        if (root) {
-            root.restoreTree();
-        }
-    }
-};
-const parseBackgroundColor = (context, element, backgroundColorOverride) => {
-    const ownerDocument = element.ownerDocument;
-    // http://www.w3.org/TR/css3-background/#special-backgrounds
-    const documentBackgroundColor = ownerDocument.documentElement
-        ? (0, color_1.parseColor)(context, getComputedStyle(ownerDocument.documentElement).backgroundColor)
-        : color_1.COLORS.TRANSPARENT;
-    const bodyBackgroundColor = ownerDocument.body
-        ? (0, color_1.parseColor)(context, getComputedStyle(ownerDocument.body).backgroundColor)
-        : color_1.COLORS.TRANSPARENT;
-    const defaultBackgroundColor = typeof backgroundColorOverride === 'string'
-        ? (0, color_1.parseColor)(context, backgroundColorOverride)
-        : backgroundColorOverride === null
-            ? color_1.COLORS.TRANSPARENT
-            : 0xffffffff;
-    return element === ownerDocument.documentElement
-        ? (0, color_utilities_1.isTransparent)(documentBackgroundColor)
-            ? (0, color_utilities_1.isTransparent)(bodyBackgroundColor)
-                ? defaultBackgroundColor
-                : bodyBackgroundColor
-            : documentBackgroundColor
-        : defaultBackgroundColor;
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/invariant.js

@@ -7,4 +7,3 @@ const invariant = (assertion, error) => {
     }
 };
 exports.invariant = invariant;
-//# sourceMappingURL=invariant.js.map

package/dist/lib/options.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/render/background.js

@@ -183,4 +183,3 @@ const calculateBackgroundRepeatPath = (repeat, [x, y], [width, height], backgrou
     }
 };
 exports.calculateBackgroundRepeatPath = calculateBackgroundRepeatPath;
-//# sourceMappingURL=background.js.map

package/dist/lib/render/bezier-curve.js

@@ -32,4 +32,3 @@ class BezierCurve {
 exports.BezierCurve = BezierCurve;
 const isBezierCurve = (path) => path.type === 1 /* PathType.BEZIER_CURVE */;
 exports.isBezierCurve = isBezierCurve;
-//# sourceMappingURL=bezier-curve.js.map

package/dist/lib/render/border.js

@@ -102,4 +102,3 @@ const createPathFromCurves = (outer1, inner1, outer2, inner2) => {
     }
     return path;
 };
-//# sourceMappingURL=border.js.map

package/dist/lib/render/bound-curves.js

@@ -186,4 +186,3 @@ const calculatePaddingBoxPath = (curves) => {
     ];
 };
 exports.calculatePaddingBoxPath = calculatePaddingBoxPath;
-//# sourceMappingURL=bound-curves.js.map

package/dist/lib/render/box-sizing.js

@@ -18,4 +18,3 @@ const contentBox = (element) => {
     return bounds.add(paddingLeft + styles.borderLeftWidth, paddingTop + styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth + paddingLeft + paddingRight), -(styles.borderTopWidth + styles.borderBottomWidth + paddingTop + paddingBottom));
 };
 exports.contentBox = contentBox;
-//# sourceMappingURL=box-sizing.js.map