npm - @mtdt/observeops-ds-elements - Versions diffs - 0.1.33 → 0.1.34 - Mend

@mtdt/observeops-ds-elements 0.1.33 → 0.1.34

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

Files changed (3) hide show

package/dist/observeops-elements.js +242 -234
package/dist/observeops-elements.umd.cjs +4 -4
package/package.json +1 -1

package/dist/observeops-elements.js CHANGED Viewed

@@ -1052,14 +1052,14 @@ function zl(e, t, o = je) {
     const D = b, O = n === !0 ? 1 / 0 : n;
     b = () => Nt(D(), O);
   }
-  const X = rl(), z = () => {
+  const X = rl(), T = () => {
     f.stop(), X && X.active && Lr(X.effects, f);
   };
   if (s && t) {
     const D = t;
     t = (...O) => {
       const de = D(...O);
-      return z(), de;
+      return T(), de;
     };
   }
   let F = I ? new Array(e.length).fill(Bo) : Bo;
@@ -1098,7 +1098,7 @@ function zl(e, t, o = je) {
         for (const O of D) O();
       Fo.delete(f);
     }
-  }, t ? r ? ee(!0) : F = f.run() : l ? l(ee.bind(null, !0), !0) : f.run(), z.pause = f.pause.bind(f), z.resume = f.resume.bind(f), z.stop = z, z;
+  }, t ? r ? ee(!0) : F = f.run() : l ? l(ee.bind(null, !0), !0) : f.run(), T.pause = f.pause.bind(f), T.resume = f.resume.bind(f), T.stop = T, T;
 }
 function Nt(e, t = 1 / 0, o) {
   if (t <= 0 || !Ie(e) || e.__v_skip || (o = o || /* @__PURE__ */ new Map(), (o.get(e) || 0) >= t))
@@ -1425,7 +1425,7 @@ function ko(e, t, o, r, n = !1) {
   else {
     const I = Ge(u), X = /* @__PURE__ */ pt(u);
     if (I || X) {
-      const z = () => {
+      const T = () => {
         if (e.f) {
           const F = I ? C(u) ? b[u] : f[u] : R() || !e.k ? u.value : f[e.k];
           if (n)
@@ -1442,11 +1442,11 @@ function ko(e, t, o, r, n = !1) {
       };
       if (l) {
         const F = () => {
-          z(), Wo.delete(e);
+          T(), Wo.delete(e);
         };
         F.id = -1, Wo.set(e, F), gt(F, o);
       } else
-        cn(e), z();
+        cn(e), T();
     }
   }
 }
@@ -1715,7 +1715,7 @@ function ea(e) {
     updated: R,
     activated: I,
     deactivated: X,
-    beforeDestroy: z,
+    beforeDestroy: T,
     beforeUnmount: F,
     destroyed: ee,
     unmounted: D,
@@ -2065,11 +2065,11 @@ function hn(e) {
     ctx: R,
     inheritAttrs: I
   } = e, X = Uo(e);
-  let z, F;
+  let T, F;
   try {
     if (o.shapeFlag & 4) {
       const D = n || r, O = D;
-      z = Ot(
+      T = Ot(
         h.call(
           O,
           D,
@@ -2082,7 +2082,7 @@ function hn(e) {
       ), F = d;
     } else {
       const D = t;
-      z = Ot(
+      T = Ot(
         D.length > 1 ? D(
           b,
           { attrs: d, slots: l, emit: u }
@@ -2093,9 +2093,9 @@ function hn(e) {
       ), F = t.props ? d : da(d);
     }
   } catch (D) {
-    _o.length = 0, ir(D, e, 1), z = G(Zt);
+    _o.length = 0, ir(D, e, 1), T = G(Zt);
   }
-  let ee = z;
+  let ee = T;
   if (F && I !== !1) {
     const D = Object.keys(F), { shapeFlag: O } = ee;
     D.length && O & 7 && (s && D.some(Qo) && (F = ua(
@@ -2103,7 +2103,7 @@ function hn(e) {
       s
     )), ee = uo(ee, F, !1, !0));
   }
-  return o.dirs && (ee = uo(ee, null, !1, !0), ee.dirs = ee.dirs ? ee.dirs.concat(o.dirs) : o.dirs), o.transition && Ur(ee, o.transition), z = ee, Uo(X), z;
+  return o.dirs && (ee = uo(ee, null, !1, !0), ee.dirs = ee.dirs ? ee.dirs.concat(o.dirs) : o.dirs), o.transition && Ur(ee, o.transition), T = ee, Uo(X), T;
 }
 const da = (e) => {
   let t;
@@ -2318,8 +2318,8 @@ function As(e, t, o = !1) {
         const k = s[f], C = l[b] = he(k) || me(k) ? { type: k } : Qe({}, k), R = C.type;
         let I = !1, X = !0;
         if (he(R))
-          for (let z = 0; z < R.length; ++z) {
-            const F = R[z], ee = me(F) && F.name;
+          for (let T = 0; T < R.length; ++T) {
+            const F = R[T], ee = me(F) && F.name;
             if (ee === "Boolean") {
               I = !0;
               break;
@@ -2411,7 +2411,7 @@ function ka(e, t) {
         X(v, p, g, y);
         break;
       case Zt:
-        z(v, p, g, y);
+        T(v, p, g, y);
         break;
       case No:
         v == null && F(p, g, y, H);
@@ -2475,7 +2475,7 @@ function ka(e, t) {
       const S = p.el = v.el;
       p.children !== v.children && h(S, p.children);
     }
-  }, z = (v, p, g, y) => {
+  }, T = (v, p, g, y) => {
     v == null ? r(
       p.el = u(p.children || ""),
       g,
@@ -2747,7 +2747,7 @@ function ka(e, t) {
     if (hs(v) && (_.ctx.renderer = Fe), Pa(_, !1, H), _.asyncDep) {
       if (S && S.registerDep(_, pe, H), !v.el) {
         const E = _.subTree = G(Zt);
-        z(null, E, p, g), v.placeholder = E.el;
+        T(null, E, p, g), v.placeholder = E.el;
       }
     } else
       pe(
@@ -3443,7 +3443,7 @@ function dt(e, t) {
   const o = G(No, null, e);
   return o.staticCount = t, o;
 }
-function T(e = "", t = !1) {
+function z(e = "", t = !1) {
   return t ? (a(), Xe(Zt, null, e)) : G(Zt, null, e);
 }
 function Ot(e) {
@@ -4431,7 +4431,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       class: N(["btn", ["v-" + e.variant, "s-" + e.size, { outline: e.outline, block: e.block, square: e.square, squared: e.squared, loading: e.loading, "shape-circle": e.shape === "circle" }]]),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (a(), c("span", bi)) : T("", !0),
+      e.loading ? (a(), c("span", bi)) : z("", !0),
       Rt(t.$slots, "default")
     ], 10, gi));
   }
@@ -4530,14 +4530,14 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       healthy: "tag-green",
       stable: "tag-green",
       operational: "tag-green"
-    }, R = { poweredoff: "up", poweredon: "down" }, I = (D) => D ? D.charAt(0).toUpperCase() + D.slice(1).toLowerCase() : "", X = M(() => String(o.status || "").toLowerCase()), z = M(
+    }, R = { poweredoff: "up", poweredon: "down" }, I = (D) => D ? D.charAt(0).toUpperCase() + D.slice(1).toLowerCase() : "", X = M(() => String(o.status || "").toLowerCase()), T = M(
       () => o.status ? o.forcePrimary ? "tag-primary" : C[X.value] || "tag-primary" : o.variant
     ), F = M(() => o.rounded || !!o.status), ee = M(() => I(R[X.value] || String(o.status || "")));
     return (D, O) => {
       const de = it("obs-icon");
       return n.value ? (a(), c("span", {
         key: 0,
-        class: N(["tag", [z.value, { rounded: F.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
+        class: N(["tag", [T.value, { rounded: F.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
       }, [
         e.status ? (a(), c(A, { key: 0 }, [
           Ne(L(ee.value), 1)
@@ -4579,9 +4579,9 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 onKeydown: O[1] || (O[1] = (fe) => b(f))
               }, "No", 32)
             ])
-          ])) : T("", !0)
-        ], 512)) : T("", !0)
-      ], 2)) : T("", !0);
+          ])) : z("", !0)
+        ], 512)) : z("", !0)
+      ], 2)) : z("", !0);
     };
   }
 }, $i = /* @__PURE__ */ He(Si, [["styles", [yi]]]), Ci = '.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)}', Mi = ["tabindex", "aria-checked"], Ai = {
@@ -4629,7 +4629,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       i("span", {
         class: N(["box", { on: s.value && !e.indeterminate, ind: e.indeterminate }])
       }, [
-        s.value && !e.indeterminate ? (a(), c("span", Ai)) : e.indeterminate ? (a(), c("span", zi)) : T("", !0)
+        s.value && !e.indeterminate ? (a(), c("span", Ai)) : e.indeterminate ? (a(), c("span", zi)) : z("", !0)
       ], 2),
       i("span", Ti, [
         Rt(u.$slots, "default")
@@ -4676,9 +4676,9 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       disabled: e.disabled || e.loading,
       onClick: d
     }, [
-      s.value ? (a(), c("span", Li, L(l.value ? e.checkedText : e.uncheckedText), 1)) : T("", !0),
+      s.value ? (a(), c("span", Li, L(l.value ? e.checkedText : e.uncheckedText), 1)) : z("", !0),
       i("span", Di, [
-        e.loading ? (a(), c("span", Bi)) : T("", !0)
+        e.loading ? (a(), c("span", Bi)) : z("", !0)
       ])
     ], 10, Ri));
   }
@@ -4735,8 +4735,8 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: "pop-item",
             title: r(k)
           }, L(r(k)), 9, Zi))), 128))
-        ])) : T("", !0)
-      ])) : T("", !0)
+        ])) : z("", !0)
+      ])) : z("", !0)
     ], 512));
   }
 }, Wi = /* @__PURE__ */ He(Ui, [["styles", [Ni]]]), Ki = '.rg{display:inline-flex;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.rg.list{align-items:center;gap:8px}.rg.list.vertical{flex-direction:column;align-items:flex-start;gap:10px}.rg.list .opt{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dot{position:relative;flex:0 0 auto;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);background:var(--checkbox-bg, #fff);transition:border-color .15s}.rg.list .opt:hover .dot,.rg.list .opt.on .dot{border-color:var(--primary, #111c2c)}.rg.list .opt.on .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--primary, #111c2c)}.rg.list .opt.dis{opacity:.5;cursor:not-allowed}.rg.seg{border:1px solid var(--border-color, #e3e8f2);border-radius:4px;overflow:hidden}.rg.seg .opt{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--radio-btn-box-bg, #fff);color:var(--neutral-regular, #7186a8);border-left:1px solid var(--border-color, #e3e8f2);transition:background .12s,color .12s}.rg.seg .opt:first-child{border-left:none}.rg.seg .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.seg.s-small .opt{height:24px;padding:0 8px}.rg.seg.s-large .opt{height:38px;padding:0 14px}.rg.seg .opt.dis{opacity:.5;cursor:not-allowed}.rg.disabled{opacity:.65}.rg.seg .ic{display:inline-flex;align-items:center;margin-right:6px}.ic obs-icon{display:block}.rg.sev{border:none;border-radius:0;overflow:visible}.rg.sev .opt{position:relative;height:32px;padding:0 11px;border-left:none;background:transparent;color:var(--neutral-regular, #7186a8);border-radius:4px}.rg.sev .opt+.opt:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border-color, #e3e8f2)}.rg.sev .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.sev .opt.on:before,.rg.sev .opt.on+.opt:before{display:none}', qi = ["aria-checked", "onClick"], Gi = {
@@ -4805,13 +4805,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         "aria-checked": l.value === R.value,
         onClick: (I) => h(R)
       }, [
-        d.value ? T("", !0) : (a(), c("span", Gi)),
+        d.value ? z("", !0) : (a(), c("span", Gi)),
         R.icon ? (a(), c("span", {
           key: 1,
           class: "ic",
           "aria-hidden": "true",
           innerHTML: b(R.icon)
-        }, null, 8, Ji)) : T("", !0),
+        }, null, 8, Ji)) : z("", !0),
         i("span", Yi, L(R.label), 1)
       ], 10, qi))), 128))
     ], 2));
