@mtdt/observeops-ds-elements 0.1.92 → 0.1.94

package/dist/observeops-elements.js

@@ -1730,7 +1730,7 @@ function u9(e) {
     // assets
     components: y1,
     directives: E1,
-    filters: w
+    filters: Z
   } = t;
   if (h && h9(h, l, null), r)
     for (const g1 in r) {
@@ -2729,7 +2729,7 @@ function z9(e, t) {
       N,
       Y,
       K
-    ) : w(
+    ) : Z(
       b,
       _,
       N,
@@ -2738,7 +2738,7 @@ function z9(e, t) {
       Y,
       K
     ) : f1(f, b, K);
-  }, w = (f, b, _, N, I, T, Y) => {
+  }, Z = (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], y = b[X + 1], Q = X + 1 < u1 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
           y.el || U5(y)
         ) : 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) => {
@@ -3193,7 +3193,7 @@ function z9(e, t) {
     um: c1,
     m: n1,
     r: H1,
-    mt: w,
+    mt: Z,
     mc: p1,
     pc: v1,
     pbc: G,
@@ -4435,7 +4435,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       j1(t.$slots, "default")
     ], 10, V0));
   }
-}, S0 = /* @__PURE__ */ O1(_0, [["styles", [H0]]]), $0 = '.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.tag-red{color:var(--secondary-red, #ec5b5b);background:var(--secondary-red-lightest, rgba(236, 91, 91, .2))}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:var(--secondary-yellow-lightest, rgba(250, 209, 0, .2))}.tag-orange{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.provision{color:var(--primary, #111c2c);background:var(--primary-lightest, rgba(9, 157, 217, .2))}.unprovision{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(0, 0, 0, .15));font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', A0 = {
+}, S0 = /* @__PURE__ */ O1(_0, [["styles", [H0]]]), $0 = '.tag.numeric{font-family:var(--numeric-font-family, "JetBrains Mono", monospace);font-feature-settings:"tnum"}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.tag-red{color:var(--secondary-red, #ec5b5b);background:var(--secondary-red-lightest, rgba(236, 91, 91, .2))}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:var(--secondary-yellow-lightest, rgba(250, 209, 0, .2))}.tag-orange{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.provision{color:var(--primary, #111c2c);background:var(--primary-lightest, rgba(9, 157, 217, .2))}.unprovision{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(0, 0, 0, .15));font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', A0 = {
   key: 0,
   class: "confirm",
   role: "dialog"
@@ -4451,6 +4451,8 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     forcePrimary: { type: Boolean, default: !1 },
     compliance: { type: Boolean, default: !1 },
     // .compliance-tag-padding (wider horizontal padding)
+    numeric: { type: Boolean, default: !1 },
+    // count/metric tag — JetBrains Mono + tabular figures (.numeric-value)
     confirmable: { type: Boolean, default: !1 },
     // ask before removing (registry: confirmable + confirm-title)
     confirmTitle: { type: String, default: "Are you sure?" }
@@ -4537,7 +4539,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       const a1 = T1("obs-icon");
       return c.value ? (n(), i("span", {
         key: 0,
-        class: B(["tag", [l1.value, { rounded: J.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
+        class: B(["tag", [l1.value, { rounded: J.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
       }, [
         e.status ? (n(), i(A, { key: 0 }, [
           $1(L(D.value), 1)
@@ -5185,12 +5187,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function l1(m) {
       return m ? String(m).split(",").map((g) => g.trim()).filter(Boolean) : [];
     }
-    const J = /* @__PURE__ */ U(null), D = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), E = /* @__PURE__ */ U(null), a1 = /* @__PURE__ */ U(!1), R = /* @__PURE__ */ U(""), p1 = /* @__PURE__ */ U(-1), o1 = /* @__PURE__ */ U(-1), G = /* @__PURE__ */ U(!1), k1 = /* @__PURE__ */ U(!1), y1 = /* @__PURE__ */ U(!1), E1 = /* @__PURE__ */ U(""), 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(""), Z = /* @__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);
+      Z.value = l1(m);
     });
     const q1 = s2();
-    K1(w, (m) => {
+    K1(Z, (m) => {
       if (!q1) return;
       const g = s.multiple ? m.join(",") : m[0] || "";
       try {
@@ -5223,7 +5225,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, i2 = H(() => e2(f2.value, []).concat(f1.value)), f = H(() => f2.value.some((m) => m.group)), b = H(() => {
       const m = R.value.toLowerCase();
       return i2.value.filter((g) => !m || String(g.label).toLowerCase().includes(m));
-    }), _ = H(() => i2.value.filter((m) => !m.disabled).map((m) => m.value)), N = H(() => _.value.length > 0 && _.value.every((m) => 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) => Z.value.includes(m))), I = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), T = (m) => m && String(m).startsWith("--") ? `var(${m}, #6a7fa0)` : m, Y = (m) => {
       if (m.severity) return String(m.severity).toLowerCase().trim();
       const g = m.color && String(m.color).match(/^--severity-([a-z]+)/i);
       return g ? g[1].toLowerCase() : "";
@@ -5250,19 +5252,19 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     };
     function S(m) {
       const g = M(m).filter((x) => !x.disabled);
-      return g.length > 0 && g.every((x) => w.value.includes(x.value));
+      return g.length > 0 && g.every((x) => Z.value.includes(x.value));
     }
     function e1(m) {
-      return !S(m) && M(m).some((g) => w.value.includes(g.value));
+      return !S(m) && M(m).some((g) => Z.value.includes(g.value));
     }
     function b1(m) {
       const g = M(m).filter((d1) => !d1.disabled).map((d1) => d1.value);
-      let x = [...w.value];
+      let x = [...Z.value];
       if (S(m)) x = x.filter((d1) => !g.includes(d1));
       else for (const d1 of g) x.includes(d1) || x.push(d1);
-      w.value = x, l("change", [...w.value]);
+      Z.value = x, l("change", [...Z.value]);
     }
-    const x1 = H(() => s.maxValues > 0 && w.value.length >= s.maxValues);
+    const x1 = H(() => s.maxValues > 0 && Z.value.length >= s.maxValues);
     function B1(m) {
       const g = i2.value.find((x) => x.value === m);
       return g ? g.label : m;
@@ -5280,7 +5282,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       a1.value && R1();
     }
     function C2() {
-      s.disabled || s.loading || (a1.value = !0, l("show"), p1.value = Math.max(0, b.value.findIndex((m) => w.value.includes(m.value))), u2(() => {
+      s.disabled || s.loading || (a1.value = !0, l("show"), p1.value = Math.max(0, b.value.findIndex((m) => Z.value.includes(m.value))), u2(() => {
         try {
           const m = D.value;
           m && m.showPopover && !m.matches(":popover-open") && m.showPopover();
@@ -5292,27 +5294,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) {
       if (!m.disabled)
         if (s.multiple) {
-          const g = w.value.indexOf(m.value);
-          if (g >= 0) w.value.splice(g, 1);
+          const g = Z.value.indexOf(m.value);
+          if (g >= 0) Z.value.splice(g, 1);
           else {
             if (x1.value) return;
-            w.value.push(m.value);
+            Z.value.push(m.value);
           }
-          w.value = [...w.value], l("change", [...w.value]);
+          Z.value = [...Z.value], l("change", [...Z.value]);
         } else
-          w.value = [m.value], l("change", m.value), X();
+          Z.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]);
+      Z.value = N.value ? [] : s.maxValues > 0 ? _.value.slice(0, s.maxValues) : [..._.value], l("change", [...Z.value]);
     }
     function w1(m) {
-      m && m.stopPropagation(), w.value = [], l("change", s.multiple ? [] : "");
+      m && m.stopPropagation(), Z.value = [], l("change", s.multiple ? [] : "");
     }
     function i1() {
       y1.value = !0, E1.value = "", u2(() => {
@@ -5324,7 +5326,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function P1() {
       const m = E1.value.trim();
-      m && (i2.value.some((g) => g.value === m) || (f1.value = [...f1.value, { value: m, label: m }]), l("add", m), s.multiple ? (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 ? (Z.value.includes(m) || (Z.value = [...Z.value, m]), l("change", [...Z.value])) : (Z.value = [m], l("change", m)), y1.value = !1, E1.value = "", u2(R1));
     }
     function d2(m) {
       R.value = m.target.value, p1.value = 0, l("search", R.value), u2(R1);
@@ -5357,9 +5359,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function w4(m) {
       m.currentTarget.contains(m.relatedTarget) || X();
     }
-    const I3 = H(() => s.allowClear && !s.removeClearBtn && 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 && Z.value.length && !s.disabled && !s.loading), z2 = H(() => Z.value.length ? B1(Z.value[0]) : ""), g3 = H(() => Math.max(0, Z.value.length - 1)), X2 = H(() => z2.value + (g3.value ? ` (+${g3.value})` : ""));
     function j3(m) {
-      if (a1.value || !s.multiple || w.value.length < 2) return;
+      if (a1.value || !s.multiple || Z.value.length < 2) return;
       const g = m.currentTarget.getBoundingClientRect();
       v1.value = { position: "fixed", left: Math.round(g.left) + "px", top: Math.round(g.bottom + 6) + "px" }, g1.value = !0;
     }
@@ -5384,21 +5386,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         onFocusout: w4
       }, [
         e.multiple && e.disabled ? (n(), i("div", z7, [
-          w.value.length ? (n(), i(A, { key: 0 }, [
-            (n(!0), i(A, null, s1(w.value.slice(0, e.maxItems), (P) => (n(), i("span", {
+          Z.value.length ? (n(), i(A, { key: 0 }, [
+            (n(!0), i(A, null, s1(Z.value.slice(0, e.maxItems), (P) => (n(), i("span", {
               class: "pill",
               key: P
             }, L(B1(P)), 1))), 128)),
-            w.value.length > e.maxItems ? (n(), i("span", {
+            Z.value.length > e.maxItems ? (n(), i("span", {
               key: 0,
               class: "pill more",
               role: "button",
               tabindex: "0",
               onClick: g[0] || (g[0] = (P) => k1.value = !k1.value)
             }, [
-              $1(" +" + L(w.value.length - e.maxItems) + " ", 1),
+              $1(" +" + L(Z.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(A, null, s1(Z.value.slice(e.maxItems), (P) => (n(), i("div", {
                   class: "pill-pop-item",
                   key: P
                 }, L(B1(P)), 1))), 128))
@@ -5407,28 +5409,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: !Z.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(Z.value.length ? e.multiple ? X2.value : z2.value : A1.value), 35)) : J1.value === "chip" ? (n(), i("button", {
           key: 2,
           class: "t-chip",
           disabled: e.disabled,
-          onClick: 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: !Z.value.length })
+          }, L(Z.value.length ? e.multiple ? X2.value : z2.value : A1.value), 3)
         ], 8, P7)) : J1.value === "button" ? (n(), i("button", {
           key: 3,
           class: B(["t-btn", { open: a1.value }]),
           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: !Z.value.length && !e.triggerLabel })
+          }, L(e.triggerLabel || (Z.value.length ? e.multiple ? X2.value : z2.value : A1.value)), 3),
           q(x, {
             class: B(["chev", { up: a1.value }]),
             name: e.triggerIcon || "chevronDown",
@@ -5436,26 +5438,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: Z.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 && Z.value.length ? (n(), i("span", B7, L(Z.value.length), 1)) : V("", !0)
         ], 10, D7)) : (n(), i("button", {
           key: 5,
           class: B(["trig", { open: a1.value }]),
           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))
+            Z.value.length ? (n(), i("span", j7, L(e.multiple ? X2.value : z2.value), 1)) : (n(), i("span", N7, L(A1.value), 1))
           ]),
           d("span", F7, [
             I3.value && G.value ? (n(), i("span", {
@@ -5478,12 +5480,12 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             }, null, 8, ["class"]))
           ])
         ], 42, R7)),
-        g1.value && !a1.value && e.textOnly && e.multiple && w.value.length > 1 ? (n(), i("div", {
+        g1.value && !a1.value && e.textOnly && e.multiple && Z.value.length > 1 ? (n(), i("div", {
           key: 6,
           class: "val-pop",
           style: Z1(v1.value)
         }, [
-          (n(!0), i(A, null, s1(w.value, (P) => (n(), i("div", {
+          (n(!0), i(A, null, s1(Z.value, (P) => (n(), i("div", {
             key: P,
             class: "val-pop-item"
           }, L(B1(P)), 1))), 128))
@@ -5623,10 +5625,10 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 (n(!0), i(A, null, s1(C1.value, (P) => (n(), i("button", {
                   key: (P.__branch ? "g-" : "o-") + P.value,
                   type: "button",
-                  class: B(["mopt tnode", { branch: P.__branch, on: !P.__branch && w.value.includes(P.value), dis: P.disabled }]),
+                  class: B(["mopt tnode", { branch: P.__branch, on: !P.__branch && Z.value.includes(P.value), dis: P.disabled }]),
                   style: Z1({ paddingLeft: 12 + P.__level * 18 + "px" }),
                   role: "option",
-                  "aria-selected": !P.__branch && w.value.includes(P.value),
+                  "aria-selected": !P.__branch && Z.value.includes(P.value),
                   onClick: (L1) => P.__branch ? u1(P) : y(P)
                 }, [
                   d("span", oe, [
@@ -5639,7 +5641,7 @@ 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: Z.value.includes(P.value) }]),
                     "aria-hidden": "true",
                     onClick: m1((L1) => P.__branch ? b1(P) : y(P), ["stop"])
                   }, null, 10, re)) : V("", !0),
@@ -5689,9 +5691,9 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ], 64)) : (n(), i(A, { key: 1 }, [
                 (n(!0), i(A, null, s1(b.value, (P, L1) => (n(), i("button", {
                   key: P.value,
-                  class: B(["mopt", { on: w.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
+                  class: B(["mopt", { on: Z.value.includes(P.value), dis: P.disabled, active: L1 === p1.value }]),
                   role: "option",
-                  "aria-selected": w.value.includes(P.value),
+                  "aria-selected": Z.value.includes(P.value),
                   onClick: (G1) => y(P),
                   onMouseenter: (G1) => {
                     o1.value = L1, p1.value = L1;
@@ -5700,7 +5702,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   e.multiple ? (n(), i("span", {
                     key: 0,
-                    class: B(["cbx", { ck: w.value.includes(P.value) }]),
+                    class: B(["cbx", { ck: Z.value.includes(P.value) }]),
                     "aria-hidden": "true"
                   }, null, 2)) : V("", !0),
                   P.avatar ? (n(), i("span", {
@@ -5749,7 +5751,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 && Z.value.length ? (n(), i("div", ge, [
               d("button", {
                 class: "clearbtn",
                 onClick: w1
@@ -5863,59 +5865,59 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, l = t, c = H(() => s.type === "select"), o = (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 = (Z) => String(Z || "").split(",").map((f1) => f1.trim()).filter(Boolean), r = H(() => Array.isArray(s.options) ? s.options.map((Z) => typeof Z == "string" ? { value: Z, label: Z } : { value: Z.value, label: Z.label ?? Z.text ?? Z.value }) : o(s.options).map((Z) => {
+      const f1 = Z.indexOf(":");
+      return f1 > 0 ? { value: Z.slice(0, f1), label: Z.slice(f1 + 1) } : { value: Z, label: Z };
+    })), a = (Z) => {
+      const f1 = r.value.find((V1) => V1.value === Z);
+      return f1 ? f1.label : Z;
     }, p = s2(), h = /* @__PURE__ */ U(o(s.value));
-    K1(() => s.value, (w) => {
-      h.value = o(w);
-    }), K1(h, (w) => {
+    K1(() => s.value, (Z) => {
+      h.value = o(Z);
+    }), K1(h, (Z) => {
       if (!p) return;
-      const f1 = w.join(",");
+      const f1 = Z.join(",");
       try {
         p.value !== f1 && (p.value = f1);
       } catch {
       }
     }, { deep: !0 });
     const u = /* @__PURE__ */ U(""), v = /* @__PURE__ */ U(!1), C = /* @__PURE__ */ U(0), k = /* @__PURE__ */ U(null), $ = H(() => s.lowercase !== "false" && s.lowercase !== !1);
-    function j(w) {
-      const f1 = w.trim();
+    function j(Z) {
+      const f1 = Z.trim();
       return c.value ? f1 : $.value ? f1.toLowerCase() : f1;
     }
     const t1 = H(() => s.placeholder || (c.value ? "Select" : "Add Tags")), l1 = H(() => !s.disabled && !s.loading), J = H(() => {
-      const w = u.value.trim().toLowerCase();
+      const Z = 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) && (!Z || v1.label.toLowerCase().includes(Z) || v1.value.toLowerCase().includes(Z)));
+      const f1 = h.value.map((v1) => v1.toLowerCase()), V1 = o(s.suggestions).filter((v1) => !f1.includes(v1.toLowerCase()) && (!Z || v1.toLowerCase().includes(Z))), g1 = [];
+      Z && !f1.includes(j(u.value)) && !V1.some((v1) => v1.toLowerCase() === Z) && g1.push({ label: u.value.trim(), value: j(u.value), create: !0 });
       for (const v1 of V1) g1.push({ label: v1, value: v1 });
       return g1;
     }), D = H(() => v.value && l1.value && J.value.length > 0);
-    function z(w) {
-      h.value = w, l("change", h.value);
+    function z(Z) {
+      h.value = Z, l("change", h.value);
     }
-    function E(w) {
-      h.value.includes(w) || z([...h.value, w]), u.value = "", C.value = 0;
+    function E(Z) {
+      h.value.includes(Z) || z([...h.value, Z]), u.value = "", C.value = 0;
     }
-    function a1(w) {
-      const f1 = j(w);
+    function a1(Z) {
+      const f1 = j(Z);
       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(Z) {
+      z(h.value.filter((f1, V1) => V1 !== Z));
     }
     function p1() {
       v.value = !0, C.value = 0;
     }
-    function o1(w) {
-      if (w.key === "Enter" || w.key === "," && !c.value) {
-        w.preventDefault();
+    function o1(Z) {
+      if (Z.key === "Enter" || Z.key === "," && !c.value) {
+        Z.preventDefault();
         const f1 = J.value[C.value];
         c.value ? f1 && E(f1.value) : a1(f1 ? f1.value : u.value);
-      } else 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 Z.key === "ArrowDown" ? (Z.preventDefault(), v.value = !0, C.value = Math.min(C.value + 1, J.value.length - 1)) : Z.key === "ArrowUp" ? (Z.preventDefault(), C.value = Math.max(C.value - 1, 0)) : Z.key === "Escape" ? v.value = !1 : Z.key === "Backspace" && !u.value && h.value.length && R(h.value.length - 1);
     }
     function G() {
       !s.disabled && k.value && (k.value.focus(), v.value = !0);
@@ -5925,13 +5927,13 @@ 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(Z) {
+      c.value ? E(Z.value) : a1(Z.value), k.value && k.value.focus();
     }
     function E1() {
       v.value ? v.value = !1 : G();
     }
-    return (w, f1) => {
+    return (Z, f1) => {
       const V1 = T1("obs-icon");
       return n(), i("div", {
         class: B(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: D.value }]]),
@@ -6709,7 +6711,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function E1() {
       C.value = "custom", h.value = !1;
     }
-    function w(g) {
+    function Z(g) {
       g.stopPropagation(), C.value = null, h.value = !1;
     }
     function f1(g) {
@@ -6788,7 +6790,7 @@ 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) {
@@ -6874,7 +6876,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 }])
@@ -7079,7 +7081,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "timesCircle",
                 size: "12",
                 class: "clr",
-                onClick: m1(w, ["stop"])
+                onClick: m1(Z, ["stop"])
               })) : (n(), _1(d1, {
                 key: 1,
                 name: "chevronDown",
@@ -7368,11 +7370,11 @@ 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, y) => {
+      if (Array.isArray(w)) return w;
+      if (typeof w == "string" && w.trim())
         try {
-          const Q = JSON.parse(Z);
+          const Q = JSON.parse(w);
           return Array.isArray(Q) ? Q : y;
         } catch {
           return y;
@@ -7392,19 +7394,19 @@ 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), $ = /* @__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(() => $.value === "pre" ? 3 : 1), D = H(() => t1.value ? t1.value[$.value] : null), z = (w) => {
+      const y = a.find((Q) => Q.k === w);
+      return y ? y.l : w;
     };
-    function E(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 y = w.condition === "or" ? "OR" : "AND", Q = w.groups.map((w1) => {
         const i1 = w1.conditions.filter((d2) => d2.operand && d2.operator);
         if (!i1.length) return "";
         const z1 = w1.condition === "or" ? "OR" : "AND", P1 = i1.map((d2) => d2.operand + " <b>" + z(d2.operator) + "</b> " + (d2.operator === "between" ? (d2.value || "?") + "–" + (d2.toValue || "?") : d2.value || "Any")).join(" " + z1 + " ");
@@ -7412,21 +7414,21 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       }).filter(Boolean);
       return Q.length ? Q.length > 1 ? Q.map((w1) => "(" + w1 + ")").join(" " + y + " ") : 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, y) {
+      D.value.groups[w].conditions.splice(y, 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,7 +7436,7 @@ 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() {
+    function Z() {
       t1.value = { ...t1.value, [$.value]: j.value ? p(j.value[$.value]) : v() };
     }
     const f1 = {
@@ -7464,24 +7466,24 @@ 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((y) => ({ ...y })));
     });
     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((y) => y.field && y.operator && (X1(y.operator) && X1(y.operator).noValue ? !0 : Array.isArray(y.value) ? y.value.length : y.value !== "" && y.value != null)).map((y) => ({ field: y.field, operator: y.operator, value: y.value }));
       if (c)
         try {
-          const y = JSON.stringify(Z);
+          const y = JSON.stringify(w);
           c.value !== y && (c.value = y);
         } 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];
+        const y = U1.value && U1.value.querySelectorAll(".chip-wrap")[w];
         if (!y) {
           H1.value = null;
           return;
@@ -7490,96 +7492,96 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         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) => {
+    const J1 = (w) => q1.value.find((y) => y.key === w), X1 = (w) => {
       for (const y in f1) {
-        const Q = f1[y].find((w1) => w1.k === Z);
+        const Q = f1[y].find((w1) => w1.k === w);
         if (Q) return Q;
       }
       return null;
-    }, o2 = (Z) => {
-      const y = J1(Z.field);
+    }, o2 = (w) => {
+      const y = J1(w.field);
       return y ? y.label : "Select Filter";
-    }, f2 = (Z) => {
-      const y = X1(Z.operator);
+    }, f2 = (w) => {
+      const y = X1(w.operator);
       return y ? y.l : "";
-    }, e2 = (Z) => {
-      const y = X1(Z.operator);
+    }, e2 = (w) => {
+      const y = X1(w.operator);
       return y && !y.noValue;
-    }, i2 = (Z) => {
-      const y = X1(Z.operator);
+    }, i2 = (w) => {
+      const y = X1(w.operator);
       return y && y.multi;
-    }, f = (Z) => {
-      const y = Z.value;
+    }, f = (w) => {
+      const y = w.value;
       return Array.isArray(y) ? y.length ? y.length === 1 ? y[0] : y[0] + " (+" + (y.length - 1) + ")" : "…" : y === "" || y == null ? "…" : y;
-    }, b = (Z) => !Z.operator, _ = (Z) => !b(Z) || !Z.field, N = (Z, y) => c1.value && c1.value.i === Z && c1.value.step === y, I = H(() => {
+    }, b = (w) => !w.operator, _ = (w) => !b(w) || !w.field, N = (w, y) => c1.value && c1.value.i === w && c1.value.step === y, I = H(() => {
       if (!c1.value) return [];
-      const 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);
+      const y = J1(w.field);
       return c1.value.step === "operator" ? (f1[y ? y.type : "enum"] || []).map((Q) => ({ k: Q.k, l: Q.l })) : (y ? y.values : []).map((Q) => ({ k: Q, l: Q }));
-    }), T = H(() => A1.value.some((Z) => {
-      if (!Z.field || !Z.operator) return !1;
-      if (!e2(Z)) return !0;
-      const y = Z.value;
+    }), T = H(() => A1.value.some((w) => {
+      if (!w.field || !w.operator) return !1;
+      if (!e2(w)) return !0;
+      const y = w.value;
       return Array.isArray(y) ? y.length > 0 : y !== "" && y != null;
     }));
-    function Y(Z, y, Q) {
+    function Y(w, y, 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 (y === "field" && w1.dflt && w1.field && (y = "operator"), N(w, y)) {
         c1.value = null, H1.value = null;
         return;
       }
-      c1.value = { i: Z, step: y }, y2(Z);
+      c1.value = { i: w, step: y }, y2(w);
     }
-    function W(Z) {
+    function W(w) {
       const { i: y, step: Q } = c1.value, w1 = A1.value[y];
       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: y, 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: y, step: "value" } : null, i2(w1) && e2(w1) && K(y);
       else if (i2(w1)) {
         const i1 = Array.isArray(w1.value) ? w1.value : [];
-        w1.value = i1.includes(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 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);
       });
     }
-    const O = (Z, y) => {
-      const Q = A1.value[Z].value;
+    const O = (w, y) => {
+      const Q = A1.value[w].value;
       return Array.isArray(Q) ? Q.includes(y.k) : Q === y.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);
+    function C1(w) {
+      const y = J1(w.field);
       return y ? JSON.stringify((y.values || []).map((Q) => typeof Q == "string" ? { value: Q, label: Q } : Q.children ? { value: Q.v, label: Q.v, children: Q.children.map((w1) => ({ value: w1, label: w1 })) } : { value: Q.v, label: Q.v, color: Q.col })) : "[]";
     }
-    const M = (Z) => Array.isArray(Z.value) ? Z.value.join(",") : Z.value || "", S = (Z) => {
-      const y = J1(Z.field);
+    const M = (w) => Array.isArray(w.value) ? w.value.join(",") : w.value || "", S = (w) => {
+      const y = J1(w.field);
       return !!(y && y.selectAll);
     };
-    function e1(Z, y) {
+    function e1(w, 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();
+      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 +7590,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((y) => y && y.tagName === "OBS-FILTERS") || (k.value = !1, c1.value = null, H1.value = null, A1.value.some((y) => !y.field) && (A1.value = A1.value.filter((y) => y.field)));
     }
-    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (Z, y) => {
+    return R2(() => document.addEventListener("click", X, !0)), A2(() => document.removeEventListener("click", X, !0)), (w, y) => {
       const Q = T1("obs-icon"), w1 = T1("obs-select");
       return n(), i("div", {
         class: B(["fx", "k-" + e.kind])
@@ -7829,7 +7831,7 @@ const H0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             d("div", { class: "foot" }, [
               d("button", {
                 class: "btn ghost",
-                onClick: w
+                onClick: Z
               }, "Reset"),
               d("button", {
                 class: "btn danger",
@@ -8232,27 +8234,27 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             }),
             !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)
+              (n(!0), i(A, null, s1($.value.left || [], (Z) => (n(), _1(E1, {
+                key: "l" + Z.t,
+                variant: Z.v,
+                outline: Z.outline || null,
+                onClick: (f1) => l1(Z)
               }, {
                 default: k2(() => [
-                  $1(L(w.t), 1)
+                  $1(L(Z.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,
+                (n(!0), i(A, null, s1($.value.right, (Z, f1) => (n(), _1(E1, {
+                  key: "r" + Z.t,
+                  variant: Z.v,
+                  outline: Z.outline || null,
                   style: Z1(f1 < $.value.right.length - 1 ? "margin-right:8px" : ""),
-                  onClick: (V1) => l1(w)
+                  onClick: (V1) => l1(Z)
                 }, {
                   default: k2(() => [
-                    $1(L(w.t), 1)
+                    $1(L(Z.t), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant", "outline", "style", "onClick"]))), 128))
@@ -8912,7 +8914,7 @@ 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() {
+    function Z() {
       v.value = [], $.value = "all", k1();
     }
     function f1(n1) {
@@ -9010,7 +9012,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               c1[1] || (c1[1] = d("span", { class: "sep" }, "|", -1)),
               d("a", {
                 class: "lnk",
-                onClick: w
+                onClick: Z
               }, "Clear Selected")
             ])) : V("", !0)
           ]),
@@ -9521,7 +9523,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       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()), Z = (M) => E1.value.has(String(t1(M)));
     if (s.tree) {
       const M = /* @__PURE__ */ new Set(), S = (e1) => (e1 || []).forEach((b1) => {
         Array.isArray(b1.children) && b1.children.length && (M.add(String(b1[s.rowKey])), S(b1.children));
@@ -9550,7 +9552,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function n1(M, S, e1) {
       for (const b1 of M || []) {
         const x1 = Array.isArray(b1.children) && b1.children.length > 0;
-        e1.push({ ...b1, __level: S, __hasKids: x1 }), x1 && w(b1) && n1(b1.children, S + 1, e1);
+        e1.push({ ...b1, __level: S, __hasKids: x1 }), x1 && Z(b1) && n1(b1.children, S + 1, e1);
       }
       return e1;
     }
@@ -9663,7 +9665,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   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),
@@ -9690,7 +9692,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,
@@ -9704,15 +9706,15 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 ], 2)) : (n(), i(A, { 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: Z(X) ? "chevronDown" : "chevronRight",
                         size: "12",
                         class: "exp-ic"
                       }, null, 8, ["name"])
@@ -9726,13 +9728,13 @@ 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(A, null, s1(r.value, (w, y) => (n(), i("td", {
+                      key: w.key,
+                      class: B(["al-" + (w.align || "left"), w.cls, { heat: w.type === "heat" }]),
+                      style: Z1(w.type === "heat" ? { background: h1(X, w) } : null)
                     }, [
                       e.tree && y === 0 ? (n(), i("span", {
                         key: 0,
@@ -9742,40 +9744,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: Z(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 +9787,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(A, null, s1(Array.isArray(O(X, w)) ? O(X, w) : [], (Q, w1) => (n(), _1(e1, {
                           key: w1,
                           variant: Q.variant || "default"
                         }, {
@@ -9795,16 +9797,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 +9817,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 +9829,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 +9839,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 +9852,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 && Z(X) ? (n(), i("tr", zo, [
                     S[10] || (S[10] = d("td", { class: "exp-col" }, null, -1)),
                     e.selectable ? (n(), i("td", To)) : V("", !0),
                     d("td", {
@@ -9911,8 +9913,8 @@ 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(A, null, s1(i2.value, (X, w) => (n(), i("span", {
+                key: w,
                 class: B(["ppage", { sel: X === j.value, dots: X === "…" }]),
                 onClick: (y) => K(X)
               }, L(X), 11, No))), 128)),
@@ -10330,13 +10332,13 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, Sr = /* @__PURE__ */ O1(_r, [["styles", [Mr]]]), $r = ":host{display:block;height:100%}.sm{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;color:var(--page-text-color, #1d2a3e);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden;font-size:13px;background:var(--page-background-color, #fff)}.m-categories.sm{border:0;border-radius:0}.hd{display:flex;align-items:center}.hd:not(.seg){padding:0 12px}.tabbar{flex:1;min-width:0}.hd.seg{gap:10px;padding:10px 8px 2px}.switcher{flex:1;min-width:0}.srow{display:flex;align-items:center;gap:8px;padding:8px;--input-height-base: 35px}.sinput{flex:1;min-width:0}.rows{flex:1;overflow:auto;padding-bottom:6px;min-height:0}.row{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;text-decoration:none;color:inherit}.row.group{font-weight:500}.chev{color:var(--neutral-light, #6a7fa0);flex-shrink:0;width:14px}.r-ic{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav{color:var(--secondary-yellow, #f5bc18);flex-shrink:0}.count{flex-shrink:0}.pencil{color:var(--neutral-light, #6a7fa0);flex-shrink:0;visibility:hidden}.row:hover .pencil,.row.active .pencil{visibility:visible}.row:not(.active):hover{background:var(--nav-hover-bg, #ecf1f9)}.row.leaf.active{color:var(--primary, #111c2c);background:var(--code-tag-background-color, #ecf1f9)}.m-sections .row.group{padding-top:9px;padding-bottom:9px;font-size:13px}.m-sections .row.leaf{padding-top:6px;padding-bottom:6px;font-size:13px}.m-sections .row.leaf.active{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.m-categories .row.group{padding-top:9px;padding-bottom:9px;padding-right:6px;font-size:14px}.m-categories .row.leaf{padding-top:7px;padding-bottom:7px;padding-right:6px;font-size:13px}.m-tree .row.group{padding-top:6px;padding-bottom:6px;font-size:13px}.m-tree .row.group .r-ic{color:var(--primary-alt, #1d2a3e)}.m-tree .row.leaf{padding-top:5px;padding-bottom:5px;font-size:13px}.m-tree .leaf-chev{width:14px}.m-list .row{padding-top:9px;padding-bottom:9px;font-size:14px;border-bottom:1px solid var(--border-color, #e3e8f2)}.m-list .row.active{font-weight:600}", Ar = {
+}, Sr = /* @__PURE__ */ O1(_r, [["styles", [Mr]]]), $r = ":host{display:block;height:100%}.sm{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;color:var(--page-text-color, #1d2a3e);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden;font-size:13px;background:var(--page-background-color, #fff)}.m-categories.sm{border:0;border-radius:0}.hd{display:flex;align-items:center}.hd:not(.seg){padding:0 12px}.tabbar{flex:1;min-width:0}.hd.seg{gap:10px;padding:10px 8px 2px}.switcher{flex:1;min-width:0}.srow{display:flex;align-items:center;gap:8px;padding:8px;--input-height-base: 35px}.sinput{flex:1;min-width:0}.rows{flex:1;overflow:auto;padding-bottom:6px;min-height:0}.row{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;text-decoration:none;color:inherit}.row.group{font-weight:500}.chev{color:var(--neutral-light, #6a7fa0);flex-shrink:0;width:14px}.r-ic{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav{color:var(--secondary-yellow, #f5bc18);flex-shrink:0}.count{flex-shrink:0}.r-logo{flex-shrink:0;width:20px;height:20px;object-fit:contain;display:block}.pencil{color:var(--neutral-light, #6a7fa0);flex-shrink:0;visibility:hidden}.row:hover .pencil,.row.active .pencil{visibility:visible}.row:not(.active):hover{background:var(--nav-hover-bg, #ecf1f9)}.row.leaf.active{color:var(--primary, #111c2c);background:var(--code-tag-background-color, #ecf1f9)}.m-sections .row.group{padding-top:9px;padding-bottom:9px;font-size:13px}.m-sections .row.leaf{padding-top:6px;padding-bottom:6px;font-size:13px}.m-sections .row.leaf.active{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.m-categories .row.group{padding-top:9px;padding-bottom:9px;padding-right:6px;font-size:14px}.m-categories .row.leaf{padding-top:7px;padding-bottom:7px;padding-right:6px;font-size:13px}.m-tree .row.group{padding-top:6px;padding-bottom:6px;font-size:13px}.m-tree .row.group .r-ic{color:var(--primary-alt, #1d2a3e)}.m-tree .row.leaf{padding-top:5px;padding-bottom:5px;font-size:13px}.m-tree .leaf-chev{width:14px}.m-list .row{padding-top:9px;padding-bottom:9px;font-size:14px;border-bottom:1px solid var(--border-color, #e3e8f2)}.m-list .row.active{font-weight:600}", Ar = {
   key: 1,
   class: "srow"
 }, zr = {
   class: "rows",
   role: "tree"
-}, Tr = ["aria-expanded", "onClick"], Or = { class: "lbl" }, Pr = {
+}, Tr = ["aria-expanded", "onClick"], Or = ["src"], Pr = { class: "lbl" }, Er = {
   __name: "ObsSideMenu.ce",
   props: {
     mode: { type: String, default: "sections" },
@@ -10376,10 +10378,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     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;
+        const E1 = C(y1, o1), Z = 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 f1 = k1 ? Z && $(y1, k1) : !!u[E1];
+        G.push({ label: y1.label, icon: y1.icon || "", logo: y1.logo || "", count: y1.count, favorite: !!y1.favorite, edit: !!y1.edit, depth: p1, kids: Z, open: f1, path: E1, leaf: !Z }), Z && f1 && j(y1.children, p1 + 1, E1, G);
       }
     }
     const t1 = H(() => {
@@ -10444,17 +10446,17 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           j1(R.$slots, "search-action")
         ])) : V("", !0),
         d("div", zr, [
-          (n(!0), i(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(A, null, s1(t1.value, (Z) => (n(), i("div", {
+            key: Z.path,
+            class: B(["row", { group: Z.kids, leaf: Z.leaf, active: Z.leaf && Z.label === J.value }]),
+            style: Z1({ paddingLeft: l1(Z) + "px" }),
             role: "treeitem",
-            "aria-expanded": w.kids ? String(w.open) : null,
-            onClick: (f1) => D(w)
+            "aria-expanded": Z.kids ? String(Z.open) : null,
+            onClick: (f1) => D(Z)
           }, [
-            w.kids ? (n(), _1(y1, {
+            Z.kids ? (n(), _1(y1, {
               key: 0,
-              name: w.open ? "chevronDown" : "chevronRight",
+              name: Z.open ? "chevronDown" : "chevronRight",
               size: "12",
               class: "chev"
             }, null, 8, ["name"])) : e.mode === "tree" ? (n(), _1(y1, {
@@ -10463,32 +10465,38 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               size: "12",
               class: "chev leaf-chev"
             })) : V("", !0),
-            w.favorite ? (n(), _1(y1, {
+            Z.favorite ? (n(), _1(y1, {
               key: 2,
               name: "star",
               size: "16",
               class: "fav"
             })) : V("", !0),
-            w.icon ? (n(), _1(y1, {
+            Z.logo ? (n(), i("img", {
               key: 3,
-              name: w.icon,
-              size: w.kids ? 19 : 16,
+              src: Z.logo,
+              class: "r-logo",
+              alt: ""
+            }, null, 8, Or)) : Z.icon ? (n(), _1(y1, {
+              key: 4,
+              name: Z.icon,
+              size: Z.kids ? 19 : 16,
               class: "r-ic"
             }, null, 8, ["name", "size"])) : V("", !0),
-            d("span", Or, L(w.label), 1),
-            w.count != null && w.count !== "" ? (n(), _1(E1, {
-              key: 4,
+            d("span", Pr, L(Z.label), 1),
+            Z.count != null && Z.count !== "" ? (n(), _1(E1, {
+              key: 5,
               class: "count",
               variant: "tag-primary",
-              rounded: ""
+              rounded: "",
+              numeric: e.mode === "tree"
             }, {
               default: k2(() => [
-                $1(L(w.count), 1)
+                $1(L(Z.count), 1)
               ]),
               _: 2
-            }, 1024)) : V("", !0),
-            w.edit ? (n(), _1(y1, {
-              key: 5,
+            }, 1032, ["numeric"])) : V("", !0),
+            Z.edit ? (n(), _1(y1, {
+              key: 6,
               name: "pencil",
               size: "12",
               class: "pencil"
@@ -10498,10 +10506,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 = {
+}, Dr = /* @__PURE__ */ O1(Er, [["styles", [$r]]]), Br = ":host{display:inline-block;height:100%}.sb{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:65px;height:100%;min-height:var(--sidebar-min-height, 620px);padding-top:4px;background:var(--nav-panel-bg, #f6f9fc);color:var(--nav-text-color, #1d2a3e);box-shadow:3px 10px 10px #0000001a;transition:width .15s;overflow:hidden}.sb.expanded{width:170px}.logo{position:relative;z-index:1;display:flex;align-items:center;height:53px;margin:0 8px 8px;padding-left:13px;gap:10px;text-decoration:none;color:inherit;white-space:nowrap;flex-shrink:0}.sb:not(.expanded) .logo{justify-content:center;padding-left:0}.mark{display:inline-flex;align-items:center;flex-shrink:0}.mark svg{width:26px;height:26px;display:block}.mark ::slotted(img){width:26px;height:26px;display:block}.name{font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e)}.items{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0}.item{display:flex;align-items:center;height:40px;margin:0 8px 8px;padding-left:17px;gap:14px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--nav-text-color, #1d2a3e);flex-shrink:0;cursor:pointer}.sb:not(.expanded) .item{justify-content:center;padding-left:0;gap:0}.item:hover:not(.active){background:var(--nav-hover-bg, #ecf1f9)}.item.active{background:var(--primary-alt, #1d2a3e);color:var(--nav-selected-text-color, #f6f9fc)}.ic{flex-shrink:0}.lbl{display:inline-flex;align-items:center;font-size:13px;gap:8px}.beta{font-size:9px;padding:2px 7px;border-radius:5px;background:var(--code-tag-background-color, #ecf1f9);color:var(--nav-text-color, #1d2a3e);letter-spacing:.5px}.blobs{position:absolute;z-index:0;right:-75px;bottom:-100px;width:200px;height:200px;pointer-events:none}", Rr = { class: "mark" }, Ir = { class: "items" }, jr = ["aria-current", "onClick"], Nr = { class: "lbl" }, Fr = {
   key: 0,
   class: "beta"
-}, Fr = {
+}, Ur = {
   __name: "ObsSidebar.ce",
   props: {
     items: { type: [String, Array], default: "" },
@@ -10535,7 +10543,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", Rr, [
             j1(h.$slots, "logo", {}, () => [
               u[3] || (u[3] = d("svg", {
                 viewBox: "0 0 32 32",
@@ -10564,7 +10572,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             [r4, r.value]
           ])
         ]),
-        d("div", Rr, [
+        d("div", Ir, [
           (n(!0), i(A, null, s1(a.value, (C) => (n(), i("a", {
             key: C.key,
             class: B(["item", { active: C.key === e.active }]),
@@ -10577,22 +10585,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", Nr, [
               $1(L(C.label), 1),
-              C.beta ? (n(), i("span", Nr, "BETA")) : V("", !0)
+              C.beta ? (n(), i("span", Fr, "BETA")) : V("", !0)
             ], 512), [
               [r4, r.value]
             ])
-          ], 10, Ir))), 128))
+          ], 10, jr))), 128))
         ]),
         u[4] || (u[4] = n2('<span class="blobs" aria-hidden="true"><svg viewBox="0 0 200 180" width="200" height="200"><defs><linearGradient id="sbBlobA" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#89c540"></stop><stop offset="1" stop-color="#099dd9"></stop></linearGradient><linearGradient id="sbBlobB" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#f5bc18"></stop><stop offset="1" stop-color="#f58518"></stop></linearGradient></defs><circle cx="118" cy="90" r="74" fill="url(#sbBlobA)" opacity="0.5"></circle><circle cx="65" cy="50" r="34" fill="url(#sbBlobB)" opacity="0.5"></circle></svg></span>', 1))
       ], 34);
     };
   }
-}, 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 = {
+}, Wr = /* @__PURE__ */ O1(Ur, [["styles", [Br]]]), Kr = "button{font-family:inherit}:host{display:block}.tabs{color:var(--page-text-color, #1d2a3e)}.bar{display:flex;align-items:flex-end;position:relative;border-bottom:1px solid var(--border-color, #e3e8f2)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;outline:0;padding:12px 0 8px;margin:0 20px -1px 0;border-bottom:4px solid transparent;font-family:inherit;font-size:.8rem;font-weight:400;line-height:1.5;text-align:start;color:var(--tabs-text-color, #516381);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color .3s cubic-bezier(.645,.045,.355,1)}.tab:last-child{margin-right:0}.tab:hover:not(.disabled){color:var(--primary, #111c2c);border-bottom-color:var(--primary, #111c2c)}.tab.active{color:var(--primary, #111c2c);font-weight:500;border-bottom-color:var(--primary, #111c2c)}.tab.disabled{color:var(--neutral-light, #a5bad0);cursor:not-allowed}.tab .ic{display:inline-flex}.tab .lbl{display:inline-grid}.tab .lbl:after{content:attr(data-label);font-weight:500;height:0;visibility:hidden;overflow:hidden;pointer-events:none}.body{color:var(--page-text-color, #1d2a3e)}.v-no-border .bar{border-bottom-color:transparent}.v-sticky .bar{position:sticky;top:0;z-index:2;background:var(--page-background-color, #fff)}.v-grey .bar{background:var(--neutral-lightest, #f4f6fa)}", qr = {
   class: "bar",
   role: "tablist"
-}, qr = ["aria-selected", "disabled", "onClick"], Jr = ["data-label"], Gr = { class: "body" }, Yr = {
+}, Jr = ["aria-selected", "disabled", "onClick"], Gr = ["data-label"], Yr = { class: "body" }, Xr = {
   __name: "ObsTabs.ce",
   props: {
     tabs: { type: String, default: "" },
@@ -10656,7 +10664,7 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       return n(), i("div", {
         class: B(["tabs", ["v-" + (e.variant || "line")]])
       }, [
-        d("div", Kr, [
+        d("div", qr, [
           (n(!0), i(A, null, s1(a.value, ($) => (n(), i("button", {
             key: $.key,
             class: B(["tab", { active: $.key === p.value, disabled: $.disabled }]),
@@ -10676,10 +10684,10 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             d("span", {
               class: "lbl",
               "data-label": o($)
-            }, L(o($)), 9, Jr)
-          ], 10, qr))), 128))
+            }, L(o($)), 9, Gr)
+          ], 10, Jr))), 128))
         ]),
-        d("div", Gr, [
+        d("div", Yr, [
           (n(!0), i(A, null, s1(a.value, ($) => Z2((n(), i("div", {
             key: $.key,
             class: "pane",
@@ -10693,26 +10701,26 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 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 = {
+}, Qr = /* @__PURE__ */ O1(Xr, [["styles", [Kr]]]), en = "button{font-family:inherit}:host{display:block}.wrap{display:block}.crumb ::slotted(*){display:block;margin-bottom:6px}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:flex-start;gap:10px;min-width:0}.titles{display:flex;flex-direction:column;min-width:0}.ttl-row{display:flex;align-items:center;gap:10px;min-width:0}.subtitle{margin-top:2px;font-size:.75rem;line-height:1.4;color:var(--neutral-theme-color, #6a7fa0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent{flex:0 0 auto;width:3px;height:16px;border-radius:2px}.meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;margin-top:4px;font-size:.75rem;line-height:1.5;color:var(--page-text-color, #1d2a3e)}.meta-item{display:inline-flex;align-items:center}.meta-sep{margin:0 8px;color:var(--neutral-light, #6a7fa0)}.meta-ic{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px;display:inline-flex}.meta-dot{margin-right:4px;display:inline-flex}.meta-label{color:var(--neutral-theme-color, #6a7fa0);margin-right:4px}.meta-value{color:var(--page-text-color, #1d2a3e)}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;height:24px;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", tn = { class: "wrap" }, sn = { class: "crumb" }, cn = { class: "left" }, ln = { class: "titles" }, on = { class: "ttl-row" }, rn = {
   key: 1,
   class: "title"
-}, rn = {
+}, nn = {
   key: 2,
   class: "count"
-}, nn = {
+}, an = {
   key: 0,
   class: "subtitle"
-}, an = {
+}, dn = {
   key: 1,
   class: "meta"
-}, dn = {
+}, pn = {
   key: 0,
   class: "meta-sep",
   "aria-hidden": "true"
-}, pn = { class: "meta-item" }, un = {
+}, un = { class: "meta-item" }, hn = {
   key: 2,
   class: "meta-label"
-}, hn = { class: "meta-value" }, vn = { class: "right" }, fn = {
+}, vn = { class: "meta-value" }, fn = { class: "right" }, Cn = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
@@ -10747,14 +10755,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", tn, [
+        d("div", sn, [
           j1(a.$slots, "breadcrumb")
         ]),
         d("div", {
           class: B(["ph", { "no-divider": l(e.noDivider) }])
         }, [
-          d("div", sn, [
+          d("div", cn, [
             l(e.back) ? (n(), i("button", {
               key: 0,
               class: "back",
@@ -10769,23 +10777,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", ln, [
+              d("div", on, [
                 o.value ? (n(), i("span", {
                   key: 0,
                   class: "accent",
                   style: Z1({ background: o.value }),
                   "aria-hidden": "true"
                 }, null, 4)) : V("", !0),
-                e.heading ? (n(), i("h4", 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", rn, L(e.heading), 1)) : V("", !0),
+                e.count !== null && e.count !== "" ? (n(), i("span", nn, L(e.count), 1)) : V("", !0),
                 j1(a.$slots, "title")
               ]),
-              e.subtitle ? (n(), i("div", nn, L(e.subtitle), 1)) : V("", !0),
-              c.value.length ? (n(), i("div", an, [
+              e.subtitle ? (n(), i("div", an, L(e.subtitle), 1)) : V("", !0),
+              c.value.length ? (n(), i("div", dn, [
                 (n(!0), i(A, null, s1(c.value, (v, C) => (n(), i(A, { key: C }, [
-                  C > 0 ? (n(), i("span", dn, "|")) : V("", !0),
-                  d("span", pn, [
+                  C > 0 ? (n(), i("span", pn, "|")) : V("", !0),
+                  d("span", un, [
                     v.icon ? (n(), _1(h, {
                       key: 0,
                       name: v.icon,
@@ -10799,32 +10807,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", hn, L(v.label) + ":", 1)) : V("", !0),
+                    d("span", vn, L(v.value), 1)
                   ])
                 ], 64))), 128))
               ])) : V("", !0)
             ])
           ]),
-          d("div", vn, [
+          d("div", fn, [
             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 = {
+}, gn = /* @__PURE__ */ O1(Cn, [["styles", [en]]]), bn = "button{font-family:inherit}:host{display:block}.app{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.brand{display:inline-flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary-alt, #1d2a3e)}.brand ::slotted(img){height:40px;display:block}.right{display:flex;align-items:center;gap:4px}.circ{position:relative;width:36px;height:36px;border:0;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--neutral-light, #6a7fa0);transition:background .15s,color .15s}.circ:hover{background:var(--neutral-lighter, #e3e8f2)}.circ.active{color:var(--primary, #111c2c)}.badge{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary-red, #ec5b5b);color:var(--white-regular, #fff);font-size:9px;line-height:1}.build{display:inline-flex;align-items:center;height:22px;margin:0 8px;padding:0 8px;border-radius:4px;font-size:11px;background:var(--timerange-background-color, #e3e8f2);color:var(--primary, #111c2c)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;cursor:pointer}", mn = { class: "app" }, xn = { class: "brand" }, yn = { class: "right" }, Zn = ["aria-label", "title", "onClick"], wn = {
   key: 0,
   class: "badge"
-}, wn = {
+}, Mn = {
   key: 0,
   class: "build"
-}, Mn = {
+}, kn = {
   key: 0,
   class: "avatar",
   role: "button",
   tabindex: "0"
-}, kn = {
+}, Hn = {
   __name: "ObsAppHeader.ce",
   props: {
     brand: { type: String, default: "" },
@@ -10854,13 +10862,13 @@ 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", mn, [
+        d("div", xn, [
           j1(r.$slots, "brand", {}, () => [
             $1(L(e.brand), 1)
           ])
         ]),
-        d("div", xn, [
+        d("div", yn, [
           (n(!0), i(A, null, s1(o.value, (h, u) => (n(), i("button", {
             key: u,
             class: B(["circ", { active: h.active }]),
@@ -10873,24 +10881,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", wn, L(h.badge), 1)) : V("", !0)
+          ], 10, Zn))), 128)),
           j1(r.$slots, "default"),
-          e.build ? (n(), i("span", wn, "BUILD : " + L(e.build), 1)) : V("", !0),
+          e.build ? (n(), i("span", Mn, "BUILD : " + L(e.build), 1)) : V("", !0),
           j1(r.$slots, "user", {}, () => [
-            e.user ? (n(), i("span", Mn, L(e.user), 1)) : V("", !0)
+            e.user ? (n(), i("span", kn, 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 = {
+}, Vn = /* @__PURE__ */ O1(Hn, [["styles", [bn]]]), Ln = ":host{display:block}.tb{display:flex;align-items:center;color:var(--page-text-color, #1d2a3e);font-size:var(--text-sm, .8rem)}.tb.v-grid,.tb.v-widget{justify-content:space-between}.tb-lead{display:flex;align-items:center;gap:8px;min-width:0}.tb-main{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tb.v-bulk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));background:var(--page-background-color, #fff)}.tb-sel{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.tb-chk{display:inline-flex}.tb-count{font-size:13px;font-weight:500;white-space:nowrap;color:var(--neutral-light, #6a7fa0)}.tb.v-widget{padding:0 8px;border:1px solid var(--border-color, #e3e8f2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--common-widget-bg, #fff)}.tb-title{font-size:14px;font-weight:500;padding:8px 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}", _n = ["role"], Sn = {
   key: 0,
   class: "tb-sel"
-}, Sn = { class: "tb-count" }, $n = { class: "tb-lead" }, An = {
+}, $n = { class: "tb-count" }, An = { class: "tb-lead" }, zn = {
   key: 0,
   class: "tb-title"
-}, zn = { class: "tb-main" }, Tn = {
+}, Tn = { class: "tb-main" }, On = {
   __name: "ObsToolbar.ce",
   props: {
     variant: { type: String, default: "" },
@@ -10912,28 +10920,28 @@ const vl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         role: e.variant === "bulk" ? "toolbar" : null
       }, [
         e.variant === "bulk" ? (n(), i(A, { key: 0 }, [
-          e.count !== null && e.count !== "" ? (n(), i("span", _n, [
+          e.count !== null && e.count !== "" ? (n(), i("span", Sn, [
             q(p, {
               checked: "",
               class: "tb-chk",
               onChange: o
             }),
-            d("span", Sn, L(c.value), 1)
+            d("span", $n, 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),
+          d("div", An, [
+            e.variant === "widget" && e.title ? (n(), i("span", zn, L(e.title), 1)) : V("", !0),
             j1(r.$slots, "start")
           ]),
-          d("div", zn, [
+          d("div", Tn, [
             j1(r.$slots, "default")
           ])
         ], 64))
-      ], 10, Ln);
+      ], 10, _n);
     };
   }
-}, On = /* @__PURE__ */ O1(Tn, [["styles", [Vn]]]), Pn = {
+}, Pn = /* @__PURE__ */ O1(On, [["styles", [Ln]]]), En = {
   "obs-button": S0,
   "obs-tag": P0,
   "obs-checkbox": N0,
@@ -10966,18 +10974,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": Dr,
+  "obs-sidebar": Wr,
+  "obs-tabs": Qr,
+  "obs-page-header": gn,
+  "obs-app-header": Vn,
+  "obs-toolbar": Pn
 };
-function En() {
-  for (const [e, t] of Object.entries(Pn))
+function Dn() {
+  for (const [e, t] of Object.entries(En))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ C0(t));
 }
-En();
+Dn();
 export {
-  En as register
+  Dn as register
 };