@unicom-cloud/utils 0.1.11 → 0.1.13

package/snapdom/src/api/snapdom.js

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

package/snapdom/src/core/cache.js

@@ -1,10 +1,21 @@
-const e = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new Set();
+const e = {
+  image: /* @__PURE__ */ new Map(),
+  background: /* @__PURE__ */ new Map(),
+  resource: /* @__PURE__ */ new Map(),
+  defaultStyle: /* @__PURE__ */ new Map(),
+  baseStyle: /* @__PURE__ */ new Map(),
+  computedStyle: /* @__PURE__ */ new WeakMap(),
+  font: /* @__PURE__ */ new Set(),
+  snapshot: /* @__PURE__ */ new WeakMap(),
+  snapshotKey: /* @__PURE__ */ new Map(),
+  preStyleMap: /* @__PURE__ */ new Map(),
+  preStyle: /* @__PURE__ */ new WeakMap(),
+  preNodeMap: /* @__PURE__ */ new Map(),
+  reset: a
+};
+function a() {
+  e.computedStyle = /* @__PURE__ */ new WeakMap(), e.snapshot = /* @__PURE__ */ new WeakMap(), e.snapshotKey.clear(), e.preStyleMap.clear(), e.preStyle = /* @__PURE__ */ new WeakMap(), e.preNodeMap.clear();
+}
 export {
-  t as baseCSSCache,
-  a as bgCache,
-  s as computedStyleCache,
-  n as defaultStylesCache,
-  e as imageCache,
-  o as processedFontURLs,
-  c as resourceCache
+  e as cache
 };

package/snapdom/src/core/capture.js

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

package/snapdom/src/core/clone.js

