@mtdt/observeops-ds-elements 0.1.15 → 0.1.16

package/dist/observeops-elements.js

@@ -1743,7 +1743,7 @@ function ti(e) {
   }
   if (Mr = !0, n)
     for (const ue in n) {
-      const ne = n[ue], Re = de(ne) ? ne.bind(o, o) : de(ne.get) ? ne.get.bind(o, o) : Mt, ke = !de(ne) && de(ne.set) ? ne.set.bind(o) : Mt, Ue = j({
+      const ne = n[ue], Re = de(ne) ? ne.bind(o, o) : de(ne.get) ? ne.get.bind(o, o) : Mt, ke = !de(ne) && de(ne.set) ? ne.set.bind(o) : Mt, Ue = I({
         get: Re,
         set: ke
       });
@@ -2401,7 +2401,7 @@ function ki(e, t) {
     nextSibling: w,
     setScopeId: C = Mt,
     insertStaticContent: F
-  } = e, Z = (p, b, m, k = null, _ = null, $ = null, L = void 0, I = null, R = !!b.dynamicChildren) => {
+  } = e, Z = (p, b, m, k = null, _ = null, $ = null, L = void 0, j = null, R = !!b.dynamicChildren) => {
     if (p === b)
       return;
     p && !uo(p, b) && (k = st(p), pe(p, _, $, !0), p = null), b.patchFlag === -2 && (R = !1, b.dynamicChildren = null);
@@ -2425,7 +2425,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
         break;
@@ -2438,7 +2438,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         ) : V & 6 ? Xe(
           p,
@@ -2448,7 +2448,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         ) : (V & 64 || V & 128) && M.process(
           p,
@@ -2458,7 +2458,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R,
           Le
         );
@@ -2500,7 +2500,7 @@ function ki(e, t) {
     for (; p && p !== b; )
       m = w(p), r(p), p = m;
     r(b);
-  }, E = (p, b, m, k, _, $, L, I, R) => {
+  }, E = (p, b, m, k, _, $, L, j, R) => {
     if (b.type === "svg" ? L = "svg" : b.type === "math" && (L = "mathml"), p == null)
       ce(
         b,
@@ -2509,7 +2509,7 @@ function ki(e, t) {
         _,
         $,
         L,
-        I,
+        j,
         R
       );
     else {
@@ -2521,14 +2521,14 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
       } finally {
         M && M._endPatch();
       }
     }
-  }, ce = (p, b, m, k, _, $, L, I) => {
+  }, ce = (p, b, m, k, _, $, L, j) => {
     let R, M;
     const { props: X, shapeFlag: V, transition: J, dirs: ee } = p;
     if (R = p.el = l(
@@ -2544,7 +2544,7 @@ function ki(e, t) {
       _,
       xr(p, $),
       L,
-      I
+      j
     ), ee && Ft(p, null, k, "created"), Oe(R, p, p.scopeId, L, k), X) {
       for (const ge in X)
         ge !== "value" && !go(ge) && n(R, ge, null, X[ge], $, k);
@@ -2575,9 +2575,9 @@ function ki(e, t) {
         );
       }
     }
-  }, Ne = (p, b, m, k, _, $, L, I, R = 0) => {
+  }, Ne = (p, b, m, k, _, $, L, j, R = 0) => {
     for (let M = R; M < p.length; M++) {
-      const X = p[M] = I ? Pt(p[M]) : Ct(p[M]);
+      const X = p[M] = j ? Pt(p[M]) : Ct(p[M]);
       Z(
         null,
         X,
@@ -2587,19 +2587,19 @@ function ki(e, t) {
         _,
         $,
         L,
-        I
+        j
       );
     }
   }, ft = (p, b, m, k, _, $, L) => {
-    const I = b.el = p.el;
+    const j = b.el = p.el;
     let { patchFlag: R, dynamicChildren: M, dirs: X } = b;
     R |= p.patchFlag & 16;
     const V = p.props || Ae, J = b.props || Ae;
     let ee;
-    if (m && Zt(m, !1), (ee = J.onVnodeBeforeUpdate) && wt(ee, m, b, p), X && Ft(b, p, m, "beforeUpdate"), m && Zt(m, !0), (V.innerHTML && J.innerHTML == null || V.textContent && J.textContent == null) && f(I, ""), M ? He(
+    if (m && Zt(m, !1), (ee = J.onVnodeBeforeUpdate) && wt(ee, m, b, p), X && Ft(b, p, m, "beforeUpdate"), m && Zt(m, !0), (V.innerHTML && J.innerHTML == null || V.textContent && J.textContent == null) && f(j, ""), M ? He(
       p.dynamicChildren,
       M,
-      I,
+      j,
       m,
       k,
       xr(b, _),
@@ -2607,7 +2607,7 @@ function ki(e, t) {
     ) : L || ne(
       p,
       b,
-      I,
+      j,
       null,
       m,
       k,
@@ -2616,22 +2616,22 @@ function ki(e, t) {
       !1
     ), R > 0) {
       if (R & 16)
-        rt(I, V, J, m, _);
-      else if (R & 2 && V.class !== J.class && n(I, "class", null, J.class, _), R & 4 && n(I, "style", V.style, J.style, _), R & 8) {
+        rt(j, V, J, m, _);
+      else if (R & 2 && V.class !== J.class && n(j, "class", null, J.class, _), R & 4 && n(j, "style", V.style, J.style, _), R & 8) {
         const he = b.dynamicProps;
         for (let ge = 0; ge < he.length; ge++) {
           const be = he[ge], $e = V[be], Ce = J[be];
-          (Ce !== $e || be === "value") && n(I, be, $e, Ce, _, m);
+          (Ce !== $e || be === "value") && n(j, be, $e, Ce, _, m);
         }
       }
-      R & 1 && p.children !== b.children && f(I, b.children);
-    } else !L && M == null && rt(I, V, J, m, _);
+      R & 1 && p.children !== b.children && f(j, b.children);
+    } else !L && M == null && rt(j, V, J, m, _);
     ((ee = J.onVnodeUpdated) || X) && lt(() => {
       ee && wt(ee, m, b, p), X && Ft(b, p, m, "updated");
     }, k);
   }, He = (p, b, m, k, _, $, L) => {
-    for (let I = 0; I < b.length; I++) {
-      const R = p[I], M = b[I], X = (
+    for (let j = 0; j < b.length; j++) {
+      const R = p[j], M = b[j], X = (
         // oldVNode may be an errored async setup() component inside Suspense
         // which will not have a mounted element
         R.el && // - In the case of a Fragment, we need to provide the actual parent
@@ -2671,15 +2671,15 @@ function ki(e, t) {
           );
       for (const $ in m) {
         if (go($)) continue;
-        const L = m[$], I = b[$];
-        L !== I && $ !== "value" && n(p, $, I, L, _, k);
+        const L = m[$], j = b[$];
+        L !== j && $ !== "value" && n(p, $, j, L, _, k);
       }
       "value" in m && n(p, "value", b.value, m.value, _);
     }
-  }, it = (p, b, m, k, _, $, L, I, R) => {
+  }, it = (p, b, m, k, _, $, L, j, R) => {
     const M = b.el = p ? p.el : d(""), X = b.anchor = p ? p.anchor : d("");
     let { patchFlag: V, dynamicChildren: J, slotScopeIds: ee } = b;
-    ee && (I = I ? I.concat(ee) : ee), p == null ? (s(M, m, k), s(X, m, k), Ne(
+    ee && (j = j ? j.concat(ee) : ee), p == null ? (s(M, m, k), s(X, m, k), Ne(
       // #10007
       // such fragment like `<></>` will be compiled into
       // a fragment which doesn't have a children.
@@ -2690,7 +2690,7 @@ function ki(e, t) {
       _,
       $,
       L,
-      I,
+      j,
       R
     )) : V > 0 && V & 64 && J && // #2715 the previous fragment could've been a BAILed one as a result
     // of renderSlot() with no valid children
@@ -2701,7 +2701,7 @@ function ki(e, t) {
       _,
       $,
       L,
-      I
+      j
     ), // #2080 if the stable fragment has a key, it's a <template v-for> that may
     //  get moved around. Make sure all root level vnodes inherit el.
     // #2134 or if it's a component root, it may also get moved around
@@ -2719,11 +2719,11 @@ function ki(e, t) {
       _,
       $,
       L,
-      I,
+      j,
       R
     );
-  }, Xe = (p, b, m, k, _, $, L, I, R) => {
-    b.slotScopeIds = I, p == null ? b.shapeFlag & 512 ? _.ctx.activate(
+  }, Xe = (p, b, m, k, _, $, L, j, R) => {
+    b.slotScopeIds = j, p == null ? b.shapeFlag & 512 ? _.ctx.activate(
       b,
       m,
       k,
@@ -2739,19 +2739,19 @@ function ki(e, t) {
       R
     ) : le(p, b, R);
   }, U = (p, b, m, k, _, $, L) => {
-    const I = p.component = Ei(
+    const j = p.component = Ei(
       p,
       k,
       _
     );
-    if (hn(p) && (I.ctx.renderer = Le), Pi(I, !1, L), I.asyncDep) {
-      if (_ && _.registerDep(I, re, L), !p.el) {
-        const R = I.subTree = pt(jt);
+    if (hn(p) && (j.ctx.renderer = Le), Pi(j, !1, L), j.asyncDep) {
+      if (_ && _.registerDep(j, re, L), !p.el) {
+        const R = j.subTree = pt(jt);
         T(null, R, b, m), p.placeholder = R.el;
       }
     } else
       re(
-        I,
+        j,
         p,
         b,
         m,
@@ -2770,7 +2770,7 @@ function ki(e, t) {
     else
       b.el = p.el, k.vnode = b;
   }, re = (p, b, m, k, _, $, L) => {
-    const I = () => {
+    const j = () => {
       if (p.isMounted) {
         let { next: V, bu: J, u: ee, parent: he, vnode: ge } = p;
         {
@@ -2832,7 +2832,7 @@ function ki(e, t) {
       }
     };
     p.scope.on();
-    const R = p.effect = new Zs(I);
+    const R = p.effect = new Zs(j);
     p.scope.off();
     const M = p.update = R.run.bind(R), X = p.job = R.runIfDirty.bind(R);
     X.i = p, X.id = p.uid, R.scheduler = () => Fr(X), Zt(p, !0), M();
@@ -2840,7 +2840,7 @@ function ki(e, t) {
     b.component = p;
     const k = p.vnode.props;
     p.vnode = b, p.next = null, gi(p, b.props, k, m), yi(p, b.children, m), Rt(), ns(p), Dt();
-  }, ne = (p, b, m, k, _, $, L, I, R = !1) => {
+  }, ne = (p, b, m, k, _, $, L, j, R = !1) => {
     const M = p && p.children, X = p ? p.shapeFlag : 0, V = b.children, { patchFlag: J, shapeFlag: ee } = b;
     if (J > 0) {
       if (J & 128) {
@@ -2852,7 +2852,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
         return;
@@ -2865,7 +2865,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
         return;
@@ -2879,7 +2879,7 @@ function ki(e, t) {
       _,
       $,
       L,
-      I,
+      j,
       R
     ) : De(M, _, $, !0) : (X & 8 && f(m, ""), ee & 16 && Ne(
       V,
@@ -2888,10 +2888,10 @@ function ki(e, t) {
       _,
       $,
       L,
-      I,
+      j,
       R
     ));
-  }, Re = (p, b, m, k, _, $, L, I, R) => {
+  }, Re = (p, b, m, k, _, $, L, j, R) => {
     p = p || eo, b = b || eo;
     const M = p.length, X = b.length, V = Math.min(M, X);
     let J;
@@ -2905,7 +2905,7 @@ function ki(e, t) {
         _,
         $,
         L,
-        I,
+        j,
         R
       );
     }
@@ -2923,11 +2923,11 @@ function ki(e, t) {
       _,
       $,
       L,
-      I,
+      j,
       R,
       V
     );
-  }, ke = (p, b, m, k, _, $, L, I, R) => {
+  }, ke = (p, b, m, k, _, $, L, j, R) => {
     let M = 0;
     const X = b.length;
     let V = p.length - 1, J = X - 1;
@@ -2942,7 +2942,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
       else
@@ -2960,7 +2960,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         );
       else
@@ -2979,7 +2979,7 @@ function ki(e, t) {
             _,
             $,
             L,
-            I,
+            j,
             R
           ), M++;
       }
@@ -3020,7 +3020,7 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         ), $e++);
       }
@@ -3038,13 +3038,13 @@ function ki(e, t) {
           _,
           $,
           L,
-          I,
+          j,
           R
         ) : Ie && (be < 0 || M !== D[be] ? Ue(v, m, A, 2) : be--);
       }
     }
   }, Ue = (p, b, m, k, _ = null) => {
-    const { el: $, type: L, transition: I, children: R, shapeFlag: M } = p;
+    const { el: $, type: L, transition: j, children: R, shapeFlag: M } = p;
     if (M & 6) {
       Ue(p.component.subTree, b, m, k);
       return;
@@ -3068,18 +3068,18 @@ function ki(e, t) {
       oe(p, b, m);
       return;
     }
-    if (k !== 2 && M & 1 && I)
+    if (k !== 2 && M & 1 && j)
       if (k === 0)
-        I.persisted && !$[gr] ? s($, b, m) : (I.beforeEnter($), s($, b, m), lt(() => I.enter($), _));
+        j.persisted && !$[gr] ? s($, b, m) : (j.beforeEnter($), s($, b, m), lt(() => j.enter($), _));
       else {
-        const { leave: V, delayLeave: J, afterLeave: ee } = I, he = () => {
+        const { leave: V, delayLeave: J, afterLeave: ee } = j, he = () => {
           p.ctx.isUnmounted ? r($) : s($, b, m);
         }, ge = () => {
           const be = $._isLeaving || !!$[gr];
           $._isLeaving && $[gr](
             !0
             /* cancelled */
-          ), I.persisted && !be ? he() : V($, () => {
+          ), j.persisted && !be ? he() : V($, () => {
             he(), ee && ee();
           });
         };
@@ -3091,7 +3091,7 @@ function ki(e, t) {
     const {
       type: $,
       props: L,
-      ref: I,
+      ref: j,
       children: R,
       dynamicChildren: M,
       shapeFlag: X,
@@ -3100,7 +3100,7 @@ function ki(e, t) {
       cacheIndex: ee,
       memo: he
     } = p;
-    if (V === -2 && (_ = !1), I != null && (Rt(), mo(I, null, m, p, !0), Dt()), ee != null && (b.renderCache[ee] = void 0), X & 256) {
+    if (V === -2 && (_ = !1), j != null && (Rt(), mo(j, null, m, p, !0), Dt()), ee != null && (b.renderCache[ee] = void 0), X & 256) {
       b.ctx.deactivate(p);
       return;
     }
@@ -3131,13 +3131,13 @@ function ki(e, t) {
         m,
         !1,
         !0
-      ) : ($ === z && V & 384 || !_ && X & 16) && De(R, b, m), k && Ee(p);
+      ) : ($ === z && V & 384 || !_ && X & 16) && De(R, b, m), k && Pe(p);
     }
     const Ce = he != null && ee == null;
     (be && ($e = L && L.onVnodeUnmounted) || ge || Ce) && lt(() => {
       $e && wt($e, b, p), ge && Ft(p, null, b, "unmounted"), Ce && (p.el = null);
     }, m);
-  }, Ee = (p) => {
+  }, Pe = (p) => {
     const { type: b, el: m, anchor: k, transition: _ } = p;
     if (b === z) {
       Qe(m, k);
@@ -3151,8 +3151,8 @@ function ki(e, t) {
       r(m), _ && !_.persisted && _.afterLeave && _.afterLeave();
     };
     if (p.shapeFlag & 1 && _ && !_.persisted) {
-      const { leave: L, delayLeave: I } = _, R = () => L(m, $);
-      I ? I(p.el, $, R) : R();
+      const { leave: L, delayLeave: j } = _, R = () => L(m, $);
+      j ? j(p.el, $, R) : R();
     } else
       $();
   }, Qe = (p, b) => {
@@ -3161,8 +3161,8 @@ function ki(e, t) {
       m = w(p), r(p), p = m;
     r(b);
   }, at = (p, b, m) => {
-    const { bum: k, scope: _, job: $, subTree: L, um: I, m: R, a: M } = p;
-    gs(R), gs(M), k && Lo(k), _.stop(), $ && ($.flags |= 8, pe(L, p, b, m)), I && lt(I, b), lt(() => {
+    const { bum: k, scope: _, job: $, subTree: L, um: j, m: R, a: M } = p;
+    gs(R), gs(M), k && Lo(k), _.stop(), $ && ($.flags |= 8, pe(L, p, b, m)), j && lt(j, b), lt(() => {
       p.isUnmounted = !0;
     }, b);
   }, De = (p, b, m, k = !1, _ = !1, $ = 0) => {
@@ -3192,7 +3192,7 @@ function ki(e, t) {
     p: Z,
     um: pe,
     m: Ue,
-    r: Ee,
+    r: Pe,
     mt: U,
     mc: Ne,
     pc: ne,
@@ -3698,7 +3698,7 @@ function Di(e, t = !0) {
 function Ii(e) {
   return de(e) && "__vccOpts" in e;
 }
-const j = (e, t) => /* @__PURE__ */ Sl(e, t, So), ji = "3.5.38";
+const I = (e, t) => /* @__PURE__ */ Sl(e, t, So), ji = "3.5.38";
 /**
 * @vue/runtime-dom v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -4402,7 +4402,7 @@ function ha(e) {
 function va(e) {
   return ze(e) ? document.querySelector(e) : e;
 }
-const ga = ':host{display:inline-block}button,input,select,textarea{font-family:inherit}:host([block]){display:block;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-weight:400;font-size:var(--text-sm, .8rem);cursor:pointer;white-space:nowrap;border:1px solid transparent;border-radius:var(--btn-radius, 4px);height:var(--btn-height, 2.1rem);padding:0 15px}.btn:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.s-small{height:24px;padding:0 7px;font-size:var(--text-sm, .8rem)}.s-large{height:var(--btn-height, 2.1rem);font-size:var(--font-size-lg, 1rem)}.block{width:100%}.square{border-radius:0}.shape-circle,.squared{padding:0;width:var(--btn-height, 2.1rem)}.squared{width:35px;height:35px}.v-primary,.v-info,.v-neutral,.v-neutral-light,.v-warning{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.v-primary:hover,.v-info:hover,.v-neutral:hover,.v-neutral-light:hover,.v-warning:hover{color:var(--primary-button-hover-text, #fff);background:var(--primary-button-hover-bg, rgba(7,16,31,.7));border-color:var(--primary-button-hover-bg, rgba(7,16,31,.7))}.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.v-success{background:var(--success-button-bg, #14b053);color:var(--success-button-text, #fff);border-color:var(--success-button-bg, #14b053)}.v-success:hover{color:var(--success-button-hover-text, #fff);background:var(--success-button-hover-bg, var(--secondary-green, #14b053));border-color:var(--success-button-bg, #14b053)}.v-error{background:var(--error-button-bg, #ec5b5b);color:var(--error-button-text, #fff);border-color:var(--error-button-bg, #ec5b5b)}.v-error:hover{color:var(--error-button-hover-text, #fff);background:var(--error-button-hover-bg, var(--secondary-red-dark, #c84235));border-color:var(--error-button-bg, #ec5b5b)}.v-neutral-lighter{background:var(--neutral-button-bg, #e3e8f2);color:var(--neutral-button-text, #7186a8);border-color:var(--neutral-button-bg, #e3e8f2)}.v-neutral-lightest{background:var(--code-tag-background-color, #ecf1f9);color:var(--neutral-button-text, #7186a8);border-color:var(--code-tag-background-color, #ecf1f9)}.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.v-default:hover,.v-default:active,.v-default:focus{color:var(--default-button-hover-text, var(--page-text-color, #1d2a3e));background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17,28,44,.5))}.v-danger{background:var(--default-button-bg, #fff);color:var(--error-outline-button-text, #ec5b5b);border-color:var(--default-button-border, #e3e8f2)}.v-danger:hover{color:var(--error-button-text, #fff);background:var(--secondary-red-light, #f17a73);border-color:var(--secondary-red-light, #f17a73)}.v-dashed{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border:1px dashed var(--default-button-border, #e3e8f2)}.v-dashed:hover{color:var(--button-accent-hover-color, #099dd9);border-color:var(--button-accent-hover-color, #099dd9)}.v-ghost{background:transparent;color:var(--outline-button-text, #111c2c);border-color:var(--primary, #111c2c)}.v-ghost:hover{color:var(--button-accent-hover-color, #099dd9);border-color:var(--button-accent-hover-color, #099dd9)}.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.v-transparent:hover{color:var(--button-transparent-hover-text, #7186a8)}.outline{background:var(--outline-button-bg, transparent)!important;box-shadow:none}.outline.v-primary,.outline.v-primary-alt{color:var(--outline-button-text, #111c2c);border-color:var(--primary, #111c2c)}.outline.v-error{color:var(--error-outline-button-text, #ec5b5b);border-color:var(--error-outline-button-text, #ec5b5b)}.outline.v-success{color:var(--success-outline-button-text, #14b053);border-color:var(--primary, #111c2c)}.outline.v-default{color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.outline.v-default:hover{color:var(--default-button-hover-text, var(--page-text-color, #1d2a3e));border-color:var(--outline-button-hover-border, rgba(17,28,44,.5))}.outline.v-primary:hover,.outline.v-primary-alt:hover{color:var(--outline-button-hover-text, var(--primary, #111c2c));background:var(--outline-button-hover-bg, #ecf1f9)!important}.outline.v-error:hover{color:var(--error-outline-button-hover-text, var(--secondary-red, #ec5b5b));background:var(--error-outline-button-hover-bg, rgba(240,78,62,.2))!important}.outline.v-success:hover{color:var(--success-outline-button-hover-text, var(--secondary-green, #14b053));background:var(--success-outline-button-hover-bg, #d1fae0)!important}.spin{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:obsspin .7s linear infinite}@keyframes obsspin{to{transform:rotate(360deg)}}.btn:disabled,.btn:disabled:hover{color:var(--button-disabled-text, rgba(0,0,0,.5));background:var(--button-disabled-bg, #ecf1f9);border-color:var(--button-disabled-border, #e3e8f2);box-shadow:none;cursor:not-allowed}.btn.loading:disabled{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f);opacity:.75}', Pe = (e, t) => {
+const ga = ':host{display:inline-block}button,input,select,textarea{font-family:inherit}:host([block]){display:block;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-weight:400;font-size:var(--text-sm, .8rem);cursor:pointer;white-space:nowrap;border:1px solid transparent;border-radius:var(--btn-radius, 4px);height:var(--btn-height, 2.1rem);padding:0 15px}.btn:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.s-small{height:24px;padding:0 7px;font-size:var(--text-sm, .8rem)}.s-large{height:var(--btn-height, 2.1rem);font-size:var(--font-size-lg, 1rem)}.block{width:100%}.square{border-radius:0}.shape-circle,.squared{padding:0;width:var(--btn-height, 2.1rem)}.squared{width:35px;height:35px}.v-primary,.v-info,.v-neutral,.v-neutral-light,.v-warning{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.v-primary:hover,.v-info:hover,.v-neutral:hover,.v-neutral-light:hover,.v-warning:hover{color:var(--primary-button-hover-text, #fff);background:var(--primary-button-hover-bg, rgba(7,16,31,.7));border-color:var(--primary-button-hover-bg, rgba(7,16,31,.7))}.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.v-success{background:var(--success-button-bg, #14b053);color:var(--success-button-text, #fff);border-color:var(--success-button-bg, #14b053)}.v-success:hover{color:var(--success-button-hover-text, #fff);background:var(--success-button-hover-bg, var(--secondary-green, #14b053));border-color:var(--success-button-bg, #14b053)}.v-error{background:var(--error-button-bg, #ec5b5b);color:var(--error-button-text, #fff);border-color:var(--error-button-bg, #ec5b5b)}.v-error:hover{color:var(--error-button-hover-text, #fff);background:var(--error-button-hover-bg, var(--secondary-red-dark, #c84235));border-color:var(--error-button-bg, #ec5b5b)}.v-neutral-lighter{background:var(--neutral-button-bg, #e3e8f2);color:var(--neutral-button-text, #7186a8);border-color:var(--neutral-button-bg, #e3e8f2)}.v-neutral-lightest{background:var(--code-tag-background-color, #ecf1f9);color:var(--neutral-button-text, #7186a8);border-color:var(--code-tag-background-color, #ecf1f9)}.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.v-default:hover,.v-default:active,.v-default:focus{color:var(--default-button-hover-text, var(--page-text-color, #1d2a3e));background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17,28,44,.5))}.v-danger{background:var(--default-button-bg, #fff);color:var(--error-outline-button-text, #ec5b5b);border-color:var(--default-button-border, #e3e8f2)}.v-danger:hover{color:var(--error-button-text, #fff);background:var(--secondary-red-light, #f17a73);border-color:var(--secondary-red-light, #f17a73)}.v-dashed{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border:1px dashed var(--default-button-border, #e3e8f2)}.v-dashed:hover{color:var(--button-accent-hover-color, #099dd9);border-color:var(--button-accent-hover-color, #099dd9)}.v-ghost{background:transparent;color:var(--outline-button-text, #111c2c);border-color:var(--primary, #111c2c)}.v-ghost:hover{color:var(--button-accent-hover-color, #099dd9);border-color:var(--button-accent-hover-color, #099dd9)}.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.v-transparent:hover{color:var(--button-transparent-hover-text, #7186a8)}.outline{background:var(--outline-button-bg, transparent)!important;box-shadow:none}.outline.v-primary,.outline.v-primary-alt{color:var(--outline-button-text, #111c2c);border-color:var(--primary, #111c2c)}.outline.v-error{color:var(--error-outline-button-text, #ec5b5b);border-color:var(--error-outline-button-text, #ec5b5b)}.outline.v-success{color:var(--success-outline-button-text, #14b053);border-color:var(--primary, #111c2c)}.outline.v-default{color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.outline.v-default:hover{color:var(--default-button-hover-text, var(--page-text-color, #1d2a3e));border-color:var(--outline-button-hover-border, rgba(17,28,44,.5))}.outline.v-primary:hover,.outline.v-primary-alt:hover{color:var(--outline-button-hover-text, var(--primary, #111c2c));background:var(--outline-button-hover-bg, #ecf1f9)!important}.outline.v-error:hover{color:var(--error-outline-button-hover-text, var(--secondary-red, #ec5b5b));background:var(--error-outline-button-hover-bg, rgba(240,78,62,.2))!important}.outline.v-success:hover{color:var(--success-outline-button-hover-text, var(--secondary-green, #14b053));background:var(--success-outline-button-hover-bg, #d1fae0)!important}.spin{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:obsspin .7s linear infinite}@keyframes obsspin{to{transform:rotate(360deg)}}.btn:disabled,.btn:disabled:hover{color:var(--button-disabled-text, rgba(0,0,0,.5));background:var(--button-disabled-bg, #ecf1f9);border-color:var(--button-disabled-border, #e3e8f2);box-shadow:none;cursor:not-allowed}.btn.loading:disabled{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f);opacity:.75}', Ee = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [s, r] of t)
     o[s] = r;
@@ -4435,7 +4435,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       At(t.$slots, "default")
     ], 10, ba));
   }
-}, ya = /* @__PURE__ */ Pe(ma, [["styles", [ga]]]), wa = '.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:#36d57633}.tag-red{color:var(--secondary-red, #ec5b5b);background:#ec5b5b33}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:#fad10033}.tag-orange{color:var(--secondary-orange, #f47c22);background:#fa995033}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:#36d57633}.provision{color:var(--primary, #111c2c);background:#099dd933}.unprovision{color:var(--secondary-orange, #f47c22);background:#fa995033}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px #00000026;font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', ka = {
+}, ya = /* @__PURE__ */ Ee(ma, [["styles", [ga]]]), wa = '.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:#36d57633}.tag-red{color:var(--secondary-red, #ec5b5b);background:#ec5b5b33}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:#fad10033}.tag-orange{color:var(--secondary-orange, #f47c22);background:#fa995033}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:#36d57633}.provision{color:var(--primary, #111c2c);background:#099dd933}.unprovision{color:var(--secondary-orange, #f47c22);background:#fa995033}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px #00000026;font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', ka = {
   key: 0,
   class: "confirm",
   role: "dialog"
@@ -4530,9 +4530,9 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       healthy: "tag-green",
       stable: "tag-green",
       operational: "tag-green"
-    }, F = { poweredoff: "up", poweredon: "down" }, Z = (H) => H ? H.charAt(0).toUpperCase() + H.slice(1).toLowerCase() : "", te = j(() => String(o.status || "").toLowerCase()), T = j(
+    }, F = { poweredoff: "up", poweredon: "down" }, Z = (H) => H ? H.charAt(0).toUpperCase() + H.slice(1).toLowerCase() : "", te = I(() => String(o.status || "").toLowerCase()), T = I(
       () => o.status ? o.forcePrimary ? "tag-primary" : C[te.value] || "tag-primary" : o.variant
-    ), se = j(() => o.rounded || !!o.status), oe = j(() => Z(F[te.value] || String(o.status || "")));
+    ), se = I(() => o.rounded || !!o.status), oe = I(() => Z(F[te.value] || String(o.status || "")));
     return (H, E) => r.value ? (a(), c("span", {
       key: 0,
       class: K(["tag", [T.value, { rounded: se.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
@@ -4576,7 +4576,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 512)) : P("", !0)
     ], 2)) : P("", !0);
   }
-}, Sa = /* @__PURE__ */ Pe(Ca, [["styles", [wa]]]), Ma = '.cb{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e);-webkit-user-select:none;user-select:none;outline:none}.cb.disabled{opacity:.5;cursor:not-allowed}.box{position:relative;width:19px;height:19px;border:1.5px solid var(--neutral-lighter, #e3e8f2);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;background:var(--checkbox-bg, #fff)}.cb:hover .box,.cb:focus-visible .box{border-color:var(--checkbox-checked-border-color, #6a7fa0)}.box.on{background:var(--checkbox-bg, #fff);border-color:var(--checkbox-checked-border-color, #6a7fa0)}.tick{position:absolute;top:50%;left:50%;width:4px;height:9px;border:solid var(--primary, #111c2c);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.box.ind{border-color:var(--primary-alt, #3279be)}.sq{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:1px;transform:translate(-50%,-50%);background:var(--primary-alt, #3279be)}', Aa = ["tabindex", "aria-checked"], Ta = {
+}, Sa = /* @__PURE__ */ Ee(Ca, [["styles", [wa]]]), Ma = '.cb{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e);-webkit-user-select:none;user-select:none;outline:none}.cb.disabled{opacity:.5;cursor:not-allowed}.box{position:relative;width:19px;height:19px;border:1.5px solid var(--neutral-lighter, #e3e8f2);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;background:var(--checkbox-bg, #fff)}.cb:hover .box,.cb:focus-visible .box{border-color:var(--checkbox-checked-border-color, #6a7fa0)}.box.on{background:var(--checkbox-bg, #fff);border-color:var(--checkbox-checked-border-color, #6a7fa0)}.tick{position:absolute;top:50%;left:50%;width:4px;height:9px;border:solid var(--primary, #111c2c);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.box.ind{border-color:var(--primary-alt, #3279be)}.sq{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:1px;transform:translate(-50%,-50%);background:var(--primary-alt, #3279be)}', Aa = ["tabindex", "aria-checked"], Ta = {
   key: 0,
   class: "tick"
 }, Oa = {
@@ -4628,7 +4628,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ], 42, Aa));
   }
-}, Pa = /* @__PURE__ */ Pe(Ea, [["styles", [Ma]]]), Ba = "button,input,select,textarea{font-family:inherit}.sw{position:relative;width:44px;height:22px;border-radius:100px;cursor:pointer;padding:0;background:var(--switch-bg, #fff);border:1px solid var(--switch-border, #e3e8f2);transition:border-color .15s}.sw.s-small{width:28px;height:16px}.sw.disabled{opacity:.5;cursor:not-allowed}.knob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:var(--switch-knob-off-bg, #a9b8d0);box-shadow:0 1px 2px #0000001f;transition:transform .15s,background .15s}.sw.on .knob{background:var(--switch-knob-on-bg, var(--secondary-green, #14b053))}.sw.s-small .knob{width:12px;height:12px}.sw.on .knob{transform:translate(22px)}.sw.s-small.on .knob{transform:translate(12px)}.sw.loading{opacity:.7;cursor:default}.knob .spin{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1.5px solid var(--white-regular, #fff);border-right-color:transparent;border-radius:50%;animation:obsswspin .7s linear infinite}@keyframes obsswspin{to{transform:rotate(360deg)}}.sw.labelled{width:auto;min-width:52px;height:22px;padding:0 3px;display:inline-flex;align-items:center;justify-content:space-between;gap:4px}.sw.labelled .knob{position:static;transform:none!important;flex:0 0 auto}.sw.labelled.on .inner{order:1}.sw.labelled.on .knob{order:2}.sw.labelled:not(.on) .knob{order:1}.sw.labelled:not(.on) .inner{order:2}.inner{font-size:10px;font-weight:500;line-height:1;padding:0 5px;white-space:nowrap;color:var(--neutral-light, #a5bad0)}", La = ["aria-checked", "disabled"], Ra = {
+}, Pa = /* @__PURE__ */ Ee(Ea, [["styles", [Ma]]]), Ba = "button,input,select,textarea{font-family:inherit}.sw{position:relative;width:44px;height:22px;border-radius:100px;cursor:pointer;padding:0;background:var(--switch-bg, #fff);border:1px solid var(--switch-border, #e3e8f2);transition:border-color .15s}.sw.s-small{width:28px;height:16px}.sw.disabled{opacity:.5;cursor:not-allowed}.knob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:var(--switch-knob-off-bg, #a9b8d0);box-shadow:0 1px 2px #0000001f;transition:transform .15s,background .15s}.sw.on .knob{background:var(--switch-knob-on-bg, var(--secondary-green, #14b053))}.sw.s-small .knob{width:12px;height:12px}.sw.on .knob{transform:translate(22px)}.sw.s-small.on .knob{transform:translate(12px)}.sw.loading{opacity:.7;cursor:default}.knob .spin{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1.5px solid var(--white-regular, #fff);border-right-color:transparent;border-radius:50%;animation:obsswspin .7s linear infinite}@keyframes obsswspin{to{transform:rotate(360deg)}}.sw.labelled{width:auto;min-width:52px;height:22px;padding:0 3px;display:inline-flex;align-items:center;justify-content:space-between;gap:4px}.sw.labelled .knob{position:static;transform:none!important;flex:0 0 auto}.sw.labelled.on .inner{order:1}.sw.labelled.on .knob{order:2}.sw.labelled:not(.on) .knob{order:1}.sw.labelled:not(.on) .inner{order:2}.inner{font-size:10px;font-weight:500;line-height:1;padding:0 5px;white-space:nowrap;color:var(--neutral-light, #a5bad0)}", La = ["aria-checked", "disabled"], Ra = {
   key: 0,
   class: "inner"
 }, Da = { class: "knob" }, Ia = {
@@ -4647,7 +4647,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const o = e, s = t, r = Vt(), n = j(() => !!(o.checkedText || o.uncheckedText)), l = /* @__PURE__ */ W(o.checked);
+    const o = e, s = t, r = Vt(), n = I(() => !!(o.checkedText || o.uncheckedText)), l = /* @__PURE__ */ W(o.checked);
     ot(() => o.checked, (u) => {
       l.value = u;
     });
@@ -4674,7 +4674,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ], 10, La));
   }
-}, Na = /* @__PURE__ */ Pe(ja, [["styles", [Ba]]]), Ha = '.pills{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-family, "Poppins", sans-serif)}.pill{display:inline-flex;align-items:center;max-width:220px;box-sizing:border-box;padding:0 7px;border-radius:4px;line-height:22px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more{position:relative;display:inline-flex}.more-pill{cursor:pointer}.popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:160px;background:var(--common-widget-bg, #fff);border-radius:4px;box-shadow:0 2px 8px #00000026;padding:0 14px}.pop-item{font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e);padding:8px 0;white-space:nowrap;border-bottom:1px solid var(--border-color, #e3e8f2)}.pop-item:last-child{border-bottom:none}', Va = ["title"], Fa = {
+}, Na = /* @__PURE__ */ Ee(ja, [["styles", [Ba]]]), Ha = '.pills{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-family, "Poppins", sans-serif)}.pill{display:inline-flex;align-items:center;max-width:220px;box-sizing:border-box;padding:0 7px;border-radius:4px;line-height:22px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more{position:relative;display:inline-flex}.more-pill{cursor:pointer}.popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:160px;background:var(--common-widget-bg, #fff);border-radius:4px;box-shadow:0 2px 8px #00000026;padding:0 14px}.pop-item{font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e);padding:8px 0;white-space:nowrap;border-bottom:1px solid var(--border-color, #e3e8f2)}.pop-item:last-child{border-bottom:none}', Va = ["title"], Fa = {
   key: 0,
   class: "more"
 }, Za = {
@@ -4687,7 +4687,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     maxItems: { type: Number, default: 1 }
   },
   setup(e) {
-    const t = e, o = j(() => {
+    const t = e, o = I(() => {
       const f = t.value;
       if (Array.isArray(f)) return f.filter(Boolean);
       const x = String(f || "").trim();
@@ -4699,7 +4699,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
           return [];
         }
       return x.split(",").map((w) => w.trim()).filter(Boolean);
-    }), s = (f) => f && typeof f == "object" ? f.text : f, r = j(() => o.value.slice(0, t.maxItems)), n = j(() => o.value.slice(t.maxItems)), l = /* @__PURE__ */ W(!1), d = /* @__PURE__ */ W(null);
+    }), s = (f) => f && typeof f == "object" ? f.text : f, r = I(() => o.value.slice(0, t.maxItems)), n = I(() => o.value.slice(t.maxItems)), l = /* @__PURE__ */ W(!1), d = /* @__PURE__ */ W(null);
     function u() {
       l.value = !l.value;
     }
@@ -4731,7 +4731,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])) : P("", !0)
     ], 512));
   }
-}, Ka = /* @__PURE__ */ Pe(Wa, [["styles", [Ha]]]), Q = {
+}, Ka = /* @__PURE__ */ Ee(Wa, [["styles", [Ha]]]), Q = {
   chevronDown: { w: 48, h: 48, p: "M37.4,16.6c-.8-.8-2-.8-2.8,0l-10.6,10.6-10.6-10.6c-.8-.8-2-.8-2.8,0-.8,.8-.8,2,0,2.8l12,12c.8,.8,2,.8,2.8,0l12-12c.8-.8,.8-2,0-2.8Z" },
   chevronLeft: { w: 48, h: 48, p: "M31.4,10.6c.8,.8,.8,2,0,2.8l-10.6,10.6,10.6,10.6c.8,.8,.8,2,0,2.8-.8,.8-2,.8-2.8,0l-12-12c-.8-.8-.8-2,0-2.8l12-12c.8-.8,2-.8,2.8,0Z" },
   chevronRight: { w: 48, h: 48, p: "M31.4,22.6l-12-12c-.8-.8-2-.8-2.8,0-.8,.8-.8,2,0,2.8l10.6,10.6-10.6,10.6c-.8,.8-.8,2,0,2.8s2,.8,2.8,0l12-12c.8-.8,.8-2,0-2.8Z" },
@@ -4787,7 +4787,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     ot(() => s.value, (w) => {
       l.value = w || "";
     });
-    const d = j(() => s.asButton || s.severity), u = j(() => {
+    const d = I(() => s.asButton || s.severity), u = I(() => {
       let w = [];
       if (Array.isArray(s.options)) w = s.options;
       else {
@@ -4842,7 +4842,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 10, Ga))), 128))
     ], 2));
   }
-}, ec = /* @__PURE__ */ Pe(Qa, [["styles", [qa]]]), tc = 'button,input,select,textarea{font-family:inherit}.root{display:inline-flex;flex-direction:column;gap:5px;font-family:var(--font-family, "Poppins", sans-serif)}.root.block{display:flex;width:100%}.lbl{font-size:var(--text-sm, .8rem);line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.req{color:var(--secondary-red, #ec5b5b)}.help{font-size:12px;line-height:1.4;color:var(--neutral-light, #8e9fbc)}.grp{display:inline-flex;align-items:stretch;width:240px}.grp.area{width:280px}.grp.block{display:flex;width:100%}:host([block]){display:block;width:100%}.ip{position:relative;display:inline-flex;align-items:center;flex:1;min-width:0;min-height:var(--input-height-base, 32px);padding:0 11px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);transition:border-color .15s;box-sizing:border-box}.ip.t-textarea{align-items:stretch;padding:0}.ip:hover{border-color:var(--neutral-light, #8e9fbc)}.ip:focus-within{border-color:var(--primary, #111c2c)}.ip.error,.ip.error:focus-within{border-color:var(--secondary-red, #ec5b5b)}.ip.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.ip.disabled .field{color:var(--neutral-light, #8e9fbc);cursor:not-allowed}.field{flex:1;min-width:0;padding:4px 0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--text-sm, .8rem);line-height:19.2px;color:var(--input-text-color, #1d2a3e);resize:vertical}.ip.t-textarea .field{padding:5px 11px;line-height:1.5}.field::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.field::-webkit-outer-spin-button,.field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field[type=number]{-moz-appearance:textfield}.ip.material{border:none;border-bottom:1px solid var(--border-color, #e3e8f2);border-radius:0;padding:0;background:transparent}.ip.material:hover{border-bottom-color:var(--neutral-light, #8e9fbc)}.ip.material:focus-within{border-bottom-color:var(--primary, #111c2c)}.ip.nobord{border:none;padding:0}.adorn{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--neutral-light, #8e9fbc)}.adorn svg{display:block;width:14px;height:14px}.adorn.pre{margin-right:8px}.adorn.suf{margin-left:8px}.adorn.txt{color:var(--neutral-regular, #7186a8);font-size:var(--text-sm, .8rem)}.clear{flex:0 0 auto;display:inline-flex;margin-left:6px;padding:0;border:none;background:none;cursor:pointer;color:var(--neutral-light, #8e9fbc)}.clear:hover{color:var(--page-text-color, #1d2a3e)}.ip.t-number{padding-right:23px}.steppers{position:absolute;top:0;right:0;bottom:0;width:22px;display:flex;flex-direction:column;border-left:1px solid var(--border-color, #e3e8f2);border-radius:0 4px 4px 0;overflow:hidden}.stp{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--page-background-color, #fff);color:var(--neutral-light, #8e9fbc);cursor:pointer}.stp:hover{color:var(--primary, #111c2c);background:var(--neutral-lightest, #ecf1f9)}.stp.down{border-top:1px solid var(--border-color, #e3e8f2)}.stp svg{width:10px;height:10px}.seg{display:inline-flex;align-items:center;flex:0 0 auto;padding:0 11px;min-height:var(--input-height-base, 32px);background:var(--neutral-lightest, #ecf1f9);border:1px solid var(--border-color, #e3e8f2);color:var(--neutral-regular, #7186a8);font-size:var(--text-sm, .8rem);box-sizing:border-box}.seg.before{border-radius:4px 0 0 4px}.seg.after{border-radius:0 4px 4px 0}.grp.has-addon .ip{border-radius:0;margin:0 -1px;position:relative}.grp.has-addon .ip:focus-within{z-index:2}.err-msg{font-size:12px;color:var(--secondary-red, #ec5b5b)}', oc = ["for"], rc = {
+}, ec = /* @__PURE__ */ Ee(Qa, [["styles", [qa]]]), tc = 'button,input,select,textarea{font-family:inherit}.root{display:inline-flex;flex-direction:column;gap:5px;font-family:var(--font-family, "Poppins", sans-serif)}.root.block{display:flex;width:100%}.lbl{font-size:var(--text-sm, .8rem);line-height:1.5;color:var(--text-color-common-secondary, #7186a8)}.req{color:var(--secondary-red, #ec5b5b)}.help{font-size:12px;line-height:1.4;color:var(--neutral-light, #8e9fbc)}.grp{display:inline-flex;align-items:stretch;width:240px}.grp.area{width:280px}.grp.block{display:flex;width:100%}:host([block]){display:block;width:100%}.ip{position:relative;display:inline-flex;align-items:center;flex:1;min-width:0;min-height:var(--input-height-base, 32px);padding:0 11px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);transition:border-color .15s;box-sizing:border-box}.ip.t-textarea{align-items:stretch;padding:0}.ip:hover{border-color:var(--neutral-light, #8e9fbc)}.ip:focus-within{border-color:var(--primary, #111c2c)}.ip.error,.ip.error:focus-within{border-color:var(--secondary-red, #ec5b5b)}.ip.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.ip.disabled .field{color:var(--neutral-light, #8e9fbc);cursor:not-allowed}.field{flex:1;min-width:0;padding:4px 0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--text-sm, .8rem);line-height:19.2px;color:var(--input-text-color, #1d2a3e);resize:vertical}.ip.t-textarea .field{padding:5px 11px;line-height:1.5}.field::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.field::-webkit-outer-spin-button,.field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field[type=number]{-moz-appearance:textfield}.ip.material{border:none;border-bottom:1px solid var(--border-color, #e3e8f2);border-radius:0;padding:0;background:transparent}.ip.material:hover{border-bottom-color:var(--neutral-light, #8e9fbc)}.ip.material:focus-within{border-bottom-color:var(--primary, #111c2c)}.ip.nobord{border:none;padding:0}.adorn{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--neutral-light, #8e9fbc)}.adorn svg{display:block;width:14px;height:14px}.adorn.pre{margin-right:8px}.adorn.suf{margin-left:8px}.adorn.txt{color:var(--neutral-regular, #7186a8);font-size:var(--text-sm, .8rem)}.clear{flex:0 0 auto;display:inline-flex;margin-left:6px;padding:0;border:none;background:none;cursor:pointer;color:var(--neutral-light, #8e9fbc)}.clear:hover{color:var(--page-text-color, #1d2a3e)}.ip.t-number{padding-right:23px}.steppers{position:absolute;top:0;right:0;bottom:0;width:22px;display:flex;flex-direction:column;border-left:1px solid var(--border-color, #e3e8f2);border-radius:0 4px 4px 0;overflow:hidden}.stp{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--page-background-color, #fff);color:var(--neutral-light, #8e9fbc);cursor:pointer}.stp:hover{color:var(--primary, #111c2c);background:var(--neutral-lightest, #ecf1f9)}.stp.down{border-top:1px solid var(--border-color, #e3e8f2)}.stp svg{width:10px;height:10px}.seg{display:inline-flex;align-items:center;flex:0 0 auto;padding:0 11px;min-height:var(--input-height-base, 32px);background:var(--neutral-lightest, #ecf1f9);border:1px solid var(--border-color, #e3e8f2);color:var(--neutral-regular, #7186a8);font-size:var(--text-sm, .8rem);box-sizing:border-box}.seg.before{border-radius:4px 0 0 4px}.seg.after{border-radius:0 4px 4px 0}.grp.has-addon .ip{border-radius:0;margin:0 -1px;position:relative}.grp.has-addon .ip:focus-within{z-index:2}.err-msg{font-size:12px;color:var(--secondary-red, #ec5b5b)}', oc = ["for"], rc = {
   key: 0,
   class: "req",
   "aria-hidden": "true"
@@ -4921,14 +4921,14 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         } catch {
         }
     }
-    const u = j(() => o.type === "textarea"), h = j(() => o.type === "number"), f = j(() => o.type === "password" ? "password" : o.type === "number" ? "number" : "text"), x = {
+    const u = I(() => o.type === "textarea"), h = I(() => o.type === "number"), f = I(() => o.type === "password" ? "password" : o.type === "number" ? "number" : "text"), x = {
       search: `<svg viewBox="0 0 48 48" fill="currentColor"><path d="${Q.search.p}"/></svg>`,
       dollar: `<svg viewBox="0 0 48 48" fill="currentColor"><path d="${Q.dollarSign.p}"/></svg>`
     };
     function w(E) {
       return E ? x[E] || (String(E).trim().startsWith("<") ? E : "") : "";
     }
-    const C = j(() => o.prefixIcon || ""), F = j(() => o.suffixIcon || (o.type === "search" ? "search" : "")), Z = j(() => !!(o.addonBefore || o.addonAfter));
+    const C = I(() => o.prefixIcon || ""), F = I(() => o.suffixIcon || (o.type === "search" ? "search" : "")), Z = I(() => !!(o.addonBefore || o.addonAfter));
     function te(E) {
       d(E.target.value), s("input", l.value);
     }
@@ -5046,7 +5046,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       e.error && e.errorMessage ? (a(), c("div", yc, N(e.errorMessage), 1)) : P("", !0)
     ], 2));
   }
-}, kc = /* @__PURE__ */ Pe(wc, [["styles", [tc]]]), _c = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', $c = ["href", "target", "rel", "aria-disabled"], Cc = {
+}, kc = /* @__PURE__ */ Ee(wc, [["styles", [tc]]]), _c = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', $c = ["href", "target", "rel", "aria-disabled"], Cc = {
   __name: "ObsLink.ce",
   props: {
     href: { type: String },
@@ -5068,7 +5068,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       At(t.$slots, "default")
     ], 10, $c));
   }
-}, Sc = /* @__PURE__ */ Pe(Cc, [["styles", [_c]]]), Mc = 'button,input,select,textarea{font-family:inherit}.sel.text{width:auto;display:inline-flex}:host([block]){display:block;width:100%}.sel.block{width:100%}.sel{position:relative;display:inline-block;width:240px;outline:none;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.ph{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.trig{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--input-height-base, 32px);padding:3px 9px 3px 11px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s}.trig:hover{border-color:var(--neutral-light, #8e9fbc)}.sel.disabled .trig,.sel.disabled .t-chip{background:var(--neutral-lightest, #ecf1f9);opacity:.75;cursor:not-allowed}.vals{flex:1;min-width:0}.single{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--neutral-light, #8e9fbc)}.clr{display:inline-flex;cursor:pointer}.clr:hover{color:var(--page-text-color, #1d2a3e)}.chev{display:block;transition:transform .15s}.chev.up{transform:rotate(180deg)}.spin{width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:obsselspin .7s linear infinite}@keyframes obsselspin{to{transform:rotate(360deg)}}.t-text{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.val-pop{z-index:1000;min-width:140px;max-height:260px;overflow:auto;padding:6px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(7, 16, 31, .16))}.val-pop-item{padding:5px 16px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.t-chip{display:inline-flex;align-items:center;max-width:100%;padding:2px 10px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:var(--input-height-base, 32px)}.pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:100px;font-size:12px;font-weight:600;background:var(--neutral-lighter, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.pill.more{position:relative;cursor:pointer}.pill-pop{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;min-width:120px;padding:4px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px #07101f29}.pill-pop-item{padding:7px 14px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.pill-pop-item+.pill-pop-item{border-top:1px solid var(--border-color, #e3e8f2)}.menu:popover-open,.menu[popover]{border:0;padding:0;margin:0;inset:auto}.menu{z-index:1000;display:flex;overflow:hidden;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px #07101f29;padding:0}.pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.menu.twopane .pane{flex:0 0 260px}.srow{display:flex;align-items:center;gap:6px;margin:8px}.msearch{position:relative;flex:1;min-width:0;height:32px}.sic{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--neutral-light, #8e9fbc);pointer-events:none}.msearch input{width:100%;height:32px;padding:4px 11px 4px 30px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none;box-sizing:border-box}.msearch input:focus{border-color:var(--checkbox-checked-color, #111c2c)}.msearch input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.addbtn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:18px;line-height:1}.addbtn:hover:not(:disabled){border-color:var(--neutral-light, #8e9fbc)}.addbtn:disabled{opacity:.5;cursor:not-allowed}.addinput{display:flex;align-items:center;gap:6px;margin:0 8px 6px;padding:2px 0 8px;border-bottom:1px solid var(--border-color, #e3e8f2)}.addinput input{flex:1;min-width:0;height:28px;padding:0 9px;border:none;background:transparent;color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none}.addinput input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.ok,.cancel{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.ok{color:var(--secondary-green, #14b053)}.cancel{color:var(--secondary-red, #ec5b5b)}.opts{flex:1;min-height:0;overflow:auto}.mopt{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:5px 12px;border:none;border-radius:0;background:none;color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px;font-weight:400;text-align:left}.mopt:hover:not(.dis),.mopt.active:not(.dis){background:var(--code-tag-background-color, #ecf1f9)}.mopt.on{font-weight:500;color:var(--checkbox-checked-color, #111c2c)}.mopt.dis{color:var(--neutral-light, #8e9fbc);opacity:.55;cursor:not-allowed}.selall{border-bottom:1px solid var(--border-color, #e3e8f2);margin-bottom:2px}.mlbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.mic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.mic svg,.mic img{width:100%;height:100%;object-fit:contain;display:block}.mopt.grp{font-weight:500}.menu.grouped .mopt{position:relative;padding-left:34px}.menu.grouped .mopt.child{padding-left:50px}.gchev{position:absolute;left:12px;top:50%;transform:translateY(-50%);flex:0 0 auto;color:var(--neutral-light, #8e9fbc);transition:transform .12s}.gchev.open{transform:translateY(-50%) rotate(90deg)}.ban{flex:0 0 auto;position:relative;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.ban:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:1.5px;background:currentColor;transform:rotate(45deg)}.cbx{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:3px;box-sizing:border-box;border:1.5px solid var(--neutral-lighter, #e3e8f2);background:var(--checkbox-bg, #fff)}.cbx.ck{border-color:var(--checkbox-checked-border-color, #6a7fa0)}.cbx.ck:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--checkbox-checked-color, #111c2c);border-width:0 2px 2px 0;transform:rotate(45deg)}.cbx.ind{border-color:var(--primary-alt, #3279be)}.cbx.ind:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;border-radius:1px;background:var(--primary-alt, #3279be);transform:translateY(-50%)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:var(--neutral-light, #8e9fbc);font-size:13px}.empty-ic{width:30px;height:24px;border:2px solid currentColor;border-radius:4px;opacity:.5}.foot{display:flex;justify-content:flex-end;padding:6px 8px 8px;border-top:1px solid var(--border-color, #e3e8f2);margin-top:2px}.clearbtn{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px}.clearbtn:hover{border-color:var(--neutral-light, #8e9fbc)}.clearbtn .x{font-size:14px;line-height:1}.descpane{flex:1;min-width:0;padding:14px;border-left:1px solid var(--border-color, #e3e8f2)}.desc-title{font-weight:600;font-size:13px;margin-bottom:8px}.desc-body{color:var(--neutral-light, #8e9fbc);font-size:12px;line-height:1.5}.desc-hint{color:var(--neutral-light, #8e9fbc);font-size:12px}', Ac = ["aria-expanded"], Tc = {
+}, Sc = /* @__PURE__ */ Ee(Cc, [["styles", [_c]]]), Mc = 'button,input,select,textarea{font-family:inherit}.sel.text{width:auto;display:inline-flex}:host([block]){display:block;width:100%}.sel.block{width:100%}.sel{position:relative;display:inline-block;width:240px;outline:none;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.ph{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.trig{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--input-height-base, 32px);padding:3px 9px 3px 11px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s}.trig:hover{border-color:var(--neutral-light, #8e9fbc)}.sel.disabled .trig,.sel.disabled .t-chip{background:var(--neutral-lightest, #ecf1f9);opacity:.75;cursor:not-allowed}.vals{flex:1;min-width:0}.single{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--neutral-light, #8e9fbc)}.clr{display:inline-flex;cursor:pointer}.clr:hover{color:var(--page-text-color, #1d2a3e)}.chev{display:block;transition:transform .15s}.chev.up{transform:rotate(180deg)}.spin{width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:obsselspin .7s linear infinite}@keyframes obsselspin{to{transform:rotate(360deg)}}.t-text{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.val-pop{z-index:1000;min-width:140px;max-height:260px;overflow:auto;padding:6px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(7, 16, 31, .16))}.val-pop-item{padding:5px 16px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.t-chip{display:inline-flex;align-items:center;max-width:100%;padding:2px 10px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:var(--input-height-base, 32px)}.pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:100px;font-size:12px;font-weight:600;background:var(--neutral-lighter, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.pill.more{position:relative;cursor:pointer}.pill-pop{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;min-width:120px;padding:4px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px #07101f29}.pill-pop-item{padding:7px 14px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.pill-pop-item+.pill-pop-item{border-top:1px solid var(--border-color, #e3e8f2)}.menu:popover-open,.menu[popover]{border:0;padding:0;margin:0;inset:auto}.menu{z-index:1000;display:flex;overflow:hidden;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px #07101f29;padding:0}.pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.menu.twopane .pane{flex:0 0 260px}.srow{display:flex;align-items:center;gap:6px;margin:8px}.msearch{position:relative;flex:1;min-width:0;height:32px}.sic{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--neutral-light, #8e9fbc);pointer-events:none}.msearch input{width:100%;height:32px;padding:4px 11px 4px 30px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none;box-sizing:border-box}.msearch input:focus{border-color:var(--checkbox-checked-color, #111c2c)}.msearch input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.addbtn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:18px;line-height:1}.addbtn:hover:not(:disabled){border-color:var(--neutral-light, #8e9fbc)}.addbtn:disabled{opacity:.5;cursor:not-allowed}.addinput{display:flex;align-items:center;gap:6px;margin:0 8px 6px;padding:2px 0 8px;border-bottom:1px solid var(--border-color, #e3e8f2)}.addinput input{flex:1;min-width:0;height:28px;padding:0 9px;border:none;background:transparent;color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none}.addinput input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.ok,.cancel{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.ok{color:var(--secondary-green, #14b053)}.cancel{color:var(--secondary-red, #ec5b5b)}.opts{flex:1;min-height:0;overflow:auto}.mopt{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:5px 12px;border:none;border-radius:0;background:none;color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px;font-weight:400;text-align:left}.mopt:hover:not(.dis),.mopt.active:not(.dis){background:var(--code-tag-background-color, #ecf1f9)}.mopt.on{font-weight:500;color:var(--checkbox-checked-color, #111c2c)}.mopt.dis{color:var(--neutral-light, #8e9fbc);opacity:.55;cursor:not-allowed}.selall{border-bottom:1px solid var(--border-color, #e3e8f2);margin-bottom:2px}.mlbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.mic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.mic svg,.mic img{width:100%;height:100%;object-fit:contain;display:block}.mopt.grp{font-weight:500}.menu.grouped .mopt{position:relative;padding-left:34px}.menu.grouped .mopt.child{padding-left:50px}.gchev{position:absolute;left:12px;top:50%;transform:translateY(-50%);flex:0 0 auto;color:var(--neutral-light, #8e9fbc);transition:transform .12s}.gchev.open{transform:translateY(-50%) rotate(90deg)}.ban{flex:0 0 auto;position:relative;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.ban:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:1.5px;background:currentColor;transform:rotate(45deg)}.cbx{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:3px;box-sizing:border-box;border:1.5px solid var(--neutral-lighter, #e3e8f2);background:var(--checkbox-bg, #fff)}.cbx.ck{border-color:var(--checkbox-checked-border-color, #6a7fa0)}.cbx.ck:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--checkbox-checked-color, #111c2c);border-width:0 2px 2px 0;transform:rotate(45deg)}.cbx.ind{border-color:var(--primary-alt, #3279be)}.cbx.ind:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;border-radius:1px;background:var(--primary-alt, #3279be);transform:translateY(-50%)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:var(--neutral-light, #8e9fbc);font-size:13px}.empty-ic{width:30px;height:24px;border:2px solid currentColor;border-radius:4px;opacity:.5}.foot{display:flex;justify-content:flex-end;padding:6px 8px 8px;border-top:1px solid var(--border-color, #e3e8f2);margin-top:2px}.clearbtn{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px}.clearbtn:hover{border-color:var(--neutral-light, #8e9fbc)}.clearbtn .x{font-size:14px;line-height:1}.descpane{flex:1;min-width:0;padding:14px;border-left:1px solid var(--border-color, #e3e8f2)}.desc-title{font-weight:600;font-size:13px;margin-bottom:8px}.desc-body{color:var(--neutral-light, #8e9fbc);font-size:12px;line-height:1.5}.desc-hint{color:var(--neutral-light, #8e9fbc);font-size:12px}', Ac = ["aria-expanded"], Tc = {
   key: 0,
   class: "pills"
 }, Oc = {
@@ -5187,7 +5187,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       } catch {
       }
     }, { deep: !0 });
