@mtdt/observeops-ds-elements 0.1.91 → 0.1.93

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, $ = !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) => {
+  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) => {
     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 || $ || (j ? E.some((a1, R) => D2(a1, J[R])) : D2(E, J))) {
+        if (z || c || A || (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, $, j) => $2(k, u, $, j);
+  a.call = (k, A, j) => $2(k, u, A, j);
   let v = !1;
   o === "post" ? a.scheduler = (k) => {
     m2(k, u && u.suspense);
-  } : o !== "sync" && (v = !0, a.scheduler = (k, $) => {
-    $ ? k() : s8(k);
+  } : o !== "sync" && (v = !0, a.scheduler = (k, A) => {
+    A ? 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), $ = (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), A = (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;
-      $(h, j.k) && (h.value = null), j.k && (u[j.k] = null);
+      A(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] : $() || !e.k ? p.value : u[e.k];
+          const J = j ? k(p) ? v[p] : u[p] : A() || !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];
-            $(p, e.k) && (p.value = D), e.k && (u[e.k] = D);
+            A(p, e.k) && (p.value = D), e.k && (u[e.k] = D);
           }
-        } else j ? (u[p] = r, k(p) && (v[p] = r)) : t1 && ($(p, e.k) && (p.value = r), e.k && (u[e.k] = r));
+        } else j ? (u[p] = r, k(p) && (v[p] = r)) : t1 && (A(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 === A && !_5(t.children)) : !0) ? e : null;
+  return e.some((t) => n8(t) ? !(t.type === J2 || t.type === $ && !_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: $,
+    updated: A,
     activated: j,
     deactivated: t1,
     beforeDestroy: l1,
@@ -1730,7 +1730,7 @@ function u9(e) {
     // assets
     components: y1,
     directives: E1,
-    filters: w
+    filters: y
   } = 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, $), 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, 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 (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: $,
+    ctx: A,
     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 $ = l2(C);
-            c[$] = N4(
+            const A = l2(C);
+            c[A] = 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), $ = k.type;
+        const C = o[u], k = r[v] = M1(C) || S1(C) ? { type: C } : t2({}, C), A = k.type;
         let j = !1, t1 = !0;
-        if (M1($))
-          for (let l1 = 0; l1 < $.length; ++l1) {
-            const J = $[l1], D = S1(J) && J.name;
+        if (M1(A))
+          for (let l1 = 0; l1 < A.length; ++l1) {
+            const J = A[l1], D = S1(J) && J.name;
             if (D === "Boolean") {
               j = !0;
               break;
             } else D === "String" && (t1 = !1);
           }
         else
-          j = S1($) && $.name === "Boolean";
+          j = S1(A) && A.name === "Boolean";
         k[
           0
           /* shouldCast */
@@ -2400,7 +2400,7 @@ function z9(e, t) {
     parentNode: v,
     nextSibling: C,
     setScopeId: k = B2,
-    insertStaticContent: $
+    insertStaticContent: A
   } = 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 A:
+      case $:
         y1(
           f,
           b,
@@ -2482,7 +2482,7 @@ function z9(e, t) {
       N
     ) : b.el = f.el;
   }, J = (f, b, _, N) => {
-    [f.el, f.anchor] = $(
+    [f.el, f.anchor] = A(
       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 === A || // - In the case of different nodes, there is going to be a replacement
+        (K.type === $ || // - 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
-    ) : w(
+    ) : y(
       b,
       _,
       N,
@@ -2738,7 +2738,7 @@ function z9(e, t) {
       Y,
       K
     ) : f1(f, b, K);
-  }, w = (f, b, _, N, I, T, Y) => {
+  }, y = (f, b, _, N, I, T, Y) => {
     const W = f.component = N9(
       f,
       N,
@@ -3003,18 +3003,18 @@ function z9(e, t) {
           c1(X, I, T, !0);
           continue;
         }
-        let Z;
+        let w;
         if (X.key != null)
-          Z = S.get(X.key);
+          w = S.get(X.key);
         else
           for (e1 = M; e1 <= h1; e1++)
             if (c2[e1 - M] === 0 && m3(X, b[e1])) {
-              Z = e1;
+              w = e1;
               break;
             }
-        Z === void 0 ? c1(X, I, T, !0) : (c2[Z - M] = O + 1, Z >= R1 ? R1 = Z : B1 = !0, j(
+        w === void 0 ? c1(X, I, T, !0) : (c2[w - M] = O + 1, w >= R1 ? R1 = w : B1 = !0, j(
           X,
-          b[Z],
+          b[w],
           _,
           null,
           I,
@@ -3026,13 +3026,13 @@ 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, Z = b[X], y = b[X + 1], Q = X + 1 < u1 ? (
+        const X = M + O, w = b[X], Z = b[X + 1], Q = X + 1 < u1 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
-          y.el || U5(y)
+          Z.el || U5(Z)
         ) : N;
         c2[O] === 0 ? j(
           null,
-          Z,
+          w,
           _,
           Q,
           I,
@@ -3040,7 +3040,7 @@ function z9(e, t) {
           Y,
           W,
           K
-        ) : B1 && (e1 < 0 || O !== C2[e1] ? n1(Z, _, Q, 2) : e1--);
+        ) : B1 && (e1 < 0 || O !== C2[e1] ? n1(w, _, Q, 2) : e1--);
       }
     }
   }, n1 = (f, b, _, N, I = null) => {
@@ -3057,7 +3057,7 @@ function z9(e, t) {
       Y.move(f, b, _, e2);
       return;
     }
-    if (Y === A) {
+    if (Y === $) {
       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 !== A || r1 > 0 && r1 & 64) ? J1(
+      (T !== $ || r1 > 0 && r1 & 64) ? J1(
         O,
         b,
         _,
         !1,
         !0
-      ) : (T === A && r1 & 384 || !I && u1 & 16) && J1(K, b, _), N && H1(f);
+      ) : (T === $ && 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 === A) {
+    if (b === $) {
       U1(_, N);
       return;
     }
@@ -3193,7 +3193,7 @@ function z9(e, t) {
     um: c1,
     m: n1,
     r: H1,
-    mt: w,
+    mt: y,
     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 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 = [];
+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 = [];
 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 === A ? 0 : 1, r = !1, a = !1) {
+function d(e, t = null, s = null, l = 0, c = null, o = e === $ ? 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 !== A ? r === -1 ? 16 : r | 16 : r,
+    patchFlag: t && e.type !== $ ? 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()
@@ -4530,16 +4530,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       healthy: "tag-green",
       stable: "tag-green",
       operational: "tag-green"
-    }, $ = { poweredoff: "up", poweredon: "down" }, j = (z) => z ? z.charAt(0).toUpperCase() + z.slice(1).toLowerCase() : "", t1 = H(() => String(s.status || "").toLowerCase()), l1 = H(
+    }, A = { 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($[t1.value] || String(s.status || "")));
+    ), J = H(() => s.rounded || !!s.status), D = H(() => j(A[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 }]])
       }, [
-        e.status ? (n(), i(A, { key: 0 }, [
+        e.status ? (n(), i($, { key: 0 }, [
           $1(L(D.value), 1)
         ], 64)) : j1(z.$slots, "default", { key: 1 }),
         e.closable && !e.status ? (n(), i("span", {
@@ -4719,7 +4719,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       ref: a,
       class: "pills"
     }, [
-      (n(!0), i(A, null, s1(c.value, (C, k) => (n(), i("span", {
+      (n(!0), i($, null, s1(c.value, (C, k) => (n(), i("span", {
         key: k,
         class: "pill",
         title: l(C)
@@ -4730,7 +4730,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(A, null, s1(o.value, (C, k) => (n(), i("div", {
+          (n(!0), i($, null, s1(o.value, (C, k) => (n(), i("div", {
             key: k,
             class: "pop-item",
             title: l(C)
@@ -4772,7 +4772,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           } catch {
             C = [];
           }
-        else k && (C = k.split(",").map(($) => $.trim()).filter(Boolean));
+        else k && (C = k.split(",").map((A) => A.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 +4798,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(A, null, s1(p.value, ($) => (n(), i("label", {
-        key: $.value,
-        class: B(["opt", { on: r.value === $.value, dis: $.disabled || e.disabled }]),
+      (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 }]),
         role: "radio",
-        "aria-checked": r.value === $.value,
-        onClick: (j) => h($)
+        "aria-checked": r.value === A.value,
+        onClick: (j) => h(A)
       }, [
         a.value ? V("", !0) : (n(), i("span", r7)),
-        $.icon ? (n(), i("span", {
+        A.icon ? (n(), i("span", {
           key: 1,
           class: "ic",
           "aria-hidden": "true",
-          innerHTML: v($.icon)
+          innerHTML: v(A.icon)
         }, null, 8, n7)) : V("", !0),
-        d("span", a7, L($.label), 1)
+        d("span", a7, L(A.label), 1)
       ], 10, o7))), 128))
     ], 2));
   }
@@ -4888,7 +4888,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 || ""), $ = H(() => s.suffixIcon || (s.type === "search" ? "search" : "")), j = H(() => !!(s.addonBefore || s.addonAfter));
+    const k = H(() => s.prefixIcon || ""), A = 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 +4971,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 "aria-hidden": "true"
               })
             ])) : V("", !0),
-            $.value ? (n(), i("span", {
+            A.value ? (n(), i("span", {
               key: 5,
               class: "adorn suf",
               "aria-hidden": "true",
-              innerHTML: C($.value)
+              innerHTML: C(A.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 +5168,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 $(m) {
+    function A(m) {
       if (p.value === null || o.value[m].locked) {
         p.value = h.value = null;
         return;
@@ -5185,12 +5185,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(""), w = /* @__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(""), y = /* @__PURE__ */ U(l1(s.value)), f1 = /* @__PURE__ */ U([]), V1 = /* @__PURE__ */ U({}), g1 = /* @__PURE__ */ U(!1), v1 = /* @__PURE__ */ U({});
     K1(() => s.value, (m) => {
-      w.value = l1(m);
+      y.value = l1(m);
     });
     const q1 = s2();
-    K1(w, (m) => {
+    K1(y, (m) => {
       if (!q1) return;
       const g = s.multiple ? m.join(",") : m[0] || "";
       try {
@@ -5223,7 +5223,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) => w.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) => y.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 +5250,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) => w.value.includes(x.value));
+      return g.length > 0 && g.every((x) => y.value.includes(x.value));
     }
     function e1(m) {
-      return !S(m) && M(m).some((g) => w.value.includes(g.value));
+      return !S(m) && M(m).some((g) => y.value.includes(g.value));
     }
     function b1(m) {
       const g = M(m).filter((d1) => !d1.disabled).map((d1) => d1.value);
-      let x = [...w.value];
+      let x = [...y.value];
       if (S(m)) x = x.filter((d1) => !g.includes(d1));
       else for (const d1 of g) x.includes(d1) || x.push(d1);
-      w.value = x, l("change", [...w.value]);
+      y.value = x, l("change", [...y.value]);
     }
-    const x1 = H(() => s.maxValues > 0 && w.value.length >= s.maxValues);
+    const x1 = H(() => s.maxValues > 0 && y.value.length >= s.maxValues);
     function B1(m) {
       const g = i2.value.find((x) => x.value === m);
       return g ? g.label : m;
@@ -5280,7 +5280,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) => w.value.includes(m.value))), u2(() => {
+      s.disabled || s.loading || (a1.value = !0, l("show"), p1.value = Math.max(0, b.value.findIndex((m) => y.value.includes(m.value))), u2(() => {
         try {
           const m = D.value;
           m && m.showPopover && !m.matches(":popover-open") && m.showPopover();
@@ -5292,27 +5292,27 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function X() {
       a1.value && (a1.value = !1, R.value = "", p1.value = -1, l("hide"), window.removeEventListener("scroll", c2, !0), window.removeEventListener("resize", c2));
     }
-    function Z() {
+    function w() {
       a1.value ? X() : C2();
     }
-    function y(m) {
+    function Z(m) {
       if (!m.disabled)
         if (s.multiple) {
-          const g = w.value.indexOf(m.value);
-          if (g >= 0) w.value.splice(g, 1);
+          const g = y.value.indexOf(m.value);
+          if (g >= 0) y.value.splice(g, 1);
           else {
             if (x1.value) return;
-            w.value.push(m.value);
+            y.value.push(m.value);
           }
-          w.value = [...w.value], l("change", [...w.value]);
+          y.value = [...y.value], l("change", [...y.value]);
         } else
-          w.value = [m.value], l("change", m.value), X();
+          y.value = [m.value], l("change", m.value), X();
     }
     function Q() {
-      w.value = N.value ? [] : s.maxValues > 0 ? _.value.slice(0, s.maxValues) : [..._.value], l("change", [...w.value]);
+      y.value = N.value ? [] : s.maxValues > 0 ? _.value.slice(0, s.maxValues) : [..._.value], l("change", [...y.value]);
     }
     function w1(m) {
-      m && m.stopPropagation(), w.value = [], l("change", s.multiple ? [] : "");
+      m && m.stopPropagation(), y.value = [], l("change", s.multiple ? [] : "");
     }
     function i1() {
       y1.value = !0, E1.value = "", u2(() => {
@@ -5324,7 +5324,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 ? (w.value.includes(m) || (w.value = [...w.value, m]), l("change", [...w.value])) : (w.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 ? (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));
     }
     function d2(m) {
       R.value = m.target.value, p1.value = 0, l("search", R.value), u2(R1);
@@ -5343,7 +5343,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 && y(g);
+        g && Z(g);
       }
     }
     function R3(m) {
@@ -5357,9 +5357,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 && w.value.length && !s.disabled && !s.loading), z2 = H(() => w.value.length ? B1(w.value[0]) : ""), g3 = H(() => Math.max(0, w.value.length - 1)), X2 = H(() => z2.value + (g3.value ? ` (+${g3.value})` : ""));
+    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})` : ""));
     function j3(m) {
-      if (a1.value || !s.multiple || w.value.length < 2) return;
+      if (a1.value || !s.multiple || y.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 +5384,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         onFocusout: w4
       }, [
         e.multiple && e.disabled ? (n(), i("div", z7, [
-          w.value.length ? (n(), i(A, { key: 0 }, [
-            (n(!0), i(A, null, s1(w.value.slice(0, e.maxItems), (P) => (n(), i("span", {
+          y.value.length ? (n(), i($, { key: 0 }, [
+            (n(!0), i($, null, s1(y.value.slice(0, e.maxItems), (P) => (n(), i("span", {
               class: "pill",
               key: P
             }, L(B1(P)), 1))), 128)),
-            w.value.length > e.maxItems ? (n(), i("span", {
+            y.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(w.value.length - e.maxItems) + " ", 1),
+              $1(" +" + L(y.value.length - e.maxItems) + " ", 1),
               k1.value ? (n(), i("div", T7, [
-                (n(!0), i(A, null, s1(w.value.slice(e.maxItems), (P) => (n(), i("div", {
+                (n(!0), i($, null, s1(y.value.slice(e.maxItems), (P) => (n(), i("div", {
                   class: "pill-pop-item",
                   key: P
                 }, L(B1(P)), 1))), 128))
@@ -5407,28 +5407,28 @@ 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: !w.value.length }]),
-          onClick: Z,
+          class: B(["t-text", { ph: !y.value.length }]),
+          onClick: w,
           onMouseenter: j3,
           onMouseleave: N3
-        }, L(w.value.length ? e.multiple ? X2.value : z2.value : A1.value), 35)) : J1.value === "chip" ? (n(), i("button", {
+        }, L(y.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: Z
+          onClick: w
         }, [
           d("span", {
-            class: B({ ph: !w.value.length })
-          }, L(w.value.length ? e.multiple ? X2.value : z2.value : A1.value), 3)
+            class: B({ ph: !y.value.length })
+          }, L(y.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 }]),
           disabled: e.disabled,
-          onClick: Z
+          onClick: w
         }, [
           d("span", {
-            class: B({ ph: !w.value.length && !e.triggerLabel })
-          }, L(e.triggerLabel || (w.value.length ? e.multiple ? X2.value : z2.value : A1.value)), 3),
+            class: B({ ph: !y.value.length && !e.triggerLabel })
+          }, L(e.triggerLabel || (y.value.length ? e.multiple ? X2.value : z2.value : A1.value)), 3),
           q(x, {
             class: B(["chev", { up: a1.value }]),
             name: e.triggerIcon || "chevronDown",
@@ -5436,26 +5436,26 @@ 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: w.value.length, open: a1.value, bordered: a.value }]),
+          class: B(["t-icon", { on: y.value.length, open: a1.value, bordered: a.value }]),
           disabled: e.disabled,
           "aria-label": e.triggerLabel || A1.value,
-          onClick: Z
+          onClick: w
         }, [
           q(x, {
             name: e.triggerIcon || (a.value ? "eye" : "ellipsisV"),
             size: "16"
           }, null, 8, ["name"]),
-          e.multiple && w.value.length ? (n(), i("span", B7, L(w.value.length), 1)) : V("", !0)
+          e.multiple && y.value.length ? (n(), i("span", B7, L(y.value.length), 1)) : V("", !0)
         ], 10, D7)) : (n(), i("button", {
           key: 5,
           class: B(["trig", { open: a1.value }]),
           disabled: e.disabled,
-          onClick: Z,
+          onClick: w,
           onMouseenter: g[1] || (g[1] = (P) => G.value = !0),
           onMouseleave: g[2] || (g[2] = (P) => G.value = !1)
         }, [
           d("span", I7, [
-            w.value.length ? (n(), i("span", j7, L(e.multiple ? X2.value : z2.value), 1)) : (n(), i("span", N7, L(A1.value), 1))
+            y.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 +5478,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 && w.value.length > 1 ? (n(), i("div", {
+        g1.value && !a1.value && e.textOnly && e.multiple && y.value.length > 1 ? (n(), i("div", {
           key: 6,
           class: "val-pop",
           style: Z1(v1.value)
         }, [
-          (n(!0), i(A, null, s1(w.value, (P) => (n(), i("div", {
+          (n(!0), i($, null, s1(y.value, (P) => (n(), i("div", {
             key: P,
             class: "val-pop-item"
           }, L(B1(P)), 1))), 128))
@@ -5499,14 +5499,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(A, null, s1(o.value, (P, L1) => (n(), i("div", {
+              (n(!0), i($, 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) => $(L1), ["prevent"]),
+                onDrop: m1((G1) => A(L1), ["prevent"]),
                 onDragend: j
               }, [
                 q(x, {
@@ -5619,15 +5619,15 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               role: "listbox",
               "aria-multiselectable": e.multiple
             }, [
-              f.value ? (n(), i(A, { key: 0 }, [
-                (n(!0), i(A, null, s1(C1.value, (P) => (n(), i("button", {
+              f.value ? (n(), i($, { key: 0 }, [
+                (n(!0), i($, 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 && w.value.includes(P.value), dis: P.disabled }]),
+                  class: B(["mopt tnode", { branch: P.__branch, on: !P.__branch && y.value.includes(P.value), dis: P.disabled }]),
                   style: Z1({ paddingLeft: 12 + P.__level * 18 + "px" }),
                   role: "option",
-                  "aria-selected": !P.__branch && w.value.includes(P.value),
-                  onClick: (L1) => P.__branch ? u1(P) : y(P)
+                  "aria-selected": !P.__branch && y.value.includes(P.value),
+                  onClick: (L1) => P.__branch ? u1(P) : Z(P)
                 }, [
                   d("span", oe, [
                     P.__branch ? (n(), _1(x, {
@@ -5639,9 +5639,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: w.value.includes(P.value) }]),
+                    class: B(["cbx", P.__branch ? { ck: S(P), ind: e1(P) } : { ck: y.value.includes(P.value) }]),
                     "aria-hidden": "true",
-                    onClick: m1((L1) => P.__branch ? b1(P) : y(P), ["stop"])
+                    onClick: m1((L1) => P.__branch ? b1(P) : Z(P), ["stop"])
                   }, null, 10, re)) : V("", !0),
                   P.avatar ? (n(), i("span", {
                     key: 1,
@@ -5652,7 +5652,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: 0,
                       src: P.avatar,
                       alt: ""
-                    }, null, 8, ne)) : (n(), i(A, { key: 1 }, [
+                    }, null, 8, ne)) : (n(), i($, { key: 1 }, [
                       $1(L(O(P.label)), 1)
                     ], 64))
                   ], 2)) : V("", !0),
@@ -5686,13 +5686,13 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   }, null, -1),
                   $1("No data", -1)
                 ])]))
-              ], 64)) : (n(), i(A, { key: 1 }, [
-                (n(!0), i(A, null, s1(b.value, (P, L1) => (n(), i("button", {
+              ], 64)) : (n(), i($, { key: 1 }, [
+                (n(!0), i($, null, s1(b.value, (P, L1) => (n(), i("button", {
                   key: P.value,
-                  class: B(["mopt", { on: w.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
+                  class: B(["mopt", { on: y.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
                   role: "option",
-                  "aria-selected": w.value.includes(P.value),
-                  onClick: (G1) => y(P),
+                  "aria-selected": y.value.includes(P.value),
+                  onClick: (G1) => Z(P),
                   onMouseenter: (G1) => {
                     o1.value = L1, p1.value = L1;
                   },
@@ -5700,7 +5700,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   e.multiple ? (n(), i("span", {
                     key: 0,
-                    class: B(["cbx", { ck: w.value.includes(P.value) }]),
+                    class: B(["cbx", { ck: y.value.includes(P.value) }]),
                     "aria-hidden": "true"
                   }, null, 2)) : V("", !0),
                   P.avatar ? (n(), i("span", {
@@ -5712,7 +5712,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: 0,
                       src: P.avatar,
                       alt: ""
-                    }, null, 8, ue)) : (n(), i(A, { key: 1 }, [
+                    }, null, 8, ue)) : (n(), i($, { key: 1 }, [
                       $1(L(O(P.label)), 1)
                     ], 64))
                   ], 2)) : V("", !0),
@@ -5749,7 +5749,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])]))
               ], 64))
             ], 8, ce),
-            e.multiple && w.value.length ? (n(), i("div", ge, [
+            e.multiple && y.value.length ? (n(), i("div", ge, [
               d("button", {
                 class: "clearbtn",
                 onClick: w1
@@ -5764,7 +5764,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(A, { key: 0 }, [
+            F3.value ? (n(), i($, { 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 +5795,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(A, { key: 0 }, [
+      e.shape === "dot" ? (n(), i($, { key: 0 }, [
         d("span", {
           class: "dot",
           style: Z1(a.value),
@@ -5863,59 +5863,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 = (w) => String(w || "").split(",").map((f1) => f1.trim()).filter(Boolean), r = H(() => Array.isArray(s.options) ? s.options.map((w) => typeof w == "string" ? { value: w, label: w } : { value: w.value, label: w.label ?? w.text ?? w.value }) : o(s.options).map((w) => {
-      const f1 = w.indexOf(":");
-      return f1 > 0 ? { value: w.slice(0, f1), label: w.slice(f1 + 1) } : { value: w, label: w };
-    })), a = (w) => {
-      const f1 = r.value.find((V1) => V1.value === w);
-      return f1 ? f1.label : w;
+    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;
     }, p = s2(), h = /* @__PURE__ */ U(o(s.value));
-    K1(() => s.value, (w) => {
-      h.value = o(w);
-    }), K1(h, (w) => {
+    K1(() => s.value, (y) => {
+      h.value = o(y);
+    }), K1(h, (y) => {
       if (!p) return;
-      const f1 = w.join(",");
+      const f1 = y.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), $ = H(() => s.lowercase !== "false" && s.lowercase !== !1);
-    function j(w) {
-      const f1 = w.trim();
-      return c.value ? f1 : $.value ? f1.toLowerCase() : f1;
+    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 t1 = H(() => s.placeholder || (c.value ? "Select" : "Add Tags")), l1 = H(() => !s.disabled && !s.loading), J = H(() => {
-      const w = u.value.trim().toLowerCase();
+      const y = u.value.trim().toLowerCase();
       if (c.value)
-        return r.value.filter((v1) => !h.value.includes(v1.value) && (!w || v1.label.toLowerCase().includes(w) || v1.value.toLowerCase().includes(w)));
-      const f1 = h.value.map((v1) => v1.toLowerCase()), V1 = o(s.suggestions).filter((v1) => !f1.includes(v1.toLowerCase()) && (!w || v1.toLowerCase().includes(w))), g1 = [];
-      w && !f1.includes(j(u.value)) && !V1.some((v1) => v1.toLowerCase() === w) && g1.push({ label: u.value.trim(), value: j(u.value), create: !0 });
+        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 });
       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(w) {
-      h.value = w, l("change", h.value);
+    function z(y) {
+      h.value = y, l("change", h.value);
     }
-    function E(w) {
-      h.value.includes(w) || z([...h.value, w]), u.value = "", C.value = 0;
+    function E(y) {
+      h.value.includes(y) || z([...h.value, y]), u.value = "", C.value = 0;
     }
-    function a1(w) {
-      const f1 = j(w);
+    function a1(y) {
+      const f1 = j(y);
       f1 && (h.value.includes(f1) || z([...h.value, f1]), u.value = "", C.value = 0);
     }
-    function R(w) {
-      z(h.value.filter((f1, V1) => V1 !== w));
+    function R(y) {
+      z(h.value.filter((f1, V1) => V1 !== y));
     }
     function p1() {
       v.value = !0, C.value = 0;
     }
-    function o1(w) {
-      if (w.key === "Enter" || w.key === "," && !c.value) {
-        w.preventDefault();
+    function o1(y) {
+      if (y.key === "Enter" || y.key === "," && !c.value) {
+        y.preventDefault();
         const f1 = J.value[C.value];
         c.value ? f1 && E(f1.value) : a1(f1 ? f1.value : u.value);
-      } else w.key === "ArrowDown" ? (w.preventDefault(), v.value = !0, C.value = Math.min(C.value + 1, J.value.length - 1)) : w.key === "ArrowUp" ? (w.preventDefault(), C.value = Math.max(C.value - 1, 0)) : w.key === "Escape" ? v.value = !1 : w.key === "Backspace" && !u.value && h.value.length && R(h.value.length - 1);
+      } 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);
     }
     function G() {
       !s.disabled && k.value && (k.value.focus(), v.value = !0);
@@ -5925,19 +5925,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         v.value = !1, c.value || a1(u.value);
       }, 150);
     }
-    function y1(w) {
-      c.value ? E(w.value) : a1(w.value), k.value && k.value.focus();
+    function y1(y) {
+      c.value ? E(y.value) : a1(y.value), k.value && k.value.focus();
     }
     function E1() {
       v.value ? v.value = !1 : G();
     }
-    return (w, f1) => {
+    return (y, 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(A, null, s1(h.value, (g1, v1) => (n(), i("span", {
+        (n(!0), i($, null, s1(h.value, (g1, v1) => (n(), i("span", {
           key: g1 + v1,
           class: "pill"
         }, [
@@ -5986,7 +5986,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(A, null, s1(J.value, (g1, v1) => (n(), i("li", {
+          (n(!0), i($, null, s1(J.value, (g1, v1) => (n(), i("li", {
             key: g1.value,
             class: B(["mi", { active: v1 === C.value }]),
             role: "option",
@@ -6036,7 +6036,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(A, null, s1(t.value, (o) => (n(), i("span", {
+          (n(!0), i($, null, s1(t.value, (o) => (n(), i("span", {
             key: o,
             class: B(["nico", { on: o === 2 }])
           }, null, 2))), 128))
@@ -6046,7 +6046,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(A, null, s1(s.value, (o) => (n(), i("div", {
+            (n(!0), i($, null, s1(s.value, (o) => (n(), i("div", {
               key: o,
               class: "line",
               style: Z1({ width: o === 6 ? "55%" : "100%" })
@@ -6062,7 +6062,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(A, null, s1(t.value, (o) => (n(), i("span", {
+        (n(!0), i($, null, s1(t.value, (o) => (n(), i("span", {
           key: o,
           class: B(["nico", { on: o === 2 }])
         }, null, 2))), 128))
@@ -6080,7 +6080,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(A, null, s1(s.value, (o) => (n(), i("div", {
+            (n(!0), i($, null, s1(s.value, (o) => (n(), i("div", {
               key: o,
               class: "line",
               style: Z1({ width: o === 6 ? "55%" : "100%" })
@@ -6108,12 +6108,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         class: "row",
         style: Z1({ gap: o.value })
       }, [
-        (n(!0), i(A, null, s1(c.value, (p) => (n(), i("div", {
+        (n(!0), i($, null, s1(c.value, (p) => (n(), i("div", {
           key: p,
           class: "cell"
         }, L(s.value), 1))), 128))
       ], 4),
-      e.autoSize ? (n(), i(A, { key: 0 }, [
+      e.autoSize ? (n(), i($, { key: 0 }, [
         a[1] || (a[1] = d("div", { class: "hint" }, [
           $1("A filling field + two "),
           d("code", null, "auto-size"),
@@ -6165,7 +6165,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(A, null, s1(4, (o) => d("span", {
+          (n(), i($, null, s1(4, (o) => d("span", {
             key: o,
             class: "brow"
           })), 64))
@@ -6188,21 +6188,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(A, { key: 1 }, [
+        e.shape === "single" ? (n(), i("div", ht)) : e.shape === "two-pane" ? (n(), i($, { 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(A, { key: 2 }, [
+        ], 64)) : e.shape === "master-detail" ? (n(), i($, { 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(A, null, s1(4, (o) => d("div", {
+          (n(), i($, null, s1(4, (o) => d("div", {
             key: o,
             class: "bx sol"
           })), 64))
-        ])) : e.shape === "three-pane" ? (n(), i(A, { key: 4 }, [
+        ])) : e.shape === "three-pane" ? (n(), i($, { key: 4 }, [
           c[9] || (c[9] = d("div", {
             class: "bx sol",
             style: { width: "18%" }
@@ -6212,7 +6212,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(A, { key: 5 }, [
+        ], 64)) : (n(), i($, { key: 5 }, [
           c[12] || (c[12] = d("div", {
             class: "bx sol",
             style: { height: "40%", flex: "none" }
@@ -6255,10 +6255,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(A, { key: 1 }, [
+      ])])) : (n(), i($, { key: 1 }, [
         l.value.nav ? (n(), i("div", yt, [
           r[1] || (r[1] = d("span", { class: "logo" }, null, -1)),
-          (n(), i(A, null, s1(6, (a) => d("span", {
+          (n(), i($, null, s1(6, (a) => d("span", {
             key: a,
             class: B(["nico", { on: a === 2 }])
           }, null, 2)), 64))
@@ -6271,7 +6271,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(A, null, s1(c, (a, p) => d("div", {
+              (n(), i($, null, s1(c, (a, p) => d("div", {
                 key: p,
                 class: "trow",
                 style: Z1({ marginLeft: a.i * 14 + "px" })
@@ -6281,7 +6281,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(A, null, s1(6, (a) => d("div", {
+              (n(), i($, null, s1(6, (a) => d("div", {
                 key: a,
                 class: B(["mrow", { on: a === 2 }])
               }, null, 2)), 64))
@@ -6289,7 +6289,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(A, null, s1(5, (a) => d("div", {
+              (n(), i($, null, s1(5, (a) => d("div", {
                 key: a,
                 class: "line",
                 style: Z1({ width: a === 5 ? "55%" : "100%" })
@@ -6319,11 +6319,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(A, { key: 0 }, [
+          s.value === "list" ? (n(), i($, { 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(A, null, s1(5, (o) => d("div", {
+              (n(), i($, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "trow"
               })), 64))
@@ -6334,21 +6334,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(A, { key: 1 }, [
+          ], 64)) : s.value === "form" ? (n(), i($, { 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(A, { key: 2 }, [
+          ], 64)) : s.value === "detail" ? (n(), i($, { 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(A, { key: 3 }, [
+          ], 64)) : s.value === "dashboard" ? (n(), i($, { 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(A, null, s1(4, (o) => d("div", {
+              (n(), i($, null, s1(4, (o) => d("div", {
                 key: o,
                 class: "tile"
               })), 64))
             ])
           ], 64)) : s.value === "explorer" ? (n(), i("div", Pt, [
             d("div", Et, [
-              (n(), i(A, null, s1(5, (o) => d("div", {
+              (n(), i($, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "lbar",
                 style: Z1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
@@ -6358,10 +6358,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(A, { key: 5 }, [
+          ])) : s.value === "wizard" ? (n(), i($, { 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(A, null, s1(3, (o) => d("div", {
+              (n(), i($, null, s1(3, (o) => d("div", {
                 key: o,
                 class: "wfield"
               })), 64))
@@ -6378,7 +6378,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ], -1))
           ], 64)) : (n(), i("div", Bt, [
             d("div", Rt, [
-              (n(), i(A, null, s1(5, (o) => d("div", {
+              (n(), i($, null, s1(5, (o) => d("div", {
                 key: o,
                 class: "lbar",
                 style: Z1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
@@ -6431,7 +6431,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(A, null, s1(4, (o) => d("div", {
+          (n(), i($, null, s1(4, (o) => d("div", {
             key: o,
             class: "bar"
           })), 64))
@@ -6456,19 +6456,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(A, null, s1(4, (o) => d("div", {
+        (n(), i($, null, s1(4, (o) => d("div", {
           key: o,
           class: "bar faded"
         })), 64))
       ])) : s.value === "dash" ? (n(), i("div", Xt, [
-        (n(), i(A, null, s1(4, (o) => d("div", {
+        (n(), i($, 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(A, null, s1(4, (o) => d("div", {
+        (n(), i($, null, s1(4, (o) => d("div", {
           key: o,
           class: "brow"
         }, [
@@ -6489,7 +6489,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(A, null, s1(3, (o) => d("div", {
+            (n(), i($, null, s1(3, (o) => d("div", {
               key: o,
               class: "bar"
             })), 64))
@@ -6504,7 +6504,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("span", { class: "bar f1" })
           ], -1)),
           d("div", os, [
-            (n(), i(A, null, s1(3, (o) => d("div", {
+            (n(), i($, null, s1(3, (o) => d("div", {
               key: o,
               class: "bar"
             })), 64))
@@ -6681,7 +6681,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), $ = /* @__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), 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);
     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 +6693,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, $.value + 1, 1);
-      return [p1(k.value, $.value), p1(g.getFullYear(), g.getMonth())];
+      const g = new Date(k.value, A.value + 1, 1);
+      return [p1(k.value, A.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 +6709,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function E1() {
       C.value = "custom", h.value = !1;
     }
-    function w(g) {
+    function y(g) {
       g.stopPropagation(), C.value = null, h.value = !1;
     }
     function f1(g) {
@@ -6722,12 +6722,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, $.value - 1, 1);
-      k.value = g.getFullYear(), $.value = g.getMonth();
+      const g = new Date(k.value, A.value - 1, 1);
+      k.value = g.getFullYear(), A.value = g.getMonth();
     }
     function v1() {
-      const g = new Date(k.value, $.value + 1, 1);
-      k.value = g.getFullYear(), $.value = g.getMonth();
+      const g = new Date(k.value, A.value + 1, 1);
+      k.value = g.getFullYear(), A.value = g.getMonth();
     }
     function q1(g, x) {
       x.stopPropagation(), z.value = z.value === g ? null : g;
@@ -6736,7 +6736,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) {
-      $.value = g, v.value = null;
+      A.value = g, v.value = null;
     }
     function c1(g) {
       k.value = g, v.value = "month";
@@ -6775,7 +6775,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, $.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, 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(() => {
       if (!W.value) return "";
       const g = new Date(W.value);
       return `${e1(g.getDate())}/${e1(g.getMonth() + 1)}/${g.getFullYear()}`;
@@ -6788,10 +6788,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       const g = /* @__PURE__ */ new Date(), x = g.getHours();
       K.value = x % 12 || 12, O.value = g.getMinutes(), u1.value = x < 12 ? "AM" : "PM";
     }
-    function Z() {
+    function w() {
       s.disabled || (T.value = !T.value, T.value && (Y.value = M.value ? "time" : "date"), T.value && M.value && !b1.value && X());
     }
-    function y(g) {
+    function Z(g) {
       return {
         muted: !g.cur,
         sel: g.cur && W.value === g.ts,
@@ -6874,7 +6874,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       }, [
         d("span", {
           class: B(["field", { disabled: e.disabled, open: T.value }]),
-          onClick: Z
+          onClick: w
         }, [
           d("span", {
             class: B(["field-ph", { filled: C2.value }])
@@ -6943,18 +6943,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ])
             ]),
             d("div", ks, [
-              (n(), i(A, null, s1(p, (F) => d("div", {
+              (n(), i($, null, s1(p, (F) => d("div", {
                 key: F,
                 class: "wd"
               }, L(F), 1)), 64))
             ]),
-            (n(!0), i(A, null, s1(S.value.weeks, (F, P) => (n(), i("div", {
+            (n(!0), i($, null, s1(S.value.weeks, (F, P) => (n(), i("div", {
               key: P,
               class: "wgrid7"
             }, [
-              (n(!0), i(A, null, s1(F, (L1, G1) => (n(), i("div", { key: G1 }, [
+              (n(!0), i($, null, s1(F, (L1, G1) => (n(), i("div", { key: G1 }, [
                 d("div", {
-                  class: B(["fday", y(L1)]),
+                  class: B(["fday", Z(L1)]),
                   onClick: m1((V2) => Q(L1), ["stop"])
                 }, L(L1.d), 11, Hs)
               ]))), 128))
@@ -6967,7 +6967,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colH",
                 ref: X2
               }, [
-                (n(!0), i(A, null, s1(x2(r1), (F) => (n(), i("div", {
+                (n(!0), i($, 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 +6978,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colM",
                 ref: j3
               }, [
-                (n(!0), i(A, null, s1(x2(h1), (F) => (n(), i("div", {
+                (n(!0), i($, 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 +6989,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ref_key: "colA",
                 ref: N3
               }, [
-                (n(), i(A, null, s1(["AM", "PM"], (F) => d("div", {
+                (n(), i($, null, s1(["AM", "PM"], (F) => d("div", {
                   key: F,
                   class: B(["srow", { on: u1.value === F }]),
                   onClick: m1((P) => R3(F), ["stop"])
@@ -7004,7 +7004,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(A, { key: 1 }, [
+            }, "Today")) : (n(), i($, { key: 1 }, [
               d("span", {
                 class: "link",
                 onClick: m1(i1, ["stop"])
@@ -7031,7 +7031,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ref: e2,
           class: "rail"
         }, [
-          (n(!0), i(A, null, s1(x2(J1), (F) => (n(), i("div", {
+          (n(!0), i($, null, s1(x2(J1), (F) => (n(), i("div", {
             key: F,
             class: "tick",
             style: Z1({ left: F / 99 * 100 + "%" })
@@ -7050,7 +7050,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(A, null, s1(i2.value, (F) => (n(), i("div", {
+          (n(!0), i($, null, s1(i2.value, (F) => (n(), i("div", {
             key: "l" + F.pct,
             class: "tlabel",
             style: Z1({ left: F.pct + "%" })
@@ -7070,7 +7070,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(A, { key: 0 }, [
+            R.value ? (n(), i($, { 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 +7079,14 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "timesCircle",
                 size: "12",
                 class: "clr",
-                onClick: m1(w, ["stop"])
+                onClick: m1(y, ["stop"])
               })) : (n(), _1(d1, {
                 key: 1,
                 name: "chevronDown",
                 size: "12",
                 class: "chev"
               }))
-            ], 64)) : (n(), i(A, { key: 1 }, [
+            ], 64)) : (n(), i($, { key: 1 }, [
               q(d1, {
                 name: "calendar",
                 size: "14",
@@ -7096,7 +7096,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(A, null, s1(r, (F) => d("a", {
+            (n(), i($, null, s1(r, (F) => d("a", {
               key: F.k,
               class: B(["prow", { active: C.value === F.k }]),
               onClick: (P) => y1(F.k)
@@ -7146,9 +7146,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])
               ]),
               d("div", oc, [
-                (n(), i(A, null, s1(o, (F, P) => d("div", {
+                (n(), i($, null, s1(o, (F, P) => d("div", {
                   key: F,
-                  style: Z1(U1(P === $.value)),
+                  style: Z1(U1(P === A.value)),
                   onClick: (L1) => n1(P)
                 }, L(F), 13, rc)), 64))
               ])
@@ -7175,21 +7175,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])
               ]),
               d("div", ic, [
-                (n(!0), i(A, null, s1(G.value, (F) => (n(), i("div", {
+                (n(!0), i($, 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(A, { key: 0 }, [
+            ])) : (n(), i($, { key: 0 }, [
               d("div", js, [
-                (n(!0), i(A, null, s1(o1.value, (F, P) => (n(), i("div", {
+                (n(!0), i($, 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(A, { key: 0 }, [
+                      P === 0 ? (n(), i($, { key: 0 }, [
                         d("span", {
                           class: "navbtn",
                           onClick: x[8] || (x[8] = (L1) => k.value--)
@@ -7222,7 +7222,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       }, L(F.y), 1)
                     ]),
                     d("span", Ws, [
-                      P === 1 ? (n(), i(A, { key: 0 }, [
+                      P === 1 ? (n(), i($, { key: 0 }, [
                         d("span", {
                           class: "navbtn",
                           onClick: x[12] || (x[12] = (L1) => v1())
@@ -7245,16 +7245,16 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     ])
                   ]),
                   d("div", Ks, [
-                    (n(), i(A, null, s1(p, (L1) => d("div", {
+                    (n(), i($, null, s1(p, (L1) => d("div", {
                       key: L1,
                       class: "wd"
                     }, L(L1), 1)), 64))
                   ]),
-                  (n(!0), i(A, null, s1(F.weeks, (L1, G1) => (n(), i("div", {
+                  (n(!0), i($, null, s1(F.weeks, (L1, G1) => (n(), i("div", {
                     key: G1,
                     class: "wgrid"
                   }, [
-                    (n(!0), i(A, null, s1(L1, (V2, Q2) => (n(), i("div", { key: Q2 }, [
+                    (n(!0), i($, null, s1(L1, (V2, Q2) => (n(), i("div", { key: Q2 }, [
                       d("div", {
                         style: Z1(V1(V2)),
                         onClick: (p8) => f1(V2)
@@ -7278,7 +7278,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     })
                   ]),
                   z.value === "from" ? (n(), i("div", Ys, [
-                    (n(!0), i(A, null, s1(x2(a), (F) => (n(), i("div", {
+                    (n(!0), i($, null, s1(x2(a), (F) => (n(), i("div", {
                       key: F,
                       class: B(["trow", { active: J.value === F }]),
                       onClick: (P) => A1(F)
@@ -7301,7 +7301,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     })
                   ]),
                   z.value === "to" ? (n(), i("div", ec, [
-                    (n(!0), i(A, null, s1(x2(a), (F) => (n(), i("div", {
+                    (n(!0), i($, null, s1(x2(a), (F) => (n(), i("div", {
                       key: F,
                       class: B(["trow", { active: D.value === F }]),
                       onClick: (P) => A1(F)
@@ -7368,16 +7368,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 = (Z, y) => {
-      if (Array.isArray(Z)) return Z;
-      if (typeof Z == "string" && Z.trim())
+    const s = e, l = t, c = s2(), o = (w, Z) => {
+      if (Array.isArray(w)) return w;
+      if (typeof w == "string" && w.trim())
         try {
-          const Q = JSON.parse(Z);
-          return Array.isArray(Q) ? Q : y;
+          const Q = JSON.parse(w);
+          return Array.isArray(Q) ? Q : Z;
         } catch {
-          return y;
+          return Z;
         }
-      return y;
+      return Z;
     }, r = ["Monitor", "Host Name", "IP Address", "Vendor", "Object Type", "Severity", "Status", "Source", "Group", "Interface"], a = [
       { k: "=", l: "Equals" },
       { k: "!=", l: "Not Equals" },
@@ -7392,41 +7392,41 @@ 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 = (Z) => JSON.parse(JSON.stringify(Z)), 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({
+    ], 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({
       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(() => $.value === "pre" ? 3 : 1), D = H(() => t1.value ? t1.value[$.value] : null), z = (Z) => {
-      const y = a.find((Q) => Q.k === Z);
-      return y ? y.l : Z;
+    }), 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;
     };
-    function E(Z) {
-      if (!Z || !Z.groups) return "";
-      const y = Z.condition === "or" ? "OR" : "AND", Q = Z.groups.map((w1) => {
+    function E(w) {
+      if (!w || !w.groups) return "";
+      const Z = 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(" " + y + " ") : Q[0] : "";
+      return Q.length ? Q.length > 1 ? Q.map((w1) => "(" + w1 + ")").join(" " + Z + " ") : Q[0] : "";
     }
-    const a1 = H(() => j.value ? ["pre", "post"].map((Z) => E(j.value[Z])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
+    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() {
       k.value || (t1.value = p(j.value || C())), k.value = !k.value;
     }
-    function p1(Z) {
-      D.value.groups[Z].conditions.push(h());
+    function p1(w) {
+      D.value.groups[w].conditions.push(h());
     }
-    function o1(Z, y) {
-      D.value.groups[Z].conditions.splice(y, 1);
+    function o1(w, Z) {
+      D.value.groups[w].conditions.splice(Z, 1);
     }
     function G() {
       D.value.groups.push(u());
     }
-    function k1(Z) {
-      D.value.groups.splice(Z, 1);
+    function k1(w) {
+      D.value.groups.splice(w, 1);
     }
     function y1() {
       j.value = p(t1.value), k.value = !1;
@@ -7434,8 +7434,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 w() {
-      t1.value = { ...t1.value, [$.value]: j.value ? p(j.value[$.value]) : v() };
+    function y() {
+      t1.value = { ...t1.value, [A.value]: j.value ? p(j.value[A.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 }],
@@ -7464,122 +7464,122 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       { field: "group", operator: "is", value: ["MySQL", "PostgreSQL"] },
       { field: "severity", operator: "is", value: ["Down", "Warning"] },
       { 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((Z) => ({ ...Z })));
-    K1(() => s.value, (Z) => {
-      Z != null && (A1.value = o(Z, []).map((y) => ({ ...y })));
+    ], 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 })));
     });
     function n1() {
-      const Z = 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 }));
+      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 }));
       if (c)
         try {
-          const y = JSON.stringify(Z);
-          c.value !== y && (c.value = y);
+          const Z = JSON.stringify(w);
+          c.value !== Z && (c.value = Z);
         } catch {
         }
-      l("change", Z);
+      l("change", w);
     }
     const c1 = /* @__PURE__ */ U(null), H1 = /* @__PURE__ */ U(null), U1 = /* @__PURE__ */ U(null);
-    function y2(Z) {
+    function y2(w) {
       u2(() => {
-        const y = U1.value && U1.value.querySelectorAll(".chip-wrap")[Z];
-        if (!y) {
+        const Z = U1.value && U1.value.querySelectorAll(".chip-wrap")[w];
+        if (!Z) {
           H1.value = null;
           return;
         }
-        const Q = y.getBoundingClientRect();
+        const Q = Z.getBoundingClientRect();
         H1.value = { left: Math.round(Q.left), top: Math.round(Q.bottom + 6) };
       });
     }
-    const J1 = (Z) => q1.value.find((y) => y.key === Z), X1 = (Z) => {
-      for (const y in f1) {
-        const Q = f1[y].find((w1) => w1.k === Z);
+    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);
         if (Q) return Q;
       }
       return null;
-    }, o2 = (Z) => {
-      const y = J1(Z.field);
-      return y ? y.label : "Select Filter";
-    }, f2 = (Z) => {
-      const y = X1(Z.operator);
-      return y ? y.l : "";
-    }, e2 = (Z) => {
-      const y = X1(Z.operator);
-      return y && !y.noValue;
-    }, i2 = (Z) => {
-      const y = X1(Z.operator);
-      return y && y.multi;
-    }, f = (Z) => {
-      const y = Z.value;
-      return Array.isArray(y) ? y.length ? y.length === 1 ? y[0] : y[0] + " (+" + (y.length - 1) + ")" : "…" : y === "" || y == null ? "…" : y;
-    }, b = (Z) => !Z.operator, _ = (Z) => !b(Z) || !Z.field, N = (Z, y) => c1.value && c1.value.i === Z && c1.value.step === y, I = H(() => {
+    }, o2 = (w) => {
+      const Z = J1(w.field);
+      return Z ? Z.label : "Select Filter";
+    }, f2 = (w) => {
+      const Z = X1(w.operator);
+      return Z ? Z.l : "";
+    }, e2 = (w) => {
+      const Z = X1(w.operator);
+      return Z && !Z.noValue;
+    }, i2 = (w) => {
+      const Z = X1(w.operator);
+      return Z && Z.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(() => {
       if (!c1.value) return [];
-      const Z = A1.value[c1.value.i];
+      const w = A1.value[c1.value.i];
       if (c1.value.step === "field") return q1.value.map((Q) => ({ k: Q.key, l: Q.label }));
-      const y = J1(Z.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((Z) => {
-      if (!Z.field || !Z.operator) return !1;
-      if (!e2(Z)) return !0;
-      const y = Z.value;
-      return Array.isArray(y) ? y.length > 0 : y !== "" && y != null;
+      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 }));
+    }), 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;
     }));
-    function Y(Z, y, Q) {
+    function Y(w, Z, Q) {
       Q && Q.stopPropagation();
-      const w1 = A1.value[Z];
-      if (y === "field" && w1.dflt && w1.field && (y = "operator"), N(Z, y)) {
+      const w1 = A1.value[w];
+      if (Z === "field" && w1.dflt && w1.field && (Z = "operator"), N(w, Z)) {
         c1.value = null, H1.value = null;
         return;
       }
-      c1.value = { i: Z, step: y }, y2(Z);
+      c1.value = { i: w, step: Z }, y2(w);
     }
-    function W(Z) {
-      const { i: y, step: Q } = c1.value, w1 = A1.value[y];
+    function W(w) {
+      const { i: Z, step: Q } = c1.value, w1 = A1.value[Z];
       if (Q === "field")
-        w1.field = Z.k, w1.operator = "", w1.value = "", c1.value = { i: y, step: "operator" };
+        w1.field = w.k, w1.operator = "", w1.value = "", c1.value = { i: Z, step: "operator" };
       else if (Q === "operator")
-        w1.operator = Z.k, w1.value = i2(w1) ? [] : "", c1.value = e2(w1) && !i2(w1) ? { i: y, step: "value" } : null, i2(w1) && e2(w1) && K(y);
+        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);
       else if (i2(w1)) {
         const i1 = Array.isArray(w1.value) ? w1.value : [];
-        w1.value = i1.includes(Z.k) ? i1.filter((z1) => z1 !== Z.k) : [...i1, Z.k];
+        w1.value = i1.includes(w.k) ? i1.filter((z1) => z1 !== w.k) : [...i1, w.k];
       } else
-        w1.value = Z.k, c1.value = null;
+        w1.value = w.k, c1.value = null;
       A1.value = [...A1.value], n1(), c1.value ? y2(c1.value.i) : H1.value = null;
     }
-    function K(Z) {
+    function K(w) {
       u2(() => {
-        const y = () => {
-          const Q = U1.value && U1.value.querySelectorAll(".chip-wrap")[Z], w1 = Q && Q.querySelector(".valsel obs-select"), i1 = w1 && w1.shadowRoot && w1.shadowRoot.querySelector(".t-text");
+        const Z = () => {
+          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;
         };
-        y() || requestAnimationFrame(y);
+        Z() || requestAnimationFrame(Z);
       });
     }
-    const O = (Z, y) => {
-      const Q = A1.value[Z].value;
-      return Array.isArray(Q) ? Q.includes(y.k) : Q === y.k;
+    const O = (w, Z) => {
+      const Q = A1.value[w].value;
+      return Array.isArray(Q) ? Q.includes(Z.k) : Q === Z.k;
     };
-    function u1(Z) {
-      A1.value.splice(Z, 1), c1.value = null, H1.value = null, n1();
+    function u1(w) {
+      A1.value.splice(w, 1), c1.value = null, H1.value = null, n1();
     }
     function r1() {
       A1.value.push({ field: "", operator: "", value: "" });
-      const Z = A1.value.length - 1;
-      c1.value = { i: Z, step: "field" }, y2(Z);
+      const w = A1.value.length - 1;
+      c1.value = { i: w, step: "field" }, y2(w);
     }
     function h1() {
       A1.value = [], c1.value = null, H1.value = null, n1();
     }
-    function C1(Z) {
-      const y = J1(Z.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 })) : "[]";
+    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 M = (Z) => Array.isArray(Z.value) ? Z.value.join(",") : Z.value || "", S = (Z) => {
-      const y = J1(Z.field);
-      return !!(y && y.selectAll);
+    const M = (w) => Array.isArray(w.value) ? w.value.join(",") : w.value || "", S = (w) => {
+      const Z = J1(w.field);
+      return !!(Z && Z.selectAll);
     };
-    function e1(Z, y) {
-      const Q = y && y.detail, w1 = Array.isArray(Q) ? Q[0] : Q;
-      A1.value[Z].value = Array.isArray(w1) ? w1 : w1 == null || w1 === "" ? [] : [w1], n1();
+    function e1(w, Z) {
+      const Q = Z && Z.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([
       { n: "Backup Status", open: !0, rows: [{ n: "Successful", c: 5, i: "check-circle", col: "var(--secondary-green)" }, { n: "Failed", c: 3, i: "times-circle", col: "var(--secondary-red)" }] },
@@ -7588,17 +7588,17 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       { n: "Vendor", open: !1, rows: [{ n: "Huawei", c: 1 }, { n: "Cisco Systems", c: 6 }] },
       { n: "Template", open: !1, rows: [{ n: "Cisco", c: 3 }, { n: "sophos firewall", c: 1 }] }
     ]);
-    function R1(Z) {
-      Z.open = !Z.open;
+    function R1(w) {
+      w.open = !w.open;
     }
-    function c2(Z) {
-      x1.value = { ...x1.value, [Z]: !x1.value[Z] };
+    function c2(w) {
+      x1.value = { ...x1.value, [w]: !x1.value[w] };
     }
-    const C2 = (Z) => ({ "check-circle": "checkCircle", "times-circle": "timesCircle", sitemap: "sitemap", server: "server" })[Z] || "";
-    function X(Z) {
-      Z.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)));
+    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)));
     }
-    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (Z, y) => {
+    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (w, Z) => {
       const Q = T1("obs-icon"), w1 = T1("obs-select");
       return n(), i("div", {
         class: B(["fx", "k-" + e.kind])
@@ -7624,12 +7624,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           k.value ? (n(), i("div", {
             key: 0,
             class: "expr-pop",
-            onClick: y[3] || (y[3] = m1(() => {
+            onClick: Z[3] || (Z[3] = m1(() => {
             }, ["stop"]))
           }, [
             d("a", {
               class: "pop-close",
-              onClick: y[0] || (y[0] = (i1) => k.value = !1)
+              onClick: Z[0] || (Z[0] = (i1) => k.value = !1)
             }, [
               q(Q, {
                 name: "times",
@@ -7638,18 +7638,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ]),
             d("div", bc, [
-              (n(), i(A, null, s1(l1, (i1) => d("div", {
+              (n(), i($, null, s1(l1, (i1) => d("div", {
                 key: i1.k,
-                class: B(["tab", { on: $.value === i1.k }]),
-                onClick: (z1) => $.value = i1.k
+                class: B(["tab", { on: A.value === i1.k }]),
+                onClick: (z1) => A.value = i1.k
               }, L(i1.text), 11, mc)), 64))
             ]),
             J.value > 1 ? (n(), i("div", xc, [
               d("span", yc, [
                 Z2(d("select", {
-                  "onUpdate:modelValue": y[1] || (y[1] = (i1) => D.value.condition = i1),
+                  "onUpdate:modelValue": Z[1] || (Z[1] = (i1) => D.value.condition = i1),
                   class: "sel"
-                }, [...y[10] || (y[10] = [
+                }, [...Z[10] || (Z[10] = [
                   d("option", { value: "and" }, "All", -1),
                   d("option", { value: "or" }, "Any", -1)
                 ])], 512), [
@@ -7661,9 +7661,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   size: "10"
                 })
               ]),
-              y[11] || (y[11] = d("span", null, "Group(s) matching", -1))
+              Z[11] || (Z[11] = d("span", null, "Group(s) matching", -1))
             ])) : V("", !0),
-            (n(!0), i(A, null, s1(D.value.groups, (i1, z1) => (n(), i("div", {
+            (n(!0), i($, null, s1(D.value.groups, (i1, z1) => (n(), i("div", {
               key: z1,
               class: "grp"
             }, [
@@ -7672,7 +7672,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   Z2(d("select", {
                     "onUpdate:modelValue": (P1) => i1.inclusion = P1,
                     class: "sel"
-                  }, [...y[12] || (y[12] = [
+                  }, [...Z[12] || (Z[12] = [
                     d("option", { value: "include" }, "Include", -1),
                     d("option", { value: "exclude" }, "Exclude", -1)
                   ])], 8, Mc), [
@@ -7684,12 +7684,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "10"
                   })
                 ]),
-                y[14] || (y[14] = d("span", null, "Group matching", -1)),
+                Z[14] || (Z[14] = d("span", null, "Group matching", -1)),
                 d("span", kc, [
                   Z2(d("select", {
                     "onUpdate:modelValue": (P1) => i1.condition = P1,
                     class: "sel"
-                  }, [...y[13] || (y[13] = [
+                  }, [...Z[13] || (Z[13] = [
                     d("option", { value: "and" }, "All", -1),
                     d("option", { value: "or" }, "Any", -1)
                   ])], 8, Hc), [
@@ -7701,9 +7701,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "10"
                   })
                 ]),
-                y[15] || (y[15] = d("span", null, "Criteria", -1))
+                Z[15] || (Z[15] = d("span", null, "Criteria", -1))
               ]),
-              (n(!0), i(A, null, s1(i1.conditions, (P1, d2) => (n(), i("div", {
+              (n(!0), i($, null, s1(i1.conditions, (P1, d2) => (n(), i("div", {
                 key: d2,
                 class: "cond"
               }, [
@@ -7712,11 +7712,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     "onUpdate:modelValue": (Q1) => P1.operand = Q1,
                     class: "sel"
                   }, [
-                    y[16] || (y[16] = d("option", {
+                    Z[16] || (Z[16] = d("option", {
                       value: "",
                       disabled: ""
                     }, "Select Counter", -1)),
-                    (n(), i(A, null, s1(r, (Q1) => d("option", {
+                    (n(), i($, null, s1(r, (Q1) => d("option", {
                       key: Q1,
                       value: Q1
                     }, L(Q1), 9, _c)), 64))
@@ -7734,11 +7734,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     "onUpdate:modelValue": (Q1) => P1.operator = Q1,
                     class: "sel"
                   }, [
-                    y[17] || (y[17] = d("option", {
+                    Z[17] || (Z[17] = d("option", {
                       value: "",
                       disabled: ""
                     }, "Select Operator", -1)),
-                    (n(), i(A, null, s1(a, (Q1) => d("option", {
+                    (n(), i($, null, s1(a, (Q1) => d("option", {
                       key: Q1.k,
                       value: Q1.k
                     }, L(Q1.l), 9, Ac)), 64))
@@ -7799,19 +7799,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     name: "plus",
                     size: "11"
                   }),
-                  y[18] || (y[18] = $1("Add Condition", -1))
+                  Z[18] || (Z[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: y[2] || (y[2] = (P1) => G())
+                  onClick: Z[2] || (Z[2] = (P1) => G())
                 }, [
                   q(Q, {
                     class: "plus",
                     name: "plus",
                     size: "11"
                   }),
-                  y[19] || (y[19] = $1("Add New Group", -1))
+                  Z[19] || (Z[19] = $1("Add New Group", -1))
                 ])) : V("", !0)
               ]),
               D.value.groups.length > 1 ? (n(), i("a", {
@@ -7829,7 +7829,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("div", { class: "foot" }, [
               d("button", {
                 class: "btn ghost",
-                onClick: w
+                onClick: y
               }, "Reset"),
               d("button", {
                 class: "btn danger",
@@ -7844,7 +7844,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : e.kind === "bar" ? (n(), i("div", {
           key: 1,
           class: "bar",
-          onClick: y[9] || (y[9] = (i1) => {
+          onClick: Z[9] || (Z[9] = (i1) => {
             c1.value = null, H1.value = null;
           })
         }, [
@@ -7852,10 +7852,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: "bar-chips",
             ref_key: "barChipsEl",
             ref: U1,
-            onClick: y[5] || (y[5] = m1(() => {
+            onClick: Z[5] || (Z[5] = m1(() => {
             }, ["stop"]))
           }, [
-            (n(!0), i(A, null, s1(A1.value, (i1, z1) => (n(), i("span", {
+            (n(!0), i($, null, s1(A1.value, (i1, z1) => (n(), i("span", {
               key: z1,
               class: "chip-wrap"
             }, [
@@ -7872,7 +7872,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: y[4] || (y[4] = m1(() => {
+                  onClick: Z[4] || (Z[4] = m1(() => {
                   }, ["stop"]))
                 }, [
                   q(w1, {
@@ -7912,18 +7912,18 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "plus",
                 size: "12"
               }),
-              y[20] || (y[20] = d("span", { class: "pf-label" }, "Filter", -1))
+              Z[20] || (Z[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: y[6] || (y[6] = m1(() => {
+            onClick: Z[6] || (Z[6] = m1(() => {
             }, ["stop"]))
           }, [
             d("div", Kc, L(c1.value.step), 1),
-            (n(!0), i(A, null, s1(I.value, (i1) => (n(), i("div", {
+            (n(!0), i($, 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 +7941,15 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           T.value ? (n(), i("div", {
             key: 1,
             class: "bar-right",
-            onClick: y[8] || (y[8] = m1(() => {
+            onClick: Z[8] || (Z[8] = m1(() => {
             }, ["stop"]))
           }, [
             d("button", {
               class: "match-btn",
               title: "Click to toggle AND / OR",
-              onClick: y[7] || (y[7] = (i1) => V1.value = V1.value === "All Filters" ? "Any Filter" : "All Filters")
+              onClick: Z[7] || (Z[7] = (i1) => V1.value = V1.value === "All Filters" ? "Any Filter" : "All Filters")
             }, [
-              y[21] || (y[21] = d("span", { class: "muted" }, "Match", -1)),
+              Z[21] || (Z[21] = d("span", { class: "muted" }, "Match", -1)),
               d("span", Gc, L(V1.value), 1),
               q(Q, {
                 name: "sync",
@@ -7971,7 +7971,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             })
           ]),
           d("div", Qc, [
-            (n(), i(A, null, s1(b1, (i1) => d("div", {
+            (n(), i($, null, s1(b1, (i1) => d("div", {
               key: i1,
               class: "quick-row"
             }, [
@@ -7984,13 +7984,13 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ])), 64))
           ])
         ])) : e.kind === "row" ? (n(), i("div", el, [
-          (n(), i(A, null, s1(["Groups", "Severity", "Tags"], (i1) => d("div", {
+          (n(), i($, null, s1(["Groups", "Severity", "Tags"], (i1) => d("div", {
             key: i1,
             class: "frow-field"
           }, [
             d("div", tl, L(i1), 1),
             d("div", sl, [
-              y[22] || (y[22] = d("span", { class: "muted" }, "Select", -1)),
+              Z[22] || (Z[22] = d("span", { class: "muted" }, "Select", -1)),
               q(Q, {
                 class: "chev-static",
                 name: "chevronDown",
@@ -7998,7 +7998,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ])
           ])), 64)),
-          y[23] || (y[23] = d("div", { class: "frow-actions" }, [
+          Z[23] || (Z[23] = d("div", { class: "frow-actions" }, [
             d("button", { class: "btn ghost" }, "Reset"),
             d("button", { class: "btn primary" }, "Apply")
           ], -1)),
@@ -8017,11 +8017,11 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 size: "12",
                 class: "i12"
               }),
-              y[24] || (y[24] = d("span", null, "Search", -1))
+              Z[24] || (Z[24] = d("span", null, "Search", -1))
             ])
           ]),
           d("div", nl, [
-            (n(!0), i(A, null, s1(B1.value, (i1) => (n(), i("div", {
+            (n(!0), i($, null, s1(B1.value, (i1) => (n(), i("div", {
               key: i1.n,
               class: "vgroup"
             }, [
@@ -8037,7 +8037,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(A, null, s1(i1.rows, (z1) => (n(), i("label", {
+                (n(!0), i($, null, s1(i1.rows, (z1) => (n(), i("label", {
                   key: i1.n + z1.n,
                   class: "vrow"
                 }, [
@@ -8122,7 +8122,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" }] }
-    }, $ = H(() => k[s.footer] || null), j = H(() => !!($.value && ($.value.left || $.value.note))), t1 = H(() => v.value || !!$.value);
+    }, A = H(() => k[s.footer] || null), j = H(() => !!(A.value && (A.value.left || A.value.note))), t1 = H(() => v.value || !!A.value);
     function l1(G) {
       G.a && c("footer-action", { action: G.a }), G.close && E();
     }
@@ -8230,29 +8230,29 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               ref: C,
               onSlotchange: J
             }),
-            !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 || [], (w) => (n(), _1(E1, {
-                key: "l" + w.t,
-                variant: w.v,
-                outline: w.outline || null,
-                onClick: (f1) => l1(w)
+            !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)
               }, {
                 default: k2(() => [
-                  $1(L(w.t), 1)
+                  $1(L(y.t), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "outline", "onClick"]))), 128)),
               d("span", ml, [
-                (n(!0), i(A, null, s1($.value.right, (w, f1) => (n(), _1(E1, {
-                  key: "r" + w.t,
-                  variant: w.v,
-                  outline: w.outline || null,
-                  style: Z1(f1 < $.value.right.length - 1 ? "margin-right:8px" : ""),
-                  onClick: (V1) => l1(w)
+                (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)
                 }, {
                   default: k2(() => [
-                    $1(L(w.t), 1)
+                    $1(L(y.t), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant", "outline", "style", "onClick"]))), 128))
@@ -8886,14 +8886,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(""), $ = /* @__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(""), 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(() => {
       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 $.value === "selected" && (c1 = c1.filter((H1) => v.value.includes(z(H1)))), c1;
+      return A.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 +8912,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 w() {
-      v.value = [], $.value = "all", k1();
+    function y() {
+      v.value = [], A.value = "all", k1();
     }
     function f1(n1) {
       k.value = n1.target.value, l("search", k.value);
@@ -9005,12 +9005,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) => $.value = $.value === "selected" ? "all" : "selected")
-              }, L($.value === "selected" ? "View All" : "View Selected"), 1),
+                onClick: c1[0] || (c1[0] = (y2) => A.value = A.value === "selected" ? "all" : "selected")
+              }, L(A.value === "selected" ? "View All" : "View Selected"), 1),
               c1[1] || (c1[1] = d("span", { class: "sep" }, "|", -1)),
               d("a", {
                 class: "lnk",
-                onClick: w
+                onClick: y
               }, "Clear Selected")
             ])) : V("", !0)
           ]),
@@ -9086,7 +9086,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           }
       });
     }
-    function $() {
+    function A() {
       s.disabled || (p.value = !0, l("show"), k());
     }
     function j() {
@@ -9101,7 +9101,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       l("hide");
     }
     function t1() {
-      p.value ? j() : $();
+      p.value ? j() : A();
     }
     function l1(J) {
       if (!p.value) return;
@@ -9119,7 +9119,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         class: "menu inline",
         role: "menu"
       }, [
-        (n(!0), i(A, null, s1(r.value, (E, a1) => (n(), i(A, null, [
+        (n(!0), i($, null, s1(r.value, (E, a1) => (n(), i($, null, [
           E.divider ? (n(), i("div", {
             key: "d" + a1,
             class: "mdiv",
@@ -9182,7 +9182,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           style: Z1(v.value),
           role: "menu"
         }, [
-          (n(!0), i(A, null, s1(r.value, (E, a1) => (n(), i(A, null, [
+          (n(!0), i($, null, s1(r.value, (E, a1) => (n(), i($, null, [
             E.divider ? (n(), i("div", {
               key: "d" + a1,
               class: "mdiv",
@@ -9258,7 +9258,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"), $ = /* @__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"), A = /* @__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 +9284,11 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       });
     }
     function E() {
-      l.disabled || ($.value = !0, c("show"), z());
+      l.disabled || (A.value = !0, c("show"), z());
     }
     function a1() {
-      if (!$.value) return;
-      $.value = !1;
+      if (!A.value) return;
+      A.value = !1;
       const o1 = t1.value;
       if (o1 && o1.hidePopover)
         try {
@@ -9298,10 +9298,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       c("hide");
     }
     function R() {
-      $.value ? a1() : E();
+      A.value ? a1() : E();
     }
     function p1(o1) {
-      if (!$.value) return;
+      if (!A.value) return;
       const G = o1.composedPath ? o1.composedPath() : [];
       G.includes(j.value) || G.includes(t1.value) || a1();
     }
@@ -9329,12 +9329,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: $.value }]),
+            class: B(["chev", { up: A.value }]),
             name: "angleDown",
             size: "10"
           }, null, 8, ["class"])) : V("", !0)
         ], 8, Kl),
-        $.value ? (n(), i("div", {
+        A.value ? (n(), i("div", {
           key: 0,
           ref_key: "menuRef",
           ref: t1,
@@ -9344,7 +9344,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(A, null, s1(p.value, (y1) => (n(), i("span", {
+            (n(!0), i($, null, s1(p.value, (y1) => (n(), i("span", {
               key: y1,
               class: B(["cell", { on: v.value === y1 }]),
               style: Z1({ background: y1 }),
@@ -9508,20 +9508,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] || ""), $ = /* @__PURE__ */ U(C[1] === "desc" ? "desc" : "asc");
+    const C = String(s.sort || "").split(":"), k = /* @__PURE__ */ U(C[0] || ""), A = /* @__PURE__ */ U(C[1] === "desc" ? "desc" : "asc");
     K1(() => s.sort, (M) => {
       const S = String(M || "").split(":");
-      k.value = S[0] || "", $.value = S[1] === "desc" ? "desc" : "asc";
+      k.value = S[0] || "", A.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) => ($.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) => (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(() => {
       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()), w = (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()), y = (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 +9550,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 && w(b1) && n1(b1.children, S + 1, e1);
+        e1.push({ ...b1, __level: S, __hasKids: x1 }), x1 && y(b1) && n1(b1.children, S + 1, e1);
       }
       return e1;
     }
@@ -9612,7 +9612,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 ? $.value = $.value === "asc" ? "desc" : "asc" : (k.value = M.key, $.value = "asc"), l("sort", { key: k.value, dir: $.value }));
+      !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 }));
     }
     function W(M, S) {
       const e1 = (S.detail && S.detail[0]) ?? S.detail;
@@ -9659,18 +9659,18 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                     onChange: I
                   }, null, 8, ["checked", "indeterminate"])
                 ])) : V("", !0),
-                (n(!0), i(A, null, s1(r.value, (X) => (n(), i("th", {
+                (n(!0), i($, 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),
-                  onClick: (Z) => Y(X)
+                  onClick: (w) => Y(X)
                 }, [
                   d("span", uo, [
                     $1(L(X.title), 1),
                     e.sortable && X.sortable && k.value === X.key ? (n(), _1(x1, {
                       key: 0,
                       class: "sarr",
-                      name: $.value === "asc" ? "longArrowUp" : "longArrowDown",
+                      name: A.value === "asc" ? "longArrowUp" : "longArrowDown",
                       size: "11"
                     }, null, 8, ["name"])) : V("", !0)
                   ])
@@ -9680,7 +9680,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               ])
             ]),
             d("tbody", null, [
-              (n(!0), i(A, null, s1(e2.value, (X) => (n(), i(A, {
+              (n(!0), i($, null, s1(e2.value, (X) => (n(), i($, {
                 key: X.__group ? "g:" + X.__group : t1(X)
               }, [
                 X.__group !== void 0 ? (n(), i("tr", {
@@ -9690,7 +9690,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   d("td", { colspan: y1.value }, [
                     d("span", {
                       class: B(["grp", { clickable: g1.value }]),
-                      onClick: (Z) => q1(X.__group)
+                      onClick: (w) => q1(X.__group)
                     }, [
                       g1.value ? (n(), _1(x1, {
                         key: 0,
@@ -9701,18 +9701,18 @@ 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(A, { key: 1 }, [
+                ], 2)) : (n(), i($, { key: 1 }, [
                   d("tr", {
                     class: B({ "row-selected": J(X), "in-group": !!e.groupBy }),
-                    onClick: (Z) => l("rowclick", t1(X))
+                    onClick: (w) => l("rowclick", t1(X))
                   }, [
                     e.expandable ? (n(), i("td", {
                       key: 0,
                       class: "exp-col",
-                      onClick: m1((Z) => f1(X), ["stop"])
+                      onClick: m1((w) => f1(X), ["stop"])
                     }, [
                       q(x1, {
-                        name: w(X) ? "chevronDown" : "chevronRight",
+                        name: y(X) ? "chevronDown" : "chevronRight",
                         size: "12",
                         class: "exp-ic"
                       }, null, 8, ["name"])
@@ -9726,15 +9726,15 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       q(b1, {
                         checked: J(X),
                         disabled: !!X.disabled,
-                        onChange: (Z) => N(X, Z)
+                        onChange: (w) => N(X, w)
                       }, null, 8, ["checked", "disabled", "onChange"])
                     ])) : V("", !0),
-                    (n(!0), i(A, null, s1(r.value, (Z, y) => (n(), i("td", {
-                      key: Z.key,
-                      class: B(["al-" + (Z.align || "left"), Z.cls, { heat: Z.type === "heat" }]),
-                      style: Z1(Z.type === "heat" ? { background: h1(X, Z) } : null)
+                    (n(!0), i($, null, s1(r.value, (w, Z) => (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 && y === 0 ? (n(), i("span", {
+                      e.tree && Z === 0 ? (n(), i("span", {
                         key: 0,
                         class: "tree-lead",
                         style: Z1({ marginLeft: X.__level * 20 + "px" })
@@ -9742,40 +9742,40 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         X.__hasKids ? (n(), _1(x1, {
                           key: 0,
                           class: "tree-chev",
-                          name: w(X) ? "chevronDown" : "chevronRight",
+                          name: y(X) ? "chevronDown" : "chevronRight",
                           size: "12",
                           onClick: m1((Q) => f1(X), ["stop"])
                         }, null, 8, ["name", "onClick"])) : (n(), i("span", xo))
                       ], 4)) : V("", !0),
-                      e.editable && y2(X) && Z.editable ? (n(), _1(B1, {
+                      e.editable && y2(X) && w.editable ? (n(), _1(B1, {
                         key: 1,
                         class: "edit-input",
-                        value: String(U1.value[Z.key] ?? ""),
-                        onInput: (Q) => X1(Z.key, Q)
-                      }, null, 8, ["value", "onInput"])) : Z.type === "heat" ? (n(), i("span", yo, L(O(X, Z)), 1)) : Z.type === "bar" ? (n(), i("span", Zo, [
+                        value: String(U1.value[w.key] ?? ""),
+                        onInput: (Q) => X1(w.key, Q)
+                      }, null, 8, ["value", "onInput"])) : w.type === "heat" ? (n(), i("span", yo, L(O(X, w)), 1)) : w.type === "bar" ? (n(), i("span", Zo, [
                         d("span", wo, [
                           d("span", {
                             class: "bar-fill",
-                            style: Z1({ width: C1(X, Z) + "%", background: C1(X, Z) > 70 ? "var(--severity-major, #f47c22)" : "var(--primary-alt, #3279be)" })
+                            style: Z1({ width: C1(X, w) + "%", background: C1(X, w) > 70 ? "var(--severity-major, #f47c22)" : "var(--primary-alt, #3279be)" })
                           }, null, 4)
                         ]),
-                        d("span", Mo, L(C1(X, Z)) + "%", 1)
-                      ])) : Z.type === "severity" ? (n(), i("span", ko, [
+                        d("span", Mo, L(C1(X, w)) + "%", 1)
+                      ])) : w.type === "severity" ? (n(), i("span", ko, [
                         q(R1, {
                           severity: u1(X),
                           shape: "dot"
                         }, null, 8, ["severity"]),
-                        $1(L(O(X, Z)), 1)
-                      ])) : Z.type === "dot" ? (n(), i("span", Ho, [
+                        $1(L(O(X, w)), 1)
+                      ])) : w.type === "dot" ? (n(), i("span", Ho, [
                         q(R1, {
-                          severity: String(O(X, Z)).toLowerCase().trim(),
+                          severity: String(O(X, w)).toLowerCase().trim(),
                           shape: "dot",
                           "display-text": ""
                         }, null, 8, ["severity"])
-                      ])) : Z.type === "status" ? (n(), _1(e1, {
+                      ])) : w.type === "status" ? (n(), _1(e1, {
                         key: 6,
-                        status: String(O(X, Z))
-                      }, null, 8, ["status"])) : Z.type === "type" ? (n(), i("span", Vo, [
+                        status: String(O(X, w))
+                      }, null, 8, ["status"])) : w.type === "type" ? (n(), i("span", Vo, [
                         q(x1, {
                           name: "server",
                           size: "15"
@@ -9785,8 +9785,8 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           size: "14",
                           class: "cog"
                         })
-                      ])) : Z.type === "tags" ? (n(), i("span", Lo, [
-                        (n(!0), i(A, null, s1(Array.isArray(O(X, Z)) ? O(X, Z) : [], (Q, w1) => (n(), _1(e1, {
+                      ])) : 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, {
                           key: w1,
                           variant: Q.variant || "default"
                         }, {
@@ -9795,16 +9795,16 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           ]),
                           _: 2
                         }, 1032, ["variant"]))), 128))
-                      ])) : Z.type === "sparkline" ? (n(), i("svg", _o, [
+                      ])) : w.type === "sparkline" ? (n(), i("svg", _o, [
                         d("polyline", {
-                          points: r1(O(X, Z)),
+                          points: r1(O(X, w)),
                           fill: "none",
                           stroke: "var(--primary-alt, #3279be)",
                           "stroke-width": "1.5",
                           "stroke-linecap": "round",
                           "stroke-linejoin": "round"
                         }, null, 8, So)
-                      ])) : (n(), i("span", $o, L(O(X, Z)), 1))
+                      ])) : (n(), i("span", $o, L(O(X, w)), 1))
                     ], 6))), 128)),
                     p.value.length ? (n(), i("td", {
                       key: 2,
@@ -9815,7 +9815,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       q(c2, {
                         items: h.value,
                         placement: "bottom-end",
-                        onSelect: (Z) => W(X, Z)
+                        onSelect: (w) => W(X, w)
                       }, null, 8, ["items", "onSelect"])
                     ])) : V("", !0),
                     e.editable ? (n(), i("td", {
@@ -9827,7 +9827,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       y2(X) ? (n(), i("span", Ao, [
                         q(C2, {
                           class: "edit-save",
-                          onClick: m1((Z) => o2(X), ["prevent"])
+                          onClick: m1((w) => o2(X), ["prevent"])
                         }, {
                           default: k2(() => [...S[8] || (S[8] = [
                             $1("Save", -1)
@@ -9837,7 +9837,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         q(C2, {
                           class: "edit-cancel",
                           muted: "",
-                          onClick: S[2] || (S[2] = m1((Z) => f2(), ["prevent"]))
+                          onClick: S[2] || (S[2] = m1((w) => f2(), ["prevent"]))
                         }, {
                           default: k2(() => [...S[9] || (S[9] = [
                             $1("Cancel", -1)
@@ -9850,11 +9850,11 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         size: "14",
                         class: "edit-pencil",
                         title: "Edit row",
-                        onClick: (Z) => J1(X)
+                        onClick: (w) => J1(X)
                       }, null, 8, ["onClick"]))
                     ])) : V("", !0)
                   ], 10, bo),
-                  e.expandable && w(X) ? (n(), i("tr", zo, [
+                  e.expandable && y(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 +9911,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   size: "12"
                 })
               ], 2),
-              (n(!0), i(A, null, s1(i2.value, (X, Z) => (n(), i("span", {
-                key: Z,
+              (n(!0), i($, null, s1(i2.value, (X, w) => (n(), i("span", {
+                key: w,
                 class: B(["ppage", { sel: X === j.value, dots: X === "…" }]),
-                onClick: (y) => K(X)
+                onClick: (Z) => K(X)
               }, L(X), 11, No))), 128)),
               d("span", {
                 class: B(["ppage nav", { dis: j.value >= p1.value }]),
@@ -9941,7 +9941,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 value: z.value,
                 onChange: b
               }, [
-                (n(!0), i(A, null, s1(a1.value, (X) => (n(), i("option", {
+                (n(!0), i($, null, s1(a1.value, (X) => (n(), i("option", {
                   key: X,
                   value: X
                 }, L(X), 9, Uo))), 128))
@@ -10002,7 +10002,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
     }
     function k() {
-      u.value || (e6($), u.value = !0, C(!0), u2(() => {
+      u.value || (e6(A), u.value = !0, C(!0), u2(() => {
         const D = h.value;
         if (D) {
           try {
@@ -10014,31 +10014,31 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
       }));
     }
-    function $() {
+    function A() {
       const D = h.value;
       D && D.open ? D.close() : j();
     }
     function j() {
-      u.value && (u.value = !1, t6($), C(!1), l("hide"));
+      u.value && (u.value = !1, t6(A), C(!1), l("hide"));
     }
     function t1(D) {
-      l(D === "confirm" ? "confirm" : "cancel"), D !== "confirm-stay" && (l("close"), $());
+      l(D === "confirm" ? "confirm" : "cancel"), D !== "confirm-stay" && (l("close"), A());
     }
     function l1(D) {
-      D.preventDefault(), !r(s.escClosable) && (l("cancel"), l("close"), $());
+      D.preventDefault(), !r(s.escClosable) && (l("cancel"), l("close"), A());
     }
     function J(D) {
-      D.target === h.value && o(s.maskClosable) && (l("cancel"), l("close"), $());
+      D.target === h.value && o(s.maskClosable) && (l("cancel"), l("close"), A());
     }
     return K1(() => s.open, (D) => {
-      D ? k() : $();
+      D ? k() : A();
     }), R2(() => {
       s.open && k();
     }), A2(() => {
       const D = h.value;
       D && D.open && D.close();
     }), c && (c.show = k, c.hide = () => {
-      l("close"), $();
+      l("close"), A();
     }), (D, z) => {
       const E = T1("obs-icon"), a1 = T1("obs-button");
       return n(), i("dialog", {
@@ -10083,7 +10083,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               }, 8, ["variant"])
             ])) : V("", !0)
           ])
-        ])) : (n(), i(A, { key: 1 }, [
+        ])) : (n(), i($, { key: 1 }, [
           d("div", tr, [
             d("h4", sr, L(e.title), 1),
             d("button", {
@@ -10145,7 +10145,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(A, null, s1(l.value, (r, a) => (n(), i("tr", { key: a }, [
+        (n(!0), i($, null, s1(l.value, (r, a) => (n(), i("tr", { key: a }, [
           d("td", ir, [
             d("span", {
               class: "num",
@@ -10190,8 +10190,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(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 }, [
+          (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 }, [
               d("td", fr, L(v.label), 1),
               d("td", {
                 class: "val",
@@ -10200,12 +10200,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(A, { key: 1 }, [
+                }, null, 8, ["status"])) : (n(), i($, { key: 1 }, [
                   $1(L(v.value), 1)
                 ], 64))
               ], 4)
             ], 64))), 128)),
-            h.length < c.value ? (n(), i(A, { key: 0 }, [
+            h.length < c.value ? (n(), i($, { 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 +10306,22 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           })
         ])) : V("", !0),
         d("ol", kr, [
-          (n(!0), i(A, null, s1(a.value, (k, $) => (n(), i("li", {
-            key: $,
+          (n(!0), i($, null, s1(a.value, (k, A) => (n(), i("li", {
+            key: A,
             class: "crumb"
           }, [
-            $ < a.value.length - 1 ? (n(), i("a", {
+            A < a.value.length - 1 ? (n(), i("a", {
               key: 0,
               class: "link",
               href: k.href || "#",
-              onClick: (j) => p(k, $, j)
+              onClick: (j) => p(k, A, j)
             }, L(k.label), 9, Hr)) : (n(), i("span", Vr, L(k.label), 1)),
-            $ < a.value.length - 1 ? (n(), i("span", Lr, [
+            A < a.value.length - 1 ? (n(), i("span", Lr, [
               r.value ? (n(), _1(C, {
                 key: 0,
                 name: "chevronRight",
                 size: "10"
-              })) : (n(), i(A, { key: 1 }, [
+              })) : (n(), i($, { key: 1 }, [
                 $1(L(e.separator), 1)
               ], 64))
             ])) : V("", !0)
@@ -10330,13 +10330,16 @@ 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}.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}.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 = {
   key: 1,
   class: "srow"
 }, zr = {
   class: "rows",
   role: "tree"
-}, Tr = ["aria-expanded", "onClick"], Or = { class: "lbl" }, Pr = {
+}, 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" },
@@ -10372,14 +10375,14 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       return !1;
     }
     v(r.value, 0);
-    const $ = (R, p1) => R.label.toLowerCase().includes(p1) || (R.children || []).some((o1) => $(o1, p1));
+    const A = (R, p1) => R.label.toLowerCase().includes(p1) || (R.children || []).some((o1) => A(o1, p1));
     function j(R, p1, o1, G) {
       const k1 = h.value.trim().toLowerCase();
       for (const y1 of R) {
-        const E1 = C(y1, o1), w = Array.isArray(y1.children) && y1.children.length;
-        if (k1 && !$(y1, k1)) continue;
-        const f1 = k1 ? w && $(y1, k1) : !!u[E1];
-        G.push({ label: y1.label, icon: y1.icon || "", count: y1.count, favorite: !!y1.favorite, edit: !!y1.edit, depth: p1, kids: w, open: f1, path: E1, leaf: !w }), w && f1 && j(y1.children, p1 + 1, E1, G);
+        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 t1 = H(() => {
@@ -10444,51 +10447,58 @@ 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(A, null, s1(t1.value, (w) => (n(), i("div", {
-            key: w.path,
-            class: B(["row", { group: w.kids, leaf: w.leaf, active: w.leaf && w.label === J.value }]),
-            style: Z1({ paddingLeft: l1(w) + "px" }),
+          (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" }),
             role: "treeitem",
-            "aria-expanded": w.kids ? String(w.open) : null,
-            onClick: (f1) => D(w)
+            "aria-expanded": y.kids ? String(y.open) : null,
+            onClick: (f1) => D(y)
           }, [
-            w.kids ? (n(), _1(y1, {
+            y.kids ? (n(), _1(y1, {
               key: 0,
-              name: w.open ? "chevronDown" : "chevronRight",
-              size: "10",
+              name: y.open ? "chevronDown" : "chevronRight",
+              size: "12",
               class: "chev"
             }, null, 8, ["name"])) : e.mode === "tree" ? (n(), _1(y1, {
               key: 1,
               name: "chevronRight",
-              size: "10",
+              size: "12",
               class: "chev leaf-chev"
             })) : V("", !0),
-            w.favorite ? (n(), _1(y1, {
+            y.favorite ? (n(), _1(y1, {
               key: 2,
               name: "star",
-              size: "13",
+              size: "16",
               class: "fav"
             })) : V("", !0),
-            w.icon ? (n(), _1(y1, {
+            y.logo ? (n(), i("img", {
               key: 3,
-              name: w.icon,
-              size: "14",
-              class: "r-ic"
-            }, null, 8, ["name"])) : V("", !0),
-            d("span", Or, L(w.label), 1),
-            w.count != null && w.count !== "" ? (n(), _1(E1, {
+              src: y.logo,
+              class: "r-logo",
+              alt: ""
+            }, null, 8, Or)) : y.icon ? (n(), _1(y1, {
               key: 4,
-              class: "count",
-              variant: "tag-primary",
-              rounded: ""
-            }, {
-              default: k2(() => [
-                $1(L(w.count), 1)
-              ]),
-              _: 2
-            }, 1024)) : V("", !0),
-            w.edit ? (n(), _1(y1, {
-              key: 5,
+              name: y.icon,
+              size: y.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, {
+              key: 6,
               name: "pencil",
               size: "12",
               class: "pencil"
@@ -10498,10 +10508,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, Er = /* @__PURE__ */ O1(Pr, [["styles", [$r]]]), Dr = ":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}", Br = { class: "mark" }, Rr = { class: "items" }, Ir = ["aria-current", "onClick"], jr = { class: "lbl" }, Nr = {
+}, 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 = {
   key: 0,
   class: "beta"
-}, Fr = {
+}, Wr = {
   __name: "ObsSidebar.ce",
   props: {
     items: { type: [String, Array], default: "" },
@@ -10535,7 +10545,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           onClick: u[0] || (u[0] = m1(() => {
           }, ["prevent"]))
         }, [
-          d("span", Br, [
+          d("span", Ir, [
             j1(h.$slots, "logo", {}, () => [
               u[3] || (u[3] = d("svg", {
                 viewBox: "0 0 32 32",
@@ -10564,8 +10574,8 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             [r4, r.value]
           ])
         ]),
-        d("div", Rr, [
-          (n(!0), i(A, null, s1(a.value, (C) => (n(), i("a", {
+        d("div", jr, [
+          (n(!0), i($, null, s1(a.value, (C) => (n(), i("a", {
             key: C.key,
             class: B(["item", { active: C.key === e.active }]),
             href: "#",
@@ -10577,22 +10587,22 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               size: "18",
               class: "ic"
             }, null, 8, ["name"]),
-            Z2(d("span", jr, [
+            Z2(d("span", Fr, [
               $1(L(C.label), 1),
-              C.beta ? (n(), i("span", Nr, "BETA")) : V("", !0)
+              C.beta ? (n(), i("span", Ur, "BETA")) : V("", !0)
             ], 512), [
               [r4, r.value]
             ])
-          ], 10, Ir))), 128))
+          ], 10, Nr))), 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);
     };
   }
-}, Ur = /* @__PURE__ */ O1(Fr, [["styles", [Dr]]]), Wr = "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)}", Kr = {
+}, 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 = {
   class: "bar",
   role: "tablist"
-}, qr = ["aria-selected", "disabled", "onClick"], Jr = ["data-label"], Gr = { class: "body" }, Yr = {
+}, Gr = ["aria-selected", "disabled", "onClick"], Yr = ["data-label"], Xr = { class: "body" }, Qr = {
   __name: "ObsTabs.ce",
   props: {
     tabs: { type: String, default: "" },
@@ -10656,63 +10666,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", Kr, [
-          (n(!0), i(A, null, s1(a.value, ($) => (n(), i("button", {
-            key: $.key,
-            class: B(["tab", { active: $.key === p.value, disabled: $.disabled }]),
+        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 }]),
             role: "tab",
             type: "button",
-            "aria-selected": $.key === p.value,
-            disabled: $.disabled,
-            onClick: (j) => u($)
+            "aria-selected": A.key === p.value,
+            disabled: A.disabled,
+            onClick: (j) => u(A)
           }, [
-            $.icon ? (n(), _1(k, {
+            A.icon ? (n(), _1(k, {
               key: 0,
-              name: $.icon,
+              name: A.icon,
               size: "14",
               class: "ic",
               "aria-hidden": "true"
             }, null, 8, ["name"])) : V("", !0),
             d("span", {
               class: "lbl",
-              "data-label": o($)
-            }, L(o($)), 9, Jr)
-          ], 10, qr))), 128))
+              "data-label": o(A)
+            }, L(o(A)), 9, Yr)
+          ], 10, Gr))), 128))
         ]),
-        d("div", Gr, [
-          (n(!0), i(A, null, s1(a.value, ($) => Z2((n(), i("div", {
-            key: $.key,
+        d("div", Xr, [
+          (n(!0), i($, null, s1(a.value, (A) => Z2((n(), i("div", {
+            key: A.key,
             class: "pane",
             role: "tabpanel"
           }, [
-            j1(v.$slots, $.key)
+            j1(v.$slots, A.key)
           ])), [
-            [r4, $.key === p.value]
+            [r4, A.key === p.value]
           ])), 128))
         ])
       ], 2);
     };
   }
-}, Xr = /* @__PURE__ */ O1(Yr, [["styles", [Wr]]]), Qr = "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)}", en = { class: "wrap" }, tn = { class: "crumb" }, sn = { class: "left" }, cn = { class: "titles" }, ln = { class: "ttl-row" }, on = {
+}, 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 = {
   key: 1,
   class: "title"
-}, rn = {
+}, an = {
   key: 2,
   class: "count"
-}, nn = {
+}, dn = {
   key: 0,
   class: "subtitle"
-}, an = {
+}, pn = {
   key: 1,
   class: "meta"
-}, dn = {
+}, un = {
   key: 0,
   class: "meta-sep",
   "aria-hidden": "true"
-}, pn = { class: "meta-item" }, un = {
+}, hn = { class: "meta-item" }, vn = {
   key: 2,
   class: "meta-label"
-}, hn = { class: "meta-value" }, vn = { class: "right" }, fn = {
+}, fn = { class: "meta-value" }, Cn = { class: "right" }, gn = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
@@ -10747,14 +10757,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", en, [
-        d("div", tn, [
+      return n(), i("div", sn, [
+        d("div", cn, [
           j1(a.$slots, "breadcrumb")
         ]),
         d("div", {
           class: B(["ph", { "no-divider": l(e.noDivider) }])
         }, [
-          d("div", sn, [
+          d("div", ln, [
             l(e.back) ? (n(), i("button", {
               key: 0,
               class: "back",
@@ -10769,23 +10779,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", cn, [
-              d("div", ln, [
+            d("div", on, [
+              d("div", rn, [
                 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", on, L(e.heading), 1)) : V("", !0),
-                e.count !== null && e.count !== "" ? (n(), i("span", rn, L(e.count), 1)) : 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),
                 j1(a.$slots, "title")
               ]),
-              e.subtitle ? (n(), i("div", nn, L(e.subtitle), 1)) : V("", !0),
-              c.value.length ? (n(), i("div", an, [
-                (n(!0), i(A, null, s1(c.value, (v, C) => (n(), i(A, { key: C }, [
-                  C > 0 ? (n(), i("span", dn, "|")) : V("", !0),
-                  d("span", pn, [
+              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, [
                     v.icon ? (n(), _1(h, {
                       key: 0,
                       name: v.icon,
@@ -10799,32 +10809,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", un, L(v.label) + ":", 1)) : V("", !0),
-                    d("span", hn, L(v.value), 1)
+                    v.label ? (n(), i("span", vn, L(v.label) + ":", 1)) : V("", !0),
+                    d("span", fn, L(v.value), 1)
                   ])
                 ], 64))), 128))
               ])) : V("", !0)
             ])
           ]),
-          d("div", vn, [
+          d("div", Cn, [
             j1(a.$slots, "default")
           ])
         ], 2)
       ]);
     };
   }
-}, Cn = /* @__PURE__ */ O1(fn, [["styles", [Qr]]]), gn = "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}", bn = { class: "app" }, mn = { class: "brand" }, xn = { class: "right" }, yn = ["aria-label", "title", "onClick"], Zn = {
+}, 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 = {
   key: 0,
   class: "badge"
-}, wn = {
+}, kn = {
   key: 0,
   class: "build"
-}, Mn = {
+}, Hn = {
   key: 0,
   class: "avatar",
   role: "button",
   tabindex: "0"
-}, kn = {
+}, Vn = {
   __name: "ObsAppHeader.ce",
   props: {
     brand: { type: String, default: "" },
@@ -10854,14 +10864,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", bn, [
-        d("div", mn, [
+      return n(), i("header", xn, [
+        d("div", yn, [
           j1(r.$slots, "brand", {}, () => [
             $1(L(e.brand), 1)
           ])
         ]),
-        d("div", xn, [
-          (n(!0), i(A, null, s1(o.value, (h, u) => (n(), i("button", {
+        d("div", Zn, [
+          (n(!0), i($, null, s1(o.value, (h, u) => (n(), i("button", {
             key: u,
             class: B(["circ", { active: h.active }]),
             type: "button",
@@ -10873,24 +10883,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", Zn, L(h.badge), 1)) : V("", !0)
-          ], 10, yn))), 128)),
+            h.badge !== null ? (n(), i("span", Mn, L(h.badge), 1)) : V("", !0)
+          ], 10, wn))), 128)),
           j1(r.$slots, "default"),
-          e.build ? (n(), i("span", wn, "BUILD : " + L(e.build), 1)) : V("", !0),
+          e.build ? (n(), i("span", kn, "BUILD : " + L(e.build), 1)) : V("", !0),
           j1(r.$slots, "user", {}, () => [
-            e.user ? (n(), i("span", Mn, L(e.user), 1)) : V("", !0)
+            e.user ? (n(), i("span", Hn, L(e.user), 1)) : V("", !0)
           ])
         ])
       ]);
     };
   }
-}, Hn = /* @__PURE__ */ O1(kn, [["styles", [gn]]]), Vn = ":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}", Ln = ["role"], _n = {
+}, 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 = {
   key: 0,
   class: "tb-sel"
-}, Sn = { class: "tb-count" }, $n = { class: "tb-lead" }, An = {
+}, An = { class: "tb-count" }, zn = { class: "tb-lead" }, Tn = {
   key: 0,
   class: "tb-title"
-}, zn = { class: "tb-main" }, Tn = {
+}, On = { class: "tb-main" }, Pn = {
   __name: "ObsToolbar.ce",
   props: {
     variant: { type: String, default: "" },
@@ -10911,29 +10921,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(A, { key: 0 }, [
-          e.count !== null && e.count !== "" ? (n(), i("span", _n, [
+        e.variant === "bulk" ? (n(), i($, { key: 0 }, [
+          e.count !== null && e.count !== "" ? (n(), i("span", $n, [
             q(p, {
               checked: "",
               class: "tb-chk",
               onChange: o
             }),
-            d("span", Sn, L(c.value), 1)
+            d("span", An, L(c.value), 1)
           ])) : V("", !0),
           j1(r.$slots, "default")
-        ], 64)) : (n(), i(A, { key: 1 }, [
-          d("div", $n, [
-            e.variant === "widget" && e.title ? (n(), i("span", An, L(e.title), 1)) : V("", !0),
+        ], 64)) : (n(), i($, { key: 1 }, [
+          d("div", zn, [
+            e.variant === "widget" && e.title ? (n(), i("span", Tn, L(e.title), 1)) : V("", !0),
             j1(r.$slots, "start")
           ]),
-          d("div", zn, [
+          d("div", On, [
             j1(r.$slots, "default")
           ])
         ], 64))
-      ], 10, Ln);
+      ], 10, Sn);
     };
   }
-}, On = /* @__PURE__ */ O1(Tn, [["styles", [Vn]]]), Pn = {
+}, En = /* @__PURE__ */ O1(Pn, [["styles", [_n]]]), Dn = {
   "obs-button": S0,
   "obs-tag": P0,
   "obs-checkbox": N0,
@@ -10966,18 +10976,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": Er,
-  "obs-sidebar": Ur,
-  "obs-tabs": Xr,
-  "obs-page-header": Cn,
-  "obs-app-header": Hn,
-  "obs-toolbar": On
+  "obs-side-menu": Br,
+  "obs-sidebar": Kr,
+  "obs-tabs": en,
+  "obs-page-header": bn,
+  "obs-app-header": Ln,
+  "obs-toolbar": En
 };
-function En() {
-  for (const [e, t] of Object.entries(Pn))
+function Bn() {
+  for (const [e, t] of Object.entries(Dn))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ C0(t));
 }
-En();
+Bn();
 export {
-  En as register
+  Bn as register
 };