@unicom-cloud/utils 0.1.23 → 0.1.24

package/snapdom/src/core/prepare.js

@@ -1,187 +1,186 @@
+/* 2025-10-28 09:57:10 */
+import { freezeSticky as b } from "../modules/changeCSS.js";
 import { inlinePseudoElements as w } from "../modules/pseudo.js";
-import { inlineExternalDefsAndSymbols as S } from "../modules/svgDefs.js";
-import { generateCSSClasses as A } from "../utils/cssTools.js";
-import { stripTranslate as C } from "../utils/helpers.js";
+import { snapFetch as A } from "../modules/snapFetch.js";
+import { inlineExternalDefsAndSymbols as C } from "../modules/svgDefs.js";
+import { generateCSSClasses as E } from "../utils/css.js";
+import { stripTranslate as M } from "../utils/helpers.js";
+import { cache as h } from "./cache.js";
 import { deepClone as N } from "./clone.js";
-async function x(t, n = !1, l = !1, a = {}) {
-  const i = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Map();
-  let o, c = "";
-  E(t);
+async function H(t, r = {}) {
+  const o = {
+    styleMap: h.session.styleMap,
+    styleCache: h.session.styleCache,
+    nodeMap: h.session.nodeMap
+  };
+  let s, c = "", y = "";
+  q(t);
   try {
-    S(t);
+    C(t);
   } catch (e) {
     console.warn("inlineExternal defs or symbol failed:", e);
   }
   try {
-    o = N(
-      t,
-      i,
-      f,
-      r,
-      n,
-      a,
-      t
-    );
+    s = await N(t, o, r, t);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
-    await w(
-      t,
-      o,
-      i,
-      f,
-      n,
-      l,
-      a.useProxy
-    );
+    await w(t, s, o, r);
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
-  if (await L(o), n) {
-    const e = A(i);
-    c = Array.from(e.entries()).map(([s, u]) => `.${u}{${s}}`).join("");
-    for (const [s, u] of i.entries()) {
-      if (s.tagName === "STYLE") continue;
-      if (s.getRootNode && s.getRootNode() instanceof ShadowRoot) {
-        s.setAttribute("style", u.replace(/;/g, "; "));
-        continue;
-      }
-      const d = e.get(u);
-      d && s.classList.add(d);
-      const p = s.style?.backgroundImage, y = s.dataset?.snapdomHasIcon;
-      p && p !== "none" && (s.style.backgroundImage = p), y && (s.style.verticalAlign = "middle", s.style.display = "inline");
+  await k(s);
+  try {
+    const e = s.querySelectorAll("style[data-sd]");
+    for (const l of e)
+      y += l.textContent || "", l.remove();
+  } catch {
+  }
+  const n = E(o.styleMap);
+  c = Array.from(n.entries()).map(([e, l]) => `.${l}{${e}}`).join(""), c = y + c;
+  for (const [e, l] of o.styleMap.entries()) {
+    if (e.tagName === "STYLE") continue;
+    if (e.getRootNode && e.getRootNode() instanceof ShadowRoot) {
+      e.setAttribute("style", l.replace(/;/g, "; "));
+      continue;
     }
-  } else
-    for (const [e, s] of i.entries())
-      e.tagName !== "STYLE" && e.setAttribute("style", s.replace(/;/g, "; "));
-  for (const [e, s] of r.entries()) {
-    const u = s.scrollLeft, d = s.scrollTop;
-    if ((u || d) && e instanceof HTMLElement) {
+    const i = n.get(l);
+    i && e.classList.add(i);
+    const f = e.style?.backgroundImage, d = e.dataset?.snapdomHasIcon;
+    f && f !== "none" && (e.style.backgroundImage = f), d && (e.style.verticalAlign = "middle", e.style.display = "inline");
+  }
+  for (const [e, l] of o.nodeMap.entries()) {
+    const i = l.scrollLeft, f = l.scrollTop;
+    if ((i || f) && e instanceof HTMLElement) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const y = document.createElement("div");
-      for (y.style.transform = `translate(${-u}px, ${-d}px)`, y.style.willChange = "transform", y.style.display = "inline-block", y.style.width = "100%"; e.firstChild; )
-        y.appendChild(e.firstChild);
-      e.appendChild(y);
+      const u = document.createElement("div");
+      for (u.style.transform = `translate(${-i}px, ${-f}px)`, u.style.willChange = "transform", u.style.display = "inline-block", u.style.width = "100%"; e.firstChild; )
+        u.appendChild(e.firstChild);
+      e.appendChild(u);
     }
   }
-  if (t === r.get(o)) {
-    const e = f.get(t) || window.getComputedStyle(t);
-    f.set(t, e);
-    const s = C(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 = s || "";
+  const a = s instanceof HTMLElement && s.firstElementChild instanceof HTMLElement ? s.firstElementChild : s;
+  if (b(t, a), t === o.nodeMap.get(s)) {
+    const e = o.styleCache.get(t) || window.getComputedStyle(t);
+    o.styleCache.set(t, e);
+    const l = M(e.transform);
+    s.style.margin = "0", s.style.top = "auto", s.style.left = "auto", s.style.right = "auto", s.style.bottom = "auto", s.style.animation = "none", s.style.transition = "none", s.style.willChange = "auto", s.style.float = "none", s.style.clear = "none", s.style.transform = l || "";
   }
-  for (const [e, s] of r.entries())
-    s.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
-  return { clone: o, classCSS: c, styleCache: f };
-}
-function E(t) {
-  const n = getComputedStyle(t), l = n.outlineStyle, a = n.outlineWidth, i = n.borderStyle, f = n.borderWidth, r = l !== "none" && parseFloat(a) > 0, o = i === "none" || parseFloat(f) === 0;
-  r && o && (t.style.border = `${a} solid transparent`);
+  for (const [e, l] of o.nodeMap.entries())
+    l.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+  return { clone: s, classCSS: c, styleCache: o.styleCache };
 }
-var h = /* @__PURE__ */ new Map();
-async function b(t) {
-  if (h.has(t)) return h.get(t);
-  const n = await fetch(t);
-  if (!n.ok)
-    throw new Error(`[SnapDOM] HTTP ${n.status} on blob fetch (${t})`);
-  const l = await n.blob(), a = await new Promise((i, f) => {
-    const r = new FileReader();
-    r.onloadend = () => {
-      const o = r.result;
-      typeof o == "string" && o.startsWith("data:") ? i(o) : f(new Error("[SnapDOM] Invalid data URL from blob"));
-    }, r.onerror = () => f(new Error("[SnapDOM] FileReader error")), r.readAsDataURL(l);
-  });
-  return h.set(t, a), a;
+function q(t) {
+  const r = getComputedStyle(t), o = r.outlineStyle, s = r.outlineWidth, c = r.borderStyle, y = r.borderWidth, n = o !== "none" && parseFloat(s) > 0, a = c === "none" || parseFloat(y) === 0;
+  n && a && (t.style.border = `${s} solid transparent`);
 }
-var v = /\bblob:[^)"'\s]+/g;
+var p = /* @__PURE__ */ new Map();
 async function m(t) {
+  if (h.resource?.has(t)) return h.resource.get(t);
+  if (p.has(t)) return p.get(t);
+  const r = (async () => {
+    const o = await A(t, { as: "dataURL", silent: !0 });
+    if (!o.ok || typeof o.data != "string")
+      throw new Error(`[snapDOM] Failed to read blob URL: ${t}`);
+    return h.resource?.set(t, o.data), o.data;
+  })();
+  p.set(t, r);
+  try {
+    const o = await r;
+    return p.set(t, o), o;
+  } catch (o) {
+    throw p.delete(t), o;
+  }
+}
+var L = /\bblob:[^)"'\s]+/g;
+async function S(t) {
   if (!t || t.indexOf("blob:") === -1) return t;
-  const n = Array.from(new Set(t.match(v) || []));
-  if (n.length === 0) return t;
-  let l = t;
-  for (const a of n)
+  const r = Array.from(new Set(t.match(L) || []));
+  if (r.length === 0) return t;
+  let o = t;
+  for (const s of r)
     try {
-      const i = await b(a);
-      l = l.split(a).join(i);
+      const c = await m(s);
+      o = o.split(s).join(c);
     } catch {
     }
-  return l;
+  return o;
 }
 function g(t) {
   return typeof t == "string" && t.startsWith("blob:");
 }
-function q(t) {
-  return (t || "").split(",").map((n) => n.trim()).filter(Boolean).map((n) => {
-    const l = n.match(/^(\S+)(\s+.+)?$/);
-    return l ? { url: l[1], desc: l[2] || "" } : null;
+function v(t) {
+  return (t || "").split(",").map((r) => r.trim()).filter(Boolean).map((r) => {
+    const o = r.match(/^(\S+)(\s+.+)?$/);
+    return o ? { url: o[1], desc: o[2] || "" } : null;
   }).filter(Boolean);
 }
-function I(t) {
-  return t.map((n) => n.desc ? `${n.url} ${n.desc.trim()}` : n.url).join(", ");
+function $(t) {
+  return t.map((r) => r.desc ? `${r.url} ${r.desc.trim()}` : r.url).join(", ");
 }
-async function L(t) {
+async function k(t) {
   if (!t) return;
-  const n = t.querySelectorAll ? t.querySelectorAll("img") : [];
-  for (const r of n)
+  const r = t.querySelectorAll ? t.querySelectorAll("img") : [];
+  for (const n of r)
     try {
-      const c = r.getAttribute("src") || r.currentSrc || "";
-      if (g(c)) {
-        const s = await b(c);
-        r.setAttribute("src", s);
+      const e = n.getAttribute("src") || n.currentSrc || "";
+      if (g(e)) {
+        const i = await m(e);
+        n.setAttribute("src", i);
       }
-      const e = r.getAttribute("srcset");
-      if (e && e.includes("blob:")) {
-        const s = q(e);
-        let u = !1;
-        for (const d of s)
+      const l = n.getAttribute("srcset");
+      if (l && l.includes("blob:")) {
+        const i = v(l);
+        let f = !1;
+        for (const d of i)
           if (g(d.url))
             try {
-              d.url = await b(d.url), u = !0;
+              d.url = await m(d.url), f = !0;
             } catch {
             }
-        u && r.setAttribute("srcset", I(s));
+        f && n.setAttribute("srcset", $(i));
       }
     } catch {
     }
-  const l = t.querySelectorAll ? t.querySelectorAll("image") : [];
-  for (const r of l)
+  const o = t.querySelectorAll ? t.querySelectorAll("image") : [];
+  for (const n of o)
     try {
-      const o = "http://www.w3.org/1999/xlink", c = r.getAttribute("href") || r.getAttributeNS?.(o, "href");
-      if (g(c)) {
-        const e = await b(c);
-        r.setAttribute("href", e), r.removeAttributeNS?.(o, "href");
+      const a = "http://www.w3.org/1999/xlink", e = n.getAttribute("href") || n.getAttributeNS?.(a, "href");
+      if (g(e)) {
+        const l = await m(e);
+        n.setAttribute("href", l), n.removeAttributeNS?.(a, "href");
       }
     } catch {
     }
-  const a = t.querySelectorAll ? t.querySelectorAll("[style*='blob:']") : [];
-  for (const r of a)
+  const s = t.querySelectorAll ? t.querySelectorAll("[style*='blob:']") : [];
+  for (const n of s)
     try {
-      const o = r.getAttribute("style");
-      if (o && o.includes("blob:")) {
-        const c = await m(o);
-        r.setAttribute("style", c);
+      const a = n.getAttribute("style");
+      if (a && a.includes("blob:")) {
+        const e = await S(a);
+        n.setAttribute("style", e);
       }
     } catch {
     }
-  const i = t.querySelectorAll ? t.querySelectorAll("style") : [];
-  for (const r of i)
+  const c = t.querySelectorAll ? t.querySelectorAll("style") : [];
+  for (const n of c)
     try {
-      const o = r.textContent || "";
-      o.includes("blob:") && (r.textContent = await m(o));
+      const a = n.textContent || "";
+      a.includes("blob:") && (n.textContent = await S(a));
     } catch {
     }
-  const f = ["poster"];
-  for (const r of f) {
-    const o = t.querySelectorAll ? t.querySelectorAll(`[${r}^='blob:']`) : [];
-    for (const c of o)
+  const y = ["poster"];
+  for (const n of y) {
+    const a = t.querySelectorAll ? t.querySelectorAll(`[${n}^='blob:']`) : [];
+    for (const e of a)
       try {
-        const e = c.getAttribute(r);
-        g(e) && c.setAttribute(r, await b(e));
+        const l = e.getAttribute(n);
+        g(l) && e.setAttribute(n, await m(l));
       } catch {
       }
   }
 }
 export {
-  x as prepareClone
+  H as prepareClone
 };

package/snapdom/src/exporters/download.js

@@ -0,0 +1,16 @@
+/* 2025-10-28 09:57:10 */
+import { createBackground as l } from "../utils/image.js";
+import { toBlob as d } from "./toBlob.js";
+import { toCanvas as f } from "./toCanvas.js";
+async function k(t, a) {
+  if (a.dpr = 1, a.format === "svg") {
+    const m = await d(t, { ...a, type: "svg" }), o = URL.createObjectURL(m), c = document.createElement("a");
+    c.href = o, c.download = a.filename, c.click(), URL.revokeObjectURL(o);
+    return;
+  }
+  const r = await f(t, a), n = a.backgroundColor ? l(r, a.backgroundColor) : r, e = document.createElement("a");
+  e.href = n.toDataURL(`image/${a.format}`, a.quality), e.download = a.filename, e.click();
+}
+export {
+  k as download
+};

package/snapdom/src/exporters/toBlob.js

@@ -0,0 +1,21 @@
+/* 2025-10-28 09:57:10 */
+import { createBackground as m } from "../utils/image.js";
+import { toCanvas as s } from "./toCanvas.js";
+async function i(a, o) {
+  const e = o.type;
+  if (e === "svg") {
+    const t = decodeURIComponent(a.split(",")[1]);
+    return new Blob([t], { type: "image/svg+xml" });
+  }
+  const n = await s(a, o), r = o.backgroundColor ? m(n, o.backgroundColor) : n;
+  return new Promise(
+    (t) => r.toBlob(
+      (c) => t(c),
+      `image/${e}`,
+      o.quality
+    )
+  );
+}
+export {
+  i as toBlob
+};

package/snapdom/src/exporters/toCanvas.js

@@ -0,0 +1,106 @@
+/* 2025-10-28 09:57:10 */
+import { isSafari as b } from "../utils/browser.js";
+function y(e) {
+  return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
+}
+function S(e) {
+  const s = e.indexOf(",");
+  return s >= 0 ? decodeURIComponent(e.slice(s + 1)) : "";
+}
+function M(e) {
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
+}
+function C(e) {
+  let s = [], t = "", n = 0;
+  for (let r = 0; r < e.length; r++) {
+    const o = e[r];
+    o === "(" && n++, o === ")" && (n = Math.max(0, n - 1)), o === ";" && n === 0 ? (s.push(t), t = "") : t += o;
+  }
+  return t.trim() && s.push(t), s.map((r) => r.trim()).filter(Boolean);
+}
+function v(e) {
+  const s = [];
+  let t = "", n = 0;
+  for (let o = 0; o < e.length; o++) {
+    const a = e[o];
+    a === "(" && n++, a === ")" && (n = Math.max(0, n - 1)), a === "," && n === 0 ? (s.push(t.trim()), t = "") : t += a;
+  }
+  t.trim() && s.push(t.trim());
+  const r = [];
+  for (const o of s) {
+    if (/\binset\b/i.test(o)) continue;
+    const a = o.match(/-?\d+(?:\.\d+)?px/gi) || [], [i = "0px", l = "0px", f = "0px"] = a;
+    let c = o.replace(/-?\d+(?:\.\d+)?px/gi, "").replace(/\binset\b/gi, "").trim().replace(/\s{2,}/g, " ");
+    const m = !!c && c !== ",";
+    r.push(`drop-shadow(${i} ${l} ${f}${m ? ` ${c}` : ""})`);
+  }
+  return r.join(" ");
+}
+function $(e) {
+  const s = C(e);
+  let t = null, n = null, r = null;
+  const o = [];
+  for (const i of s) {
+    const l = i.indexOf(":");
+    if (l < 0) continue;
+    const f = i.slice(0, l).trim().toLowerCase(), c = i.slice(l + 1).trim();
+    f === "box-shadow" ? r = c : f === "filter" ? t = c : f === "-webkit-filter" ? n = c : o.push([f, c]);
+  }
+  if (r) {
+    const i = v(r);
+    i && (t = t ? `${t} ${i}` : i, n = n ? `${n} ${i}` : i);
+  }
+  const a = [...o];
+  return t && a.push(["filter", t]), n && a.push(["-webkit-filter", n]), a.map(([i, l]) => `${i}:${l}`).join(";");
+}
+function D(e) {
+  return e.replace(
+    /([^{}]+)\{([^}]*)\}/g,
+    (s, t, n) => `${t}{${$(n)}}`
+  );
+}
+function F(e) {
+  return e = e.replace(
+    /<style[^>]*>([\s\S]*?)<\/style>/gi,
+    (s, t) => s.replace(t, D(t))
+  ), e = e.replace(
+    /style=(['"])([\s\S]*?)\1/gi,
+    (s, t, n) => `style=${t}${$(n)}${t}`
+  ), e;
+}
+function H(e) {
+  if (!b() || !y(e)) return e;
+  try {
+    const s = S(e), t = F(s);
+    return M(t);
+  } catch {
+    return e;
+  }
+}
+async function k(e, s) {
+  let { width: t, height: n, scale: r = 1, dpr: o = 1, meta: a = {} } = s;
+  e = H(e);
+  const i = new Image();
+  i.loading = "eager", i.decoding = "sync", i.crossOrigin = "anonymous", i.src = e, await i.decode();
+  const l = i.naturalWidth, f = i.naturalHeight, c = Number.isFinite(a.w0) ? a.w0 : l, m = Number.isFinite(a.h0) ? a.h0 : f;
+  let h, u;
+  const g = Number.isFinite(t), x = Number.isFinite(n);
+  if (g && x)
+    h = Math.max(1, t), u = Math.max(1, n);
+  else if (g) {
+    const p = t / Math.max(1, c);
+    h = t, u = Math.round(m * p);
+  } else if (x) {
+    const p = n / Math.max(1, m);
+    u = n, h = Math.round(c * p);
+  } else
+    h = l, u = f;
+  h = Math.round(h * r), u = Math.round(u * r);
+  const d = document.createElement("canvas");
+  d.width = Math.ceil(h * o), d.height = Math.ceil(u * o), d.style.width = `${h}px`, d.style.height = `${u}px`;
+  const w = d.getContext("2d");
+  return o !== 1 && w.scale(o, o), w.drawImage(i, 0, 0, h, u), d;
+}
+export {
+  k as toCanvas
+};

package/snapdom/src/exporters/toImg.js

@@ -0,0 +1,36 @@
+/* 2025-10-28 09:57:10 */
+import { rasterize as p } from "../modules/rasterize.js";
+import { isSafari as f } from "../utils/browser.js";
+async function x(i, g) {
+  const { scale: n = 1, width: h, height: o, meta: e = {} } = g, c = Number.isFinite(h), d = Number.isFinite(o), m = Number.isFinite(n) && n !== 1 || c || d;
+  if (f() && m)
+    return await p(i, {
+      ...g,
+      format: "png",
+      quality: 1,
+      meta: e
+    });
+  const t = new Image();
+  if (t.decoding = "sync", t.loading = "eager", t.src = i, await t.decode(), c && d)
+    t.style.width = `${h}px`, t.style.height = `${o}px`;
+  else if (c) {
+    const s = Number.isFinite(e.w0) ? e.w0 : t.naturalWidth, a = Number.isFinite(e.h0) ? e.h0 : t.naturalHeight, r = h / Math.max(1, s);
+    t.style.width = `${h}px`, t.style.height = `${Math.round(a * r)}px`;
+  } else if (d) {
+    const s = Number.isFinite(e.w0) ? e.w0 : t.naturalWidth, a = Number.isFinite(e.h0) ? e.h0 : t.naturalHeight, r = o / Math.max(1, a);
+    t.style.height = `${o}px`, t.style.width = `${Math.round(s * r)}px`;
+  } else {
+    const s = Math.round(t.naturalWidth * n), a = Math.round(t.naturalHeight * n);
+    if (t.style.width = `${s}px`, t.style.height = `${a}px`, typeof i == "string" && i.startsWith("data:image/svg+xml"))
+      try {
+        const l = decodeURIComponent(i.split(",")[1]).replace(/width="[^"]*"/, `width="${s}"`).replace(/height="[^"]*"/, `height="${a}"`);
+        i = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(l)}`, t.src = i;
+      } catch {
+      }
+  }
+  return t;
+}
+export {
+  x as toImg,
+  x as toSvg
+};

package/snapdom/src/modules/CSSVar.js

@@ -0,0 +1,61 @@
+/* 2025-10-28 09:57:10 */
+function f(n, s) {
+  if (!(n instanceof Element) || !(s instanceof Element)) return;
+  const y = n.getAttribute?.("style");
+  let o = !!(y && y.includes("var("));
+  if (!o && n.attributes?.length) {
+    const r = n.attributes;
+    for (let t = 0; t < r.length; t++) {
+      const e = r[t];
+      if (e && typeof e.value == "string" && e.value.includes("var(")) {
+        o = !0;
+        break;
+      }
+    }
+  }
+  if (!o) return;
+  let l;
+  try {
+    l = getComputedStyle(n);
+  } catch {
+    return;
+  }
+  const a = n.style;
+  if (a && a.length)
+    for (let r = 0; r < a.length; r++) {
+      const t = a[r], e = a.getPropertyValue(t);
+      if (!e || !e.includes("var(")) continue;
+      const i = l.getPropertyValue(t);
+      if (i)
+        try {
+          s.style.setProperty(
+            t,
+            i.trim(),
+            a.getPropertyPriority(t)
+          );
+        } catch {
+        }
+    }
+  if (n.attributes?.length) {
+    const r = n.attributes;
+    for (let t = 0; t < r.length; t++) {
+      const e = r[t];
+      if (!e || typeof e.value != "string" || !e.value.includes("var("))
+        continue;
+      const i = e.name;
+      let c = "";
+      try {
+        c = l.getPropertyValue(i);
+      } catch {
+      }
+      if (c)
+        try {
+          s.style.setProperty(i, c.trim());
+        } catch {
+        }
+    }
+  }
+}
+export {
+  f as resolveCSSVars
+};

package/snapdom/src/modules/background.js

@@ -1,50 +1,73 @@
-import { getStyle as h, splitBackgroundImage as y, inlineSingleBackgroundEntry as P } from "../utils/helpers.js";
-async function B(l, u, a, b = {}) {
-  const s = [[l, u]], k = [
+/* 2025-10-28 09:57:10 */
+import { getStyle as P, splitBackgroundImage as w } from "../utils/css.js";
+import { inlineSingleBackgroundEntry as h } from "../utils/image.js";
+async function A(k, g, n, p = {}) {
+  const a = [[k, g]], u = [
     "background-image",
+    // Mask shorthands & images (both standard and WebKit)
     "mask",
     "mask-image",
+    "-webkit-mask",
     "-webkit-mask-image",
+    // Mask sources (rare, but keep)
     "mask-source",
     "mask-box-image-source",
     "mask-border-source",
     "-webkit-mask-box-image-source",
+    // Border image
     "border-image",
-    "border-image-source",
+    "border-image-source"
+  ], b = [
+    "mask-position",
+    "mask-size",
+    "mask-repeat",
+    // WebKit variants
+    "-webkit-mask-position",
+    "-webkit-mask-size",
+    "-webkit-mask-repeat",
+    // Extra (optional but helpful across engines)
+    "mask-origin",
+    "mask-clip",
+    "-webkit-mask-origin",
+    "-webkit-mask-clip",
+    // Some engines expose X/Y position separately:
+    "-webkit-mask-position-x",
+    "-webkit-mask-position-y"
+  ], d = [
     "border-image-slice",
     "border-image-width",
     "border-image-outset",
     "border-image-repeat"
   ];
-  for (; s.length; ) {
-    const [o, g] = s.shift(), n = a.get(o) || h(o);
-    a.has(o) || a.set(o, n);
-    const p = (() => {
-      const e = n.getPropertyValue("border-image"), r = n.getPropertyValue("border-image-source");
-      return e && e !== "none" || r && r !== "none";
+  for (; a.length; ) {
+    const [i, s] = a.shift(), t = n.get(i) || P(i);
+    n.has(i) || n.set(i, t);
+    const f = (() => {
+      const e = t.getPropertyValue("border-image"), o = t.getPropertyValue("border-image-source");
+      return e && e !== "none" || o && o !== "none";
     })();
-    for (const e of k) {
-      if ([
-        "border-image-slice",
-        "border-image-width",
-        "border-image-outset",
-        "border-image-repeat"
-      ].includes(e) && !p)
-        continue;
-      const r = n.getPropertyValue(e);
-      if (!r || r === "none") continue;
-      const f = y(r), d = await Promise.all(
-        f.map((t) => P(t, b))
+    for (const e of u) {
+      const o = t.getPropertyValue(e);
+      if (!o || o === "none") continue;
+      const y = w(o), l = await Promise.all(
+        y.map((r) => h(r, p))
       );
-      d.some((t) => t && t !== "none" && !/^url\(undefined/.test(t)) && g.style.setProperty(e, d.join(", "));
+      l.some((r) => r && r !== "none" && !/^url\(undefined/.test(r)) && s.style.setProperty(e, l.join(", "));
     }
-    const i = n.getPropertyValue("background-color");
-    i && i !== "transparent" && i !== "rgba(0, 0, 0, 0)" && (g.style.backgroundColor = i);
-    const c = Array.from(o.children), m = Array.from(g.children);
-    for (let e = 0; e < Math.min(c.length, m.length); e++)
-      s.push([c[e], m[e]]);
+    for (const e of b) {
+      const o = t.getPropertyValue(e);
+      !o || o === "initial" || s.style.setProperty(e, o);
+    }
+    if (f)
+      for (const e of d) {
+        const o = t.getPropertyValue(e);
+        !o || o === "initial" || s.style.setProperty(e, o);
+      }
+    const m = Array.from(i.children), c = Array.from(s.children);
+    for (let e = 0; e < Math.min(m.length, c.length); e++)
+      a.push([m[e], c[e]]);
   }
 }
 export {
-  B as inlineBackgroundImages
+  A as inlineBackgroundImages
 };