@@ -4892,7 +4892,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function X(O) {
       d(O.target.value), r("input", l.value);
     }
-    function z() {
+    function T() {
       r("change", l.value);
     }
     function F() {
@@ -4917,12 +4917,12 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           class: "lbl"
         }, [
           Ne(L(e.label), 1),
-          e.required ? (a(), c("span", oc, " *")) : T("", !0)
-        ], 8, tc)) : T("", !0),
+          e.required ? (a(), c("span", oc, " *")) : z("", !0)
+        ], 8, tc)) : z("", !0),
         i("div", {
           class: N(["grp", { "has-addon": I.value, area: u.value, block: e.block }])
         }, [
-          e.addonBefore ? (a(), c("span", rc, L(e.addonBefore), 1)) : T("", !0),
+          e.addonBefore ? (a(), c("span", rc, L(e.addonBefore), 1)) : z("", !0),
           i("div", {
             class: N(["ip", ["t-" + e.type, { error: e.error, disabled: e.disabled, readonly: e.readonly, material: e.material, nobord: e.noBorder }]])
           }, [
@@ -4931,7 +4931,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: "adorn pre",
               "aria-hidden": "true",
               innerHTML: k(C.value)
-            }, null, 8, nc)) : e.prefix ? (a(), c("span", sc, L(e.prefix), 1)) : T("", !0),
+            }, null, 8, nc)) : e.prefix ? (a(), c("span", sc, L(e.prefix), 1)) : z("", !0),
             u.value ? (a(), c("textarea", {
               key: 2,
               id: bt(s),
@@ -4943,7 +4943,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               required: e.required,
               rows: "3",
               onInput: X,
-              onChange: z
+              onChange: T
             }, null, 40, lc)) : (a(), c("input", {
               key: 3,
               id: bt(s),
@@ -4955,7 +4955,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               readonly: e.readonly,
               required: e.required,
               onInput: X,
-              onChange: z,
+              onChange: T,
               onKeydown: ee
             }, null, 40, ac)),
             e.allowClear && l.value && !u.value && !e.disabled ? (a(), c("button", {
@@ -4970,13 +4970,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 size: "14",
                 "aria-hidden": "true"
               })
-            ])) : T("", !0),
+            ])) : z("", !0),
             R.value ? (a(), c("span", {
               key: 5,
               class: "adorn suf",
               "aria-hidden": "true",
               innerHTML: k(R.value)
-            }, null, 8, ic)) : e.suffix ? (a(), c("span", cc, L(e.suffix), 1)) : T("", !0),
+            }, null, 8, ic)) : e.suffix ? (a(), c("span", cc, L(e.suffix), 1)) : z("", !0),
             h.value ? (a(), c("span", dc, [
               i("button", {
                 class: "stp up",
@@ -5000,12 +5000,12 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   "aria-hidden": "true"
                 })
               ])
-            ])) : T("", !0)
+            ])) : z("", !0)
           ], 2),
-          e.addonAfter ? (a(), c("span", uc, L(e.addonAfter), 1)) : T("", !0)
+          e.addonAfter ? (a(), c("span", uc, L(e.addonAfter), 1)) : z("", !0)
         ], 2),
-        e.help && !(e.error && e.errorMessage) ? (a(), c("div", pc, L(e.help), 1)) : T("", !0),
-        e.error && e.errorMessage ? (a(), c("div", fc, L(e.errorMessage), 1)) : T("", !0)
+        e.help && !(e.error && e.errorMessage) ? (a(), c("div", pc, L(e.help), 1)) : z("", !0),
+        e.error && e.errorMessage ? (a(), c("div", fc, L(e.errorMessage), 1)) : z("", !0)
       ], 2);
     };
   }
@@ -5112,12 +5112,12 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function n(w) {
       return w ? String(w).split(",").map((q) => q.trim()).filter(Boolean) : [];
     }
-    const s = /* @__PURE__ */ V(null), l = /* @__PURE__ */ V(null), d = /* @__PURE__ */ V(null), u = /* @__PURE__ */ V(null), h = /* @__PURE__ */ V(!1), f = /* @__PURE__ */ V(""), b = /* @__PURE__ */ V(-1), k = /* @__PURE__ */ V(-1), C = /* @__PURE__ */ V(!1), R = /* @__PURE__ */ V(!1), I = /* @__PURE__ */ V(!1), X = /* @__PURE__ */ V(""), z = /* @__PURE__ */ V(n(o.value)), F = /* @__PURE__ */ V([]), ee = /* @__PURE__ */ V({}), D = /* @__PURE__ */ V(!1), O = /* @__PURE__ */ V({});
+    const s = /* @__PURE__ */ V(null), l = /* @__PURE__ */ V(null), d = /* @__PURE__ */ V(null), u = /* @__PURE__ */ V(null), h = /* @__PURE__ */ V(!1), f = /* @__PURE__ */ V(""), b = /* @__PURE__ */ V(-1), k = /* @__PURE__ */ V(-1), C = /* @__PURE__ */ V(!1), R = /* @__PURE__ */ V(!1), I = /* @__PURE__ */ V(!1), X = /* @__PURE__ */ V(""), T = /* @__PURE__ */ V(n(o.value)), F = /* @__PURE__ */ V([]), ee = /* @__PURE__ */ V({}), D = /* @__PURE__ */ V(!1), O = /* @__PURE__ */ V({});
     tt(() => o.value, (w) => {
-      z.value = n(w);
+      T.value = n(w);
     });
     const de = wt();
