@unicom-cloud/utils 0.1.12 → 0.1.13

package/snapdom/src/core/clone.js

@@ -1,51 +1,116 @@
-import { inlineAllStyles as o } from "../modules/styles.js";
-function f(e, c, r, n, s) {
-  if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "exclude") {
+import { cache as r } from "./cache.js";
+import { inlineAllStyles as f } from "../modules/styles.js";
+function u(e, n, a = {}, o) {
+  if (!e) throw new Error("Invalid node");
+  const p = /* @__PURE__ */ new Set();
+  let d = null;
+  if (e.nodeType === Node.TEXT_NODE || e.nodeType !== Node.ELEMENT_NODE)
+    return e.cloneNode(!0);
+  if (e.getAttribute("data-capture") === "exclude") {
     const t = document.createElement("div"), i = e.getBoundingClientRect();
-    return t.style.cssText = `display: inline-block; width: ${i.width}px; height: ${i.height}px; visibility: hidden;`, t;
+    return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
   }
+  if (a.exclude && Array.isArray(a.exclude))
+    for (const t of a.exclude)
+      try {
+        if (e.matches?.(t)) {
+          const i = document.createElement("div"), l = e.getBoundingClientRect();
+          return i.style.cssText = `display:inline-block;width:${l.width}px;height:${l.height}px;visibility:hidden;`, i;
+        }
+      } catch (i) {
+        console.warn(`Invalid selector in exclude option: ${t}`, i);
+      }
+  if (typeof a.filter == "function")
+    try {
+      if (!a.filter(e, o || e)) {
+        const t = document.createElement("div"), i = e.getBoundingClientRect();
+        return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
+      }
+    } catch (t) {
+      console.warn("Error in filter function:", t);
+    }
   if (e.tagName === "IFRAME") {
     const t = document.createElement("div");
-    return t.textContent = "", t.style.cssText = `width: ${e.offsetWidth}px; height: ${e.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;`, t;
+    return t.style.cssText = `width:${e.offsetWidth}px;height:${e.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;`, t;
   }
-  if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "placeholder") {
+  if (e.getAttribute("data-capture") === "placeholder") {
     const t = e.cloneNode(!1);
-    n.set(t, e), o(e, t, c, r, s);
+    r.preNodeMap.set(t, e), f(e, t, n);
     const i = document.createElement("div");
-    return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color: #666;font-size: 12px;text-align: center;line-height: 1.4;padding: 0.5em;box-sizing: border-box;", t.appendChild(i), t;
+    return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", t.appendChild(i), t;
   }
   if (e.tagName === "CANVAS") {
     const t = e.toDataURL(), i = document.createElement("img");
-    return i.src = t, i.width = e.width, i.height = e.height, i.style.display = "inline-block", i.style.width = e.style.width || `${e.width}px`, i.style.height = e.style.height || `${e.height}px`, i;
+    return i.src = t, i.width = e.width, i.height = e.height, r.preNodeMap.set(i, e), f(e, i, n), i;
+  }
+  let c;
+  try {
+    c = e.cloneNode(!1), r.preNodeMap.set(c, e);
+  } catch (t) {
+    throw console.error("[Snapdom] Failed to clone node:", e, t), t;
+  }
+  if (e instanceof HTMLTextAreaElement) {
+    c.textContent = e.value, c.value = e.value;
+    const t = e.getBoundingClientRect();
+    return c.style.width = `${t.width}px`, c.style.height = `${t.height}px`, c;
   }
-  if (e.nodeType === Node.TEXT_NODE) {
-    if (e.parentElement?.shadowRoot) {
-      const t = e.parentElement.tagName.toLowerCase();
-      if (customElements.get(t)) return null;
+  if (e instanceof HTMLInputElement)
+    return c.value = e.value, c.setAttribute("value", e.value), e.checked !== void 0 && (c.checked = e.checked, e.checked && c.setAttribute("checked", ""), e.indeterminate && (c.indeterminate = e.indeterminate)), c;
+  if (e instanceof HTMLSelectElement && (d = e.value), f(e, c, n), e.shadowRoot)
+    if (Array.from(e.shadowRoot.querySelectorAll("slot")).length > 0) {
+      for (const i of e.shadowRoot.childNodes)
+        if (i.nodeType === Node.ELEMENT_NODE && i.tagName === "STYLE") {
+          const l = i.textContent || "";
+          l.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(i, l));
+        }
+    } else {
+      const i = document.createDocumentFragment();
+      for (const l of e.shadowRoot.childNodes) {
+        if (l.nodeType === Node.ELEMENT_NODE && l.tagName === "STYLE") {
+          const s = l.textContent || "";
+          s.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(l, s));
+          continue;
+        }
+        const h = u(
+          l,
+          n,
+          a,
+          o || e
+        );
+        h && i.appendChild(h);
+      }
+      c.appendChild(i);
     }
-    return e.cloneNode(!0);
+  if (e.tagName === "SLOT") {
+    const t = e.assignedNodes?.({ flatten: !0 }) || [], i = t.length > 0 ? t : Array.from(e.childNodes), l = document.createDocumentFragment();
+    for (const h of i) {
+      const s = u(
+        h,
+        n,
+        a,
+        o || e
+      );
+      s && l.appendChild(s);
+    }
+    return l;
   }
-  if (e.nodeType !== Node.ELEMENT_NODE) return e.cloneNode(!0);
-  const l = e.cloneNode(!1);
-  n.set(l, e), e instanceof HTMLInputElement ? (l.value = e.value, l.setAttribute("value", e.value), e.checked !== void 0 && (l.checked = e.checked, e.checked && l.setAttribute("checked", ""))) : e instanceof HTMLTextAreaElement ? (l.value = e.value, l.textContent = e.value) : e instanceof HTMLSelectElement && (l.value = e.value, Array.from(l.options).forEach((t) => {
-    t.value === e.value ? t.setAttribute("selected", "") : t.removeAttribute("selected");
-  })), o(e, l, c, r, s);
-  const h = document.createDocumentFragment();
-  if (e.childNodes.forEach((t) => {
-    const i = f(
+  for (const t of e.childNodes) {
+    if (p.has(t)) continue;
+    const i = u(
       t,
-      c,
-      r,
       n,
-      s
+      a,
+      o || e
     );
-    i && h.appendChild(i);
-  }), l.appendChild(h), e.shadowRoot) {
-    const t = Array.from(e.shadowRoot.children).filter((a) => a.tagName !== "STYLE").map((a) => f(a, c, r, n)).filter(Boolean), i = document.createDocumentFragment();
-    t.forEach((a) => i.appendChild(a)), l.appendChild(i);
+    i && c.appendChild(i);
+  }
+  if (d !== null && c instanceof HTMLSelectElement) {
+    c.value = d;
+    for (const t of c.options)
+      t.value === d ? t.setAttribute("selected", "") : t.removeAttribute("selected");
   }
-  return l;
+  return c;
 }
 export {
-  f as deepClone
+  u as deepClone
 };

package/snapdom/src/core/prepare.js

@@ -1,68 +1,65 @@
-import { inlinePseudoElements as g } from "../modules/pseudo.js";
-import { inlineExternalDef as u } from "../modules/svgDefs.js";
-import { generateCSSClasses as h } from "../utils/cssTools.js";
-import { stripTranslate as w } from "../utils/helpers.js";
-import { deepClone as C } from "./clone.js";
-async function T(n, y = !1, m = !1, p = "") {
-  const a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
-  let o;
+import { cache as n } from "./cache.js";
+import { inlinePseudoElements as p } from "../modules/pseudo.js";
+import { inlineExternalDef as m } from "../modules/svgDefs.js";
+import { generateCSSClasses as g } from "../utils/cssTools.js";
+import { stripTranslate as u } from "../utils/helpers.js";
+import { deepClone as h } from "./clone.js";
+async function k(l, c = !1, d = !1, f = {}) {
+  let o, y = "";
   try {
-    o = C(n, a, r, c, y);
+    o = h(l, c, f, l);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
-    await g(
-      n,
+    await p(
+      l,
       o,
-      a,
-      r,
-      y,
-      m,
-      p
+      c,
+      d,
+      f.useProxy
     );
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
   try {
-    u(o);
+    m(o);
   } catch (e) {
     console.warn("inlineExternalDef failed:", e);
   }
-  let d = "";
-  if (y) {
-    const e = h(a);
-    d = Array.from(e.entries()).map(([t, l]) => `.${l}{${t}}`).join("");
-    for (const [t, l] of a.entries()) {
+  if (c) {
+    const e = g();
+    y = Array.from(e.entries()).map(([t, r]) => `.${r}{${t}}`).join("");
+    for (const [t, r] of n.preStyleMap.entries()) {
       if (t.tagName === "STYLE") continue;
-      const i = e.get(l);
-      i && t.classList.add(i);
-      const f = t.style?.backgroundImage;
-      t.removeAttribute("style"), f && f !== "none" && (t.style.backgroundImage = f);
+      const a = e.get(r);
+      a && t.classList.add(a);
+      const i = t.style?.backgroundImage;
+      t.removeAttribute("style"), i && i !== "none" && (t.style.backgroundImage = i);
     }
   } else
-    for (const [e, t] of a.entries())
+    for (const [e, t] of n.preStyleMap.entries())
       e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
-  for (const [e, t] of c.entries()) {
-    const l = t.scrollLeft, i = t.scrollTop;
-    if ((l || i) && e instanceof HTMLElement) {
+  for (const [e, t] of n.preNodeMap.entries()) {
+    const r = t.scrollLeft, a = t.scrollTop;
+    if ((r || a) && e instanceof HTMLElement) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
       const s = document.createElement("div");
-      for (s.style.transform = `translate(${-l}px, ${-i}px)`, s.style.willChange = "transform", s.style.display = "inline-block", s.style.width = "100%"; e.firstChild; )
+      for (s.style.transform = `translate(${-r}px, ${-a}px)`, s.style.willChange = "transform", s.style.display = "inline-block", s.style.width = "100%"; e.firstChild; )
         s.appendChild(e.firstChild);
       e.appendChild(s);
     }
   }
-  if (n === c.get(o)) {
-    const e = r.get(n) || window.getComputedStyle(n);
-    r.set(n, e);
-    const t = w(e.transform);
+  if (l === n.preNodeMap.get(o)) {
+    const e = n.preStyle.get(l) || window.getComputedStyle(l);
+    n.preStyle.set(l, e);
+    const t = u(e.transform);
     o.style.margin = "0", o.style.position = "static", o.style.top = "auto", o.style.left = "auto", o.style.right = "auto", o.style.bottom = "auto", o.style.zIndex = "auto", o.style.float = "none", o.style.clear = "none", o.style.transform = t || "";
   }
-  for (const [e, t] of c.entries())
+  for (const [e, t] of n.preNodeMap.entries())
     t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
-  return { clone: o, classCSS: d, styleCache: r };
+  return { clone: o, classCSS: y };
 }
 export {
-  T as prepareClone
+  k as prepareClone
 };

package/snapdom/src/modules/background.js

@@ -1,25 +1,34 @@
-import { getStyle as b, splitBackgroundImage as p, inlineSingleBackgroundEntry as k } from "../utils/helpers.js";
-async function B(u, m, l, f = {}) {
-  const r = [[u, m]];
-  for (; r.length; ) {
-    const [e, o] = r.shift(), s = l.get(e) || b(e);
-    l.has(e) || l.set(e, s);
-    const c = s.getPropertyValue("background-image"), t = s.getPropertyValue("background-color");
-    if (!c || c === "none") {
-      const n = Array.from(e.children), h = Array.from(o.children);
-      for (let i = 0; i < Math.min(n.length, h.length); i++)
-        r.push([n[i], h[i]]);
-      continue;
+import { cache as c } from "../core/cache.js";
+import { getStyle as y, splitBackgroundImage as h, inlineSingleBackgroundEntry as b } from "../utils/helpers.js";
+async function w(u, d, k = {}) {
+  const t = [[u, d]], p = [
+    "background-image",
+    "mask",
+    "mask-image",
+    "-webkit-mask-image",
+    "mask-source",
+    "mask-box-image-source",
+    "mask-border-source",
+    "-webkit-mask-box-image-source"
+  ];
+  for (; t.length; ) {
+    const [o, s] = t.shift(), a = c.preStyle.get(o) || y(o);
+    c.preStyle.has(o) || c.preStyle.set(o, a);
+    for (const e of p) {
+      const i = a.getPropertyValue(e);
+      if (!i || i === "none") continue;
+      const f = h(i), g = await Promise.all(
+        f.map((r) => b(r, k))
+      );
+      g.some((r) => r && r !== "none" && !/^url\(undefined/.test(r)) && s.style.setProperty(e, g.join(", "));
     }
-    const y = p(c), a = await Promise.all(
-      y.map((n) => k(n, f))
-    );
-    a.some((n) => n && n !== "none" && !/^url\(undefined\)/.test(n)) && (o.style.backgroundImage = a.join(", ")), t && t !== "transparent" && t !== "rgba(0, 0, 0, 0)" && (o.style.backgroundColor = t);
-    const g = Array.from(e.children), d = Array.from(o.children);
-    for (let n = 0; n < Math.min(g.length, d.length); n++)
-      r.push([g[n], d[n]]);
+    const n = a.getPropertyValue("background-color");
+    n && n !== "transparent" && n !== "rgba(0, 0, 0, 0)" && (s.style.backgroundColor = n);
+    const l = Array.from(o.children), m = Array.from(s.children);
+    for (let e = 0; e < Math.min(l.length, m.length); e++)
+      t.push([l[e], m[e]]);
   }
 }
 export {
-  B as inlineBackgroundImages
+  w as inlineBackgroundImages
 };

package/snapdom/src/modules/fonts.js

@@ -1,141 +1,139 @@
-import { resourceCache as c, processedFontURLs as h } from "../core/cache.js";
-import { isIconFont as w } from "./iconFonts.js";
-import { extractURL as $ } from "../utils/helpers.js";
-async function _(m, l, r, y = 32, u = "#000") {
-  l = l.replace(/^['"]+|['"]+$/g, "");
+import { cache as o } from "../core/cache.js";
+import { isIconFont as y } from "./iconFonts.js";
+import { extractURL as L } from "../utils/helpers.js";
+async function E(u, i, a, p = 32, m = "#000") {
+  i = i.replace(/^['"]+|['"]+$/g, "");
   const t = window.devicePixelRatio || 1, s = document.createElement("canvas").getContext("2d");
-  s.font = r ? `${r} ${y}px "${l}"` : `${y}px "${l}"`;
-  const i = s.measureText(m), f = i.actualBoundingBoxAscent || y * 0.8, a = i.actualBoundingBoxDescent || y * 0.2, d = f + a, p = i.width, n = document.createElement("canvas");
-  n.width = Math.ceil(p * t), n.height = Math.ceil(d * t);
-  const e = n.getContext("2d");
-  return e.scale(t, t), e.font = s.font, e.textAlign = "left", e.textBaseline = "alphabetic", e.fillStyle = u, e.fillText(m, 0, f), n.toDataURL();
+  s.font = a ? `${a} ${p}px "${i}"` : `${p}px "${i}"`;
+  const c = s.measureText(u), l = c.actualBoundingBoxAscent || p * 0.8, f = c.actualBoundingBoxDescent || p * 0.2, d = l + f, w = c.width, e = document.createElement("canvas");
+  e.width = Math.ceil(w * t), e.height = Math.ceil(d * t);
+  const h = e.getContext("2d");
+  return h.scale(t, t), h.font = s.font, h.textAlign = "left", h.textBaseline = "alphabetic", h.fillStyle = m, h.fillText(u, 0, l), e.toDataURL();
 }
-function A(m) {
-  return Array.from(document.styleSheets).some((l) => l.href === m);
+function $(u) {
+  return Array.from(document.styleSheets).some((i) => i.href === u);
 }
-function C(m) {
-  return new Promise((l) => {
-    if (A(m)) return l(null);
-    const r = document.createElement("link");
-    r.rel = "stylesheet", r.href = m, r.setAttribute("data-snapdom", "injected-import"), r.onload = () => l(r), r.onerror = () => l(null), document.head.appendChild(r);
+function P(u) {
+  return new Promise((i) => {
+    if ($(u)) return i(null);
+    const a = document.createElement("link");
+    a.rel = "stylesheet", a.href = u, a.setAttribute("data-snapdom", "injected-import"), a.onload = () => i(a), a.onerror = () => i(null), document.head.appendChild(a);
   });
 }
-async function P({ preCached: m = !1 } = {}) {
-  if (c.has("fonts-embed-css")) {
-    if (m) {
+async function T({ preCached: u = !1 } = {}) {
+  if (o.resource.has("fonts-embed-css")) {
+    if (u) {
       const t = document.createElement("style");
-      t.setAttribute("data-snapdom", "embedFonts"), t.textContent = c.get("fonts-embed-css"), document.head.appendChild(t);
+      t.setAttribute("data-snapdom", "embedFonts"), t.textContent = o.resource.get("fonts-embed-css"), document.head.appendChild(t);
     }
-    return c.get("fonts-embed-css");
+    return o.resource.get("fonts-embed-css");
   }
-  const l = /@import\s+url\(["']?([^"')]+)["']?\)/g, r = [];
+  const i = /@import\s+url\(["']?([^"')]+)["']?\)/g, a = [];
   for (const t of document.querySelectorAll("style")) {
-    const o = t.textContent || "", s = Array.from(o.matchAll(l));
-    for (const i of s) {
-      const f = i[1];
-      w(f) || A(f) || r.push(f);
+    const n = t.textContent || "", s = Array.from(n.matchAll(i));
+    for (const c of s) {
+      const l = c[1];
+      y(l) || $(l) || a.push(l);
     }
   }
-  await Promise.all(r.map(C));
-  const y = Array.from(
+  await Promise.all(a.map(P));
+  const p = Array.from(
     document.querySelectorAll('link[rel="stylesheet"]')
   ).filter((t) => t.href);
-  let u = "";
-  for (const t of y)
+  let m = "";
+  for (const t of p)
     try {
       const s = await (await fetch(t.href)).text();
-      if (w(t.href) || w(s)) continue;
-      const i = /url\((["']?)([^"')]+)\1\)/g, f = await Promise.all(
-        Array.from(s.matchAll(i)).map(async (d) => {
-          let p = $(d[0]);
-          if (!p) return null;
-          let n = p;
-          if (!n.startsWith("http") && !n.startsWith("data:") && (n = new URL(n, t.href).href), w(n)) return null;
-          if (c.has(n))
-            return h.add(n), {
+      if (y(t.href) || y(s)) continue;
+      const c = /url\((["']?)([^"')]+)\1\)/g, l = await Promise.all(
+        Array.from(s.matchAll(c)).map(async (d) => {
+          let w = L(d[0]);
+          if (!w) return null;
+          let e = w;
+          if (!e.startsWith("http") && !e.startsWith("data:") && (e = new URL(e, t.href).href), y(e)) return null;
+          if (o.resource.has(e))
+            return o.font.add(e), {
               original: d[0],
-              inlined: `url(${c.get(n)})`
+              inlined: `url(${o.resource.get(e)})`
             };
-          if (h.has(n)) return null;
+          if (o.font.has(e)) return null;
           try {
-            const S = await (await fetch(n)).blob(), b = await new Promise((x) => {
-              const g = new FileReader();
-              g.onload = () => x(g.result), g.readAsDataURL(S);
+            const g = await (await fetch(e)).blob(), b = await new Promise((r) => {
+              const x = new FileReader();
+              x.onload = () => r(x.result), x.readAsDataURL(g);
             });
-            return c.set(n, b), h.add(n), { original: d[0], inlined: `url(${b})` };
+            return o.resource.set(e, b), o.font.add(e), { original: d[0], inlined: `url(${b})` };
           } catch {
-            return console.warn("[snapdom] Failed to fetch font resource:", n), null;
+            return console.warn("[snapdom] Failed to fetch font resource:", e), null;
           }
         })
       );
-      let a = s;
-      for (const d of f)
-        d && (a = a.replace(d.original, d.inlined));
-      u += a + `
+      let f = s;
+      for (const d of l)
+        d && (f = f.replace(d.original, d.inlined));
+      m += f + `
 `;
     } catch {
       console.warn("[snapdom] Failed to fetch CSS:", t.href);
     }
   for (const t of document.styleSheets)
     try {
-      if (!t.href || y.every((o) => o.href !== t.href)) {
-        for (const o of t.cssRules)
-          if (o.type === CSSRule.FONT_FACE_RULE) {
-            const s = o.style.getPropertyValue("src"), i = o.style.getPropertyValue("font-family");
-            if (!s || w(i)) continue;
-            const f = /url\((["']?)([^"')]+)\1\)/g;
-            let a = s;
-            const d = Array.from(s.matchAll(f));
-            for (const p of d) {
-              let n = p[2].trim();
-              if (!n) continue;
-              let e = n;
-              if (!e.startsWith("http") && !e.startsWith("data:") && (e = new URL(e, t.href || location.href).href), !w(e)) {
-                if (c.has(e)) {
-                  h.add(e), a = a.replace(
-                    p[0],
-                    `url(${c.get(e)})`
+      if (!t.href || p.every((n) => n.href !== t.href)) {
+        for (const n of t.cssRules)
+          if (n.type === CSSRule.FONT_FACE_RULE) {
+            const s = n.style.getPropertyValue("src"), c = n.style.getPropertyValue("font-family");
+            if (!s || y(c)) continue;
+            const l = /url\((["']?)([^"')]+)\1\)/g, f = /local\((["']?)[^)]+?\1\)/g, d = l.test(s), w = f.test(s);
+            if (!d && w) {
+              m += `@font-face{font-family:${c};src:${s};font-style:${n.style.getPropertyValue("font-style") || "normal"};font-weight:${n.style.getPropertyValue("font-weight") || "normal"};}`;
+              continue;
+            }
+            let e = s;
+            const h = Array.from(s.matchAll(l));
+            for (const g of h) {
+              let b = g[2].trim();
+              if (!b) continue;
+              let r = b;
+              if (!r.startsWith("http") && !r.startsWith("data:") && (r = new URL(r, t.href || location.href).href), !y(r)) {
+                if (o.resource.has(r)) {
+                  o.font.add(r), e = e.replace(
+                    g[0],
+                    `url(${o.resource.get(r)})`
                   );
                   continue;
                 }
-                if (!h.has(e))
+                if (!o.font.has(r))
                   try {
-                    const b = await (await fetch(e)).blob(), x = await new Promise((g) => {
+                    const A = await (await fetch(r)).blob(), S = await new Promise((C) => {
                       const R = new FileReader();
-                      R.onload = () => g(R.result), R.readAsDataURL(b);
+                      R.onload = () => C(R.result), R.readAsDataURL(A);
                     });
-                    c.set(e, x), h.add(e), a = a.replace(p[0], `url(${x})`);
+                    o.resource.set(r, S), o.font.add(r), e = e.replace(g[0], `url(${S})`);
                   } catch {
-                    console.warn("[snapdom] Failed to fetch font URL:", e);
+                    console.warn("[snapdom] Failed to fetch font URL:", r);
                   }
               }
             }
-            u += `@font-face {
-  font-family: ${i};
-  src: ${a};
-  font-style: ${o.style.getPropertyValue("font-style") || "normal"};
-  font-weight: ${o.style.getPropertyValue("font-weight") || "normal"};
-}
-`;
+            m += `@font-face{font-family:${c};src:${e};font-style:${n.style.getPropertyValue("font-style") || "normal"};font-weight:${n.style.getPropertyValue("font-weight") || "normal"};}`;
           }
       }
-    } catch (o) {
-      console.warn("[snapdom] Cannot access stylesheet", t.href, o);
+    } catch (n) {
+      console.warn("[snapdom] Cannot access stylesheet", t.href, n);
     }
   for (const t of document.fonts)
     if (t.family && t.status === "loaded" && t._snapdomSrc) {
-      if (w(t.family)) continue;
-      let o = t._snapdomSrc;
-      if (!o.startsWith("data:")) {
-        if (c.has(t._snapdomSrc))
-          o = c.get(t._snapdomSrc), h.add(t._snapdomSrc);
-        else if (!h.has(t._snapdomSrc))
+      if (y(t.family)) continue;
+      let n = t._snapdomSrc;
+      if (!n.startsWith("data:")) {
+        if (o.resource.has(t._snapdomSrc))
+          n = o.resource.get(t._snapdomSrc), o.font.add(t._snapdomSrc);
+        else if (!o.font.has(t._snapdomSrc))
           try {
-            const i = await (await fetch(t._snapdomSrc)).blob();
-            o = await new Promise((f) => {
-              const a = new FileReader();
-              a.onload = () => f(a.result), a.readAsDataURL(i);
-            }), c.set(t._snapdomSrc, o), h.add(t._snapdomSrc);
+            const c = await (await fetch(t._snapdomSrc)).blob();
+            n = await new Promise((l) => {
+              const f = new FileReader();
+              f.onload = () => l(f.result), f.readAsDataURL(c);
+            }), o.resource.set(t._snapdomSrc, n), o.font.add(t._snapdomSrc);
           } catch {
             console.warn(
               "[snapdom] Failed to fetch dynamic font src:",
@@ -144,21 +142,15 @@ async function P({ preCached: m = !1 } = {}) {
             continue;
           }
       }
-      u += `@font-face {
-  font-family: '${t.family}';
-  src: url(${o});
-  font-style: ${t.style || "normal"};
-  font-weight: ${t.weight || "normal"};
-}
-`;
+      m += `@font-face{font-family:'${t.family}';src:url(${n});font-style:${t.style || "normal"};font-weight:${t.weight || "normal"};}`;
     }
-  if (u && (c.set("fonts-embed-css", u), m)) {
+  if (m && (o.resource.set("fonts-embed-css", m), u)) {
     const t = document.createElement("style");
-    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = u, document.head.appendChild(t);
+    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = m, document.head.appendChild(t);
   }
-  return u;
+  return m;
 }
 export {
-  P as embedCustomFonts,
-  _ as iconToImage
+  T as embedCustomFonts,
+  E as iconToImage
 };