@unicom-cloud/utils 0.1.13 → 0.1.14

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/utils","version":"0.1.13","dependencies":{},"peerDependencies":{"lodash":"^4.17.21"},"main":"./index.js","type":"module","types":"types/index.d.ts","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/utils","version":"0.1.14","dependencies":{},"peerDependencies":{"lodash":"^4.17.21"},"main":"./index.js","type":"module","types":"types/index.d.ts","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/snapdom/src/api/snapdom.js

@@ -1,91 +1,95 @@
 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 x(a, { dpr: t = 1, scale: o = 1 }) {
+async function B(a, { dpr: t = 1, scale: o = 1 }) {
   const e = new Image();
-  return e.src = a, await e.decode(), R ? (e.width = e.width * o, e.height = e.height * o) : (e.width = e.width / o, e.height = e.height / o), e;
+  return e.src = a, await e.decode(), e.width = e.width * o, e.height = e.height * o, e;
 }
-async function l(a, { dpr: t = 1, scale: o = 1 } = {}) {
+async function f(a, { dpr: t = 1, scale: o = 1 } = {}) {
   const e = new Image();
-  e.src = a, await e.decode();
-  const n = document.createElement("canvas"), c = e.width * o, g = e.height * o;
-  n.width = Math.ceil(c * t), n.height = Math.ceil(g * t);
-  const s = n.getContext("2d");
-  return s.scale(t, t), s.drawImage(e, 0, 0, c, g), n.style.width = `${c}px`, n.style.height = `${g}px`, n;
+  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");
+  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;
 }
-async function f(a, { type: t = "svg", scale: o = 1, backgroundColor: e = "#fff", quality: n } = {}) {
-  const c = {
+async function b(a, { type: t = "svg", scale: o = 1, backgroundColor: e = "#fff", quality: c } = {}) {
+  const n = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     webp: "image/webp"
   }[t] || "image/png";
   if (t === "svg") {
-    const s = decodeURIComponent(a.split(",")[1]);
-    return new Blob([s], { type: "image/svg+xml" });
+    const r = decodeURIComponent(a.split(",")[1]);
+    return new Blob([r], { type: "image/svg+xml" });
   }
-  const g = await m(
+  const s = await u(
     a,
     { dpr: 1, scale: o },
     e
   );
-  return new Promise((s) => {
-    g.toBlob((r) => s(r), `${c}`, n);
+  return new Promise((r) => {
+    s.toBlob((g) => r(g), `${n}`, c);
   });
 }
-async function m(a, { dpr: t = 1, scale: o = 1 }, e) {
-  const n = await l(a, { dpr: t, scale: o });
-  if (!e) return n;
-  const c = document.createElement("canvas");
-  c.width = n.width, c.height = n.height;
-  const g = c.getContext("2d");
-  return g.fillStyle = e, g.fillRect(0, 0, c.width, c.height), g.drawImage(n, 0, 0), c;
+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(a, { dpr: t = 1, scale: o = 1, backgroundColor: e, quality: n }, c = "png") {
-  const g = ["jpg", "jpeg", "webp"].includes(c) ? "#fff" : void 0, r = await m(a, { dpr: t, scale: o }, e ?? g), w = new Image();
-  return w.src = r.toDataURL(`image/${c}`, n), await w.decode(), w.style.width = `${r.width / t}px`, w.style.height = `${r.height / t}px`, w;
+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 B(a, {
+async function x(a, {
   dpr: t = 1,
   scale: o = 1,
-  backgroundColor: e = "#fff",
-  format: n = "png",
-  filename: c = "capture"
+  backgroundColor: e,
+  format: c = "png",
+  filename: n = "snapDOM"
 } = {}) {
-  if (n === "svg") {
-    const y = await f(a), h = URL.createObjectURL(y), p = document.createElement("a");
-    p.href = h, p.download = `${c}.svg`, p.click(), URL.revokeObjectURL(h);
+  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);
     return;
   }
-  const g = ["jpg", "jpeg", "webp"].includes(n) ? "#fff" : void 0, r = await m(a, { dpr: t, scale: o }, e ?? g), w = {
+  const s = ["jpg", "jpeg", "webp"].includes(c) ? "#fff" : void 0, g = await u(a, { dpr: t, scale: o }, e ?? s), d = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     webp: "image/webp"
-  }[n] || "image/png", b = r.toDataURL(w), d = document.createElement("a");
-  d.href = b, d.download = `${c}.${n}`, d.click();
+  }[c] || "image/png", w = g.toDataURL(d), p = document.createElement("a");
+  p.href = w, p.download = `${n}.${c}`, 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);
 }
 i.capture = async (a, t = {}) => {
-  const o = await v(a, t), e = window.devicePixelRatio || 1, n = t.scale || 1;
+  const o = await v(a, t), e = window.devicePixelRatio || 1, c = t.scale || 1;
   return {
     url: o,
     options: t,
     toRaw: () => o,
-    toImg: () => x(o, { dpr: e, scale: n }),
-    toCanvas: () => l(o, { dpr: e, scale: n }),
-    toBlob: (c) => f(o, { scale: n, ...c }),
-    toPng: (c) => u(o, { dpr: e, scale: n, ...c }, "png"),
-    toJpg: (c) => u(o, { dpr: e, scale: n, ...c }, "jpeg"),
-    toWebp: (c) => u(o, { dpr: e, scale: n, ...c }, "webp"),
+    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"),
     download: ({
-      format: c = "png",
-      filename: g = "capture",
-      backgroundColor: s
-    } = {}) => B(o, { dpr: e, scale: n, backgroundColor: s, format: c, filename: g })
+      format: n = "png",
+      filename: s = "capture",
+      backgroundColor: r
+    } = {}) => x(o, { dpr: e, scale: c, backgroundColor: r, format: n, filename: s })
   };
 };
 i.toRaw = async (a, t) => (await i.capture(a, t)).toRaw();
@@ -99,10 +103,10 @@ i.download = async (a, t = {}) => {
   const {
     format: o = "png",
     filename: e = "capture",
-    backgroundColor: n,
-    ...c
+    backgroundColor: c,
+    ...n
   } = t;
-  return await (await i.capture(a, c)).download({ format: o, filename: e, backgroundColor: n });
+  return await (await i.capture(a, n)).download({ format: o, filename: e, backgroundColor: c });
 };
 export {
   i as snapdom

package/snapdom/src/core/capture.js

@@ -3,83 +3,83 @@ import { inlineBackgroundImages as H } from "../modules/background.js";
 import { embedCustomFonts as I } from "../modules/fonts.js";
 import { inlineImages as M } from "../modules/images.js";
 import { collectUsedTagNames as A, generateDedupedBaseCSS as O } from "../utils/cssTools.js";
-import { idle as l, isSafari as R } from "../utils/helpers.js";
-import { prepareClone as U } from "./prepare.js";
-async function Q(c, t = {}) {
-  if (!c) throw new Error("Element cannot be null or undefined");
+import { idle as c } from "../utils/helpers.js";
+import { prepareClone as R } from "./prepare.js";
+async function J(l, t = {}) {
+  if (!l) throw new Error("Element cannot be null or undefined");
   h.reset();
   const {
-    compress: b = !0,
-    embedFonts: y = !1,
+    compress: u = !0,
+    embedFonts: b = !1,
     fast: n = !0,
-    scale: f = 1,
-    useProxy: j = ""
+    scale: S = 1,
+    useProxy: U = ""
   } = t;
-  let s, p, v = "", m = "", x, C;
-  if ({ clone: s, classCSS: p } = await U(
-    c,
+  let a, y, p = "", m = "", v, x;
+  if ({ clone: a, classCSS: y } = await R(
+    l,
+    u,
     b,
-    y,
     t
-  ), await new Promise((i) => {
-    l(
+  ), await new Promise((s) => {
+    c(
       async () => {
-        await M(s, t), i();
+        await M(a, t), s();
       },
       { fast: n }
     );
-  }), await new Promise((i) => {
-    l(
+  }), await new Promise((s) => {
+    c(
       async () => {
-        await H(c, s, t), i();
+        await H(l, a, t), s();
       },
       { fast: n }
     );
-  }), y && await new Promise((i) => {
-    l(
+  }), b && await new Promise((s) => {
+    c(
       async () => {
-        v = await I(), i();
+        p = await I(), s();
       },
       { fast: n }
     );
-  }), b) {
-    const i = A(s).sort(), a = i.join(",");
-    h.baseStyle.has(a) ? m = h.baseStyle.get(a) : await new Promise((e) => {
-      l(
+  }), u) {
+    const s = A(a).sort(), i = s.join(",");
+    h.baseStyle.has(i) ? m = h.baseStyle.get(i) : await new Promise((e) => {
+      c(
         () => {
-          m = O(i), h.baseStyle.set(a, m), e();
+          m = O(s), h.baseStyle.set(i, m), e();
         },
         { fast: n }
       );
     });
   }
-  await new Promise((i) => {
-    l(
+  await new Promise((s) => {
+    c(
       () => {
-        const a = c.getBoundingClientRect();
-        let e = a.width, r = a.height;
-        const d = Number.isFinite(t.width), u = Number.isFinite(t.height), S = typeof f == "number" && f !== 1;
-        if (!S) {
-          const g = a.width / a.height;
-          d && u ? (e = t.width, r = t.height) : d ? (e = t.width, r = e / g) : u && (r = t.height, e = r * g);
+        const i = l.getBoundingClientRect();
+        let e = i.width, r = i.height;
+        const d = Number.isFinite(t.width), f = Number.isFinite(t.height), C = typeof S == "number" && S !== 1;
+        if (!C) {
+          const g = i.width / i.height;
+          d && f ? (e = t.width, r = t.height) : d ? (e = t.width, r = e / g) : f && (r = t.height, e = r * g);
+        }
+        if (e = Math.ceil(e), r = Math.ceil(r), a.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), a.style.transformOrigin = "top left", !C && (d || f)) {
+          const g = i.width, T = i.height, B = e / g, E = r / T, N = a.style.transform || "", z = `scale(${B}, ${E})`;
+          a.style.transform = `${z} ${N}`.trim();
         }
-        if (e = Math.ceil(e), r = Math.ceil(r), s.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), s.style.transformOrigin = "top left", !S && (d || u)) {
-          const g = a.width, T = a.height, B = e / g, E = r / T, N = s.style.transform || "", z = `scale(${B}, ${E})`;
-          s.style.transform = `${z} ${N}`.trim();
-        } else S && R() && (s.style.scale = `${f}`);
         const $ = "http://www.w3.org/2000/svg", o = document.createElementNS($, "foreignObject");
         o.setAttribute("width", "100%"), o.setAttribute("height", "100%");
         const F = document.createElement("style");
-        F.textContent = m + v + "svg{overflow:visible;}" + p, o.appendChild(F), o.appendChild(s);
+        F.textContent = m + p + "svg{overflow:visible;}" + y, o.appendChild(F), o.appendChild(a);
         const P = new XMLSerializer().serializeToString(o);
-        C = `<svg xmlns="${$}" width="${e}" height="${r}" viewBox="0 0 ${e} ${r}">` + P + "</svg>", x = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(C)}`, i();
+        x = `<svg xmlns="${$}" width="${e}" height="${r}" viewBox="0 0 ${e} ${r}">` + P + "</svg>", v = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(x)}`, s();
       },
       { fast: n }
     );
   });
   const w = document.getElementById("snapdom-sandbox");
-  return w && w.style.position === "absolute" && w.remove(), x;
+  return w && w.style.position === "absolute" && w.remove(), v;
 }
 export {
-  Q as captureDOM
+  J as captureDOM
 };

package/snapdom/src/core/clone.js

@@ -54,9 +54,7 @@ function u(e, n, a = {}, o) {
     const t = e.getBoundingClientRect();
     return c.style.width = `${t.width}px`, c.style.height = `${t.height}px`, c;
   }
-  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 (e instanceof HTMLInputElement && (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))), 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") {

package/snapdom/src/modules/fonts.js

@@ -1,28 +1,28 @@
 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") {
+async function E(m, i, a, p = 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(u), l = c.actualBoundingBoxAscent || p * 0.8, f = c.actualBoundingBoxDescent || p * 0.2, d = l + f, w = c.width, e = document.createElement("canvas");
+  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 = m, h.fillText(u, 0, l), e.toDataURL();
+  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();
 }
-function $(u) {
-  return Array.from(document.styleSheets).some((i) => i.href === u);
+function $(m) {
+  return Array.from(document.styleSheets).some((i) => i.href === m);
 }
-function P(u) {
+function P(m) {
   return new Promise((i) => {
-    if ($(u)) return i(null);
+    if ($(m)) 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);
+    a.rel = "stylesheet", a.href = m, a.setAttribute("data-snapdom", "injected-import"), a.onload = () => i(a), a.onerror = () => i(null), document.head.appendChild(a);
   });
 }
-async function T({ preCached: u = !1 } = {}) {
+async function T({ preCached: m = !1 } = {}) {
   if (o.resource.has("fonts-embed-css")) {
-    if (u) {
+    if (m) {
       const t = document.createElement("style");
       t.setAttribute("data-snapdom", "embedFonts"), t.textContent = o.resource.get("fonts-embed-css"), document.head.appendChild(t);
     }
@@ -40,7 +40,7 @@ async function T({ preCached: u = !1 } = {}) {
   const p = Array.from(
     document.querySelectorAll('link[rel="stylesheet"]')
   ).filter((t) => t.href);
-  let m = "";
+  let u = "";
   for (const t of p)
     try {
       const s = await (await fetch(t.href)).text();
@@ -71,7 +71,7 @@ async function T({ preCached: u = !1 } = {}) {
       let f = s;
       for (const d of l)
         d && (f = f.replace(d.original, d.inlined));
-      m += f + `
+      u += f + `
 `;
     } catch {
       console.warn("[snapdom] Failed to fetch CSS:", t.href);
@@ -83,9 +83,9 @@ async function T({ preCached: u = !1 } = {}) {
           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);
+            const l = /url\((["']?)([^"')]+)\1\)/g, f = /local\((["']?)[^)]+?\1\)/g, d = !!s.match(l), w = !!s.match(f);
             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"};}`;
+              u += `@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;
@@ -114,7 +114,7 @@ async function T({ preCached: u = !1 } = {}) {
                   }
               }
             }
-            m += `@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:${c};src:${e};font-style:${n.style.getPropertyValue("font-style") || "normal"};font-weight:${n.style.getPropertyValue("font-weight") || "normal"};}`;
           }
       }
     } catch (n) {
@@ -142,13 +142,13 @@ async function T({ preCached: u = !1 } = {}) {
             continue;
           }
       }
-      m += `@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(${n});font-style:${t.style || "normal"};font-weight:${t.weight || "normal"};}`;
     }
-  if (m && (o.resource.set("fonts-embed-css", m), u)) {
+  if (u && (o.resource.set("fonts-embed-css", u), m)) {
     const t = document.createElement("style");
-    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = m, document.head.appendChild(t);
+    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = u, document.head.appendChild(t);
   }
-  return m;
+  return u;
 }
 export {
   T as embedCustomFonts,

package/snapdom/src/modules/pseudo.js

@@ -1,94 +1,89 @@
-import { cache as I } from "../core/cache.js";
-import { iconToImage as T } from "./fonts.js";
-import { isIconFont as $ } from "./iconFonts.js";
-import { getStyleKey as N } from "../utils/cssTools.js";
-import { getStyle as z, snapshotComputedStyle as V, parseContent as U, extractURL as W, fetchImage as j, safeEncodeURI as A, splitBackgroundImage as D, inlineSingleBackgroundEntry as L } from "../utils/helpers.js";
-async function R(c, r, h, F = !1, S) {
-  if (!(c instanceof Element) || !(r instanceof Element)) return;
+import { cache as M } from "../core/cache.js";
+import { iconToImage as q } from "./fonts.js";
+import { isIconFont as v } from "./iconFonts.js";
+import { getStyleKey as $ } from "../utils/cssTools.js";
+import { getStyle as G, snapshotComputedStyle as z, parseContent as H, extractURL as J, fetchImage as Q, safeEncodeURI as Y, splitBackgroundImage as Z, inlineSingleBackgroundEntry as tt } from "../utils/helpers.js";
+async function et(c, s, p, R = !1, b) {
+  if (!(c instanceof Element) || !(s instanceof Element)) return;
   for (const n of ["::before", "::after", "::first-letter"])
     try {
-      const t = z(c, n);
+      const t = G(c, n);
       if (!t || typeof t[Symbol.iterator] != "function") continue;
       if (n === "::first-letter") {
-        const l = getComputedStyle(c);
-        if (!(t.color !== l.color || t.fontSize !== l.fontSize || t.fontWeight !== l.fontWeight)) continue;
-        const d = Array.from(r.childNodes).find(
-          (e) => e.nodeType === Node.TEXT_NODE && e.textContent && e.textContent.trim().length > 0
+        const e = getComputedStyle(c);
+        if (!(t.color !== e.color || t.fontSize !== e.fontSize || t.fontWeight !== e.fontWeight)) continue;
+        const i = Array.from(s.childNodes).find(
+          (C) => C.nodeType === Node.TEXT_NODE && C.textContent && C.textContent.trim().length > 0
         );
-        if (!d) continue;
-        const g = d.textContent, f = g.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], x = g.slice(f?.length || 0);
-        if (!f || /[\uD800-\uDFFF]/.test(f)) continue;
-        const a = document.createElement("span");
-        a.textContent = f, a.dataset.snapdomPseudo = "::first-letter";
-        const s = V(t), B = N(s, "span", h);
-        I.preStyleMap.set(a, B);
-        const E = document.createTextNode(x);
-        r.replaceChild(E, d), r.insertBefore(a, E);
+        if (!i) continue;
+        const N = i.textContent, d = N.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], O = N.slice(d?.length || 0);
+        if (!d || /[\uD800-\uDFFF]/.test(d)) continue;
+        const f = document.createElement("span");
+        f.textContent = d, f.dataset.snapdomPseudo = "::first-letter";
+        const X = z(t), _ = $(X, "span", p);
+        M.preStyleMap.set(f, _);
+        const T = document.createTextNode(O);
+        s.replaceChild(T, i), s.insertBefore(f, T);
         continue;
       }
-      const u = t.getPropertyValue("content"), y = t.getPropertyValue("background-image"), p = t.getPropertyValue("background-color"), M = u !== "none", C = y && y !== "none", b = p && p !== "transparent" && p !== "rgba(0, 0, 0, 0)";
-      if (M || C || b) {
-        const l = t.getPropertyValue("font-family"), m = parseInt(t.getPropertyValue("font-size")) || 32, d = parseInt(t.getPropertyValue("font-weight")) || !1, g = t.getPropertyValue("color") || "#000", o = document.createElement("span");
-        o.dataset.snapdomPseudo = n;
-        const f = V(t), x = N(f, "span", h);
-        I.preStyleMap.set(o, x);
-        const a = $(l);
-        let s;
-        if (/counter\s*\(|counters\s*\(/.test(u) ? s = "- " : s = U(u), a && s.length === 1) {
-          const e = document.createElement("img");
-          e.src = await T(
-            s,
-            l,
-            d,
-            m,
-            g
-          ), e.style = `width:${m}px;height:auto;object-fit:contain;`, o.appendChild(e);
-        } else if (s.startsWith("url(")) {
-          const e = W(s);
-          if (e && e.trim() !== "")
-            try {
-              const i = document.createElement("img"), P = await j(
-                A(e, { useProxy: S })
-              );
-              i.src = P, i.style = `width:${m}px;height:auto;object-fit:contain;`, o.appendChild(i);
-            } catch (i) {
-              console.error(
-                `[snapdom] Error in pseudo ${n} for`,
-                c,
-                i
-              );
-            }
-        } else !a && s && s !== "none" && (o.textContent = s);
-        if (C)
+      const h = t.getPropertyValue("content"), m = t.getPropertyValue("background-image"), l = t.getPropertyValue("background-color"), E = t.getPropertyValue("font-family"), g = parseInt(t.getPropertyValue("font-size")) || 32, U = parseInt(t.getPropertyValue("font-weight")) || !1, W = t.getPropertyValue("color") || "#000", j = t.getPropertyValue("display"), A = parseFloat(t.getPropertyValue("width")), D = parseFloat(t.getPropertyValue("height")), V = t.getPropertyValue("border-style"), w = t.getPropertyValue("transform"), S = v(E);
+      let r;
+      /counter\s*\(|counters\s*\(/.test(h) ? r = "- " : r = H(h);
+      const B = h !== "none" && r !== "", u = m && m !== "none", y = l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)", F = j !== "inline" && (A > 0 || D > 0), k = V && V !== "none", I = w && w !== "none";
+      if (!(B || u || y || F || k || I)) continue;
+      const o = document.createElement("span");
+      o.dataset.snapdomPseudo = n;
+      const L = z(t), K = $(L, "span", p);
+      if (M.preStyleMap.set(o, K), S && r.length === 1) {
+        const e = document.createElement("img");
+        e.src = await q(
+          r,
+          E,
+          U,
+          g,
+          W
+        ), e.style = `width:${g}px;height:auto;object-fit:contain;`, o.appendChild(e);
+      } else if (r.startsWith("url(")) {
+        const e = J(r);
+        if (e && e.trim() !== "")
           try {
-            const e = D(y), i = await Promise.all(
-              e.map((P) => L(P))
-            );
-            o.style.backgroundImage = i.join(", ");
-          } catch (e) {
-            console.warn(
-              `[snapdom] Failed to inline background-image for ${n}`,
-              e
+            const a = document.createElement("img"), i = await Q(
+              Y(e, { useProxy: b })
             );
+            a.src = i, a.style = `width:${g}px;height:auto;object-fit:contain;`, o.appendChild(a);
+          } catch (a) {
+            console.error(`[snapdom] Error in pseudo ${n} for`, c, a);
           }
-        if (b && (o.style.backgroundColor = p), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || C || b)) continue;
-        n === "::before" ? r.insertBefore(o, r.firstChild) : r.appendChild(o);
-      }
+      } else !S && B && (o.textContent = r);
+      if (u)
+        try {
+          const e = Z(m), a = await Promise.all(
+            e.map((i) => tt(i))
+          );
+          o.style.backgroundImage = a.join(", ");
+        } catch (e) {
+          console.warn(
+            `[snapdom] Failed to inline background-image for ${n}`,
+            e
+          );
+        }
+      if (y && (o.style.backgroundColor = l), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || u || y || F || k || I)) continue;
+      n === "::before" ? s.insertBefore(o, s.firstChild) : s.appendChild(o);
     } catch (t) {
       console.warn(`[snapdom] Failed to capture ${n} for`, c, t);
     }
-  const w = Array.from(c.children), k = Array.from(r.children).filter(
+  const x = Array.from(c.children), P = Array.from(s.children).filter(
     (n) => !n.dataset.snapdomPseudo
   );
-  for (let n = 0; n < Math.min(w.length, k.length); n++)
-    await R(
-      w[n],
-      k[n],
-      h,
-      F,
-      S
+  for (let n = 0; n < Math.min(x.length, P.length); n++)
+    await et(
+      x[n],
+      P[n],
+      p,
+      R,
+      b
     );
 }
 export {
-  R as inlinePseudoElements
+  et as inlinePseudoElements
 };