@bquery/bquery 1.2.0 → 1.3.0

package/dist/view.es.mjs

@@ -1,325 +1,426 @@
-import { effect as w, isSignal as M, isComputed as W } from "./reactive.es.mjs";
-import { batch as oe, computed as ce, signal as le } from "./reactive.es.mjs";
-import { sanitize as F } from "./security.es.mjs";
-const v = (n, t) => {
+import { a as z, i as V, e as E } from "./type-guards-DRma3-Kc.js";
+import { s as P } from "./core-COenAZjD.js";
+import { c as ye } from "./core-COenAZjD.js";
+import { s as Z } from "./sanitize-1FBEPAFH.js";
+import { b as be } from "./batch-4LAvfLE7.js";
+const N = 500;
+class D {
+  constructor(e) {
+    this.cache = /* @__PURE__ */ new Map(), this.maxSize = e;
+  }
+  get(e) {
+    const s = this.cache.get(e);
+    return s !== void 0 && (this.cache.delete(e), this.cache.set(e, s)), s;
+  }
+  set(e, s) {
+    if (this.cache.has(e))
+      this.cache.delete(e);
+    else if (this.cache.size >= this.maxSize) {
+      const r = this.cache.keys().next().value;
+      r !== void 0 && this.cache.delete(r);
+    }
+    this.cache.set(e, s);
+  }
+  clear() {
+    this.cache.clear();
+  }
+  get size() {
+    return this.cache.size;
+  }
+}
+const O = new D(N), T = new D(N), de = () => {
+  O.clear(), T.clear();
+}, U = (n) => new Proxy(n, {
+  get(e, s) {
+    if (typeof s != "string")
+      return Reflect.get(e, s);
+    const r = e[s];
+    return z(r) || V(r) ? r.value : r;
+  },
+  has(e, s) {
+    return typeof s != "string" ? Reflect.has(e, s) : s in e;
+  }
+}), y = (n, e) => {
   try {
-    const r = Object.keys(t), l = r.map((i) => {
-      const s = t[i];
-      return M(s) || W(s) ? s.value : s;
-    });
-    return new Function(...r, `return (${n})`)(...l);
-  } catch (r) {
-    console.error(`bQuery view: Error evaluating "${n}"`, r);
+    const s = U(e);
+    let r = O.get(n);
+    return r || (r = new Function("$ctx", `with($ctx) { return (${n}); }`), O.set(n, r)), r(s);
+  } catch (s) {
+    console.error(`bQuery view: Error evaluating "${n}"`, s);
     return;
   }
-}, j = (n, t) => {
+}, q = (n, e) => {
   try {
-    const r = Object.keys(t), l = r.map((i) => t[i]);
-    return new Function(...r, `return (${n})`)(...l);
-  } catch (r) {
-    console.error(`bQuery view: Error evaluating "${n}"`, r);
+    let s = T.get(n);
+    return s || (s = new Function("$ctx", `with($ctx) { return (${n}); }`), T.set(n, s)), s(e);
+  } catch (s) {
+    console.error(`bQuery view: Error evaluating "${n}"`, s);
     return;
   }
-}, q = (n) => {
-  const t = {}, r = n.trim().replace(/^\{|\}$/g, "").trim();
-  if (!r) return t;
-  const l = [];
-  let e = "", i = 0, s = null;
-  for (let c = 0; c < r.length; c++) {
-    const o = r[c], a = c > 0 ? r[c - 1] : "";
-    if ((o === '"' || o === "'" || o === "`") && a !== "\\") {
-      s === null ? s = o : s === o && (s = null), e += o;
+}, _ = (n) => {
+  const e = {}, s = n.trim().replace(/^\{|\}$/g, "").trim();
+  if (!s) return e;
+  const r = [];
+  let t = "", a = 0, i = null;
+  for (let c = 0; c < s.length; c++) {
+    const o = s[c], l = c > 0 ? s[c - 1] : "";
+    if ((o === '"' || o === "'" || o === "`") && l !== "\\") {
+      i === null ? i = o : i === o && (i = null), t += o;
       continue;
     }
-    if (s !== null) {
-      e += o;
+    if (i !== null) {
+      t += o;
       continue;
     }
-    o === "(" || o === "[" || o === "{" ? (i++, e += o) : o === ")" || o === "]" || o === "}" ? (i--, e += o) : o === "," && i === 0 ? (l.push(e.trim()), e = "") : e += o;
+    o === "(" || o === "[" || o === "{" ? (a++, t += o) : o === ")" || o === "]" || o === "}" ? (a--, t += o) : o === "," && a === 0 ? (r.push(t.trim()), t = "") : t += o;
   }
-  e.trim() && l.push(e.trim());
-  for (const c of l) {
-    let o = -1, a = 0, f = null;
-    for (let m = 0; m < c.length; m++) {
-      const u = c[m], A = m > 0 ? c[m - 1] : "";
-      if ((u === '"' || u === "'" || u === "`") && A !== "\\") {
-        f === null ? f = u : f === u && (f = null);
+  t.trim() && r.push(t.trim());
+  for (const c of r) {
+    let o = -1, l = 0, h = null;
+    for (let u = 0; u < c.length; u++) {
+      const f = c[u], W = u > 0 ? c[u - 1] : "";
+      if ((f === '"' || f === "'" || f === "`") && W !== "\\") {
+        h === null ? h = f : h === f && (h = null);
         continue;
       }
-      if (f === null) {
-        if (u === "(" || u === "[" || u === "{")
-          a++;
-        else if (u === ")" || u === "]" || u === "}")
-          a--;
-        else if (u === ":" && a === 0) {
-          o = m;
+      if (h === null) {
+        if (f === "(" || f === "[" || f === "{")
+          l++;
+        else if (f === ")" || f === "]" || f === "}")
+          l--;
+        else if (f === ":" && l === 0) {
+          o = u;
           break;
         }
       }
     }
     if (o > -1) {
-      const m = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), u = c.slice(o + 1).trim();
-      t[m] = u;
+      const u = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), f = c.slice(o + 1).trim();
+      e[u] = f;
     }
   }
-  return t;
-}, B = (n, t, r, l) => {
-  const e = w(() => {
-    const i = v(t, r);
-    n.textContent = String(i ?? "");
-  });
-  l.push(e);
-}, H = (n) => (t, r, l, e) => {
-  const i = w(() => {
-    const s = v(r, l), c = String(s ?? "");
-    t.innerHTML = n ? F(c) : c;
-  });
-  e.push(i);
-}, Z = (n, t, r, l) => {
-  const e = n.parentNode, i = document.createComment(`bq-if: ${t}`);
-  let s = !0;
-  const c = w(() => {
-    const o = v(t, r);
-    o && !s ? (e?.replaceChild(n, i), s = !0) : !o && s && (e?.replaceChild(i, n), s = !1);
+  return e;
+}, X = (n) => (e, s, r, t) => {
+  const a = E(() => {
+    const i = y(s, r);
+    i == null || i === !1 ? e.removeAttribute(n) : i === !0 ? e.setAttribute(n, "") : e.setAttribute(n, String(i));
   });
-  l.push(c);
-}, K = (n, t, r, l) => {
-  const e = n, i = e.style.display, s = w(() => {
-    const c = v(t, r);
-    e.style.display = c ? i : "none";
-  });
-  l.push(s);
-}, D = (n, t, r, l) => {
-  let e = /* @__PURE__ */ new Set();
-  const i = w(() => {
-    const s = /* @__PURE__ */ new Set();
-    if (t.startsWith("{")) {
-      const c = q(t);
-      for (const [o, a] of Object.entries(c)) {
-        const f = v(a, r);
-        n.classList.toggle(o, !!f), s.add(o);
+  t.push(a);
+}, G = (n, e, s, r) => {
+  let t = /* @__PURE__ */ new Set();
+  const a = E(() => {
+    const i = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const c = _(e);
+      for (const [o, l] of Object.entries(c)) {
+        const h = y(l, s);
+        n.classList.toggle(o, !!h), i.add(o);
       }
-    } else if (t.includes("[")) {
-      const c = v(t, r);
+    } else if (/^\s*\[/.test(e)) {
+      const c = y(e, s);
       if (Array.isArray(c))
         for (const o of c)
-          o && (n.classList.add(o), s.add(o));
+          o && (n.classList.add(o), i.add(o));
     } else {
-      const c = v(t, r);
+      const c = y(e, s);
       typeof c == "string" ? c.split(/\s+/).forEach((o) => {
-        o && (n.classList.add(o), s.add(o));
+        o && (n.classList.add(o), i.add(o));
       }) : Array.isArray(c) && c.forEach((o) => {
-        o && (n.classList.add(o), s.add(o));
+        o && (n.classList.add(o), i.add(o));
       });
     }
-    if (!t.startsWith("{"))
-      for (const c of e)
-        s.has(c) || n.classList.remove(c);
-    e = s;
+    for (const c of t)
+      i.has(c) || n.classList.remove(c);
+    t = i;
   });
-  l.push(i);
-}, V = (n, t, r, l) => {
-  const e = n, i = w(() => {
-    if (t.startsWith("{")) {
-      const s = q(t);
-      for (const [c, o] of Object.entries(s)) {
-        const a = v(o, r), f = c.replace(/([A-Z])/g, "-$1").toLowerCase();
-        e.style.setProperty(f, String(a ?? ""));
-      }
-    } else {
-      const s = v(t, r);
-      if (s && typeof s == "object")
-        for (const [c, o] of Object.entries(s)) {
-          const a = c.replace(/([A-Z])/g, "-$1").toLowerCase();
-          e.style.setProperty(a, String(o ?? ""));
-        }
+  r.push(a);
+}, J = (n, e, s, r, t, a) => {
+  if (!s)
+    return e;
+  const i = {
+    ...a,
+    [r]: n
+  };
+  return t && (i[t] = e), y(s, i);
+}, Y = (n) => {
+  const { prefix: e, processElement: s, processChildren: r } = n;
+  return (t, a, i, c) => {
+    const o = t.parentNode;
+    if (!o) return;
+    const l = a.match(/^\(?(\w+)(?:\s*,\s*(\w+))?\)?\s+in\s+(\S.*)$/);
+    if (!l) {
+      console.error(`bQuery view: Invalid bq-for expression "${a}"`);
+      return;
     }
+    const [, h, u, f] = l, W = t.getAttribute(":key") || t.getAttribute(`${e}-key`), L = t.cloneNode(!0);
+    L.removeAttribute(`${e}-for`), L.removeAttribute(":key"), L.removeAttribute(`${e}-key`);
+    const Q = document.createComment(`bq-for: ${a}`);
+    o.replaceChild(Q, t);
+    let S = /* @__PURE__ */ new Map(), I = [];
+    const F = (d, p, w) => {
+      const C = L.cloneNode(!0), A = [], k = P(d), $ = u ? P(p) : null, m = {
+        ...i,
+        [h]: k
+      };
+      return u && $ && (m[u] = $), s(C, m, e, A), r(C, m, e, A), {
+        key: w,
+        element: C,
+        cleanups: A,
+        item: d,
+        index: p,
+        itemSignal: k,
+        indexSignal: $
+      };
+    }, R = (d) => {
+      for (const p of d.cleanups)
+        p();
+      d.element.remove();
+    }, K = (d, p, w) => {
+      Object.is(d.item, p) || (d.item = p, d.itemSignal.value = p), d.index !== w && (d.index = w, d.indexSignal && (d.indexSignal.value = w));
+    }, B = E(() => {
+      const d = y(f, i);
+      if (!Array.isArray(d)) {
+        for (const m of S.values())
+          R(m);
+        S.clear(), I = [];
+        return;
+      }
+      const p = [], w = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+      d.forEach((m, v) => {
+        let g = J(m, v, W, h, u, i);
+        C.has(g) && (console.warn(
+          `bq-for: Duplicate key "${String(g)}" detected at index ${v}. Falling back to index-based key for this item. Ensure :key expressions produce unique values for each item.`
+        ), g = { __bqDuplicateKey: g, __bqIndex: v }), C.add(g), p.push(g), w.set(g, { item: m, index: v });
+      });
+      const A = [];
+      for (const m of I)
+        w.has(m) || A.push(m);
+      for (const m of A) {
+        const v = S.get(m);
+        v && (R(v), S.delete(m));
+      }
+      const k = /* @__PURE__ */ new Map();
+      let $ = Q;
+      for (let m = 0; m < p.length; m++) {
+        const v = p[m], { item: g, index: H } = w.get(v);
+        let b = S.get(v);
+        b ? (K(b, g, H), k.set(v, b), $.nextSibling !== b.element && $.after(b.element), $ = b.element) : (b = F(g, H, v), k.set(v, b), $.after(b.element), $ = b.element);
+      }
+      S = k, I = p;
+    });
+    c.push(() => {
+      B();
+      for (const d of S.values())
+        for (const p of d.cleanups)
+          p();
+      S.clear();
+    });
+  };
+}, x = (n) => (e, s, r, t) => {
+  const a = E(() => {
+    const i = y(s, r), c = String(i ?? "");
+    e.innerHTML = n ? Z(c) : c;
+  });
+  t.push(a);
+}, ee = (n, e, s, r) => {
+  const t = document.createComment(`bq-if: ${e}`);
+  let a = !0;
+  const i = E(() => {
+    const c = y(e, s);
+    c && !a ? (t.replaceWith(n), a = !0) : !c && a && (n.replaceWith(t), a = !1);
   });
-  l.push(i);
-}, _ = (n, t, r, l) => {
-  const e = n, i = j(t, r);
-  if (!M(i)) {
-    console.warn(`bQuery view: bq-model requires a signal, got "${t}"`);
+  r.push(i);
+}, te = (n, e, s, r) => {
+  const t = n, a = q(e, s);
+  if (!z(a)) {
+    console.warn(`bQuery view: bq-model requires a signal, got "${e}"`);
     return;
   }
-  const s = i, c = e.type === "checkbox", o = e.type === "radio", a = () => {
-    c ? e.checked = !!s.value : o ? e.checked = s.value === e.value : e.value = String(s.value ?? "");
-  }, f = w(() => {
-    a();
+  const i = a, c = t.type === "checkbox", o = t.type === "radio", l = () => {
+    c ? t.checked = !!i.value : o ? t.checked = i.value === t.value : t.value = String(i.value ?? "");
+  }, h = E(() => {
+    l();
   });
-  l.push(f);
-  const m = e.tagName === "SELECT" ? "change" : "input", u = () => {
-    c ? s.value = e.checked : o ? e.checked && (s.value = e.value) : s.value = e.value;
+  r.push(h);
+  const u = t.tagName === "SELECT" ? "change" : "input", f = () => {
+    c ? i.value = t.checked : o ? t.checked && (i.value = t.value) : i.value = t.value;
   };
-  e.addEventListener(m, u), l.push(() => e.removeEventListener(m, u));
-}, z = (n) => (t, r, l, e) => {
-  const i = w(() => {
-    const s = v(r, l);
-    s == null || s === !1 ? t.removeAttribute(n) : s === !0 ? t.setAttribute(n, "") : t.setAttribute(n, String(s));
-  });
-  e.push(i);
-}, G = (n) => (t, r, l, e) => {
-  const i = (s) => {
-    const c = { ...l, $event: s, $el: t };
-    if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(r.trim())) {
-      const a = j(r, c);
-      if (typeof a == "function") {
-        a(s);
+  t.addEventListener(u, f), r.push(() => t.removeEventListener(u, f));
+}, ne = (n) => (e, s, r, t) => {
+  const a = (i) => {
+    const c = { ...r, $event: i, $el: e };
+    if (!s.includes("(")) {
+      const l = q(s, c);
+      if (typeof l == "function") {
+        l(i);
         return;
       }
+      return;
     }
-    v(r, c);
-  };
-  t.addEventListener(n, i), e.push(() => t.removeEventListener(n, i));
-}, J = (n, t, r, l, e, i) => {
-  if (!r)
-    return t;
-  const s = {
-    ...i,
-    [l]: n
+    q(s, c);
   };
-  return e && (s[e] = t), v(r, s);
-}, U = (n, t) => (r, l, e, i) => {
-  const s = r.parentNode;
-  if (!s) return;
-  const c = l.match(/^\(?(\w+)(?:\s*,\s*(\w+))?\)?\s+in\s+(\S.*)$/);
-  if (!c) {
-    console.error(`bQuery view: Invalid bq-for expression "${l}"`);
-    return;
+  e.addEventListener(n, a), t.push(() => e.removeEventListener(n, a));
+};
+function se(n) {
+  const e = Object.getOwnPropertyDescriptor(n, "value");
+  return e ? "value" in e ? e.writable === !0 : typeof e.set == "function" : !1;
+}
+const re = (n, e, s, r) => {
+  const t = q(
+    e,
+    s
+  );
+  z(t) ? (t.value = n, r.push(() => {
+    t.value = null;
+  })) : typeof t == "object" && t !== null && se(t) && (t.value = n, r.push(() => {
+    t.value = null;
+  }));
+}, oe = (n, e, s, r) => {
+  const t = n;
+  let a = t.style.display;
+  if (!a || a === "none") {
+    const c = t.ownerDocument.defaultView?.getComputedStyle(t).display ?? "";
+    a = c !== "none" ? c : "";
   }
-  const [, o, a, f] = c, m = r.getAttribute(":key") || r.getAttribute(`${n}-key`), u = r.cloneNode(!0);
-  u.removeAttribute(`${n}-for`), u.removeAttribute(":key"), u.removeAttribute(`${n}-key`);
-  const A = document.createComment(`bq-for: ${l}`);
-  s.replaceChild(A, r);
-  let E = /* @__PURE__ */ new Map(), I = [];
-  const R = (p, d, k) => {
-    const $ = u.cloneNode(!0), C = [], b = {
-      ...e,
-      [o]: p
-    };
-    return a && (b[a] = d), L($, b, n, t, C), O($, b, n, t, C), {
-      key: k,
-      element: $,
-      cleanups: C,
-      item: p,
-      index: d
-    };
-  }, N = (p) => {
-    for (const d of p.cleanups)
-      d();
-    p.element.remove();
-  }, P = (p, d) => {
-    p.index !== d && a && (p.index = d);
-  }, Q = w(() => {
-    const p = v(f, e);
-    if (!Array.isArray(p)) {
-      for (const h of E.values())
-        N(h);
-      E.clear(), I = [];
-      return;
-    }
-    const d = [], k = /* @__PURE__ */ new Map();
-    p.forEach((h, y) => {
-      const S = J(h, y, m, o, a, e);
-      d.push(S), k.set(S, { item: h, index: y });
-    });
-    const $ = [];
-    for (const h of I)
-      k.has(h) || $.push(h);
-    for (const h of $) {
-      const y = E.get(h);
-      y && (N(y), E.delete(h));
-    }
-    const C = /* @__PURE__ */ new Map();
-    let b = A;
-    for (let h = 0; h < d.length; h++) {
-      const y = d[h], { item: S, index: T } = k.get(y);
-      let g = E.get(y);
-      g ? (P(g, T), C.set(y, g), b.nextSibling !== g.element && b.after(g.element), b = g.element) : (g = R(S, T, y), C.set(y, g), b.after(g.element), b = g.element);
+  const i = E(() => {
+    const c = y(e, s);
+    t.style.display = c ? a : "none";
+  });
+  r.push(i);
+}, ie = (n, e, s, r) => {
+  const t = n;
+  let a = /* @__PURE__ */ new Set();
+  const i = E(() => {
+    const c = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const o = _(e);
+      for (const [l, h] of Object.entries(o)) {
+        const u = y(h, s), f = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t.style.setProperty(f, String(u ?? "")), c.add(f);
+      }
+    } else {
+      const o = y(e, s);
+      if (o && typeof o == "object")
+        for (const [l, h] of Object.entries(o)) {
+          const u = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+          t.style.setProperty(u, String(h ?? "")), c.add(u);
+        }
     }
-    E = C, I = d;
+    for (const o of a)
+      c.has(o) || t.style.removeProperty(o);
+    a = c;
   });
-  i.push(() => {
-    Q();
-    for (const p of E.values())
-      for (const d of p.cleanups)
-        d();
-    E.clear();
+  r.push(i);
+}, ce = (n, e, s, r) => {
+  const t = E(() => {
+    const a = y(e, s);
+    n.textContent = String(a ?? "");
   });
-}, X = (n, t, r, l) => {
-  const e = j(t, r);
-  M(e) ? (e.value = n, l.push(() => {
-    e.value = null;
-  })) : typeof r[t] == "object" && r[t] !== null && (r[t].value = n);
-}, L = (n, t, r, l, e) => {
-  const i = Array.from(n.attributes);
-  for (const s of i) {
-    const { name: c, value: o } = s;
-    if (!c.startsWith(r)) continue;
-    const a = c.slice(r.length + 1);
-    if (a === "for") {
-      U(r, l)(n, o, t, e);
+  r.push(t);
+}, M = (n, e, s, r, t) => {
+  const a = Array.from(n.attributes);
+  for (const i of a) {
+    const { name: c, value: o } = i;
+    if (!c.startsWith(`${s}-`)) continue;
+    const l = c.slice(s.length + 1);
+    if (l === "for") {
+      t.for(n, o, e, r);
       return;
     }
-    if (a === "text")
-      B(n, o, t, e);
-    else if (a === "html")
-      H(l)(n, o, t, e);
-    else if (a === "if")
-      Z(n, o, t, e);
-    else if (a === "show")
-      K(n, o, t, e);
-    else if (a === "class")
-      D(n, o, t, e);
-    else if (a === "style")
-      V(n, o, t, e);
-    else if (a === "model")
-      _(n, o, t, e);
-    else if (a === "ref")
-      X(n, o, t, e);
-    else if (a.startsWith("bind:")) {
-      const f = a.slice(5);
-      z(f)(n, o, t, e);
-    } else if (a.startsWith("on:")) {
-      const f = a.slice(3);
-      G(f)(n, o, t, e);
+    if (l === "text")
+      t.text(n, o, e, r);
+    else if (l === "html")
+      t.html(n, o, e, r);
+    else if (l === "if")
+      t.if(n, o, e, r);
+    else if (l === "show")
+      t.show(n, o, e, r);
+    else if (l === "class")
+      t.class(n, o, e, r);
+    else if (l === "style")
+      t.style(n, o, e, r);
+    else if (l === "model")
+      t.model(n, o, e, r);
+    else if (l === "ref")
+      t.ref(n, o, e, r);
+    else if (l.startsWith("bind:")) {
+      const h = l.slice(5);
+      t.bind(h)(n, o, e, r);
+    } else if (l.startsWith("on:")) {
+      const h = l.slice(3);
+      t.on(h)(n, o, e, r);
     }
   }
-}, O = (n, t, r, l, e) => {
-  const i = Array.from(n.children);
-  for (const s of i)
-    s.hasAttribute(`${r}-for`) ? L(s, t, r, l, e) : (L(s, t, r, l, e), O(s, t, r, l, e));
-}, Y = (n, t, r = {}) => {
-  const { prefix: l = "bq", sanitize: e = !0 } = r, i = typeof n == "string" ? document.querySelector(n) : n;
-  if (!i)
+}, j = (n, e, s, r, t) => {
+  const a = Array.from(n.children);
+  for (const i of a)
+    i.hasAttribute(`${s}-for`) ? M(i, e, s, r, t) : (M(i, e, s, r, t), j(i, e, s, r, t));
+}, ae = (n, e, s = {}) => {
+  const { prefix: r = "bq", sanitize: t = !0 } = s, a = typeof n == "string" ? document.querySelector(n) : n;
+  if (!a)
     throw new Error(`bQuery view: Element "${n}" not found.`);
-  const s = [];
-  return L(i, t, l, e, s), O(i, t, l, e, s), {
-    el: i,
-    context: t,
-    update: (c) => {
-      Object.assign(t, c);
+  if (a.hasAttribute(`${r}-for`))
+    throw new Error(
+      `bQuery view: Cannot mount on element with ${r}-for directive. Wrap the ${r}-for element in a container instead.`
+    );
+  const i = [], c = {
+    text: ce,
+    html: x(t),
+    if: ee,
+    show: oe,
+    class: G,
+    style: ie,
+    model: te,
+    ref: re,
+    for: Y({
+      prefix: r,
+      processElement: (l, h, u, f) => M(l, h, u, f, c),
+      processChildren: (l, h, u, f) => j(l, h, u, f, c)
+    }),
+    bind: X,
+    on: ne
+  };
+  return ((l, h, u) => {
+    const f = l.hasAttribute(`${r}-for`);
+    M(l, h, r, u, c), f || j(l, h, r, u, c);
+  })(a, e, i), {
+    el: a,
+    context: e,
+    update: (l) => {
+      Object.assign(e, l);
     },
     destroy: () => {
-      for (const c of s)
-        c();
-      s.length = 0;
+      for (const l of i)
+        l();
+      i.length = 0;
     }
   };
-}, ne = (n, t = {}) => (r) => {
-  const l = document.createElement("div");
-  l.innerHTML = n.trim();
-  const e = l.firstElementChild;
-  if (!e)
+}, me = (n, e = {}) => (s) => {
+  const r = document.createElement("div");
+  r.innerHTML = n.trim();
+  const t = r.firstElementChild;
+  if (!t)
     throw new Error("bQuery view: Template must contain a single root element.");
-  return Y(e, r, t);
+  if (r.childElementCount > 1)
+    throw new Error(
+      `bQuery view: Template must contain exactly one root element, found ${r.childElementCount}.`
+    );
+  const { prefix: a = "bq" } = e;
+  if (t.hasAttribute(`${a}-for`) || t.hasAttribute(`${a}-if`)) {
+    const i = t.hasAttribute(`${a}-for`) ? "for" : "if";
+    throw new Error(
+      `bQuery view: Template root element cannot have ${a}-${i} directive. Wrap the ${a}-${i} element in a container instead.`
+    );
+  }
+  return ae(t, s, e);
 };
 export {
-  oe as batch,
-  ce as computed,
-  ne as createTemplate,
-  w as effect,
-  Y as mount,
-  le as signal
+  be as batch,
+  de as clearExpressionCache,
+  ye as computed,
+  me as createTemplate,
+  E as effect,
+  ae as mount,
+  P as signal
 };
 //# sourceMappingURL=view.es.mjs.map