@zumer/snapdom 1.9.6-dev.2 → 1.9.7

package/dist/snapdom.js

@@ -1,14 +1,13 @@
 
 /*
 * snapdom
-* v.1.9.6-dev.2
+* v.1.9.7
 * Author Juan Martin Muda
 * License MIT
 **/
 
 (() => {
   var __defProp = Object.defineProperty;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
   var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -36,12 +35,6 @@
       }
     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) => {
@@ -64,6 +57,21 @@
   };
 
   // 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();
@@ -72,28 +80,47 @@
     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);
@@ -190,51 +217,6 @@
     }
     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) {
@@ -292,13 +274,10 @@
     return clean;
   }
   function extractURL(value) {
-    const urlStart = value.indexOf("url(");
-    if (urlStart === -1) return null;
-    let url = value.slice(urlStart + 4).trim();
-    if (url.endsWith(")")) url = url.slice(0, -1).trim();
-    if (url.startsWith('"') && url.endsWith('"') || url.startsWith("'") && url.endsWith("'")) {
-      url = url.slice(1, -1);
-    }
+    const match = value.match(/url\((['"]?)(.*?)(\1)\)/);
+    if (!match) return null;
+    const url = match[2].trim();
+    if (url.startsWith("#")) return null;
     return url;
   }
   function fetchImage(src, { timeout = 3e3, useProxy = "" } = {}) {
@@ -336,20 +315,16 @@
             try {
               return yield fetchBlobAsDataURL(proxied);
             } catch (e2) {
-              console.error(`[SnapDOM - fetchImage] Proxy fallback failed for: ${url}`);
-              throw new Error("CORS restrictions prevented image capture (even via proxy)");
+              throw new Error("[SnapDOM - fetchImage] CORS restrictions prevented image capture (even via proxy)");
             }
           } else {
-            console.error(`[SnapDOM - fetchImage] No valid proxy URL provided for fallback: ${url}`);
-            throw new Error("Fetch fallback failed and no proxy provided");
+            throw new Error("[SnapDOM - fetchImage] Fetch fallback failed and no proxy provided");
           }
         }
       });
     }
     const crossOriginValue = getCrossOriginMode(src);
-    console.log(`[SnapDOM - fetchImage] Start loading image: ${src} with crossOrigin=${crossOriginValue}`);
     if (cache.image.has(src)) {
-      console.log(`[SnapDOM - fetchImage] Cache hit for: ${src}`);
       return Promise.resolve(cache.image.get(src));
     }
     const isDataURI = src.startsWith("data:image/");