-    tt(z, (w) => {
+    tt(T, (w) => {
       if (!de) return;
       const q = o.multiple ? w.join(",") : w[0] || "";
       try {
@@ -5148,7 +5148,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     }), ie = M(() => We.value.some((w) => w.group)), pe = M(() => {
       const w = f.value.toLowerCase();
       return K.value.filter((q) => !w || String(q.label).toLowerCase().includes(w));
-    }), ce = M(() => K.value.filter((w) => !w.disabled).map((w) => w.value)), le = M(() => ce.value.length > 0 && ce.value.every((w) => z.value.includes(w))), Ve = /* @__PURE__ */ V({}), Se = (w) => w && String(w).startsWith("--") ? `var(${w}, #6a7fa0)` : w;
+    }), ce = M(() => K.value.filter((w) => !w.disabled).map((w) => w.value)), le = M(() => ce.value.length > 0 && ce.value.every((w) => T.value.includes(w))), Ve = /* @__PURE__ */ V({}), Se = (w) => w && String(w).startsWith("--") ? `var(${w}, #6a7fa0)` : w;
     function et(w) {
       Ve.value = { ...Ve.value, [w]: !Ve.value[w] };
     }
@@ -5168,19 +5168,19 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function ne(w) {
       const q = w.children.filter((oe) => !oe.disabled);
-      return q.length > 0 && q.every((oe) => z.value.includes(oe.value));
+      return q.length > 0 && q.every((oe) => T.value.includes(oe.value));
     }
     function ke(w) {
-      return !ne(w) && w.children.some((q) => z.value.includes(q.value));
+      return !ne(w) && w.children.some((q) => T.value.includes(q.value));
     }
     function $e(w) {
       const q = w.children.filter((x) => !x.disabled).map((x) => x.value);
-      let oe = [...z.value];
+      let oe = [...T.value];
       if (ne(w)) oe = oe.filter((x) => !q.includes(x));
       else for (const x of q) oe.includes(x) || oe.push(x);
-      z.value = oe, r("change", [...z.value]);
+      T.value = oe, r("change", [...T.value]);
     }
-    const qe = M(() => o.maxValues > 0 && z.value.length >= o.maxValues);
+    const qe = M(() => o.maxValues > 0 && T.value.length >= o.maxValues);
     function Fe(w) {
       const q = K.value.find((oe) => oe.value === w);
       return q ? q.label : w;
@@ -5198,7 +5198,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       h.value && Je();
     }
     function p() {
-      o.disabled || o.loading || (h.value = !0, r("show"), b.value = Math.max(0, pe.value.findIndex((w) => z.value.includes(w.value))), ht(() => {
+      o.disabled || o.loading || (h.value = !0, r("show"), b.value = Math.max(0, pe.value.findIndex((w) => T.value.includes(w.value))), ht(() => {
         try {
           const w = l.value;
           w && w.showPopover && !w.matches(":popover-open") && w.showPopover();
@@ -5216,21 +5216,21 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function S(w) {
       if (!w.disabled)
         if (o.multiple) {
-          const q = z.value.indexOf(w.value);
-          if (q >= 0) z.value.splice(q, 1);
+          const q = T.value.indexOf(w.value);
+          if (q >= 0) T.value.splice(q, 1);
           else {
             if (qe.value) return;
-            z.value.push(w.value);
+            T.value.push(w.value);
           }
-          z.value = [...z.value], r("change", [...z.value]);
+          T.value = [...T.value], r("change", [...T.value]);
         } else
-          z.value = [w.value], r("change", w.value), g();
+          T.value = [w.value], r("change", w.value), g();
     }
     function $() {
-      z.value = le.value ? [] : o.maxValues > 0 ? ce.value.slice(0, o.maxValues) : [...ce.value], r("change", [...z.value]);
+      T.value = le.value ? [] : o.maxValues > 0 ? ce.value.slice(0, o.maxValues) : [...ce.value], r("change", [...T.value]);
     }
     function H(w) {
-      w && w.stopPropagation(), z.value = [], r("change", o.multiple ? [] : "");
+      w && w.stopPropagation(), T.value = [], r("change", o.multiple ? [] : "");
     }
     function _() {
       I.value = !0, X.value = "", ht(() => {
@@ -5242,7 +5242,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function P() {
       const w = X.value.trim();
-      w && (K.value.some((q) => q.value === w) || (F.value = [...F.value, { value: w, label: w }]), r("add", w), o.multiple ? (z.value.includes(w) || (z.value = [...z.value, w]), r("change", [...z.value])) : (z.value = [w], r("change", w)), I.value = !1, X.value = "", ht(Je));
+      w && (K.value.some((q) => q.value === w) || (F.value = [...F.value, { value: w, label: w }]), r("add", w), o.multiple ? (T.value.includes(w) || (T.value = [...T.value, w]), r("change", [...T.value])) : (T.value = [w], r("change", w)), I.value = !1, X.value = "", ht(Je));
     }
     function se(w) {
       f.value = w.target.value, b.value = 0, r("search", f.value), ht(Je);
@@ -5275,9 +5275,9 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function ae(w) {
       w.currentTarget.contains(w.relatedTarget) || g();
     }
-    const ye = M(() => o.allowClear && !o.removeClearBtn && z.value.length && !o.disabled && !o.loading), Ce = M(() => z.value.length ? Fe(z.value[0]) : ""), Ae = M(() => Math.max(0, z.value.length - 1)), De = M(() => Ce.value + (Ae.value ? ` (+${Ae.value})` : ""));
+    const ye = M(() => o.allowClear && !o.removeClearBtn && T.value.length && !o.disabled && !o.loading), Ce = M(() => T.value.length ? Fe(T.value[0]) : ""), Ae = M(() => Math.max(0, T.value.length - 1)), De = M(() => Ce.value + (Ae.value ? ` (+${Ae.value})` : ""));
     function Be(w) {
-      if (h.value || !o.multiple || z.value.length < 2) return;
+      if (h.value || !o.multiple || T.value.length < 2) return;
       const q = w.currentTarget.getBoundingClientRect();
       O.value = { position: "fixed", left: Math.round(q.left) + "px", top: Math.round(q.bottom + 6) + "px" }, D.value = !0;
     }
@@ -5302,34 +5302,34 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         onFocusout: ae
       }, [
         e.multiple && e.disabled ? (a(), c("div", wc, [
-          z.value.length ? (a(), c(A, { key: 0 }, [
-            (a(!0), c(A, null, Q(z.value.slice(0, e.maxItems), (x) => (a(), c("span", {
+          T.value.length ? (a(), c(A, { key: 0 }, [
+            (a(!0), c(A, null, Q(T.value.slice(0, e.maxItems), (x) => (a(), c("span", {
               class: "pill",
               key: x
             }, L(Fe(x)), 1))), 128)),
-            z.value.length > e.maxItems ? (a(), c("span", {
+            T.value.length > e.maxItems ? (a(), c("span", {
               key: 0,
               class: "pill more",
               role: "button",
               tabindex: "0",
               onClick: q[0] || (q[0] = (x) => R.value = !R.value)
             }, [
-              Ne(" +" + L(z.value.length - e.maxItems) + " ", 1),
+              Ne(" +" + L(T.value.length - e.maxItems) + " ", 1),
               R.value ? (a(), c("div", _c, [
-                (a(!0), c(A, null, Q(z.value.slice(e.maxItems), (x) => (a(), c("div", {
+                (a(!0), c(A, null, Q(T.value.slice(e.maxItems), (x) => (a(), c("div", {
                   class: "pill-pop-item",
                   key: x
                 }, L(Fe(x)), 1))), 128))
-              ])) : T("", !0)
-            ])) : T("", !0)
+              ])) : z("", !0)
+            ])) : z("", !0)
           ], 64)) : (a(), c("span", Sc, L(fe.value), 1))
         ])) : e.textOnly ? (a(), c("span", {
           key: 1,
-          class: N(["t-text", { ph: !z.value.length }]),
+          class: N(["t-text", { ph: !T.value.length }]),
           onClick: y,
           onMouseenter: Be,
           onMouseleave: ot
-        }, L(z.value.length ? e.multiple ? De.value : Ce.value : fe.value), 35)) : we.value ? (a(), c("button", {
+        }, L(T.value.length ? e.multiple ? De.value : Ce.value : fe.value), 35)) : we.value ? (a(), c("button", {
           key: 3,
           class: N(["trig", { open: h.value }]),
           disabled: e.disabled,
@@ -5338,7 +5338,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           onMouseleave: q[2] || (q[2] = (x) => C.value = !1)
         }, [
           i("span", Mc, [
-            z.value.length ? (a(), c("span", Ac, L(e.multiple ? De.value : Ce.value), 1)) : (a(), c("span", zc, L(fe.value), 1))
+            T.value.length ? (a(), c("span", Ac, L(e.multiple ? De.value : Ce.value), 1)) : (a(), c("span", zc, L(fe.value), 1))
           ]),
           i("span", Tc, [
             ye.value && C.value ? (a(), c("span", {
@@ -5367,19 +5367,19 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           onClick: y
         }, [
           i("span", {
-            class: N({ ph: !z.value.length })
-          }, L(z.value.length ? e.multiple ? De.value : Ce.value : fe.value), 3)
+            class: N({ ph: !T.value.length })
+          }, L(T.value.length ? e.multiple ? De.value : Ce.value : fe.value), 3)
         ], 8, $c)),
-        D.value && !h.value && e.textOnly && e.multiple && z.value.length > 1 ? (a(), c("div", {
+        D.value && !h.value && e.textOnly && e.multiple && T.value.length > 1 ? (a(), c("div", {
           key: 4,
           class: "val-pop",
           style: xe(O.value)
         }, [
-          (a(!0), c(A, null, Q(z.value, (x) => (a(), c("div", {
+          (a(!0), c(A, null, Q(T.value, (x) => (a(), c("div", {
             key: x,
             class: "val-pop-item"
           }, L(Fe(x)), 1))), 128))
-        ], 4)) : T("", !0),
+        ], 4)) : z("", !0),
         h.value ? (a(), c("div", {
           key: 5,
           ref_key: "menuRef",
@@ -5416,8 +5416,8 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   name: "plus",
                   size: "14"
                 })
-              ], 32)) : T("", !0)
-            ])) : T("", !0),
+              ], 32)) : z("", !0)
+            ])) : z("", !0),
             e.canUserAddOptions && I.value ? (a(), c("div", Dc, [
               i("input", {
                 ref_key: "addRef",
@@ -5454,7 +5454,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   size: "15"
                 })
               ], 32)
-            ])) : T("", !0),
+            ])) : z("", !0),
             e.multiple && e.allowSelectAll ? (a(), c("button", {
               key: 2,
               class: "mopt selall",
@@ -5465,7 +5465,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 "aria-hidden": "true"
               }, null, 2),
               q[8] || (q[8] = i("span", { class: "mlbl" }, "Select All", -1))
-            ])) : T("", !0),
+            ])) : z("", !0),
             i("div", {
               class: "opts",
               role: "listbox",
@@ -5490,63 +5490,63 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                         class: N(["cbx", { ck: ne(x), ind: ke(x) }]),
                         "aria-hidden": "true",
                         onClick: ve((m) => $e(x), ["stop"])
-                      }, null, 10, Nc)) : T("", !0),
+                      }, null, 10, Nc)) : z("", !0),
                       i("span", Hc, L(x.label), 1)
-                    ], 8, jc)) : T("", !0),
+                    ], 8, jc)) : z("", !0),
                     (a(!0), c(A, null, Q(J(x) && Ye(x) ? Re(x) : [], (m) => (a(), c("button", {
                       key: "c-" + m.value,
                       type: "button",
-                      class: N(["mopt child", { on: z.value.includes(m.value), dis: m.disabled }]),
+                      class: N(["mopt child", { on: T.value.includes(m.value), dis: m.disabled }]),
                       role: "option",
-                      "aria-selected": z.value.includes(m.value),
+                      "aria-selected": T.value.includes(m.value),
                       onClick: (U) => S(m)
                     }, [
                       e.multiple ? (a(), c("span", {
                         key: 0,
-                        class: N(["cbx", { ck: z.value.includes(m.value) }]),
+                        class: N(["cbx", { ck: T.value.includes(m.value) }]),
                         "aria-hidden": "true"
-                      }, null, 2)) : T("", !0),
+                      }, null, 2)) : z("", !0),
                       m.color ? (a(), c("span", {
                         key: 1,
                         class: "mdot",
                         style: xe({ background: Se(m.color) }),
                         "aria-hidden": "true"
-                      }, null, 4)) : T("", !0),
+                      }, null, 4)) : z("", !0),
                       m.icon ? (a(), c("span", {
                         key: 2,
                         class: "mic",
                         innerHTML: m.icon
-                      }, null, 8, Fc)) : T("", !0),
+                      }, null, 8, Fc)) : z("", !0),
                       i("span", Zc, L(m.label), 1)
                     ], 10, Vc))), 128))
                   ], 64)) : be(x.label) ? (a(), c("button", {
                     key: "o-" + x.value,
                     type: "button",
-                    class: N(["mopt", { on: z.value.includes(x.value), dis: x.disabled }]),
+                    class: N(["mopt", { on: T.value.includes(x.value), dis: x.disabled }]),
                     role: "option",
-                    "aria-selected": z.value.includes(x.value),
+                    "aria-selected": T.value.includes(x.value),
                     onClick: (m) => S(x)
                   }, [
                     e.multiple ? (a(), c("span", {
                       key: 0,
-                      class: N(["cbx", { ck: z.value.includes(x.value) }]),
+                      class: N(["cbx", { ck: T.value.includes(x.value) }]),
                       "aria-hidden": "true"
-                    }, null, 2)) : T("", !0),
+                    }, null, 2)) : z("", !0),
                     x.color ? (a(), c("span", {
                       key: 1,
                       class: "mdot",
                       style: xe({ background: Se(x.color) }),
                       "aria-hidden": "true"
-                    }, null, 4)) : T("", !0),
+                    }, null, 4)) : z("", !0),
                     x.icon ? (a(), c("span", {
                       key: 2,
                       class: "mic",
                       innerHTML: x.icon
-                    }, null, 8, Wc)) : T("", !0),
+                    }, null, 8, Wc)) : z("", !0),
                     i("span", Kc, L(x.label), 1)
-                  ], 10, Uc)) : T("", !0)
+                  ], 10, Uc)) : z("", !0)
                 ], 64))), 256)),
