npm - @mtdt/observeops-ds-elements - Versions diffs - 0.1.153 → 0.1.155 - Mend

@mtdt/observeops-ds-elements 0.1.153 → 0.1.155

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/elements-api.json +1 -1
package/dist/observeops-elements.js +355 -353
package/dist/observeops-elements.umd.cjs +4 -4
package/package.json +1 -1

package/dist/observeops-elements.js CHANGED Viewed

@@ -68,13 +68,13 @@ function d6(e) {
     }
   }), t;
 }
-function j(e) {
+function q(e) {
   let t = "";
   if (i2(e))
     t = e;
   else if (T1(e))
     for (let l = 0; l < e.length; l++) {
-      const c = j(e[l]);
+      const c = q(e[l]);
       c && (t += c + " ");
     }
   else if (e2(e))
@@ -3369,7 +3369,7 @@ function D0(e, t = null, l = null, c = 0, s = null, o = !1) {
   if (J0(e) && (e = e.__vccOpts), t) {
     t = R0(t);
     let { class: i, style: p } = t;
-    i && !i2(i) && (t.class = j(i)), e2(p) && (/* @__PURE__ */ c5(p) && !T1(p) && (p = d2({}, p)), t.style = _1(p));
+    i && !i2(i) && (t.class = q(i)), e2(p) && (/* @__PURE__ */ c5(p) && !T1(p) && (p = d2({}, p)), t.style = _1(p));
   }
   const r = i2(e) ? 1 : G8(e) ? 128 : Y6(e) ? 64 : e2(e) ? 4 : R1(e) ? 2 : 0;
   return d(
@@ -3483,7 +3483,7 @@ function q0(...e) {
     const c = e[l];
     for (const s in c)
       if (s === "class")
-        t.class !== c.class && (t.class = j([t.class, c.class]));
+        t.class !== c.class && (t.class = q([t.class, c.class]));
       else if (s === "style")
         t.style = _1([t.style, c.style]);
       else if (d4(s)) {
@@ -4428,7 +4428,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   setup(e) {
     return (t, l) => (a(), n("button", {
-      class: j(["btn", ["v-" + e.variant, "s-" + e.size, { outline: e.outline, block: e.block, square: e.square, squared: e.squared, loading: e.loading, "shape-circle": e.shape === "circle" }]]),
+      class: q(["btn", ["v-" + e.variant, "s-" + e.size, { outline: e.outline, block: e.block, square: e.square, squared: e.squared, loading: e.loading, "shape-circle": e.shape === "circle" }]]),
       disabled: e.disabled || e.loading
     }, [
       e.loading ? (a(), n("span", _9)) : Z("", !0),
@@ -4539,7 +4539,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const R = M1("obs-icon");
       return s.value ? (a(), n("span", {
         key: 0,
-        class: j(["tag", [U.value, { rounded: N.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
+        class: q(["tag", [U.value, { rounded: N.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
       }, [
         e.status ? (a(), n($, { key: 0 }, [
           $1(H(_.value), 1)
@@ -4621,7 +4621,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       (p.key === " " || p.key === "Enter") && (p.preventDefault(), r());
     }
     return (p, u) => (a(), n("label", {
-      class: j(["cb", { disabled: e.disabled }]),
+      class: q(["cb", { disabled: e.disabled }]),
       tabindex: e.disabled ? -1 : 0,
       role: "checkbox",
       "aria-checked": e.indeterminate ? "mixed" : o.value,
@@ -4629,7 +4629,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       onKeydown: i
     }, [
       d("span", {
-        class: j(["box", { on: o.value && !e.indeterminate, ind: e.indeterminate }])
+        class: q(["box", { on: o.value && !e.indeterminate, ind: e.indeterminate }])
       }, [
         o.value && !e.indeterminate ? (a(), n("span", R9)) : e.indeterminate ? (a(), n("span", q9)) : Z("", !0)
       ], 2),
@@ -4672,7 +4672,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       }
     }
     return (p, u) => (a(), n("button", {
-      class: j(["sw", ["s-" + e.size, { on: r.value, disabled: e.disabled, loading: e.loading, labelled: o.value }]]),
+      class: q(["sw", ["s-" + e.size, { on: r.value, disabled: e.disabled, loading: e.loading, labelled: o.value }]]),
       role: "switch",
       "aria-checked": r.value,
       disabled: e.disabled || e.loading,
@@ -4808,12 +4808,12 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       return C ? h[C] || (String(C).trim().startsWith("<") ? C : "") : "";
     }
     return (C, g) => (a(), n("div", {
-      class: j(["rg", [i.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity, block: e.block }]]),
+      class: q(["rg", [i.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity, block: e.block }]]),
       role: "radiogroup"
     }, [
       (a(!0), n($, null, f1(p.value, (L) => (a(), n("label", {
         key: L.value,
-        class: j(["opt", { on: r.value === L.value, dis: L.disabled || e.disabled }]),
+        class: q(["opt", { on: r.value === L.value, dis: L.disabled || e.disabled }]),
         role: "radio",
         "aria-checked": r.value === L.value,
         onClick: (M) => u(L)
@@ -4922,7 +4922,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (R, T) => {
       const u1 = M1("obs-icon");
       return a(), n("div", {
-        class: j(["root", { block: e.block }])
+        class: q(["root", { block: e.block }])
       }, [
         e.label ? (a(), n("label", {
           key: 0,
@@ -4933,11 +4933,11 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           e.required ? (a(), n("span", v7, " *")) : Z("", !0)
         ], 8, h7)) : Z("", !0),
         d("div", {
-          class: j(["grp", { "has-addon": S.value, area: u.value, block: e.block }])
+          class: q(["grp", { "has-addon": S.value, area: u.value, block: e.block }])
         }, [
           e.addonBefore ? (a(), n("span", f7, H(e.addonBefore), 1)) : Z("", !0),
           d("div", {
-            class: j(["ip", ["t-" + e.type, { error: e.error, disabled: e.disabled, readonly: e.readonly, material: e.material, nobord: e.noBorder }]])
+            class: q(["ip", ["t-" + e.type, { error: e.error, disabled: e.disabled, readonly: e.readonly, material: e.material, nobord: e.noBorder }]])
           }, [
             L.value ? (a(), n("span", {
               key: 0,
@@ -5037,7 +5037,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   setup(e) {
     return (t, l) => (a(), n("a", {
-      class: j(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, muted: e.muted && !e.asButton, disabled: e.disabled }]]),
+      class: q(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, muted: e.muted && !e.asButton, disabled: e.disabled }]]),
       href: e.disabled ? void 0 : e.href || "#",
       target: e.external ? "_blank" : void 0,
       rel: e.external ? "noopener noreferrer" : void 0,
@@ -5503,7 +5503,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const y = p1.value.trim();
       y && (C2.value.some((b) => b.value === y) || (X.value = [...X.value, { value: y, label: y }]), c("add", y), l.multiple ? (k.value.includes(y) || (k.value = [...k.value, y]), c("change", [...k.value])) : (k.value = [y], c("change", y)), v1.value = !1, p1.value = "", p2(V));
     }
-    function q(y) {
+    function j(y) {
       T.value = y.target.value, u1.value = 0, c("search", T.value), p2(V);
     }
     function D(y) {
@@ -5552,7 +5552,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       return a(), n("div", {
         ref_key: "rootRef",
         ref: N,
-        class: j(["sel", { open: R.value, disabled: e.disabled, multiple: e.multiple, block: e.block, text: l1.value === "text", chip: l1.value === "chip", btn: l1.value === "button", ic: l1.value === "icon", twopane: e.useAfterMenuDescription }]),
+        class: q(["sel", { open: R.value, disabled: e.disabled, multiple: e.multiple, block: e.block, text: l1.value === "text", chip: l1.value === "chip", btn: l1.value === "button", ic: l1.value === "icon", twopane: e.useAfterMenuDescription }]),
         tabindex: "0",
         role: "combobox",
         "aria-expanded": R.value,
@@ -5584,7 +5584,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           ], 64)) : (a(), n("span", I7, H(K1.value), 1))
         ])) : l1.value === "text" ? (a(), n("span", {
           key: 1,
-          class: j(["t-text", { ph: !k.value.length }]),
+          class: q(["t-text", { ph: !k.value.length }]),
           onClick: A1,
           onMouseenter: I3,
           onMouseleave: N3
@@ -5595,25 +5595,25 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           onClick: A1
         }, [
           d("span", {
-            class: j({ ph: !k.value.length })
+            class: q({ ph: !k.value.length })
           }, H(k.value.length ? e.multiple ? t3.value : Y1.value : K1.value), 3)
         ], 8, N7)) : l1.value === "button" ? (a(), n("button", {
           key: 3,
-          class: j(["t-btn", { open: R.value }]),
+          class: q(["t-btn", { open: R.value }]),
           disabled: e.disabled,
           onClick: A1
         }, [
           d("span", {
-            class: j({ ph: !k.value.length && !e.triggerLabel })
+            class: q({ ph: !k.value.length && !e.triggerLabel })
           }, H(e.triggerLabel || (k.value.length ? e.multiple ? t3.value : Y1.value : K1.value)), 3),
           A(w, {
-            class: j(["chev", { up: R.value }]),
+            class: q(["chev", { up: R.value }]),
             name: e.triggerIcon || "chevronDown",
             size: "13"
           }, null, 8, ["class", "name"])
         ], 10, U7)) : l1.value === "icon" ? (a(), n("button", {
           key: 4,
-          class: j(["t-icon", { on: k.value.length, open: R.value, bordered: i.value }]),
+          class: q(["t-icon", { on: k.value.length, open: R.value, bordered: i.value }]),
           disabled: e.disabled,
           "aria-label": e.triggerLabel || K1.value,
           onClick: A1
@@ -5625,7 +5625,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           e.multiple && k.value.length ? (a(), n("span", G7, H(k.value.length), 1)) : Z("", !0)
         ], 10, F7)) : (a(), n("button", {
           key: 5,
-          class: j(["trig", { open: R.value }]),
+          class: q(["trig", { open: R.value }]),
           disabled: e.disabled,
           onClick: A1,
           onMouseenter: b[1] || (b[1] = (G) => Y.value = !0),
@@ -5649,7 +5649,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               })
             ])) : e.loading ? (a(), n("span", X7)) : (a(), w1(w, {
               key: 2,
-              class: j(["chev", { up: R.value }]),
+              class: q(["chev", { up: R.value }]),
               name: "chevronDown",
               size: "13"
             }, null, 8, ["class"]))
@@ -5670,7 +5670,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           ref_key: "menuRef",
           ref: _,
           popover: "manual",
-          class: j(["menu", { twopane: e.useAfterMenuDescription, grouped: f.value, cols: i.value }]),
+          class: q(["menu", { twopane: e.useAfterMenuDescription, grouped: f.value, cols: i.value }]),
           style: _1(k1.value)
         }, [
           i.value ? (a(), n("div", ee, [
@@ -5678,7 +5678,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             d("div", le, [
               (a(!0), n($, null, f1(o.value, (G, D1) => (a(), n("div", {
                 key: G.key,
-                class: j(["cc-row", { dragging: p.value === D1, over: u.value === D1 && p.value !== D1, locked: G.locked }]),
+                class: q(["cc-row", { dragging: p.value === D1, over: u.value === D1 && p.value !== D1, locked: G.locked }]),
                 draggable: !G.locked,
                 onClick: (n2) => v(G),
                 onDragstart: (n2) => C(D1),
@@ -5726,7 +5726,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   ref: O,
                   value: T.value,
                   placeholder: "Search",
-                  onInput: m1(q, ["stop"])
+                  onInput: m1(j, ["stop"])
                 }, null, 40, ne)
               ]),
               e.canUserAddOptions ? (a(), n("button", {
@@ -5786,7 +5786,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               onClick: g2
             }, [
               d("span", {
-                class: j(["cbx", { ck: c1.value }]),
+                class: q(["cbx", { ck: c1.value }]),
                 "aria-hidden": "true"
               }, null, 2),
               b[8] || (b[8] = d("span", { class: "mlbl" }, "Select All", -1))
@@ -5800,7 +5800,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 (a(!0), n($, null, f1(x1.value, (G) => (a(), n("button", {
                   key: (G.__branch ? "g-" : "o-") + G.value,
                   type: "button",
-                  class: j(["mopt tnode", { branch: G.__branch, on: !G.__branch && k.value.includes(G.value), dis: G.disabled }]),
+                  class: q(["mopt tnode", { branch: G.__branch, on: !G.__branch && k.value.includes(G.value), dis: G.disabled }]),
                   style: _1({ paddingLeft: 12 + G.__level * 18 + "px" }),
                   role: "option",
                   "aria-selected": !G.__branch && k.value.includes(G.value),
@@ -5809,20 +5809,20 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   d("span", he, [
                     G.__branch ? (a(), w1(w, {
                       key: 0,
-                      class: j(["tchev", { open: o1(G) }]),
+                      class: q(["tchev", { open: o1(G) }]),
                       name: "chevronRight",
                       size: "10"
                     }, null, 8, ["class"])) : Z("", !0)
                   ]),
                   e.multiple ? (a(), n("span", {
                     key: 0,
-                    class: j(["cbx", G.__branch ? { ck: B1(G), ind: j1(G) } : { ck: k.value.includes(G.value) }]),
+                    class: q(["cbx", G.__branch ? { ck: B1(G), ind: j1(G) } : { ck: k.value.includes(G.value) }]),
                     "aria-hidden": "true",
                     onClick: m1((D1) => G.__branch ? G1(G) : r2(G), ["stop"])
                   }, null, 10, ve)) : Z("", !0),
                   G.avatar ? (a(), n("span", {
                     key: 1,
-                    class: j(["mav", { img: r1(G.avatar) }]),
+                    class: q(["mav", { img: r1(G.avatar) }]),
                     "aria-hidden": "true"
                   }, [
                     r1(G.avatar) ? (a(), n("img", {
@@ -5850,7 +5850,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "16"
                   }, null, 8, ["name"])) : Z("", !0),
                   d("span", {
-                    class: j(["mlbl", { two: G.sublabel, br: G.__branch }])
+                    class: q(["mlbl", { two: G.sublabel, br: G.__branch }])
                   }, [
                     d("span", Ce, H(G.label), 1),
                     G.sublabel ? (a(), n("span", ge, H(G.sublabel), 1)) : Z("", !0)
@@ -5866,7 +5866,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               ], 64)) : (a(), n($, { key: 1 }, [
                 (a(!0), n($, null, f1(m.value, (G, D1) => (a(), n("button", {
                   key: G.value,
-                  class: j(["mopt", { on: k.value.includes(G.value), dis: G.disabled, active: D1 === u1.value }]),
+                  class: q(["mopt", { on: k.value.includes(G.value), dis: G.disabled, active: D1 === u1.value }]),
                   role: "option",
                   "aria-selected": k.value.includes(G.value),
                   onClick: (n2) => r2(G),
@@ -5877,12 +5877,12 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 }, [
                   e.multiple ? (a(), n("span", {
                     key: 0,
-                    class: j(["cbx", { ck: k.value.includes(G.value) }]),
+                    class: q(["cbx", { ck: k.value.includes(G.value) }]),
                     "aria-hidden": "true"
                   }, null, 2)) : Z("", !0),
                   G.avatar ? (a(), n("span", {
                     key: 1,
-                    class: j(["mav", { img: r1(G.avatar) }]),
+                    class: q(["mav", { img: r1(G.avatar) }]),
                     "aria-hidden": "true"
                   }, [
                     r1(G.avatar) ? (a(), n("img", {
@@ -5910,7 +5910,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "16"
                   }, null, 8, ["name"])) : Z("", !0),
                   d("span", {
-                    class: j(["mlbl", { two: G.sublabel }])
+                    class: q(["mlbl", { two: G.sublabel }])
                   }, [
                     d("span", ye, H(G.label), 1),
                     G.sublabel ? (a(), n("span", Ze, H(G.sublabel), 1)) : Z("", !0)
@@ -5967,7 +5967,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   setup(e) {
     const t = e, l = (v) => v ? v.charAt(0).toUpperCase() + v.slice(1) : "", c = x(() => `var(--severity-${t.severity})`), s = x(() => t.severity === "down" ? "var(--severity-down)" : t.severity === "up" ? "var(--severity-critical-dot-box)" : t.severity === "disable" ? "var(--severity-disable-lighter)" : `var(--severity-${t.severity}-dot-box)`), o = x(() => l(t.severity)), r = x(() => t.value ?? l(t.severity)), i = x(() => t.severity === "down" ? { background: c.value, border: "0" } : { border: `2px solid ${c.value}`, background: s.value }), p = x(() => ({ background: c.value })), u = x(() => ({ color: c.value })), h = x(() => ({ background: `var(--severity-${t.severity}-lighter)`, borderColor: c.value, color: c.value }));
     return (v, C) => (a(), n("span", {
-      class: j(["sev", "shape-" + e.shape]),
+      class: q(["sev", "shape-" + e.shape]),
       title: o.value,
       role: e.displayText ? null : "img",
       "aria-label": e.displayText ? null : o.value
@@ -6111,7 +6111,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (k, X) => {
       const k1 = M1("obs-icon");
       return a(), n("div", {
-        class: j(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: _.value }]]),
+        class: q(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: _.value }]]),
         onMousedown: m1(Y, ["self"])
       }, [
         (a(!0), n($, null, f1(u.value, (C1, h1) => (a(), n("span", {
@@ -6153,7 +6153,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           })
         ])) : !e.disabled || s.value ? (a(), n("span", {
           key: 3,
-          class: j(["arrow", { up: _.value, dim: e.disabled }]),
+          class: q(["arrow", { up: _.value, dim: e.disabled }]),
           onMousedown: X[2] || (X[2] = m1((C1) => U.value && p1(), ["prevent"])),
           "aria-hidden": "true"
         }, [
@@ -6165,7 +6165,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         _.value ? (a(), n("ul", Ne, [
           (a(!0), n($, null, f1(N.value, (C1, h1) => (a(), n("li", {
             key: C1.value,
-            class: j(["mi", { active: h1 === C.value }]),
+            class: q(["mi", { active: h1 === C.value }]),
             role: "option",
             onMousedown: m1((q1) => v1(C1), ["prevent"]),
             onMouseenter: (q1) => C.value = h1
@@ -6215,7 +6215,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           s[0] || (s[0] = d("span", { class: "logo" }, null, -1)),
           (a(!0), n($, null, f1(t.value, (o) => (a(), n("span", {
             key: o,
-            class: j(["nico", { on: o === 2 }])
+            class: q(["nico", { on: o === 2 }])
           }, null, 2))), 128))
         ]),
         d("div", Xe, [
@@ -6241,7 +6241,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         s[6] || (s[6] = d("span", { class: "logo" }, null, -1)),
         (a(!0), n($, null, f1(t.value, (o) => (a(), n("span", {
           key: o,
-          class: j(["nico", { on: o === 2 }])
+          class: q(["nico", { on: o === 2 }])
         }, null, 2))), 128))
       ])) : Z("", !0),
       d("div", ct, [
@@ -6363,7 +6363,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         d("span", { class: "ts" }, null, -1)
       ])])) : Z("", !0),
       d("div", {
-        class: j(["pbody", { col: l.value }])
+        class: q(["pbody", { col: l.value }])
       }, [
         e.shape === "single" ? (a(), n("div", yt)) : e.shape === "two-pane" ? (a(), n($, { key: 1 }, [
           s[5] || (s[5] = d("div", {
@@ -6437,7 +6437,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           r[1] || (r[1] = d("span", { class: "logo" }, null, -1)),
           (a(), n($, null, f1(6, (i) => d("span", {
             key: i,
-            class: j(["nico", { on: i === 2 }])
+            class: q(["nico", { on: i === 2 }])
           }, null, 2)), 64))
         ])) : Z("", !0),
         d("div", St, [
@@ -6445,7 +6445,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             m2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
           ])])) : Z("", !0),
           d("div", {
-            class: j(["body", { padded: c.value.padded }])
+            class: q(["body", { padded: c.value.padded }])
           }, [
             c.value.twoPane === "tree" ? (a(), n("div", $t, [
               (a(), n($, null, f1(s, (i, p) => d("div", {
@@ -6460,7 +6460,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               r[4] || (r[4] = d("div", { class: "mhead" }, "SETTINGS", -1)),
               (a(), n($, null, f1(6, (i) => d("div", {
                 key: i,
-                class: j(["mrow", { on: i === 2 }])
+                class: q(["mrow", { on: i === 2 }])
               }, null, 2)), 64))
             ])) : Z("", !0),
             d("div", Tt, [
@@ -6650,7 +6650,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           class: "brow"
         }, [
           d("span", {
-            class: j(["cbox", { on: o <= 2 }])
+            class: q(["cbox", { on: o <= 2 }])
           }, null, 2),
           s[9] || (s[9] = d("span", { class: "bar f1" }, null, -1))
         ])), 64)),
@@ -6712,7 +6712,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (s, o) => {
       const r = M1("obs-icon");
       return a(), n("span", {
-        class: j(["tt", c.value])
+        class: q(["tt", c.value])
       }, [
         d("span", {
           class: "trigger",
@@ -6780,7 +6780,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       "netroute-edge": { surface: "graph", w: "300px", html: `<div class="ghead f6">10.0.2.1 ──► 10.0.3.1</div><div class="gbody">${l("Latency (min/avg/max)", "8 / 14 / 22 ms")}${l("Packet loss", "2 %")}${l("Transit Likelihood", "94 %")}</div>` }
     }, o = e, r = x(() => s[o.kind] || s.bar), i = x(() => o.block ? { padding: r.value.surface === "graph" ? void 0 : r.value.pad } : r.value.surface === "graph" ? { minWidth: r.value.w } : { padding: r.value.pad, minWidth: r.value.w === "auto" ? void 0 : r.value.w, maxWidth: r.value.max });
     return (p, u) => (a(), n("div", {
-      class: j(["card", [r.value.surface, { block: e.block }]]),
+      class: q(["card", [r.value.surface, { block: e.block }]]),
       style: _1(i.value),
       "data-extra": r.value.extra || "",
       innerHTML: r.value.html
@@ -6991,7 +6991,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function a1() {
       I.value = !1;
     }
-    function q(b) {
+    function j(b) {
       r1.value = b;
     }
     function D(b) {
@@ -7047,14 +7047,14 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const y1 = M1("obs-icon");
       return e.kind.startsWith("field") ? (a(), n("span", {
         key: 0,
-        class: j(["field-wrap", { open: I.value, wide: x1.value }])
+        class: q(["field-wrap", { open: I.value, wide: x1.value }])
       }, [
         d("span", {
-          class: j(["field", { disabled: e.disabled, open: I.value }]),
+          class: q(["field", { disabled: e.disabled, open: I.value }]),
           onClick: A1
         }, [
           d("span", {
-            class: j(["field-ph", { filled: H1.value }])
+            class: q(["field-ph", { filled: H1.value }])
           }, H(F.value || Q.value), 3),
           H1.value && !e.disabled ? (a(), w1(y1, {
             key: 0,
@@ -7131,7 +7131,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             }, [
               (a(!0), n($, null, f1(e1, (D1, n2) => (a(), n("div", { key: n2 }, [
                 d("div", {
-                  class: j(["fday", r2(D1)]),
+                  class: q(["fday", r2(D1)]),
                   onClick: m1((A2) => g2(D1), ["stop"])
                 }, H(D1.d), 11, Ol)
               ]))), 128))
@@ -7146,8 +7146,8 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (a(!0), n($, null, f1(k2(o1), (e1) => (a(), n("div", {
                   key: "h" + e1,
-                  class: j(["srow", { on: r1.value === e1 }]),
-                  onClick: m1((G) => q(e1), ["stop"])
+                  class: q(["srow", { on: r1.value === e1 }]),
+                  onClick: m1((G) => j(e1), ["stop"])
                 }, H(j1(e1)), 11, El))), 128))
               ], 512),
               d("div", {
@@ -7157,7 +7157,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (a(!0), n($, null, f1(k2(V1), (e1) => (a(), n("div", {
                   key: "m" + e1,
-                  class: j(["srow", { on: K.value === e1 }]),
+                  class: q(["srow", { on: K.value === e1 }]),
                   onClick: m1((G) => D(e1), ["stop"])
                 }, H(j1(e1)), 11, Dl))), 128))
               ], 512),
@@ -7168,14 +7168,14 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (a(), n($, null, f1(["AM", "PM"], (e1) => d("div", {
                   key: e1,
-                  class: j(["srow", { on: b1.value === e1 }]),
+                  class: q(["srow", { on: b1.value === e1 }]),
                   onClick: m1((G) => I1(e1), ["stop"])
                 }, H(e1), 11, Rl)), 64))
               ], 512)
             ])
           ])),
           d("div", {
-            class: j(["dt-foot", { single: e.kind === "field-date" }])
+            class: q(["dt-foot", { single: e.kind === "field-date" }])
           }, [
             e.kind === "field-date" ? (a(), n("span", {
               key: 0,
@@ -7244,7 +7244,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           }, ["stop"]))
         }, [
           d("div", {
-            class: j(["trigger", { bordered: e.bordered, disabled: e.disabled }]),
+            class: q(["trigger", { bordered: e.bordered, disabled: e.disabled }]),
             onClick: t1
           }, [
             T.value ? (a(), n($, { key: 0 }, [
@@ -7275,7 +7275,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           u.value && h.value === "presets" ? (a(), n("div", Ul, [
             (a(), n($, null, f1(r, (e1) => d("a", {
               key: e1.k,
-              class: j(["prow", { active: C.value === e1.k }]),
+              class: q(["prow", { active: C.value === e1.k }]),
               onClick: (G) => v1(e1.k)
             }, [
               d("span", null, H(e1.t), 1),
@@ -7283,7 +7283,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             ], 10, Fl)), 64)),
             R.value ? Z("", !0) : (a(), n("a", {
               key: 0,
-              class: j(["prow custom-row", { active: C.value === "custom" }]),
+              class: q(["prow custom-row", { active: C.value === "custom" }]),
               onClick: w[7] || (w[7] = (e1) => h.value = "custom")
             }, [
               d("span", Wl, [
@@ -7362,7 +7362,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               d("div", Jl, [
                 (a(!0), n($, null, f1(d1.value, (e1, G) => (a(), n("div", {
                   key: G,
-                  class: j(["month", { divr: G === 0 }])
+                  class: q(["month", { divr: G === 0 }])
                 }, [
                   d("div", Yl, [
                     d("span", Ql, [
@@ -7457,7 +7457,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   O.value === "from" ? (a(), n("div", oc, [
                     (a(!0), n($, null, f1(k2(i), (e1) => (a(), n("div", {
                       key: e1,
-                      class: j(["trow", { active: N.value === e1 }]),
+                      class: q(["trow", { active: N.value === e1 }]),
                       onClick: (G) => K1(e1)
                     }, H(e1), 11, ac))), 128))
                   ])) : Z("", !0)
@@ -7469,7 +7469,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     onClick: w[15] || (w[15] = (e1) => q1("to", e1))
                   }, [
                     d("span", {
-                      class: j({ muted: !_.value })
+                      class: q({ muted: !_.value })
                     }, H(_.value || "Select"), 3),
                     A(y1, {
                       name: "chevronDown",
@@ -7480,7 +7480,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   O.value === "to" ? (a(), n("div", nc, [
                     (a(!0), n($, null, f1(k2(i), (e1) => (a(), n("div", {
                       key: e1,
-                      class: j(["trow", { active: _.value === e1 }]),
+                      class: q(["trow", { active: _.value === e1 }]),
                       onClick: (G) => K1(e1)
                     }, H(e1), 11, ic))), 128))
                   ])) : Z("", !0)
@@ -7583,13 +7583,13 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     };
     function W(J) {
       if (!J || !J.groups) return "";
-      const z = J.condition === "or" ? "OR" : "AND", a1 = J.groups.map((q) => {
-        const D = q.conditions.filter((u2) => u2.operand && u2.operator);
+      const z = J.condition === "or" ? "OR" : "AND", a1 = J.groups.map((j) => {
+        const D = j.conditions.filter((u2) => u2.operand && u2.operator);
         if (!D.length) return "";
-        const I1 = q.condition === "or" ? "OR" : "AND", z1 = D.map((u2) => u2.operand + " <b>" + O(u2.operator) + "</b> " + (u2.operator === "between" ? (u2.value || "?") + "–" + (u2.toValue || "?") : u2.value || "Any")).join(" " + I1 + " ");
-        return "<strong>" + (q.inclusion === "exclude" ? "EXCLUDE" : "INCLUDE") + "</strong> " + z1;
+        const I1 = j.condition === "or" ? "OR" : "AND", z1 = D.map((u2) => u2.operand + " <b>" + O(u2.operator) + "</b> " + (u2.operator === "between" ? (u2.value || "?") + "–" + (u2.toValue || "?") : u2.value || "Any")).join(" " + I1 + " ");
+        return "<strong>" + (j.inclusion === "exclude" ? "EXCLUDE" : "INCLUDE") + "</strong> " + z1;
       }).filter(Boolean);
-      return a1.length ? a1.length > 1 ? a1.map((q) => "(" + q + ")").join(" " + z + " ") : a1[0] : "";
+      return a1.length ? a1.length > 1 ? a1.map((j) => "(" + j + ")").join(" " + z + " ") : a1[0] : "";
     }
     const R = x(() => M.value ? ["pre", "post"].map((J) => W(M.value[J])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
     function T() {
@@ -7679,7 +7679,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }
     const E1 = (J) => K1.value.find((z) => z.key === J), N1 = (J) => {
       for (const z in X) {
-        const a1 = X[z].find((q) => q.k === J);
+        const a1 = X[z].find((j) => j.k === J);
         if (a1) return a1;
       }
       return null;
@@ -7712,30 +7712,30 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }, r1 = x(() => n1.value.some(s1)), K = x(() => n1.value.filter(s1).length);
     function b1(J, z, a1) {
       a1 && a1.stopPropagation();
-      const q = n1.value[J];
-      if (z === "field" && q.dflt && q.field && (z = "operator"), I(J, z)) {
+      const j = n1.value[J];
+      if (z === "field" && j.dflt && j.field && (z = "operator"), I(J, z)) {
         S1.value = null, Q1.value = null;
         return;
       }
       S1.value = { i: J, step: z }, Z1(J);
     }
     function o1(J) {
-      const { i: z, step: a1 } = S1.value, q = n1.value[z];
+      const { i: z, step: a1 } = S1.value, j = n1.value[z];
       if (a1 === "field")
-        q.field = J.k, q.operator = "", q.value = "", S1.value = { i: z, step: "operator" };
+        j.field = J.k, j.operator = "", j.value = "", S1.value = { i: z, step: "operator" };
       else if (a1 === "operator")
-        q.operator = J.k, q.value = m(q) ? [] : "", S1.value = f(q) && !m(q) ? { i: z, step: "value" } : null, m(q) && f(q) && V1(z);
-      else if (m(q)) {
-        const D = Array.isArray(q.value) ? q.value : [];
-        q.value = D.includes(J.k) ? D.filter((I1) => I1 !== J.k) : [...D, J.k];
+        j.operator = J.k, j.value = m(j) ? [] : "", S1.value = f(j) && !m(j) ? { i: z, step: "value" } : null, m(j) && f(j) && V1(z);
+      else if (m(j)) {
+        const D = Array.isArray(j.value) ? j.value : [];
+        j.value = D.includes(J.k) ? D.filter((I1) => I1 !== J.k) : [...D, J.k];
       } else
-        q.value = J.k, S1.value = null;
+        j.value = J.k, S1.value = null;
       n1.value = [...n1.value], g1(), S1.value ? Z1(S1.value.i) : Q1.value = null;
     }
     function V1(J) {
       p2(() => {
         const z = () => {
-          const a1 = l1.value && l1.value.querySelectorAll(".chip-wrap")[J], q = a1 && a1.querySelector(".valsel obs-select"), D = q && q.shadowRoot && q.shadowRoot.querySelector(".t-text");
+          const a1 = l1.value && l1.value.querySelectorAll(".chip-wrap")[J], j = a1 && a1.querySelector(".valsel obs-select"), D = j && j.shadowRoot && j.shadowRoot.querySelector(".t-text");
           return D ? (D.click(), !0) : !1;
         };
         z() || requestAnimationFrame(z);
@@ -7758,15 +7758,15 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }
     function G1(J) {
       const z = E1(J.field);
-      return z ? JSON.stringify((z.values || []).map((a1) => typeof a1 == "string" ? { value: a1, label: a1 } : a1.children ? { value: a1.v, label: a1.v, children: a1.children.map((q) => ({ value: q, label: q })) } : { value: a1.v, label: a1.v, color: a1.col })) : "[]";
+      return z ? JSON.stringify((z.values || []).map((a1) => typeof a1 == "string" ? { value: a1, label: a1 } : a1.children ? { value: a1.v, label: a1.v, children: a1.children.map((j) => ({ value: j, label: j })) } : { value: a1.v, label: a1.v, color: a1.col })) : "[]";
     }
     const t2 = (J) => Array.isArray(J.value) ? J.value.join(",") : J.value || "", a2 = (J) => {
       const z = E1(J.field);
       return !!(z && z.selectAll);
     };
     function V(J, z) {
-      const a1 = z && z.detail, q = Array.isArray(a1) ? a1[0] : a1;
-      n1.value[J].value = Array.isArray(q) ? q : q == null || q === "" ? [] : [q], g1();
+      const a1 = z && z.detail, j = Array.isArray(a1) ? a1[0] : a1;
+      n1.value[J].value = Array.isArray(j) ? j : j == null || j === "" ? [] : [j], g1();
     }
     const F = ["Down monitors", "Critical alerts", "Unacknowledged", "My favorites"], H1 = /* @__PURE__ */ B({}), L1 = /* @__PURE__ */ B([
       { 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)" }] },
@@ -7786,9 +7786,9 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       J.composedPath().some((z) => z && z.tagName === "OBS-FILTERS") || (g.value = !1, S1.value = null, Q1.value = null, n1.value.some((z) => !z.field) && (n1.value = n1.value.filter((z) => z.field)));
     }
     return V2(() => document.addEventListener("click", z2, !0)), Z2(() => document.removeEventListener("click", z2, !0)), (J, z) => {
-      const a1 = M1("obs-icon"), q = M1("obs-select");
+      const a1 = M1("obs-icon"), j = M1("obs-select");
       return a(), n("div", {
-        class: j(["fx", "k-" + e.kind])
+        class: q(["fx", "k-" + e.kind])
       }, [
         e.kind === "expression" ? (a(), n("div", Zc, [
           d("div", {
@@ -7827,7 +7827,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             d("div", Hc, [
               (a(), n($, null, f1(U, (D) => d("div", {
                 key: D.k,
-                class: j(["tab", { on: L.value === D.k }]),
+                class: q(["tab", { on: L.value === D.k }]),
                 onClick: (I1) => L.value = D.k
               }, H(D.text), 11, Vc)), 64))
             ]),
@@ -8048,12 +8048,12 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             }, [
               d("span", Jc, [
                 d("span", {
-                  class: j(["seg field", { on: I(I1, "field") }]),
+                  class: q(["seg field", { on: I(I1, "field") }]),
                   onClick: m1((z1) => b1(I1, "field", z1), ["stop"])
                 }, H(c2(D)), 11, Yc),
                 D.operator ? (a(), n("span", {
                   key: 0,
-                  class: j(["seg op", { on: I(I1, "operator") }]),
+                  class: q(["seg op", { on: I(I1, "operator") }]),
                   onClick: m1((z1) => b1(I1, "operator", z1), ["stop"])
                 }, H(C2(D)), 11, Qc)) : Z("", !0),
                 D.operator && f(D) && m(D) ? (a(), n("span", {
@@ -8062,7 +8062,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   onClick: z[4] || (z[4] = m1(() => {
                   }, ["stop"]))
                 }, [
-                  A(q, {
+                  A(j, {
                     "text-only": "",
                     multiple: "",
                     "allow-clear": "",
@@ -8074,7 +8074,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   }, null, 8, ["allow-select-all", "options", "value", "onChange"])
                 ])) : D.operator && f(D) ? (a(), n("span", {
                   key: 2,
-                  class: j(["seg val", { on: I(I1, "value") }]),
+                  class: q(["seg val", { on: I(I1, "value") }]),
                   onClick: m1((z1) => b1(I1, "value", z1), ["stop"])
                 }, H(P(D)), 11, Xc)) : Z("", !0),
                 Q(D) ? (a(), n("span", {
@@ -8112,7 +8112,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             d("div", ts, H(S1.value.step), 1),
             (a(!0), n($, null, f1(i1.value, (D) => (a(), n("div", {
               key: D.k,
-              class: j(["menu-row", { msel: x1(S1.value.i, D) }]),
+              class: q(["menu-row", { msel: x1(S1.value.i, D) }]),
               onClick: m1((I1) => o1(D), ["stop"])
             }, [
               d("span", null, H(D.l), 1),
@@ -8222,7 +8222,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 A(a1, {
                   name: "chevronRight",
                   size: "10",
-                  class: j(["i10 vchev", { open: D.open }])
+                  class: q(["i10 vchev", { open: D.open }])
                 }, null, 8, ["class"]),
                 $1(H(D.n), 1)
               ], 8, Cs),
@@ -8232,7 +8232,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   class: "vrow"
                 }, [
                   d("span", {
-                    class: j(["vcb", { on: !!H1.value[D.n + I1.n] }]),
+                    class: q(["vcb", { on: !!H1.value[D.n + I1.n] }]),
                     onClick: m1((z1) => r2(D.n + I1.n), ["prevent"])
                   }, [
                     H1.value[D.n + I1.n] ? (a(), w1(a1, {
@@ -8251,7 +8251,7 @@ const V9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "13"
                   }, null, 8, ["style", "name"])) : Z("", !0),
                   d("span", {
-                    class: j(["vname", { noicon: !I1.i }])
+                    class: q(["vname", { noicon: !I1.i }])
                   }, H(I1.n), 3),
                   d("span", ms, H(I1.c), 1)
                 ]))), 128))
@@ -8275,7 +8275,7 @@ function t6(e) {
 function l6(e) {
   p3 === e && (p3 = null);
 }
-const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-family, "Poppins", sans-serif)}button{font-family:inherit}.drawer{position:fixed;inset:0 0 0 auto;height:100vh;max-height:100vh;max-width:100vw;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;border-left:2px solid var(--border-color, #e3e8f2);background:var(--drawer-background-color, var(--page-background-color, #fff));color:var(--page-text-color, #1d2a3e);font-size:.8rem;line-height:1.5;overflow:hidden;box-shadow:-8px 0 24px -12px var(--neutral-shadow-dark, rgba(0, 0, 0, .25));outline:none;transform:translate(0);transition:transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.drawer.place-left{inset:0 auto 0 0;border-left:0;border-right:2px solid var(--border-color, #e3e8f2);box-shadow:8px 0 24px -12px var(--neutral-shadow-dark, rgba(0, 0, 0, .25))}.drawer:not([open]){transform:translate(100%)}.drawer.place-left:not([open]){transform:translate(-100%)}@starting-style{.drawer[open]{transform:translate(100%)}}@starting-style{.drawer.place-left[open]{transform:translate(-100%)}}.drawer::backdrop{background:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:backdrop-filter .3s ease,opacity .3s ease allow-discrete,display .3s ease allow-discrete}@starting-style{.drawer[open]::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.drawer:not([open])::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}.wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.hd{position:relative;flex:0 0 auto;display:flex;align-items:center;margin:0 15px;padding:15px 0;border-bottom:1px solid var(--border-color, #e3e8f2)}.title{flex:1 1 auto;margin:0;font-size:1rem;font-weight:500;line-height:22px;color:var(--page-text-color, #1d2a3e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x{position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:100%;padding:0;border:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer;transition:color .15s}.x obs-icon{pointer-events:none}.x:hover{color:var(--page-text-color, #1d2a3e)}.x:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.body{flex:1 1 auto;min-height:0;padding:15px 15px 0}.body.scroll{overflow-y:auto}.body.pad{padding-left:24px;padding-right:24px}.body:not(.hasfoot){padding-bottom:15px}.body:not(.scroll){padding:0}.actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;height:60px;margin:0 24px;border-bottom-left-radius:15px;background:var(--drawer-background-color, var(--page-background-color, #fff))}.actions.split{justify-content:space-between}.actions .fright{display:inline-flex;align-items:center}.actions .fnote{font-size:12px;color:var(--secondary-red, #ec5b5b)}.probe{display:none}', ws = ["aria-labelledby"], Ms = { class: "hd" }, ks = ["id"], Hs = {
+const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-family, "Poppins", sans-serif)}button{font-family:inherit}.drawer{position:fixed;inset:0 0 0 auto;height:100vh;max-height:100vh;max-width:100vw;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;border-left:2px solid var(--border-color, #e3e8f2);background:var(--drawer-background-color, var(--page-background-color, #fff));color:var(--page-text-color, #1d2a3e);font-size:.8rem;line-height:1.5;overflow:hidden;box-shadow:-8px 0 24px -12px var(--neutral-shadow-dark, rgba(0, 0, 0, .25));outline:none;transform:translate(0);transition:transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.drawer.place-left{inset:0 auto 0 0;border-left:0;border-right:2px solid var(--border-color, #e3e8f2);box-shadow:8px 0 24px -12px var(--neutral-shadow-dark, rgba(0, 0, 0, .25))}.drawer:not([open]){transform:translate(100%)}.drawer.place-left:not([open]){transform:translate(-100%)}@starting-style{.drawer[open]{transform:translate(100%)}}@starting-style{.drawer.place-left[open]{transform:translate(-100%)}}.drawer::backdrop{background:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:backdrop-filter .3s ease,opacity .3s ease allow-discrete,display .3s ease allow-discrete}@starting-style{.drawer[open]::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.drawer:not([open])::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}.wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.wrap.pad{--drawer-inset: 24px}.hd{position:relative;flex:0 0 auto;display:flex;align-items:center;margin:0 var(--drawer-inset, 15px);padding:15px 0;border-bottom:1px solid var(--border-color, #e3e8f2)}.title{flex:1 1 auto;margin:0;font-size:1rem;font-weight:500;line-height:22px;color:var(--page-text-color, #1d2a3e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x{position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:100%;padding:0;border:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer;transition:color .15s}.x obs-icon{pointer-events:none}.x:hover{color:var(--page-text-color, #1d2a3e)}.x:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.body{flex:1 1 auto;min-height:0;padding:15px var(--drawer-inset, 15px) 0}.body.scroll{overflow-y:auto}.body:not(.hasfoot){padding-bottom:15px}.body:not(.scroll){padding:0}.actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;height:60px;margin:0 var(--drawer-inset, 15px);border-bottom-left-radius:15px;background:var(--drawer-background-color, var(--page-background-color, #fff))}.actions.split{justify-content:space-between}.actions .fright{display:inline-flex;align-items:center}.actions .fnote{font-size:12px;color:var(--secondary-red, #ec5b5b)}.probe{display:none}', ws = ["aria-labelledby"], Ms = { class: "hd" }, ks = ["id"], Hs = {
   key: 0,
   class: "fnote"
 }, Vs = { class: "fright" }, Ls = {
@@ -8296,7 +8296,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     scrolledContent: { type: [Boolean, String], default: !0 },
     // wrap body in a scroll region; false = multi-pane (columns scroll)
     usePadding: { type: Boolean, default: !1 },
-    // add horizontal body padding
+    // widen the shared inset to 24px for the WHOLE panel (header+body+footer stay aligned)
     escClosable: { type: [Boolean, String], default: !0 },
     // Escape closes; esc-closable="false" disables
     // built-in footer preset — used ONLY when the `actions` slot is empty. Values:
@@ -8375,7 +8375,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         ref_key: "dlg",
         ref: i,
         tabindex: "-1",
-        class: j(["drawer", ["place-" + e.placement]]),
+        class: q(["drawer", ["place-" + e.placement]]),
         style: _1({ width: u.value }),
         "aria-labelledby": k2(r),
         onClose: R,
@@ -8383,7 +8383,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         onClick: u1
       }, [
         d("div", {
-          class: "wrap",
+          class: q(["wrap", { pad: e.usePadding }]),
           onClick: d1
         }, [
           d("header", Ms, [
@@ -8408,12 +8408,12 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             ])
           ]),
           d("div", {
-            class: j(["body", { scroll: h.value, pad: e.usePadding, hasfoot: S.value }])
+            class: q(["body", { scroll: h.value, pad: e.usePadding, hasfoot: S.value }])
           }, [
             F1(Y.$slots, "default")
           ], 2),
           L2(d("footer", {
-            class: j(["actions", { split: !v.value && M.value }])
+            class: q(["actions", { split: !v.value && M.value }])
           }, [
             F1(Y.$slots, "actions", {
               ref_key: "actionsSlot",
@@ -8451,7 +8451,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           ], 2), [
             [r4, S.value]
           ])
-        ])
+        ], 2)
       ], 46, ws);
     };
   }
@@ -9162,7 +9162,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return a(), n("div", {
         ref_key: "rootRef",
         ref: M,
-        class: j(["gs", { open: C.value, disabled: e.disabled, block: e.block }])
+        class: q(["gs", { open: C.value, disabled: e.disabled, block: e.block }])
       }, [
         d("button", {
           type: "button",
@@ -9171,10 +9171,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onClick: m1(q1, ["stop"])
         }, [
           d("span", {
-            class: j(["tlabel", { ph: !_.value }])
+            class: q(["tlabel", { ph: !_.value }])
           }, H(W.value), 3),
           A(g1, {
-            class: j(["chev", { up: C.value }]),
+            class: q(["chev", { up: C.value }]),
             name: "angleDown",
             size: "12"
           }, null, 8, ["class"])
@@ -9327,7 +9327,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           })) : (a(), n("button", {
             key: W.key,
             type: "button",
-            class: j(["mitem", { danger: W.danger, positive: W.positive, sel: W.selected, dis: W.disabled }]),
+            class: q(["mitem", { danger: W.danger, positive: W.positive, sel: W.selected, dis: W.disabled }]),
             role: "menuitem",
             disabled: W.disabled,
             onClick: (T) => C(W)
@@ -9345,7 +9345,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         key: 1,
         ref_key: "rootRef",
         ref: u,
-        class: j(["ctx", { disabled: e.disabled }])
+        class: q(["ctx", { disabled: e.disabled }])
       }, [
         e.trigger === "button" ? (a(), n("button", {
           key: 0,
@@ -9356,14 +9356,14 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }, [
           d("span", null, H(e.label), 1),
           A(O, {
-            class: j(["chev", { up: p.value }]),
+            class: q(["chev", { up: p.value }]),
             name: "angleDown",
             size: "11"
           }, null, 8, ["class"])
         ], 8, Ws)) : (a(), n("button", {
           key: 1,
           type: "button",
-          class: j(["dots", { act: p.value }]),
+          class: q(["dots", { act: p.value }]),
           disabled: e.disabled,
           "aria-label": "Actions",
           onClick: m1(S, ["stop"])
@@ -9390,7 +9390,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             })) : (a(), n("button", {
               key: W.key,
               type: "button",
-              class: j(["mitem", { danger: W.danger, positive: W.positive, sel: W.selected, dis: W.disabled }]),
+              class: q(["mitem", { danger: W.danger, positive: W.positive, sel: W.selected, dis: W.disabled }]),
               role: "menuitem",
               disabled: W.disabled,
               onClick: (T) => C(W)
@@ -9512,7 +9512,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return a(), n("div", {
         ref_key: "rootRef",
         ref: M,
-        class: j(["cp", { disabled: e.disabled }])
+        class: q(["cp", { disabled: e.disabled }])
       }, [
         d("button", {
           type: "button",
@@ -9521,7 +9521,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onClick: m1(T, ["stop"])
         }, [
           d("span", {
-            class: j(["swatch", { tr: C.value }]),
+            class: q(["swatch", { tr: C.value }]),
             style: _1(C.value ? {} : { background: v.value }),
             "aria-hidden": "true"
           }, [
@@ -9529,7 +9529,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           ], 6),
           u.value ? (a(), w1(t1, {
             key: 0,
-            class: j(["chev", { up: L.value }]),
+            class: q(["chev", { up: L.value }]),
             name: "angleDown",
             size: "10"
           }, null, 8, ["class"])) : Z("", !0)
@@ -9546,7 +9546,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           d("div", co, [
             (a(!0), n($, null, f1(p.value, (v1) => (a(), n("span", {
               key: v1,
-              class: j(["cell", { on: v.value === v1 }]),
+              class: q(["cell", { on: v.value === v1 }]),
               style: _1({ background: v1 }),
               title: v1,
               onClick: (p1) => N(v1)
@@ -9567,7 +9567,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             ]),
             h.value ? (a(), n("span", {
               key: 0,
-              class: j(["tropt", { on: C.value }]),
+              class: q(["tropt", { on: C.value }]),
               onClick: Y[0] || (Y[0] = (v1) => N("transparent"))
             }, [...Y[2] || (Y[2] = [
               d("span", { class: "swatch tr" }, [
@@ -9860,11 +9860,11 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           })
         ])) : Z("", !0),
         d("div", {
-          class: j(["box", { sticky: s(e.stickyHeader) }]),
+          class: q(["box", { sticky: s(e.stickyHeader) }]),
           style: _1(e.maxHeight ? { maxHeight: e.maxHeight, overflowY: "auto" } : null)
         }, [
           d("table", {
-            class: j(["grid", ["hs-" + e.headerStyle, "v-" + e.variant, { "hide-hdr": e.hideHeader }]])
+            class: q(["grid", ["hs-" + e.headerStyle, "v-" + e.variant, { "hide-hdr": e.hideHeader }]])
           }, [
             d("thead", null, [
               d("tr", null, [
@@ -9876,15 +9876,15 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                     onChange: i1
                   }, null, 8, ["checked", "indeterminate"])
                 ])) : Z("", !0),
-                (a(!0), n($, null, f1(p.value, (q) => (a(), n("th", {
-                  key: q.key,
-                  class: j(["al-" + (q.align || "left"), { srt: i.value && q.sortable, sorted: M.value === q.key }]),
-                  style: _1(q.width ? { width: q.width } : null),
-                  onClick: (D) => r1(q)
+                (a(!0), n($, null, f1(p.value, (j) => (a(), n("th", {
+                  key: j.key,
+                  class: q(["al-" + (j.align || "left"), { srt: i.value && j.sortable, sorted: M.value === j.key }]),
+                  style: _1(j.width ? { width: j.width } : null),
+                  onClick: (D) => r1(j)
                 }, [
                   d("span", mo, [
-                    $1(H(q.title), 1),
-                    i.value && q.sortable && M.value === q.key ? (a(), w1(A1, {
+                    $1(H(j.title), 1),
+                    i.value && j.sortable && M.value === j.key ? (a(), w1(A1, {
                       key: 0,
                       class: "sarr",
                       name: S.value === "asc" ? "longArrowUp" : "longArrowDown",
@@ -9897,39 +9897,39 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               ])
             ]),
             d("tbody", null, [
-              (a(!0), n($, null, f1(f.value, (q) => (a(), n($, {
-                key: q.__group ? "g:" + q.__group : N(q)
+              (a(!0), n($, null, f1(f.value, (j) => (a(), n($, {
+                key: j.__group ? "g:" + j.__group : N(j)
               }, [
-                q.__group !== void 0 ? (a(), n("tr", {
+                j.__group !== void 0 ? (a(), n("tr", {
                   key: 0,
-                  class: j(["row-group", { report: !q1.value }])
+                  class: q(["row-group", { report: !q1.value }])
                 }, [
                   d("td", { colspan: k.value }, [
                     d("span", {
-                      class: j(["grp", { clickable: q1.value }]),
-                      onClick: (D) => n1(q.__group)
+                      class: q(["grp", { clickable: q1.value }]),
+                      onClick: (D) => n1(j.__group)
                     }, [
                       q1.value ? (a(), w1(A1, {
                         key: 0,
-                        name: K1(q.__group) ? "chevronDown" : "chevronRight",
+                        name: K1(j.__group) ? "chevronDown" : "chevronRight",
                         size: "11"
                       }, null, 8, ["name"])) : Z("", !0),
-                      $1(H(q.__group) + " ", 1),
-                      q1.value ? (a(), n("span", Mo, "(" + H(q.__count) + ")", 1)) : Z("", !0)
+                      $1(H(j.__group) + " ", 1),
+                      q1.value ? (a(), n("span", Mo, "(" + H(j.__count) + ")", 1)) : Z("", !0)
                     ], 10, wo)
                   ], 8, Zo)
                 ], 2)) : (a(), n($, { key: 1 }, [
                   d("tr", {
-                    class: j({ "row-selected": O(q), "in-group": !!e.groupBy }),
-                    onClick: (D) => c("rowclick", N(q))
+                    class: q({ "row-selected": O(j), "in-group": !!e.groupBy }),
+                    onClick: (D) => c("rowclick", N(j))
                   }, [
                     e.expandable ? (a(), n("td", {
                       key: 0,
                       class: "exp-col",
-                      onClick: m1((D) => C1(q), ["stop"])
+                      onClick: m1((D) => C1(j), ["stop"])
                     }, [
                       A(A1, {
-                        name: k1(q) ? "chevronDown" : "chevronRight",
+                        name: k1(j) ? "chevronDown" : "chevronRight",
                         size: "12",
                         class: "exp-ic"
                       }, null, 8, ["name"])
@@ -9941,57 +9941,57 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                       }, ["stop"]))
                     }, [
                       A(L1, {
-                        checked: O(q),
-                        disabled: !!q.disabled,
-                        onChange: (D) => I(q, D)
+                        checked: O(j),
+                        disabled: !!j.disabled,
+                        onChange: (D) => I(j, D)
                       }, null, 8, ["checked", "disabled", "onChange"])
                     ])) : Z("", !0),
                     (a(!0), n($, null, f1(p.value, (D, I1) => (a(), n("td", {
                       key: D.key,
-                      class: j(["al-" + (D.align || "left"), D.cls, { heat: D.type === "heat" }]),
-                      style: _1(D.type === "heat" ? { background: t2(q, D) } : null)
+                      class: q(["al-" + (D.align || "left"), D.cls, { heat: D.type === "heat" }]),
+                      style: _1(D.type === "heat" ? { background: t2(j, D) } : null)
                     }, [
                       e.tree && I1 === 0 ? (a(), n("span", {
                         key: 0,
                         class: "tree-lead",
-                        style: _1({ marginLeft: q.__level * 20 + "px" })
+                        style: _1({ marginLeft: j.__level * 20 + "px" })
                       }, [
-                        q.__hasKids ? (a(), w1(A1, {
+                        j.__hasKids ? (a(), w1(A1, {
                           key: 0,
                           class: "tree-chev",
-                          name: k1(q) ? "chevronDown" : "chevronRight",
+                          name: k1(j) ? "chevronDown" : "chevronRight",
                           size: "12",
-                          onClick: m1((z1) => C1(q), ["stop"])
+                          onClick: m1((z1) => C1(j), ["stop"])
                         }, null, 8, ["name", "onClick"])) : (a(), n("span", Vo))
                       ], 4)) : Z("", !0),
-                      e.editable && Z1(q) && D.editable ? (a(), w1(r2, {
+                      e.editable && Z1(j) && D.editable ? (a(), w1(r2, {
                         key: 1,
                         class: "edit-input",
                         value: String(l1.value[D.key] ?? ""),
                         onInput: (z1) => N1(D.key, z1)
-                      }, null, 8, ["value", "onInput"])) : D.type === "heat" ? (a(), n("span", Lo, H(o1(q, D)), 1)) : D.type === "bar" ? (a(), n("span", _o, [
+                      }, null, 8, ["value", "onInput"])) : D.type === "heat" ? (a(), n("span", Lo, H(o1(j, D)), 1)) : D.type === "bar" ? (a(), n("span", _o, [
                         d("span", So, [
                           d("span", {
                             class: "bar-fill",
-                            style: _1({ width: a2(q, D) + "%", background: a2(q, D) > 70 ? "var(--severity-major, #f47c22)" : "var(--primary-alt, #3279be)" })
+                            style: _1({ width: a2(j, D) + "%", background: a2(j, D) > 70 ? "var(--severity-major, #f47c22)" : "var(--primary-alt, #3279be)" })
                           }, null, 4)
                         ]),
-                        d("span", zo, H(a2(q, D)) + "%", 1)
+                        d("span", zo, H(a2(j, D)) + "%", 1)
                       ])) : D.type === "severity" ? (a(), n("span", $o, [
                         A(g2, {
-                          severity: j1(q),
+                          severity: j1(j),
                           shape: "dot"
                         }, null, 8, ["severity"]),
-                        $1(H(o1(q, D)), 1)
+                        $1(H(o1(j, D)), 1)
                       ])) : D.type === "dot" ? (a(), n("span", Ao, [
                         A(g2, {
-                          severity: String(o1(q, D)).toLowerCase().trim(),
+                          severity: String(o1(j, D)).toLowerCase().trim(),
                           shape: "dot",
                           "display-text": ""
                         }, null, 8, ["severity"])
                       ])) : D.type === "status" ? (a(), w1(H1, {
                         key: 6,
-                        status: String(o1(q, D))
+                        status: String(o1(j, D))
                       }, null, 8, ["status"])) : D.type === "type" ? (a(), n("span", Oo, [
                         A(A1, {
                           name: "server",
@@ -10003,7 +10003,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                           class: "cog"
                         })
                       ])) : D.type === "tags" ? (a(), n("span", To, [
-                        (a(!0), n($, null, f1(Array.isArray(o1(q, D)) ? o1(q, D) : [], (z1, u2) => (a(), w1(H1, {
+                        (a(!0), n($, null, f1(Array.isArray(o1(j, D)) ? o1(j, D) : [], (z1, u2) => (a(), w1(H1, {
                           key: u2,
                           variant: z1.variant || "default"
                         }, {
@@ -10014,7 +10014,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                         }, 1032, ["variant"]))), 128))
                       ])) : D.type === "sparkline" ? (a(), n("svg", Po, [
                         d("polyline", {
-                          points: G1(o1(q, D)),
+                          points: G1(o1(j, D)),
                           fill: "none",
                           stroke: "var(--primary-alt, #3279be)",
                           "stroke-width": "1.5",
@@ -10023,53 +10023,53 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                         }, null, 8, Bo)
                       ])) : D.type === "switch" ? (a(), w1(z2, {
                         key: 10,
-                        checked: V1(o1(q, D)),
-                        onChange: (z1) => B1(q, D, "switch", z1),
+                        checked: V1(o1(j, D)),
+                        onChange: (z1) => B1(j, D, "switch", z1),
                         onClick: F[1] || (F[1] = m1(() => {
                         }, ["stop"]))
                       }, null, 8, ["checked", "onChange"])) : D.type === "icon" ? (a(), w1(A1, {
                         key: 11,
                         class: "cell-ic-btn",
-                        name: x1(o1(q, D)).icon || String(o1(q, D)),
-                        label: x1(o1(q, D)).label || x1(o1(q, D)).title || D.title,
+                        name: x1(o1(j, D)).icon || String(o1(j, D)),
+                        label: x1(o1(j, D)).label || x1(o1(j, D)).title || D.title,
                         size: "16",
                         role: "button",
                         tabindex: "0",
-                        onClick: (z1) => B1(q, D, "icon", z1),
-                        onKeydown: G4((z1) => B1(q, D, "icon", z1), ["enter"])
+                        onClick: (z1) => B1(j, D, "icon", z1),
+                        onKeydown: G4((z1) => B1(j, D, "icon", z1), ["enter"])
                       }, null, 8, ["name", "label", "onClick", "onKeydown"])) : D.type === "link" ? (a(), n("a", {
                         key: 12,
                         class: "cell-link",
-                        href: x1(o1(q, D)).href || null,
-                        onClick: (z1) => B1(q, D, "link", z1, "text")
+                        href: x1(o1(j, D)).href || null,
+                        onClick: (z1) => B1(j, D, "link", z1, "text")
                       }, [
-                        x1(o1(q, D)).icon ? (a(), w1(A1, {
+                        x1(o1(j, D)).icon ? (a(), w1(A1, {
                           key: 0,
-                          name: x1(o1(q, D)).icon,
+                          name: x1(o1(j, D)).icon,
                           size: "14",
                           class: "cell-link-ic",
                           role: "button",
-                          "aria-label": x1(o1(q, D)).iconLabel || "action",
-                          onClick: m1((z1) => B1(q, D, "link", z1, "icon"), ["stop", "prevent"])
+                          "aria-label": x1(o1(j, D)).iconLabel || "action",
+                          onClick: m1((z1) => B1(j, D, "link", z1, "icon"), ["stop", "prevent"])
                         }, null, 8, ["name", "aria-label", "onClick"])) : Z("", !0),
-                        $1(H(O1(o1(q, D))), 1)
+                        $1(H(O1(o1(j, D))), 1)
                       ], 8, Eo)) : D.type === "button" ? (a(), w1(J, {
                         key: 13,
                         class: "cell-btn",
-                        variant: x1(o1(q, D)).variant || "default",
+                        variant: x1(o1(j, D)).variant || "default",
                         size: "small",
-                        onClick: (z1) => B1(q, D, "button", z1)
+                        onClick: (z1) => B1(j, D, "button", z1)
                       }, {
                         default: X1(() => [
-                          x1(o1(q, D)).icon ? (a(), w1(A1, {
+                          x1(o1(j, D)).icon ? (a(), w1(A1, {
                             key: 0,
-                            name: x1(o1(q, D)).icon,
+                            name: x1(o1(j, D)).icon,
                             size: "13"
                           }, null, 8, ["name"])) : Z("", !0),
-                          $1(H(O1(o1(q, D))), 1)
+                          $1(H(O1(o1(j, D))), 1)
                         ]),
                         _: 2
-                      }, 1032, ["variant", "onClick"])) : (a(), n("span", Do, H(o1(q, D)), 1))
+                      }, 1032, ["variant", "onClick"])) : (a(), n("span", Do, H(o1(j, D)), 1))
                     ], 6))), 128)),
                     h.value.length ? (a(), n("td", {
                       key: 2,
@@ -10080,7 +10080,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                       A(z, {
                         items: v.value,
                         placement: "bottom-end",
-                        onSelect: (D) => K(q, D)
+                        onSelect: (D) => K(j, D)
                       }, null, 8, ["items", "onSelect"])
                     ])) : Z("", !0),
                     e.editable ? (a(), n("td", {
@@ -10089,10 +10089,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                       onClick: F[4] || (F[4] = m1(() => {
                       }, ["stop"]))
                     }, [
-                      Z1(q) ? (a(), n("span", Ro, [
+                      Z1(j) ? (a(), n("span", Ro, [
                         A(a1, {
                           class: "edit-save",
-                          onClick: m1((D) => c2(q), ["prevent"])
+                          onClick: m1((D) => c2(j), ["prevent"])
                         }, {
                           default: X1(() => [...F[9] || (F[9] = [
                             $1("Save", -1)
@@ -10115,11 +10115,11 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                         size: "14",
                         class: "edit-pencil",
                         title: "Edit row",
-                        onClick: (D) => E1(q)
+                        onClick: (D) => E1(j)
                       }, null, 8, ["onClick"]))
                     ])) : Z("", !0)
                   ], 10, ko),
-                  e.expandable && k1(q) ? (a(), n("tr", qo, [
+                  e.expandable && k1(j) ? (a(), n("tr", qo, [
                     F[11] || (F[11] = d("td", { class: "exp-col" }, null, -1)),
                     e.selectable ? (a(), n("td", jo)) : Z("", !0),
                     d("td", {
@@ -10128,7 +10128,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                     }, [
                       d("div", {
                         class: "detail",
-                        innerHTML: q.detail || "No detail"
+                        innerHTML: j.detail || "No detail"
                       }, null, 8, No)
                     ], 8, Io)
                   ])) : Z("", !0)
@@ -10157,9 +10157,9 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           T.value && d1.value.length ? (a(), n("div", Ko, [
             d("div", Jo, [
               d("span", {
-                class: j(["ppage nav", { dis: U.value <= 1 }]),
+                class: q(["ppage nav", { dis: U.value <= 1 }]),
                 title: "First",
-                onClick: F[5] || (F[5] = (q) => b1(1))
+                onClick: F[5] || (F[5] = (j) => b1(1))
               }, [
                 A(A1, {
                   name: "chevronDoubleLeft",
@@ -10167,24 +10167,24 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 })
               ], 2),
               d("span", {
-                class: j(["ppage nav", { dis: U.value <= 1 }]),
+                class: q(["ppage nav", { dis: U.value <= 1 }]),
                 title: "Previous",
-                onClick: F[6] || (F[6] = (q) => b1(U.value - 1))
+                onClick: F[6] || (F[6] = (j) => b1(U.value - 1))
               }, [
                 A(A1, {
                   name: "chevronLeft",
                   size: "12"
                 })
               ], 2),
-              (a(!0), n($, null, f1(m.value, (q, D) => (a(), n("span", {
+              (a(!0), n($, null, f1(m.value, (j, D) => (a(), n("span", {
                 key: D,
-                class: j(["ppage", { sel: q === U.value, dots: q === "…" }]),
-                onClick: (I1) => b1(q)
-              }, H(q), 11, Yo))), 128)),
+                class: q(["ppage", { sel: j === U.value, dots: j === "…" }]),
+                onClick: (I1) => b1(j)
+              }, H(j), 11, Yo))), 128)),
               d("span", {
-                class: j(["ppage nav", { dis: U.value >= Y.value }]),
+                class: q(["ppage nav", { dis: U.value >= Y.value }]),
                 title: "Next",
-                onClick: F[7] || (F[7] = (q) => b1(U.value + 1))
+                onClick: F[7] || (F[7] = (j) => b1(U.value + 1))
               }, [
                 A(A1, {
                   name: "chevronRight",
@@ -10192,9 +10192,9 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 })
               ], 2),
               d("span", {
-                class: j(["ppage nav", { dis: U.value >= Y.value }]),
+                class: q(["ppage nav", { dis: U.value >= Y.value }]),
                 title: "Last",
-                onClick: F[8] || (F[8] = (q) => b1(Y.value))
+                onClick: F[8] || (F[8] = (j) => b1(Y.value))
               }, [
                 A(A1, {
                   name: "chevronDoubleRight",
@@ -10206,10 +10206,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 value: R.value,
                 onChange: c1
               }, [
-                (a(!0), n($, null, f1(u1.value, (q) => (a(), n("option", {
-                  key: q,
-                  value: q
-                }, H(q), 9, Xo))), 128))
+                (a(!0), n($, null, f1(u1.value, (j) => (a(), n("option", {
+                  key: j,
+                  value: j
+                }, H(j), 9, Xo))), 128))
               ], 40, Qo),
               F[13] || (F[13] = d("span", { class: "pperlbl" }, "items per page", -1))
             ]),
@@ -10313,7 +10313,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return a(), n("dialog", {
         ref_key: "dlg",
         ref: u,
-        class: j(["modal", { confirm: i.value, ["cfv-" + e.confirmVariant]: i.value, scrollable: o(e.scrollable), "no-pad": o(e.noPadding) }]),
+        class: q(["modal", { confirm: i.value, ["cfv-" + e.confirmVariant]: i.value, scrollable: o(e.scrollable), "no-pad": o(e.noPadding) }]),
         style: _1(v.value),
         onClose: M,
         onCancel: U,
@@ -10459,7 +10459,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (r, i) => {
       const p = M1("obs-tag");
       return a(), n("table", {
-        class: j(["kv", [`v-${e.variant}`, `cols-${s.value}`]])
+        class: q(["kv", [`v-${e.variant}`, `cols-${s.value}`]])
       }, [
         d("tbody", null, [
           (a(!0), n($, null, f1(o.value, (u, h) => (a(), n("tr", { key: h }, [
@@ -10513,7 +10513,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     const t = e, l = o2(), c = x(() => t.type === "vertical"), s = x(() => !c.value && (!!String(t.text || "").trim() || !!(l && l.textContent && l.textContent.trim()))), o = x(() => s.value ? "o-" + (t.orientation === "start" ? "start" : t.orientation === "end" ? "end" : "center") : "");
     return (r, i) => c.value ? (a(), n("div", La)) : s.value ? (a(), n("div", {
       key: 1,
-      class: j(["dh withtext", o.value]),
+      class: q(["dh withtext", o.value]),
       role: "separator"
     }, [
       d("span", _a, [
@@ -10552,7 +10552,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const g = M1("obs-icon");
       return u.value ? Z("", !0) : (a(), n("div", {
         key: 0,
-        class: j(["bn", "v-" + i.value]),
+        class: q(["bn", "v-" + i.value]),
         role: "status"
       }, [
         A(g, {
@@ -10622,7 +10622,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (h, v) => {
       const C = M1("obs-icon");
       return a(), n("nav", {
-        class: j(["bc", { divider: o(e.divider) }]),
+        class: q(["bc", { divider: o(e.divider) }]),
         "aria-label": "Breadcrumb"
       }, [
         o(e.back) ? (a(), n("button", {
@@ -10742,14 +10742,14 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (T, u1) => {
       const d1 = M1("obs-radio"), Y = M1("obs-tabs"), t1 = M1("obs-input"), v1 = M1("obs-icon"), p1 = M1("obs-logo"), k = M1("obs-tag");
       return a(), n("div", {
-        class: j(["sm", "m-" + e.mode])
+        class: q(["sm", "m-" + e.mode])
       }, [
         d("div", Ga, [
           F1(T.$slots, "logo")
         ]),
         i.value.length ? (a(), n("div", {
           key: 0,
-          class: j(["hd", { seg: e.tabStyle === "segmented" }])
+          class: q(["hd", { seg: e.tabStyle === "segmented" }])
         }, [
           e.tabStyle === "segmented" ? (a(), w1(d1, {
             key: 0,
@@ -10781,7 +10781,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         d("div", Ka, [
           (a(!0), n($, null, f1(S.value, (X) => (a(), n("div", {
             key: X.path,
-            class: j(["row", { group: X.kids, leaf: X.leaf, active: X.leaf && X.label === N.value }]),
+            class: q(["row", { group: X.kids, leaf: X.leaf, active: X.leaf && X.label === N.value }]),
             style: _1({ paddingLeft: U(X) + "px" }),
             role: "treeitem",
             "aria-expanded": X.kids ? String(X.open) : null,
@@ -10874,7 +10874,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (u, h) => {
       const v = M1("obs-logo"), C = M1("obs-icon");
       return a(), n("nav", {
-        class: j(["sb", { expanded: r.value }]),
+        class: q(["sb", { expanded: r.value }]),
         "aria-label": "Primary",
         onMouseenter: h[1] || (h[1] = (g) => o.value = !0),
         onMouseleave: h[2] || (h[2] = (g) => o.value = !1)
@@ -10901,7 +10901,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         d("div", sr, [
           (a(!0), n($, null, f1(i.value, (g) => (a(), n("a", {
             key: g.key,
-            class: j(["item", { active: g.key === e.active }]),
+            class: q(["item", { active: g.key === e.active }]),
             href: "#",
             "aria-current": g.key === e.active ? "page" : null,
             onClick: m1((L) => p(g), ["prevent"])
@@ -11006,12 +11006,12 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (M, S) => {
       const U = M1("obs-icon"), N = M1("obs-button");
       return a(), n("div", {
-        class: j(["tabs", ["v-" + (e.variant || "line")]])
+        class: q(["tabs", ["v-" + (e.variant || "line")]])
       }, [
         d("div", pr, [
           (a(!0), n($, null, f1(p.value, (_) => (a(), n("button", {
             key: _.key,
-            class: j(["tab", { active: _.key === u.value, disabled: _.disabled }]),
+            class: q(["tab", { active: _.key === u.value, disabled: _.disabled }]),
             role: "tab",
             type: "button",
             "aria-selected": _.key === u.value,
@@ -11134,12 +11134,12 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (C, g) => {
       const L = M1("obs-icon");
       return a(), n("div", {
-        class: j(["st", ["d-" + e.direction, "v-" + e.variant, "s-" + e.size, "f-" + e.fill, "c-" + e.connector, "done-" + e.completed, { clk: u.value, compact: h.value }]]),
+        class: q(["st", ["d-" + e.direction, "v-" + e.variant, "s-" + e.size, "f-" + e.fill, "c-" + e.connector, "done-" + e.completed, { clk: u.value, compact: h.value }]]),
         role: "list"
       }, [
         (a(!0), n($, null, f1(r.value, (M, S) => (a(), n("div", {
           key: S,
-          class: j(["step", ["is-" + p(S), { last: S === r.value.length - 1, nav: u.value && S <= i.value }]]),
+          class: q(["step", ["is-" + p(S), { last: S === r.value.length - 1, nav: u.value && S <= i.value }]]),
           role: "listitem",
           "aria-current": S === i.value ? "step" : null,
           onClick: (U) => v(S)
@@ -11314,7 +11314,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, [
         d("button", {
           type: "button",
-          class: j(["avatar", { act: p.value }]),
+          class: q(["avatar", { act: p.value }]),
           "aria-label": "Account menu",
           "aria-expanded": String(p.value),
           onClick: m1(R, ["stop"])
@@ -11360,7 +11360,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               })) : h1.href ? (a(), n("a", {
                 key: "a" + q1,
                 href: h1.href,
-                class: j(["urow", { danger: h1.danger }]),
+                class: q(["urow", { danger: h1.danger }]),
                 role: "menuitem",
                 onClick: (K1) => T(h1)
               }, [
@@ -11374,7 +11374,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               ], 10, qr)) : (a(), n("button", {
                 key: "b" + q1,
                 type: "button",
-                class: j(["urow", { danger: h1.danger }]),
+                class: q(["urow", { danger: h1.danger }]),
                 role: "menuitem",
                 onClick: (K1) => T(h1)
               }, [
@@ -11541,7 +11541,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, [
         d("button", {
           type: "button",
-          class: j(["bell", { act: i.value }]),
+          class: q(["bell", { act: i.value }]),
           "aria-label": "Notifications",
           "aria-expanded": String(i.value),
           onClick: m1(O, ["stop"])
@@ -11576,7 +11576,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             (a(!0), n($, null, f1(S.value, (C1, h1) => (a(), n("button", {
               key: h1,
               type: "button",
-              class: j(["nrow", { unread: C1.unread }]),
+              class: q(["nrow", { unread: C1.unread }]),
               role: "listitem",
               onClick: (q1) => R(C1, h1)
             }, [
@@ -11787,7 +11787,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return a(), n("div", {
         ref_key: "rootRef",
         ref: M,
-        class: j(["cpwrap", { ov: k.value }])
+        class: q(["cpwrap", { ov: k.value }])
       }, [
         k.value ? (a(), n("button", {
           key: 0,
@@ -11810,7 +11810,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onCancel: m1(q1, ["prevent"])
         }, [
           d("div", {
-            class: j(["cp", { err: h.value, hascat: r.value.length, blk: X.value, ctr: k1.value }]),
+            class: q(["cp", { err: h.value, hascat: r.value.length, blk: X.value, ctr: k1.value }]),
             onClick: g1[0] || (g1[0] = m1(() => {
             }, ["stop"]))
           }, [
@@ -11860,7 +11860,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 (a(!0), n($, null, f1(C.value, (N1, c2) => (a(), n("button", {
                   key: c2,
                   type: "button",
-                  class: j(["cp-sug", { on: c2 === L.value }]),
+                  class: q(["cp-sug", { on: c2 === L.value }]),
                   role: "option",
                   onMousedown: m1((C2) => T(N1), ["prevent"]),
                   onMouseenter: (C2) => L.value = c2
@@ -11948,26 +11948,26 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       ], 2);
     };
   }
-}, bn = /* @__PURE__ */ P1(gn, [["styles", [pn]]]), mn = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.wrap{display:block;padding:var(--page-header-padding, 16px 20px 0)}.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)}", xn = { class: "wrap" }, yn = { class: "crumb" }, Zn = { class: "left" }, wn = { class: "titles" }, Mn = { class: "ttl-row" }, kn = {
+}, bn = /* @__PURE__ */ P1(gn, [["styles", [pn]]]), mn = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.wrap{display:block;border-bottom:1px solid var(--border-color, #e3e8f2)}.wrap.no-divider{border-bottom-color:transparent}.inner{padding:var(--page-header-padding, 10px 16px)}.crumb ::slotted(*){display:block;margin-bottom:4px}.ph{display:flex;align-items:center;justify-content:space-between;color:var(--page-text-color, #1d2a3e)}.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)}", xn = { class: "inner" }, yn = { class: "crumb" }, Zn = { class: "ph" }, wn = { class: "left" }, Mn = { class: "titles" }, kn = { class: "ttl-row" }, Hn = {
   key: 1,
   class: "title"
-}, Hn = {
+}, Vn = {
   key: 2,
   class: "count"
-}, Vn = {
+}, Ln = {
   key: 0,
   class: "subtitle"
-}, Ln = {
+}, _n = {
   key: 1,
   class: "meta"
-}, _n = {
+}, Sn = {
   key: 0,
   class: "meta-sep",
   "aria-hidden": "true"
-}, Sn = { class: "meta-item" }, zn = {
+}, zn = { class: "meta-item" }, $n = {
   key: 2,
   class: "meta-label"
-}, $n = { class: "meta-value" }, An = { class: "right" }, On = {
+}, An = { class: "meta-value" }, On = { class: "right" }, Tn = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
@@ -12002,84 +12002,86 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     };
     return (i, p) => {
       const u = M1("obs-icon"), h = M1("obs-severity");
-      return a(), n("div", xn, [
-        d("div", yn, [
-          F1(i.$slots, "breadcrumb")
-        ]),
-        d("div", {
-          class: j(["ph", { "no-divider": c(e.noDivider) }])
-        }, [
+      return a(), n("div", {
+        class: q(["wrap", { "no-divider": c(e.noDivider) }])
+      }, [
+        d("div", xn, [
+          d("div", yn, [
+            F1(i.$slots, "breadcrumb")
+          ]),
           d("div", Zn, [
-            c(e.back) ? (a(), n("button", {
-              key: 0,
-              class: "back",
-              type: "button",
-              "aria-label": "Back",
-              onClick: r
-            }, [
-              A(u, {
-                name: "chevronLeft",
-                size: "16"
-              })
-            ])) : Z("", !0),
-            F1(i.$slots, "back"),
-            F1(i.$slots, "before"),
             d("div", wn, [
+              c(e.back) ? (a(), n("button", {
+                key: 0,
+                class: "back",
+                type: "button",
+                "aria-label": "Back",
+                onClick: r
+              }, [
+                A(u, {
+                  name: "chevronLeft",
+                  size: "16"
+                })
+              ])) : Z("", !0),
+              F1(i.$slots, "back"),
+              F1(i.$slots, "before"),
               d("div", Mn, [
-                o.value ? (a(), n("span", {
-                  key: 0,
-                  class: "accent",
-                  style: _1({ background: o.value }),
-                  "aria-hidden": "true"
-                }, null, 4)) : Z("", !0),
-                e.heading ? (a(), n("h4", kn, H(e.heading), 1)) : Z("", !0),
-                e.count !== null && e.count !== "" ? (a(), n("span", Hn, H(e.count), 1)) : Z("", !0),
-                F1(i.$slots, "title")
-              ]),
-              e.subtitle ? (a(), n("div", Vn, H(e.subtitle), 1)) : Z("", !0),
-              s.value.length ? (a(), n("div", Ln, [
-                (a(!0), n($, null, f1(s.value, (v, C) => (a(), n($, { key: C }, [
-                  C > 0 ? (a(), n("span", _n, "|")) : Z("", !0),
-                  d("span", Sn, [
-                    v.icon ? (a(), w1(u, {
-                      key: 0,
-                      name: v.icon,
-                      size: "12",
-                      class: "meta-ic",
-                      "aria-hidden": "true"
-                    }, null, 8, ["name"])) : Z("", !0),
-                    v.status ? (a(), w1(h, {
-                      key: 1,
-                      severity: v.status,
-                      shape: "dot",
-                      class: "meta-dot"
-                    }, null, 8, ["severity"])) : Z("", !0),
-                    v.label ? (a(), n("span", zn, H(v.label) + ":", 1)) : Z("", !0),
-                    d("span", $n, H(v.value), 1)
-                  ])
-                ], 64))), 128))
-              ])) : Z("", !0)
+                d("div", kn, [
+                  o.value ? (a(), n("span", {
+                    key: 0,
+                    class: "accent",
+                    style: _1({ background: o.value }),
+                    "aria-hidden": "true"
+                  }, null, 4)) : Z("", !0),
+                  e.heading ? (a(), n("h4", Hn, H(e.heading), 1)) : Z("", !0),
+                  e.count !== null && e.count !== "" ? (a(), n("span", Vn, H(e.count), 1)) : Z("", !0),
+                  F1(i.$slots, "title")
+                ]),
+                e.subtitle ? (a(), n("div", Ln, H(e.subtitle), 1)) : Z("", !0),
+                s.value.length ? (a(), n("div", _n, [
+                  (a(!0), n($, null, f1(s.value, (v, C) => (a(), n($, { key: C }, [
+                    C > 0 ? (a(), n("span", Sn, "|")) : Z("", !0),
+                    d("span", zn, [
+                      v.icon ? (a(), w1(u, {
+                        key: 0,
+                        name: v.icon,
+                        size: "12",
+                        class: "meta-ic",
+                        "aria-hidden": "true"
+                      }, null, 8, ["name"])) : Z("", !0),
+                      v.status ? (a(), w1(h, {
+                        key: 1,
+                        severity: v.status,
+                        shape: "dot",
+                        class: "meta-dot"
+                      }, null, 8, ["severity"])) : Z("", !0),
+                      v.label ? (a(), n("span", $n, H(v.label) + ":", 1)) : Z("", !0),
+                      d("span", An, H(v.value), 1)
+                    ])
+                  ], 64))), 128))
+                ])) : Z("", !0)
+              ])
+            ]),
+            d("div", On, [
+              F1(i.$slots, "default")
             ])
-          ]),
-          d("div", An, [
-            F1(i.$slots, "default")
           ])
-        ], 2)
-      ]);
+        ])
+      ], 2);
     };
   }
-}, Tn = /* @__PURE__ */ P1(On, [["styles", [mn]]]), Pn = ":host([hidden]){display:none!important}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" }, En = { class: "brand" }, Dn = { class: "right" }, Rn = ["aria-label", "title", "onClick"], qn = {
+}, Pn = /* @__PURE__ */ P1(Tn, [["styles", [mn]]]), Bn = ":host([hidden]){display:none!important}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}", En = { class: "app" }, Dn = { class: "brand" }, Rn = { class: "right" }, qn = ["aria-label", "title", "onClick"], jn = {
   key: 0,
   class: "badge"
-}, jn = {
+}, In = {
   key: 0,
   class: "build"
-}, In = {
+}, Nn = {
   key: 0,
   class: "avatar",
   role: "button",
   tabindex: "0"
-}, Nn = {
+}, Un = {
   __name: "ObsAppHeader.ce",
   props: {
     brand: { type: String, default: "" },
@@ -12109,16 +12111,16 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     });
     return (r, i) => {
       const p = M1("obs-icon");
-      return a(), n("header", Bn, [
-        d("div", En, [
+      return a(), n("header", En, [
+        d("div", Dn, [
           F1(r.$slots, "brand", {}, () => [
             $1(H(e.brand), 1)
           ])
         ]),
-        d("div", Dn, [
+        d("div", Rn, [
           (a(!0), n($, null, f1(o.value, (u, h) => (a(), n("button", {
             key: h,
-            class: j(["circ", { active: u.active }]),
+            class: q(["circ", { active: u.active }]),
             type: "button",
             "aria-label": u.label,
             title: u.label,
@@ -12128,24 +12130,24 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               name: u.icon,
               size: "18"
             }, null, 8, ["name"]),
-            u.badge !== null ? (a(), n("span", qn, H(u.badge), 1)) : Z("", !0)
-          ], 10, Rn))), 128)),
+            u.badge !== null ? (a(), n("span", jn, H(u.badge), 1)) : Z("", !0)
+          ], 10, qn))), 128)),
           F1(r.$slots, "default"),
-          e.build ? (a(), n("span", jn, "BUILD : " + H(e.build), 1)) : Z("", !0),
+          e.build ? (a(), n("span", In, "BUILD : " + H(e.build), 1)) : Z("", !0),
           F1(r.$slots, "user", {}, () => [
-            e.user ? (a(), n("span", In, H(e.user), 1)) : Z("", !0)
+            e.user ? (a(), n("span", Nn, H(e.user), 1)) : Z("", !0)
           ])
         ])
       ]);
     };
   }
-}, Un = /* @__PURE__ */ P1(Nn, [["styles", [Pn]]]), Fn = ":host([hidden]){display:none!important}: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}", Gn = ["role"], Wn = {
+}, Fn = /* @__PURE__ */ P1(Un, [["styles", [Bn]]]), Gn = ":host([hidden]){display:none!important}: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}", Wn = ["role"], Kn = {
   key: 0,
   class: "tb-sel"
-}, Kn = { class: "tb-count" }, Jn = { class: "tb-lead" }, Yn = {
+}, Jn = { class: "tb-count" }, Yn = { class: "tb-lead" }, Qn = {
   key: 0,
   class: "tb-title"
-}, Qn = { class: "tb-main" }, Xn = {
+}, Xn = { class: "tb-main" }, ei = {
   __name: "ObsToolbar.ce",
   props: {
     variant: { type: String, default: "" },
@@ -12163,42 +12165,42 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (r, i) => {
       const p = M1("obs-checkbox");
       return a(), n("div", {
-        class: j(["tb", "v-" + (e.variant || "grid")]),
+        class: q(["tb", "v-" + (e.variant || "grid")]),
         role: e.variant === "bulk" ? "toolbar" : null
       }, [
         e.variant === "bulk" ? (a(), n($, { key: 0 }, [
-          e.count !== null && e.count !== "" ? (a(), n("span", Wn, [
+          e.count !== null && e.count !== "" ? (a(), n("span", Kn, [
             A(p, {
               checked: "",
               class: "tb-chk",
               onChange: o
             }),
-            d("span", Kn, H(s.value), 1)
+            d("span", Jn, H(s.value), 1)
           ])) : Z("", !0),
           F1(r.$slots, "default")
         ], 64)) : (a(), n($, { key: 1 }, [
-          d("div", Jn, [
-            e.variant === "widget" && e.title ? (a(), n("span", Yn, H(e.title), 1)) : Z("", !0),
+          d("div", Yn, [
+            e.variant === "widget" && e.title ? (a(), n("span", Qn, H(e.title), 1)) : Z("", !0),
             F1(r.$slots, "start")
           ]),
-          d("div", Qn, [
+          d("div", Xn, [
             F1(r.$slots, "default")
           ])
         ], 64))
-      ], 10, Gn);
+      ], 10, Wn);
     };
   }
-}, ei = /* @__PURE__ */ P1(Xn, [["styles", [Fn]]]), ti = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.mp{display:flex;flex-direction:column;min-height:0;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;padding:1px 8px 8px 12px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:.82rem}.mp.embedded{padding-top:0}.mp.embedded .mp-tabs{margin-top:0}.mp-mtabs{display:block;margin-bottom:12px}.mp-monitor{display:flex;flex-direction:column;gap:6px;padding-right:4px}.mp-label{font-size:var(--text-sm, .8rem);font-weight:400;line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.mp-gs{display:block}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 0;color:var(--neutral-light, #6a7fa0);text-align:center}.mp-empty p{margin:0}.mp-tabs{display:block;margin:10px 4px 6px 0}.mp-search{display:block;margin:10px 4px 8px 0}.mp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:340px;padding-right:2px}.mp-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;height:36px;padding:0 6px 0 2px;border-radius:6px;background:none;color:var(--page-text-color, #1d2a3e)}.mp-row.grab{cursor:grab}.mp-row.grab:active{cursor:grabbing}.mp-row:hover{background:var(--neutral-lightest, #f4f6fb)}.mp-add{display:inline-flex;flex:none;border:0;padding:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer}.mp-add:hover{color:var(--primary, #111c2c)}.mp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neutral-regular, #4a5b78)}.mp-drag{display:inline-flex;flex:none;color:var(--neutral-light, #6a7fa0);cursor:grab}.mp-nomatch{padding:16px 8px;color:var(--neutral-light, #6a7fa0);text-align:center}", li = { class: "mp-monitor" }, ci = {
+}, ti = /* @__PURE__ */ P1(ei, [["styles", [Gn]]]), li = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.mp{display:flex;flex-direction:column;min-height:0;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);border-radius:8px;padding:1px 8px 8px 12px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:.82rem}.mp.embedded{padding-top:0}.mp.embedded .mp-tabs{margin-top:0}.mp-mtabs{display:block;margin-bottom:12px}.mp-monitor{display:flex;flex-direction:column;gap:6px;padding-right:4px}.mp-label{font-size:var(--text-sm, .8rem);font-weight:400;line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.mp-gs{display:block}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 0;color:var(--neutral-light, #6a7fa0);text-align:center}.mp-empty p{margin:0}.mp-tabs{display:block;margin:10px 4px 6px 0}.mp-search{display:block;margin:10px 4px 8px 0}.mp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:340px;padding-right:2px}.mp-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;height:36px;padding:0 6px 0 2px;border-radius:6px;background:none;color:var(--page-text-color, #1d2a3e)}.mp-row.grab{cursor:grab}.mp-row.grab:active{cursor:grabbing}.mp-row:hover{background:var(--neutral-lightest, #f4f6fb)}.mp-add{display:inline-flex;flex:none;border:0;padding:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer}.mp-add:hover{color:var(--primary, #111c2c)}.mp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neutral-regular, #4a5b78)}.mp-drag{display:inline-flex;flex:none;color:var(--neutral-light, #6a7fa0);cursor:grab}.mp-nomatch{padding:16px 8px;color:var(--neutral-light, #6a7fa0);text-align:center}", ci = { class: "mp-monitor" }, si = {
   key: 1,
   class: "mp-empty"
-}, si = { class: "mp-list" }, oi = ["draggable", "title", "onDragstart", "onDragend"], ai = ["onClick"], ri = { class: "mp-name" }, ni = {
+}, oi = { class: "mp-list" }, ai = ["draggable", "title", "onDragstart", "onDragend"], ri = ["onClick"], ni = { class: "mp-name" }, ii = {
   key: 1,
   class: "mp-drag",
   "aria-hidden": "true"
-}, ii = {
+}, di = {
   key: 0,
   class: "mp-nomatch"
-}, di = {
+}, pi = {
   __name: "ObsMetricPicker.ce",
   props: {
     monitors: { type: [String, Array], default: "" },
@@ -12309,7 +12311,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (l1, Z1) => {
       const E1 = M1("obs-tabs"), N1 = M1("obs-grid-select"), c2 = M1("obs-icon"), C2 = M1("obs-input");
       return a(), n("div", {
-        class: j(["mp", { embedded: k1.value }])
+        class: q(["mp", { embedded: k1.value }])
       }, [
         k1.value ? Z("", !0) : (a(), n($, { key: 0 }, [
           A(E1, {
@@ -12322,7 +12324,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             onClose: T,
             onAdd: R
           }, null, 8, ["tabs", "value"]),
-          d("div", li, [
+          d("div", ci, [
             Z1[0] || (Z1[0] = d("label", { class: "mp-label" }, "Select Monitor", -1)),
             A(N1, {
               class: "mp-gs",
@@ -12335,7 +12337,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             }, null, 8, ["columns", "rows", "value"])
           ])
         ], 64)),
-        !k1.value && !O.value ? (a(), n("div", ci, [
+        !k1.value && !O.value ? (a(), n("div", si, [
           A(c2, {
             name: "metricExplorer",
             size: "30"
@@ -12359,10 +12361,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             placeholder: e.placeholder,
             onInput: E
           }, null, 8, ["value", "placeholder"]),
-          d("div", si, [
+          d("div", oi, [
             (a(!0), n($, null, f1(K1.value, (f) => (a(), n("div", {
               key: f.name,
-              class: j(["mp-row", { grab: k.value }]),
+              class: q(["mp-row", { grab: k.value }]),
               draggable: k.value ? "true" : null,
               title: f.name,
               onDragstart: (m) => S1(f, m),
@@ -12379,25 +12381,25 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                   name: "plusCircle",
                   size: "16"
                 })
-              ], 8, ai)) : Z("", !0),
-              d("span", ri, H(f.name), 1),
-              k.value ? (a(), n("span", ni, [
+              ], 8, ri)) : Z("", !0),
+              d("span", ni, H(f.name), 1),
+              k.value ? (a(), n("span", ii, [
                 A(c2, {
                   name: "dragArrows",
                   size: "14"
                 })
               ])) : Z("", !0)
-            ], 42, oi))), 128)),
-            K1.value.length ? Z("", !0) : (a(), n("div", ii, H(h1.value ? `No metrics match “${h1.value}”` : q1.value.size ? "All counters added" : "No metrics"), 1))
+            ], 42, ai))), 128)),
+            K1.value.length ? Z("", !0) : (a(), n("div", di, H(h1.value ? `No metrics match “${h1.value}”` : q1.value.size ? "All counters added" : "No metrics"), 1))
           ])
         ], 64)) : Z("", !0)
       ], 2);
     };
   }
-}, pi = /* @__PURE__ */ P1(di, [["styles", [ti]]]), ui = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.noc{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.noc.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.bar{display:flex;align-items:center;padding:.75rem 1rem;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2)}.side{display:flex;flex:1;align-items:center;min-width:0}.side.right{justify-content:flex-end;gap:8px}.center{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:50%}.logo{max-height:32px;display:block}.title{margin:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;font-weight:600;color:var(--primary, #111c2c)}.sq{flex:none}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 8px;font-weight:600;color:var(--primary, #111c2c);background:var(--neutral-lighter, #e3e8f2);border-radius:4px}.body{flex:1;min-height:0;padding:.5rem;overflow:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:180px;color:var(--neutral-light, #6a7fa0)}.empty p{margin:0}", hi = { class: "bar" }, vi = { class: "side" }, fi = ["src"], Ci = { class: "center" }, gi = ["title"], bi = { class: "side right" }, mi = ["title"], xi = { class: "body" }, yi = {
+}, ui = /* @__PURE__ */ P1(pi, [["styles", [li]]]), hi = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.noc{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.noc.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.bar{display:flex;align-items:center;padding:.75rem 1rem;background:var(--page-background-color, #fff);border-bottom:1px solid var(--border-color, #e3e8f2)}.side{display:flex;flex:1;align-items:center;min-width:0}.side.right{justify-content:flex-end;gap:8px}.center{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:50%}.logo{max-height:32px;display:block}.title{margin:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:1rem;font-weight:600;color:var(--primary, #111c2c)}.sq{flex:none}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 8px;font-weight:600;color:var(--primary, #111c2c);background:var(--neutral-lighter, #e3e8f2);border-radius:4px}.body{flex:1;min-height:0;padding:.5rem;overflow:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:180px;color:var(--neutral-light, #6a7fa0)}.empty p{margin:0}", vi = { class: "bar" }, fi = { class: "side" }, Ci = ["src"], gi = { class: "center" }, bi = ["title"], mi = { class: "side right" }, xi = ["title"], yi = { class: "body" }, Zi = {
   key: 0,
   class: "empty"
-}, Zi = {
+}, wi = {
   __name: "ObsNocPlayer.ce",
   props: {
     dashboards: { type: [String, Array], default: "" },
@@ -12470,20 +12472,20 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }), (R, T) => {
       const u1 = M1("obs-icon"), d1 = M1("obs-button");
       return a(), n("div", {
-        class: j(["noc", { fs: h.value }])
+        class: q(["noc", { fs: h.value }])
       }, [
-        d("div", hi, [
-          d("div", vi, [
+        d("div", vi, [
+          d("div", fi, [
             F1(R.$slots, "logo", {}, () => [
               e.logo ? (a(), n("img", {
                 key: 0,
                 src: e.logo,
                 class: "logo",
                 alt: "logo"
-              }, null, 8, fi)) : Z("", !0)
+              }, null, 8, Ci)) : Z("", !0)
             ])
           ]),
-          d("div", Ci, [
+          d("div", gi, [
             v.value ? (a(), w1(d1, {
               key: 0,
               class: "sq",
@@ -12504,7 +12506,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             d("h3", {
               class: "title",
               title: C.value
-            }, H(C.value), 9, gi),
+            }, H(C.value), 9, bi),
             v.value ? (a(), w1(d1, {
               key: 1,
               class: "sq",
@@ -12523,12 +12525,12 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               _: 1
             })) : Z("", !0)
           ]),
-          d("div", bi, [
+          d("div", mi, [
             v.value ? (a(), n("span", {
               key: 0,
               class: "count",
               title: `${p.value}s until next dashboard`
-            }, H(p.value), 9, mi)) : Z("", !0),
+            }, H(p.value), 9, xi)) : Z("", !0),
             v.value ? (a(), w1(d1, {
               key: 1,
               class: "sq",
@@ -12564,8 +12566,8 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             })
           ])
         ]),
-        d("div", xi, [
-          o.value.length ? F1(R.$slots, "default", { key: 1 }) : (a(), n("div", yi, [
+        d("div", yi, [
+          o.value.length ? F1(R.$slots, "default", { key: 1 }) : (a(), n("div", Zi, [
             A(u1, {
               name: "exclamationTriangle",
               size: "40"
@@ -12576,7 +12578,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       ], 2);
     };
   }
-}, wi = /* @__PURE__ */ P1(Zi, [["styles", [ui]]]), Mi = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.tl{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;height:40px;padding:0 12px;background:var(--timeline-scrollbar-background-color, var(--page-background-color, #fff));border-top:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.side{display:flex;flex:0 1 auto;align-items:center;gap:6px;min-width:0}.time{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--page-text-color, #1d2a3e)}.nav{flex:none}.tl.disabled .nav,.nav:disabled{opacity:.5;cursor:not-allowed}", ki = { class: "side" }, Hi = { class: "time" }, Vi = { class: "side end" }, Li = { class: "time" }, _i = {
+}, Mi = /* @__PURE__ */ P1(wi, [["styles", [hi]]]), ki = ":host([hidden]){display:none!important}button{font-family:inherit}:host{display:block}.tl{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;height:40px;padding:0 12px;background:var(--timeline-scrollbar-background-color, var(--page-background-color, #fff));border-top:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.side{display:flex;flex:0 1 auto;align-items:center;gap:6px;min-width:0}.time{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--page-text-color, #1d2a3e)}.nav{flex:none}.tl.disabled .nav,.nav:disabled{opacity:.5;cursor:not-allowed}", Hi = { class: "side" }, Vi = { class: "time" }, Li = { class: "side end" }, _i = { class: "time" }, Si = {
   __name: "ObsTimelineScrollbar.ce",
   props: {
     start: { type: String, default: "" },
@@ -12594,9 +12596,9 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (i, p) => {
       const u = M1("obs-icon"), h = M1("obs-button");
       return a(), n("div", {
-        class: j(["tl", { disabled: o.value }])
+        class: q(["tl", { disabled: o.value }])
       }, [
-        d("div", ki, [
+        d("div", Hi, [
           A(h, {
             class: "nav",
             variant: "neutral-lightest",
@@ -12631,10 +12633,10 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             ]),
             _: 1
           }, 8, ["disabled"]),
-          d("span", Hi, H(e.start), 1)
+          d("span", Vi, H(e.start), 1)
         ]),
-        d("div", Vi, [
-          d("span", Li, H(e.end), 1),
+        d("div", Li, [
+          d("span", _i, H(e.end), 1),
           A(h, {
             class: "nav",
             variant: "neutral-lightest",
@@ -12673,7 +12675,7 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       ], 2);
     };
   }
-}, Si = /* @__PURE__ */ P1(_i, [["styles", [Mi]]]), zi = {
+}, zi = /* @__PURE__ */ P1(Si, [["styles", [ki]]]), $i = {
   "obs-button": z9,
   "obs-tag": B9,
   "obs-checkbox": N9,
@@ -12715,18 +12717,18 @@ const Zs = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   "obs-user-menu": Wr,
   "obs-notification-menu": dn,
   "obs-command-palette": bn,
-  "obs-page-header": Tn,
-  "obs-app-header": Un,
-  "obs-toolbar": ei,
-  "obs-metric-picker": pi,
-  "obs-noc-player": wi,
-  "obs-timeline-scrollbar": Si
+  "obs-page-header": Pn,
+  "obs-app-header": Fn,
+  "obs-toolbar": ti,
+  "obs-metric-picker": ui,
+  "obs-noc-player": Mi,
+  "obs-timeline-scrollbar": zi
 };
-function $i() {
-  for (const [e, t] of Object.entries(zi))
+function Ai() {
+  for (const [e, t] of Object.entries($i))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ g9(t));
 }
-$i();
+Ai();
 export {
-  $i as register
+  Ai as register
 };