@eturnity/dom_to_svg 8.10.1

package/lib/index.js

@@ -0,0 +1,75 @@
+import * as postcss from 'postcss';
+import cssValueParser from 'postcss-value-parser';
+import { isCSSFontFaceRule, unescapeStringValue } from './css.js';
+import { svgNamespace, xlinkNamespace } from './dom.js';
+import { createStackingLayers } from './stacking.js';
+import { walkNode } from './traversal.js';
+import { createIdGenerator } from './util.js';
+export function documentToSVG(document, options) {
+    return elementToSVG(document.documentElement, options);
+}
+export function elementToSVG(element, options) {
+    var _a, _b, _c, _d;
+    const svgDocument = element.ownerDocument.implementation.createDocument(svgNamespace, 'svg', null);
+    const svgElement = svgDocument.documentElement;
+    svgElement.setAttribute('xmlns', svgNamespace);
+    svgElement.setAttribute('xmlns:xlink', xlinkNamespace);
+    svgElement.append(svgDocument.createComment(
+    // "--" is invalid in comments, percent-encode.
+    ` Generated by dom-to-svg from ${element.ownerDocument.location.href.replace(/--/g, '%2D%2D')} `));
+    // Copy @font-face rules
+    const styleElement = svgDocument.createElementNS(svgNamespace, 'style');
+    for (const styleSheet of element.ownerDocument.styleSheets) {
+        try {
+            // Make font URLs absolute (need to be resolved relative to the stylesheet)
+            for (const rule of (_a = styleSheet.rules) !== null && _a !== void 0 ? _a : []) {
+                if (!isCSSFontFaceRule(rule)) {
+                    continue;
+                }
+                const styleSheetHref = (_b = rule.parentStyleSheet) === null || _b === void 0 ? void 0 : _b.href;
+                if (styleSheetHref) {
+                    // Note: Firefox does not implement rule.style.src, need to use rule.style.getPropertyValue()
+                    const parsedSourceValue = cssValueParser(rule.style.getPropertyValue('src'));
+                    parsedSourceValue.walk(node => {
+                        if (node.type === 'function' && node.value === 'url' && node.nodes[0]) {
+                            const urlArgumentNode = node.nodes[0];
+                            if (urlArgumentNode.type === 'string' || urlArgumentNode.type === 'word') {
+                                urlArgumentNode.value = new URL(unescapeStringValue(urlArgumentNode.value), styleSheetHref).href;
+                            }
+                        }
+                    });
+                    // Firefox does not support changing `src` on CSSFontFaceRule declarations, need to use PostCSS.
+                    const updatedFontFaceRule = postcss.parse(rule.cssText);
+                    updatedFontFaceRule.walkDecls('src', declaration => {
+                        declaration.value = cssValueParser.stringify(parsedSourceValue.nodes);
+                    });
+                    styleElement.append(updatedFontFaceRule.toString() + '\n');
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error resolving @font-face src URLs for styleSheet, skipping', styleSheet, error);
+        }
+    }
+    svgElement.append(styleElement);
+    walkNode(element, {
+        svgDocument,
+        currentSvgParent: svgElement,
+        stackingLayers: createStackingLayers(svgElement),
+        parentStackingLayer: svgElement,
+        getUniqueId: createIdGenerator(),
+        labels: new Map(),
+        ancestorMasks: [],
+        options: {
+            captureArea: (_c = options === null || options === void 0 ? void 0 : options.captureArea) !== null && _c !== void 0 ? _c : element.getBoundingClientRect(),
+            keepLinks: (options === null || options === void 0 ? void 0 : options.keepLinks) !== false,
+        },
+    });
+    const bounds = (_d = options === null || options === void 0 ? void 0 : options.captureArea) !== null && _d !== void 0 ? _d : element.getBoundingClientRect();
+    svgElement.setAttribute('width', bounds.width.toString());
+    svgElement.setAttribute('height', bounds.height.toString());
+    svgElement.setAttribute('viewBox', `${bounds.x} ${bounds.y} ${bounds.width} ${bounds.height}`);
+    return svgDocument;
+}
+export { inlineResources } from './inline.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as postcss from 'postcss'\nimport cssValueParser from 'postcss-value-parser'\n\nimport { isCSSFontFaceRule, unescapeStringValue } from './css.js'\nimport { svgNamespace, xlinkNamespace } from './dom.js'\nimport { createStackingLayers } from './stacking.js'\nimport { DomToSvgOptions, walkNode } from './traversal.js'\nimport { createIdGenerator } from './util.js'\n\nexport { DomToSvgOptions }\n\nexport function documentToSVG(document: Document, options?: DomToSvgOptions): XMLDocument {\n\treturn elementToSVG(document.documentElement, options)\n}\n\nexport function elementToSVG(element: Element, options?: DomToSvgOptions): XMLDocument {\n\tconst svgDocument = element.ownerDocument.implementation.createDocument(svgNamespace, 'svg', null)\n\n\tconst svgElement = (svgDocument.documentElement as unknown) as SVGSVGElement\n\tsvgElement.setAttribute('xmlns', svgNamespace)\n\tsvgElement.setAttribute('xmlns:xlink', xlinkNamespace)\n\tsvgElement.append(\n\t\tsvgDocument.createComment(\n\t\t\t// \"--\" is invalid in comments, percent-encode.\n\t\t\t` Generated by dom-to-svg from ${element.ownerDocument.location.href.replace(/--/g, '%2D%2D')} `\n\t\t)\n\t)\n\n\t// Copy @font-face rules\n\tconst styleElement = svgDocument.createElementNS(svgNamespace, 'style')\n\tfor (const styleSheet of element.ownerDocument.styleSheets) {\n\t\ttry {\n\t\t\t// Make font URLs absolute (need to be resolved relative to the stylesheet)\n\t\t\tfor (const rule of styleSheet.rules ?? []) {\n\t\t\t\tif (!isCSSFontFaceRule(rule)) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst styleSheetHref = rule.parentStyleSheet?.href\n\t\t\t\tif (styleSheetHref) {\n\t\t\t\t\t// Note: Firefox does not implement rule.style.src, need to use rule.style.getPropertyValue()\n\t\t\t\t\tconst parsedSourceValue = cssValueParser(rule.style.getPropertyValue('src'))\n\t\t\t\t\tparsedSourceValue.walk(node => {\n\t\t\t\t\t\tif (node.type === 'function' && node.value === 'url' && node.nodes[0]) {\n\t\t\t\t\t\t\tconst urlArgumentNode = node.nodes[0]\n\t\t\t\t\t\t\tif (urlArgumentNode.type === 'string' || urlArgumentNode.type === 'word') {\n\t\t\t\t\t\t\t\turlArgumentNode.value = new URL(\n\t\t\t\t\t\t\t\t\tunescapeStringValue(urlArgumentNode.value),\n\t\t\t\t\t\t\t\t\tstyleSheetHref\n\t\t\t\t\t\t\t\t).href\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t// Firefox does not support changing `src` on CSSFontFaceRule declarations, need to use PostCSS.\n\t\t\t\t\tconst updatedFontFaceRule = postcss.parse(rule.cssText)\n\t\t\t\t\tupdatedFontFaceRule.walkDecls('src', declaration => {\n\t\t\t\t\t\tdeclaration.value = cssValueParser.stringify(parsedSourceValue.nodes)\n\t\t\t\t\t})\n\t\t\t\t\tstyleElement.append(updatedFontFaceRule.toString() + '\\n')\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error resolving @font-face src URLs for styleSheet, skipping', styleSheet, error)\n\t\t}\n\t}\n\tsvgElement.append(styleElement)\n\n\twalkNode(element, {\n\t\tsvgDocument,\n\t\tcurrentSvgParent: svgElement,\n\t\tstackingLayers: createStackingLayers(svgElement),\n\t\tparentStackingLayer: svgElement,\n\t\tgetUniqueId: createIdGenerator(),\n\t\tlabels: new Map<HTMLLabelElement, string>(),\n\t\tancestorMasks: [],\n\t\toptions: {\n\t\t\tcaptureArea: options?.captureArea ?? element.getBoundingClientRect(),\n\t\t\tkeepLinks: options?.keepLinks !== false,\n\t\t},\n\t})\n\n\tconst bounds = options?.captureArea ?? element.getBoundingClientRect()\n\tsvgElement.setAttribute('width', bounds.width.toString())\n\tsvgElement.setAttribute('height', bounds.height.toString())\n\tsvgElement.setAttribute('viewBox', `${bounds.x} ${bounds.y} ${bounds.width} ${bounds.height}`)\n\n\treturn svgDocument\n}\n\nexport { inlineResources } from './inline.js'\n"]}

