@mtdt/observeops-ds-elements 0.1.93 → 0.1.95

package/dist/observeops-elements.js

@@ -1024,8 +1024,8 @@ function R6(e, t = !1, s = s3) {
 }
 function I6(e, t, s = F1) {
   const { immediate: l, deep: c, once: o, scheduler: r, augmentJob: a, call: p } = s, h = (z) => c ? z : /* @__PURE__ */ H2(z) || c === !1 || c === 0 ? U2(z, 1) : U2(z);
-  let u, v, C, k, A = !1, j = !1;
-  if (/* @__PURE__ */ v2(e) ? (v = () => e.value, A = /* @__PURE__ */ H2(e)) : /* @__PURE__ */ o3(e) ? (v = () => h(e), A = !0) : M1(e) ? (j = !0, A = e.some((z) => /* @__PURE__ */ o3(z) || /* @__PURE__ */ H2(z)), v = () => e.map((z) => {
+  let u, v, C, k, $ = !1, j = !1;
+  if (/* @__PURE__ */ v2(e) ? (v = () => e.value, $ = /* @__PURE__ */ H2(e)) : /* @__PURE__ */ o3(e) ? (v = () => h(e), $ = !0) : M1(e) ? (j = !0, $ = e.some((z) => /* @__PURE__ */ o3(z) || /* @__PURE__ */ H2(z)), v = () => e.map((z) => {
     if (/* @__PURE__ */ v2(z))
       return z.value;
     if (/* @__PURE__ */ o3(z))
@@ -1067,7 +1067,7 @@ function I6(e, t, s = F1) {
     if (!(!(u.flags & 1) || !u.dirty && !z))
       if (t) {
         const E = u.run();
-        if (z || c || A || (j ? E.some((a1, R) => D2(a1, J[R])) : D2(E, J))) {
+        if (z || c || $ || (j ? E.some((a1, R) => D2(a1, J[R])) : D2(E, J))) {
           C && C();
           const a1 = s3;
           s3 = u;
@@ -1342,12 +1342,12 @@ function w5(e, t, s = F1) {
     }
   }
   const u = h2;
-  a.call = (k, A, j) => $2(k, u, A, j);
+  a.call = (k, $, j) => $2(k, u, $, j);
   let v = !1;
   o === "post" ? a.scheduler = (k) => {
     m2(k, u && u.suspense);
-  } : o !== "sync" && (v = !0, a.scheduler = (k, A) => {
-    A ? k() : s8(k);
+  } : o !== "sync" && (v = !0, a.scheduler = (k, $) => {
+    $ ? k() : s8(k);
   }), a.augmentJob = (k) => {
     t && (k.flags |= 4), v && (k.flags |= 2, u && (k.id = u.uid, k.i = u));
   };
@@ -1411,13 +1411,13 @@ function V3(e, t, s, l, c = !1) {
     l.shapeFlag & 512 && l.type.__asyncResolved && l.component.subTree.component && V3(e, t, s, l.component.subTree);
     return;
   }
-  const o = l.shapeFlag & 4 ? Z4(l.component) : l.el, r = c ? null : o, { i: a, r: p } = e, h = t && t.r, u = a.refs === F1 ? a.refs = {} : a.refs, v = a.setupState, C = /* @__PURE__ */ I1(v), k = v === F1 ? G8 : (j) => b8(u, j) ? !1 : D1(C, j), A = (j, t1) => !(t1 && b8(u, t1));
+  const o = l.shapeFlag & 4 ? Z4(l.component) : l.el, r = c ? null : o, { i: a, r: p } = e, h = t && t.r, u = a.refs === F1 ? a.refs = {} : a.refs, v = a.setupState, C = /* @__PURE__ */ I1(v), k = v === F1 ? G8 : (j) => b8(u, j) ? !1 : D1(C, j), $ = (j, t1) => !(t1 && b8(u, t1));
   if (h != null && h !== p) {
     if (m8(t), Y1(h))
       u[h] = null, k(h) && (v[h] = null);
     else if (/* @__PURE__ */ v2(h)) {
       const j = t;
-      A(h, j.k) && (h.value = null), j.k && (u[j.k] = null);
+      $(h, j.k) && (h.value = null), j.k && (u[j.k] = null);
     }
   }
   if (S1(p))
@@ -1427,7 +1427,7 @@ function V3(e, t, s, l, c = !1) {
     if (j || t1) {
       const l1 = () => {
         if (e.f) {
-          const J = j ? k(p) ? v[p] : u[p] : A() || !e.k ? p.value : u[e.k];
+          const J = j ? k(p) ? v[p] : u[p] : $() || !e.k ? p.value : u[e.k];
           if (c)
             M1(J) && K4(J, o);
           else if (M1(J))
@@ -1436,9 +1436,9 @@ function V3(e, t, s, l, c = !1) {
             u[p] = [o], k(p) && (v[p] = u[p]);
           else {
             const D = [o];
-            A(p, e.k) && (p.value = D), e.k && (u[e.k] = D);
+            $(p, e.k) && (p.value = D), e.k && (u[e.k] = D);
           }
-        } else j ? (u[p] = r, k(p) && (v[p] = r)) : t1 && (A(p, e.k) && (p.value = r), e.k && (u[e.k] = r));
+        } else j ? (u[p] = r, k(p) && (v[p] = r)) : t1 && ($(p, e.k) && (p.value = r), e.k && (u[e.k] = r));
       };
       if (r) {
         const J = () => {
@@ -1582,7 +1582,7 @@ function j1(e, t, s = {}, l, c) {
   if (a2.ce || a2.parent && u3(a2.parent) && a2.parent.ce) {
     const h = Object.keys(s).length > 0;
     return t !== "default" && (s.name = t), n(), _1(
-      $,
+      A,
       null,
       [q("slot", s, l && l())],
       h ? -2 : 64
@@ -1593,7 +1593,7 @@ function j1(e, t, s = {}, l, c) {
   const r = o && _5(o(s)), a = s.key || // slot content array of a dynamic conditional slot may have a branch
   // key attached in the `createSlots` helper, respect that
   r && r.key, p = _1(
-    $,
+    A,
     {
       key: (a && !_2(a) ? a : `_${t}`) + // #7256 force differentiate fallback content from actual content
       (!r && l ? "_fb" : "")
@@ -1604,7 +1604,7 @@ function j1(e, t, s = {}, l, c) {
   return p.scopeId && (p.slotScopeIds = [p.scopeId + "-s"]), o && o._c && (o._d = !0), p;
 }
 function _5(e) {
-  return e.some((t) => n8(t) ? !(t.type === J2 || t.type === $ && !_5(t.children)) : !0) ? e : null;
+  return e.some((t) => n8(t) ? !(t.type === J2 || t.type === A && !_5(t.children)) : !0) ? e : null;
 }
 const R4 = (e) => e ? J5(e) ? Z4(e) : R4(e.parent) : null, L3 = (
   // Move PURE marker to new line to workaround compiler discarding it
@@ -1712,7 +1712,7 @@ function u9(e) {
     beforeMount: v,
     mounted: C,
     beforeUpdate: k,
-    updated: A,
+    updated: $,
     activated: j,
     deactivated: t1,
     beforeDestroy: l1,
@@ -1730,7 +1730,7 @@ function u9(e) {
     // assets
     components: y1,
     directives: E1,
-    filters: y
+    filters: Z
   } = t;
   if (h && h9(h, l, null), r)
     for (const g1 in r) {
@@ -1767,7 +1767,7 @@ function u9(e) {
   function V1(g1, v1) {
     M1(v1) ? v1.forEach((q1) => g1(q1.bind(s))) : v1 && g1(v1.bind(s));
   }
-  if (V1(t9, v), V1(R2, C), V1(s9, k), V1(c9, A), V1(X6, j), V1(Q6, t1), V1(n9, p1), V1(r9, a1), V1(o9, R), V1(A2, J), V1(L5, z), V1(l9, o1), M1(G))
+  if (V1(t9, v), V1(R2, C), V1(s9, k), V1(c9, $), V1(X6, j), V1(Q6, t1), V1(n9, p1), V1(r9, a1), V1(o9, R), V1(A2, J), V1(L5, z), V1(l9, o1), M1(G))
     if (G.length) {
       const g1 = e.exposed || (e.exposed = {});
       G.forEach((v1) => {
@@ -2062,7 +2062,7 @@ function k8(e) {
     props: v,
     data: C,
     setupState: k,
-    ctx: A,
+    ctx: $,
     inheritAttrs: j
   } = e, t1 = t4(e);
   let l1, J;
@@ -2077,7 +2077,7 @@ function k8(e) {
           v,
           k,
           C,
-          A
+          $
         )
       ), J = a;
     } else {
@@ -2194,11 +2194,11 @@ function V9(e, t, s, l) {
           if (D1(o, C))
             k !== o[C] && (o[C] = k, h = !0);
           else {
-            const A = l2(C);
-            c[A] = N4(
+            const $ = l2(C);
+            c[$] = N4(
               p,
               a,
-              A,
+              $,
               k,
               e,
               !1
@@ -2315,18 +2315,18 @@ function B5(e, t, s = !1) {
     for (const u in o) {
       const v = l2(u);
       if (V8(v)) {
-        const C = o[u], k = r[v] = M1(C) || S1(C) ? { type: C } : t2({}, C), A = k.type;
+        const C = o[u], k = r[v] = M1(C) || S1(C) ? { type: C } : t2({}, C), $ = k.type;
         let j = !1, t1 = !0;
-        if (M1(A))
-          for (let l1 = 0; l1 < A.length; ++l1) {
-            const J = A[l1], D = S1(J) && J.name;
+        if (M1($))
+          for (let l1 = 0; l1 < $.length; ++l1) {
+            const J = $[l1], D = S1(J) && J.name;
             if (D === "Boolean") {
               j = !0;
               break;
             } else D === "String" && (t1 = !1);
           }
         else
-          j = S1(A) && A.name === "Boolean";
+          j = S1($) && $.name === "Boolean";
         k[
           0
           /* shouldCast */
@@ -2400,7 +2400,7 @@ function z9(e, t) {
     parentNode: v,
     nextSibling: C,
     setScopeId: k = B2,
-    insertStaticContent: A
+    insertStaticContent: $
   } = e, j = (f, b, _, N = null, I = null, T = null, Y = void 0, W = null, K = !!b.dynamicChildren) => {
     if (f === b)
       return;
@@ -2416,7 +2416,7 @@ function z9(e, t) {
       case G3:
         f == null && J(b, _, N, Y);
         break;
-      case $:
+      case A:
         y1(
           f,
           b,
@@ -2482,7 +2482,7 @@ function z9(e, t) {
       N
     ) : b.el = f.el;
   }, J = (f, b, _, N) => {
-    [f.el, f.anchor] = A(
+    [f.el, f.anchor] = $(
       f.children,
       b,
       _,
@@ -2636,7 +2636,7 @@ function z9(e, t) {
         // which will not have a mounted element
         K.el && // - In the case of a Fragment, we need to provide the actual parent
         // of the Fragment itself so it can move its children.
-        (K.type === $ || // - In the case of different nodes, there is going to be a replacement
+        (K.type === A || // - In the case of different nodes, there is going to be a replacement
         // which also requires the correct parent container
         !m3(K, O) || // - In the case of a component, it could contain anything.
         K.shapeFlag & 198) ? v(K.el) : (
@@ -2729,7 +2729,7 @@ function z9(e, t) {
       N,
       Y,
       K
-    ) : y(
+    ) : Z(
       b,
       _,
       N,
@@ -2738,7 +2738,7 @@ function z9(e, t) {
       Y,
       K
     ) : f1(f, b, K);
-  }, y = (f, b, _, N, I, T, Y) => {
+  }, Z = (f, b, _, N, I, T, Y) => {
     const W = f.component = N9(
       f,
       N,
@@ -3026,9 +3026,9 @@ function z9(e, t) {
       }
       const C2 = B1 ? O9(c2) : i3;
       for (e1 = C2.length - 1, O = x1 - 1; O >= 0; O--) {
-        const X = M + O, w = b[X], Z = b[X + 1], Q = X + 1 < u1 ? (
+        const X = M + O, w = b[X], y = b[X + 1], Q = X + 1 < u1 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
-          Z.el || U5(Z)
+          y.el || U5(y)
         ) : N;
         c2[O] === 0 ? j(
           null,
@@ -3057,7 +3057,7 @@ function z9(e, t) {
       Y.move(f, b, _, e2);
       return;
     }
-    if (Y === $) {
+    if (Y === A) {
       l(T, b, _);
       for (let r1 = 0; r1 < K.length; r1++)
         n1(K[r1], b, _, N);
@@ -3125,13 +3125,13 @@ function z9(e, t) {
       // so that it doesn't take the fast path during unmount - otherwise
       // components nested in v-once are never unmounted.
       !O.hasOnce && // #1153: fast path should not be taken for non-stable (v-for) fragments
-      (T !== $ || r1 > 0 && r1 & 64) ? J1(
+      (T !== A || r1 > 0 && r1 & 64) ? J1(
         O,
         b,
         _,
         !1,
         !0
-      ) : (T === $ && r1 & 384 || !I && u1 & 16) && J1(K, b, _), N && H1(f);
+      ) : (T === A && r1 & 384 || !I && u1 & 16) && J1(K, b, _), N && H1(f);
     }
     const x1 = M != null && C1 == null;
     (e1 && (b1 = Y && Y.onVnodeUnmounted) || S || x1) && m2(() => {
@@ -3139,7 +3139,7 @@ function z9(e, t) {
     }, _);
   }, H1 = (f) => {
     const { type: b, el: _, anchor: N, transition: I } = f;
-    if (b === $) {
+    if (b === A) {
       U1(_, N);
       return;
     }
@@ -3193,7 +3193,7 @@ function z9(e, t) {
     um: c1,
     m: n1,
     r: H1,
-    mt: y,
+    mt: Z,
     mc: p1,
     pc: v1,
     pbc: G,
@@ -3264,7 +3264,7 @@ const W5 = (e) => e.__isSuspense;
 function P9(e, t) {
   t && t.pendingBranch ? M1(e) ? t.effects.push(...e) : t.effects.push(e) : F6(e);
 }
-const $ = /* @__PURE__ */ Symbol.for("v-fgt"), y4 = /* @__PURE__ */ Symbol.for("v-txt"), J2 = /* @__PURE__ */ Symbol.for("v-cmt"), G3 = /* @__PURE__ */ Symbol.for("v-stc"), _3 = [];
+const A = /* @__PURE__ */ Symbol.for("v-fgt"), y4 = /* @__PURE__ */ Symbol.for("v-txt"), J2 = /* @__PURE__ */ Symbol.for("v-cmt"), G3 = /* @__PURE__ */ Symbol.for("v-stc"), _3 = [];
 let M2 = null;
 function n(e = !1) {
   _3.push(M2 = e ? null : []);
@@ -3315,7 +3315,7 @@ const q5 = ({ key: e }) => e ?? null, Y3 = ({
   ref_key: t,
   ref_for: s
 }) => (typeof e == "number" && (e = "" + e), e != null ? Y1(e) || /* @__PURE__ */ v2(e) || S1(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) {
+function d(e, t = null, s = null, l = 0, c = null, o = e === A ? 0 : 1, r = !1, a = !1) {
   const p = {
     __v_isVNode: !0,
     __v_skip: !0,
@@ -3411,7 +3411,7 @@ function C3(e, t, s = !1, l = !1) {
     // existing patch flag to be reliable and need to add the FULL_PROPS flag.
     // note: preserve flag for fragments since they use the flag for children
     // fast paths only.
-    patchFlag: t && e.type !== $ ? r === -1 ? 16 : r | 16 : r,
+    patchFlag: t && e.type !== A ? r === -1 ? 16 : r | 16 : r,
     dynamicProps: e.dynamicProps,
     dynamicChildren: e.dynamicChildren,
     appContext: e.appContext,
@@ -3448,7 +3448,7 @@ function V(e = "", t = !1) {
 }
 function E2(e) {
   return e == null || typeof e == "boolean" ? q(J2) : M1(e) ? q(
-    $,
+    A,
     null,
     // #3666, avoid reference pollution when reusing vnode
     e.slice()
@@ -4435,7 +4435,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       j1(t.$slots, "default")
     ], 10, V0));
   }
-}, S0 = /* @__PURE__ */ O1(_0, [["styles", [H0]]]), $0 = '.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.tag-red{color:var(--secondary-red, #ec5b5b);background:var(--secondary-red-lightest, rgba(236, 91, 91, .2))}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:var(--secondary-yellow-lightest, rgba(250, 209, 0, .2))}.tag-orange{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.provision{color:var(--primary, #111c2c);background:var(--primary-lightest, rgba(9, 157, 217, .2))}.unprovision{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(0, 0, 0, .15));font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', A0 = {
+}, S0 = /* @__PURE__ */ O1(_0, [["styles", [H0]]]), $0 = '.tag.numeric{font-family:var(--numeric-font-family, "JetBrains Mono", monospace);font-feature-settings:"tnum"}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.tag-red{color:var(--secondary-red, #ec5b5b);background:var(--secondary-red-lightest, rgba(236, 91, 91, .2))}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:var(--secondary-yellow-lightest, rgba(250, 209, 0, .2))}.tag-orange{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.provision{color:var(--primary, #111c2c);background:var(--primary-lightest, rgba(9, 157, 217, .2))}.unprovision{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(0, 0, 0, .15));font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', A0 = {
   key: 0,
   class: "confirm",
   role: "dialog"
@@ -4451,6 +4451,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     forcePrimary: { type: Boolean, default: !1 },
     compliance: { type: Boolean, default: !1 },
     // .compliance-tag-padding (wider horizontal padding)
+    numeric: { type: Boolean, default: !1 },
+    // count/metric tag — JetBrains Mono + tabular figures (.numeric-value)
     confirmable: { type: Boolean, default: !1 },
     // ask before removing (registry: confirmable + confirm-title)
     confirmTitle: { type: String, default: "Are you sure?" }
@@ -4530,16 +4532,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       healthy: "tag-green",
       stable: "tag-green",
       operational: "tag-green"
-    }, A = { poweredoff: "up", poweredon: "down" }, j = (z) => z ? z.charAt(0).toUpperCase() + z.slice(1).toLowerCase() : "", t1 = H(() => String(s.status || "").toLowerCase()), l1 = H(
+    }, $ = { poweredoff: "up", poweredon: "down" }, j = (z) => z ? z.charAt(0).toUpperCase() + z.slice(1).toLowerCase() : "", t1 = H(() => String(s.status || "").toLowerCase()), l1 = H(
       () => s.status ? s.forcePrimary ? "tag-primary" : k[t1.value] || "tag-primary" : s.variant
-    ), J = H(() => s.rounded || !!s.status), D = H(() => j(A[t1.value] || String(s.status || "")));
+    ), J = H(() => s.rounded || !!s.status), D = H(() => j($[t1.value] || String(s.status || "")));
     return (z, E) => {
       const a1 = T1("obs-icon");
       return c.value ? (n(), i("span", {
         key: 0,
-        class: B(["tag", [l1.value, { rounded: J.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
+        class: B(["tag", [l1.value, { rounded: J.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
       }, [
-        e.status ? (n(), i($, { key: 0 }, [
+        e.status ? (n(), i(A, { key: 0 }, [
           $1(L(D.value), 1)
         ], 64)) : j1(z.$slots, "default", { key: 1 }),
         e.closable && !e.status ? (n(), i("span", {
@@ -4719,7 +4721,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       ref: a,
       class: "pills"
     }, [
-      (n(!0), i($, null, s1(c.value, (C, k) => (n(), i("span", {
+      (n(!0), i(A, null, s1(c.value, (C, k) => (n(), i("span", {
         key: k,
         class: "pill",
         title: l(C)
@@ -4730,7 +4732,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           onClick: m1(p, ["stop"])
         }, "+" + L(o.value.length), 1),
         r.value ? (n(), i("div", e7, [
-          (n(!0), i($, null, s1(o.value, (C, k) => (n(), i("div", {
+          (n(!0), i(A, null, s1(o.value, (C, k) => (n(), i("div", {
             key: k,
             class: "pop-item",
             title: l(C)
@@ -4772,7 +4774,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           } catch {
             C = [];
           }
-        else k && (C = k.split(",").map((A) => A.trim()).filter(Boolean));
+        else k && (C = k.split(",").map(($) => $.trim()).filter(Boolean));
       }
       return C.map((k) => typeof k == "string" ? { value: k, label: k } : { value: k.value, label: k.label ?? k.text ?? k.value, disabled: !!k.disabled, icon: k.icon });
     });
@@ -4798,21 +4800,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       class: B(["rg", [a.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity }]]),
       role: "radiogroup"
     }, [
-      (n(!0), i($, null, s1(p.value, (A) => (n(), i("label", {
-        key: A.value,
-        class: B(["opt", { on: r.value === A.value, dis: A.disabled || e.disabled }]),
+      (n(!0), i(A, null, s1(p.value, ($) => (n(), i("label", {
+        key: $.value,
+        class: B(["opt", { on: r.value === $.value, dis: $.disabled || e.disabled }]),
         role: "radio",
-        "aria-checked": r.value === A.value,
-        onClick: (j) => h(A)
+        "aria-checked": r.value === $.value,
+        onClick: (j) => h($)
       }, [
         a.value ? V("", !0) : (n(), i("span", r7)),
-        A.icon ? (n(), i("span", {
+        $.icon ? (n(), i("span", {
           key: 1,
           class: "ic",
           "aria-hidden": "true",
-          innerHTML: v(A.icon)
+          innerHTML: v($.icon)
         }, null, 8, n7)) : V("", !0),
-        d("span", a7, L(A.label), 1)
+        d("span", a7, L($.label), 1)
       ], 10, o7))), 128))
     ], 2));
   }
@@ -4888,7 +4890,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function C(E) {
       return E ? v[E] || (String(E).trim().startsWith("<") ? E : "") : "";
     }
-    const k = H(() => s.prefixIcon || ""), A = H(() => s.suffixIcon || (s.type === "search" ? "search" : "")), j = H(() => !!(s.addonBefore || s.addonAfter));
+    const k = H(() => s.prefixIcon || ""), $ = H(() => s.suffixIcon || (s.type === "search" ? "search" : "")), j = H(() => !!(s.addonBefore || s.addonAfter));
     function t1(E) {
       a(E.target.value), l("input", r.value);
     }
@@ -4971,11 +4973,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 "aria-hidden": "true"
               })
             ])) : V("", !0),
-            A.value ? (n(), i("span", {
+            $.value ? (n(), i("span", {
               key: 5,
               class: "adorn suf",
               "aria-hidden": "true",
-              innerHTML: C(A.value)
+              innerHTML: C($.value)
             }, null, 8, m7)) : e.suffix ? (n(), i("span", x7, L(e.suffix), 1)) : V("", !0),
             h.value ? (n(), i("span", y7, [
               d("button", {
@@ -5168,7 +5170,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function k(m) {
       p.value === null || o.value[m].locked || (h.value = m);
     }
-    function A(m) {
+    function $(m) {
       if (p.value === null || o.value[m].locked) {
         p.value = h.value = null;
         return;
@@ -5185,12 +5187,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function l1(m) {
       return m ? String(m).split(",").map((g) => g.trim()).filter(Boolean) : [];
     }
-    const J = /* @__PURE__ */ U(null), D = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), E = /* @__PURE__ */ U(null), a1 = /* @__PURE__ */ U(!1), R = /* @__PURE__ */ U(""), p1 = /* @__PURE__ */ U(-1), o1 = /* @__PURE__ */ U(-1), G = /* @__PURE__ */ U(!1), k1 = /* @__PURE__ */ U(!1), y1 = /* @__PURE__ */ U(!1), E1 = /* @__PURE__ */ U(""), y = /* @__PURE__ */ U(l1(s.value)), f1 = /* @__PURE__ */ U([]), V1 = /* @__PURE__ */ U({}), g1 = /* @__PURE__ */ U(!1), v1 = /* @__PURE__ */ U({});
+    const J = /* @__PURE__ */ U(null), D = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), E = /* @__PURE__ */ U(null), a1 = /* @__PURE__ */ U(!1), R = /* @__PURE__ */ U(""), p1 = /* @__PURE__ */ U(-1), o1 = /* @__PURE__ */ U(-1), G = /* @__PURE__ */ U(!1), k1 = /* @__PURE__ */ U(!1), y1 = /* @__PURE__ */ U(!1), E1 = /* @__PURE__ */ U(""), Z = /* @__PURE__ */ U(l1(s.value)), f1 = /* @__PURE__ */ U([]), V1 = /* @__PURE__ */ U({}), g1 = /* @__PURE__ */ U(!1), v1 = /* @__PURE__ */ U({});
     K1(() => s.value, (m) => {
-      y.value = l1(m);
+      Z.value = l1(m);
     });
     const q1 = s2();
-    K1(y, (m) => {
+    K1(Z, (m) => {
       if (!q1) return;
       const g = s.multiple ? m.join(",") : m[0] || "";
       try {
@@ -5223,7 +5225,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, i2 = H(() => e2(f2.value, []).concat(f1.value)), f = H(() => f2.value.some((m) => m.group)), b = H(() => {
       const m = R.value.toLowerCase();
       return i2.value.filter((g) => !m || String(g.label).toLowerCase().includes(m));
-    }), _ = H(() => i2.value.filter((m) => !m.disabled).map((m) => m.value)), N = H(() => _.value.length > 0 && _.value.every((m) => y.value.includes(m))), I = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), T = (m) => m && String(m).startsWith("--") ? `var(${m}, #6a7fa0)` : m, Y = (m) => {
+    }), _ = H(() => i2.value.filter((m) => !m.disabled).map((m) => m.value)), N = H(() => _.value.length > 0 && _.value.every((m) => Z.value.includes(m))), I = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), T = (m) => m && String(m).startsWith("--") ? `var(${m}, #6a7fa0)` : m, Y = (m) => {
       if (m.severity) return String(m.severity).toLowerCase().trim();
       const g = m.color && String(m.color).match(/^--severity-([a-z]+)/i);
       return g ? g[1].toLowerCase() : "";
@@ -5250,19 +5252,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     };
     function S(m) {
       const g = M(m).filter((x) => !x.disabled);
-      return g.length > 0 && g.every((x) => y.value.includes(x.value));
+      return g.length > 0 && g.every((x) => Z.value.includes(x.value));
     }
     function e1(m) {
-      return !S(m) && M(m).some((g) => y.value.includes(g.value));
+      return !S(m) && M(m).some((g) => Z.value.includes(g.value));
     }
     function b1(m) {
       const g = M(m).filter((d1) => !d1.disabled).map((d1) => d1.value);
-      let x = [...y.value];
+      let x = [...Z.value];
       if (S(m)) x = x.filter((d1) => !g.includes(d1));
       else for (const d1 of g) x.includes(d1) || x.push(d1);
-      y.value = x, l("change", [...y.value]);
+      Z.value = x, l("change", [...Z.value]);
     }
-    const x1 = H(() => s.maxValues > 0 && y.value.length >= s.maxValues);
+    const x1 = H(() => s.maxValues > 0 && Z.value.length >= s.maxValues);
     function B1(m) {
       const g = i2.value.find((x) => x.value === m);
       return g ? g.label : m;
@@ -5280,7 +5282,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       a1.value && R1();
     }
     function C2() {
-      s.disabled || s.loading || (a1.value = !0, l("show"), p1.value = Math.max(0, b.value.findIndex((m) => y.value.includes(m.value))), u2(() => {
+      s.disabled || s.loading || (a1.value = !0, l("show"), p1.value = Math.max(0, b.value.findIndex((m) => Z.value.includes(m.value))), u2(() => {
         try {
           const m = D.value;
           m && m.showPopover && !m.matches(":popover-open") && m.showPopover();
@@ -5295,24 +5297,24 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function w() {
       a1.value ? X() : C2();
     }
-    function Z(m) {
+    function y(m) {
       if (!m.disabled)
         if (s.multiple) {
-          const g = y.value.indexOf(m.value);
-          if (g >= 0) y.value.splice(g, 1);
+          const g = Z.value.indexOf(m.value);
+          if (g >= 0) Z.value.splice(g, 1);
           else {
             if (x1.value) return;
-            y.value.push(m.value);
+            Z.value.push(m.value);
           }
-          y.value = [...y.value], l("change", [...y.value]);
+          Z.value = [...Z.value], l("change", [...Z.value]);
         } else
-          y.value = [m.value], l("change", m.value), X();
+          Z.value = [m.value], l("change", m.value), X();
     }
     function Q() {
-      y.value = N.value ? [] : s.maxValues > 0 ? _.value.slice(0, s.maxValues) : [..._.value], l("change", [...y.value]);
+      Z.value = N.value ? [] : s.maxValues > 0 ? _.value.slice(0, s.maxValues) : [..._.value], l("change", [...Z.value]);
     }
     function w1(m) {
-      m && m.stopPropagation(), y.value = [], l("change", s.multiple ? [] : "");
+      m && m.stopPropagation(), Z.value = [], l("change", s.multiple ? [] : "");
     }
     function i1() {
       y1.value = !0, E1.value = "", u2(() => {
@@ -5324,7 +5326,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function P1() {
       const m = E1.value.trim();
-      m && (i2.value.some((g) => g.value === m) || (f1.value = [...f1.value, { value: m, label: m }]), l("add", m), s.multiple ? (y.value.includes(m) || (y.value = [...y.value, m]), l("change", [...y.value])) : (y.value = [m], l("change", m)), y1.value = !1, E1.value = "", u2(R1));
+      m && (i2.value.some((g) => g.value === m) || (f1.value = [...f1.value, { value: m, label: m }]), l("add", m), s.multiple ? (Z.value.includes(m) || (Z.value = [...Z.value, m]), l("change", [...Z.value])) : (Z.value = [m], l("change", m)), y1.value = !1, E1.value = "", u2(R1));
     }
     function d2(m) {
       R.value = m.target.value, p1.value = 0, l("search", R.value), u2(R1);
@@ -5343,7 +5345,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       else if (m.key === "Enter") {
         m.preventDefault();
         const g = b.value[p1.value];
-        g && Z(g);
+        g && y(g);
       }
     }
     function R3(m) {
@@ -5357,9 +5359,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function w4(m) {
       m.currentTarget.contains(m.relatedTarget) || X();
     }
-    const I3 = H(() => s.allowClear && !s.removeClearBtn && y.value.length && !s.disabled && !s.loading), z2 = H(() => y.value.length ? B1(y.value[0]) : ""), g3 = H(() => Math.max(0, y.value.length - 1)), X2 = H(() => z2.value + (g3.value ? ` (+${g3.value})` : ""));
+    const I3 = H(() => s.allowClear && !s.removeClearBtn && Z.value.length && !s.disabled && !s.loading), z2 = H(() => Z.value.length ? B1(Z.value[0]) : ""), g3 = H(() => Math.max(0, Z.value.length - 1)), X2 = H(() => z2.value + (g3.value ? ` (+${g3.value})` : ""));
     function j3(m) {
-      if (a1.value || !s.multiple || y.value.length < 2) return;
+      if (a1.value || !s.multiple || Z.value.length < 2) return;
       const g = m.currentTarget.getBoundingClientRect();
       v1.value = { position: "fixed", left: Math.round(g.left) + "px", top: Math.round(g.bottom + 6) + "px" }, g1.value = !0;
     }
@@ -5384,21 +5386,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         onFocusout: w4
       }, [
         e.multiple && e.disabled ? (n(), i("div", z7, [
-          y.value.length ? (n(), i($, { key: 0 }, [
-            (n(!0), i($, null, s1(y.value.slice(0, e.maxItems), (P) => (n(), i("span", {
+          Z.value.length ? (n(), i(A, { key: 0 }, [
+            (n(!0), i(A, null, s1(Z.value.slice(0, e.maxItems), (P) => (n(), i("span", {
               class: "pill",
               key: P
             }, L(B1(P)), 1))), 128)),
-            y.value.length > e.maxItems ? (n(), i("span", {
+            Z.value.length > e.maxItems ? (n(), i("span", {
               key: 0,
               class: "pill more",
               role: "button",
               tabindex: "0",
               onClick: g[0] || (g[0] = (P) => k1.value = !k1.value)
             }, [
-              $1(" +" + L(y.value.length - e.maxItems) + " ", 1),
+              $1(" +" + L(Z.value.length - e.maxItems) + " ", 1),
               k1.value ? (n(), i("div", T7, [
-                (n(!0), i($, null, s1(y.value.slice(e.maxItems), (P) => (n(), i("div", {
+                (n(!0), i(A, null, s1(Z.value.slice(e.maxItems), (P) => (n(), i("div", {
                   class: "pill-pop-item",
                   key: P
                 }, L(B1(P)), 1))), 128))
@@ -5407,19 +5409,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ], 64)) : (n(), i("span", O7, L(A1.value), 1))
         ])) : J1.value === "text" ? (n(), i("span", {
           key: 1,
-          class: B(["t-text", { ph: !y.value.length }]),
+          class: B(["t-text", { ph: !Z.value.length }]),
           onClick: w,
           onMouseenter: j3,
           onMouseleave: N3
-        }, L(y.value.length ? e.multiple ? X2.value : z2.value : A1.value), 35)) : J1.value === "chip" ? (n(), i("button", {
+        }, L(Z.value.length ? e.multiple ? X2.value : z2.value : A1.value), 35)) : J1.value === "chip" ? (n(), i("button", {
           key: 2,
           class: "t-chip",
           disabled: e.disabled,
           onClick: w
         }, [
           d("span", {
-            class: B({ ph: !y.value.length })
-          }, L(y.value.length ? e.multiple ? X2.value : z2.value : A1.value), 3)
+            class: B({ ph: !Z.value.length })
+          }, L(Z.value.length ? e.multiple ? X2.value : z2.value : A1.value), 3)
         ], 8, P7)) : J1.value === "button" ? (n(), i("button", {
           key: 3,
           class: B(["t-btn", { open: a1.value }]),
@@ -5427,8 +5429,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           onClick: w
         }, [
           d("span", {
-            class: B({ ph: !y.value.length && !e.triggerLabel })
-          }, L(e.triggerLabel || (y.value.length ? e.multiple ? X2.value : z2.value : A1.value)), 3),
+            class: B({ ph: !Z.value.length && !e.triggerLabel })
+          }, L(e.triggerLabel || (Z.value.length ? e.multiple ? X2.value : z2.value : A1.value)), 3),
           q(x, {
             class: B(["chev", { up: a1.value }]),
             name: e.triggerIcon || "chevronDown",
@@ -5436,7 +5438,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           }, null, 8, ["class", "name"])
         ], 10, E7)) : J1.value === "icon" ? (n(), i("button", {
           key: 4,
-          class: B(["t-icon", { on: y.value.length, open: a1.value, bordered: a.value }]),
+          class: B(["t-icon", { on: Z.value.length, open: a1.value, bordered: a.value }]),
           disabled: e.disabled,
           "aria-label": e.triggerLabel || A1.value,
           onClick: w
@@ -5445,7 +5447,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             name: e.triggerIcon || (a.value ? "eye" : "ellipsisV"),
             size: "16"
           }, null, 8, ["name"]),
-          e.multiple && y.value.length ? (n(), i("span", B7, L(y.value.length), 1)) : V("", !0)
+          e.multiple && Z.value.length ? (n(), i("span", B7, L(Z.value.length), 1)) : V("", !0)
         ], 10, D7)) : (n(), i("button", {
           key: 5,
           class: B(["trig", { open: a1.value }]),
@@ -5455,7 +5457,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           onMouseleave: g[2] || (g[2] = (P) => G.value = !1)
         }, [
           d("span", I7, [
-            y.value.length ? (n(), i("span", j7, L(e.multiple ? X2.value : z2.value), 1)) : (n(), i("span", N7, L(A1.value), 1))
+            Z.value.length ? (n(), i("span", j7, L(e.multiple ? X2.value : z2.value), 1)) : (n(), i("span", N7, L(A1.value), 1))
           ]),
           d("span", F7, [
             I3.value && G.value ? (n(), i("span", {
@@ -5478,12 +5480,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             }, null, 8, ["class"]))
           ])
         ], 42, R7)),
-        g1.value && !a1.value && e.textOnly && e.multiple && y.value.length > 1 ? (n(), i("div", {
+        g1.value && !a1.value && e.textOnly && e.multiple && Z.value.length > 1 ? (n(), i("div", {
           key: 6,
           class: "val-pop",
           style: Z1(v1.value)
         }, [
-          (n(!0), i($, null, s1(y.value, (P) => (n(), i("div", {
+          (n(!0), i(A, null, s1(Z.value, (P) => (n(), i("div", {
             key: P,
             class: "val-pop-item"
           }, L(B1(P)), 1))), 128))
@@ -5499,14 +5501,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           a.value ? (n(), i("div", W7, [
             e.heading ? (n(), i("div", K7, L(e.heading), 1)) : V("", !0),
             d("div", q7, [
-              (n(!0), i($, null, s1(o.value, (P, L1) => (n(), i("div", {
+              (n(!0), i(A, null, s1(o.value, (P, L1) => (n(), i("div", {
                 key: P.key,
                 class: B(["cc-row", { dragging: p.value === L1, over: h.value === L1 && p.value !== L1, locked: P.locked }]),
                 draggable: !P.locked,
                 onClick: (G1) => v(P),
                 onDragstart: (G1) => C(L1),
                 onDragover: m1((G1) => k(L1), ["prevent"]),
-                onDrop: m1((G1) => A(L1), ["prevent"]),
+                onDrop: m1((G1) => $(L1), ["prevent"]),
                 onDragend: j
               }, [
                 q(x, {
@@ -5619,15 +5621,15 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               role: "listbox",
               "aria-multiselectable": e.multiple
             }, [
-              f.value ? (n(), i($, { key: 0 }, [
-                (n(!0), i($, null, s1(C1.value, (P) => (n(), i("button", {
+              f.value ? (n(), i(A, { key: 0 }, [
+                (n(!0), i(A, null, s1(C1.value, (P) => (n(), i("button", {
                   key: (P.__branch ? "g-" : "o-") + P.value,
                   type: "button",
-                  class: B(["mopt tnode", { branch: P.__branch, on: !P.__branch && y.value.includes(P.value), dis: P.disabled }]),
+                  class: B(["mopt tnode", { branch: P.__branch, on: !P.__branch && Z.value.includes(P.value), dis: P.disabled }]),
                   style: Z1({ paddingLeft: 12 + P.__level * 18 + "px" }),
                   role: "option",
-                  "aria-selected": !P.__branch && y.value.includes(P.value),
-                  onClick: (L1) => P.__branch ? u1(P) : Z(P)
+                  "aria-selected": !P.__branch && Z.value.includes(P.value),
+                  onClick: (L1) => P.__branch ? u1(P) : y(P)
                 }, [
                   d("span", oe, [
                     P.__branch ? (n(), _1(x, {
@@ -5639,9 +5641,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   ]),
                   e.multiple ? (n(), i("span", {
                     key: 0,
-                    class: B(["cbx", P.__branch ? { ck: S(P), ind: e1(P) } : { ck: y.value.includes(P.value) }]),
+                    class: B(["cbx", P.__branch ? { ck: S(P), ind: e1(P) } : { ck: Z.value.includes(P.value) }]),
                     "aria-hidden": "true",
-                    onClick: m1((L1) => P.__branch ? b1(P) : Z(P), ["stop"])
+                    onClick: m1((L1) => P.__branch ? b1(P) : y(P), ["stop"])
                   }, null, 10, re)) : V("", !0),
                   P.avatar ? (n(), i("span", {
                     key: 1,
@@ -5652,7 +5654,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: 0,
                       src: P.avatar,
                       alt: ""
-                    }, null, 8, ne)) : (n(), i($, { key: 1 }, [
+                    }, null, 8, ne)) : (n(), i(A, { key: 1 }, [
                       $1(L(O(P.label)), 1)
                     ], 64))
                   ], 2)) : V("", !0),
@@ -5686,13 +5688,13 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   }, null, -1),
                   $1("No data", -1)
                 ])]))
-              ], 64)) : (n(), i($, { key: 1 }, [
-                (n(!0), i($, null, s1(b.value, (P, L1) => (n(), i("button", {
+              ], 64)) : (n(), i(A, { key: 1 }, [
+                (n(!0), i(A, null, s1(b.value, (P, L1) => (n(), i("button", {
                   key: P.value,
-                  class: B(["mopt", { on: y.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
+                  class: B(["mopt", { on: Z.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
                   role: "option",
-                  "aria-selected": y.value.includes(P.value),
-                  onClick: (G1) => Z(P),
+                  "aria-selected": Z.value.includes(P.value),
+                  onClick: (G1) => y(P),
                   onMouseenter: (G1) => {
                     o1.value = L1, p1.value = L1;
                   },
@@ -5700,7 +5702,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   e.multiple ? (n(), i("span", {
                     key: 0,
-                    class: B(["cbx", { ck: y.value.includes(P.value) }]),
+                    class: B(["cbx", { ck: Z.value.includes(P.value) }]),
                     "aria-hidden": "true"
                   }, null, 2)) : V("", !0),
                   P.avatar ? (n(), i("span", {
@@ -5712,7 +5714,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: 0,
                       src: P.avatar,
                       alt: ""
-                    }, null, 8, ue)) : (n(), i($, { key: 1 }, [
+                    }, null, 8, ue)) : (n(), i(A, { key: 1 }, [
                       $1(L(O(P.label)), 1)
                     ], 64))
                   ], 2)) : V("", !0),
@@ -5749,7 +5751,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])]))
               ], 64))
             ], 8, ce),
-            e.multiple && y.value.length ? (n(), i("div", ge, [
+            e.multiple && Z.value.length ? (n(), i("div", ge, [
               d("button", {
                 class: "clearbtn",
                 onClick: w1
@@ -5764,7 +5766,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ])) : V("", !0)
           ])),
           e.useAfterMenuDescription ? (n(), i("div", be, [
-            F3.value ? (n(), i($, { key: 0 }, [
+            F3.value ? (n(), i(A, { key: 0 }, [
               d("div", me, L(B1(b.value[o1.value].value)), 1),
               d("div", xe, L(F3.value), 1)
             ], 64)) : (n(), i("div", ye, "Hover an option to see details."))
@@ -5795,7 +5797,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       role: e.displayText ? null : "img",
       "aria-label": e.displayText ? null : o.value
     }, [
-      e.shape === "dot" ? (n(), i($, { key: 0 }, [
+      e.shape === "dot" ? (n(), i(A, { key: 0 }, [
         d("span", {
           class: "dot",
           style: Z1(a.value),
@@ -5863,59 +5865,59 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, l = t, c = H(() => s.type === "select"), o = (y) => String(y || "").split(",").map((f1) => f1.trim()).filter(Boolean), r = H(() => Array.isArray(s.options) ? s.options.map((y) => typeof y == "string" ? { value: y, label: y } : { value: y.value, label: y.label ?? y.text ?? y.value }) : o(s.options).map((y) => {
-      const f1 = y.indexOf(":");
-      return f1 > 0 ? { value: y.slice(0, f1), label: y.slice(f1 + 1) } : { value: y, label: y };
-    })), a = (y) => {
-      const f1 = r.value.find((V1) => V1.value === y);
-      return f1 ? f1.label : y;
+    const s = e, l = t, c = H(() => s.type === "select"), o = (Z) => String(Z || "").split(",").map((f1) => f1.trim()).filter(Boolean), r = H(() => Array.isArray(s.options) ? s.options.map((Z) => typeof Z == "string" ? { value: Z, label: Z } : { value: Z.value, label: Z.label ?? Z.text ?? Z.value }) : o(s.options).map((Z) => {
+      const f1 = Z.indexOf(":");
+      return f1 > 0 ? { value: Z.slice(0, f1), label: Z.slice(f1 + 1) } : { value: Z, label: Z };
+    })), a = (Z) => {
+      const f1 = r.value.find((V1) => V1.value === Z);
+      return f1 ? f1.label : Z;
     }, p = s2(), h = /* @__PURE__ */ U(o(s.value));
-    K1(() => s.value, (y) => {
-      h.value = o(y);
-    }), K1(h, (y) => {
+    K1(() => s.value, (Z) => {
+      h.value = o(Z);
+    }), K1(h, (Z) => {
       if (!p) return;
-      const f1 = y.join(",");
+      const f1 = Z.join(",");
       try {
         p.value !== f1 && (p.value = f1);
       } catch {
       }
     }, { deep: !0 });
-    const u = /* @__PURE__ */ U(""), v = /* @__PURE__ */ U(!1), C = /* @__PURE__ */ U(0), k = /* @__PURE__ */ U(null), A = H(() => s.lowercase !== "false" && s.lowercase !== !1);
-    function j(y) {
-      const f1 = y.trim();
-      return c.value ? f1 : A.value ? f1.toLowerCase() : f1;
+    const u = /* @__PURE__ */ U(""), v = /* @__PURE__ */ U(!1), C = /* @__PURE__ */ U(0), k = /* @__PURE__ */ U(null), $ = H(() => s.lowercase !== "false" && s.lowercase !== !1);
+    function j(Z) {
+      const f1 = Z.trim();
+      return c.value ? f1 : $.value ? f1.toLowerCase() : f1;
     }
     const t1 = H(() => s.placeholder || (c.value ? "Select" : "Add Tags")), l1 = H(() => !s.disabled && !s.loading), J = H(() => {
-      const y = u.value.trim().toLowerCase();
+      const Z = u.value.trim().toLowerCase();
       if (c.value)
-        return r.value.filter((v1) => !h.value.includes(v1.value) && (!y || v1.label.toLowerCase().includes(y) || v1.value.toLowerCase().includes(y)));
-      const f1 = h.value.map((v1) => v1.toLowerCase()), V1 = o(s.suggestions).filter((v1) => !f1.includes(v1.toLowerCase()) && (!y || v1.toLowerCase().includes(y))), g1 = [];
-      y && !f1.includes(j(u.value)) && !V1.some((v1) => v1.toLowerCase() === y) && g1.push({ label: u.value.trim(), value: j(u.value), create: !0 });
+        return r.value.filter((v1) => !h.value.includes(v1.value) && (!Z || v1.label.toLowerCase().includes(Z) || v1.value.toLowerCase().includes(Z)));
+      const f1 = h.value.map((v1) => v1.toLowerCase()), V1 = o(s.suggestions).filter((v1) => !f1.includes(v1.toLowerCase()) && (!Z || v1.toLowerCase().includes(Z))), g1 = [];
+      Z && !f1.includes(j(u.value)) && !V1.some((v1) => v1.toLowerCase() === Z) && g1.push({ label: u.value.trim(), value: j(u.value), create: !0 });
       for (const v1 of V1) g1.push({ label: v1, value: v1 });
       return g1;
     }), D = H(() => v.value && l1.value && J.value.length > 0);
-    function z(y) {
-      h.value = y, l("change", h.value);
+    function z(Z) {
+      h.value = Z, l("change", h.value);
     }
-    function E(y) {
-      h.value.includes(y) || z([...h.value, y]), u.value = "", C.value = 0;
+    function E(Z) {
+      h.value.includes(Z) || z([...h.value, Z]), u.value = "", C.value = 0;
     }
-    function a1(y) {
-      const f1 = j(y);
+    function a1(Z) {
+      const f1 = j(Z);
       f1 && (h.value.includes(f1) || z([...h.value, f1]), u.value = "", C.value = 0);
     }
-    function R(y) {
-      z(h.value.filter((f1, V1) => V1 !== y));
+    function R(Z) {
+      z(h.value.filter((f1, V1) => V1 !== Z));
     }
     function p1() {
       v.value = !0, C.value = 0;
     }
-    function o1(y) {
-      if (y.key === "Enter" || y.key === "," && !c.value) {
-        y.preventDefault();
+    function o1(Z) {
+      if (Z.key === "Enter" || Z.key === "," && !c.value) {
+        Z.preventDefault();
         const f1 = J.value[C.value];
         c.value ? f1 && E(f1.value) : a1(f1 ? f1.value : u.value);
-      } else y.key === "ArrowDown" ? (y.preventDefault(), v.value = !0, C.value = Math.min(C.value + 1, J.value.length - 1)) : y.key === "ArrowUp" ? (y.preventDefault(), C.value = Math.max(C.value - 1, 0)) : y.key === "Escape" ? v.value = !1 : y.key === "Backspace" && !u.value && h.value.length && R(h.value.length - 1);
+      } else Z.key === "ArrowDown" ? (Z.preventDefault(), v.value = !0, C.value = Math.min(C.value + 1, J.value.length - 1)) : Z.key === "ArrowUp" ? (Z.preventDefault(), C.value = Math.max(C.value - 1, 0)) : Z.key === "Escape" ? v.value = !1 : Z.key === "Backspace" && !u.value && h.value.length && R(h.value.length - 1);
     }
     function G() {
       !s.disabled && k.value && (k.value.focus(), v.value = !0);
@@ -5925,19 +5927,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         v.value = !1, c.value || a1(u.value);
       }, 150);
     }
-    function y1(y) {
-      c.value ? E(y.value) : a1(y.value), k.value && k.value.focus();
+    function y1(Z) {
+      c.value ? E(Z.value) : a1(Z.value), k.value && k.value.focus();
     }
     function E1() {
       v.value ? v.value = !1 : G();
     }
-    return (y, f1) => {
+    return (Z, f1) => {
       const V1 = T1("obs-icon");
       return n(), i("div", {
         class: B(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: D.value }]]),
         onMousedown: m1(G, ["self"])
       }, [
-        (n(!0), i($, null, s1(h.value, (g1, v1) => (n(), i("span", {
+        (n(!0), i(A, null, s1(h.value, (g1, v1) => (n(), i("span", {
           key: g1 + v1,
           class: "pill"
         }, [
@@ -5986,7 +5988,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           })
         ], 34)) : V("", !0),
         D.value ? (n(), i("ul", Pe, [
-          (n(!0), i($, null, s1(J.value, (g1, v1) => (n(), i("li", {
+          (n(!0), i(A, null, s1(J.value, (g1, v1) => (n(), i("li", {
             key: g1.value,
             class: B(["mi", { active: v1 === C.value }]),
             role: "option",
@@ -6036,7 +6038,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       d("div", Ne, [
         d("div", Fe, [
           c[0] || (c[0] = d("span", { class: "logo" }, null, -1)),
-          (n(!0), i($, null, s1(t.value, (o) => (n(), i("span", {
+          (n(!0), i(A, null, s1(t.value, (o) => (n(), i("span", {
             key: o,
             class: B(["nico", { on: o === 2 }])
           }, null, 2))), 128))
@@ -6046,7 +6048,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           d("div", We, [
             c[1] || (c[1] = d("div", { class: "ptitle" }, "Page title", -1)),
             c[2] || (c[2] = d("div", { class: "rule" }, null, -1)),
-            (n(!0), i($, null, s1(s.value, (o) => (n(), i("div", {
+            (n(!0), i(A, null, s1(s.value, (o) => (n(), i("div", {
               key: o,
               class: "line",
               style: Z1({ width: o === 6 ? "55%" : "100%" })
@@ -6062,7 +6064,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     ])) : (n(), i("div", Ke, [
       e.sidebar ? (n(), i("div", qe, [
         c[6] || (c[6] = d("span", { class: "logo" }, null, -1)),
-        (n(!0), i($, null, s1(t.value, (o) => (n(), i("span", {
+        (n(!0), i(A, null, s1(t.value, (o) => (n(), i("span", {
           key: o,
           class: B(["nico", { on: o === 2 }])
         }, null, 2))), 128))
@@ -6080,7 +6082,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ])])) : (n(), i("div", Qe, [
             c[9] || (c[9] = d("div", { class: "ptitle" }, "Page title", -1)),
             c[10] || (c[10] = d("div", { class: "rule" }, null, -1)),
-            (n(!0), i($, null, s1(s.value, (o) => (n(), i("div", {
+            (n(!0), i(A, null, s1(s.value, (o) => (n(), i("div", {
               key: o,
               class: "line",
               style: Z1({ width: o === 6 ? "55%" : "100%" })
@@ -6108,12 +6110,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         class: "row",
         style: Z1({ gap: o.value })
       }, [
-        (n(!0), i($, null, s1(c.value, (p) => (n(), i("div", {
+        (n(!0), i(A, null, s1(c.value, (p) => (n(), i("div", {
           key: p,
           class: "cell"
         }, L(s.value), 1))), 128))
       ], 4),
-      e.autoSize ? (n(), i($, { key: 0 }, [
+      e.autoSize ? (n(), i(A, { key: 0 }, [
         a[1] || (a[1] = d("div", { class: "hint" }, [
           $1("A filling field + two "),
           d("code", null, "auto-size"),
@@ -6165,7 +6167,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         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, s1(4, (o) => d("span", {
+          (n(), i(A, null, s1(4, (o) => d("span", {
             key: o,
             class: "brow"
           })), 64))
@@ -6188,21 +6190,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       d("div", {
         class: B(["pbody", { col: s.value }])
       }, [
-        e.shape === "single" ? (n(), i("div", ht)) : e.shape === "two-pane" ? (n(), i($, { key: 1 }, [
+        e.shape === "single" ? (n(), i("div", ht)) : e.shape === "two-pane" ? (n(), i(A, { key: 1 }, [
           c[5] || (c[5] = d("div", {
             class: "bx sol",
             style: { width: "30%" }
           }, null, -1)),
           c[6] || (c[6] = d("div", { class: "bx dsh" }, null, -1))
-        ], 64)) : e.shape === "master-detail" ? (n(), i($, { key: 2 }, [
+        ], 64)) : e.shape === "master-detail" ? (n(), i(A, { key: 2 }, [
           c[7] || (c[7] = d("div", { class: "bx dsh" }, null, -1)),
           c[8] || (c[8] = d("div", { class: "bx drawer" }, null, -1))
         ], 64)) : e.shape === "dashboard" ? (n(), i("div", vt, [
-          (n(), i($, null, s1(4, (o) => d("div", {
+          (n(), i(A, null, s1(4, (o) => d("div", {
             key: o,
             class: "bx sol"
           })), 64))
-        ])) : e.shape === "three-pane" ? (n(), i($, { key: 4 }, [
+        ])) : e.shape === "three-pane" ? (n(), i(A, { key: 4 }, [
           c[9] || (c[9] = d("div", {
             class: "bx sol",
             style: { width: "18%" }
@@ -6212,7 +6214,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             style: { width: "26%" }
           }, null, -1)),
           c[11] || (c[11] = d("div", { class: "bx dsh" }, null, -1))
-        ], 64)) : (n(), i($, { key: 5 }, [
+        ], 64)) : (n(), i(A, { key: 5 }, [
           c[12] || (c[12] = d("div", {
             class: "bx sol",
             style: { height: "40%", flex: "none" }
@@ -6255,10 +6257,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     return (o, r) => (n(), i("div", mt, [
       l.value.bare ? (n(), i("div", xt, [...r[0] || (r[0] = [
         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 }, [
+      ])])) : (n(), i(A, { key: 1 }, [
         l.value.nav ? (n(), i("div", yt, [
           r[1] || (r[1] = d("span", { class: "logo" }, null, -1)),
-          (n(), i($, null, s1(6, (a) => d("span", {
+          (n(), i(A, null, s1(6, (a) => d("span", {
             key: a,
             class: B(["nico", { on: a === 2 }])
           }, null, 2)), 64))
@@ -6271,7 +6273,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: B(["body", { padded: l.value.padded }])
           }, [
             l.value.twoPane === "tree" ? (n(), i("div", Mt, [
-              (n(), i($, null, s1(c, (a, p) => d("div", {
+              (n(), i(A, null, s1(c, (a, p) => d("div", {
                 key: p,
                 class: "trow",
                 style: Z1({ marginLeft: a.i * 14 + "px" })
@@ -6281,7 +6283,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ], 4)), 64))
             ])) : l.value.twoPane === "menu" ? (n(), i("div", Ht, [
               r[4] || (r[4] = d("div", { class: "mhead" }, "SETTINGS", -1)),
-              (n(), i($, null, s1(6, (a) => d("div", {
+              (n(), i(A, null, s1(6, (a) => d("div", {
                 key: a,
                 class: B(["mrow", { on: a === 2 }])
               }, null, 2)), 64))
@@ -6289,7 +6291,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("div", Vt, [
               r[5] || (r[5] = d("div", { class: "ptitle" }, "Page title", -1)),
               r[6] || (r[6] = d("div", { class: "rule" }, null, -1)),
-              (n(), i($, null, s1(5, (a) => d("div", {
+              (n(), i(A, null, s1(5, (a) => d("div", {
                 key: a,
                 class: "line",
                 style: Z1({ width: a === 5 ? "55%" : "100%" })
@@ -6319,11 +6321,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       d("div", At, [
         c[10] || (c[10] = d("div", { class: "hdr" }, null, -1)),
         d("div", zt, [
-          s.value === "list" ? (n(), i($, { key: 0 }, [
+          s.value === "list" ? (n(), i(A, { key: 0 }, [
             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, s1(5, (o) => d("div", {
+              (n(), i(A, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "trow"
               })), 64))
@@ -6334,21 +6336,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 style: { height: "14px", width: "120px" }
               })
             ], -1))
-          ], 64)) : s.value === "form" ? (n(), i($, { key: 1 }, [
+          ], 64)) : s.value === "form" ? (n(), i(A, { key: 1 }, [
             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 }, [
+          ], 64)) : s.value === "detail" ? (n(), i(A, { key: 2 }, [
             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 }, [
+          ], 64)) : s.value === "dashboard" ? (n(), i(A, { key: 3 }, [
             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, s1(4, (o) => d("div", {
+              (n(), i(A, null, s1(4, (o) => d("div", {
                 key: o,
                 class: "tile"
               })), 64))
             ])
           ], 64)) : s.value === "explorer" ? (n(), i("div", Pt, [
             d("div", Et, [
-              (n(), i($, null, s1(5, (o) => d("div", {
+              (n(), i(A, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "lbar",
                 style: Z1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
@@ -6358,10 +6360,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               d("div", { class: "qbar" }),
               d("div", { class: "pane dsh" })
             ], -1))
-          ])) : s.value === "wizard" ? (n(), i($, { key: 5 }, [
+          ])) : s.value === "wizard" ? (n(), i(A, { key: 5 }, [
             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, s1(3, (o) => d("div", {
+              (n(), i(A, null, s1(3, (o) => d("div", {
                 key: o,
                 class: "wfield"
               })), 64))
@@ -6378,7 +6380,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ], -1))
           ], 64)) : (n(), i("div", Bt, [
             d("div", Rt, [
-              (n(), i($, null, s1(5, (o) => d("div", {
+              (n(), i(A, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "lbar",
                 style: Z1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
@@ -6431,7 +6433,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         c[2] || (c[2] = d("div", { class: "scrim" }, null, -1)),
         d("div", Wt, [
           c[0] || (c[0] = d("div", { class: "bar w55" }, null, -1)),
-          (n(), i($, null, s1(4, (o) => d("div", {
+          (n(), i(A, null, s1(4, (o) => d("div", {
             key: o,
             class: "bar"
           })), 64))
@@ -6456,19 +6458,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         }, null, -1)
       ])])) : s.value === "affix" ? (n(), i("div", Yt, [
         c[7] || (c[7] = d("div", { class: "pinned" }, "📌 pinned", -1)),
-        (n(), i($, null, s1(4, (o) => d("div", {
+        (n(), i(A, null, s1(4, (o) => d("div", {
           key: o,
           class: "bar faded"
         })), 64))
       ])) : s.value === "dash" ? (n(), i("div", Xt, [
-        (n(), i($, null, s1(4, (o) => d("div", {
+        (n(), i(A, null, s1(4, (o) => d("div", {
           key: o,
           class: "tile"
         }, [...c[8] || (c[8] = [
           d("span", { class: "resize" }, null, -1)
         ])])), 64))
       ])) : s.value === "bulkbar" ? (n(), i("div", Qt, [
-        (n(), i($, null, s1(4, (o) => d("div", {
+        (n(), i(A, null, s1(4, (o) => d("div", {
           key: o,
           class: "brow"
         }, [
@@ -6489,7 +6491,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           c[11] || (c[11] = d("div", { class: "anchor" }, "anchor ▾", -1)),
           c[12] || (c[12] = d("div", { class: "arrow" }, null, -1)),
           d("div", ss, [
-            (n(), i($, null, s1(3, (o) => d("div", {
+            (n(), i(A, null, s1(3, (o) => d("div", {
               key: o,
               class: "bar"
             })), 64))
@@ -6504,7 +6506,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("span", { class: "bar f1" })
           ], -1)),
           d("div", os, [
-            (n(), i($, null, s1(3, (o) => d("div", {
+            (n(), i(A, null, s1(3, (o) => d("div", {
               key: o,
               class: "bar"
             })), 64))
@@ -6681,7 +6683,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (let x = 0; x < 24; x++)
         for (const d1 of ["00", "30"]) g.push(String(x).padStart(2, "0") + ":" + d1);
       return g;
-    })(), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], h = /* @__PURE__ */ U(!1), u = /* @__PURE__ */ U("presets"), v = /* @__PURE__ */ U(null), C = /* @__PURE__ */ U(s.empty ? null : "-24h"), k = /* @__PURE__ */ U(2026), A = /* @__PURE__ */ U(5), j = /* @__PURE__ */ new Date(), t1 = new Date(j.getFullYear(), j.getMonth(), j.getDate()).getTime(), l1 = /* @__PURE__ */ E3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), J = /* @__PURE__ */ U("10:05"), D = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), E = H(() => s.kind === "range" || s.kind === "range-presets"), a1 = H(() => s.kind === "range-presets"), R = H(() => C.value === "custom" ? { s: (l1.start && l1.end ? Math.max(1, Math.round((l1.end - l1.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((g) => g.k === C.value) || null);
+    })(), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], h = /* @__PURE__ */ U(!1), u = /* @__PURE__ */ U("presets"), v = /* @__PURE__ */ U(null), C = /* @__PURE__ */ U(s.empty ? null : "-24h"), k = /* @__PURE__ */ U(2026), $ = /* @__PURE__ */ U(5), j = /* @__PURE__ */ new Date(), t1 = new Date(j.getFullYear(), j.getMonth(), j.getDate()).getTime(), l1 = /* @__PURE__ */ E3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), J = /* @__PURE__ */ U("10:05"), D = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), E = H(() => s.kind === "range" || s.kind === "range-presets"), a1 = H(() => s.kind === "range-presets"), R = H(() => C.value === "custom" ? { s: (l1.start && l1.end ? Math.max(1, Math.round((l1.end - l1.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((g) => g.k === C.value) || null);
     function p1(g, x) {
       const d1 = new Date(g, x, 1).getDay(), F = new Date(g, x + 1, 0).getDate(), P = [];
       for (let G1 = 0; G1 < 42; G1++) {
@@ -6693,8 +6695,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       return { mlabel: o[x], y: g, mi: x, weeks: L1 };
     }
     const o1 = H(() => {
-      const g = new Date(k.value, A.value + 1, 1);
-      return [p1(k.value, A.value), p1(g.getFullYear(), g.getMonth())];
+      const g = new Date(k.value, $.value + 1, 1);
+      return [p1(k.value, $.value), p1(g.getFullYear(), g.getMonth())];
     }), G = H(() => {
       const g = Math.floor(k.value / 10) * 10, x = [];
       for (let d1 = -1; d1 <= 10; d1++) x.push(g + d1);
@@ -6709,7 +6711,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function E1() {
       C.value = "custom", h.value = !1;
     }
-    function y(g) {
+    function Z(g) {
       g.stopPropagation(), C.value = null, h.value = !1;
     }
     function f1(g) {
@@ -6722,12 +6724,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       return F && P && L1 === F ? { ...x, ...d1, borderRadius: "4px 0 0 4px" } : F && P && L1 === P ? { ...x, ...d1, borderRadius: "0 4px 4px 0" } : F && P && L1 > F && L1 < P ? { ...x, background: "var(--timerange-background-color)", color: "var(--page-text-color)", borderRadius: "0", cursor: "pointer" } : F && !P && L1 === F ? { ...x, ...d1 } : L1 > t1 ? { ...x, color: "var(--neutral-light)", opacity: 0.5 } : L1 === t1 ? { ...x, border: "1px solid var(--primary)", color: "var(--primary)", fontWeight: 600, cursor: "pointer" } : { ...x, color: "var(--page-text-color)", cursor: "pointer" };
     }
     function g1() {
-      const g = new Date(k.value, A.value - 1, 1);
-      k.value = g.getFullYear(), A.value = g.getMonth();
+      const g = new Date(k.value, $.value - 1, 1);
+      k.value = g.getFullYear(), $.value = g.getMonth();
     }
     function v1() {
-      const g = new Date(k.value, A.value + 1, 1);
-      k.value = g.getFullYear(), A.value = g.getMonth();
+      const g = new Date(k.value, $.value + 1, 1);
+      k.value = g.getFullYear(), $.value = g.getMonth();
     }
     function q1(g, x) {
       x.stopPropagation(), z.value = z.value === g ? null : g;
@@ -6736,7 +6738,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       z.value === "from" ? J.value = g : D.value = g, z.value = null;
     }
     function n1(g) {
-      A.value = g, v.value = null;
+      $.value = g, v.value = null;
     }
     function c1(g) {
       k.value = g, v.value = "month";
@@ -6775,7 +6777,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }), A2(() => {
       window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", _);
     });
-    const N = H(() => s.kind === "field-time" ? "clock" : "calendar"), I = H(() => s.placeholder || (s.kind === "field-time" ? "Select time" : s.kind === "field-date" ? "Select date" : "Select date & time")), T = /* @__PURE__ */ U(!1), Y = /* @__PURE__ */ U("date"), W = /* @__PURE__ */ U(null), K = /* @__PURE__ */ U(null), O = /* @__PURE__ */ U(null), u1 = /* @__PURE__ */ U(null), r1 = Array.from({ length: 12 }, (g, x) => x + 1), h1 = Array.from({ length: 60 }, (g, x) => x), C1 = H(() => s.kind === "field-date" || s.kind === "field-datetime"), M = H(() => s.kind === "field-time"), S = H(() => p1(k.value, A.value)), e1 = (g) => String(g).padStart(2, "0"), b1 = H(() => K.value != null && O.value != null && u1.value != null), x1 = H(() => b1.value ? `${e1(K.value)}:${e1(O.value)} ${u1.value}` : ""), B1 = H(() => {
+    const N = H(() => s.kind === "field-time" ? "clock" : "calendar"), I = H(() => s.placeholder || (s.kind === "field-time" ? "Select time" : s.kind === "field-date" ? "Select date" : "Select date & time")), T = /* @__PURE__ */ U(!1), Y = /* @__PURE__ */ U("date"), W = /* @__PURE__ */ U(null), K = /* @__PURE__ */ U(null), O = /* @__PURE__ */ U(null), u1 = /* @__PURE__ */ U(null), r1 = Array.from({ length: 12 }, (g, x) => x + 1), h1 = Array.from({ length: 60 }, (g, x) => x), C1 = H(() => s.kind === "field-date" || s.kind === "field-datetime"), M = H(() => s.kind === "field-time"), S = H(() => p1(k.value, $.value)), e1 = (g) => String(g).padStart(2, "0"), b1 = H(() => K.value != null && O.value != null && u1.value != null), x1 = H(() => b1.value ? `${e1(K.value)}:${e1(O.value)} ${u1.value}` : ""), B1 = H(() => {
       if (!W.value) return "";
       const g = new Date(W.value);
       return `${e1(g.getDate())}/${e1(g.getMonth() + 1)}/${g.getFullYear()}`;
@@ -6791,7 +6793,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function w() {
       s.disabled || (T.value = !T.value, T.value && (Y.value = M.value ? "time" : "date"), T.value && M.value && !b1.value && X());
     }
-    function Z(g) {
+    function y(g) {
       return {
         muted: !g.cur,
         sel: g.cur && W.value === g.ts,
@@ -6943,18 +6945,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ])
             ]),
             d("div", ks, [
-              (n(), i($, null, s1(p, (F) => d("div", {
+              (n(), i(A, null, s1(p, (F) => d("div", {
                 key: F,
                 class: "wd"
               }, L(F), 1)), 64))
             ]),
-            (n(!0), i($, null, s1(S.value.weeks, (F, P) => (n(), i("div", {
+            (n(!0), i(A, null, s1(S.value.weeks, (F, P) => (n(), i("div", {
               key: P,
               class: "wgrid7"
             }, [
-              (n(!0), i($, null, s1(F, (L1, G1) => (n(), i("div", { key: G1 }, [
+              (n(!0), i(A, null, s1(F, (L1, G1) => (n(), i("div", { key: G1 }, [
                 d("div", {
-                  class: B(["fday", Z(L1)]),
+                  class: B(["fday", y(L1)]),
                   onClick: m1((V2) => Q(L1), ["stop"])
                 }, L(L1.d), 11, Hs)
               ]))), 128))
@@ -6967,7 +6969,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colH",
                 ref: X2
               }, [
-                (n(!0), i($, null, s1(x2(r1), (F) => (n(), i("div", {
+                (n(!0), i(A, null, s1(x2(r1), (F) => (n(), i("div", {
                   key: "h" + F,
                   class: B(["srow", { on: K.value === F }]),
                   onClick: m1((P) => d2(F), ["stop"])
@@ -6978,7 +6980,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colM",
                 ref: j3
               }, [
-                (n(!0), i($, null, s1(x2(h1), (F) => (n(), i("div", {
+                (n(!0), i(A, null, s1(x2(h1), (F) => (n(), i("div", {
                   key: "m" + F,
                   class: B(["srow", { on: O.value === F }]),
                   onClick: m1((P) => Q1(F), ["stop"])
@@ -6989,7 +6991,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colA",
                 ref: N3
               }, [
-                (n(), i($, null, s1(["AM", "PM"], (F) => d("div", {
+                (n(), i(A, null, s1(["AM", "PM"], (F) => d("div", {
                   key: F,
                   class: B(["srow", { on: u1.value === F }]),
                   onClick: m1((P) => R3(F), ["stop"])
@@ -7004,7 +7006,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               key: 0,
               class: "link today",
               onClick: m1(z1, ["stop"])
-            }, "Today")) : (n(), i($, { key: 1 }, [
+            }, "Today")) : (n(), i(A, { key: 1 }, [
               d("span", {
                 class: "link",
                 onClick: m1(i1, ["stop"])
@@ -7031,7 +7033,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ref: e2,
           class: "rail"
         }, [
-          (n(!0), i($, null, s1(x2(J1), (F) => (n(), i("div", {
+          (n(!0), i(A, null, s1(x2(J1), (F) => (n(), i("div", {
             key: F,
             class: "tick",
             style: Z1({ left: F / 99 * 100 + "%" })
@@ -7050,7 +7052,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             style: Z1({ left: o2.value + "%", marginLeft: "-12px" }),
             onMousedown: x[6] || (x[6] = (F) => f("right", F))
           }, null, 36),
-          (n(!0), i($, null, s1(i2.value, (F) => (n(), i("div", {
+          (n(!0), i(A, null, s1(i2.value, (F) => (n(), i("div", {
             key: "l" + F.pct,
             class: "tlabel",
             style: Z1({ left: F.pct + "%" })
@@ -7070,7 +7072,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: B(["trigger", { bordered: e.bordered, disabled: e.disabled }]),
             onClick: k1
           }, [
-            R.value ? (n(), i($, { key: 0 }, [
+            R.value ? (n(), i(A, { key: 0 }, [
               d("span", Os, L(R.value.s), 1),
               x[23] || (x[23] = d("span", { class: "sep" }, null, -1)),
               d("span", Ps, L(R.value.t), 1),
@@ -7079,14 +7081,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "timesCircle",
                 size: "12",
                 class: "clr",
-                onClick: m1(y, ["stop"])
+                onClick: m1(Z, ["stop"])
               })) : (n(), _1(d1, {
                 key: 1,
                 name: "chevronDown",
                 size: "12",
                 class: "chev"
               }))
-            ], 64)) : (n(), i($, { key: 1 }, [
+            ], 64)) : (n(), i(A, { key: 1 }, [
               q(d1, {
                 name: "calendar",
                 size: "14",
@@ -7096,7 +7098,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ], 64))
           ], 2),
           h.value && u.value === "presets" ? (n(), i("div", Es, [
-            (n(), i($, null, s1(r, (F) => d("a", {
+            (n(), i(A, null, s1(r, (F) => d("a", {
               key: F.k,
               class: B(["prow", { active: C.value === F.k }]),
               onClick: (P) => y1(F.k)
@@ -7146,9 +7148,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])
               ]),
               d("div", oc, [
-                (n(), i($, null, s1(o, (F, P) => d("div", {
+                (n(), i(A, null, s1(o, (F, P) => d("div", {
                   key: F,
-                  style: Z1(U1(P === A.value)),
+                  style: Z1(U1(P === $.value)),
                   onClick: (L1) => n1(P)
                 }, L(F), 13, rc)), 64))
               ])
@@ -7175,21 +7177,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])
               ]),
               d("div", ic, [
-                (n(!0), i($, null, s1(G.value, (F) => (n(), i("div", {
+                (n(!0), i(A, null, s1(G.value, (F) => (n(), i("div", {
                   key: F,
                   style: Z1(U1(F === k.value)),
                   onClick: (P) => c1(F)
                 }, L(F), 13, dc))), 128))
               ])
-            ])) : (n(), i($, { key: 0 }, [
+            ])) : (n(), i(A, { key: 0 }, [
               d("div", js, [
-                (n(!0), i($, null, s1(o1.value, (F, P) => (n(), i("div", {
+                (n(!0), i(A, null, s1(o1.value, (F, P) => (n(), i("div", {
                   key: P,
                   class: B(["month", { divr: P === 0 }])
                 }, [
                   d("div", Ns, [
                     d("span", Fs, [
-                      P === 0 ? (n(), i($, { key: 0 }, [
+                      P === 0 ? (n(), i(A, { key: 0 }, [
                         d("span", {
                           class: "navbtn",
                           onClick: x[8] || (x[8] = (L1) => k.value--)
@@ -7222,7 +7224,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       }, L(F.y), 1)
                     ]),
                     d("span", Ws, [
-                      P === 1 ? (n(), i($, { key: 0 }, [
+                      P === 1 ? (n(), i(A, { key: 0 }, [
                         d("span", {
                           class: "navbtn",
                           onClick: x[12] || (x[12] = (L1) => v1())
@@ -7245,16 +7247,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     ])
                   ]),
                   d("div", Ks, [
-                    (n(), i($, null, s1(p, (L1) => d("div", {
+                    (n(), i(A, null, s1(p, (L1) => d("div", {
                       key: L1,
                       class: "wd"
                     }, L(L1), 1)), 64))
                   ]),
-                  (n(!0), i($, null, s1(F.weeks, (L1, G1) => (n(), i("div", {
+                  (n(!0), i(A, null, s1(F.weeks, (L1, G1) => (n(), i("div", {
                     key: G1,
                     class: "wgrid"
                   }, [
-                    (n(!0), i($, null, s1(L1, (V2, Q2) => (n(), i("div", { key: Q2 }, [
+                    (n(!0), i(A, null, s1(L1, (V2, Q2) => (n(), i("div", { key: Q2 }, [
                       d("div", {
                         style: Z1(V1(V2)),
                         onClick: (p8) => f1(V2)
@@ -7278,7 +7280,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     })
                   ]),
                   z.value === "from" ? (n(), i("div", Ys, [
-                    (n(!0), i($, null, s1(x2(a), (F) => (n(), i("div", {
+                    (n(!0), i(A, null, s1(x2(a), (F) => (n(), i("div", {
                       key: F,
                       class: B(["trow", { active: J.value === F }]),
                       onClick: (P) => A1(F)
@@ -7301,7 +7303,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     })
                   ]),
                   z.value === "to" ? (n(), i("div", ec, [
-                    (n(!0), i($, null, s1(x2(a), (F) => (n(), i("div", {
+                    (n(!0), i(A, null, s1(x2(a), (F) => (n(), i("div", {
                       key: F,
                       class: B(["trow", { active: D.value === F }]),
                       onClick: (P) => A1(F)
@@ -7368,16 +7370,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, l = t, c = s2(), o = (w, Z) => {
+    const s = e, l = t, c = s2(), o = (w, y) => {
       if (Array.isArray(w)) return w;
       if (typeof w == "string" && w.trim())
         try {
           const Q = JSON.parse(w);
-          return Array.isArray(Q) ? Q : Z;
+          return Array.isArray(Q) ? Q : y;
         } catch {
-          return Z;
+          return y;
         }
-      return Z;
+      return y;
     }, r = ["Monitor", "Host Name", "IP Address", "Vendor", "Object Type", "Severity", "Status", "Source", "Group", "Interface"], a = [
       { k: "=", l: "Equals" },
       { k: "!=", l: "Not Equals" },
@@ -7392,25 +7394,25 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       { k: "start with", l: "Start With" },
       { k: "end with", l: "End With" },
       { k: "between", l: "Between" }
-    ], p = (w) => JSON.parse(JSON.stringify(w)), h = () => ({ operand: "", operator: "", value: "", toValue: "" }), u = () => ({ inclusion: "include", condition: "and", conditions: [h()] }), v = () => ({ condition: "and", groups: [u()] }), C = () => ({ pre: v(), post: v() }), k = /* @__PURE__ */ U(!1), A = /* @__PURE__ */ U("pre"), j = /* @__PURE__ */ U({
+    ], p = (w) => JSON.parse(JSON.stringify(w)), h = () => ({ operand: "", operator: "", value: "", toValue: "" }), u = () => ({ inclusion: "include", condition: "and", conditions: [h()] }), v = () => ({ condition: "and", groups: [u()] }), C = () => ({ pre: v(), post: v() }), k = /* @__PURE__ */ U(!1), $ = /* @__PURE__ */ U("pre"), j = /* @__PURE__ */ U({
       pre: { condition: "or", groups: [
         { inclusion: "include", condition: "and", conditions: [{ operand: "Severity", operator: "=", value: "Critical", toValue: "" }, { operand: "Source", operator: "contain", value: "aws", toValue: "" }] },
         { inclusion: "include", condition: "and", conditions: [{ operand: "Status", operator: "=", value: "Down", toValue: "" }] }
       ] },
       post: { condition: "and", groups: [u()] }
-    }), t1 = /* @__PURE__ */ U(p(j.value)), l1 = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], J = H(() => A.value === "pre" ? 3 : 1), D = H(() => t1.value ? t1.value[A.value] : null), z = (w) => {
-      const Z = a.find((Q) => Q.k === w);
-      return Z ? Z.l : w;
+    }), t1 = /* @__PURE__ */ U(p(j.value)), l1 = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], J = H(() => $.value === "pre" ? 3 : 1), D = H(() => t1.value ? t1.value[$.value] : null), z = (w) => {
+      const y = a.find((Q) => Q.k === w);
+      return y ? y.l : w;
     };
     function E(w) {
       if (!w || !w.groups) return "";
-      const Z = w.condition === "or" ? "OR" : "AND", Q = w.groups.map((w1) => {
+      const y = w.condition === "or" ? "OR" : "AND", Q = w.groups.map((w1) => {
         const i1 = w1.conditions.filter((d2) => d2.operand && d2.operator);
         if (!i1.length) return "";
         const z1 = w1.condition === "or" ? "OR" : "AND", P1 = i1.map((d2) => d2.operand + " <b>" + z(d2.operator) + "</b> " + (d2.operator === "between" ? (d2.value || "?") + "–" + (d2.toValue || "?") : d2.value || "Any")).join(" " + z1 + " ");
         return "<strong>" + (w1.inclusion === "exclude" ? "EXCLUDE" : "INCLUDE") + "</strong> " + P1;
       }).filter(Boolean);
-      return Q.length ? Q.length > 1 ? Q.map((w1) => "(" + w1 + ")").join(" " + Z + " ") : Q[0] : "";
+      return Q.length ? Q.length > 1 ? Q.map((w1) => "(" + w1 + ")").join(" " + y + " ") : Q[0] : "";
     }
     const a1 = H(() => j.value ? ["pre", "post"].map((w) => E(j.value[w])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
     function R() {
@@ -7419,8 +7421,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function p1(w) {
       D.value.groups[w].conditions.push(h());
     }
-    function o1(w, Z) {
-      D.value.groups[w].conditions.splice(Z, 1);
+    function o1(w, y) {
+      D.value.groups[w].conditions.splice(y, 1);
     }
     function G() {
       D.value.groups.push(u());
@@ -7434,8 +7436,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function E1() {
       t1.value = C(), j.value = null, k.value = !1;
     }
-    function y() {
-      t1.value = { ...t1.value, [A.value]: j.value ? p(j.value[A.value]) : v() };
+    function Z() {
+      t1.value = { ...t1.value, [$.value]: j.value ? p(j.value[$.value]) : v() };
     }
     const f1 = {
       enum: [{ k: "is", l: "=", multi: !0 }, { k: "is_not", l: "!=", multi: !0 }, { k: "is_empty", l: "Is Empty", noValue: !0 }, { k: "is_not_empty", l: "Is Not Empty", noValue: !0 }],
@@ -7466,14 +7468,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       { field: "type", operator: "is", value: ["AWS Auto Scaling", "EC2", "S3", "RDS"] }
     ], q1 = H(() => o(s.fields, g1)), A1 = /* @__PURE__ */ U(o(s.value, v1).map((w) => ({ ...w })));
     K1(() => s.value, (w) => {
-      w != null && (A1.value = o(w, []).map((Z) => ({ ...Z })));
+      w != null && (A1.value = o(w, []).map((y) => ({ ...y })));
     });
     function n1() {
-      const w = A1.value.filter((Z) => Z.field && Z.operator && (X1(Z.operator) && X1(Z.operator).noValue ? !0 : Array.isArray(Z.value) ? Z.value.length : Z.value !== "" && Z.value != null)).map((Z) => ({ field: Z.field, operator: Z.operator, value: Z.value }));
+      const w = A1.value.filter((y) => y.field && y.operator && (X1(y.operator) && X1(y.operator).noValue ? !0 : Array.isArray(y.value) ? y.value.length : y.value !== "" && y.value != null)).map((y) => ({ field: y.field, operator: y.operator, value: y.value }));
       if (c)
         try {
-          const Z = JSON.stringify(w);
-          c.value !== Z && (c.value = Z);
+          const y = JSON.stringify(w);
+          c.value !== y && (c.value = y);
         } catch {
         }
       l("change", w);
@@ -7481,63 +7483,63 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     const c1 = /* @__PURE__ */ U(null), H1 = /* @__PURE__ */ U(null), U1 = /* @__PURE__ */ U(null);
     function y2(w) {
       u2(() => {
-        const Z = U1.value && U1.value.querySelectorAll(".chip-wrap")[w];
-        if (!Z) {
+        const y = U1.value && U1.value.querySelectorAll(".chip-wrap")[w];
+        if (!y) {
           H1.value = null;
           return;
         }
-        const Q = Z.getBoundingClientRect();
+        const Q = y.getBoundingClientRect();
         H1.value = { left: Math.round(Q.left), top: Math.round(Q.bottom + 6) };
       });
     }
-    const J1 = (w) => q1.value.find((Z) => Z.key === w), X1 = (w) => {
-      for (const Z in f1) {
-        const Q = f1[Z].find((w1) => w1.k === w);
+    const J1 = (w) => q1.value.find((y) => y.key === w), X1 = (w) => {
+      for (const y in f1) {
+        const Q = f1[y].find((w1) => w1.k === w);
         if (Q) return Q;
       }
       return null;
     }, o2 = (w) => {
-      const Z = J1(w.field);
-      return Z ? Z.label : "Select Filter";
+      const y = J1(w.field);
+      return y ? y.label : "Select Filter";
     }, f2 = (w) => {
-      const Z = X1(w.operator);
-      return Z ? Z.l : "";
+      const y = X1(w.operator);
+      return y ? y.l : "";
     }, e2 = (w) => {
-      const Z = X1(w.operator);
-      return Z && !Z.noValue;
+      const y = X1(w.operator);
+      return y && !y.noValue;
     }, i2 = (w) => {
-      const Z = X1(w.operator);
-      return Z && Z.multi;
+      const y = X1(w.operator);
+      return y && y.multi;
     }, f = (w) => {
-      const Z = w.value;
-      return Array.isArray(Z) ? Z.length ? Z.length === 1 ? Z[0] : Z[0] + " (+" + (Z.length - 1) + ")" : "…" : Z === "" || Z == null ? "…" : Z;
-    }, b = (w) => !w.operator, _ = (w) => !b(w) || !w.field, N = (w, Z) => c1.value && c1.value.i === w && c1.value.step === Z, I = H(() => {
+      const y = w.value;
+      return Array.isArray(y) ? y.length ? y.length === 1 ? y[0] : y[0] + " (+" + (y.length - 1) + ")" : "…" : y === "" || y == null ? "…" : y;
+    }, b = (w) => !w.operator, _ = (w) => !b(w) || !w.field, N = (w, y) => c1.value && c1.value.i === w && c1.value.step === y, I = H(() => {
       if (!c1.value) return [];
       const w = A1.value[c1.value.i];
       if (c1.value.step === "field") return q1.value.map((Q) => ({ k: Q.key, l: Q.label }));
-      const Z = J1(w.field);
-      return c1.value.step === "operator" ? (f1[Z ? Z.type : "enum"] || []).map((Q) => ({ k: Q.k, l: Q.l })) : (Z ? Z.values : []).map((Q) => ({ k: Q, l: Q }));
+      const y = J1(w.field);
+      return c1.value.step === "operator" ? (f1[y ? y.type : "enum"] || []).map((Q) => ({ k: Q.k, l: Q.l })) : (y ? y.values : []).map((Q) => ({ k: Q, l: Q }));
     }), T = H(() => A1.value.some((w) => {
       if (!w.field || !w.operator) return !1;
       if (!e2(w)) return !0;
-      const Z = w.value;
-      return Array.isArray(Z) ? Z.length > 0 : Z !== "" && Z != null;
+      const y = w.value;
+      return Array.isArray(y) ? y.length > 0 : y !== "" && y != null;
     }));
-    function Y(w, Z, Q) {
+    function Y(w, y, Q) {
       Q && Q.stopPropagation();
       const w1 = A1.value[w];
-      if (Z === "field" && w1.dflt && w1.field && (Z = "operator"), N(w, Z)) {
+      if (y === "field" && w1.dflt && w1.field && (y = "operator"), N(w, y)) {
         c1.value = null, H1.value = null;
         return;
       }
-      c1.value = { i: w, step: Z }, y2(w);
+      c1.value = { i: w, step: y }, y2(w);
     }
     function W(w) {
-      const { i: Z, step: Q } = c1.value, w1 = A1.value[Z];
+      const { i: y, step: Q } = c1.value, w1 = A1.value[y];
       if (Q === "field")
-        w1.field = w.k, w1.operator = "", w1.value = "", c1.value = { i: Z, step: "operator" };
+        w1.field = w.k, w1.operator = "", w1.value = "", c1.value = { i: y, step: "operator" };
       else if (Q === "operator")
-        w1.operator = w.k, w1.value = i2(w1) ? [] : "", c1.value = e2(w1) && !i2(w1) ? { i: Z, step: "value" } : null, i2(w1) && e2(w1) && K(Z);
+        w1.operator = w.k, w1.value = i2(w1) ? [] : "", c1.value = e2(w1) && !i2(w1) ? { i: y, step: "value" } : null, i2(w1) && e2(w1) && K(y);
       else if (i2(w1)) {
         const i1 = Array.isArray(w1.value) ? w1.value : [];
         w1.value = i1.includes(w.k) ? i1.filter((z1) => z1 !== w.k) : [...i1, w.k];
@@ -7547,16 +7549,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function K(w) {
       u2(() => {
-        const Z = () => {
+        const y = () => {
           const Q = U1.value && U1.value.querySelectorAll(".chip-wrap")[w], w1 = Q && Q.querySelector(".valsel obs-select"), i1 = w1 && w1.shadowRoot && w1.shadowRoot.querySelector(".t-text");
           return i1 ? (i1.click(), !0) : !1;
         };
-        Z() || requestAnimationFrame(Z);
+        y() || requestAnimationFrame(y);
       });
     }
-    const O = (w, Z) => {
+    const O = (w, y) => {
       const Q = A1.value[w].value;
-      return Array.isArray(Q) ? Q.includes(Z.k) : Q === Z.k;
+      return Array.isArray(Q) ? Q.includes(y.k) : Q === y.k;
     };
     function u1(w) {
       A1.value.splice(w, 1), c1.value = null, H1.value = null, n1();
@@ -7570,15 +7572,15 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       A1.value = [], c1.value = null, H1.value = null, n1();
     }
     function C1(w) {
-      const Z = J1(w.field);
-      return Z ? JSON.stringify((Z.values || []).map((Q) => typeof Q == "string" ? { value: Q, label: Q } : Q.children ? { value: Q.v, label: Q.v, children: Q.children.map((w1) => ({ value: w1, label: w1 })) } : { value: Q.v, label: Q.v, color: Q.col })) : "[]";
+      const y = J1(w.field);
+      return y ? JSON.stringify((y.values || []).map((Q) => typeof Q == "string" ? { value: Q, label: Q } : Q.children ? { value: Q.v, label: Q.v, children: Q.children.map((w1) => ({ value: w1, label: w1 })) } : { value: Q.v, label: Q.v, color: Q.col })) : "[]";
     }
     const M = (w) => Array.isArray(w.value) ? w.value.join(",") : w.value || "", S = (w) => {
-      const Z = J1(w.field);
-      return !!(Z && Z.selectAll);
+      const y = J1(w.field);
+      return !!(y && y.selectAll);
     };
-    function e1(w, Z) {
-      const Q = Z && Z.detail, w1 = Array.isArray(Q) ? Q[0] : Q;
+    function e1(w, y) {
+      const Q = y && y.detail, w1 = Array.isArray(Q) ? Q[0] : Q;
       A1.value[w].value = Array.isArray(w1) ? w1 : w1 == null || w1 === "" ? [] : [w1], n1();
     }
     const b1 = ["Down monitors", "Critical alerts", "Unacknowledged", "My favorites"], x1 = /* @__PURE__ */ U({}), B1 = /* @__PURE__ */ U([
@@ -7596,9 +7598,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     const C2 = (w) => ({ "check-circle": "checkCircle", "times-circle": "timesCircle", sitemap: "sitemap", server: "server" })[w] || "";
     function X(w) {
-      w.composedPath().some((Z) => Z && Z.tagName === "OBS-FILTERS") || (k.value = !1, c1.value = null, H1.value = null, A1.value.some((Z) => !Z.field) && (A1.value = A1.value.filter((Z) => Z.field)));
+      w.composedPath().some((y) => y && y.tagName === "OBS-FILTERS") || (k.value = !1, c1.value = null, H1.value = null, A1.value.some((y) => !y.field) && (A1.value = A1.value.filter((y) => y.field)));
     }
-    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (w, Z) => {
+    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (w, y) => {
       const Q = T1("obs-icon"), w1 = T1("obs-select");
       return n(), i("div", {
         class: B(["fx", "k-" + e.kind])
@@ -7624,12 +7626,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           k.value ? (n(), i("div", {
             key: 0,
             class: "expr-pop",
-            onClick: Z[3] || (Z[3] = m1(() => {
+            onClick: y[3] || (y[3] = m1(() => {
             }, ["stop"]))
           }, [
             d("a", {
               class: "pop-close",
-              onClick: Z[0] || (Z[0] = (i1) => k.value = !1)
+              onClick: y[0] || (y[0] = (i1) => k.value = !1)
             }, [
               q(Q, {
                 name: "times",
@@ -7638,18 +7640,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ]),
             d("div", bc, [
-              (n(), i($, null, s1(l1, (i1) => d("div", {
+              (n(), i(A, null, s1(l1, (i1) => d("div", {
                 key: i1.k,
-                class: B(["tab", { on: A.value === i1.k }]),
-                onClick: (z1) => A.value = i1.k
+                class: B(["tab", { on: $.value === i1.k }]),
+                onClick: (z1) => $.value = i1.k
               }, L(i1.text), 11, mc)), 64))
             ]),
             J.value > 1 ? (n(), i("div", xc, [
               d("span", yc, [
                 Z2(d("select", {
-                  "onUpdate:modelValue": Z[1] || (Z[1] = (i1) => D.value.condition = i1),
+                  "onUpdate:modelValue": y[1] || (y[1] = (i1) => D.value.condition = i1),
                   class: "sel"
-                }, [...Z[10] || (Z[10] = [
+                }, [...y[10] || (y[10] = [
                   d("option", { value: "and" }, "All", -1),
                   d("option", { value: "or" }, "Any", -1)
                 ])], 512), [
@@ -7661,9 +7663,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   size: "10"
                 })
               ]),
-              Z[11] || (Z[11] = d("span", null, "Group(s) matching", -1))
+              y[11] || (y[11] = d("span", null, "Group(s) matching", -1))
             ])) : V("", !0),
-            (n(!0), i($, null, s1(D.value.groups, (i1, z1) => (n(), i("div", {
+            (n(!0), i(A, null, s1(D.value.groups, (i1, z1) => (n(), i("div", {
               key: z1,
               class: "grp"
             }, [
@@ -7672,7 +7674,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   Z2(d("select", {
                     "onUpdate:modelValue": (P1) => i1.inclusion = P1,
                     class: "sel"
-                  }, [...Z[12] || (Z[12] = [
+                  }, [...y[12] || (y[12] = [
                     d("option", { value: "include" }, "Include", -1),
                     d("option", { value: "exclude" }, "Exclude", -1)
                   ])], 8, Mc), [
@@ -7684,12 +7686,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "10"
                   })
                 ]),
-                Z[14] || (Z[14] = d("span", null, "Group matching", -1)),
+                y[14] || (y[14] = d("span", null, "Group matching", -1)),
                 d("span", kc, [
                   Z2(d("select", {
                     "onUpdate:modelValue": (P1) => i1.condition = P1,
                     class: "sel"
-                  }, [...Z[13] || (Z[13] = [
+                  }, [...y[13] || (y[13] = [
                     d("option", { value: "and" }, "All", -1),
                     d("option", { value: "or" }, "Any", -1)
                   ])], 8, Hc), [
@@ -7701,9 +7703,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "10"
                   })
                 ]),
-                Z[15] || (Z[15] = d("span", null, "Criteria", -1))
+                y[15] || (y[15] = d("span", null, "Criteria", -1))
               ]),
-              (n(!0), i($, null, s1(i1.conditions, (P1, d2) => (n(), i("div", {
+              (n(!0), i(A, null, s1(i1.conditions, (P1, d2) => (n(), i("div", {
                 key: d2,
                 class: "cond"
               }, [
@@ -7712,11 +7714,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     "onUpdate:modelValue": (Q1) => P1.operand = Q1,
                     class: "sel"
                   }, [
-                    Z[16] || (Z[16] = d("option", {
+                    y[16] || (y[16] = d("option", {
                       value: "",
                       disabled: ""
                     }, "Select Counter", -1)),
-                    (n(), i($, null, s1(r, (Q1) => d("option", {
+                    (n(), i(A, null, s1(r, (Q1) => d("option", {
                       key: Q1,
                       value: Q1
                     }, L(Q1), 9, _c)), 64))
@@ -7734,11 +7736,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     "onUpdate:modelValue": (Q1) => P1.operator = Q1,
                     class: "sel"
                   }, [
-                    Z[17] || (Z[17] = d("option", {
+                    y[17] || (y[17] = d("option", {
                       value: "",
                       disabled: ""
                     }, "Select Operator", -1)),
-                    (n(), i($, null, s1(a, (Q1) => d("option", {
+                    (n(), i(A, null, s1(a, (Q1) => d("option", {
                       key: Q1.k,
                       value: Q1.k
                     }, L(Q1.l), 9, Ac)), 64))
@@ -7799,19 +7801,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     name: "plus",
                     size: "11"
                   }),
-                  Z[18] || (Z[18] = $1("Add Condition", -1))
+                  y[18] || (y[18] = $1("Add Condition", -1))
                 ], 8, Rc)) : V("", !0),
                 z1 === D.value.groups.length - 1 && D.value.groups.length < J.value ? (n(), i("a", {
                   key: 1,
                   class: "link",
-                  onClick: Z[2] || (Z[2] = (P1) => G())
+                  onClick: y[2] || (y[2] = (P1) => G())
                 }, [
                   q(Q, {
                     class: "plus",
                     name: "plus",
                     size: "11"
                   }),
-                  Z[19] || (Z[19] = $1("Add New Group", -1))
+                  y[19] || (y[19] = $1("Add New Group", -1))
                 ])) : V("", !0)
               ]),
               D.value.groups.length > 1 ? (n(), i("a", {
@@ -7829,7 +7831,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("div", { class: "foot" }, [
               d("button", {
                 class: "btn ghost",
-                onClick: y
+                onClick: Z
               }, "Reset"),
               d("button", {
                 class: "btn danger",
@@ -7844,7 +7846,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : e.kind === "bar" ? (n(), i("div", {
           key: 1,
           class: "bar",
-          onClick: Z[9] || (Z[9] = (i1) => {
+          onClick: y[9] || (y[9] = (i1) => {
             c1.value = null, H1.value = null;
           })
         }, [
@@ -7852,10 +7854,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: "bar-chips",
             ref_key: "barChipsEl",
             ref: U1,
-            onClick: Z[5] || (Z[5] = m1(() => {
+            onClick: y[5] || (y[5] = m1(() => {
             }, ["stop"]))
           }, [
-            (n(!0), i($, null, s1(A1.value, (i1, z1) => (n(), i("span", {
+            (n(!0), i(A, null, s1(A1.value, (i1, z1) => (n(), i("span", {
               key: z1,
               class: "chip-wrap"
             }, [
@@ -7872,7 +7874,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 i1.operator && e2(i1) && i2(i1) ? (n(), i("span", {
                   key: 1,
                   class: "seg val valsel",
-                  onClick: Z[4] || (Z[4] = m1(() => {
+                  onClick: y[4] || (y[4] = m1(() => {
                   }, ["stop"]))
                 }, [
                   q(w1, {
@@ -7912,18 +7914,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "plus",
                 size: "12"
               }),
-              Z[20] || (Z[20] = d("span", { class: "pf-label" }, "Filter", -1))
+              y[20] || (y[20] = d("span", { class: "pf-label" }, "Filter", -1))
             ])
           ], 512),
           c1.value && H1.value ? (n(), i("div", {
             key: 0,
             class: "bar-menu",
             style: Z1({ left: H1.value.left + "px", top: H1.value.top + "px" }),
-            onClick: Z[6] || (Z[6] = m1(() => {
+            onClick: y[6] || (y[6] = m1(() => {
             }, ["stop"]))
           }, [
             d("div", Kc, L(c1.value.step), 1),
-            (n(!0), i($, null, s1(I.value, (i1) => (n(), i("div", {
+            (n(!0), i(A, null, s1(I.value, (i1) => (n(), i("div", {
               key: i1.k,
               class: B(["menu-row", { msel: O(c1.value.i, i1) }]),
               onClick: m1((z1) => W(i1), ["stop"])
@@ -7941,15 +7943,15 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           T.value ? (n(), i("div", {
             key: 1,
             class: "bar-right",
-            onClick: Z[8] || (Z[8] = m1(() => {
+            onClick: y[8] || (y[8] = m1(() => {
             }, ["stop"]))
           }, [
             d("button", {
               class: "match-btn",
               title: "Click to toggle AND / OR",
-              onClick: Z[7] || (Z[7] = (i1) => V1.value = V1.value === "All Filters" ? "Any Filter" : "All Filters")
+              onClick: y[7] || (y[7] = (i1) => V1.value = V1.value === "All Filters" ? "Any Filter" : "All Filters")
             }, [
-              Z[21] || (Z[21] = d("span", { class: "muted" }, "Match", -1)),
+              y[21] || (y[21] = d("span", { class: "muted" }, "Match", -1)),
               d("span", Gc, L(V1.value), 1),
               q(Q, {
                 name: "sync",
@@ -7971,7 +7973,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             })
           ]),
           d("div", Qc, [
-            (n(), i($, null, s1(b1, (i1) => d("div", {
+            (n(), i(A, null, s1(b1, (i1) => d("div", {
               key: i1,
               class: "quick-row"
             }, [
@@ -7984,13 +7986,13 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ])), 64))
           ])
         ])) : e.kind === "row" ? (n(), i("div", el, [
-          (n(), i($, null, s1(["Groups", "Severity", "Tags"], (i1) => d("div", {
+          (n(), i(A, null, s1(["Groups", "Severity", "Tags"], (i1) => d("div", {
             key: i1,
             class: "frow-field"
           }, [
             d("div", tl, L(i1), 1),
             d("div", sl, [
-              Z[22] || (Z[22] = d("span", { class: "muted" }, "Select", -1)),
+              y[22] || (y[22] = d("span", { class: "muted" }, "Select", -1)),
               q(Q, {
                 class: "chev-static",
                 name: "chevronDown",
@@ -7998,7 +8000,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ])
           ])), 64)),
-          Z[23] || (Z[23] = d("div", { class: "frow-actions" }, [
+          y[23] || (y[23] = d("div", { class: "frow-actions" }, [
             d("button", { class: "btn ghost" }, "Reset"),
             d("button", { class: "btn primary" }, "Apply")
           ], -1)),
@@ -8017,11 +8019,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 size: "12",
                 class: "i12"
               }),
-              Z[24] || (Z[24] = d("span", null, "Search", -1))
+              y[24] || (y[24] = d("span", null, "Search", -1))
             ])
           ]),
           d("div", nl, [
-            (n(!0), i($, null, s1(B1.value, (i1) => (n(), i("div", {
+            (n(!0), i(A, null, s1(B1.value, (i1) => (n(), i("div", {
               key: i1.n,
               class: "vgroup"
             }, [
@@ -8037,7 +8039,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 $1(L(i1.n), 1)
               ], 8, al),
               i1.open ? (n(), i("div", il, [
-                (n(!0), i($, null, s1(i1.rows, (z1) => (n(), i("label", {
+                (n(!0), i(A, null, s1(i1.rows, (z1) => (n(), i("label", {
                   key: i1.n + z1.n,
                   class: "vrow"
                 }, [
@@ -8122,7 +8124,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       "reset-cancel-save": { right: [{ t: "Reset", v: "default", a: "reset" }, { t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] },
       "delete-split": { left: [{ t: "Delete", v: "error", outline: !0, a: "delete" }], right: [{ t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] },
       "note-split": { note: "* fields are mandatory", right: [{ t: "Back", v: "default", a: "back" }, { t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] }
-    }, A = H(() => k[s.footer] || null), j = H(() => !!(A.value && (A.value.left || A.value.note))), t1 = H(() => v.value || !!A.value);
+    }, $ = H(() => k[s.footer] || null), j = H(() => !!($.value && ($.value.left || $.value.note))), t1 = H(() => v.value || !!$.value);
     function l1(G) {
       G.a && c("footer-action", { action: G.a }), G.close && E();
     }
@@ -8230,29 +8232,29 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               ref: C,
               onSlotchange: J
             }),
-            !v.value && A.value ? (n(), i($, { key: 0 }, [
-              A.value.note ? (n(), i("span", bl, L(A.value.note), 1)) : V("", !0),
-              (n(!0), i($, null, s1(A.value.left || [], (y) => (n(), _1(E1, {
-                key: "l" + y.t,
-                variant: y.v,
-                outline: y.outline || null,
-                onClick: (f1) => l1(y)
+            !v.value && $.value ? (n(), i(A, { key: 0 }, [
+              $.value.note ? (n(), i("span", bl, L($.value.note), 1)) : V("", !0),
+              (n(!0), i(A, null, s1($.value.left || [], (Z) => (n(), _1(E1, {
+                key: "l" + Z.t,
+                variant: Z.v,
+                outline: Z.outline || null,
+                onClick: (f1) => l1(Z)
               }, {
                 default: k2(() => [
-                  $1(L(y.t), 1)
+                  $1(L(Z.t), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "outline", "onClick"]))), 128)),
               d("span", ml, [
-                (n(!0), i($, null, s1(A.value.right, (y, f1) => (n(), _1(E1, {
-                  key: "r" + y.t,
-                  variant: y.v,
-                  outline: y.outline || null,
-                  style: Z1(f1 < A.value.right.length - 1 ? "margin-right:8px" : ""),
-                  onClick: (V1) => l1(y)
+                (n(!0), i(A, null, s1($.value.right, (Z, f1) => (n(), _1(E1, {
+                  key: "r" + Z.t,
+                  variant: Z.v,
+                  outline: Z.outline || null,
+                  style: Z1(f1 < $.value.right.length - 1 ? "margin-right:8px" : ""),
+                  onClick: (V1) => l1(Z)
                 }, {
                   default: k2(() => [
-                    $1(L(y.t), 1)
+                    $1(L(Z.t), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant", "outline", "style", "onClick"]))), 128))
@@ -8886,14 +8888,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     K1(() => s.value, (n1) => {
       v.value = u(n1);
     });
-    const C = /* @__PURE__ */ U(!1), k = /* @__PURE__ */ U(""), A = /* @__PURE__ */ U("all"), j = /* @__PURE__ */ U(null), t1 = /* @__PURE__ */ U(null), l1 = /* @__PURE__ */ U(null), J = /* @__PURE__ */ U({}), D = H(() => v.value.length), z = (n1) => n1[s.rowKey], E = H(() => {
+    const C = /* @__PURE__ */ U(!1), k = /* @__PURE__ */ U(""), $ = /* @__PURE__ */ U("all"), j = /* @__PURE__ */ U(null), t1 = /* @__PURE__ */ U(null), l1 = /* @__PURE__ */ U(null), J = /* @__PURE__ */ U({}), D = H(() => v.value.length), z = (n1) => n1[s.rowKey], E = H(() => {
       if (!D.value) return s.placeholder;
       const n1 = h.value.find((H1) => z(H1) === v.value[0]), c1 = n1 ? n1.name ?? n1.label ?? z(n1) : v.value[0];
       return D.value > 1 ? `${c1} (+${D.value - 1})` : c1;
     }), a1 = H(() => {
       const n1 = k.value.toLowerCase();
       let c1 = h.value.filter((H1) => !n1 || p.value.some((U1) => String(H1[U1.key] ?? "").toLowerCase().includes(n1)));
-      return A.value === "selected" && (c1 = c1.filter((H1) => v.value.includes(z(H1)))), c1;
+      return $.value === "selected" && (c1 = c1.filter((H1) => v.value.includes(z(H1)))), c1;
     }), R = H(() => JSON.stringify(p.value)), p1 = H(() => JSON.stringify(a1.value)), o1 = H(() => JSON.stringify(v.value)), G = (n1) => n1 && n1.detail && n1.detail[0];
     function k1() {
       const n1 = s.multiple ? v.value.slice() : v.value[0] ?? "";
@@ -8912,8 +8914,8 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       const c1 = G(n1);
       c1 != null && (s.multiple ? v.value = v.value.map(String).includes(String(c1)) ? v.value.filter((H1) => String(H1) !== String(c1)) : [...v.value, c1] : (v.value = [c1], v1()), k1());
     }
-    function y() {
-      v.value = [], A.value = "all", k1();
+    function Z() {
+      v.value = [], $.value = "all", k1();
     }
     function f1(n1) {
       k.value = n1.target.value, l("search", k.value);
@@ -9005,12 +9007,12 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               d("span", zl, L(D.value), 1),
               d("a", {
                 class: "lnk",
-                onClick: c1[0] || (c1[0] = (y2) => A.value = A.value === "selected" ? "all" : "selected")
-              }, L(A.value === "selected" ? "View All" : "View Selected"), 1),
+                onClick: c1[0] || (c1[0] = (y2) => $.value = $.value === "selected" ? "all" : "selected")
+              }, L($.value === "selected" ? "View All" : "View Selected"), 1),
               c1[1] || (c1[1] = d("span", { class: "sep" }, "|", -1)),
               d("a", {
                 class: "lnk",
-                onClick: y
+                onClick: Z
               }, "Clear Selected")
             ])) : V("", !0)
           ]),
@@ -9086,7 +9088,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           }
       });
     }
-    function A() {
+    function $() {
       s.disabled || (p.value = !0, l("show"), k());
     }
     function j() {
@@ -9101,7 +9103,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       l("hide");
     }
     function t1() {
-      p.value ? j() : A();
+      p.value ? j() : $();
     }
     function l1(J) {
       if (!p.value) return;
@@ -9119,7 +9121,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         class: "menu inline",
         role: "menu"
       }, [
-        (n(!0), i($, null, s1(r.value, (E, a1) => (n(), i($, null, [
+        (n(!0), i(A, null, s1(r.value, (E, a1) => (n(), i(A, null, [
           E.divider ? (n(), i("div", {
             key: "d" + a1,
             class: "mdiv",
@@ -9182,7 +9184,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           style: Z1(v.value),
           role: "menu"
         }, [
-          (n(!0), i($, null, s1(r.value, (E, a1) => (n(), i($, null, [
+          (n(!0), i(A, null, s1(r.value, (E, a1) => (n(), i(A, null, [
             E.divider ? (n(), i("div", {
               key: "d" + a1,
               class: "mdiv",
@@ -9258,7 +9260,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     K1(() => l.value, (o1) => {
       v.value = o1;
     });
-    const C = H(() => String(v.value).toLowerCase() === "transparent"), k = H(() => /^#[0-9a-fA-F]{6}$/.test(v.value) ? v.value : "#0D9488"), A = /* @__PURE__ */ U(!1), j = /* @__PURE__ */ U(null), t1 = /* @__PURE__ */ U(null), l1 = /* @__PURE__ */ U({});
+    const C = H(() => String(v.value).toLowerCase() === "transparent"), k = H(() => /^#[0-9a-fA-F]{6}$/.test(v.value) ? v.value : "#0D9488"), $ = /* @__PURE__ */ U(!1), j = /* @__PURE__ */ U(null), t1 = /* @__PURE__ */ U(null), l1 = /* @__PURE__ */ U({});
     function J(o1) {
       if (v.value = o1, o)
         try {
@@ -9284,11 +9286,11 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       });
     }
     function E() {
-      l.disabled || (A.value = !0, c("show"), z());
+      l.disabled || ($.value = !0, c("show"), z());
     }
     function a1() {
-      if (!A.value) return;
-      A.value = !1;
+      if (!$.value) return;
+      $.value = !1;
       const o1 = t1.value;
       if (o1 && o1.hidePopover)
         try {
@@ -9298,10 +9300,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       c("hide");
     }
     function R() {
-      A.value ? a1() : E();
+      $.value ? a1() : E();
     }
     function p1(o1) {
-      if (!A.value) return;
+      if (!$.value) return;
       const G = o1.composedPath ? o1.composedPath() : [];
       G.includes(j.value) || G.includes(t1.value) || a1();
     }
@@ -9329,12 +9331,12 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           ], 6),
           h.value ? (n(), _1(k1, {
             key: 0,
-            class: B(["chev", { up: A.value }]),
+            class: B(["chev", { up: $.value }]),
             name: "angleDown",
             size: "10"
           }, null, 8, ["class"])) : V("", !0)
         ], 8, Kl),
-        A.value ? (n(), i("div", {
+        $.value ? (n(), i("div", {
           key: 0,
           ref_key: "menuRef",
           ref: t1,
@@ -9344,7 +9346,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }, [
           G[4] || (G[4] = d("div", { class: "lbl" }, "PRESETS", -1)),
           d("div", Jl, [
-            (n(!0), i($, null, s1(p.value, (y1) => (n(), i("span", {
+            (n(!0), i(A, null, s1(p.value, (y1) => (n(), i("span", {
               key: y1,
               class: B(["cell", { on: v.value === y1 }]),
               style: Z1({ background: y1 }),
@@ -9508,20 +9510,20 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     K1(() => s.selected, (M) => {
       v.value = u(M);
     });
-    const C = String(s.sort || "").split(":"), k = /* @__PURE__ */ U(C[0] || ""), A = /* @__PURE__ */ U(C[1] === "desc" ? "desc" : "asc");
+    const C = String(s.sort || "").split(":"), k = /* @__PURE__ */ U(C[0] || ""), $ = /* @__PURE__ */ U(C[1] === "desc" ? "desc" : "asc");
     K1(() => s.sort, (M) => {
       const S = String(M || "").split(":");
-      k.value = S[0] || "", A.value = S[1] === "desc" ? "desc" : "asc";
+      k.value = S[0] || "", $.value = S[1] === "desc" ? "desc" : "asc";
     });
     const j = /* @__PURE__ */ U(s.page || 1);
     K1(() => s.page, (M) => {
       j.value = M || 1;
     });
-    const t1 = (M) => M[s.rowKey], l1 = H(() => new Set(v.value.map(String))), J = (M) => l1.value.has(String(t1(M))), D = /* @__PURE__ */ U(null), z = H(() => D.value ?? s.pageSize), E = H(() => z.value > 0), a1 = H(() => [...new Set([z.value, 10, 20, 50, 100].filter((M) => M > 0))].sort((M, S) => M - S)), R = H(() => k.value ? a.value.slice().sort((M, S) => (A.value === "asc" ? 1 : -1) * String(M[k.value] ?? "").localeCompare(String(S[k.value] ?? ""), void 0, { numeric: !0 })) : a.value), p1 = H(() => E.value ? Math.max(1, Math.ceil(R.value.length / z.value)) : 1), o1 = H(() => {
+    const t1 = (M) => M[s.rowKey], l1 = H(() => new Set(v.value.map(String))), J = (M) => l1.value.has(String(t1(M))), D = /* @__PURE__ */ U(null), z = H(() => D.value ?? s.pageSize), E = H(() => z.value > 0), a1 = H(() => [...new Set([z.value, 10, 20, 50, 100].filter((M) => M > 0))].sort((M, S) => M - S)), R = H(() => k.value ? a.value.slice().sort((M, S) => ($.value === "asc" ? 1 : -1) * String(M[k.value] ?? "").localeCompare(String(S[k.value] ?? ""), void 0, { numeric: !0 })) : a.value), p1 = H(() => E.value ? Math.max(1, Math.ceil(R.value.length / z.value)) : 1), o1 = H(() => {
       if (!E.value) return R.value;
       const M = (j.value - 1) * z.value;
       return R.value.slice(M, M + z.value);
-    }), G = H(() => o1.value.length > 0 && o1.value.every((M) => J(M))), k1 = H(() => !G.value && o1.value.some((M) => J(M))), y1 = H(() => r.value.length + (s.selectable ? 1 : 0) + (p.value.length ? 1 : 0) + (s.expandable ? 1 : 0) + (s.editable ? 1 : 0)), E1 = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), y = (M) => E1.value.has(String(t1(M)));
+    }), G = H(() => o1.value.length > 0 && o1.value.every((M) => J(M))), k1 = H(() => !G.value && o1.value.some((M) => J(M))), y1 = H(() => r.value.length + (s.selectable ? 1 : 0) + (p.value.length ? 1 : 0) + (s.expandable ? 1 : 0) + (s.editable ? 1 : 0)), E1 = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), Z = (M) => E1.value.has(String(t1(M)));
     if (s.tree) {
       const M = /* @__PURE__ */ new Set(), S = (e1) => (e1 || []).forEach((b1) => {
         Array.isArray(b1.children) && b1.children.length && (M.add(String(b1[s.rowKey])), S(b1.children));
@@ -9550,7 +9552,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function n1(M, S, e1) {
       for (const b1 of M || []) {
         const x1 = Array.isArray(b1.children) && b1.children.length > 0;
-        e1.push({ ...b1, __level: S, __hasKids: x1 }), x1 && y(b1) && n1(b1.children, S + 1, e1);
+        e1.push({ ...b1, __level: S, __hasKids: x1 }), x1 && Z(b1) && n1(b1.children, S + 1, e1);
       }
       return e1;
     }
@@ -9612,7 +9614,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       v.value = [], _();
     }
     function Y(M) {
-      !s.sortable || !M.sortable || (k.value === M.key ? A.value = A.value === "asc" ? "desc" : "asc" : (k.value = M.key, A.value = "asc"), l("sort", { key: k.value, dir: A.value }));
+      !s.sortable || !M.sortable || (k.value === M.key ? $.value = $.value === "asc" ? "desc" : "asc" : (k.value = M.key, $.value = "asc"), l("sort", { key: k.value, dir: $.value }));
     }
     function W(M, S) {
       const e1 = (S.detail && S.detail[0]) ?? S.detail;
@@ -9659,7 +9661,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     onChange: I
                   }, null, 8, ["checked", "indeterminate"])
                 ])) : V("", !0),
-                (n(!0), i($, null, s1(r.value, (X) => (n(), i("th", {
+                (n(!0), i(A, null, s1(r.value, (X) => (n(), i("th", {
                   key: X.key,
                   class: B(["al-" + (X.align || "left"), { srt: e.sortable && X.sortable, sorted: k.value === X.key }]),
                   style: Z1(X.width ? { width: X.width } : null),
@@ -9670,7 +9672,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     e.sortable && X.sortable && k.value === X.key ? (n(), _1(x1, {
                       key: 0,
                       class: "sarr",
-                      name: A.value === "asc" ? "longArrowUp" : "longArrowDown",
+                      name: $.value === "asc" ? "longArrowUp" : "longArrowDown",
                       size: "11"
                     }, null, 8, ["name"])) : V("", !0)
                   ])
@@ -9680,7 +9682,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               ])
             ]),
             d("tbody", null, [
-              (n(!0), i($, null, s1(e2.value, (X) => (n(), i($, {
+              (n(!0), i(A, null, s1(e2.value, (X) => (n(), i(A, {
                 key: X.__group ? "g:" + X.__group : t1(X)
               }, [
                 X.__group !== void 0 ? (n(), i("tr", {
@@ -9701,7 +9703,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       g1.value ? (n(), i("span", go, "(" + L(X.__count) + ")", 1)) : V("", !0)
                     ], 10, Co)
                   ], 8, fo)
-                ], 2)) : (n(), i($, { key: 1 }, [
+                ], 2)) : (n(), i(A, { key: 1 }, [
                   d("tr", {
                     class: B({ "row-selected": J(X), "in-group": !!e.groupBy }),
                     onClick: (w) => l("rowclick", t1(X))
@@ -9712,7 +9714,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       onClick: m1((w) => f1(X), ["stop"])
                     }, [
                       q(x1, {
-                        name: y(X) ? "chevronDown" : "chevronRight",
+                        name: Z(X) ? "chevronDown" : "chevronRight",
                         size: "12",
                         class: "exp-ic"
                       }, null, 8, ["name"])
@@ -9729,12 +9731,12 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         onChange: (w) => N(X, w)
                       }, null, 8, ["checked", "disabled", "onChange"])
                     ])) : V("", !0),
-                    (n(!0), i($, null, s1(r.value, (w, Z) => (n(), i("td", {
+                    (n(!0), i(A, null, s1(r.value, (w, y) => (n(), i("td", {
                       key: w.key,
                       class: B(["al-" + (w.align || "left"), w.cls, { heat: w.type === "heat" }]),
                       style: Z1(w.type === "heat" ? { background: h1(X, w) } : null)
                     }, [
-                      e.tree && Z === 0 ? (n(), i("span", {
+                      e.tree && y === 0 ? (n(), i("span", {
                         key: 0,
                         class: "tree-lead",
                         style: Z1({ marginLeft: X.__level * 20 + "px" })
@@ -9742,7 +9744,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         X.__hasKids ? (n(), _1(x1, {
                           key: 0,
                           class: "tree-chev",
-                          name: y(X) ? "chevronDown" : "chevronRight",
+                          name: Z(X) ? "chevronDown" : "chevronRight",
                           size: "12",
                           onClick: m1((Q) => f1(X), ["stop"])
                         }, null, 8, ["name", "onClick"])) : (n(), i("span", xo))
@@ -9786,7 +9788,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           class: "cog"
                         })
                       ])) : w.type === "tags" ? (n(), i("span", Lo, [
-                        (n(!0), i($, null, s1(Array.isArray(O(X, w)) ? O(X, w) : [], (Q, w1) => (n(), _1(e1, {
+                        (n(!0), i(A, null, s1(Array.isArray(O(X, w)) ? O(X, w) : [], (Q, w1) => (n(), _1(e1, {
                           key: w1,
                           variant: Q.variant || "default"
                         }, {
@@ -9854,7 +9856,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       }, null, 8, ["onClick"]))
                     ])) : V("", !0)
                   ], 10, bo),
-                  e.expandable && y(X) ? (n(), i("tr", zo, [
+                  e.expandable && Z(X) ? (n(), i("tr", zo, [
                     S[10] || (S[10] = d("td", { class: "exp-col" }, null, -1)),
                     e.selectable ? (n(), i("td", To)) : V("", !0),
                     d("td", {
@@ -9911,10 +9913,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   size: "12"
                 })
               ], 2),
-              (n(!0), i($, null, s1(i2.value, (X, w) => (n(), i("span", {
+              (n(!0), i(A, null, s1(i2.value, (X, w) => (n(), i("span", {
                 key: w,
                 class: B(["ppage", { sel: X === j.value, dots: X === "…" }]),
-                onClick: (Z) => K(X)
+                onClick: (y) => K(X)
               }, L(X), 11, No))), 128)),
               d("span", {
                 class: B(["ppage nav", { dis: j.value >= p1.value }]),
@@ -9941,7 +9943,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 value: z.value,
                 onChange: b
               }, [
-                (n(!0), i($, null, s1(a1.value, (X) => (n(), i("option", {
+                (n(!0), i(A, null, s1(a1.value, (X) => (n(), i("option", {
                   key: X,
                   value: X
                 }, L(X), 9, Uo))), 128))
@@ -10002,7 +10004,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
     }
     function k() {
-      u.value || (e6(A), u.value = !0, C(!0), u2(() => {
+      u.value || (e6($), u.value = !0, C(!0), u2(() => {
         const D = h.value;
         if (D) {
           try {
@@ -10014,31 +10016,31 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
       }));
     }
-    function A() {
+    function $() {
       const D = h.value;
       D && D.open ? D.close() : j();
     }
     function j() {
-      u.value && (u.value = !1, t6(A), C(!1), l("hide"));
+      u.value && (u.value = !1, t6($), C(!1), l("hide"));
     }
     function t1(D) {
-      l(D === "confirm" ? "confirm" : "cancel"), D !== "confirm-stay" && (l("close"), A());
+      l(D === "confirm" ? "confirm" : "cancel"), D !== "confirm-stay" && (l("close"), $());
     }
     function l1(D) {
-      D.preventDefault(), !r(s.escClosable) && (l("cancel"), l("close"), A());
+      D.preventDefault(), !r(s.escClosable) && (l("cancel"), l("close"), $());
     }
     function J(D) {
-      D.target === h.value && o(s.maskClosable) && (l("cancel"), l("close"), A());
+      D.target === h.value && o(s.maskClosable) && (l("cancel"), l("close"), $());
     }
     return K1(() => s.open, (D) => {
-      D ? k() : A();
+      D ? k() : $();
     }), R2(() => {
       s.open && k();
     }), A2(() => {
       const D = h.value;
       D && D.open && D.close();
     }), c && (c.show = k, c.hide = () => {
-      l("close"), A();
+      l("close"), $();
     }), (D, z) => {
       const E = T1("obs-icon"), a1 = T1("obs-button");
       return n(), i("dialog", {
@@ -10083,7 +10085,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               }, 8, ["variant"])
             ])) : V("", !0)
           ])
-        ])) : (n(), i($, { key: 1 }, [
+        ])) : (n(), i(A, { key: 1 }, [
           d("div", tr, [
             d("h4", sr, L(e.title), 1),
             d("button", {
@@ -10145,7 +10147,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     }, l = H(() => s(t.items).map((c) => Array.isArray(c) ? { value: c[0], unit: c[1], label: c[2], color: c[3] } : c));
     return (c, o) => (n(), i("table", ar, [
       d("tbody", null, [
-        (n(!0), i($, null, s1(l.value, (r, a) => (n(), i("tr", { key: a }, [
+        (n(!0), i(A, null, s1(l.value, (r, a) => (n(), i("tr", { key: a }, [
           d("td", ir, [
             d("span", {
               class: "num",
@@ -10190,8 +10192,8 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         class: B(["kv", [`v-${e.variant}`, `cols-${c.value}`]])
       }, [
         d("tbody", null, [
-          (n(!0), i($, null, s1(o.value, (h, u) => (n(), i("tr", { key: u }, [
-            (n(!0), i($, null, s1(h, (v, C) => (n(), i($, { key: C }, [
+          (n(!0), i(A, null, s1(o.value, (h, u) => (n(), i("tr", { key: u }, [
+            (n(!0), i(A, null, s1(h, (v, C) => (n(), i(A, { key: C }, [
               d("td", fr, L(v.label), 1),
               d("td", {
                 class: "val",
@@ -10200,12 +10202,12 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 v.status ? (n(), _1(p, {
                   key: 0,
                   status: String(v.status)
-                }, null, 8, ["status"])) : (n(), i($, { key: 1 }, [
+                }, null, 8, ["status"])) : (n(), i(A, { key: 1 }, [
                   $1(L(v.value), 1)
                 ], 64))
               ], 4)
             ], 64))), 128)),
-            h.length < c.value ? (n(), i($, { key: 0 }, [
+            h.length < c.value ? (n(), i(A, { key: 0 }, [
               a[0] || (a[0] = d("td", { class: "k pad" }, null, -1)),
               a[1] || (a[1] = d("td", { class: "val pad" }, null, -1))
             ], 64)) : V("", !0)
@@ -10306,22 +10308,22 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           })
         ])) : V("", !0),
         d("ol", kr, [
-          (n(!0), i($, null, s1(a.value, (k, A) => (n(), i("li", {
-            key: A,
+          (n(!0), i(A, null, s1(a.value, (k, $) => (n(), i("li", {
+            key: $,
             class: "crumb"
           }, [
-            A < a.value.length - 1 ? (n(), i("a", {
+            $ < a.value.length - 1 ? (n(), i("a", {
               key: 0,
               class: "link",
               href: k.href || "#",
-              onClick: (j) => p(k, A, j)
+              onClick: (j) => p(k, $, j)
             }, L(k.label), 9, Hr)) : (n(), i("span", Vr, L(k.label), 1)),
-            A < a.value.length - 1 ? (n(), i("span", Lr, [
+            $ < a.value.length - 1 ? (n(), i("span", Lr, [
               r.value ? (n(), _1(C, {
                 key: 0,
                 name: "chevronRight",
                 size: "10"
-              })) : (n(), i($, { key: 1 }, [
+              })) : (n(), i(A, { key: 1 }, [
                 $1(L(e.separator), 1)
               ], 64))
             ])) : V("", !0)
@@ -10330,16 +10332,13 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, Sr = /* @__PURE__ */ O1(_r, [["styles", [Mr]]]), $r = ':host{display:block;height:100%}.sm{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;color:var(--page-text-color, #1d2a3e);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden;font-size:13px;background:var(--page-background-color, #fff)}.m-categories.sm{border:0;border-radius:0}.hd{display:flex;align-items:center}.hd:not(.seg){padding:0 12px}.tabbar{flex:1;min-width:0}.hd.seg{gap:10px;padding:10px 8px 2px}.switcher{flex:1;min-width:0}.srow{display:flex;align-items:center;gap:8px;padding:8px;--input-height-base: 35px}.sinput{flex:1;min-width:0}.rows{flex:1;overflow:auto;padding-bottom:6px;min-height:0}.row{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;text-decoration:none;color:inherit}.row.group{font-weight:500}.chev{color:var(--neutral-light, #6a7fa0);flex-shrink:0;width:14px}.r-ic{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav{color:var(--secondary-yellow, #f5bc18);flex-shrink:0}.count{flex-shrink:0}.r-logo{flex-shrink:0;width:20px;height:20px;object-fit:contain;display:block}.count.numeric{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--page-text-color, #1d2a3e);font-family:var(--numeric-font-family, "JetBrains Mono", monospace);font-feature-settings:"tnum";font-size:12px;font-weight:500}.pencil{color:var(--neutral-light, #6a7fa0);flex-shrink:0;visibility:hidden}.row:hover .pencil,.row.active .pencil{visibility:visible}.row:not(.active):hover{background:var(--nav-hover-bg, #ecf1f9)}.row.leaf.active{color:var(--primary, #111c2c);background:var(--code-tag-background-color, #ecf1f9)}.m-sections .row.group{padding-top:9px;padding-bottom:9px;font-size:13px}.m-sections .row.leaf{padding-top:6px;padding-bottom:6px;font-size:13px}.m-sections .row.leaf.active{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.m-categories .row.group{padding-top:9px;padding-bottom:9px;padding-right:6px;font-size:14px}.m-categories .row.leaf{padding-top:7px;padding-bottom:7px;padding-right:6px;font-size:13px}.m-tree .row.group{padding-top:6px;padding-bottom:6px;font-size:13px}.m-tree .row.group .r-ic{color:var(--primary-alt, #1d2a3e)}.m-tree .row.leaf{padding-top:5px;padding-bottom:5px;font-size:13px}.m-tree .leaf-chev{width:14px}.m-list .row{padding-top:9px;padding-bottom:9px;font-size:14px;border-bottom:1px solid var(--border-color, #e3e8f2)}.m-list .row.active{font-weight:600}', Ar = {
+}, Sr = /* @__PURE__ */ O1(_r, [["styles", [Mr]]]), $r = ":host{display:block;height:100%}.sm{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;color:var(--page-text-color, #1d2a3e);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden;font-size:13px;background:var(--page-background-color, #fff)}.m-categories.sm{border:0;border-radius:0}.hd{display:flex;align-items:center}.hd:not(.seg){padding:0 12px}.tabbar{flex:1;min-width:0}.hd.seg{gap:10px;padding:10px 8px 2px}.switcher{flex:1;min-width:0}.srow{display:flex;align-items:center;gap:8px;padding:8px;--input-height-base: 35px}.sinput{flex:1;min-width:0}.rows{flex:1;overflow:auto;padding-bottom:6px;min-height:0}.row{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;text-decoration:none;color:inherit}.row.group{font-weight:500}.chev{color:var(--neutral-light, #6a7fa0);flex-shrink:0;width:14px}.r-ic{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav{color:var(--secondary-yellow, #f5bc18);flex-shrink:0}.count{flex-shrink:0}.r-logo{flex-shrink:0;width:20px;height:20px;object-fit:contain;display:block}.pencil{color:var(--neutral-light, #6a7fa0);flex-shrink:0;visibility:hidden}.row:hover .pencil,.row.active .pencil{visibility:visible}.row:not(.active):hover{background:var(--nav-hover-bg, #ecf1f9)}.row.leaf.active{color:var(--primary, #111c2c);background:var(--code-tag-background-color, #ecf1f9)}.m-sections .row.group{padding-top:9px;padding-bottom:9px;font-size:13px}.m-sections .row.leaf{padding-top:6px;padding-bottom:6px;font-size:13px}.m-sections .row.leaf.active{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.m-categories .row.group{padding-top:9px;padding-bottom:9px;padding-right:6px;font-size:14px}.m-categories .row.leaf{padding-top:7px;padding-bottom:7px;padding-right:6px;font-size:13px}.m-tree .row.group{padding-top:6px;padding-bottom:6px;font-size:13px}.m-tree .row.group .r-ic{color:var(--primary-alt, #1d2a3e)}.m-tree .row.leaf{padding-top:5px;padding-bottom:5px;font-size:13px}.m-tree .leaf-chev{width:14px}.m-list .row{padding-top:9px;padding-bottom:9px;font-size:14px;border-bottom:1px solid var(--border-color, #e3e8f2)}.m-list .row.active{font-weight:600}", Ar = {
   key: 1,
   class: "srow"
 }, zr = {
   class: "rows",
   role: "tree"
 }, Tr = ["aria-expanded", "onClick"], Or = ["src"], Pr = { class: "lbl" }, Er = {
-  key: 0,
-  class: "count numeric"
-}, Dr = {
   __name: "ObsSideMenu.ce",
   props: {
     mode: { type: String, default: "sections" },
@@ -10375,14 +10374,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       return !1;
     }
     v(r.value, 0);
-    const A = (R, p1) => R.label.toLowerCase().includes(p1) || (R.children || []).some((o1) => A(o1, p1));
+    const $ = (R, p1) => R.label.toLowerCase().includes(p1) || (R.children || []).some((o1) => $(o1, p1));
     function j(R, p1, o1, G) {
       const k1 = h.value.trim().toLowerCase();
       for (const y1 of R) {
-        const E1 = C(y1, o1), y = Array.isArray(y1.children) && y1.children.length;
-        if (k1 && !A(y1, k1)) continue;
-        const f1 = k1 ? y && A(y1, k1) : !!u[E1];
-        G.push({ label: y1.label, icon: y1.icon || "", logo: y1.logo || "", count: y1.count, favorite: !!y1.favorite, edit: !!y1.edit, depth: p1, kids: y, open: f1, path: E1, leaf: !y }), y && f1 && j(y1.children, p1 + 1, E1, G);
+        const E1 = C(y1, o1), Z = Array.isArray(y1.children) && y1.children.length;
+        if (k1 && !$(y1, k1)) continue;
+        const f1 = k1 ? Z && $(y1, k1) : !!u[E1];
+        G.push({ label: y1.label, icon: y1.icon || "", logo: y1.logo || "", count: y1.count, favorite: !!y1.favorite, edit: !!y1.edit, depth: p1, kids: Z, open: f1, path: E1, leaf: !Z }), Z && f1 && j(y1.children, p1 + 1, E1, G);
       }
     }
     const t1 = H(() => {
@@ -10447,17 +10446,17 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           j1(R.$slots, "search-action")
         ])) : V("", !0),
         d("div", zr, [
-          (n(!0), i($, null, s1(t1.value, (y) => (n(), i("div", {
-            key: y.path,
-            class: B(["row", { group: y.kids, leaf: y.leaf, active: y.leaf && y.label === J.value }]),
-            style: Z1({ paddingLeft: l1(y) + "px" }),
+          (n(!0), i(A, null, s1(t1.value, (Z) => (n(), i("div", {
+            key: Z.path,
+            class: B(["row", { group: Z.kids, leaf: Z.leaf, active: Z.leaf && Z.label === J.value }]),
+            style: Z1({ paddingLeft: l1(Z) + "px" }),
             role: "treeitem",
-            "aria-expanded": y.kids ? String(y.open) : null,
-            onClick: (f1) => D(y)
+            "aria-expanded": Z.kids ? String(Z.open) : null,
+            onClick: (f1) => D(Z)
           }, [
-            y.kids ? (n(), _1(y1, {
+            Z.kids ? (n(), _1(y1, {
               key: 0,
-              name: y.open ? "chevronDown" : "chevronRight",
+              name: Z.open ? "chevronDown" : "chevronRight",
               size: "12",
               class: "chev"
             }, null, 8, ["name"])) : e.mode === "tree" ? (n(), _1(y1, {
@@ -10466,38 +10465,36 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               size: "12",
               class: "chev leaf-chev"
             })) : V("", !0),
-            y.favorite ? (n(), _1(y1, {
+            Z.favorite ? (n(), _1(y1, {
               key: 2,
               name: "star",
               size: "16",
               class: "fav"
             })) : V("", !0),
-            y.logo ? (n(), i("img", {
+            Z.logo ? (n(), i("img", {
               key: 3,
-              src: y.logo,
+              src: Z.logo,
               class: "r-logo",
               alt: ""
-            }, null, 8, Or)) : y.icon ? (n(), _1(y1, {
+            }, null, 8, Or)) : Z.icon ? (n(), _1(y1, {
               key: 4,
-              name: y.icon,
-              size: y.kids ? 19 : 16,
+              name: Z.icon,
+              size: Z.kids ? 19 : 16,
               class: "r-ic"
             }, null, 8, ["name", "size"])) : V("", !0),
-            d("span", Pr, L(y.label), 1),
-            y.count != null && y.count !== "" ? (n(), i($, { key: 5 }, [
-              e.mode === "tree" ? (n(), i("span", Er, L(y.count), 1)) : (n(), _1(E1, {
-                key: 1,
-                class: "count",
-                variant: "tag-primary",
-                rounded: ""
-              }, {
-                default: k2(() => [
-                  $1(L(y.count), 1)
-                ]),
-                _: 2
-              }, 1024))
-            ], 64)) : V("", !0),
-            y.edit ? (n(), _1(y1, {
+            d("span", Pr, L(Z.label), 1),
+            Z.count != null && Z.count !== "" ? (n(), _1(E1, {
+              key: 5,
+              class: "count",
+              variant: "tag-primary",
+              numeric: e.mode === "tree"
+            }, {
+              default: k2(() => [
+                $1(L(Z.count), 1)
+              ]),
+              _: 2
+            }, 1032, ["numeric"])) : V("", !0),
+            Z.edit ? (n(), _1(y1, {
               key: 6,
               name: "pencil",
               size: "12",
@@ -10508,10 +10505,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, Br = /* @__PURE__ */ O1(Dr, [["styles", [$r]]]), Rr = ":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);box-shadow:3px 10px 10px #0000001a;transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{position:relative;z-index:1;display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:13px;gap:10px;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 svg{width:26px;height:26px;display:block}.mark ::slotted(img){width:26px;height:26px;display:block}.name{font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e)}.items{position:relative;z-index:1;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;z-index:0;right:-75px;bottom:-100px;width:200px;height:200px;pointer-events:none}", Ir = { class: "mark" }, jr = { class: "items" }, Nr = ["aria-current", "onClick"], Fr = { class: "lbl" }, Ur = {
+}, Dr = /* @__PURE__ */ O1(Er, [["styles", [$r]]]), Br = ":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);box-shadow:3px 10px 10px #0000001a;transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{position:relative;z-index:1;display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:13px;gap:10px;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 svg{width:26px;height:26px;display:block}.mark ::slotted(img){width:26px;height:26px;display:block}.name{font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e)}.items{position:relative;z-index:1;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;z-index:0;right:-75px;bottom:-100px;width:200px;height:200px;pointer-events:none}", Rr = { class: "mark" }, Ir = { class: "items" }, jr = ["aria-current", "onClick"], Nr = { class: "lbl" }, Fr = {
   key: 0,
   class: "beta"
-}, Wr = {
+}, Ur = {
   __name: "ObsSidebar.ce",
   props: {
     items: { type: [String, Array], default: "" },
@@ -10545,7 +10542,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           onClick: u[0] || (u[0] = m1(() => {
           }, ["prevent"]))
         }, [
-          d("span", Ir, [
+          d("span", Rr, [
             j1(h.$slots, "logo", {}, () => [
               u[3] || (u[3] = d("svg", {
                 viewBox: "0 0 32 32",
@@ -10574,8 +10571,8 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             [r4, r.value]
           ])
         ]),
-        d("div", jr, [
-          (n(!0), i($, null, s1(a.value, (C) => (n(), i("a", {
+        d("div", Ir, [
+          (n(!0), i(A, null, s1(a.value, (C) => (n(), i("a", {
             key: C.key,
             class: B(["item", { active: C.key === e.active }]),
             href: "#",
@@ -10587,22 +10584,22 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               size: "18",
               class: "ic"
             }, null, 8, ["name"]),
-            Z2(d("span", Fr, [
+            Z2(d("span", Nr, [
               $1(L(C.label), 1),
-              C.beta ? (n(), i("span", Ur, "BETA")) : V("", !0)
+              C.beta ? (n(), i("span", Fr, "BETA")) : V("", !0)
             ], 512), [
               [r4, r.value]
             ])
-          ], 10, Nr))), 128))
+          ], 10, jr))), 128))
         ]),
         u[4] || (u[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);
     };
   }
-}, Kr = /* @__PURE__ */ O1(Wr, [["styles", [Rr]]]), qr = "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)}", Jr = {
+}, Wr = /* @__PURE__ */ O1(Ur, [["styles", [Br]]]), Kr = "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)}", qr = {
   class: "bar",
   role: "tablist"
-}, Gr = ["aria-selected", "disabled", "onClick"], Yr = ["data-label"], Xr = { class: "body" }, Qr = {
+}, Jr = ["aria-selected", "disabled", "onClick"], Gr = ["data-label"], Yr = { class: "body" }, Xr = {
   __name: "ObsTabs.ce",
   props: {
     tabs: { type: String, default: "" },
@@ -10666,63 +10663,63 @@ 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", Jr, [
-          (n(!0), i($, null, s1(a.value, (A) => (n(), i("button", {
-            key: A.key,
-            class: B(["tab", { active: A.key === p.value, disabled: A.disabled }]),
+        d("div", qr, [
+          (n(!0), i(A, null, s1(a.value, ($) => (n(), i("button", {
+            key: $.key,
+            class: B(["tab", { active: $.key === p.value, disabled: $.disabled }]),
             role: "tab",
             type: "button",
-            "aria-selected": A.key === p.value,
-            disabled: A.disabled,
-            onClick: (j) => u(A)
+            "aria-selected": $.key === p.value,
+            disabled: $.disabled,
+            onClick: (j) => u($)
           }, [
-            A.icon ? (n(), _1(k, {
+            $.icon ? (n(), _1(k, {
               key: 0,
-              name: A.icon,
+              name: $.icon,
               size: "14",
               class: "ic",
               "aria-hidden": "true"
             }, null, 8, ["name"])) : V("", !0),
             d("span", {
               class: "lbl",
-              "data-label": o(A)
-            }, L(o(A)), 9, Yr)
-          ], 10, Gr))), 128))
+              "data-label": o($)
+            }, L(o($)), 9, Gr)
+          ], 10, Jr))), 128))
         ]),
-        d("div", Xr, [
-          (n(!0), i($, null, s1(a.value, (A) => Z2((n(), i("div", {
-            key: A.key,
+        d("div", Yr, [
+          (n(!0), i(A, null, s1(a.value, ($) => Z2((n(), i("div", {
+            key: $.key,
             class: "pane",
             role: "tabpanel"
           }, [
-            j1(v.$slots, A.key)
+            j1(v.$slots, $.key)
           ])), [
-            [r4, A.key === p.value]
+            [r4, $.key === p.value]
           ])), 128))
         ])
       ], 2);
     };
   }
-}, en = /* @__PURE__ */ O1(Qr, [["styles", [qr]]]), tn = "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)}", sn = { class: "wrap" }, cn = { class: "crumb" }, ln = { class: "left" }, on = { class: "titles" }, rn = { class: "ttl-row" }, nn = {
+}, Qr = /* @__PURE__ */ O1(Xr, [["styles", [Kr]]]), en = "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)}", tn = { class: "wrap" }, sn = { class: "crumb" }, cn = { class: "left" }, ln = { class: "titles" }, on = { class: "ttl-row" }, rn = {
   key: 1,
   class: "title"
-}, an = {
+}, nn = {
   key: 2,
   class: "count"
-}, dn = {
+}, an = {
   key: 0,
   class: "subtitle"
-}, pn = {
+}, dn = {
   key: 1,
   class: "meta"
-}, un = {
+}, pn = {
   key: 0,
   class: "meta-sep",
   "aria-hidden": "true"
-}, hn = { class: "meta-item" }, vn = {
+}, un = { class: "meta-item" }, hn = {
   key: 2,
   class: "meta-label"
-}, fn = { class: "meta-value" }, Cn = { class: "right" }, gn = {
+}, vn = { class: "meta-value" }, fn = { class: "right" }, Cn = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
@@ -10757,14 +10754,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     };
     return (a, p) => {
       const h = T1("obs-icon"), u = T1("obs-severity");
-      return n(), i("div", sn, [
-        d("div", cn, [
+      return n(), i("div", tn, [
+        d("div", sn, [
           j1(a.$slots, "breadcrumb")
         ]),
         d("div", {
           class: B(["ph", { "no-divider": l(e.noDivider) }])
         }, [
-          d("div", ln, [
+          d("div", cn, [
             l(e.back) ? (n(), i("button", {
               key: 0,
               class: "back",
@@ -10779,23 +10776,23 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             ])) : V("", !0),
             j1(a.$slots, "back"),
             j1(a.$slots, "before"),
-            d("div", on, [
-              d("div", rn, [
+            d("div", ln, [
+              d("div", on, [
                 o.value ? (n(), i("span", {
                   key: 0,
                   class: "accent",
                   style: Z1({ background: o.value }),
                   "aria-hidden": "true"
                 }, null, 4)) : V("", !0),
-                e.heading ? (n(), i("h4", nn, L(e.heading), 1)) : V("", !0),
-                e.count !== null && e.count !== "" ? (n(), i("span", an, L(e.count), 1)) : V("", !0),
+                e.heading ? (n(), i("h4", rn, L(e.heading), 1)) : V("", !0),
+                e.count !== null && e.count !== "" ? (n(), i("span", nn, L(e.count), 1)) : V("", !0),
                 j1(a.$slots, "title")
               ]),
-              e.subtitle ? (n(), i("div", dn, L(e.subtitle), 1)) : V("", !0),
-              c.value.length ? (n(), i("div", pn, [
-                (n(!0), i($, null, s1(c.value, (v, C) => (n(), i($, { key: C }, [
-                  C > 0 ? (n(), i("span", un, "|")) : V("", !0),
-                  d("span", hn, [
+              e.subtitle ? (n(), i("div", an, L(e.subtitle), 1)) : V("", !0),
+              c.value.length ? (n(), i("div", dn, [
+                (n(!0), i(A, null, s1(c.value, (v, C) => (n(), i(A, { key: C }, [
+                  C > 0 ? (n(), i("span", pn, "|")) : V("", !0),
+                  d("span", un, [
                     v.icon ? (n(), _1(h, {
                       key: 0,
                       name: v.icon,
@@ -10809,32 +10806,32 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       shape: "dot",
                       class: "meta-dot"
                     }, null, 8, ["severity"])) : V("", !0),
-                    v.label ? (n(), i("span", vn, L(v.label) + ":", 1)) : V("", !0),
-                    d("span", fn, L(v.value), 1)
+                    v.label ? (n(), i("span", hn, L(v.label) + ":", 1)) : V("", !0),
+                    d("span", vn, L(v.value), 1)
                   ])
                 ], 64))), 128))
               ])) : V("", !0)
             ])
           ]),
-          d("div", Cn, [
+          d("div", fn, [
             j1(a.$slots, "default")
           ])
         ], 2)
       ]);
     };
   }
-}, bn = /* @__PURE__ */ O1(gn, [["styles", [tn]]]), mn = "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}", xn = { class: "app" }, yn = { class: "brand" }, Zn = { class: "right" }, wn = ["aria-label", "title", "onClick"], Mn = {
+}, gn = /* @__PURE__ */ O1(Cn, [["styles", [en]]]), bn = "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}", mn = { class: "app" }, xn = { class: "brand" }, yn = { class: "right" }, Zn = ["aria-label", "title", "onClick"], wn = {
   key: 0,
   class: "badge"
-}, kn = {
+}, Mn = {
   key: 0,
   class: "build"
-}, Hn = {
+}, kn = {
   key: 0,
   class: "avatar",
   role: "button",
   tabindex: "0"
-}, Vn = {
+}, Hn = {
   __name: "ObsAppHeader.ce",
   props: {
     brand: { type: String, default: "" },
@@ -10864,14 +10861,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     });
     return (r, a) => {
       const p = T1("obs-icon");
-      return n(), i("header", xn, [
-        d("div", yn, [
+      return n(), i("header", mn, [
+        d("div", xn, [
           j1(r.$slots, "brand", {}, () => [
             $1(L(e.brand), 1)
           ])
         ]),
-        d("div", Zn, [
-          (n(!0), i($, null, s1(o.value, (h, u) => (n(), i("button", {
+        d("div", yn, [
+          (n(!0), i(A, null, s1(o.value, (h, u) => (n(), i("button", {
             key: u,
             class: B(["circ", { active: h.active }]),
             type: "button",
@@ -10883,24 +10880,24 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               name: h.icon,
               size: "18"
             }, null, 8, ["name"]),
-            h.badge !== null ? (n(), i("span", Mn, L(h.badge), 1)) : V("", !0)
-          ], 10, wn))), 128)),
+            h.badge !== null ? (n(), i("span", wn, L(h.badge), 1)) : V("", !0)
+          ], 10, Zn))), 128)),
           j1(r.$slots, "default"),
-          e.build ? (n(), i("span", kn, "BUILD : " + L(e.build), 1)) : V("", !0),
+          e.build ? (n(), i("span", Mn, "BUILD : " + L(e.build), 1)) : V("", !0),
           j1(r.$slots, "user", {}, () => [
-            e.user ? (n(), i("span", Hn, L(e.user), 1)) : V("", !0)
+            e.user ? (n(), i("span", kn, L(e.user), 1)) : V("", !0)
           ])
         ])
       ]);
     };
   }
-}, Ln = /* @__PURE__ */ O1(Vn, [["styles", [mn]]]), _n = ":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}", Sn = ["role"], $n = {
+}, Vn = /* @__PURE__ */ O1(Hn, [["styles", [bn]]]), Ln = ":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}", _n = ["role"], Sn = {
   key: 0,
   class: "tb-sel"
-}, An = { class: "tb-count" }, zn = { class: "tb-lead" }, Tn = {
+}, $n = { class: "tb-count" }, An = { class: "tb-lead" }, zn = {
   key: 0,
   class: "tb-title"
-}, On = { class: "tb-main" }, Pn = {
+}, Tn = { class: "tb-main" }, On = {
   __name: "ObsToolbar.ce",
   props: {
     variant: { type: String, default: "" },
@@ -10921,29 +10918,29 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         class: B(["tb", "v-" + (e.variant || "grid")]),
         role: e.variant === "bulk" ? "toolbar" : null
       }, [
-        e.variant === "bulk" ? (n(), i($, { key: 0 }, [
-          e.count !== null && e.count !== "" ? (n(), i("span", $n, [
+        e.variant === "bulk" ? (n(), i(A, { key: 0 }, [
+          e.count !== null && e.count !== "" ? (n(), i("span", Sn, [
             q(p, {
               checked: "",
               class: "tb-chk",
               onChange: o
             }),
-            d("span", An, L(c.value), 1)
+            d("span", $n, L(c.value), 1)
           ])) : V("", !0),
           j1(r.$slots, "default")
-        ], 64)) : (n(), i($, { key: 1 }, [
-          d("div", zn, [
-            e.variant === "widget" && e.title ? (n(), i("span", Tn, L(e.title), 1)) : V("", !0),
+        ], 64)) : (n(), i(A, { key: 1 }, [
+          d("div", An, [
+            e.variant === "widget" && e.title ? (n(), i("span", zn, L(e.title), 1)) : V("", !0),
             j1(r.$slots, "start")
           ]),
-          d("div", On, [
+          d("div", Tn, [
             j1(r.$slots, "default")
           ])
         ], 64))
-      ], 10, Sn);
+      ], 10, _n);
     };
   }
-}, En = /* @__PURE__ */ O1(Pn, [["styles", [_n]]]), Dn = {
+}, Pn = /* @__PURE__ */ O1(On, [["styles", [Ln]]]), En = {
   "obs-button": S0,
   "obs-tag": P0,
   "obs-checkbox": N0,
@@ -10976,18 +10973,18 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
   "obs-key-value": gr,
   "obs-divider": wr,
   "obs-breadcrumbs": Sr,
-  "obs-side-menu": Br,
-  "obs-sidebar": Kr,
-  "obs-tabs": en,
-  "obs-page-header": bn,
-  "obs-app-header": Ln,
-  "obs-toolbar": En
+  "obs-side-menu": Dr,
+  "obs-sidebar": Wr,
+  "obs-tabs": Qr,
+  "obs-page-header": gn,
+  "obs-app-header": Vn,
+  "obs-toolbar": Pn
 };
-function Bn() {
-  for (const [e, t] of Object.entries(Dn))
+function Dn() {
+  for (const [e, t] of Object.entries(En))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ C0(t));
 }
-Bn();
+Dn();
 export {
-  Bn as register
+  Dn as register
 };