-                pe.value.length ? T("", !0) : (a(), c("div", qc, [...q[9] || (q[9] = [
+                pe.value.length ? z("", !0) : (a(), c("div", qc, [...q[9] || (q[9] = [
                   i("span", {
                     class: "empty-ic",
                     "aria-hidden": "true"
@@ -5556,9 +5556,9 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               ], 64)) : (a(), c(A, { key: 1 }, [
                 (a(!0), c(A, null, Q(pe.value, (x, m) => (a(), c("button", {
                   key: x.value,
-                  class: N(["mopt", { on: z.value.includes(x.value), dis: x.disabled, active: m === b.value }]),
+                  class: N(["mopt", { on: T.value.includes(x.value), dis: x.disabled, active: m === b.value }]),
                   role: "option",
-                  "aria-selected": z.value.includes(x.value),
+                  "aria-selected": T.value.includes(x.value),
                   onClick: (U) => S(x),
                   onMouseenter: (U) => {
                     k.value = m, b.value = m;
@@ -5567,24 +5567,24 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   e.multiple ? (a(), c("span", {
                     key: 0,
-                    class: N(["cbx", { ck: z.value.includes(x.value) }]),
+                    class: N(["cbx", { ck: T.value.includes(x.value) }]),
                     "aria-hidden": "true"
-                  }, null, 2)) : T("", !0),
+                  }, null, 2)) : z("", !0),
                   x.color ? (a(), c("span", {
                     key: 1,
                     class: "mdot",
                     style: xe({ background: Se(x.color) }),
                     "aria-hidden": "true"
-                  }, null, 4)) : T("", !0),
+                  }, null, 4)) : z("", !0),
                   x.icon ? (a(), c("span", {
                     key: 2,
                     class: "mic",
                     innerHTML: x.icon
-                  }, null, 8, Jc)) : T("", !0),
+                  }, null, 8, Jc)) : z("", !0),
                   i("span", Yc, L(x.label), 1),
-                  x.disabled ? (a(), c("span", Xc)) : T("", !0)
+                  x.disabled ? (a(), c("span", Xc)) : z("", !0)
                 ], 42, Gc))), 128)),
-                pe.value.length ? T("", !0) : (a(), c("div", Qc, [...q[10] || (q[10] = [
+                pe.value.length ? z("", !0) : (a(), c("div", Qc, [...q[10] || (q[10] = [
                   i("span", {
                     class: "empty-ic",
                     "aria-hidden": "true"
@@ -5593,7 +5593,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 ])]))
               ], 64))
             ], 8, Ic),
-            e.multiple && z.value.length ? (a(), c("div", ed, [
+            e.multiple && T.value.length ? (a(), c("div", ed, [
               i("button", {
                 class: "clearbtn",
                 onClick: H
@@ -5605,15 +5605,15 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }),
                 q[11] || (q[11] = Ne("Clear", -1))
               ])
-            ])) : T("", !0)
+            ])) : z("", !0)
           ]),
           e.useAfterMenuDescription ? (a(), c("div", td, [
             nt.value ? (a(), c(A, { key: 0 }, [
               i("div", od, L(Fe(pe.value[k.value].value)), 1),
               i("div", rd, L(nt.value), 1)
             ], 64)) : (a(), c("div", nd, "Hover an option to see details."))
-          ])) : T("", !0)
-        ], 6)) : T("", !0)
+          ])) : z("", !0)
+        ], 6)) : z("", !0)
       ], 42, kc);
     };
   }
@@ -5645,7 +5645,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           style: xe(d.value),
           "aria-hidden": "true"
         }, null, 4),
-        e.displayText ? (a(), c("span", dd, L(s.value), 1)) : T("", !0)
+        e.displayText ? (a(), c("span", dd, L(s.value), 1)) : z("", !0)
       ], 64)) : e.shape === "chip" ? (a(), c("span", {
         key: 1,
         class: "chip",
@@ -5671,7 +5671,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         Rt(b.$slots, "default", {}, () => [
           Ne(L(l.value), 1)
         ])
-      ], 4)) : T("", !0)
+      ], 4)) : z("", !0)
     ], 10, cd));
   }
 }, pd = /* @__PURE__ */ He(ud, [["styles", [id]]]), fd = '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 obs-icon{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 var(--neutral-shadow-light, rgba(0, 0, 0, .15));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)}', vd = { class: "pt" }, hd = ["aria-label", "onClick"], gd = ["placeholder"], bd = {
@@ -5729,7 +5729,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       const ie = K.trim();
       return n.value ? ie : R.value ? ie.toLowerCase() : ie;
     }
-    const X = M(() => o.placeholder || (n.value ? "Select" : "Add Tags")), z = M(() => !o.disabled && !o.loading), F = M(() => {
+    const X = M(() => o.placeholder || (n.value ? "Select" : "Add Tags")), T = M(() => !o.disabled && !o.loading), F = M(() => {
       const K = f.value.trim().toLowerCase();
       if (n.value)
         return l.value.filter((le) => !h.value.includes(le.value) && (!K || le.label.toLowerCase().includes(K) || le.value.toLowerCase().includes(K)));
@@ -5737,7 +5737,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       K && !ie.includes(I(f.value)) && !pe.some((le) => le.toLowerCase() === K) && ce.push({ label: f.value.trim(), value: I(f.value), create: !0 });
       for (const le of pe) ce.push({ label: le, value: le });
       return ce;
-    }), ee = M(() => b.value && z.value && F.value.length > 0);
+    }), ee = M(() => b.value && T.value && F.value.length > 0);
     function D(K) {
       h.value = K, r("change", h.value);
     }
@@ -5786,7 +5786,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           class: "pill"
         }, [
           i("span", vd, L(n.value ? d(ce) : ce), 1),
-          z.value ? (a(), c("button", {
+          T.value ? (a(), c("button", {
             key: 0,
             class: "rm",
             type: "button",
@@ -5797,9 +5797,9 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               name: "times",
               size: "11"
             })
-          ], 8, hd)) : T("", !0)
+          ], 8, hd)) : z("", !0)
         ]))), 128)),
-        z.value ? zt((a(), c("input", {
+        T.value ? zt((a(), c("input", {
           key: 0,
           ref_key: "inputEl",
           ref: C,
@@ -5812,7 +5812,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           onBlur: we
         }, null, 40, gd)), [
           [Vo, f.value]
-        ]) : h.value.length ? T("", !0) : (a(), c("span", bd, L(X.value), 1)),
+        ]) : h.value.length ? z("", !0) : (a(), c("span", bd, L(X.value), 1)),
         e.loading ? (a(), c("span", xd, [
           G(pe, {
             name: "spinnerThird",
@@ -5821,14 +5821,14 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : !e.disabled || n.value ? (a(), c("span", {
           key: 3,
           class: N(["arrow", { up: ee.value, dim: e.disabled }]),
-          onMousedown: ie[2] || (ie[2] = ve((ce) => z.value && We(), ["prevent"])),
+          onMousedown: ie[2] || (ie[2] = ve((ce) => T.value && We(), ["prevent"])),
           "aria-hidden": "true"
         }, [
           G(pe, {
             name: "chevronDown",
             size: "10"
           })
-        ], 34)) : T("", !0),
+        ], 34)) : z("", !0),
         ee.value ? (a(), c("ul", md, [
           (a(!0), c(A, null, Q(F.value, (ce, le) => (a(), c("li", {
             key: ce.value,
@@ -5839,7 +5839,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           }, [
             i("span", kd, L(ce.label), 1)
           ], 42, yd))), 128))
-        ])) : T("", !0)
+        ])) : z("", !0)
       ], 34);
     };
   }
@@ -5910,11 +5910,11 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           key: s,
           class: N(["nico", { on: s === 2 }])
         }, null, 2))), 128))
-      ])) : T("", !0),
+      ])) : z("", !0),
       i("div", Pd, [
         e.header ? (a(), c("div", Ed, [...n[7] || (n[7] = [
           dt('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
-        ])])) : T("", !0),
+        ])])) : z("", !0),
         i("div", Rd, [
           e.empty ? (a(), c("div", Ld, [...n[8] || (n[8] = [
             i("span", { class: "ec" }, null, -1),
@@ -5934,7 +5934,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         e.overlay ? (a(), c("div", Bd, [...n[11] || (n[11] = [
           i("span", { class: "tl" }, null, -1),
           i("span", { class: "tl wide" }, null, -1)
-        ])])) : T("", !0)
+        ])])) : z("", !0)
       ])
     ]));
   }
@@ -5971,7 +5971,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           i("span", { class: "btn ghost" }, "Reset", -1),
           i("span", { class: "btn primary" }, "Apply", -1)
         ])], 4)
-      ], 64)) : T("", !0)
+      ], 64)) : z("", !0)
     ]));
   }
 }, Fd = /* @__PURE__ */ He(Vd, [["styles", [Nd]]]), Zd = ":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}", Ud = {
@@ -6028,7 +6028,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
         i("span", { class: "ts wide" }, null, -1),
         i("span", { class: "ts" }, null, -1),
         i("span", { class: "ts" }, null, -1)
-      ])])) : T("", !0),
+      ])])) : z("", !0),
       i("div", {
         class: N(["pbody", { col: o.value }])
       }, [
@@ -6066,7 +6066,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       ], 2),
       e.footer ? (a(), c("div", Xd, [...n[14] || (n[14] = [
         i("span", { class: "fs" }, null, -1)
-      ])])) : T("", !0)
+      ])])) : z("", !0)
     ]));
   }
 }, eu = /* @__PURE__ */ He(Qd, [["styles", [Zd]]]), tu = ":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)}", ou = { class: "shell" }, ru = {
@@ -6106,11 +6106,11 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
             key: d,
             class: N(["nico", { on: d === 2 }])
           }, null, 2)), 64))
-        ])) : T("", !0),
+        ])) : z("", !0),
         i("div", su, [
           r.value.header ? (a(), c("div", lu, [...l[2] || (l[2] = [
             dt('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
-          ])])) : T("", !0),
+          ])])) : z("", !0),
           i("div", {
             class: N(["body", { padded: r.value.padded }])
           }, [
@@ -6129,7 +6129,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 key: d,
                 class: N(["mrow", { on: d === 2 }])
               }, null, 2)), 64))
-            ])) : T("", !0),
+            ])) : z("", !0),
             i("div", du, [
               l[5] || (l[5] = i("div", { class: "ptitle" }, "Page title", -1)),
               l[6] || (l[6] = i("div", { class: "rule" }, null, -1)),
@@ -6396,7 +6396,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
             }))
           ])
         ], 8, Wu),
