@bquery/bquery 1.2.0 → 1.4.0

package/dist/view.es.mjs

@@ -1,325 +1,432 @@
-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-BdKlYYlS.js";
+import { s as P } from "./core-BhpuvPhy.js";
+import { c as ye } from "./core-BhpuvPhy.js";
+import { s as Z } from "./sanitize-Cxvxa-DX.js";
+import { b as ge } from "./batch-x7b2eZST.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 I = new D(N), O = new D(N), de = () => {
+  I.clear(), O.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 = I.get(n);
+    return r || (r = new Function("$ctx", `with($ctx) { return (${n}); }`), I.set(n, r)), r(s);
+  } catch (s) {
+    console.error(`bQuery view: Error evaluating "${n}"`, s);
     return;
   }
-}, j = (n, t) => {
+}, M = (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 = O.get(n);
+    return s || (s = new Function("$ctx", `with($ctx) { return (${n}); }`), O.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 = "", l = 0, i = null;
+  for (let c = 0; c < s.length; c++) {
+    const o = s[c];
+    if (o === '"' || o === "'" || o === "`") {
+      let a = 0, u = c - 1;
+      for (; u >= 0 && s[u] === "\\"; )
+        a++, u--;
+      a % 2 === 0 && (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 === "{" ? (l++, t += o) : o === ")" || o === "]" || o === "}" ? (l--, t += o) : o === "," && l === 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, a = 0, u = null;
+    for (let h = 0; h < c.length; h++) {
+      const f = c[h];
+      if (f === '"' || f === "'" || f === "`") {
+        let q = 0, S = h - 1;
+        for (; S >= 0 && c[S] === "\\"; )
+          q++, S--;
+        q % 2 === 0 && (u === null ? u = f : u === f && (u = null));
         continue;
       }
-      if (f === null) {
-        if (u === "(" || u === "[" || u === "{")
+      if (u === null) {
+        if (f === "(" || f === "[" || f === "{")
           a++;
-        else if (u === ")" || u === "]" || u === "}")
+        else if (f === ")" || f === "]" || f === "}")
           a--;
-        else if (u === ":" && a === 0) {
-          o = m;
+        else if (f === ":" && a === 0) {
+          o = h;
           break;
         }
       }
     }
     if (o > -1) {
-      const m = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), u = c.slice(o + 1).trim();
-      t[m] = u;
+      const h = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), f = c.slice(o + 1).trim();
+      e[h] = 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 l = 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);
+  t.push(l);
+}, G = (n, e, s, r) => {
+  let t = /* @__PURE__ */ new Set();
+  const l = E(() => {
+    const i = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const c = _(e);
       for (const [o, a] of Object.entries(c)) {
-        const f = v(a, r);
-        n.classList.toggle(o, !!f), s.add(o);
+        const u = y(a, s);
+        n.classList.toggle(o, !!u), 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(l);
+}, J = (n, e, s, r, t, l) => {
+  if (!s)
+    return e;
+  const i = {
+    ...l,
+    [r]: n
+  };
+  return t && (i[t] = e), y(s, i);
+}, Y = (n) => {
+  const { prefix: e, processElement: s, processChildren: r } = n;
+  return (t, l, i, c) => {
+    const o = t.parentNode;
+    if (!o) return;
+    const a = l.match(/^\(?(\w+)(?:\s*,\s*(\w+))?\)?\s+in\s+(\S.*)$/);
+    if (!a) {
+      console.error(`bQuery view: Invalid bq-for expression "${l}"`);
+      return;
     }
+    const [, u, h, f] = a, q = t.getAttribute(":key") || t.getAttribute(`${e}-key`), S = t.cloneNode(!0);
+    S.removeAttribute(`${e}-for`), S.removeAttribute(":key"), S.removeAttribute(`${e}-key`);
+    const Q = document.createComment(`bq-for: ${l}`);
+    o.replaceChild(Q, t);
+    let C = /* @__PURE__ */ new Map(), j = [];
+    const F = (d, p, w) => {
+      const A = S.cloneNode(!0), k = [], L = P(d), $ = h ? P(p) : null, m = {
+        ...i,
+        [u]: L
+      };
+      return h && $ && (m[h] = $), s(A, m, e, k), r(A, m, e, k), {
+        key: w,
+        element: A,
+        cleanups: k,
+        item: d,
+        index: p,
+        itemSignal: L,
+        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 C.values())
+          R(m);
+        C.clear(), j = [];
+        return;
+      }
+      const p = [], w = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set();
+      d.forEach((m, v) => {
+        let b = J(m, v, q, u, h, i);
+        A.has(b) && (console.warn(
+          `bq-for: Duplicate key "${String(b)}" detected at index ${v}. Falling back to index-based key for this item. Ensure :key expressions produce unique values for each item.`
+        ), b = { __bqDuplicateKey: b, __bqIndex: v }), A.add(b), p.push(b), w.set(b, { item: m, index: v });
+      });
+      const k = [];
+      for (const m of j)
+        w.has(m) || k.push(m);
+      for (const m of k) {
+        const v = C.get(m);
+        v && (R(v), C.delete(m));
+      }
+      const L = /* @__PURE__ */ new Map();
+      let $ = Q;
+      for (let m = 0; m < p.length; m++) {
+        const v = p[m], { item: b, index: H } = w.get(v);
+        let g = C.get(v);
+        g ? (K(g, b, H), L.set(v, g), $.nextSibling !== g.element && $.after(g.element), $ = g.element) : (g = F(b, H, v), L.set(v, g), $.after(g.element), $ = g.element);
+      }
+      C = L, j = p;
+    });
+    c.push(() => {
+      B();
+      for (const d of C.values())
+        for (const p of d.cleanups)
+          p();
+      C.clear();
+    });
+  };
+}, x = (n) => (e, s, r, t) => {
+  const l = E(() => {
+    const i = y(s, r), c = String(i ?? "");
+    e.innerHTML = n ? Z(c) : c;
+  });
+  t.push(l);
+}, ee = (n, e, s, r) => {
+  const t = document.createComment(`bq-if: ${e}`);
+  let l = !0;
+  const i = E(() => {
+    const c = y(e, s);
+    c && !l ? (t.replaceWith(n), l = !0) : !c && l && (n.replaceWith(t), l = !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, l = M(e, s);
+  if (!z(l)) {
+    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(() => {
+  const i = l, c = t.type === "checkbox", o = t.type === "radio", a = () => {
+    c ? t.checked = !!i.value : o ? t.checked = i.value === t.value : t.value = String(i.value ?? "");
+  }, u = E(() => {
     a();
   });
-  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(u);
+  const h = 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);
+  t.addEventListener(h, f), r.push(() => t.removeEventListener(h, f));
+}, ne = (n) => (e, s, r, t) => {
+  const l = (i) => {
+    const c = { ...r, $event: i, $el: e };
+    if (!s.includes("(")) {
+      const a = M(s, c);
       if (typeof a == "function") {
-        a(s);
+        a(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
+    M(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, l), t.push(() => e.removeEventListener(n, l));
+};
+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 = M(
+    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 l = t.style.display;
+  if (!l || l === "none") {
+    const c = t.ownerDocument.defaultView?.getComputedStyle(t).display ?? "";
+    l = 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 ? l : "none";
+  });
+  r.push(i);
+}, ie = (n, e, s, r) => {
+  const t = n;
+  let l = /* @__PURE__ */ new Set();
+  const i = E(() => {
+    const c = /* @__PURE__ */ new Set();
+    if (e.trimStart().startsWith("{")) {
+      const o = _(e);
+      for (const [a, u] of Object.entries(o)) {
+        const h = y(u, s), f = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t.style.setProperty(f, String(h ?? "")), c.add(f);
+      }
+    } else {
+      const o = y(e, s);
+      if (o && typeof o == "object")
+        for (const [a, u] of Object.entries(o)) {
+          const h = a.replace(/([A-Z])/g, "-$1").toLowerCase();
+          t.style.setProperty(h, String(u ?? "")), c.add(h);
+        }
     }
-    E = C, I = d;
+    for (const o of l)
+      c.has(o) || t.style.removeProperty(o);
+    l = 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 l = y(e, s);
+    n.textContent = String(l ?? "");
   });
-}, 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);
+  r.push(t);
+}, W = (n, e, s, r, t) => {
+  const l = Array.from(n.attributes);
+  for (const i of l) {
+    const { name: c, value: o } = i;
+    if (!c.startsWith(`${s}-`)) continue;
+    const a = c.slice(s.length + 1);
     if (a === "for") {
-      U(r, l)(n, o, t, e);
+      t.for(n, o, e, r);
       return;
     }
     if (a === "text")
-      B(n, o, t, e);
+      t.text(n, o, e, r);
     else if (a === "html")
-      H(l)(n, o, t, e);
+      t.html(n, o, e, r);
     else if (a === "if")
-      Z(n, o, t, e);
+      t.if(n, o, e, r);
     else if (a === "show")
-      K(n, o, t, e);
+      t.show(n, o, e, r);
     else if (a === "class")
-      D(n, o, t, e);
+      t.class(n, o, e, r);
     else if (a === "style")
-      V(n, o, t, e);
+      t.style(n, o, e, r);
     else if (a === "model")
-      _(n, o, t, e);
+      t.model(n, o, e, r);
     else if (a === "ref")
-      X(n, o, t, e);
+      t.ref(n, o, e, r);
     else if (a.startsWith("bind:")) {
-      const f = a.slice(5);
-      z(f)(n, o, t, e);
+      const u = a.slice(5);
+      t.bind(u)(n, o, e, r);
     } else if (a.startsWith("on:")) {
-      const f = a.slice(3);
-      G(f)(n, o, t, e);
+      const u = a.slice(3);
+      t.on(u)(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)
+}, T = (n, e, s, r, t) => {
+  const l = Array.from(n.children);
+  for (const i of l)
+    i.hasAttribute(`${s}-for`) ? W(i, e, s, r, t) : (W(i, e, s, r, t), T(i, e, s, r, t));
+}, le = (n, e, s = {}) => {
+  const { prefix: r = "bq", sanitize: t = !0 } = s, l = typeof n == "string" ? document.querySelector(n) : n;
+  if (!l)
     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 (l.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: (a, u, h, f) => W(a, u, h, f, c),
+      processChildren: (a, u, h, f) => T(a, u, h, f, c)
+    }),
+    bind: X,
+    on: ne
+  };
+  return ((a, u, h) => {
+    const f = a.hasAttribute(`${r}-for`);
+    W(a, u, r, h, c), f || T(a, u, r, h, c);
+  })(l, e, i), {
+    el: l,
+    context: e,
+    update: (a) => {
+      Object.assign(e, a);
     },
     destroy: () => {
-      for (const c of s)
-        c();
-      s.length = 0;
+      for (const a of i)
+        a();
+      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: l = "bq" } = e;
+  if (t.hasAttribute(`${l}-for`) || t.hasAttribute(`${l}-if`)) {
+    const i = t.hasAttribute(`${l}-for`) ? "for" : "if";
+    throw new Error(
+      `bQuery view: Template root element cannot have ${l}-${i} directive. Wrap the ${l}-${i} element in a container instead.`
+    );
+  }
+  return le(t, s, e);
 };
 export {
-  oe as batch,
-  ce as computed,
-  ne as createTemplate,
-  w as effect,
-  Y as mount,
-  le as signal
+  ge as batch,
+  de as clearExpressionCache,
+  ye as computed,
+  me as createTemplate,
+  E as effect,
+  le as mount,
+  P as signal
 };
 //# sourceMappingURL=view.es.mjs.map