@statezero/core 0.2.50 → 0.2.51

package/dist/adaptors/vue/components/StateZeroDebugPanel.js

@@ -1,17 +1,17 @@
-import { ref as J, computed as R, onMounted as us, onBeforeUnmount as hs, watch as it, createElementBlock as $, openBlock as A, createElementVNode as h, createVNode as Mt, toDisplayString as S, createCommentVNode as V, Fragment as W, renderList as ce, normalizeClass as $t, normalizeStyle as at, withDirectives as Ue, createTextVNode as Qe, vModelCheckbox as At, vModelSelect as Ot, Transition as Pt, withCtx as Ft } from "vue";
+import { ref as J, computed as R, onMounted as us, onBeforeUnmount as hs, watch as it, createElementBlock as $, openBlock as A, createElementVNode as h, createVNode as Tt, toDisplayString as S, createCommentVNode as V, Fragment as W, renderList as ce, normalizeClass as Mt, normalizeStyle as at, withDirectives as Ue, createTextVNode as Qe, vModelCheckbox as $t, vModelSelect as At, Transition as Ot, withCtx as Pt } from "vue";
 import { v7 as G } from "uuid";
 import { isNil as E, isEmpty as Ce, trim as dt, isEqual as qe } from "lodash-es";
 import Ae from "mitt";
-import Dt from "handlebars";
-import It from "superjson";
+import Ft from "handlebars";
+import Dt from "superjson";
 import fs from "p-queue";
 import ps from "axios";
 import { z as P } from "zod";
 import ms from "pusher-js";
-import vt from "sift";
+import Wt, { createEqualsOperation as ee } from "sift";
 import { DateTime as ge } from "luxon";
 import { parse as ys, format as gs } from "date-fns";
-import { Graph as Kt } from "graphlib";
+import { Graph as It } from "graphlib";
 import Le from "object-hash";
 import * as Zt from "mathjs";
 import _s from "rfdc";
@@ -22,10 +22,10 @@ function ws(n) {
 function Je(n) {
   return typeof n == "string" && /\{\{\s*TempPK_[^}\s]+\s*\}\}/.test(n);
 }
