@mtdt/observeops-ds-elements 0.1.229 → 0.1.230

package/dist/observeops-elements.js

@@ -68,13 +68,13 @@ function b6(e) {
     }
   }), t;
 }
-function W(e) {
+function F(e) {
   let t = "";
   if (C2(e))
     t = e;
   else if (B1(e))
     for (let l = 0; l < e.length; l++) {
-      const s = W(e[l]);
+      const s = F(e[l]);
       s && (t += s + " ");
     }
   else if (r2(e))
@@ -1049,16 +1049,16 @@ function Y6(e, t, l = i2) {
       v3 = k;
     }
   } : C = e3, t && a) {
-    const k = C, F = a === !0 ? 1 / 0 : a;
-    C = () => o3(k(), F);
+    const k = C, G = a === !0 ? 1 / 0 : a;
+    C = () => o3(k(), G);
   }
   const L = k6(), _ = () => {
     h.stop(), L && L.active && o5(L.effects, h);
   };
   if (o && t) {
     const k = t;
-    t = (...F) => {
-      const j = k(...F);
+    t = (...G) => {
+      const j = k(...G);
       return _(), j;
     };
   }
@@ -1066,19 +1066,19 @@ function Y6(e, t, l = i2) {
   const w = (k) => {
     if (!(!(h.flags & 1) || !h.dirty && !k))
       if (t) {
-        const F = h.run();
-        if (k || a || x || (H ? F.some((j, D) => Q2(j, S[D])) : Q2(F, S))) {
+        const G = h.run();
+        if (k || a || x || (H ? G.some((j, D) => Q2(j, S[D])) : Q2(G, S))) {
           v && v();
           const j = v3;
           v3 = h;
           try {
             const D = [
-              F,
+              G,
               // pass undefined as the old value when it's changed for the first time
               S === o4 ? void 0 : H && S[0] === o4 ? [] : S,
               g
             ];
-            S = F, p ? p(t, 3, D) : (
+            S = G, p ? p(t, 3, D) : (
               // @ts-expect-error
               t(...D)
             );
@@ -1095,7 +1095,7 @@ function Y6(e, t, l = i2) {
       if (p)
         p(k, 4);
       else
-        for (const F of k) F();
+        for (const G of k) G();
       p4.delete(h);
     }
   }, t ? s ? w(!0) : S = h.run() : n ? n(w.bind(null, !0), !0) : h.run(), _.pause = h.pause.bind(h), _.resume = h.resume.bind(h), _.stop = _, _;
@@ -1719,7 +1719,7 @@ function w0(e) {
     beforeUnmount: S,
     destroyed: w,
     unmounted: k,
-    render: F,
+    render: G,
     renderTracked: j,
     renderTriggered: D,
     errorCaptured: P,
@@ -1778,7 +1778,7 @@ function w0(e) {
         });
       });
     } else e.exposed || (e.exposed = {});
-  F && e.render === e3 && (e.render = F), t1 != null && (e.inheritAttrs = t1), e1 && (e.components = e1), n1 && (e.directives = n1), R && T8(e);
+  G && e.render === e3 && (e.render = G), t1 != null && (e.inheritAttrs = t1), e1 && (e.components = e1), n1 && (e.directives = n1), R && T8(e);
 }
 function Z0(e, t, l = e3) {
   B1(e) && (e = Q4(e));
@@ -2068,10 +2068,10 @@ function E5(e) {
   let _, S;
   try {
     if (l.shapeFlag & 4) {
-      const k = a || s, F = k;
+      const k = a || s, G = k;
       _ = X2(
         u.call(
-          F,
+          G,
           k,
           h,
           C,
@@ -2097,8 +2097,8 @@ function E5(e) {
   }
   let w = _;
   if (S && H !== !1) {
-    const k = Object.keys(S), { shapeFlag: F } = w;
-    k.length && F & 7 && (o && k.some(y4) && (S = $0(
+    const k = Object.keys(S), { shapeFlag: G } = w;
+    k.length && G & 7 && (o && k.some(y4) && (S = $0(
       S,
       o
     )), w = S3(w, S, !1, !0));
@@ -2430,7 +2430,7 @@ function j0(e, t) {
         );
         break;
       default:
-        x1 & 1 ? F(
+        x1 & 1 ? G(
           f,
           b,
           N,
@@ -2500,7 +2500,7 @@ function j0(e, t) {
     for (; f && f !== b; )
       N = v(f), a(f), f = N;
     a(b);
-  }, F = (f, b, N, c1, a1, X, g1, C1, v1) => {
+  }, G = (f, b, N, c1, a1, X, g1, C1, v1) => {
     if (b.type === "svg" ? g1 = "svg" : b.type === "math" && (g1 = "mathml"), f == null)
       j(
         b,
@@ -3369,7 +3369,7 @@ function W0(e, t = null, l = null, s = 0, a = null, o = !1) {
   if (o9(e) && (e = e.__vccOpts), t) {
     t = K0(t);
     let { class: d, style: p } = t;
-    d && !C2(d) && (t.class = W(d)), r2(p) && (/* @__PURE__ */ h5(p) && !B1(p) && (p = f2({}, p)), t.style = H1(p));
+    d && !C2(d) && (t.class = F(d)), r2(p) && (/* @__PURE__ */ h5(p) && !B1(p) && (p = f2({}, p)), t.style = H1(p));
   }
   const n = C2(e) ? 1 : l6(e) ? 128 : c0(e) ? 64 : r2(e) ? 4 : j1(e) ? 2 : 0;
   return i(
@@ -3483,7 +3483,7 @@ function J0(...e) {
     const s = e[l];
     for (const a in s)
       if (a === "class")
-        t.class !== s.class && (t.class = W([t.class, s.class]));
+        t.class !== s.class && (t.class = F([t.class, s.class]));
       else if (a === "style")
         t.style = H1([t.style, s.style]);
       else if (x4(a)) {
@@ -4428,7 +4428,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   setup(e) {
     return (t, l) => (c(), r("button", {
-      class: W(["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: F(["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 ? (c(), r("span", B9)) : y("", !0),
@@ -4473,8 +4473,8 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       o.value = !1;
     }
     function C(k) {
-      return (F) => {
-        (F.key === "Enter" || F.key === " ") && (F.preventDefault(), k());
+      return (G) => {
+        (G.key === "Enter" || G.key === " ") && (G.preventDefault(), k());
       };
     }
     function v(k) {
@@ -4535,11 +4535,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }, x = { poweredoff: "up", poweredon: "down" }, H = (k) => k ? k.charAt(0).toUpperCase() + k.slice(1).toLowerCase() : "", L = m(() => String(l.status || "").toLowerCase()), _ = m(
       () => l.status ? l.forcePrimary ? "tag-primary" : g[L.value] || "tag-primary" : l.variant
     ), S = m(() => l.rounded || !!l.status), w = m(() => H(x[L.value] || String(l.status || "")));
-    return (k, F) => {
+    return (k, G) => {
       const j = M1("obs-icon");
       return a.value ? (c(), r("span", {
         key: 0,
-        class: W(["tag", [_.value, { rounded: S.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
+        class: F(["tag", [_.value, { rounded: S.value, disabled: e.disabled, numeric: e.numeric, "compliance-tag-padding": e.compliance }]])
       }, [
         e.status ? (c(), r(E, { key: 0 }, [
           q1(V(w.value), 1)
@@ -4571,14 +4571,14 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 role: "button",
                 tabindex: "0",
                 onClick: u,
-                onKeydown: F[0] || (F[0] = (D) => C(u))
+                onKeydown: G[0] || (G[0] = (D) => C(u))
               }, "Yes", 32),
               i("span", {
                 class: "confirm-no",
                 role: "button",
                 tabindex: "0",
                 onClick: h,
-                onKeydown: F[1] || (F[1] = (D) => C(h))
+                onKeydown: G[1] || (G[1] = (D) => C(h))
               }, "No", 32)
             ])
           ])) : y("", !0)
@@ -4621,7 +4621,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       (p.key === " " || p.key === "Enter") && (p.preventDefault(), n());
     }
     return (p, u) => (c(), r("label", {
-      class: W(["cb", { disabled: e.disabled }]),
+      class: F(["cb", { disabled: e.disabled }]),
       tabindex: e.disabled ? -1 : 0,
       role: "checkbox",
       "aria-checked": e.indeterminate ? "mixed" : o.value,
@@ -4629,7 +4629,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       onKeydown: d
     }, [
       i("span", {
-        class: W(["box", { on: o.value && !e.indeterminate, ind: e.indeterminate }])
+        class: F(["box", { on: o.value && !e.indeterminate, ind: e.indeterminate }])
       }, [
         o.value && !e.indeterminate ? (c(), r("span", K9)) : e.indeterminate ? (c(), r("span", J9)) : y("", !0)
       ], 2),
@@ -4672,7 +4672,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       }
     }
     return (p, u) => (c(), r("button", {
-      class: W(["sw", ["s-" + e.size, { on: n.value, disabled: e.disabled, loading: e.loading, labelled: o.value }]]),
+      class: F(["sw", ["s-" + e.size, { on: n.value, disabled: e.disabled, loading: e.loading, labelled: o.value }]]),
       role: "switch",
       "aria-checked": n.value,
       disabled: e.disabled || e.loading,
@@ -4808,12 +4808,12 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       return v ? h[v] || (String(v).trim().startsWith("<") ? v : "") : "";
     }
     return (v, g) => (c(), r("div", {
-      class: W(["rg", [d.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity, block: e.block }]]),
+      class: F(["rg", [d.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity, block: e.block }]]),
       role: "radiogroup"
     }, [
       (c(!0), r(E, null, p1(p.value, (x) => (c(), r("label", {
         key: x.value,
-        class: W(["opt", { on: n.value === x.value, dis: x.disabled || e.disabled }]),
+        class: F(["opt", { on: n.value === x.value, dis: x.disabled || e.disabled }]),
         role: "radio",
         "aria-checked": n.value === x.value,
         onClick: (H) => u(x)
@@ -4914,7 +4914,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function k(j) {
       j.key === "Enter" && (s("enterKey", d.value), l.type === "search" && s("search", d.value));
     }
-    function F(j) {
+    function G(j) {
       if (l.disabled || l.readonly) return;
       const D = parseFloat(d.value) || 0;
       p(String(D + j)), s("input", d.value), s("change", d.value);
@@ -4922,7 +4922,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (j, D) => {
       const P = M1("obs-icon");
       return c(), r("div", {
-        class: W(["root", { block: e.block }])
+        class: F(["root", { block: e.block }])
       }, [
         e.label ? (c(), r("label", {
           key: 0,
@@ -4933,11 +4933,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           e.required ? (c(), r("span", Z7, " *")) : y("", !0)
         ], 8, w7)) : y("", !0),
         i("div", {
-          class: W(["grp", { "has-addon": L.value, area: u.value, block: e.block }])
+          class: F(["grp", { "has-addon": L.value, area: u.value, block: e.block }])
         }, [
           e.addonBefore ? (c(), r("span", M7, V(e.addonBefore), 1)) : y("", !0),
           i("div", {
-            class: W(["ip", ["t-" + e.type, { error: e.error, disabled: e.disabled, readonly: e.readonly, material: e.material, nobord: e.noBorder }]])
+            class: F(["ip", ["t-" + e.type, { error: e.error, disabled: e.disabled, readonly: e.readonly, material: e.material, nobord: e.noBorder }]])
           }, [
             x.value ? (c(), r("span", {
               key: 0,
@@ -4994,7 +4994,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               i("button", {
                 class: "stp up",
                 tabindex: "-1",
-                onClick: D[0] || (D[0] = (R) => F(1))
+                onClick: D[0] || (D[0] = (R) => G(1))
               }, [
                 I(P, {
                   name: "angleUp",
@@ -5005,7 +5005,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               i("button", {
                 class: "stp down",
                 tabindex: "-1",
-                onClick: D[1] || (D[1] = (R) => F(-1))
+                onClick: D[1] || (D[1] = (R) => G(-1))
               }, [
                 I(P, {
                   name: "angleDown",
@@ -5037,7 +5037,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   setup(e) {
     return (t, l) => (c(), r("a", {
-      class: W(["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: F(["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,
@@ -5200,8 +5200,8 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       let k = L.toLowerCase().replace(/\s+/g, "-");
       if (k = w && w[k] || k, _[k] || S[k] || u.has(k)) return;
       u.add(k);
-      const F = !!(typeof globalThis < "u" && globalThis.__OBS_LOGOS__ && globalThis.__OBS_LOGOS__.LOGOS);
-      console.warn(F ? `obs-logo: unknown name "${L}" — not in the logo library (rendering the no-icon placeholder).` : `obs-logo: "${L}" is not in the built-in set and the full logo library is not loaded — add \`import '@mtdt/observeops-ds-elements/logos'\` to enable all logos (rendering the no-icon placeholder for now).`);
+      const G = !!(typeof globalThis < "u" && globalThis.__OBS_LOGOS__ && globalThis.__OBS_LOGOS__.LOGOS);
+      console.warn(G ? `obs-logo: unknown name "${L}" — not in the logo library (rendering the no-icon placeholder).` : `obs-logo: "${L}" is not in the built-in set and the full logo library is not loaded — add \`import '@mtdt/observeops-ds-elements/logos'\` to enable all logos (rendering the no-icon placeholder for now).`);
     }
     x2(h), U1(() => [t.name, l.value], h);
     const C = m(() => typeof t.size == "number" || /^\d+$/.test(String(t.size)) ? `${t.size}px` : String(t.size)), v = m(() => typeof t.size == "number" || /^\d+$/.test(String(t.size)) ? parseFloat(t.size) : null), g = m(() => {
@@ -5381,7 +5381,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function _(M) {
       return M ? String(M).split(",").map((d1) => d1.trim()).filter(Boolean) : [];
     }
-    const S = /* @__PURE__ */ B(null), w = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), F = /* @__PURE__ */ B(null), j = /* @__PURE__ */ B(!1), D = /* @__PURE__ */ B(""), P = /* @__PURE__ */ B(-1), R = /* @__PURE__ */ B(-1), Y = /* @__PURE__ */ B(!1), t1 = /* @__PURE__ */ B(!1), e1 = /* @__PURE__ */ B(!1), n1 = /* @__PURE__ */ B(""), z = /* @__PURE__ */ B(_(l.value)), l1 = /* @__PURE__ */ B([]), V1 = /* @__PURE__ */ B({}), b1 = /* @__PURE__ */ B(!1), h1 = /* @__PURE__ */ B({});
+    const S = /* @__PURE__ */ B(null), w = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), G = /* @__PURE__ */ B(null), j = /* @__PURE__ */ B(!1), D = /* @__PURE__ */ B(""), P = /* @__PURE__ */ B(-1), R = /* @__PURE__ */ B(-1), Y = /* @__PURE__ */ B(!1), t1 = /* @__PURE__ */ B(!1), e1 = /* @__PURE__ */ B(!1), n1 = /* @__PURE__ */ B(""), z = /* @__PURE__ */ B(_(l.value)), l1 = /* @__PURE__ */ B([]), V1 = /* @__PURE__ */ B({}), b1 = /* @__PURE__ */ B(!1), h1 = /* @__PURE__ */ B({});
     U1(() => l.value, (M) => {
       z.value = _(M);
     });
@@ -5478,8 +5478,8 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const y1 = (M.querySelector(".trig, .t-text, .t-chip, .t-btn, .t-icon") || M).getBoundingClientRect(), Q1 = window.innerWidth, v2 = window.innerHeight, f1 = l.useAfterMenuDescription ? 600 : Math.max(y1.width, 200);
       let m2 = Math.min(y1.left, Q1 - f1 - 8);
       m2 < 8 && (m2 = 8);
-      const E2 = v2 - y1.bottom - 8, z3 = y1.top - 8, e4 = E2 < 260 && z3 > E2, t4 = Math.max(160, Math.min(440, e4 ? z3 : E2)), G = { position: "fixed", inset: "auto", margin: "0", left: m2 + "px", width: f1 + "px", maxHeight: t4 + "px" };
-      e4 ? G.bottom = v2 - y1.top + 4 + "px" : G.top = y1.bottom + 4 + "px", V1.value = G;
+      const E2 = v2 - y1.bottom - 8, z3 = y1.top - 8, e4 = E2 < 260 && z3 > E2, t4 = Math.max(160, Math.min(440, e4 ? z3 : E2)), W = { position: "fixed", inset: "auto", margin: "0", left: m2 + "px", width: f1 + "px", maxHeight: t4 + "px" };
+      e4 ? W.bottom = v2 - y1.top + 4 + "px" : W.top = y1.bottom + 4 + "px", V1.value = W;
     }
     function k2() {
       j.value && d2();
@@ -5521,7 +5521,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }
     function _2() {
       e1.value = !0, n1.value = "", u2(() => {
-        F.value && F.value.focus(), d2();
+        G.value && G.value.focus(), d2();
       });
     }
     function D2() {
@@ -5580,7 +5580,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       return c(), r("div", {
         ref_key: "rootRef",
         ref: S,
-        class: W(["sel", { open: j.value, disabled: e.disabled, multiple: e.multiple, block: e.block, text: s1.value === "text", chip: s1.value === "chip", btn: s1.value === "button", ic: s1.value === "icon", twopane: e.useAfterMenuDescription }]),
+        class: F(["sel", { open: j.value, disabled: e.disabled, multiple: e.multiple, block: e.block, text: s1.value === "text", chip: s1.value === "chip", btn: s1.value === "button", ic: s1.value === "icon", twopane: e.useAfterMenuDescription }]),
         tabindex: "0",
         role: "combobox",
         "aria-expanded": j.value,
@@ -5612,7 +5612,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           ], 64)) : (c(), r("span", X7, V(W1.value), 1))
         ])) : s1.value === "text" ? (c(), r("span", {
           key: 1,
-          class: W(["t-text", { ph: !z.value.length }]),
+          class: F(["t-text", { ph: !z.value.length }]),
           onClick: U,
           onMouseenter: Y1,
           onMouseleave: D1
@@ -5623,25 +5623,25 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           onClick: U
         }, [
           i("span", {
-            class: W({ ph: !z.value.length })
+            class: F({ ph: !z.value.length })
           }, V(z.value.length ? e.multiple ? Q.value : S1.value : W1.value), 3)
         ], 8, Q7)) : s1.value === "button" ? (c(), r("button", {
           key: 3,
-          class: W(["t-btn", { open: j.value }]),
+          class: F(["t-btn", { open: j.value }]),
           disabled: e.disabled,
           onClick: U
         }, [
           i("span", {
-            class: W({ ph: !z.value.length && !e.triggerLabel })
+            class: F({ ph: !z.value.length && !e.triggerLabel })
           }, V(e.triggerLabel || (z.value.length ? e.multiple ? Q.value : S1.value : W1.value)), 3),
           I(y1, {
-            class: W(["chev", { up: j.value }]),
+            class: F(["chev", { up: j.value }]),
             name: e.triggerIcon || "chevronDown",
             size: "13"
           }, null, 8, ["class", "name"])
         ], 10, ee)) : s1.value === "icon" ? (c(), r("button", {
           key: 4,
-          class: W(["t-icon", { on: z.value.length, open: j.value, bordered: d.value }]),
+          class: F(["t-icon", { on: z.value.length, open: j.value, bordered: d.value }]),
           disabled: e.disabled,
           "aria-label": e.triggerLabel || W1.value,
           onClick: U
@@ -5653,7 +5653,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           e.multiple && z.value.length ? (c(), r("span", le, V(z.value.length), 1)) : y("", !0)
         ], 10, te)) : (c(), r("button", {
           key: 5,
-          class: W(["trig", { open: j.value }]),
+          class: F(["trig", { open: j.value }]),
           disabled: e.disabled,
           onClick: U,
           onMouseenter: d1[1] || (d1[1] = (f1) => Y.value = !0),
@@ -5677,7 +5677,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               })
             ])) : e.loading ? (c(), r("span", ne)) : (c(), Z1(y1, {
               key: 2,
-              class: W(["chev", { up: j.value }]),
+              class: F(["chev", { up: j.value }]),
               name: "chevronDown",
               size: "13"
             }, null, 8, ["class"]))
@@ -5698,7 +5698,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           ref_key: "menuRef",
           ref: w,
           popover: "manual",
-          class: W(["menu", { twopane: e.useAfterMenuDescription, grouped: f.value, cols: d.value }]),
+          class: F(["menu", { twopane: e.useAfterMenuDescription, grouped: f.value, cols: d.value }]),
           style: H1(V1.value)
         }, [
           d.value ? (c(), r("div", ie, [
@@ -5706,7 +5706,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             i("div", pe, [
               (c(!0), r(E, null, p1(o.value, (f1, m2) => (c(), r("div", {
                 key: f1.key,
-                class: W(["cc-row", { dragging: p.value === m2, over: u.value === m2 && p.value !== m2, locked: f1.locked }]),
+                class: F(["cc-row", { dragging: p.value === m2, over: u.value === m2 && p.value !== m2, locked: f1.locked }]),
                 draggable: !f1.locked,
                 onClick: (E2) => C(f1),
                 onDragstart: (E2) => v(m2),
@@ -5774,7 +5774,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             e.canUserAddOptions && e1.value ? (c(), r("div", me, [
               i("input", {
                 ref_key: "addRef",
-                ref: F,
+                ref: G,
                 value: n1.value,
                 placeholder: `Add ${e.addLabel || "option"}`,
                 onInput: d1[4] || (d1[4] = w1((f1) => n1.value = f1.target.value, ["stop"])),
@@ -5814,7 +5814,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               onClick: _1
             }, [
               i("span", {
-                class: W(["cbx", { ck: c1.value }]),
+                class: F(["cbx", { ck: c1.value }]),
                 "aria-hidden": "true"
               }, null, 2),
               d1[8] || (d1[8] = i("span", { class: "mlbl" }, "Select All", -1))
@@ -5828,7 +5828,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 (c(!0), r(E, null, p1(O1.value, (f1) => (c(), r("button", {
                   key: (f1.__branch ? "g-" : "o-") + f1.value,
                   type: "button",
-                  class: W(["mopt tnode", { branch: f1.__branch, on: !f1.__branch && z.value.includes(f1.value), dis: f1.disabled }]),
+                  class: F(["mopt tnode", { branch: f1.__branch, on: !f1.__branch && z.value.includes(f1.value), dis: f1.disabled }]),
                   style: H1({ paddingLeft: 12 + f1.__level * 18 + "px" }),
                   role: "option",
                   "aria-selected": !f1.__branch && z.value.includes(f1.value),
@@ -5837,20 +5837,20 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   i("span", we, [
                     f1.__branch ? (c(), Z1(y1, {
                       key: 0,
-                      class: W(["tchev", { open: x1(f1) }]),
+                      class: F(["tchev", { open: x1(f1) }]),
                       name: "chevronRight",
                       size: "10"
                     }, null, 8, ["class"])) : y("", !0)
                   ]),
                   e.multiple ? (c(), r("span", {
                     key: 0,
-                    class: W(["cbx", f1.__branch ? { ck: R1(f1), ind: T1(f1) } : { ck: z.value.includes(f1.value) }]),
+                    class: F(["cbx", f1.__branch ? { ck: R1(f1), ind: T1(f1) } : { ck: z.value.includes(f1.value) }]),
                     "aria-hidden": "true",
                     onClick: w1((m2) => f1.__branch ? K1(f1) : $1(f1), ["stop"])
                   }, null, 10, Ze)) : y("", !0),
                   f1.avatar ? (c(), r("span", {
                     key: 1,
-                    class: W(["mav", { img: v1(f1.avatar) }]),
+                    class: F(["mav", { img: v1(f1.avatar) }]),
                     "aria-hidden": "true"
                   }, [
                     v1(f1.avatar) ? (c(), r("img", {
@@ -5878,7 +5878,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "16"
                   }, null, 8, ["name"])) : y("", !0),
                   i("span", {
-                    class: W(["mlbl", { two: f1.sublabel, br: f1.__branch }])
+                    class: F(["mlbl", { two: f1.sublabel, br: f1.__branch }])
                   }, [
                     i("span", ke, V(f1.label), 1),
                     f1.sublabel ? (c(), r("span", He, V(f1.sublabel), 1)) : y("", !0)
@@ -5894,7 +5894,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               ], 64)) : (c(), r(E, { key: 1 }, [
                 (c(!0), r(E, null, p1(b.value, (f1, m2) => (c(), r("button", {
                   key: f1.value,
-                  class: W(["mopt", { on: z.value.includes(f1.value), dis: f1.disabled, active: m2 === P.value }]),
+                  class: F(["mopt", { on: z.value.includes(f1.value), dis: f1.disabled, active: m2 === P.value }]),
                   role: "option",
                   "aria-selected": z.value.includes(f1.value),
                   onClick: (E2) => $1(f1),
@@ -5905,12 +5905,12 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 }, [
                   e.multiple ? (c(), r("span", {
                     key: 0,
-                    class: W(["cbx", { ck: z.value.includes(f1.value) }]),
+                    class: F(["cbx", { ck: z.value.includes(f1.value) }]),
                     "aria-hidden": "true"
                   }, null, 2)) : y("", !0),
                   f1.avatar ? (c(), r("span", {
                     key: 1,
-                    class: W(["mav", { img: v1(f1.avatar) }]),
+                    class: F(["mav", { img: v1(f1.avatar) }]),
                     "aria-hidden": "true"
                   }, [
                     v1(f1.avatar) ? (c(), r("img", {
@@ -5938,7 +5938,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "16"
                   }, null, 8, ["name"])) : y("", !0),
                   i("span", {
-                    class: W(["mlbl", { two: f1.sublabel }])
+                    class: F(["mlbl", { two: f1.sublabel }])
                   }, [
                     i("span", Se, V(f1.label), 1),
                     f1.sublabel ? (c(), r("span", ze, V(f1.sublabel), 1)) : y("", !0)
@@ -5995,7 +5995,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   setup(e) {
     const t = e, l = (C) => C ? C.charAt(0).toUpperCase() + C.slice(1) : "", s = m(() => `var(--severity-${t.severity})`), a = m(() => 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 = m(() => l(t.severity)), n = m(() => t.value ?? l(t.severity)), d = m(() => t.severity === "down" ? { background: s.value, border: "0" } : { border: `2px solid ${s.value}`, background: a.value }), p = m(() => ({ background: s.value })), u = m(() => ({ color: s.value })), h = m(() => ({ background: `var(--severity-${t.severity}-lighter)`, borderColor: s.value, color: s.value }));
     return (C, v) => (c(), r("span", {
-      class: W(["sev", "shape-" + e.shape]),
+      class: F(["sev", "shape-" + e.shape]),
       title: o.value,
       role: e.displayText ? null : "img",
       "aria-label": e.displayText ? null : o.value
@@ -6100,11 +6100,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         return;
       }
       const k = 62 + t.gap;
-      let F = 0, j = 0;
+      let G = 0, j = 0;
       for (let D = 0; D < S; D++) {
-        const P = F + u[D] + (j > 0 ? t.gap : 0);
+        const P = G + u[D] + (j > 0 ? t.gap : 0);
         if (P + k <= _)
-          F = P, j++;
+          G = P, j++;
         else break;
       }
       p.value = Math.max(t.minVisible, Math.min(j, S - 1));
@@ -6252,7 +6252,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function k(z) {
       u.value = z, s("change", u.value);
     }
-    function F(z) {
+    function G(z) {
       u.value.includes(z) || k([...u.value, z]), h.value = "", v.value = 0;
     }
     function j(z) {
@@ -6269,7 +6269,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       if (z.key === "Enter" || z.key === "," && !a.value) {
         z.preventDefault();
         const l1 = S.value[v.value];
-        a.value ? l1 && F(l1.value) : j(l1 ? l1.value : h.value);
+        a.value ? l1 && G(l1.value) : j(l1 ? l1.value : h.value);
       } else z.key === "ArrowDown" ? (z.preventDefault(), C.value = !0, v.value = Math.min(v.value + 1, S.value.length - 1)) : z.key === "ArrowUp" ? (z.preventDefault(), v.value = Math.max(v.value - 1, 0)) : z.key === "Escape" ? C.value = !1 : z.key === "Backspace" && !h.value && u.value.length && D(u.value.length - 1);
     }
     function Y() {
@@ -6281,7 +6281,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       }, 150);
     }
     function e1(z) {
-      a.value ? F(z.value) : j(z.value), g.value && g.value.focus();
+      a.value ? G(z.value) : j(z.value), g.value && g.value.focus();
     }
     function n1() {
       C.value ? C.value = !1 : Y();
@@ -6289,7 +6289,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (z, l1) => {
       const V1 = M1("obs-icon");
       return c(), r("div", {
-        class: W(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: w.value }]]),
+        class: F(["box", ["t-" + e.type, { disabled: e.disabled, loading: e.loading, block: e.block, open: w.value }]]),
         onMousedown: w1(Y, ["self"])
       }, [
         (c(!0), r(E, null, p1(u.value, (b1, h1) => (c(), r("span", {
@@ -6331,7 +6331,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           })
         ])) : !e.disabled || a.value ? (c(), r("span", {
           key: 3,
-          class: W(["arrow", { up: w.value, dim: e.disabled }]),
+          class: F(["arrow", { up: w.value, dim: e.disabled }]),
           onMousedown: l1[2] || (l1[2] = w1((b1) => _.value && n1(), ["prevent"])),
           "aria-hidden": "true"
         }, [
@@ -6343,7 +6343,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         w.value ? (c(), r("ul", ot, [
           (c(!0), r(E, null, p1(S.value, (b1, h1) => (c(), r("li", {
             key: b1.value,
-            class: W(["mi", { active: h1 === v.value }]),
+            class: F(["mi", { active: h1 === v.value }]),
             role: "option",
             onMousedown: w1((N1) => e1(b1), ["prevent"]),
             onMouseenter: (N1) => v.value = h1
@@ -6393,7 +6393,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           a[0] || (a[0] = i("span", { class: "logo" }, null, -1)),
           (c(!0), r(E, null, p1(t.value, (o) => (c(), r("span", {
             key: o,
-            class: W(["nico", { on: o === 2 }])
+            class: F(["nico", { on: o === 2 }])
           }, null, 2))), 128))
         ]),
         i("div", Ct, [
@@ -6419,7 +6419,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         a[6] || (a[6] = i("span", { class: "logo" }, null, -1)),
         (c(!0), r(E, null, p1(t.value, (o) => (c(), r("span", {
           key: o,
-          class: W(["nico", { on: o === 2 }])
+          class: F(["nico", { on: o === 2 }])
         }, null, 2))), 128))
       ])) : y("", !0),
       i("div", mt, [
@@ -6541,7 +6541,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         i("span", { class: "ts" }, null, -1)
       ])])) : y("", !0),
       i("div", {
-        class: W(["pbody", { col: l.value }])
+        class: F(["pbody", { col: l.value }])
       }, [
         e.shape === "single" ? (c(), r("div", Et)) : e.shape === "two-pane" ? (c(), r(E, { key: 1 }, [
           a[5] || (a[5] = i("div", {
@@ -6615,7 +6615,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           n[1] || (n[1] = i("span", { class: "logo" }, null, -1)),
           (c(), r(E, null, p1(6, (d) => i("span", {
             key: d,
-            class: W(["nico", { on: d === 2 }])
+            class: F(["nico", { on: d === 2 }])
           }, null, 2)), 64))
         ])) : y("", !0),
         i("div", Ut, [
@@ -6623,7 +6623,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             w2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
           ])])) : y("", !0),
           i("div", {
-            class: W(["body", { padded: s.value.padded }])
+            class: F(["body", { padded: s.value.padded }])
           }, [
             s.value.twoPane === "tree" ? (c(), r("div", Gt, [
               (c(), r(E, null, p1(a, (d, p) => i("div", {
@@ -6638,7 +6638,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               n[4] || (n[4] = i("div", { class: "mhead" }, "SETTINGS", -1)),
               (c(), r(E, null, p1(6, (d) => i("div", {
                 key: d,
-                class: W(["mrow", { on: d === 2 }])
+                class: F(["mrow", { on: d === 2 }])
               }, null, 2)), 64))
             ])) : y("", !0),
             i("div", Jt, [
@@ -6828,7 +6828,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           class: "brow"
         }, [
           i("span", {
-            class: W(["cbox", { on: o <= 2 }])
+            class: F(["cbox", { on: o <= 2 }])
           }, null, 2),
           a[9] || (a[9] = i("span", { class: "bar f1" }, null, -1))
         ])), 64)),
@@ -6890,7 +6890,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return (a, o) => {
       const n = M1("obs-icon");
       return c(), r("span", {
-        class: W(["tt", s.value])
+        class: F(["tt", s.value])
       }, [
         i("span", {
           class: "trigger",
@@ -6958,7 +6958,7 @@ const E9 = ':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, n = m(() => a[o.kind] || a.bar), d = m(() => o.block ? { padding: n.value.surface === "graph" ? void 0 : n.value.pad } : n.value.surface === "graph" ? { minWidth: n.value.w } : { padding: n.value.pad, minWidth: n.value.w === "auto" ? void 0 : n.value.w, maxWidth: n.value.max });
     return (p, u) => (c(), r("div", {
-      class: W(["card", [n.value.surface, { block: e.block }]]),
+      class: F(["card", [n.value.surface, { block: e.block }]]),
       style: H1(d.value),
       "data-extra": n.value.extra || "",
       innerHTML: n.value.html
@@ -7040,125 +7040,125 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       { k: "this.week", t: "This Week", s: "week" },
       { k: "this.month", t: "This Month", s: "month" }
     ], d = (() => {
-      const G = [];
+      const W = [];
       for (let q = 0; q < 24; q++)
-        for (const A1 of ["00", "30"]) G.push(String(q).padStart(2, "0") + ":" + A1);
-      return G;
-    })(), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], u = /* @__PURE__ */ B(!1), h = /* @__PURE__ */ B("presets"), C = /* @__PURE__ */ B(null), v = /* @__PURE__ */ B(l.empty ? null : "-24h"), g = /* @__PURE__ */ B(2026), x = /* @__PURE__ */ B(5), H = /* @__PURE__ */ new Date(), L = new Date(H.getFullYear(), H.getMonth(), H.getDate()).getTime(), _ = /* @__PURE__ */ b3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), S = /* @__PURE__ */ B("10:05"), w = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), F = m(() => l.kind === "range" || l.kind === "range-presets"), j = m(() => l.kind === "range-presets"), D = m(() => v.value === "custom" ? { s: (_.start && _.end ? Math.max(1, Math.round((_.end - _.start) / 864e5)) : 0) + "d", t: "Custom" } : n.find((G) => G.k === v.value) || null), P = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], R = { "5m": 3e5, "15m": 9e5, "30m": 18e5, "1h": 36e5, "6h": 216e5, "12h": 432e5, "24h": 864e5, "48h": 1728e5, "1d": 864e5, "1w": 6048e5, "1mo": 2592e6 };
-    function Y(G) {
-      const q = new Date(G), A1 = (c2) => String(c2).padStart(2, "0");
+        for (const A1 of ["00", "30"]) W.push(String(q).padStart(2, "0") + ":" + A1);
+      return W;
+    })(), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], u = /* @__PURE__ */ B(!1), h = /* @__PURE__ */ B("presets"), C = /* @__PURE__ */ B(null), v = /* @__PURE__ */ B(l.empty ? null : "-24h"), g = /* @__PURE__ */ B(2026), x = /* @__PURE__ */ B(5), H = /* @__PURE__ */ new Date(), L = new Date(H.getFullYear(), H.getMonth(), H.getDate()).getTime(), _ = /* @__PURE__ */ b3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), S = /* @__PURE__ */ B("10:05"), w = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), G = m(() => l.kind === "range" || l.kind === "range-presets"), j = m(() => l.kind === "range-presets"), D = m(() => v.value === "custom" ? { s: (_.start && _.end ? Math.max(1, Math.round((_.end - _.start) / 864e5)) : 0) + "d", t: "Custom" } : n.find((W) => W.k === v.value) || null), P = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], R = { "5m": 3e5, "15m": 9e5, "30m": 18e5, "1h": 36e5, "6h": 216e5, "12h": 432e5, "24h": 864e5, "48h": 1728e5, "1d": 864e5, "1w": 6048e5, "1mo": 2592e6 };
+    function Y(W) {
+      const q = new Date(W), A1 = (c2) => String(c2).padStart(2, "0");
       let r1 = q.getHours();
       const J1 = r1 < 12 ? "AM" : "PM";
       return r1 = r1 % 12 || 12, `${P[q.getDay()]}, ${o[q.getMonth()]} ${A1(q.getDate())}, ${q.getFullYear()} ${A1(r1)}:${A1(q.getMinutes())}:${A1(q.getSeconds())} ${J1}`;
     }
-    function t1(G) {
+    function t1(W) {
       const q = new Date(H);
-      return q.setHours(0, 0, 0, 0), G === "this.week" ? q.setDate(q.getDate() - q.getDay()) : G === "this.month" && q.setDate(1), q.getTime();
+      return q.setHours(0, 0, 0, 0), W === "this.week" ? q.setDate(q.getDate() - q.getDay()) : W === "this.month" && q.setDate(1), q.getTime();
     }
     const e1 = m(() => {
-      if (!F.value || !D.value) return null;
-      const G = H.getTime();
+      if (!G.value || !D.value) return null;
+      const W = H.getTime();
       if (v.value === "custom")
         return !_.start || !_.end ? null : { from: Y(_.start), to: Y(_.end) };
       const q = n.find((r1) => r1.k === v.value);
       if (!q) return null;
-      if (q.k === "today" || q.k === "this.week" || q.k === "this.month") return { from: Y(t1(q.k)), to: Y(G) };
+      if (q.k === "today" || q.k === "this.week" || q.k === "this.month") return { from: Y(t1(q.k)), to: Y(W) };
       const A1 = R[q.s];
-      return A1 ? { from: Y(G - A1), to: Y(G) } : null;
+      return A1 ? { from: Y(W - A1), to: Y(W) } : null;
     });
-    function n1(G, q) {
-      const A1 = new Date(G, q, 1).getDay(), r1 = new Date(G, q + 1, 0).getDate(), J1 = [];
+    function n1(W, q) {
+      const A1 = new Date(W, q, 1).getDay(), r1 = new Date(W, q + 1, 0).getDate(), J1 = [];
       for (let I2 = 0; I2 < 42; I2++) {
-        const p3 = I2 - A1 + 1, l4 = new Date(G, q, p3);
+        const p3 = I2 - A1 + 1, l4 = new Date(W, q, p3);
         J1.push({ d: l4.getDate(), ts: l4.getTime(), cur: p3 >= 1 && p3 <= r1 });
       }
       const c2 = [];
       for (let I2 = 0; I2 < 42; I2 += 7) c2.push(J1.slice(I2, I2 + 7));
-      return { mlabel: o[q], y: G, mi: q, weeks: c2 };
+      return { mlabel: o[q], y: W, mi: q, weeks: c2 };
     }
     const z = m(() => {
-      const G = new Date(g.value, x.value + 1, 1);
-      return [n1(g.value, x.value), n1(G.getFullYear(), G.getMonth())];
+      const W = new Date(g.value, x.value + 1, 1);
+      return [n1(g.value, x.value), n1(W.getFullYear(), W.getMonth())];
     }), l1 = m(() => {
-      const G = Math.floor(g.value / 10) * 10, q = [];
-      for (let A1 = -1; A1 <= 10; A1++) q.push(G + A1);
+      const W = Math.floor(g.value / 10) * 10, q = [];
+      for (let A1 = -1; A1 <= 10; A1++) q.push(W + A1);
       return q;
     });
     function V1() {
       l.disabled || (u.value = !u.value, u.value && (h.value = "presets", k.value = null));
     }
-    function b1(G) {
-      v.value = G, u.value = !1;
+    function b1(W) {
+      v.value = W, u.value = !1;
     }
     function h1() {
       v.value = "custom", u.value = !1;
     }
-    function N1(G) {
-      G.stopPropagation(), v.value = null, u.value = !1;
+    function N1(W) {
+      W.stopPropagation(), v.value = null, u.value = !1;
     }
-    function W1(G) {
-      !G.cur || G.ts > L || (_.pickNext === "start" || _.start && _.end ? (_.start = G.ts, _.end = null, _.pickNext = "end") : G.ts < _.start ? _.start = G.ts : (_.end = G.ts, _.pickNext = "start"));
+    function W1(W) {
+      !W.cur || W.ts > L || (_.pickNext === "start" || _.start && _.end ? (_.start = W.ts, _.end = null, _.pickNext = "end") : W.ts < _.start ? _.start = W.ts : (_.end = W.ts, _.pickNext = "start"));
     }
-    function A(G) {
+    function A(W) {
       const q = { display: "flex", alignItems: "center", justifyContent: "center", width: "34px", height: "34px", marginTop: "1px", marginBottom: "1px", fontSize: "13px", borderRadius: "4px" }, A1 = { background: "var(--calendar-selected-day-background-color)", color: "var(--page-background-color)", fontWeight: 500, cursor: "pointer" };
-      if (!G.cur) return { ...q, color: "var(--neutral-light)", opacity: 0.4 };
-      const r1 = _.start, J1 = _.end, c2 = G.ts;
+      if (!W.cur) return { ...q, color: "var(--neutral-light)", opacity: 0.4 };
+      const r1 = _.start, J1 = _.end, c2 = W.ts;
       return r1 && J1 && c2 === r1 ? { ...q, ...A1, borderRadius: "4px 0 0 4px" } : r1 && J1 && c2 === J1 ? { ...q, ...A1, borderRadius: "0 4px 4px 0" } : r1 && J1 && c2 > r1 && c2 < J1 ? { ...q, background: "var(--timerange-background-color)", color: "var(--page-text-color)", borderRadius: "0", cursor: "pointer" } : r1 && !J1 && c2 === r1 ? { ...q, ...A1 } : c2 > L ? { ...q, color: "var(--neutral-light)", opacity: 0.5 } : c2 === L ? { ...q, border: "1px solid var(--primary)", color: "var(--primary)", fontWeight: 600, cursor: "pointer" } : { ...q, color: "var(--page-text-color)", cursor: "pointer" };
     }
     function Z() {
-      const G = new Date(g.value, x.value - 1, 1);
-      g.value = G.getFullYear(), x.value = G.getMonth();
+      const W = new Date(g.value, x.value - 1, 1);
+      g.value = W.getFullYear(), x.value = W.getMonth();
     }
     function i1() {
-      const G = new Date(g.value, x.value + 1, 1);
-      g.value = G.getFullYear(), x.value = G.getMonth();
+      const W = new Date(g.value, x.value + 1, 1);
+      g.value = W.getFullYear(), x.value = W.getMonth();
     }
-    function u1(G, q) {
-      q.stopPropagation(), k.value = k.value === G ? null : G;
+    function u1(W, q) {
+      q.stopPropagation(), k.value = k.value === W ? null : W;
     }
-    function I1(G) {
-      k.value === "from" ? S.value = G : w.value = G, k.value = null;
+    function I1(W) {
+      k.value === "from" ? S.value = W : w.value = W, k.value = null;
     }
-    function s1(G) {
-      x.value = G, C.value = null;
+    function s1(W) {
+      x.value = W, C.value = null;
     }
-    function k1(G) {
-      g.value = G, C.value = "month";
+    function k1(W) {
+      g.value = W, C.value = "month";
     }
-    function P1(G) {
-      g.value += G;
+    function P1(W) {
+      g.value += W;
     }
-    function G1(G) {
+    function G1(W) {
       const q = { display: "flex", alignItems: "center", justifyContent: "center", height: "40px", fontSize: "13px", borderRadius: "4px", cursor: "pointer" };
-      return G ? { ...q, background: "var(--calendar-selected-day-background-color)", color: "var(--page-background-color)", fontWeight: 500 } : { ...q, color: "var(--page-text-color)" };
+      return W ? { ...q, background: "var(--calendar-selected-day-background-color)", color: "var(--page-background-color)", fontWeight: 500 } : { ...q, color: "var(--page-text-color)" };
     }
     function h2() {
       u.value = !1;
     }
-    const M2 = Array.from({ length: 100 }, (G, q) => q), f = /* @__PURE__ */ B(26), b = /* @__PURE__ */ B(50), N = /* @__PURE__ */ B(null), c1 = /* @__PURE__ */ B(null), a1 = m(() => +l.rangeStart > 0 && +l.rangeEnd > +l.rangeStart), X = m(() => {
+    const M2 = Array.from({ length: 100 }, (W, q) => q), f = /* @__PURE__ */ B(26), b = /* @__PURE__ */ B(50), N = /* @__PURE__ */ B(null), c1 = /* @__PURE__ */ B(null), a1 = m(() => +l.rangeStart > 0 && +l.rangeEnd > +l.rangeStart), X = m(() => {
       if (a1.value) {
         const q = +l.rangeStart, A1 = +l.rangeEnd, r1 = Math.max((A1 - q) * 0.5, 6 * 36e5);
         return { a: q - r1, b: A1 + r1 };
       }
-      const G = L - 5 * 864e5;
-      return { a: G, b: G + 10 * 864e5 };
-    }), g1 = (G) => X.value.a + G / 100 * (X.value.b - X.value.a), C1 = (G) => Math.min(100, Math.max(0, (G - X.value.a) / (X.value.b - X.value.a) * 100)), v1 = m(() => {
-      const G = [], q = X.value.b - X.value.a <= 2592e5, A1 = (r1) => String(r1).padStart(2, "0");
+      const W = L - 5 * 864e5;
+      return { a: W, b: W + 10 * 864e5 };
+    }), g1 = (W) => X.value.a + W / 100 * (X.value.b - X.value.a), C1 = (W) => Math.min(100, Math.max(0, (W - X.value.a) / (X.value.b - X.value.a) * 100)), v1 = m(() => {
+      const W = [], q = X.value.b - X.value.a <= 2592e5, A1 = (r1) => String(r1).padStart(2, "0");
       for (let r1 = 0; r1 <= 100; r1 += 10) {
         const J1 = new Date(g1(r1));
-        G.push({ pct: r1, t: q ? `${A1(J1.getHours())}:${A1(J1.getMinutes())}` : `${A1(J1.getDate())}/${A1(J1.getMonth() + 1)}` });
+        W.push({ pct: r1, t: q ? `${A1(J1.getHours())}:${A1(J1.getMinutes())}` : `${A1(J1.getDate())}/${A1(J1.getMonth() + 1)}` });
       }
-      return G;
+      return W;
     });
     U1([() => l.rangeStart, () => l.rangeEnd], () => {
       l.kind === "slider" && a1.value && (f.value = C1(+l.rangeStart), b.value = C1(+l.rangeEnd));
     }, { immediate: !0 });
-    function o1(G, q) {
-      N.value = G, q.preventDefault();
+    function o1(W, q) {
+      N.value = W, q.preventDefault();
     }
-    function z1(G) {
+    function z1(W) {
       if (!N.value || !c1.value) return;
-      const q = c1.value.getBoundingClientRect(), A1 = Math.min(100, Math.max(0, (G.clientX - q.left) / q.width * 100));
+      const q = c1.value.getBoundingClientRect(), A1 = Math.min(100, Math.max(0, (W.clientX - q.left) / q.width * 100));
       N.value === "left" ? f.value = Math.min(A1, b.value - 2) : b.value = Math.max(A1, f.value + 2);
     }
     function x1() {
@@ -7169,38 +7169,38 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }), g2(() => {
       window.removeEventListener("mousemove", z1), window.removeEventListener("mouseup", x1);
     });
-    const m1 = m(() => l.kind === "field-time" ? "clock" : "calendar"), O1 = m(() => l.placeholder || (l.kind === "field-time" ? "Select time" : l.kind === "field-date" ? "Select date" : "Select date & time")), L1 = /* @__PURE__ */ B(!1), R1 = /* @__PURE__ */ B("date"), T1 = /* @__PURE__ */ B(null), K1 = /* @__PURE__ */ B(null), X1 = /* @__PURE__ */ B(null), o2 = /* @__PURE__ */ B(null), d2 = Array.from({ length: 12 }, (G, q) => q + 1), k2 = Array.from({ length: 60 }, (G, q) => q), $2 = m(() => l.kind === "field-date" || l.kind === "field-datetime"), $ = m(() => l.kind === "field-time"), U = m(() => n1(g.value, x.value)), $1 = (G) => String(G).padStart(2, "0"), _1 = m(() => K1.value != null && X1.value != null && o2.value != null), n2 = m(() => _1.value ? `${$1(K1.value)}:${$1(X1.value)} ${o2.value}` : ""), _2 = m(() => {
+    const m1 = m(() => l.kind === "field-time" ? "clock" : "calendar"), O1 = m(() => l.placeholder || (l.kind === "field-time" ? "Select time" : l.kind === "field-date" ? "Select date" : "Select date & time")), L1 = /* @__PURE__ */ B(!1), R1 = /* @__PURE__ */ B("date"), T1 = /* @__PURE__ */ B(null), K1 = /* @__PURE__ */ B(null), X1 = /* @__PURE__ */ B(null), o2 = /* @__PURE__ */ B(null), d2 = Array.from({ length: 12 }, (W, q) => q + 1), k2 = Array.from({ length: 60 }, (W, q) => q), $2 = m(() => l.kind === "field-date" || l.kind === "field-datetime"), $ = m(() => l.kind === "field-time"), U = m(() => n1(g.value, x.value)), $1 = (W) => String(W).padStart(2, "0"), _1 = m(() => K1.value != null && X1.value != null && o2.value != null), n2 = m(() => _1.value ? `${$1(K1.value)}:${$1(X1.value)} ${o2.value}` : ""), _2 = m(() => {
       if (!T1.value) return "";
-      const G = new Date(T1.value);
-      return `${$1(G.getDate())}/${$1(G.getMonth() + 1)}/${G.getFullYear()}`;
+      const W = new Date(T1.value);
+      return `${$1(W.getDate())}/${$1(W.getMonth() + 1)}/${W.getFullYear()}`;
     }), D2 = m(() => {
       if (!T1.value) return "";
-      const G = new Date(T1.value);
-      return `${o[G.getMonth()]} ${G.getDate()} ${G.getFullYear()}`;
+      const W = new Date(T1.value);
+      return `${o[W.getMonth()]} ${W.getDate()} ${W.getFullYear()}`;
     }), R2 = m(() => $.value ? n2.value : T1.value ? l.kind === "field-datetime" ? `${_2.value}${_1.value ? " " + n2.value : ""}` : _2.value : ""), W2 = m(() => $.value ? _1.value : !!T1.value);
     function q2() {
-      const G = /* @__PURE__ */ new Date(), q = G.getHours();
-      K1.value = q % 12 || 12, X1.value = G.getMinutes(), o2.value = q < 12 ? "AM" : "PM";
+      const W = /* @__PURE__ */ new Date(), q = W.getHours();
+      K1.value = q % 12 || 12, X1.value = W.getMinutes(), o2.value = q < 12 ? "AM" : "PM";
     }
     function K() {
       l.disabled || (L1.value = !L1.value, L1.value && (R1.value = $.value ? "time" : "date"), L1.value && $.value && !_1.value && q2());
     }
-    function T(G) {
+    function T(W) {
       return {
-        muted: !G.cur,
-        sel: G.cur && T1.value === G.ts,
-        today: G.cur && G.ts === L && T1.value !== G.ts
+        muted: !W.cur,
+        sel: W.cur && T1.value === W.ts,
+        today: W.cur && W.ts === L && T1.value !== W.ts
       };
     }
-    function J(G) {
-      G.cur && (T1.value = G.ts, l.kind === "field-date" && (L1.value = !1));
+    function J(W) {
+      W.cur && (T1.value = W.ts, l.kind === "field-date" && (L1.value = !1));
     }
     function S1() {
       T1.value || (T1.value = L), _1.value || q2(), R1.value = "time";
     }
     function O() {
-      const G = /* @__PURE__ */ new Date();
-      T1.value = new Date(G.getFullYear(), G.getMonth(), G.getDate()).getTime(), q2();
+      const W = /* @__PURE__ */ new Date();
+      T1.value = new Date(W.getFullYear(), W.getMonth(), W.getDate()).getTime(), q2();
     }
     function Q() {
       T1.value = L, L1.value = !1;
@@ -7208,31 +7208,31 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function Y1() {
       L1.value = !1;
     }
-    function D1(G) {
-      K1.value = G;
+    function D1(W) {
+      K1.value = W;
     }
-    function l2(G) {
-      X1.value = G;
+    function l2(W) {
+      X1.value = W;
     }
-    function M(G) {
-      o2.value = G;
+    function M(W) {
+      o2.value = W;
     }
-    function d1(G) {
-      G.stopPropagation(), T1.value = null, K1.value = X1.value = o2.value = null;
+    function d1(W) {
+      W.stopPropagation(), T1.value = null, K1.value = X1.value = o2.value = null;
     }
-    const y1 = (G) => Y(g1(G)), Q1 = () => {
-      if (!F.value || v.value == null) return null;
-      const G = H.getTime();
+    const y1 = (W) => Y(g1(W)), Q1 = () => {
+      if (!G.value || v.value == null) return null;
+      const W = H.getTime();
       if (v.value === "custom") return _.start && _.end ? { fromMs: _.start, toMs: _.end } : null;
       const q = n.find((r1) => r1.k === v.value);
       if (!q) return null;
-      if (q.k === "today" || q.k === "this.week" || q.k === "this.month") return { fromMs: t1(q.k), toMs: G };
+      if (q.k === "today" || q.k === "this.week" || q.k === "this.month") return { fromMs: t1(q.k), toMs: W };
       const A1 = R[q.s];
-      return A1 ? { fromMs: G - A1, toMs: G } : null;
+      return A1 ? { fromMs: W - A1, toMs: W } : null;
     }, v2 = m(() => {
-      if (F.value) {
+      if (G.value) {
         if (v.value == null) return null;
-        const G = Q1(), q = G ? { fromMs: G.fromMs, toMs: G.toMs, from: Y(G.fromMs), to: Y(G.toMs) } : {};
+        const W = Q1(), q = W ? { fromMs: W.fromMs, toMs: W.toMs, from: Y(W.fromMs), to: Y(W.toMs) } : {};
         if (v.value === "custom") return { type: "absolute", start: _.start, end: _.end, fromTime: S.value, toTime: w.value, ...q };
         const A1 = n.find((r1) => r1.k === v.value);
         return { type: "relative", key: v.value, label: A1 ? A1.t : v.value, span: A1 ? A1.s : null, ...q };
@@ -7242,8 +7242,8 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function f1() {
       if (a)
         try {
-          const G = v2.value == null ? "" : JSON.stringify(v2.value);
-          a.value !== G && (a.value = G);
+          const W = v2.value == null ? "" : JSON.stringify(v2.value);
+          a.value !== W && (a.value = W);
         } catch {
         }
     }
@@ -7253,32 +7253,32 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     const m2 = /* @__PURE__ */ B(null), E2 = /* @__PURE__ */ B(null), z3 = /* @__PURE__ */ B(null);
     function e4() {
       u2(() => {
-        for (const G of [m2.value, E2.value, z3.value]) {
-          const q = G && G.querySelector(".srow.on");
-          q && (G.scrollTop = q.offsetTop);
+        for (const W of [m2.value, E2.value, z3.value]) {
+          const q = W && W.querySelector(".srow.on");
+          q && (W.scrollTop = q.offsetTop);
         }
       });
     }
     U1([R1, L1, K1, X1, o2], () => {
       L1.value && R1.value === "time" && e4();
     });
-    function t4(G) {
-      G.composedPath().some((q) => q && q.tagName === "OBS-DATE-TIME-PICKER") || (u.value = !1, k.value = null, L1.value = !1);
+    function t4(W) {
+      W.composedPath().some((q) => q && q.tagName === "OBS-DATE-TIME-PICKER") || (u.value = !1, k.value = null, L1.value = !1);
     }
     return x2(() => document.addEventListener("click", t4, !0)), g2(() => document.removeEventListener("click", t4, !0)), U1(() => l.kind, () => {
       u.value = !1, k.value = null, L1.value = !1, h.value = "presets", C.value = null, R1.value = l.kind === "field-time" ? "time" : "date";
-    }), (G, q) => {
+    }), (W, q) => {
       const A1 = M1("obs-icon");
       return e.kind.startsWith("field") ? (c(), r("span", {
         key: 0,
-        class: W(["field-wrap", { open: L1.value, wide: $2.value }])
+        class: F(["field-wrap", { open: L1.value, wide: $2.value }])
       }, [
         i("span", {
-          class: W(["field", { disabled: e.disabled, open: L1.value }]),
+          class: F(["field", { disabled: e.disabled, open: L1.value }]),
           onClick: K
         }, [
           i("span", {
-            class: W(["field-ph", { filled: W2.value }])
+            class: F(["field-ph", { filled: W2.value }])
           }, V(R2.value || O1.value), 3),
           W2.value && !e.disabled ? (c(), Z1(A1, {
             key: 0,
@@ -7355,7 +7355,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             }, [
               (c(!0), r(E, null, p1(r1, (c2, I2) => (c(), r("div", { key: I2 }, [
                 i("div", {
-                  class: W(["fday", T(c2)]),
+                  class: F(["fday", T(c2)]),
                   onClick: w1((p3) => J(c2), ["stop"])
                 }, V(c2.d), 11, Kl)
               ]))), 128))
@@ -7370,7 +7370,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (c(!0), r(E, null, p1(A2(d2), (r1) => (c(), r("div", {
                   key: "h" + r1,
-                  class: W(["srow", { on: K1.value === r1 }]),
+                  class: F(["srow", { on: K1.value === r1 }]),
                   onClick: w1((J1) => D1(r1), ["stop"])
                 }, V($1(r1)), 11, Ql))), 128))
               ], 512),
@@ -7381,7 +7381,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (c(!0), r(E, null, p1(A2(k2), (r1) => (c(), r("div", {
                   key: "m" + r1,
-                  class: W(["srow", { on: X1.value === r1 }]),
+                  class: F(["srow", { on: X1.value === r1 }]),
                   onClick: w1((J1) => l2(r1), ["stop"])
                 }, V($1(r1)), 11, es))), 128))
               ], 512),
@@ -7392,14 +7392,14 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 (c(), r(E, null, p1(["AM", "PM"], (r1) => i("div", {
                   key: r1,
-                  class: W(["srow", { on: o2.value === r1 }]),
+                  class: F(["srow", { on: o2.value === r1 }]),
                   onClick: w1((J1) => M(r1), ["stop"])
                 }, V(r1), 11, ts)), 64))
               ], 512)
             ])
           ])),
           i("div", {
-            class: W(["dt-foot", { single: e.kind === "field-date" }])
+            class: F(["dt-foot", { single: e.kind === "field-date" }])
           }, [
             e.kind === "field-date" ? (c(), r("span", {
               key: 0,
@@ -7442,14 +7442,14 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             style: H1({ left: f.value + "%", width: b.value - f.value + "%" })
           }, null, 4),
           i("div", {
-            class: W(["handle", { dragging: N.value === "left" }]),
+            class: F(["handle", { dragging: N.value === "left" }]),
             style: H1({ left: f.value + "%", marginLeft: "4px" }),
             onMousedown: q[5] || (q[5] = (r1) => o1("left", r1))
           }, [
             i("span", as, V(y1(f.value)), 1)
           ], 38),
           i("div", {
-            class: W(["handle", { dragging: N.value === "right" }]),
+            class: F(["handle", { dragging: N.value === "right" }]),
             style: H1({ left: b.value + "%", marginLeft: "-12px" }),
             onMousedown: q[6] || (q[6] = (r1) => o1("right", r1))
           }, [
@@ -7472,7 +7472,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           }, ["stop"]))
         }, [
           i("div", {
-            class: W(["trigger", { bordered: e.bordered, disabled: e.disabled, lg: e.size === "lg" }]),
+            class: F(["trigger", { bordered: e.bordered, disabled: e.disabled, lg: e.size === "lg" }]),
             onClick: V1
           }, [
             D.value ? (c(), r(E, { key: 0 }, [
@@ -7510,7 +7510,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           u.value && h.value === "presets" ? (c(), r("div", is, [
             (c(), r(E, null, p1(n, (r1) => i("a", {
               key: r1.k,
-              class: W(["prow", { active: v.value === r1.k }]),
+              class: F(["prow", { active: v.value === r1.k }]),
               onClick: (J1) => b1(r1.k)
             }, [
               i("span", null, V(r1.t), 1),
@@ -7518,7 +7518,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             ], 10, ds)), 64)),
             j.value ? y("", !0) : (c(), r("a", {
               key: 0,
-              class: W(["prow custom-row", { active: v.value === "custom" }]),
+              class: F(["prow custom-row", { active: v.value === "custom" }]),
               onClick: q[7] || (q[7] = (r1) => h.value = "custom")
             }, [
               i("span", us, [
@@ -7597,7 +7597,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               i("div", Cs, [
                 (c(!0), r(E, null, p1(z.value, (r1, J1) => (c(), r("div", {
                   key: J1,
-                  class: W(["month", { divr: J1 === 0 }])
+                  class: F(["month", { divr: J1 === 0 }])
                 }, [
                   i("div", vs, [
                     i("span", fs, [
@@ -7692,7 +7692,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   k.value === "from" ? (c(), r("div", Zs, [
                     (c(!0), r(E, null, p1(A2(d), (r1) => (c(), r("div", {
                       key: r1,
-                      class: W(["trow", { active: S.value === r1 }]),
+                      class: F(["trow", { active: S.value === r1 }]),
                       onClick: (J1) => I1(r1)
                     }, V(r1), 11, Ms))), 128))
                   ])) : y("", !0)
@@ -7704,7 +7704,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     onClick: q[15] || (q[15] = (r1) => u1("to", r1))
                   }, [
                     i("span", {
-                      class: W({ muted: !w.value })
+                      class: F({ muted: !w.value })
                     }, V(w.value || "Select"), 3),
                     I(A1, {
                       name: "chevronDown",
@@ -7715,7 +7715,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   k.value === "to" ? (c(), r("div", Hs, [
                     (c(!0), r(E, null, p1(A2(d), (r1) => (c(), r("div", {
                       key: r1,
-                      class: W(["trow", { active: w.value === r1 }]),
+                      class: F(["trow", { active: w.value === r1 }]),
                       onClick: (J1) => I1(r1)
                     }, V(r1), 11, Vs))), 128))
                   ])) : y("", !0)
@@ -7820,7 +7820,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const T = d.find((J) => J.k === K);
       return T ? T.l : K;
     };
-    function F(K) {
+    function G(K) {
       if (!K || !K.groups) return "";
       const T = K.condition === "or" ? "OR" : "AND", J = K.groups.map((S1) => {
         const O = S1.conditions.filter((D1) => D1.operand && D1.operator);
@@ -7830,7 +7830,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       }).filter(Boolean);
       return J.length ? J.length > 1 ? J.map((S1) => "(" + S1 + ")").join(" " + T + " ") : J[0] : "";
     }
-    const j = m(() => H.value ? ["pre", "post"].map((K) => F(H.value[K])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
+    const j = m(() => H.value ? ["pre", "post"].map((K) => G(H.value[K])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
     function D() {
       g.value || (L.value = p(H.value || v())), g.value = !g.value;
     }
@@ -8065,7 +8065,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     return x2(() => document.addEventListener("click", q2, !0)), g2(() => document.removeEventListener("click", q2, !0)), (K, T) => {
       const J = M1("obs-icon"), S1 = M1("obs-select");
       return c(), r("div", {
-        class: W(["fx", "k-" + e.kind])
+        class: F(["fx", "k-" + e.kind])
       }, [
         e.kind === "expression" ? (c(), r("div", Rs, [
           i("div", {
@@ -8104,7 +8104,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             i("div", Ns, [
               (c(), r(E, null, p1(_, (O) => i("div", {
                 key: O.k,
-                class: W(["tab", { on: x.value === O.k }]),
+                class: F(["tab", { on: x.value === O.k }]),
                 onClick: (Q) => x.value = O.k
               }, V(O.text), 11, Us)), 64))
             ]),
@@ -8333,12 +8333,12 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, [
                 i("span", ga, [
                   i("span", {
-                    class: W(["seg field", { on: X(O.i, "field") }]),
+                    class: F(["seg field", { on: X(O.i, "field") }]),
                     onClick: w1((Q) => z1(O.i, "field", Q), ["stop"])
                   }, V(h2(O.c)), 11, ma),
                   O.c.operator ? (c(), r("span", {
                     key: 0,
-                    class: W(["seg op", { on: X(O.i, "operator") }]),
+                    class: F(["seg op", { on: X(O.i, "operator") }]),
                     onClick: w1((Q) => z1(O.i, "operator", Q), ["stop"])
                   }, V(M2(O.c)), 11, ba)) : y("", !0),
                   O.c.operator && f(O.c) && b(O.c) ? (c(), r("span", {
@@ -8359,7 +8359,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     }, null, 8, ["allow-select-all", "options", "value", "onChange"])
                   ])) : O.c.operator && f(O.c) ? (c(), r("span", {
                     key: 2,
-                    class: W(["seg val", { on: X(O.i, "value") }]),
+                    class: F(["seg val", { on: X(O.i, "value") }]),
                     onClick: w1((Q) => z1(O.i, "value", Q), ["stop"])
                   }, V(N(O.c)), 11, xa)) : y("", !0),
                   a1(O.c) ? (c(), r("span", {
@@ -8398,7 +8398,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             i("div", wa, V(u1.value.step), 1),
             (c(!0), r(E, null, p1(g1.value, (O) => (c(), r("div", {
               key: O.k,
-              class: W(["menu-row", { msel: O1(u1.value.i, O) }]),
+              class: F(["menu-row", { msel: O1(u1.value.i, O) }]),
               onClick: w1((Q) => x1(O), ["stop"])
             }, [
               i("span", null, V(O.l), 1),
@@ -8508,7 +8508,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 I(J, {
                   name: "chevronRight",
                   size: "10",
-                  class: W(["i10 vchev", { open: O.open }])
+                  class: F(["i10 vchev", { open: O.open }])
                 }, null, 8, ["class"]),
                 q1(V(O.n), 1)
               ], 8, Pa),
@@ -8518,7 +8518,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   class: "vrow"
                 }, [
                   i("span", {
-                    class: W(["vcb", { on: !!n2.value[O.n + Q.n] }]),
+                    class: F(["vcb", { on: !!n2.value[O.n + Q.n] }]),
                     onClick: w1((Y1) => R2(O.n + Q.n), ["prevent"])
                   }, [
                     n2.value[O.n + Q.n] ? (c(), Z1(J, {
@@ -8537,7 +8537,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     size: "13"
                   }, null, 8, ["style", "name"])) : y("", !0),
                   i("span", {
-                    class: W(["vname", { noicon: !Q.i }])
+                    class: F(["vname", { noicon: !Q.i }])
                   }, V(Q.n), 3),
                   i("span", Ra, V(Q.c), 1)
                 ]))), 128))
@@ -8600,7 +8600,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       "note-split": { note: "* fields are mandatory", right: [{ t: "Back", v: "default", a: "back" }, { t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] }
     }, x = m(() => g[l.footer] || null), H = m(() => !!(x.value && (x.value.left || x.value.note))), L = m(() => C.value || !!x.value);
     function _(Y) {
-      Y.a && a("footer-action", { action: Y.a }), Y.close && F();
+      Y.a && a("footer-action", { action: Y.a }), Y.close && G();
     }
     function S() {
       const Y = v.value;
@@ -8616,7 +8616,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function k() {
       const Y = d.value;
       if (!(!Y || Y.open)) {
-        d6(F);
+        d6(G);
         try {
           Y.showModal();
         } catch {
@@ -8631,37 +8631,37 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }), a("open");
       }
     }
-    function F() {
+    function G() {
       const Y = d.value;
       !Y || !Y.open || Y.close();
     }
     function j() {
-      p.value = !1, p6(F), w(!1), a("update:open", !1), a("close"), a("after-close");
+      p.value = !1, p6(G), w(!1), a("update:open", !1), a("close"), a("after-close");
     }
     function D(Y) {
       s(l.escClosable) && Y.preventDefault();
     }
     function P(Y) {
-      Y.target === d.value && !l.maskClosable || Y.target === d.value && l.maskClosable && F();
+      Y.target === d.value && !l.maskClosable || Y.target === d.value && l.maskClosable && G();
     }
     function R(Y) {
       const t1 = Y.target;
-      t1 && t1.closest && t1.closest("[data-close]") && F();
+      t1 && t1.closest && t1.closest("[data-close]") && G();
     }
     return U1(() => l.open, (Y) => {
-      Y ? k() : F();
+      Y ? k() : G();
     }), x2(() => {
       S(), l.open && k();
     }), g2(() => {
       const Y = d.value;
       Y && Y.open && Y.close();
-    }), o && (o.show = k, o.hide = F), (Y, t1) => {
+    }), o && (o.show = k, o.hide = G), (Y, t1) => {
       const e1 = M1("obs-icon"), n1 = M1("obs-button");
       return c(), r("dialog", {
         ref_key: "dlg",
         ref: d,
         tabindex: "-1",
-        class: W(["drawer", ["place-" + e.placement]]),
+        class: F(["drawer", ["place-" + e.placement]]),
         style: H1({ width: u.value }),
         "aria-labelledby": A2(n),
         onClose: j,
@@ -8669,7 +8669,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         onClick: P
       }, [
         i("div", {
-          class: W(["wrap", { pad: e.usePadding }]),
+          class: F(["wrap", { pad: e.usePadding }]),
           onClick: R
         }, [
           i("header", Ua, [
@@ -8685,7 +8685,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               type: "button",
               class: "x",
               "aria-label": "Close",
-              onClick: F
+              onClick: G
             }, [
               I(e1, {
                 name: "times",
@@ -8694,12 +8694,12 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             ])
           ]),
           i("div", {
-            class: W(["body", { scroll: h.value, pad: e.usePadding, hasfoot: L.value }])
+            class: F(["body", { scroll: h.value, pad: e.usePadding, hasfoot: L.value }])
           }, [
             F1(Y.$slots, "default")
           ], 2),
           T2(i("footer", {
-            class: W(["actions", { split: !C.value && H.value }])
+            class: F(["actions", { split: !C.value && H.value }])
           }, [
             F1(Y.$slots, "actions", {
               ref_key: "actionsSlot",
@@ -9463,7 +9463,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     U1(() => l.value, (A) => {
       C.value = h(A);
     });
-    const v = /* @__PURE__ */ B(!1), g = /* @__PURE__ */ B(""), x = /* @__PURE__ */ B("all"), H = /* @__PURE__ */ B(null), L = /* @__PURE__ */ B(null), _ = /* @__PURE__ */ B(null), S = /* @__PURE__ */ B({}), w = m(() => C.value.length), k = (A) => A[l.rowKey], F = m(() => {
+    const v = /* @__PURE__ */ B(!1), g = /* @__PURE__ */ B(""), x = /* @__PURE__ */ B("all"), H = /* @__PURE__ */ B(null), L = /* @__PURE__ */ B(null), _ = /* @__PURE__ */ B(null), S = /* @__PURE__ */ B({}), w = m(() => C.value.length), k = (A) => A[l.rowKey], G = m(() => {
       if (!w.value) return l.placeholder;
       const A = u.value.find((i1) => k(i1) === C.value[0]), Z = A ? A.name ?? A.label ?? k(A) : C.value[0];
       return w.value > 1 ? `${Z} (+${w.value - 1})` : Z;
@@ -9539,7 +9539,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return c(), r("div", {
         ref_key: "rootRef",
         ref: H,
-        class: W(["gs", { open: v.value, disabled: e.disabled, block: e.block }])
+        class: F(["gs", { open: v.value, disabled: e.disabled, block: e.block }])
       }, [
         i("button", {
           type: "button",
@@ -9548,10 +9548,10 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onClick: w1(N1, ["stop"])
         }, [
           i("span", {
-            class: W(["tlabel", { ph: !w.value }])
-          }, V(F.value), 3),
+            class: F(["tlabel", { ph: !w.value }])
+          }, V(G.value), 3),
           I(i1, {
-            class: W(["chev", { up: v.value }]),
+            class: F(["chev", { up: v.value }]),
             name: "angleDown",
             size: "12"
           }, null, 8, ["class"])
@@ -9637,7 +9637,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         } catch {
           return w;
         }
-      return k.split(",").map((F) => ({ key: F.trim(), label: F.trim() })).filter((F) => F.key);
+      return k.split(",").map((G) => ({ key: G.trim(), label: G.trim() })).filter((G) => G.key);
     }, n = m(() => o(l.items)), d = m(() => l.mode === "inline"), p = /* @__PURE__ */ B(!1), u = /* @__PURE__ */ B(null), h = /* @__PURE__ */ B(null), C = /* @__PURE__ */ B({});
     function v(S) {
       if (!(S.divider || S.disabled)) {
@@ -9653,11 +9653,11 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       u2(() => {
         const S = u.value && u.value.getBoundingClientRect();
         if (!S) return;
-        const w = l.placement !== "bottom-start", k = 200, F = Math.max(8, Math.round(w ? S.right - k : S.left)), j = typeof window < "u" && window.innerHeight || 800, D = j - S.bottom, P = D < 220 && S.top > D, R = 8, Y = {
+        const w = l.placement !== "bottom-start", k = 200, G = Math.max(8, Math.round(w ? S.right - k : S.left)), j = typeof window < "u" && window.innerHeight || 800, D = j - S.bottom, P = D < 220 && S.top > D, R = 8, Y = {
           position: "fixed",
           inset: "auto",
           margin: "0",
-          left: `${F}px`,
+          left: `${G}px`,
           minWidth: `${k}px`,
           maxHeight: `${Math.max(160, Math.round((P ? S.top : D) - R - 8))}px`,
           overflowY: "auto"
@@ -9704,33 +9704,33 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         class: "menu inline",
         role: "menu"
       }, [
-        (c(!0), r(E, null, p1(n.value, (F, j) => (c(), r(E, null, [
-          F.divider ? (c(), r("div", {
+        (c(!0), r(E, null, p1(n.value, (G, j) => (c(), r(E, null, [
+          G.divider ? (c(), r("div", {
             key: "d" + j,
             class: "mdiv",
             role: "separator"
           })) : (c(), r("button", {
-            key: F.key,
+            key: G.key,
             type: "button",
-            class: W(["mitem", { danger: F.danger, positive: F.positive, sel: F.selected, dis: F.disabled }]),
+            class: F(["mitem", { danger: G.danger, positive: G.positive, sel: G.selected, dis: G.disabled }]),
             role: "menuitem",
-            disabled: F.disabled,
-            onClick: (D) => v(F)
+            disabled: G.disabled,
+            onClick: (D) => v(G)
           }, [
-            F.icon ? (c(), Z1(k, {
+            G.icon ? (c(), Z1(k, {
               key: 0,
               class: "mico",
-              name: F.icon,
+              name: G.icon,
               size: "15"
             }, null, 8, ["name"])) : y("", !0),
-            i("span", vo, V(F.label ?? F.name ?? F.key), 1)
+            i("span", vo, V(G.label ?? G.name ?? G.key), 1)
           ], 10, Co))
         ], 64))), 256))
       ], 512)) : (c(), r("div", {
         key: 1,
         ref_key: "rootRef",
         ref: u,
-        class: W(["ctx", { disabled: e.disabled }])
+        class: F(["ctx", { disabled: e.disabled }])
       }, [
         e.trigger === "button" ? (c(), r("button", {
           key: 0,
@@ -9741,14 +9741,14 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }, [
           i("span", null, V(e.label), 1),
           I(k, {
-            class: W(["chev", { up: p.value }]),
+            class: F(["chev", { up: p.value }]),
             name: "angleDown",
             size: "11"
           }, null, 8, ["class"])
         ], 8, fo)) : (c(), r("button", {
           key: 1,
           type: "button",
-          class: W(["dots", { act: p.value }]),
+          class: F(["dots", { act: p.value }]),
           disabled: e.disabled,
           "aria-label": "Actions",
           onClick: w1(L, ["stop"])
@@ -9767,26 +9767,26 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           style: H1(C.value),
           role: "menu"
         }, [
-          (c(!0), r(E, null, p1(n.value, (F, j) => (c(), r(E, null, [
-            F.divider ? (c(), r("div", {
+          (c(!0), r(E, null, p1(n.value, (G, j) => (c(), r(E, null, [
+            G.divider ? (c(), r("div", {
               key: "d" + j,
               class: "mdiv",
               role: "separator"
             })) : (c(), r("button", {
-              key: F.key,
+              key: G.key,
               type: "button",
-              class: W(["mitem", { danger: F.danger, positive: F.positive, sel: F.selected, dis: F.disabled }]),
+              class: F(["mitem", { danger: G.danger, positive: G.positive, sel: G.selected, dis: G.disabled }]),
               role: "menuitem",
-              disabled: F.disabled,
-              onClick: (D) => v(F)
+              disabled: G.disabled,
+              onClick: (D) => v(G)
             }, [
-              F.icon ? (c(), Z1(k, {
+              G.icon ? (c(), Z1(k, {
                 key: 0,
                 class: "mico",
-                name: F.icon,
+                name: G.icon,
                 size: "15"
               }, null, 8, ["name"])) : y("", !0),
-              i("span", bo, V(F.label ?? F.name ?? F.key), 1)
+              i("span", bo, V(G.label ?? G.name ?? G.key), 1)
             ], 10, mo))
           ], 64))), 256))
         ], 4)) : y("", !0)
@@ -9868,7 +9868,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           }
       });
     }
-    function F() {
+    function G() {
       s.disabled || (x.value = !0, a("show"), k());
     }
     function j() {
@@ -9883,7 +9883,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       a("hide");
     }
     function D() {
-      x.value ? j() : F();
+      x.value ? j() : G();
     }
     function P(R) {
       if (!x.value) return;
@@ -9897,7 +9897,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return c(), r("div", {
         ref_key: "rootRef",
         ref: H,
-        class: W(["cp", { disabled: e.disabled }])
+        class: F(["cp", { disabled: e.disabled }])
       }, [
         i("button", {
           type: "button",
@@ -9906,7 +9906,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onClick: w1(D, ["stop"])
         }, [
           i("span", {
-            class: W(["swatch", { tr: v.value }]),
+            class: F(["swatch", { tr: v.value }]),
             style: H1(v.value ? {} : { background: C.value }),
             "aria-hidden": "true"
           }, [
@@ -9914,7 +9914,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           ], 6),
           u.value ? (c(), Z1(t1, {
             key: 0,
-            class: W(["chev", { up: x.value }]),
+            class: F(["chev", { up: x.value }]),
             name: "angleDown",
             size: "10"
           }, null, 8, ["class"])) : y("", !0)
@@ -9931,7 +9931,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           i("div", ko, [
             (c(!0), r(E, null, p1(p.value, (e1) => (c(), r("span", {
               key: e1,
-              class: W(["cell", { on: C.value === e1 }]),
+              class: F(["cell", { on: C.value === e1 }]),
               style: H1({ background: e1 }),
               title: e1,
               onClick: (n1) => S(e1)
@@ -9952,7 +9952,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             ]),
             h.value ? (c(), r("span", {
               key: 0,
-              class: W(["tropt", { on: v.value }]),
+              class: F(["tropt", { on: v.value }]),
               onClick: Y[0] || (Y[0] = (e1) => S("transparent"))
             }, [...Y[2] || (Y[2] = [
               i("span", { class: "swatch tr" }, [
@@ -10118,7 +10118,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     U1(() => l.page, ($) => {
       w.value = $ || 1;
     });
-    const k = ($) => $[l.rowKey], F = m(() => new Set(H.value.map(String))), j = ($) => F.value.has(String(k($))), D = /* @__PURE__ */ B(null), P = m(() => D.value ?? l.pageSize), R = m(() => P.value > 0), Y = m(() => Math.min(P.value, 10)), t1 = m(() => R.value && e1.value.length >= Y.value), e1 = m(() => _.value ? h.value.slice().sort(($, U) => (S.value === "asc" ? 1 : -1) * String($[_.value] ?? "").localeCompare(String(U[_.value] ?? ""), void 0, { numeric: !0 })) : h.value), n1 = m(() => {
+    const k = ($) => $[l.rowKey], G = m(() => new Set(H.value.map(String))), j = ($) => G.value.has(String(k($))), D = /* @__PURE__ */ B(null), P = m(() => D.value ?? l.pageSize), R = m(() => P.value > 0), Y = m(() => Math.min(P.value, 10)), t1 = m(() => R.value && e1.value.length >= Y.value), e1 = m(() => _.value ? h.value.slice().sort(($, U) => (S.value === "asc" ? 1 : -1) * String($[_.value] ?? "").localeCompare(String(U[_.value] ?? ""), void 0, { numeric: !0 })) : h.value), n1 = m(() => {
       if (!R.value) return e1.value;
       const $ = (w.value - 1) * P.value;
       return e1.value.slice($, $ + P.value);
@@ -10238,7 +10238,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             style: H1(e.maxHeight ? { maxHeight: e.maxHeight } : null)
           }, [
             i("table", {
-              class: W(["grid", ["hs-" + e.headerStyle, "v-" + e.variant, { "hide-hdr": e.hideHeader, fw: e.fullWidth }]]),
+              class: F(["grid", ["hs-" + e.headerStyle, "v-" + e.variant, { "hide-hdr": e.hideHeader, fw: e.fullWidth }]]),
               style: H1({ minWidth: v.value })
             }, [
               i("thead", null, [
@@ -10254,7 +10254,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                   (c(!0), r(E, null, p1(d.value, (O, Q) => (c(), r("th", {
                     key: O.key,
                     title: O.title,
-                    class: W(["al-" + (O.align || "left"), { srt: n.value && O.sortable !== !1, sorted: _.value === O.key, "first-col": Q === 0 }]),
+                    class: F(["al-" + (O.align || "left"), { srt: n.value && O.sortable !== !1, sorted: _.value === O.key, "first-col": Q === 0 }]),
                     style: H1(O.width ? { width: O.width } : null),
                     onClick: (Y1) => z1(O)
                   }, [
@@ -10278,11 +10278,11 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 }, [
                   O.__group !== void 0 ? (c(), r("tr", {
                     key: 0,
-                    class: W(["row-group", { report: !A.value }])
+                    class: F(["row-group", { report: !A.value }])
                   }, [
                     i("td", { colspan: V1.value }, [
                       i("span", {
-                        class: W(["grp", { clickable: A.value }]),
+                        class: F(["grp", { clickable: A.value }]),
                         onClick: (Q) => i1(O.__group)
                       }, [
                         A.value ? (c(), Z1(_1, {
@@ -10296,7 +10296,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                     ], 8, No)
                   ], 2)) : (c(), r(E, { key: 1 }, [
                     i("tr", {
-                      class: W({ "row-selected": j(O), "in-group": !!e.groupBy }),
+                      class: F({ "row-selected": j(O), "in-group": !!e.groupBy }),
                       onClick: (Q) => s("rowclick", k(O))
                     }, [
                       e.expandable ? (c(), r("td", {
@@ -10324,7 +10324,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                       ])) : y("", !0),
                       (c(!0), r(E, null, p1(d.value, (Q, Y1) => (c(), r("td", {
                         key: Q.key,
-                        class: W(["al-" + (Q.align || "left"), Q.cls, { heat: Q.type === "heat", "first-data": Y1 === 0, "primary-cell": u(Q, Y1) }]),
+                        class: F(["al-" + (Q.align || "left"), Q.cls, { heat: Q.type === "heat", "first-data": Y1 === 0, "primary-cell": u(Q, Y1) }]),
                         style: H1(Q.type === "heat" ? { background: o2(O, Q) } : null)
                       }, [
                         e.tree && Y1 === 0 ? (c(), r("span", {
@@ -10359,7 +10359,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                             shape: "dot"
                           }, null, 8, ["severity"]),
                           i("span", {
-                            class: W(["cell-clip", { "primary-text": u(Q, Y1) }])
+                            class: F(["cell-clip", { "primary-text": u(Q, Y1) }])
                           }, V(m1(O, Q)), 3)
                         ])) : Q.type === "dot" ? (c(), r("span", tc, [
                           I(_2, {
@@ -10464,7 +10464,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                           _: 2
                         }, 1032, ["variant", "onClick"])) : (c(), r("span", {
                           key: 16,
-                          class: W(["cell-clip", { "primary-text": u(Q, Y1) }])
+                          class: F(["cell-clip", { "primary-text": u(Q, Y1) }])
                         }, V(m1(O, Q)), 3))
                       ], 6))), 128)),
                       C.value.length ? (c(), r("td", {
@@ -10616,10 +10616,10 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return [...new Set([d.value, ..._].filter((S) => S > 0))].sort((S, w) => S - w);
     }), h = m(() => p.value ? Math.max(1, Math.ceil(l.total / d.value)) : 1), C = m(() => {
       const L = h.value, _ = o.value;
-      if (L <= 7) return Array.from({ length: L }, (F, j) => j + 1);
+      if (L <= 7) return Array.from({ length: L }, (G, j) => j + 1);
       const S = [1], w = Math.max(2, _ - 1), k = Math.min(L - 1, _ + 1);
       w > 2 && S.push("…");
-      for (let F = w; F <= k; F++) S.push(F);
+      for (let G = w; G <= k; G++) S.push(G);
       return k < L - 1 && S.push("…"), S.push(L), S;
     }), v = m(() => {
       const L = l.total, _ = p.value && L ? (o.value - 1) * d.value + 1 : L ? 1 : 0, S = p.value ? Math.min(o.value * d.value, L) : L;
@@ -10644,7 +10644,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return c(), r("div", wc, [
         i("div", Zc, [
           i("span", {
-            class: W(["ppage nav", { dis: o.value <= 1 }]),
+            class: F(["ppage nav", { dis: o.value <= 1 }]),
             title: "First",
             onClick: _[0] || (_[0] = (w) => x(1))
           }, [
@@ -10654,7 +10654,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             })
           ], 2),
           i("span", {
-            class: W(["ppage nav", { dis: o.value <= 1 }]),
+            class: F(["ppage nav", { dis: o.value <= 1 }]),
             title: "Previous",
             onClick: _[1] || (_[1] = (w) => x(o.value - 1))
           }, [
@@ -10665,11 +10665,11 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           ], 2),
           (c(!0), r(E, null, p1(C.value, (w, k) => (c(), r("span", {
             key: k,
-            class: W(["ppage", { sel: w === o.value, dots: w === "…" }]),
-            onClick: (F) => x(w)
+            class: F(["ppage", { sel: w === o.value, dots: w === "…" }]),
+            onClick: (G) => x(w)
           }, V(w), 11, Mc))), 128)),
           i("span", {
-            class: W(["ppage nav", { dis: o.value >= h.value }]),
+            class: F(["ppage nav", { dis: o.value >= h.value }]),
             title: "Next",
             onClick: _[2] || (_[2] = (w) => x(o.value + 1))
           }, [
@@ -10679,7 +10679,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             })
           ], 2),
           i("span", {
-            class: W(["ppage nav", { dis: o.value >= h.value }]),
+            class: F(["ppage nav", { dis: o.value >= h.value }]),
             title: "Last",
             onClick: _[3] || (_[3] = (w) => x(h.value))
           }, [
@@ -10806,11 +10806,11 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }), a && (a.show = g, a.hide = () => {
       s("close"), x();
     }), (w, k) => {
-      const F = M1("obs-icon"), j = M1("obs-button");
+      const G = M1("obs-icon"), j = M1("obs-button");
       return c(), r("dialog", {
         ref_key: "dlg",
         ref: u,
-        class: W(["modal", { confirm: d.value, ["cfv-" + e.confirmVariant]: d.value, scrollable: o(e.scrollable), "no-pad": o(e.noPadding) }]),
+        class: F(["modal", { confirm: d.value, ["cfv-" + e.confirmVariant]: d.value, scrollable: o(e.scrollable), "no-pad": o(e.noPadding) }]),
         style: H1(C.value),
         onClose: H,
         onCancel: _,
@@ -10818,7 +10818,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, [
         d.value ? (c(), r("div", Oc, [
           e.icon ? (c(), r("span", Tc, [
-            I(F, {
+            I(G, {
               name: e.icon,
               size: "26"
             }, null, 8, ["name"])
@@ -10859,7 +10859,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               "aria-label": "Close",
               onClick: k[2] || (k[2] = (D) => L("cancel"))
             }, [
-              I(F, {
+              I(G, {
                 name: "times",
                 size: "16"
               })
@@ -10956,7 +10956,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (n, d) => {
       const p = M1("obs-tag");
       return c(), r("table", {
-        class: W(["kv", [`v-${e.variant}`, `cols-${a.value}`]])
+        class: F(["kv", [`v-${e.variant}`, `cols-${a.value}`]])
       }, [
         i("tbody", null, [
           (c(!0), r(E, null, p1(o.value, (u, h) => (c(), r("tr", { key: h }, [
@@ -11010,7 +11010,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     const t = e, l = a2(), s = m(() => t.type === "vertical"), a = m(() => !s.value && (!!String(t.text || "").trim() || !!(l && l.textContent && l.textContent.trim()))), o = m(() => a.value ? "o-" + (t.orientation === "start" ? "start" : t.orientation === "end" ? "end" : "center") : "");
     return (n, d) => s.value ? (c(), r("div", ar)) : a.value ? (c(), r("div", {
       key: 1,
-      class: W(["dh withtext", o.value]),
+      class: F(["dh withtext", o.value]),
       role: "separator"
     }, [
       i("span", or, [
@@ -11049,7 +11049,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const g = M1("obs-icon");
       return u.value ? y("", !0) : (c(), r("div", {
         key: 0,
-        class: W(["bn", "v-" + d.value]),
+        class: F(["bn", "v-" + d.value]),
         role: "status"
       }, [
         I(g, {
@@ -11119,7 +11119,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (h, C) => {
       const v = M1("obs-icon");
       return c(), r("nav", {
-        class: W(["bc", { divider: o(e.divider) }]),
+        class: F(["bc", { divider: o(e.divider) }]),
         "aria-label": "Breadcrumb"
       }, [
         o(e.back) ? (c(), r("button", {
@@ -11231,7 +11231,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const P = Array.isArray(D.detail) ? D.detail[0] : D.detail ?? ((R = D.target) == null ? void 0 : R.value);
       u.value = String(P ?? ""), s("search", { query: u.value });
     }
-    const F = m(() => d.value.map((D) => D.label).join(","));
+    const G = m(() => d.value.map((D) => D.label).join(","));
     function j(D) {
       const P = Array.isArray(D.detail) ? D.detail[0] : D.detail ?? "";
       p.value = String(P), s("tab", { value: p.value });
@@ -11239,26 +11239,26 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (D, P) => {
       const R = M1("obs-radio"), Y = M1("obs-tabs"), t1 = M1("obs-input"), e1 = M1("obs-icon"), n1 = M1("obs-logo"), z = M1("obs-tag");
       return c(), r("div", {
-        class: W(["sm", "m-" + e.mode])
+        class: F(["sm", "m-" + e.mode])
       }, [
         i("div", Zr, [
           F1(D.$slots, "logo")
         ]),
         d.value.length ? (c(), r("div", {
           key: 0,
-          class: W(["hd", { seg: e.tabStyle === "segmented" }])
+          class: F(["hd", { seg: e.tabStyle === "segmented" }])
         }, [
           e.tabStyle === "segmented" ? (c(), Z1(R, {
             key: 0,
             class: "switcher",
             "as-button": "",
-            options: F.value,
+            options: G.value,
             value: p.value,
             onChange: j
           }, null, 8, ["options", "value"])) : (c(), Z1(Y, {
             key: 1,
             class: "tabbar",
-            tabs: F.value,
+            tabs: G.value,
             value: p.value,
             onChange: j
           }, null, 8, ["tabs", "value"])),
@@ -11278,7 +11278,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         i("div", kr, [
           (c(!0), r(E, null, p1(L.value, (l1) => (c(), r("div", {
             key: l1.path,
-            class: W(["row", { group: l1.kids, leaf: l1.leaf, active: l1.leaf && l1.label === S.value }]),
+            class: F(["row", { group: l1.kids, leaf: l1.leaf, active: l1.leaf && l1.label === S.value }]),
             style: H1({ paddingLeft: _(l1) + "px" }),
             role: "treeitem",
             "aria-expanded": l1.kids ? String(l1.open) : null,
@@ -11371,7 +11371,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (u, h) => {
       const C = M1("obs-logo"), v = M1("obs-icon");
       return c(), r("nav", {
-        class: W(["sb", { expanded: n.value }]),
+        class: F(["sb", { expanded: n.value }]),
         "aria-label": "Primary",
         onMouseenter: h[1] || (h[1] = (g) => o.value = !0),
         onMouseleave: h[2] || (h[2] = (g) => o.value = !1)
@@ -11398,7 +11398,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         i("div", Or, [
           (c(!0), r(E, null, p1(d.value, (g) => (c(), r("a", {
             key: g.key,
-            class: W(["item", { active: g.key === e.active }]),
+            class: F(["item", { active: g.key === e.active }]),
             href: "#",
             "aria-current": g.key === e.active ? "page" : null,
             onClick: w1((x) => p(g), ["prevent"])
@@ -11501,7 +11501,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }
     const H = m(() => l.scrollable !== !1 && l.scrollable !== "false" && l.scrollable !== "0" && l.scrollable !== "no"), L = /* @__PURE__ */ B(null), _ = /* @__PURE__ */ B(!1), S = /* @__PURE__ */ B(!1);
     let w = null, k = 0;
-    function F() {
+    function G() {
       const P = L.value;
       if (!P || !H.value) {
         _.value = !1, S.value = !1;
@@ -11512,7 +11512,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }
     function j() {
       k || (k = requestAnimationFrame(() => {
-        k = 0, F();
+        k = 0, G();
       }));
     }
     function D() {
@@ -11521,12 +11521,12 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         if (!P)
           return;
         const R = P.querySelector(".tab.active");
-        R && R.scrollIntoView && R.scrollIntoView({ inline: "nearest", block: "nearest" }), F();
+        R && R.scrollIntoView && R.scrollIntoView({ inline: "nearest", block: "nearest" }), G();
       });
     }
-    return U1(u, () => D()), U1(p, () => u2(F)), x2(() => {
+    return U1(u, () => D()), U1(p, () => u2(G)), x2(() => {
       u2(() => {
-        F();
+        G();
         const P = L.value;
         if (P && typeof ResizeObserver < "u") {
           w = new ResizeObserver(() => j()), w.observe(P);
@@ -11554,10 +11554,10 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }), (P, R) => {
       const Y = M1("obs-icon"), t1 = M1("obs-button");
       return c(), r("div", {
-        class: W(["tabs", ["v-" + (e.variant || "line")]])
+        class: F(["tabs", ["v-" + (e.variant || "line")]])
       }, [
         i("div", {
-          class: W(["bar-wrap", { "fade-left": _.value, "fade-right": S.value }])
+          class: F(["bar-wrap", { "fade-left": _.value, "fade-right": S.value }])
         }, [
           i("div", {
             class: "scroll",
@@ -11568,7 +11568,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             i("div", qr, [
               (c(!0), r(E, null, p1(p.value, (e1) => (c(), r("button", {
                 key: e1.key,
-                class: W(["tab", { active: e1.key === u.value, disabled: e1.disabled }]),
+                class: F(["tab", { active: e1.key === u.value, disabled: e1.disabled }]),
                 role: "tab",
                 type: "button",
                 "aria-selected": e1.key === u.value,
@@ -11693,12 +11693,12 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (v, g) => {
       const x = M1("obs-icon");
       return c(), r("div", {
-        class: W(["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: F(["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"
       }, [
         (c(!0), r(E, null, p1(n.value, (H, L) => (c(), r("div", {
           key: L,
-          class: W(["step", ["is-" + p(L), { last: L === n.value.length - 1, nav: u.value && L <= d.value }]]),
+          class: F(["step", ["is-" + p(L), { last: L === n.value.length - 1, nav: u.value && L <= d.value }]]),
           role: "listitem",
           "aria-current": L === d.value ? "step" : null,
           onClick: (_) => C(L)
@@ -11825,7 +11825,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function k() {
       p.value = !0, s("show"), w();
     }
-    function F() {
+    function G() {
       if (!p.value) return;
       p.value = !1;
       const n1 = _.value;
@@ -11837,13 +11837,13 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       s("hide");
     }
     function j() {
-      p.value ? F() : k();
+      p.value ? G() : k();
     }
     function D(n1) {
-      n1.divider || (s("select", n1.key ?? n1.label), F());
+      n1.divider || (s("select", n1.key ?? n1.label), G());
     }
     function P() {
-      s("logout"), F();
+      s("logout"), G();
     }
     const R = JSON.stringify([
       { value: "dark", label: "Dark", icon: '<obs-icon name="moon" size="14"></obs-icon>' },
@@ -11857,10 +11857,10 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function t1(n1) {
       if (!p.value) return;
       const z = n1.composedPath ? n1.composedPath() : [];
-      z.includes(L.value) || z.includes(_.value) || F();
+      z.includes(L.value) || z.includes(_.value) || G();
     }
     function e1(n1) {
-      n1.key === "Escape" && F();
+      n1.key === "Escape" && G();
     }
     return typeof document < "u" && (document.addEventListener("click", t1, !0), document.addEventListener("keydown", e1, !0)), g2(() => {
       typeof document < "u" && (document.removeEventListener("click", t1, !0), document.removeEventListener("keydown", e1, !0)), C && C.removeEventListener && C.removeEventListener("change", x);
@@ -11873,7 +11873,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, [
         i("button", {
           type: "button",
-          class: W(["avatar", { act: p.value }]),
+          class: F(["avatar", { act: p.value }]),
           "aria-label": "Account menu",
           "aria-expanded": String(p.value),
           onClick: w1(j, ["stop"])
@@ -11919,7 +11919,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               })) : h1.href ? (c(), r("a", {
                 key: "a" + N1,
                 href: h1.href,
-                class: W(["urow", { danger: h1.danger }]),
+                class: F(["urow", { danger: h1.danger }]),
                 role: "menuitem",
                 onClick: (W1) => D(h1)
               }, [
@@ -11933,7 +11933,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               ], 10, mn)) : (c(), r("button", {
                 key: "b" + N1,
                 type: "button",
-                class: W(["urow", { danger: h1.danger }]),
+                class: F(["urow", { danger: h1.danger }]),
                 role: "menuitem",
                 onClick: (W1) => D(h1)
               }, [
@@ -12068,7 +12068,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function k() {
       d.value ? w() : S();
     }
-    function F(t1) {
+    function G(t1) {
       const e1 = Array.isArray(t1.detail) ? t1.detail[0] : t1.detail ?? "";
       p.value = String(e1), s("tab", { value: p.value });
     }
@@ -12100,7 +12100,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, [
         i("button", {
           type: "button",
-          class: W(["bell", { act: d.value }]),
+          class: F(["bell", { act: d.value }]),
           "aria-label": "Notifications",
           "aria-expanded": String(d.value),
           onClick: w1(k, ["stop"])
@@ -12129,13 +12129,13 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
             class: "ntabs",
             tabs: H.value,
             value: p.value,
-            onChange: F
+            onChange: G
           }, null, 8, ["tabs", "value"])) : y("", !0),
           i("div", zn, [
             (c(!0), r(E, null, p1(L.value, (b1, h1) => (c(), r("button", {
               key: h1,
               type: "button",
-              class: W(["nrow", { unread: b1.unread }]),
+              class: F(["nrow", { unread: b1.unread }]),
               role: "listitem",
               onClick: (N1) => j(b1, h1)
             }, [
@@ -12258,7 +12258,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           }
       });
     }
-    function F() {
+    function G() {
       v.value.length && (g.value = !0, x.value = 0, k());
     }
     function j() {
@@ -12277,7 +12277,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function P(Z) {
       var u1;
       const i1 = Array.isArray(Z.detail) ? Z.detail[0] : Z.detail ?? ((u1 = Z.target) == null ? void 0 : u1.value);
-      u.value = String(i1 ?? ""), s("input", { query: u.value }), u.value && v.value.length ? F() : j();
+      u.value = String(i1 ?? ""), s("input", { query: u.value }), u.value && v.value.length ? G() : j();
     }
     function R(Z) {
       const i1 = Array.isArray(Z.detail) ? Z.detail[0] : Z.detail ?? "";
@@ -12302,7 +12302,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       Z.key === "Escape" && j();
     }
     function e1() {
-      F();
+      G();
     }
     function n1() {
       u.value = "", s("input", { query: "" }), s("clear"), j();
@@ -12319,7 +12319,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }
       u2(() => {
         const i1 = L.value && L.value.querySelector("obs-input"), u1 = i1 && i1.shadowRoot && i1.shadowRoot.querySelector("input,textarea");
-        u1 && u1.focus(), F();
+        u1 && u1.focus(), G();
       });
     }
     function N1() {
@@ -12346,7 +12346,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return c(), r("div", {
         ref_key: "rootRef",
         ref: H,
-        class: W(["cpwrap", { ov: z.value }])
+        class: F(["cpwrap", { ov: z.value }])
       }, [
         z.value ? (c(), r("button", {
           key: 0,
@@ -12369,7 +12369,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           onCancel: w1(N1, ["prevent"])
         }, [
           i("div", {
-            class: W(["cp", { err: h.value, hascat: n.value.length, blk: l1.value, ctr: V1.value }]),
+            class: F(["cp", { err: h.value, hascat: n.value.length, blk: l1.value, ctr: V1.value }]),
             onClick: i1[0] || (i1[0] = w1(() => {
             }, ["stop"]))
           }, [
@@ -12419,7 +12419,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 (c(!0), r(E, null, p1(v.value, (G1, h2) => (c(), r("button", {
                   key: h2,
                   type: "button",
-                  class: W(["cp-sug", { on: h2 === x.value }]),
+                  class: F(["cp-sug", { on: h2 === x.value }]),
                   role: "option",
                   onMousedown: w1((M2) => D(G1), ["prevent"]),
                   onMouseenter: (M2) => x.value = h2
@@ -12507,7 +12507,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       ], 2);
     };
   }
-}, Wn = /* @__PURE__ */ E1(Gn, [["styles", [qn]]]), Kn = ":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, 8px)}.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:center;gap:8px;min-width:0}.left.stacked{align-items:flex-start}.before{display:inline-flex;align-items:center}.left.stacked .before{height:27px}.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:27px;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.menu-tgl{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:28px;height:28px;border-radius:50%;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e3e8f2);background:var(--page-background-color, #fff);color:var(--neutral-light, #6a7fa0);transition:background .12s,border-color .12s,color .12s}.menu-tgl:hover{background:var(--neutral-lightest, #ecf1f9);border-color:var(--neutral-lighter, #dfe5ef);color:var(--primary-alt, #3279be)}.menu-tgl:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.left.stacked .menu-tgl{margin-top:-1px}.tgl-ic{transform:translate(1px)}.tgl-sep{flex:0 0 auto;width:1px;align-self:center;height:22px;margin:0;background:var(--border-color, #e3e8f2)}.title{margin:0;font-size:18px;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)}", Jn = { class: "inner" }, Yn = { class: "crumb" }, Xn = { class: "ph" }, Qn = ["aria-label", "aria-expanded"], ei = { class: "before" }, ti = { class: "titles" }, li = { class: "ttl-row" }, si = {
+}, Wn = /* @__PURE__ */ E1(Gn, [["styles", [qn]]]), Kn = ":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, 8px)}.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:center;gap:8px;min-width:0}.left.stacked{align-items:flex-start}.before{display:inline-flex;align-items:center}.left.stacked .before{height:27px}.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:27px;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.menu-tgl{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e3e8f2);background:var(--page-background-color, #fff);color:var(--neutral-light, #6a7fa0);transition:background .12s,border-color .12s,color .12s}.menu-tgl:hover{background:var(--neutral-lightest, #ecf1f9);border-color:var(--neutral-lighter, #dfe5ef);color:var(--primary-alt, #3279be)}.menu-tgl:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.left.stacked .menu-tgl{margin-top:-1px}.tgl-ic{transform:translate(1px)}.tgl-ic.open{transform:translate(-2px)}.tgl-sep{flex:0 0 auto;width:1px;align-self:center;height:22px;margin:0;background:var(--border-color, #e3e8f2)}.title{margin:0;font-size:18px;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)}", Jn = { class: "inner" }, Yn = { class: "crumb" }, Xn = { class: "ph" }, Qn = ["aria-label", "aria-expanded"], ei = { class: "before" }, ti = { class: "titles" }, li = { class: "ttl-row" }, si = {
   key: 1,
   class: "title"
 }, ai = {
@@ -12568,7 +12568,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (u, h) => {
       const C = M1("obs-icon"), v = M1("obs-severity");
       return c(), r("div", {
-        class: W(["wrap", { "no-divider": s(e.noDivider) }])
+        class: F(["wrap", { "no-divider": s(e.noDivider) }])
       }, [
         i("div", Jn, [
           i("div", Yn, [
@@ -12576,7 +12576,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           ]),
           i("div", Xn, [
             i("div", {
-              class: W(["left", { stacked: p.value }])
+              class: F(["left", { stacked: p.value }])
             }, [
               s(e.menuToggle) ? (c(), r(E, { key: 0 }, [
                 i("button", {
@@ -12587,10 +12587,10 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                   onClick: d
                 }, [
                   I(C, {
-                    class: "tgl-ic",
+                    class: F(["tgl-ic", { open: s(e.menuOpen) }]),
                     name: s(e.menuOpen) ? "chevronLeft" : "chevronRight",
-                    size: "16"
-                  }, null, 8, ["name"])
+                    size: "15"
+                  }, null, 8, ["class", "name"])
                 ], 8, Qn),
                 h[0] || (h[0] = i("span", {
                   class: "tgl-sep",
@@ -12708,7 +12708,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         i("div", mi, [
           (c(!0), r(E, null, p1(n.value, (C, v) => (c(), r("button", {
             key: v,
-            class: W(["circ", { active: C.active }]),
+            class: F(["circ", { active: C.active }]),
             type: "button",
             "aria-label": C.label,
             title: C.label,
@@ -12759,7 +12759,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (n, d) => {
       const p = M1("obs-checkbox");
       return c(), r("div", {
-        class: W(["tb", "v-" + (e.variant || "grid")]),
+        class: F(["tb", "v-" + (e.variant || "grid")]),
         role: e.variant === "bulk" ? "toolbar" : null
       }, [
         e.variant === "bulk" ? (c(), r(E, { key: 0 }, [
@@ -12843,7 +12843,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return k1 ? k1.name : "";
     };
     let v = 0;
-    const g = (s1) => ({ key: "t" + v++, monitor: s1 || "", name: C(s1) }), x = n(l.selected, []), H = /* @__PURE__ */ B(x.length ? x.map((s1) => g(typeof s1 == "string" ? s1 : s1.id)) : [g("")]), L = l.active && H.value.find((s1) => String(s1.monitor) === String(l.active)), _ = /* @__PURE__ */ B(L ? L.key : H.value[0].key), S = m(() => H.value.find((s1) => s1.key === _.value) || H.value[0]), w = m(() => S.value ? S.value.monitor : ""), k = m(() => w.value !== "" && w.value != null), F = m(() => JSON.stringify(H.value.map((s1) => ({ key: s1.key, label: s1.name || "Select Monitor" }))));
+    const g = (s1) => ({ key: "t" + v++, monitor: s1 || "", name: C(s1) }), x = n(l.selected, []), H = /* @__PURE__ */ B(x.length ? x.map((s1) => g(typeof s1 == "string" ? s1 : s1.id)) : [g("")]), L = l.active && H.value.find((s1) => String(s1.monitor) === String(l.active)), _ = /* @__PURE__ */ B(L ? L.key : H.value[0].key), S = m(() => H.value.find((s1) => s1.key === _.value) || H.value[0]), w = m(() => S.value ? S.value.monitor : ""), k = m(() => w.value !== "" && w.value != null), G = m(() => JSON.stringify(H.value.map((s1) => ({ key: s1.key, label: s1.name || "Select Monitor" }))));
     function j() {
       const s1 = g("");
       H.value = [...H.value, s1], _.value = s1.key, s("add-monitor");
@@ -12905,14 +12905,14 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (s1, k1) => {
       const P1 = M1("obs-tabs"), G1 = M1("obs-grid-select"), h2 = M1("obs-icon"), M2 = M1("obs-input");
       return c(), r("div", {
-        class: W(["mp", { embedded: V1.value }])
+        class: F(["mp", { embedded: V1.value }])
       }, [
         V1.value ? y("", !0) : (c(), r(E, { key: 0 }, [
           I(P1, {
             class: "mp-mtabs",
             closable: "",
             addable: "",
-            tabs: F.value,
+            tabs: G.value,
             value: _.value,
             onChange: P,
             onClose: D,
@@ -12958,7 +12958,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           i("div", Ei, [
             (c(!0), r(E, null, p1(W1.value, (f) => (c(), r("div", {
               key: f.name,
-              class: W(["mp-row", { grab: z.value }]),
+              class: F(["mp-row", { grab: z.value }]),
               draggable: z.value ? "true" : null,
               title: f.name,
               onDragstart: (b) => u1(f, b),
@@ -13054,19 +13054,19 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function k() {
       s("close");
     }
-    function F(j) {
+    function G(j) {
       j.key === "Escape" ? k() : j.key === "ArrowRight" ? _() : j.key === "ArrowLeft" ? S() : j.key === " " && (j.preventDefault(), w());
     }
     return x2(() => {
-      p.value = d.value, H(), h.value && document.addEventListener("keydown", F);
+      p.value = d.value, H(), h.value && document.addEventListener("keydown", G);
     }), g2(() => {
-      x(), document.removeEventListener("keydown", F);
+      x(), document.removeEventListener("keydown", G);
     }), U1([d, o, u], () => {
       H();
     }), (j, D) => {
       const P = M1("obs-icon"), R = M1("obs-button");
       return c(), r("div", {
-        class: W(["noc", { fs: h.value }])
+        class: F(["noc", { fs: h.value }])
       }, [
         i("div", Ui, [
           i("div", Fi, [
@@ -13190,7 +13190,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return (d, p) => {
       const u = M1("obs-icon"), h = M1("obs-button");
       return c(), r("div", {
-        class: W(["tl", { disabled: o.value }])
+        class: F(["tl", { disabled: o.value }])
       }, [
         i("div", sd, [
           I(h, {
@@ -13309,7 +13309,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const x = M1("obs-icon");
       return c(), r("div", dd, [
         i("header", {
-          class: W(["whead", { grab: !e.static }]),
+          class: F(["whead", { grab: !e.static }]),
           onPointerdown: u
         }, [
           i("span", pd, V(e.title), 1),
@@ -13348,7 +13348,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }, [
           (c(), r(E, null, p1(n, (H) => i("a", {
             key: H.key,
-            class: W(["mrow", { danger: H.danger }]),
+            class: F(["mrow", { danger: H.danger }]),
             onClick: (L) => d(H.key)
           }, [
             I(x, {
@@ -13373,7 +13373,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     const l = e, s = t, a = a2(), o = /* @__PURE__ */ B(null), n = m(() => +l.columns || 12), d = m(() => +l.cellHeight || 80), p = m(() => +l.gap || 10), u = /* @__PURE__ */ B(0), h = m(() => Math.max(1, (u.value - (n.value - 1) * p.value) / n.value)), C = m(() => h.value + p.value), v = m(() => d.value + p.value), g = /* @__PURE__ */ B([]), x = /* @__PURE__ */ b3({ on: !1, mode: "", i: -1, sx: 0, sy: 0, ox: 0, oy: 0, ow: 0, oh: 0, left: 0, top: 0, w: 0, h: 0, scEl: null, st0: 0 }), H = /* @__PURE__ */ b3({ show: !1, x: 0, y: 0, w: 0, h: 0 });
     let L = 0, _ = 0, S = 0;
     const w = (A, Z) => A.x < Z.x + Z.w && Z.x < A.x + A.w && A.y < Z.y + Z.h && Z.y < A.y + A.h, k = (A, Z, i1) => Math.max(Z, Math.min(i1, A));
-    function F(A) {
+    function G(A) {
       const Z = [...g.value].sort((u1, I1) => u1.y - I1.y || u1.x - I1.x), i1 = A ? [A] : [];
       for (const u1 of Z) {
         if (u1 === A) continue;
@@ -13393,7 +13393,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         y: +(Z.getAttribute("data-y") || 0),
         w: +(Z.getAttribute("data-w") || 4),
         h: +(Z.getAttribute("data-h") || 3)
-      })), F();
+      })), G();
     }
     function D(A) {
       return {
@@ -13443,7 +13443,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function l1() {
       if (!x.on) return;
       const A = g.value[x.i], Z = x.scEl ? x.scEl.scrollTop - x.st0 : 0, i1 = _ - x.sx, u1 = S - x.sy + Z;
-      x.mode === "move" ? (x.left = x.ox + i1, x.top = x.oy + u1, A.x = k(Math.round(x.left / C.value), 0, n.value - A.w), A.y = Math.max(0, Math.round(x.top / v.value))) : (x.w = Math.max(h.value, x.ow + i1), x.h = Math.max(d.value, x.oh + u1), A.w = k(Math.round((x.w + p.value) / C.value), 1, n.value - A.x), A.h = k(Math.round((x.h + p.value) / v.value), 1, md)), Object.assign(H, { x: A.x, y: A.y, w: A.w, h: A.h }), F(A);
+      x.mode === "move" ? (x.left = x.ox + i1, x.top = x.oy + u1, A.x = k(Math.round(x.left / C.value), 0, n.value - A.w), A.y = Math.max(0, Math.round(x.top / v.value))) : (x.w = Math.max(h.value, x.ow + i1), x.h = Math.max(d.value, x.oh + u1), A.w = k(Math.round((x.w + p.value) / C.value), 1, n.value - A.x), A.h = k(Math.round((x.h + p.value) / v.value), 1, md)), Object.assign(H, { x: A.x, y: A.y, w: A.w, h: A.h }), G(A);
     }
     function V1(A) {
       x.on && (_ = A.clientX, S = A.clientY, l1(), L || (L = requestAnimationFrame(b1)));
@@ -13460,7 +13460,7 @@ const ja = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function h1() {
       window.removeEventListener("pointermove", V1), window.removeEventListener("pointerup", h1), L && (cancelAnimationFrame(L), L = 0);
       const A = g.value[x.i];
-      x.on = !1, H.show = !1, x.scEl = null, F(A);
+      x.on = !1, H.show = !1, x.scEl = null, G(A);
       for (const Z of g.value)
         Z.el.setAttribute("data-x", Z.x), Z.el.setAttribute("data-y", Z.y), Z.el.setAttribute("data-w", Z.w), Z.el.setAttribute("data-h", Z.h);
       s("layout-change", g.value.map((Z) => ({ x: Z.x, y: Z.y, w: Z.w, h: Z.h })));