-        e.disabled ? T("", !0) : (a(), c("span", {
+        e.disabled ? z("", !0) : (a(), c("span", {
           key: 0,
           class: "bubble",
           role: "tooltip",
@@ -6524,7 +6524,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       for (let B = 0; B < 24; B++)
         for (const Me of ["00", "30"]) j.push(String(B).padStart(2, "0") + ":" + Me);
       return j;
-    })(), s = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], l = /* @__PURE__ */ V(!1), d = /* @__PURE__ */ V("presets"), u = /* @__PURE__ */ V(null), h = /* @__PURE__ */ V(t.empty ? null : "-24h"), f = /* @__PURE__ */ V(2026), b = /* @__PURE__ */ V(5), k = /* @__PURE__ */ new Date(), C = new Date(k.getFullYear(), k.getMonth(), k.getDate()).getTime(), R = /* @__PURE__ */ ar({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), I = /* @__PURE__ */ V("10:05"), X = /* @__PURE__ */ V(null), z = /* @__PURE__ */ V(null), F = M(() => t.kind === "range-presets"), ee = M(() => h.value === "custom" ? { s: (R.start && R.end ? Math.max(1, Math.round((R.end - R.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((j) => j.k === h.value) || null);
+    })(), s = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], l = /* @__PURE__ */ V(!1), d = /* @__PURE__ */ V("presets"), u = /* @__PURE__ */ V(null), h = /* @__PURE__ */ V(t.empty ? null : "-24h"), f = /* @__PURE__ */ V(2026), b = /* @__PURE__ */ V(5), k = /* @__PURE__ */ new Date(), C = new Date(k.getFullYear(), k.getMonth(), k.getDate()).getTime(), R = /* @__PURE__ */ ar({ start: new Date(2026, 5, 10).getTime(), end: new Date(2026, 5, 11).getTime(), pickNext: "start" }), I = /* @__PURE__ */ V("10:05"), X = /* @__PURE__ */ V(null), T = /* @__PURE__ */ V(null), F = M(() => t.kind === "range-presets"), ee = M(() => h.value === "custom" ? { s: (R.start && R.end ? Math.max(1, Math.round((R.end - R.start) / 864e5)) : 0) + "d", t: "Custom" } : r.find((j) => j.k === h.value) || null);
     function D(j, B) {
       const Me = new Date(j, B, 1).getDay(), W = new Date(j, B + 1, 0).getDate(), Le = [];
       for (let yt = 0; yt < 42; yt++) {
@@ -6544,7 +6544,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       return B;
     });
     function fe() {
-      t.disabled || (l.value = !l.value, l.value && (d.value = "presets", z.value = null));
+      t.disabled || (l.value = !l.value, l.value && (d.value = "presets", T.value = null));
     }
     function Te(j) {
       h.value = j, l.value = !1;
@@ -6573,10 +6573,10 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       f.value = j.getFullYear(), b.value = j.getMonth();
     }
     function ie(j, B) {
-      B.stopPropagation(), z.value = z.value === j ? null : j;
+      B.stopPropagation(), T.value = T.value === j ? null : j;
     }
     function pe(j) {
-      z.value === "from" ? I.value = j : X.value = j, z.value = null;
+      T.value === "from" ? I.value = j : X.value = j, T.value = null;
     }
     function ce(j) {
       b.value = j, u.value = null;
@@ -6682,10 +6682,10 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       p.value && g.value === "time" && Fs();
     });
     function en(j) {
-      j.composedPath().some((B) => B && B.tagName === "OBS-DATE-TIME-PICKER") || (l.value = !1, z.value = null, p.value = !1);
+      j.composedPath().some((B) => B && B.tagName === "OBS-DATE-TIME-PICKER") || (l.value = !1, T.value = null, p.value = !1);
     }
     return eo(() => document.addEventListener("click", en, !0)), Lt(() => document.removeEventListener("click", en, !0)), tt(() => t.kind, () => {
-      l.value = !1, z.value = null, p.value = !1, d.value = "presets", u.value = null, g.value = t.kind === "field-time" ? "time" : "date";
+      l.value = !1, T.value = null, p.value = !1, d.value = "presets", u.value = null, g.value = t.kind === "field-time" ? "time" : "date";
     }), (j, B) => {
       const Me = it("obs-icon");
       return e.kind.startsWith("field") ? (a(), c("span", {
@@ -6781,7 +6781,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               ]))), 128))
             ]))), 128))
           ])) : (a(), c("div", dp, [
-            P.value ? (a(), c("div", up, L(Ae.value || "Select date"), 1)) : T("", !0),
+            P.value ? (a(), c("div", up, L(Ae.value || "Select date"), 1)) : z("", !0),
             i("div", pp, [
               i("div", {
                 class: "scol",
@@ -6845,7 +6845,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               }, "Ok")
             ], 64))
           ], 2)
-        ])) : T("", !0)
+        ])) : z("", !0)
       ], 2)) : e.kind === "slider" ? (a(), c("div", bp, [
         i("div", {
           ref_key: "rail",
@@ -6925,7 +6925,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               i("span", null, L(W.t), 1),
               i("span", wp, L(W.s), 1)
             ], 10, kp)), 64)),
-            F.value ? T("", !0) : (a(), c("a", {
+            F.value ? z("", !0) : (a(), c("a", {
               key: 0,
               class: N(["prow custom-row", { active: h.value === "custom" }]),
               onClick: B[7] || (B[7] = (W) => d.value = "custom")
@@ -6939,7 +6939,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 B[25] || (B[25] = Ne("Custom", -1))
               ])
             ], 2))
-          ])) : T("", !0),
+          ])) : z("", !0),
           l.value && d.value === "custom" ? (a(), c("div", Sp, [
             u.value ? u.value === "month" ? (a(), c("div", Np, [
               i("div", Hp, [
@@ -7032,7 +7032,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                             size: "11"
                           })
                         ])
-                      ], 64)) : T("", !0)
+                      ], 64)) : z("", !0)
                     ]),
                     i("span", Ap, [
                       i("span", {
@@ -7065,7 +7065,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                             size: "11"
                           })
                         ])
-                      ], 64)) : T("", !0)
+                      ], 64)) : z("", !0)
                     ])
                   ]),
                   i("div", Tp, [
@@ -7081,7 +7081,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     (a(!0), c(A, null, Q(Ze, (Wt, Ro) => (a(), c("div", { key: Ro }, [
                       i("div", {
                         style: xe(Oe(Wt)),
-                        onClick: (Dv) => we(Wt)
+                        onClick: (Bv) => we(Wt)
                       }, L(Wt.d), 13, Op)
                     ]))), 128))
                   ]))), 128))
@@ -7101,13 +7101,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                       class: "chev sm"
                     })
                   ]),
-                  z.value === "from" ? (a(), c("div", Rp, [
+                  T.value === "from" ? (a(), c("div", Rp, [
                     (a(!0), c(A, null, Q(bt(n), (W) => (a(), c("div", {
                       key: W,
                       class: N(["trow", { active: I.value === W }]),
                       onClick: (Le) => pe(W)
                     }, L(W), 11, Lp))), 128))
-                  ])) : T("", !0)
+                  ])) : z("", !0)
                 ]),
                 i("div", Dp, [
                   B[28] || (B[28] = i("div", { class: "tlab" }, "To Time", -1)),
@@ -7124,13 +7124,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                       class: "chev sm"
                     })
                   ]),
-                  z.value === "to" ? (a(), c("div", Bp, [
+                  T.value === "to" ? (a(), c("div", Bp, [
                     (a(!0), c(A, null, Q(bt(n), (W) => (a(), c("div", {
                       key: W,
                       class: N(["trow", { active: X.value === W }]),
                       onClick: (Le) => pe(W)
                     }, L(W), 11, Ip))), 128))
-                  ])) : T("", !0)
+                  ])) : z("", !0)
                 ])
               ]),
               B[29] || (B[29] = i("div", { class: "divider" }, null, -1)),
@@ -7145,7 +7145,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, "Apply")
               ])
             ], 64))
-          ])) : T("", !0)
+          ])) : z("", !0)
         ])
       ]));
     };
@@ -7222,7 +7222,7 @@ const hi = ':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()] }
-    }), X = /* @__PURE__ */ V(u(I.value)), z = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], F = M(() => R.value === "pre" ? 3 : 1), ee = M(() => X.value ? X.value[R.value] : null), D = (x) => {
+    }), X = /* @__PURE__ */ V(u(I.value)), T = [{ k: "pre", text: "Pre Filters" }, { k: "post", text: "Post Filters" }], F = M(() => R.value === "pre" ? 3 : 1), ee = M(() => X.value ? X.value[R.value] : null), D = (x) => {
       const m = d.find((U) => U.k === x);
       return m ? m.l : x;
     };
@@ -7462,7 +7462,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ]),
             i("div", t1, [
-              (a(), c(A, null, Q(z, (te) => i("div", {
+              (a(), c(A, null, Q(T, (te) => i("div", {
                 key: te.k,
                 class: N(["tab", { on: R.value === te.k }]),
                 onClick: (_e) => R.value = te.k
@@ -7486,7 +7486,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 })
               ]),
               m[11] || (m[11] = i("span", null, "Group(s) matching", -1))
-            ])) : T("", !0),
+            ])) : z("", !0),
             (a(!0), c(A, null, Q(ee.value.groups, (te, _e) => (a(), c("div", {
               key: _e,
               class: "grp"
@@ -7610,7 +7610,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "12",
                     class: "i12"
                   })
-                ], 8, k1)) : T("", !0)
+                ], 8, k1)) : z("", !0)
               ]))), 128)),
               i("div", w1, [
                 te.conditions.length < 3 ? (a(), c("a", {
@@ -7624,7 +7624,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "11"
                   }),
                   m[18] || (m[18] = Ne("Add Condition", -1))
-                ], 8, _1)) : T("", !0),
+                ], 8, _1)) : z("", !0),
                 _e === ee.value.groups.length - 1 && ee.value.groups.length < F.value ? (a(), c("a", {
                   key: 1,
                   class: "link",
@@ -7636,7 +7636,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "11"
                   }),
                   m[19] || (m[19] = Ne("Add New Group", -1))
-                ])) : T("", !0)
+                ])) : z("", !0)
               ]),
               ee.value.groups.length > 1 ? (a(), c("a", {
                 key: 0,
@@ -7648,7 +7648,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   size: "10",
                   class: "i10"
                 })
-              ], 8, S1)) : T("", !0)
+              ], 8, S1)) : z("", !0)
             ]))), 128)),
             i("div", { class: "foot" }, [
               i("button", {
@@ -7664,7 +7664,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 onClick: Oe
               }, "Apply")
             ])
-          ])) : T("", !0)
+          ])) : z("", !0)
         ])) : e.kind === "bar" ? (a(), c("div", {
           key: 1,
           class: "bar",
@@ -7692,7 +7692,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: 0,
                   class: N(["seg op", { on: y(_e, "operator") }]),
                   onClick: ve((ze) => H(_e, "operator", ze), ["stop"])
-                }, L(qe(te)), 11, M1)) : T("", !0),
+                }, L(qe(te)), 11, M1)) : z("", !0),
                 te.operator && Fe(te) && Je(te) ? (a(), c("span", {
                   key: 1,
                   class: "seg val valsel",
@@ -7713,7 +7713,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: 2,
                   class: N(["seg val", { on: y(_e, "value") }]),
                   onClick: ve((ze) => H(_e, "value", ze), ["stop"])
-                }, L(v(te)), 11, A1)) : T("", !0),
+                }, L(v(te)), 11, A1)) : z("", !0),
                 g(te) ? (a(), c("span", {
                   key: 3,
                   class: "seg-x",
@@ -7724,7 +7724,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "11",
                     class: "i11"
                   })
-                ], 8, z1)) : T("", !0)
+                ], 8, z1)) : z("", !0)
               ])
             ]))), 128)),
             i("button", {
@@ -7758,10 +7758,10 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 name: "check",
                 size: "11",
                 class: "i11 ck"
-              })) : T("", !0)
+              })) : z("", !0)
             ], 10, O1))), 128)),
