@unicom-cloud/utils 0.1.31 → 0.1.32

package/snapdom/src/core/clone.js

@@ -1,253 +1,96 @@
-/* 2025-11-19 10:03:21 */
-import { resolveCSSVars as N } from "../modules/CSSVar.js";
-import { inlineAllStyles as b } from "../modules/styles.js";
-import { NO_CAPTURE_TAGS as v } from "../utils/css.js";
-import { idle as M } from "../utils/browser.js";
-function E(t, r, n) {
-  return Promise.all(
-    t.map((e) => new Promise((o) => {
-      function s() {
-        M(
-          (l) => {
-            (l && typeof l.timeRemaining == "function" ? l.timeRemaining() > 0 : !0) ? r(e, o) : s();
-          },
-          { fast: n }
-        );
-      }
-      s();
-    }))
-  );
-}
-function R(t) {
-  return t = t.trim(), !t || /:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(t) ? t : `${t}:not([data-sd-slotted])`;
-}
-function C(t, r, n = !0) {
-  return t.split(",").map((e) => e.trim()).filter(Boolean).map((e) => {
-    if (e.startsWith(":where(") || e.startsWith("@")) return e;
-    const o = n ? R(e) : e;
-    return `:where(${r} ${o})`;
-  }).join(", ");
-}
-function T(t, r) {
-  return t ? (t = t.replace(/:host\(([^)]+)\)/g, (n, e) => `:where(${r}:is(${e.trim()}))`), t = t.replace(/:host\b/g, `:where(${r})`), t = t.replace(/:host-context\(([^)]+)\)/g, (n, e) => `:where(:where(${e.trim()}) ${r})`), t = t.replace(/::slotted\(([^)]+)\)/g, (n, e) => `:where(${r} ${e.trim()})`), t = t.replace(
-    /(^|})(\s*)([^@}{]+){/g,
-    (n, e, o, s) => {
-      const l = C(
-        s,
-        r,
-        /*excludeSlotted*/
-        !0
-      );
-      return `${e}${o}${l}{`;
-    }
-  ), t) : "";
-}
-function k(t) {
-  return t.shadowScopeSeq = (t.shadowScopeSeq || 0) + 1, `s${t.shadowScopeSeq}`;
-}
-function L(t) {
-  let r = "";
-  try {
-    t.querySelectorAll("style").forEach((e) => {
-      r += (e.textContent || "") + `
-`;
-    });
-    const n = t.adoptedStyleSheets || [];
-    for (const e of n)
-      try {
-        if (e && e.cssRules)
-          for (const o of e.cssRules) r += o.cssText + `
-`;
-      } catch {
-      }
-  } catch {
-  }
-  return r;
-}
-function I(t, r, n) {
-  if (!r) return;
-  const e = document.createElement("style");
-  e.setAttribute("data-sd", n), e.textContent = r, t.insertBefore(e, t.firstChild || null);
-}
-function W(t, r) {
-  try {
-    const n = t.currentSrc || t.src || "";
-    if (!n) return;
-    r.setAttribute("src", n), r.removeAttribute("srcset"), r.removeAttribute("sizes"), r.loading = "eager", r.decoding = "sync";
-  } catch {
-  }
-}
-function D(t) {
-  const r = /* @__PURE__ */ new Set();
-  if (!t) return r;
-  const n = /var\(\s*(--[A-Za-z0-9_-]+)\b/g;
-  let e;
-  for (; e = n.exec(t); ) r.add(e[1]);
-  return r;
-}
-function F(t, r) {
-  try {
-    let e = getComputedStyle(t).getPropertyValue(r).trim();
-    if (e) return e;
-  } catch {
-  }
-  try {
-    let e = getComputedStyle(document.documentElement).getPropertyValue(r).trim();
-    if (e) return e;
-  } catch {
-  }
-  return "";
-}
-function H(t, r, n) {
-  const e = [];
-  for (const o of r) {
-    const s = F(t, o);
-    s && e.push(`${o}: ${s};`);
-  }
-  return e.length ? `${n}{${e.join("")}}
-` : "";
-}
-function P(t) {
-  t && (t.nodeType === Node.ELEMENT_NODE && t.setAttribute("data-sd-slotted", ""), t.querySelectorAll && t.querySelectorAll("*").forEach((r) => r.setAttribute("data-sd-slotted", "")));
-}
-async function B(t, r = 3) {
-  const n = () => {
-    try {
-      return t.contentDocument || t.contentWindow?.document || null;
-    } catch {
-      return null;
-    }
-  };
-  let e = n(), o = 0;
-  for (; o < r && (!e || !e.body && !e.documentElement); )
-    await new Promise((s) => setTimeout(s, 0)), e = n(), o++;
-  return e && (e.body || e.documentElement) ? e : null;
-}
-function _(t) {
-  const r = t.getBoundingClientRect();
-  let n = 0, e = 0, o = 0, s = 0;
-  try {
-    const f = getComputedStyle(t);
-    n = parseFloat(f.borderLeftWidth) || 0, e = parseFloat(f.borderRightWidth) || 0, o = parseFloat(f.borderTopWidth) || 0, s = parseFloat(f.borderBottomWidth) || 0;
-  } catch {
-  }
-  const l = Math.max(0, Math.round(r.width - (n + e))), h = Math.max(0, Math.round(r.height - (o + s)));
-  return { contentWidth: l, contentHeight: h, rect: r };
-}
-function q(t, r, n) {
-  const e = t.createElement("style");
-  return e.setAttribute("data-sd-iframe-pin", ""), e.textContent = `html, body {margin: 0 !important;padding: 0 !important;width: ${r}px !important;height: ${n}px !important;min-width: ${r}px !important;min-height: ${n}px !important;box-sizing: border-box !important;overflow: hidden !important;background-clip: border-box !important;}`, (t.head || t.documentElement).appendChild(e), () => {
-    try {
-      e.remove();
-    } catch {
-    }
-  };
-}
-async function z(t, r, n) {
-  const e = await B(t, 3);
-  if (!e) throw new Error("iframe document not accessible/ready");
-  const { contentWidth: o, contentHeight: s, rect: l } = _(t), h = n?.snap;
-  if (!h || typeof h.toPng != "function")
-    throw new Error("snapdom.toPng not available in iframe or window");
-  const f = { ...n, scale: 1 }, i = q(e, o, s);
-  let a;
-  try {
-    a = await h.toPng(e.documentElement, f);
-  } finally {
-    i();
-  }
-  a.style.display = "block", a.style.width = `${o}px`, a.style.height = `${s}px`;
-  const c = document.createElement("div");
-  return r.nodeMap.set(c, t), b(t, c, r, n), c.style.overflow = "hidden", c.style.display = "block", c.style.width || (c.style.width = `${Math.round(l.width)}px`), c.style.height || (c.style.height = `${Math.round(l.height)}px`), c.appendChild(a), c;
-}
-async function A(t, r, n) {
+/* 2025-11-27 12:11:03 */
+import { resolveCSSVars as T } from "../modules/CSSVar.js";
+import { inlineAllStyles as p } from "../modules/styles.js";
+import { rasterizeIframe as M, freezeImgSrcset as v, nextShadowScopeId as $, extractShadowCSS as L, rewriteShadowCSS as R, collectCustomPropsFromCSS as k, buildSeedCustomPropsRule as I, injectScopedStyle as H, idleCallback as x, markSlottedSubtree as C } from "../utils/clone.helpers.js";
+import { NO_CAPTURE_TAGS as D } from "../utils/css.js";
+async function S(t, s, c) {
   if (!t) throw new Error("Invalid node");
-  const e = /* @__PURE__ */ new Set();
-  let o = null, s = null;
+  const b = /* @__PURE__ */ new Set();
+  let w = null, y = null;
   if (t.nodeType === Node.ELEMENT_NODE) {
-    const i = (t.localName || t.tagName || "").toLowerCase();
-    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || v.has(i))
+    const e = (t.localName || t.tagName || "").toLowerCase();
+    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || D.has(e))
       return null;
   }
   if (t.nodeType === Node.TEXT_NODE || t.nodeType !== Node.ELEMENT_NODE)
     return t.cloneNode(!0);
   if (t.getAttribute("data-capture") === "exclude") {
-    if (n.excludeMode === "hide") {
-      const i = document.createElement("div"), a = t.getBoundingClientRect();
-      return i.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, i;
-    } else if (n.excludeMode === "remove")
+    if (c.excludeMode === "hide") {
+      const e = document.createElement("div"), a = t.getBoundingClientRect();
+      return e.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, e;
+    } else if (c.excludeMode === "remove")
       return null;
   }
-  if (n.exclude && Array.isArray(n.exclude))
-    for (const i of n.exclude)
+  if (c.exclude && Array.isArray(c.exclude))
+    for (const e of c.exclude)
       try {
-        if (t.matches?.(i)) {
-          if (n.excludeMode === "hide") {
-            const a = document.createElement("div"), c = t.getBoundingClientRect();
-            return a.style.cssText = `display:inline-block;width:${c.width}px;height:${c.height}px;visibility:hidden;`, a;
-          } else if (n.excludeMode === "remove")
+        if (t.matches?.(e)) {
+          if (c.excludeMode === "hide") {
+            const a = document.createElement("div"), i = t.getBoundingClientRect();
+            return a.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, a;
+          } else if (c.excludeMode === "remove")
             return null;
         }
       } catch (a) {
-        console.warn(`Invalid selector in exclude option: ${i}`, a);
+        console.warn(`Invalid selector in exclude option: ${e}`, a);
       }
-  if (typeof n.filter == "function")
+  if (typeof c.filter == "function")
     try {
-      if (!n.filter(t)) {
-        if (n.filterMode === "hide") {
-          const i = document.createElement("div"), a = t.getBoundingClientRect();
-          return i.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, i;
-        } else if (n.filterMode === "remove")
+      if (!c.filter(t)) {
+        if (c.filterMode === "hide") {
+          const e = document.createElement("div"), a = t.getBoundingClientRect();
+          return e.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, e;
+        } else if (c.filterMode === "remove")
           return null;
       }
-    } catch (i) {
-      console.warn("Error in filter function:", i);
+    } catch (e) {
+      console.warn("Error in filter function:", e);
     }
   if (t.tagName === "IFRAME") {
-    let i = !1;
+    let e = !1;
     try {
-      i = !!(t.contentDocument || t.contentWindow?.document);
+      e = !!(t.contentDocument || t.contentWindow?.document);
     } catch {
-      i = !1;
+      e = !1;
     }
-    if (i)
+    if (e)
       try {
-        return await z(t, r, n);
+        return await M(t, s, c);
       } catch (a) {
         console.warn("[SnapDOM] iframe rasterization failed, fallback:", a);
       }
-    if (n.placeholders) {
+    if (c.placeholders) {
       const a = document.createElement("div");
-      return a.style.cssText = `width:${t.offsetWidth}px;height:${t.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;`, b(t, a, r, n), a;
+      return a.style.cssText = `width:${t.offsetWidth}px;height:${t.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;`, p(t, a, s, c), a;
     } else {
-      const a = t.getBoundingClientRect(), c = document.createElement("div");
-      return c.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, b(t, c, r, n), c;
+      const a = t.getBoundingClientRect(), i = document.createElement("div");
+      return i.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, p(t, i, s, c), i;
     }
   }
   if (t.getAttribute("data-capture") === "placeholder") {
-    const i = t.cloneNode(!1);
-    r.nodeMap.set(i, t), b(t, i, r, n);
+    const e = t.cloneNode(!1);
+    s.nodeMap.set(e, t), p(t, e, s, c);
     const a = document.createElement("div");
-    return a.textContent = t.getAttribute("data-placeholder-text") || "", a.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", i.appendChild(a), i;
+    return a.textContent = t.getAttribute("data-placeholder-text") || "", a.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", e.appendChild(a), e;
   }
   if (t.tagName === "CANVAS") {
-    let i = "";
+    let e = "";
     try {
-      const c = t.getContext("2d", { willReadFrequently: !0 });
+      const i = t.getContext("2d", { willReadFrequently: !0 });
       try {
-        c && c.getImageData(0, 0, 1, 1);
+        i && i.getImageData(0, 0, 1, 1);
       } catch {
       }
-      if (await new Promise((u) => requestAnimationFrame(u)), i = t.toDataURL("image/png"), !i || i === "data:,") {
+      if (await new Promise((l) => requestAnimationFrame(l)), e = t.toDataURL("image/png"), !e || e === "data:,") {
         try {
-          c && c.getImageData(0, 0, 1, 1);
+          i && i.getImageData(0, 0, 1, 1);
         } catch {
         }
-        if (await new Promise((u) => requestAnimationFrame(u)), i = t.toDataURL("image/png"), !i || i === "data:,") {
-          const u = document.createElement("canvas");
-          u.width = t.width, u.height = t.height;
-          const m = u.getContext("2d");
-          m && (m.drawImage(t, 0, 0), i = u.toDataURL("image/png"));
+        if (await new Promise((l) => requestAnimationFrame(l)), e = t.toDataURL("image/png"), !e || e === "data:,") {
+          const l = document.createElement("canvas");
+          l.width = t.width, l.height = t.height;
+          const n = l.getContext("2d");
+          n && (n.drawImage(t, 0, 0), e = l.toDataURL("image/png"));
         }
       }
     } catch {
@@ -257,108 +100,116 @@ async function A(t, r, n) {
       a.decoding = "sync", a.loading = "eager";
     } catch {
     }
-    i && (a.src = i), a.width = t.width, a.height = t.height;
+    e && (a.src = e), a.width = t.width, a.height = t.height;
     try {
-      const c = getComputedStyle(t);
-      c.width && (a.style.width = c.width), c.height && (a.style.height = c.height);
+      const i = getComputedStyle(t);
+      i.width && (a.style.width = i.width), i.height && (a.style.height = i.height);
     } catch {
     }
-    return r.nodeMap.set(a, t), b(t, a, r, n), a;
+    return s.nodeMap.set(a, t), p(t, a, s, c), a;
   }
-  let l;
+  let r;
   try {
-    if (l = t.cloneNode(!1), N(t, l), r.nodeMap.set(l, t), t.tagName === "IMG") {
-      W(t, l);
+    if (r = t.cloneNode(!1), T(t, r), s.nodeMap.set(r, t), t.tagName === "IMG") {
+      v(t, r);
       try {
-        const i = t.getBoundingClientRect();
-        let a = Math.round(i.width || 0), c = Math.round(i.height || 0);
-        if (!a || !c) {
-          const u = window.getComputedStyle(t), m = parseFloat(u.width) || 0, g = parseFloat(u.height) || 0, p = parseInt(t.getAttribute("width") || "", 10) || 0, y = parseInt(t.getAttribute("height") || "", 10) || 0, S = t.width || t.naturalWidth || 0, d = t.height || t.naturalHeight || 0;
-          a = Math.round(a || m || p || S || 0), c = Math.round(c || g || y || d || 0);
+        const e = t.getBoundingClientRect();
+        let a = Math.round(e.width || 0), i = Math.round(e.height || 0);
+        if (!a || !i) {
+          const l = window.getComputedStyle(t), n = parseFloat(l.width) || 0, h = parseFloat(l.height) || 0, u = parseInt(t.getAttribute("width") || "", 10) || 0, o = parseInt(t.getAttribute("height") || "", 10) || 0, g = t.width || t.naturalWidth || 0, d = t.height || t.naturalHeight || 0;
+          a = Math.round(a || n || u || g || 0), i = Math.round(i || h || o || d || 0);
         }
-        a && (l.dataset.snapdomWidth = String(a)), c && (l.dataset.snapdomHeight = String(c));
+        a && (r.dataset.snapdomWidth = String(a)), i && (r.dataset.snapdomHeight = String(i));
+      } catch {
+      }
+      try {
+        const e = t.getAttribute("style") || "", a = window.getComputedStyle(t), i = (o) => {
+          const g = e.match(new RegExp(`${o}\\s*:\\s*([^;]+)`, "i")), d = g ? g[1].trim() : a.getPropertyValue(o);
+          return /%|auto/i.test(String(d || ""));
+        }, l = parseInt(r.dataset.snapdomWidth || "0", 10), n = parseInt(r.dataset.snapdomHeight || "0", 10), h = i("width") || !l, u = i("height") || !n;
+        h && l && (r.style.width = `${l}px`), u && n && (r.style.height = `${n}px`), l && (r.style.minWidth = `${l}px`), n && (r.style.minHeight = `${n}px`);
       } catch {
       }
     }
-  } catch (i) {
-    throw console.error("[Snapdom] Failed to clone node:", t, i), i;
+  } catch (e) {
+    throw console.error("[Snapdom] Failed to clone node:", t, e), e;
   }
   if (t instanceof HTMLTextAreaElement) {
-    const i = t.getBoundingClientRect();
-    l.style.width = `${i.width}px`, l.style.height = `${i.height}px`;
+    const e = t.getBoundingClientRect();
+    r.style.width = `${e.width}px`, r.style.height = `${e.height}px`;
   }
-  if (t instanceof HTMLInputElement && (l.value = t.value, l.setAttribute("value", t.value), t.checked !== void 0 && (l.checked = t.checked, t.checked && l.setAttribute("checked", ""), t.indeterminate && (l.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (o = t.value), t instanceof HTMLTextAreaElement && (s = t.value), b(t, l, r, n), t.shadowRoot) {
-    let y = function(d, w) {
+  if (t instanceof HTMLInputElement && (r.value = t.value, r.setAttribute("value", t.value), t.checked !== void 0 && (r.checked = t.checked, t.checked && r.setAttribute("checked", ""), t.indeterminate && (r.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (w = t.value), t instanceof HTMLTextAreaElement && (y = t.value), p(t, r, s, c), t.shadowRoot) {
+    let o = function(d, f) {
       if (d.nodeType === Node.ELEMENT_NODE && d.tagName === "STYLE")
-        return w(null);
-      A(d, r, n).then((x) => {
-        w(x || null);
+        return f(null);
+      S(d, s, c).then((m) => {
+        f(m || null);
       }).catch(() => {
-        w(null);
+        f(null);
       });
     };
     try {
       const d = t.shadowRoot.querySelectorAll("slot");
-      for (const w of d) {
-        let x = [];
+      for (const f of d) {
+        let m = [];
         try {
-          x = w.assignedNodes?.({ flatten: !0 }) || w.assignedNodes?.() || [];
+          m = f.assignedNodes?.({ flatten: !0 }) || f.assignedNodes?.() || [];
         } catch {
-          x = w.assignedNodes?.() || [];
+          m = f.assignedNodes?.() || [];
         }
-        for (const $ of x) e.add($);
+        for (const N of m) b.add(N);
       }
     } catch {
     }
-    const i = k(r), a = `[data-sd="${i}"]`;
+    const e = $(s), a = `[data-sd="${e}"]`;
     try {
-      l.setAttribute("data-sd", i);
+      r.setAttribute("data-sd", e);
     } catch {
     }
-    const c = L(t.shadowRoot), u = T(c, a), m = D(c), g = H(t, m, a);
-    I(l, g + u, i);
-    const p = document.createDocumentFragment(), S = await E(
+    const i = L(t.shadowRoot), l = R(i, a), n = k(i), h = I(t, n, a);
+    H(r, h + l, e);
+    const u = document.createDocumentFragment(), g = await x(
       Array.from(t.shadowRoot.childNodes),
-      y,
-      n.fast
+      o,
+      c.fast
     );
-    p.append(...S.filter((d) => !!d)), l.appendChild(p);
+    u.append(...g.filter((d) => !!d)), r.appendChild(u);
   }
   if (t.tagName === "SLOT") {
-    let u = function(g, p) {
-      A(g, r, n).then((y) => {
-        y && P(y), p(y || null);
+    let l = function(h, u) {
+      S(h, s, c).then((o) => {
+        o && C(o), u(o || null);
       }).catch(() => {
-        p(null);
+        u(null);
       });
     };
-    const i = t.assignedNodes?.({ flatten: !0 }) || [], a = i.length > 0 ? i : Array.from(t.childNodes), c = document.createDocumentFragment(), m = await E(
+    const e = t.assignedNodes?.({ flatten: !0 }) || [], a = e.length > 0 ? e : Array.from(t.childNodes), i = document.createDocumentFragment(), n = await x(
       Array.from(a),
-      u,
-      n.fast
+      l,
+      c.fast
     );
-    return c.append(...m.filter((g) => !!g)), c;
+    return i.append(...n.filter((h) => !!h)), i;
   }
-  function h(i, a) {
-    if (e.has(i)) return a(null);
-    A(i, r, n).then((c) => {
-      a(c || null);
+  function E(e, a) {
+    if (b.has(e)) return a(null);
+    S(e, s, c).then((i) => {
+      a(i || null);
     }).catch(() => {
       a(null);
     });
   }
-  const f = await E(
+  const A = await x(
     Array.from(t.childNodes),
-    h,
-    n.fast
+    E,
+    c.fast
   );
-  if (l.append(...f.filter((i) => !!i)), o !== null && l instanceof HTMLSelectElement) {
-    l.value = o;
-    for (const i of l.options)
-      i.value === o ? i.setAttribute("selected", "") : i.removeAttribute("selected");
+  if (r.append(...A.filter((e) => !!e)), w !== null && r instanceof HTMLSelectElement) {
+    r.value = w;
+    for (const e of r.options)
+      e.value === w ? e.setAttribute("selected", "") : e.removeAttribute("selected");
   }
-  return s !== null && l instanceof HTMLTextAreaElement && (l.textContent = s), l;
+  return y !== null && r instanceof HTMLTextAreaElement && (r.textContent = y), r;
 }
 export {
-  A as deepClone
+  S as deepClone
 };

package/snapdom/src/core/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-11-27 12:11:03 */
 function a(e) {
   if (typeof e == "string") {
     const l = e.toLowerCase().trim();

package/snapdom/src/core/plugins.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-11-27 12:11:03 */
 const e = [];
 function a(n) {
   if (!n) return null;