@mathstack/viz 2.3.0 → 2.3.2

package/fesm2022/mathstack-viz.mjs

@@ -13,7 +13,7 @@ import { TemplatePortal } from '@angular/cdk/portal';
 import saveAs from 'file-saver';
 import unparse from 'papaparse';
 import polylabel from 'polylabel';
-import * as domToImage from 'html-to-image';
+import { snapdom } from '@zumer/snapdom';
 
 class Marks {
     ngOnChanges(changes) {
@@ -8276,7 +8276,6 @@ var VicImage;
 })(VicImage || (VicImage = {}));
 
 const DEFAULT$8 = {
-    fontEmbedCSS: undefined,
     backgroundColor: '#fff',
     quality: 1,
 };
@@ -8303,46 +8302,27 @@ class VicSvgImageConfig {
 }
 
 class VicImageDownloadService {
-    constructor() {
-        this.domToImage = domToImage;
-    }
-    /**
-     * @param imageConfig
-     * @returns fontEmbedCSS -- scans stylesheets for font files and base64 encodes them,
-     * reuse this value in imageConfig for subsequent downloads to avoid
-     * re-encoding fonts (slight performance boost)
-     */
     async downloadImage(imageConfig) {
-        let dataUrl;
-        if (imageConfig.fontEmbedCSS === undefined) {
-            imageConfig.fontEmbedCSS = await domToImage.getFontEmbedCSS(imageConfig.containerNode);
-        }
-        const sizedImageConfig = {
-            ...imageConfig,
-            width: imageConfig.containerNode.scrollWidth,
-            height: imageConfig.containerNode.scrollHeight,
+        const options = {
+            fast: true,
+            filterMode: 'remove',
+            filter: (domNode) => {
+                if (getComputedStyle(domNode).display === 'none') {
+                    return false;
+                }
+                return imageConfig.filter ? imageConfig.filter(domNode) : true;
+            },
+            backgroundColor: imageConfig.backgroundColor,
         };
-        switch (imageConfig.imageType) {
-            case VicImage.jpeg:
-                dataUrl = await this.domToImage.toJpeg(imageConfig.containerNode, sizedImageConfig);
-                break;
-            case VicImage.png:
-                dataUrl = await this.domToImage.toPng(imageConfig.containerNode, sizedImageConfig);
-                break;
-            case VicImage.svg:
-                dataUrl = await this.domToImage.toSvg(imageConfig.containerNode, sizedImageConfig);
-                break;
-            default:
-                break;
-        }
-        this.createLinkAndClick(dataUrl, `${imageConfig.fileName}.${imageConfig.imageType}`);
-        return imageConfig.fontEmbedCSS;
-    }
-    createLinkAndClick(dataUrl, fileName) {
-        const link = document.createElement('a');
-        link.download = fileName;
-        link.href = dataUrl;
-        link.click();
+        if (!imageConfig.backgroundColor) {
+            delete options.backgroundColor;
+        }
+        const result = await snapdom(imageConfig.containerNode, options);
+        await result.download({
+            format: imageConfig.imageType,
+            filename: imageConfig.fileName,
+            quality: imageConfig.quality,
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: VicImageDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: VicImageDownloadService, providedIn: 'root' }); }