-            S.value.length ? T("", !0) : (a(), c("div", P1, "No options"))
-          ], 4)) : T("", !0),
+            S.value.length ? z("", !0) : (a(), c("div", P1, "No options"))
+          ], 4)) : z("", !0),
           $.value ? (a(), c("div", {
             key: 1,
             class: "bar-right",
@@ -7785,7 +7785,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: "clear-all",
               onClick: re
             }, "Clear All")
-          ])) : T("", !0)
+          ])) : z("", !0)
         ])) : e.kind === "quick" ? (a(), c("div", R1, [
           i("a", L1, [
             G(U, {
@@ -7875,7 +7875,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                       size: "10",
                       class: "i10",
                       style: { color: "var(--page-background-color,#fff)" }
-                    })) : T("", !0)
+                    })) : z("", !0)
                   ], 10, K1),
                   _e.i ? (a(), Xe(U, {
                     key: 0,
@@ -7883,13 +7883,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     style: xe({ color: _e.col }),
                     name: q(_e.i),
                     size: "13"
-                  }, null, 8, ["style", "name"])) : T("", !0),
+                  }, null, 8, ["style", "name"])) : z("", !0),
                   i("span", {
                     class: N(["vname", { noicon: !_e.i }])
                   }, L(_e.n), 3),
                   i("span", q1, L(_e.c), 1)
                 ]))), 128))
-              ])) : T("", !0)
+              ])) : z("", !0)
             ]))), 128))
           ])
         ]))
@@ -7934,7 +7934,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       "delete-split": { left: [{ t: "Delete", v: "error", outline: !0, a: "delete" }], right: [{ t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] },
       "note-split": { note: "* fields are mandatory", right: [{ t: "Back", v: "default", a: "back" }, { t: "Cancel", v: "default", close: !0 }, { t: "Save", v: "primary", a: "save" }] }
     }, R = M(() => C[o.footer] || null), I = M(() => !!(R.value && (R.value.left || R.value.note))), X = M(() => b.value || !!R.value);
-    function z(Z) {
+    function T(Z) {
       Z.a && n("footer-action", { action: Z.a }), Z.close && O();
     }
     function F() {
@@ -8041,12 +8041,12 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               onSlotchange: F
             }),
             !b.value && R.value ? (a(), c(A, { key: 0 }, [
-              R.value.note ? (a(), c("span", tf, L(R.value.note), 1)) : T("", !0),
+              R.value.note ? (a(), c("span", tf, L(R.value.note), 1)) : z("", !0),
               (a(!0), c(A, null, Q(R.value.left || [], (K) => (a(), Xe(We, {
                 key: "l" + K.t,
                 variant: K.v,
                 outline: K.outline || null,
-                onClick: (ie) => z(K)
+                onClick: (ie) => T(K)
               }, {
                 default: Mo(() => [
                   Ne(L(K.t), 1)
@@ -8059,7 +8059,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   variant: K.v,
                   outline: K.outline || null,
                   style: xe(ie < R.value.right.length - 1 ? "margin-right:8px" : ""),
-                  onClick: (pe) => z(K)
+                  onClick: (pe) => T(K)
                 }, {
                   default: Mo(() => [
                     Ne(L(K.t), 1)
@@ -8067,7 +8067,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   _: 2
                 }, 1032, ["variant", "outline", "style", "onClick"]))), 128))
               ])
-            ], 64)) : T("", !0)
+            ], 64)) : z("", !0)
           ], 2), [
             [Za, X.value]
           ])
@@ -8137,7 +8137,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       i("path", {
         d: o.value.p
       }, null, 8, cf)
