@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/modules/background.js

@@ -1,50 +1,89 @@
-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-11-03 10:27:31 */
+import { getStyle as h, splitBackgroundImage as w } from "../utils/css.js";
+import { inlineSingleBackgroundEntry as O } from "../utils/image.js";
+async function _(k, d, s, l = {}) {
+  const a = [[k, d]], p = [
     "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"
+  ], u = [
+    "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"
+  ], b = [
+    "background-position",
+    "background-position-x",
+    "background-position-y",
+    "background-size",
+    "background-repeat",
+    "background-origin",
+    "background-clip",
+    "background-attachment",
+    "background-blend-mode"
+  ], f = [
     "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 [r, i] = a.shift(), t = s.get(r) || h(r);
+    s.has(r) || s.set(r, t);
+    const y = (() => {
+      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 b) {
+      const o = t.getPropertyValue(e);
+      o && i.style.setProperty(e, o);
+    }
+    for (const e of p) {
+      const o = t.getPropertyValue(e);
+      if (!o || o === "none") continue;
+      const P = w(o), g = await Promise.all(
+        P.map((n) => O(n, l))
       );
-      d.some((t) => t && t !== "none" && !/^url\(undefined/.test(t)) && g.style.setProperty(e, d.join(", "));
+      g.some((n) => n && n !== "none" && !/^url\(undefined/.test(n)) && i.style.setProperty(e, g.join(", "));
+    }
+    for (const e of u) {
+      const o = t.getPropertyValue(e);
+      !o || o === "initial" || i.style.setProperty(e, o);
     }
-    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);
+    if (y)
+      for (const e of f) {
+        const o = t.getPropertyValue(e);
+        !o || o === "initial" || i.style.setProperty(e, o);
+      }
+    const c = Array.from(r.children), m = Array.from(i.children).filter(
+      (e) => !(e.dataset && e.dataset.snapdomPseudo)
+    );
     for (let e = 0; e < Math.min(c.length, m.length); e++)
-      s.push([c[e], m[e]]);
+      a.push([c[e], m[e]]);
   }
 }
 export {
-  B as inlineBackgroundImages
+  _ as inlineBackgroundImages
 };

package/snapdom/src/modules/changeCSS.js

@@ -0,0 +1,61 @@
+/* 2025-11-03 10:27:31 */
+function F(t, n) {
+  if (!t || !n) return;
+  const o = t.scrollTop || 0;
+  if (!o) return;
+  getComputedStyle(n).position === "static" && (n.style.position = "relative");
+  const e = t.getBoundingClientRect(), s = t.clientHeight, c = "data-snap-ph", x = document.createTreeWalker(
+    t,
+    NodeFilter.SHOW_ELEMENT
+  );
+  for (; x.nextNode(); ) {
+    const u = (
+      /** @type {HTMLElement} */
+      x.currentNode
+    ), r = getComputedStyle(u), b = r.position;
+    if (b !== "sticky" && b !== "-webkit-sticky") continue;
+    const p = N(r.top), m = N(r.bottom);
+    if (p == null && m == null) continue;
+    const P = I(u, t), l = S(n, P, c);
+    if (!l) continue;
+    const f = u.getBoundingClientRect(), g = f.width, h = f.height, d = f.left - e.left;
+    if (!(g > 0 && h > 0) || !Number.isFinite(d)) continue;
+    const a = p != null ? p + o : o + (s - h - /** bottomInit non-null */
+    m);
+    if (!Number.isFinite(a)) continue;
+    const y = Number.parseInt(r.zIndex, 10), k = Number.isFinite(y), w = k ? Math.max(y, 1) + 1 : 2, E = k ? y - 1 : 0, i = l.cloneNode(!1);
+    i.setAttribute(c, "1"), i.style.position = "sticky", i.style.left = `${d}px`, i.style.top = `${a}px`, i.style.width = `${g}px`, i.style.height = `${h}px`, i.style.visibility = "hidden", i.style.zIndex = String(E), i.style.overflow = "hidden", i.style.background = "transparent", i.style.boxShadow = "none", i.style.filter = "none", l.parentElement?.insertBefore(i, l), l.style.position = "absolute", l.style.left = `${d}px`, l.style.top = `${a}px`, l.style.bottom = "auto", l.style.zIndex = String(w), l.style.pointerEvents = "none";
+  }
+}
+function N(t) {
+  if (!t || t === "auto") return null;
+  const n = Number.parseFloat(t);
+  return Number.isFinite(n) ? n : null;
+}
+function I(t, n) {
+  const o = [];
+  for (let e = t; e && e !== n; ) {
+    const s = e.parentElement;
+    if (!s) break;
+    o.push(Array.prototype.indexOf.call(s.children, e)), e = s;
+  }
+  return o.reverse();
+}
+function S(t, n, o) {
+  let e = t;
+  for (let s = 0; s < n.length; s++)
+    if (e = /** @type {HTMLElement|undefined} */
+    T(e, o)[n[s]], !e) return null;
+  return e instanceof HTMLElement ? e : null;
+}
+function T(t, n) {
+  const o = [], e = t.children;
+  for (let s = 0; s < e.length; s++) {
+    const c = e[s];
+    c.hasAttribute(n) || o.push(c);
+  }
+  return o;
+}
+export {
+  F as freezeSticky
+};

package/snapdom/src/modules/counter.js

@@ -0,0 +1,179 @@
+/* 2025-11-03 10:27:31 */
+import { cache as F } from "../core/cache.js";
+function D(e) {
+  return /\bcounter\s*\(|\bcounters\s*\(/.test(e || "");
+}
+function X(e) {
+  return (e || "").replace(/"([^"]*)"/g, "$1");
+}
+function k(e, u = !1) {
+  let c = "", o = Math.max(1, e);
+  for (; o > 0; )
+    o--, c = String.fromCharCode(97 + o % 26) + c, o = Math.floor(o / 26);
+  return u ? c.toUpperCase() : c;
+}
+function x(e, u = !0) {
+  const c = [
+    [1e3, "M"],
+    [900, "CM"],
+    [500, "D"],
+    [400, "CD"],
+    [100, "C"],
+    [90, "XC"],
+    [50, "L"],
+    [40, "XL"],
+    [10, "X"],
+    [9, "IX"],
+    [5, "V"],
+    [4, "IV"],
+    [1, "I"]
+  ];
+  let o = Math.max(1, Math.min(3999, e)), f = "";
+  for (const [N, C] of c)
+    for (; o >= N; )
+      f += C, o -= N;
+  return u ? f : f.toLowerCase();
+}
+function I(e, u) {
+  switch ((u || "decimal").toLowerCase()) {
+    case "decimal":
+      return String(Math.max(0, e));
+    case "decimal-leading-zero":
+      return (e < 10 ? "0" : "") + String(Math.max(0, e));
+    case "lower-alpha":
+      return k(e, !1);
+    case "upper-alpha":
+      return k(e, !0);
+    case "lower-roman":
+      return x(e, !1);
+    case "upper-roman":
+      return x(e, !0);
+    default:
+      return String(Math.max(0, e));
+  }
+}
+function $(e) {
+  const u = () => F?.session?.__counterEpoch ?? 0;
+  let c = u();
+  const o = /* @__PURE__ */ new WeakMap(), f = e instanceof Document ? e.documentElement : e, N = (n) => n && n.tagName === "LI", C = (n) => {
+    let r = 0, t = n?.parentElement;
+    if (!t) return 0;
+    for (const s of t.children) {
+      if (s === n) break;
+      s.tagName === "LI" && r++;
+    }
+    return r;
+  }, S = (n) => {
+    const r = /* @__PURE__ */ new Map();
+    for (const [t, s] of n) r.set(t, s.slice());
+    return r;
+  }, g = (n, r, t) => {
+    const s = S(n);
+    let h;
+    try {
+      h = t.style?.counterReset || getComputedStyle(t).counterReset;
+    } catch {
+    }
+    if (h && h !== "none")
+      for (const M of h.split(",")) {
+        const m = M.trim().split(/\s+/), i = m[0], l = Number.isFinite(Number(m[1])) ? Number(m[1]) : 0;
+        if (!i) continue;
+        const a = r.get(i);
+        if (a && a.length) {
+          const w = a.slice();
+          w.push(l), s.set(i, w);
+        } else
+          s.set(i, [l]);
+      }
+    let y;
+    try {
+      y = t.style?.counterIncrement || getComputedStyle(t).counterIncrement;
+    } catch {
+    }
+    if (y && y !== "none")
+      for (const M of y.split(",")) {
+        const m = M.trim().split(/\s+/), i = m[0], l = Number.isFinite(Number(m[1])) ? Number(m[1]) : 1;
+        if (!i) continue;
+        const a = s.get(i) || [];
+        a.length === 0 && a.push(0), a[a.length - 1] += l, s.set(i, a);
+      }
+    try {
+      if (getComputedStyle(t).display === "list-item" && N(t)) {
+        const m = t.parentElement;
+        let i = 1;
+        if (m && m.tagName === "OL") {
+          const a = m.getAttribute("start"), w = Number.isFinite(Number(a)) ? Number(a) : 1, E = C(t), L = t.getAttribute("value");
+          i = Number.isFinite(Number(L)) ? Number(L) : w + E;
+        } else
+          i = 1 + C(t);
+        const l = s.get("list-item") || [];
+        l.length === 0 && l.push(0), l[l.length - 1] = i, s.set("list-item", l);
+      }
+    } catch {
+    }
+    return s;
+  }, p = (n, r, t) => {
+    const s = g(t, r, n);
+    o.set(n, s);
+    let h = s;
+    for (const y of n.children)
+      h = p(y, s, h);
+    return s;
+  }, b = /* @__PURE__ */ new Map();
+  p(f, b, b);
+  function d() {
+    const n = u();
+    if (n !== c) {
+      c = n;
+      const r = /* @__PURE__ */ new Map();
+      p(f, r, r);
+    }
+  }
+  return {
+    /**
+     * Get top value for counter name at given node.
+     * @param {Element} node
+     * @param {string} name
+     */
+    get(n, r) {
+      d();
+      const t = o.get(n)?.get(r);
+      return t && t.length ? t[t.length - 1] : 0;
+    },
+    /**
+     * Get full stack for counter name at given node.
+     * @param {Element} node
+     * @param {string} name
+     */
+    getStack(n, r) {
+      d();
+      const t = o.get(n)?.get(r);
+      return t ? t.slice() : [];
+    }
+  };
+}
+function R(e, u, c) {
+  if (!e || e === "none") return e;
+  try {
+    const o = /\b(counter|counters)\s*\(([^)]+)\)/g;
+    let f = e.replace(o, (N, C, S) => {
+      const g = String(S).split(",").map((p) => p.trim());
+      if (C === "counter") {
+        const p = g[0]?.replace(/^["']|["']$/g, ""), b = (g[1] || "decimal").toLowerCase(), d = c.get(u, p);
+        return I(d, b);
+      } else {
+        const p = g[0]?.replace(/^["']|["']$/g, ""), b = g[1]?.replace(/^["']|["']$/g, "") ?? "", d = (g[2] || "decimal").toLowerCase(), n = c.getStack(u, p);
+        return n.length ? n.map((t) => I(t, d)).join(b) : "";
+      }
+    });
+    return X(f);
+  } catch {
+    return "- ";
+  }
+}
+export {
+  $ as buildCounterContext,
+  D as hasCounters,
+  R as resolveCountersInContent,
+  X as unquoteDoubleStrings
+};