package/lib/inline.d.ts

@@ -0,0 +1,14 @@
+declare global {
+    interface SVGStyleElement extends LinkStyle {
+    }
+}
+/**
+ * Inlines all external resources of the given element, such as fonts and images.
+ *
+ * Fonts and binary images are inlined as Base64 data: URIs.
+ *
+ * Images that reference another SVG are inlined by inlining the embedded SVG into the output SVG.
+ * Note: The passed element needs to be attached to a document with a window (`defaultView`) for this so that `getComputedStyle()` can be used.
+ */
+export declare function inlineResources(element: Element): Promise<void>;
+//# sourceMappingURL=inline.d.ts.map

package/lib/inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../src/inline.ts"],"names":[],"mappings":"AAQA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,eAAgB,SAAQ,SAAS;KAAG;CAC9C;AAED;;;;;;;GAOG;AACH,wBAAsB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAqFrE"}

package/lib/inline.js

@@ -0,0 +1,138 @@
+import * as postcss from 'postcss';
+import cssValueParser from 'postcss-value-parser';
+import { unescapeStringValue } from './css.js';
+import { isSVGImageElement, isSVGStyleElement, svgNamespace } from './dom.js';
+import { handleSvgNode } from './svg.js';
+import { withTimeout, assert } from './util.js';
+/**
+ * Inlines all external resources of the given element, such as fonts and images.
+ *
+ * Fonts and binary images are inlined as Base64 data: URIs.
+ *
+ * Images that reference another SVG are inlined by inlining the embedded SVG into the output SVG.
+ * Note: The passed element needs to be attached to a document with a window (`defaultView`) for this so that `getComputedStyle()` can be used.
+ */
+export async function inlineResources(element) {
+    await Promise.all([
+        ...[...element.children].map(inlineResources),
+        (async () => {
+            var _a;
+            if (isSVGImageElement(element)) {
+                const blob = await withTimeout(10000, `Timeout fetching ${element.href.baseVal}`, () => fetchResource(element.href.baseVal));
+                if (blob.type === 'image/svg+xml') {
+                    // If the image is an SVG, inline it into the output SVG.
+                    // Some tools (e.g. Figma) do not support nested SVG.
+                    assert(element.ownerDocument, 'Expected <image> element to have ownerDocument');
+                    // Replace <image> with inline <svg>
+                    const embeddedSvgDocument = new DOMParser().parseFromString(await blob.text(), 'image/svg+xml');
+                    const svgRoot = embeddedSvgDocument.documentElement;
+                    svgRoot.setAttribute('x', element.getAttribute('x'));
+                    svgRoot.setAttribute('y', element.getAttribute('y'));
+                    svgRoot.setAttribute('width', element.getAttribute('width'));
+                    svgRoot.setAttribute('height', element.getAttribute('height'));
+                    svgRoot.remove();
+                    element.replaceWith(svgRoot);
+                    try {
+                        // Let handleSvgNode inline the <svg> into a simple <g>
+                        const svgDocument = element.ownerDocument;
+                        const mount = svgDocument.createElementNS(svgNamespace, 'g');
+                        assert(element.id, '<image> element must have ID');
+                        handleSvgNode(svgRoot, {
+                            currentSvgParent: mount,
+                            svgDocument,
+                            idPrefix: `${element.id}-`,
+                            options: {
+                                // SVGs embedded through <img> are never interactive.
+                                keepLinks: false,
+                                captureArea: svgRoot.viewBox.baseVal,
+                            },
+                        });
+                        // Replace the <svg> element with the <g>
+                        mount.dataset.tag = 'img';
+                        mount.setAttribute('role', 'img');
+                        svgRoot.replaceWith(mount);
+                    }
+                    finally {
+                        svgRoot.remove();
+                    }
+                }
+                else {
+                    // Inline binary images as base64 data: URL
+                    const dataUrl = await blobToDataURL(blob);
+                    element.dataset.src = element.href.baseVal;
+                    element.setAttribute('xlink:href', dataUrl.href);
+                }
+            }
+            else if (isSVGStyleElement(element)) {
+                try {
+                    const promises = [];
+                    // Walk the stylesheet and replace @font-face src URLs with data URIs
+                    const parsedSheet = postcss.parse((_a = element.textContent) !== null && _a !== void 0 ? _a : '');
+                    parsedSheet.walkAtRules('font-face', fontFaceRule => {
+                        fontFaceRule.walkDecls('src', sourceDeclaration => {
+                            const parsedSourceValue = cssValueParser(sourceDeclaration.value);
+                            parsedSourceValue.walk(node => {
+                                if (node.type === 'function' && node.value === 'url' && node.nodes[0]) {
+                                    const urlArgumentNode = node.nodes[0];
+                                    if (urlArgumentNode.type === 'string' || urlArgumentNode.type === 'word') {
+                                        promises.push(inlineCssFontUrlArgumentNode(urlArgumentNode));
+                                    }
+                                }
+                            });
+                            sourceDeclaration.value = cssValueParser.stringify(parsedSourceValue.nodes);
+                        });
+                    });
+                    await Promise.all(promises);
+                    // Update <style> element with updated CSS
+                    element.textContent = parsedSheet.toString();
+                }
+                catch (error) {
+                    console.error('Error inlining stylesheet', element.sheet, error);
+                }
+            }
+        })().catch(error => {
+            console.error('Error inlining resource for element', element, error);
+        }),
+    ]);
+}
+/**
+ * Fetches the font from a `url()` CSS node and replaces it with a `data:` URI of the content.
+ */
+async function inlineCssFontUrlArgumentNode(urlArgumentNode) {
+    try {
+        const url = new URL(unescapeStringValue(urlArgumentNode.value));
+        const blob = await withTimeout(10000, `Timeout fetching ${url.href}`, () => fetchResource(url.href));
+        if (!blob.type.startsWith('font/') &&
+            !blob.type.startsWith('application/font-') &&
+            !blob.type.startsWith('application/x-font-') &&
+            !blob.type.startsWith('image/svg+xml') &&
+            !blob.type.startsWith('application/vnd.ms-fontobject')) {
+            throw new Error(`Invalid response MIME type inlining font at ${url.href}: Expected font MIME type, got ${blob.type}`);
+        }
+        const dataUrl = await blobToDataURL(blob);
+        urlArgumentNode.value = dataUrl.href;
+    }
+    catch (error) {
+        console.error(`Error inlining ${urlArgumentNode.value}`, error);
+    }
+}
+async function fetchResource(url) {
+    assert(url, 'No URL passed');
+    const headers = new Headers();
+    const response = await fetch(url, { headers });
+    if (!response.ok) {
+        throw new Error(response.statusText);
+    }
+    const blob = await response.blob();
+    return blob;
+}
+async function blobToDataURL(blob) {
+    const reader = new FileReader();
+    await new Promise((resolve, reject) => {
+        reader.addEventListener('error', () => reject(new Error('Error loading resource with FileLoader')));
+        reader.addEventListener('load', () => resolve());
+        reader.readAsDataURL(blob);
+    });
+    return new URL(reader.result);
+}
+//# sourceMappingURL=inline.js.map