-    const Oe = j(() => o.placeholder || "Select"), Ne = (y) => y === "false" || y === !1, ft = (y) => y === "true" || y === !0 || y === "", He = j(() => Ne(o.searchable) ? !1 : ft(o.searchable) ? !0 : U.value.length > kd), rt = j(() => !Ne(o.asInput)), it = (y, D) => typeof y == "string" ? { value: y, label: y } : { value: y.value, label: y.label ?? y.text ?? y.value, disabled: !!y.disabled || D.has(y.value), description: y.description, color: y.color, icon: y.icon }, Xe = j(() => {
+    const Oe = I(() => o.placeholder || "Select"), Ne = (y) => y === "false" || y === !1, ft = (y) => y === "true" || y === !0 || y === "", He = I(() => Ne(o.searchable) ? !1 : ft(o.searchable) ? !0 : U.value.length > kd), rt = I(() => !Ne(o.asInput)), it = (y, D) => typeof y == "string" ? { value: y, label: y } : { value: y.value, label: y.label ?? y.text ?? y.value, disabled: !!y.disabled || D.has(y.value), description: y.description, color: y.color, icon: y.icon }, Xe = I(() => {
       const y = new Set(r(o.disabledOptions));
       let D = [];
       if (Array.isArray(o.options)) D = o.options;
@@ -5202,15 +5202,15 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         else g && (D = g.split(",").map((v) => v.trim()).filter(Boolean));
       }
       return D.map((g) => g && typeof g == "object" && Array.isArray(g.children) ? { group: !0, value: g.value, label: g.label ?? g.value, children: g.children.map((v) => it(v, y)) } : it(g, y));
-    }), U = j(() => {
+    }), U = I(() => {
       const y = [];
       for (const D of Xe.value)
         D.group ? y.push(...D.children) : y.push(D);
       return y.concat(se.value);
-    }), le = j(() => Xe.value.some((y) => y.group)), re = j(() => {
+    }), le = I(() => Xe.value.some((y) => y.group)), re = I(() => {
       const y = f.value.toLowerCase();
       return U.value.filter((D) => !y || String(D.label).toLowerCase().includes(y));
-    }), ue = j(() => U.value.filter((y) => !y.disabled).map((y) => y.value)), ne = j(() => ue.value.length > 0 && ue.value.every((y) => T.value.includes(y))), Re = /* @__PURE__ */ W({}), ke = (y) => y && String(y).startsWith("--") ? `var(${y}, #6a7fa0)` : y;
+    }), ue = I(() => U.value.filter((y) => !y.disabled).map((y) => y.value)), ne = I(() => ue.value.length > 0 && ue.value.every((y) => T.value.includes(y))), Re = /* @__PURE__ */ W({}), ke = (y) => y && String(y).startsWith("--") ? `var(${y}, #6a7fa0)` : y;
     function Ue(y) {
       Re.value = { ...Re.value, [y]: !Re.value[y] };
     }
