@devgateway/dvz-ui-react 1.6.20 → 1.7.1

package/dist/esm/embeddable/download/dom-to-image.js

@@ -1,4 +1,4 @@
-const h = z(), R = K(), F = Q(), N = Y(), k = {
+const d = z(), I = K(), F = Q(), N = Y(), k = {
   // Default is to fail on error, no placeholder
   imagePlaceholder: void 0,
   // Default cache bust is false, it will use the cache
@@ -13,75 +13,75 @@ const h = z(), R = K(), F = Q(), N = Y(), k = {
   impl: {
     fontFaces: F,
     images: N,
-    util: h,
-    inliner: R,
+    util: d,
+    inliner: I,
     options: {}
   }
 };
 typeof module < "u" ? module.exports = b : globalThis.domtoimage = b;
-async function j(o, t) {
-  t = t || {}, $(t);
-  const n = await Promise.resolve(o), a = await O(n, t.filter, !0), l = await W(a), r = await q(l), s = await d(r);
+async function j(o, n) {
+  n = n || {}, $(n);
+  const t = await Promise.resolve(o), s = await O(t, n.filter, !0), l = await W(s), r = await q(l), c = await h(r);
   return await J(
-    s,
-    t.width || h.width(o),
-    t.height || h.height(o)
+    c,
+    n.width || d.width(o),
+    n.height || d.height(o)
   );
-  function d(m) {
-    return t.bgcolor && (m.style.backgroundColor = t.bgcolor), t.width && (m.style.width = t.width + "px"), t.height && (m.style.height = t.height + "px"), t.style && Object.keys(t.style).forEach(function(g) {
-      m.style[g] = t.style[g];
+  function h(m) {
+    return n.bgcolor && (m.style.backgroundColor = n.bgcolor), n.width && (m.style.width = n.width + "px"), n.height && (m.style.height = n.height + "px"), n.style && Object.keys(n.style).forEach(function(g) {
+      m.style[g] = n.style[g];
     }), m;
   }
 }
-async function V(o, t) {
-  const n = await I(o, t || {});
-  return n ? n.getContext("2d").getImageData(
+async function V(o, n) {
+  const t = await R(o, n || {});
+  return t ? t.getContext("2d").getImageData(
     0,
     0,
-    h.width(o),
-    h.height(o)
+    d.width(o),
+    d.height(o)
   ).data : null;
 }
-async function _(o, t) {
-  const n = await I(o, t || {});
-  return n ? n.toDataURL() : null;
+async function _(o, n) {
+  const t = await R(o, n || {});
+  return t ? t.toDataURL() : null;
 }
-async function X(o, t) {
-  t = t || {};
-  const n = await I(o, t);
-  return n ? n.toDataURL("image/jpeg", t.quality || 1) : null;
+async function X(o, n) {
+  n = n || {};
+  const t = await R(o, n);
+  return t ? t.toDataURL("image/jpeg", n.quality || 1) : null;
 }
-function G(o, t) {
-  return I(o, t || {}).then(h.canvasToBlob);
+function G(o, n) {
+  return R(o, n || {}).then(d.canvasToBlob);
 }
 function $(o) {
   typeof o.imagePlaceholder > "u" ? b.impl.options.imagePlaceholder = k.imagePlaceholder : b.impl.options.imagePlaceholder = o.imagePlaceholder, typeof o.cacheBust > "u" ? b.impl.options.cacheBust = k.cacheBust : b.impl.options.cacheBust = o.cacheBust;
 }
-function I(o, t) {
-  return j(o, t).then(h.makeImage).then(h.delay(100)).then(function(a) {
-    const l = n(o, t), r = l.getContext("2d");
-    return r ? (r.drawImage(a, 0, 0), l) : new HTMLCanvasElement();
-  }).catch(function(a) {
-    console.error("Failed to draw canvas:", a);
+function R(o, n) {
+  return j(o, n).then(d.makeImage).then(d.delay(100)).then(function(s) {
+    const l = t(o, n), r = l.getContext("2d");
+    return r ? (r.drawImage(s, 0, 0), l) : new HTMLCanvasElement();
+  }).catch(function(s) {
+    console.error("Failed to draw canvas:", s);
   });
-  function n(a, l) {
-    const r = document.createElement("canvas"), s = a.getBoundingClientRect(), d = window.devicePixelRatio || 1;
-    r.width = (l.width || s.width) * d, r.height = (l.height || s.height) * d, r.style.width = (l.width || s.width) + "px", r.style.height = (l.height || s.height) + "px";
+  function t(s, l) {
+    const r = document.createElement("canvas"), c = s.getBoundingClientRect(), h = window.devicePixelRatio || 1;
+    r.width = (l.width || c.width) * h, r.height = (l.height || c.height) * h, r.style.width = (l.width || c.width) + "px", r.style.height = (l.height || c.height) + "px";
     const m = r.getContext("2d");
-    return m ? (m.scale(d, d), l.bgcolor && (m.fillStyle = l.bgcolor, m.fillRect(0, 0, r.width, r.height)), r) : new HTMLCanvasElement();
+    return m ? (m.scale(h, h), l.bgcolor && (m.fillStyle = l.bgcolor, m.fillRect(0, 0, r.width, r.height)), r) : new HTMLCanvasElement();
   }
 }
-async function O(o, t, n) {
-  if (!n && t && !t(o)) return Promise.resolve();
-  const a = await Promise.resolve(o), l = await s(a), r = await d(o, l, t);
+async function O(o, n, t) {
+  if (!t && n && !n(o)) return Promise.resolve();
+  const s = await Promise.resolve(o), l = await c(s), r = await h(o, l, n);
   return m(o, r);
-  function s(g) {
-    return g instanceof HTMLCanvasElement ? h.makeImage(g.toDataURL()) : g.cloneNode(!1);
+  function c(g) {
+    return g instanceof HTMLCanvasElement ? d.makeImage(g.toDataURL()) : g.cloneNode(!1);
   }
-  async function d(g, c, T) {
+  async function h(g, a, T) {
     const x = g.childNodes;
-    if (x.length === 0) return Promise.resolve(c);
-    return await C(c, h.asArray(x), T), c;
+    if (x.length === 0) return Promise.resolve(a);
+    return await C(a, d.asArray(x), T), a;
     function C(U, v, p) {
       let w = Promise.resolve();
       return v.forEach(function(e) {
@@ -93,17 +93,17 @@ async function O(o, t, n) {
       }), w;
     }
   }
-  function m(g, c) {
-    if (!(c instanceof Element)) return c;
+  function m(g, a) {
+    if (!(a instanceof Element)) return a;
     return Promise.resolve().then(T).then(x).then(C).then(U).then(function() {
-      return c;
+      return a;
     });
     function T() {
-      v(window.getComputedStyle(g), c.style);
+      v(window.getComputedStyle(g), a.style);
       function v(p, w) {
         p.cssText ? w.cssText = p.cssText : e(p, w);
         function e(i, f) {
-          h.asArray(i).forEach(function(u) {
+          d.asArray(i).forEach(function(u) {
             f.setProperty(
               u,
               i.getPropertyValue(u),
@@ -120,10 +120,10 @@ async function O(o, t, n) {
       function v(p) {
         const w = window.getComputedStyle(g, p), e = w.getPropertyValue("content");
         if (e === "" || e === "none") return;
-        const i = h.uid();
-        c.className = c.className + " " + i;
+        const i = d.uid();
+        a.className = a.className + " " + i;
         const f = document.createElement("style");
-        f.appendChild(u(i, p, w)), c.appendChild(f);
+        f.appendChild(u(i, p, w)), a.appendChild(f);
         function u(y, E, S) {
           const B = "." + y + ":" + E, P = S.cssText ? L(S) : H(S);
           return document.createTextNode(B + "{" + P + "}");
@@ -132,7 +132,7 @@ async function O(o, t, n) {
             return A.cssText + " content: " + D + ";";
           }
           function H(A) {
-            return h.asArray(A).map(D).join("; ") + ";";
+            return d.asArray(A).map(D).join("; ") + ";";
             function D(M) {
               return M + ": " + A.getPropertyValue(M) + (A.getPropertyPriority(M) ? " !important" : "");
             }
@@ -141,47 +141,47 @@ async function O(o, t, n) {
       }
     }
     function C() {
-      g instanceof HTMLTextAreaElement && (c.innerHTML = g.value), g instanceof HTMLInputElement && c.setAttribute("value", g.value);
+      g instanceof HTMLTextAreaElement && (a.innerHTML = g.value), g instanceof HTMLInputElement && a.setAttribute("value", g.value);
     }
     function U() {
-      c instanceof SVGElement && (c.setAttribute("xmlns", "http://www.w3.org/2000/svg"), c instanceof SVGRectElement && ["width", "height"].forEach(function(v) {
-        const p = c.getAttribute(v);
-        p && c.style.setProperty(v, p);
+      a instanceof SVGElement && (a.setAttribute("xmlns", "http://www.w3.org/2000/svg"), a instanceof SVGRectElement && ["width", "height"].forEach(function(v) {
+        const p = a.getAttribute(v);
+        p && a.style.setProperty(v, p);
       }));
     }
   }
 }
 async function W(o) {
-  const t = await F.resolveAll(), n = document.createElement("style");
-  return o.appendChild(n), n.appendChild(document.createTextNode(t)), o;
+  const n = await F.resolveAll(), t = document.createElement("style");
+  return o.appendChild(t), t.appendChild(document.createTextNode(n)), o;
 }
 function q(o) {
   return N.inlineAll(o).then(function() {
     return o;
   });
 }
-function J(o, t, n) {
-  return Promise.resolve(o).then(function(a) {
-    return a.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), new XMLSerializer().serializeToString(a);
-  }).then(h.escapeXhtml).then(function(a) {
-    return '<foreignObject x="0" y="0" width="100%" height="100%">' + a + "</foreignObject>";
-  }).then(function(a) {
-    return '<svg xmlns="http://www.w3.org/2000/svg" width="' + t + '" height="' + n + '">' + a + "</svg>";
-  }).then(function(a) {
-    return "data:image/svg+xml;charset=utf-8," + a;
+function J(o, n, t) {
+  return Promise.resolve(o).then(function(s) {
+    return s.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), new XMLSerializer().serializeToString(s);
+  }).then(d.escapeXhtml).then(function(s) {
+    return '<foreignObject x="0" y="0" width="100%" height="100%">' + s + "</foreignObject>";
+  }).then(function(s) {
+    return '<svg xmlns="http://www.w3.org/2000/svg" width="' + n + '" height="' + t + '">' + s + "</svg>";
+  }).then(function(s) {
+    return "data:image/svg+xml;charset=utf-8," + s;
   });
 }
 function z() {
   return {
     escape: T,
-    parseExtension: t,
-    mimeType: n,
-    dataAsUrl: c,
-    isDataUrl: a,
+    parseExtension: n,
+    mimeType: t,
+    dataAsUrl: a,
+    isDataUrl: s,
     canvasToBlob: r,
-    resolveUrl: s,
+    resolveUrl: c,
     getAndEncode: g,
-    uid: d(),
+    uid: h(),
     delay: x,
     asArray: C,
     escapeXhtml: U,
@@ -201,18 +201,20 @@ function z() {
       jpeg: i,
       gif: "image/gif",
       tiff: "image/tiff",
-      svg: "image/svg+xml"
+      svg: "image/svg+xml",
+      webp: "image/webp",
+      avif: "image/avif"
     };
   }
-  function t(e) {
+  function n(e) {
     const i = /\.([^\.\/]*?)$/g.exec(e);
     return i ? i[1] : "";
   }
-  function n(e) {
-    const i = t(e).toLowerCase();
+  function t(e) {
+    const i = n(e).toLowerCase();
     return o()[i] || "";
   }
-  function a(e) {
+  function s(e) {
     return e.search(/^(data:)/) !== -1;
   }
   function l(e) {
@@ -230,13 +232,13 @@ function z() {
       e.toBlob(i);
     }) : l(e);
   }
-  function s(e, i) {
+  function c(e, i) {
     const f = document.implementation.createHTMLDocument(), u = f.createElement("base");
     f.head.appendChild(u);
     const y = f.createElement("a");
     return f.body.appendChild(y), u.href = i, y.href = e, y.href;
   }
-  function d() {
+  function h() {
     let e = 0;
     return function() {
       return "u" + i() + e++;
@@ -282,7 +284,7 @@ function z() {
       }
     });
   }
-  function c(e, i) {
+  function a(e, i) {
     return "data:" + i + ";base64," + e;
   }
   function T(e) {
@@ -322,48 +324,48 @@ function K() {
   const o = /url\(['"]?([^'"]+?)['"]?\)/g;
   return {
     inlineAll: l,
-    shouldProcess: t,
+    shouldProcess: n,
     impl: {
-      readUrls: n,
-      inline: a
+      readUrls: t,
+      inline: s
     }
   };
-  function t(r) {
+  function n(r) {
     return r.search(o) !== -1;
   }
-  function n(r) {
-    const s = [];
-    let d;
-    for (; (d = o.exec(r)) !== null; )
-      s.push(d[1]);
-    return s.filter(function(m) {
-      return !h.isDataUrl(m);
+  function t(r) {
+    const c = [];
+    let h;
+    for (; (h = o.exec(r)) !== null; )
+      c.push(h[1]);
+    return c.filter(function(m) {
+      return !d.isDataUrl(m);
     });
   }
-  function a(r, s, d, m) {
-    return Promise.resolve(s).then(function(c) {
-      return d ? h.resolveUrl(c, d) : c;
-    }).then(m || h.getAndEncode).then(function(c) {
-      return h.dataAsUrl(c, h.mimeType(s));
-    }).then(function(c) {
-      return r.replace(g(s), "$1" + c + "$3");
+  function s(r, c, h, m) {
+    return Promise.resolve(c).then(function(a) {
+      return h ? d.resolveUrl(a, h) : a;
+    }).then(m || d.getAndEncode).then(function(a) {
+      return d.dataAsUrl(a, d.mimeType(c));
+    }).then(function(a) {
+      return r.replace(g(c), "$1" + a + "$3");
     });
-    function g(c) {
-      return new RegExp(`(url\\(['"]?)(` + h.escape(c) + `)(['"]?\\))`, "g");
+    function g(a) {
+      return new RegExp(`(url\\(['"]?)(` + d.escape(a) + `)(['"]?\\))`, "g");
     }
   }
-  function l(r, s, d) {
+  function l(r, c, h) {
     if (m()) return Promise.resolve(r);
-    return Promise.resolve(r).then(n).then(function(g) {
-      let c = Promise.resolve(r);
+    return Promise.resolve(r).then(t).then(function(g) {
+      let a = Promise.resolve(r);
       return g.forEach(function(T) {
-        c = c.then(function(x) {
-          return a(x, T, s, d);
+        a = a.then(function(x) {
+          return s(x, T, c, h);
         });
-      }), c;
+      }), a;
     });
     function m() {
-      return !t(r);
+      return !n(r);
     }
   }
 }
@@ -371,48 +373,48 @@ function Q() {
   return {
     resolveAll: o,
     impl: {
-      readAll: t
+      readAll: n
     }
   };
   function o() {
-    return t().then(function(n) {
+    return n().then(function(t) {
       return Promise.all(
-        n.map(function(a) {
-          return a.resolve();
+        t.map(function(s) {
+          return s.resolve();
         })
       );
-    }).then(function(n) {
-      return n.join(`
+    }).then(function(t) {
+      return t.join(`
 `);
     });
   }
-  function t() {
-    return Promise.resolve(h.asArray(document.styleSheets)).then(a).then(n).then(function(r) {
+  function n() {
+    return Promise.resolve(d.asArray(document.styleSheets)).then(s).then(t).then(function(r) {
       return r.map(l);
     });
-    function n(r) {
-      return r.filter(function(s) {
-        return s.type === CSSRule.FONT_FACE_RULE;
-      }).filter(function(s) {
-        return R.shouldProcess(s.style.getPropertyValue("src"));
+    function t(r) {
+      return r.filter(function(c) {
+        return c.type === CSSRule.FONT_FACE_RULE;
+      }).filter(function(c) {
+        return I.shouldProcess(c.style.getPropertyValue("src"));
       });
     }
-    function a(r) {
-      const s = [];
-      return r.forEach(function(d) {
-        if (Object.prototype.hasOwnProperty.call(d, "cssRules"))
+    function s(r) {
+      const c = [];
+      return r.forEach(function(h) {
+        if (Object.prototype.hasOwnProperty.call(h, "cssRules"))
           try {
-            h.asArray(d.cssRules || []).forEach(s.push.bind(s));
+            d.asArray(h.cssRules || []).forEach(c.push.bind(c));
           } catch (m) {
-            console.log("Error while reading CSS rules from " + d.href, m.toString());
+            console.log("Error while reading CSS rules from " + h.href, m.toString());
           }
-      }), s;
+      }), c;
     }
     function l(r) {
       return {
         resolve: function() {
-          const d = (r.parentStyleSheet || {}).href;
-          return R.inlineAll(r.cssText, d);
+          const h = (r.parentStyleSheet || {}).href;
+          return I.inlineAll(r.cssText, h);
         },
         src: function() {
           return r.style.getPropertyValue("src");
@@ -423,40 +425,53 @@ function Q() {
 }
 function Y() {
   return {
-    inlineAll: t,
+    inlineAll: n,
     impl: {
       newImage: o
     }
   };
-  function o(n) {
+  function o(t) {
     return {
-      inline: a
+      inline: s
     };
-    function a(l) {
-      return h.isDataUrl(n.src) ? Promise.resolve() : Promise.resolve(n.src).then(l || h.getAndEncode).then(function(r) {
-        return h.dataAsUrl(r, h.mimeType(n.src));
+    function s(l) {
+      return d.isDataUrl(t.src) ? Promise.resolve() : Promise.resolve(t.src).then(l || d.getAndEncode).then(function(r) {
+        return d.dataAsUrl(r, d.mimeType(t.src));
       }).then(function(r) {
-        return new Promise(function(s, d) {
-          n.onload = s, n.onerror = d, n.src = r, n.srcset = "";
+        return new Promise(function(c) {
+          t.onload = function() {
+            c();
+          }, t.onerror = function() {
+            const h = b.impl.options.imagePlaceholder;
+            if (h)
+              try {
+                t.onload = null, t.onerror = null, t.src = h, t.srcset = "";
+              } catch (m) {
+                console.error("Image placeholder assignment failed:", m);
+              }
+            else
+              console.warn("Image inline failed, continuing without placeholder:", t.src);
+            c();
+          }, t.src = r, t.srcset = "";
         });
       });
     }
   }
-  function t(n) {
-    if (!(n instanceof Element)) return Promise.resolve(n);
-    return a(n).then(function() {
-      return n instanceof HTMLImageElement ? o(n).inline() : Promise.all(
-        h.asArray(n.childNodes).map(function(l) {
-          return t(l);
+  function n(t) {
+    if (!(t instanceof Element)) return Promise.resolve(t);
+    return s(t).then(function() {
+      return t instanceof HTMLImageElement ? o(t).inline() : Promise.all(
+        d.asArray(t.childNodes).map(function(l) {
+          return n(l);
         })
       );
     });
-    function a(l) {
+    function s(l) {
       const r = l.style.getPropertyValue("background");
-      return r ? R.inlineAll(r).then(function(s) {
+      return r ? I.inlineAll(r).then(function(c) {
         l.style.setProperty(
           "background",
-          s,
+          c,
           l.style.getPropertyPriority("background")
         );
       }).then(function() {