@bquery/bquery 1.3.0 → 1.4.0

package/dist/view.es.mjs

@@ -1,8 +1,8 @@
-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";
+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) {
@@ -28,8 +28,8 @@ class D {
     return this.cache.size;
   }
 }
-const O = new D(N), T = new D(N), de = () => {
-  O.clear(), T.clear();
+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")
@@ -43,16 +43,16 @@ const O = new D(N), T = new D(N), de = () => {
 }), y = (n, e) => {
   try {
     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);
+    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;
   }
-}, q = (n, e) => {
+}, M = (n, e) => {
   try {
-    let s = T.get(n);
-    return s || (s = new Function("$ctx", `with($ctx) { return (${n}); }`), T.set(n, s)), s(e);
+    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;
@@ -61,60 +61,66 @@ const O = new D(N), T = new D(N), de = () => {
   const e = {}, s = n.trim().replace(/^\{|\}$/g, "").trim();
   if (!s) return e;
   const r = [];
-  let t = "", a = 0, i = null;
+  let t = "", l = 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;
+    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 (i !== null) {
       t += o;
       continue;
     }
-    o === "(" || o === "[" || o === "{" ? (a++, t += o) : o === ")" || o === "]" || o === "}" ? (a--, t += o) : o === "," && a === 0 ? (r.push(t.trim()), t = "") : t += o;
+    o === "(" || o === "[" || o === "{" ? (l++, t += o) : o === ")" || o === "]" || o === "}" ? (l--, t += o) : o === "," && l === 0 ? (r.push(t.trim()), t = "") : t += o;
   }
   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);
+    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 (h === null) {
+      if (u === null) {
         if (f === "(" || f === "[" || f === "{")
-          l++;
+          a++;
         else if (f === ")" || f === "]" || f === "}")
-          l--;
-        else if (f === ":" && l === 0) {
-          o = u;
+          a--;
+        else if (f === ":" && a === 0) {
+          o = h;
           break;
         }
       }
     }
     if (o > -1) {
-      const u = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), f = c.slice(o + 1).trim();
-      e[u] = f;
+      const h = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), f = c.slice(o + 1).trim();
+      e[h] = f;
     }
   }
   return e;
 }, X = (n) => (e, s, r, t) => {
-  const a = E(() => {
+  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));
   });