@@ -5218,7 +5218,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       const D = f.value.toLowerCase();
       return !D || String(y).toLowerCase().includes(D);
     };
-    function Ee(y) {
+    function Pe(y) {
       const D = f.value.toLowerCase();
       return pe(y.label) ? y.children : y.children.filter((g) => String(g.label).toLowerCase().includes(D));
     }
@@ -5242,7 +5242,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       else for (const v of D) g.includes(v) || g.push(v);
       T.value = g, s("change", [...T.value]);
     }
-    const Tt = j(() => o.maxValues > 0 && T.value.length >= o.maxValues);
+    const Tt = I(() => o.maxValues > 0 && T.value.length >= o.maxValues);
     function Le(y) {
       const D = U.value.find((g) => g.value === y);
       return D ? D.label : y;
@@ -5294,7 +5294,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     function L(y) {
       y && y.stopPropagation(), T.value = [], s("change", o.multiple ? [] : "");
     }
-    function I() {
+    function j() {
       Z.value = !0, te.value = "", ht(() => {
         u.value && u.value.focus(), We();
       });
@@ -5337,7 +5337,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     function ee(y) {
       y.currentTarget.contains(y.relatedTarget) || m();
     }
-    const he = j(() => o.allowClear && !o.removeClearBtn && T.value.length && !o.disabled && !o.loading), ge = j(() => T.value.length ? Le(T.value[0]) : ""), be = j(() => Math.max(0, T.value.length - 1)), $e = j(() => ge.value + (be.value ? ` (+${be.value})` : ""));
+    const he = I(() => o.allowClear && !o.removeClearBtn && T.value.length && !o.disabled && !o.loading), ge = I(() => T.value.length ? Le(T.value[0]) : ""), be = I(() => Math.max(0, T.value.length - 1)), $e = I(() => ge.value + (be.value ? ` (+${be.value})` : ""));
     function Ce(y) {
       if (h.value || !o.multiple || T.value.length < 2) return;
       const D = y.currentTarget.getBoundingClientRect();
@@ -5346,7 +5346,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     function Ie() {
       H.value = !1;
     }
-    const Ve = j(() => {
+    const Ve = I(() => {
       const y = re.value[w.value];
       return y ? y.description : null;
     });
@@ -5478,7 +5478,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
               "aria-label": "Add option",
               onMousedown: D[3] || (D[3] = fe(() => {
               }, ["prevent"])),
-              onClick: I
+              onClick: j
             }, "+", 32)) : P("", !0)
           ])) : P("", !0),
           e.canUserAddOptions && Z.value ? (a(), c("div", qc, [
@@ -5565,7 +5565,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
                     }, null, 10, rd)) : P("", !0),
                     i("span", sd, N(g.label), 1)
                   ], 8, td)) : P("", !0),
