@zumer/snapdom 1.9.6-dev.0 → 1.9.6-dev.1

package/dist/snapdom.js

@@ -8,6 +8,7 @@
 
 (() => {
   var __defProp = Object.defineProperty;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
   var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -35,6 +36,12 @@
       }
     return target;
   };
+  var __esm = (fn, res) => function __init() {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  };
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
   var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -57,21 +64,6 @@
   };
 
   // src/core/cache.js
-  var cache = {
-    image: /* @__PURE__ */ new Map(),
-    background: /* @__PURE__ */ new Map(),
-    resource: /* @__PURE__ */ new Map(),
-    defaultStyle: /* @__PURE__ */ new Map(),
-    baseStyle: /* @__PURE__ */ new Map(),
-    computedStyle: /* @__PURE__ */ new WeakMap(),
-    font: /* @__PURE__ */ new Set(),
-    snapshot: /* @__PURE__ */ new WeakMap(),
-    snapshotKey: /* @__PURE__ */ new Map(),
-    preStyleMap: /* @__PURE__ */ new Map(),
-    preStyle: /* @__PURE__ */ new WeakMap(),
-    preNodeMap: /* @__PURE__ */ new Map(),
-    reset: resetCache
-  };
   function resetCache() {
     cache.computedStyle = /* @__PURE__ */ new WeakMap();
     cache.snapshot = /* @__PURE__ */ new WeakMap();
@@ -80,47 +72,28 @@
     cache.preStyle = /* @__PURE__ */ new WeakMap();
     cache.preNodeMap.clear();
   }
+  var cache;
+  var init_cache = __esm({
+    "src/core/cache.js"() {
+      cache = {
+        image: /* @__PURE__ */ new Map(),
+        background: /* @__PURE__ */ new Map(),
+        resource: /* @__PURE__ */ new Map(),
+        defaultStyle: /* @__PURE__ */ new Map(),
+        baseStyle: /* @__PURE__ */ new Map(),
+        computedStyle: /* @__PURE__ */ new WeakMap(),
+        font: /* @__PURE__ */ new Set(),
+        snapshot: /* @__PURE__ */ new WeakMap(),
+        snapshotKey: /* @__PURE__ */ new Map(),
+        preStyleMap: /* @__PURE__ */ new Map(),
+        preStyle: /* @__PURE__ */ new WeakMap(),
+        preNodeMap: /* @__PURE__ */ new Map(),
+        reset: resetCache
+      };
+    }
+  });
 
   // src/utils/cssTools.js
-  var commonTags = [
-    "div",
-    "span",
-    "p",
-    "a",
-    "img",
-    "ul",
-    "li",
-    "button",
-    "input",
-    "select",
-    "textarea",
-    "label",
-    "section",
-    "article",
-    "header",
-    "footer",
-    "nav",
-    "main",
-    "aside",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "svg",
-    "path",
-    "circle",
-    "rect",
-    "line",
-    "g",
-    "table",
-    "thead",
-    "tbody",
-    "tr",
-    "td",
-    "th"
-  ];
   function precacheCommonTags() {
     for (let tag of commonTags) {
       getDefaultStyleForTag(tag);
@@ -217,6 +190,51 @@
     }
     return classMap;
   }
+  var commonTags;
+  var init_cssTools = __esm({
+    "src/utils/cssTools.js"() {
+      init_cache();
+      commonTags = [
+        "div",
+        "span",
+        "p",
+        "a",
+        "img",
+        "ul",
+        "li",
+        "button",
+        "input",
+        "select",
+        "textarea",
+        "label",
+        "section",
+        "article",
+        "header",
+        "footer",
+        "nav",
+        "main",
+        "aside",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "svg",
+        "path",
+        "circle",
+        "rect",
+        "line",
+        "g",
+        "table",
+        "thead",
+        "tbody",
+        "tr",
+        "td",
+        "th"
+      ];
+    }
+  });
 
   // src/utils/helpers.js
   function inlineSingleBackgroundEntry(_0) {
@@ -452,6 +470,11 @@
     parts.push(bg.slice(lastIndex).trim());
     return parts;
   }
+  var init_helpers = __esm({
+    "src/utils/helpers.js"() {
+      init_cache();
+    }
+  });
 
   // src/modules/styles.js
   function snapshotComputedStyleFull(style) {
@@ -488,6 +511,13 @@
     cache.snapshotKey.set(hash, key);
     cache.preStyleMap.set(clone, key);
   }