@@ -1,51 +1,116 @@
-import { inlineAllStyles as o } from "../modules/styles.js";
-function f(e, c, r, n, s) {
-  if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "exclude") {
+import { cache as r } from "./cache.js";
+import { inlineAllStyles as f } from "../modules/styles.js";
+function u(e, n, a = {}, o) {
+  if (!e) throw new Error("Invalid node");
+  const p = /* @__PURE__ */ new Set();
+  let d = null;
+  if (e.nodeType === Node.TEXT_NODE || e.nodeType !== Node.ELEMENT_NODE)
+    return e.cloneNode(!0);
+  if (e.getAttribute("data-capture") === "exclude") {
     const t = document.createElement("div"), i = e.getBoundingClientRect();
-    return t.style.cssText = `display: inline-block; width: ${i.width}px; height: ${i.height}px; visibility: hidden;`, t;
+    return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
   }
+  if (a.exclude && Array.isArray(a.exclude))
+    for (const t of a.exclude)
+      try {
+        if (e.matches?.(t)) {
+          const i = document.createElement("div"), l = e.getBoundingClientRect();
+          return i.style.cssText = `display:inline-block;width:${l.width}px;height:${l.height}px;visibility:hidden;`, i;
+        }
+      } catch (i) {
+        console.warn(`Invalid selector in exclude option: ${t}`, i);
+      }
+  if (typeof a.filter == "function")
+    try {
+      if (!a.filter(e, o || e)) {
+        const t = document.createElement("div"), i = e.getBoundingClientRect();
+        return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
+      }
+    } catch (t) {
+      console.warn("Error in filter function:", t);
+    }
   if (e.tagName === "IFRAME") {
     const t = document.createElement("div");
-    return t.textContent = "", t.style.cssText = `width: ${e.offsetWidth}px; height: ${e.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;`, t;
+    return t.style.cssText = `width:${e.offsetWidth}px;height:${e.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;`, t;
   }
-  if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "placeholder") {
+  if (e.getAttribute("data-capture") === "placeholder") {
     const t = e.cloneNode(!1);
-    n.set(t, e), o(e, t, c, r, s);
+    r.preNodeMap.set(t, e), f(e, t, n);
     const i = document.createElement("div");
-    return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color: #666;font-size: 12px;text-align: center;line-height: 1.4;padding: 0.5em;box-sizing: border-box;", t.appendChild(i), t;
+    return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", t.appendChild(i), t;
   }
   if (e.tagName === "CANVAS") {
     const t = e.toDataURL(), i = document.createElement("img");
-    return i.src = t, i.width = e.width, i.height = e.height, i.style.display = "inline-block", i.style.width = e.style.width || `${e.width}px`, i.style.height = e.style.height || `${e.height}px`, i;
+    return i.src = t, i.width = e.width, i.height = e.height, r.preNodeMap.set(i, e), f(e, i, n), i;
+  }
+  let c;
+  try {
+    c = e.cloneNode(!1), r.preNodeMap.set(c, e);
+  } catch (t) {
+    throw console.error("[Snapdom] Failed to clone node:", e, t), t;
+  }
+  if (e instanceof HTMLTextAreaElement) {
+    c.textContent = e.value, c.value = e.value;
+    const t = e.getBoundingClientRect();
+    return c.style.width = `${t.width}px`, c.style.height = `${t.height}px`, c;
   }
-  if (e.nodeType === Node.TEXT_NODE) {
-    if (e.parentElement?.shadowRoot) {
-      const t = e.parentElement.tagName.toLowerCase();
-      if (customElements.get(t)) return null;
+  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 (Array.from(e.shadowRoot.querySelectorAll("slot")).length > 0) {
+      for (const i of e.shadowRoot.childNodes)
+        if (i.nodeType === Node.ELEMENT_NODE && i.tagName === "STYLE") {
+          const l = i.textContent || "";
+          l.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(i, l));
+        }
+    } else {
+      const i = document.createDocumentFragment();
+      for (const l of e.shadowRoot.childNodes) {
+        if (l.nodeType === Node.ELEMENT_NODE && l.tagName === "STYLE") {
+          const s = l.textContent || "";
+          s.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(l, s));
+          continue;
+        }
+        const h = u(
+          l,
+          n,
+          a,
+          o || e
+        );
+        h && i.appendChild(h);
+      }
+      c.appendChild(i);
     }
-    return e.cloneNode(!0);
+  if (e.tagName === "SLOT") {
+    const t = e.assignedNodes?.({ flatten: !0 }) || [], i = t.length > 0 ? t : Array.from(e.childNodes), l = document.createDocumentFragment();
+    for (const h of i) {
+      const s = u(
+        h,
+        n,
+        a,
+        o || e
+      );
+      s && l.appendChild(s);
+    }
+    return l;
   }
-  if (e.nodeType !== Node.ELEMENT_NODE) return e.cloneNode(!0);
-  const l = e.cloneNode(!1);
-  n.set(l, e), e instanceof HTMLInputElement ? (l.value = e.value, l.setAttribute("value", e.value), e.checked !== void 0 && (l.checked = e.checked, e.checked && l.setAttribute("checked", ""))) : e instanceof HTMLTextAreaElement ? (l.value = e.value, l.textContent = e.value) : e instanceof HTMLSelectElement && (l.value = e.value, Array.from(l.options).forEach((t) => {
-    t.value === e.value ? t.setAttribute("selected", "") : t.removeAttribute("selected");
-  })), o(e, l, c, r, s);
-  const h = document.createDocumentFragment();
-  if (e.childNodes.forEach((t) => {
-    const i = f(
+  for (const t of e.childNodes) {
+    if (p.has(t)) continue;
+    const i = u(
       t,
-      c,
-      r,
       n,
-      s
+      a,
+      o || e
     );
-    i && h.appendChild(i);
-  }), l.appendChild(h), e.shadowRoot) {
-    const t = Array.from(e.shadowRoot.children).filter((a) => a.tagName !== "STYLE").map((a) => f(a, c, r, n)).filter(Boolean), i = document.createDocumentFragment();
-    t.forEach((a) => i.appendChild(a)), l.appendChild(i);
+    i && c.appendChild(i);
+  }
+  if (d !== null && c instanceof HTMLSelectElement) {
+    c.value = d;
+    for (const t of c.options)
+      t.value === d ? t.setAttribute("selected", "") : t.removeAttribute("selected");
   }
-  return l;
+  return c;
 }
 export {
-  f as deepClone
+  u as deepClone
 };

package/snapdom/src/core/prepare.js

@@ -1,58 +1,64 @@
-import { inlinePseudoElements as m } from "../modules/pseudo.js";
+import { cache as n } 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(s, f = !1, p = !1) {
-  const a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Map();
-  let t;
+async function k(l, c = !1, d = !1, f = {}) {
+  let o, y = "";
   try {
-    t = h(s, a, r, y, f);
+    o = h(l, c, f, l);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
-    await m(
-      s,
-      t,
-      a,
-      r,
-      f,
-      p
+    await p(
+      l,
+      o,
+      c,
+      d,
+      f.useProxy
     );
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
-  let d = "";
-  if (f) {
-    const e = g(a);
-    d = Array.from(e.entries()).map(([o, n]) => `.${n}{${o}}`).join("");
-    for (const [o, n] of a.entries()) {
-      if (o.tagName === "STYLE") continue;
-      const i = e.get(n);
-      i && o.classList.add(i);
-      const c = o.style?.backgroundImage;
-      o.removeAttribute("style"), c && c !== "none" && (o.style.backgroundImage = c);
+  try {
+    m(o);
+  } catch (e) {
+    console.warn("inlineExternalDef failed:", e);
+  }
+  if (c) {
+    const e = g();
+    y = Array.from(e.entries()).map(([t, r]) => `.${r}{${t}}`).join("");
+    for (const [t, r] of n.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);
     }
   } else
-    for (const [e, o] of a.entries())
-      e.tagName !== "STYLE" && e.setAttribute("style", o.replace(/;/g, "; "));
-  for (const [e, o] of y.entries()) {
-    const n = o.scrollLeft, i = o.scrollTop;
-    if ((n || i) && e instanceof HTMLElement) {
+    for (const [e, t] of n.preStyleMap.entries())
+      e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
+  for (const [e, t] of n.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 l = document.createElement("div");
-      for (l.style.transform = `translate(${-n}px, ${-i}px)`, l.style.willChange = "transform", l.style.display = "inline-block", l.style.width = "100%"; e.firstChild; )
-        l.appendChild(e.firstChild);
-      e.appendChild(l);
+      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);
     }
   }
-  if (s === y.get(t)) {
-    const e = r.get(s) || window.getComputedStyle(s);
-    r.set(s, e);
-    const o = u(e.transform);
-    t.style.margin = "0", t.style.position = "static", t.style.top = "auto", t.style.left = "auto", t.style.right = "auto", t.style.bottom = "auto", t.style.zIndex = "auto", t.style.float = "none", t.style.clear = "none", t.style.transform = o || "";
+  if (l === n.preNodeMap.get(o)) {
+    const e = n.preStyle.get(l) || window.getComputedStyle(l);
+    n.preStyle.set(l, 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 || "";
   }
-  return { clone: t, classCSS: d, styleCache: r };
+  for (const [e, t] of n.preNodeMap.entries())
+    t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+  return { clone: o, classCSS: y };
 }
 export {
   k as prepareClone