-    ], 8, af)) : T("", !0);
+    ], 8, af)) : z("", !0);
   }
 }, uf = /* @__PURE__ */ He(df, [["styles", [lf]]]), pf = 'button{font-family:inherit}:host{font-family:var(--font-family, "Poppins", sans-serif)}.gs{display:inline-block;width:280px}.gs.block,:host([block]){display:block;width:100%}.trig{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 12px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);font-size:.8rem;cursor:pointer}.gs.disabled .trig{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.tlabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlabel.ph{color:var(--neutral-light, #6a7fa0)}.chev{color:var(--neutral-light, #6a7fa0);flex:0 0 auto;transition:transform .15s}.chev.up{transform:rotate(180deg)}.menu[popover]{border:0;padding:0;margin:0;inset:auto;overflow:visible;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(29, 42, 62, .12))}.head{display:flex;align-items:center;gap:16px;padding:12px 12px 8px}.srch{display:flex;align-items:center;gap:8px;width:300px;height:36px;padding:0 10px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;color:var(--neutral-light, #6a7fa0)}.srch input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:.8rem;color:var(--page-text-color, #1d2a3e)}.selacts{display:flex;align-items:center;gap:12px;font-size:.8rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600}.lnk{color:var(--page-text-color, #1d2a3e);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.sep{color:var(--neutral-lighter, #e3e8f2)}.grid{width:100%;border-collapse:collapse;font-size:13px;color:var(--page-text-color, #1d2a3e)}.grid th{padding:9px 16px;font-size:.75rem;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--neutral-regular, #7186a8);text-align:left;white-space:nowrap;border-top:1px solid var(--border-color, #e3e8f2);border-bottom:1px solid var(--border-color, #e3e8f2)}.grid th.srt{cursor:pointer}.grid td{padding:12px 16px;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid tbody tr{cursor:pointer}.grid tbody tr:hover td{background:var(--grid-header-hover-bg, rgba(165, 186, 208, .18))}.grid tbody tr.sel td{background:var(--neutral-lightest, #ecf1f9)}.grid tbody tr.sel td:first-child{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.al-right{text-align:right}.al-center{text-align:center}.sarr{margin-left:5px;opacity:.6;font-size:10px}.cbx-col{width:44px}.empty{text-align:center;padding:24px 0;color:var(--neutral-light, #6a7fa0);border-bottom:none}.cbx{display:inline-block;width:16px;height:16px;border:1px solid var(--border-color, #8e9fbc);border-radius:3px;background:var(--page-background-color, #fff);cursor:pointer;vertical-align:middle;position:relative}.cbx.ck{background:var(--primary-alt, #3279be);border-color:var(--primary-alt, #3279be)}.cbx.ck:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--white-regular, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.cell-sev{display:inline-flex;align-items:center;gap:8px}.ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary-red, #ec5b5b);flex:0 0 auto}.cell-type{display:inline-flex;align-items:center;gap:6px;color:var(--neutral-regular, #7186a8)}.cell-type .cog{color:var(--primary-alt, #3279be)}.cell-status{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:11px;font-size:.75rem;font-weight:600;background:var(--severity-clear-lightest, #d9f6ea);color:var(--secondary-green, #1aae9f)}.cell-status[data-status=down],.cell-status[data-status=critical]{background:var(--severity-critical-lightest, #fde3e3);color:var(--secondary-red, #ec5b5b)}', ff = ["disabled"], vf = { class: "head" }, hf = {
   key: 0,
@@ -8203,7 +8203,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     tt(() => o.value, (J) => {
       b.value = f(J);
     });
-    const k = /* @__PURE__ */ V(!1), C = /* @__PURE__ */ V(""), R = /* @__PURE__ */ V(""), I = /* @__PURE__ */ V("asc"), X = /* @__PURE__ */ V("all"), z = /* @__PURE__ */ V(null), F = /* @__PURE__ */ V(null), ee = /* @__PURE__ */ V(null), D = /* @__PURE__ */ V({}), O = M(() => b.value.length), de = M(() => new Set(b.value.map(String))), fe = (J) => J[o.rowKey], Te = (J) => de.value.has(String(fe(J))), ue = M(() => {
+    const k = /* @__PURE__ */ V(!1), C = /* @__PURE__ */ V(""), R = /* @__PURE__ */ V(""), I = /* @__PURE__ */ V("asc"), X = /* @__PURE__ */ V("all"), T = /* @__PURE__ */ V(null), F = /* @__PURE__ */ V(null), ee = /* @__PURE__ */ V(null), D = /* @__PURE__ */ V({}), O = M(() => b.value.length), de = M(() => new Set(b.value.map(String))), fe = (J) => J[o.rowKey], Te = (J) => de.value.has(String(fe(J))), ue = M(() => {
       if (!O.value) return o.placeholder;
       const J = h.value.find((ke) => fe(ke) === b.value[0]), ne = J ? J.name ?? J.label ?? fe(J) : b.value[0];
       return O.value > 1 ? `${ne} (+${O.value - 1})` : ne;
@@ -8240,7 +8240,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     }
     function le() {
       ht(() => {
-        const J = z.value && z.value.getBoundingClientRect();
+        const J = T.value && T.value.getBoundingClientRect();
         if (!J) return;
         D.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(J.left)}px`, top: `${Math.round(J.bottom + 4)}px`, width: `${Math.max(Math.round(J.width), 520)}px` };
         const ne = F.value;
@@ -8273,7 +8273,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function be(J) {
       if (!k.value) return;
       const ne = J.composedPath ? J.composedPath() : [];
-      ne.includes(z.value) || ne.includes(F.value) || Se();
+      ne.includes(T.value) || ne.includes(F.value) || Se();
     }
     typeof document < "u" && document.addEventListener("click", be, !0), Lt(() => {
       typeof document < "u" && document.removeEventListener("click", be, !0);
@@ -8283,7 +8283,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       const ke = it("obs-icon");
       return a(), c("div", {
         ref_key: "rootRef",
-        ref: z,
+        ref: T,
         class: N(["gs", { open: k.value, disabled: e.disabled, block: e.block }])
       }, [
         i("button", {
@@ -8322,7 +8322,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 placeholder: "Search",
                 onInput: ce
               }, null, 40, gf)
-            ])) : T("", !0),
+            ])) : z("", !0),
             e.multiple && O.value ? (a(), c("div", bf, [
               i("span", xf, L(O.value), 1),
               i("a", {
@@ -8334,7 +8334,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 class: "lnk",
                 onClick: ie
               }, "Clear Selected")
-            ])) : T("", !0)
+            ])) : z("", !0)
           ]),
           i("table", mf, [
             i("thead", null, [
@@ -8344,14 +8344,14 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     class: N(["cbx", { ck: we.value }]),
                     onClick: K
                   }, null, 2)
-                ])) : T("", !0),
+                ])) : z("", !0),
                 (a(!0), c(A, null, Q(u.value, ($e) => (a(), c("th", {
                   key: $e.key,
                   class: N(["al-" + ($e.align || "left"), { srt: $e.sortable }]),
                   onClick: (qe) => pe($e)
                 }, [
                   Ne(L($e.title), 1),
-                  $e.sortable && R.value === $e.key ? (a(), c("span", wf, L(I.value === "asc" ? "↑" : "↓"), 1)) : T("", !0)
+                  $e.sortable && R.value === $e.key ? (a(), c("span", wf, L(I.value === "asc" ? "↑" : "↓"), 1)) : z("", !0)
                 ], 10, kf))), 128))
               ])
             ]),
@@ -8365,7 +8365,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   i("span", {
                     class: N(["cbx", { ck: Te($e) }])
                   }, null, 2)
-                ])) : T("", !0),
+                ])) : z("", !0),
                 (a(!0), c(A, null, Q(u.value, (qe) => (a(), c("td", {
                   key: qe.key,
                   class: N("al-" + (qe.align || "left"))
@@ -8394,7 +8394,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                   ])) : (a(), c("span", Af, L(Re($e, qe)), 1))
                 ], 2))), 128))
               ], 10, _f))), 128)),
-              Z.value.length ? T("", !0) : (a(), c("tr", zf, [
+              Z.value.length ? z("", !0) : (a(), c("tr", zf, [
                 i("td", {
                   colspan: u.value.length + (e.multiple ? 1 : 0),
                   class: "empty"
@@ -8402,7 +8402,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               ]))
             ])
           ])
-        ], 4)) : T("", !0)
+        ], 4)) : z("", !0)
       ], 2);
     };
   }
@@ -8476,13 +8476,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     function X() {
       u.value ? I() : R();
     }
-    function z(F) {
+    function T(F) {
       if (!u.value) return;
       const ee = F.composedPath ? F.composedPath() : [];
       ee.includes(h.value) || ee.includes(f.value) || I();
     }
-    return typeof document < "u" && document.addEventListener("click", z, !0), Lt(() => {
-      typeof document < "u" && document.removeEventListener("click", z, !0);
+    return typeof document < "u" && document.addEventListener("click", T, !0), Lt(() => {
+      typeof document < "u" && document.removeEventListener("click", T, !0);
     }), (F, ee) => {
       const D = it("obs-icon");
       return d.value ? (a(), c("div", {
@@ -8510,7 +8510,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: "mico",
               name: O.icon,
               size: "15"
-            }, null, 8, ["name"])) : T("", !0),
+            }, null, 8, ["name"])) : z("", !0),
             i("span", Lf, L(O.label ?? O.name ?? O.key), 1)
           ], 10, Rf))
         ], 64))), 256))
@@ -8573,11 +8573,11 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 class: "mico",
                 name: O.icon,
                 size: "15"
-              }, null, 8, ["name"])) : T("", !0),
+              }, null, 8, ["name"])) : z("", !0),
               i("span", jf, L(O.label ?? O.name ?? O.key), 1)
             ], 10, If))
           ], 64))), 256))
-        ], 4)) : T("", !0)
+        ], 4)) : z("", !0)
       ], 2));
     };
   }
@@ -8631,7 +8631,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     tt(() => r.value, (ue) => {
       b.value = ue;
     });
-    const k = M(() => String(b.value).toLowerCase() === "transparent"), C = M(() => /^#[0-9a-fA-F]{6}$/.test(b.value) ? b.value : "#0D9488"), R = /* @__PURE__ */ V(!1), I = /* @__PURE__ */ V(null), X = /* @__PURE__ */ V(null), z = /* @__PURE__ */ V({});
+    const k = M(() => String(b.value).toLowerCase() === "transparent"), C = M(() => /^#[0-9a-fA-F]{6}$/.test(b.value) ? b.value : "#0D9488"), R = /* @__PURE__ */ V(!1), I = /* @__PURE__ */ V(null), X = /* @__PURE__ */ V(null), T = /* @__PURE__ */ V({});
     function F(ue) {
       if (b.value = ue, s)
         try {
@@ -8647,7 +8647,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
       ht(() => {
         const ue = I.value && I.value.getBoundingClientRect();
         if (!ue) return;
-        z.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(ue.left)}px`, top: `${Math.round(ue.bottom + 6)}px` };
+        T.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(ue.left)}px`, top: `${Math.round(ue.bottom + 6)}px` };
         const Z = X.value;
         if (Z && Z.showPopover)
           try {
@@ -8698,14 +8698,14 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
             style: xe(k.value ? {} : { background: b.value }),
             "aria-hidden": "true"
           }, [
-            k.value ? (a(), c("span", Zf)) : T("", !0)
+            k.value ? (a(), c("span", Zf)) : z("", !0)
           ], 6),
           h.value ? (a(), Xe(we, {
             key: 0,
             class: N(["chev", { up: R.value }]),
             name: "angleDown",
             size: "10"
-          }, null, 8, ["class"])) : T("", !0)
+          }, null, 8, ["class"])) : z("", !0)
         ], 8, Ff),
         R.value ? (a(), c("div", {
           key: 0,
@@ -8713,7 +8713,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
           ref: X,
           popover: "manual",
           class: "pop",
-          style: xe(z.value)
+          style: xe(T.value)
         }, [
           Z[4] || (Z[4] = i("div", { class: "lbl" }, "PRESETS", -1)),
           i("div", Uf, [
@@ -8747,17 +8747,17 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 i("span", { class: "diag" })
               ], -1),
               Ne("Transparent ", -1)
-            ])], 2)) : T("", !0)
+            ])], 2)) : z("", !0)
           ]),
           i("div", Jf, [
             Z[3] || (Z[3] = i("span", { class: "hash" }, "#", -1)),
             i("span", Yf, L(b.value), 1)
           ])
-        ], 4)) : T("", !0)
+        ], 4)) : z("", !0)
       ], 2);
     };
   }
-}, Qf = /* @__PURE__ */ He(Xf, [["styles", [Vf]]]), ev = ':host{font-family:var(--font-family, "Poppins", sans-serif);display:block}.selinfo{margin:4px 0 12px}.box{background:var(--page-background-color, #fff)}.grid{width:100%;font-size:13px;color:var(--page-text-color, #1d2a3e);border-collapse:collapse}.grid.hs-default th{padding:4px 16px;font-size:.75rem;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--text-color-common-primery, #516381);text-align:left;white-space:nowrap;background:transparent;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid.hs-tinted th{padding:4px 16px;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--neutral-dark, #516381);text-align:left;white-space:nowrap;background:var(--grid-header-bg, #f4f7fb);border-bottom:1px solid var(--border-color, #e3e8f2)}.grid th.srt{cursor:pointer}.grid th.sorted .th-in{color:var(--primary, #111c2c)}.th-in{display:inline-flex;align-items:center}.sarr{margin-left:6px}.grid td{padding:9px 16px;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:hover td{background:var(--grid-header-hover-bg, rgba(165, 186, 208, .4))}.grid tbody tr.row-selected td{background:var(--neutral-lightest, #ecf1f9)}.grid tbody tr.row-selected td:first-child{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.al-right{text-align:right}.al-center{text-align:center}.cbx-col{width:40px}.act-col{width:48px;text-align:center}.state{text-align:center;padding:28px 0;color:var(--neutral-light, #6a7fa0)}.state .spin{animation:obs-tbl-spin .9s linear infinite;margin-right:8px;vertical-align:middle}@keyframes obs-tbl-spin{to{transform:rotate(360deg)}}.grid.v-bordered th,.grid.v-bordered td{border:1px solid var(--border-color, #e3e8f2)}.grid.v-divided td:not(:last-child),.grid.v-divided th:not(:last-child){border-right:1px solid var(--border-color, #e3e8f2)}.grid.v-borderless td{border-bottom-color:transparent}.grid.hide-hdr thead{display:none}.row-group td{font-weight:600;color:var(--primary-alt, #3279be);background:var(--table-group-header-highlight, var(--neutral-lightest, #ecf1f9))}.grp{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.grp-count{color:var(--neutral-light, #6a7fa0);font-weight:400}.exp-col{width:34px;text-align:center}.exp-ic{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.row-detail td{padding:12px 16px 14px 50px;background:var(--table-details-bg, var(--neutral-lightest, #ecf1f9))}.detail{font-size:12px;color:var(--page-text-color, #1d2a3e)}.cell-tags{display:inline-flex;gap:6px;flex-wrap:wrap}.cell-sev{display:inline-flex;align-items:center;gap:8px}.ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary-red, #ec5b5b);flex:0 0 auto}.cell-type{display:inline-flex;align-items:center;gap:6px;color:var(--neutral-regular, #7186a8)}.cell-type .cog{color:var(--primary-alt, #3279be)}.pager{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;font-size:.75rem;color:var(--page-text-color, #1d2a3e);border-top:1px solid var(--border-color, #e3e8f2)}.pleft{display:flex;align-items:center;gap:2px}.ppage{min-width:22px;padding:2px 6px;font-weight:400;text-align:center;border-radius:2px;cursor:pointer}.ppage.sel{color:var(--pagination-active-text, #111c2c);background:var(--pagination-active-bg, #e3e8f2)}.ppage.nav{color:var(--neutral-light, #6a7fa0);display:inline-flex;align-items:center;justify-content:center}.ppage.nav .flip{transform:scaleX(-1)}.ppage.nav.dis{opacity:.4;cursor:not-allowed}.ppage.dots{cursor:default;color:var(--neutral-light, #6a7fa0)}.psize{margin-left:12px;padding:2px 5px;font:inherit;font-size:.75rem;color:var(--pagination-select-text, var(--page-text-color, #1d2a3e));background:var(--pagination-select-bg, var(--page-background-color, #fff));border:1px solid var(--border-color, #e3e8f2);border-radius:2px;cursor:pointer}.pperlbl{margin-left:8px;color:var(--neutral-light, #6a7fa0)}.prange{color:var(--neutral-light, #6a7fa0)}', tv = { class: "wrap" }, ov = {
+}, Qf = /* @__PURE__ */ He(Xf, [["styles", [Vf]]]), ev = ':host{font-family:var(--font-family, "Poppins", sans-serif);display:block}.selinfo{margin:4px 0 12px}.box{background:var(--page-background-color, #fff)}.grid{width:100%;font-size:13px;color:var(--page-text-color, #1d2a3e);border-collapse:collapse}.grid.hs-default th{padding:4px 16px;font-size:.75rem;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--text-color-common-primery, #516381);text-align:left;white-space:nowrap;background:transparent;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid.hs-tinted th{padding:4px 16px;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--neutral-dark, #516381);text-align:left;white-space:nowrap;background:var(--grid-header-bg, #f4f7fb);border-bottom:1px solid var(--border-color, #e3e8f2)}.grid th.srt{cursor:pointer}.grid th.sorted .th-in{color:var(--primary, #111c2c)}.th-in{display:inline-flex;align-items:center}.sarr{margin-left:6px}.grid td{padding:9px 16px;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:hover td{background:var(--grid-header-hover-bg, rgba(165, 186, 208, .4))}.grid tbody tr.row-selected td{background:var(--neutral-lightest, #ecf1f9)}.grid tbody tr.row-selected td:first-child{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.al-right{text-align:right}.al-center{text-align:center}.cbx-col{width:40px}.act-col{width:48px;text-align:center}.state{text-align:center;padding:28px 0;color:var(--neutral-light, #6a7fa0)}.state .spin{animation:obs-tbl-spin .9s linear infinite;margin-right:8px;vertical-align:middle}@keyframes obs-tbl-spin{to{transform:rotate(360deg)}}.grid.v-bordered th,.grid.v-bordered td{border:1px solid var(--border-color, #e3e8f2)}.grid.v-divided td:not(:last-child),.grid.v-divided th:not(:last-child){border-right:1px solid var(--border-color, #e3e8f2)}.grid.v-borderless td{border-bottom-color:transparent}.grid.hide-hdr thead{display:none}.row-group td{font-weight:600;color:var(--primary-alt, #3279be);background:var(--table-group-header-highlight, var(--neutral-lightest, #ecf1f9))}.grp{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.grp-count{color:var(--neutral-light, #6a7fa0);font-weight:400}.exp-col{width:34px;text-align:center}.exp-ic{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.row-detail td{border-bottom:none}.row-detail .detail-cell{padding:0;border:3px solid var(--table-details-bg, #eef2f8);border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.detail{padding:10px 16px;font-size:12px;color:var(--page-text-color, #1d2a3e)}.cell-tags{display:inline-flex;gap:6px;flex-wrap:wrap}.cell-sev{display:inline-flex;align-items:center;gap:8px}.ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary-red, #ec5b5b);flex:0 0 auto}.cell-type{display:inline-flex;align-items:center;gap:6px;color:var(--neutral-regular, #7186a8)}.cell-type .cog{color:var(--primary-alt, #3279be)}.pager{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;font-size:.75rem;color:var(--page-text-color, #1d2a3e);border-top:1px solid var(--border-color, #e3e8f2)}.pleft{display:flex;align-items:center;gap:2px}.ppage{min-width:22px;padding:2px 6px;font-weight:400;text-align:center;border-radius:2px;cursor:pointer}.ppage.sel{color:var(--pagination-active-text, #111c2c);background:var(--pagination-active-bg, #e3e8f2)}.ppage.nav{color:var(--neutral-light, #6a7fa0);display:inline-flex;align-items:center;justify-content:center}.ppage.nav .flip{transform:scaleX(-1)}.ppage.nav.dis{opacity:.4;cursor:not-allowed}.ppage.dots{cursor:default;color:var(--neutral-light, #6a7fa0)}.psize{margin-left:12px;padding:2px 5px;font:inherit;font-size:.75rem;color:var(--pagination-select-text, var(--page-text-color, #1d2a3e));background:var(--pagination-select-bg, var(--page-background-color, #fff));border:1px solid var(--border-color, #e3e8f2);border-radius:2px;cursor:pointer}.pperlbl{margin-left:8px;color:var(--neutral-light, #6a7fa0)}.prange{color:var(--neutral-light, #6a7fa0)}', tv = { class: "wrap" }, ov = {
   key: 0,
   class: "selinfo"
 }, rv = { class: "box" }, nv = {
@@ -8784,10 +8784,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
 }, xv = { key: 4 }, mv = {
   key: 0,
   class: "row-detail"
-}, yv = ["colspan"], kv = ["innerHTML"], wv = { key: 0 }, _v = ["colspan"], Sv = { key: 1 }, $v = ["colspan"], Cv = {
+}, yv = {
+  key: 0,
+  class: "cbx-col"
+}, kv = ["colspan"], wv = ["innerHTML"], _v = { key: 0 }, Sv = ["colspan"], $v = { key: 1 }, Cv = ["colspan"], Mv = {
   key: 0,
   class: "pager"
-}, Mv = { class: "pleft" }, Av = ["onClick"], zv = ["value"], Tv = ["value"], Ov = { class: "prange" }, Pv = {
+}, Av = { class: "pleft" }, zv = ["onClick"], Tv = ["value"], Ov = ["value"], Pv = { class: "prange" }, Ev = {
   __name: "ObsTable.ce",
   props: {
     columns: { type: [String, Array], default: "" },
@@ -8858,7 +8861,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
     tt(() => o.page, (p) => {
       I.value = p || 1;
     });
-    const X = (p) => p[o.rowKey], z = M(() => new Set(b.value.map(String))), F = (p) => z.value.has(String(X(p))), ee = /* @__PURE__ */ V(null), D = M(() => ee.value ?? o.pageSize), O = M(() => D.value > 0), de = M(() => [...new Set([D.value, 10, 20, 50, 100].filter((p) => p > 0))].sort((p, g) => p - g)), fe = M(() => C.value ? d.value.slice().sort((p, g) => (R.value === "asc" ? 1 : -1) * String(p[C.value] ?? "").localeCompare(String(g[C.value] ?? ""), void 0, { numeric: !0 })) : d.value), Te = M(() => O.value ? Math.max(1, Math.ceil(fe.value.length / D.value)) : 1), ue = M(() => {
+    const X = (p) => p[o.rowKey], T = M(() => new Set(b.value.map(String))), F = (p) => T.value.has(String(X(p))), ee = /* @__PURE__ */ V(null), D = M(() => ee.value ?? o.pageSize), O = M(() => D.value > 0), de = M(() => [...new Set([D.value, 10, 20, 50, 100].filter((p) => p > 0))].sort((p, g) => p - g)), fe = M(() => C.value ? d.value.slice().sort((p, g) => (R.value === "asc" ? 1 : -1) * String(p[C.value] ?? "").localeCompare(String(g[C.value] ?? ""), void 0, { numeric: !0 })) : d.value), Te = M(() => O.value ? Math.max(1, Math.ceil(fe.value.length / D.value)) : 1), ue = M(() => {
       if (!O.value) return fe.value;
       const p = (I.value - 1) * D.value;
       return fe.value.slice(p, p + D.value);
@@ -8948,21 +8951,21 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
             ]),
             _: 1
           })
-        ])) : T("", !0),
+        ])) : z("", !0),
         i("div", rv, [
           i("table", {
             class: N(["grid", ["hs-" + e.headerStyle, "v-" + e.variant, { "hide-hdr": e.hideHeader }]])
           }, [
             i("thead", null, [
               i("tr", null, [
-                e.expandable ? (a(), c("th", nv)) : T("", !0),
+                e.expandable ? (a(), c("th", nv)) : z("", !0),
                 e.selectable ? (a(), c("th", sv, [
                   G(S, {
                     checked: Z.value,
                     indeterminate: we.value,
                     onChange: ne
                   }, null, 8, ["checked", "indeterminate"])
-                ])) : T("", !0),
+                ])) : z("", !0),
                 (a(!0), c(A, null, Q(l.value, (_) => (a(), c("th", {
                   key: _.key,
                   class: N(["al-" + (_.align || "left"), { srt: e.sortable && _.sortable, sorted: C.value === _.key }]),
@@ -8976,10 +8979,10 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                       class: "sarr",
                       name: R.value === "asc" ? "longArrowUp" : "longArrowDown",
                       size: "11"
-                    }, null, 8, ["name"])) : T("", !0)
+                    }, null, 8, ["name"])) : z("", !0)
                   ])
                 ], 14, lv))), 128)),
-                u.value.length ? (a(), c("th", iv)) : T("", !0)
+                u.value.length ? (a(), c("th", iv)) : z("", !0)
               ])
             ]),
             i("tbody", null, [
@@ -9015,7 +9018,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                         size: "12",
                         class: "exp-ic"
                       }, null, 8, ["name"])
-                    ], 8, vv)) : T("", !0),
+                    ], 8, vv)) : z("", !0),
                     e.selectable ? (a(), c("td", {
                       key: 1,
                       class: "cbx-col",
@@ -9027,7 +9030,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                         disabled: !!_.disabled,
                         onChange: (E) => J(_, E)
                       }, null, 8, ["checked", "disabled", "onChange"])
-                    ])) : T("", !0),
+                    ])) : z("", !0),
                     (a(!0), c(A, null, Q(l.value, (E) => (a(), c("td", {
                       key: E.key,
                       class: N(["al-" + (E.align || "left"), E.cls])
@@ -9075,19 +9078,24 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                         placement: "bottom-end",
                         onSelect: (E) => qe(_, E)
                       }, null, 8, ["items", "onSelect"])
-                    ])) : T("", !0)
+                    ])) : z("", !0)
                   ], 10, fv),
                   e.expandable && K(_) ? (a(), c("tr", mv, [
-                    i("td", { colspan: Oe.value }, [
+                    g[6] || (g[6] = i("td", { class: "exp-col" }, null, -1)),
+                    e.selectable ? (a(), c("td", yv)) : z("", !0),
+                    i("td", {
+                      class: "detail-cell",
+                      colspan: l.value.length + (u.value.length ? 1 : 0)
+                    }, [
                       i("div", {
                         class: "detail",
                         innerHTML: _.detail || "No detail"
-                      }, null, 8, kv)
-                    ], 8, yv)
-                  ])) : T("", !0)
+                      }, null, 8, wv)
+                    ], 8, kv)
+                  ])) : z("", !0)
                 ], 64))
               ], 64))), 128)),
-              e.loading ? (a(), c("tr", wv, [
+              e.loading ? (a(), c("tr", _v, [
                 i("td", {
                   colspan: Oe.value,
                   class: "state"
@@ -9097,18 +9105,18 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "20",
                     class: "spin"
                   }),
-                  g[6] || (g[6] = Ne("Loading…", -1))
-                ], 8, _v)
-              ])) : Se.value.length ? T("", !0) : (a(), c("tr", Sv, [
+                  g[7] || (g[7] = Ne("Loading…", -1))
+                ], 8, Sv)
+              ])) : Se.value.length ? z("", !0) : (a(), c("tr", $v, [
                 i("td", {
                   colspan: Oe.value,
                   class: "state"
-                }, L(e.emptyText), 9, $v)
+                }, L(e.emptyText), 9, Cv)
               ]))
             ])
           ], 2),
-          O.value && fe.value.length ? (a(), c("div", Cv, [
-            i("div", Mv, [
+          O.value && fe.value.length ? (a(), c("div", Mv, [
+            i("div", Av, [
               i("span", {
                 class: N(["ppage nav", { dis: I.value <= 1 }]),
                 title: "First",
@@ -9134,7 +9142,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 key: E,
                 class: N(["ppage", { sel: _ === I.value, dots: _ === "…" }]),
                 onClick: (P) => Fe(_)
-              }, L(_), 11, Av))), 128)),
+              }, L(_), 11, zv))), 128)),
               i("span", {
                 class: N(["ppage nav", { dis: I.value >= Te.value }]),
                 title: "Next",
@@ -9163,17 +9171,17 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
                 (a(!0), c(A, null, Q(de.value, (_) => (a(), c("option", {
                   key: _,
                   value: _
-                }, L(_), 9, Tv))), 128))
-              ], 40, zv),
-              g[7] || (g[7] = i("span", { class: "pperlbl" }, "items per page", -1))
+                }, L(_), 9, Ov))), 128))
+              ], 40, Tv),
+              g[8] || (g[8] = i("span", { class: "pperlbl" }, "items per page", -1))
             ]),
-            i("span", Ov, L(be.value), 1)
-          ])) : T("", !0)
+            i("span", Pv, L(be.value), 1)
+          ])) : z("", !0)
         ])
       ]);
     };
   }
-}, Ev = /* @__PURE__ */ He(Pv, [["styles", [ev]]]), Rv = {
+}, Rv = /* @__PURE__ */ He(Ev, [["styles", [ev]]]), Lv = {
   "obs-button": mi,
   "obs-tag": $i,
   "obs-checkbox": Pi,
@@ -9200,13 +9208,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
   "obs-grid-select": Pf,
   "obs-menu": Hf,
   "obs-color-picker": Qf,
-  "obs-table": Ev
+  "obs-table": Rv
 };
-function Lv() {
-  for (const [e, t] of Object.entries(Rv))
+function Dv() {
+  for (const [e, t] of Object.entries(Lv))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ si(t));
 }
-Lv();
+Dv();
 export {
-  Lv as register
+  Dv as register
 };