@@ -376,8 +351,7 @@
     }
     return new Promise((resolve, reject) => {
       const timeoutId = setTimeout(() => {
-        console.log(`[SnapDOM - fetchImage] Timeout after ${timeout}ms for image: ${src}`);
-        reject(new Error("Image load timed out"));
+        reject(new Error("[SnapDOM - fetchImage] Image load timed out"));
       }, timeout);
       const image = new Image();
       image.crossOrigin = crossOriginValue;
@@ -470,11 +444,6 @@
     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) {
@@ -511,177 +480,177 @@
     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) {
-    return node.nodeType === Node.ELEMENT_NODE && node.tagName === "SLOT";
-  }
   function deepClone(node, compress, options = {}, originalRoot) {
     var _a, _b;
-    if (!node) {
-      throw new Error("Invalid node: node is null or undefined");
+    if (!node) throw new Error("Invalid node");
+    const clonedAssignedNodes = /* @__PURE__ */ new Set();
+    let pendingSelectValue = null;
+    if (node.nodeType === Node.TEXT_NODE) {
+      return node.cloneNode(true);
     }
-    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") {
+    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 (!options.filter(node, originalRoot || node)) {
+          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;`;
+            spacer.style.cssText = `display:inline-block;width:${rect.width}px;height:${rect.height}px;visibility:hidden;`;
             return spacer;
           }
         } catch (err) {
-          console.warn("Error in filter function:", err);
+          console.warn(`Invalid selector in exclude option: ${selector}`, 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;
-        cache.preNodeMap.set(img, node);
-        inlineAllStyles(node, img, compress);
-        return img;
-      }
-      let clone;
+    }
+    if (typeof options.filter === "function") {
       try {
-        clone = node.cloneNode(false);
-        if (!clone) {
-          throw new Error("Failed to clone node: cloneNode returned null");
+        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;
         }
-        cache.preNodeMap.set(clone, node);
       } catch (err) {
-        console.error("[Snapdom] Failed to clone node:", node, err);
-        throw err;
+        console.warn("Error in filter function:", err);
       }
-      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", "");
-        }
-      } 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.tagName === "IFRAME") {
+      const fallback = document.createElement("div");
+      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;
+      cache.preNodeMap.set(img, node);
+      inlineAllStyles(node, img, compress);
+      return img;
+    }
+    let clone;
+    try {
+      clone = node.cloneNode(false);
+      cache.preNodeMap.set(clone, node);
+    } catch (err) {
+      console.error("[Snapdom] Failed to clone node:", node, err);
+      throw err;
+    }
+    if (node instanceof HTMLTextAreaElement) {
+      clone.textContent = node.value;
+      clone.value = node.value;
+      const rect = node.getBoundingClientRect();
+      clone.style.width = `${rect.width}px`;
+      clone.style.height = `${rect.height}px`;
+      return clone;
+    }
+    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", "");
+        if (node.indeterminate) clone.indeterminate = node.indeterminate;
       }
-      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 instanceof HTMLSelectElement) {
+      pendingSelectValue = node.value;
+    }
+    inlineAllStyles(node, clone, compress);
+    if (node.shadowRoot) {
+      const hasSlot = Array.from(node.shadowRoot.querySelectorAll("slot")).length > 0;
+      if (hasSlot) {
+        for (const child of node.shadowRoot.childNodes) {
+          if (child.nodeType === Node.ELEMENT_NODE && child.tagName === "STYLE") {
+            const cssText = child.textContent || "";
+            if (cssText.trim() && compress) {
+              if (!cache.preStyle) cache.preStyle = /* @__PURE__ */ new WeakMap();
+              cache.preStyle.set(child, cssText);
             }
           }
-          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);
-              }
+        }
+      } else {
+        const shadowFrag = document.createDocumentFragment();
+        for (const child of node.shadowRoot.childNodes) {
+          if (child.nodeType === Node.ELEMENT_NODE && child.tagName === "STYLE") {
+            const cssText = child.textContent || "";
+            if (cssText.trim() && compress) {
+              if (!cache.preStyle) cache.preStyle = /* @__PURE__ */ new WeakMap();
+              cache.preStyle.set(child, cssText);
             }
-            clone.appendChild(lightDomContent);
+            continue;
           }
+          const clonedChild = deepClone(child, compress, options, originalRoot || node);
+          if (clonedChild) shadowFrag.appendChild(clonedChild);
         }
-      } catch (err) {
-        console.error("[Snapdom] Error cloning children:", err);
-        throw err;
+        clone.appendChild(shadowFrag);
       }
-      return clone;
-    } catch (error) {
-      console.error("[Snapdom] Error in deepClone:", error);
-      throw error;
     }
-  }
-  var init_clone = __esm({
-    "src/core/clone.js"() {
-      init_styles();
-      init_cache();
+    if (node.tagName === "SLOT") {
+      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;
     }
-  });
+    for (const child of node.childNodes) {
+      if (clonedAssignedNodes.has(child)) continue;
+      const clonedChild = deepClone(child, compress, options, originalRoot || node);
+      if (clonedChild) clone.appendChild(clonedChild);
+    }
+    if (pendingSelectValue !== null && clone instanceof HTMLSelectElement) {
+      clone.value = pendingSelectValue;
+      for (const opt of clone.options) {
+        if (opt.value === pendingSelectValue) {
+          opt.setAttribute("selected", "");
+        } else {
+          opt.removeAttribute("selected");
+        }
+      }
+    }
+    return clone;
+  }
 
   // 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) {
@@ -703,25 +672,6 @@
     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") {
@@ -846,6 +796,13 @@
                 const family = rule.style.getPropertyValue("font-family");
                 if (!src || isIconFont(family)) continue;
                 const urlRegex = /url\((["']?)([^"')]+)\1\)/g;
+                const localRegex = /local\((["']?)[^)]+?\1\)/g;
+                const hasURL = !!src.match(urlRegex);
+                const hasLocal = !!src.match(localRegex);
+                if (!hasURL && hasLocal) {
+                  finalCSS += `@font-face{font-family:${family};src:${src};font-style:${rule.style.getPropertyValue("font-style") || "normal"};font-weight:${rule.style.getPropertyValue("font-weight") || "normal"};}`;
+                  continue;
+                }
                 let inlinedSrc = src;
                 const matches = Array.from(src.matchAll(urlRegex));
                 for (const match of matches) {
@@ -877,13 +834,7 @@
                     console.warn("[snapdom] Failed to fetch font URL:", url);
                   }
                 }
-                finalCSS += `@font-face {
-  font-family: ${family};
-  src: ${inlinedSrc};
-  font-style: ${rule.style.getPropertyValue("font-style") || "normal"};
-  font-weight: ${rule.style.getPropertyValue("font-weight") || "normal"};
-}
-`;
+                finalCSS += `@font-face{font-family:${family};src:${inlinedSrc};font-style:${rule.style.getPropertyValue("font-style") || "normal"};font-weight:${rule.style.getPropertyValue("font-weight") || "normal"};}`;
               }
             }
           }
@@ -916,13 +867,7 @@
               }
             }
           }
-          finalCSS += `@font-face {
-  font-family: '${font.family}';
-  src: url(${b64});
-  font-style: ${font.style || "normal"};
-  font-weight: ${font.weight || "normal"};
-}
-`;
+          finalCSS += `@font-face{font-family:'${font.family}';src:url(${b64});font-style:${font.style || "normal"};font-weight:${font.weight || "normal"};}`;
         }
       }
       if (finalCSS) {
@@ -937,13 +882,6 @@
       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) {
@@ -969,9 +907,9 @@
             const span = document.createElement("span");
             span.textContent = first;
             span.dataset.snapdomPseudo = "::first-letter";
-            const snapshot = snapshotComputedStyle(style);
-            const key = getStyleKey(snapshot, "span", compress);
-            cache.preStyleMap.set(span, key);
+            const snapshot2 = snapshotComputedStyle(style);
+            const key2 = getStyleKey(snapshot2, "span", compress);
+            cache.preStyleMap.set(span, key2);
             const restNode = document.createTextNode(rest);
             clone.replaceChild(restNode, textNode);
             clone.insertBefore(span, restNode);
@@ -980,59 +918,73 @@
           const content = style.getPropertyValue("content");
           const bg = style.getPropertyValue("background-image");
           const bgColor = style.getPropertyValue("background-color");
+          const fontFamily = style.getPropertyValue("font-family");
+          const fontSize = parseInt(style.getPropertyValue("font-size")) || 32;
+          const fontWeight = parseInt(style.getPropertyValue("font-weight")) || false;
+          const color = style.getPropertyValue("color") || "#000";
+          const display = style.getPropertyValue("display");
+          const width = parseFloat(style.getPropertyValue("width"));
+          const height = parseFloat(style.getPropertyValue("height"));
+          const borderStyle = style.getPropertyValue("border-style");
+          const transform = style.getPropertyValue("transform");
+          const isIconFont2 = isIconFont(fontFamily);
+          let cleanContent;
+          if (/counter\s*\(|counters\s*\(/.test(content)) {
+            cleanContent = "- ";
+          } else {
+            cleanContent = parseContent(content);
+          }
           const hasContent = content !== "none";
+          const hasExplicitContent = hasContent && cleanContent !== "";
           const hasBg = bg && bg !== "none";
           const hasBgColor = bgColor && bgColor !== "transparent" && bgColor !== "rgba(0, 0, 0, 0)";
-          if (hasContent || hasBg || hasBgColor) {
-            const fontFamily = style.getPropertyValue("font-family");
-            const fontSize = parseInt(style.getPropertyValue("font-size")) || 32;
-            const fontWeight = parseInt(style.getPropertyValue("font-weight")) || false;
-            const color = style.getPropertyValue("color") || "#000";
-            const pseudoEl = document.createElement("span");
-            pseudoEl.dataset.snapdomPseudo = pseudo;
-            const snapshot = snapshotComputedStyle(style);
-            const key = getStyleKey(snapshot, "span", compress);
-            cache.preStyleMap.set(pseudoEl, key);
-            const isIconFont2 = isIconFont(fontFamily);
-            const cleanContent = parseContent(content);
-            if (isIconFont2 && cleanContent.length === 1) {
-              const imgEl = document.createElement("img");
-              imgEl.src = yield iconToImage(cleanContent, fontFamily, fontWeight, fontSize, color);
-              imgEl.style = `width:${fontSize}px;height:auto;object-fit:contain;`;
-              pseudoEl.appendChild(imgEl);
-            } else if (cleanContent.startsWith("url(")) {
-              const rawUrl = extractURL(cleanContent);
-              if (rawUrl && rawUrl.trim() !== "") {
-                try {
-                  const imgEl = document.createElement("img");
-                  const dataUrl = yield fetchImage(safeEncodeURI(rawUrl, { useProxy }));
-                  imgEl.src = dataUrl;
-                  imgEl.style = `width:${fontSize}px;height:auto;object-fit:contain;`;
-                  pseudoEl.appendChild(imgEl);
-                } catch (e) {
-                  console.error(`[snapdom] Error in pseudo ${pseudo} for`, source, e);
-                }
-              }
-            } else if (!isIconFont2 && cleanContent && cleanContent !== "none") {
-              pseudoEl.textContent = cleanContent;
-            }
-            if (hasBg) {
+          const hasBox = display !== "inline" && (width > 0 || height > 0);
+          const hasBorder = borderStyle && borderStyle !== "none";
+          const hasTransform = transform && transform !== "none";
+          const shouldRender = hasExplicitContent || hasBg || hasBgColor || hasBox || hasBorder || hasTransform;
+          if (!shouldRender) continue;
+          const pseudoEl = document.createElement("span");
+          pseudoEl.dataset.snapdomPseudo = pseudo;
+          const snapshot = snapshotComputedStyle(style);
+          const key = getStyleKey(snapshot, "span", compress);
+          cache.preStyleMap.set(pseudoEl, key);
+          if (isIconFont2 && cleanContent.length === 1) {
+            const imgEl = document.createElement("img");
+            imgEl.src = yield iconToImage(cleanContent, fontFamily, fontWeight, fontSize, color);
+            imgEl.style = `width:${fontSize}px;height:auto;object-fit:contain;`;
+            pseudoEl.appendChild(imgEl);
+          } else if (cleanContent.startsWith("url(")) {
+            const rawUrl = extractURL(cleanContent);
+            if (rawUrl && rawUrl.trim() !== "") {
               try {
-                const bgSplits = splitBackgroundImage(bg);
-                const newBgParts = yield Promise.all(
-                  bgSplits.map((entry) => inlineSingleBackgroundEntry(entry))
-                );
-                pseudoEl.style.backgroundImage = newBgParts.join(", ");
+                const imgEl = document.createElement("img");
+                const dataUrl = yield fetchImage(safeEncodeURI(rawUrl, { useProxy }));
+                imgEl.src = dataUrl;
+                imgEl.style = `width:${fontSize}px;height:auto;object-fit:contain;`;
+                pseudoEl.appendChild(imgEl);
               } catch (e) {
-                console.warn(`[snapdom] Failed to inline background-image for ${pseudo}`, e);
+                console.error(`[snapdom] Error in pseudo ${pseudo} for`, source, e);
               }
             }
-            if (hasBgColor) pseudoEl.style.backgroundColor = bgColor;
-            const hasContent2 = pseudoEl.childNodes.length > 0 || pseudoEl.textContent && pseudoEl.textContent.trim() !== "";
-            const hasVisibleBox = hasContent2 || hasBg || hasBgColor;
-            if (!hasVisibleBox) continue;
-            pseudo === "::before" ? clone.insertBefore(pseudoEl, clone.firstChild) : clone.appendChild(pseudoEl);
+          } else if (!isIconFont2 && hasExplicitContent) {
+            pseudoEl.textContent = cleanContent;
+          }
+          if (hasBg) {
+            try {
+              const bgSplits = splitBackgroundImage(bg);
+              const newBgParts = yield Promise.all(
+                bgSplits.map((entry) => inlineSingleBackgroundEntry(entry))
+              );
+              pseudoEl.style.backgroundImage = newBgParts.join(", ");
+            } catch (e) {
+              console.warn(`[snapdom] Failed to inline background-image for ${pseudo}`, e);
+            }
           }
+          if (hasBgColor) pseudoEl.style.backgroundColor = bgColor;
+          const hasContent2 = pseudoEl.childNodes.length > 0 || pseudoEl.textContent && pseudoEl.textContent.trim() !== "";
+          const hasVisibleBox = hasContent2 || hasBg || hasBgColor || hasBox || hasBorder || hasTransform;
+          if (!hasVisibleBox) continue;
+          pseudo === "::before" ? clone.insertBefore(pseudoEl, clone.firstChild) : clone.appendChild(pseudoEl);
         } catch (e) {
           console.warn(`[snapdom] Failed to capture ${pseudo} for`, source, e);
         }
@@ -1050,15 +1002,6 @@
       }
     });
   }
-  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) {
@@ -1089,10 +1032,6 @@
       }
     });
   }
-  var init_svgDefs = __esm({
-    "src/modules/svgDefs.js"() {
-    }
-  });
 
   // src/core/prepare.js
   function prepareClone(_0) {
@@ -1176,16 +1115,6 @@
       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) {
@@ -1211,11 +1140,6 @@
       }
     });
   }
-  var init_images = __esm({
-    "src/modules/images.js"() {
-      init_helpers();
-    }
-  });
 
   // src/modules/background.js
   function inlineBackgroundImages(_0, _1) {
@@ -1258,12 +1182,6 @@
       }
     });
   }
-  var init_background = __esm({
-    "src/modules/background.js"() {
-      init_helpers();
-      init_cache();
-    }
-  });
 
   // src/core/capture.js
   function captureDOM(_0) {
@@ -1345,8 +1263,6 @@
             const existingTransform = clone.style.transform || "";
             const scaleTransform = `scale(${scaleX}, ${scaleY})`;
             clone.style.transform = `${scaleTransform} ${existingTransform}`.trim();
-          } else if (hasScale && isSafari()) {
-            clone.style.scale = `${scale}`;
           }
           const svgNS = "http://www.w3.org/2000/svg";
           const fo = document.createElementNS(svgNS, "foreignObject");
@@ -1370,17 +1286,6 @@
       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) {
@@ -1388,13 +1293,8 @@
       const img = new Image();
       img.src = url;
       yield img.decode();
-      if (isSafari) {
-        img.width = img.width * scale;
-        img.height = img.height * scale;
-      } else {
-        img.width = img.width / scale;
-        img.height = img.height / scale;
-      }
+      img.width = img.width * scale;
+      img.height = img.height * scale;
       return img;
     });
   }
@@ -1402,17 +1302,34 @@
     return __async(this, arguments, function* (url, { dpr = 1, scale = 1 } = {}) {
       const img = new Image();
       img.src = url;
+      img.crossOrigin = "anonymous";
+      img.loading = "eager";
+      img.decoding = "sync";
+      const isSafariBrowser = isSafari();
+      let appended = false;
+      if (isSafariBrowser) {
+        document.body.appendChild(img);
+        appended = true;
+      }
       yield img.decode();
-      const canvas = document.createElement("canvas");
+      if (isSafariBrowser) {
+        yield new Promise((resolve) => setTimeout(resolve, 100));
+      }
+      if (img.width === 0 || img.height === 0) {
+        if (appended) img.remove();
+        throw new Error("Image failed to load or has no dimensions");
+      }
       const width = img.width * scale;
       const height = img.height * scale;
+      const canvas = document.createElement("canvas");
       canvas.width = Math.ceil(width * dpr);
       canvas.height = Math.ceil(height * dpr);
+      canvas.style.width = `${width}px`;
+      canvas.style.height = `${height}px`;
       const ctx = canvas.getContext("2d");
       ctx.scale(dpr, dpr);
       ctx.drawImage(img, 0, 0, width, height);
-      canvas.style.width = `${width}px`;
-      canvas.style.height = `${height}px`;
+      if (appended) img.remove();
       return canvas;
     });
   }
@@ -1467,7 +1384,7 @@
     });
   }
   function download(_0) {
-    return __async(this, arguments, function* (url, { dpr = 1, scale = 1, backgroundColor = "#fff", format = "png", filename = "capture" } = {}) {
+    return __async(this, arguments, function* (url, { dpr = 1, scale = 1, backgroundColor, format = "png", filename = "snapDOM" } = {}) {
       if (format === "svg") {
         const blob = yield toBlob(url);
         const objectURL = URL.createObjectURL(blob);
@@ -1504,63 +1421,56 @@
       return yield snapdom.capture(element, options);
     });
   }
-  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 });
-      });
-    }
+  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
@@ -1609,38 +1519,10 @@
       yield Promise.all(promises);
     });
   }
-  var init_preCache = __esm({
-    "src/api/preCache.js"() {
-      init_helpers();
-      init_fonts();
-      init_cssTools();
-      init_cache();
-    }
-  });
 
   // src/index.browser.js
-  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();
+  if (typeof window !== "undefined") {
+    window.snapdom = snapdom;
+    window.preCache = preCache;
+  }
 })();