@mtdt/observeops-ds-elements 0.1.186 → 0.1.188

package/dist/observeops-elements.js

@@ -958,7 +958,7 @@ function V2(e) {
   return e ? e.__v_isRef === !0 : !1;
 }
 // @__NO_SIDE_EFFECTS__
-function B(e) {
+function D(e) {
   return U6(e, !1);
 }
 function U6(e, t) {
@@ -2401,27 +2401,27 @@ function j0(e, t) {
     nextSibling: v,
     setScopeId: f = K2,
     insertStaticContent: y
-  } = e, m = (g, x, D, l1 = null, Q = null, G = null, m1 = void 0, f1 = null, p1 = !!x.dynamicChildren) => {
+  } = e, m = (g, x, B, s1 = null, Q = null, G = null, m1 = void 0, f1 = null, p1 = !!x.dynamicChildren) => {
     if (g === x)
       return;
-    g && !_3(g, x) && (l1 = w1(g), w(g, Q, G, !0), g = null), x.patchFlag === -2 && (p1 = !1, x.dynamicChildren = null);
+    g && !_3(g, x) && (s1 = w1(g), w(g, Q, G, !0), g = null), x.patchFlag === -2 && (p1 = !1, x.dynamicChildren = null);
     const { type: t1, ref: L1, shapeFlag: o1 } = x;
     switch (t1) {
       case S4:
-        H(g, x, D, l1);
+        H(g, x, B, s1);
         break;
       case c3:
-        A(g, x, D, l1);
+        A(g, x, B, s1);
         break;
       case a4:
-        g == null && j(x, D, l1, m1);
+        g == null && j(x, B, s1, m1);
         break;
       case z:
         d1(
           g,
           x,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2433,8 +2433,8 @@ function j0(e, t) {
         o1 & 1 ? F(
           g,
           x,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2443,8 +2443,8 @@ function j0(e, t) {
         ) : o1 & 6 ? i1(
           g,
           x,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2453,8 +2453,8 @@ function j0(e, t) {
         ) : (o1 & 64 || o1 & 128) && t1.process(
           g,
           x,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2464,48 +2464,48 @@ function j0(e, t) {
         );
     }
     L1 != null && Q ? P3(L1, g && g.ref, G, x || g, !x) : L1 == null && g && g.ref != null && P3(g.ref, null, G, g, !0);
-  }, H = (g, x, D, l1) => {
+  }, H = (g, x, B, s1) => {
     if (g == null)
       s(
         x.el = i(x.children),
-        D,
-        l1
+        B,
+        s1
       );
     else {
       const Q = x.el = g.el;
       x.children !== g.children && u(Q, x.children);
     }
-  }, A = (g, x, D, l1) => {
+  }, A = (g, x, B, s1) => {
     g == null ? s(
       x.el = p(x.children || ""),
-      D,
-      l1
+      B,
+      s1
     ) : x.el = g.el;
-  }, j = (g, x, D, l1) => {
+  }, j = (g, x, B, s1) => {
     [g.el, g.anchor] = y(
       g.children,
       x,
-      D,
-      l1,
+      B,
+      s1,
       g.el,
       g.anchor
     );
-  }, S = ({ el: g, anchor: x }, D, l1) => {
+  }, S = ({ el: g, anchor: x }, B, s1) => {
     let Q;
     for (; g && g !== x; )
-      Q = v(g), s(g, D, l1), g = Q;
-    s(x, D, l1);
+      Q = v(g), s(g, B, s1), g = Q;
+    s(x, B, s1);
   }, T = ({ el: g, anchor: x }) => {
-    let D;
+    let B;
     for (; g && g !== x; )
-      D = v(g), c(g), g = D;
+      B = v(g), c(g), g = B;
     c(x);
-  }, F = (g, x, D, l1, Q, G, m1, f1, p1) => {
+  }, F = (g, x, B, s1, Q, G, m1, f1, p1) => {
     if (x.type === "svg" ? m1 = "svg" : x.type === "math" && (m1 = "mathml"), g == null)
       R(
         x,
-        D,
-        l1,
+        B,
+        s1,
         Q,
         G,
         m1,
@@ -2528,7 +2528,7 @@ function j0(e, t) {
         t1 && t1._endPatch();
       }
     }
-  }, R = (g, x, D, l1, Q, G, m1, f1) => {
+  }, R = (g, x, B, s1, Q, G, m1, f1) => {
     let p1, t1;
     const { props: L1, shapeFlag: o1, transition: z1, dirs: k1 } = g;
     if (p1 = g.el = r(
@@ -2540,28 +2540,28 @@ function j0(e, t) {
       g.children,
       p1,
       null,
-      l1,
+      s1,
       Q,
       q4(g, G),
       m1,
       f1
-    ), k1 && n3(g, null, l1, "created"), E(p1, g, g.scopeId, m1, l1), L1) {
+    ), k1 && n3(g, null, s1, "created"), E(p1, g, g.scopeId, m1, s1), L1) {
       for (const B1 in L1)
-        B1 !== "value" && !O3(B1) && o(p1, B1, null, L1[B1], G, l1);
-      "value" in L1 && o(p1, "value", null, L1.value, G), (t1 = L1.onVnodeBeforeMount) && N2(t1, l1, g);
+        B1 !== "value" && !O3(B1) && o(p1, B1, null, L1[B1], G, s1);
+      "value" in L1 && o(p1, "value", null, L1.value, G), (t1 = L1.onVnodeBeforeMount) && N2(t1, s1, g);
     }
-    k1 && n3(g, null, l1, "beforeMount");
+    k1 && n3(g, null, s1, "beforeMount");
     const A1 = N0(Q, z1);
-    A1 && z1.beforeEnter(p1), s(p1, x, D), ((t1 = L1 && L1.onVnodeMounted) || A1 || k1) && A2(() => {
+    A1 && z1.beforeEnter(p1), s(p1, x, B), ((t1 = L1 && L1.onVnodeMounted) || A1 || k1) && A2(() => {
       try {
-        t1 && N2(t1, l1, g), A1 && z1.enter(p1), k1 && n3(g, null, l1, "mounted");
+        t1 && N2(t1, s1, g), A1 && z1.enter(p1), k1 && n3(g, null, s1, "mounted");
       } finally {
       }
     }, Q);
-  }, E = (g, x, D, l1, Q) => {
-    if (D && f(g, D), l1)
-      for (let G = 0; G < l1.length; G++)
-        f(g, l1[G]);
+  }, E = (g, x, B, s1, Q) => {
+    if (B && f(g, B), s1)
+      for (let G = 0; G < s1.length; G++)
+        f(g, s1[G]);
     if (Q) {
       let G = Q.subTree;
       if (x === G || l6(G.type) && (G.ssContent === x || G.ssFallback === x)) {
@@ -2575,33 +2575,33 @@ function j0(e, t) {
         );
       }
     }
-  }, v1 = (g, x, D, l1, Q, G, m1, f1, p1 = 0) => {
+  }, v1 = (g, x, B, s1, Q, G, m1, f1, p1 = 0) => {
     for (let t1 = p1; t1 < g.length; t1++) {
       const L1 = g[t1] = f1 ? X2(g[t1]) : G2(g[t1]);
       m(
         null,
         L1,
         x,
-        D,
-        l1,
+        B,
+        s1,
         Q,
         G,
         m1,
         f1
       );
     }
-  }, n1 = (g, x, D, l1, Q, G, m1) => {
+  }, n1 = (g, x, B, s1, Q, G, m1) => {
     const f1 = x.el = g.el;
     let { patchFlag: p1, dynamicChildren: t1, dirs: L1 } = x;
     p1 |= g.patchFlag & 16;
     const o1 = g.props || n2, z1 = x.props || n2;
     let k1;
-    if (D && i3(D, !1), (k1 = z1.onVnodeBeforeUpdate) && N2(k1, D, x, g), L1 && n3(x, g, D, "beforeUpdate"), D && i3(D, !0), (o1.innerHTML && z1.innerHTML == null || o1.textContent && z1.textContent == null) && h(f1, ""), t1 ? K(
+    if (B && i3(B, !1), (k1 = z1.onVnodeBeforeUpdate) && N2(k1, B, x, g), L1 && n3(x, g, B, "beforeUpdate"), B && i3(B, !0), (o1.innerHTML && z1.innerHTML == null || o1.textContent && z1.textContent == null) && h(f1, ""), t1 ? K(
       g.dynamicChildren,
       t1,
       f1,
-      D,
-      l1,
+      B,
+      s1,
       q4(x, Q),
       G
     ) : m1 || u1(
@@ -2609,27 +2609,27 @@ function j0(e, t) {
       x,
       f1,
       null,
-      D,
-      l1,
+      B,
+      s1,
       q4(x, Q),
       G,
       !1
     ), p1 > 0) {
       if (p1 & 16)
-        e1(f1, o1, z1, D, Q);
+        e1(f1, o1, z1, B, Q);
       else if (p1 & 2 && o1.class !== z1.class && o(f1, "class", null, z1.class, Q), p1 & 4 && o(f1, "style", o1.style, z1.style, Q), p1 & 8) {
         const A1 = x.dynamicProps;
         for (let B1 = 0; B1 < A1.length; B1++) {
           const T1 = A1[B1], J1 = o1[T1], X1 = z1[T1];
-          (X1 !== J1 || T1 === "value") && o(f1, T1, J1, X1, Q, D);
+          (X1 !== J1 || T1 === "value") && o(f1, T1, J1, X1, Q, B);
         }
       }
       p1 & 1 && g.children !== x.children && h(f1, x.children);
-    } else !m1 && t1 == null && e1(f1, o1, z1, D, Q);
+    } else !m1 && t1 == null && e1(f1, o1, z1, B, Q);
     ((k1 = z1.onVnodeUpdated) || L1) && A2(() => {
-      k1 && N2(k1, D, x, g), L1 && n3(x, g, D, "updated");
-    }, l1);
-  }, K = (g, x, D, l1, Q, G, m1) => {
+      k1 && N2(k1, B, x, g), L1 && n3(x, g, B, "updated");
+    }, s1);
+  }, K = (g, x, B, s1, Q, G, m1) => {
     for (let f1 = 0; f1 < x.length; f1++) {
       const p1 = g[f1], t1 = x[f1], L1 = (
         // oldVNode may be an errored async setup() component inside Suspense
@@ -2642,7 +2642,7 @@ function j0(e, t) {
         p1.shapeFlag & 198) ? C(p1.el) : (
           // In other cases, the parent container is not actually used so we
           // just pass the block element here to avoid a DOM parentNode call.
-          D
+          B
         )
       );
       m(
@@ -2650,42 +2650,42 @@ function j0(e, t) {
         t1,
         L1,
         null,
-        l1,
+        s1,
         Q,
         G,
         m1,
         !0
       );
     }
-  }, e1 = (g, x, D, l1, Q) => {
-    if (x !== D) {
+  }, e1 = (g, x, B, s1, Q) => {
+    if (x !== B) {
       if (x !== n2)
         for (const G in x)
-          !O3(G) && !(G in D) && o(
+          !O3(G) && !(G in B) && o(
             g,
             G,
             x[G],
             null,
             Q,
-            l1
+            s1
           );
-      for (const G in D) {
+      for (const G in B) {
         if (O3(G)) continue;
-        const m1 = D[G], f1 = x[G];
-        m1 !== f1 && G !== "value" && o(g, G, f1, m1, Q, l1);
+        const m1 = B[G], f1 = x[G];
+        m1 !== f1 && G !== "value" && o(g, G, f1, m1, Q, s1);
       }
-      "value" in D && o(g, "value", x.value, D.value, Q);
+      "value" in B && o(g, "value", x.value, B.value, Q);
     }
-  }, d1 = (g, x, D, l1, Q, G, m1, f1, p1) => {
+  }, d1 = (g, x, B, s1, Q, G, m1, f1, p1) => {
     const t1 = x.el = g ? g.el : i(""), L1 = x.anchor = g ? g.anchor : i("");
     let { patchFlag: o1, dynamicChildren: z1, slotScopeIds: k1 } = x;
-    k1 && (f1 = f1 ? f1.concat(k1) : k1), g == null ? (s(t1, D, l1), s(L1, D, l1), v1(
+    k1 && (f1 = f1 ? f1.concat(k1) : k1), g == null ? (s(t1, B, s1), s(L1, B, s1), v1(
       // #10007
       // such fragment like `<></>` will be compiled into
       // a fragment which doesn't have a children.
       // In this case fallback to an empty array
       x.children || [],
-      D,
+      B,
       L1,
       Q,
       G,
@@ -2697,7 +2697,7 @@ function j0(e, t) {
     g.dynamicChildren && g.dynamicChildren.length === z1.length ? (K(
       g.dynamicChildren,
       z1,
-      D,
+      B,
       Q,
       G,
       m1,
@@ -2714,7 +2714,7 @@ function j0(e, t) {
     )) : u1(
       g,
       x,
-      D,
+      B,
       L1,
       Q,
       G,
@@ -2722,54 +2722,54 @@ function j0(e, t) {
       f1,
       p1
     );
-  }, i1 = (g, x, D, l1, Q, G, m1, f1, p1) => {
+  }, i1 = (g, x, B, s1, Q, G, m1, f1, p1) => {
     x.slotScopeIds = f1, g == null ? x.shapeFlag & 512 ? Q.ctx.activate(
       x,
-      D,
-      l1,
+      B,
+      s1,
       m1,
       p1
     ) : V(
       x,
-      D,
-      l1,
+      B,
+      s1,
       Q,
       G,
       m1,
       p1
     ) : X(g, x, p1);
-  }, V = (g, x, D, l1, Q, G, m1) => {
+  }, V = (g, x, B, s1, Q, G, m1) => {
     const f1 = g.component = Q0(
       g,
-      l1,
+      s1,
       Q
     );
     if (E8(g) && (f1.ctx.renderer = p2), e9(f1, !1, m1), f1.asyncDep) {
       if (Q && Q.registerDep(f1, Z1, m1), !g.el) {
         const p1 = f1.subTree = P(c3);
-        A(null, p1, x, D), g.placeholder = p1.el;
+        A(null, p1, x, B), g.placeholder = p1.el;
       }
     } else
       Z1(
         f1,
         g,
         x,
-        D,
+        B,
         Q,
         G,
         m1
       );
-  }, X = (g, x, D) => {
-    const l1 = x.component = g.component;
-    if (O0(g, x, D))
-      if (l1.asyncDep && !l1.asyncResolved) {
-        b1(l1, x, D);
+  }, X = (g, x, B) => {
+    const s1 = x.component = g.component;
+    if (O0(g, x, B))
+      if (s1.asyncDep && !s1.asyncResolved) {
+        b1(s1, x, B);
         return;
       } else
-        l1.next = x, l1.update();
+        s1.next = x, s1.update();
     else
-      x.el = g.el, l1.vnode = x;
-  }, Z1 = (g, x, D, l1, Q, G, m1) => {
+      x.el = g.el, s1.vnode = x;
+  }, Z1 = (g, x, B, s1, Q, G, m1) => {
     const f1 = () => {
       if (g.isMounted) {
         let { next: o1, bu: z1, u: k1, parent: A1, vnode: B1 } = g;
@@ -2814,8 +2814,8 @@ function j0(e, t) {
           m(
             null,
             L,
-            D,
-            l1,
+            B,
+            s1,
             g,
             Q,
             G
@@ -2828,7 +2828,7 @@ function j0(e, t) {
             Q
           );
         }
-        (x.shapeFlag & 256 || T1 && Z3(T1.vnode) && T1.vnode.shapeFlag & 256) && g.a && A2(g.a, Q), g.isMounted = !0, x = D = l1 = null;
+        (x.shapeFlag & 256 || T1 && Z3(T1.vnode) && T1.vnode.shapeFlag & 256) && g.a && A2(g.a, Q), g.isMounted = !0, x = B = s1 = null;
       }
     };
     g.scope.on();
@@ -2836,19 +2836,19 @@ function j0(e, t) {
     g.scope.off();
     const t1 = g.update = p1.run.bind(p1), L1 = g.job = p1.runIfDirty.bind(p1);
     L1.i = g, L1.id = g.uid, p1.scheduler = () => C5(L1), i3(g, !0), t1();
-  }, b1 = (g, x, D) => {
+  }, b1 = (g, x, B) => {
     x.component = g;
-    const l1 = g.vnode.props;
-    g.vnode = x, g.next = null, P0(g, x.props, l1, D), q0(g, x.children, D), t3(), L5(g), l3();
-  }, u1 = (g, x, D, l1, Q, G, m1, f1, p1 = !1) => {
+    const s1 = g.vnode.props;
+    g.vnode = x, g.next = null, P0(g, x.props, s1, B), q0(g, x.children, B), t3(), L5(g), l3();
+  }, u1 = (g, x, B, s1, Q, G, m1, f1, p1 = !1) => {
     const t1 = g && g.children, L1 = g ? g.shapeFlag : 0, o1 = x.children, { patchFlag: z1, shapeFlag: k1 } = x;
     if (z1 > 0) {
       if (z1 & 128) {
         K1(
           t1,
           o1,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2860,8 +2860,8 @@ function j0(e, t) {
         q1(
           t1,
           o1,
-          D,
-          l1,
+          B,
+          s1,
           Q,
           G,
           m1,
@@ -2871,27 +2871,27 @@ function j0(e, t) {
         return;
       }
     }
-    k1 & 8 ? (L1 & 16 && J(t1, Q, G), o1 !== t1 && h(D, o1)) : L1 & 16 ? k1 & 16 ? K1(
+    k1 & 8 ? (L1 & 16 && J(t1, Q, G), o1 !== t1 && h(B, o1)) : L1 & 16 ? k1 & 16 ? K1(
       t1,
       o1,
-      D,
-      l1,
+      B,
+      s1,
       Q,
       G,
       m1,
       f1,
       p1
-    ) : J(t1, Q, G, !0) : (L1 & 8 && h(D, ""), k1 & 16 && v1(
+    ) : J(t1, Q, G, !0) : (L1 & 8 && h(B, ""), k1 & 16 && v1(
       o1,
-      D,
-      l1,
+      B,
+      s1,
       Q,
       G,
       m1,
       f1,
       p1
     ));
-  }, q1 = (g, x, D, l1, Q, G, m1, f1, p1) => {
+  }, q1 = (g, x, B, s1, Q, G, m1, f1, p1) => {
     g = g || b3, x = x || b3;
     const t1 = g.length, L1 = x.length, o1 = Math.min(t1, L1);
     let z1;
@@ -2900,7 +2900,7 @@ function j0(e, t) {
       m(
         g[z1],
         k1,
-        D,
+        B,
         null,
         Q,
         G,
@@ -2918,8 +2918,8 @@ function j0(e, t) {
       o1
     ) : v1(
       x,
-      D,
-      l1,
+      B,
+      s1,
       Q,
       G,
       m1,
@@ -2927,7 +2927,7 @@ function j0(e, t) {
       p1,
       o1
     );
-  }, K1 = (g, x, D, l1, Q, G, m1, f1, p1) => {
+  }, K1 = (g, x, B, s1, Q, G, m1, f1, p1) => {
     let t1 = 0;
     const L1 = x.length;
     let o1 = g.length - 1, z1 = L1 - 1;
@@ -2937,7 +2937,7 @@ function j0(e, t) {
         m(
           k1,
           A1,
-          D,
+          B,
           null,
           Q,
           G,
@@ -2955,7 +2955,7 @@ function j0(e, t) {
         m(
           k1,
           A1,
-          D,
+          B,
           null,
           Q,
           G,
@@ -2969,12 +2969,12 @@ function j0(e, t) {
     }
     if (t1 > o1) {
       if (t1 <= z1) {
-        const k1 = z1 + 1, A1 = k1 < L1 ? x[k1].el : l1;
+        const k1 = z1 + 1, A1 = k1 < L1 ? x[k1].el : s1;
         for (; t1 <= z1; )
           m(
             null,
             x[t1] = p1 ? X2(x[t1]) : G2(x[t1]),
-            D,
+            B,
             A1,
             Q,
             G,
@@ -3015,7 +3015,7 @@ function j0(e, t) {
         E1 === void 0 ? w(S1, Q, G, !0) : (W[E1 - A1] = t1 + 1, E1 >= L ? L = E1 : t2 = !0, m(
           S1,
           x[E1],
-          D,
+          B,
           null,
           Q,
           G,
@@ -3029,51 +3029,51 @@ function j0(e, t) {
         const S1 = A1 + t1, E1 = x[S1], s2 = x[S1 + 1], C2 = S1 + 1 < L1 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
           s2.el || t6(s2)
-        ) : l1;
+        ) : s1;
         W[t1] === 0 ? m(
           null,
           E1,
-          D,
+          B,
           C2,
           Q,
           G,
           m1,
           f1,
           p1
-        ) : t2 && (T1 < 0 || t1 !== _1[T1] ? _(E1, D, C2, 2) : T1--);
+        ) : t2 && (T1 < 0 || t1 !== _1[T1] ? _(E1, B, C2, 2) : T1--);
       }
     }
-  }, _ = (g, x, D, l1, Q = null) => {
+  }, _ = (g, x, B, s1, Q = null) => {
     const { el: G, type: m1, transition: f1, children: p1, shapeFlag: t1 } = g;
     if (t1 & 6) {
-      _(g.component.subTree, x, D, l1);
+      _(g.component.subTree, x, B, s1);
       return;
     }
     if (t1 & 128) {
-      g.suspense.move(x, D, l1);
+      g.suspense.move(x, B, s1);
       return;
     }
     if (t1 & 64) {
-      m1.move(g, x, D, p2);
+      m1.move(g, x, B, p2);
       return;
     }
     if (m1 === z) {
-      s(G, x, D);
+      s(G, x, B);
       for (let o1 = 0; o1 < p1.length; o1++)
-        _(p1[o1], x, D, l1);
-      s(g.anchor, x, D);
+        _(p1[o1], x, B, s1);
+      s(g.anchor, x, B);
       return;
     }
     if (m1 === a4) {
-      S(g, x, D);
+      S(g, x, B);
       return;
     }
-    if (l1 !== 2 && t1 & 1 && f1)
-      if (l1 === 0)
-        f1.persisted && !G[D4] ? s(G, x, D) : (f1.beforeEnter(G), s(G, x, D), A2(() => f1.enter(G), Q));
+    if (s1 !== 2 && t1 & 1 && f1)
+      if (s1 === 0)
+        f1.persisted && !G[D4] ? s(G, x, B) : (f1.beforeEnter(G), s(G, x, B), A2(() => f1.enter(G), Q));
       else {
         const { leave: o1, delayLeave: z1, afterLeave: k1 } = f1, A1 = () => {
-          g.ctx.isUnmounted ? c(G) : s(G, x, D);
+          g.ctx.isUnmounted ? c(G) : s(G, x, B);
         }, B1 = () => {
           const T1 = G._isLeaving || !!G[D4];
           G._isLeaving && G[D4](
@@ -3086,8 +3086,8 @@ function j0(e, t) {
         z1 ? z1(G, A1, B1) : B1();
       }
     else
-      s(G, x, D);
-  }, w = (g, x, D, l1 = !1, Q = !1) => {
+      s(G, x, B);
+  }, w = (g, x, B, s1 = !1, Q = !1) => {
     const {
       type: G,
       props: m1,
@@ -3100,25 +3100,25 @@ function j0(e, t) {
       cacheIndex: k1,
       memo: A1
     } = g;
-    if (o1 === -2 && (Q = !1), f1 != null && (t3(), P3(f1, null, D, g, !0), l3()), k1 != null && (x.renderCache[k1] = void 0), L1 & 256) {
+    if (o1 === -2 && (Q = !1), f1 != null && (t3(), P3(f1, null, B, g, !0), l3()), k1 != null && (x.renderCache[k1] = void 0), L1 & 256) {
       x.ctx.deactivate(g);
       return;
     }
     const B1 = L1 & 1 && z1, T1 = !Z3(g);
     let J1;
     if (T1 && (J1 = m1 && m1.onVnodeBeforeUnmount) && N2(J1, x, g), L1 & 6)
-      I1(g.component, D, l1);
+      I1(g.component, B, s1);
     else {
       if (L1 & 128) {
-        g.suspense.unmount(D, l1);
+        g.suspense.unmount(B, s1);
         return;
       }
       B1 && n3(g, null, x, "beforeUnmount"), L1 & 64 ? g.type.remove(
         g,
         x,
-        D,
+        B,
         p2,
-        l1
+        s1
       ) : t1 && // #5154
       // when v-once is used inside a block, setBlockTracking(-1) marks the
       // parent block with hasOnce: true
@@ -3128,19 +3128,19 @@ function j0(e, t) {
       (G !== z || o1 > 0 && o1 & 64) ? J(
         t1,
         x,
-        D,
+        B,
         !1,
         !0
-      ) : (G === z && o1 & 384 || !Q && L1 & 16) && J(p1, x, D), l1 && s1(g);
+      ) : (G === z && o1 & 384 || !Q && L1 & 16) && J(p1, x, B), s1 && c1(g);
     }
     const X1 = A1 != null && k1 == null;
     (T1 && (J1 = m1 && m1.onVnodeUnmounted) || B1 || X1) && A2(() => {
       J1 && N2(J1, x, g), B1 && n3(g, null, x, "unmounted"), X1 && (g.el = null);
-    }, D);
-  }, s1 = (g) => {
-    const { type: x, el: D, anchor: l1, transition: Q } = g;
+    }, B);
+  }, c1 = (g) => {
+    const { type: x, el: B, anchor: s1, transition: Q } = g;
     if (x === z) {
-      h1(D, l1);
+      h1(B, s1);
       return;
     }
     if (x === a4) {
@@ -3148,51 +3148,51 @@ function j0(e, t) {
       return;
     }
     const G = () => {
-      c(D), Q && !Q.persisted && Q.afterLeave && Q.afterLeave();
+      c(B), Q && !Q.persisted && Q.afterLeave && Q.afterLeave();
     };
     if (g.shapeFlag & 1 && Q && !Q.persisted) {
-      const { leave: m1, delayLeave: f1 } = Q, p1 = () => m1(D, G);
+      const { leave: m1, delayLeave: f1 } = Q, p1 = () => m1(B, G);
       f1 ? f1(g.el, G, p1) : p1();
     } else
       G();
   }, h1 = (g, x) => {
-    let D;
+    let B;
     for (; g !== x; )
-      D = v(g), c(g), g = D;
+      B = v(g), c(g), g = B;
     c(x);
-  }, I1 = (g, x, D) => {
-    const { bum: l1, scope: Q, job: G, subTree: m1, um: f1, m: p1, a: t1 } = g;
-    D5(p1), D5(t1), l1 && c4(l1), Q.stop(), G && (G.flags |= 8, w(m1, g, x, D)), f1 && A2(f1, x), A2(() => {
+  }, I1 = (g, x, B) => {
+    const { bum: s1, scope: Q, job: G, subTree: m1, um: f1, m: p1, a: t1 } = g;
+    D5(p1), D5(t1), s1 && c4(s1), Q.stop(), G && (G.flags |= 8, w(m1, g, x, B)), f1 && A2(f1, x), A2(() => {
       g.isUnmounted = !0;
     }, x);
-  }, J = (g, x, D, l1 = !1, Q = !1, G = 0) => {
+  }, J = (g, x, B, s1 = !1, Q = !1, G = 0) => {
     for (let m1 = G; m1 < g.length; m1++)
-      w(g[m1], x, D, l1, Q);
+      w(g[m1], x, B, s1, Q);
   }, w1 = (g) => {
     if (g.shapeFlag & 6)
       return w1(g.component.subTree);
     if (g.shapeFlag & 128)
       return g.suspense.next();
-    const x = v(g.anchor || g.el), D = x && x[o0];
-    return D ? v(D) : x;
+    const x = v(g.anchor || g.el), B = x && x[o0];
+    return B ? v(B) : x;
   };
   let N1 = !1;
-  const G1 = (g, x, D) => {
-    let l1;
-    g == null ? x._vnode && (w(x._vnode, null, null, !0), l1 = x._vnode.component) : m(
+  const G1 = (g, x, B) => {
+    let s1;
+    g == null ? x._vnode && (w(x._vnode, null, null, !0), s1 = x._vnode.component) : m(
       x._vnode || null,
       g,
       x,
       null,
       null,
       null,
-      D
-    ), x._vnode = g, N1 || (N1 = !0, L5(l1), S8(), N1 = !1);
+      B
+    ), x._vnode = g, N1 || (N1 = !0, L5(s1), S8(), N1 = !1);
   }, p2 = {
     p: m,
     um: w,
     m: _,
-    r: s1,
+    r: c1,
     mt: V,
     mc: v1,
     pc: u1,
@@ -4459,7 +4459,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = /* @__PURE__ */ B(!0), o = /* @__PURE__ */ B(!1), r = /* @__PURE__ */ B(null);
+    const l = e, s = t, c = /* @__PURE__ */ D(!0), o = /* @__PURE__ */ D(!1), r = /* @__PURE__ */ D(null);
     function i() {
       l.disabled || (l.confirmable ? o.value = !0 : u());
     }
@@ -4603,7 +4603,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = /* @__PURE__ */ B(l.checked);
+    const l = e, s = t, c = r2(), o = /* @__PURE__ */ D(l.checked);
     F1(() => l.checked, (p) => {
       o.value = p;
     });
@@ -4657,7 +4657,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = b(() => !!(l.checkedText || l.uncheckedText)), r = /* @__PURE__ */ B(l.checked);
+    const l = e, s = t, c = r2(), o = b(() => !!(l.checkedText || l.uncheckedText)), r = /* @__PURE__ */ D(l.checked);
     F1(() => l.checked, (p) => {
       r.value = p;
     });
@@ -4709,7 +4709,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           return [];
         }
       return C.split(",").map((v) => v.trim()).filter(Boolean);
-    }), s = (h) => h && typeof h == "object" ? h.text : h, c = b(() => l.value.slice(0, t.maxItems)), o = b(() => l.value.slice(t.maxItems)), r = /* @__PURE__ */ B(!1), i = /* @__PURE__ */ B(null);
+    }), s = (h) => h && typeof h == "object" ? h.text : h, c = b(() => l.value.slice(0, t.maxItems)), o = b(() => l.value.slice(t.maxItems)), r = /* @__PURE__ */ D(!1), i = /* @__PURE__ */ D(null);
     function p() {
       r.value = !r.value;
     }
@@ -4761,7 +4761,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const l = (v) => `<obs-icon name="${v}" size="14"></obs-icon>`, s = e, c = t, o = r2(), r = /* @__PURE__ */ B(s.value || "");
+    const l = (v) => `<obs-icon name="${v}" size="14"></obs-icon>`, s = e, c = t, o = r2(), r = /* @__PURE__ */ D(s.value || "");
     F1(() => s.value, (v) => {
       r.value = v || "";
     });
@@ -4883,7 +4883,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
   },
   emits: ["input", "change", "search", "enterKey"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = f5(), r = (R) => R == null ? "" : String(R), i = /* @__PURE__ */ B(r(l.value));
+    const l = e, s = t, c = r2(), o = f5(), r = (R) => R == null ? "" : String(R), i = /* @__PURE__ */ D(r(l.value));
     F1(() => l.value, (R) => {
       i.value = r(R);
     });
@@ -5150,7 +5150,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     // accessible name; empty → decorative (aria-hidden)
   },
   setup(e) {
-    const t = e, l = /* @__PURE__ */ B(0), s = () => {
+    const t = e, l = /* @__PURE__ */ D(0), s = () => {
       l.value++;
     };
     L2(() => {
@@ -5330,11 +5330,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         }
       })() : []).map((x1, Q1) => ({ key: String(x1.key ?? x1.label ?? Q1), label: String(x1.label ?? x1.key ?? ""), checked: x1.checked !== !1, locked: x1.locked === !0 || x1.locked === "true" }));
     }
-    const o = /* @__PURE__ */ B(c()), r = /* @__PURE__ */ B(c());
+    const o = /* @__PURE__ */ D(c()), r = /* @__PURE__ */ D(c());
     F1(() => l.columns, () => {
       o.value = c(), r.value = c();
     });
-    const i = b(() => o.value.length > 0), p = /* @__PURE__ */ B(null), u = /* @__PURE__ */ B(null), h = () => s("change", o.value.filter((M) => M.checked).map((M) => M.key));
+    const i = b(() => o.value.length > 0), p = /* @__PURE__ */ D(null), u = /* @__PURE__ */ D(null), h = () => s("change", o.value.filter((M) => M.checked).map((M) => M.key));
     function C(M) {
       M.locked || (M.checked = !M.checked, o.value = [...o.value], h());
     }
@@ -5361,7 +5361,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function A(M) {
       return M ? String(M).split(",").map((r1) => r1.trim()).filter(Boolean) : [];
     }
-    const j = /* @__PURE__ */ B(null), S = /* @__PURE__ */ B(null), T = /* @__PURE__ */ B(null), F = /* @__PURE__ */ B(null), R = /* @__PURE__ */ B(!1), E = /* @__PURE__ */ B(""), v1 = /* @__PURE__ */ B(-1), n1 = /* @__PURE__ */ B(-1), K = /* @__PURE__ */ B(!1), e1 = /* @__PURE__ */ B(!1), d1 = /* @__PURE__ */ B(!1), i1 = /* @__PURE__ */ B(""), V = /* @__PURE__ */ B(A(l.value)), X = /* @__PURE__ */ B([]), Z1 = /* @__PURE__ */ B({}), b1 = /* @__PURE__ */ B(!1), u1 = /* @__PURE__ */ B({});
+    const j = /* @__PURE__ */ D(null), S = /* @__PURE__ */ D(null), T = /* @__PURE__ */ D(null), F = /* @__PURE__ */ D(null), R = /* @__PURE__ */ D(!1), E = /* @__PURE__ */ D(""), v1 = /* @__PURE__ */ D(-1), n1 = /* @__PURE__ */ D(-1), K = /* @__PURE__ */ D(!1), e1 = /* @__PURE__ */ D(!1), d1 = /* @__PURE__ */ D(!1), i1 = /* @__PURE__ */ D(""), V = /* @__PURE__ */ D(A(l.value)), X = /* @__PURE__ */ D([]), Z1 = /* @__PURE__ */ D({}), b1 = /* @__PURE__ */ D(!1), u1 = /* @__PURE__ */ D({});
     F1(() => l.value, (M) => {
       V.value = A(M);
     });
@@ -5374,7 +5374,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       } catch {
       }
     }, { deep: !0 });
-    const K1 = b(() => l.placeholder || "Select"), _ = (M) => M === "false" || M === !1, w = (M) => M === "true" || M === !0 || M === "", s1 = b(() => l.canUserAddOptions || l.useAfterMenuDescription ? !0 : _(l.searchable) ? !1 : w(l.searchable) ? !0 : M2.value.length > De), h1 = b(() => !_(l.asInput)), I1 = ["input", "text", "button", "icon", "chip"], J = b(() => l.trigger && I1.includes(l.trigger) ? l.trigger : i.value ? "icon" : l.textOnly ? "text" : h1.value ? "input" : "chip"), w1 = (M, r1) => {
+    const K1 = b(() => l.placeholder || "Select"), _ = (M) => M === "false" || M === !1, w = (M) => M === "true" || M === !0 || M === "", c1 = b(() => l.canUserAddOptions || l.useAfterMenuDescription ? !0 : _(l.searchable) ? !1 : w(l.searchable) ? !0 : M2.value.length > De), h1 = b(() => !_(l.asInput)), I1 = ["input", "text", "button", "icon", "chip"], J = b(() => l.trigger && I1.includes(l.trigger) ? l.trigger : i.value ? "icon" : l.textOnly ? "text" : h1.value ? "input" : "chip"), w1 = (M, r1) => {
       if (typeof M == "string") return { value: M, label: M, disabled: r1.has(M) };
       if (M && M.value == null && M.key == null && M.label == null && M.text == null && M.name == null)
         try {
@@ -5408,7 +5408,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }, M2 = b(() => p2(G1.value, []).concat(X.value)), g = b(() => G1.value.some((M) => M.group)), x = b(() => {
       const M = E.value.toLowerCase();
       return M2.value.filter((r1) => !M || String(r1.label).toLowerCase().includes(M));
-    }), D = b(() => M2.value.filter((M) => !M.disabled).map((M) => M.value)), l1 = b(() => D.value.length > 0 && D.value.every((M) => V.value.includes(M))), Q = /* @__PURE__ */ B(/* @__PURE__ */ new Set()), G = (M) => M && String(M).startsWith("--") ? `var(${M}, #6a7fa0)` : M, m1 = (M) => {
+    }), B = b(() => M2.value.filter((M) => !M.disabled).map((M) => M.value)), s1 = b(() => B.value.length > 0 && B.value.every((M) => V.value.includes(M))), Q = /* @__PURE__ */ D(/* @__PURE__ */ new Set()), G = (M) => M && String(M).startsWith("--") ? `var(${M}, #6a7fa0)` : M, m1 = (M) => {
       if (M.severity) return String(M.severity).toLowerCase().trim();
       const r1 = M.color && String(M.color).match(/^--severity-([a-z]+)/i);
       return r1 ? r1[1].toLowerCase() : "";
@@ -5471,7 +5471,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           M && M.showPopover && !M.matches(":popover-open") && M.showPopover();
         } catch {
         }
-        L(), s1.value && T.value && T.value.focus({ preventScroll: !0 }), requestAnimationFrame(() => L());
+        L(), c1.value && T.value && T.value.focus({ preventScroll: !0 }), requestAnimationFrame(() => L());
       }), window.addEventListener("scroll", W, !0), window.addEventListener("resize", W));
     }
     function S1() {
@@ -5494,7 +5494,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
           V.value = [M.value], s("change", M.value), S1();
     }
     function C2() {
-      V.value = l1.value ? [] : l.maxValues > 0 ? D.value.slice(0, l.maxValues) : [...D.value], s("change", [...V.value]);
+      V.value = s1.value ? [] : l.maxValues > 0 ? B.value.slice(0, l.maxValues) : [...B.value], s("change", [...V.value]);
     }
     function $2(M) {
       M && M.stopPropagation(), V.value = [], s("change", l.multiple ? [] : "");
@@ -5722,7 +5722,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               D1(k(e.resetLabel), 1)
             ])) : Z("", !0)
           ])) : (a(), n("div", Ce, [
-            s1.value ? (a(), n("div", ve, [
+            c1.value ? (a(), n("div", ve, [
               d("div", fe, [
                 P(x1, {
                   class: "sic",
@@ -5794,7 +5794,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               onClick: C2
             }, [
               d("span", {
-                class: N(["cbx", { ck: l1.value }]),
+                class: N(["cbx", { ck: s1.value }]),
                 "aria-hidden": "true"
               }, null, 2),
               r1[8] || (r1[8] = d("span", { class: "mlbl" }, "Select All", -1))
@@ -6054,7 +6054,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     })), i = (V) => {
       const X = r.value.find((Z1) => Z1.value === V);
       return X ? X.label : V;
-    }, p = r2(), u = /* @__PURE__ */ B(o(l.value));
+    }, p = r2(), u = /* @__PURE__ */ D(o(l.value));
     F1(() => l.value, (V) => {
       u.value = o(V);
     }), F1(u, (V) => {
@@ -6065,7 +6065,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       } catch {
       }
     }, { deep: !0 });
-    const h = /* @__PURE__ */ B(""), C = /* @__PURE__ */ B(!1), v = /* @__PURE__ */ B(0), f = /* @__PURE__ */ B(null), y = b(() => l.lowercase !== "false" && l.lowercase !== !1);
+    const h = /* @__PURE__ */ D(""), C = /* @__PURE__ */ D(!1), v = /* @__PURE__ */ D(0), f = /* @__PURE__ */ D(null), y = b(() => l.lowercase !== "false" && l.lowercase !== !1);
     function m(V) {
       const X = V.trim();
       return c.value ? X : y.value ? X.toLowerCase() : X;
@@ -6794,7 +6794,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       innerHTML: r.value.html
     }, null, 14, $l));
   }
-}, Ol = /* @__PURE__ */ P1(Al, [["styles", [zl]]]), Tl = ':host([hidden]){display:none!important}:host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="slider"]){display:block;width:100%}.field-wrap{position:relative;display:inline-block}.field-wrap.open.wide{width:300px}.field-wrap.open:not(.wide){width:260px}.field{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;min-width:220px;height:36px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);cursor:pointer}.field-ph{color:var(--neutral-light, #6a7fa0);font-size:13px}.field-ph.filled{color:var(--page-text-color, #1d2a3e)}.ficon{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.ficon.clr{cursor:pointer}.field.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.field.disabled .field-ph,.field.disabled .ficon{opacity:.6}.field.open{border-color:var(--primary-alt, #1d2a3e);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.dt-pop{position:absolute;left:0;top:calc(100% - 1px);z-index:30;box-sizing:border-box;width:100%;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.dt-body{padding:10px 14px}.dt-body .mhead{margin-bottom:6px}.dt-body .mhead .mtitle{color:var(--primary-alt, #1d2a3e);font-size:15px}.wgrid7{display:grid;grid-template-columns:repeat(7,1fr)}.wgrid7 .wd{text-align:center;font-size:12px;padding:6px 0;color:var(--neutral-light, #6a7fa0)}.wgrid7>div{display:flex;align-items:center;justify-content:center}.fday{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:1px 0;box-sizing:border-box;font-size:13px;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.fday.muted{color:var(--neutral-light, #6a7fa0);opacity:.4;cursor:default}.fday:not(.muted):not(.sel):hover{background:var(--dropdown-hover-background, #ecf1f9)}.fday.today{border-color:var(--primary, #111c2c);color:var(--primary, #111c2c);font-weight:600}.fday.sel{background:var(--calendar-selected-day-background-color, #111c2c);color:var(--page-background-color, #fff);font-weight:500;border-color:var(--calendar-selected-day-background-color, #111c2c)}.dt-body.time{padding:0}.time-header{text-align:center;padding:10px 0;font-size:15px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.spinner{display:flex;height:232px;border-top:1px solid var(--border-color, #e3e8f2)}.scol{position:relative;flex:1;overflow-y:auto;border-right:1px solid var(--border-color, #e3e8f2)}.scol:last-child{border-right:none}.scol::-webkit-scrollbar{width:6px}.scol::-webkit-scrollbar-thumb{background:var(--neutral-lightest, #ecf1f9);border-radius:3px}.srow{text-align:center;padding:7px 0;font-size:14px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.srow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.srow.on{background:var(--timerange-background-color, #e3e8f2);font-weight:700}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-color, #e3e8f2)}.dt-foot.single{justify-content:center}.dt-foot .link{color:var(--primary-alt, #1d2a3e);cursor:pointer;font-size:13px}.dt-foot .link:hover{color:var(--primary, #111c2c)}.dt-foot .today{color:var(--page-text-color, #1d2a3e);font-size:14px;padding:2px 0}.dt-foot .mid{flex:1;text-align:center;color:var(--neutral-light, #6a7fa0)}.btn.sm{height:28px;padding:0 16px;font-size:13px}.range-root{font-size:.8rem}.anchor{position:relative;width:max-content}.trigger{display:inline-flex;align-items:center;box-sizing:border-box;padding:4px 8px;border-radius:4px;background:var(--neutral-lightest, #ecf1f9);cursor:pointer;width:max-content}.trigger.lg{min-height:35px;padding:0 8px}.trigger.bordered{border:1px solid var(--border-color, #e3e8f2)}.range-text{display:inline-flex;flex-direction:column;line-height:1.35;color:var(--neutral-regular, #7186a8);font-size:.8rem;white-space:nowrap}.trigger.disabled{opacity:.6;cursor:not-allowed}.pill{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)}.sep{height:20px;margin:0 8px;border-left:1px solid var(--border-color, #e3e8f2)}.lbl{color:var(--page-text-color, #1d2a3e)}.lbl.muted,.muted{color:var(--neutral-light, #6a7fa0)}.clr,.chev{margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0}.chev.sm{margin-left:0}.cal{margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{margin-right:8px}.panel{position:absolute;left:0;top:40px;z-index:20;min-width:200px;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:8px;color:var(--page-text-color, #1d2a3e)}.presets{display:flex;flex-direction:column}.prow{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin:2px 0;border-radius:4px;text-decoration:none;color:inherit;cursor:pointer}.prow.active{background:var(--dropdown-hover-background, #ecf1f9);color:var(--left-menu-text-color-hover, #111c2c)}.prow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.custom-row{border-top:1px solid var(--border-color, #e3e8f2)}.cal-row{display:inline-flex;align-items:center}.custom{width:max-content;padding:0}.months{display:flex}.month{padding:10px 12px}.month.divr{border-right:1px solid var(--border-color, #e3e8f2)}.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.mhead.center{justify-content:space-between;margin-bottom:12px}.nav{display:inline-flex;gap:8px;min-width:46px;-webkit-user-select:none;user-select:none}.nav.end{justify-content:flex-end}.navbtn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.navbtn obs-icon{display:block}.mtitle .lk,.lk{cursor:pointer}.wgrid{display:grid;grid-template-columns:repeat(7,34px)}.wd{text-align:center;font-size:12px;padding:4px 0;color:var(--neutral-light, #6a7fa0)}.times{display:flex;gap:16px;padding:4px 12px 12px}.tcol{flex:1;position:relative}.tlab{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.tfield{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--timerange-background-color, #e3e8f2);border-radius:4px;font-size:13px;cursor:pointer}.tmenu{top:60px;width:100%;max-height:180px;overflow:auto;padding:4px}.trow{padding:5px 8px;font-size:13px;border-radius:4px;cursor:pointer}.trow.active,.trow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.divider{height:1px;background:var(--border-color, #e3e8f2)}.actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}.btn{font:inherit;font-size:13px;font-weight:400;height:32px;padding:0 14px;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn.default{background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);border-color:var(--border-color, #e3e8f2)}.btn.primary{background:var(--primary, #111c2c);color:var(--page-background-color, #fff);border-color:var(--primary, #111c2c)}.picker-grid{width:300px;padding:10px 14px 16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.slider-wrap{color:var(--page-text-color, #1d2a3e);padding:12px 8px 28px;background:var(--page-background-color, #fff)}.rail{position:relative;height:18px;width:100%;min-width:320px;-webkit-user-select:none;user-select:none}.tick{position:absolute;top:4px;width:1px;height:10px;background:var(--border-color, #e3e8f2)}.band{position:absolute;top:2px;height:14px;background:var(--slider-tracker, #485975);border-radius:6px;z-index:1}.handle{position:absolute;top:5px;width:6px;height:6px;box-sizing:content-box;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize;transition:border-color .12s,box-shadow .12s}.handle:hover{border-color:var(--page-text-color, #1d2a3e);box-shadow:0 0 0 3px var(--page-text-color, #1d2a3e);z-index:4}.htip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--tooltip-background-color, #2b394f);color:var(--active-text-color, #fff);font-family:Poppins,sans-serif;font-size:.7rem;padding:4px 9px;border-radius:4px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.handle:hover .htip{opacity:1}.tlabel{position:absolute;top:24px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}', El = {
+}, Ol = /* @__PURE__ */ P1(Al, [["styles", [zl]]]), Tl = ':host([hidden]){display:none!important}:host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="slider"]){display:block;width:100%}.field-wrap{position:relative;display:inline-block}.field-wrap.open.wide{width:300px}.field-wrap.open:not(.wide){width:260px}.field{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;min-width:220px;height:36px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);cursor:pointer}.field-ph{color:var(--neutral-light, #6a7fa0);font-size:13px}.field-ph.filled{color:var(--page-text-color, #1d2a3e)}.ficon{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.ficon.clr{cursor:pointer}.field.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.field.disabled .field-ph,.field.disabled .ficon{opacity:.6}.field.open{border-color:var(--primary-alt, #1d2a3e);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.dt-pop{position:absolute;left:0;top:calc(100% - 1px);z-index:30;box-sizing:border-box;width:100%;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.dt-body{padding:10px 14px}.dt-body .mhead{margin-bottom:6px}.dt-body .mhead .mtitle{color:var(--primary-alt, #1d2a3e);font-size:15px}.wgrid7{display:grid;grid-template-columns:repeat(7,1fr)}.wgrid7 .wd{text-align:center;font-size:12px;padding:6px 0;color:var(--neutral-light, #6a7fa0)}.wgrid7>div{display:flex;align-items:center;justify-content:center}.fday{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:1px 0;box-sizing:border-box;font-size:13px;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.fday.muted{color:var(--neutral-light, #6a7fa0);opacity:.4;cursor:default}.fday:not(.muted):not(.sel):hover{background:var(--dropdown-hover-background, #ecf1f9)}.fday.today{border-color:var(--primary, #111c2c);color:var(--primary, #111c2c);font-weight:600}.fday.sel{background:var(--calendar-selected-day-background-color, #111c2c);color:var(--page-background-color, #fff);font-weight:500;border-color:var(--calendar-selected-day-background-color, #111c2c)}.dt-body.time{padding:0}.time-header{text-align:center;padding:10px 0;font-size:15px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.spinner{display:flex;height:232px;border-top:1px solid var(--border-color, #e3e8f2)}.scol{position:relative;flex:1;overflow-y:auto;border-right:1px solid var(--border-color, #e3e8f2)}.scol:last-child{border-right:none}.scol::-webkit-scrollbar{width:6px}.scol::-webkit-scrollbar-thumb{background:var(--neutral-lightest, #ecf1f9);border-radius:3px}.srow{text-align:center;padding:7px 0;font-size:14px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.srow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.srow.on{background:var(--timerange-background-color, #e3e8f2);font-weight:700}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-color, #e3e8f2)}.dt-foot.single{justify-content:center}.dt-foot .link{color:var(--primary-alt, #1d2a3e);cursor:pointer;font-size:13px}.dt-foot .link:hover{color:var(--primary, #111c2c)}.dt-foot .today{color:var(--page-text-color, #1d2a3e);font-size:14px;padding:2px 0}.dt-foot .mid{flex:1;text-align:center;color:var(--neutral-light, #6a7fa0)}.btn.sm{height:28px;padding:0 16px;font-size:13px}.range-root{font-size:.8rem}.anchor{position:relative;width:max-content}.trigger{display:inline-flex;align-items:center;box-sizing:border-box;padding:4px 8px;border-radius:4px;background:var(--neutral-lightest, #ecf1f9);cursor:pointer;width:max-content}.trigger.lg{min-height:35px;padding:0 8px}.trigger.bordered{border:1px solid var(--border-color, #e3e8f2)}.range-text{display:inline-flex;flex-direction:column;line-height:1.35;color:var(--neutral-regular, #7186a8);font-size:.8rem;white-space:nowrap}.trigger.disabled{opacity:.6;cursor:not-allowed}.pill{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)}.sep{height:20px;margin:0 8px;border-left:1px solid var(--border-color, #e3e8f2)}.lbl{color:var(--page-text-color, #1d2a3e)}.lbl.muted,.muted{color:var(--neutral-light, #6a7fa0)}.clr,.chev{margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0}.chev.sm{margin-left:0}.cal{margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{margin-right:8px}.panel{position:absolute;left:0;top:40px;z-index:20;min-width:200px;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:8px;color:var(--page-text-color, #1d2a3e)}.presets{display:flex;flex-direction:column}.prow{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin:2px 0;border-radius:4px;text-decoration:none;color:inherit;cursor:pointer}.prow.active{background:var(--dropdown-hover-background, #ecf1f9);color:var(--left-menu-text-color-hover, #111c2c)}.prow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.custom-row{border-top:1px solid var(--border-color, #e3e8f2)}.cal-row{display:inline-flex;align-items:center}.custom{width:max-content;padding:0}.months{display:flex}.month{padding:10px 12px}.month.divr{border-right:1px solid var(--border-color, #e3e8f2)}.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.mhead.center{justify-content:space-between;margin-bottom:12px}.nav{display:inline-flex;gap:8px;min-width:46px;-webkit-user-select:none;user-select:none}.nav.end{justify-content:flex-end}.navbtn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.navbtn obs-icon{display:block}.mtitle .lk,.lk{cursor:pointer}.wgrid{display:grid;grid-template-columns:repeat(7,34px)}.wd{text-align:center;font-size:12px;padding:4px 0;color:var(--neutral-light, #6a7fa0)}.times{display:flex;gap:16px;padding:4px 12px 12px}.tcol{flex:1;position:relative}.tlab{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.tfield{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--timerange-background-color, #e3e8f2);border-radius:4px;font-size:13px;cursor:pointer}.tmenu{top:60px;width:100%;max-height:180px;overflow:auto;padding:4px}.trow{padding:5px 8px;font-size:13px;border-radius:4px;cursor:pointer}.trow.active,.trow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.divider{height:1px;background:var(--border-color, #e3e8f2)}.actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}.btn{font:inherit;font-size:13px;font-weight:400;height:32px;padding:0 14px;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn.default{background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);border-color:var(--border-color, #e3e8f2)}.btn.primary{background:var(--primary, #111c2c);color:var(--page-background-color, #fff);border-color:var(--primary, #111c2c)}.picker-grid{width:300px;padding:10px 14px 16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.slider-wrap{color:var(--page-text-color, #1d2a3e);padding:12px var(--page-header-padding, 8px) 28px;background:var(--page-background-color, #fff)}.rail{position:relative;height:18px;width:100%;min-width:320px;-webkit-user-select:none;user-select:none}.tick{position:absolute;top:4px;width:1px;height:10px;background:var(--border-color, #e3e8f2)}.band{position:absolute;top:2px;height:14px;background:var(--slider-tracker, #485975);border-radius:4px;z-index:1}.handle{position:absolute;top:5px;width:6px;height:6px;box-sizing:content-box;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize;transition:border-color .12s,box-shadow .12s}.handle:hover,.handle.dragging{border-color:var(--page-text-color, #1d2a3e);box-shadow:0 0 0 3px var(--page-text-color, #1d2a3e);z-index:4}.htip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--tooltip-background-color, #2b394f);color:var(--active-text-color, #fff);font-family:Poppins,sans-serif;font-size:.7rem;padding:4px 9px;border-radius:4px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.handle:hover .htip,.handle.dragging .htip{opacity:1}.tlabel{position:absolute;top:24px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}', El = {
   key: 0,
   class: "dt-pop"
 }, Pl = {
@@ -6874,12 +6874,12 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       for (let O = 0; O < 24; O++)
         for (const $1 of ["00", "30"]) I.push(String(O).padStart(2, "0") + ":" + $1);
       return I;
-    })(), 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"), f = /* @__PURE__ */ B(2026), y = /* @__PURE__ */ B(5), m = /* @__PURE__ */ new Date(), H = new Date(m.getFullYear(), m.getMonth(), m.getDate()).getTime(), A = /* @__PURE__ */ C3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), j = /* @__PURE__ */ B("10:05"), S = /* @__PURE__ */ B(null), T = /* @__PURE__ */ B(null), F = b(() => l.kind === "range" || l.kind === "range-presets"), R = b(() => l.kind === "range-presets"), E = b(() => v.value === "custom" ? { s: (A.start && A.end ? Math.max(1, Math.round((A.end - A.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((I) => I.k === v.value) || null), v1 = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n1 = { "5m": 3e5, "15m": 9e5, "30m": 18e5, "1h": 36e5, "6h": 216e5, "12h": 432e5, "24h": 864e5, "48h": 1728e5, "1d": 864e5, "1w": 6048e5, "1mo": 2592e6 };
+    })(), p = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], u = /* @__PURE__ */ D(!1), h = /* @__PURE__ */ D("presets"), C = /* @__PURE__ */ D(null), v = /* @__PURE__ */ D(l.empty ? null : "-24h"), f = /* @__PURE__ */ D(2026), y = /* @__PURE__ */ D(5), m = /* @__PURE__ */ new Date(), H = new Date(m.getFullYear(), m.getMonth(), m.getDate()).getTime(), A = /* @__PURE__ */ C3({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), j = /* @__PURE__ */ D("10:05"), S = /* @__PURE__ */ D(null), T = /* @__PURE__ */ D(null), F = b(() => l.kind === "range" || l.kind === "range-presets"), R = b(() => l.kind === "range-presets"), E = b(() => v.value === "custom" ? { s: (A.start && A.end ? Math.max(1, Math.round((A.end - A.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((I) => I.k === v.value) || null), v1 = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n1 = { "5m": 3e5, "15m": 9e5, "30m": 18e5, "1h": 36e5, "6h": 216e5, "12h": 432e5, "24h": 864e5, "48h": 1728e5, "1d": 864e5, "1w": 6048e5, "1mo": 2592e6 };
     function K(I) {
       const O = new Date(I), $1 = (c2) => String(c2).padStart(2, "0");
-      let c1 = O.getHours();
-      const Y1 = c1 < 12 ? "AM" : "PM";
-      return c1 = c1 % 12 || 12, `${v1[O.getDay()]}, ${o[O.getMonth()]} ${$1(O.getDate())}, ${O.getFullYear()} ${$1(c1)}:${$1(O.getMinutes())}:${$1(O.getSeconds())} ${Y1}`;
+      let l1 = O.getHours();
+      const Y1 = l1 < 12 ? "AM" : "PM";
+      return l1 = l1 % 12 || 12, `${v1[O.getDay()]}, ${o[O.getMonth()]} ${$1(O.getDate())}, ${O.getFullYear()} ${$1(l1)}:${$1(O.getMinutes())}:${$1(O.getSeconds())} ${Y1}`;
     }
     function e1(I) {
       const O = new Date(m);
@@ -6890,17 +6890,17 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       const I = m.getTime();
       if (v.value === "custom")
         return !A.start || !A.end ? null : { from: K(A.start), to: K(A.end) };
-      const O = r.find((c1) => c1.k === v.value);
+      const O = r.find((l1) => l1.k === v.value);
       if (!O) return null;
       if (O.k === "today" || O.k === "this.week" || O.k === "this.month") return { from: K(e1(O.k)), to: K(I) };
       const $1 = n1[O.s];
       return $1 ? { from: K(I - $1), to: K(I) } : null;
     });
     function i1(I, O) {
-      const $1 = new Date(I, O, 1).getDay(), c1 = new Date(I, O + 1, 0).getDate(), Y1 = [];
+      const $1 = new Date(I, O, 1).getDay(), l1 = new Date(I, O + 1, 0).getDate(), Y1 = [];
       for (let B2 = 0; B2 < 42; B2++) {
         const a3 = B2 - $1 + 1, e4 = new Date(I, O, a3);
-        Y1.push({ d: e4.getDate(), ts: e4.getTime(), cur: a3 >= 1 && a3 <= c1 });
+        Y1.push({ d: e4.getDate(), ts: e4.getTime(), cur: a3 >= 1 && a3 <= l1 });
       }
       const c2 = [];
       for (let B2 = 0; B2 < 42; B2 += 7) c2.push(Y1.slice(B2, B2 + 7));
@@ -6932,14 +6932,14 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function _(I) {
       const O = { display: "flex", alignItems: "center", justifyContent: "center", width: "34px", height: "34px", marginTop: "1px", marginBottom: "1px", fontSize: "13px", borderRadius: "4px" }, $1 = { background: "var(--calendar-selected-day-background-color)", color: "var(--page-background-color)", fontWeight: 500, cursor: "pointer" };
       if (!I.cur) return { ...O, color: "var(--neutral-light)", opacity: 0.4 };
-      const c1 = A.start, Y1 = A.end, c2 = I.ts;
-      return c1 && Y1 && c2 === c1 ? { ...O, ...$1, borderRadius: "4px 0 0 4px" } : c1 && Y1 && c2 === Y1 ? { ...O, ...$1, borderRadius: "0 4px 4px 0" } : c1 && Y1 && c2 > c1 && c2 < Y1 ? { ...O, background: "var(--timerange-background-color)", color: "var(--page-text-color)", borderRadius: "0", cursor: "pointer" } : c1 && !Y1 && c2 === c1 ? { ...O, ...$1 } : c2 > H ? { ...O, color: "var(--neutral-light)", opacity: 0.5 } : c2 === H ? { ...O, border: "1px solid var(--primary)", color: "var(--primary)", fontWeight: 600, cursor: "pointer" } : { ...O, color: "var(--page-text-color)", cursor: "pointer" };
+      const l1 = A.start, Y1 = A.end, c2 = I.ts;
+      return l1 && Y1 && c2 === l1 ? { ...O, ...$1, borderRadius: "4px 0 0 4px" } : l1 && Y1 && c2 === Y1 ? { ...O, ...$1, borderRadius: "0 4px 4px 0" } : l1 && Y1 && c2 > l1 && c2 < Y1 ? { ...O, background: "var(--timerange-background-color)", color: "var(--page-text-color)", borderRadius: "0", cursor: "pointer" } : l1 && !Y1 && c2 === l1 ? { ...O, ...$1 } : c2 > H ? { ...O, color: "var(--neutral-light)", opacity: 0.5 } : c2 === H ? { ...O, border: "1px solid var(--primary)", color: "var(--primary)", fontWeight: 600, cursor: "pointer" } : { ...O, color: "var(--page-text-color)", cursor: "pointer" };
     }
     function w() {
       const I = new Date(f.value, y.value - 1, 1);
       f.value = I.getFullYear(), y.value = I.getMonth();
     }
-    function s1() {
+    function c1() {
       const I = new Date(f.value, y.value + 1, 1);
       f.value = I.getFullYear(), y.value = I.getMonth();
     }
@@ -6965,18 +6965,18 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     function p2() {
       u.value = !1;
     }
-    const M2 = Array.from({ length: 100 }, (I, O) => O), g = /* @__PURE__ */ B(26), x = /* @__PURE__ */ B(50), D = /* @__PURE__ */ B(null), l1 = /* @__PURE__ */ B(null), Q = b(() => +l.rangeStart > 0 && +l.rangeEnd > +l.rangeStart), G = b(() => {
+    const M2 = Array.from({ length: 100 }, (I, O) => O), g = /* @__PURE__ */ D(26), x = /* @__PURE__ */ D(50), B = /* @__PURE__ */ D(null), s1 = /* @__PURE__ */ D(null), Q = b(() => +l.rangeStart > 0 && +l.rangeEnd > +l.rangeStart), G = b(() => {
       if (Q.value) {
-        const O = +l.rangeStart, $1 = +l.rangeEnd, c1 = Math.max(($1 - O) * 0.5, 6 * 36e5);
-        return { a: O - c1, b: $1 + c1 };
+        const O = +l.rangeStart, $1 = +l.rangeEnd, l1 = Math.max(($1 - O) * 0.5, 6 * 36e5);
+        return { a: O - l1, b: $1 + l1 };
       }
       const I = H - 5 * 864e5;
       return { a: I, b: I + 10 * 864e5 };
     }), m1 = (I) => G.value.a + I / 100 * (G.value.b - G.value.a), f1 = (I) => Math.min(100, Math.max(0, (I - G.value.a) / (G.value.b - G.value.a) * 100)), p1 = b(() => {
-      const I = [], O = G.value.b - G.value.a <= 2592e5, $1 = (c1) => String(c1).padStart(2, "0");
-      for (let c1 = 0; c1 <= 100; c1 += 10) {
-        const Y1 = new Date(m1(c1));
-        I.push({ pct: c1, t: O ? `${$1(Y1.getHours())}:${$1(Y1.getMinutes())}` : `${$1(Y1.getDate())}/${$1(Y1.getMonth() + 1)}` });
+      const I = [], O = G.value.b - G.value.a <= 2592e5, $1 = (l1) => String(l1).padStart(2, "0");
+      for (let l1 = 0; l1 <= 100; l1 += 10) {
+        const Y1 = new Date(m1(l1));
+        I.push({ pct: l1, t: O ? `${$1(Y1.getHours())}:${$1(Y1.getMinutes())}` : `${$1(Y1.getDate())}/${$1(Y1.getMonth() + 1)}` });
       }
       return I;
     });
@@ -6984,22 +6984,22 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       l.kind === "slider" && Q.value && (g.value = f1(+l.rangeStart), x.value = f1(+l.rangeEnd));
     }, { immediate: !0 });
     function t1(I, O) {
-      D.value = I, O.preventDefault();
+      B.value = I, O.preventDefault();
     }
     function L1(I) {
-      if (!D.value || !l1.value) return;
-      const O = l1.value.getBoundingClientRect(), $1 = Math.min(100, Math.max(0, (I.clientX - O.left) / O.width * 100));
-      D.value === "left" ? g.value = Math.min($1, x.value - 2) : x.value = Math.max($1, g.value + 2);
+      if (!B.value || !s1.value) return;
+      const O = s1.value.getBoundingClientRect(), $1 = Math.min(100, Math.max(0, (I.clientX - O.left) / O.width * 100));
+      B.value === "left" ? g.value = Math.min($1, x.value - 2) : x.value = Math.max($1, g.value + 2);
     }
     function o1() {
-      D.value = null;
+      B.value = null;
     }
     L2(() => {
       window.addEventListener("mousemove", L1), window.addEventListener("mouseup", o1);
     }), x2(() => {
       window.removeEventListener("mousemove", L1), window.removeEventListener("mouseup", o1);
     });
-    const z1 = b(() => l.kind === "field-time" ? "clock" : "calendar"), k1 = b(() => l.placeholder || (l.kind === "field-time" ? "Select time" : l.kind === "field-date" ? "Select date" : "Select date & time")), A1 = /* @__PURE__ */ B(!1), B1 = /* @__PURE__ */ B("date"), T1 = /* @__PURE__ */ B(null), J1 = /* @__PURE__ */ B(null), X1 = /* @__PURE__ */ B(null), t2 = /* @__PURE__ */ B(null), L = Array.from({ length: 12 }, (I, O) => O + 1), W = Array.from({ length: 60 }, (I, O) => O), _1 = b(() => l.kind === "field-date" || l.kind === "field-datetime"), S1 = b(() => l.kind === "field-time"), E1 = b(() => i1(f.value, y.value)), s2 = (I) => String(I).padStart(2, "0"), C2 = b(() => J1.value != null && X1.value != null && t2.value != null), $2 = b(() => C2.value ? `${s2(J1.value)}:${s2(X1.value)} ${t2.value}` : ""), Y = b(() => {
+    const z1 = b(() => l.kind === "field-time" ? "clock" : "calendar"), k1 = b(() => l.placeholder || (l.kind === "field-time" ? "Select time" : l.kind === "field-date" ? "Select date" : "Select date & time")), A1 = /* @__PURE__ */ D(!1), B1 = /* @__PURE__ */ D("date"), T1 = /* @__PURE__ */ D(null), J1 = /* @__PURE__ */ D(null), X1 = /* @__PURE__ */ D(null), t2 = /* @__PURE__ */ D(null), L = Array.from({ length: 12 }, (I, O) => O + 1), W = Array.from({ length: 60 }, (I, O) => O), _1 = b(() => l.kind === "field-date" || l.kind === "field-datetime"), S1 = b(() => l.kind === "field-time"), E1 = b(() => i1(f.value, y.value)), s2 = (I) => String(I).padStart(2, "0"), C2 = b(() => J1.value != null && X1.value != null && t2.value != null), $2 = b(() => C2.value ? `${s2(J1.value)}:${s2(X1.value)} ${t2.value}` : ""), Y = b(() => {
       if (!T1.value) return "";
       const I = new Date(T1.value);
       return `${s2(I.getDate())}/${s2(I.getMonth() + 1)}/${I.getFullYear()}`;
@@ -7054,7 +7054,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       if (!F.value || v.value == null) return null;
       const I = m.getTime();
       if (v.value === "custom") return A.start && A.end ? { fromMs: A.start, toMs: A.end } : null;
-      const O = r.find((c1) => c1.k === v.value);
+      const O = r.find((l1) => l1.k === v.value);
       if (!O) return null;
       if (O.k === "today" || O.k === "this.week" || O.k === "this.month") return { fromMs: e1(O.k), toMs: I };
       const $1 = n1[O.s];
@@ -7064,7 +7064,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         if (v.value == null) return null;
         const I = Q1(), O = I ? { fromMs: I.fromMs, toMs: I.toMs, from: K(I.fromMs), to: K(I.toMs) } : {};
         if (v.value === "custom") return { type: "absolute", start: A.start, end: A.end, fromTime: j.value, toTime: S.value, ...O };
-        const $1 = r.find((c1) => c1.k === v.value);
+        const $1 = r.find((l1) => l1.k === v.value);
         return { type: "relative", key: v.value, label: $1 ? $1.t : v.value, span: $1 ? $1.s : null, ...O };
       }
       return S1.value ? C2.value ? { time: $2.value } : null : _1.value ? T1.value ? { date: T1.value, display: a1.value } : null : l.kind === "slider" ? { startPct: Math.round(g.value), endPct: Math.round(x.value), start: x1(g.value), end: x1(x.value) } : null;
@@ -7080,7 +7080,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     F1(h2, () => {
       C1(), s("change", h2.value);
     }, { deep: !0 }), L2(C1);
-    const g2 = /* @__PURE__ */ B(null), T2 = /* @__PURE__ */ B(null), V3 = /* @__PURE__ */ B(null);
+    const g2 = /* @__PURE__ */ D(null), T2 = /* @__PURE__ */ D(null), V3 = /* @__PURE__ */ D(null);
     function X3() {
       v2(() => {
         for (const I of [g2.value, T2.value, V3.value]) {
@@ -7134,7 +7134,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               d("span", Dl, [
                 d("span", {
                   class: "navbtn",
-                  onClick: O[0] || (O[0] = y1((c1) => f.value--, ["stop"]))
+                  onClick: O[0] || (O[0] = y1((l1) => f.value--, ["stop"]))
                 }, [
                   P($1, {
                     name: "chevronDoubleLeft",
@@ -7143,7 +7143,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ]),
                 d("span", {
                   class: "navbtn",
-                  onClick: O[1] || (O[1] = y1((c1) => w(), ["stop"]))
+                  onClick: O[1] || (O[1] = y1((l1) => w(), ["stop"]))
                 }, [
                   P($1, {
                     name: "chevronLeft",
@@ -7155,7 +7155,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               d("span", ql, [
                 d("span", {
                   class: "navbtn",
-                  onClick: O[2] || (O[2] = y1((c1) => s1(), ["stop"]))
+                  onClick: O[2] || (O[2] = y1((l1) => c1(), ["stop"]))
                 }, [
                   P($1, {
                     name: "chevronRight",
@@ -7164,7 +7164,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ]),
                 d("span", {
                   class: "navbtn",
-                  onClick: O[3] || (O[3] = y1((c1) => f.value++, ["stop"]))
+                  onClick: O[3] || (O[3] = y1((l1) => f.value++, ["stop"]))
                 }, [
                   P($1, {
                     name: "chevronDoubleRight",
@@ -7174,16 +7174,16 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               ])
             ]),
             d("div", Il, [
-              (a(), n(z, null, g1(p, (c1) => d("div", {
-                key: c1,
+              (a(), n(z, null, g1(p, (l1) => d("div", {
+                key: l1,
                 class: "wd"
-              }, k(c1), 1)), 64))
+              }, k(l1), 1)), 64))
             ]),
-            (a(!0), n(z, null, g1(E1.value.weeks, (c1, Y1) => (a(), n("div", {
+            (a(!0), n(z, null, g1(E1.value.weeks, (l1, Y1) => (a(), n("div", {
               key: Y1,
               class: "wgrid7"
             }, [
-              (a(!0), n(z, null, g1(c1, (c2, B2) => (a(), n("div", { key: B2 }, [
+              (a(!0), n(z, null, g1(l1, (c2, B2) => (a(), n("div", { key: B2 }, [
                 d("div", {
                   class: N(["fday", O1(c2)]),
                   onClick: y1((a3) => m2(c2), ["stop"])
@@ -7198,33 +7198,33 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ref_key: "colH",
                 ref: g2
               }, [
-                (a(!0), n(z, null, g1(z2(L), (c1) => (a(), n("div", {
-                  key: "h" + c1,
-                  class: N(["srow", { on: J1.value === c1 }]),
-                  onClick: y1((Y1) => A4(c1), ["stop"])
-                }, k(s2(c1)), 11, Gl))), 128))
+                (a(!0), n(z, null, g1(z2(L), (l1) => (a(), n("div", {
+                  key: "h" + l1,
+                  class: N(["srow", { on: J1.value === l1 }]),
+                  onClick: y1((Y1) => A4(l1), ["stop"])
+                }, k(s2(l1)), 11, Gl))), 128))
               ], 512),
               d("div", {
                 class: "scol",
                 ref_key: "colM",
                 ref: T2
               }, [
-                (a(!0), n(z, null, g1(z2(W), (c1) => (a(), n("div", {
-                  key: "m" + c1,
-                  class: N(["srow", { on: X1.value === c1 }]),
-                  onClick: y1((Y1) => Y3(c1), ["stop"])
-                }, k(s2(c1)), 11, Wl))), 128))
+                (a(!0), n(z, null, g1(z2(W), (l1) => (a(), n("div", {
+                  key: "m" + l1,
+                  class: N(["srow", { on: X1.value === l1 }]),
+                  onClick: y1((Y1) => Y3(l1), ["stop"])
+                }, k(s2(l1)), 11, Wl))), 128))
               ], 512),
               d("div", {
                 class: "scol",
                 ref_key: "colA",
                 ref: V3
               }, [
-                (a(), n(z, null, g1(["AM", "PM"], (c1) => d("div", {
-                  key: c1,
-                  class: N(["srow", { on: t2.value === c1 }]),
-                  onClick: y1((Y1) => M(c1), ["stop"])
-                }, k(c1), 11, Kl)), 64))
+                (a(), n(z, null, g1(["AM", "PM"], (l1) => d("div", {
+                  key: l1,
+                  class: N(["srow", { on: t2.value === l1 }]),
+                  onClick: y1((Y1) => M(l1), ["stop"])
+                }, k(l1), 11, Kl)), 64))
               ], 512)
             ])
           ])),
@@ -7247,7 +7247,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               }, "select time")) : e.kind === "field-datetime" && B1.value === "time" ? (a(), n("span", {
                 key: 1,
                 class: "link mid",
-                onClick: O[4] || (O[4] = y1((c1) => B1.value = "date", ["stop"]))
+                onClick: O[4] || (O[4] = y1((l1) => B1.value = "date", ["stop"]))
               }, "select date")) : (a(), n("span", Jl)),
               d("button", {
                 class: "btn primary sm",
@@ -7259,37 +7259,37 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       ], 2)) : e.kind === "slider" ? (a(), n("div", Yl, [
         d("div", {
           ref_key: "rail",
-          ref: l1,
+          ref: s1,
           class: "rail"
         }, [
-          (a(!0), n(z, null, g1(z2(M2), (c1) => (a(), n("div", {
-            key: c1,
+          (a(!0), n(z, null, g1(z2(M2), (l1) => (a(), n("div", {
+            key: l1,
             class: "tick",
-            style: V1({ left: c1 / 99 * 100 + "%" })
+            style: V1({ left: l1 / 99 * 100 + "%" })
           }, null, 4))), 128)),
           d("div", {
             class: "band",
             style: V1({ left: g.value + "%", width: x.value - g.value + "%" })
           }, null, 4),
           d("div", {
-            class: "handle",
+            class: N(["handle", { dragging: B.value === "left" }]),
             style: V1({ left: g.value + "%", marginLeft: "4px" }),
-            onMousedown: O[5] || (O[5] = (c1) => t1("left", c1))
+            onMousedown: O[5] || (O[5] = (l1) => t1("left", l1))
           }, [
             d("span", Xl, k(x1(g.value)), 1)
-          ], 36),
+          ], 38),
           d("div", {
-            class: "handle",
+            class: N(["handle", { dragging: B.value === "right" }]),
             style: V1({ left: x.value + "%", marginLeft: "-12px" }),
-            onMousedown: O[6] || (O[6] = (c1) => t1("right", c1))
+            onMousedown: O[6] || (O[6] = (l1) => t1("right", l1))
           }, [
             d("span", Ql, k(x1(x.value)), 1)
-          ], 36),
-          (a(!0), n(z, null, g1(p1.value, (c1) => (a(), n("div", {
-            key: "l" + c1.pct,
+          ], 38),
+          (a(!0), n(z, null, g1(p1.value, (l1) => (a(), n("div", {
+            key: "l" + l1.pct,
             class: "tlabel",
-            style: V1({ left: c1.pct + "%" })
-          }, k(c1.t), 5))), 128))
+            style: V1({ left: l1.pct + "%", transform: l1.pct === 0 ? "translateX(0)" : l1.pct === 100 ? "translateX(-100%)" : "translateX(-50%)" })
+          }, k(l1.t), 5))), 128))
         ], 512)
       ])) : (a(), n("div", {
         key: 2,
@@ -7338,18 +7338,18 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
             ], 64))
           ], 2),
           u.value && h.value === "presets" ? (a(), n("div", ss, [
-            (a(), n(z, null, g1(r, (c1) => d("a", {
-              key: c1.k,
-              class: N(["prow", { active: v.value === c1.k }]),
-              onClick: (Y1) => b1(c1.k)
+            (a(), n(z, null, g1(r, (l1) => d("a", {
+              key: l1.k,
+              class: N(["prow", { active: v.value === l1.k }]),
+              onClick: (Y1) => b1(l1.k)
             }, [
-              d("span", null, k(c1.t), 1),
-              d("span", os, k(c1.s), 1)
+              d("span", null, k(l1.t), 1),
+              d("span", os, k(l1.s), 1)
             ], 10, cs)), 64)),
             R.value ? Z("", !0) : (a(), n("a", {
               key: 0,
               class: N(["prow custom-row", { active: v.value === "custom" }]),
-              onClick: O[7] || (O[7] = (c1) => h.value = "custom")
+              onClick: O[7] || (O[7] = (l1) => h.value = "custom")
             }, [
               d("span", as, [
                 P($1, {
@@ -7366,7 +7366,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               d("div", Ms, [
                 d("span", {
                   class: "navbtn",
-                  onClick: O[17] || (O[17] = (c1) => f.value--)
+                  onClick: O[17] || (O[17] = (l1) => f.value--)
                 }, [
                   P($1, {
                     name: "chevronDoubleLeft",
@@ -7375,11 +7375,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ]),
                 d("span", {
                   class: "lk",
-                  onClick: O[18] || (O[18] = (c1) => C.value = "year")
+                  onClick: O[18] || (O[18] = (l1) => C.value = "year")
                 }, k(f.value), 1),
                 d("span", {
                   class: "navbtn",
-                  onClick: O[19] || (O[19] = (c1) => f.value++)
+                  onClick: O[19] || (O[19] = (l1) => f.value++)
                 }, [
                   P($1, {
                     name: "chevronDoubleRight",
@@ -7388,17 +7388,17 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ])
               ]),
               d("div", ks, [
-                (a(), n(z, null, g1(o, (c1, Y1) => d("div", {
-                  key: c1,
+                (a(), n(z, null, g1(o, (l1, Y1) => d("div", {
+                  key: l1,
                   style: V1(G1(Y1 === y.value)),
                   onClick: (c2) => J(Y1)
-                }, k(c1), 13, Hs)), 64))
+                }, k(l1), 13, Hs)), 64))
               ])
             ])) : (a(), n("div", Vs, [
               d("div", Ls, [
                 d("span", {
                   class: "navbtn",
-                  onClick: O[20] || (O[20] = (c1) => N1(-10))
+                  onClick: O[20] || (O[20] = (l1) => N1(-10))
                 }, [
                   P($1, {
                     name: "chevronDoubleLeft",
@@ -7408,7 +7408,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 d("span", null, k(X.value[1]) + " - " + k(X.value[X.value.length - 2]), 1),
                 d("span", {
                   class: "navbtn",
-                  onClick: O[21] || (O[21] = (c1) => N1(10))
+                  onClick: O[21] || (O[21] = (l1) => N1(10))
                 }, [
                   P($1, {
                     name: "chevronDoubleRight",
@@ -7417,15 +7417,15 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                 ])
               ]),
               d("div", _s, [
-                (a(!0), n(z, null, g1(X.value, (c1) => (a(), n("div", {
-                  key: c1,
-                  style: V1(G1(c1 === f.value)),
-                  onClick: (Y1) => w1(c1)
-                }, k(c1), 13, Ss))), 128))
+                (a(!0), n(z, null, g1(X.value, (l1) => (a(), n("div", {
+                  key: l1,
+                  style: V1(G1(l1 === f.value)),
+                  onClick: (Y1) => w1(l1)
+                }, k(l1), 13, Ss))), 128))
               ])
             ])) : (a(), n(z, { key: 0 }, [
               d("div", ns, [
-                (a(!0), n(z, null, g1(V.value, (c1, Y1) => (a(), n("div", {
+                (a(!0), n(z, null, g1(V.value, (l1, Y1) => (a(), n("div", {
                   key: Y1,
                   class: N(["month", { divr: Y1 === 0 }])
                 }, [
@@ -7456,18 +7456,18 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                       d("span", {
                         class: "lk",
                         onClick: O[10] || (O[10] = (c2) => C.value = "month")
-                      }, k(c1.mlabel), 1),
+                      }, k(l1.mlabel), 1),
                       O[27] || (O[27] = D1()),
                       d("span", {
                         class: "lk",
                         onClick: O[11] || (O[11] = (c2) => C.value = "year")
-                      }, k(c1.y), 1)
+                      }, k(l1.y), 1)
                     ]),
                     d("span", us, [
                       Y1 === 1 ? (a(), n(z, { key: 0 }, [
                         d("span", {
                           class: "navbtn",
-                          onClick: O[12] || (O[12] = (c2) => s1())
+                          onClick: O[12] || (O[12] = (c2) => c1())
                         }, [
                           P($1, {
                             name: "chevronRight",
@@ -7492,7 +7492,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                       class: "wd"
                     }, k(c2), 1)), 64))
                   ]),
-                  (a(!0), n(z, null, g1(c1.weeks, (c2, B2) => (a(), n("div", {
+                  (a(!0), n(z, null, g1(l1.weeks, (c2, B2) => (a(), n("div", {
                     key: B2,
                     class: "wgrid"
                   }, [
@@ -7510,7 +7510,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   O[28] || (O[28] = d("div", { class: "tlab" }, "From Time", -1)),
                   d("div", {
                     class: "tfield",
-                    onClick: O[14] || (O[14] = (c1) => h1("from", c1))
+                    onClick: O[14] || (O[14] = (l1) => h1("from", l1))
                   }, [
                     d("span", null, k(j.value || "Select"), 1),
                     P($1, {
@@ -7520,18 +7520,18 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     })
                   ]),
                   T.value === "from" ? (a(), n("div", gs, [
-                    (a(!0), n(z, null, g1(z2(i), (c1) => (a(), n("div", {
-                      key: c1,
-                      class: N(["trow", { active: j.value === c1 }]),
-                      onClick: (Y1) => I1(c1)
-                    }, k(c1), 11, ms))), 128))
+                    (a(!0), n(z, null, g1(z2(i), (l1) => (a(), n("div", {
+                      key: l1,
+                      class: N(["trow", { active: j.value === l1 }]),
+                      onClick: (Y1) => I1(l1)
+                    }, k(l1), 11, ms))), 128))
                   ])) : Z("", !0)
                 ]),
                 d("div", bs, [
                   O[29] || (O[29] = d("div", { class: "tlab" }, "To Time", -1)),
                   d("div", {
                     class: "tfield",
-                    onClick: O[15] || (O[15] = (c1) => h1("to", c1))
+                    onClick: O[15] || (O[15] = (l1) => h1("to", l1))
                   }, [
                     d("span", {
                       class: N({ muted: !S.value })
@@ -7543,11 +7543,11 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                     })
                   ]),
                   T.value === "to" ? (a(), n("div", xs, [
-                    (a(!0), n(z, null, g1(z2(i), (c1) => (a(), n("div", {
-                      key: c1,
-                      class: N(["trow", { active: S.value === c1 }]),
-                      onClick: (Y1) => I1(c1)
-                    }, k(c1), 11, ys))), 128))
+                    (a(!0), n(z, null, g1(z2(i), (l1) => (a(), n("div", {
+                      key: l1,
+                      class: N(["trow", { active: S.value === l1 }]),
+                      onClick: (Y1) => I1(l1)
+                    }, k(l1), 11, ys))), 128))
                   ])) : Z("", !0)
                 ])
               ]),
@@ -7555,7 +7555,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               d("div", Zs, [
                 d("button", {
                   class: "btn default",
-                  onClick: O[16] || (O[16] = y1((c1) => h.value = "presets", ["stop"]))
+                  onClick: O[16] || (O[16] = y1((l1) => h.value = "presets", ["stop"]))
                 }, "Cancel"),
                 d("button", {
                   class: "btn primary",
@@ -7636,13 +7636,13 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       { k: "start with", l: "Start With" },
       { k: "end with", l: "End With" },
       { k: "between", l: "Between" }
-    ], p = (Y) => JSON.parse(JSON.stringify(Y)), u = () => ({ operand: "", operator: "", value: "", toValue: "" }), h = () => ({ inclusion: "include", condition: "and", conditions: [u()] }), C = () => ({ condition: "and", groups: [h()] }), v = () => ({ pre: C(), post: C() }), f = /* @__PURE__ */ B(!1), y = /* @__PURE__ */ B("pre"), m = /* @__PURE__ */ B({
+    ], p = (Y) => JSON.parse(JSON.stringify(Y)), u = () => ({ operand: "", operator: "", value: "", toValue: "" }), h = () => ({ inclusion: "include", condition: "and", conditions: [u()] }), C = () => ({ condition: "and", groups: [h()] }), v = () => ({ pre: C(), post: C() }), f = /* @__PURE__ */ D(!1), y = /* @__PURE__ */ D("pre"), m = /* @__PURE__ */ D({
       pre: { condition: "or", groups: [
         { inclusion: "include", condition: "and", conditions: [{ operand: "Severity", operator: "=", value: "Critical", toValue: "" }, { operand: "Source", operator: "contain", value: "aws", toValue: "" }] },
         { inclusion: "include", condition: "and", conditions: [{ operand: "Status", operator: "=", value: "Down", toValue: "" }] }
       ] },
       post: { condition: "and", groups: [h()] }
-    }), H = /* @__PURE__ */ B(p(m.value)), A = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], j = b(() => y.value === "pre" ? 3 : 1), S = b(() => H.value ? H.value[y.value] : null), T = (Y) => {
+    }), H = /* @__PURE__ */ D(p(m.value)), A = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], j = b(() => y.value === "pre" ? 3 : 1), S = b(() => H.value ? H.value[y.value] : null), T = (Y) => {
       const $ = i.find((a1) => a1.k === Y);
       return $ ? $.l : Y;
     };
@@ -7684,7 +7684,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     const X = {
       enum: [{ k: "is", l: "=", multi: !0 }, { k: "is_not", l: "!=", multi: !0 }, { k: "is_empty", l: "Is Empty", noValue: !0 }, { k: "is_not_empty", l: "Is Not Empty", noValue: !0 }],
       string: [{ k: "contains", l: "Contains" }, { k: "does_not_contain", l: "Does Not Contain" }, { k: "starts_with", l: "Starts With" }, { k: "ends_with", l: "Ends With" }, { k: "eq", l: "Equals" }]
-    }, Z1 = /* @__PURE__ */ B(String(l.match || "all").toLowerCase() === "any" ? "any" : "all");
+    }, Z1 = /* @__PURE__ */ D(String(l.match || "all").toLowerCase() === "any" ? "any" : "all");
     F1(() => l.match, (Y) => {
       Z1.value = String(Y || "all").toLowerCase() === "any" ? "any" : "all";
     });
@@ -7712,7 +7712,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       { field: "group", operator: "is", value: ["MySQL", "PostgreSQL"] },
       { field: "severity", operator: "is", value: ["Down", "Warning"] },
       { field: "type", operator: "is", value: ["AWS Auto Scaling", "EC2", "S3", "RDS"] }
-    ], K1 = b(() => o(l.fields, u1)), _ = /* @__PURE__ */ B(o(l.value, q1).map((Y) => ({ ...Y })));
+    ], K1 = b(() => o(l.fields, u1)), _ = /* @__PURE__ */ D(o(l.value, q1).map((Y) => ({ ...Y })));
     let w = !1;
     F1(() => l.value, (Y) => {
       if (w) {
@@ -7721,7 +7721,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       }
       Y != null && (_.value = o(Y, []).map(($) => ({ ...$ })));
     });
-    function s1() {
+    function c1() {
       const Y = _.value.filter((a1) => a1.field && a1.operator && (G1(a1.operator) && G1(a1.operator).noValue ? !0 : Array.isArray(a1.value) ? a1.value.length : a1.value !== "" && a1.value != null)).map((a1) => ({ field: a1.field, operator: a1.operator, value: a1.value })), $ = JSON.stringify(Y);
       if (c)
         try {
@@ -7730,7 +7730,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         }
       s("change", { conditions: Y, match: Z1.value });
     }
-    const h1 = /* @__PURE__ */ B(null), I1 = /* @__PURE__ */ B(null), J = /* @__PURE__ */ B(null);
+    const h1 = /* @__PURE__ */ D(null), I1 = /* @__PURE__ */ D(null), J = /* @__PURE__ */ D(null);
     function w1(Y) {
       v2(() => {
         const $ = J.value && J.value.querySelectorAll(".chip-wrap")[Y];
@@ -7760,10 +7760,10 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     }, x = (Y) => {
       const $ = G1(Y.operator);
       return $ && $.multi;
-    }, D = (Y) => {
+    }, B = (Y) => {
       const $ = Y.value;
       return Array.isArray($) ? $.length ? $.length === 1 ? $[0] : $[0] + " (+" + ($.length - 1) + ")" : "…" : $ === "" || $ == null ? "…" : $;
-    }, l1 = (Y) => !Y.operator, Q = (Y) => !l1(Y) || !Y.field, G = (Y, $) => h1.value && h1.value.i === Y && h1.value.step === $, m1 = b(() => {
+    }, s1 = (Y) => !Y.operator, Q = (Y) => !s1(Y) || !Y.field, G = (Y, $) => h1.value && h1.value.i === Y && h1.value.step === $, m1 = b(() => {
       if (!h1.value) return [];
       const Y = _.value[h1.value.i];
       if (h1.value.step === "field") return K1.value.map((a1) => ({ k: a1.key, l: a1.label }));
@@ -7795,7 +7795,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
         U.value = q.includes(Y.k) ? q.filter((U1) => U1 !== Y.k) : [...q, Y.k];
       } else
         U.value = Y.k, h1.value = null;
-      _.value = [..._.value], s1(), h1.value ? w1(h1.value.i) : I1.value = null;
+      _.value = [..._.value], c1(), h1.value ? w1(h1.value.i) : I1.value = null;
     }
     function z1(Y) {
       v2(() => {
@@ -7811,7 +7811,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       return Array.isArray(a1) ? a1.includes($.k) : a1 === $.k;
     };
     function A1(Y) {
-      _.value.splice(Y, 1), h1.value = null, I1.value = null, s1();
+      _.value.splice(Y, 1), h1.value = null, I1.value = null, c1();
     }
     function B1() {
       _.value.push({ field: "", operator: "", value: "" });
@@ -7819,7 +7819,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       h1.value = { i: Y, step: "field" }, w1(Y);
     }
     function T1() {
-      _.value = [], h1.value = null, I1.value = null, s1();
+      _.value = [], h1.value = null, I1.value = null, c1();
     }
     function J1(Y) {
       const $ = N1(Y.field);
@@ -7831,9 +7831,9 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
     };
     function L(Y, $) {
       const a1 = $ && $.detail, U = Array.isArray(a1) ? a1[0] : a1;
-      _.value[Y].value = Array.isArray(U) ? U : U == null || U === "" ? [] : [U], s1();
+      _.value[Y].value = Array.isArray(U) ? U : U == null || U === "" ? [] : [U], c1();
     }
-    const W = ["Down monitors", "Critical alerts", "Unacknowledged", "My favorites"], _1 = /* @__PURE__ */ B({}), S1 = /* @__PURE__ */ B([
+    const W = ["Down monitors", "Critical alerts", "Unacknowledged", "My favorites"], _1 = /* @__PURE__ */ D({}), S1 = /* @__PURE__ */ D([
       { n: "Backup Status", open: !0, rows: [{ n: "Successful", c: 5, i: "check-circle", col: "var(--secondary-green)" }, { n: "Failed", c: 3, i: "times-circle", col: "var(--secondary-red)" }] },
       { n: "Config Conflict", open: !0, rows: [{ n: "In Sync", c: 1 }, { n: "Conflict Detected", c: 6 }, { n: "Not Applicable", c: 1 }] },
       { n: "Device Type", open: !0, rows: [{ n: "Switch", c: 2, i: "sitemap", col: "var(--primary-alt)" }, { n: "Router", c: 6, i: "server", col: "var(--primary-alt)" }] },
@@ -8141,7 +8141,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
                   key: 2,
                   class: N(["seg val", { on: G(U1, "value") }]),
                   onClick: y1((O1) => L1(U1, "value", O1), ["stop"])
-                }, k(D(q)), 11, pc)) : Z("", !0),
+                }, k(B(q)), 11, pc)) : Z("", !0),
                 Q(q) ? (a(), n("span", {
                   key: 3,
                   class: "seg-x",
@@ -8201,7 +8201,7 @@ const E9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
               class: "match-btn",
               title: "Click to toggle AND / OR",
               onClick: $[7] || ($[7] = (q) => {
-                Z1.value = Z1.value === "all" ? "any" : "all", s1();
+                Z1.value = Z1.value === "all" ? "any" : "all", c1();
               })
             }, [
               $[21] || ($[21] = d("span", { class: "muted" }, "Match", -1)),
@@ -8371,7 +8371,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   },
   emits: ["open", "close", "after-close", "update:open", "footer-action"],
   setup(e, { emit: t }) {
-    const l = e, s = (K) => K === !1 || K === "false", c = t, o = r2(), r = f5(), i = /* @__PURE__ */ B(null), p = /* @__PURE__ */ B(!1), u = b(() => typeof l.width == "number" || /^\d+$/.test(String(l.width)) ? `${l.width}px` : String(l.width)), h = b(() => !s(l.scrolledContent)), C = /* @__PURE__ */ B(!1), v = /* @__PURE__ */ B(null), f = {
+    const l = e, s = (K) => K === !1 || K === "false", c = t, o = r2(), r = f5(), i = /* @__PURE__ */ D(null), p = /* @__PURE__ */ D(!1), u = b(() => typeof l.width == "number" || /^\d+$/.test(String(l.width)) ? `${l.width}px` : String(l.width)), h = b(() => !s(l.scrolledContent)), C = /* @__PURE__ */ D(!1), v = /* @__PURE__ */ D(null), f = {
       close: { right: [{ t: "Close", v: "default", close: !0 }] },
       "cancel-save": { right: [{ t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] },
       "reset-cancel-save": { right: [{ t: "Reset", v: "default", a: "reset" }, { t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] },
@@ -9211,15 +9211,15 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   setup(e, { emit: t }) {
     const l = e, s = t, c = r2(), o = (_) => _ === !1 || _ === "false", r = b(() => !o(l.searchable)), i = (_, w = []) => {
       if (Array.isArray(_)) return _;
-      const s1 = String(_ || "").trim();
-      if (!s1) return w;
-      if (s1.startsWith("["))
+      const c1 = String(_ || "").trim();
+      if (!c1) return w;
+      if (c1.startsWith("["))
         try {
-          return JSON.parse(s1);
+          return JSON.parse(c1);
         } catch {
           return w;
         }
-      return s1.split(",").map((h1) => h1.trim()).filter(Boolean);
+      return c1.split(",").map((h1) => h1.trim()).filter(Boolean);
     }, p = b(() => i(l.columns).map((_) => typeof _ == "string" ? { key: _, title: _ } : _)), u = b(() => i(l.rows)), h = (_) => {
       if (Array.isArray(_)) return _.map(String);
       const w = String(_ || "").trim();
@@ -9229,19 +9229,19 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return JSON.parse(w).map(String);
         } catch {
         }
-      return w.split(",").map((s1) => s1.trim()).filter(Boolean);
-    }, C = /* @__PURE__ */ B(h(l.value));
+      return w.split(",").map((c1) => c1.trim()).filter(Boolean);
+    }, C = /* @__PURE__ */ D(h(l.value));
     F1(() => l.value, (_) => {
       C.value = h(_);
     });
-    const v = /* @__PURE__ */ B(!1), f = /* @__PURE__ */ B(""), y = /* @__PURE__ */ B("all"), m = /* @__PURE__ */ B(null), H = /* @__PURE__ */ B(null), A = /* @__PURE__ */ B(null), j = /* @__PURE__ */ B({}), S = b(() => C.value.length), T = (_) => _[l.rowKey], F = b(() => {
+    const v = /* @__PURE__ */ D(!1), f = /* @__PURE__ */ D(""), y = /* @__PURE__ */ D("all"), m = /* @__PURE__ */ D(null), H = /* @__PURE__ */ D(null), A = /* @__PURE__ */ D(null), j = /* @__PURE__ */ D({}), S = b(() => C.value.length), T = (_) => _[l.rowKey], F = b(() => {
       if (!S.value) return l.placeholder;
-      const _ = u.value.find((s1) => T(s1) === C.value[0]), w = _ ? _.name ?? _.label ?? T(_) : C.value[0];
+      const _ = u.value.find((c1) => T(c1) === C.value[0]), w = _ ? _.name ?? _.label ?? T(_) : C.value[0];
       return S.value > 1 ? `${w} (+${S.value - 1})` : w;
     }), R = b(() => {
       const _ = f.value.toLowerCase();
-      let w = u.value.filter((s1) => !_ || p.value.some((h1) => String(s1[h1.key] ?? "").toLowerCase().includes(_)));
-      return y.value === "selected" && (w = w.filter((s1) => C.value.includes(T(s1)))), w;
+      let w = u.value.filter((c1) => !_ || p.value.some((h1) => String(c1[h1.key] ?? "").toLowerCase().includes(_)));
+      return y.value === "selected" && (w = w.filter((c1) => C.value.includes(T(c1)))), w;
     }), E = b(() => JSON.stringify(p.value)), v1 = b(() => JSON.stringify(R.value)), n1 = b(() => JSON.stringify(C.value)), K = (_) => _ && _.detail && _.detail[0];
     function e1() {
       const _ = l.multiple ? C.value.slice() : C.value[0] ?? "";
@@ -9258,7 +9258,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }
     function i1(_) {
       const w = K(_);
-      w != null && (l.multiple ? C.value = C.value.map(String).includes(String(w)) ? C.value.filter((s1) => String(s1) !== String(w)) : [...C.value, w] : (C.value = [w], u1()), e1());
+      w != null && (l.multiple ? C.value = C.value.map(String).includes(String(w)) ? C.value.filter((c1) => String(c1) !== String(w)) : [...C.value, w] : (C.value = [w], u1()), e1());
     }
     function V() {
       C.value = [], y.value = "all", e1();
@@ -9306,7 +9306,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     return typeof document < "u" && document.addEventListener("click", K1, !0), x2(() => {
       typeof document < "u" && document.removeEventListener("click", K1, !0);
     }), (_, w) => {
-      const s1 = M1("obs-icon"), h1 = M1("obs-table");
+      const c1 = M1("obs-icon"), h1 = M1("obs-table");
       return a(), n("div", {
         ref_key: "rootRef",
         ref: m,
@@ -9321,7 +9321,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           d("span", {
             class: N(["tlabel", { ph: !S.value }])
           }, k(F.value), 3),
-          P(s1, {
+          P(c1, {
             class: N(["chev", { up: v.value }]),
             name: "angleDown",
             size: "12"
@@ -9337,7 +9337,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }, [
           d("div", Kc, [
             r.value ? (a(), n("div", Jc, [
-              P(s1, {
+              P(c1, {
                 name: "search",
                 size: "13"
               }),
@@ -9409,7 +9409,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return S;
         }
       return T.split(",").map((F) => ({ key: F.trim(), label: F.trim() })).filter((F) => F.key);
-    }, r = b(() => o(l.items)), i = b(() => l.mode === "inline"), p = /* @__PURE__ */ B(!1), u = /* @__PURE__ */ B(null), h = /* @__PURE__ */ B(null), C = /* @__PURE__ */ B({});
+    }, r = b(() => o(l.items)), i = b(() => l.mode === "inline"), p = /* @__PURE__ */ D(!1), u = /* @__PURE__ */ D(null), h = /* @__PURE__ */ D(null), C = /* @__PURE__ */ D({});
     function v(j) {
       if (!(j.divider || j.disabled)) {
         if (s("select", j.key), c)
@@ -9602,11 +9602,11 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return K;
         }
       return e1.split(",").map((d1) => d1.trim()).filter(Boolean);
-    }, p = b(() => i(s.presets, l)), u = b(() => !r(s.hideArrow)), h = b(() => r(s.allowTransparent)), C = /* @__PURE__ */ B(s.value);
+    }, p = b(() => i(s.presets, l)), u = b(() => !r(s.hideArrow)), h = b(() => r(s.allowTransparent)), C = /* @__PURE__ */ D(s.value);
     F1(() => s.value, (n1) => {
       C.value = n1;
     });
-    const v = b(() => String(C.value).toLowerCase() === "transparent"), f = b(() => /^#[0-9a-fA-F]{6}$/.test(C.value) ? C.value : "#0D9488"), y = /* @__PURE__ */ B(!1), m = /* @__PURE__ */ B(null), H = /* @__PURE__ */ B(null), A = /* @__PURE__ */ B({});
+    const v = b(() => String(C.value).toLowerCase() === "transparent"), f = b(() => /^#[0-9a-fA-F]{6}$/.test(C.value) ? C.value : "#0D9488"), y = /* @__PURE__ */ D(!1), m = /* @__PURE__ */ D(null), H = /* @__PURE__ */ D(null), A = /* @__PURE__ */ D({});
     function j(n1) {
       if (C.value = n1, o)
         try {
@@ -9857,24 +9857,24 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         } catch {
         }
       return W.split(",").map((_1) => _1.trim()).filter(Boolean);
-    }, f = /* @__PURE__ */ B(v(l.selected));
+    }, f = /* @__PURE__ */ D(v(l.selected));
     F1(() => l.selected, (L) => {
       f.value = v(L);
     });
-    const y = String(l.sort || "").split(":"), m = /* @__PURE__ */ B(y[0] || ""), H = /* @__PURE__ */ B(y[1] === "desc" ? "desc" : "asc");
+    const y = String(l.sort || "").split(":"), m = /* @__PURE__ */ D(y[0] || ""), H = /* @__PURE__ */ D(y[1] === "desc" ? "desc" : "asc");
     F1(() => l.sort, (L) => {
       const W = String(L || "").split(":");
       m.value = W[0] || "", H.value = W[1] === "desc" ? "desc" : "asc";
     });
-    const A = /* @__PURE__ */ B(l.page || 1);
+    const A = /* @__PURE__ */ D(l.page || 1);
     F1(() => l.page, (L) => {
       A.value = L || 1;
     });
-    const j = (L) => L[l.rowKey], S = b(() => new Set(f.value.map(String))), T = (L) => S.value.has(String(j(L))), F = /* @__PURE__ */ B(null), R = b(() => F.value ?? l.pageSize), E = b(() => R.value > 0), v1 = b(() => [...new Set([R.value, 10, 20, 50, 100].filter((L) => L > 0))].sort((L, W) => L - W)), n1 = b(() => m.value ? u.value.slice().sort((L, W) => (H.value === "asc" ? 1 : -1) * String(L[m.value] ?? "").localeCompare(String(W[m.value] ?? ""), void 0, { numeric: !0 })) : u.value), K = b(() => E.value ? Math.max(1, Math.ceil(n1.value.length / R.value)) : 1), e1 = b(() => {
+    const j = (L) => L[l.rowKey], S = b(() => new Set(f.value.map(String))), T = (L) => S.value.has(String(j(L))), F = /* @__PURE__ */ D(null), R = b(() => F.value ?? l.pageSize), E = b(() => R.value > 0), v1 = b(() => [...new Set([R.value, 10, 20, 50, 100].filter((L) => L > 0))].sort((L, W) => L - W)), n1 = b(() => m.value ? u.value.slice().sort((L, W) => (H.value === "asc" ? 1 : -1) * String(L[m.value] ?? "").localeCompare(String(W[m.value] ?? ""), void 0, { numeric: !0 })) : u.value), K = b(() => E.value ? Math.max(1, Math.ceil(n1.value.length / R.value)) : 1), e1 = b(() => {
       if (!E.value) return n1.value;
       const L = (A.value - 1) * R.value;
       return n1.value.slice(L, L + R.value);
-    }), d1 = b(() => e1.value.length > 0 && e1.value.every((L) => T(L))), i1 = b(() => !d1.value && e1.value.some((L) => T(L))), V = b(() => p.value.length + (l.selectable ? 1 : 0) + (h.value.length ? 1 : 0) + (l.expandable ? 1 : 0) + (l.editable ? 1 : 0)), X = /* @__PURE__ */ B(/* @__PURE__ */ new Set()), Z1 = (L) => X.value.has(String(j(L)));
+    }), d1 = b(() => e1.value.length > 0 && e1.value.every((L) => T(L))), i1 = b(() => !d1.value && e1.value.some((L) => T(L))), V = b(() => p.value.length + (l.selectable ? 1 : 0) + (h.value.length ? 1 : 0) + (l.expandable ? 1 : 0) + (l.editable ? 1 : 0)), X = /* @__PURE__ */ D(/* @__PURE__ */ new Set()), Z1 = (L) => X.value.has(String(j(L)));
     if (l.tree) {
       const L = /* @__PURE__ */ new Set(), W = (_1) => (_1 || []).forEach((S1) => {
         Array.isArray(S1.children) && S1.children.length && (L.add(String(S1[l.rowKey])), W(S1.children));
@@ -9885,7 +9885,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const W = new Set(X.value), _1 = String(j(L));
       W.has(_1) ? W.delete(_1) : W.add(_1), X.value = W;
     }
-    const u1 = /* @__PURE__ */ B(/* @__PURE__ */ new Set()), q1 = b(() => l.groupCollapsible !== !1 && l.groupCollapsible !== "false" && l.groupCollapsible !== "0" && l.groupCollapsible !== "no"), K1 = (L) => q1.value ? !u1.value.has(L) : !0;
+    const u1 = /* @__PURE__ */ D(/* @__PURE__ */ new Set()), q1 = b(() => l.groupCollapsible !== !1 && l.groupCollapsible !== "false" && l.groupCollapsible !== "0" && l.groupCollapsible !== "no"), K1 = (L) => q1.value ? !u1.value.has(L) : !0;
     function _(L) {
       if (!q1.value) return;
       const W = new Set(u1.value);
@@ -9900,14 +9900,14 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }
       return [...L.entries()].map(([W, _1]) => ({ name: W, rows: _1 }));
     });
-    function s1(L, W, _1) {
+    function c1(L, W, _1) {
       for (const S1 of L || []) {
         const E1 = Array.isArray(S1.children) && S1.children.length > 0;
-        _1.push({ ...S1, __level: W, __hasKids: E1 }), E1 && Z1(S1) && s1(S1.children, W + 1, _1);
+        _1.push({ ...S1, __level: W, __hasKids: E1 }), E1 && Z1(S1) && c1(S1.children, W + 1, _1);
       }
       return _1;
     }
-    const h1 = b(() => s1(u.value, 0, [])), I1 = /* @__PURE__ */ B(null), J = /* @__PURE__ */ B({}), w1 = (L) => I1.value != null && String(j(L)) === String(I1.value);
+    const h1 = b(() => c1(u.value, 0, [])), I1 = /* @__PURE__ */ D(null), J = /* @__PURE__ */ D({}), w1 = (L) => I1.value != null && String(j(L)) === String(I1.value);
     function N1(L) {
       I1.value = j(L), J.value = { ...L }, s("edit", j(L));
     }
@@ -9935,13 +9935,13 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       S1 > 2 && _1.push("…");
       for (let s2 = S1; s2 <= E1; s2++) _1.push(s2);
       return E1 < L - 1 && _1.push("…"), _1.push(L), _1;
-    }), D = b(() => {
+    }), B = b(() => {
       const L = n1.value.length;
       if (!L) return "0 items";
       const W = E.value ? (A.value - 1) * R.value + 1 : 1, _1 = E.value ? Math.min(A.value * R.value, L) : L;
       return `${W} - ${_1} of ${L} items`;
     });
-    function l1(L) {
+    function s1(L) {
       F.value = Number(L.target.value), A.value = 1, s("pagechange", 1);
     }
     function Q() {
@@ -10352,7 +10352,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               d("select", {
                 class: "psize",
                 value: R.value,
-                onChange: l1
+                onChange: s1
               }, [
                 (a(!0), n(z, null, g1(v1.value, (U) => (a(), n("option", {
                   key: U,
@@ -10361,7 +10361,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
               ], 40, da),
               W[13] || (W[13] = d("span", { class: "pperlbl" }, "items per page", -1))
             ]),
-            d("span", ua, k(D.value), 1)
+            d("span", ua, k(B.value), 1)
           ])) : Z("", !0)
         ], 6)
       ]);
@@ -10410,7 +10410,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   },
   emits: ["confirm", "cancel", "close", "show", "hide"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = (S) => S === !0 || S === "" || S === "true", r = (S) => S === !1 || S === "false", i = b(() => l.variant === "confirm"), p = b(() => !o(l.hideFooter)), u = /* @__PURE__ */ B(null), h = /* @__PURE__ */ B(!1), C = b(() => i.value ? { maxWidth: "calc(100vw - 48px)" } : o(l.restrictWidth) ? { width: "1020px", maxWidth: "calc(100vw - 48px)" } : { width: typeof l.width == "number" || /^\d+$/.test(String(l.width)) ? `${l.width}px` : String(l.width), maxWidth: "calc(100vw - 48px)" });
+    const l = e, s = t, c = r2(), o = (S) => S === !0 || S === "" || S === "true", r = (S) => S === !1 || S === "false", i = b(() => l.variant === "confirm"), p = b(() => !o(l.hideFooter)), u = /* @__PURE__ */ D(null), h = /* @__PURE__ */ D(!1), C = b(() => i.value ? { maxWidth: "calc(100vw - 48px)" } : o(l.restrictWidth) ? { width: "1020px", maxWidth: "calc(100vw - 48px)" } : { width: typeof l.width == "number" || /^\d+$/.test(String(l.width)) ? `${l.width}px` : String(l.width), maxWidth: "calc(100vw - 48px)" });
     function v(S) {
       if (c)
         try {
@@ -10688,7 +10688,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = (C) => C !== !1 && C != null && C !== "false" && C !== "0" && C !== "no", r = { info: "infoCircle", note: "infoCircle", success: "checkCircle", warning: "exclamationTriangle", error: "timesCircle" }, i = b(() => ["info", "note", "success", "warning", "error"].includes(l.variant) ? l.variant : "info"), p = b(() => l.icon || r[i.value]), u = /* @__PURE__ */ B(!1);
+    const l = e, s = t, c = r2(), o = (C) => C !== !1 && C != null && C !== "false" && C !== "0" && C !== "no", r = { info: "infoCircle", note: "infoCircle", success: "checkCircle", warning: "exclamationTriangle", error: "timesCircle" }, i = b(() => ["info", "note", "success", "warning", "error"].includes(l.variant) ? l.variant : "info"), p = b(() => l.icon || r[i.value]), u = /* @__PURE__ */ D(!1);
     function h() {
       if (u.value = !0, s("close"), c)
         try {
@@ -10840,7 +10840,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       if (Array.isArray(E)) return E;
       const v1 = String(E || "").trim();
       return v1[0] === "[" ? JSON.parse(v1) : [];
-    }, r = b(() => o(l.items)), i = b(() => o(l.tabs).map((E) => typeof E == "string" ? { label: E, value: E } : { label: E.label ?? E.value, value: E.value ?? E.label })), p = /* @__PURE__ */ B(l.activeTab || i.value[0] && i.value[0].value || ""), u = /* @__PURE__ */ B(""), h = /* @__PURE__ */ C3({});
+    }, r = b(() => o(l.items)), i = b(() => o(l.tabs).map((E) => typeof E == "string" ? { label: E, value: E } : { label: E.label ?? E.value, value: E.value ?? E.label })), p = /* @__PURE__ */ D(l.activeTab || i.value[0] && i.value[0].value || ""), u = /* @__PURE__ */ D(""), h = /* @__PURE__ */ C3({});
     function C(E, v1) {
       for (const n1 of E)
         Array.isArray(n1.children) && n1.children.length && (v1 === 0 && Object.keys(h).length === 0 && (h[v(n1, "")] = !0), f(n1.children, l.active) && (h[v(n1, "")] = !0), C(n1.children, v1 + 1));
@@ -10870,7 +10870,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const v1 = l.mode === "categories" ? 6 : 12;
       return E.kids ? v1 + E.depth * 16 : ({ sections: 40, categories: 28, tree: 34, list: 12 }[l.mode] ?? 12) + Math.max(0, E.depth - 1) * 16;
     }
-    const j = /* @__PURE__ */ B(l.active);
+    const j = /* @__PURE__ */ D(l.active);
     F1(() => l.active, (E) => {
       j.value = E;
     });
@@ -11015,7 +11015,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   setup(e, { emit: t }) {
     const l = e, s = t;
     r2();
-    const c = (u) => u !== !1 && u != null && u !== "false" && u !== "0" && u !== "no", o = /* @__PURE__ */ B(!1), r = b(() => c(l.expanded) || o.value), i = b(() => {
+    const c = (u) => u !== !1 && u != null && u !== "false" && u !== "0" && u !== "no", o = /* @__PURE__ */ D(!1), r = b(() => c(l.expanded) || o.value), i = b(() => {
       const u = l.items;
       return (Array.isArray(u) ? u : String(u || "").trim()[0] === "[" ? JSON.parse(String(u)) : []).map((C, v) => ({ key: C.key ?? String(v), label: C.label ?? C.key ?? "", icon: C.icon ?? "", beta: C.beta === !0 || C.beta === "true" }));
     }), p = (u) => s("navigate", { key: u.key, label: u.label });
@@ -11115,7 +11115,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return [];
         }
       return m.split(",").map((H) => H.trim()).filter(Boolean).map((H) => ({ key: H, label: H, count: null, icon: "", disabled: !1 }));
-    }), u = /* @__PURE__ */ B(l.value || p.value[0] && p.value[0].key || "");
+    }), u = /* @__PURE__ */ D(l.value || p.value[0] && p.value[0].key || "");
     F1(() => l.value, (m) => {
       m && (u.value = m);
     }), F1(p, (m) => {
@@ -11264,7 +11264,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       if (Array.isArray(v)) return v;
       const f = String(v || "").trim();
       return f[0] === "[" ? JSON.parse(f) : f ? f.split(",").map((y) => y.trim()) : [];
-    }, r = b(() => o(l.items).map((v) => typeof v == "string" ? { label: v } : v)), i = /* @__PURE__ */ B(Number(l.active) || 0);
+    }, r = b(() => o(l.items).map((v) => typeof v == "string" ? { label: v } : v)), i = /* @__PURE__ */ D(Number(l.active) || 0);
     F1(() => l.active, (v) => {
       i.value = Number(v) || 0;
     });
@@ -11364,7 +11364,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return [];
         }
       return V ? V.split(",").map((X) => ({ key: X.trim(), label: X.trim() })) : [];
-    }, r = b(() => o(l.items)), i = b(() => (l.initials ? l.initials : String(l.name || "").trim().split(/\s+/).map((i1) => i1[0]).slice(0, 2).join("").toUpperCase()) || ""), p = /* @__PURE__ */ B(!1), u = /* @__PURE__ */ B(l.theme || "auto"), h = () => c(l.manageTheme) && typeof document < "u";
+    }, r = b(() => o(l.items)), i = b(() => (l.initials ? l.initials : String(l.name || "").trim().split(/\s+/).map((i1) => i1[0]).slice(0, 2).join("").toUpperCase()) || ""), p = /* @__PURE__ */ D(!1), u = /* @__PURE__ */ D(l.theme || "auto"), h = () => c(l.manageTheme) && typeof document < "u";
     let C = null;
     const v = () => typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, f = (i1) => i1 === "dark" ? !0 : i1 === "light" ? !1 : v();
     function y() {
@@ -11393,7 +11393,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         i1 && (u.value = i1, m(i1));
       }
     });
-    const H = /* @__PURE__ */ B(null), A = /* @__PURE__ */ B(null), j = /* @__PURE__ */ B({});
+    const H = /* @__PURE__ */ D(null), A = /* @__PURE__ */ D(null), j = /* @__PURE__ */ D({});
     function S() {
       v2(() => {
         const i1 = H.value && H.value.getBoundingClientRect();
@@ -11616,7 +11616,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }, o = b(() => c(l.items)), r = b(() => {
       const e1 = Number(l.count) || 0;
       return e1 > 0 ? e1 > 99 ? "99+" : String(e1) : "";
-    }), i = /* @__PURE__ */ B(!1), p = /* @__PURE__ */ B(""), u = /* @__PURE__ */ B(null), h = /* @__PURE__ */ B(null), C = /* @__PURE__ */ B({}), v = b(() => c(l.tabs).map((e1) => typeof e1 == "string" ? { label: e1 } : e1)), f = (e1) => String(e1.value ?? e1.label), y = (e1) => e1.count != null ? e1.count : o.value.filter((d1) => d1.tab && String(d1.tab).toLowerCase() === f(e1).toLowerCase()).length, m = b(() => JSON.stringify(v.value.map((e1) => {
+    }), i = /* @__PURE__ */ D(!1), p = /* @__PURE__ */ D(""), u = /* @__PURE__ */ D(null), h = /* @__PURE__ */ D(null), C = /* @__PURE__ */ D({}), v = b(() => c(l.tabs).map((e1) => typeof e1 == "string" ? { label: e1 } : e1)), f = (e1) => String(e1.value ?? e1.label), y = (e1) => e1.count != null ? e1.count : o.value.filter((d1) => d1.tab && String(d1.tab).toLowerCase() === f(e1).toLowerCase()).length, m = b(() => JSON.stringify(v.value.map((e1) => {
       const d1 = y(e1);
       return { key: f(e1), label: d1 || d1 === 0 ? `${e1.label} (${d1})` : e1.label };
     }))), H = b(() => {
@@ -11811,35 +11811,35 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     r2();
     const c = (w) => w !== !1 && w != null && w !== "false" && w !== "0" && w !== "no", o = (w) => {
       if (Array.isArray(w)) return w;
-      const s1 = String(w || "").trim();
-      if (s1.startsWith("["))
+      const c1 = String(w || "").trim();
+      if (c1.startsWith("["))
         try {
-          return JSON.parse(s1);
+          return JSON.parse(c1);
         } catch {
           return [];
         }
-      return s1 ? s1.split(",").map((h1) => h1.trim()) : [];
-    }, r = b(() => o(l.categories).map((w) => typeof w == "string" ? { value: w, label: w } : w)), i = b(() => JSON.stringify(r.value.map((w) => ({ key: w.value, label: w.label })))), p = /* @__PURE__ */ B(l.category || r.value[0] && r.value[0].value || "");
+      return c1 ? c1.split(",").map((h1) => h1.trim()) : [];
+    }, r = b(() => o(l.categories).map((w) => typeof w == "string" ? { value: w, label: w } : w)), i = b(() => JSON.stringify(r.value.map((w) => ({ key: w.value, label: w.label })))), p = /* @__PURE__ */ D(l.category || r.value[0] && r.value[0].value || "");
     F1(() => l.category, (w) => {
       p.value = w || p.value;
     });
-    const u = /* @__PURE__ */ B(l.value);
+    const u = /* @__PURE__ */ D(l.value);
     F1(() => l.value, (w) => {
       u.value = w ?? "";
     });
     const h = b(() => !!String(l.error || "").trim()), C = b(() => o(l.suggestions).map((w) => typeof w == "string" ? w : w.label ?? w.value ?? String(w))), v = b(() => {
       const w = u.value.trim().toLowerCase();
-      return w ? C.value.filter((s1) => s1.toLowerCase().includes(w)) : C.value;
-    }), f = /* @__PURE__ */ B(!1), y = /* @__PURE__ */ B(0), m = /* @__PURE__ */ B(null), H = /* @__PURE__ */ B(null), A = /* @__PURE__ */ B(null), j = /* @__PURE__ */ B({}), S = b(() => f.value && v.value.length > 0);
+      return w ? C.value.filter((c1) => c1.toLowerCase().includes(w)) : C.value;
+    }), f = /* @__PURE__ */ D(!1), y = /* @__PURE__ */ D(0), m = /* @__PURE__ */ D(null), H = /* @__PURE__ */ D(null), A = /* @__PURE__ */ D(null), j = /* @__PURE__ */ D({}), S = b(() => f.value && v.value.length > 0);
     function T() {
       v2(() => {
         const w = H.value && H.value.getBoundingClientRect();
         if (!w) return;
         j.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(w.left)}px`, top: `${Math.round(w.bottom + 4)}px`, minWidth: `${Math.round(w.width)}px` };
-        const s1 = A.value;
-        if (s1 && s1.showPopover)
+        const c1 = A.value;
+        if (c1 && c1.showPopover)
           try {
-            s1.showPopover();
+            c1.showPopover();
           } catch {
           }
       });
@@ -11862,12 +11862,12 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }
     function v1(w) {
       var h1;
-      const s1 = Array.isArray(w.detail) ? w.detail[0] : w.detail ?? ((h1 = w.target) == null ? void 0 : h1.value);
-      u.value = String(s1 ?? ""), s("input", { query: u.value }), u.value && v.value.length ? F() : R();
+      const c1 = Array.isArray(w.detail) ? w.detail[0] : w.detail ?? ((h1 = w.target) == null ? void 0 : h1.value);
+      u.value = String(c1 ?? ""), s("input", { query: u.value }), u.value && v.value.length ? F() : R();
     }
     function n1(w) {
-      const s1 = Array.isArray(w.detail) ? w.detail[0] : w.detail ?? "";
-      p.value = String(s1), s("category", { value: p.value });
+      const c1 = Array.isArray(w.detail) ? w.detail[0] : w.detail ?? "";
+      p.value = String(c1), s("category", { value: p.value });
     }
     function K() {
       h.value || (R(), s("execute", { category: p.value, query: u.value }));
@@ -11893,7 +11893,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function i1() {
       u.value = "", s("input", { query: "" }), s("clear"), R();
     }
-    const V = b(() => c(l.overlay)), X = b(() => c(l.block)), Z1 = b(() => l.align === "center"), b1 = /* @__PURE__ */ B(null);
+    const V = b(() => c(l.overlay)), X = b(() => c(l.block)), Z1 = b(() => l.align === "center"), b1 = /* @__PURE__ */ D(null);
     function u1() {
       const w = b1.value;
       if (w && w.showModal) {
@@ -11904,7 +11904,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         s("open");
       }
       v2(() => {
-        const s1 = H.value && H.value.querySelector("obs-input"), h1 = s1 && s1.shadowRoot && s1.shadowRoot.querySelector("input,textarea");
+        const c1 = H.value && H.value.querySelector("obs-input"), h1 = c1 && c1.shadowRoot && c1.shadowRoot.querySelector("input,textarea");
         h1 && h1.focus(), F();
       });
     }
@@ -11922,12 +11922,12 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     }
     function _(w) {
       if (!f.value) return;
-      const s1 = w.composedPath ? w.composedPath() : [];
-      s1.includes(m.value) || s1.includes(A.value) || R();
+      const c1 = w.composedPath ? w.composedPath() : [];
+      c1.includes(m.value) || c1.includes(A.value) || R();
     }
     return typeof document < "u" && document.addEventListener("click", _, !0), x2(() => {
       typeof document < "u" && document.removeEventListener("click", _, !0);
-    }), (w, s1) => {
+    }), (w, c1) => {
       const h1 = M1("obs-icon"), I1 = M1("obs-select"), J = M1("obs-input"), w1 = M1("obs-tooltip"), N1 = M1("obs-date-time-picker");
       return a(), n("div", {
         ref_key: "rootRef",
@@ -11956,7 +11956,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
         }, [
           d("div", {
             class: N(["cp", { err: h.value, hascat: r.value.length, blk: X.value, ctr: Z1.value }]),
-            onClick: s1[0] || (s1[0] = y1(() => {
+            onClick: c1[0] || (c1[0] = y1(() => {
             }, ["stop"]))
           }, [
             d("span", kn, [
@@ -11973,7 +11973,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 value: p.value,
                 onChange: n1
               }, null, 8, ["options", "value"]),
-              s1[1] || (s1[1] = d("span", {
+              c1[1] || (c1[1] = d("span", {
                 class: "cp-div",
                 "aria-hidden": "true"
               }, null, -1))
@@ -12073,13 +12073,13 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                       size: "15"
                     })
                   ]),
-                  s1[2] || (s1[2] = D1(" Clear ", -1))
+                  c1[2] || (c1[2] = D1(" Clear ", -1))
                 ]),
                 _: 1
               })) : Z("", !0)
             ]),
             c(e.timeRange) ? (a(), n(z, { key: 1 }, [
-              s1[3] || (s1[3] = d("span", {
+              c1[3] || (c1[3] = d("span", {
                 class: "cp-div",
                 "aria-hidden": "true"
               }, null, -1)),
@@ -12401,7 +12401,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return w1 ? w1.name : "";
     };
     let v = 0;
-    const f = (J) => ({ key: "t" + v++, monitor: J || "", name: C(J) }), y = r(l.selected, []), m = /* @__PURE__ */ B(y.length ? y.map((J) => f(typeof J == "string" ? J : J.id)) : [f("")]), H = l.active && m.value.find((J) => String(J.monitor) === String(l.active)), A = /* @__PURE__ */ B(H ? H.key : m.value[0].key), j = b(() => m.value.find((J) => J.key === A.value) || m.value[0]), S = b(() => j.value ? j.value.monitor : ""), T = b(() => S.value !== "" && S.value != null), F = b(() => JSON.stringify(m.value.map((J) => ({ key: J.key, label: J.name || "Select Monitor" }))));
+    const f = (J) => ({ key: "t" + v++, monitor: J || "", name: C(J) }), y = r(l.selected, []), m = /* @__PURE__ */ D(y.length ? y.map((J) => f(typeof J == "string" ? J : J.id)) : [f("")]), H = l.active && m.value.find((J) => String(J.monitor) === String(l.active)), A = /* @__PURE__ */ D(H ? H.key : m.value[0].key), j = b(() => m.value.find((J) => J.key === A.value) || m.value[0]), S = b(() => j.value ? j.value.monitor : ""), T = b(() => S.value !== "" && S.value != null), F = b(() => JSON.stringify(m.value.map((J) => ({ key: J.key, label: J.name || "Select Monitor" }))));
     function R() {
       const J = f("");
       m.value = [...m.value, J], A.value = J.key, s("add-monitor");
@@ -12420,7 +12420,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const w1 = o(J);
       m.value = m.value.map((N1) => N1.key === A.value ? { ...N1, monitor: w1, name: C(w1) } : N1), s("select-monitor", { value: w1 });
     }
-    const K = b(() => String(l.views || "").split(",").map((J) => J.trim()).filter(Boolean)), e1 = b(() => JSON.stringify(K.value.map((J) => ({ key: J, label: J })))), d1 = /* @__PURE__ */ B(K.value[0] || "Metric");
+    const K = b(() => String(l.views || "").split(",").map((J) => J.trim()).filter(Boolean)), e1 = b(() => JSON.stringify(K.value.map((J) => ({ key: J, label: J })))), d1 = /* @__PURE__ */ D(K.value[0] || "Metric");
     function i1(J) {
       const w1 = o(J);
       w1 != null && (d1.value = w1), s("view", { value: d1.value });
@@ -12431,7 +12431,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       const w1 = r(l.metrics, []), N1 = [];
       for (const G1 of w1) for (const p2 of G1.items || G1.children || []) N1.push({ name: p2.name });
       return N1;
-    }), Z1 = b(() => c(l.embedded)), b1 = b(() => Z1.value || T.value), u1 = /* @__PURE__ */ B(""), q1 = /* @__PURE__ */ B(/* @__PURE__ */ new Set());
+    }), Z1 = b(() => c(l.embedded)), b1 = b(() => Z1.value || T.value), u1 = /* @__PURE__ */ D(""), q1 = /* @__PURE__ */ D(/* @__PURE__ */ new Set());
     F1([S, () => l.counters, () => l.metrics], () => {
       q1.value = /* @__PURE__ */ new Set();
     });
@@ -12447,7 +12447,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function w(J) {
       u1.value = o(J) || "", s("search", { query: u1.value });
     }
-    function s1(J, w1) {
+    function c1(J, w1) {
       w1.stopPropagation(), s("add", { name: J.name }), _(J.name);
     }
     function h1(J, w1) {
@@ -12527,7 +12527,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
                 type: "button",
                 class: "mp-add",
                 "aria-label": "Add counter",
-                onClick: (x) => s1(g, x)
+                onClick: (x) => c1(g, x)
               }, [
                 P(p2, {
                   name: "plusCircle",
@@ -12581,7 +12581,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
           return [];
         }
       return E.split(",").map((v1) => ({ name: v1.trim() })).filter((v1) => v1.name);
-    }), r = /* @__PURE__ */ B(Number(l.current) || 0), i = b(() => Math.max(1, Number(l.interval) || 30)), p = /* @__PURE__ */ B(i.value), u = /* @__PURE__ */ B(c(l.paused)), h = b(() => c(l.fullscreen)), C = b(() => o.value.length > 1), v = b(() => o.value[r.value] ? o.value[r.value].name : "");
+    }), r = /* @__PURE__ */ D(Number(l.current) || 0), i = b(() => Math.max(1, Number(l.interval) || 30)), p = /* @__PURE__ */ D(i.value), u = /* @__PURE__ */ D(c(l.paused)), h = b(() => c(l.fullscreen)), C = b(() => o.value.length > 1), v = b(() => o.value[r.value] ? o.value[r.value].name : "");
     F1(() => l.current, (R) => {
       r.value = Number(R) || 0;
     }), F1(() => l.paused, (R) => {
@@ -12841,7 +12841,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = /* @__PURE__ */ B(!1), r = [
+    const l = e, s = t, c = r2(), o = /* @__PURE__ */ D(!1), r = [
       { key: "fullscreen", label: "Full Screen", icon: "fullscreen" },
       { key: "share", label: "Share", icon: "shareAlt" },
       { key: "edit", label: "Edit", icon: "pencil" },
@@ -12928,23 +12928,23 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
   },
   emits: ["layout-change"],
   setup(e, { emit: t }) {
-    const l = e, s = t, c = r2(), o = /* @__PURE__ */ B(null), r = b(() => +l.columns || 12), i = b(() => +l.cellHeight || 80), p = b(() => +l.gap || 10), u = /* @__PURE__ */ B(0), h = b(() => Math.max(1, (u.value - (r.value - 1) * p.value) / r.value)), C = b(() => h.value + p.value), v = b(() => i.value + p.value), f = /* @__PURE__ */ B([]), y = /* @__PURE__ */ C3({ 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 }), m = /* @__PURE__ */ C3({ show: !1, x: 0, y: 0, w: 0, h: 0 });
+    const l = e, s = t, c = r2(), o = /* @__PURE__ */ D(null), r = b(() => +l.columns || 12), i = b(() => +l.cellHeight || 80), p = b(() => +l.gap || 10), u = /* @__PURE__ */ D(0), h = b(() => Math.max(1, (u.value - (r.value - 1) * p.value) / r.value)), C = b(() => h.value + p.value), v = b(() => i.value + p.value), f = /* @__PURE__ */ D([]), y = /* @__PURE__ */ C3({ 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 }), m = /* @__PURE__ */ C3({ show: !1, x: 0, y: 0, w: 0, h: 0 });
     let H = 0, A = 0, j = 0;
-    const S = (_, w) => _.x < w.x + w.w && w.x < _.x + _.w && _.y < w.y + w.h && w.y < _.y + _.h, T = (_, w, s1) => Math.max(w, Math.min(s1, _));
+    const S = (_, w) => _.x < w.x + w.w && w.x < _.x + _.w && _.y < w.y + w.h && w.y < _.y + _.h, T = (_, w, c1) => Math.max(w, Math.min(c1, _));
     function F(_) {
-      const w = [...f.value].sort((h1, I1) => h1.y - I1.y || h1.x - I1.x), s1 = _ ? [_] : [];
+      const w = [...f.value].sort((h1, I1) => h1.y - I1.y || h1.x - I1.x), c1 = _ ? [_] : [];
       for (const h1 of w) {
         if (h1 === _) continue;
         let I1 = Math.max(0, h1.y);
-        for (; I1 > 0 && !s1.some((J) => S({ x: h1.x, y: I1 - 1, w: h1.w, h: h1.h }, J)); ) I1--;
-        for (; s1.some((J) => S({ x: h1.x, y: I1, w: h1.w, h: h1.h }, J)); ) I1++;
-        h1.y = I1, s1.push(h1);
+        for (; I1 > 0 && !c1.some((J) => S({ x: h1.x, y: I1 - 1, w: h1.w, h: h1.h }, J)); ) I1--;
+        for (; c1.some((J) => S({ x: h1.x, y: I1, w: h1.w, h: h1.h }, J)); ) I1++;
+        h1.y = I1, c1.push(h1);
       }
     }
     function R() {
       const _ = [...c.querySelectorAll("obs-widget-card")];
-      _.forEach((w, s1) => {
-        w.getAttribute("slot") !== "c" + s1 && w.setAttribute("slot", "c" + s1);
+      _.forEach((w, c1) => {
+        w.getAttribute("slot") !== "c" + c1 && w.setAttribute("slot", "c" + c1);
       }), f.value = _.map((w) => ({
         el: w,
         x: +(w.getAttribute("data-x") || 0),
@@ -12967,8 +12967,8 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       return Math.round(_ * v.value - p.value);
     });
     function n1(_, w) {
-      const s1 = E(_), h1 = y.on && y.i === w;
-      return h1 && y.mode === "move" ? { position: "absolute", transform: `translate(${y.left}px, ${y.top}px)`, width: s1.width + "px", height: s1.height + "px", zIndex: 50, transition: "none" } : h1 && y.mode === "resize" ? { position: "absolute", transform: `translate(${s1.left}px, ${s1.top}px)`, width: y.w + "px", height: y.h + "px", zIndex: 50, transition: "none" } : { position: "absolute", transform: `translate(${s1.left}px, ${s1.top}px)`, width: s1.width + "px", height: s1.height + "px", transition: "transform .15s, width .15s, height .15s" };
+      const c1 = E(_), h1 = y.on && y.i === w;
+      return h1 && y.mode === "move" ? { position: "absolute", transform: `translate(${y.left}px, ${y.top}px)`, width: c1.width + "px", height: c1.height + "px", zIndex: 50, transition: "none" } : h1 && y.mode === "resize" ? { position: "absolute", transform: `translate(${c1.left}px, ${c1.top}px)`, width: y.w + "px", height: y.h + "px", zIndex: 50, transition: "none" } : { position: "absolute", transform: `translate(${c1.left}px, ${c1.top}px)`, width: c1.width + "px", height: c1.height + "px", transition: "transform .15s, width .15s, height .15s" };
     }
     const K = b(() => ({
       transform: `translate(${Math.round(m.x * C.value)}px, ${Math.round(m.y * v.value)}px)`,
@@ -12984,33 +12984,33 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
     function i1(_) {
       let w = _ && _.parentElement;
       for (; w && w !== document.body && w !== document.documentElement; ) {
-        const s1 = getComputedStyle(w);
-        if (/(auto|scroll)/.test(s1.overflowY + s1.overflow) && w.scrollHeight > w.clientHeight) return w;
+        const c1 = getComputedStyle(w);
+        if (/(auto|scroll)/.test(c1.overflowY + c1.overflow) && w.scrollHeight > w.clientHeight) return w;
         w = w.parentElement;
       }
       return document.scrollingElement || document.documentElement;
     }
     function V(_, w) {
-      const s1 = f.value.findIndex((w1) => w1.el === w.target);
-      if (s1 < 0) return;
-      const h1 = E(f.value[s1]), I1 = i1(c);
-      Object.assign(y, { on: !0, mode: _, i: s1, sx: w.detail.clientX, sy: w.detail.clientY, ox: h1.left, oy: h1.top, ow: h1.width, oh: h1.height, left: h1.left, top: h1.top, w: h1.width, h: h1.height, scEl: I1, st0: I1 ? I1.scrollTop : 0 }), A = w.detail.clientX, j = w.detail.clientY;
-      const J = f.value[s1];
+      const c1 = f.value.findIndex((w1) => w1.el === w.target);
+      if (c1 < 0) return;
+      const h1 = E(f.value[c1]), I1 = i1(c);
+      Object.assign(y, { on: !0, mode: _, i: c1, sx: w.detail.clientX, sy: w.detail.clientY, ox: h1.left, oy: h1.top, ow: h1.width, oh: h1.height, left: h1.left, top: h1.top, w: h1.width, h: h1.height, scEl: I1, st0: I1 ? I1.scrollTop : 0 }), A = w.detail.clientX, j = w.detail.clientY;
+      const J = f.value[c1];
       Object.assign(m, { show: !0, x: J.x, y: J.y, w: J.w, h: J.h }), window.addEventListener("pointermove", Z1), window.addEventListener("pointerup", u1);
     }
     function X() {
       if (!y.on) return;
-      const _ = f.value[y.i], w = y.scEl ? y.scEl.scrollTop - y.st0 : 0, s1 = A - y.sx, h1 = j - y.sy + w;
-      y.mode === "move" ? (y.left = y.ox + s1, y.top = y.oy + h1, _.x = T(Math.round(y.left / C.value), 0, r.value - _.w), _.y = Math.max(0, Math.round(y.top / v.value))) : (y.w = Math.max(h.value, y.ow + s1), y.h = Math.max(i.value, y.oh + h1), _.w = T(Math.round((y.w + p.value) / C.value), 1, r.value - _.x), _.h = T(Math.round((y.h + p.value) / v.value), 1, Qi)), Object.assign(m, { x: _.x, y: _.y, w: _.w, h: _.h }), F(_);
+      const _ = f.value[y.i], w = y.scEl ? y.scEl.scrollTop - y.st0 : 0, c1 = A - y.sx, h1 = j - y.sy + w;
+      y.mode === "move" ? (y.left = y.ox + c1, y.top = y.oy + h1, _.x = T(Math.round(y.left / C.value), 0, r.value - _.w), _.y = Math.max(0, Math.round(y.top / v.value))) : (y.w = Math.max(h.value, y.ow + c1), y.h = Math.max(i.value, y.oh + h1), _.w = T(Math.round((y.w + p.value) / C.value), 1, r.value - _.x), _.h = T(Math.round((y.h + p.value) / v.value), 1, Qi)), Object.assign(m, { x: _.x, y: _.y, w: _.w, h: _.h }), F(_);
     }
     function Z1(_) {
       y.on && (A = _.clientX, j = _.clientY, X(), H || (H = requestAnimationFrame(b1)));
     }
     function b1() {
       if (H = 0, !y.on || !y.scEl) return;
-      const _ = y.scEl, w = _ === document.scrollingElement || _ === document.documentElement, s1 = w ? 0 : _.getBoundingClientRect().top, h1 = w ? window.innerHeight : _.getBoundingClientRect().bottom, I1 = 48, J = 20;
+      const _ = y.scEl, w = _ === document.scrollingElement || _ === document.documentElement, c1 = w ? 0 : _.getBoundingClientRect().top, h1 = w ? window.innerHeight : _.getBoundingClientRect().bottom, I1 = 48, J = 20;
       let w1 = 0;
-      if (j > h1 - I1 ? w1 = J : j < s1 + I1 && (w1 = -J), w1) {
+      if (j > h1 - I1 ? w1 = J : j < c1 + I1 && (w1 = -J), w1) {
         const N1 = _.scrollTop;
         _.scrollTop = Math.max(0, N1 + w1), _.scrollTop !== N1 && X(), H = requestAnimationFrame(b1);
       }
@@ -13043,10 +13043,10 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       }, null, 4), [
         [U3, m.show]
       ]),
-      (a(!0), n(z, null, g1(f.value, (s1, h1) => (a(), n("div", {
+      (a(!0), n(z, null, g1(f.value, (c1, h1) => (a(), n("div", {
         key: h1,
         class: "cell",
-        style: V1(n1(s1, h1))
+        style: V1(n1(c1, h1))
       }, [
         W1(_.$slots, "c" + h1)
       ], 4))), 128))
@@ -13130,7 +13130,7 @@ const Oc = ':host([hidden]){display:none!important}:host{font-family:var(--font-
       height: (r.value * 1.1547).toFixed(1) + "px",
       margin: i.value + "px",
       marginBottom: (i.value - r.value * 0.2885).toFixed(1) + "px"
-    })), u = (y) => y ? y.charAt(0).toUpperCase() + y.slice(1) : "", h = /* @__PURE__ */ B(null), C = /* @__PURE__ */ B(null);
+    })), u = (y) => y ? y.charAt(0).toUpperCase() + y.slice(1) : "", h = /* @__PURE__ */ D(null), C = /* @__PURE__ */ D(null);
     function v(y, m) {
       const H = y.currentTarget;
       !h.value || !m.name || (C.value = {