@zumer/snapdom 1.9.11 → 1.9.12-dev.1

package/dist/snapdom.js

@@ -1,7 +1,7 @@
 
 /*
 * snapdom
-* v.1.9.10
+* v.1.9.12-dev.1
 * Author Juan Martin Muda
 * License MIT
 **/
@@ -167,10 +167,25 @@
   var _inflight = /* @__PURE__ */ new Map();
   var _errorCache = /* @__PURE__ */ new Map();
   function isSpecialURL(url) {
-    return /^data:|^blob:|^about:blank$/.test(url);
+    return /^data:|^blob:|^about:blank$/i.test(url);
+  }
+  function isAlreadyProxied(url, useProxy) {
+    try {
+      const baseHref = typeof location !== "undefined" && location.href ? location.href : "http://localhost/";
+      const proxyBaseRaw = useProxy.includes("{url}") ? useProxy.split("{url}")[0] : useProxy;
+      const proxyBase = new URL(proxyBaseRaw || ".", baseHref);
+      const u = new URL(url, baseHref);
+      if (u.origin === proxyBase.origin) return true;
+      const sp = u.searchParams;
+      if (sp && (sp.has("url") || sp.has("target"))) return true;
+    } catch (e) {
+    }
+    return false;
   }
   function shouldProxy(url, useProxy) {
-    if (!useProxy || isSpecialURL(url)) return false;
+    if (!useProxy) return false;
+    if (isSpecialURL(url)) return false;
+    if (isAlreadyProxied(url, useProxy)) return false;
     try {
       const base = typeof location !== "undefined" && location.href ? location.href : "http://localhost/";
       const u = new URL(url, base);
@@ -181,8 +196,19 @@
   }
   function applyProxy(url, useProxy) {
     if (!useProxy) return url;
-    if (useProxy.includes("{url}")) return useProxy.replace("{url}", encodeURIComponent(url));
-    const sep = useProxy.endsWith("?") ? "" : useProxy.includes("?") ? "&" : "?";
+    if (useProxy.includes("{url}")) {
+      return useProxy.replace("{urlRaw}", safeEncodeURI(url)).replace("{url}", encodeURIComponent(url));
+    }
+    if (/[?&]url=?$/.test(useProxy)) {
+      return `${useProxy}${encodeURIComponent(url)}`;
+    }
+    if (useProxy.endsWith("?")) {
+      return `${useProxy}url=${encodeURIComponent(url)}`;
+    }
+    if (useProxy.endsWith("/")) {
+      return `${useProxy}${safeEncodeURI(url)}`;
+    }
+    const sep = useProxy.includes("?") ? "&" : "?";
     return `${useProxy}${sep}url=${encodeURIComponent(url)}`;
   }
   function blobToDataURL(blob) {
@@ -212,6 +238,65 @@
       const errorTTL = (_c = options.errorTTL) != null ? _c : 8e3;
       const headers = options.headers || {};
       const silent = !!options.silent;
+      if (/^data:/i.test(url)) {
+        try {
+          if (as === "text") {
+            return { ok: true, data: String(url), status: 200, url, fromCache: false };
+          }
+          if (as === "dataURL") {
+            return {
+              ok: true,
+              data: String(url),
+              status: 200,
+              url,
+              fromCache: false,
+              mime: String(url).slice(5).split(";")[0] || ""
+            };
+          }
+          const [, meta = "", data = ""] = String(url).match(/^data:([^,]*),(.*)$/) || [];
+          const isBase64 = /;base64/i.test(meta);
+          const bin = isBase64 ? atob(data) : decodeURIComponent(data);
+          const bytes = new Uint8Array([...bin].map((c) => c.charCodeAt(0)));
+          const b = new Blob([bytes], { type: (meta || "").split(";")[0] || "" });
+          return { ok: true, data: b, status: 200, url, fromCache: false, mime: b.type || "" };
+        } catch (e2) {
+          return { ok: false, data: null, status: 0, url, fromCache: false, reason: "special_url_error" };
+        }
+      }
+      if (/^blob:/i.test(url)) {
+        try {
+          const resp = yield fetch(url);
+          if (!resp.ok) {
+            return { ok: false, data: null, status: resp.status, url, fromCache: false, reason: "http_error" };
+          }
+          const blob = yield resp.blob();
+          const mime = blob.type || resp.headers.get("content-type") || "";
+          if (as === "dataURL") {
+            const dataURL = yield blobToDataURL(blob);
+            return { ok: true, data: dataURL, status: resp.status, url, fromCache: false, mime };
+          }
+          if (as === "text") {
+            const text = yield blob.text();
+            return { ok: true, data: text, status: resp.status, url, fromCache: false, mime };
+          }
+          return { ok: true, data: blob, status: resp.status, url, fromCache: false, mime };
+        } catch (e2) {
+          return { ok: false, data: null, status: 0, url, fromCache: false, reason: "network" };
+        }
+      }
+      if (/^about:blank$/i.test(url)) {
+        if (as === "dataURL") {
+          return {
+            ok: true,
+            data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==",
+            status: 200,
+            url,
+            fromCache: false,
+            mime: "image/png"
+          };
+        }
+        return { ok: true, data: as === "text" ? "" : new Blob([]), status: 200, url, fromCache: false };
+      }
       const key = makeKey(url, { as, timeout, useProxy, errorTTL });
       const e = _errorCache.get(key);
       if (e && e.until > Date.now()) {
@@ -241,7 +326,7 @@
           const resp = yield fetch(finalURL, { signal: ctrl.signal, credentials: cred, headers });
           if (!resp.ok) {
             const result = { ok: false, data: null, status: resp.status, url: finalURL, fromCache: false, reason: "http_error" };
-            _errorCache.set(key, { until: Date.now() + errorTTL, result });
+            if (errorTTL > 0) _errorCache.set(key, { until: Date.now() + errorTTL, result });
             if (!silent) {
               const short = `${resp.status} ${resp.statusText || ""}`.trim();
               snapLogger.warnOnce(
@@ -266,7 +351,9 @@
         } catch (err) {
           const reason = err && typeof err === "object" && "name" in err && err.name === "AbortError" ? String(err.message || "").includes("timeout") ? "timeout" : "abort" : "network";
           const result = { ok: false, data: null, status: 0, url: finalURL, fromCache: false, reason };
-          _errorCache.set(key, { until: Date.now() + errorTTL, result });
+          if (!/^blob:/i.test(url) && errorTTL > 0) {
+            _errorCache.set(key, { until: Date.now() + errorTTL, result });
+          }
           if (!silent) {
             const k = `${reason}:${as}:${new URL(url, (_b2 = location == null ? void 0 : location.href) != null ? _b2 : "http://localhost/").origin}`;
             const tips = reason === "timeout" ? `Timeout after ${timeout}ms. Consider increasing timeout or using a proxy for ${url}` : reason === "abort" ? `Request aborted while fetching ${as} ${url}` : `Network/CORS issue while fetching ${as} ${url}. A proxy may be required`;
@@ -586,7 +673,10 @@
     }
   }
   function isSafari() {
-    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    const ua = typeof navigator !== "undefined" && navigator.userAgent ? navigator.userAgent : "";
+    const isSafariUA = /^((?!chrome|android).)*safari/i.test(ua);
+    const isWeChatUA = /(MicroMessenger|wxwork|WeCom|WindowsWechat|MacWechat)/i.test(ua);
+    return isSafariUA || isWeChatUA;
   }
 
   // src/modules/styles.js
@@ -621,7 +711,7 @@
     } catch (e) {
     }
   }
-  function snapshotComputedStyleFull(style) {
+  function snapshotComputedStyleFull(style, options = {}) {
     const out = {};
     const vis = style.getPropertyValue("visibility");
     for (let i = 0; i < style.length; i++) {
@@ -632,6 +722,24 @@
       }
       out[prop] = val;
     }
+    if (options.embedFonts) {
+      const EXTRA_FONT_PROPS = [
+        "font-feature-settings",
+        "font-variation-settings",
+        "font-kerning",
+        "font-variant",
+        "font-variant-ligatures",
+        "font-optical-sizing"
+      ];
+      for (const prop of EXTRA_FONT_PROPS) {
+        if (out[prop]) continue;
+        try {
+          const v = style.getPropertyValue(prop);
+          if (v) out[prop] = v;
+        } catch (e) {
+        }
+      }
+    }
     if (vis === "hidden") out.opacity = "0";
     return out;
   }
@@ -644,11 +752,11 @@
     __snapshotSig.set(snap, sig);
     return sig;
   }
-  function getSnapshot(el, preStyle = null) {
+  function getSnapshot(el, preStyle = null, options = {}) {
     const rec = snapshotCache.get(el);
     if (rec && rec.epoch === __epoch) return rec.snapshot;
     const style = preStyle || getComputedStyle(el);
-    const snap = snapshotComputedStyleFull(style);
+    const snap = snapshotComputedStyleFull(style, options);
     snapshotCache.set(el, { epoch: __epoch, snapshot: snap });
     return snap;
   }
@@ -704,7 +812,7 @@
         session.styleCache.set(source, getComputedStyle(source));
       }
       const pre = session.styleCache.get(source);
-      const snap = getSnapshot(source, pre);
+      const snap = getSnapshot(source, pre, ctx.options);
       const sig = styleSignature(snap);
       let key = persist.snapshotKeyCache.get(sig);
       if (!key) {
@@ -956,19 +1064,27 @@
         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.excludeMode === "hide") {
+          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;
+        } else if (options.excludeMode === "remove") {
+          return null;
+        }
       }
       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;
+              if (options.excludeMode === "hide") {
+                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;
+              } else if (options.excludeMode === "remove") {
+                return null;
+              }
             }
           } catch (err) {
             console.warn(`Invalid selector in exclude option: ${selector}`, err);
@@ -978,10 +1094,14 @@
       if (typeof options.filter === "function") {
         try {
           if (!options.filter(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;
+            if (options.filterMode === "hide") {
+              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;
+            } else if (options.filterMode === "remove") {
+              return null;
+            }
           }
         } catch (err) {
           console.warn("Error in filter function:", err);
@@ -1870,7 +1990,186 @@
     });
   }
 
+  // src/modules/counter.js
+  function hasCounters(input) {
+    return /\bcounter\s*\(|\bcounters\s*\(/.test(input || "");
+  }
+  function unquoteDoubleStrings(s) {
+    return (s || "").replace(/"([^"]*)"/g, "$1");
+  }
+  function alpha(n, upper = false) {
+    let s = "", x = Math.max(1, n);
+    while (x > 0) {
+      x--;
+      s = String.fromCharCode(97 + x % 26) + s;
+      x = Math.floor(x / 26);
+    }
+    return upper ? s.toUpperCase() : s;
+  }
+  function roman(n, upper = true) {
+    const map = [[1e3, "M"], [900, "CM"], [500, "D"], [400, "CD"], [100, "C"], [90, "XC"], [50, "L"], [40, "XL"], [10, "X"], [9, "IX"], [5, "V"], [4, "IV"], [1, "I"]];
+    let num = Math.max(1, Math.min(3999, n)), out = "";
+    for (const [v, sym] of map) while (num >= v) {
+      out += sym;
+      num -= v;
+    }
+    return upper ? out : out.toLowerCase();
+  }
+  function formatCounter(value, style) {
+    switch ((style || "decimal").toLowerCase()) {
+      case "decimal":
+        return String(Math.max(0, value));
+      case "decimal-leading-zero":
+        return (value < 10 ? "0" : "") + String(Math.max(0, value));
+      case "lower-alpha":
+        return alpha(value, false);
+      case "upper-alpha":
+        return alpha(value, true);
+      case "lower-roman":
+        return roman(value, false);
+      case "upper-roman":
+        return roman(value, true);
+      default:
+        return String(Math.max(0, value));
+    }
+  }
+  function buildCounterContext(root) {
+    const nodeCounters = /* @__PURE__ */ new WeakMap();
+    const rootEl = root instanceof Document ? root.documentElement : root;
+    const isLi = (el) => el && el.tagName === "LI";
+    const countPrevLi = (li) => {
+      let c = 0, p = li == null ? void 0 : li.parentElement;
+      if (!p) return 0;
+      for (const sib of p.children) {
+        if (sib === li) break;
+        if (sib.tagName === "LI") c++;
+      }
+      return c;
+    };
+    const cloneMap = (m) => {
+      const out = /* @__PURE__ */ new Map();
+      for (const [k, arr] of m) out.set(k, arr.slice());
+      return out;
+    };
+    const applyTo = (baseMap, parentMap, el) => {
+      var _a, _b;
+      const map = cloneMap(baseMap);
+      let reset;
+      try {
+        reset = ((_a = el.style) == null ? void 0 : _a.counterReset) || getComputedStyle(el).counterReset;
+      } catch (e) {
+      }
+      if (reset && reset !== "none") {
+        for (const part of reset.split(",")) {
+          const toks = part.trim().split(/\s+/);
+          const name = toks[0];
+          const val = Number.isFinite(Number(toks[1])) ? Number(toks[1]) : 0;
+          if (!name) continue;
+          const parentStack = parentMap.get(name);
+          if (parentStack && parentStack.length) {
+            const s = parentStack.slice();
+            s.push(val);
+            map.set(name, s);
+          } else {
+            map.set(name, [val]);
+          }
+        }
+      }
+      let inc;
+      try {
+        inc = ((_b = el.style) == null ? void 0 : _b.counterIncrement) || getComputedStyle(el).counterIncrement;
+      } catch (e) {
+      }
+      if (inc && inc !== "none") {
+        for (const part of inc.split(",")) {
+          const toks = part.trim().split(/\s+/);
+          const name = toks[0];
+          const by = Number.isFinite(Number(toks[1])) ? Number(toks[1]) : 1;
+          if (!name) continue;
+          const stack = map.get(name) || [];
+          if (stack.length === 0) stack.push(0);
+          stack[stack.length - 1] += by;
+          map.set(name, stack);
+        }
+      }
+      try {
+        const cs = getComputedStyle(el);
+        if (cs.display === "list-item" && isLi(el)) {
+          const p = el.parentElement;
+          let idx = 1;
+          if (p && p.tagName === "OL") {
+            const startAttr = p.getAttribute("start");
+            const start = Number.isFinite(Number(startAttr)) ? Number(startAttr) : 1;
+            const prev = countPrevLi(el);
+            const ownAttr = el.getAttribute("value");
+            idx = Number.isFinite(Number(ownAttr)) ? Number(ownAttr) : start + prev;
+          } else {
+            idx = 1 + countPrevLi(el);
+          }
+          const s = map.get("list-item") || [];
+          if (s.length === 0) s.push(0);
+          s[s.length - 1] = idx;
+          map.set("list-item", s);
+        }
+      } catch (e) {
+      }
+      return map;
+    };
+    const build = (el, parentMap, carryMap) => {
+      const curr = applyTo(carryMap, parentMap, el);
+      nodeCounters.set(el, curr);
+      let nextCarry = curr;
+      for (const child of el.children) {
+        const childCarry = build(child, curr, nextCarry);
+        nextCarry = childCarry;
+      }
+      return curr;
+    };
+    const empty = /* @__PURE__ */ new Map();
+    build(rootEl, empty, empty);
+    return {
+      get(node, name) {
+        var _a;
+        const s = (_a = nodeCounters.get(node)) == null ? void 0 : _a.get(name);
+        return s && s.length ? s[s.length - 1] : 0;
+      },
+      getStack(node, name) {
+        var _a;
+        const s = (_a = nodeCounters.get(node)) == null ? void 0 : _a.get(name);
+        return s ? s.slice() : [];
+      }
+    };
+  }
+  function resolveCountersInContent(raw, node, ctx) {
+    if (!raw || raw === "none") return raw;
+    try {
+      const RX = /\b(counter|counters)\s*\(([^)]+)\)/g;
+      let out = raw.replace(RX, (_, fn, args) => {
+        var _a, _b, _c, _d;
+        const parts = String(args).split(",").map((s) => s.trim());
+        if (fn === "counter") {
+          const name = (_a = parts[0]) == null ? void 0 : _a.replace(/^["']|["']$/g, "");
+          const style = (parts[1] || "decimal").toLowerCase();
+          const v = ctx.get(node, name);
+          return formatCounter(v, style);
+        } else {
+          const name = (_b = parts[0]) == null ? void 0 : _b.replace(/^["']|["']$/g, "");
+          const sep = (_d = (_c = parts[1]) == null ? void 0 : _c.replace(/^["']|["']$/g, "")) != null ? _d : "";
+          const style = (parts[2] || "decimal").toLowerCase();
+          const stack = ctx.getStack(node, name);
+          if (!stack.length) return "";
+          const pieces = stack.map((v) => formatCounter(v, style));
+          return pieces.join(sep);
+        }
+      });
+      return unquoteDoubleStrings(out);
+    } catch (e) {
+      return "- ";
+    }
+  }
+
   // src/modules/pseudo.js
+  var counterCtx = null;
   function inlinePseudoElements(source, clone, sessionCache, options) {
     return __async(this, null, function* () {
       var _a;
@@ -1909,7 +2208,11 @@
             continue;
           }
           const content = style.content;
-          const cleanContent = /counter\s*\(|counters\s*\(/.test(content) ? "- " : parseContent(content);
+          let cleanContent = parseContent(content);
+          if (hasCounters(content)) {
+            counterCtx = buildCounterContext(source.ownerDocument || document);
+            cleanContent = resolveCountersInContent(cleanContent, source, counterCtx);
+          }
           const bg = style.backgroundImage;
           const bgColor = style.backgroundColor;
           const fontFamily = style.fontFamily;
@@ -2309,8 +2612,8 @@
           if (!img.height) img.height = img.naturalHeight || 100;
           return;
         }
-        const { defaultImageUrl } = options || {};
-        if (defaultImageUrl) {
+        const { fallbackURL } = options || {};
+        if (fallbackURL) {
           try {
             const dsW = parseInt(((_a = img.dataset) == null ? void 0 : _a.snapdomWidth) || "", 10) || 0;
             const dsH = parseInt(((_b = img.dataset) == null ? void 0 : _b.snapdomHeight) || "", 10) || 0;
@@ -2318,14 +2621,14 @@
             const attrH = parseInt(img.getAttribute("height") || "", 10) || 0;
             const styleW = parseFloat(((_c = img.style) == null ? void 0 : _c.width) || "") || 0;
             const styleH = parseFloat(((_d = img.style) == null ? void 0 : _d.height) || "") || 0;
-            const width = dsW || styleW || attrW || img.width || void 0;
-            const height = dsH || styleH || attrH || img.height || void 0;
-            const fallbackUrl = typeof defaultImageUrl === "function" ? yield defaultImageUrl({ width, height, src, element: img }) : defaultImageUrl;
+            const fbW = dsW || styleW || attrW || img.width || void 0;
+            const fbH = dsH || styleH || attrH || img.height || void 0;
+            const fallbackUrl = typeof fallbackURL === "function" ? yield fallbackURL({ width: fbW, height: fbH, src, element: img }) : fallbackURL;
             if (fallbackUrl) {
               const fallbackData = yield snapFetch(fallbackUrl, { as: "dataURL", useProxy: options.useProxy });
               img.src = fallbackData.data;
-              if (!img.width && width) img.width = width;
-              if (!img.height && height) img.height = height;
+              if (!img.width && fbW) img.width = fbW;
+              if (!img.height && fbH) img.height = fbH;
               if (!img.width) img.width = img.naturalWidth || 100;
               if (!img.height) img.height = img.naturalHeight || 100;
               return;
@@ -2447,6 +2750,64 @@
     });
   }
 
+  // src/modules/lineClamp.js
+  function lineClamp(el) {
+    var _a;
+    if (!el) return () => {
+    };
+    const lines = getClamp(el);
+    if (lines <= 0) return () => {
+    };
+    if (!isPlainTextContainer(el)) return () => {
+    };
+    const cs = getComputedStyle(el);
+    const targetH = Math.round(usedLineHeightPx(cs) * lines + vpad(cs));
+    const original = (_a = el.textContent) != null ? _a : "";
+    const prevText = original;
+    if (el.scrollHeight <= targetH + 0.5) {
+      return () => {
+      };
+    }
+    let lo = 0, hi = original.length, best = -1;
+    while (lo <= hi) {
+      const mid = lo + hi >> 1;
+      el.textContent = original.slice(0, mid) + "\u2026";
+      if (el.scrollHeight <= targetH + 0.5) {
+        best = mid;
+        lo = mid + 1;
+      } else {
+        hi = mid - 1;
+      }
+    }
+    el.textContent = (best >= 0 ? original.slice(0, best) : "") + "\u2026";
+    return () => {
+      el.textContent = prevText;
+    };
+  }
+  function getClamp(el) {
+    const cs = getComputedStyle(el);
+    let v = cs.getPropertyValue("-webkit-line-clamp") || cs.getPropertyValue("line-clamp");
+    v = (v || "").trim();
+    const n = parseInt(v, 10);
+    return Number.isFinite(n) && n > 0 ? n : 0;
+  }
+  function usedLineHeightPx(cs) {
+    const lh = (cs.lineHeight || "").trim();
+    const fs = parseFloat(cs.fontSize) || 16;
+    if (!lh || lh === "normal") return Math.round(fs * 1.2);
+    if (lh.endsWith("px")) return parseFloat(lh);
+    if (/^\d+(\.\d+)?$/.test(lh)) return Math.round(parseFloat(lh) * fs);
+    if (lh.endsWith("%")) return Math.round(parseFloat(lh) / 100 * fs);
+    return Math.round(fs * 1.2);
+  }
+  function vpad(cs) {
+    return (parseFloat(cs.paddingTop) || 0) + (parseFloat(cs.paddingBottom) || 0);
+  }
+  function isPlainTextContainer(el) {
+    if (el.childElementCount > 0) return false;
+    return Array.from(el.childNodes).some((n) => n.nodeType === Node.TEXT_NODE);
+  }
+
   // src/core/capture.js
   function captureDOM(element, options) {
     return __async(this, null, function* () {
@@ -2458,7 +2819,12 @@
       let baseCSS = "";
       let dataURL;
       let svgString;
-      ({ clone, classCSS, styleCache } = yield prepareClone(element, options));
+      const undoClamp = lineClamp(element);
+      try {
+        ({ clone, classCSS, styleCache } = yield prepareClone(element, options));
+      } finally {
+        undoClamp();
+      }
       yield new Promise((resolve) => {
         idle(() => __async(null, null, function* () {
           yield inlineImages(clone, options);
@@ -2480,7 +2846,7 @@
               const families = new Set(
                 Array.from(required).map((k) => String(k).split("__")[0]).filter(Boolean)
               );
-              yield ensureFontsReady(families, 5);
+              yield ensureFontsReady(families, 2);
             }
             fontsCSS = yield embedCustomFonts({
               required,
@@ -2509,28 +2875,28 @@
       yield new Promise((resolve) => {
         idle(() => {
           var _a, _b, _c, _d, _e;
-          const rect = getNaturalBorderBoxSize(element);
-          let w = rect.width;
-          let h = rect.height;
+          const rect = element.getBoundingClientRect();
+          let w = Number(rect.width) || 0;
+          let h = Number(rect.height) || 0;
           const hasW = Number.isFinite(options.width);
           const hasH = Number.isFinite(options.height);
           const scaleOpt = (_a = options.scale) != null ? _a : 1;
           const hasScale = typeof scaleOpt === "number" && scaleOpt !== 1;
           if (!hasScale) {
-            const aspect = rect.width / rect.height;
+            const aspect = h > 0 ? w / h : 1;
             if (hasW && hasH) {
-              w = options.width;
-              h = options.height;
+              w = Number(options.width);
+              h = Number(options.height);
             } else if (hasW) {
-              w = options.width;
-              h = w / aspect;
+              w = Number(options.width);
+              h = w / (aspect || 1);
             } else if (hasH) {
-              h = options.height;
-              w = h * aspect;
+              h = Number(options.height);
+              w = h * (aspect || 1);
             }
           }
-          w = Math.max(1, Math.ceil(w));
-          h = Math.max(1, Math.ceil(h));
+          w = Math.max(1, Math.ceil(Number.isFinite(w) ? w : 1));
+          h = Math.max(1, Math.ceil(Number.isFinite(h) ? h : 1));
           const csEl = getComputedStyle(element);
           const baseTransform = csEl.transform && csEl.transform !== "none" ? csEl.transform : "";
           const ind = readIndividualTransforms(element);
@@ -2601,7 +2967,9 @@
           fo.appendChild(container);
           const serializer = new XMLSerializer();
           const foString = serializer.serializeToString(fo);
-          const svgHeader = `<svg xmlns="${svgNS}" width="${outW}" height="${outH}" viewBox="0 0 ${outW} ${outH}">`;
+          const finalW = !hasScale && (hasW || hasH) ? w : outW;
+          const finalH = !hasScale && (hasH || hasW) ? h : outH;
+          const svgHeader = `<svg xmlns="${svgNS}" width="${finalW}" height="${finalH}" viewBox="0 0 ${outW} ${outH}">`;
           const svgFooter = "</svg>";
           svgString = svgHeader + foString + svgFooter;
           dataURL = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}`;
@@ -2613,17 +2981,6 @@
       return dataURL;
     });
   }
-  function getNaturalBorderBoxSize(el) {
-    const cs = getComputedStyle(el);
-    const px = (v) => parseFloat(v) || 0;
-    let w = px(cs.width);
-    let h = px(cs.height);
-    if (cs.boxSizing === "content-box") {
-      w += px(cs.paddingLeft) + px(cs.paddingRight) + px(cs.borderLeftWidth) + px(cs.borderRightWidth);
-      h += px(cs.paddingTop) + px(cs.paddingBottom) + px(cs.borderTopWidth) + px(cs.borderBottomWidth);
-    }
-    return { width: w, height: h };
-  }
   function matrixFromComputed(el) {
     const tr = getComputedStyle(el).transform;
     if (!tr || tr === "none") return new DOMMatrix();
@@ -2654,31 +3011,40 @@
     return { minX, minY, width: maxX - minX, height: maxY - minY };
   }
   function readIndividualTransforms(el) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     const out = { rotate: "0deg", scale: null, translate: null };
-    const map = (_a = el.computedStyleMap) == null ? void 0 : _a.call(el);
+    const map = typeof el.computedStyleMap === "function" ? el.computedStyleMap() : null;
     if (map) {
-      const rot = map.get("rotate");
+      const safeGet = (prop) => {
+        try {
+          if (typeof map.has === "function" && !map.has(prop)) return null;
+          if (typeof map.get !== "function") return null;
+          return map.get(prop);
+        } catch (e) {
+          return null;
+        }
+      };
+      const rot = safeGet("rotate");
       if (rot) {
-        const ang = (_b = rot.angle) != null ? _b : rot;
-        if (ang && "unit" in ang) {
+        const ang = (_a = rot.angle) != null ? _a : rot;
+        if (ang && typeof ang === "object" && "unit" in ang) {
           out.rotate = ang.unit === "rad" ? ang.value * 180 / Math.PI + "deg" : ang.value + ang.unit;
         } else {
           out.rotate = String(rot);
         }
       }
-      const sc = map.get("scale");
+      const sc = safeGet("scale");
       if (sc && sc.length) {
-        const sx = (_d = (_c = sc[0]) == null ? void 0 : _c.value) != null ? _d : 1;
-        const sy = (_f = (_e = sc[1]) == null ? void 0 : _e.value) != null ? _f : sx;
+        const sx = (_c = (_b = sc[0]) == null ? void 0 : _b.value) != null ? _c : 1;
+        const sy = (_e = (_d = sc[1]) == null ? void 0 : _d.value) != null ? _e : sx;
         out.scale = `${sx} ${sy}`;
       }
-      const tr = map.get("translate");
+      const tr = safeGet("translate");
       if (tr && tr.length) {
-        const tx = (_h = (_g = tr[0]) == null ? void 0 : _g.value) != null ? _h : 0;
-        const ty = (_j = (_i = tr[1]) == null ? void 0 : _i.value) != null ? _j : 0;
-        const ux = (_l = (_k = tr[0]) == null ? void 0 : _k.unit) != null ? _l : "px";
-        const uy = (_n = (_m = tr[1]) == null ? void 0 : _m.unit) != null ? _n : "px";
+        const tx = (_g = (_f = tr[0]) == null ? void 0 : _f.value) != null ? _g : 0;
+        const ty = (_i = (_h = tr[1]) == null ? void 0 : _h.value) != null ? _i : 0;
+        const ux = (_k = (_j = tr[0]) == null ? void 0 : _j.unit) != null ? _k : "px";
+        const uy = (_m = (_l = tr[1]) == null ? void 0 : _l.unit) != null ? _m : "px";
         out.translate = `${tx}${ux} ${ty}${uy}`;
       }
       return out;
@@ -2749,7 +3115,7 @@
     return "soft";
   }
   function createContext(options = {}) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     const resolvedFormat = (_a = options.format) != null ? _a : "png";
     const cachePolicy = normalizeCachePolicy(options.cache);
     return {
@@ -2759,29 +3125,31 @@
       scale: (_d = options.scale) != null ? _d : 1,
       // DOM filters
       exclude: (_e = options.exclude) != null ? _e : [],
-      filter: (_f = options.filter) != null ? _f : null,
+      excludeMode: (_f = options.excludeMode) != null ? _f : "hide",
+      filter: (_g = options.filter) != null ? _g : null,
+      filterMode: (_h = options.filterMode) != null ? _h : "hide",
       placeholders: options.placeholders !== false,
       // default true
       // Fuentes
-      embedFonts: (_g = options.embedFonts) != null ? _g : false,
+      embedFonts: (_i = options.embedFonts) != null ? _i : false,
       iconFonts: Array.isArray(options.iconFonts) ? options.iconFonts : options.iconFonts ? [options.iconFonts] : [],
       localFonts: Array.isArray(options.localFonts) ? options.localFonts : [],
-      excludeFonts: (_h = options.excludeFonts) != null ? _h : void 0,
-      defaultImageUrl: (_i = options.defaultImageUrl) != null ? _i : void 0,
+      excludeFonts: (_j = options.excludeFonts) != null ? _j : void 0,
+      fallbackURL: (_k = options.fallbackURL) != null ? _k : void 0,
       /** Cache policy (disabled|full|auto|soft). Default: "soft" */
       /** @type {CachePolicy} */
       cache: cachePolicy,
       // Red
       useProxy: typeof options.useProxy === "string" ? options.useProxy : "",
       // Salida
-      width: (_j = options.width) != null ? _j : null,
-      height: (_k = options.height) != null ? _k : null,
+      width: (_l = options.width) != null ? _l : null,
+      height: (_m = options.height) != null ? _m : null,
       format: resolvedFormat,
-      type: (_l = options.type) != null ? _l : "svg",
-      quality: (_m = options.quality) != null ? _m : 0.92,
-      dpr: (_n = options.dpr) != null ? _n : window.devicePixelRatio || 1,
-      backgroundColor: (_o = options.backgroundColor) != null ? _o : ["jpg", "jpeg", "webp"].includes(resolvedFormat) ? "#ffffff" : null,
-      filename: (_p = options.filename) != null ? _p : "snapDOM"
+      type: (_n = options.type) != null ? _n : "svg",
+      quality: (_o = options.quality) != null ? _o : 0.92,
+      dpr: (_p = options.dpr) != null ? _p : window.devicePixelRatio || 1,
+      backgroundColor: (_q = options.backgroundColor) != null ? _q : ["jpg", "jpeg", "webp"].includes(resolvedFormat) ? "#ffffff" : null,
+      filename: (_r = options.filename) != null ? _r : "snapDOM"
       // Plugins (reservado para futura activación)
       // plugins: normalizePlugins(...),
     };
@@ -2805,24 +3173,12 @@
   function toCanvas(url, options) {
     return __async(this, null, function* () {
       const { scale, dpr } = options;
-      const safari = isSafari();
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.loading = "eager";
       img.decoding = "sync";
       img.src = url;
-      let tempSlot = null;
-      if (safari) {
-        tempSlot = document.createElement("div");
-        tempSlot.setAttribute("aria-hidden", "true");
-        tempSlot.style.cssText = "position:absolute;left:-99999px;top:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;contain:size layout style;";
-        document.body.appendChild(tempSlot);
-        tempSlot.appendChild(img);
-      }
       yield img.decode();
-      if (safari) {
-        yield new Promise((r) => setTimeout(r, 100));
-      }
       const width = img.naturalWidth * scale;
       const height = img.naturalHeight * scale;
       const canvas = document.createElement("canvas");
@@ -2833,12 +3189,6 @@
       const ctx = canvas.getContext("2d");
       if (dpr !== 1) ctx.scale(dpr, dpr);
       ctx.drawImage(img, 0, 0, width, height);
-      if (tempSlot && tempSlot.parentNode) {
-        try {
-          tempSlot.parentNode.removeChild(tempSlot);
-        } catch (e) {
-        }
-      }
       return canvas;
     });
   }
@@ -2880,6 +3230,7 @@
   // src/exporters/download.js
   function download(url, options) {
     return __async(this, null, function* () {
+      options.dpr = 1;
       if (options.format === "svg") {
         const blob = yield toBlob(url, __spreadProps(__spreadValues({}, options), { type: "svg" }));
         const objectURL = URL.createObjectURL(blob);
@@ -2901,9 +3252,20 @@
 
   // src/api/snapdom.js
   var INTERNAL_TOKEN = Symbol("snapdom.internal");
+  var _safariWarmup = false;
   function snapdom(element, userOptions) {
     return __async(this, null, function* () {
       if (!element) throw new Error("Element cannot be null or undefined");
+      if (isSafari()) {
+        for (let i = 0; i < 3; i++) {
+          try {
+            yield safariWarmup(element, userOptions);
+            console.log("Iteraci\xF3n n\xFAmero:", i);
+            _safariWarmup = false;
+          } catch (error) {
+          }
+        }
+      }
       const context = createContext(userOptions);
       if (context.iconFonts && context.iconFonts.length > 0) extendIconFonts(context.iconFonts);
       if (!context.snap) {
@@ -2948,26 +3310,68 @@
   snapdom.toJpg = (el, options) => snapdom(el, __spreadProps(__spreadValues({}, options), { format: "jpeg" })).then((result) => result.toJpg());
   snapdom.toWebp = (el, options) => snapdom(el, __spreadProps(__spreadValues({}, options), { format: "webp" })).then((result) => result.toWebp());
   snapdom.download = (el, options) => snapdom(el, options).then((result) => result.download());
+  function safariWarmup(element, baseOptions) {
+    return __async(this, null, function* () {
+      if (_safariWarmup) return;
+      const preflight = __spreadProps(__spreadValues({}, baseOptions), {
+        fast: true,
+        embedFonts: true,
+        scale: 0.2
+      });
+      let url;
+      try {
+        url = yield captureDOM(element, preflight);
+      } catch (e) {
+        return;
+      }
+      yield new Promise((resolve) => {
+        const img = new Image();
+        img.decoding = "sync";
+        img.loading = "eager";
+        img.style.position = "fixed";
+        img.style.left = 0;
+        img.style.top = 0;
+        img.style.width = "10px";
+        img.style.height = "10px";
+        img.style.opacity = "0.01";
+        img.style.transform = "translateZ(10px)";
+        img.style.willChange = "transform,opacity;";
+        img.src = url;
+        const cleanup = () => __async(null, null, function* () {
+          yield new Promise((r) => setTimeout(r, 100));
+          if (img && img.parentNode) img.parentNode.removeChild(img);
+          _safariWarmup = true;
+          resolve();
+        });
+        document.body.appendChild(img);
+        cleanup();
+      });
+    });
+  }
 
   // src/api/preCache.js
   function preCache() {
     return __async(this, arguments, function* (root = document, options = {}) {
-      var _a;
+      var _a, _b, _c, _d;
       const {
         embedFonts = true,
-        cacheOpt = "full",
         useProxy = ""
       } = options;
-      applyCachePolicy(cacheOpt);
+      const cacheMode = (_b = (_a = options.cache) != null ? _a : options.cacheOpt) != null ? _b : "full";
+      applyCachePolicy(cacheMode);
       try {
-        yield document.fonts.ready;
+        yield (_c = document.fonts) == null ? void 0 : _c.ready;
+      } catch (e) {
+      }
+      try {
+        precacheCommonTags();
       } catch (e) {
       }
-      precacheCommonTags();
       cache.session = cache.session || {};
       if (!cache.session.styleCache) {
         cache.session.styleCache = /* @__PURE__ */ new WeakMap();
       }
+      cache.image = cache.image || /* @__PURE__ */ new Map();
       try {
         yield inlineBackgroundImages(
           root,
@@ -2988,12 +3392,15 @@
       }
       const promises = [];
       for (const img of imgEls) {
-        const src = img == null ? void 0 : img.src;
+        const src = (img == null ? void 0 : img.currentSrc) || (img == null ? void 0 : img.src);
         if (!src) continue;
         if (!cache.image.has(src)) {
-          const p = Promise.resolve().then(() => snapFetch(src, { as: "dataURL", useProxy })).then((dataURL) => {
-            cache.image.set(src, dataURL);
-          }).catch(() => {
+          const p = Promise.resolve().then(() => __async(null, null, function* () {
+            const res = yield snapFetch(src, { as: "dataURL", useProxy });
+            if ((res == null ? void 0 : res.ok) && typeof res.data === "string") {
+              cache.image.set(src, res.data);
+            }
+          })).catch(() => {
           });
           promises.push(p);
         }
@@ -3019,7 +3426,8 @@
         try {
           const required = collectUsedFontVariants(root);
           const usedCodepoints = collectUsedCodepoints(root);
-          if (typeof isSafari === "function" ? isSafari() : !!isSafari) {
+          const safari = typeof isSafari === "function" ? isSafari() : !!isSafari;
+          if (safari) {
             const families = new Set(
               Array.from(required).map((k) => String(k).split("__")[0]).filter(Boolean)
             );
@@ -3030,7 +3438,7 @@
             usedCodepoints,
             exclude: options.excludeFonts,
             localFonts: options.localFonts,
-            useProxy: (_a = options.useProxy) != null ? _a : useProxy
+            useProxy: (_d = options.useProxy) != null ? _d : useProxy
           });
         } catch (e) {
         }