+  var init_styles = __esm({
+    "src/modules/styles.js"() {
+      init_cssTools();
+      init_helpers();
+      init_cache();
+    }
+  });
 
   // src/core/clone.js
   function isSlotElement(node) {
@@ -495,137 +525,164 @@
   }
   function deepClone(node, compress, options = {}, originalRoot) {
     var _a, _b;
-    if (node.nodeType === Node.TEXT_NODE) {
-      return node.cloneNode(true);
+    if (!node) {
+      throw new Error("Invalid node: node is null or undefined");
     }
-    if (node.nodeType !== Node.ELEMENT_NODE) return node.cloneNode(true);
-    if (node.getAttribute("data-capture") === "exclude") {
-      const spacer = document.createElement("div");
-      const rect = node.getBoundingClientRect();
-      spacer.style.cssText = `display: inline-block; width: ${rect.width}px; height: ${rect.height}px; visibility: hidden;`;
-      return spacer;
-    }
-    if (options.exclude && Array.isArray(options.exclude)) {
-      for (const selector of options.exclude) {
+    try {
+      if (node.nodeType === Node.TEXT_NODE) {
+        return node.cloneNode(true);
+      }
+      if (node.nodeType !== Node.ELEMENT_NODE) {
+        return node.cloneNode(true);
+      }
+      if (node.getAttribute("data-capture") === "exclude") {
+        const spacer = document.createElement("div");
+        const rect = node.getBoundingClientRect();
+        spacer.style.cssText = `display: inline-block; width: ${rect.width}px; height: ${rect.height}px; visibility: hidden;`;
+        return spacer;
+      }
+      if (options.exclude && Array.isArray(options.exclude)) {
+        for (const selector of options.exclude) {
+          try {
+            if ((_a = node.matches) == null ? void 0 : _a.call(node, selector)) {
+              const spacer = document.createElement("div");
+              const rect = node.getBoundingClientRect();
+              spacer.style.cssText = `display: inline-block; width: ${rect.width}px; height: ${rect.height}px; visibility: hidden;`;
+              return spacer;
+            }
+          } catch (err) {
+            console.warn(`Invalid selector in exclude option: ${selector}`, err);
+          }
+        }
+      }
+      if (typeof options.filter === "function") {
         try {
-          if ((_a = node.matches) == null ? void 0 : _a.call(node, selector)) {
+          if (!options.filter(node, originalRoot || node)) {
             const spacer = document.createElement("div");
             const rect = node.getBoundingClientRect();
             spacer.style.cssText = `display: inline-block; width: ${rect.width}px; height: ${rect.height}px; visibility: hidden;`;
             return spacer;
           }
         } catch (err) {
-          console.warn(`Invalid selector in exclude option: ${selector}`, err);
+          console.warn("Error in filter function:", err);
         }
       }
-    }
-    if (typeof options.filter === "function") {
+      if (node.tagName === "IFRAME") {
+        const fallback = document.createElement("div");
+        fallback.textContent = "";
+        fallback.style.cssText = `width: ${node.offsetWidth}px; height: ${node.offsetHeight}px; background-image: repeating-linear-gradient(45deg, #ddd, #ddd 5px, #f9f9f9 5px, #f9f9f9 10px);display: flex;align-items: center;justify-content: center;font-size: 12px;color: #555; border: 1px solid #aaa;`;
+        return fallback;
+      }
+      if (node.getAttribute("data-capture") === "placeholder") {
+        const clone2 = node.cloneNode(false);
+        cache.preNodeMap.set(clone2, node);
+        inlineAllStyles(node, clone2, compress);
+        const placeholder = document.createElement("div");
+        placeholder.textContent = node.getAttribute("data-placeholder-text") || "";
+        placeholder.style.cssText = `color: #666;font-size: 12px;text-align: center;line-height: 1.4;padding: 0.5em;box-sizing: border-box;`;
+        clone2.appendChild(placeholder);
+        return clone2;
+      }
+      if (node.tagName === "CANVAS") {
+        const dataURL = node.toDataURL();
+        const img = document.createElement("img");
+        img.src = dataURL;
+        img.width = node.width;
+        img.height = node.height;
+        img.style.display = "inline-block";
+        img.style.width = node.style.width || `${node.width}px`;
+        img.style.height = node.style.height || `${node.height}px`;
+        return img;
+      }
+      let clone;
       try {
-        if (!options.filter(node, originalRoot || node)) {
-          const spacer = document.createElement("div");
-          const rect = node.getBoundingClientRect();
-          spacer.style.cssText = `display: inline-block; width: ${rect.width}px; height: ${rect.height}px; visibility: hidden;`;
-          return spacer;
+        clone = node.cloneNode(false);
+        if (!clone) {
+          throw new Error("Failed to clone node: cloneNode returned null");
         }
+        cache.preNodeMap.set(clone, node);
       } catch (err) {
-        console.warn("Error in filter function:", err);
-      }
-    }
-    if (node.tagName === "IFRAME") {
-      const fallback = document.createElement("div");
-      fallback.textContent = "";
-      fallback.style.cssText = `width: ${node.offsetWidth}px; height: ${node.offsetHeight}px; background-image: repeating-linear-gradient(45deg, #ddd, #ddd 5px, #f9f9f9 5px, #f9f9f9 10px);display: flex;align-items: center;justify-content: center;font-size: 12px;color: #555; border: 1px solid #aaa;`;
-      return fallback;
-    }
-    if (node.getAttribute("data-capture") === "placeholder") {
-      const clone2 = node.cloneNode(false);
-      cache.preNodeMap.set(clone2, node);
-      inlineAllStyles(node, clone2, compress);
-      const placeholder = document.createElement("div");
-      placeholder.textContent = node.getAttribute("data-placeholder-text") || "";
-      placeholder.style.cssText = `color: #666;font-size: 12px;text-align: center;line-height: 1.4;padding: 0.5em;box-sizing: border-box;`;
-      clone2.appendChild(placeholder);
-      return clone2;
-    }
-    if (node.tagName === "CANVAS") {
-      const dataURL = node.toDataURL();
-      const img = document.createElement("img");
-      img.src = dataURL;
-      img.width = node.width;
-      img.height = node.height;
-      img.style.display = "inline-block";
-      img.style.width = node.style.width || `${node.width}px`;
-      img.style.height = node.style.height || `${node.height}px`;
-      return img;
-    }
-    const clone = node.cloneNode(false);
-    cache.preNodeMap.set(clone, node);
-    if (node instanceof HTMLInputElement) {
-      clone.value = node.value;
-      clone.setAttribute("value", node.value);
-      if (node.checked !== void 0) {
-        clone.checked = node.checked;
-        if (node.checked) clone.setAttribute("checked", "");
+        console.error("[Snapdom] Failed to clone node:", node, err);
+        throw err;
       }
-    } else if (node instanceof HTMLTextAreaElement) {
-      const rect = node.getBoundingClientRect();
-      clone.textContent = node.value;
-      clone.style.width = `${rect.width}px`;
-      clone.style.height = `${rect.height}px`;
-    } else if (node instanceof HTMLSelectElement) {
-      clone.value = node.value;
-      Array.from(clone.options).forEach((opt) => {
-        if (opt.value === node.value) {
-          opt.setAttribute("selected", "");
-        } else {
-          opt.removeAttribute("selected");
+      if (node instanceof HTMLInputElement) {
+        clone.value = node.value;
+        clone.setAttribute("value", node.value);
+        if (node.checked !== void 0) {
+          clone.checked = node.checked;
+          if (node.checked) clone.setAttribute("checked", "");
         }
-      });
-    }
-    inlineAllStyles(node, clone, compress);
-    if (isSlotElement(node)) {
-      const assigned = ((_b = node.assignedNodes) == null ? void 0 : _b.call(node, { flatten: true })) || [];
-      const nodesToClone = assigned.length > 0 ? assigned : Array.from(node.childNodes);
-      const fragment = document.createDocumentFragment();
-      for (const child of nodesToClone) {
-        const clonedChild = deepClone(child, compress, options, originalRoot || node);
-        if (clonedChild) fragment.appendChild(clonedChild);
-      }
-      return fragment;
-    } else if (node instanceof HTMLTextAreaElement) {
-    } else {
-      const baseChildren = node.shadowRoot ? node.shadowRoot.childNodes : node.childNodes;
-      for (const child of baseChildren) {
-        const clonedChild = deepClone(child, compress, options, originalRoot || node);
-        if (clonedChild) clone.appendChild(clonedChild);
+      } else if (node instanceof HTMLTextAreaElement) {
+        const rect = node.getBoundingClientRect();
+        clone.textContent = node.value;
+        clone.style.width = `${rect.width}px`;
+        clone.style.height = `${rect.height}px`;
+      } else if (node instanceof HTMLSelectElement) {
+        clone.value = node.value;
+        Array.from(clone.options).forEach((opt) => {
+          if (opt.value === node.value) {
+            opt.setAttribute("selected", "");
+          } else {
+            opt.removeAttribute("selected");
+          }
+        });
       }
-      if (node.shadowRoot && node.childNodes.length > 0 && !node.shadowRoot.querySelector("slot")) {
-        const lightDomContent = document.createDocumentFragment();
-        for (const child of node.childNodes) {
-          const clonedChild = deepClone(child, compress, options, originalRoot || node);
-          if (clonedChild) lightDomContent.appendChild(clonedChild);
+      inlineAllStyles(node, clone, compress);
+      try {
+        if (isSlotElement(node)) {
+          const assigned = ((_b = node.assignedNodes) == null ? void 0 : _b.call(node, { flatten: true })) || [];
+          const nodesToClone = assigned.length > 0 ? assigned : Array.from(node.childNodes);
+          const fragment = document.createDocumentFragment();
+          for (const child of nodesToClone) {
+            try {
+              const clonedChild = deepClone(child, compress, options, originalRoot || node);
+              if (clonedChild) fragment.appendChild(clonedChild);
+            } catch (err) {
+              console.warn("[Snapdom] Failed to clone slot content:", child, err);
+            }
+          }
+          return fragment;
+        } else {
+          const baseChildren = node.shadowRoot ? node.shadowRoot.childNodes : node.childNodes;
+          for (const child of baseChildren) {
+            try {
+              const clonedChild = deepClone(child, compress, options, originalRoot || node);
+              if (clonedChild) clone.appendChild(clonedChild);
+            } catch (err) {
+              console.warn("[Snapdom] Failed to clone child node:", child, err);
+            }
+          }
+          if (node.shadowRoot && node.childNodes.length > 0 && !node.shadowRoot.querySelector("slot")) {
+            const lightDomContent = document.createDocumentFragment();
+            for (const child of node.childNodes) {
+              try {
+                const clonedChild = deepClone(child, compress, options, originalRoot || node);
+                if (clonedChild) lightDomContent.appendChild(clonedChild);
+              } catch (err) {
+                console.warn("[Snapdom] Failed to clone light DOM child:", child, err);
+              }
+            }
+            clone.appendChild(lightDomContent);
+          }
         }
-        clone.appendChild(lightDomContent);
+      } catch (err) {
+        console.error("[Snapdom] Error cloning children:", err);
+        throw err;
       }
+      return clone;
+    } catch (error) {
+      console.error("[Snapdom] Error in deepClone:", error);
+      throw error;
     }
-    return clone;
   }
+  var init_clone = __esm({
+    "src/core/clone.js"() {
+      init_styles();
+      init_cache();
+    }
+  });
 
   // src/modules/iconFonts.js
-  var defaultIconFonts = [
-    // /uicons/i,
-    /font\s*awesome/i,
-    /material\s*icons/i,
-    /ionicons/i,
-    /glyphicons/i,
-    /feather/i,
-    /bootstrap\s*icons/i,
-    /remix\s*icons/i,
-    /heroicons/i,
-    /layui/i,
-    /lucide/i
-  ];
-  var userIconFonts = [];
   function extendIconFonts(fonts) {
     const list = Array.isArray(fonts) ? fonts : [fonts];
     for (const f of list) {
@@ -647,6 +704,25 @@
     if (/icon/i.test(text) || /glyph/i.test(text) || /symbols/i.test(text) || /feather/i.test(text) || /fontawesome/i.test(text)) return true;
     return false;
   }
+  var defaultIconFonts, userIconFonts;
+  var init_iconFonts = __esm({
+    "src/modules/iconFonts.js"() {
+      defaultIconFonts = [
+        // /uicons/i,
+        /font\s*awesome/i,
+        /material\s*icons/i,
+        /ionicons/i,
+        /glyphicons/i,
+        /feather/i,
+        /bootstrap\s*icons/i,
+        /remix\s*icons/i,
+        /heroicons/i,
+        /layui/i,
+        /lucide/i
+      ];
+      userIconFonts = [];
+    }
+  });
 
   // src/modules/fonts.js
   function iconToImage(unicodeChar, fontFamily, fontWeight, fontSize = 32, color = "#000") {
@@ -862,6 +938,13 @@
       return finalCSS;
     });
   }
+  var init_fonts = __esm({
+    "src/modules/fonts.js"() {
+      init_helpers();
+      init_cache();
+      init_iconFonts();
+    }
+  });
 
   // src/modules/pseudo.js
   function inlinePseudoElements(source, clone, compress, embedFonts = false, useProxy) {
@@ -968,6 +1051,15 @@
       }
     });
   }
+  var init_pseudo = __esm({
+    "src/modules/pseudo.js"() {
+      init_helpers();
+      init_cssTools();
+      init_fonts();
+      init_iconFonts();
+      init_cache();
+    }
+  });
 
   // src/modules/svgDefs.js
   function inlineExternalDef(root) {
@@ -998,12 +1090,17 @@
       }
     });
   }
+  var init_svgDefs = __esm({
+    "src/modules/svgDefs.js"() {
+    }
+  });
 
   // src/core/prepare.js
   function prepareClone(_0) {
     return __async(this, arguments, function* (element, compress = false, embedFonts = false, options = {}) {
       var _a;
-      let clone, classCSS;
+      let clone;
+      let classCSS = "";
       try {
         clone = deepClone(element, compress, options, element);
       } catch (e) {
@@ -1080,6 +1177,16 @@
       return { clone, classCSS };
     });
   }
+  var init_prepare = __esm({
+    "src/core/prepare.js"() {
+      init_cssTools();
+      init_helpers();
+      init_clone();
+      init_pseudo();
+      init_svgDefs();
+      init_cache();
+    }
+  });
 
   // src/modules/images.js
   function inlineImages(_0) {
@@ -1105,6 +1212,11 @@
       }
     });
   }