-function zt(n) {
+function Kt(n) {
   return `{{TempPK_${n}}}`;
 }
-function Rt(n, e) {
+function zt(n, e) {
   const t = `{{TempPK_${n}}}`, s = `"TempPK_${n}"`, r = typeof e == "string" ? `"${e}"` : String(e);
   se.set(s, r);
   for (const o of ut)
@@ -47,14 +47,14 @@ function We(n) {
   const e = Object.fromEntries(se);
   try {
     if (typeof n == "string")
-      return Dt.compile(n, { noEscape: !0 })(e);
-    const t = It.stringify(n), r = Dt.compile(t, { noEscape: !0 })(e);
-    return It.parse(r);
+      return Ft.compile(n, { noEscape: !0 })(e);
+    const t = Dt.stringify(n), r = Ft.compile(t, { noEscape: !0 })(e);
+    return Dt.parse(r);
   } catch {
     return n;
   }
 }
-const vs = Ae(), Es = Ae(), Nt = Ae();
+const vs = Ae(), Es = Ae(), Rt = Ae();
 class bs {
   constructor(e, t = {}) {
     this.dbName = e, this.storeName = t.storeName || "keyval-store", this.batchDelay = t.batchDelay || 50, this.version = t.version || 5, this.resetOnErrors = t.resetOnErrors || [
@@ -236,7 +236,7 @@ class bs {
     }
   }
 }
-class Et {
+class vt {
   constructor(e, t = {}, s = null) {
     this.store = new bs(e, t), this.localMap = /* @__PURE__ */ new Map(), this.hydrate().then((r) => {
       typeof s == "function" && s(r);
@@ -347,7 +347,7 @@ class ks {
   operationsMap;
   isSyncing;
   constructor(e, t, s = null, r = null, o = {}) {
-    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new Et("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = ws((i, l) => {
+    this.modelClass = e, this.fetchFn = t, this.isSyncing = !1, this.pruneThreshold = o.pruneThreshold || 10, this.groundTruthArray = s || [], this.operationsMap = /* @__PURE__ */ new Map(), r && r.length > 0 && this._loadOperations(r), this.modelCache = new vt("model-cache", {}, this.onHydrated.bind(this)), this._lastRenderedData = /* @__PURE__ */ new Map(), this.renderCallbacks = /* @__PURE__ */ new Set(), this._unsubscribeTempPk = ws((i, l) => {
       if (this._lastRenderedData.has(i)) {
         const a = this._lastRenderedData.get(i);
         a && typeof a == "object" && (a[this.pkField] = l), this._lastRenderedData.set(l, a), this._lastRenderedData.delete(i);
@@ -950,7 +950,7 @@ class Ve extends ve {
     super("Validation error", "validation_error", e, t), this.name = "ValidationError";
   }
 }
-class xt extends ve {
+class Nt extends ve {
   /**
    * Creates a new DoesNotExist error.
    *
@@ -1014,7 +1014,7 @@ function Os(n) {
     case "ValidationError":
       return new Ve(s, e);
     case "NotFound":
-      return new xt(s, e);
+      return new Nt(s, e);
     case "MultipleObjectsReturned":
       return new $s(s, e);
     case "PermissionDenied":
@@ -1029,10 +1029,10 @@ function Os(n) {
     case "ValueError":
       return new Ve(s, e);
     default:
-      return e === 400 ? new Ve(s, e) : e === 403 ? new lt(s, e) : e === 404 ? new xt(s, e) : new ve("Unknown error", "unknown", s, e);
+      return e === 400 ? new Ve(s, e) : e === 403 ? new lt(s, e) : e === 404 ? new Nt(s, e) : new ve("Unknown error", "unknown", s, e);
   }
 }
-const jt = {
+const xt = {
   CREATE: "create",
   UPDATE: "update",
   DELETE: "delete",
@@ -1130,7 +1130,7 @@ Common causes:
         `%cAuthentication failed for channel ${t}. Check your authEndpoint and server-side permissions.`,
         "color: orange; font-weight: bold;"
       );
-    }), Object.values(jt).forEach((r) => {
+    }), Object.values(xt).forEach((r) => {
       s.bind(r, (o) => {
         const i = {
           ...o,
@@ -1145,7 +1145,7 @@ Common causes:
   unsubscribe(e) {
     const t = this.channels.get(e);
     if (!t) return;
-    Object.values(jt).forEach((r) => {
+    Object.values(xt).forEach((r) => {
       t.unbind(r);
     });
     const s = e.startsWith("private-") ? e : this.formatChannelName(e);
@@ -1192,13 +1192,13 @@ function Fs(n, e) {
   const t = Ze.get(n);
   t && t.disconnect(), Ze.set(n, e), e.connect();
 }
-function Ut(n = "default") {
+function jt(n = "default") {
   return Ze.get(n);
 }
 function Ds() {
   return Ze;
 }
-let Qt = {
+let Ut = {
   backendConfigs: {}
 };
 const Is = P.object({
@@ -1270,8 +1270,8 @@ const Is = P.object({
 });
 let ht = null;
 function Rs(n) {
-  Qt = n;
-  const e = zs.safeParse(Qt);
+  Ut = n;
+  const e = zs.safeParse(Ut);
   if (!e.success) {
     const t = e.error.errors.map((s) => s.message);
     throw new x(`Error setting configuration: ${t.join(", ")}`);
@@ -1401,13 +1401,13 @@ function Qs(n) {
 function Vs(n) {
   return Me.on("clear", n), () => Me.off("clear", n);
 }
-function Vt() {
+function Qt() {
   return ue.slice();
 }
 function Ls() {
   ue.length = 0, Me.emit("clear");
 }
-function Lt(n) {
+function Vt(n) {
   const e = Number(n);
   !Number.isFinite(e) || e <= 0 || (X.maxEntries = Math.floor(e), ue.length > X.maxEntries && ue.splice(0, ue.length - X.maxEntries));
 }
@@ -1607,7 +1607,7 @@ async function L(n, e, t = {}, s, r = null, o = null, i = {}) {
   }, fe = Bs(l), ae = b ? fe.add(re) : re();
   return a ? Hs(ae, a) : ae;
 }
-class Gt {
+class Lt {
   // Supported Django strftime formats and their date-fns equivalents
   static SUPPORTED_FORMATS = {
     "iso-8601": null,
@@ -1705,7 +1705,7 @@ function qs(n) {
   const e = Fe.getConfig();
   return (e.backendConfigs[n.configKey] || e.backendConfigs.default).BACKEND_TZ || "UTC";
 }
-const Bt = {
+const Gt = {
   // Store backend snake_case format internally for consistency with API
   toInternal: (n, e = {}) => {
     if (typeof n == "string")
@@ -1742,14 +1742,14 @@ const Bt = {
       mimeType: n.mime_type
     };
   }
-}, Ht = {
+}, Bt = {
   toInternal: (n, e = {}) => {
     if (E(n) || typeof n == "string") return n;
     if (n instanceof Date) {
       const { model: t, field: s, fieldSchema: r } = e, o = t?.schema || r?.format && {
         properties: { [s]: { format: r.format } }
       };
-      return o ? Gt.serializeDate(n, s, o) : n.toISOString();
+      return o ? Lt.serializeDate(n, s, o) : n.toISOString();
     }
     throw new Error(`expected string or Date, got ${typeof n}`);
   },
@@ -1758,7 +1758,7 @@ const Bt = {
     const { model: t, field: s } = e;
     if (t?.schema) {
       const r = qs(t);
-      return Gt.parseDate(n, s, t.schema, r);
+      return Lt.parseDate(n, s, t.schema, r);
     }
     try {
       return new Date(n);
@@ -1809,10 +1809,10 @@ const Bt = {
   }
 }, Se = {
   string: {
-    "file-path": Bt,
-    "image-path": Bt,
-    date: Ht,
-    "date-time": Ht,
+    "file-path": Gt,
+    "image-path": Gt,
+    date: Bt,
+    "date-time": Bt,
     "foreign-key": ke,
     "one-to-one": ke
   },
@@ -1884,7 +1884,6 @@ class ts {
     return t;
   }
 }
-const { createEqualsOperation: ee } = vt;
 function Ws(n) {
   if (!n || !n.configKey)
     return "UTC";
@@ -2225,7 +2224,7 @@ function er(n = "UTC", e = null) {
 }
 function tr(n, e) {
   const t = Ws(e);
-  return vt(n, {
+  return Wt(n, {
     operations: er(t, e)
   });
 }
@@ -2311,9 +2310,9 @@ function rr(n, e, t) {
       };
     }
   });
-  return n.filter(vt({ $or: o }));
+  return n.filter(Wt({ $or: o }));
 }
-function qt(n, e) {
+function Ht(n, e) {
   const t = e.split(".");
   let s = n;
   for (const r of t) {
@@ -2345,7 +2344,7 @@ function or(n, e, t) {
   const s = nr(e, t);
   return [...n].sort((r, o) => {
     for (const { field: i, desc: l } of s) {
-      const a = qt(r, i), c = qt(o, i);
+      const a = Ht(r, i), c = Ht(o, i);
       if (a !== c) {
         if (a === null && c !== null) return l ? -1 : 1;
         if (a !== null && c === null) return l ? 1 : -1;
@@ -2447,7 +2446,7 @@ class ir {
         const c = Oe.get(l.operationId) || new q(l, !0);
         this.operationsMap.set(c.operationId, c);
       }
-    if (this.qsCache = new Et("queryset-cache", {}, this.onHydrated.bind(this)), this._lastRenderedPks = null, this.renderCallbacks = /* @__PURE__ */ new Set(), !this.isTemp) {
+    if (this.qsCache = new vt("queryset-cache", {}, this.onHydrated.bind(this)), this._lastRenderedPks = null, this.renderCallbacks = /* @__PURE__ */ new Set(), !this.isTemp) {
       const l = Q.getStore(this.modelClass);
       this._modelStoreUnregister = l.registerRenderCallback(() => {
         this._emitRenderEvent();
@@ -2686,7 +2685,7 @@ class ir {
 }
 class ar {
   constructor() {
-    this.graph = new Kt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new It({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
   /**
    * Add a queryset and its parent relationship to the graph
@@ -2772,7 +2771,7 @@ class ar {
     return !e && !t ? !0 : !e || !t || e.length !== t.length ? !1 : e.every((s, r) => s === t[r]);
   }
   clear() {
-    this.graph = new Kt({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
+    this.graph = new It({ directed: !0 }), this.processedQuerysets = /* @__PURE__ */ new Set();
   }
 }
 class lr {
@@ -3190,7 +3189,7 @@ class fr {
 }
 class pr {
   constructor(e, t, s, r = null, o = null, i) {
-    this.metricType = e, this.modelClass = t, this.queryset = s, this.field = r, this.ast = o, this.fetchFn = i, this.groundTruthValue = null, this.isSyncing = !1, this.strategy = fr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new Et(
+    this.metricType = e, this.modelClass = t, this.queryset = s, this.field = r, this.ast = o, this.fetchFn = i, this.groundTruthValue = null, this.isSyncing = !1, this.strategy = fr.getStrategy(e, t), this.operations = [], this.confirmedOps = /* @__PURE__ */ new Set(), this.metricCache = new vt(
       "metric-store-cache",
       {},
       this.onHydrated.bind(this)
@@ -3264,7 +3263,7 @@ class pr {
   }
   setGroundTruth(e) {
     const t = !qe(this.groundTruthValue, e);
-    this.groundTruthValue = e, this.setCache(), t && Nt.emit("metric::render", {
+    this.groundTruthValue = e, this.setCache(), t && Rt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3285,7 +3284,7 @@ class pr {
       this.field,
       this.modelClass
     );
-    return qe(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Nt.emit("metric::render", {
+    return qe(this._lastCalculatedValue, e) || (this._lastCalculatedValue = e, Rt.emit("metric::render", {
       metricType: this.metricType,
       ModelClass: this.modelClass,
       field: this.field,
@@ -3350,7 +3349,7 @@ class de {
    * @returns {Operation} The created operation
    */
   static createCreateOperation(e, t = {}, s = null) {
-    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = zt(i);
+    const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = Kt(i);
     return new q({
       operationId: i,
       type: M.CREATE,
@@ -3369,7 +3368,7 @@ class de {
    */
   static createBulkCreateOperation(e, t = [], s = null) {
     const o = e.ModelClass.primaryKeyField, i = s || `${G()}`, l = t.map((a, c) => {
-      const f = zt(`${i}_${c}`);
+      const f = Kt(`${i}_${c}`);
       return { ...a, [o]: f };
     });
     return new q({
@@ -3510,7 +3509,7 @@ class de {
     });
   }
 }
-class Jt extends Array {
+class qt extends Array {
   /**
    * Creates a new ResultTuple.
    *
@@ -3580,7 +3579,7 @@ class yr {
       lookup: s.lookup || {},
       defaults: s.defaults || {}
     }, l = t === "get_or_create" ? de.createGetOrCreateOperation(e, i.lookup, i.defaults) : de.createUpdateOrCreateOperation(e, i.lookup, i.defaults), a = l.type === "create", c = r.fromPk(l.instances[0][o], e);
-    let f = new Jt(c, a);
+    let f = new qt(c, a);
     if (l.localOnly)
       return l.updateStatus(C.CONFIRMED, l.instances), f;
     const p = L(
@@ -3597,7 +3596,7 @@ class yr {
       return b && l.mutate({
         instances: [b],
         status: C.CONFIRMED
-      }), f = new Jt(c, v), Z(f), f;
+      }), f = new qt(c, v), Z(f), f;
     }).catch((m) => {
       throw l.updateStatus(C.REJECTED), m;
     });
@@ -3727,7 +3726,7 @@ class yr {
       o,
       async (p) => {
         const { data: m } = p.data, y = Array.isArray(m) ? m[0] : m;
-        Rt(o, y);
+        zt(o, y);
       }
     ).then((p) => {
       const { data: m, included: y, model_name: _ } = p.data;
@@ -3777,7 +3776,7 @@ class yr {
         const { data: m } = p.data;
         (Array.isArray(m) ? m : []).forEach((_, w) => {
           const v = `${o}_${w}`;
-          Rt(v, _);
+          zt(v, _);
         });
       }
     ).then((p) => {
@@ -4139,7 +4138,7 @@ class wr {
     const r = [...this.followedModels.values()].some(
       (o) => o.has(t)
     );
-    s.add(t), r || Ut(t.configKey)?.subscribe(
+    s.add(t), r || jt(t.configKey)?.subscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4149,7 +4148,7 @@ class wr {
     if (!s) return;
     s.delete(t), [...this.followedModels.values()].some(
       (o) => o.has(t)
-    ) || Ut(t.configKey)?.unsubscribe(
+    ) || jt(t.configKey)?.unsubscribe(
       t.modelName,
       this.handleEvent
     );
@@ -4384,7 +4383,7 @@ const Er = (n, e) => {
 }, vo = { class: "szd-kv__row" }, Eo = { class: "szd-kv__value" }, bo = { class: "szd-kv__row" }, ko = { class: "szd-kv__value" }, So = {
   key: 0,
   class: "szd-kv__note"
-}, To = { class: "szd-ast" }, Wt = 100, Mo = {
+}, To = { class: "szd-ast" }, Jt = 100, Mo = {
   __name: "StateZeroDebugPanel",
   props: {
     queryset: { type: [Object, String], default: null },
@@ -4398,7 +4397,7 @@ const Er = (n, e) => {
       { id: "timeline", label: "Timeline" },
       { id: "data", label: "Data" },
       { id: "ast", label: "AST" }
-    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Vt()), a = J(0), c = J(!1), f = J(null), p = J(!1), m = J(null), y = J({
+    ], r = J(""), o = J(e.useQueryset), i = J(!0), l = J(Qt()), a = J(0), c = J(!1), f = J(null), p = J(!1), m = J(null), y = J({
       request: !0,
       response: !0,
       render: !0,
@@ -4584,8 +4583,8 @@ const Er = (n, e) => {
     const Ke = R(() => {
       if (!f.value || f.value.type !== "snapshot") return [];
       const u = f.value.data, d = N.value, g = U.value;
-      return !d || !g || !u.pks ? [] : D(d.modelClass, g, u.pks, Wt);
-    }), Xe = R(() => !f.value || f.value.type !== "snapshot" ? !1 : f.value.data.count > Wt), ze = R(() => {
+      return !d || !g || !u.pks ? [] : D(d.modelClass, g, u.pks, Jt);
+    }), Xe = R(() => !f.value || f.value.type !== "snapshot" ? !1 : f.value.data.count > Jt), ze = R(() => {
       if (!k.value) return l.value;
       const u = N.value;
       return l.value.filter((d) => d.semanticKey === k.value ? !0 : u ? d.modelName === u.modelClass?.modelName && d.configKey === u.modelClass?.configKey : !1);
@@ -4613,7 +4612,7 @@ const Er = (n, e) => {
         return "";
       }
     }
-    function bt(u) {
+    function Et(u) {
       if (!u) return "";
       switch (u.type) {
         case "request":
@@ -4687,36 +4686,36 @@ const Er = (n, e) => {
         }
       }
     }
-    function kt(u) {
+    function bt(u) {
       f.value = { type: "entry", data: u };
     }
     function as(u) {
       f.value = { type: "snapshot", data: u };
     }
-    function St() {
+    function kt() {
       f.value = null;
     }
-    function Tt(u) {
+    function St(u) {
       Object.keys(y.value).forEach((d) => {
         y.value[d] = u;
       });
     }
     let tt = null, st = null, rt = null, nt = null;
     return us(() => {
-      Gs(), Lt(e.maxEntries), tt = Qs((u) => {
+      Gs(), Vt(e.maxEntries), tt = Qs((u) => {
         i.value && (l.value = [...l.value, u], l.value.length > e.maxEntries && (l.value = l.value.slice(-e.maxEntries)));
       }), st = Vs(() => {
         l.value = [];
       }), rt = setInterval(() => {
         a.value += 1;
       }, 2e3), nt = setInterval(() => {
-        l.value = Vt();
+        l.value = Qt();
       }, 1e3);
     }), hs(() => {
       tt && tt(), st && st(), rt && clearInterval(rt), nt && clearInterval(nt);
     }), it(
       () => e.maxEntries,
-      (u) => Lt(u)
+      (u) => Vt(u)
     ), it(
       () => e.useQueryset,
       (u) => {
@@ -4761,7 +4760,7 @@ const Er = (n, e) => {
         h("nav", Dr, [
           (A(), $(W, null, ce(s, (g) => h("button", {
             key: g.id,
-            class: $t(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
+            class: Mt(["szd-tabs__tab", { "szd-tabs__tab--active": t.value === g.id }]),
             onClick: (K) => t.value = g.id
           }, S(g.label), 11, Ir)), 64))
         ])
@@ -4820,13 +4819,13 @@ const Er = (n, e) => {
             d[22] || (d[22] = h("h3", { class: "szd-panel__heading" }, "Last Event", -1)),
             h("button", {
               class: "szd-event-preview",
-              onClick: d[1] || (d[1] = (g) => kt(ne.value))
+              onClick: d[1] || (d[1] = (g) => bt(ne.value))
             }, [
               h("span", {
                 class: "szd-event-preview__badge",
                 style: at({ background: xe(ne.value.type) })
               }, S(ne.value.type), 5),
-              h("span", ln, S(bt(ne.value)), 1),
+              h("span", ln, S(Et(ne.value)), 1),
               h("span", cn, S(et(ne.value.ts)), 1)
             ])
           ])) : V("", !0)
@@ -4835,15 +4834,15 @@ const Er = (n, e) => {
           h("div", un, [
             h("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[2] || (d[2] = (g) => Tt(!0))
+              onClick: d[2] || (d[2] = (g) => St(!0))
             }, "All"),
             h("button", {
               class: "szd-btn szd-btn--sm",
-              onClick: d[3] || (d[3] = (g) => Tt(!1))
+              onClick: d[3] || (d[3] = (g) => St(!1))
             }, "None"),
             (A(), $(W, null, ce(Ne, (g) => h("label", {
               key: g.id,
-              class: $t(["szd-filter-chip", { "szd-filter-chip--active": y.value[g.id] }]),
+              class: Mt(["szd-filter-chip", { "szd-filter-chip--active": y.value[g.id] }]),
               style: at(y.value[g.id] ? { background: g.color, borderColor: g.color } : {})
             }, [
               Ue(h("input", {
@@ -4851,7 +4850,7 @@ const Er = (n, e) => {
                 "onUpdate:modelValue": (K) => y.value[g.id] = K,
                 class: "szd-filter-chip__input"
               }, null, 8, hn), [
-                [At, y.value[g.id]]
+                [$t, y.value[g.id]]
               ]),
               Qe(" " + S(g.label), 1)
             ], 6)), 64))
@@ -4860,14 +4859,14 @@ const Er = (n, e) => {
             (A(!0), $(W, null, ce(Ee.value, (g) => (A(), $("div", {
               key: g.id,
               class: "szd-timeline__item",
-              onClick: (K) => kt(g)
+              onClick: (K) => bt(g)
             }, [
               h("span", mn, S(et(g.ts)), 1),
               h("span", {
                 class: "szd-timeline__badge",
                 style: at({ background: xe(g.type) })
               }, S(g.type), 5),
-              h("span", yn, S(bt(g)), 1)
+              h("span", yn, S(Et(g)), 1)
             ], 8, pn))), 128)),
             Ee.value.length ? V("", !0) : (A(), $("div", gn, " No events match current filters "))
           ])
@@ -4901,7 +4900,7 @@ const Er = (n, e) => {
                   value: g
                 }, S(g), 9, Tn))), 128))
               ], 512), [
-                [Ot, m.value]
+                [At, m.value]
               ])
             ]),
             m.value != null ? (A(), $("div", Mn, [
@@ -4929,8 +4928,8 @@ const Er = (n, e) => {
           h("pre", Rn, S(re.value ? JSON.stringify(re.value, null, 2) : "Select a queryset to view AST"), 1)
         ])) : V("", !0)
       ]),
-      Mt(Pt, { name: "szd-slide" }, {
-        default: Ft(() => [
+      Tt(Ot, { name: "szd-slide" }, {
+        default: Pt(() => [
           p.value ? (A(), $("div", Nn, [
             h("div", {
               class: "szd-detail__backdrop",
@@ -4957,7 +4956,7 @@ const Er = (n, e) => {
                       value: g.semanticKey
                     }, S(g.modelName || "?") + " · " + S(g.semanticKey), 9, Vn))), 128))
                   ], 512), [
-                    [Ot, r.value]
+                    [At, r.value]
                   ])
                 ]),
                 k.value ? (A(), $("div", Ln, [
@@ -4991,7 +4990,7 @@ const Er = (n, e) => {
                       type: "checkbox",
                       "onUpdate:modelValue": d[8] || (d[8] = (g) => i.value = g)
                     }, null, 512), [
-                      [At, i.value]
+                      [$t, i.value]
                     ]),
                     d[33] || (d[33] = Qe(" Live updates ", -1))
                   ])
@@ -5027,19 +5026,19 @@ const Er = (n, e) => {
         ]),
         _: 1
       }),
-      Mt(Pt, { name: "szd-slide" }, {
-        default: Ft(() => [
+      Tt(Ot, { name: "szd-slide" }, {
+        default: Pt(() => [
           f.value ? (A(), $("div", uo, [
             h("div", {
               class: "szd-detail__backdrop",
-              onClick: St
+              onClick: kt
             }),
             h("div", ho, [
               h("div", fo, [
                 h("h3", po, S(f.value.type === "entry" ? "Event Detail" : "Snapshot: " + f.value.data.label), 1),
                 h("button", {
                   class: "szd-btn",
-                  onClick: St
+                  onClick: kt
                 }, "Close")
               ]),
               h("div", mo, [

package/dist/filtering/localFiltering.js

@@ -1,5 +1,4 @@
-import sift from 'sift';
-const { createEqualsOperation } = sift;
+import sift, { createEqualsOperation } from 'sift';
 import { configInstance } from '../config.js';
 import { DateTime } from 'luxon';
 import { ModelSerializer } from '../flavours/django/serializers.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statezero/core",
-  "version": "0.2.50",
+  "version": "0.2.51",
   "type": "module",
   "module": "ESNext",
   "description": "The type-safe frontend client for StateZero - connect directly to your backend models with zero boilerplate",