@unicom-cloud/utils 0.1.15 → 0.1.16

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/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
 };

package/snapdom/src/modules/pseudo.js

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

package/tinycolor/src/conversion.js

@@ -43,7 +43,7 @@ function k(n, r, t) {
   }
   return { r: e * 255, g: c * 255, b: o * 255 };
 }
-function l(n, r, t) {
+function l(n = 0, r = 0, t = 0) {
   n = s(n, 255), r = s(r, 255), t = s(t, 255);
   const e = Math.max(n, r, t), c = Math.min(n, r, t);
   let o = 0;

package/tinycolor/src/index.js

@@ -1,25 +1,8 @@
 import { numberInputToObject as d, rgbToHsv as g, rgbToHsl as u, rgbToHex as b, rgbaToHex as m, rgbToCmyk as c } from "./conversion.js";
 import { names as $ } from "./css-color-names.js";
 import { inputToRGB as f } from "./format-input.js";
-import { boundAlpha as p, clamp01 as a, bound01 as l } from "./util.js";
+import { boundAlpha as M, clamp01 as a, bound01 as l } from "./util.js";
 class n {
-  /** red */
-  r;
-  /** green */
-  g;
-  /** blue */
-  b;
-  /** alpha */
-  a;
-  /** the format used to create the tinycolor instance */
-  format;
-  /** input passed into the constructer used to create the tinycolor instance */
-  originalInput;
-  /** the color was successfully parsed */
-  isValid;
-  gradientType;
-  /** rounded alpha */
-  roundA;
   constructor(t = "", s = {}) {
     if (t instanceof n)
       return t;
@@ -64,7 +47,7 @@ class n {
    * @param alpha - The new alpha value. The accepted range is 0-1.
    */
   setAlpha(t) {
-    return this.a = p(t), this.roundA = Math.round(100 * this.a) / 100, this;
+    return this.a = M(t), this.roundA = Math.round(100 * this.a) / 100, this;
   }
   /**
    * Returns whether the color is monochrome.

package/turbo-stream/src/encode.js

@@ -1,5 +1,5 @@
-import { WaitGroup as P, STR_UNDEFINED as h, STR_NULL as M, STR_TRUE as B, STR_FALSE as C, STR_PROMISE as b, STR_READABLE_STREAM as O, STR_ASYNC_ITERABLE as F, STR_REFERENCE_SYMBOL as $, STR_DATE as x, STR_REGEXP as G, STR_URL as J, STR_ARRAY_BUFFER as V, STR_INT_8_ARRAY as j, STR_UINT_8_ARRAY as q, STR_UINT_8_ARRAY_CLAMPED as z, STR_INT_16_ARRAY as W, STR_UINT_16_ARRAY as K, STR_INT_32_ARRAY as X, STR_UINT_32_ARRAY as Z, STR_FLOAT_32_ARRAY as H, STR_FLOAT_64_ARRAY as Q, STR_BIG_INT_64_ARRAY as k, STR_BIG_UINT_64_ARRAY as ee, STR_DATA_VIEW as te, STR_FORM_DATA as ie, SUPPORTS_FILE as ne, STR_FILE as oe, STR_BLOB as se, STR_ERROR as re, STR_SET as ae, STR_MAP as fe, STR_PLUGIN as Y, STR_NaN as pe, STR_INFINITY as Re, STR_NEGATIVE_INFINITY as _e, STR_NEGATIVE_ZERO as le, STR_BIGINT as ue, STR_SYMBOL as Se, STR_REDACTED as Ae, STR_SUCCESS as L, STR_FAILURE as U } from "./shared.js";
-const { NEGATIVE_INFINITY: ye, POSITIVE_INFINITY: ce, isNaN: Te } = Number, v = 1, D = 2;
+import { WaitGroup as v, STR_UNDEFINED as h, STR_NULL as M, STR_TRUE as B, STR_FALSE as C, STR_PROMISE as b, STR_READABLE_STREAM as O, STR_ASYNC_ITERABLE as F, STR_REFERENCE_SYMBOL as $, STR_DATE as x, STR_REGEXP as G, STR_URL as J, STR_ARRAY_BUFFER as V, STR_INT_8_ARRAY as j, STR_UINT_8_ARRAY as q, STR_UINT_8_ARRAY_CLAMPED as z, STR_INT_16_ARRAY as W, STR_UINT_16_ARRAY as K, STR_INT_32_ARRAY as X, STR_UINT_32_ARRAY as Z, STR_FLOAT_32_ARRAY as H, STR_FLOAT_64_ARRAY as Q, STR_BIG_INT_64_ARRAY as k, STR_BIG_UINT_64_ARRAY as ee, STR_DATA_VIEW as te, STR_FORM_DATA as ie, SUPPORTS_FILE as ne, STR_FILE as oe, STR_BLOB as se, STR_ERROR as re, STR_SET as ae, STR_MAP as fe, STR_PLUGIN as Y, STR_NaN as pe, STR_INFINITY as Re, STR_NEGATIVE_INFINITY as _e, STR_NEGATIVE_ZERO as le, STR_BIGINT as ue, STR_SYMBOL as Se, STR_REDACTED as Ae, STR_SUCCESS as L, STR_FAILURE as U } from "./shared.js";
+const { NEGATIVE_INFINITY: ye, POSITIVE_INFINITY: ce, isNaN: Te } = Number, P = 1, D = 2;
 function Ne(f, { plugins: t = [], redactErrors: _ = !0, signal: p } = {}) {
   const y = () => p?.aborted ?? !1, c = new Promise((a, E) => {
     p?.addEventListener("abort", (r) => {
@@ -8,7 +8,7 @@ function Ne(f, { plugins: t = [], redactErrors: _ = !0, signal: p } = {}) {
   });
   return new ReadableStream({
     async start(a) {
-      const E = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), I = { refId: 0, promiseId: 0 }, T = new P(), e = [], u = (o) => {
+      const E = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), I = { refId: 0, promiseId: 0 }, T = new v(), e = [], u = (o) => {
         de(
           o,
           e,
@@ -27,7 +27,7 @@ function Ne(f, { plugins: t = [], redactErrors: _ = !0, signal: p } = {}) {
       }, s = {
         push: (...o) => {
           for (const [S, d, w] of o)
-            T.add(), S === v ? Promise.race([w, c]).then(
+            T.add(), S === P ? Promise.race([w, c]).then(
               i.bind(null, d),
               n.bind(null, d)
             ) : (async () => {
@@ -64,9 +64,6 @@ function Ne(f, { plugins: t = [], redactErrors: _ = !0, signal: p } = {}) {
 }
 const A = 1, m = 2;
 class l {
-  type;
-  prefix;
-  value;
   constructor(t, _, p) {
     this.type = t, this.prefix = _, this.value = p;
   }
@@ -112,7 +109,7 @@ function de(f, t, _, p, y, c, a, E) {
         }
         const n = c.promiseId++;
         p.set(e, n), t.push(b, n.toString()), y.push([
-          v,
+          P,
           n,
           e
         ]);