-                  (a(!0), c(z, null, Y(at(g) && Qe(g) ? Ee(g) : [], (v) => (a(), c("button", {
+                  (a(!0), c(z, null, Y(at(g) && Qe(g) ? Pe(g) : [], (v) => (a(), c("button", {
                     key: "c-" + v.value,
                     type: "button",
                     class: K(["mopt child", { on: T.value.includes(v.value), dis: v.disabled }]),
@@ -5687,7 +5687,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 6)) : P("", !0)
     ], 42, Ac));
   }
-}, $d = /* @__PURE__ */ Pe(_d, [["styles", [Mc]]]), Cd = '.sev{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;font-family:var(--font-family, "Poppins", sans-serif);color:var(--page-text-color, #1d2a3e)}.dot{display:inline-block;flex-shrink:0;box-sizing:border-box;width:11px;height:11px;border-radius:50%}.lbl{font-size:13px}.chip{display:inline-flex;align-items:center;padding:1px 10px;border-radius:10px;color:var(--white-regular, #fff);font-size:12px;white-space:nowrap}.txt{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;font-size:13px}.bgcell{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;border:1px solid;font-size:12px;white-space:nowrap}.bar{display:inline-block;width:4px;height:18px;border-radius:2px;align-self:stretch}.sev.shape-stripe{display:flex;width:100%}.striperow{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;border-left:4px solid;padding:8px 12px;font-size:13px}.striperow ::slotted(obs-severity){margin-right:0}', Sd = ["title", "role", "aria-label"], Md = {
+}, $d = /* @__PURE__ */ Ee(_d, [["styles", [Mc]]]), Cd = '.sev{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;font-family:var(--font-family, "Poppins", sans-serif);color:var(--page-text-color, #1d2a3e)}.dot{display:inline-block;flex-shrink:0;box-sizing:border-box;width:11px;height:11px;border-radius:50%}.lbl{font-size:13px}.chip{display:inline-flex;align-items:center;padding:1px 10px;border-radius:10px;color:var(--white-regular, #fff);font-size:12px;white-space:nowrap}.txt{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;font-size:13px}.bgcell{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;border:1px solid;font-size:12px;white-space:nowrap}.bar{display:inline-block;width:4px;height:18px;border-radius:2px;align-self:stretch}.sev.shape-stripe{display:flex;width:100%}.striperow{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;border-left:4px solid;padding:8px 12px;font-size:13px}.striperow ::slotted(obs-severity){margin-right:0}', Sd = ["title", "role", "aria-label"], Md = {
   key: 0,
   class: "lbl"
 }, Ad = {
@@ -5702,7 +5702,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     // text/chip/bg display value (default = capitalized level)
   },
   setup(e) {
-    const t = e, o = (x) => x ? x.charAt(0).toUpperCase() + x.slice(1) : "", s = j(() => `var(--severity-${t.severity})`), r = j(() => t.severity === "down" ? "var(--severity-down)" : t.severity === "up" ? "var(--severity-critical-dot-box)" : t.severity === "disable" ? "var(--severity-disable-lighter)" : `var(--severity-${t.severity}-dot-box)`), n = j(() => o(t.severity)), l = j(() => t.value ?? o(t.severity)), d = j(() => t.severity === "down" ? { background: s.value, border: "0" } : { border: `2px solid ${s.value}`, background: r.value }), u = j(() => ({ background: s.value })), h = j(() => ({ color: s.value })), f = j(() => ({ background: `var(--severity-${t.severity}-lighter)`, borderColor: s.value, color: s.value }));
+    const t = e, o = (x) => x ? x.charAt(0).toUpperCase() + x.slice(1) : "", s = I(() => `var(--severity-${t.severity})`), r = I(() => t.severity === "down" ? "var(--severity-down)" : t.severity === "up" ? "var(--severity-critical-dot-box)" : t.severity === "disable" ? "var(--severity-disable-lighter)" : `var(--severity-${t.severity}-dot-box)`), n = I(() => o(t.severity)), l = I(() => t.value ?? o(t.severity)), d = I(() => t.severity === "down" ? { background: s.value, border: "0" } : { border: `2px solid ${s.value}`, background: r.value }), u = I(() => ({ background: s.value })), h = I(() => ({ color: s.value })), f = I(() => ({ background: `var(--severity-${t.severity}-lighter)`, borderColor: s.value, color: s.value }));
     return (x, w) => (a(), c("span", {
       class: K(["sev", "shape-" + e.shape]),
       title: n.value,
@@ -5744,7 +5744,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 4)) : P("", !0)
     ], 10, Sd));
   }
-}, Td = /* @__PURE__ */ Pe(Ad, [["styles", [Cd]]]), Od = 'button,input,select,textarea{font-family:inherit}.box{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;box-sizing:border-box;padding:2px 28px 3px 6px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:transparent;font-size:.8rem;cursor:text;transition:border-color .15s}.box.t-loose{font-family:JetBrains Mono,monospace}.box.t-select{font-family:var(--font-family, "Poppins", sans-serif);background:var(--page-background-color, #fff);min-width:200px}:host([block]){display:block;width:100%}.box.block{width:100%}.box:hover{border-color:var(--neutral-light, #6a7fa0)}.box:focus-within{border-color:var(--primary, #111c2c)}.box.disabled{cursor:default;background:var(--neutral-lightest, #ecf1f9)}.box.t-loose.disabled{padding-right:6px}.pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:4px;font-size:.8rem;line-height:24px;white-space:nowrap;cursor:default}.t-loose .pill{background:var(--main-tags-bg-color, #cdf1ed);color:var(--main-tags-text-color, #218b81)}.t-select .pill{background:var(--tag-bg, #ecf1f9);color:var(--primary, #111c2c);border-radius:2px}.pt{display:inline-block}.rm{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;font-size:.7rem;font-weight:700}.t-loose .rm{color:var(--secondary-orange, #f47c22)}.t-select .rm{color:var(--primary, #111c2c)}.rm:hover{opacity:.8}.inp{flex:1 1 60px;min-width:60px;height:24px;border:0;outline:none;background:transparent;font-family:inherit;font-size:.8rem;color:var(--page-text-color, #1d2a3e);padding:0 2px}.inp::placeholder{color:var(--neutral-light, #6a7fa0);opacity:1}.ph{flex:1 1 auto;color:var(--neutral-light, #6a7fa0);font-size:.8rem;padding:0 2px;line-height:24px}.arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--neutral-light, #6a7fa0);transition:transform .15s;cursor:pointer}.arrow.up{transform:translateY(-50%) rotate(180deg)}.arrow.dim{opacity:.55;cursor:default}.arrow.spin{cursor:default}.arrow.spin svg{animation:obs-tags-spin 2s linear infinite}@keyframes obs-tags-spin{to{transform:rotate(360deg)}}.menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:4px 0;list-style:none;background:var(--page-background-color, #fff);border-radius:4px;box-shadow:0 2px 8px #00000026;font-family:var(--font-family, "Poppins", sans-serif);max-height:220px;overflow:auto}.mi{display:flex;align-items:center;height:32px;padding:5px 12px;box-sizing:border-box;font-size:.8rem;color:var(--page-text-color, #1d2a3e);cursor:pointer}.mi-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi.active,.mi:hover{background:var(--neutral-lightest, #ecf1f9)}', zd = { class: "pt" }, Ed = ["aria-label", "onClick"], Pd = {
+}, Td = /* @__PURE__ */ Ee(Ad, [["styles", [Cd]]]), Od = 'button,input,select,textarea{font-family:inherit}.box{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;box-sizing:border-box;padding:2px 28px 3px 6px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:transparent;font-size:.8rem;cursor:text;transition:border-color .15s}.box.t-loose{font-family:JetBrains Mono,monospace}.box.t-select{font-family:var(--font-family, "Poppins", sans-serif);background:var(--page-background-color, #fff);min-width:200px}:host([block]){display:block;width:100%}.box.block{width:100%}.box:hover{border-color:var(--neutral-light, #6a7fa0)}.box:focus-within{border-color:var(--primary, #111c2c)}.box.disabled{cursor:default;background:var(--neutral-lightest, #ecf1f9)}.box.t-loose.disabled{padding-right:6px}.pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:4px;font-size:.8rem;line-height:24px;white-space:nowrap;cursor:default}.t-loose .pill{background:var(--main-tags-bg-color, #cdf1ed);color:var(--main-tags-text-color, #218b81)}.t-select .pill{background:var(--tag-bg, #ecf1f9);color:var(--primary, #111c2c);border-radius:2px}.pt{display:inline-block}.rm{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0;font-size:.7rem;font-weight:700}.t-loose .rm{color:var(--secondary-orange, #f47c22)}.t-select .rm{color:var(--primary, #111c2c)}.rm:hover{opacity:.8}.inp{flex:1 1 60px;min-width:60px;height:24px;border:0;outline:none;background:transparent;font-family:inherit;font-size:.8rem;color:var(--page-text-color, #1d2a3e);padding:0 2px}.inp::placeholder{color:var(--neutral-light, #6a7fa0);opacity:1}.ph{flex:1 1 auto;color:var(--neutral-light, #6a7fa0);font-size:.8rem;padding:0 2px;line-height:24px}.arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--neutral-light, #6a7fa0);transition:transform .15s;cursor:pointer}.arrow.up{transform:translateY(-50%) rotate(180deg)}.arrow.dim{opacity:.55;cursor:default}.arrow.spin{cursor:default}.arrow.spin svg{animation:obs-tags-spin 2s linear infinite}@keyframes obs-tags-spin{to{transform:rotate(360deg)}}.menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:4px 0;list-style:none;background:var(--page-background-color, #fff);border-radius:4px;box-shadow:0 2px 8px #00000026;font-family:var(--font-family, "Poppins", sans-serif);max-height:220px;overflow:auto}.mi{display:flex;align-items:center;height:32px;padding:5px 12px;box-sizing:border-box;font-size:.8rem;color:var(--page-text-color, #1d2a3e);cursor:pointer}.mi-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi.active,.mi:hover{background:var(--neutral-lightest, #ecf1f9)}', zd = { class: "pt" }, Ed = ["aria-label", "onClick"], Pd = {
   width: "11",
   height: "11",
   "aria-hidden": "true",
@@ -5793,7 +5793,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const o = e, s = t, r = j(() => o.type === "select"), n = (U) => String(U || "").split(",").map((le) => le.trim()).filter(Boolean), l = j(() => Array.isArray(o.options) ? o.options.map((U) => typeof U == "string" ? { value: U, label: U } : { value: U.value, label: U.label ?? U.text ?? U.value }) : n(o.options).map((U) => {
+    const o = e, s = t, r = I(() => o.type === "select"), n = (U) => String(U || "").split(",").map((le) => le.trim()).filter(Boolean), l = I(() => Array.isArray(o.options) ? o.options.map((U) => typeof U == "string" ? { value: U, label: U } : { value: U.value, label: U.label ?? U.text ?? U.value }) : n(o.options).map((U) => {
       const le = U.indexOf(":");
       return le > 0 ? { value: U.slice(0, le), label: U.slice(le + 1) } : { value: U, label: U };
     })), d = (U) => {
@@ -5810,12 +5810,12 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       } catch {
       }
     }, { deep: !0 });
-    const f = /* @__PURE__ */ W(""), x = /* @__PURE__ */ W(!1), w = /* @__PURE__ */ W(0), C = /* @__PURE__ */ W(null), F = j(() => o.lowercase !== "false" && o.lowercase !== !1);
+    const f = /* @__PURE__ */ W(""), x = /* @__PURE__ */ W(!1), w = /* @__PURE__ */ W(0), C = /* @__PURE__ */ W(null), F = I(() => o.lowercase !== "false" && o.lowercase !== !1);
     function Z(U) {
       const le = U.trim();
       return r.value ? le : F.value ? le.toLowerCase() : le;
     }
-    const te = j(() => o.placeholder || (r.value ? "Select" : "Add Tags")), T = j(() => !o.disabled && !o.loading), se = j(() => {
+    const te = I(() => o.placeholder || (r.value ? "Select" : "Add Tags")), T = I(() => !o.disabled && !o.loading), se = I(() => {
       const U = f.value.trim().toLowerCase();
       if (r.value)
         return l.value.filter((ne) => !h.value.includes(ne.value) && (!U || ne.label.toLowerCase().includes(U) || ne.value.toLowerCase().includes(U)));
@@ -5823,7 +5823,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       U && !le.includes(Z(f.value)) && !re.some((ne) => ne.toLowerCase() === U) && ue.push({ label: f.value.trim(), value: Z(f.value), create: !0 });
       for (const ne of re) ue.push({ label: ne, value: ne });
       return ue;
-    }), oe = j(() => x.value && T.value && se.value.length > 0);
+    }), oe = I(() => x.value && T.value && se.value.length > 0);
     function H(U) {
       h.value = U, s("change", h.value);
     }
@@ -5929,7 +5929,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])) : P("", !0)
     ], 34));
   }