-  t.push(a);
+  t.push(l);
 }, G = (n, e, s, r) => {
   let t = /* @__PURE__ */ new Set();
-  const a = E(() => {
+  const l = 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);
+      for (const [o, a] of Object.entries(c)) {
+        const u = y(a, s);
+        n.classList.toggle(o, !!u), i.add(o);
       }
     } else if (/^\s*\[/.test(e)) {
       const c = y(e, s);
@@ -133,42 +139,42 @@ const O = new D(N), T = new D(N), de = () => {
       i.has(c) || n.classList.remove(c);
     t = i;
   });
-  r.push(a);
-}, J = (n, e, s, r, t, a) => {
+  r.push(l);
+}, J = (n, e, s, r, t, l) => {
   if (!s)
     return e;
   const i = {
-    ...a,
+    ...l,
     [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) => {
+  return (t, l, 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}"`);
+    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 [, 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}`);
+    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 S = /* @__PURE__ */ new Map(), I = [];
+    let C = /* @__PURE__ */ new Map(), j = [];
     const F = (d, p, w) => {
-      const C = L.cloneNode(!0), A = [], k = P(d), $ = u ? P(p) : null, m = {
+      const A = S.cloneNode(!0), k = [], L = P(d), $ = h ? P(p) : null, m = {
         ...i,
-        [h]: k
+        [u]: L
       };
-      return u && $ && (m[u] = $), s(C, m, e, A), r(C, m, e, A), {
+      return h && $ && (m[h] = $), s(A, m, e, k), r(A, m, e, k), {
         key: w,
-        element: C,
-        cleanups: A,
+        element: A,
+        cleanups: k,
         item: d,
         index: p,
-        itemSignal: k,
+        itemSignal: L,
         indexSignal: $
       };
     }, R = (d) => {
@@ -180,93 +186,93 @@ const O = new D(N), T = new D(N), de = () => {
     }, B = E(() => {
       const d = y(f, i);
       if (!Array.isArray(d)) {
-        for (const m of S.values())
+        for (const m of C.values())
           R(m);
-        S.clear(), I = [];
+        C.clear(), j = [];
         return;
       }
-      const p = [], w = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+      const p = [], w = /* @__PURE__ */ new Map(), A = /* @__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 });
+        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 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 = [];
+      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 k = /* @__PURE__ */ new Map();
+      const L = /* @__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);
+        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);
       }
-      S = k, I = p;
+      C = L, j = p;
     });
     c.push(() => {
       B();
-      for (const d of S.values())
+      for (const d of C.values())
         for (const p of d.cleanups)
           p();
-      S.clear();
+      C.clear();
     });
   };
 }, x = (n) => (e, s, r, t) => {
-  const a = E(() => {
+  const l = E(() => {
     const i = y(s, r), c = String(i ?? "");
     e.innerHTML = n ? Z(c) : c;
   });
-  t.push(a);
+  t.push(l);
 }, ee = (n, e, s, r) => {
   const t = document.createComment(`bq-if: ${e}`);
-  let a = !0;
+  let l = !0;
   const i = E(() => {
     const c = y(e, s);
-    c && !a ? (t.replaceWith(n), a = !0) : !c && a && (n.replaceWith(t), a = !1);
+    c && !l ? (t.replaceWith(n), l = !0) : !c && l && (n.replaceWith(t), l = !1);
   });
   r.push(i);
 }, te = (n, e, s, r) => {
-  const t = n, a = q(e, s);
-  if (!z(a)) {
+  const t = n, l = M(e, s);
+  if (!z(l)) {
     console.warn(`bQuery view: bq-model requires a signal, got "${e}"`);
     return;
   }
-  const i = a, c = t.type === "checkbox", o = t.type === "radio", l = () => {
+  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 ?? "");
-  }, h = E(() => {
-    l();
+  }, u = E(() => {
+    a();
   });
-  r.push(h);
-  const u = t.tagName === "SELECT" ? "change" : "input", f = () => {
+  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;
   };
-  t.addEventListener(u, f), r.push(() => t.removeEventListener(u, f));
+  t.addEventListener(h, f), r.push(() => t.removeEventListener(h, f));
 }, ne = (n) => (e, s, r, t) => {
-  const a = (i) => {
+  const l = (i) => {
     const c = { ...r, $event: i, $el: e };
     if (!s.includes("(")) {
-      const l = q(s, c);
-      if (typeof l == "function") {
-        l(i);
+      const a = M(s, c);
+      if (typeof a == "function") {
+        a(i);
         return;
       }
       return;
     }
-    q(s, c);
+    M(s, c);
   };
-  e.addEventListener(n, a), t.push(() => e.removeEventListener(n, a));
+  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 = q(
+  const t = M(
     e,
     s
   );
@@ -277,89 +283,89 @@ const re = (n, e, s, r) => {
   }));
 }, oe = (n, e, s, r) => {
   const t = n;
-  let a = t.style.display;
-  if (!a || a === "none") {
+  let l = t.style.display;
+  if (!l || l === "none") {
     const c = t.ownerDocument.defaultView?.getComputedStyle(t).display ?? "";
-    a = c !== "none" ? c : "";
+    l = c !== "none" ? c : "";
   }
   const i = E(() => {
     const c = y(e, s);
-    t.style.display = c ? a : "none";
+    t.style.display = c ? l : "none";
   });
   r.push(i);
 }, ie = (n, e, s, r) => {
   const t = n;
-  let a = /* @__PURE__ */ new Set();
+  let l = /* @__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);
+      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 [l, h] of Object.entries(o)) {
-          const u = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-          t.style.setProperty(u, String(h ?? "")), c.add(u);
+        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);
         }
     }
-    for (const o of a)
+    for (const o of l)
       c.has(o) || t.style.removeProperty(o);
-    a = c;
+    l = c;
   });
   r.push(i);
 }, ce = (n, e, s, r) => {
   const t = E(() => {
-    const a = y(e, s);
-    n.textContent = String(a ?? "");
+    const l = y(e, s);
+    n.textContent = String(l ?? "");
   });
   r.push(t);
-}, M = (n, e, s, r, t) => {
-  const a = Array.from(n.attributes);
-  for (const i of a) {
+}, 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 l = c.slice(s.length + 1);
-    if (l === "for") {
+    const a = c.slice(s.length + 1);
+    if (a === "for") {
       t.for(n, o, e, r);
       return;
     }
-    if (l === "text")
+    if (a === "text")
       t.text(n, o, e, r);
-    else if (l === "html")
+    else if (a === "html")
       t.html(n, o, e, r);
-    else if (l === "if")
+    else if (a === "if")
       t.if(n, o, e, r);
-    else if (l === "show")
+    else if (a === "show")
       t.show(n, o, e, r);
-    else if (l === "class")
+    else if (a === "class")
       t.class(n, o, e, r);
-    else if (l === "style")
+    else if (a === "style")
       t.style(n, o, e, r);
-    else if (l === "model")
+    else if (a === "model")
       t.model(n, o, e, r);
-    else if (l === "ref")
+    else if (a === "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);
+    else if (a.startsWith("bind:")) {
+      const u = a.slice(5);
+      t.bind(u)(n, o, e, r);
+    } else if (a.startsWith("on:")) {
+      const u = a.slice(3);
+      t.on(u)(n, o, e, r);
     }
   }
-}, 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)
+}, 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.`);
-  if (a.hasAttribute(`${r}-for`))
+  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.`
     );
@@ -374,24 +380,24 @@ const re = (n, e, s, r) => {
     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)
+      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 ((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,
+  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: (l) => {
-      Object.assign(e, l);
+    update: (a) => {
+      Object.assign(e, a);
     },
     destroy: () => {
-      for (const l of i)
-        l();
+      for (const a of i)
+        a();
       i.length = 0;
     }
   };
@@ -405,22 +411,22 @@ const re = (n, e, s, r) => {
     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";
+  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 ${a}-${i} directive. Wrap the ${a}-${i} element in a container instead.`
+      `bQuery view: Template root element cannot have ${l}-${i} directive. Wrap the ${l}-${i} element in a container instead.`
     );
   }
-  return ae(t, s, e);
+  return le(t, s, e);
 };
 export {
-  be as batch,
+  ge as batch,
   de as clearExpressionCache,
   ye as computed,
   me as createTemplate,
   E as effect,
-  ae as mount,
+  le as mount,
   P as signal
 };
 //# sourceMappingURL=view.es.mjs.map