@unicom-cloud/utils 0.1.14 → 0.1.16

package/snapdom/src/api/snapdom.js

@@ -1,112 +1,113 @@
 import { captureDOM as v } from "../core/capture.js";
 import { extendIconFonts as j } from "../modules/iconFonts.js";
-import { isSafari as R } from "../utils/helpers.js";
-async function B(a, { dpr: t = 1, scale: o = 1 }) {
-  const e = new Image();
-  return e.src = a, await e.decode(), e.width = e.width * o, e.height = e.height * o, e;
+import { isSafari as x } from "../utils/helpers.js";
+async function R(e, { scale: t = 1 } = {}) {
+  const n = new Image();
+  return n.src = e, await n.decode(), t !== 1 && (n.style.width = `${n.naturalWidth * t}px`, n.style.height = `${n.naturalHeight * t}px`), n;
 }
-async function f(a, { dpr: t = 1, scale: o = 1 } = {}) {
-  const e = new Image();
-  e.src = a, e.crossOrigin = "anonymous", e.loading = "eager", e.decoding = "sync";
-  const c = R();
-  let n = !1;
-  if (c && (document.body.appendChild(e), n = !0), await e.decode(), c && await new Promise((w) => setTimeout(w, 100)), e.width === 0 || e.height === 0)
-    throw n && e.remove(), new Error("Image failed to load or has no dimensions");
-  const s = e.width * o, r = e.height * o, g = document.createElement("canvas");
+async function h(e, { dpr: t = 1, scale: n = 1 } = {}) {
+  const c = new Image();
+  c.src = e, c.crossOrigin = "anonymous", c.loading = "eager", c.decoding = "sync";
+  const o = x();
+  let a = !1;
+  if (o && (document.body.appendChild(c), a = !0), await c.decode(), o && await new Promise((w) => setTimeout(w, 100)), c.width === 0 || c.height === 0)
+    throw a && c.remove(), new Error("Image failed to load or has no dimensions");
+  const s = c.naturalWidth * n, r = c.naturalHeight * n, g = document.createElement("canvas");
   g.width = Math.ceil(s * t), g.height = Math.ceil(r * t), g.style.width = `${s}px`, g.style.height = `${r}px`;
   const d = g.getContext("2d");
-  return d.scale(t, t), d.drawImage(e, 0, 0, s, r), n && e.remove(), g;
+  return d.scale(t, t), d.drawImage(c, 0, 0, s, r), a && c.remove(), g;
 }
-async function b(a, { type: t = "svg", scale: o = 1, backgroundColor: e = "#fff", quality: c } = {}) {
-  const n = {
+async function y(e, { type: t = "svg", scale: n = 1, backgroundColor: c = "#fff", quality: o } = {}) {
+  const a = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     webp: "image/webp"
   }[t] || "image/png";
   if (t === "svg") {
-    const r = decodeURIComponent(a.split(",")[1]);
+    const r = decodeURIComponent(e.split(",")[1]);
     return new Blob([r], { type: "image/svg+xml" });
   }
   const s = await u(
-    a,
-    { dpr: 1, scale: o },
-    e
+    e,
+    { dpr: 1, scale: n },
+    c
   );
   return new Promise((r) => {
-    s.toBlob((g) => r(g), `${n}`, c);
+    s.toBlob((g) => r(g), `${a}`, o);
   });
 }
-async function u(a, { dpr: t = 1, scale: o = 1 }, e) {
-  const c = await f(a, { dpr: t, scale: o });
-  if (!e) return c;
-  const n = document.createElement("canvas");
-  n.width = c.width, n.height = c.height;
-  const s = n.getContext("2d");
-  return s.fillStyle = e, s.fillRect(0, 0, n.width, n.height), s.drawImage(c, 0, 0), n;
+async function u(e, { dpr: t = 1, scale: n = 1 }, c) {
+  const o = await h(e, { dpr: t, scale: n });
+  if (!c) return o;
+  const a = document.createElement("canvas");
+  a.width = o.width, a.height = o.height;
+  const s = a.getContext("2d");
+  return s.fillStyle = c, s.fillRect(0, 0, a.width, a.height), s.drawImage(o, 0, 0), a;
 }
-async function l(a, { dpr: t = 1, scale: o = 1, backgroundColor: e, quality: c }, n = "png") {
-  const s = ["jpg", "jpeg", "webp"].includes(n) ? "#fff" : void 0, g = await u(a, { dpr: t, scale: o }, e ?? s), d = new Image();
-  return d.src = g.toDataURL(`image/${n}`, c), await d.decode(), d.style.width = `${g.width / t}px`, d.style.height = `${g.height / t}px`, d;
+async function m(e, { dpr: t = 1, scale: n = 1, backgroundColor: c, quality: o }, a = "png") {
+  const s = ["jpg", "jpeg", "webp"].includes(a) ? "#fff" : void 0, g = await u(e, { dpr: t, scale: n }, c ?? s), d = new Image();
+  return d.src = g.toDataURL(`image/${a}`, o), await d.decode(), d.style.width = `${g.width / t}px`, d.style.height = `${g.height / t}px`, d;
 }
-async function x(a, {
+async function B(e, {
   dpr: t = 1,
-  scale: o = 1,
-  backgroundColor: e,
-  format: c = "png",
-  filename: n = "snapDOM"
+  scale: n = 1,
+  backgroundColor: c,
+  format: o = "png",
+  filename: a = "snapDOM"
 } = {}) {
-  if (c === "svg") {
-    const y = await b(a), h = URL.createObjectURL(y), m = document.createElement("a");
-    m.href = h, m.download = `${n}.svg`, m.click(), URL.revokeObjectURL(h);
+  if (o === "svg") {
+    const b = await y(e), f = URL.createObjectURL(b), l = document.createElement("a");
+    l.href = f, l.download = `${a}.svg`, l.click(), URL.revokeObjectURL(f);
     return;
   }
-  const s = ["jpg", "jpeg", "webp"].includes(c) ? "#fff" : void 0, g = await u(a, { dpr: t, scale: o }, e ?? s), d = {
+  const s = ["jpg", "jpeg", "webp"].includes(o) ? "#fff" : void 0, g = await u(e, { dpr: t, scale: n }, c ?? s), d = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     webp: "image/webp"
-  }[c] || "image/png", w = g.toDataURL(d), p = document.createElement("a");
-  p.href = w, p.download = `${n}.${c}`, p.click();
+  }[o] || "image/png", w = g.toDataURL(d), p = document.createElement("a");
+  p.href = w, p.download = `${a}.${o}`, p.click();
 }
-async function i(a, t = {}) {
-  if (t = { scale: 1, ...t }, !a) throw new Error("Element cannot be null or undefined");
-  return t.iconFonts && j(t.iconFonts), await i.capture(a, t);
+async function i(e, t = {}) {
+  if (t = { scale: 1, ...t }, !e) throw new Error("Element cannot be null or undefined");
+  return t.iconFonts && j(t.iconFonts), await i.capture(e, t);
 }
-i.capture = async (a, t = {}) => {
-  const o = await v(a, t), e = window.devicePixelRatio || 1, c = t.scale || 1;
+i.capture = async (e, t = {}) => {
+  const n = await v(e, t), c = t.dpr ?? (window.devicePixelRatio || 1), o = t.scale || 1;
   return {
-    url: o,
+    url: n,
     options: t,
-    toRaw: () => o,
-    toImg: () => B(o, { dpr: e, scale: c }),
-    toCanvas: () => f(o, { dpr: e, scale: c }),
-    toBlob: (n) => b(o, { scale: c, ...n }),
-    toPng: (n) => l(o, { dpr: e, scale: c, ...n }, "png"),
-    toJpg: (n) => l(o, { dpr: e, scale: c, ...n }, "jpeg"),
-    toWebp: (n) => l(o, { dpr: e, scale: c, ...n }, "webp"),
+    toRaw: () => n,
+    toImg: (a = {}) => R(n, { scale: o, ...a }),
+    toCanvas: (a = {}) => h(n, { dpr: c, scale: o, ...a }),
+    toBlob: (a = {}) => y(n, { scale: o, ...a }),
+    toPng: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "png"),
+    toJpg: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "jpeg"),
+    toWebp: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "webp"),
     download: ({
-      format: n = "png",
-      filename: s = "capture",
-      backgroundColor: r
-    } = {}) => x(o, { dpr: e, scale: c, backgroundColor: r, format: n, filename: s })
+      format: a = "png",
+      filename: s = "snapDOM",
+      backgroundColor: r,
+      ...g
+    } = {}) => B(n, { dpr: c, scale: o, format: a, filename: s, backgroundColor: r, ...g })
   };
 };
-i.toRaw = async (a, t) => (await i.capture(a, t)).toRaw();
-i.toImg = async (a, t) => (await i.capture(a, t)).toImg();
-i.toCanvas = async (a, t) => (await i.capture(a, t)).toCanvas();
-i.toBlob = async (a, t) => (await i.capture(a, t)).toBlob(t);
-i.toPng = async (a, t) => (await i.capture(a, t)).toPng(t);
-i.toJpg = async (a, t) => (await i.capture(a, t)).toJpg(t);
-i.toWebp = async (a, t) => (await i.capture(a, t)).toWebp(t);
-i.download = async (a, t = {}) => {
+i.toRaw = async (e, t) => (await i.capture(e, t)).toRaw();
+i.toImg = async (e, t) => (await i.capture(e, t)).toImg();
+i.toCanvas = async (e, t) => (await i.capture(e, t)).toCanvas();
+i.toBlob = async (e, t) => (await i.capture(e, t)).toBlob(t);
+i.toPng = async (e, t) => (await i.capture(e, t)).toPng(t);
+i.toJpg = async (e, t) => (await i.capture(e, t)).toJpg(t);
+i.toWebp = async (e, t) => (await i.capture(e, t)).toWebp(t);
+i.download = async (e, t = {}) => {
   const {
-    format: o = "png",
-    filename: e = "capture",
-    backgroundColor: c,
-    ...n
+    format: n = "png",
+    filename: c = "capture",
+    backgroundColor: o,
+    ...a
   } = t;
-  return await (await i.capture(a, n)).download({ format: o, filename: e, backgroundColor: c });
+  return await (await i.capture(e, a)).download({ format: n, filename: c, backgroundColor: o });
 };
 export {
   i as snapdom

package/snapdom/src/core/prepare.js

@@ -1,22 +1,22 @@
-import { cache as n } from "./cache.js";
+import { cache as s } 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 = "";
+async function k(n, c = !1, y = !1, f = {}) {
+  let o, d = "";
   try {
-    o = h(l, c, f, l);
+    o = h(n, c, f, n);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
     await p(
-      l,
+      n,
       o,
       c,
-      d,
+      y,
       f.useProxy
     );
   } catch (e) {
@@ -29,36 +29,36 @@ async function k(l, c = !1, d = !1, f = {}) {
   }
   if (c) {
     const e = g();
-    y = Array.from(e.entries()).map(([t, r]) => `.${r}{${t}}`).join("");
-    for (const [t, r] of n.preStyleMap.entries()) {
+    d = Array.from(e.entries()).map(([t, r]) => `.${r}{${t}}`).join("");
+    for (const [t, r] of s.preStyleMap.entries()) {
       if (t.tagName === "STYLE") continue;
       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);
+      const i = t.style?.backgroundImage, l = t.dataset?.snapdomHasIcon;
+      t.removeAttribute("style"), i && i !== "none" && (t.style.backgroundImage = i), l && (t.style.verticalAlign = "middle", t.style.display = "inline");
     }
   } else
-    for (const [e, t] of n.preStyleMap.entries())
+    for (const [e, t] of s.preStyleMap.entries())
       e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
-  for (const [e, t] of n.preNodeMap.entries()) {
+  for (const [e, t] of s.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(${-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);
+      const l = document.createElement("div");
+      for (l.style.transform = `translate(${-r}px, ${-a}px)`, l.style.willChange = "transform", l.style.display = "inline-block", l.style.width = "100%"; e.firstChild; )
+        l.appendChild(e.firstChild);
+      e.appendChild(l);
     }
   }
-  if (l === n.preNodeMap.get(o)) {
-    const e = n.preStyle.get(l) || window.getComputedStyle(l);
-    n.preStyle.set(l, e);
+  if (n === s.preNodeMap.get(o)) {
+    const e = s.preStyle.get(n) || window.getComputedStyle(n);
+    s.preStyle.set(n, 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 n.preNodeMap.entries())
+  for (const [e, t] of s.preNodeMap.entries())
     t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
-  return { clone: o, classCSS: y };
+  return { clone: o, classCSS: d };
 }
 export {
   k as prepareClone

package/snapdom/src/modules/background.js

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

package/snapdom/src/modules/fonts.js

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