-}, Wd = /* @__PURE__ */ Pe(Ud, [["styles", [Od]]]), Kd = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.rail{width:60px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:9px}.logo{width:26px;height:26px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color);margin-bottom:4px}.nico{width:30px;height:28px;border-radius:7px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.nico.on{background:var(--primary);border:none}.cc{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.hdr{display:flex;align-items:center;justify-content:space-between;height:46px;border-bottom:1px solid var(--border-color);padding:0 16px;flex-shrink:0}.brand{width:88px;height:14px;border-radius:4px;background:var(--code-tag-background-color)}.acts{display:flex;align-items:center;gap:8px}.ai{width:24px;height:24px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ai.bare{border:none}.content{flex:1;min-height:0;overflow:hidden;background:var(--page-background-color)}.page{height:100%;padding:16px 18px;display:flex;flex-direction:column}.ptitle{font-weight:600;font-size:20px;margin-bottom:10px}.rule{height:1px;background:var(--border-color);margin-bottom:16px}.line{height:18px;border-radius:4px;background:var(--code-tag-background-color);margin-bottom:14px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.ec{width:54px;height:54px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.eh{font-weight:600;font-size:15px}.es{color:var(--neutral-light);font-size:12px}.eb{height:30px;width:120px;border-radius:4px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.toast{border:1px solid var(--border-color);border-left:3px solid var(--secondary-green);border-radius:6px;background:var(--page-background-color);box-shadow:0 6px 18px var(--neutral-shadow-light);padding:9px 11px}.toast.abs{position:absolute;right:16px;bottom:16px;width:170px}.tl{display:block;height:7px;width:70%;background:var(--code-tag-background-color);border-radius:3px;margin-bottom:6px}.tl.wide{width:92%;margin-bottom:0}.shell{display:flex;width:100%;max-width:820px;margin:0 auto;height:400px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.stage{position:relative;width:820px;height:470px}.stage .frame{position:absolute;left:30px;top:70px;width:760px;height:330px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;background:var(--page-background-color)}.stage .rail{padding:11px 0}.stage .content{display:flex;flex-direction:column;padding:11px 14px;position:relative}.stage .ptitle{font-size:18px;margin-bottom:9px;flex-shrink:0}.stage .rule{margin-bottom:14px;flex-shrink:0}.stage .line{height:16px;margin-bottom:13px;flex-shrink:0}.stage .toast{position:absolute;right:18px;bottom:18px;width:150px;padding:8px 10px}.stage .tl{height:6px;margin-bottom:5px}.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--page-text-color);z-index:3}.lv{position:absolute;width:2px;background:var(--page-text-color);z-index:2}.chip{position:absolute;background:var(--code-tag-background-color);color:var(--page-text-color);padding:5px 11px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:3}", qd = {
+}, Wd = /* @__PURE__ */ Ee(Ud, [["styles", [Od]]]), Kd = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.rail{width:60px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:9px}.logo{width:26px;height:26px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color);margin-bottom:4px}.nico{width:30px;height:28px;border-radius:7px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.nico.on{background:var(--primary);border:none}.cc{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.hdr{display:flex;align-items:center;justify-content:space-between;height:46px;border-bottom:1px solid var(--border-color);padding:0 16px;flex-shrink:0}.brand{width:88px;height:14px;border-radius:4px;background:var(--code-tag-background-color)}.acts{display:flex;align-items:center;gap:8px}.ai{width:24px;height:24px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ai.bare{border:none}.content{flex:1;min-height:0;overflow:hidden;background:var(--page-background-color)}.page{height:100%;padding:16px 18px;display:flex;flex-direction:column}.ptitle{font-weight:600;font-size:20px;margin-bottom:10px}.rule{height:1px;background:var(--border-color);margin-bottom:16px}.line{height:18px;border-radius:4px;background:var(--code-tag-background-color);margin-bottom:14px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.ec{width:54px;height:54px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.eh{font-weight:600;font-size:15px}.es{color:var(--neutral-light);font-size:12px}.eb{height:30px;width:120px;border-radius:4px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.toast{border:1px solid var(--border-color);border-left:3px solid var(--secondary-green);border-radius:6px;background:var(--page-background-color);box-shadow:0 6px 18px var(--neutral-shadow-light);padding:9px 11px}.toast.abs{position:absolute;right:16px;bottom:16px;width:170px}.tl{display:block;height:7px;width:70%;background:var(--code-tag-background-color);border-radius:3px;margin-bottom:6px}.tl.wide{width:92%;margin-bottom:0}.shell{display:flex;width:100%;max-width:820px;margin:0 auto;height:400px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.stage{position:relative;width:820px;height:470px}.stage .frame{position:absolute;left:30px;top:70px;width:760px;height:330px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;background:var(--page-background-color)}.stage .rail{padding:11px 0}.stage .content{display:flex;flex-direction:column;padding:11px 14px;position:relative}.stage .ptitle{font-size:18px;margin-bottom:9px;flex-shrink:0}.stage .rule{margin-bottom:14px;flex-shrink:0}.stage .line{height:16px;margin-bottom:13px;flex-shrink:0}.stage .toast{position:absolute;right:18px;bottom:18px;width:150px;padding:8px 10px}.stage .tl{height:6px;margin-bottom:5px}.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--page-text-color);z-index:3}.lv{position:absolute;width:2px;background:var(--page-text-color);z-index:2}.chip{position:absolute;background:var(--code-tag-background-color);color:var(--page-text-color);padding:5px 11px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:3}", qd = {
   key: 0,
   class: "stage"
 }, Gd = { class: "frame" }, Jd = { class: "rail" }, Yd = { class: "cc" }, Xd = { class: "content" }, Qd = {
@@ -5961,7 +5961,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     // the annotated region-callout diagram
   },
   setup(e) {
-    const t = j(() => [1, 2, 3, 4, 5, 6]), o = j(() => [1, 2, 3, 4, 5, 6]);
+    const t = I(() => [1, 2, 3, 4, 5, 6]), o = I(() => [1, 2, 3, 4, 5, 6]);
     return (s, r) => e.anatomy ? (a(), c("div", qd, [
       i("div", Gd, [
         i("div", Jd, [
@@ -6024,7 +6024,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ]));
   }
-}, au = /* @__PURE__ */ Pe(iu, [["styles", [Kd]]]), cu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.grid{width:100%;max-width:720px;margin:0 auto}.row{display:flex;align-items:stretch}.row.mid{align-items:center;margin-top:14px}.cell{flex:1 1 0;min-width:0;background:var(--code-tag-background-color);color:var(--page-text-color);border:1px solid var(--border-color);border-radius:4px;padding:14px 0;text-align:center;font-size:13px}.field{flex:1 1 0;height:46px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.btn{display:inline-flex;align-items:center;height:46px;border-radius:4px;font-size:13px;flex-shrink:0;white-space:nowrap}.btn.ghost{padding:0 18px;border:1px solid var(--border-color)}.btn.primary{padding:0 20px;background:var(--primary);color:var(--page-background-color);font-weight:400}.hint{color:var(--neutral-light);font-size:11px;margin:16px 0 5px}.hint code{font-family:inherit}", du = { class: "grid" }, uu = {
+}, au = /* @__PURE__ */ Ee(iu, [["styles", [Kd]]]), cu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.grid{width:100%;max-width:720px;margin:0 auto}.row{display:flex;align-items:stretch}.row.mid{align-items:center;margin-top:14px}.cell{flex:1 1 0;min-width:0;background:var(--code-tag-background-color);color:var(--page-text-color);border:1px solid var(--border-color);border-radius:4px;padding:14px 0;text-align:center;font-size:13px}.field{flex:1 1 0;height:46px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.btn{display:inline-flex;align-items:center;height:46px;border-radius:4px;font-size:13px;flex-shrink:0;white-space:nowrap}.btn.ghost{padding:0 18px;border:1px solid var(--border-color)}.btn.primary{padding:0 20px;background:var(--primary);color:var(--page-background-color);font-weight:400}.hint{color:var(--neutral-light);font-size:11px;margin:16px 0 5px}.hint code{font-family:inherit}", du = { class: "grid" }, uu = {
   __name: "ObsLayoutGrid.ce",
   props: {
     size: { type: [String, Number], default: 6 },
@@ -6032,7 +6032,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     autoSize: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = j(() => Math.max(1, Math.min(12, parseInt(t.size, 10) || 6))), s = j(() => Math.floor(12 / o.value)), r = j(() => Array.from({ length: s.value }, (l, d) => d)), n = j(() => t.gutter ? "16px" : "0px");
+    const t = e, o = I(() => Math.max(1, Math.min(12, parseInt(t.size, 10) || 6))), s = I(() => Math.floor(12 / o.value)), r = I(() => Array.from({ length: s.value }, (l, d) => d)), n = I(() => t.gutter ? "16px" : "0px");
     return (l, d) => (a(), c("div", du, [
       i("div", {
         class: "row",
@@ -6060,7 +6060,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 64)) : P("", !0)
     ]));
   }
-}, pu = /* @__PURE__ */ Pe(uu, [["styles", [cu]]]), fu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.panel{display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;height:360px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.phead{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:12px 16px;border-left:3px solid var(--primary)}.ptitle{font-weight:600;font-size:16px}.add{height:26px;padding:0 12px;display:inline-flex;align-items:center;border-radius:4px;background:var(--primary);color:var(--nav-panel-bg);font-size:12px;font-weight:400}.ptool{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 16px;background:var(--code-tag-background-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.ts{height:24px;width:70px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.ts.wide{width:120px}.pbody{flex:1;min-height:0;position:relative;display:flex;gap:12px;padding:14px 16px}.pbody.col{flex-direction:column}.bx{min-width:0;border-radius:6px}.bx.sol{border:1px solid var(--border-color)}.bx.dsh{border:1px dashed var(--border-color);flex:1 1 0}.bx.drawer{position:absolute;top:14px;right:16px;bottom:14px;width:44%;flex:none;border:1px solid var(--primary);background:var(--page-background-color);box-shadow:-12px 0 24px var(--neutral-shadow-light)}.dash{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.dash .bx{flex:none}.pfoot{display:flex;justify-content:flex-end;flex-shrink:0;padding:8px 16px;border-top:1px solid var(--border-color)}.fs{height:18px;width:130px;background:var(--code-tag-background-color);border-radius:4px}.stage{position:relative;width:720px;height:350px}.frame{position:absolute;left:20px;top:20px;width:380px;height:310px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--page-background-color)}.rhead{height:48px;border-left:3px solid var(--primary);display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.rhead .t{height:12px;width:40%;background:var(--code-tag-background-color);border-radius:3px}.rhead .b{height:20px;width:46px;background:var(--primary);border-radius:4px}.rtool{height:34px;border-top:1px solid var(--border-color);background:var(--code-tag-background-color);display:flex;align-items:center;gap:6px;padding:0 12px;flex-shrink:0}.rtool .ti{height:14px;width:54px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.rbody{flex:1;border-top:1px solid var(--border-color);border-left:3px solid var(--primary);display:flex;flex-direction:column;min-height:0}.rbody .bh{height:22px;background:var(--code-tag-background-color);flex-shrink:0}.rbody .brow{flex:1;border-top:1px solid var(--border-color);margin:0 12px}.rfoot{height:38px;border-top:1px solid var(--border-color);background:var(--code-tag-background-color);display:flex;align-items:center;justify-content:flex-end;padding:0 12px;flex-shrink:0}.rfoot .fi{height:14px;width:92px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:4px}.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--page-text-color);z-index:3}.lh{position:absolute;height:2px;background:var(--page-text-color);z-index:2}.chip{position:absolute;background:var(--code-tag-background-color);color:var(--page-text-color);padding:5px 11px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:3}", hu = {
+}, pu = /* @__PURE__ */ Ee(uu, [["styles", [cu]]]), fu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.panel{display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;height:360px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.phead{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:12px 16px;border-left:3px solid var(--primary)}.ptitle{font-weight:600;font-size:16px}.add{height:26px;padding:0 12px;display:inline-flex;align-items:center;border-radius:4px;background:var(--primary);color:var(--nav-panel-bg);font-size:12px;font-weight:400}.ptool{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 16px;background:var(--code-tag-background-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.ts{height:24px;width:70px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.ts.wide{width:120px}.pbody{flex:1;min-height:0;position:relative;display:flex;gap:12px;padding:14px 16px}.pbody.col{flex-direction:column}.bx{min-width:0;border-radius:6px}.bx.sol{border:1px solid var(--border-color)}.bx.dsh{border:1px dashed var(--border-color);flex:1 1 0}.bx.drawer{position:absolute;top:14px;right:16px;bottom:14px;width:44%;flex:none;border:1px solid var(--primary);background:var(--page-background-color);box-shadow:-12px 0 24px var(--neutral-shadow-light)}.dash{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.dash .bx{flex:none}.pfoot{display:flex;justify-content:flex-end;flex-shrink:0;padding:8px 16px;border-top:1px solid var(--border-color)}.fs{height:18px;width:130px;background:var(--code-tag-background-color);border-radius:4px}.stage{position:relative;width:720px;height:350px}.frame{position:absolute;left:20px;top:20px;width:380px;height:310px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--page-background-color)}.rhead{height:48px;border-left:3px solid var(--primary);display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.rhead .t{height:12px;width:40%;background:var(--code-tag-background-color);border-radius:3px}.rhead .b{height:20px;width:46px;background:var(--primary);border-radius:4px}.rtool{height:34px;border-top:1px solid var(--border-color);background:var(--code-tag-background-color);display:flex;align-items:center;gap:6px;padding:0 12px;flex-shrink:0}.rtool .ti{height:14px;width:54px;border:1px solid var(--border-color);border-radius:4px;background:var(--page-background-color)}.rbody{flex:1;border-top:1px solid var(--border-color);border-left:3px solid var(--primary);display:flex;flex-direction:column;min-height:0}.rbody .bh{height:22px;background:var(--code-tag-background-color);flex-shrink:0}.rbody .brow{flex:1;border-top:1px solid var(--border-color);margin:0 12px}.rfoot{height:38px;border-top:1px solid var(--border-color);background:var(--code-tag-background-color);display:flex;align-items:center;justify-content:flex-end;padding:0 12px;flex-shrink:0}.rfoot .fi{height:14px;width:92px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:4px}.dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--page-text-color);z-index:3}.lh{position:absolute;height:2px;background:var(--page-text-color);z-index:2}.chip{position:absolute;background:var(--code-tag-background-color);color:var(--page-text-color);padding:5px 11px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:3}", hu = {
   key: 0,
   class: "stage"
 }, vu = { class: "frame" }, gu = { class: "rbody" }, bu = {
@@ -6089,7 +6089,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     // the annotated region-stack wireframe
   },
   setup(e) {
-    const t = e, o = j(() => t.shape === "chart-over-grid");
+    const t = e, o = I(() => t.shape === "chart-over-grid");
     return (s, r) => e.callouts ? (a(), c("div", hu, [
       i("div", vu, [
         r[1] || (r[1] = qe('<div class="rhead"><span class="t"></span><span class="b"></span></div><div class="rtool"><span class="ti"></span><span class="ti"></span></div>', 2)),
@@ -6155,7 +6155,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])])) : P("", !0)
     ]));
   }
-}, _u = /* @__PURE__ */ Pe(ku, [["styles", [fu]]]), $u = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.shell{display:flex;width:100%;max-width:780px;margin:0 auto;height:340px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.rail{width:54px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:11px 0;gap:8px}.logo{width:24px;height:24px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color);margin-bottom:3px}.nico{width:28px;height:26px;border-radius:7px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.nico.on{background:var(--primary);border:none}.cc{flex:1;display:flex;flex-direction:column;min-width:0}.hdr{display:flex;align-items:center;justify-content:space-between;height:42px;border-bottom:1px solid var(--border-color);padding:0 14px;flex-shrink:0}.brand{width:80px;height:13px;border-radius:4px;background:var(--code-tag-background-color)}.acts{display:flex;align-items:center;gap:7px}.ai{width:22px;height:22px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ai.bare{border:none}.body{flex:1;min-height:0;display:flex;background:var(--page-background-color)}.body.padded{padding:14px}.pane{width:32%;border-right:1px solid var(--border-color);padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.trow{display:flex;align-items:center;gap:6px}.tcar{font-size:9px;color:var(--neutral-light)}.tbar{flex:1;height:8px;background:var(--code-tag-background-color);border-radius:3px}.mhead{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--neutral-light)}.mrow{height:9px;border-radius:3px;background:var(--code-tag-background-color);margin-bottom:1px}.mrow.on{background:var(--nav-hover-bg)}.content{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column}.ptitle{font-weight:600;font-size:17px;margin-bottom:9px}.rule{height:1px;background:var(--border-color);margin-bottom:14px}.line{height:15px;border-radius:4px;background:var(--code-tag-background-color);margin-bottom:12px}.login{flex:1;display:flex;align-items:center;justify-content:center}.card{width:240px;border:1px solid var(--border-color);border-radius:10px;background:var(--page-background-color);box-shadow:0 8px 24px var(--neutral-shadow-light);padding:22px;display:flex;flex-direction:column;align-items:center;gap:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.signin{font-weight:600;font-size:14px}.ifield{width:100%;height:30px;border-radius:5px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ibtn{width:100%;height:32px;border-radius:5px;background:var(--primary)}", Cu = { class: "shell" }, Su = {
+}, _u = /* @__PURE__ */ Ee(ku, [["styles", [fu]]]), $u = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.shell{display:flex;width:100%;max-width:780px;margin:0 auto;height:340px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.rail{width:54px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:11px 0;gap:8px}.logo{width:24px;height:24px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color);margin-bottom:3px}.nico{width:28px;height:26px;border-radius:7px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.nico.on{background:var(--primary);border:none}.cc{flex:1;display:flex;flex-direction:column;min-width:0}.hdr{display:flex;align-items:center;justify-content:space-between;height:42px;border-bottom:1px solid var(--border-color);padding:0 14px;flex-shrink:0}.brand{width:80px;height:13px;border-radius:4px;background:var(--code-tag-background-color)}.acts{display:flex;align-items:center;gap:7px}.ai{width:22px;height:22px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ai.bare{border:none}.body{flex:1;min-height:0;display:flex;background:var(--page-background-color)}.body.padded{padding:14px}.pane{width:32%;border-right:1px solid var(--border-color);padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.trow{display:flex;align-items:center;gap:6px}.tcar{font-size:9px;color:var(--neutral-light)}.tbar{flex:1;height:8px;background:var(--code-tag-background-color);border-radius:3px}.mhead{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--neutral-light)}.mrow{height:9px;border-radius:3px;background:var(--code-tag-background-color);margin-bottom:1px}.mrow.on{background:var(--nav-hover-bg)}.content{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column}.ptitle{font-weight:600;font-size:17px;margin-bottom:9px}.rule{height:1px;background:var(--border-color);margin-bottom:14px}.line{height:15px;border-radius:4px;background:var(--code-tag-background-color);margin-bottom:12px}.login{flex:1;display:flex;align-items:center;justify-content:center}.card{width:240px;border:1px solid var(--border-color);border-radius:10px;background:var(--page-background-color);box-shadow:0 8px 24px var(--neutral-shadow-light);padding:22px;display:flex;flex-direction:column;align-items:center;gap:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.signin{font-weight:600;font-size:14px}.ifield{width:100%;height:30px;border-radius:5px;background:var(--code-tag-background-color);border:1px solid var(--border-color)}.ibtn{width:100%;height:32px;border-radius:5px;background:var(--primary)}", Cu = { class: "shell" }, Su = {
   key: 0,
   class: "login"
 }, Mu = {
@@ -6181,7 +6181,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       public: { kind: "route shell", padded: !0, sub: "public-layout.vue", use: "Public / system page — upgrade or restore in progress." },
       "monitor-hierarchy": { kind: "content layout", nav: !0, header: !0, twoPane: "tree", sub: "monitor-hierarchy-layout.vue", use: "Left hierarchy tree + content. Renders inside Layout." },
       settings: { kind: "content layout", nav: !0, header: !0, twoPane: "menu", sub: "settings/views/main.vue", use: "splitpanes: left menu + content. Inside Layout." }
-    }, o = e, s = j(() => t[o.shell] || t.layout), r = [{ i: 0, o: 1 }, { i: 1, o: 0 }, { i: 1, o: 0 }, { i: 0, o: 1 }, { i: 1, o: 0 }, { i: 0, o: 1 }];
+    }, o = e, s = I(() => t[o.shell] || t.layout), r = [{ i: 0, o: 1 }, { i: 1, o: 0 }, { i: 1, o: 0 }, { i: 0, o: 1 }, { i: 1, o: 0 }, { i: 0, o: 1 }];
     return (n, l) => (a(), c("div", Cu, [
       s.value.bare ? (a(), c("div", Su, [...l[0] || (l[0] = [
         qe('<div class="card"><span class="avatar"></span><div class="signin">Sign in</div><div class="ifield"></div><div class="ifield"></div><div class="ibtn"></div></div>', 1)
@@ -6230,7 +6230,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 64))
     ]));
   }
-}, Lu = /* @__PURE__ */ Pe(Bu, [["styles", [$u]]]), Ru = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.frame{display:flex;width:100%;max-width:580px;margin:0 auto;height:300px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.rail{width:30px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color)}.cc{flex:1;display:flex;flex-direction:column;min-width:0}.hdr{height:30px;flex-shrink:0;border-bottom:1px solid var(--border-color)}.body{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.jb{justify-content:space-between}.je{justify-content:flex-end}.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g14{gap:14px}.sh{flex-shrink:0}.fill{flex:1;min-height:0;align-items:stretch}.bar{background:var(--code-tag-background-color);border-radius:4px}.btn{height:18px;border-radius:4px}.btn.ghost{border:1px solid var(--border-color)}.btn.pri{background:var(--primary)}.box16{width:16px;height:16px;border:1px solid var(--border-color);border-radius:4px}.table{flex:1;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.thead{height:20px;background:var(--code-tag-background-color)}.trow{height:16px;border-top:1px solid var(--border-color)}.fcol{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:4px}.fl{flex:1}.tag{font-size:10px;color:var(--neutral-light);margin-bottom:3px}.fld{height:20px;border:1px solid var(--border-color);border-radius:4px}.dot{width:10px;height:10px;border-radius:50%}.dot.crit{border:2px solid var(--severity-critical);background:var(--severity-critical-dot-box);box-sizing:border-box}.tabs{border-bottom:1px solid var(--border-color);padding-bottom:5px}.tab{height:10px;width:50px;background:var(--code-tag-background-color)}.tab.on{background:transparent;border-bottom:2px solid var(--primary)}.pane{border-radius:4px;flex:1}.pane.sol{border:1px solid var(--border-color)}.pane.dsh{border:1px dashed var(--border-color)}.dash{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:0}.tile{border:1px solid var(--border-color);border-radius:4px}.lpanel{width:32%;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;padding:6px;gap:5px}.lbar{height:8px;background:var(--code-tag-background-color);border-radius:3px}.qbar{height:20px;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.steps{padding-bottom:4px}.step{width:16px;height:16px;border-radius:50%}.step.on{background:var(--primary)}.step.ring{border:2px solid var(--primary);box-sizing:border-box}.step.ring2{border:1px solid var(--border-color);box-sizing:border-box}.conn{height:2px;width:40px;background:var(--code-tag-background-color)}.conn.on{background:var(--primary)}.wbody{flex:1;border:1px solid var(--border-color);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0}.wfield{height:18px;border:1px solid var(--border-color);border-radius:4px}.canvas{flex:1;border:1px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.edges line{stroke:var(--border-color);stroke-width:2}.node{position:absolute;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box}.node.pri{width:20px;height:20px;background:var(--primary)}.node.clear{width:16px;height:16px;border:2px solid var(--severity-clear);background:var(--severity-clear-dot-box)}.node.crit{width:16px;height:16px;border:2px solid var(--severity-critical);background:var(--severity-critical-dot-box)}.node.warn{width:16px;height:16px;border:2px solid var(--severity-warning);background:var(--severity-warning-dot-box)}.gtools{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:3px}.gtools span{width:16px;height:16px;border:1px solid var(--border-color);border-radius:3px;background:var(--page-background-color);font-size:10px;display:flex;align-items:center;justify-content:center}.minimap{position:absolute;bottom:6px;right:6px;width:46px;height:32px;border:1px solid var(--border-color);border-radius:3px;background:var(--page-background-color);opacity:.9}.mnode{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--neutral-light)}", Du = { class: "frame" }, Iu = { class: "cc" }, ju = { class: "body" }, Nu = { class: "table" }, Hu = { class: "dash" }, Vu = {
+}, Lu = /* @__PURE__ */ Ee(Bu, [["styles", [$u]]]), Ru = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.frame{display:flex;width:100%;max-width:580px;margin:0 auto;height:300px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--page-background-color)}.rail{width:30px;flex-shrink:0;background:var(--nav-panel-bg);border-right:1px solid var(--border-color)}.cc{flex:1;display:flex;flex-direction:column;min-width:0}.hdr{height:30px;flex-shrink:0;border-bottom:1px solid var(--border-color)}.body{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.jb{justify-content:space-between}.je{justify-content:flex-end}.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g14{gap:14px}.sh{flex-shrink:0}.fill{flex:1;min-height:0;align-items:stretch}.bar{background:var(--code-tag-background-color);border-radius:4px}.btn{height:18px;border-radius:4px}.btn.ghost{border:1px solid var(--border-color)}.btn.pri{background:var(--primary)}.box16{width:16px;height:16px;border:1px solid var(--border-color);border-radius:4px}.table{flex:1;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.thead{height:20px;background:var(--code-tag-background-color)}.trow{height:16px;border-top:1px solid var(--border-color)}.fcol{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:4px}.fl{flex:1}.tag{font-size:10px;color:var(--neutral-light);margin-bottom:3px}.fld{height:20px;border:1px solid var(--border-color);border-radius:4px}.dot{width:10px;height:10px;border-radius:50%}.dot.crit{border:2px solid var(--severity-critical);background:var(--severity-critical-dot-box);box-sizing:border-box}.tabs{border-bottom:1px solid var(--border-color);padding-bottom:5px}.tab{height:10px;width:50px;background:var(--code-tag-background-color)}.tab.on{background:transparent;border-bottom:2px solid var(--primary)}.pane{border-radius:4px;flex:1}.pane.sol{border:1px solid var(--border-color)}.pane.dsh{border:1px dashed var(--border-color)}.dash{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:0}.tile{border:1px solid var(--border-color);border-radius:4px}.lpanel{width:32%;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;padding:6px;gap:5px}.lbar{height:8px;background:var(--code-tag-background-color);border-radius:3px}.qbar{height:20px;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.steps{padding-bottom:4px}.step{width:16px;height:16px;border-radius:50%}.step.on{background:var(--primary)}.step.ring{border:2px solid var(--primary);box-sizing:border-box}.step.ring2{border:1px solid var(--border-color);box-sizing:border-box}.conn{height:2px;width:40px;background:var(--code-tag-background-color)}.conn.on{background:var(--primary)}.wbody{flex:1;border:1px solid var(--border-color);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0}.wfield{height:18px;border:1px solid var(--border-color);border-radius:4px}.canvas{flex:1;border:1px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.edges line{stroke:var(--border-color);stroke-width:2}.node{position:absolute;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box}.node.pri{width:20px;height:20px;background:var(--primary)}.node.clear{width:16px;height:16px;border:2px solid var(--severity-clear);background:var(--severity-clear-dot-box)}.node.crit{width:16px;height:16px;border:2px solid var(--severity-critical);background:var(--severity-critical-dot-box)}.node.warn{width:16px;height:16px;border:2px solid var(--severity-warning);background:var(--severity-warning-dot-box)}.gtools{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:3px}.gtools span{width:16px;height:16px;border:1px solid var(--border-color);border-radius:3px;background:var(--page-background-color);font-size:10px;display:flex;align-items:center;justify-content:center}.minimap{position:absolute;bottom:6px;right:6px;width:46px;height:32px;border:1px solid var(--border-color);border-radius:3px;background:var(--page-background-color);opacity:.9}.mnode{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--neutral-light)}", Du = { class: "frame" }, Iu = { class: "cc" }, ju = { class: "body" }, Nu = { class: "table" }, Hu = { class: "dash" }, Vu = {
   key: 4,
   class: "row g8 fill"
 }, Fu = { class: "lpanel" }, Zu = { class: "wbody" }, Uu = {
@@ -6243,7 +6243,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   __name: "ObsLayoutPageTemplates.ce",
   props: { template: { type: String, default: "list" } },
   setup(e) {
-    const t = e, o = j(() => t.template);
+    const t = e, o = I(() => t.template);
     return (s, r) => (a(), c("div", Du, [
       r[11] || (r[11] = i("div", { class: "rail" }, null, -1)),
       i("div", Iu, [
@@ -6320,7 +6320,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ]));
   }
-}, qu = /* @__PURE__ */ Pe(Ku, [["styles", [Ru]]]), Gu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.frame{width:420px;max-width:100%;height:300px;margin:0 auto;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--page-background-color);padding:18px;box-sizing:border-box}.full{width:100%;height:100%;box-sizing:border-box}.rel{position:relative}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.stretch{align-items:stretch}.gap10{gap:10px}.gap12{gap:12px}.g8{gap:8px}.g9{gap:9px}.je{justify-content:flex-end}.mt4{margin-top:4px}.f1{flex:1}.bar{height:14px;background:var(--code-tag-background-color);border-radius:4px}.bar.w55{width:55%}.bar.w50{width:50%}.bar.w80{width:80%}.bar.faded{opacity:.6}.dsh{border:1px dashed var(--border-color);border-radius:9px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg)}.drawer{position:absolute;top:0;right:0;bottom:0;width:58%;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:9px 0 0 9px;box-shadow:-12px 0 24px var(--neutral-shadow-light);padding:17px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64%;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 14px 30px var(--neutral-shadow-light);padding:16px;display:flex;flex-direction:column;gap:11px;box-sizing:border-box}.mbtn{height:24px;width:56px;border-radius:5px}.mbtn.ghost{border:1px solid var(--border-color)}.mbtn.pri{background:var(--primary)}.sec{border:1px solid var(--border-color);border-radius:8px;padding:11px 16px;font-size:16px}.sec.muted{color:var(--neutral-regular)}.sec.open{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.sechead{padding:11px 16px;font-size:16px;border-bottom:1px solid var(--border-color)}.secbody{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:11px;min-height:0}.erow{height:28px;border:1px solid var(--border-color);border-radius:7px;display:flex;align-items:center;padding:0 14px;font-size:14px}.erow.muted{color:var(--neutral-regular)}.erow.open{height:auto;flex:1;padding:0;border-color:var(--primary);display:flex;flex-direction:column;align-items:stretch;min-height:0}.erhead{height:28px;display:flex;align-items:center;padding:0 14px;font-size:14px;border-bottom:1px solid var(--border-color)}.erbody{flex:1;padding:13px 14px;display:flex;flex-direction:column;gap:10px;min-height:0}.handle{width:21px;display:flex;align-items:center;justify-content:center}.grip{width:6px;height:78px;background:var(--primary);border-radius:3px}.pinned{height:42px;background:var(--code-tag-background-color);border:1px solid var(--primary);border-radius:8px;display:flex;align-items:center;padding:0 16px;font-size:16px;color:var(--neutral-regular);box-sizing:border-box;flex-shrink:0}.dashgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.tile{border:1px solid var(--border-color);border-radius:8px;position:relative}.resize{position:absolute;bottom:6px;right:6px;width:10px;height:10px;border-right:3px solid var(--neutral-light);border-bottom:3px solid var(--neutral-light)}.brow{display:flex;align-items:center;gap:12px;height:26px}.cbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--primary)}.cbox.on{background:var(--primary)}.bulkbar{position:absolute;left:0;right:0;bottom:0;height:46px;border-radius:8px;background:var(--primary);color:var(--page-background-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;box-sizing:border-box}.ba{width:64px;height:24px;border:1px solid var(--page-background-color);border-radius:5px;opacity:.85;display:inline-block}.anchor{width:130px;height:36px;border:1px solid var(--border-color);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--neutral-regular)}.arrow{position:absolute;top:38px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--page-background-color);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.pop{position:absolute;top:46px;left:50%;transform:translate(-50%);width:180px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 24px var(--neutral-shadow-light);padding:12px;display:flex;flex-direction:column;gap:9px;box-sizing:border-box}.pop .bar{height:12px}.omni{position:absolute;top:24px;left:50%;transform:translate(-50%);width:76%;display:flex;flex-direction:column;gap:10px}.omnibar{height:40px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 10px 24px var(--neutral-shadow-light);box-sizing:border-box}.ico{font-size:15px}.omnilist{background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px}.omni .bar{height:11px}", Ju = { class: "frame" }, Yu = {
+}, qu = /* @__PURE__ */ Ee(Ku, [["styles", [Ru]]]), Gu = ":host{display:block;color:var(--page-text-color, #1d2a3e);font-family:jetBrainsMono,JetBrains Mono,monospace}.frame{width:420px;max-width:100%;height:300px;margin:0 auto;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--page-background-color);padding:18px;box-sizing:border-box}.full{width:100%;height:100%;box-sizing:border-box}.rel{position:relative}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.stretch{align-items:stretch}.gap10{gap:10px}.gap12{gap:12px}.g8{gap:8px}.g9{gap:9px}.je{justify-content:flex-end}.mt4{margin-top:4px}.f1{flex:1}.bar{height:14px;background:var(--code-tag-background-color);border-radius:4px}.bar.w55{width:55%}.bar.w50{width:50%}.bar.w80{width:80%}.bar.faded{opacity:.6}.dsh{border:1px dashed var(--border-color);border-radius:9px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg)}.drawer{position:absolute;top:0;right:0;bottom:0;width:58%;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:9px 0 0 9px;box-shadow:-12px 0 24px var(--neutral-shadow-light);padding:17px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64%;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 14px 30px var(--neutral-shadow-light);padding:16px;display:flex;flex-direction:column;gap:11px;box-sizing:border-box}.mbtn{height:24px;width:56px;border-radius:5px}.mbtn.ghost{border:1px solid var(--border-color)}.mbtn.pri{background:var(--primary)}.sec{border:1px solid var(--border-color);border-radius:8px;padding:11px 16px;font-size:16px}.sec.muted{color:var(--neutral-regular)}.sec.open{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.sechead{padding:11px 16px;font-size:16px;border-bottom:1px solid var(--border-color)}.secbody{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:11px;min-height:0}.erow{height:28px;border:1px solid var(--border-color);border-radius:7px;display:flex;align-items:center;padding:0 14px;font-size:14px}.erow.muted{color:var(--neutral-regular)}.erow.open{height:auto;flex:1;padding:0;border-color:var(--primary);display:flex;flex-direction:column;align-items:stretch;min-height:0}.erhead{height:28px;display:flex;align-items:center;padding:0 14px;font-size:14px;border-bottom:1px solid var(--border-color)}.erbody{flex:1;padding:13px 14px;display:flex;flex-direction:column;gap:10px;min-height:0}.handle{width:21px;display:flex;align-items:center;justify-content:center}.grip{width:6px;height:78px;background:var(--primary);border-radius:3px}.pinned{height:42px;background:var(--code-tag-background-color);border:1px solid var(--primary);border-radius:8px;display:flex;align-items:center;padding:0 16px;font-size:16px;color:var(--neutral-regular);box-sizing:border-box;flex-shrink:0}.dashgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.tile{border:1px solid var(--border-color);border-radius:8px;position:relative}.resize{position:absolute;bottom:6px;right:6px;width:10px;height:10px;border-right:3px solid var(--neutral-light);border-bottom:3px solid var(--neutral-light)}.brow{display:flex;align-items:center;gap:12px;height:26px}.cbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--primary)}.cbox.on{background:var(--primary)}.bulkbar{position:absolute;left:0;right:0;bottom:0;height:46px;border-radius:8px;background:var(--primary);color:var(--page-background-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;box-sizing:border-box}.ba{width:64px;height:24px;border:1px solid var(--page-background-color);border-radius:5px;opacity:.85;display:inline-block}.anchor{width:130px;height:36px;border:1px solid var(--border-color);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--neutral-regular)}.arrow{position:absolute;top:38px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--page-background-color);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.pop{position:absolute;top:46px;left:50%;transform:translate(-50%);width:180px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 24px var(--neutral-shadow-light);padding:12px;display:flex;flex-direction:column;gap:9px;box-sizing:border-box}.pop .bar{height:12px}.omni{position:absolute;top:24px;left:50%;transform:translate(-50%);width:76%;display:flex;flex-direction:column;gap:10px}.omnibar{height:40px;background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 10px 24px var(--neutral-shadow-light);box-sizing:border-box}.ico{font-size:15px}.omnilist{background:var(--page-background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px}.omni .bar{height:11px}", Ju = { class: "frame" }, Yu = {
   key: 0,
   class: "rel full"
 }, Xu = { class: "drawer" }, Qu = {
@@ -6354,7 +6354,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   __name: "ObsLayoutPanels.ce",
   props: { behaviour: { type: String, default: "drawer" } },
   setup(e) {
-    const t = e, o = j(() => t.behaviour);
+    const t = e, o = I(() => t.behaviour);
     return (s, r) => (a(), c("div", Ju, [
       o.value === "drawer" ? (a(), c("div", Yu, [
         r[1] || (r[1] = i("div", { class: "dsh full" }, null, -1)),
@@ -6443,7 +6443,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ]))
     ]));
   }
-}, fp = /* @__PURE__ */ Pe(pp, [["styles", [Gu]]]), hp = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif)}button,input,select,textarea{font-family:inherit}.tt{position:relative;display:inline-flex;align-items:center}.trigger{display:inline-flex;align-items:center}.info{width:15px;height:15px;color:var(--primary-alt, #3279be);cursor:help;outline:none}.trig-btn{font:inherit;font-size:13px;height:32px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:default}.bubble{position:absolute;z-index:40;box-sizing:border-box;width:max-content;max-width:260px;padding:6px 10px;border-radius:4px;font-size:12px;line-height:1.45;text-align:left;white-space:normal;background:var(--tooltip-background-color, #172336);color:var(--tooltip-text-color, #cad3e2);border:1px solid var(--border-color, #e3e8f2);box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.tt:hover>.bubble,.tt:focus-within>.bubble,.tt.open>.bubble{opacity:1;visibility:visible}.tt.chart>.bubble{background:var(--chart-tooltip-background, rgba(255,255,255,.9));color:var(--page-text-color, #1d2a3e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.p-top>.bubble,.p-top-start>.bubble,.p-top-end>.bubble{bottom:100%;margin-bottom:8px}.p-bottom>.bubble,.p-bottom-start>.bubble,.p-bottom-end>.bubble{top:100%;margin-top:8px}.p-top>.bubble,.p-bottom>.bubble{left:50%;transform:translate(-50%)}.p-top-start>.bubble,.p-bottom-start>.bubble{left:0}.p-top-end>.bubble,.p-bottom-end>.bubble{right:0}.p-left>.bubble{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.p-right>.bubble{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}', vp = ["aria-describedby"], gp = {
+}, fp = /* @__PURE__ */ Ee(pp, [["styles", [Gu]]]), hp = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif)}button,input,select,textarea{font-family:inherit}.tt{position:relative;display:inline-flex;align-items:center}.trigger{display:inline-flex;align-items:center}.info{width:15px;height:15px;color:var(--primary-alt, #3279be);cursor:help;outline:none}.trig-btn{font:inherit;font-size:13px;height:32px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:default}.bubble{position:absolute;z-index:40;box-sizing:border-box;width:max-content;max-width:260px;padding:6px 10px;border-radius:4px;font-size:12px;line-height:1.45;text-align:left;white-space:normal;background:var(--tooltip-background-color, #172336);color:var(--tooltip-text-color, #cad3e2);border:1px solid var(--border-color, #e3e8f2);box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.tt:hover>.bubble,.tt:focus-within>.bubble,.tt.open>.bubble{opacity:1;visibility:visible}.tt.chart>.bubble{background:var(--chart-tooltip-background, rgba(255,255,255,.9));color:var(--page-text-color, #1d2a3e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.p-top>.bubble,.p-top-start>.bubble,.p-top-end>.bubble{bottom:100%;margin-bottom:8px}.p-bottom>.bubble,.p-bottom-start>.bubble,.p-bottom-end>.bubble{top:100%;margin-top:8px}.p-top>.bubble,.p-bottom>.bubble{left:50%;transform:translate(-50%)}.p-top-start>.bubble,.p-bottom-start>.bubble{left:0}.p-top-end>.bubble,.p-bottom-end>.bubble{right:0}.p-left>.bubble{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.p-right>.bubble{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}', vp = ["aria-describedby"], gp = {
   key: 0,
   class: "trig-btn",
   type: "button"
@@ -6469,7 +6469,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     // force-show the bubble (for the static examples)
   },
   setup(e) {
-    const t = Ur(), o = e, s = j(() => ["p-" + o.placement, { open: o.open, chart: o.chartLike, disabled: o.disabled }]);
+    const t = Ur(), o = e, s = I(() => ["p-" + o.placement, { open: o.open, chart: o.chartLike, disabled: o.disabled }]);
     return (r, n) => (a(), c("span", {
       class: K(["tt", s.value])
     }, [
@@ -6495,7 +6495,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 8, mp))
     ], 2));
   }
-}, wp = /* @__PURE__ */ Pe(yp, [["styles", [hp]]]), kp = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif)}:host([block]){display:block;width:100%}.card{box-sizing:border-box}.card.block{width:100%}.card.panel{background:var(--chart-tooltip-background, rgba(255,255,255,.9));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:4px;box-shadow:0 4px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));color:var(--page-text-color, #1d2a3e);font-size:11px}.card.graph{background:var(--topology-graph-tooltip-bg, #07101f);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(70,70,70,.15));color:var(--tooltip-text-color, #cad3e2);font-size:12px}.card.panel[data-extra*=flex]{display:flex;align-items:stretch;overflow:hidden}.card.panel[data-extra*=center]{text-align:center}.ghead{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color)}.gbody{padding:8px 14px}.badge{display:flex;align-items:center;justify-content:center;font-weight:500;padding:8px 18px;color:var(--white-regular, #fff)}.fb{font-weight:700}.f6{font-weight:600}.f5{font-weight:500}.tnl{color:var(--neutral-light, #8e9fbc)}.tnr{color:var(--neutral-regular, #7186a8)}.row{display:flex;align-items:center;justify-content:space-between}.fic{display:flex;align-items:center}.sq{display:inline-block;width:8px;height:8px;border-radius:1px;margin-right:8px;flex-shrink:0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;flex-shrink:0}.title{font-weight:700;font-size:12px;margin-bottom:8px}', _p = ["data-extra", "innerHTML"], $p = {
+}, wp = /* @__PURE__ */ Ee(yp, [["styles", [hp]]]), kp = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif)}:host([block]){display:block;width:100%}.card{box-sizing:border-box}.card.block{width:100%}.card.panel{background:var(--chart-tooltip-background, rgba(255,255,255,.9));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:4px;box-shadow:0 4px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));color:var(--page-text-color, #1d2a3e);font-size:11px}.card.graph{background:var(--topology-graph-tooltip-bg, #07101f);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(70,70,70,.15));color:var(--tooltip-text-color, #cad3e2);font-size:12px}.card.panel[data-extra*=flex]{display:flex;align-items:stretch;overflow:hidden}.card.panel[data-extra*=center]{text-align:center}.ghead{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color)}.gbody{padding:8px 14px}.badge{display:flex;align-items:center;justify-content:center;font-weight:500;padding:8px 18px;color:var(--white-regular, #fff)}.fb{font-weight:700}.f6{font-weight:600}.f5{font-weight:500}.tnl{color:var(--neutral-light, #8e9fbc)}.tnr{color:var(--neutral-regular, #7186a8)}.row{display:flex;align-items:center;justify-content:space-between}.fic{display:flex;align-items:center}.sq{display:inline-block;width:8px;height:8px;border-radius:1px;margin-right:8px;flex-shrink:0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;flex-shrink:0}.title{font-weight:700;font-size:12px;margin-bottom:8px}', _p = ["data-extra", "innerHTML"], $p = {
   __name: "ObsDataVizTooltip.ce",
   props: {
     kind: { type: String, default: "bar" },
@@ -6533,7 +6533,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       "interface-edge": { surface: "graph", w: "360px", html: `<div class="ghead f6">Link Info</div><div class="gbody"><div class="f6" style="margin-bottom:2px">core-switch-01 · Gi0/1</div>${o("Status", "Up")}${o("Speed", "1 Gbps")}${o("In / Out", "120 / 86 Mbps")}</div>` },
       "netroute-node": { surface: "graph", w: "300px", html: `<div class="ghead f6"><span class="dot" style="background:${t("warning")}"></span>10.0.3.1 <span class="tnl" style="margin-left:8px;font-weight:400">· Hop 3</span></div><div class="gbody">${o("Latency (min/avg/max)", "8 / 14 / 22 ms")}${o("Packet loss", "2 %")}${o("Alerts", "1")}</div>` },
       "netroute-edge": { surface: "graph", w: "300px", html: `<div class="ghead f6">10.0.2.1 ──► 10.0.3.1</div><div class="gbody">${o("Latency (min/avg/max)", "8 / 14 / 22 ms")}${o("Packet loss", "2 %")}${o("Transit Likelihood", "94 %")}</div>` }
-    }, n = e, l = j(() => r[n.kind] || r.bar), d = j(() => n.block ? { padding: l.value.surface === "graph" ? void 0 : l.value.pad } : l.value.surface === "graph" ? { minWidth: l.value.w } : { padding: l.value.pad, minWidth: l.value.w === "auto" ? void 0 : l.value.w, maxWidth: l.value.max });
+    }, n = e, l = I(() => r[n.kind] || r.bar), d = I(() => n.block ? { padding: l.value.surface === "graph" ? void 0 : l.value.pad } : l.value.surface === "graph" ? { minWidth: l.value.w } : { padding: l.value.pad, minWidth: l.value.w === "auto" ? void 0 : l.value.w, maxWidth: l.value.max });
     return (u, h) => (a(), c("div", {
       class: K(["card", [l.value.surface, { block: e.block }]]),
       style: xe(d.value),
@@ -6541,7 +6541,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       innerHTML: l.value.html
     }, null, 14, _p));
   }
-}, Cp = /* @__PURE__ */ Pe($p, [["styles", [kp]]]), Sp = ':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{width:14px;height:14px;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.bordered{border:1px solid var(--border-color, #e3e8f2)}.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}.clr,.chev{width:12px;height:12px}.chev.sm{width:11px;height:11px;margin-left:0}.cal{width:14px;height:14px;margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{width:13px;height:13px;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 svg{width:11px;height:11px;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:22px 8px 36px;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:0;height:18px;background:var(--slider-tracker, #485975);border-radius:6px;z-index:1}.handle{position:absolute;top:5px;width:8px;height:8px;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize}.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}', Mp = ["d"], Ap = {
+}, Cp = /* @__PURE__ */ Ee($p, [["styles", [kp]]]), Sp = ':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{width:14px;height:14px;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.bordered{border:1px solid var(--border-color, #e3e8f2)}.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}.clr,.chev{width:12px;height:12px}.chev.sm{width:11px;height:11px;margin-left:0}.cal{width:14px;height:14px;margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{width:13px;height:13px;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 svg{width:11px;height:11px;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:22px 8px 36px;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:0;height:18px;background:var(--slider-tracker, #485975);border-radius:6px;z-index:1}.handle{position:absolute;top:5px;width:8px;height:8px;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize}.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}', Mp = ["d"], Ap = {
   key: 1,
   class: "ficon",
   viewBox: "0 0 48 48",
@@ -6690,7 +6690,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (let S = 0; S < 24; S++)
         for (const B of ["00", "30"]) O.push(String(S).padStart(2, "0") + ":" + B);
       return O;
-    })(), n = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], l = /* @__PURE__ */ W(!1), d = /* @__PURE__ */ W("presets"), u = /* @__PURE__ */ W(null), h = /* @__PURE__ */ W(t.empty ? null : "-24h"), f = /* @__PURE__ */ W(2026), x = /* @__PURE__ */ W(5), w = /* @__PURE__ */ new Date(), C = new Date(w.getFullYear(), w.getMonth(), w.getDate()).getTime(), F = /* @__PURE__ */ sr({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), Z = /* @__PURE__ */ W("10:05"), te = /* @__PURE__ */ W(null), T = /* @__PURE__ */ W(null), se = j(() => t.kind === "range-presets"), oe = j(() => h.value === "custom" ? { s: (F.start && F.end ? Math.max(1, Math.round((F.end - F.start) / 864e5)) : 0) + "d", t: "Custom" } : s.find((O) => O.k === h.value) || null);
+    })(), n = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], l = /* @__PURE__ */ W(!1), d = /* @__PURE__ */ W("presets"), u = /* @__PURE__ */ W(null), h = /* @__PURE__ */ W(t.empty ? null : "-24h"), f = /* @__PURE__ */ W(2026), x = /* @__PURE__ */ W(5), w = /* @__PURE__ */ new Date(), C = new Date(w.getFullYear(), w.getMonth(), w.getDate()).getTime(), F = /* @__PURE__ */ sr({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), Z = /* @__PURE__ */ W("10:05"), te = /* @__PURE__ */ W(null), T = /* @__PURE__ */ W(null), se = I(() => t.kind === "range-presets"), oe = I(() => h.value === "custom" ? { s: (F.start && F.end ? Math.max(1, Math.round((F.end - F.start) / 864e5)) : 0) + "d", t: "Custom" } : s.find((O) => O.k === h.value) || null);
     function H(O, S) {
       const B = new Date(O, S, 1).getDay(), ye = new Date(O, S + 1, 0).getDate(), Se = [];
       for (let ct = 0; ct < 42; ct++) {
@@ -6701,10 +6701,10 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (let ct = 0; ct < 42; ct += 7) nt.push(Se.slice(ct, ct + 7));
       return { mlabel: o[S], y: O, mi: S, weeks: nt };
     }
-    const E = j(() => {
+    const E = I(() => {
       const O = new Date(f.value, x.value + 1, 1);
       return [H(f.value, x.value), H(O.getFullYear(), O.getMonth())];
-    }), ce = j(() => {
+    }), ce = I(() => {
       const O = Math.floor(f.value / 10) * 10, S = [];
       for (let B = -1; B <= 10; B++) S.push(O + B);
       return S;
@@ -6760,7 +6760,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     function Ue() {
       l.value = !1;
     }
-    const pe = Array.from({ length: 100 }, (O, S) => S), Ee = /* @__PURE__ */ W(26), Qe = /* @__PURE__ */ W(50), at = /* @__PURE__ */ W(null), De = /* @__PURE__ */ W(null), st = j(() => {
+    const pe = Array.from({ length: 100 }, (O, S) => S), Pe = /* @__PURE__ */ W(26), Qe = /* @__PURE__ */ W(50), at = /* @__PURE__ */ W(null), De = /* @__PURE__ */ W(null), st = I(() => {
       const O = [];
       for (let ye = 0; ye <= 100; ye += 10) {
         const Se = (769 + ye / 10 * 529) % 1440;
@@ -6774,7 +6774,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     function Tt(O) {
       if (!at.value || !De.value) return;
       const S = De.value.getBoundingClientRect(), B = Math.min(100, Math.max(0, (O.clientX - S.left) / S.width * 100));
-      at.value === "left" ? Ee.value = Math.min(B, Qe.value - 2) : Qe.value = Math.max(B, Ee.value + 2);
+      at.value === "left" ? Pe.value = Math.min(B, Qe.value - 2) : Qe.value = Math.max(B, Pe.value + 2);
     }
     function Le() {
       at.value = null;
@@ -6784,15 +6784,15 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     }), Jt(() => {
       window.removeEventListener("mousemove", Tt), window.removeEventListener("mouseup", Le);
     });
-    const We = j(() => t.kind === "field-time" ? "clock" : "calendar"), p = j(() => t.placeholder || (t.kind === "field-time" ? "Select time" : t.kind === "field-date" ? "Select date" : "Select date & time")), b = /* @__PURE__ */ W(!1), m = /* @__PURE__ */ W("date"), k = /* @__PURE__ */ W(null), _ = /* @__PURE__ */ W(null), $ = /* @__PURE__ */ W(null), L = /* @__PURE__ */ W(null), I = Array.from({ length: 12 }, (O, S) => S + 1), R = Array.from({ length: 60 }, (O, S) => S), M = j(() => t.kind === "field-date" || t.kind === "field-datetime"), X = j(() => t.kind === "field-time"), V = j(() => H(f.value, x.value)), J = (O) => String(O).padStart(2, "0"), ee = j(() => _.value != null && $.value != null && L.value != null), he = j(() => ee.value ? `${J(_.value)}:${J($.value)} ${L.value}` : ""), ge = j(() => {
+    const We = I(() => t.kind === "field-time" ? "clock" : "calendar"), p = I(() => t.placeholder || (t.kind === "field-time" ? "Select time" : t.kind === "field-date" ? "Select date" : "Select date & time")), b = /* @__PURE__ */ W(!1), m = /* @__PURE__ */ W("date"), k = /* @__PURE__ */ W(null), _ = /* @__PURE__ */ W(null), $ = /* @__PURE__ */ W(null), L = /* @__PURE__ */ W(null), j = Array.from({ length: 12 }, (O, S) => S + 1), R = Array.from({ length: 60 }, (O, S) => S), M = I(() => t.kind === "field-date" || t.kind === "field-datetime"), X = I(() => t.kind === "field-time"), V = I(() => H(f.value, x.value)), J = (O) => String(O).padStart(2, "0"), ee = I(() => _.value != null && $.value != null && L.value != null), he = I(() => ee.value ? `${J(_.value)}:${J($.value)} ${L.value}` : ""), ge = I(() => {
       if (!k.value) return "";
       const O = new Date(k.value);
       return `${J(O.getDate())}/${J(O.getMonth() + 1)}/${O.getFullYear()}`;
-    }), be = j(() => {
+    }), be = I(() => {
       if (!k.value) return "";
       const O = new Date(k.value);
       return `${o[O.getMonth()]} ${O.getDate()} ${O.getFullYear()}`;
-    }), $e = j(() => X.value ? he.value : k.value ? t.kind === "field-datetime" ? `${ge.value}${ee.value ? " " + he.value : ""}` : ge.value : ""), Ce = j(() => X.value ? ee.value : !!k.value);
+    }), $e = I(() => X.value ? he.value : k.value ? t.kind === "field-datetime" ? `${ge.value}${ee.value ? " " + he.value : ""}` : ge.value : ""), Ce = I(() => X.value ? ee.value : !!k.value);
     function Ie() {
       const O = /* @__PURE__ */ new Date(), S = O.getHours();
       _.value = S % 12 || 12, $.value = O.getMinutes(), L.value = S < 12 ? "AM" : "PM";
@@ -6958,7 +6958,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
               ref_key: "colH",
               ref: zo
             }, [
-              (a(!0), c(z, null, Y(G(I), (B) => (a(), c("div", {
+              (a(!0), c(z, null, Y(G(j), (B) => (a(), c("div", {
                 key: "h" + B,
                 class: K(["srow", { on: _.value === B }]),
                 onClick: fe((ye) => ie(B), ["stop"])
@@ -7029,11 +7029,11 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         }, null, 4))), 128)),
         i("div", {
           class: "band",
-          style: xe({ left: Ee.value + "%", width: Qe.value - Ee.value + "%" })
+          style: xe({ left: Pe.value + "%", width: Qe.value - Pe.value + "%" })
         }, null, 4),
         i("div", {
           class: "handle",
-          style: xe({ left: Ee.value + "%", marginLeft: "4px" }),
+          style: xe({ left: Pe.value + "%", marginLeft: "4px" }),
           onMousedown: S[5] || (S[5] = (B) => yt("left", B))
         }, null, 36),
         i("div", {
@@ -7328,7 +7328,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ]));
   }
-}, lf = /* @__PURE__ */ Pe(nf, [["styles", [Sp]]]), af = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:13px;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="bar"]),:host([kind="row"]){display:block;width:100%}.fx{box-sizing:border-box}.fx.k-bar,.fx.k-row{width:100%}.muted{color:var(--neutral-light, #6a7fa0)}.i10{width:10px;height:10px}.i11{width:11px;height:11px}.i12{width:12px;height:12px}.i13{width:13px;height:13px}.i14{width:14px;height:14px}.plus{display:inline-flex;margin-right:4px;font-weight:600}.sel-wrap{position:relative;display:inline-block}.sel-wrap.f1{flex:1;display:block}.sel-wrap.w90{width:90px}.sel-wrap.w100{width:100px}.sel-wrap.w110{width:110px}.sel-wrap.w180{width:180px}.sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:13px;padding:0 24px 0 10px;cursor:pointer}.chev{position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.4px solid var(--neutral-light, #6a7fa0);border-bottom:1.4px solid var(--neutral-light, #6a7fa0);transform:translateY(-65%) rotate(45deg);pointer-events:none}.inp{width:100%;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-sizing:border-box;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:13px;padding:0 10px}.expr-anchor{position:relative;width:440px;max-width:100%}.trigger{display:flex;align-items:center;height:34px;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;background:var(--page-background-color, #fff);overflow:hidden;cursor:pointer}.tg-icon{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 10px;color:var(--neutral-light, #6a7fa0);border-right:1px solid var(--border-color, #e3e8f2)}.tg-text{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-text b,.tg-text strong{font-weight:600}.expr-pop{position:absolute;top:44px;left:0;z-index:20;width:700px;box-sizing:border-box;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 10px 34px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:14px}.pop-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--neutral-lighter, #e3e8f2);color:var(--neutral-light, #6a7fa0);cursor:pointer}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-color, #e3e8f2);margin-bottom:14px}.tab{padding:6px 2px;color:var(--neutral-light, #6a7fa0);border-bottom:2px solid transparent;cursor:pointer}.tab.on{color:var(--primary, #111c2c);border-bottom-color:var(--primary, #111c2c);font-weight:600}.row-inline{display:flex;align-items:center;gap:8px}.row-inline.mb{margin-bottom:12px}.grp{position:relative;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;padding:12px;margin-bottom:10px}.cond{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cond .f1{flex:1}.val.f1{flex:1;display:block}.between{display:flex;align-items:center;gap:6px}.x-inline{color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0;display:inline-flex}.grp-actions{display:flex;align-items:center;gap:18px;margin-top:8px}.link{color:var(--primary, #111c2c);cursor:pointer;display:inline-flex;align-items:center;font-size:12px}.grp-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--neutral-lighter, #e3e8f2);color:var(--neutral-light, #6a7fa0);cursor:pointer}.foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.btn{height:32px;padding:0 16px;border-radius:var(--btn-radius, 4px);font-size:13px;font-weight:400;cursor:pointer;border:1px solid transparent;font-family:inherit}.btn.ghost{border-color:var(--border-color, #e3e8f2);background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.btn.danger{border-color:var(--secondary-red, #ec5b5b);background:transparent;color:var(--secondary-red, #ec5b5b)}.btn.primary{border:none;padding:0 18px;background:var(--primary, #111c2c);color:var(--page-background-color, #fff)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.bar-chips{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:6px;overflow-x:auto;white-space:nowrap}.chip-wrap{position:relative;flex-shrink:0}.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;background:var(--code-tag-background-color, #ecf1f9);border-radius:4px;font-size:13px;color:var(--neutral-button-text, #7186a8)}.seg{padding:0 4px;cursor:pointer}.seg.field{color:var(--neutral-light, #6a7fa0)}.seg.op{color:var(--neutral-regular, #7186a8);border-left:1px solid var(--border-color, #e3e8f2)}.seg.val{font-weight:500;color:var(--neutral-button-text, #7186a8);border-left:1px solid var(--border-color, #e3e8f2)}.seg.on{color:var(--primary, #111c2c)!important}.seg.val.valsel{padding:0 0 0 8px;display:inline-flex;align-items:center}.valsel obs-select{display:inline-flex;align-items:center;font-weight:500;color:var(--primary, #111c2c)}.seg-x{display:inline-flex;align-items:center;margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer}.add-filter{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--primary, #111c2c);cursor:pointer;font-family:inherit;font-size:13px;flex-shrink:0}.add-filter .plus{color:var(--primary, #111c2c)}.pf-label{margin-left:2px}.bar-menu{position:fixed;z-index:1000;min-width:190px;max-height:260px;overflow-y:auto;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(70,70,70,.15))}.menu-head{padding:6px 12px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--neutral-light, #6a7fa0);border-bottom:1px solid var(--border-color, #e3e8f2);position:sticky;top:0;background:var(--page-background-color, #fff)}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;font-size:13px;cursor:pointer}.menu-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-row:hover{background:var(--neutral-lighter, #e3e8f2)}.menu-row.msel{color:var(--primary, #111c2c)}.menu-empty{padding:8px 12px;font-size:12px;color:var(--neutral-light, #6a7fa0)}.bar-right{display:flex;align-items:center;flex:0 0 auto;gap:6px;font-size:13px}.match-btn{display:inline-flex;align-items:center;height:32px;padding:0 10px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);cursor:pointer;font-family:inherit;font-size:13px}.match-val{color:var(--primary, #111c2c);font-weight:500;margin-left:4px}.match-i{margin-left:6px;color:var(--primary, #111c2c)}.clear-all{height:32px;padding:0 8px;border:none;background:transparent;color:var(--primary, #111c2c);cursor:pointer;font-family:inherit;font-size:13px}.ck{color:var(--primary, #111c2c)}.quick{position:relative;display:inline-block;padding-bottom:170px}.quick-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;color:var(--neutral-light, #6a7fa0);cursor:pointer}.quick-menu{position:absolute;left:0;top:38px;min-width:220px;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.quick-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:13px;cursor:pointer}.quick-row:hover{background:var(--neutral-lighter, #e3e8f2)}.chev-r{color:var(--neutral-light, #6a7fa0)}.frow{position:relative;display:flex;align-items:flex-end;gap:16px;padding:14px 16px;width:100%;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px}.frow-field{flex:1}.frow-label{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.frow-select{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;font-size:13px}.chev-static{width:8px;height:8px;border-right:1.4px solid var(--neutral-light, #6a7fa0);border-bottom:1.4px solid var(--neutral-light, #6a7fa0);transform:translateY(-2px) rotate(45deg)}.frow-actions{display:flex;gap:8px}.frow-x{position:absolute;top:8px;right:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;display:inline-flex}.vfil{width:300px;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden}.vfil-search-wrap{padding:8px}.vfil-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;color:var(--neutral-light, #6a7fa0);font-size:13px}.vfil-body{max-height:380px;overflow:auto}.vgroup{border-top:1px solid var(--border-color, #e3e8f2)}.vgroup-head{display:flex;align-items:center;padding:9px 12px;font-size:12px;font-weight:500;color:var(--neutral-light, #6a7fa0);cursor:pointer}.vchev{margin-right:8px;transition:transform .12s}.vchev.open{transform:rotate(90deg)}.vrows{padding-bottom:6px}.vrow{display:flex;align-items:center;padding:5px 12px;font-size:13px;cursor:pointer}.vrow:hover{background:var(--neutral-lighter, #e3e8f2)}.vcb{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--border-color, #e3e8f2);border-radius:3px;background:var(--page-background-color, #fff)}.vcb.on{background:var(--primary, #111c2c);border-color:var(--primary, #111c2c)}.vicon{margin:0 8px;flex-shrink:0}.vname{flex:1;margin-left:0}.vname.noicon{margin-left:8px}.vcount{color:var(--neutral-light, #6a7fa0)}', cf = {
+}, lf = /* @__PURE__ */ Ee(nf, [["styles", [Sp]]]), af = ':host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:13px;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="bar"]),:host([kind="row"]){display:block;width:100%}.fx{box-sizing:border-box}.fx.k-bar,.fx.k-row{width:100%}.muted{color:var(--neutral-light, #6a7fa0)}.i10{width:10px;height:10px}.i11{width:11px;height:11px}.i12{width:12px;height:12px}.i13{width:13px;height:13px}.i14{width:14px;height:14px}.plus{display:inline-flex;margin-right:4px;font-weight:600}.sel-wrap{position:relative;display:inline-block}.sel-wrap.f1{flex:1;display:block}.sel-wrap.w90{width:90px}.sel-wrap.w100{width:100px}.sel-wrap.w110{width:110px}.sel-wrap.w180{width:180px}.sel{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:13px;padding:0 24px 0 10px;cursor:pointer}.chev{position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.4px solid var(--neutral-light, #6a7fa0);border-bottom:1.4px solid var(--neutral-light, #6a7fa0);transform:translateY(-65%) rotate(45deg);pointer-events:none}.inp{width:100%;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-sizing:border-box;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:13px;padding:0 10px}.expr-anchor{position:relative;width:440px;max-width:100%}.trigger{display:flex;align-items:center;height:34px;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;background:var(--page-background-color, #fff);overflow:hidden;cursor:pointer}.tg-icon{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 10px;color:var(--neutral-light, #6a7fa0);border-right:1px solid var(--border-color, #e3e8f2)}.tg-text{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-text b,.tg-text strong{font-weight:600}.expr-pop{position:absolute;top:44px;left:0;z-index:20;width:700px;box-sizing:border-box;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 10px 34px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:14px}.pop-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--neutral-lighter, #e3e8f2);color:var(--neutral-light, #6a7fa0);cursor:pointer}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-color, #e3e8f2);margin-bottom:14px}.tab{padding:6px 2px;color:var(--neutral-light, #6a7fa0);border-bottom:2px solid transparent;cursor:pointer}.tab.on{color:var(--primary, #111c2c);border-bottom-color:var(--primary, #111c2c);font-weight:600}.row-inline{display:flex;align-items:center;gap:8px}.row-inline.mb{margin-bottom:12px}.grp{position:relative;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;padding:12px;margin-bottom:10px}.cond{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cond .f1{flex:1}.val.f1{flex:1;display:block}.between{display:flex;align-items:center;gap:6px}.x-inline{color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0;display:inline-flex}.grp-actions{display:flex;align-items:center;gap:18px;margin-top:8px}.link{color:var(--primary, #111c2c);cursor:pointer;display:inline-flex;align-items:center;font-size:12px}.grp-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--neutral-lighter, #e3e8f2);color:var(--neutral-light, #6a7fa0);cursor:pointer}.foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.btn{height:32px;padding:0 16px;border-radius:var(--btn-radius, 4px);font-size:13px;font-weight:400;cursor:pointer;border:1px solid transparent;font-family:inherit}.btn.ghost{border-color:var(--border-color, #e3e8f2);background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e)}.btn.danger{border-color:var(--secondary-red, #ec5b5b);background:transparent;color:var(--secondary-red, #ec5b5b)}.btn.primary{border:none;padding:0 18px;background:var(--primary, #111c2c);color:var(--page-background-color, #fff)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.bar-chips{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:6px;overflow-x:auto;white-space:nowrap}.chip-wrap{position:relative;flex-shrink:0}.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;background:var(--code-tag-background-color, #ecf1f9);border-radius:4px;font-size:13px;color:var(--neutral-button-text, #7186a8)}.seg{padding:0 4px;cursor:pointer}.seg.field{color:var(--neutral-light, #6a7fa0)}.seg.op{color:var(--neutral-regular, #7186a8);border-left:1px solid var(--border-color, #e3e8f2)}.seg.val{font-weight:500;color:var(--neutral-button-text, #7186a8);border-left:1px solid var(--border-color, #e3e8f2)}.seg.on{color:var(--primary, #111c2c)!important}.seg.val.valsel{padding:0 0 0 8px;display:inline-flex;align-items:center}.valsel obs-select{display:inline-flex;align-items:center;font-weight:500;color:var(--primary, #111c2c)}.seg-x{display:inline-flex;align-items:center;margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer}.add-filter{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--primary, #111c2c);cursor:pointer;font-family:inherit;font-size:13px;flex-shrink:0}.add-filter .plus{color:var(--primary, #111c2c)}.pf-label{margin-left:2px}.bar-menu{position:fixed;z-index:1000;min-width:190px;max-height:260px;overflow-y:auto;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(70,70,70,.15))}.menu-head{padding:6px 12px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--neutral-light, #6a7fa0);border-bottom:1px solid var(--border-color, #e3e8f2);position:sticky;top:0;background:var(--page-background-color, #fff)}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;font-size:13px;cursor:pointer}.menu-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-row:hover{background:var(--neutral-lighter, #e3e8f2)}.menu-row.msel{color:var(--primary, #111c2c)}.menu-empty{padding:8px 12px;font-size:12px;color:var(--neutral-light, #6a7fa0)}.bar-right{display:flex;align-items:center;flex:0 0 auto;gap:6px;font-size:13px}.match-btn{display:inline-flex;align-items:center;height:32px;padding:0 10px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);cursor:pointer;font-family:inherit;font-size:13px}.match-val{color:var(--primary, #111c2c);font-weight:500;margin-left:4px}.match-i{margin-left:6px;color:var(--primary, #111c2c)}.clear-all{height:32px;padding:0 8px;border:none;background:transparent;color:var(--primary, #111c2c);cursor:pointer;font-family:inherit;font-size:13px}.ck{color:var(--primary, #111c2c)}.quick{position:relative;display:inline-block;padding-bottom:170px}.quick-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;color:var(--neutral-light, #6a7fa0);cursor:pointer}.quick-menu{position:absolute;left:0;top:38px;min-width:220px;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.quick-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:13px;cursor:pointer}.quick-row:hover{background:var(--neutral-lighter, #e3e8f2)}.chev-r{color:var(--neutral-light, #6a7fa0)}.frow{position:relative;display:flex;align-items:flex-end;gap:16px;padding:14px 16px;width:100%;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px}.frow-field{flex:1}.frow-label{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.frow-select{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;font-size:13px}.chev-static{width:8px;height:8px;border-right:1.4px solid var(--neutral-light, #6a7fa0);border-bottom:1.4px solid var(--neutral-light, #6a7fa0);transform:translateY(-2px) rotate(45deg)}.frow-actions{display:flex;gap:8px}.frow-x{position:absolute;top:8px;right:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;display:inline-flex}.vfil{width:300px;border:1px solid var(--border-color, #e3e8f2);border-radius:6px;overflow:hidden}.vfil-search-wrap{padding:8px}.vfil-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;color:var(--neutral-light, #6a7fa0);font-size:13px}.vfil-body{max-height:380px;overflow:auto}.vgroup{border-top:1px solid var(--border-color, #e3e8f2)}.vgroup-head{display:flex;align-items:center;padding:9px 12px;font-size:12px;font-weight:500;color:var(--neutral-light, #6a7fa0);cursor:pointer}.vchev{margin-right:8px;transition:transform .12s}.vchev.open{transform:rotate(90deg)}.vrows{padding-bottom:6px}.vrow{display:flex;align-items:center;padding:5px 12px;font-size:13px;cursor:pointer}.vrow:hover{background:var(--neutral-lighter, #e3e8f2)}.vcb{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--border-color, #e3e8f2);border-radius:3px;background:var(--page-background-color, #fff)}.vcb.on{background:var(--primary, #111c2c);border-color:var(--primary, #111c2c)}.vicon{margin:0 8px;flex-shrink:0}.vname{flex:1;margin-left:0}.vname.noicon{margin-left:8px}.vcount{color:var(--neutral-light, #6a7fa0)}', cf = {
   key: 0,
   class: "expr-anchor"
 }, df = { class: "tg-icon" }, uf = {
@@ -7464,7 +7464,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         { inclusion: "include", condition: "and", conditions: [{ operand: "Status", operator: "=", value: "Down", toValue: "" }] }
       ] },
       post: { condition: "and", groups: [f()] }
-    }), te = /* @__PURE__ */ W(u(Z.value)), T = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], se = j(() => F.value === "pre" ? 3 : 1), oe = j(() => te.value ? te.value[F.value] : null), H = (g) => {
+    }), te = /* @__PURE__ */ W(u(Z.value)), T = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], se = I(() => F.value === "pre" ? 3 : 1), oe = I(() => te.value ? te.value[F.value] : null), H = (g) => {
       const v = d.find((q) => q.k === g);
       return v ? v.l : g;
     };
@@ -7478,7 +7478,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       }).filter(Boolean);
       return q.length ? q.length > 1 ? q.map((A) => "(" + A + ")").join(" " + v + " ") : q[0] : "";
     }
-    const ce = j(() => Z.value ? ["pre", "post"].map((g) => E(Z.value[g])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
+    const ce = I(() => Z.value ? ["pre", "post"].map((g) => E(Z.value[g])).filter(Boolean).join(' <strong style="color:var(--primary,#111c2c);margin:0 6px">|</strong> ') : "");
     function Oe() {
       C.value || (te.value = u(Z.value || w())), C.value = !C.value;
     }
@@ -7530,7 +7530,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       { field: "group", operator: "is", value: ["MySQL", "PostgreSQL"] },
       { field: "severity", operator: "is", value: ["Down", "Warning"] },
       { field: "type", operator: "is", value: ["AWS Auto Scaling", "EC2", "S3", "RDS"] }
-    ], Re = j(() => n(o.fields, ue)), ke = /* @__PURE__ */ W(n(o.value, ne).map((g) => ({ ...g })));
+    ], Re = I(() => n(o.fields, ue)), ke = /* @__PURE__ */ W(n(o.value, ne).map((g) => ({ ...g })));
     ot(() => o.value, (g) => {
       g != null && (ke.value = n(g, []).map((v) => ({ ...v })));
     });
@@ -7544,16 +7544,16 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         }
       s("change", g);
     }
-    const pe = /* @__PURE__ */ W(null), Ee = /* @__PURE__ */ W(null), Qe = /* @__PURE__ */ W(null);
+    const pe = /* @__PURE__ */ W(null), Pe = /* @__PURE__ */ W(null), Qe = /* @__PURE__ */ W(null);
     function at(g) {
       ht(() => {
         const v = Qe.value && Qe.value.querySelectorAll(".chip-wrap")[g];
         if (!v) {
-          Ee.value = null;
+          Pe.value = null;
           return;
         }
         const q = v.getBoundingClientRect();
-        Ee.value = { left: Math.round(q.left), top: Math.round(q.bottom + 6) };
+        Pe.value = { left: Math.round(q.left), top: Math.round(q.bottom + 6) };
       });
     }
     const De = (g) => Re.value.find((v) => v.key === g), st = (g) => {
@@ -7577,13 +7577,13 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, p = (g) => {
       const v = g.value;
       return Array.isArray(v) ? v.length ? v.length === 1 ? v[0] : v[0] + " (+" + (v.length - 1) + ")" : "…" : v === "" || v == null ? "…" : v;
-    }, b = (g) => !g.operator, m = (g) => !b(g) || !g.field, k = (g, v) => pe.value && pe.value.i === g && pe.value.step === v, _ = j(() => {
+    }, b = (g) => !g.operator, m = (g) => !b(g) || !g.field, k = (g, v) => pe.value && pe.value.i === g && pe.value.step === v, _ = I(() => {
       if (!pe.value) return [];
       const g = ke.value[pe.value.i];
       if (pe.value.step === "field") return Re.value.map((q) => ({ k: q.key, l: q.label }));
       const v = De(g.field);
       return pe.value.step === "operator" ? (le[v ? v.type : "enum"] || []).map((q) => ({ k: q.k, l: q.l })) : (v ? v.values : []).map((q) => ({ k: q, l: q }));
-    }), $ = j(() => ke.value.some((g) => {
+    }), $ = I(() => ke.value.some((g) => {
       if (!g.field || !g.operator) return !1;
       if (!Le(g)) return !0;
       const v = g.value;
@@ -7593,12 +7593,12 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       q && q.stopPropagation();
       const A = ke.value[g];
       if (v === "field" && A.dflt && A.field && (v = "operator"), k(g, v)) {
-        pe.value = null, Ee.value = null;
+        pe.value = null, Pe.value = null;
         return;
       }
       pe.value = { i: g, step: v }, at(g);
     }
-    function I(g) {
+    function j(g) {
       const { i: v, step: q } = pe.value, A = ke.value[v];
       if (q === "field")
         A.field = g.k, A.operator = "", A.value = "", pe.value = { i: v, step: "operator" };
@@ -7609,7 +7609,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
         A.value = ie.includes(g.k) ? ie.filter((ve) => ve !== g.k) : [...ie, g.k];
       } else
         A.value = g.k, pe.value = null;
-      ke.value = [...ke.value], Ue(), pe.value ? at(pe.value.i) : Ee.value = null;
+      ke.value = [...ke.value], Ue(), pe.value ? at(pe.value.i) : Pe.value = null;
     }
     function R(g) {
       ht(() => {
@@ -7625,7 +7625,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       return Array.isArray(q) ? q.includes(v.k) : q === v.k;
     };
     function X(g) {
-      ke.value.splice(g, 1), pe.value = null, Ee.value = null, Ue();
+      ke.value.splice(g, 1), pe.value = null, Pe.value = null, Ue();
     }
     function V() {
       ke.value.push({ field: "", operator: "", value: "" });
@@ -7633,7 +7633,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       pe.value = { i: g, step: "field" }, at(g);
     }
     function J() {
-      ke.value = [], pe.value = null, Ee.value = null, Ue();
+      ke.value = [], pe.value = null, Pe.value = null, Ue();
     }
     function ee(g) {
       const v = De(g.field);
@@ -7661,7 +7661,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       Ce.value = { ...Ce.value, [g]: !Ce.value[g] };
     }
     function D(g) {
-      g.composedPath().some((v) => v && v.tagName === "OBS-FILTERS") || (C.value = !1, pe.value = null, Ee.value = null, ke.value.some((v) => !v.field) && (ke.value = ke.value.filter((v) => v.field)));
+      g.composedPath().some((v) => v && v.tagName === "OBS-FILTERS") || (C.value = !1, pe.value = null, Pe.value = null, ke.value.some((v) => !v.field) && (ke.value = ke.value.filter((v) => v.field)));
     }
     return Gt(() => document.addEventListener("click", D, !0)), Jt(() => document.removeEventListener("click", D, !0)), (g, v) => {
       const q = Yl("obs-select");
@@ -7882,7 +7882,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
           key: 1,
           class: "bar",
           onClick: v[9] || (v[9] = (A) => {
-            pe.value = null, Ee.value = null;
+            pe.value = null, Pe.value = null;
           })
         }, [
           i("div", {
@@ -7948,10 +7948,10 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
               i("span", { class: "pf-label" }, "Filter", -1)
             ])])
           ], 512),
-          pe.value && Ee.value ? (a(), c("div", {
+          pe.value && Pe.value ? (a(), c("div", {
             key: 0,
             class: "bar-menu",
-            style: xe({ left: Ee.value.left + "px", top: Ee.value.top + "px" }),
+            style: xe({ left: Pe.value.left + "px", top: Pe.value.top + "px" }),
             onClick: v[6] || (v[6] = fe(() => {
             }, ["stop"]))
           }, [
@@ -7959,7 +7959,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
             (a(!0), c(z, null, Y(_.value, (A) => (a(), c("div", {
               key: A.k,
               class: K(["menu-row", { msel: M(pe.value.i, A) }]),
-              onClick: fe((ie) => I(A), ["stop"])
+              onClick: fe((ie) => j(A), ["stop"])
             }, [
               i("span", null, N(A.l), 1),
               M(pe.value.i, A) ? (a(), c("svg", eh, [
@@ -8121,7 +8121,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 2);
     };
   }
-}, Rh = /* @__PURE__ */ Pe(Lh, [["styles", [af]]]), Dh = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{font-family:inherit}.drawer{position:fixed;inset:0 0 0 auto;height:100vh;max-height:100vh;max-width:100vw;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;border-left:2px solid var(--border-color, #e3e8f2);background:var(--drawer-background-color, var(--page-background-color, #fff));color:var(--page-text-color, #1d2a3e);font-size:.8rem;line-height:1.5;overflow:hidden;box-shadow:-8px 0 24px -12px #00000040;outline:none;transform:translate(0);transition:transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.drawer.place-left{inset:0 auto 0 0;border-left:0;border-right:2px solid var(--border-color, #e3e8f2);box-shadow:8px 0 24px -12px #00000040}.drawer:not([open]){transform:translate(100%)}.drawer.place-left:not([open]){transform:translate(-100%)}@starting-style{.drawer[open]{transform:translate(100%)}}@starting-style{.drawer.place-left[open]{transform:translate(-100%)}}.drawer::backdrop{background:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:backdrop-filter .3s ease,opacity .3s ease allow-discrete,display .3s ease allow-discrete}@starting-style{.drawer[open]::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.drawer:not([open])::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}.wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.hd{position:relative;flex:0 0 auto;display:flex;align-items:center;margin:0 15px;padding:15px 0;border-bottom:1px solid var(--border-color, #e3e8f2)}.title{flex:1 1 auto;margin:0;font-size:1rem;font-weight:500;line-height:22px;color:var(--page-text-color, #1d2a3e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x{position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:100%;padding:0;border:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer;transition:color .15s}.x svg{width:18px;height:18px}.x:hover{color:var(--page-text-color, #1d2a3e)}.x:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.body{flex:1 1 auto;min-height:0;padding:15px 15px 0}.body.scroll{overflow-y:auto}.body.pad{padding-left:24px;padding-right:24px}.body:not(.hasfoot){padding-bottom:15px}.body:not(.scroll){padding:0}.actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;height:60px;margin:0 24px;border-bottom-left-radius:15px;background:var(--drawer-background-color, var(--page-background-color, #fff))}.probe{display:none}', Ih = ["aria-labelledby"], jh = { class: "hd" }, Nh = ["id"], Hh = {
+}, Rh = /* @__PURE__ */ Ee(Lh, [["styles", [af]]]), Dh = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{font-family:inherit}.drawer{position:fixed;inset:0 0 0 auto;height:100vh;max-height:100vh;max-width:100vw;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;border-left:2px solid var(--border-color, #e3e8f2);background:var(--drawer-background-color, var(--page-background-color, #fff));color:var(--page-text-color, #1d2a3e);font-size:.8rem;line-height:1.5;overflow:hidden;box-shadow:-8px 0 24px -12px #00000040;outline:none;transform:translate(0);transition:transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.drawer.place-left{inset:0 auto 0 0;border-left:0;border-right:2px solid var(--border-color, #e3e8f2);box-shadow:8px 0 24px -12px #00000040}.drawer:not([open]){transform:translate(100%)}.drawer.place-left:not([open]){transform:translate(-100%)}@starting-style{.drawer[open]{transform:translate(100%)}}@starting-style{.drawer.place-left[open]{transform:translate(-100%)}}.drawer::backdrop{background:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:backdrop-filter .3s ease,opacity .3s ease allow-discrete,display .3s ease allow-discrete}@starting-style{.drawer[open]::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.drawer:not([open])::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}.wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.hd{position:relative;flex:0 0 auto;display:flex;align-items:center;margin:0 15px;padding:15px 0;border-bottom:1px solid var(--border-color, #e3e8f2)}.title{flex:1 1 auto;margin:0;font-size:1rem;font-weight:500;line-height:22px;color:var(--page-text-color, #1d2a3e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x{position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:100%;padding:0;border:0;background:none;color:var(--neutral-light, #6a7fa0);cursor:pointer;transition:color .15s}.x svg{width:18px;height:18px}.x:hover{color:var(--page-text-color, #1d2a3e)}.x:focus-visible{outline:2px solid var(--primary-alt, #3279be);outline-offset:2px}.body{flex:1 1 auto;min-height:0;padding:15px 15px 0}.body.scroll{overflow-y:auto}.body.pad{padding-left:24px;padding-right:24px}.body:not(.hasfoot){padding-bottom:15px}.body:not(.scroll){padding:0}.actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;height:60px;margin:0 24px;border-bottom-left-radius:15px;background:var(--drawer-background-color, var(--page-background-color, #fff))}.probe{display:none}', Ih = ["aria-labelledby"], jh = { class: "hd" }, Nh = ["id"], Hh = {
   viewBox: "0 0 48 48",
   width: "16",
   height: "16",
@@ -8151,7 +8151,7 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   },
   emits: ["open", "close", "after-close", "update:open"],
   setup(e, { emit: t }) {
-    const o = e, s = (E) => E === !1 || E === "false", r = t, n = Vt(), l = Ur(), d = /* @__PURE__ */ W(null), u = /* @__PURE__ */ W(!1), h = j(() => typeof o.width == "number" || /^\d+$/.test(String(o.width)) ? `${o.width}px` : String(o.width)), f = j(() => !s(o.scrolledContent)), x = /* @__PURE__ */ W(!1), w = /* @__PURE__ */ W(null);
+    const o = e, s = (E) => E === !1 || E === "false", r = t, n = Vt(), l = Ur(), d = /* @__PURE__ */ W(null), u = /* @__PURE__ */ W(!1), h = I(() => typeof o.width == "number" || /^\d+$/.test(String(o.width)) ? `${o.width}px` : String(o.width)), f = I(() => !s(o.scrolledContent)), x = /* @__PURE__ */ W(!1), w = /* @__PURE__ */ W(null);
     function C() {
       const E = w.value;
       x.value = !!(E && E.assignedNodes && E.assignedNodes({ flatten: !0 }).some((ce) => ce.nodeType === 1 || (ce.textContent || "").trim()));
@@ -8258,7 +8258,34 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])
     ], 46, Ih));
   }
-}, Uh = /* @__PURE__ */ Pe(Zh, [["styles", [Dh]]]), Wh = {
+}, Uh = /* @__PURE__ */ Ee(Zh, [["styles", [Dh]]]), Wh = ":host{display:inline-flex;line-height:0;vertical-align:middle;color:inherit}svg{display:block}", Kh = ["width", "height", "viewBox", "role", "aria-label", "aria-hidden"], qh = ["d"], Gh = {
+  __name: "ObsIcon.ce",
+  props: {
+    name: { type: String, default: "" },
+    // icon key from the library (e.g. 'vm', 'docker', 'search')
+    size: { type: [String, Number], default: 16 },
+    // px (number/plain digits) or any CSS length (e.g. '1.2em')
+    label: { type: String, default: "" }
+    // accessible name; empty → decorative (aria-hidden)
+  },
+  setup(e) {
+    const t = e, o = I(() => Q[t.name] || null), s = I(() => typeof t.size == "number" || /^\d+$/.test(String(t.size)) ? `${t.size}px` : String(t.size));
+    return (r, n) => o.value ? (a(), c("svg", {
+      key: 0,
+      width: s.value,
+      height: s.value,
+      viewBox: `0 0 ${o.value.w} ${o.value.h}`,
+      fill: "currentColor",
+      role: e.label ? "img" : null,
+      "aria-label": e.label || null,
+      "aria-hidden": e.label ? null : "true"
+    }, [
+      i("path", {
+        d: o.value.p
+      }, null, 8, qh)
+    ], 8, Kh)) : P("", !0);
+  }
+}, Jh = /* @__PURE__ */ Ee(Gh, [["styles", [Wh]]]), Yh = {
   "obs-button": ya,
   "obs-tag": Sa,
   "obs-checkbox": Pa,
@@ -8280,13 +8307,14 @@ const ga = ':host{display:inline-block}button,input,select,textarea{font-family:
   "obs-dataviz-tooltip": Cp,
   "obs-date-time-picker": lf,
   "obs-filters": Rh,
-  "obs-drawer": Uh
+  "obs-drawer": Uh,
+  "obs-icon": Jh
 };
-function Kh() {
-  for (const [e, t] of Object.entries(Wh))
+function Xh() {
+  for (const [e, t] of Object.entries(Yh))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ la(t));
 }
-Kh();
+Xh();
 export {
-  Kh as register
+  Xh as register
 };