pacem 0.40.0-faras → 0.40.0-gerrha

package/dist/css/pacem-dark-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-dark-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-dark.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-light-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-light-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-light.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-phousys-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-phousys-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/css/pacem-phousys.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/azure-maps.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */
@@ -3378,7 +3378,7 @@ declare namespace atlas {
          * @param eventType The event name.
          * @param callback The event handler callback.
          */
-        add(eventType: "boxzoomstart" | "boxzoomend" | "dragstart" | "drag" | "dragend" | "load" | "movestart" | "move" | "moveend" | "pitchstart" | "pitch" | "pitchend" | "ready" | "render" | "resize" | "rotatestart" | "rotate" | "rotateend" | "styledata" | "tokenacquired" | "zoomstart" | "zoom" | "zoomend", callback: (e: MapEvent) => void): void;
+        add(eventType: "boxzoomstart" | "boxzoomend" | "dragstart" | "drag" | "dragend" | "idle" | "load" | "movestart" | "move" | "moveend" | "pitchstart" | "pitch" | "pitchend" | "ready" | "render" | "resize" | "rotatestart" | "rotate" | "rotateend" | "styledata" | "tokenacquired" | "zoomstart" | "zoom" | "zoomend", callback: (e: MapEvent) => void): void;
         /**
          * Adds a touch event to the map.
          * @param eventType The touch event name.
@@ -3443,7 +3443,7 @@ declare namespace atlas {
          * @param eventType The event name.
          * @param callback The event handler callback.
          */
-        addOnce(eventType: "boxzoomstart" | "boxzoomend" | "dragstart" | "drag" | "dragend" | "load" | "movestart" | "move" | "moveend" | "pitchstart" | "pitch" | "pitchend" | "ready" | "render" | "resize" | "rotatestart" | "rotate" | "rotateend" | "styledata" | "tokenacquired" | "zoomstart" | "zoom" | "zoomend", callback: (e: MapEvent) => void): any;
+        addOnce(eventType: "boxzoomstart" | "boxzoomend" | "dragstart" | "drag" | "dragend" | "idle" | "load" | "movestart" | "move" | "moveend" | "pitchstart" | "pitch" | "pitchend" | "ready" | "render" | "resize" | "rotatestart" | "rotate" | "rotateend" | "styledata" | "tokenacquired" | "zoomstart" | "zoom" | "zoomend", callback: (e: MapEvent) => void): any;
         /**
          * Adds a touch event to the map.
          * @param eventType The touch event name.

package/dist/js/pacem-2d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-2d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-2d.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-3d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-3d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-3d.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-charts.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-charts.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-charts.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-cms.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-cms.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-cms.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */

package/dist/js/pacem-core.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */
@@ -219,8 +219,10 @@ declare namespace Pacem {
          * Snapshots a DOM element and returns its blob image representation.
          * @param el Element to snapshot
          * @param background Background color to replace the original
+         * @param type Output mimetype (image/png, image/jpeg, images/webp, ...)
+         * @param quality Quality ratio between 0..1
          */
-        static snapshotElement(el: HTMLElement | SVGElement, background?: string): PromiseLike<Blob>;
+        static snapshotElement(el: HTMLElement | SVGElement, background?: string, type?: string, quality?: number): PromiseLike<Blob>;
         static download(content: Blob, filename?: string, mime?: string): PromiseLike<void>;
         static download(url: string, filename?: string, mime?: string): PromiseLike<void>;
         static download(url: string, options: DownloadOptions): PromiseLike<void>;

package/dist/js/pacem-core.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.40.0-faras (https://js.pacem.it)
+ * pacem v0.40.0-gerrha (https://js.pacem.it)
  * Copyright 2023 Pacem (https://pacem.it)
  * Licensed under MIT
  */
@@ -568,8 +568,10 @@ var Pacem;
          * Snapshots a DOM element and returns its blob image representation.
          * @param el Element to snapshot
          * @param background Background color to replace the original
+         * @param type Output mimetype (image/png, image/jpeg, images/webp, ...)
+         * @param quality Quality ratio between 0..1
          */
-        static snapshotElement(el, background) {
+        static snapshotElement(el, background, type = 'image/png', quality) {
             function drawCanvas(img) {
                 return new Promise(resolve => {
                     const canvas = document.createElement('canvas');
@@ -583,41 +585,106 @@ var Pacem;
                     ctx.drawImage(img, 0, 0);
                     return canvas.toBlob(b => {
                         resolve(b);
-                    }, 'image/png');
+                    }, type, quality);
                 });
             }
             if (el instanceof HTMLCanvasElement) {
                 return drawCanvas(el);
             }
             return new Promise((resolve, _) => {
-                if (!(el instanceof SVGElement)) {
+                const isSvg = el instanceof SVGElement;
+                if (!isSvg) {
                     var doc = document.implementation.createHTMLDocument('');
                     doc.write(el.outerHTML);
                     doc.documentElement.setAttribute('xmlns', doc.documentElement.namespaceURI);
-                    const node = document.evaluate(".//" + el.localName, doc.body, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+                    const xpath = document.evaluate(".//" + el.localName, doc.body, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+                    const node = xpath;
                     node.setAttribute('xmlns', doc.documentElement.namespaceURI);
-                    node.style.cssText = getComputedStyle(el).cssText;
-                    // Get well-formed markup
-                    const svg = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
-                    const size = Utils.offset(el);
-                    svg.setAttribute('width', size.width.toString());
-                    svg.setAttribute('height', size.height.toString());
-                    svg.innerHTML = '<foreignObject width="100%" height="100%">' +
-                        node.outerHTML +
-                        '</foreignObject>';
-                    el = svg;
-                }
-                const data = new XMLSerializer().serializeToString(el);
-                var domURL = this._domURL;
-                var img = new Image();
-                img.crossOrigin = 'anonymous';
-                var svg = new Blob([data], { type: 'image/svg+xml' });
-                var url = domURL.createObjectURL(svg);
-                img.onload = () => {
-                    drawCanvas(img).then(resolve);
-                    domURL.revokeObjectURL(url);
-                };
-                img.src = url;
+                    const loadPromises = [];
+                    function addLoadPromise(img) {
+                        const p = new Promise((resolve0, _) => {
+                            fetch(img.src)
+                                .then(r => r.blob())
+                                .then(blob => Utils.blobToDataURL(blob))
+                                .then(url => {
+                                img.src = url;
+                                resolve0();
+                            });
+                        });
+                        loadPromises.push(p);
+                    }
+                    function copyCanvas(copy, srcCanvas) {
+                        const p = new Promise((resolve0, _) => {
+                            const img = new Image();
+                            img.crossOrigin = 'anonymous';
+                            img.width = srcCanvas.width;
+                            img.height = srcCanvas.height;
+                            img.style.cssText = copy.style.cssText;
+                            img.onload = () => {
+                                copy.replaceWith(img);
+                                resolve0();
+                            };
+                            img.src = srcCanvas.toDataURL();
+                        });
+                        loadPromises.push(p);
+                    }
+                    function applyCss(copy, src) {
+                        const css = getComputedStyle(src);
+                        for (let j = 0; j < css.length; j++) {
+                            const item = css.item(j);
+                            copy.style[item] = css[item];
+                        }
+                    }
+                    function recSetupCopy(copy, src) {
+                        // assign css text
+                        applyCss(copy, src);
+                        // bitmaps
+                        if (copy instanceof HTMLImageElement) {
+                            addLoadPromise(copy);
+                        }
+                        else if (copy instanceof HTMLCanvasElement) {
+                            copyCanvas(copy, src);
+                        }
+                        // recursion
+                        const childLength = copy.children.length;
+                        for (let i = 0; i < childLength; i++) {
+                            const copy1 = copy.children.item(i), src1 = src.children.item(i);
+                            if (copy1.tagName === src1.tagName) {
+                                recSetupCopy(copy1, src1);
+                            }
+                        }
+                    }
+                    recSetupCopy(node, el);
+                    Promise.all(loadPromises).then(_ => {
+                        // Get well-formed markup
+                        const svg = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
+                        const size = Utils.offset(el);
+                        svg.setAttribute('viewBox', `0 0 ${size.width} ${size.height}`);
+                        svg.setAttribute('width', size.width.toString());
+                        svg.setAttribute('height', size.height.toString());
+                        svg.innerHTML = `<foreignObject width="${size.width}" height="${size.height}">${node.outerHTML}</foreignObject>`;
+                        el = svg;
+                        execute();
+                    });
+                }
+                else {
+                    execute();
+                }
+                function execute() {
+                    const data = new XMLSerializer().serializeToString(el);
+                    const img = new Image();
+                    img.crossOrigin = 'anonymous';
+                    // switching from blob to data url (see: https://bugs.chromium.org/p/chromium/issues/detail?id=294129)
+                    //const domURL = this._domURL;
+                    //var svg = new Blob([data], { type: 'image/svg+xml' });
+                    //var url = domURL.createObjectURL(svg);
+                    const url = 'data:image/svg+xml;charset=utf8,' + encodeURIComponent(data);
+                    img.onload = () => {
+                        drawCanvas(img).then(resolve);
+                        //domURL.revokeObjectURL(url);
+                    };
+                    img.src = url;
+                }
             });
         }
         static download(arg0, arg1, mime = "application/download") {