+  var init_images = __esm({
+    "src/modules/images.js"() {
+      init_helpers();
+    }
+  });
 
   // src/modules/background.js
   function inlineBackgroundImages(_0, _1) {
@@ -1147,6 +1259,12 @@
       }
     });
   }
+  var init_background = __esm({
+    "src/modules/background.js"() {
+      init_helpers();
+      init_cache();
+    }
+  });
 
   // src/core/capture.js
   function captureDOM(_0) {
@@ -1253,6 +1371,17 @@
       return dataURL;
     });
   }
+  var init_capture = __esm({
+    "src/core/capture.js"() {
+      init_prepare();
+      init_images();
+      init_background();
+      init_helpers();
+      init_cssTools();
+      init_fonts();
+      init_cache();
+    }
+  });
 
   // src/api/snapdom.js
   function toImg(_0, _1) {
@@ -1326,8 +1455,10 @@
     });
   }
   function toRasterImg(_0, _1) {
-    return __async(this, arguments, function* (url, { dpr = 1, scale = 1, backgroundColor = "#fff", quality }, format = "png") {
-      const canvas = yield createBackground(url, { dpr, scale }, backgroundColor);
+    return __async(this, arguments, function* (url, { dpr = 1, scale = 1, backgroundColor, quality }, format = "png") {
+      const defaultBg = ["jpg", "jpeg", "webp"].includes(format) ? "#fff" : void 0;
+      const finalBg = backgroundColor != null ? backgroundColor : defaultBg;
+      const canvas = yield createBackground(url, { dpr, scale }, finalBg);
       const img = new Image();
       img.src = canvas.toDataURL(`image/${format}`, quality);
       yield img.decode();
@@ -1374,56 +1505,63 @@
       return yield snapdom.capture(element, options);
     });
   }
-  snapdom.capture = (_0, ..._1) => __async(null, [_0, ..._1], function* (el, options = {}) {
-    const url = yield captureDOM(el, options);
-    const dpr = window.devicePixelRatio || 1;
-    const scale = options.scale || 1;
-    return {
-      url,
-      options,
-      toRaw: () => url,
-      toImg: () => toImg(url, { dpr, scale }),
-      toCanvas: () => toCanvas(url, { dpr, scale }),
-      toBlob: (options2) => toBlob(url, __spreadValues({ dpr, scale }, options2)),
-      toPng: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "png"),
-      toJpg: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "jpeg"),
-      toWebp: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "webp"),
-      download: ({ format = "png", filename = "capture", backgroundColor } = {}) => download(url, { dpr, scale, backgroundColor, format, filename })
-    };
-  });
-  snapdom.toRaw = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toRaw();
-  });
-  snapdom.toImg = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toImg();
-  });
-  snapdom.toCanvas = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toCanvas();
-  });
-  snapdom.toBlob = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toBlob(options);
-  });
-  snapdom.toPng = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toPng(options);
-  });
-  snapdom.toJpg = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toJpg(options);
-  });
-  snapdom.toWebp = (el, options) => __async(null, null, function* () {
-    return (yield snapdom.capture(el, options)).toWebp(options);
-  });
-  snapdom.download = (_0, ..._1) => __async(null, [_0, ..._1], function* (el, options = {}) {
-    const _a = options, {
-      format = "png",
-      filename = "capture",
-      backgroundColor
-    } = _a, rest = __objRest(_a, [
-      "format",
-      "filename",
-      "backgroundColor"
-    ]);
-    const capture = yield snapdom.capture(el, rest);
-    return yield capture.download({ format, filename, backgroundColor });
+  var init_snapdom = __esm({
+    "src/api/snapdom.js"() {
+      init_capture();
+      init_helpers();
+      init_iconFonts();
+      snapdom.capture = (_0, ..._1) => __async(null, [_0, ..._1], function* (el, options = {}) {
+        const url = yield captureDOM(el, options);
+        const dpr = window.devicePixelRatio || 1;
+        const scale = options.scale || 1;
+        return {
+          url,
+          options,
+          toRaw: () => url,
+          toImg: () => toImg(url, { dpr, scale }),
+          toCanvas: () => toCanvas(url, { dpr, scale }),
+          toBlob: (options2) => toBlob(url, __spreadValues({ dpr, scale }, options2)),
+          toPng: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "png"),
+          toJpg: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "jpeg"),
+          toWebp: (options2) => toRasterImg(url, __spreadValues({ dpr, scale }, options2), "webp"),
+          download: ({ format = "png", filename = "capture", backgroundColor } = {}) => download(url, { dpr, scale, backgroundColor, format, filename })
+        };
+      });
+      snapdom.toRaw = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toRaw();
+      });
+      snapdom.toImg = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toImg();
+      });
+      snapdom.toCanvas = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toCanvas();
+      });
+      snapdom.toBlob = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toBlob(options);
+      });
+      snapdom.toPng = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toPng(options);
+      });
+      snapdom.toJpg = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toJpg(options);
+      });
+      snapdom.toWebp = (el, options) => __async(null, null, function* () {
+        return (yield snapdom.capture(el, options)).toWebp(options);
+      });
+      snapdom.download = (_0, ..._1) => __async(null, [_0, ..._1], function* (el, options = {}) {
+        const _a = options, {
+          format = "png",
+          filename = "capture",
+          backgroundColor
+        } = _a, rest = __objRest(_a, [
+          "format",
+          "filename",
+          "backgroundColor"
+        ]);
+        const capture = yield snapdom.capture(el, rest);
+        return yield capture.download({ format, filename, backgroundColor });
+      });
+    }
   });
 
   // src/api/preCache.js
@@ -1472,8 +1610,38 @@
       yield Promise.all(promises);
     });
   }
+  var init_preCache = __esm({
+    "src/api/preCache.js"() {
+      init_helpers();
+      init_fonts();
+      init_cssTools();
+      init_cache();
+    }
+  });
 
   // src/index.browser.js
-  window.snapdom = snapdom;
-  window.preCache = preCache;
+  var require_index_browser = __commonJS({
+    "src/index.browser.js"(exports, module) {
+      init_snapdom();
+      init_preCache();
+      window.snapdom = snapdom;
+      if (typeof window !== "undefined") {
+        window.snapdom = snapdom;
+        window.preCache = preCache;
+      }
+      if (typeof module !== "undefined" && typeof module.exports !== "undefined") {
+        module.exports = { snapdom, preCache };
+      }
+      if (typeof define === "function" && define.amd) {
+        define([], function() {
+          return { snapdom, preCache };
+        });
+      }
+      if (typeof globalThis !== "undefined") {
+        globalThis.snapdom = snapdom;
+        globalThis.preCache = preCache;
+      }
+    }
+  });
+  require_index_browser();
 })();