@mathstack/viz 0.0.1-beta.13 → 0.0.1-beta.14

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 * as domToImage from '@zumer/snapdom';
 
 class Marks {
     ngOnChanges(changes) {
@@ -8276,7 +8276,6 @@ var VicImage;
 })(VicImage || (VicImage = {}));
 
 const DEFAULT$8 = {
-    fontEmbedCSS: undefined,
     backgroundColor: '#fff',
     quality: 1,
 };
@@ -8306,43 +8305,15 @@ 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,
-        };
-        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();
+        const result = await domToImage.snapdom(imageConfig.containerNode, {
+            embedFonts: true,
+            cache: 'full',
+        });
+        await result.download({
+            format: imageConfig.imageType,
+            filename: imageConfig.fileName,
+        });
     }
     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' }); }