@mtdt/observeops-ds-elements 0.1.84 → 0.1.85

package/dist/observeops-elements.js

@@ -447,7 +447,7 @@ const P4 = /* @__PURE__ */ new WeakMap(), l3 = /* @__PURE__ */ Symbol(
 ), $3 = /* @__PURE__ */ Symbol(
   ""
 );
-function d2(e, t, s) {
+function u2(e, t, s) {
   if (L2 && U1) {
     let l = P4.get(e);
     l || P4.set(e, l = /* @__PURE__ */ new Map());
@@ -490,10 +490,10 @@ function F2(e, t, s, l, c, o) {
 }
 function r3(e) {
   const t = /* @__PURE__ */ B1(e);
-  return t === e ? t : (d2(t, "iterate", $3), /* @__PURE__ */ k2(e) ? t : t.map(S2));
+  return t === e ? t : (u2(t, "iterate", $3), /* @__PURE__ */ k2(e) ? t : t.map(S2));
 }
 function C4(e) {
-  return d2(e = /* @__PURE__ */ B1(e), "iterate", $3), e;
+  return u2(e = /* @__PURE__ */ B1(e), "iterate", $3), e;
 }
 function P2(e, t) {
   return /* @__PURE__ */ q2(e) ? f3(/* @__PURE__ */ o3(e) ? S2(t) : t) : S2(t);
@@ -644,7 +644,7 @@ function C8(e, t, s, l) {
 }
 function _4(e, t, s) {
   const l = /* @__PURE__ */ B1(e);
-  d2(l, "iterate", $3);
+  u2(l, "iterate", $3);
   const c = l[t](...s);
   return (c === -1 || c === !1) && /* @__PURE__ */ t8(s[0]) ? (s[0] = /* @__PURE__ */ B1(s[0]), l[t](...s)) : c;
 }
@@ -659,7 +659,7 @@ const x6 = /* @__PURE__ */ W4("__proto__,__v_isRef,__isVue"), u5 = new Set(
 function y6(e) {
   _2(e) || (e = String(e));
   const t = /* @__PURE__ */ B1(this);
-  return d2(t, "has", e), t.hasOwnProperty(e);
+  return u2(t, "has", e), t.hasOwnProperty(e);
 }
 class p5 {
   constructor(t = !1, s = !1) {
@@ -694,7 +694,7 @@ class p5 {
       // its class methods
       /* @__PURE__ */ v2(t) ? t : l
     );
-    if ((_2(s) ? u5.has(s) : x6(s)) || (c || d2(t, "get", s), o))
+    if ((_2(s) ? u5.has(s) : x6(s)) || (c || u2(t, "get", s), o))
       return a;
     if (/* @__PURE__ */ v2(a)) {
       const u = r && q4(s) ? a : a.value;
@@ -731,10 +731,10 @@ class h5 extends p5 {
   }
   has(t, s) {
     const l = Reflect.has(t, s);
-    return (!_2(s) || !u5.has(s)) && d2(t, "has", s), l;
+    return (!_2(s) || !u5.has(s)) && u2(t, "has", s), l;
   }
   ownKeys(t) {
-    return d2(
+    return u2(
       t,
       "iterate",
       Z1(t) ? "length" : l3
@@ -757,7 +757,7 @@ const D4 = (e) => e, F3 = (e) => Reflect.getPrototypeOf(e);
 function H6(e, t, s) {
   return function(...l) {
     const c = this.__v_raw, o = /* @__PURE__ */ B1(c), r = d3(o), a = e === "entries" || e === Symbol.iterator && r, u = e === "keys" && r, p = c[e](...l), v = s ? D4 : t ? f3 : S2;
-    return !t && d2(
+    return !t && u2(
       o,
       "iterate",
       u ? E4 : l3
@@ -786,7 +786,7 @@ function V6(e, t) {
   const s = {
     get(c) {
       const o = this.__v_raw, r = /* @__PURE__ */ B1(o), a = /* @__PURE__ */ B1(c);
-      e || (D2(c, a) && d2(r, "get", c), d2(r, "get", a));
+      e || (D2(c, a) && u2(r, "get", c), u2(r, "get", a));
       const { has: u } = F3(r), p = t ? D4 : e ? f3 : S2;
       if (u.call(r, c))
         return p(o.get(c));
@@ -796,15 +796,15 @@ function V6(e, t) {
     },
     get size() {
       const c = this.__v_raw;
-      return !e && d2(/* @__PURE__ */ B1(c), "iterate", l3), c.size;
+      return !e && u2(/* @__PURE__ */ B1(c), "iterate", l3), c.size;
     },
     has(c) {
       const o = this.__v_raw, r = /* @__PURE__ */ B1(o), a = /* @__PURE__ */ B1(c);
-      return e || (D2(c, a) && d2(r, "has", c), d2(r, "has", a)), c === a ? o.has(c) : o.has(c) || o.has(a);
+      return e || (D2(c, a) && u2(r, "has", c), u2(r, "has", a)), c === a ? o.has(c) : o.has(c) || o.has(a);
     },
     forEach(c, o) {
       const r = this, a = r.__v_raw, u = /* @__PURE__ */ B1(a), p = t ? D4 : e ? f3 : S2;
-      return !e && d2(u, "iterate", l3), a.forEach((v, h) => c.call(o, p(v), p(h), r));
+      return !e && u2(u, "iterate", l3), a.forEach((v, h) => c.call(o, p(v), p(h), r));
     }
   };
   return t2(
@@ -1252,12 +1252,12 @@ function y5(e) {
     O2 = -1, b2.length = 0, x5(), Q3 = null, (b2.length || u3.length) && y5();
   }
 }
-let n2 = null, Z5 = null;
+let a2 = null, Z5 = null;
 function e4(e) {
-  const t = n2;
-  return n2 = e, Z5 = e && e.type.__scopeId || null, t;
+  const t = a2;
+  return a2 = e, Z5 = e && e.type.__scopeId || null, t;
 }
-function V2(e, t = n2, s) {
+function V2(e, t = a2, s) {
   if (!t || e._n)
     return e;
   const l = (...c) => {
@@ -1274,9 +1274,9 @@ function V2(e, t = n2, s) {
   return l._n = !0, l._c = !0, l._d = !0, l;
 }
 function Z2(e, t) {
-  if (n2 === null)
+  if (a2 === null)
     return e;
-  const s = Z4(n2), l = e.dirs || (e.dirs = []);
+  const s = Z4(a2), l = e.dirs || (e.dirs = []);
   for (let c = 0; c < t.length; c++) {
     let [o, r, a, u = N1] = t[c];
     o && (H1(o) && (o = {
@@ -1519,7 +1519,7 @@ function P1(e, t) {
 }
 const i9 = /* @__PURE__ */ Symbol.for("v-ndc");
 function d9(e, t, s = !0, l = !1) {
-  const c = n2 || h2;
+  const c = a2 || h2;
   if (c) {
     const o = c.type;
     {
@@ -1579,7 +1579,7 @@ function t1(e, t, s, l) {
   return c;
 }
 function W1(e, t, s = {}, l, c) {
-  if (n2.ce || n2.parent && p3(n2.parent) && n2.parent.ce) {
+  if (a2.ce || a2.parent && p3(a2.parent) && a2.parent.ce) {
     const p = Object.keys(s).length > 0;
     return t !== "default" && (s.name = t), n(), T1(
       $,
@@ -1661,7 +1661,7 @@ const B4 = (e) => e ? J5(e) ? Z4(e) : B4(e.parent) : null, L3 = (
     const p = L3[t];
     let v, h;
     if (p)
-      return t === "$attrs" && d2(e.attrs, "get", ""), p(e);
+      return t === "$attrs" && u2(e.attrs, "get", ""), p(e);
     if (
       // css module (injected by vue-loader)
       (v = a.__cssModules) && (v = v[t])
@@ -1723,7 +1723,7 @@ function p9(e) {
     renderTracked: r1,
     renderTriggered: b1,
     errorCaptured: V1,
-    serverPrefetch: C1,
+    serverPrefetch: g1,
     // public API
     expose: G,
     inheritAttrs: L1,
@@ -1767,7 +1767,7 @@ function p9(e) {
   function M1(h1, u1) {
     Z1(u1) ? u1.forEach((q1) => h1(q1.bind(s))) : u1 && h1(u1.bind(s));
   }
-  if (M1(t9, h), M1(B2, b), M1(s9, M), M1(c9, T), M1(X6, U), M1(Q6, e1), M1(n9, V1), M1(r9, r1), M1(o9, b1), M1(A2, J), M1(L5, A), M1(l9, C1), Z1(G))
+  if (M1(t9, h), M1(B2, b), M1(s9, M), M1(c9, T), M1(X6, U), M1(Q6, e1), M1(n9, V1), M1(r9, r1), M1(o9, b1), M1(A2, J), M1(L5, A), M1(l9, g1), Z1(G))
     if (G.length) {
       const h1 = e.exposed || (e.exposed = {});
       G.forEach((u1) => {
@@ -1778,7 +1778,7 @@ function p9(e) {
         });
       });
     } else e.exposed || (e.exposed = {});
-  D && e.render === R2 && (e.render = D), L1 != null && (e.inheritAttrs = L1), O1 && (e.components = O1), I1 && (e.directives = I1), C1 && k5(e);
+  D && e.render === R2 && (e.render = D), L1 != null && (e.inheritAttrs = L1), O1 && (e.components = O1), I1 && (e.directives = I1), g1 && k5(e);
 }
 function h9(e, t, s = R2) {
   Z1(e) && (e = j4(e));
@@ -2515,7 +2515,7 @@ function z9(e, t) {
     else {
       const O = f.el && f.el._isVueCE ? f.el : null;
       try {
-        O && O._beginPatch(), C1(
+        O && O._beginPatch(), g1(
           f,
           g,
           R,
@@ -2590,7 +2590,7 @@ function z9(e, t) {
         N
       );
     }
-  }, C1 = (f, g, V, I, R, z, q) => {
+  }, g1 = (f, g, V, I, R, z, q) => {
     const N = g.el = f.el;
     let { patchFlag: W, dynamicChildren: O, dirs: i1 } = g;
     W |= f.patchFlag & 16;
@@ -3314,7 +3314,7 @@ const q5 = ({ key: e }) => e ?? null, G3 = ({
   ref: e,
   ref_key: t,
   ref_for: s
-}) => (typeof e == "number" && (e = "" + e), e != null ? Y1(e) || /* @__PURE__ */ v2(e) || H1(e) ? { i: n2, r: e, k: t, f: !!s } : e : null);
+}) => (typeof e == "number" && (e = "" + e), e != null ? Y1(e) || /* @__PURE__ */ v2(e) || H1(e) ? { i: a2, r: e, k: t, f: !!s } : e : null);
 function d(e, t = null, s = null, l = 0, c = null, o = e === $ ? 0 : 1, r = !1, a = !1) {
   const u = {
     __v_isVNode: !0,
@@ -3343,7 +3343,7 @@ function d(e, t = null, s = null, l = 0, c = null, o = e === $ ? 0 : 1, r = !1,
     dynamicProps: c,
     dynamicChildren: null,
     appContext: null,
-    ctx: n2
+    ctx: a2
   };
   return a ? (a8(u, s), o & 128 && e.normalize(u)) : s && (u.shapeFlag |= Y1(s) ? 8 : 16), z3 > 0 && // avoid a block node from tracking itself
   !r && // has current parent block
@@ -3439,7 +3439,7 @@ function C3(e, t, s = !1, l = !1) {
 function S1(e = " ", t = 0) {
   return K(y4, null, e, t);
 }
-function u2(e, t) {
+function n2(e, t) {
   const s = K(J3, null, e);
   return s.staticCount = t, s;
 }
@@ -3472,9 +3472,9 @@ function a8(e, t) {
     } else {
       s = 32;
       const c = t._;
-      !c && !E5(t) ? t._ctx = n2 : c === 3 && n2 && (n2.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
+      !c && !E5(t) ? t._ctx = a2 : c === 3 && a2 && (a2.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
     }
-  else H1(t) ? (t = { default: t, _ctx: n2 }, s = 32) : (t = String(t), l & 64 ? (s = 16, t = [S1(t)]) : s = 8);
+  else H1(t) ? (t = { default: t, _ctx: a2 }, s = 32) : (t = String(t), l & 64 ? (s = 16, t = [S1(t)]) : s = 8);
   e.children = t, e.shapeFlag |= s;
 }
 function B9(...e) {
@@ -3583,7 +3583,7 @@ function N9(e, t, s) {
   return o.ctx = { _: o }, o.root = t ? t.root : o, o.emit = x9.bind(null, o), e.ce && e.ce(o), o;
 }
 let h2 = null;
-const i8 = () => h2 || n2;
+const i8 = () => h2 || a2;
 let c4, F4;
 {
   const e = f4(), t = (s, l) => {
@@ -3665,7 +3665,7 @@ function G5(e, t, s) {
 }
 const W9 = {
   get(e, t) {
-    return d2(e, "get", ""), e[t];
+    return u2(e, "get", ""), e[t];
   }
 };
 function K9(e) {
@@ -4346,7 +4346,7 @@ const m0 = ["ctrl", "shift", "alt", "meta"], x0 = {
   middle: (e) => "button" in e && e.button !== 1,
   right: (e) => "button" in e && e.button !== 2,
   exact: (e, t) => m0.some((s) => e[`${s}Key`] && !t.includes(s))
-}, g1 = (e, t) => {
+}, C1 = (e, t) => {
   if (!e) return e;
   const s = e._withMods || (e._withMods = {}), l = t.join(".");
   return s[l] || (s[l] = (c, ...o) => {
@@ -4727,7 +4727,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       o.value.length ? (n(), i("span", Q0, [
         d("span", {
           class: "pill more-pill",
-          onClick: g1(u, ["stop"])
+          onClick: C1(u, ["stop"])
         }, "+" + L(o.value.length), 1),
         r.value ? (n(), i("div", e7, [
           (n(!0), i($, null, t1(o.value, (b, M) => (n(), i("div", {
@@ -5185,7 +5185,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function l1(m) {
       return m ? String(m).split(",").map((C) => C.trim()).filter(Boolean) : [];
     }
-    const J = /* @__PURE__ */ F(null), E = /* @__PURE__ */ F(null), A = /* @__PURE__ */ F(null), D = /* @__PURE__ */ F(null), r1 = /* @__PURE__ */ F(!1), b1 = /* @__PURE__ */ F(""), V1 = /* @__PURE__ */ F(-1), C1 = /* @__PURE__ */ F(-1), G = /* @__PURE__ */ F(!1), L1 = /* @__PURE__ */ F(!1), O1 = /* @__PURE__ */ F(!1), I1 = /* @__PURE__ */ F(""), _ = /* @__PURE__ */ F(l1(s.value)), f1 = /* @__PURE__ */ F([]), M1 = /* @__PURE__ */ F({}), h1 = /* @__PURE__ */ F(!1), u1 = /* @__PURE__ */ F({});
+    const J = /* @__PURE__ */ F(null), E = /* @__PURE__ */ F(null), A = /* @__PURE__ */ F(null), D = /* @__PURE__ */ F(null), r1 = /* @__PURE__ */ F(!1), b1 = /* @__PURE__ */ F(""), V1 = /* @__PURE__ */ F(-1), g1 = /* @__PURE__ */ F(-1), G = /* @__PURE__ */ F(!1), L1 = /* @__PURE__ */ F(!1), O1 = /* @__PURE__ */ F(!1), I1 = /* @__PURE__ */ F(""), _ = /* @__PURE__ */ F(l1(s.value)), f1 = /* @__PURE__ */ F([]), M1 = /* @__PURE__ */ F({}), h1 = /* @__PURE__ */ F(!1), u1 = /* @__PURE__ */ F({});
     K1(() => s.value, (m) => {
       _.value = l1(m);
     });
@@ -5198,7 +5198,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       } catch {
       }
     }, { deep: !0 });
-    const _1 = k(() => s.placeholder || "Select"), o1 = (m) => m === "false" || m === !1, s1 = (m) => m === "true" || m === !0 || m === "", w1 = k(() => s.canUserAddOptions || s.useAfterMenuDescription ? !0 : o1(s.searchable) ? !1 : s1(s.searchable) ? !0 : a2.value.length > Ze), F1 = k(() => !o1(s.asInput)), y2 = ["input", "text", "button", "icon", "chip"], J1 = k(() => s.trigger && y2.includes(s.trigger) ? s.trigger : a.value ? "icon" : s.textOnly ? "text" : F1.value ? "input" : "chip"), X1 = (m, C) => typeof m == "string" ? { value: m, label: m, disabled: C.has(m) } : { value: m.value, label: m.label ?? m.text ?? m.value, disabled: !!m.disabled || C.has(m.value), description: m.description, color: m.color, icon: m.icon, severity: m.severity, avatar: m.avatar, sublabel: m.sublabel ?? m.email }, o2 = (m, C) => {
+    const _1 = k(() => s.placeholder || "Select"), o1 = (m) => m === "false" || m === !1, s1 = (m) => m === "true" || m === !0 || m === "", w1 = k(() => s.canUserAddOptions || s.useAfterMenuDescription ? !0 : o1(s.searchable) ? !1 : s1(s.searchable) ? !0 : i2.value.length > Ze), F1 = k(() => !o1(s.asInput)), y2 = ["input", "text", "button", "icon", "chip"], J1 = k(() => s.trigger && y2.includes(s.trigger) ? s.trigger : a.value ? "icon" : s.textOnly ? "text" : F1.value ? "input" : "chip"), X1 = (m, C) => typeof m == "string" ? { value: m, label: m, disabled: C.has(m) } : { value: m.value, label: m.label ?? m.text ?? m.value, disabled: !!m.disabled || C.has(m.value), description: m.description, color: m.color, icon: m.icon, severity: m.severity, avatar: m.avatar, sublabel: m.sublabel ?? m.email }, o2 = (m, C) => {
       const x = X1(m, C);
       return m && typeof m == "object" && Array.isArray(m.children) ? { ...x, value: m.value, label: m.label ?? m.value, group: !0, children: m.children.map((a1) => o2(a1, C)) } : x;
     }, f2 = k(() => {
@@ -5220,10 +5220,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (const x of m)
         x.group && x.children ? e2(x.children, C) : C.push(x);
       return C;
-    }, a2 = k(() => e2(f2.value, []).concat(f1.value)), f = k(() => f2.value.some((m) => m.group)), g = k(() => {
+    }, i2 = k(() => e2(f2.value, []).concat(f1.value)), f = k(() => f2.value.some((m) => m.group)), g = k(() => {
       const m = b1.value.toLowerCase();
-      return a2.value.filter((C) => !m || String(C.label).toLowerCase().includes(m));
-    }), V = k(() => a2.value.filter((m) => !m.disabled).map((m) => m.value)), I = k(() => V.value.length > 0 && V.value.every((m) => _.value.includes(m))), R = /* @__PURE__ */ F(/* @__PURE__ */ new Set()), z = (m) => m && String(m).startsWith("--") ? `var(${m}, #6a7fa0)` : m, q = (m) => {
+      return i2.value.filter((C) => !m || String(C.label).toLowerCase().includes(m));
+    }), V = k(() => i2.value.filter((m) => !m.disabled).map((m) => m.value)), I = k(() => V.value.length > 0 && V.value.every((m) => _.value.includes(m))), R = /* @__PURE__ */ F(/* @__PURE__ */ new Set()), z = (m) => m && String(m).startsWith("--") ? `var(${m}, #6a7fa0)` : m, q = (m) => {
       if (m.severity) return String(m.severity).toLowerCase().trim();
       const C = m.color && String(m.color).match(/^--severity-([a-z]+)/i);
       return C ? C[1].toLowerCase() : "";
@@ -5264,7 +5264,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     const m1 = k(() => s.maxValues > 0 && _.value.length >= s.maxValues);
     function D1(m) {
-      const C = a2.value.find((x) => x.value === m);
+      const C = i2.value.find((x) => x.value === m);
       return C ? C.label : m;
     }
     function R1() {
@@ -5324,9 +5324,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function z1() {
       const m = I1.value.trim();
-      m && (a2.value.some((C) => C.value === m) || (f1.value = [...f1.value, { value: m, label: m }]), l("add", m), s.multiple ? (_.value.includes(m) || (_.value = [..._.value, m]), l("change", [..._.value])) : (_.value = [m], l("change", m)), O1.value = !1, I1.value = "", p2(R1));
+      m && (i2.value.some((C) => C.value === m) || (f1.value = [...f1.value, { value: m, label: m }]), l("add", m), s.multiple ? (_.value.includes(m) || (_.value = [..._.value, m]), l("change", [..._.value])) : (_.value = [m], l("change", m)), O1.value = !1, I1.value = "", p2(R1));
     }
-    function i2(m) {
+    function d2(m) {
       b1.value = m.target.value, V1.value = 0, l("search", b1.value), p2(R1);
     }
     function Q1(m) {
@@ -5367,7 +5367,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       h1.value = !1;
     }
     const N3 = k(() => {
-      const m = g.value[C1.value];
+      const m = g.value[g1.value];
       return m ? m.description : null;
     });
     return (m, C) => {
@@ -5505,8 +5505,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 draggable: !P.locked,
                 onClick: (G1) => h(P),
                 onDragstart: (G1) => b(k1),
-                onDragover: g1((G1) => M(k1), ["prevent"]),
-                onDrop: g1((G1) => T(k1), ["prevent"]),
+                onDragover: C1((G1) => M(k1), ["prevent"]),
+                onDrop: C1((G1) => T(k1), ["prevent"]),
                 onDragend: U
               }, [
                 K(x, {
@@ -5549,14 +5549,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   ref: A,
                   value: b1.value,
                   placeholder: "Search",
-                  onInput: i2
+                  onInput: d2
                 }, null, 40, ee)
               ]),
               e.canUserAddOptions ? (n(), i("button", {
                 key: 0,
                 class: "addbtn",
                 "aria-label": "Add option",
-                onMousedown: C[3] || (C[3] = g1(() => {
+                onMousedown: C[3] || (C[3] = C1(() => {
                 }, ["prevent"])),
                 onClick: n1
               }, [
@@ -5574,14 +5574,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 placeholder: `Add ${e.addLabel || "option"}`,
                 onInput: C[4] || (C[4] = (P) => I1.value = P.target.value),
                 onKeydown: [
-                  W8(g1(z1, ["prevent"]), ["enter"]),
-                  W8(g1($1, ["prevent"]), ["esc"])
+                  W8(C1(z1, ["prevent"]), ["enter"]),
+                  W8(C1($1, ["prevent"]), ["esc"])
                 ]
               }, null, 40, se),
               d("button", {
                 class: "ok",
                 "aria-label": "Confirm",
-                onMousedown: C[5] || (C[5] = g1(() => {
+                onMousedown: C[5] || (C[5] = C1(() => {
                 }, ["prevent"])),
                 onClick: z1
               }, [
@@ -5593,7 +5593,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("button", {
                 class: "cancel",
                 "aria-label": "Cancel",
-                onMousedown: C[6] || (C[6] = g1(() => {
+                onMousedown: C[6] || (C[6] = C1(() => {
                 }, ["prevent"])),
                 onClick: $1
               }, [
@@ -5641,7 +5641,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     key: 0,
                     class: B(["cbx", P.__branch ? { ck: S(P), ind: Q(P) } : { ck: _.value.includes(P.value) }]),
                     "aria-hidden": "true",
-                    onClick: g1((k1) => P.__branch ? v1(P) : y(P), ["stop"])
+                    onClick: C1((k1) => P.__branch ? v1(P) : y(P), ["stop"])
                   }, null, 10, re)) : H("", !0),
                   P.avatar ? (n(), i("span", {
                     key: 1,
@@ -5694,9 +5694,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   "aria-selected": _.value.includes(P.value),
                   onClick: (G1) => y(P),
                   onMouseenter: (G1) => {
-                    C1.value = k1, V1.value = k1;
+                    g1.value = k1, V1.value = k1;
                   },
-                  onMouseleave: C[7] || (C[7] = (G1) => C1.value = -1)
+                  onMouseleave: C[7] || (C[7] = (G1) => g1.value = -1)
                 }, [
                   e.multiple ? (n(), i("span", {
                     key: 0,
@@ -5765,7 +5765,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ])),
           e.useAfterMenuDescription ? (n(), i("div", be, [
             N3.value ? (n(), i($, { key: 0 }, [
-              d("div", me, L(D1(g.value[C1.value].value)), 1),
+              d("div", me, L(D1(g.value[g1.value].value)), 1),
               d("div", xe, L(N3.value), 1)
             ], 64)) : (n(), i("div", ye, "Hover an option to see details."))
           ])) : H("", !0)
@@ -5910,7 +5910,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function V1() {
       h.value = !0, b.value = 0;
     }
-    function C1(_) {
+    function g1(_) {
       if (_.key === "Enter" || _.key === "," && !c.value) {
         _.preventDefault();
         const f1 = J.value[b.value];
@@ -5935,7 +5935,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       const M1 = P1("obs-icon");
       return n(), i("div", {
         class: B(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: E.value }]]),
-        onMousedown: g1(G, ["self"])
+        onMousedown: C1(G, ["self"])
       }, [
         (n(!0), i($, null, t1(p.value, (h1, u1) => (n(), i("span", {
           key: h1 + u1,
@@ -5963,7 +5963,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           placeholder: p.value.length ? "" : e1.value,
           "onUpdate:modelValue": f1[0] || (f1[0] = (h1) => v.value = h1),
           onInput: V1,
-          onKeydown: C1,
+          onKeydown: g1,
           onFocus: f1[1] || (f1[1] = (h1) => h.value = !0),
           onBlur: L1
         }, null, 40, ze)), [
@@ -5977,7 +5977,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : !e.disabled || c.value ? (n(), i("span", {
           key: 3,
           class: B(["arrow", { up: E.value, dim: e.disabled }]),
-          onMousedown: f1[2] || (f1[2] = g1((h1) => l1.value && I1(), ["prevent"])),
+          onMousedown: f1[2] || (f1[2] = C1((h1) => l1.value && I1(), ["prevent"])),
           "aria-hidden": "true"
         }, [
           K(M1, {
@@ -5990,7 +5990,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             key: h1.value,
             class: B(["mi", { active: u1 === b.value }]),
             role: "option",
-            onMousedown: g1((q1) => O1(h1), ["prevent"]),
+            onMousedown: C1((q1) => O1(h1), ["prevent"]),
             onMouseenter: (q1) => b.value = u1
           }, [
             d("span", De, L(h1.label), 1)
@@ -6042,7 +6042,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           }, null, 2))), 128))
         ]),
         d("div", Ue, [
-          c[4] || (c[4] = u2('<div class="hdr"><span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span></div>', 1)),
+          c[4] || (c[4] = n2('<div class="hdr"><span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span></div>', 1)),
           d("div", We, [
             c[1] || (c[1] = d("div", { class: "ptitle" }, "Page title", -1)),
             c[2] || (c[2] = d("div", { class: "rule" }, null, -1)),
@@ -6058,7 +6058,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ])
         ])
       ]),
-      c[5] || (c[5] = u2('<span class="dot" style="left:436px;top:64px;"></span><span class="lv" style="left:439px;top:44px;height:24px;"></span><span class="chip" style="left:440px;top:16px;transform:translateX(-50%);">Header</span><span class="dot" style="left:56px;top:368px;"></span><span class="lv" style="left:59px;top:372px;height:32px;"></span><span class="chip" style="left:48px;top:410px;">NavBar</span><span class="dot" style="left:396px;top:374px;"></span><span class="lv" style="left:399px;top:378px;height:26px;"></span><span class="chip" style="left:400px;top:410px;transform:translateX(-50%);">Content panel</span><span class="dot" style="left:696px;top:368px;"></span><span class="lv" style="left:699px;top:372px;height:32px;"></span><span class="chip" style="right:108px;top:410px;">Overlay layer (floats above)</span>', 12))
+      c[5] || (c[5] = n2('<span class="dot" style="left:436px;top:64px;"></span><span class="lv" style="left:439px;top:44px;height:24px;"></span><span class="chip" style="left:440px;top:16px;transform:translateX(-50%);">Header</span><span class="dot" style="left:56px;top:368px;"></span><span class="lv" style="left:59px;top:372px;height:32px;"></span><span class="chip" style="left:48px;top:410px;">NavBar</span><span class="dot" style="left:396px;top:374px;"></span><span class="lv" style="left:399px;top:378px;height:26px;"></span><span class="chip" style="left:400px;top:410px;transform:translateX(-50%);">Content panel</span><span class="dot" style="left:696px;top:368px;"></span><span class="lv" style="left:699px;top:372px;height:32px;"></span><span class="chip" style="right:108px;top:410px;">Overlay layer (floats above)</span>', 12))
     ])) : (n(), i("div", Ke, [
       e.sidebar ? (n(), i("div", qe, [
         c[6] || (c[6] = d("span", { class: "logo" }, null, -1)),
@@ -6069,7 +6069,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])) : H("", !0),
       d("div", Je, [
         e.header ? (n(), i("div", Ge, [...c[7] || (c[7] = [
-          u2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
+          n2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
         ])])) : H("", !0),
         d("div", Ye, [
           e.empty ? (n(), i("div", Xe, [...c[8] || (c[8] = [
@@ -6162,7 +6162,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     const t = e, s = k(() => t.shape === "chart-over-grid");
     return (l, c) => e.callouts ? (n(), i("div", at, [
       d("div", it, [
-        c[1] || (c[1] = u2('<div class="rhead"><span class="t"></span><span class="b"></span></div><div class="rtool"><span class="ti"></span><span class="ti"></span></div>', 2)),
+        c[1] || (c[1] = n2('<div class="rhead"><span class="t"></span><span class="b"></span></div><div class="rtool"><span class="ti"></span><span class="ti"></span></div>', 2)),
         d("div", dt, [
           c[0] || (c[0] = d("span", { class: "bh" }, null, -1)),
           (n(), i($, null, t1(4, (o) => d("span", {
@@ -6174,7 +6174,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           d("span", { class: "fi" })
         ], -1))
       ]),
-      c[3] || (c[3] = u2('<span class="dot" style="left:396px;top:40px;"></span><span class="lh" style="left:400px;top:43px;width:40px;"></span><span class="chip" style="left:448px;top:31px;">Page header</span><span class="dot" style="left:396px;top:81px;"></span><span class="lh" style="left:400px;top:84px;width:40px;"></span><span class="chip" style="left:448px;top:72px;">Toolbar / filter bar · optional</span><span class="dot" style="left:396px;top:193px;"></span><span class="lh" style="left:400px;top:196px;width:40px;"></span><span class="chip" style="left:448px;top:184px;">Body</span><span class="dot" style="left:396px;top:307px;"></span><span class="lh" style="left:400px;top:310px;width:40px;"></span><span class="chip" style="left:448px;top:298px;">Footer / pagination · optional</span>', 12))
+      c[3] || (c[3] = n2('<span class="dot" style="left:396px;top:40px;"></span><span class="lh" style="left:400px;top:43px;width:40px;"></span><span class="chip" style="left:448px;top:31px;">Page header</span><span class="dot" style="left:396px;top:81px;"></span><span class="lh" style="left:400px;top:84px;width:40px;"></span><span class="chip" style="left:448px;top:72px;">Toolbar / filter bar · optional</span><span class="dot" style="left:396px;top:193px;"></span><span class="lh" style="left:400px;top:196px;width:40px;"></span><span class="chip" style="left:448px;top:184px;">Body</span><span class="dot" style="left:396px;top:307px;"></span><span class="lh" style="left:400px;top:310px;width:40px;"></span><span class="chip" style="left:448px;top:298px;">Footer / pagination · optional</span>', 12))
     ])) : (n(), i("div", ut, [
       c[15] || (c[15] = d("div", { class: "phead" }, [
         d("div", { class: "ptitle" }, "Page title"),
@@ -6254,7 +6254,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, s = e, l = k(() => t[s.shell] || t.layout), c = [{ i: 0, o: 1 }, { i: 1, o: 0 }, { i: 1, o: 0 }, { i: 0, o: 1 }, { i: 1, o: 0 }, { i: 0, o: 1 }];
     return (o, r) => (n(), i("div", mt, [
       l.value.bare ? (n(), i("div", xt, [...r[0] || (r[0] = [
-        u2('<div class="card"><span class="avatar"></span><div class="signin">Sign in</div><div class="ifield"></div><div class="ifield"></div><div class="ibtn"></div></div>', 1)
+        n2('<div class="card"><span class="avatar"></span><div class="signin">Sign in</div><div class="ifield"></div><div class="ifield"></div><div class="ibtn"></div></div>', 1)
       ])])) : (n(), i($, { key: 1 }, [
         l.value.nav ? (n(), i("div", yt, [
           r[1] || (r[1] = d("span", { class: "logo" }, null, -1)),
@@ -6265,7 +6265,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : H("", !0),
         d("div", Zt, [
           l.value.header ? (n(), i("div", wt, [...r[2] || (r[2] = [
-            u2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
+            n2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
           ])])) : H("", !0),
           d("div", {
             class: B(["body", { padded: l.value.padded }])
@@ -6320,7 +6320,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         c[10] || (c[10] = d("div", { class: "hdr" }, null, -1)),
         d("div", zt, [
           s.value === "list" ? (n(), i($, { key: 0 }, [
-            c[1] || (c[1] = u2('<div class="row jb sh"><div class="bar" style="height:14px;width:30%;"></div><div class="row g6"><div class="btn ghost" style="width:80px;"></div><div class="btn pri" style="width:54px;"></div></div></div><div class="row g6 sh"><div class="btn ghost" style="width:64px;"></div><div class="btn ghost" style="width:64px;"></div></div>', 2)),
+            c[1] || (c[1] = n2('<div class="row jb sh"><div class="bar" style="height:14px;width:30%;"></div><div class="row g6"><div class="btn ghost" style="width:80px;"></div><div class="btn pri" style="width:54px;"></div></div></div><div class="row g6 sh"><div class="btn ghost" style="width:64px;"></div><div class="btn ghost" style="width:64px;"></div></div>', 2)),
             d("div", Tt, [
               c[0] || (c[0] = d("div", { class: "thead" }, null, -1)),
               (n(), i($, null, t1(5, (o) => d("div", {
@@ -6335,11 +6335,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ], -1))
           ], 64)) : s.value === "form" ? (n(), i($, { key: 1 }, [
-            c[3] || (c[3] = u2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:120px;"></div></div><div class="row g6"><div class="btn pri" style="width:54px;"></div><div class="btn ghost" style="width:54px;"></div></div></div><div class="fcol"><div class="row g10"><div class="fl"><div class="tag">Name</div><div class="fld"></div></div><div class="fl"><div class="tag">Type</div><div class="fld"></div></div></div><div class="row g10"><div class="fl"><div class="tag">Severity</div><div class="fld"></div></div><div class="fl"><div class="tag">Tags</div><div class="fld"></div></div></div><div class="fl"><div class="tag">Description</div><div class="fld" style="height:38px;"></div></div></div>', 2))
+            c[3] || (c[3] = n2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:120px;"></div></div><div class="row g6"><div class="btn pri" style="width:54px;"></div><div class="btn ghost" style="width:54px;"></div></div></div><div class="fcol"><div class="row g10"><div class="fl"><div class="tag">Name</div><div class="fld"></div></div><div class="fl"><div class="tag">Type</div><div class="fld"></div></div></div><div class="row g10"><div class="fl"><div class="tag">Severity</div><div class="fld"></div></div><div class="fl"><div class="tag">Tags</div><div class="fld"></div></div></div><div class="fl"><div class="tag">Description</div><div class="fld" style="height:38px;"></div></div></div>', 2))
           ], 64)) : s.value === "detail" ? (n(), i($, { key: 2 }, [
-            c[4] || (c[4] = u2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:110px;"></div><span class="dot crit"></span></div><div class="btn ghost" style="width:64px;"></div></div><div class="row g14 sh tabs"><div class="tab on"></div><div class="tab"></div><div class="tab"></div></div><div class="row g8 fill"><div class="pane sol"></div><div class="pane sol"></div></div>', 3))
+            c[4] || (c[4] = n2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:110px;"></div><span class="dot crit"></span></div><div class="btn ghost" style="width:64px;"></div></div><div class="row g14 sh tabs"><div class="tab on"></div><div class="tab"></div><div class="tab"></div></div><div class="row g8 fill"><div class="pane sol"></div><div class="pane sol"></div></div>', 3))
           ], 64)) : s.value === "dashboard" ? (n(), i($, { key: 3 }, [
-            c[5] || (c[5] = u2('<div class="row jb sh"><div class="row g8"><div class="bar" style="height:14px;width:90px;"></div><div class="btn ghost" style="width:60px;"></div></div><div class="btn ghost" style="width:96px;"></div></div>', 1)),
+            c[5] || (c[5] = n2('<div class="row jb sh"><div class="row g8"><div class="bar" style="height:14px;width:90px;"></div><div class="btn ghost" style="width:60px;"></div></div><div class="btn ghost" style="width:96px;"></div></div>', 1)),
             d("div", Ot, [
               (n(), i($, null, t1(4, (o) => d("div", {
                 key: o,
@@ -6359,7 +6359,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("div", { class: "pane dsh" })
             ], -1))
           ])) : s.value === "wizard" ? (n(), i($, { key: 5 }, [
-            c[7] || (c[7] = u2('<div class="row g6 sh steps"><span class="step on"></span><span class="conn on"></span><span class="step ring"></span><span class="conn"></span><span class="step ring2"></span><span class="conn"></span><span class="step ring2"></span></div>', 1)),
+            c[7] || (c[7] = n2('<div class="row g6 sh steps"><span class="step on"></span><span class="conn on"></span><span class="step ring"></span><span class="conn"></span><span class="step ring2"></span><span class="conn"></span><span class="step ring2"></span></div>', 1)),
             d("div", Dt, [
               (n(), i($, null, t1(3, (o) => d("div", {
                 key: o,
@@ -6384,7 +6384,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 style: x1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
               }, null, 4)), 64))
             ]),
-            c[9] || (c[9] = u2('<div class="canvas"><svg class="edges" preserveAspectRatio="none"><line x1="50%" y1="30%" x2="28%" y2="62%"></line><line x1="50%" y1="30%" x2="72%" y2="60%"></line><line x1="28%" y1="62%" x2="52%" y2="84%"></line></svg><span class="node pri" style="left:50%;top:30%;"></span><span class="node clear" style="left:28%;top:62%;"></span><span class="node crit" style="left:72%;top:60%;"></span><span class="node warn" style="left:52%;top:84%;"></span><div class="gtools"><span>+</span><span>−</span><span>⤢</span></div><div class="minimap"><span class="mnode" style="left:30%;top:30%;"></span><span class="mnode" style="left:60%;top:60%;"></span></div></div>', 1))
+            c[9] || (c[9] = n2('<div class="canvas"><svg class="edges" preserveAspectRatio="none"><line x1="50%" y1="30%" x2="28%" y2="62%"></line><line x1="50%" y1="30%" x2="72%" y2="60%"></line><line x1="28%" y1="62%" x2="52%" y2="84%"></line></svg><span class="node pri" style="left:50%;top:30%;"></span><span class="node clear" style="left:28%;top:62%;"></span><span class="node crit" style="left:72%;top:60%;"></span><span class="node warn" style="left:52%;top:84%;"></span><div class="gtools"><span>+</span><span>−</span><span>⤢</span></div><div class="minimap"><span class="mnode" style="left:30%;top:30%;"></span><span class="mnode" style="left:60%;top:60%;"></span></div></div>', 1))
           ]))
         ])
       ])
@@ -6437,11 +6437,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           })), 64))
         ])
       ])) : s.value === "modal" ? (n(), i("div", Kt, [...c[3] || (c[3] = [
-        u2('<div class="dsh full"></div><div class="scrim"></div><div class="modal"><div class="bar w50"></div><div class="bar"></div><div class="bar w80"></div><div class="row je g8 mt4"><div class="mbtn ghost"></div><div class="mbtn pri"></div></div></div>', 3)
+        n2('<div class="dsh full"></div><div class="scrim"></div><div class="modal"><div class="bar w50"></div><div class="bar"></div><div class="bar w80"></div><div class="row je g8 mt4"><div class="mbtn ghost"></div><div class="mbtn pri"></div></div></div>', 3)
       ])])) : s.value === "collapse" ? (n(), i("div", qt, [...c[4] || (c[4] = [
-        u2('<div class="sec muted">▸ Section A</div><div class="sec open"><div class="sechead">▾ Section B</div><div class="secbody"><div class="bar"></div><div class="bar"></div></div></div><div class="sec muted">▸ Section C</div>', 3)
+        n2('<div class="sec muted">▸ Section A</div><div class="sec open"><div class="sechead">▾ Section B</div><div class="secbody"><div class="bar"></div><div class="bar"></div></div></div><div class="sec muted">▸ Section C</div>', 3)
       ])])) : s.value === "expand" ? (n(), i("div", Jt, [...c[5] || (c[5] = [
-        u2('<div class="erow muted">▸ row</div><div class="erow open"><div class="erhead">▾ row (expanded)</div><div class="erbody"><div class="bar"></div><div class="bar"></div></div></div><div class="erow muted">▸ row</div>', 3)
+        n2('<div class="erow muted">▸ row</div><div class="erow open"><div class="erhead">▾ row (expanded)</div><div class="erbody"><div class="bar"></div><div class="bar"></div></div></div><div class="erow muted">▸ row</div>', 3)
       ])])) : s.value === "split" ? (n(), i("div", Gt, [...c[6] || (c[6] = [
         d("div", {
           class: "dsh",
@@ -6692,7 +6692,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (let G1 = 0; G1 < 42; G1 += 7) k1.push(P.slice(G1, G1 + 7));
       return { mlabel: o[x], y: C, mi: x, weeks: k1 };
     }
-    const C1 = k(() => {
+    const g1 = k(() => {
       const C = new Date(M.value, T.value + 1, 1);
       return [V1(M.value, T.value), V1(C.getFullYear(), C.getMonth())];
     }), G = k(() => {
@@ -6751,7 +6751,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function y2() {
       p.value = !1;
     }
-    const J1 = Array.from({ length: 100 }, (C, x) => x), X1 = /* @__PURE__ */ F(26), o2 = /* @__PURE__ */ F(50), f2 = /* @__PURE__ */ F(null), e2 = /* @__PURE__ */ F(null), a2 = k(() => {
+    const J1 = Array.from({ length: 100 }, (C, x) => x), X1 = /* @__PURE__ */ F(26), o2 = /* @__PURE__ */ F(50), f2 = /* @__PURE__ */ F(null), e2 = /* @__PURE__ */ F(null), i2 = k(() => {
       const C = [];
       for (let j = 0; j <= 100; j += 10) {
         const P = (769 + j / 10 * 529) % 1440;
@@ -6814,7 +6814,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function z1() {
       z.value = !1;
     }
-    function i2(C) {
+    function d2(C) {
       W.value = C;
     }
     function Q1(C) {
@@ -6884,7 +6884,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             name: "timesCircle",
             size: "14",
             class: "ficon clr",
-            onClick: g1(w4, ["stop"])
+            onClick: C1(w4, ["stop"])
           })) : I.value === "calendar" ? (n(), T1(a1, {
             key: 1,
             name: "calendar",
@@ -6903,7 +6903,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("span", Zs, [
                 d("span", {
                   class: "navbtn",
-                  onClick: x[0] || (x[0] = g1((j) => M.value--, ["stop"]))
+                  onClick: x[0] || (x[0] = C1((j) => M.value--, ["stop"]))
                 }, [
                   K(a1, {
                     name: "chevronDoubleLeft",
@@ -6912,7 +6912,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ]),
                 d("span", {
                   class: "navbtn",
-                  onClick: x[1] || (x[1] = g1((j) => h1(), ["stop"]))
+                  onClick: x[1] || (x[1] = C1((j) => h1(), ["stop"]))
                 }, [
                   K(a1, {
                     name: "chevronLeft",
@@ -6924,7 +6924,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("span", Ms, [
                 d("span", {
                   class: "navbtn",
-                  onClick: x[2] || (x[2] = g1((j) => u1(), ["stop"]))
+                  onClick: x[2] || (x[2] = C1((j) => u1(), ["stop"]))
                 }, [
                   K(a1, {
                     name: "chevronRight",
@@ -6933,7 +6933,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ]),
                 d("span", {
                   class: "navbtn",
-                  onClick: x[3] || (x[3] = g1((j) => M.value++, ["stop"]))
+                  onClick: x[3] || (x[3] = C1((j) => M.value++, ["stop"]))
                 }, [
                   K(a1, {
                     name: "chevronDoubleRight",
@@ -6955,7 +6955,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               (n(!0), i($, null, t1(j, (k1, G1) => (n(), i("div", { key: G1 }, [
                 d("div", {
                   class: B(["fday", y(k1)]),
-                  onClick: g1((H2) => X(k1), ["stop"])
+                  onClick: C1((H2) => X(k1), ["stop"])
                 }, L(k1.d), 11, Hs)
               ]))), 128))
             ]))), 128))
@@ -6970,7 +6970,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 (n(!0), i($, null, t1(x2(c1), (j) => (n(), i("div", {
                   key: "h" + j,
                   class: B(["srow", { on: W.value === j }]),
-                  onClick: g1((P) => i2(j), ["stop"])
+                  onClick: C1((P) => d2(j), ["stop"])
                 }, L(Q(j)), 11, Ss))), 128))
               ], 512),
               d("div", {
@@ -6981,7 +6981,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 (n(!0), i($, null, t1(x2(d1), (j) => (n(), i("div", {
                   key: "m" + j,
                   class: B(["srow", { on: O.value === j }]),
-                  onClick: g1((P) => Q1(j), ["stop"])
+                  onClick: C1((P) => Q1(j), ["stop"])
                 }, L(Q(j)), 11, $s))), 128))
               ], 512),
               d("div", {
@@ -6992,7 +6992,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 (n(), i($, null, t1(["AM", "PM"], (j) => d("div", {
                   key: j,
                   class: B(["srow", { on: i1.value === j }]),
-                  onClick: g1((P) => R3(j), ["stop"])
+                  onClick: C1((P) => R3(j), ["stop"])
                 }, L(j), 11, As)), 64))
               ], 512)
             ])
@@ -7003,24 +7003,24 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             e.kind === "field-date" ? (n(), i("span", {
               key: 0,
               class: "link today",
-              onClick: g1($1, ["stop"])
+              onClick: C1($1, ["stop"])
             }, "Today")) : (n(), i($, { key: 1 }, [
               d("span", {
                 class: "link",
-                onClick: g1(n1, ["stop"])
+                onClick: C1(n1, ["stop"])
               }, "Now"),
               e.kind === "field-datetime" && q.value === "date" ? (n(), i("span", {
                 key: 0,
                 class: "link mid",
-                onClick: g1(y1, ["stop"])
+                onClick: C1(y1, ["stop"])
               }, "select time")) : e.kind === "field-datetime" && q.value === "time" ? (n(), i("span", {
                 key: 1,
                 class: "link mid",
-                onClick: x[4] || (x[4] = g1((j) => q.value = "date", ["stop"]))
+                onClick: x[4] || (x[4] = C1((j) => q.value = "date", ["stop"]))
               }, "select date")) : (n(), i("span", zs)),
               d("button", {
                 class: "btn primary sm",
-                onClick: g1(z1, ["stop"])
+                onClick: C1(z1, ["stop"])
               }, "Ok")
             ], 64))
           ], 2)
@@ -7050,7 +7050,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             style: x1({ left: o2.value + "%", marginLeft: "-12px" }),
             onMousedown: x[6] || (x[6] = (j) => f("right", j))
           }, null, 36),
-          (n(!0), i($, null, t1(a2.value, (j) => (n(), i("div", {
+          (n(!0), i($, null, t1(i2.value, (j) => (n(), i("div", {
             key: "l" + j.pct,
             class: "tlabel",
             style: x1({ left: j.pct + "%" })
@@ -7063,7 +7063,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       }, [
         d("div", {
           class: "anchor",
-          onClick: x[22] || (x[22] = g1(() => {
+          onClick: x[22] || (x[22] = C1(() => {
           }, ["stop"]))
         }, [
           d("div", {
@@ -7079,7 +7079,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "timesCircle",
                 size: "12",
                 class: "clr",
-                onClick: g1(_, ["stop"])
+                onClick: C1(_, ["stop"])
               })) : (n(), T1(a1, {
                 key: 1,
                 name: "chevronDown",
@@ -7183,7 +7183,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ])
             ])) : (n(), i($, { key: 0 }, [
               d("div", js, [
-                (n(!0), i($, null, t1(C1.value, (j, P) => (n(), i("div", {
+                (n(!0), i($, null, t1(g1.value, (j, P) => (n(), i("div", {
                   key: P,
                   class: B(["month", { divr: P === 0 }])
                 }, [
@@ -7313,11 +7313,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("div", sc, [
                 d("button", {
                   class: "btn default",
-                  onClick: x[16] || (x[16] = g1((j) => v.value = "presets", ["stop"]))
+                  onClick: x[16] || (x[16] = C1((j) => v.value = "presets", ["stop"]))
                 }, "Cancel"),
                 d("button", {
                   class: "btn primary",
-                  onClick: g1(I1, ["stop"])
+                  onClick: C1(I1, ["stop"])
                 }, "Apply")
               ])
             ], 64))
@@ -7405,9 +7405,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function D(Z) {
       if (!Z || !Z.groups) return "";
       const y = Z.condition === "or" ? "OR" : "AND", X = Z.groups.map((y1) => {
-        const n1 = y1.conditions.filter((i2) => i2.operand && i2.operator);
+        const n1 = y1.conditions.filter((d2) => d2.operand && d2.operator);
         if (!n1.length) return "";
-        const $1 = y1.condition === "or" ? "OR" : "AND", z1 = n1.map((i2) => i2.operand + " <b>" + A(i2.operator) + "</b> " + (i2.operator === "between" ? (i2.value || "?") + "–" + (i2.toValue || "?") : i2.value || "Any")).join(" " + $1 + " ");
+        const $1 = y1.condition === "or" ? "OR" : "AND", z1 = n1.map((d2) => d2.operand + " <b>" + A(d2.operator) + "</b> " + (d2.operator === "between" ? (d2.value || "?") + "–" + (d2.toValue || "?") : d2.value || "Any")).join(" " + $1 + " ");
         return "<strong>" + (y1.inclusion === "exclude" ? "EXCLUDE" : "INCLUDE") + "</strong> " + z1;
       }).filter(Boolean);
       return X.length ? X.length > 1 ? X.map((y1) => "(" + y1 + ")").join(" " + y + " ") : X[0] : "";
@@ -7419,7 +7419,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function V1(Z) {
       E.value.groups[Z].conditions.push(p());
     }
-    function C1(Z, y) {
+    function g1(Z, y) {
       E.value.groups[Z].conditions.splice(y, 1);
     }
     function G() {
@@ -7505,7 +7505,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, e2 = (Z) => {
       const y = X1(Z.operator);
       return y && !y.noValue;
-    }, a2 = (Z) => {
+    }, i2 = (Z) => {
       const y = X1(Z.operator);
       return y && y.multi;
     }, f = (Z) => {
@@ -7537,8 +7537,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       if (X === "field")
         y1.field = Z.k, y1.operator = "", y1.value = "", s1.value = { i: y, step: "operator" };
       else if (X === "operator")
-        y1.operator = Z.k, y1.value = a2(y1) ? [] : "", s1.value = e2(y1) && !a2(y1) ? { i: y, step: "value" } : null, a2(y1) && e2(y1) && W(y);
-      else if (a2(y1)) {
+        y1.operator = Z.k, y1.value = i2(y1) ? [] : "", s1.value = e2(y1) && !i2(y1) ? { i: y, step: "value" } : null, i2(y1) && e2(y1) && W(y);
+      else if (i2(y1)) {
         const n1 = Array.isArray(y1.value) ? y1.value : [];
         y1.value = n1.includes(Z.k) ? n1.filter(($1) => $1 !== Z.k) : [...n1, Z.k];
       } else
@@ -7606,7 +7606,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         e.kind === "expression" ? (n(), i("div", vc, [
           d("div", {
             class: "trigger",
-            onClick: g1(b1, ["stop"])
+            onClick: C1(b1, ["stop"])
           }, [
             d("span", fc, [
               K(X, {
@@ -7624,7 +7624,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           M.value ? (n(), i("div", {
             key: 0,
             class: "expr-pop",
-            onClick: y[3] || (y[3] = g1(() => {
+            onClick: y[3] || (y[3] = C1(() => {
             }, ["stop"]))
           }, [
             d("a", {
@@ -7703,8 +7703,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ]),
                 y[15] || (y[15] = d("span", null, "Criteria", -1))
               ]),
-              (n(!0), i($, null, t1(n1.conditions, (z1, i2) => (n(), i("div", {
-                key: i2,
+              (n(!0), i($, null, t1(n1.conditions, (z1, d2) => (n(), i("div", {
+                key: d2,
                 class: "cond"
               }, [
                 d("span", Vc, [
@@ -7779,7 +7779,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 n1.conditions.length > 1 ? (n(), i("a", {
                   key: 0,
                   class: "x-inline",
-                  onClick: (Q1) => C1($1, i2)
+                  onClick: (Q1) => g1($1, d2)
                 }, [
                   K(X, {
                     name: "times",
@@ -7852,7 +7852,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: "bar-chips",
             ref_key: "barChipsEl",
             ref: F1,
-            onClick: y[5] || (y[5] = g1(() => {
+            onClick: y[5] || (y[5] = C1(() => {
             }, ["stop"]))
           }, [
             (n(!0), i($, null, t1(_1.value, (n1, $1) => (n(), i("span", {
@@ -7862,17 +7862,17 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("span", jc, [
                 d("span", {
                   class: B(["seg field", { on: I($1, "field") }]),
-                  onClick: g1((z1) => q($1, "field", z1), ["stop"])
+                  onClick: C1((z1) => q($1, "field", z1), ["stop"])
                 }, L(o2(n1)), 11, Nc),
                 n1.operator ? (n(), i("span", {
                   key: 0,
                   class: B(["seg op", { on: I($1, "operator") }]),
-                  onClick: g1((z1) => q($1, "operator", z1), ["stop"])
+                  onClick: C1((z1) => q($1, "operator", z1), ["stop"])
                 }, L(f2(n1)), 11, Fc)) : H("", !0),
-                n1.operator && e2(n1) && a2(n1) ? (n(), i("span", {
+                n1.operator && e2(n1) && i2(n1) ? (n(), i("span", {
                   key: 1,
                   class: "seg val valsel",
-                  onClick: y[4] || (y[4] = g1(() => {
+                  onClick: y[4] || (y[4] = C1(() => {
                   }, ["stop"]))
                 }, [
                   K(y1, {
@@ -7888,12 +7888,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])) : n1.operator && e2(n1) ? (n(), i("span", {
                   key: 2,
                   class: B(["seg val", { on: I($1, "value") }]),
-                  onClick: g1((z1) => q($1, "value", z1), ["stop"])
+                  onClick: C1((z1) => q($1, "value", z1), ["stop"])
                 }, L(f(n1)), 11, Uc)) : H("", !0),
                 V(n1) ? (n(), i("span", {
                   key: 3,
                   class: "seg-x",
-                  onClick: g1((z1) => i1($1), ["stop"])
+                  onClick: C1((z1) => i1($1), ["stop"])
                 }, [
                   K(X, {
                     name: "times",
@@ -7905,7 +7905,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ]))), 128)),
             d("button", {
               class: "add-filter",
-              onClick: g1(c1, ["stop"])
+              onClick: C1(c1, ["stop"])
             }, [
               K(X, {
                 class: "plus",
@@ -7919,14 +7919,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             key: 0,
             class: "bar-menu",
             style: x1({ left: w1.value.left + "px", top: w1.value.top + "px" }),
-            onClick: y[6] || (y[6] = g1(() => {
+            onClick: y[6] || (y[6] = C1(() => {
             }, ["stop"]))
           }, [
             d("div", Kc, L(s1.value.step), 1),
             (n(!0), i($, null, t1(R.value, (n1) => (n(), i("div", {
               key: n1.k,
               class: B(["menu-row", { msel: O(s1.value.i, n1) }]),
-              onClick: g1(($1) => N(n1), ["stop"])
+              onClick: C1(($1) => N(n1), ["stop"])
             }, [
               d("span", null, L(n1.l), 1),
               O(s1.value.i, n1) ? (n(), T1(X, {
@@ -7941,7 +7941,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           z.value ? (n(), i("div", {
             key: 1,
             class: "bar-right",
-            onClick: y[8] || (y[8] = g1(() => {
+            onClick: y[8] || (y[8] = C1(() => {
             }, ["stop"]))
           }, [
             d("button", {
@@ -8043,7 +8043,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   d("span", {
                     class: B(["vcb", { on: !!m1.value[n1.n + $1.n] }]),
-                    onClick: g1((z1) => s2(n1.n + $1.n), ["prevent"])
+                    onClick: C1((z1) => s2(n1.n + $1.n), ["prevent"])
                   }, [
                     m1.value[n1.n + $1.n] ? (n(), T1(X, {
                       key: 0,
@@ -8168,7 +8168,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function V1(G) {
       G.target === a.value && !s.maskClosable || G.target === a.value && s.maskClosable && D();
     }
-    function C1(G) {
+    function g1(G) {
       const L1 = G.target;
       L1 && L1.closest && L1.closest("[data-close]") && D();
     }
@@ -8194,7 +8194,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       }, [
         d("div", {
           class: "wrap",
-          onClick: C1
+          onClick: g1
         }, [
           d("header", Cl, [
             d("h5", {
@@ -8894,7 +8894,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       const o1 = M.value.toLowerCase();
       let s1 = p.value.filter((w1) => !o1 || u.value.some((F1) => String(w1[F1.key] ?? "").toLowerCase().includes(o1)));
       return T.value === "selected" && (s1 = s1.filter((w1) => h.value.includes(A(w1)))), s1;
-    }), b1 = k(() => JSON.stringify(u.value)), V1 = k(() => JSON.stringify(r1.value)), C1 = k(() => JSON.stringify(h.value)), G = (o1) => o1 && o1.detail && o1.detail[0];
+    }), b1 = k(() => JSON.stringify(u.value)), V1 = k(() => JSON.stringify(r1.value)), g1 = k(() => JSON.stringify(h.value)), G = (o1) => o1 && o1.detail && o1.detail[0];
     function L1() {
       const o1 = s.multiple ? h.value.slice() : h.value[0] ?? "";
       if (c)
@@ -8968,7 +8968,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           type: "button",
           class: "trig",
           disabled: e.disabled,
-          onClick: g1(q1, ["stop"])
+          onClick: C1(q1, ["stop"])
         }, [
           d("span", {
             class: B(["tlabel", { ph: !E.value }])
@@ -9018,7 +9018,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             K(F1, {
               columns: b1.value,
               rows: V1.value,
-              selected: C1.value,
+              selected: g1.value,
               selectable: e.multiple,
               sortable: "",
               "hide-selection-info": "",
@@ -9152,7 +9152,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           type: "button",
           class: "btn-trig",
           disabled: e.disabled,
-          onClick: g1(e1, ["stop"])
+          onClick: C1(e1, ["stop"])
         }, [
           d("span", null, L(e.label), 1),
           K(A, {
@@ -9166,7 +9166,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           class: B(["dots", { act: u.value }]),
           disabled: e.disabled,
           "aria-label": "Actions",
-          onClick: g1(e1, ["stop"])
+          onClick: C1(e1, ["stop"])
         }, [
           K(A, {
             name: "ellipsisV",
@@ -9243,9 +9243,9 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       "#14B8A6",
       "#E11D48",
       "#84CC16"
-    ], l = e, c = t, o = c2(), r = (C1) => C1 === !0 || C1 === "" || C1 === "true", a = (C1, G) => {
-      if (Array.isArray(C1)) return C1;
-      const L1 = String(C1 || "").trim();
+    ], l = e, c = t, o = c2(), r = (g1) => g1 === !0 || g1 === "" || g1 === "true", a = (g1, G) => {
+      if (Array.isArray(g1)) return g1;
+      const L1 = String(g1 || "").trim();
       if (!L1) return G;
       if (L1.startsWith("["))
         try {
@@ -9255,26 +9255,26 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
       return L1.split(",").map((O1) => O1.trim()).filter(Boolean);
     }, u = k(() => a(l.presets, s)), p = k(() => !r(l.hideArrow)), v = k(() => r(l.allowTransparent)), h = /* @__PURE__ */ F(l.value);
-    K1(() => l.value, (C1) => {
-      h.value = C1;
+    K1(() => l.value, (g1) => {
+      h.value = g1;
     });
     const b = k(() => String(h.value).toLowerCase() === "transparent"), M = k(() => /^#[0-9a-fA-F]{6}$/.test(h.value) ? h.value : "#0D9488"), T = /* @__PURE__ */ F(!1), U = /* @__PURE__ */ F(null), e1 = /* @__PURE__ */ F(null), l1 = /* @__PURE__ */ F({});
-    function J(C1) {
-      if (h.value = C1, o)
+    function J(g1) {
+      if (h.value = g1, o)
         try {
-          o.value !== String(C1) && (o.value = String(C1));
+          o.value !== String(g1) && (o.value = String(g1));
         } catch {
         }
-      c("change", C1);
+      c("change", g1);
     }
-    function E(C1) {
-      J(C1.target.value);
+    function E(g1) {
+      J(g1.target.value);
     }
     function A() {
       p2(() => {
-        const C1 = U.value && U.value.getBoundingClientRect();
-        if (!C1) return;
-        l1.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(C1.left)}px`, top: `${Math.round(C1.bottom + 6)}px` };
+        const g1 = U.value && U.value.getBoundingClientRect();
+        if (!g1) return;
+        l1.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(g1.left)}px`, top: `${Math.round(g1.bottom + 6)}px` };
         const G = e1.value;
         if (G && G.showPopover)
           try {
@@ -9289,10 +9289,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function r1() {
       if (!T.value) return;
       T.value = !1;
-      const C1 = e1.value;
-      if (C1 && C1.hidePopover)
+      const g1 = e1.value;
+      if (g1 && g1.hidePopover)
         try {
-          C1.hidePopover();
+          g1.hidePopover();
         } catch {
         }
       c("hide");
@@ -9300,14 +9300,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function b1() {
       T.value ? r1() : D();
     }
-    function V1(C1) {
+    function V1(g1) {
       if (!T.value) return;
-      const G = C1.composedPath ? C1.composedPath() : [];
+      const G = g1.composedPath ? g1.composedPath() : [];
       G.includes(U.value) || G.includes(e1.value) || r1();
     }
     return typeof document < "u" && document.addEventListener("click", V1, !0), A2(() => {
       typeof document < "u" && document.removeEventListener("click", V1, !0);
-    }), (C1, G) => {
+    }), (g1, G) => {
       const L1 = P1("obs-icon");
       return n(), i("div", {
         ref_key: "rootRef",
@@ -9318,7 +9318,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           type: "button",
           class: "trig",
           disabled: e.disabled,
-          onClick: g1(b1, ["stop"])
+          onClick: C1(b1, ["stop"])
         }, [
           d("span", {
             class: B(["swatch", { tr: b.value }]),
@@ -9517,11 +9517,11 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     K1(() => s.page, (w) => {
       U.value = w || 1;
     });
-    const e1 = (w) => w[s.rowKey], l1 = k(() => new Set(h.value.map(String))), J = (w) => l1.value.has(String(e1(w))), E = /* @__PURE__ */ F(null), A = k(() => E.value ?? s.pageSize), D = k(() => A.value > 0), r1 = k(() => [...new Set([A.value, 10, 20, 50, 100].filter((w) => w > 0))].sort((w, S) => w - S)), b1 = k(() => M.value ? a.value.slice().sort((w, S) => (T.value === "asc" ? 1 : -1) * String(w[M.value] ?? "").localeCompare(String(S[M.value] ?? ""), void 0, { numeric: !0 })) : a.value), V1 = k(() => D.value ? Math.max(1, Math.ceil(b1.value.length / A.value)) : 1), C1 = k(() => {
+    const e1 = (w) => w[s.rowKey], l1 = k(() => new Set(h.value.map(String))), J = (w) => l1.value.has(String(e1(w))), E = /* @__PURE__ */ F(null), A = k(() => E.value ?? s.pageSize), D = k(() => A.value > 0), r1 = k(() => [...new Set([A.value, 10, 20, 50, 100].filter((w) => w > 0))].sort((w, S) => w - S)), b1 = k(() => M.value ? a.value.slice().sort((w, S) => (T.value === "asc" ? 1 : -1) * String(w[M.value] ?? "").localeCompare(String(S[M.value] ?? ""), void 0, { numeric: !0 })) : a.value), V1 = k(() => D.value ? Math.max(1, Math.ceil(b1.value.length / A.value)) : 1), g1 = k(() => {
       if (!D.value) return b1.value;
       const w = (U.value - 1) * A.value;
       return b1.value.slice(w, w + A.value);
-    }), G = k(() => C1.value.length > 0 && C1.value.every((w) => J(w))), L1 = k(() => !G.value && C1.value.some((w) => J(w))), O1 = k(() => r.value.length + (s.selectable ? 1 : 0) + (u.value.length ? 1 : 0) + (s.expandable ? 1 : 0) + (s.editable ? 1 : 0)), I1 = /* @__PURE__ */ F(/* @__PURE__ */ new Set()), _ = (w) => I1.value.has(String(e1(w)));
+    }), G = k(() => g1.value.length > 0 && g1.value.every((w) => J(w))), L1 = k(() => !G.value && g1.value.some((w) => J(w))), O1 = k(() => r.value.length + (s.selectable ? 1 : 0) + (u.value.length ? 1 : 0) + (s.expandable ? 1 : 0) + (s.editable ? 1 : 0)), I1 = /* @__PURE__ */ F(/* @__PURE__ */ new Set()), _ = (w) => I1.value.has(String(e1(w)));
     if (s.tree) {
       const w = /* @__PURE__ */ new Set(), S = (Q) => (Q || []).forEach((v1) => {
         Array.isArray(v1.children) && v1.children.length && (w.add(String(v1[s.rowKey])), S(v1.children));
@@ -9541,7 +9541,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     const _1 = k(() => {
       if (!s.groupBy) return null;
       const w = /* @__PURE__ */ new Map();
-      for (const S of C1.value) {
+      for (const S of g1.value) {
         const Q = String(S[s.groupBy] ?? "—");
         w.has(Q) || w.set(Q, []), w.get(Q).push(S);
       }
@@ -9570,12 +9570,12 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     }
     const e2 = k(() => {
       if (s.tree) return s1.value;
-      if (!_1.value) return C1.value;
+      if (!_1.value) return g1.value;
       const w = [];
       for (const S of _1.value)
         w.push({ __group: S.name, __count: S.rows.length }), u1(S.name) && w.push(...S.rows);
       return w;
-    }), a2 = k(() => {
+    }), i2 = k(() => {
       const w = V1.value, S = U.value;
       if (w <= 7) return Array.from({ length: w }, (D1, R1) => R1 + 1);
       const Q = [1], v1 = Math.max(2, S - 1), m1 = Math.min(w - 1, S + 1);
@@ -9605,7 +9605,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       h.value = Q ? [.../* @__PURE__ */ new Set([...h.value, v1])] : h.value.filter((m1) => m1 !== v1), V();
     }
     function R(w) {
-      const S = w.target && w.target.checked, Q = C1.value.map((v1) => String(e1(v1)));
+      const S = w.target && w.target.checked, Q = g1.value.map((v1) => String(e1(v1)));
       h.value = S ? [.../* @__PURE__ */ new Set([...h.value, ...Q])] : h.value.filter((v1) => !Q.includes(v1)), V();
     }
     function z() {
@@ -9709,7 +9709,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     e.expandable ? (n(), i("td", {
                       key: 0,
                       class: "exp-col",
-                      onClick: g1((Z) => f1(Y), ["stop"])
+                      onClick: C1((Z) => f1(Y), ["stop"])
                     }, [
                       K(m1, {
                         name: _(Y) ? "chevronDown" : "chevronRight",
@@ -9720,7 +9720,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     e.selectable ? (n(), i("td", {
                       key: 1,
                       class: "cbx-col",
-                      onClick: S[0] || (S[0] = g1(() => {
+                      onClick: S[0] || (S[0] = C1(() => {
                       }, ["stop"]))
                     }, [
                       K(v1, {
@@ -9744,7 +9744,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           class: "tree-chev",
                           name: _(Y) ? "chevronDown" : "chevronRight",
                           size: "12",
-                          onClick: g1((X) => f1(Y), ["stop"])
+                          onClick: C1((X) => f1(Y), ["stop"])
                         }, null, 8, ["name", "onClick"])) : (n(), i("span", xo))
                       ], 4)) : H("", !0),
                       e.editable && y2(Y) && Z.editable ? (n(), T1(D1, {
@@ -9809,7 +9809,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     u.value.length ? (n(), i("td", {
                       key: 2,
                       class: "act-col",
-                      onClick: S[1] || (S[1] = g1(() => {
+                      onClick: S[1] || (S[1] = C1(() => {
                       }, ["stop"]))
                     }, [
                       K(s2, {
@@ -9821,13 +9821,13 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     e.editable ? (n(), i("td", {
                       key: 3,
                       class: "edit-col",
-                      onClick: S[3] || (S[3] = g1(() => {
+                      onClick: S[3] || (S[3] = C1(() => {
                       }, ["stop"]))
                     }, [
                       y2(Y) ? (n(), i("span", Ao, [
                         K(C2, {
                           class: "edit-save",
-                          onClick: g1((Z) => o2(Y), ["prevent"])
+                          onClick: C1((Z) => o2(Y), ["prevent"])
                         }, {
                           default: V2(() => [...S[8] || (S[8] = [
                             S1("Save", -1)
@@ -9837,7 +9837,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         K(C2, {
                           class: "edit-cancel",
                           muted: "",
-                          onClick: S[2] || (S[2] = g1((Z) => f2(), ["prevent"]))
+                          onClick: S[2] || (S[2] = C1((Z) => f2(), ["prevent"]))
                         }, {
                           default: V2(() => [...S[9] || (S[9] = [
                             S1("Cancel", -1)
@@ -9911,7 +9911,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   size: "12"
                 })
               ], 2),
-              (n(!0), i($, null, t1(a2.value, (Y, Z) => (n(), i("span", {
+              (n(!0), i($, null, t1(i2.value, (Y, Z) => (n(), i("span", {
                 key: Z,
                 class: B(["ppage", { sel: Y === U.value, dots: Y === "…" }]),
                 onClick: (y) => W(Y)
@@ -10251,18 +10251,18 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ])
     ], 2)) : (n(), i("div", yr));
   }
-}, wr = /* @__PURE__ */ A1(Zr, [["styles", [br]]]), Mr = ':host{display:inline-block;height:100%}.sb{display:flex;flex-direction:column;box-sizing:border-box;width:65px;height:100%;min-height:var(--sidebar-min-height, 480px);padding:6px 0;background:var(--nav-panel-bg, #f6f9fc);color:var(--nav-text-color, #1d2a3e);transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.brand{display:flex;align-items:center;height:48px;padding:0 18px;gap:12px;margin-bottom:8px;white-space:nowrap}.mark{position:relative;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 0deg,var(--secondary-red, #ec5b5b) 0deg 95deg,var(--nav-text-color, #1d2a3e) 95deg 360deg)}.mark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:var(--nav-panel-bg, #f6f9fc)}.name{font-size:15px;font-weight:600}.item{display:flex;align-items:center;height:40px;margin:1px 8px;padding:0 13px;gap:14px;border-radius:8px;text-decoration:none;white-space:nowrap;color:inherit;flex-shrink:0;cursor:pointer;transition:background .12s,color .12s}.item:hover:not(.active){background:var(--nav-hover-bg, #ecf1f9)}.item.active{background:var(--primary, #111c2c);color:var(--nav-panel-bg, #f6f9fc)}.ic{flex-shrink:0}.lbl{display:inline-flex;align-items:center;font-size:13px;gap:8px}.beta{font-size:9px;padding:2px 7px;border-radius:5px;background:var(--code-tag-background-color, #ecf1f9);color:var(--nav-text-color, #1d2a3e);letter-spacing:.5px}', kr = { class: "brand" }, Hr = ["aria-current", "onClick"], Vr = { class: "lbl" }, Lr = {
+}, wr = /* @__PURE__ */ A1(Zr, [["styles", [br]]]), Mr = ":host{display:inline-block;height:100%}.sb{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:65px;height:100%;min-height:var(--sidebar-min-height, 620px);padding-top:4px;background:var(--nav-panel-bg, #f6f9fc);color:var(--nav-text-color, #1d2a3e);border-right:1px solid var(--border-color, #e3e8f2);transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:17px;gap:12px;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0}.sb:not(.expanded) .logo{justify-content:center;padding-left:0}.mark{display:inline-flex;align-items:center;flex-shrink:0}.mark ::slotted(img){width:30px;height:30px;display:block}.name{font-size:15px;font-weight:600;color:var(--page-text-color, #1d2a3e)}.items{display:flex;flex-direction:column;flex:1;min-height:0}.item{display:flex;align-items:center;height:40px;margin:0 8px 8px;padding-left:17px;gap:14px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--nav-text-color, #1d2a3e);flex-shrink:0;cursor:pointer}.sb:not(.expanded) .item{justify-content:center;padding-left:0;gap:0}.item:hover:not(.active){background:var(--nav-hover-bg, #ecf1f9)}.item.active{background:var(--primary-alt, #1d2a3e);color:var(--nav-selected-text-color, #f6f9fc)}.ic{flex-shrink:0}.lbl{display:inline-flex;align-items:center;font-size:13px;gap:8px}.beta{font-size:9px;padding:2px 7px;border-radius:5px;background:var(--code-tag-background-color, #ecf1f9);color:var(--nav-text-color, #1d2a3e);letter-spacing:.5px}.blobs{position:absolute;right:-75px;bottom:-100px;width:200px;height:200px;pointer-events:none}", kr = { class: "mark" }, Hr = { class: "items" }, Vr = ["aria-current", "onClick"], Lr = { class: "lbl" }, _r = {
   key: 0,
   class: "beta"
-}, _r = {
+}, Sr = {
   __name: "ObsSidebar.ce",
   props: {
     items: { type: [String, Array], default: "" },
     // JSON [{key,label,icon,beta?}] → the module list
     active: { type: String, default: "" },
-    // the active module key (highlighted --primary)
+    // the active module key (highlighted --primary-alt)
     brand: { type: String, default: "ObserveOps" },
-    // wordmark text (or use the `brand` slot for a logo)
+    // wordmark text shown when expanded
     expanded: { type: [Boolean, String], default: !1 }
     // pin the rail open (otherwise it hover-expands)
   },
@@ -10279,46 +10279,73 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       return n(), i("nav", {
         class: B(["sb", { expanded: r.value }]),
         "aria-label": "Primary",
-        onMouseenter: v[0] || (v[0] = (b) => o.value = !0),
-        onMouseleave: v[1] || (v[1] = (b) => o.value = !1)
+        onMouseenter: v[1] || (v[1] = (b) => o.value = !0),
+        onMouseleave: v[2] || (v[2] = (b) => o.value = !1)
       }, [
-        d("div", kr, [
-          W1(p.$slots, "brand", {}, () => [
-            v[2] || (v[2] = d("span", {
-              class: "mark",
-              "aria-hidden": "true"
-            }, null, -1)),
-            Z2(d("span", { class: "name" }, L(e.brand), 513), [
-              [o4, r.value]
-            ])
-          ])
-        ]),
-        (n(!0), i($, null, t1(a.value, (b) => (n(), i("a", {
-          key: b.key,
-          class: B(["item", { active: b.key === e.active }]),
+        d("a", {
+          class: "logo",
           href: "#",
-          "aria-current": b.key === e.active ? "page" : null,
-          onClick: g1((M) => u(b), ["prevent"])
+          onClick: v[0] || (v[0] = C1(() => {
+          }, ["prevent"]))
         }, [
-          K(h, {
-            name: b.icon,
-            size: "18",
-            class: "ic"
-          }, null, 8, ["name"]),
-          Z2(d("span", Vr, [
-            S1(L(b.label), 1),
-            b.beta ? (n(), i("span", Lr, "BETA")) : H("", !0)
-          ], 512), [
+          d("span", kr, [
+            W1(p.$slots, "logo", {}, () => [
+              v[3] || (v[3] = d("svg", {
+                viewBox: "0 0 32 32",
+                width: "30",
+                height: "30",
+                "aria-hidden": "true"
+              }, [
+                d("circle", {
+                  cx: "16",
+                  cy: "16",
+                  r: "10.5",
+                  fill: "none",
+                  stroke: "var(--nav-text-color, #1d2a3e)",
+                  "stroke-width": "7"
+                }),
+                d("path", {
+                  d: "M16 5.5 A10.5 10.5 0 0 1 26.5 16",
+                  fill: "none",
+                  stroke: "var(--secondary-red, #ec5b5b)",
+                  "stroke-width": "7"
+                })
+              ], -1))
+            ])
+          ]),
+          Z2(d("span", { class: "name" }, L(e.brand), 513), [
             [o4, r.value]
           ])
-        ], 10, Hr))), 128))
+        ]),
+        d("div", Hr, [
+          (n(!0), i($, null, t1(a.value, (b) => (n(), i("a", {
+            key: b.key,
+            class: B(["item", { active: b.key === e.active }]),
+            href: "#",
+            "aria-current": b.key === e.active ? "page" : null,
+            onClick: C1((M) => u(b), ["prevent"])
+          }, [
+            K(h, {
+              name: b.icon,
+              size: "18",
+              class: "ic"
+            }, null, 8, ["name"]),
+            Z2(d("span", Lr, [
+              S1(L(b.label), 1),
+              b.beta ? (n(), i("span", _r, "BETA")) : H("", !0)
+            ], 512), [
+              [o4, r.value]
+            ])
+          ], 10, Vr))), 128))
+        ]),
+        v[4] || (v[4] = n2('<span class="blobs" aria-hidden="true"><svg viewBox="0 0 200 180" width="200" height="200"><defs><linearGradient id="sbBlobA" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#89c540"></stop><stop offset="1" stop-color="#099dd9"></stop></linearGradient><linearGradient id="sbBlobB" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#f5bc18"></stop><stop offset="1" stop-color="#f58518"></stop></linearGradient></defs><circle cx="118" cy="90" r="74" fill="url(#sbBlobA)" opacity="0.5"></circle><circle cx="65" cy="50" r="34" fill="url(#sbBlobB)" opacity="0.5"></circle></svg></span>', 1))
       ], 34);
     };
   }
-}, Sr = /* @__PURE__ */ A1(_r, [["styles", [Mr]]]), $r = "button{font-family:inherit}:host{display:block}.tabs{color:var(--page-text-color, #1d2a3e)}.bar{display:flex;align-items:flex-end;position:relative;border-bottom:1px solid var(--border-color, #e3e8f2)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;padding:12px 0 8px;margin:0 20px -1px 0;border-bottom:4px solid transparent;font-family:inherit;font-size:.8rem;font-weight:400;line-height:1.5;text-align:start;color:var(--tabs-text-color, #516381);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .3s cubic-bezier(.645,.045,.355,1)}.tab:last-child{margin-right:0}.tab:hover:not(.disabled){color:var(--primary, #111c2c);border-bottom-color:var(--primary, #111c2c)}.tab.active{color:var(--primary, #111c2c);font-weight:500;border-bottom-color:var(--primary, #111c2c)}.tab.disabled{color:var(--neutral-light, #a5bad0);cursor:not-allowed}.tab .ic{display:inline-flex}.tab .lbl{display:inline-grid}.tab .lbl:after{content:attr(data-label);font-weight:500;height:0;visibility:hidden;overflow:hidden;pointer-events:none}.body{color:var(--page-text-color, #1d2a3e)}.v-no-border .bar{border-bottom-color:transparent}.v-sticky .bar{position:sticky;top:0;z-index:2;background:var(--page-background-color, #fff)}.v-grey .bar{background:var(--neutral-lightest, #f4f6fa)}", Ar = {
+}, $r = /* @__PURE__ */ A1(Sr, [["styles", [Mr]]]), Ar = "button{font-family:inherit}:host{display:block}.tabs{color:var(--page-text-color, #1d2a3e)}.bar{display:flex;align-items:flex-end;position:relative;border-bottom:1px solid var(--border-color, #e3e8f2)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;padding:12px 0 8px;margin:0 20px -1px 0;border-bottom:4px solid transparent;font-family:inherit;font-size:.8rem;font-weight:400;line-height:1.5;text-align:start;color:var(--tabs-text-color, #516381);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .3s cubic-bezier(.645,.045,.355,1)}.tab:last-child{margin-right:0}.tab:hover:not(.disabled){color:var(--primary, #111c2c);border-bottom-color:var(--primary, #111c2c)}.tab.active{color:var(--primary, #111c2c);font-weight:500;border-bottom-color:var(--primary, #111c2c)}.tab.disabled{color:var(--neutral-light, #a5bad0);cursor:not-allowed}.tab .ic{display:inline-flex}.tab .lbl{display:inline-grid}.tab .lbl:after{content:attr(data-label);font-weight:500;height:0;visibility:hidden;overflow:hidden;pointer-events:none}.body{color:var(--page-text-color, #1d2a3e)}.v-no-border .bar{border-bottom-color:transparent}.v-sticky .bar{position:sticky;top:0;z-index:2;background:var(--page-background-color, #fff)}.v-grey .bar{background:var(--neutral-lightest, #f4f6fa)}", zr = {
   class: "bar",
   role: "tablist"
-}, zr = ["aria-selected", "disabled", "onClick"], Tr = ["data-label"], Or = { class: "body" }, Pr = {
+}, Tr = ["aria-selected", "disabled", "onClick"], Or = ["data-label"], Pr = { class: "body" }, Er = {
   __name: "ObsTabs.ce",
   props: {
     tabs: { type: String, default: "" },
@@ -10382,7 +10409,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       return n(), i("div", {
         class: B(["tabs", ["v-" + (e.variant || "line")]])
       }, [
-        d("div", Ar, [
+        d("div", zr, [
           (n(!0), i($, null, t1(a.value, (T) => (n(), i("button", {
             key: T.key,
             class: B(["tab", { active: T.key === u.value, disabled: T.disabled }]),
@@ -10402,10 +10429,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             d("span", {
               class: "lbl",
               "data-label": o(T)
-            }, L(o(T)), 9, Tr)
-          ], 10, zr))), 128))
+            }, L(o(T)), 9, Or)
+          ], 10, Tr))), 128))
         ]),
-        d("div", Or, [
+        d("div", Pr, [
           (n(!0), i($, null, t1(a.value, (T) => Z2((n(), i("div", {
             key: T.key,
             class: "pane",
@@ -10419,26 +10446,26 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, Er = /* @__PURE__ */ A1(Pr, [["styles", [$r]]]), Dr = "button{font-family:inherit}:host{display:block}.wrap{display:block}.crumb ::slotted(*){display:block;margin-bottom:6px}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:flex-start;gap:10px;min-width:0}.titles{display:flex;flex-direction:column;min-width:0}.ttl-row{display:flex;align-items:center;gap:10px;min-width:0}.subtitle{margin-top:2px;font-size:.75rem;line-height:1.4;color:var(--neutral-theme-color, #6a7fa0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent{flex:0 0 auto;width:3px;height:16px;border-radius:2px}.meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;margin-top:4px;font-size:.75rem;line-height:1.5;color:var(--page-text-color, #1d2a3e)}.meta-item{display:inline-flex;align-items:center}.meta-sep{margin:0 8px;color:var(--neutral-light, #6a7fa0)}.meta-ic{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px;display:inline-flex}.meta-dot{margin-right:4px;display:inline-flex}.meta-label{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px}.meta-value{color:var(--page-text-color, #1d2a3e)}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;height:24px;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", Rr = { class: "wrap" }, Br = { class: "crumb" }, Ir = { class: "left" }, jr = { class: "titles" }, Nr = { class: "ttl-row" }, Fr = {
+}, Dr = /* @__PURE__ */ A1(Er, [["styles", [Ar]]]), Rr = "button{font-family:inherit}:host{display:block}.wrap{display:block}.crumb ::slotted(*){display:block;margin-bottom:6px}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:flex-start;gap:10px;min-width:0}.titles{display:flex;flex-direction:column;min-width:0}.ttl-row{display:flex;align-items:center;gap:10px;min-width:0}.subtitle{margin-top:2px;font-size:.75rem;line-height:1.4;color:var(--neutral-theme-color, #6a7fa0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent{flex:0 0 auto;width:3px;height:16px;border-radius:2px}.meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;margin-top:4px;font-size:.75rem;line-height:1.5;color:var(--page-text-color, #1d2a3e)}.meta-item{display:inline-flex;align-items:center}.meta-sep{margin:0 8px;color:var(--neutral-light, #6a7fa0)}.meta-ic{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px;display:inline-flex}.meta-dot{margin-right:4px;display:inline-flex}.meta-label{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px}.meta-value{color:var(--page-text-color, #1d2a3e)}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;height:24px;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", Br = { class: "wrap" }, Ir = { class: "crumb" }, jr = { class: "left" }, Nr = { class: "titles" }, Fr = { class: "ttl-row" }, Ur = {
   key: 1,
   class: "title"
-}, Ur = {
+}, Wr = {
   key: 2,
   class: "count"
-}, Wr = {
+}, Kr = {
   key: 0,
   class: "subtitle"
-}, Kr = {
+}, qr = {
   key: 1,
   class: "meta"
-}, qr = {
+}, Jr = {
   key: 0,
   class: "meta-sep",
   "aria-hidden": "true"
-}, Jr = { class: "meta-item" }, Gr = {
+}, Gr = { class: "meta-item" }, Yr = {
   key: 2,
   class: "meta-label"
-}, Yr = { class: "meta-value" }, Xr = { class: "right" }, Qr = {
+}, Xr = { class: "meta-value" }, Qr = { class: "right" }, en = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
@@ -10473,14 +10500,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     };
     return (a, u) => {
       const p = P1("obs-icon"), v = P1("obs-severity");
-      return n(), i("div", Rr, [
-        d("div", Br, [
+      return n(), i("div", Br, [
+        d("div", Ir, [
           W1(a.$slots, "breadcrumb")
         ]),
         d("div", {
           class: B(["ph", { "no-divider": l(e.noDivider) }])
         }, [
-          d("div", Ir, [
+          d("div", jr, [
             l(e.back) ? (n(), i("button", {
               key: 0,
               class: "back",
@@ -10495,23 +10522,23 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             ])) : H("", !0),
             W1(a.$slots, "back"),
             W1(a.$slots, "before"),
-            d("div", jr, [
-              d("div", Nr, [
+            d("div", Nr, [
+              d("div", Fr, [
                 o.value ? (n(), i("span", {
                   key: 0,
                   class: "accent",
                   style: x1({ background: o.value }),
                   "aria-hidden": "true"
                 }, null, 4)) : H("", !0),
-                e.heading ? (n(), i("h4", Fr, L(e.heading), 1)) : H("", !0),
-                e.count !== null && e.count !== "" ? (n(), i("span", Ur, L(e.count), 1)) : H("", !0),
+                e.heading ? (n(), i("h4", Ur, L(e.heading), 1)) : H("", !0),
+                e.count !== null && e.count !== "" ? (n(), i("span", Wr, L(e.count), 1)) : H("", !0),
                 W1(a.$slots, "title")
               ]),
-              e.subtitle ? (n(), i("div", Wr, L(e.subtitle), 1)) : H("", !0),
-              c.value.length ? (n(), i("div", Kr, [
+              e.subtitle ? (n(), i("div", Kr, L(e.subtitle), 1)) : H("", !0),
+              c.value.length ? (n(), i("div", qr, [
                 (n(!0), i($, null, t1(c.value, (h, b) => (n(), i($, { key: b }, [
-                  b > 0 ? (n(), i("span", qr, "|")) : H("", !0),
-                  d("span", Jr, [
+                  b > 0 ? (n(), i("span", Jr, "|")) : H("", !0),
+                  d("span", Gr, [
                     h.icon ? (n(), T1(p, {
                       key: 0,
                       name: h.icon,
@@ -10525,32 +10552,32 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       shape: "dot",
                       class: "meta-dot"
                     }, null, 8, ["severity"])) : H("", !0),
-                    h.label ? (n(), i("span", Gr, L(h.label) + ":", 1)) : H("", !0),
-                    d("span", Yr, L(h.value), 1)
+                    h.label ? (n(), i("span", Yr, L(h.label) + ":", 1)) : H("", !0),
+                    d("span", Xr, L(h.value), 1)
                   ])
                 ], 64))), 128))
               ])) : H("", !0)
             ])
           ]),
-          d("div", Xr, [
+          d("div", Qr, [
             W1(a.$slots, "default")
           ])
         ], 2)
       ]);
     };
   }
-}, en = /* @__PURE__ */ A1(Qr, [["styles", [Dr]]]), tn = "button{font-family:inherit}:host{display:block}.app{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.brand{display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary-alt, #1d2a3e)}.brand ::slotted(img){height:40px;display:block}.right{display:flex;align-items:center;gap:4px}.circ{position:relative;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--neutral-light, #6a7fa0);transition:background .15s,color .15s}.circ:hover{background:var(--neutral-lighter, #e3e8f2)}.circ.active{color:var(--primary, #111c2c)}.badge{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary-red, #ec5b5b);color:var(--white-regular, #fff);font-size:9px;line-height:1}.build{display:inline-flex;align-items:center;height:22px;margin:0 8px;padding:0 8px;border-radius:4px;font-size:11px;background:var(--timerange-background-color, #e3e8f2);color:var(--primary, #111c2c)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;cursor:pointer}", sn = { class: "app" }, cn = { class: "brand" }, ln = { class: "right" }, on = ["aria-label", "title", "onClick"], rn = {
+}, tn = /* @__PURE__ */ A1(en, [["styles", [Rr]]]), sn = "button{font-family:inherit}:host{display:block}.app{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.brand{display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary-alt, #1d2a3e)}.brand ::slotted(img){height:40px;display:block}.right{display:flex;align-items:center;gap:4px}.circ{position:relative;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--neutral-light, #6a7fa0);transition:background .15s,color .15s}.circ:hover{background:var(--neutral-lighter, #e3e8f2)}.circ.active{color:var(--primary, #111c2c)}.badge{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary-red, #ec5b5b);color:var(--white-regular, #fff);font-size:9px;line-height:1}.build{display:inline-flex;align-items:center;height:22px;margin:0 8px;padding:0 8px;border-radius:4px;font-size:11px;background:var(--timerange-background-color, #e3e8f2);color:var(--primary, #111c2c)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;cursor:pointer}", cn = { class: "app" }, ln = { class: "brand" }, on = { class: "right" }, rn = ["aria-label", "title", "onClick"], nn = {
   key: 0,
   class: "badge"
-}, nn = {
+}, an = {
   key: 0,
   class: "build"
-}, an = {
+}, dn = {
   key: 0,
   class: "avatar",
   role: "button",
   tabindex: "0"
-}, dn = {
+}, un = {
   __name: "ObsAppHeader.ce",
   props: {
     brand: { type: String, default: "" },
@@ -10580,13 +10607,13 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     });
     return (r, a) => {
       const u = P1("obs-icon");
-      return n(), i("header", sn, [
-        d("div", cn, [
+      return n(), i("header", cn, [
+        d("div", ln, [
           W1(r.$slots, "brand", {}, () => [
             S1(L(e.brand), 1)
           ])
         ]),
-        d("div", ln, [
+        d("div", on, [
           (n(!0), i($, null, t1(o.value, (p, v) => (n(), i("button", {
             key: v,
             class: B(["circ", { active: p.active }]),
@@ -10599,24 +10626,24 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               name: p.icon,
               size: "18"
             }, null, 8, ["name"]),
-            p.badge !== null ? (n(), i("span", rn, L(p.badge), 1)) : H("", !0)
-          ], 10, on))), 128)),
+            p.badge !== null ? (n(), i("span", nn, L(p.badge), 1)) : H("", !0)
+          ], 10, rn))), 128)),
           W1(r.$slots, "default"),
-          e.build ? (n(), i("span", nn, "BUILD : " + L(e.build), 1)) : H("", !0),
+          e.build ? (n(), i("span", an, "BUILD : " + L(e.build), 1)) : H("", !0),
           W1(r.$slots, "user", {}, () => [
-            e.user ? (n(), i("span", an, L(e.user), 1)) : H("", !0)
+            e.user ? (n(), i("span", dn, L(e.user), 1)) : H("", !0)
           ])
         ])
       ]);
     };
   }
-}, un = /* @__PURE__ */ A1(dn, [["styles", [tn]]]), pn = ":host{display:block}.tb{display:flex;align-items:center;color:var(--page-text-color, #1d2a3e);font-size:var(--text-sm, .8rem)}.tb.v-grid,.tb.v-widget{justify-content:space-between}.tb-lead{display:flex;align-items:center;gap:8px;min-width:0}.tb-main{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tb.v-bulk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));background:var(--page-background-color, #fff)}.tb-sel{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.tb-chk{display:inline-flex}.tb-count{font-size:13px;font-weight:500;white-space:nowrap;color:var(--neutral-light, #6a7fa0)}.tb.v-widget{padding:0 8px;border:1px solid var(--border-color, #e3e8f2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--common-widget-bg, #fff)}.tb-title{font-size:14px;font-weight:500;padding:8px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}", hn = ["role"], vn = {
+}, pn = /* @__PURE__ */ A1(un, [["styles", [sn]]]), hn = ":host{display:block}.tb{display:flex;align-items:center;color:var(--page-text-color, #1d2a3e);font-size:var(--text-sm, .8rem)}.tb.v-grid,.tb.v-widget{justify-content:space-between}.tb-lead{display:flex;align-items:center;gap:8px;min-width:0}.tb-main{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tb.v-bulk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));background:var(--page-background-color, #fff)}.tb-sel{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.tb-chk{display:inline-flex}.tb-count{font-size:13px;font-weight:500;white-space:nowrap;color:var(--neutral-light, #6a7fa0)}.tb.v-widget{padding:0 8px;border:1px solid var(--border-color, #e3e8f2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--common-widget-bg, #fff)}.tb-title{font-size:14px;font-weight:500;padding:8px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}", vn = ["role"], fn = {
   key: 0,
   class: "tb-sel"
-}, fn = { class: "tb-count" }, Cn = { class: "tb-lead" }, gn = {
+}, Cn = { class: "tb-count" }, gn = { class: "tb-lead" }, bn = {
   key: 0,
   class: "tb-title"
-}, bn = { class: "tb-main" }, mn = {
+}, mn = { class: "tb-main" }, xn = {
   __name: "ObsToolbar.ce",
   props: {
     variant: { type: String, default: "" },
@@ -10638,28 +10665,28 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         role: e.variant === "bulk" ? "toolbar" : null
       }, [
         e.variant === "bulk" ? (n(), i($, { key: 0 }, [
-          e.count !== null && e.count !== "" ? (n(), i("span", vn, [
+          e.count !== null && e.count !== "" ? (n(), i("span", fn, [
             K(u, {
               checked: "",
               class: "tb-chk",
               onChange: o
             }),
-            d("span", fn, L(c.value), 1)
+            d("span", Cn, L(c.value), 1)
           ])) : H("", !0),
           W1(r.$slots, "default")
         ], 64)) : (n(), i($, { key: 1 }, [
-          d("div", Cn, [
-            e.variant === "widget" && e.title ? (n(), i("span", gn, L(e.title), 1)) : H("", !0),
+          d("div", gn, [
+            e.variant === "widget" && e.title ? (n(), i("span", bn, L(e.title), 1)) : H("", !0),
             W1(r.$slots, "start")
           ]),
-          d("div", bn, [
+          d("div", mn, [
             W1(r.$slots, "default")
           ])
         ], 64))
-      ], 10, hn);
+      ], 10, vn);
     };
   }
-}, xn = /* @__PURE__ */ A1(mn, [["styles", [pn]]]), yn = {
+}, yn = /* @__PURE__ */ A1(xn, [["styles", [hn]]]), Zn = {
   "obs-button": S0,
   "obs-tag": P0,
   "obs-checkbox": N0,
@@ -10691,17 +10718,17 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
   "obs-metric-list": hr,
   "obs-key-value": gr,
   "obs-divider": wr,
-  "obs-sidebar": Sr,
-  "obs-tabs": Er,
-  "obs-page-header": en,
-  "obs-app-header": un,
-  "obs-toolbar": xn
+  "obs-sidebar": $r,
+  "obs-tabs": Dr,
+  "obs-page-header": tn,
+  "obs-app-header": pn,
+  "obs-toolbar": yn
 };
-function Zn() {
-  for (const [e, t] of Object.entries(yn))
+function wn() {
+  for (const [e, t] of Object.entries(Zn))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ C0(t));
 }
-Zn();
+wn();
 export {
-  Zn as register
+  wn as register
 };