package/lib/inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline.js","sourceRoot":"","sources":["../src/inline.ts"],"names":[],"mappings":"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","sourcesContent":["import * as postcss from 'postcss'\nimport cssValueParser from 'postcss-value-parser'\n\nimport { unescapeStringValue } from './css.js'\nimport { isSVGImageElement, isSVGStyleElement, svgNamespace } from './dom.js'\nimport { handleSvgNode } from './svg.js'\nimport { withTimeout, assert } from './util.js'\n\ndeclare global {\n\tinterface SVGStyleElement extends LinkStyle {}\n}\n\n/**\n * Inlines all external resources of the given element, such as fonts and images.\n *\n * Fonts and binary images are inlined as Base64 data: URIs.\n *\n * Images that reference another SVG are inlined by inlining the embedded SVG into the output SVG.\n * Note: The passed element needs to be attached to a document with a window (`defaultView`) for this so that `getComputedStyle()` can be used.\n */\nexport async function inlineResources(element: Element): Promise<void> {\n\tawait Promise.all([\n\t\t...[...element.children].map(inlineResources),\n\t\t(async () => {\n\t\t\tif (isSVGImageElement(element)) {\n\t\t\t\tconst blob = await withTimeout(10000, `Timeout fetching ${element.href.baseVal}`, () =>\n\t\t\t\t\tfetchResource(element.href.baseVal)\n\t\t\t\t)\n\t\t\t\tif (blob.type === 'image/svg+xml') {\n\t\t\t\t\t// If the image is an SVG, inline it into the output SVG.\n\t\t\t\t\t// Some tools (e.g. Figma) do not support nested SVG.\n\n\t\t\t\t\tassert(element.ownerDocument, 'Expected <image> element to have ownerDocument')\n\n\t\t\t\t\t// Replace <image> with inline <svg>\n\t\t\t\t\tconst embeddedSvgDocument = new DOMParser().parseFromString(\n\t\t\t\t\t\tawait blob.text(),\n\t\t\t\t\t\t'image/svg+xml'\n\t\t\t\t\t) as XMLDocument\n\t\t\t\t\tconst svgRoot = (embeddedSvgDocument.documentElement as Element) as SVGSVGElement\n\t\t\t\t\tsvgRoot.setAttribute('x', element.getAttribute('x')!)\n\t\t\t\t\tsvgRoot.setAttribute('y', element.getAttribute('y')!)\n\t\t\t\t\tsvgRoot.setAttribute('width', element.getAttribute('width')!)\n\t\t\t\t\tsvgRoot.setAttribute('height', element.getAttribute('height')!)\n\t\t\t\t\tsvgRoot.remove()\n\t\t\t\t\telement.replaceWith(svgRoot)\n\t\t\t\t\ttry {\n\t\t\t\t\t\t// Let handleSvgNode inline the <svg> into a simple <g>\n\t\t\t\t\t\tconst svgDocument = element.ownerDocument\n\t\t\t\t\t\tconst mount = svgDocument.createElementNS(svgNamespace, 'g')\n\t\t\t\t\t\tassert(element.id, '<image> element must have ID')\n\t\t\t\t\t\thandleSvgNode(svgRoot, {\n\t\t\t\t\t\t\tcurrentSvgParent: mount,\n\t\t\t\t\t\t\tsvgDocument,\n\t\t\t\t\t\t\tidPrefix: `${element.id}-`,\n\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t// SVGs embedded through <img> are never interactive.\n\t\t\t\t\t\t\t\tkeepLinks: false,\n\t\t\t\t\t\t\t\tcaptureArea: svgRoot.viewBox.baseVal,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\t// Replace the <svg> element with the <g>\n\t\t\t\t\t\tmount.dataset.tag = 'img'\n\t\t\t\t\t\tmount.setAttribute('role', 'img')\n\t\t\t\t\t\tsvgRoot.replaceWith(mount)\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tsvgRoot.remove()\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Inline binary images as base64 data: URL\n\t\t\t\t\tconst dataUrl = await blobToDataURL(blob)\n\t\t\t\t\telement.dataset.src = element.href.baseVal\n\t\t\t\t\telement.setAttribute('xlink:href', dataUrl.href)\n\t\t\t\t}\n\t\t\t} else if (isSVGStyleElement(element)) {\n\t\t\t\ttry {\n\t\t\t\t\tconst promises: Promise<void>[] = []\n\t\t\t\t\t// Walk the stylesheet and replace @font-face src URLs with data URIs\n\t\t\t\t\tconst parsedSheet = postcss.parse(element.textContent ?? '')\n\t\t\t\t\tparsedSheet.walkAtRules('font-face', fontFaceRule => {\n\t\t\t\t\t\tfontFaceRule.walkDecls('src', sourceDeclaration => {\n\t\t\t\t\t\t\tconst parsedSourceValue = cssValueParser(sourceDeclaration.value)\n\t\t\t\t\t\t\tparsedSourceValue.walk(node => {\n\t\t\t\t\t\t\t\tif (node.type === 'function' && node.value === 'url' && node.nodes[0]) {\n\t\t\t\t\t\t\t\t\tconst urlArgumentNode = node.nodes[0]\n\t\t\t\t\t\t\t\t\tif (urlArgumentNode.type === 'string' || urlArgumentNode.type === 'word') {\n\t\t\t\t\t\t\t\t\t\tpromises.push(inlineCssFontUrlArgumentNode(urlArgumentNode))\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\tsourceDeclaration.value = cssValueParser.stringify(parsedSourceValue.nodes)\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tawait Promise.all(promises)\n\t\t\t\t\t// Update <style> element with updated CSS\n\t\t\t\t\telement.textContent = parsedSheet.toString()\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error('Error inlining stylesheet', element.sheet, error)\n\t\t\t\t}\n\t\t\t}\n\t\t})().catch(error => {\n\t\t\tconsole.error('Error inlining resource for element', element, error)\n\t\t}),\n\t])\n}\n\n/**\n * Fetches the font from a `url()` CSS node and replaces it with a `data:` URI of the content.\n */\nasync function inlineCssFontUrlArgumentNode(\n\turlArgumentNode: cssValueParser.StringNode | cssValueParser.WordNode\n): Promise<void> {\n\ttry {\n\t\tconst url = new URL(unescapeStringValue(urlArgumentNode.value))\n\t\tconst blob = await withTimeout(10000, `Timeout fetching ${url.href}`, () => fetchResource(url.href))\n\t\tif (\n\t\t\t!blob.type.startsWith('font/') &&\n\t\t\t!blob.type.startsWith('application/font-') &&\n\t\t\t!blob.type.startsWith('application/x-font-') &&\n\t\t\t!blob.type.startsWith('image/svg+xml') &&\n\t\t\t!blob.type.startsWith('application/vnd.ms-fontobject')\n\t\t) {\n\t\t\tthrow new Error(\n\t\t\t\t`Invalid response MIME type inlining font at ${url.href}: Expected font MIME type, got ${blob.type}`\n\t\t\t)\n\t\t}\n\t\tconst dataUrl = await blobToDataURL(blob)\n\t\turlArgumentNode.value = dataUrl.href\n\t} catch (error) {\n\t\tconsole.error(`Error inlining ${urlArgumentNode.value}`, error)\n\t}\n}\n\nasync function fetchResource(url: string): Promise<Blob> {\n\tassert(url, 'No URL passed')\n\tconst headers = new Headers()\n\tconst response = await fetch(url, { headers })\n\tif (!response.ok) {\n\t\tthrow new Error(response.statusText)\n\t}\n\tconst blob = await response.blob()\n\treturn blob\n}\n\nasync function blobToDataURL(blob: Blob): Promise<URL> {\n\tconst reader = new FileReader()\n\tawait new Promise<void>((resolve, reject) => {\n\t\treader.addEventListener('error', () => reject(new Error('Error loading resource with FileLoader')))\n\t\treader.addEventListener('load', () => resolve())\n\t\treader.readAsDataURL(blob)\n\t})\n\treturn new URL(reader.result as string)\n}\n"]}

package/lib/stacking.d.ts

@@ -0,0 +1,38 @@
+declare global {
+    interface CSSStyleDeclaration {
+        src: string;
+        mixBlendMode: string;
+        maskBorder: string;
+        isolation: string;
+        webkitOverflowScrolling: string;
+        contain: string;
+        displayOutside: string;
+        displayInside: string;
+    }
+}
+export declare function establishesStackingContext(styles: CSSStyleDeclaration, parentStyles: CSSStyleDeclaration | null): boolean;
+export interface StackingLayers {
+    /** 1. The background and borders of the element forming the stacking context. */
+    readonly rootBackgroundAndBorders: SVGGElement;
+    /** 2. The child stacking contexts with negative stack levels (most negative first). */
+    readonly childStackingContextsWithNegativeStackLevels: SVGGElement;
+    /** 3. The in-flow, non-inline-level, non-positioned descendants. */
+    readonly inFlowNonInlineNonPositionedDescendants: SVGGElement;
+    /** 4. The non-positioned floats. */
+    readonly nonPositionedFloats: SVGGElement;
+    /** 5. The in-flow, inline-level, non-positioned descendants, including inline tables and inline blocks. */
+    readonly inFlowInlineLevelNonPositionedDescendants: SVGGElement;
+    /** 6. The child stacking contexts with stack level 0 and the positioned descendants with stack level 0. */
+    readonly childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero: SVGGElement;
+    /** 7. The child stacking contexts with positive stack levels (least positive first). */
+    readonly childStackingContextsWithPositiveStackLevels: SVGGElement;
+}
+export declare function createStackingLayers(container: SVGElement): StackingLayers;
+export declare function determineStackingLayer(styles: CSSStyleDeclaration, parentStyles: CSSStyleDeclaration | null): keyof StackingLayers | undefined;
+export declare function sortChildrenByZIndex(parent: SVGElement): void;
+export declare function sortStackingLayerChildren(stackingLayers: StackingLayers): void;
+/**
+ * Removes all stacking layers that are empty.
+ */
+export declare function cleanupStackingLayerChildren(stackingLayers: StackingLayers): void;
+//# sourceMappingURL=stacking.d.ts.map

package/lib/stacking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacking.d.ts","sourceRoot":"","sources":["../src/stacking.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,mBAAmB;QAE5B,GAAG,EAAE,MAAM,CAAA;QAEX,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,uBAAuB,EAAE,MAAM,CAAA;QAC/B,OAAO,EAAE,MAAM,CAAA;QACf,cAAc,EAAE,MAAM,CAAA;QACtB,aAAa,EAAE,MAAM,CAAA;KACrB;CACD;AAmBD,wBAAgB,0BAA0B,CACzC,MAAM,EAAE,mBAAmB,EAC3B,YAAY,EAAE,mBAAmB,GAAG,IAAI,GACtC,OAAO,CA0BT;AAED,MAAM,WAAW,cAAc;IAC9B,iFAAiF;IACjF,QAAQ,CAAC,wBAAwB,EAAE,WAAW,CAAA;IAE9C,uFAAuF;IACvF,QAAQ,CAAC,4CAA4C,EAAE,WAAW,CAAA;IAElE,oEAAoE;IACpE,QAAQ,CAAC,uCAAuC,EAAE,WAAW,CAAA;IAE7D,oCAAoC;IACpC,QAAQ,CAAC,mBAAmB,EAAE,WAAW,CAAA;IAEzC,2GAA2G;IAC3G,QAAQ,CAAC,yCAAyC,EAAE,WAAW,CAAA;IAE/D,2GAA2G;IAC3G,QAAQ,CAAC,iFAAiF,EAAE,WAAW,CAAA;IAEvG,wFAAwF;IACxF,QAAQ,CAAC,4CAA4C,EAAE,WAAW,CAAA;CAClE;AAmBD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA0B1E;AAED,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,mBAAmB,EAC3B,YAAY,EAAE,mBAAmB,GAAG,IAAI,GACtC,MAAM,cAAc,GAAG,SAAS,CAyBlC;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAa7D;AAED,wBAAgB,yBAAyB,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI,CAG9E;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI,CAOjF"}

package/lib/stacking.js

@@ -0,0 +1,125 @@
+import { isInFlow, isInline, isPositioned } from './css.js';
+import { svgNamespace } from './dom.js';
+const stackingContextEstablishingProperties = new Set([
+    'clipPath',
+    'contain',
+    'filter',
+    'isolation',
+    'mask',
+    'maskBorder',
+    'maskImage',
+    'mixBlendMode',
+    'opacity',
+    'perspective',
+    'position',
+    'transform',
+    'webkitOverflowScrolling',
+    'zIndex',
+]);
+export function establishesStackingContext(styles, parentStyles) {
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+    return !!(((styles.position === 'absolute' || styles.position === 'relative') && styles.zIndex !== 'auto') ||
+        styles.position === 'fixed' ||
+        styles.position === 'sticky' ||
+        (parentStyles &&
+            (parentStyles.display === 'flex' || parentStyles.display === 'grid') &&
+            styles.zIndex !== 'auto') ||
+        parseFloat(styles.opacity) !== 1 ||
+        styles.mixBlendMode !== 'normal' ||
+        styles.transform !== 'none' ||
+        styles.filter !== 'none' ||
+        styles.perspective !== 'none' ||
+        styles.clipPath !== 'none' ||
+        styles.mask !== 'none' ||
+        styles.maskImage !== 'none' ||
+        styles.maskBorder !== 'none' ||
+        styles.isolation === 'isolate' ||
+        styles.webkitOverflowScrolling === 'touch' ||
+        styles.contain === 'layout' ||
+        styles.contain === 'paint' ||
+        styles.contain === 'strict' ||
+        styles.contain === 'content' ||
+        styles.willChange.split(',').some(property => stackingContextEstablishingProperties.has(property.trim())));
+}
+const STACKING_LAYER_NAMES = [
+    'rootBackgroundAndBorders',
+    'childStackingContextsWithNegativeStackLevels',
+    'inFlowNonInlineNonPositionedDescendants',
+    'nonPositionedFloats',
+    'inFlowInlineLevelNonPositionedDescendants',
+    'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero',
+    'childStackingContextsWithPositiveStackLevels',
+];
+function createStackingLayer(parent, layerName) {
+    const layer = parent.ownerDocument.createElementNS(svgNamespace, 'g');
+    layer.dataset.stackingLayer = layerName;
+    parent.append(layer);
+    return layer;
+}
+export function createStackingLayers(container) {
+    container.dataset.stackingContext = 'true';
+    return {
+        rootBackgroundAndBorders: createStackingLayer(container, 'rootBackgroundAndBorders'),
+        childStackingContextsWithNegativeStackLevels: createStackingLayer(container, 'childStackingContextsWithNegativeStackLevels'),
+        inFlowNonInlineNonPositionedDescendants: createStackingLayer(container, 'inFlowNonInlineNonPositionedDescendants'),
+        nonPositionedFloats: createStackingLayer(container, 'nonPositionedFloats'),
+        inFlowInlineLevelNonPositionedDescendants: createStackingLayer(container, 'inFlowInlineLevelNonPositionedDescendants'),
+        childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero: createStackingLayer(container, 'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero'),
+        childStackingContextsWithPositiveStackLevels: createStackingLayer(container, 'childStackingContextsWithPositiveStackLevels'),
+    };
+}
+export function determineStackingLayer(styles, parentStyles) {
+    // https://www.w3.org/TR/CSS22/visuren.html#layers
+    // https://www.w3.org/TR/CSS22/zindex.html
+    // Note: the root element is not handled here, but in handleElement().
+    const zIndex = styles.zIndex !== 'auto' ? parseInt(styles.zIndex, 10) : undefined;
+    if (zIndex !== undefined && zIndex < 0 && establishesStackingContext(styles, parentStyles)) {
+        return 'childStackingContextsWithNegativeStackLevels';
+    }
+    if (isInFlow(styles) && !isInline(styles) && !isPositioned(styles)) {
+        return 'inFlowNonInlineNonPositionedDescendants';
+    }
+    if (!isPositioned(styles) && styles.float !== 'none') {
+        return 'nonPositionedFloats';
+    }
+    if (isInFlow(styles) && isInline(styles) && !isPositioned(styles)) {
+        return 'inFlowInlineLevelNonPositionedDescendants';
+    }
+    if (zIndex === 0 && (isPositioned(styles) || establishesStackingContext(styles, parentStyles))) {
+        return 'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero';
+    }
+    if (zIndex !== undefined && zIndex > 0 && establishesStackingContext(styles, parentStyles)) {
+        return 'childStackingContextsWithPositiveStackLevels';
+    }
+    return undefined;
+}
+export function sortChildrenByZIndex(parent) {
+    const sorted = [...parent.children].sort((a, b) => {
+        const zIndexA = a.dataset.zIndex;
+        const zIndexB = b.dataset.zIndex;
+        if (!zIndexA || !zIndexB) {
+            // E.g. a <clipPath>
+            return 0;
+        }
+        return parseInt(zIndexA, 10) - parseInt(zIndexB, 10);
+    });
+    for (const child of sorted) {
+        parent.append(child);
+    }
+}
+export function sortStackingLayerChildren(stackingLayers) {
+    sortChildrenByZIndex(stackingLayers.childStackingContextsWithNegativeStackLevels);
+    sortChildrenByZIndex(stackingLayers.childStackingContextsWithPositiveStackLevels);
+}
+/**
+ * Removes all stacking layers that are empty.
+ */
+export function cleanupStackingLayerChildren(stackingLayers) {
+    for (const name of STACKING_LAYER_NAMES) {
+        const layer = stackingLayers[name];
+        if (!layer.hasChildNodes()) {
+            layer.remove();
+        }
+    }
+}
+//# sourceMappingURL=stacking.js.map

package/lib/stacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacking.js","sourceRoot":"","sources":["../src/stacking.ts"],"names":[],"mappings":"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","sourcesContent":["import { isInFlow, isInline, isPositioned } from './css.js'\nimport { svgNamespace } from './dom.js'\n\ndeclare global {\n\tinterface CSSStyleDeclaration {\n\t\t// @font-face\n\t\tsrc: string\n\n\t\tmixBlendMode: string\n\t\tmaskBorder: string\n\t\tisolation: string\n\t\twebkitOverflowScrolling: string\n\t\tcontain: string\n\t\tdisplayOutside: string\n\t\tdisplayInside: string\n\t}\n}\n\nconst stackingContextEstablishingProperties = new Set<string>([\n\t'clipPath',\n\t'contain',\n\t'filter',\n\t'isolation',\n\t'mask',\n\t'maskBorder',\n\t'maskImage',\n\t'mixBlendMode',\n\t'opacity',\n\t'perspective',\n\t'position',\n\t'transform',\n\t'webkitOverflowScrolling',\n\t'zIndex',\n])\n\nexport function establishesStackingContext(\n\tstyles: CSSStyleDeclaration,\n\tparentStyles: CSSStyleDeclaration | null\n): boolean {\n\t// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n\treturn !!(\n\t\t((styles.position === 'absolute' || styles.position === 'relative') && styles.zIndex !== 'auto') ||\n\t\tstyles.position === 'fixed' ||\n\t\tstyles.position === 'sticky' ||\n\t\t(parentStyles &&\n\t\t\t(parentStyles.display === 'flex' || parentStyles.display === 'grid') &&\n\t\t\tstyles.zIndex !== 'auto') ||\n\t\tparseFloat(styles.opacity) !== 1 ||\n\t\tstyles.mixBlendMode !== 'normal' ||\n\t\tstyles.transform !== 'none' ||\n\t\tstyles.filter !== 'none' ||\n\t\tstyles.perspective !== 'none' ||\n\t\tstyles.clipPath !== 'none' ||\n\t\tstyles.mask !== 'none' ||\n\t\tstyles.maskImage !== 'none' ||\n\t\tstyles.maskBorder !== 'none' ||\n\t\tstyles.isolation === 'isolate' ||\n\t\tstyles.webkitOverflowScrolling === 'touch' ||\n\t\tstyles.contain === 'layout' ||\n\t\tstyles.contain === 'paint' ||\n\t\tstyles.contain === 'strict' ||\n\t\tstyles.contain === 'content' ||\n\t\tstyles.willChange.split(',').some(property => stackingContextEstablishingProperties.has(property.trim()))\n\t)\n}\n\nexport interface StackingLayers {\n\t/** 1. The background and borders of the element forming the stacking context. */\n\treadonly rootBackgroundAndBorders: SVGGElement\n\n\t/** 2. The child stacking contexts with negative stack levels (most negative first). */\n\treadonly childStackingContextsWithNegativeStackLevels: SVGGElement\n\n\t/** 3. The in-flow, non-inline-level, non-positioned descendants. */\n\treadonly inFlowNonInlineNonPositionedDescendants: SVGGElement\n\n\t/** 4. The non-positioned floats. */\n\treadonly nonPositionedFloats: SVGGElement\n\n\t/** 5. The in-flow, inline-level, non-positioned descendants, including inline tables and inline blocks. */\n\treadonly inFlowInlineLevelNonPositionedDescendants: SVGGElement\n\n\t/** 6. The child stacking contexts with stack level 0 and the positioned descendants with stack level 0. */\n\treadonly childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero: SVGGElement\n\n\t/** 7. The child stacking contexts with positive stack levels (least positive first). */\n\treadonly childStackingContextsWithPositiveStackLevels: SVGGElement\n}\n\nconst STACKING_LAYER_NAMES: readonly (keyof StackingLayers)[] = [\n\t'rootBackgroundAndBorders',\n\t'childStackingContextsWithNegativeStackLevels',\n\t'inFlowNonInlineNonPositionedDescendants',\n\t'nonPositionedFloats',\n\t'inFlowInlineLevelNonPositionedDescendants',\n\t'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero',\n\t'childStackingContextsWithPositiveStackLevels',\n]\n\nfunction createStackingLayer(parent: SVGElement, layerName: keyof StackingLayers): SVGGElement {\n\tconst layer = parent.ownerDocument.createElementNS(svgNamespace, 'g')\n\tlayer.dataset.stackingLayer = layerName\n\tparent.append(layer)\n\treturn layer\n}\n\nexport function createStackingLayers(container: SVGElement): StackingLayers {\n\tcontainer.dataset.stackingContext = 'true'\n\treturn {\n\t\trootBackgroundAndBorders: createStackingLayer(container, 'rootBackgroundAndBorders'),\n\t\tchildStackingContextsWithNegativeStackLevels: createStackingLayer(\n\t\t\tcontainer,\n\t\t\t'childStackingContextsWithNegativeStackLevels'\n\t\t),\n\t\tinFlowNonInlineNonPositionedDescendants: createStackingLayer(\n\t\t\tcontainer,\n\t\t\t'inFlowNonInlineNonPositionedDescendants'\n\t\t),\n\t\tnonPositionedFloats: createStackingLayer(container, 'nonPositionedFloats'),\n\t\tinFlowInlineLevelNonPositionedDescendants: createStackingLayer(\n\t\t\tcontainer,\n\t\t\t'inFlowInlineLevelNonPositionedDescendants'\n\t\t),\n\t\tchildStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero: createStackingLayer(\n\t\t\tcontainer,\n\t\t\t'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero'\n\t\t),\n\t\tchildStackingContextsWithPositiveStackLevels: createStackingLayer(\n\t\t\tcontainer,\n\t\t\t'childStackingContextsWithPositiveStackLevels'\n\t\t),\n\t}\n}\n\nexport function determineStackingLayer(\n\tstyles: CSSStyleDeclaration,\n\tparentStyles: CSSStyleDeclaration | null\n): keyof StackingLayers | undefined {\n\t// https://www.w3.org/TR/CSS22/visuren.html#layers\n\t// https://www.w3.org/TR/CSS22/zindex.html\n\n\t// Note: the root element is not handled here, but in handleElement().\n\tconst zIndex = styles.zIndex !== 'auto' ? parseInt(styles.zIndex, 10) : undefined\n\tif (zIndex !== undefined && zIndex < 0 && establishesStackingContext(styles, parentStyles)) {\n\t\treturn 'childStackingContextsWithNegativeStackLevels'\n\t}\n\tif (isInFlow(styles) && !isInline(styles) && !isPositioned(styles)) {\n\t\treturn 'inFlowNonInlineNonPositionedDescendants'\n\t}\n\tif (!isPositioned(styles) && styles.float !== 'none') {\n\t\treturn 'nonPositionedFloats'\n\t}\n\tif (isInFlow(styles) && isInline(styles) && !isPositioned(styles)) {\n\t\treturn 'inFlowInlineLevelNonPositionedDescendants'\n\t}\n\tif (zIndex === 0 && (isPositioned(styles) || establishesStackingContext(styles, parentStyles))) {\n\t\treturn 'childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero'\n\t}\n\tif (zIndex !== undefined && zIndex > 0 && establishesStackingContext(styles, parentStyles)) {\n\t\treturn 'childStackingContextsWithPositiveStackLevels'\n\t}\n\treturn undefined\n}\n\nexport function sortChildrenByZIndex(parent: SVGElement): void {\n\tconst sorted = [...parent.children].sort((a, b) => {\n\t\tconst zIndexA = (a as SVGElement).dataset.zIndex\n\t\tconst zIndexB = (b as SVGElement).dataset.zIndex\n\t\tif (!zIndexA || !zIndexB) {\n\t\t\t// E.g. a <clipPath>\n\t\t\treturn 0\n\t\t}\n\t\treturn parseInt(zIndexA, 10) - parseInt(zIndexB, 10)\n\t})\n\tfor (const child of sorted) {\n\t\tparent.append(child)\n\t}\n}\n\nexport function sortStackingLayerChildren(stackingLayers: StackingLayers): void {\n\tsortChildrenByZIndex(stackingLayers.childStackingContextsWithNegativeStackLevels)\n\tsortChildrenByZIndex(stackingLayers.childStackingContextsWithPositiveStackLevels)\n}\n\n/**\n * Removes all stacking layers that are empty.\n */\nexport function cleanupStackingLayerChildren(stackingLayers: StackingLayers): void {\n\tfor (const name of STACKING_LAYER_NAMES) {\n\t\tconst layer = stackingLayers[name]\n\t\tif (!layer.hasChildNodes()) {\n\t\t\tlayer.remove()\n\t\t}\n\t}\n}\n"]}

package/lib/svg.d.ts

@@ -0,0 +1,14 @@
+import { TraversalContext } from './traversal.js';
+/**
+ * Recursively clone an `<svg>` element, inlining it into the output SVG document with the necessary transforms.
+ */
+export declare function handleSvgNode(node: Node, context: SvgTraversalContext): void;
+interface SvgTraversalContext extends Pick<TraversalContext, 'svgDocument' | 'currentSvgParent' | 'options'> {
+    /**
+     * A prefix to use for all ID to make them unique inside the output SVG document.
+     */
+    readonly idPrefix: string;
+}
+export declare function handleSvgElement(element: SVGElement, context: SvgTraversalContext): void;
+export {};
+//# sourceMappingURL=svg.d.ts.map

package/lib/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../src/svg.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAU5E;AAID,UAAU,mBAAoB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,kBAAkB,GAAG,SAAS,CAAC;IAC3G;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CACzB;AAGD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAwHxF"}