@mtdt/observeops-ds-elements 0.1.64 → 0.1.66

package/dist/observeops-elements.js

@@ -20,7 +20,7 @@ const j1 = {}, d3 = [], R2 = () => {
 ), d4 = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return (s) => t[s] || (t[s] = e(s));
-}, s6 = /-\w/g, e2 = d4(
+}, s6 = /-\w/g, t2 = d4(
   (e) => e.replace(s6, (t) => t.slice(1).toUpperCase())
 ), c6 = /\B([A-Z])/g, y2 = d4(
   (e) => e.replace(c6, "-$1").toLowerCase()
@@ -119,7 +119,7 @@ function R3(e, t) {
 function u6(e, t) {
   return e.findIndex((s) => R3(s, t));
 }
-const Y8 = (e) => !!(e && e.__v_isRef === !0), A = (e) => Y1(e) ? e : e == null ? "" : y1(e) || B1(e) && (e.toString === q8 || !V1(e.toString)) ? Y8(e) ? A(e.value) : JSON.stringify(e, X8, 2) : String(e), X8 = (e, t) => Y8(t) ? X8(e, t.value) : u3(t) ? {
+const Y8 = (e) => !!(e && e.__v_isRef === !0), $ = (e) => Y1(e) ? e : e == null ? "" : y1(e) || B1(e) && (e.toString === q8 || !V1(e.toString)) ? Y8(e) ? $(e.value) : JSON.stringify(e, X8, 2) : String(e), X8 = (e, t) => Y8(t) ? X8(e, t.value) : u3(t) ? {
   [`Map(${t.size})`]: [...t.entries()].reduce(
     (s, [l, c], o) => (s[y4(l, o) + " =>"] = c, s),
     {}
@@ -139,11 +139,11 @@ const Y8 = (e) => !!(e && e.__v_isRef === !0), A = (e) => Y1(e) ? e : e == null
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-let o2;
+let r2;
 class p6 {
   // TODO isolatedDeclarations "__v_skip"
   constructor(t = !1) {
-    this.detached = t, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !t && o2 && (o2.active ? (this.parent = o2, this.index = (o2.scopes || (o2.scopes = [])).push(
+    this.detached = t, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !t && r2 && (r2.active ? (this.parent = r2, this.index = (r2.scopes || (r2.scopes = [])).push(
       this
     ) - 1) : (this._active = !1, this._warnOnRun = !1));
   }
@@ -177,11 +177,11 @@ class p6 {
   }
   run(t) {
     if (this._active) {
-      const s = o2;
+      const s = r2;
       try {
-        return o2 = this, t();
+        return r2 = this, t();
       } finally {
-        o2 = s;
+        r2 = s;
       }
     }
   }
@@ -190,7 +190,7 @@ class p6 {
    * @internal
    */
   on() {
-    ++this._on === 1 && (this.prevScope = o2, o2 = this);
+    ++this._on === 1 && (this.prevScope = r2, r2 = this);
   }
   /**
    * This should only be called on non-detached scopes
@@ -198,10 +198,10 @@ class p6 {
    */
   off() {
     if (this._on > 0 && --this._on === 0) {
-      if (o2 === this)
-        o2 = this.prevScope;
+      if (r2 === this)
+        r2 = this.prevScope;
       else {
-        let t = o2;
+        let t = r2;
         for (; t; ) {
           if (t.prevScope === this) {
             t.prevScope = this.prevScope;
@@ -235,13 +235,13 @@ class p6 {
   }
 }
 function h6() {
-  return o2;
+  return r2;
 }
 let W1;
 const w4 = /* @__PURE__ */ new WeakSet();
 class Q8 {
   constructor(t) {
-    this.fn = t, this.deps = void 0, this.depsTail = void 0, this.flags = 5, this.next = void 0, this.cleanup = void 0, this.scheduler = void 0, o2 && (o2.active ? o2.effects.push(this) : this.flags &= -2);
+    this.fn = t, this.deps = void 0, this.depsTail = void 0, this.flags = 5, this.next = void 0, this.cleanup = void 0, this.scheduler = void 0, r2 && (r2.active ? r2.effects.push(this) : this.flags &= -2);
   }
   pause() {
     this.flags |= 64;
@@ -447,7 +447,7 @@ const A4 = /* @__PURE__ */ new WeakMap(), l3 = /* @__PURE__ */ Symbol(
 ), z3 = /* @__PURE__ */ Symbol(
   ""
 );
-function n2(e, t, s) {
+function a2(e, t, s) {
   if (L2 && W1) {
     let l = A4.get(e);
     l || A4.set(e, l = /* @__PURE__ */ new Map());
@@ -490,10 +490,10 @@ function F2(e, t, s, l, c, o) {
 }
 function n3(e) {
   const t = /* @__PURE__ */ E1(e);
-  return t === e ? t : (n2(t, "iterate", z3), /* @__PURE__ */ k2(e) ? t : t.map(S2));
+  return t === e ? t : (a2(t, "iterate", z3), /* @__PURE__ */ k2(e) ? t : t.map(S2));
 }
 function v4(e) {
-  return n2(e = /* @__PURE__ */ E1(e), "iterate", z3), e;
+  return a2(e = /* @__PURE__ */ E1(e), "iterate", z3), e;
 }
 function O2(e, t) {
   return /* @__PURE__ */ q2(e) ? f3(/* @__PURE__ */ o3(e) ? S2(t) : t) : S2(t);
@@ -644,7 +644,7 @@ function p8(e, t, s, l) {
 }
 function k4(e, t, s) {
   const l = /* @__PURE__ */ E1(e);
-  n2(l, "iterate", z3);
+  a2(l, "iterate", z3);
   const c = l[t](...s);
   return (c === -1 || c === !1) && /* @__PURE__ */ Y4(s[0]) ? (s[0] = /* @__PURE__ */ E1(s[0]), l[t](...s)) : c;
 }
@@ -659,7 +659,7 @@ const b6 = /* @__PURE__ */ j4("__proto__,__v_isRef,__isVue"), n5 = new Set(
 function m6(e) {
   _2(e) || (e = String(e));
   const t = /* @__PURE__ */ E1(this);
-  return n2(t, "has", e), t.hasOwnProperty(e);
+  return a2(t, "has", e), t.hasOwnProperty(e);
 }
 class a5 {
   constructor(t = !1, s = !1) {
@@ -692,11 +692,11 @@ class a5 {
       // if this is a proxy wrapping a ref, return methods using the raw ref
       // as receiver so that we don't have to call `toRaw` on the ref in all
       // its class methods
-      /* @__PURE__ */ u2(t) ? t : l
+      /* @__PURE__ */ p2(t) ? t : l
     );
-    if ((_2(s) ? n5.has(s) : b6(s)) || (c || n2(t, "get", s), o))
+    if ((_2(s) ? n5.has(s) : b6(s)) || (c || a2(t, "get", s), o))
       return d;
-    if (/* @__PURE__ */ u2(d)) {
+    if (/* @__PURE__ */ p2(d)) {
       const u = r && F4(s) ? d : d.value;
       return c && B1(u) ? /* @__PURE__ */ O4(u) : u;
     }
@@ -712,14 +712,14 @@ class i5 extends a5 {
     const r = y1(t) && F4(s);
     if (!this._isShallow) {
       const p = /* @__PURE__ */ q2(o);
-      if (!/* @__PURE__ */ k2(l) && !/* @__PURE__ */ q2(l) && (o = /* @__PURE__ */ E1(o), l = /* @__PURE__ */ E1(l)), !r && /* @__PURE__ */ u2(o) && !/* @__PURE__ */ u2(l))
+      if (!/* @__PURE__ */ k2(l) && !/* @__PURE__ */ q2(l) && (o = /* @__PURE__ */ E1(o), l = /* @__PURE__ */ E1(l)), !r && /* @__PURE__ */ p2(o) && !/* @__PURE__ */ p2(l))
         return p || (o.value = l), !0;
     }
     const d = r ? Number(s) < t.length : O1(t, s), u = Reflect.set(
       t,
       s,
       l,
-      /* @__PURE__ */ u2(t) ? t : c
+      /* @__PURE__ */ p2(t) ? t : c
     );
     return t === /* @__PURE__ */ E1(c) && (d ? E2(l, o) && F2(t, "set", s, l) : F2(t, "add", s, l)), u;
   }
@@ -731,10 +731,10 @@ class i5 extends a5 {
   }
   has(t, s) {
     const l = Reflect.has(t, s);
-    return (!_2(s) || !n5.has(s)) && n2(t, "has", s), l;
+    return (!_2(s) || !n5.has(s)) && a2(t, "has", s), l;
   }
   ownKeys(t) {
-    return n2(
+    return a2(
       t,
       "iterate",
       y1(t) ? "length" : l3
@@ -757,7 +757,7 @@ const T4 = (e) => e, N3 = (e) => Reflect.getPrototypeOf(e);
 function M6(e, t, s) {
   return function(...l) {
     const c = this.__v_raw, o = /* @__PURE__ */ E1(c), r = u3(o), d = e === "entries" || e === Symbol.iterator && r, u = e === "keys" && r, p = c[e](...l), v = s ? T4 : t ? f3 : S2;
-    return !t && n2(
+    return !t && a2(
       o,
       "iterate",
       u ? z4 : l3
@@ -786,7 +786,7 @@ function k6(e, t) {
   const s = {
     get(c) {
       const o = this.__v_raw, r = /* @__PURE__ */ E1(o), d = /* @__PURE__ */ E1(c);
-      e || (E2(c, d) && n2(r, "get", c), n2(r, "get", d));
+      e || (E2(c, d) && a2(r, "get", c), a2(r, "get", d));
       const { has: u } = N3(r), p = t ? T4 : e ? f3 : S2;
       if (u.call(r, c))
         return p(o.get(c));
@@ -796,15 +796,15 @@ function k6(e, t) {
     },
     get size() {
       const c = this.__v_raw;
-      return !e && n2(/* @__PURE__ */ E1(c), "iterate", l3), c.size;
+      return !e && a2(/* @__PURE__ */ E1(c), "iterate", l3), c.size;
     },
     has(c) {
       const o = this.__v_raw, r = /* @__PURE__ */ E1(o), d = /* @__PURE__ */ E1(c);
-      return e || (E2(c, d) && n2(r, "has", c), n2(r, "has", d)), c === d ? o.has(c) : o.has(c) || o.has(d);
+      return e || (E2(c, d) && a2(r, "has", c), a2(r, "has", d)), c === d ? o.has(c) : o.has(c) || o.has(d);
     },
     forEach(c, o) {
       const r = this, d = r.__v_raw, u = /* @__PURE__ */ E1(d), p = t ? T4 : e ? f3 : S2;
-      return !e && n2(u, "iterate", l3), d.forEach((v, h) => c.call(o, p(v), p(h), r));
+      return !e && a2(u, "iterate", l3), d.forEach((v, h) => c.call(o, p(v), p(h), r));
     }
   };
   return Q1(
@@ -954,7 +954,7 @@ function A6(e) {
 }
 const S2 = (e) => B1(e) ? /* @__PURE__ */ C4(e) : e, f3 = (e) => B1(e) ? /* @__PURE__ */ O4(e) : e;
 // @__NO_SIDE_EFFECTS__
-function u2(e) {
+function p2(e) {
   return e ? e.__v_isRef === !0 : !1;
 }
 // @__NO_SIDE_EFFECTS__
@@ -962,7 +962,7 @@ function U(e) {
   return z6(e, !1);
 }
 function z6(e, t) {
-  return /* @__PURE__ */ u2(e) ? e : new T6(e, t);
+  return /* @__PURE__ */ p2(e) ? e : new T6(e, t);
 }
 class T6 {
   constructor(t, s) {
@@ -977,13 +977,13 @@ class T6 {
   }
 }
 function b2(e) {
-  return /* @__PURE__ */ u2(e) ? e.value : e;
+  return /* @__PURE__ */ p2(e) ? e.value : e;
 }
 const O6 = {
   get: (e, t, s) => t === "__v_raw" ? e : b2(Reflect.get(e, t, s)),
   set: (e, t, s, l) => {
     const c = e[t];
-    return /* @__PURE__ */ u2(c) && !/* @__PURE__ */ u2(s) ? (c.value = s, !0) : Reflect.set(e, t, s, l);
+    return /* @__PURE__ */ p2(c) && !/* @__PURE__ */ p2(s) ? (c.value = s, !0) : Reflect.set(e, t, s, l);
   }
 };
 function h5(e) {
@@ -1025,8 +1025,8 @@ function R6(e, t = !1, s = s3) {
 function D6(e, t, s = j1) {
   const { immediate: l, deep: c, once: o, scheduler: r, augmentJob: d, call: u } = s, p = (H) => c ? H : /* @__PURE__ */ k2(H) || c === !1 || c === 0 ? U2(H, 1) : U2(H);
   let v, h, b, y, S = !1, j = !1;
-  if (/* @__PURE__ */ u2(e) ? (h = () => e.value, S = /* @__PURE__ */ k2(e)) : /* @__PURE__ */ o3(e) ? (h = () => p(e), S = !0) : y1(e) ? (j = !0, S = e.some((H) => /* @__PURE__ */ o3(H) || /* @__PURE__ */ k2(H)), h = () => e.map((H) => {
-    if (/* @__PURE__ */ u2(H))
+  if (/* @__PURE__ */ p2(e) ? (h = () => e.value, S = /* @__PURE__ */ k2(e)) : /* @__PURE__ */ o3(e) ? (h = () => p(e), S = !0) : y1(e) ? (j = !0, S = e.some((H) => /* @__PURE__ */ o3(H) || /* @__PURE__ */ k2(H)), h = () => e.map((H) => {
+    if (/* @__PURE__ */ p2(H))
       return H.value;
     if (/* @__PURE__ */ o3(H))
       return p(H);
@@ -1103,7 +1103,7 @@ function D6(e, t, s = j1) {
 function U2(e, t = 1 / 0, s) {
   if (t <= 0 || !B1(e) || e.__v_skip || (s = s || /* @__PURE__ */ new Map(), (s.get(e) || 0) >= t))
     return e;
-  if (s.set(e, t), t--, /* @__PURE__ */ u2(e))
+  if (s.set(e, t), t--, /* @__PURE__ */ p2(e))
     U2(e.value, t, s);
   else if (y1(e))
     for (let l = 0; l < e.length; l++)
@@ -1182,7 +1182,7 @@ const p3 = [];
 let Q2 = null, a3 = 0;
 const v5 = /* @__PURE__ */ Promise.resolve();
 let X3 = null;
-function i2(e) {
+function d2(e) {
   const t = X3 || v5;
   return e ? t.then(this ? e.bind(this) : e) : t;
 }
@@ -1252,12 +1252,12 @@ function g5(e) {
     T2 = -1, C2.length = 0, f5(), X3 = null, (C2.length || p3.length) && g5();
   }
 }
-let r2 = null, b5 = null;
+let n2 = null, b5 = null;
 function Q3(e) {
-  const t = r2;
-  return r2 = e, b5 = e && e.type.__scopeId || null, t;
+  const t = n2;
+  return n2 = e, b5 = e && e.type.__scopeId || null, t;
 }
-function V2(e, t = r2, s) {
+function V2(e, t = n2, s) {
   if (!t || e._n)
     return e;
   const l = (...c) => {
@@ -1274,9 +1274,9 @@ function V2(e, t = r2, s) {
   return l._n = !0, l._c = !0, l._d = !0, l;
 }
 function H2(e, t) {
-  if (r2 === null)
+  if (n2 === null)
     return e;
-  const s = x4(r2), l = e.dirs || (e.dirs = []);
+  const s = x4(n2), l = e.dirs || (e.dirs = []);
   for (let c = 0; c < t.length; c++) {
     let [o, r, d, u = j1] = t[c];
     o && (V1(o) && (o = {
@@ -1308,10 +1308,10 @@ function e3(e, t, s, l) {
   }
 }
 function N6(e, t) {
-  if (d2) {
-    let s = d2.provides;
-    const l = d2.parent && d2.parent.provides;
-    l === s && (s = d2.provides = Object.create(l)), s[e] = t;
+  if (u2) {
+    let s = u2.provides;
+    const l = u2.parent && u2.parent.provides;
+    l === s && (s = u2.provides = Object.create(l)), s[e] = t;
   }
 }
 function K3(e, t, s = !1) {
@@ -1341,7 +1341,7 @@ function m5(e, t, s = j1) {
       return y.stop = R2, y.resume = R2, y.pause = R2, y;
     }
   }
-  const v = d2;
+  const v = u2;
   d.call = (y, S, j) => $2(y, v, S, j);
   let h = !1;
   o === "post" ? d.scheduler = (y) => {
@@ -1415,7 +1415,7 @@ function _3(e, t, s, l, c = !1) {
   if (p != null && p !== u) {
     if (C8(t), Y1(p))
       v[p] = null, y(p) && (h[p] = null);
-    else if (/* @__PURE__ */ u2(p)) {
+    else if (/* @__PURE__ */ p2(p)) {
       const j = t;
       S(p, j.k) && (p.value = null), j.k && (v[j.k] = null);
     }
@@ -1423,7 +1423,7 @@ function _3(e, t, s, l, c = !1) {
   if (V1(u))
     D3(u, d, 12, [r, v]);
   else {
-    const j = Y1(u), t1 = /* @__PURE__ */ u2(u);
+    const j = Y1(u), t1 = /* @__PURE__ */ p2(u);
     if (j || t1) {
       const V = () => {
         if (e.f) {
@@ -1463,7 +1463,7 @@ function G6(e, t) {
 function Y6(e, t) {
   w5(e, "da", t);
 }
-function w5(e, t, s = d2) {
+function w5(e, t, s = u2) {
   const l = e.__wdc || (e.__wdc = () => {
     let c = s;
     for (; c; ) {
@@ -1491,7 +1491,7 @@ function X6(e, t, s, l) {
     N4(l[t], c);
   }, s);
 }
-function g4(e, t, s = d2, l = !1) {
+function g4(e, t, s = u2, l = !1) {
   if (s) {
     const c = s[e] || (s[e] = []), o = t.__weh || (t.__weh = (...r) => {
       W2();
@@ -1501,7 +1501,7 @@ function g4(e, t, s = d2, l = !1) {
     return l ? c.unshift(o) : c.push(o), o;
   }
 }
-const G2 = (e) => (t, s = d2) => {
+const G2 = (e) => (t, s = u2) => {
   (!P3 || e === "sp") && g4(e, (...l) => t(...l), s);
 }, Q6 = G2("bm"), D2 = G2("m"), e9 = G2(
   "bu"
@@ -1510,7 +1510,7 @@ const G2 = (e) => (t, s = d2) => {
 ), M5 = G2("um"), s9 = G2(
   "sp"
 ), c9 = G2("rtg"), l9 = G2("rtc");
-function o9(e, t = d2) {
+function o9(e, t = u2) {
   g4("ec", e, t);
 }
 const r9 = "components";
@@ -1519,7 +1519,7 @@ function N1(e, t) {
 }
 const n9 = /* @__PURE__ */ Symbol.for("v-ndc");
 function a9(e, t, s = !0, l = !1) {
-  const c = r2 || d2;
+  const c = n2 || u2;
   if (c) {
     const o = c.type;
     {
@@ -1527,7 +1527,7 @@ function a9(e, t, s = !0, l = !1) {
         o,
         !1
       );
-      if (d && (d === t || d === e2(t) || d === u4(e2(t))))
+      if (d && (d === t || d === t2(t) || d === u4(t2(t))))
         return o;
     }
     const r = (
@@ -1540,7 +1540,7 @@ function a9(e, t, s = !0, l = !1) {
   }
 }
 function f8(e, t) {
-  return e && (e[t] || e[e2(t)] || e[u4(e2(t))]);
+  return e && (e[t] || e[t2(t)] || e[u4(t2(t))]);
 }
 function r1(e, t, s, l) {
   let c;
@@ -1578,8 +1578,8 @@ function r1(e, t, s, l) {
     c = [];
   return c;
 }
-function p2(e, t, s = {}, l, c) {
-  if (r2.ce || r2.parent && h3(r2.parent) && r2.parent.ce) {
+function e2(e, t, s = {}, l, c) {
+  if (n2.ce || n2.parent && h3(n2.parent) && n2.parent.ce) {
     const p = Object.keys(s).length > 0;
     return t !== "default" && (s.name = t), n(), z1(
       T,
@@ -1625,7 +1625,7 @@ const P4 = (e) => e ? U5(e) ? x4(e) : P4(e.parent) : null, S3 = (
     $forceUpdate: (e) => e.f || (e.f = () => {
       X4(e.update);
     }),
-    $nextTick: (e) => e.n || (e.n = i2.bind(e.proxy)),
+    $nextTick: (e) => e.n || (e.n = d2.bind(e.proxy)),
     $watch: (e) => W6.bind(e)
   })
 ), V4 = (e, t) => e !== j1 && !e.__isScriptSetup && O1(e, t), i9 = {
@@ -1661,7 +1661,7 @@ const P4 = (e) => e ? U5(e) ? x4(e) : P4(e.parent) : null, S3 = (
     const p = S3[t];
     let v, h;
     if (p)
-      return t === "$attrs" && n2(e.attrs, "get", ""), p(e);
+      return t === "$attrs" && a2(e.attrs, "get", ""), p(e);
     if (
       // css module (injected by vue-loader)
       (v = d.__cssModules) && (v = v[t])
@@ -1789,7 +1789,7 @@ function u9(e, t, s = R2) {
       c.from || l,
       c.default,
       !0
-    ) : o = K3(c.from || l) : o = K3(c), /* @__PURE__ */ u2(o) ? Object.defineProperty(t, l, {
+    ) : o = K3(c.from || l) : o = K3(c), /* @__PURE__ */ p2(o) ? Object.defineProperty(t, l, {
       enumerable: !0,
       configurable: !0,
       get: () => o.value,
@@ -1999,7 +1999,7 @@ function f9(e, t) {
   };
 }
 let v3 = null;
-const g9 = (e, t) => t === "modelValue" || t === "model-value" ? e.modelModifiers : e[`${t}Modifiers`] || e[`${e2(t)}Modifiers`] || e[`${y2(t)}Modifiers`];
+const g9 = (e, t) => t === "modelValue" || t === "model-value" ? e.modelModifiers : e[`${t}Modifiers`] || e[`${t2(t)}Modifiers`] || e[`${y2(t)}Modifiers`];
 function b9(e, t, ...s) {
   if (e.isUnmounted) return;
   const l = e.vnode.props || j1;
@@ -2007,7 +2007,7 @@ function b9(e, t, ...s) {
   const o = t.startsWith("update:"), r = o && g9(l, t.slice(7));
   r && (r.trim && (c = s.map((v) => Y1(v) ? v.trim() : v)), r.number && (c = s.map(p4)));
   let d, u = l[d = Z4(t)] || // also try camelCase event handler (#2249)
-  l[d = Z4(e2(t))];
+  l[d = Z4(t2(t))];
   !u && o && (u = l[d = Z4(y2(t))]), u && $2(
     u,
     e,
@@ -2194,7 +2194,7 @@ function k9(e, t, s, l) {
           if (O1(o, b))
             y !== o[b] && (o[b] = y, p = !0);
           else {
-            const S = e2(b);
+            const S = t2(b);
             c[S] = D4(
               u,
               d,
@@ -2240,7 +2240,7 @@ function T5(e, t, s, l) {
         continue;
       const p = t[u];
       let v;
-      c && O1(c, v = e2(u)) ? !o || !o.includes(v) ? s[v] = p : (d || (d = {}))[v] = p : b4(e.emitsOptions, u) || (!(u in l) || p !== l[u]) && (l[u] = p, r = !0);
+      c && O1(c, v = t2(u)) ? !o || !o.includes(v) ? s[v] = p : (d || (d = {}))[v] = p : b4(e.emitsOptions, u) || (!(u in l) || p !== l[u]) && (l[u] = p, r = !0);
     }
   if (o) {
     const u = /* @__PURE__ */ E1(s), p = d || j1;
@@ -2308,12 +2308,12 @@ function O5(e, t, s = !1) {
     return B1(e) && l.set(e, d3), d3;
   if (y1(o))
     for (let v = 0; v < o.length; v++) {
-      const h = e2(o[v]);
+      const h = t2(o[v]);
       w8(h) && (r[h] = j1);
     }
   else if (o)
     for (const v in o) {
-      const h = e2(v);
+      const h = t2(v);
       if (w8(h)) {
         const b = o[v], y = r[h] = y1(b) || V1(b) ? { type: b } : Q1({}, b), S = y.type;
         let j = !1, t1 = !0;
@@ -2401,10 +2401,10 @@ function $9(e, t) {
     nextSibling: b,
     setScopeId: y = R2,
     insertStaticContent: S
-  } = e, j = (C, f, w, I = null, D = null, $ = null, W = void 0, B = null, F = !!f.dynamicChildren) => {
+  } = e, j = (C, f, w, I = null, D = null, A = null, W = void 0, B = null, F = !!f.dynamicChildren) => {
     if (C === f)
       return;
-    C && !Z3(C, f) && (I = K1(C), l1(C, D, $, !0), C = null), f.patchFlag === -2 && (F = !1, f.dynamicChildren = null);
+    C && !Z3(C, f) && (I = K1(C), l1(C, D, A, !0), C = null), f.patchFlag === -2 && (F = !1, f.dynamicChildren = null);
     const { type: z, ref: i1, shapeFlag: c1 } = f;
     switch (z) {
       case m4:
@@ -2423,7 +2423,7 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2436,7 +2436,7 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2446,7 +2446,7 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2456,14 +2456,14 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F,
           X1
         );
     }
-    i1 != null && D ? _3(i1, C && C.ref, $, f || C, !f) : i1 == null && C && C.ref != null && _3(C.ref, null, $, C, !0);
+    i1 != null && D ? _3(i1, C && C.ref, A, f || C, !f) : i1 == null && C && C.ref != null && _3(C.ref, null, A, C, !0);
   }, t1 = (C, f, w, I) => {
     if (C == null)
       l(
@@ -2500,14 +2500,14 @@ function $9(e, t) {
     for (; C && C !== f; )
       w = b(C), c(C), C = w;
     c(f);
-  }, E = (C, f, w, I, D, $, W, B, F) => {
+  }, E = (C, f, w, I, D, A, W, B, F) => {
     if (f.type === "svg" ? W = "svg" : f.type === "math" && (W = "mathml"), C == null)
       C1(
         f,
         w,
         I,
         D,
-        $,
+        A,
         W,
         B,
         F
@@ -2519,7 +2519,7 @@ function $9(e, t) {
           C,
           f,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2528,12 +2528,12 @@ function $9(e, t) {
         z && z._endPatch();
       }
     }
-  }, C1 = (C, f, w, I, D, $, W, B) => {
+  }, C1 = (C, f, w, I, D, A, W, B) => {
     let F, z;
     const { props: i1, shapeFlag: c1, transition: u1, dirs: h1 } = C;
     if (F = C.el = r(
       C.type,
-      $,
+      A,
       i1 && i1.is,
       i1
     ), c1 & 8 ? v(F, C.children) : c1 & 16 && A1(
@@ -2542,13 +2542,13 @@ function $9(e, t) {
       null,
       I,
       D,
-      L4(C, $),
+      L4(C, A),
       W,
       B
     ), h1 && e3(C, null, I, "created"), g1(F, C, C.scopeId, W, I), i1) {
       for (const k in i1)
-        k !== "value" && !H3(k) && o(F, k, null, i1[k], $, I);
-      "value" in i1 && o(F, "value", null, i1.value, $), (z = i1.onVnodeBeforeMount) && z2(z, I, C);
+        k !== "value" && !H3(k) && o(F, k, null, i1[k], A, I);
+      "value" in i1 && o(F, "value", null, i1.value, A), (z = i1.onVnodeBeforeMount) && z2(z, I, C);
     }
     h1 && e3(C, null, I, "beforeMount");
     const x = A9(D, u1);
@@ -2560,11 +2560,11 @@ function $9(e, t) {
     }, D);
   }, g1 = (C, f, w, I, D) => {
     if (w && y(C, w), I)
-      for (let $ = 0; $ < I.length; $++)
-        y(C, I[$]);
+      for (let A = 0; A < I.length; A++)
+        y(C, I[A]);
     if (D) {
-      let $ = D.subTree;
-      if (f === $ || j5($.type) && ($.ssContent === f || $.ssFallback === f)) {
+      let A = D.subTree;
+      if (f === A || j5(A.type) && (A.ssContent === f || A.ssFallback === f)) {
         const W = D.vnode;
         g1(
           C,
@@ -2575,7 +2575,7 @@ function $9(e, t) {
         );
       }
     }
-  }, A1 = (C, f, w, I, D, $, W, B, F = 0) => {
+  }, A1 = (C, f, w, I, D, A, W, B, F = 0) => {
     for (let z = F; z < C.length; z++) {
       const i1 = C[z] = B ? N2(C[z]) : P2(C[z]);
       j(
@@ -2585,12 +2585,12 @@ function $9(e, t) {
         w,
         I,
         D,
-        $,
+        A,
         W,
         B
       );
     }
-  }, b1 = (C, f, w, I, D, $, W) => {
+  }, b1 = (C, f, w, I, D, A, W) => {
     const B = f.el = C.el;
     let { patchFlag: F, dynamicChildren: z, dirs: i1 } = f;
     F |= C.patchFlag & 16;
@@ -2603,7 +2603,7 @@ function $9(e, t) {
       w,
       I,
       L4(f, D),
-      $
+      A
     ) : W || d1(
       C,
       f,
@@ -2612,7 +2612,7 @@ function $9(e, t) {
       w,
       I,
       L4(f, D),
-      $,
+      A,
       !1
     ), F > 0) {
       if (F & 16)
@@ -2629,7 +2629,7 @@ function $9(e, t) {
     ((h1 = u1.onVnodeUpdated) || i1) && g2(() => {
       h1 && z2(h1, w, f, C), i1 && e3(f, C, w, "updated");
     }, I);
-  }, X = (C, f, w, I, D, $, W) => {
+  }, X = (C, f, w, I, D, A, W) => {
     for (let B = 0; B < f.length; B++) {
       const F = C[B], z = f[B], i1 = (
         // oldVNode may be an errored async setup() component inside Suspense
@@ -2652,7 +2652,7 @@ function $9(e, t) {
         null,
         I,
         D,
-        $,
+        A,
         W,
         !0
       );
@@ -2660,23 +2660,23 @@ function $9(e, t) {
   }, _1 = (C, f, w, I, D) => {
     if (f !== w) {
       if (f !== j1)
-        for (const $ in f)
-          !H3($) && !($ in w) && o(
+        for (const A in f)
+          !H3(A) && !(A in w) && o(
             C,
-            $,
-            f[$],
+            A,
+            f[A],
             null,
             D,
             I
           );
-      for (const $ in w) {
-        if (H3($)) continue;
-        const W = w[$], B = f[$];
-        W !== B && $ !== "value" && o(C, $, B, W, D, I);
+      for (const A in w) {
+        if (H3(A)) continue;
+        const W = w[A], B = f[A];
+        W !== B && A !== "value" && o(C, A, B, W, D, I);
       }
       "value" in w && o(C, "value", f.value, w.value, D);
     }
-  }, R1 = (C, f, w, I, D, $, W, B, F) => {
+  }, R1 = (C, f, w, I, D, A, W, B, F) => {
     const z = f.el = C ? C.el : d(""), i1 = f.anchor = C ? C.anchor : d("");
     let { patchFlag: c1, dynamicChildren: u1, slotScopeIds: h1 } = f;
     h1 && (B = B ? B.concat(h1) : h1), C == null ? (l(z, w, I), l(i1, w, I), A1(
@@ -2688,7 +2688,7 @@ function $9(e, t) {
       w,
       i1,
       D,
-      $,
+      A,
       W,
       B,
       F
@@ -2699,7 +2699,7 @@ function $9(e, t) {
       u1,
       w,
       D,
-      $,
+      A,
       W,
       B
     ), // #2080 if the stable fragment has a key, it's a <template v-for> that may
@@ -2717,12 +2717,12 @@ function $9(e, t) {
       w,
       i1,
       D,
-      $,
+      A,
       W,
       B,
       F
     );
-  }, P1 = (C, f, w, I, D, $, W, B, F) => {
+  }, P1 = (C, f, w, I, D, A, W, B, F) => {
     f.slotScopeIds = B, C == null ? f.shapeFlag & 512 ? D.ctx.activate(
       f,
       w,
@@ -2734,11 +2734,11 @@ function $9(e, t) {
       w,
       I,
       D,
-      $,
+      A,
       W,
       F
     ) : f1(C, f, F);
-  }, s1 = (C, f, w, I, D, $, W) => {
+  }, s1 = (C, f, w, I, D, A, W) => {
     const B = C.component = I9(
       C,
       I,
@@ -2756,7 +2756,7 @@ function $9(e, t) {
         f,
         w,
         D,
-        $,
+        A,
         W
       );
   }, f1 = (C, f, w) => {
@@ -2769,7 +2769,7 @@ function $9(e, t) {
         I.next = f, I.update();
     else
       f.el = C.el, I.vnode = f;
-  }, H1 = (C, f, w, I, D, $, W) => {
+  }, H1 = (C, f, w, I, D, A, W) => {
     const B = () => {
       if (C.isMounted) {
         let { next: c1, bu: u1, u: h1, parent: x, vnode: k } = C;
@@ -2796,7 +2796,7 @@ function $9(e, t) {
           K1(F1),
           C,
           D,
-          $
+          A
         ), c1.el = m1.el, e1 === null && w9(C, m1.el), h1 && g2(h1, D), (p1 = c1.props && c1.props.onVnodeUpdated) && g2(
           () => z2(p1, x, c1, k),
           D
@@ -2818,7 +2818,7 @@ function $9(e, t) {
             I,
             C,
             D,
-            $
+            A
           ), f.el = q1.el;
         }
         if (k && g2(k, D), !F1 && (c1 = h1 && h1.onVnodeMounted)) {
@@ -2840,7 +2840,7 @@ function $9(e, t) {
     f.component = C;
     const I = C.vnode.props;
     C.vnode = f, C.next = null, k9(C, f.props, I, w), _9(C, f.children, w), W2(), h8(C), K2();
-  }, d1 = (C, f, w, I, D, $, W, B, F = !1) => {
+  }, d1 = (C, f, w, I, D, A, W, B, F = !1) => {
     const z = C && C.children, i1 = C ? C.shapeFlag : 0, c1 = f.children, { patchFlag: u1, shapeFlag: h1 } = f;
     if (u1 > 0) {
       if (u1 & 128) {
@@ -2850,7 +2850,7 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2863,7 +2863,7 @@ function $9(e, t) {
           w,
           I,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2871,27 +2871,27 @@ function $9(e, t) {
         return;
       }
     }
-    h1 & 8 ? (i1 & 16 && s2(z, D, $), c1 !== z && v(w, c1)) : i1 & 16 ? h1 & 16 ? L1(
+    h1 & 8 ? (i1 & 16 && c2(z, D, A), c1 !== z && v(w, c1)) : i1 & 16 ? h1 & 16 ? L1(
       z,
       c1,
       w,
       I,
       D,
-      $,
+      A,
       W,
       B,
       F
-    ) : s2(z, D, $, !0) : (i1 & 8 && v(w, ""), h1 & 16 && A1(
+    ) : c2(z, D, A, !0) : (i1 & 8 && v(w, ""), h1 & 16 && A1(
       c1,
       w,
       I,
       D,
-      $,
+      A,
       W,
       B,
       F
     ));
-  }, G1 = (C, f, w, I, D, $, W, B, F) => {
+  }, G1 = (C, f, w, I, D, A, W, B, F) => {
     C = C || d3, f = f || d3;
     const z = C.length, i1 = f.length, c1 = Math.min(z, i1);
     let u1;
@@ -2903,16 +2903,16 @@ function $9(e, t) {
         w,
         null,
         D,
-        $,
+        A,
         W,
         B,
         F
       );
     }
-    z > i1 ? s2(
+    z > i1 ? c2(
       C,
       D,
-      $,
+      A,
       !0,
       !1,
       c1
@@ -2921,13 +2921,13 @@ function $9(e, t) {
       w,
       I,
       D,
-      $,
+      A,
       W,
       B,
       F,
       c1
     );
-  }, L1 = (C, f, w, I, D, $, W, B, F) => {
+  }, L1 = (C, f, w, I, D, A, W, B, F) => {
     let z = 0;
     const i1 = f.length;
     let c1 = C.length - 1, u1 = i1 - 1;
@@ -2940,7 +2940,7 @@ function $9(e, t) {
           w,
           null,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2958,7 +2958,7 @@ function $9(e, t) {
           w,
           null,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -2977,7 +2977,7 @@ function $9(e, t) {
             w,
             x,
             D,
-            $,
+            A,
             W,
             B,
             F
@@ -2985,7 +2985,7 @@ function $9(e, t) {
       }
     } else if (z > u1)
       for (; z <= c1; )
-        l1(C[z], D, $, !0), z++;
+        l1(C[z], D, A, !0), z++;
     else {
       const h1 = z, x = z, k = /* @__PURE__ */ new Map();
       for (z = x; z <= u1; z++) {
@@ -2995,12 +2995,12 @@ function $9(e, t) {
       let e1, p1 = 0;
       const m1 = u1 - x + 1;
       let F1 = !1, q1 = 0;
-      const l2 = new Array(m1);
-      for (z = 0; z < m1; z++) l2[z] = 0;
+      const o2 = new Array(m1);
+      for (z = 0; z < m1; z++) o2[z] = 0;
       for (z = h1; z <= c1; z++) {
         const J = C[z];
         if (p1 >= m1) {
-          l1(J, D, $, !0);
+          l1(J, D, A, !0);
           continue;
         }
         let Z;
@@ -3008,35 +3008,35 @@ function $9(e, t) {
           Z = k.get(J.key);
         else
           for (e1 = x; e1 <= u1; e1++)
-            if (l2[e1 - x] === 0 && Z3(J, f[e1])) {
+            if (o2[e1 - x] === 0 && Z3(J, f[e1])) {
               Z = e1;
               break;
             }
-        Z === void 0 ? l1(J, D, $, !0) : (l2[Z - x] = z + 1, Z >= q1 ? q1 = Z : F1 = !0, j(
+        Z === void 0 ? l1(J, D, A, !0) : (o2[Z - x] = z + 1, Z >= q1 ? q1 = Z : F1 = !0, j(
           J,
           f[Z],
           w,
           null,
           D,
-          $,
+          A,
           W,
           B,
           F
         ), p1++);
       }
-      const f2 = F1 ? z9(l2) : d3;
+      const f2 = F1 ? z9(o2) : d3;
       for (e1 = f2.length - 1, z = m1 - 1; z >= 0; z--) {
         const J = x + z, Z = f[J], m = f[J + 1], G = J + 1 < i1 ? (
           // #13559, #14173 fallback to el placeholder for unresolved async component
           m.el || I5(m)
         ) : I;
-        l2[z] === 0 ? j(
+        o2[z] === 0 ? j(
           null,
           Z,
           w,
           G,
           D,
-          $,
+          A,
           W,
           B,
           F
@@ -3044,7 +3044,7 @@ function $9(e, t) {
       }
     }
   }, o1 = (C, f, w, I, D = null) => {
-    const { el: $, type: W, transition: B, children: F, shapeFlag: z } = C;
+    const { el: A, type: W, transition: B, children: F, shapeFlag: z } = C;
     if (z & 6) {
       o1(C.component.subTree, f, w, I);
       return;
@@ -3058,7 +3058,7 @@ function $9(e, t) {
       return;
     }
     if (W === T) {
-      l($, f, w);
+      l(A, f, w);
       for (let c1 = 0; c1 < F.length; c1++)
         o1(F[c1], f, w, I);
       l(C.anchor, f, w);
@@ -3070,26 +3070,26 @@ function $9(e, t) {
     }
     if (I !== 2 && z & 1 && B)
       if (I === 0)
-        B.persisted && !$[H4] ? l($, f, w) : (B.beforeEnter($), l($, f, w), g2(() => B.enter($), D));
+        B.persisted && !A[H4] ? l(A, f, w) : (B.beforeEnter(A), l(A, f, w), g2(() => B.enter(A), D));
       else {
         const { leave: c1, delayLeave: u1, afterLeave: h1 } = B, x = () => {
-          C.ctx.isUnmounted ? c($) : l($, f, w);
+          C.ctx.isUnmounted ? c(A) : l(A, f, w);
         }, k = () => {
-          const e1 = $._isLeaving || !!$[H4];
-          $._isLeaving && $[H4](
+          const e1 = A._isLeaving || !!A[H4];
+          A._isLeaving && A[H4](
             !0
             /* cancelled */
-          ), B.persisted && !e1 ? x() : c1($, () => {
+          ), B.persisted && !e1 ? x() : c1(A, () => {
             x(), h1 && h1();
           });
         };
-        u1 ? u1($, x, k) : k();
+        u1 ? u1(A, x, k) : k();
       }
     else
-      l($, f, w);
+      l(A, f, w);
   }, l1 = (C, f, w, I = !1, D = !1) => {
     const {
-      type: $,
+      type: A,
       props: W,
       ref: B,
       children: F,
@@ -3107,7 +3107,7 @@ function $9(e, t) {
     const k = i1 & 1 && u1, e1 = !h3(C);
     let p1;
     if (e1 && (p1 = W && W.onVnodeBeforeUnmount) && z2(p1, f, C), i1 & 6)
-      t2(C.component, w, I);
+      s2(C.component, w, I);
     else {
       if (i1 & 128) {
         C.suspense.unmount(w, I);
@@ -3125,13 +3125,13 @@ function $9(e, t) {
       // so that it doesn't take the fast path during unmount - otherwise
       // components nested in v-once are never unmounted.
       !z.hasOnce && // #1153: fast path should not be taken for non-stable (v-for) fragments
-      ($ !== T || c1 > 0 && c1 & 64) ? s2(
+      (A !== T || c1 > 0 && c1 & 64) ? c2(
         z,
         f,
         w,
         !1,
         !0
-      ) : ($ === T && c1 & 384 || !D && i1 & 16) && s2(F, f, w), I && M1(C);
+      ) : (A === T && c1 & 384 || !D && i1 & 16) && c2(F, f, w), I && M1(C);
     }
     const m1 = x != null && h1 == null;
     (e1 && (p1 = W && W.onVnodeUnmounted) || k || m1) && g2(() => {
@@ -3147,26 +3147,26 @@ function $9(e, t) {
       H(C);
       return;
     }
-    const $ = () => {
+    const A = () => {
       c(w), D && !D.persisted && D.afterLeave && D.afterLeave();
     };
     if (C.shapeFlag & 1 && D && !D.persisted) {
-      const { leave: W, delayLeave: B } = D, F = () => W(w, $);
-      B ? B(C.el, $, F) : F();
+      const { leave: W, delayLeave: B } = D, F = () => W(w, A);
+      B ? B(C.el, A, F) : F();
     } else
-      $();
+      A();
   }, I1 = (C, f) => {
     let w;
     for (; C !== f; )
       w = b(C), c(C), C = w;
     c(f);
-  }, t2 = (C, f, w) => {
-    const { bum: I, scope: D, job: $, subTree: W, um: B, m: F, a: z } = C;
-    M8(F), M8(z), I && W3(I), D.stop(), $ && ($.flags |= 8, l1(W, C, f, w)), B && g2(B, f), g2(() => {
+  }, s2 = (C, f, w) => {
+    const { bum: I, scope: D, job: A, subTree: W, um: B, m: F, a: z } = C;
+    M8(F), M8(z), I && W3(I), D.stop(), A && (A.flags |= 8, l1(W, C, f, w)), B && g2(B, f), g2(() => {
       C.isUnmounted = !0;
     }, f);
-  }, s2 = (C, f, w, I = !1, D = !1, $ = 0) => {
-    for (let W = $; W < C.length; W++)
+  }, c2 = (C, f, w, I = !1, D = !1, A = 0) => {
+    for (let W = A; W < C.length; W++)
       l1(C[W], f, w, I, D);
   }, K1 = (C) => {
     if (C.shapeFlag & 6)
@@ -3176,7 +3176,7 @@ function $9(e, t) {
     const f = b(C.anchor || C.el), w = f && f[K6];
     return w ? b(w) : f;
   };
-  let c2 = !1;
+  let l2 = !1;
   const m2 = (C, f, w) => {
     let I;
     C == null ? f._vnode && (l1(f._vnode, null, null, !0), I = f._vnode.component) : j(
@@ -3187,7 +3187,7 @@ function $9(e, t) {
       null,
       null,
       w
-    ), f._vnode = C, c2 || (c2 = !0, h8(I), f5(), c2 = !1);
+    ), f._vnode = C, l2 || (l2 = !0, h8(I), f5(), l2 = !1);
   }, X1 = {
     p: j,
     um: l1,
@@ -3314,7 +3314,7 @@ const F5 = ({ key: e }) => e ?? null, J3 = ({
   ref: e,
   ref_key: t,
   ref_for: s
-}) => (typeof e == "number" && (e = "" + e), e != null ? Y1(e) || /* @__PURE__ */ u2(e) || V1(e) ? { i: r2, r: e, k: t, f: !!s } : e : null);
+}) => (typeof e == "number" && (e = "" + e), e != null ? Y1(e) || /* @__PURE__ */ p2(e) || V1(e) ? { i: n2, r: e, k: t, f: !!s } : e : null);
 function a(e, t = null, s = null, l = 0, c = null, o = e === T ? 0 : 1, r = !1, d = !1) {
   const u = {
     __v_isVNode: !0,
@@ -3343,7 +3343,7 @@ function a(e, t = null, s = null, l = 0, c = null, o = e === T ? 0 : 1, r = !1,
     dynamicProps: c,
     dynamicChildren: null,
     appContext: null,
-    ctx: r2
+    ctx: n2
   };
   return d ? (l8(u, s), o & 128 && e.normalize(u)) : s && (u.shapeFlag |= Y1(s) ? 8 : 16), O3 > 0 && // avoid a block node from tracking itself
   !r && // has current parent block
@@ -3439,7 +3439,7 @@ function g3(e, t, s = !1, l = !1) {
 function $1(e = " ", t = 0) {
   return q(m4, null, e, t);
 }
-function a2(e, t) {
+function i2(e, t) {
   const s = q(q3, null, e);
   return s.staticCount = t, s;
 }
@@ -3472,9 +3472,9 @@ function l8(e, t) {
     } else {
       s = 32;
       const c = t._;
-      !c && !z5(t) ? t._ctx = r2 : c === 3 && r2 && (r2.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
+      !c && !z5(t) ? t._ctx = n2 : c === 3 && n2 && (n2.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
     }
-  else V1(t) ? (t = { default: t, _ctx: r2 }, s = 32) : (t = String(t), l & 64 ? (s = 16, t = [$1(t)]) : s = 8);
+  else V1(t) ? (t = { default: t, _ctx: n2 }, s = 32) : (t = String(t), l & 64 ? (s = 16, t = [$1(t)]) : s = 8);
   e.children = t, e.shapeFlag |= s;
 }
 function R9(...e) {
@@ -3582,8 +3582,8 @@ function I9(e, t, s) {
   };
   return o.ctx = { _: o }, o.root = t ? t.root : o, o.emit = b9.bind(null, o), e.ce && e.ce(o), o;
 }
-let d2 = null;
-const o8 = () => d2 || r2;
+let u2 = null;
+const o8 = () => u2 || n2;
 let s4, B4;
 {
   const e = h4(), t = (s, l) => {
@@ -3594,19 +3594,19 @@ let s4, B4;
   };
   s4 = t(
     "__VUE_INSTANCE_SETTERS__",
-    (s) => d2 = s
+    (s) => u2 = s
   ), B4 = t(
     "__VUE_SSR_SETTERS__",
     (s) => P3 = s
   );
 }
 const B3 = (e) => {
-  const t = d2;
+  const t = u2;
   return s4(e), e.scope.on(), () => {
     e.scope.off(), s4(t);
   };
 }, H8 = () => {
-  d2 && d2.scope.off(), s4(null);
+  u2 && u2.scope.off(), s4(null);
 };
 function U5(e) {
   return e.vnode.shapeFlag & 4;
@@ -3665,7 +3665,7 @@ function W5(e, t, s) {
 }
 const F9 = {
   get(e, t) {
-    return n2(e, "get", ""), e[t];
+    return a2(e, "get", ""), e[t];
   }
 };
 function U9(e) {
@@ -3846,7 +3846,7 @@ function c0(e, t) {
   const s = _4[t];
   if (s)
     return s;
-  let l = e2(t);
+  let l = t2(t);
   if (l !== "filter" && l in e)
     return _4[t] = l;
   l = u4(l);
@@ -3966,7 +3966,7 @@ e.charCodeAt(2) > 96 && e.charCodeAt(2) < 123, u0 = (e, t, s, l, c, o) => {
   const r = c === "svg";
   t === "class" ? Q9(e, l, r) : t === "style" ? s0(e, s, l) : r4(t) ? n4(t) || r0(e, t, s, l, o) : (t[0] === "." ? (t = t.slice(1), !0) : t[0] === "^" ? (t = t.slice(1), !1) : p0(e, t, l, r)) ? (T8(e, t, l), !e.tagName.includes("-") && (t === "value" || t === "checked" || t === "selected") && z8(e, t, l, r, o, t !== "value")) : /* #11081 force set props for possible async custom element */ e._isVueCE && // #12408 check if it's declared prop or it's async custom element
   (h0(e, t) || // @ts-expect-error _def is private
-  e._def.__asyncLoader && (/[A-Z]/.test(t) || !Y1(l))) ? T8(e, e2(t), l, o, t) : (t === "true-value" ? e._trueValue = l : t === "false-value" && (e._falseValue = l), z8(e, t, l, r));
+  e._def.__asyncLoader && (/[A-Z]/.test(t) || !Y1(l))) ? T8(e, t2(t), l, o, t) : (t === "true-value" ? e._trueValue = l : t === "false-value" && (e._falseValue = l), z8(e, t, l, r));
 };
 function p0(e, t, s, l) {
   if (l)
@@ -3987,8 +3987,8 @@ function h0(e, t) {
   );
   if (!s)
     return !1;
-  const l = e2(t);
-  return Array.isArray(s) ? s.some((c) => e2(c) === l) : Object.keys(s).some((c) => e2(c) === l);
+  const l = t2(t);
+  return Array.isArray(s) ? s.some((c) => t2(c) === l) : Object.keys(s).some((c) => t2(c) === l);
 }
 const R8 = {};
 // @__NO_SIDE_EFFECTS__
@@ -4036,7 +4036,7 @@ class r8 extends C0 {
     );
   }
   disconnectedCallback() {
-    this._connected = !1, i2(() => {
+    this._connected = !1, d2(() => {
       this._connected || (this._ob && (this._ob.disconnect(), this._ob = null), this._app && this._app.unmount(), this._instance && (this._instance.ce = void 0), this._app = this._instance = null, this._teleportTargets && (this._teleportTargets.clear(), this._teleportTargets = void 0));
     });
   }
@@ -4060,7 +4060,7 @@ class r8 extends C0 {
       if (o && !y1(o))
         for (const u in o) {
           const p = o[u];
-          (p === Number || p && p.type === Number) && (u in this._props && (this._props[u] = i8(this._props[u])), (d || (d = /* @__PURE__ */ Object.create(null)))[e2(u)] = !0);
+          (p === Number || p && p.type === Number) && (u in this._props && (this._props[u] = i8(this._props[u])), (d || (d = /* @__PURE__ */ Object.create(null)))[t2(u)] = !0);
         }
       this._numberProps = d, this._resolveProps(l), this.shadowRoot && this._applyStyles(r), this._mount(l);
     }, s = this._def.__asyncLoader;
@@ -4082,7 +4082,7 @@ class r8 extends C0 {
     const { props: s } = t, l = y1(s) ? s : Object.keys(s || {});
     for (const c of Object.keys(this))
       c[0] !== "_" && l.includes(c) && this._setProp(c, this[c]);
-    for (const c of l.map(e2))
+    for (const c of l.map(t2))
       Object.defineProperty(this, c, {
         get() {
           return this._getProp(c);
@@ -4096,7 +4096,7 @@ class r8 extends C0 {
     if (t.startsWith("data-v-")) return;
     const s = this.hasAttribute(t);
     let l = s ? this.getAttribute(t) : R8;
-    const c = e2(t);
+    const c = t2(t);
     s && this._numberProps && this._numberProps[c] && (l = i8(l)), this._setProp(c, l, !1, !0);
   }
   /**
@@ -4295,7 +4295,7 @@ const G3 = {
       );
       e[C3](
         e.multiple ? c ? new Set(o) : o : o[0]
-      ), e._assigning = !0, i2(() => {
+      ), e._assigning = !0, d2(() => {
         e._assigning = !1;
       });
     }), e[C3] = l4(l);
@@ -4432,7 +4432,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       disabled: e.disabled || e.loading
     }, [
       e.loading ? (n(), i("span", H0)) : _("", !0),
-      p2(t.$slots, "default")
+      e2(t.$slots, "default")
     ], 10, k0));
   }
 }, L0 = /* @__PURE__ */ T1(V0, [["styles", [M0]]]), _0 = '.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family, "Poppins", sans-serif);font-size:.7rem;font-weight:500;line-height:22px;padding:0 8px;border-radius:4px}.tag.disabled{opacity:.5;cursor:not-allowed}.tag-green{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.tag-red{color:var(--secondary-red, #ec5b5b);background:var(--secondary-red-lightest, rgba(236, 91, 91, .2))}.tag-yellow{color:var(--secondary-yellow, #e8b407);background:var(--secondary-yellow-lightest, rgba(250, 209, 0, .2))}.tag-orange{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.tag-primary{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, var(--neutral-lighter, #e3e8f2))}.tag-purple{color:var(--severity-unreachable, #6d2ed1);background:var(--severity-unreachable-lightest, #e7dcfa)}.tag-unknown{color:var(--severity-unknown, #b1b1b1);background:var(--severity-unknown-lighter, #fcfcfc)}.used-count-pill{color:var(--primary, #111c2c);background:var(--tag-bg-color, #e3e8f2)}.new{color:var(--secondary-green, #14b053);background:var(--secondary-green-lightest, rgba(54, 213, 118, .2))}.provision{color:var(--primary, #111c2c);background:var(--primary-lightest, rgba(9, 157, 217, .2))}.unprovision{color:var(--secondary-orange, #f47c22);background:var(--secondary-orange-lightest, rgba(250, 153, 80, .2))}.neutral-lighter{color:var(--page-text-color, #1d2a3e);background:var(--neutral-lighter, #e3e8f2)}.default,.nav-beta-tag{color:var(--default-tag-text-color, #516381);background:var(--tag-bg-color, #e3e8f2)}.main-tags{color:var(--main-tags-text-color, #218b81);background:var(--main-tags-bg-color, #cdf1ed)}.rounded{border-radius:10px}.compliance-tag-padding{padding-left:.69rem;padding-right:.69rem}.x-wrap{position:relative;display:inline-flex}.x{cursor:pointer;color:inherit;font-size:12px;line-height:1;outline:none;border-radius:2px}.x:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}.confirm{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:inline-flex;flex-direction:column;gap:6px;min-width:132px;padding:8px 10px;border-radius:4px;cursor:default;background:var(--common-widget-bg, #fff);box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(0, 0, 0, .15));font-family:var(--font-family, "Poppins", sans-serif);font-weight:400}.confirm-title{font-size:.75rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.confirm-actions{display:inline-flex;gap:8px;justify-content:flex-end}.confirm-yes,.confirm-no{cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 10px;border-radius:4px;outline:none}.confirm-yes{color:var(--primary-button-text, #fff);background:var(--primary-button-bg, #07101f)}.confirm-no{color:var(--default-button-text, #1d2a3e);background:var(--default-button-bg, #fff);border:1px solid var(--default-button-border, #e3e8f2)}.confirm-yes:focus-visible,.confirm-no:focus-visible{outline:1.5px solid var(--checkbox-checked-border-color, #6a7fa0);outline-offset:1px}', S0 = {
@@ -4540,8 +4540,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         class: N(["tag", [V.value, { rounded: K.value, disabled: e.disabled, "compliance-tag-padding": e.compliance }]])
       }, [
         e.status ? (n(), i(T, { key: 0 }, [
-          $1(A(O.value), 1)
-        ], 64)) : p2(H.$slots, "default", { key: 1 }),
+          $1($(O.value), 1)
+        ], 64)) : e2(H.$slots, "default", { key: 1 }),
         e.closable && !e.status ? (n(), i("span", {
           key: 2,
           ref_key: "xWrap",
@@ -4562,7 +4562,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             })
           ], 32),
           o.value ? (n(), i("span", S0, [
-            a("span", $0, A(e.confirmTitle), 1),
+            a("span", $0, $(e.confirmTitle), 1),
             a("span", A0, [
               a("span", {
                 class: "confirm-yes",
@@ -4632,7 +4632,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         o.value && !e.indeterminate ? (n(), i("span", E0)) : e.indeterminate ? (n(), i("span", R0)) : _("", !0)
       ], 2),
       a("span", D0, [
-        p2(u.$slots, "default")
+        e2(u.$slots, "default")
       ])
     ], 42, P0));
   }
@@ -4676,7 +4676,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       disabled: e.disabled || e.loading,
       onClick: d
     }, [
-      o.value ? (n(), i("span", F0, A(r.value ? e.checkedText : e.uncheckedText), 1)) : _("", !0),
+      o.value ? (n(), i("span", F0, $(r.value ? e.checkedText : e.uncheckedText), 1)) : _("", !0),
       a("span", U0, [
         e.loading ? (n(), i("span", W0)) : _("", !0)
       ])
@@ -4723,18 +4723,18 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         key: y,
         class: "pill",
         title: l(b)
-      }, A(l(b)), 9, G0))), 128)),
+      }, $(l(b)), 9, G0))), 128)),
       o.value.length ? (n(), i("span", Y0, [
         a("span", {
           class: "pill more-pill",
           onClick: x1(u, ["stop"])
-        }, "+" + A(o.value.length), 1),
+        }, "+" + $(o.value.length), 1),
         r.value ? (n(), i("div", X0, [
           (n(!0), i(T, null, r1(o.value, (b, y) => (n(), i("div", {
             key: y,
             class: "pop-item",
             title: l(b)
-          }, A(l(b)), 9, Q0))), 128))
+          }, $(l(b)), 9, Q0))), 128))
         ])) : _("", !0)
       ])) : _("", !0)
     ], 512));
@@ -4812,7 +4812,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           "aria-hidden": "true",
           innerHTML: h(S.icon)
         }, null, 8, o7)) : _("", !0),
-        a("span", r7, A(S.label), 1)
+        a("span", r7, $(S.label), 1)
       ], 10, c7))), 128))
     ], 2));
   }
@@ -4916,13 +4916,13 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           for: b2(o),
           class: "lbl"
         }, [
-          $1(A(e.label), 1),
+          $1($(e.label), 1),
           e.required ? (n(), i("span", u7, " *")) : _("", !0)
         ], 8, d7)) : _("", !0),
         a("div", {
           class: N(["grp", { "has-addon": j.value, area: u.value, block: e.block }])
         }, [
-          e.addonBefore ? (n(), i("span", p7, A(e.addonBefore), 1)) : _("", !0),
+          e.addonBefore ? (n(), i("span", p7, $(e.addonBefore), 1)) : _("", !0),
           a("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 M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: "adorn pre",
               "aria-hidden": "true",
               innerHTML: b(y.value)
-            }, null, 8, h7)) : e.prefix ? (n(), i("span", v7, A(e.prefix), 1)) : _("", !0),
+            }, null, 8, h7)) : e.prefix ? (n(), i("span", v7, $(e.prefix), 1)) : _("", !0),
             u.value ? (n(), i("textarea", {
               key: 2,
               id: b2(o),
@@ -4976,7 +4976,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: "adorn suf",
               "aria-hidden": "true",
               innerHTML: b(S.value)
-            }, null, 8, g7)) : e.suffix ? (n(), i("span", b7, A(e.suffix), 1)) : _("", !0),
+            }, null, 8, g7)) : e.suffix ? (n(), i("span", b7, $(e.suffix), 1)) : _("", !0),
             p.value ? (n(), i("span", m7, [
               a("button", {
                 class: "stp up",
@@ -5002,10 +5002,10 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               ])
             ])) : _("", !0)
           ], 2),
-          e.addonAfter ? (n(), i("span", x7, A(e.addonAfter), 1)) : _("", !0)
+          e.addonAfter ? (n(), i("span", x7, $(e.addonAfter), 1)) : _("", !0)
         ], 2),
-        e.help && !(e.error && e.errorMessage) ? (n(), i("div", Z7, A(e.help), 1)) : _("", !0),
-        e.error && e.errorMessage ? (n(), i("div", y7, A(e.errorMessage), 1)) : _("", !0)
+        e.help && !(e.error && e.errorMessage) ? (n(), i("div", Z7, $(e.help), 1)) : _("", !0),
+        e.error && e.errorMessage ? (n(), i("div", y7, $(e.errorMessage), 1)) : _("", !0)
       ], 2);
     };
   }
@@ -5030,7 +5030,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       rel: e.external ? "noopener noreferrer" : void 0,
       "aria-disabled": e.disabled ? "true" : void 0
     }, [
-      p2(t.$slots, "default")
+      e2(t.$slots, "default")
     ], 10, H7));
   }
 }, L7 = /* @__PURE__ */ T1(V7, [["styles", [k7]]]), _7 = 'button,input,select,textarea{font-family:inherit}.sel.text,.sel.btn,.sel.ic{width:auto;display:inline-flex}:host([block]){display:block;width:100%}.sel.block{width:100%}.sel{position:relative;display:inline-block;width:240px;outline:none;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.ph{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.trig{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--input-height-base, 32px);padding:3px 9px 3px 11px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s}.trig:hover{border-color:var(--neutral-light, #8e9fbc)}.sel.disabled .trig,.sel.disabled .t-chip{background:var(--neutral-lightest, #ecf1f9);opacity:.75;cursor:not-allowed}.vals{flex:1;min-width:0}.single{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--neutral-light, #8e9fbc)}.clr{display:inline-flex;cursor:pointer}.clr:hover{color:var(--page-text-color, #1d2a3e)}.chev{display:block;transition:transform .15s}.chev.up{transform:rotate(180deg)}.spin{width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:obsselspin .7s linear infinite}@keyframes obsselspin{to{transform:rotate(360deg)}}.t-text{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.val-pop{z-index:1000;min-width:140px;max-height:260px;overflow:auto;padding:6px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 8px 24px var(--neutral-shadow-light, var(--neutral-shadow-light, rgba(7, 16, 31, .16)))}.val-pop-item{padding:5px 16px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.t-chip{display:inline-flex;align-items:center;max-width:100%;padding:2px 10px;border:none;border-radius:4px;background:var(--code-tag-background-color, #ecf1f9);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit}.t-btn{display:inline-flex;align-items:center;gap:8px;height:var(--btn-height, 2.1rem);padding:0 12px;border:1px solid var(--default-button-border, #e3e8f2);border-radius:var(--btn-radius, 4px);background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);cursor:pointer;font:inherit;font-size:var(--text-sm, .8rem);white-space:nowrap;transition:border-color .15s,background .15s}.t-btn:hover:not(:disabled){background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.t-btn .chev{color:var(--neutral-light, #8e9fbc);transition:transform .15s}.t-btn .chev.up{transform:rotate(180deg)}.sel.disabled .t-btn,.sel.disabled .t-icon{opacity:.6;cursor:not-allowed}.t-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--input-height-base, 32px);height:var(--input-height-base, 32px);border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--neutral-regular, #7186a8);cursor:pointer;font:inherit;transition:border-color .15s,color .15s}.t-icon:hover:not(:disabled),.t-icon.open,.t-icon.on{border-color:var(--neutral-light, #8e9fbc);color:var(--page-text-color, #1d2a3e)}.t-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:10px;font-weight:600}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:var(--input-height-base, 32px)}.pill{display:inline-flex;align-items:center;padding:3px 11px;border-radius:100px;font-size:12px;font-weight:600;background:var(--neutral-lighter, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.pill.more{position:relative;cursor:pointer}.pill-pop{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;min-width:120px;padding:4px 0;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(7, 16, 31, .16))}.pill-pop-item{padding:7px 14px;font-size:13px;font-weight:400;color:var(--page-text-color, #1d2a3e);white-space:nowrap}.pill-pop-item+.pill-pop-item{border-top:1px solid var(--border-color, #e3e8f2)}.menu:popover-open,.menu[popover]{border:0;padding:0;margin:0;inset:auto}.menu{z-index:1000;display:flex;overflow:hidden;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:6px;box-shadow:0 8px 24px var(--neutral-shadow-light, rgba(7, 16, 31, .16));padding:0}.pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.menu.twopane .pane{flex:0 0 260px}.srow{display:flex;align-items:center;gap:6px;margin:8px}.msearch{position:relative;flex:1;min-width:0;height:32px}.sic{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--neutral-light, #8e9fbc);pointer-events:none}.msearch input{width:100%;height:32px;padding:4px 11px 4px 30px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none;box-sizing:border-box}.msearch input:focus{border-color:var(--checkbox-checked-color, #111c2c)}.msearch input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.addbtn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:18px;line-height:1}.addbtn:hover:not(:disabled){border-color:var(--neutral-light, #8e9fbc)}.addbtn:disabled{opacity:.5;cursor:not-allowed}.addinput{display:flex;align-items:center;gap:6px;margin:0 8px 6px;padding:2px 0 8px;border-bottom:1px solid var(--border-color, #e3e8f2)}.addinput input{flex:1;min-width:0;height:28px;padding:0 9px;border:none;background:transparent;color:var(--input-text-color, #1d2a3e);font:inherit;font-size:var(--text-sm, .8rem);outline:none}.addinput input::placeholder{color:var(--input-placeholder-color, rgba(43, 57, 79, .5))}.ok,.cancel{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.ok{color:var(--secondary-green, #14b053)}.cancel{color:var(--secondary-red, #ec5b5b)}.opts{flex:1;min-height:0;overflow:auto}.mopt{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:5px 12px;border:none;border-radius:0;background:none;color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px;font-weight:400;text-align:left}.mopt:hover:not(.dis),.mopt.active:not(.dis){background:var(--code-tag-background-color, #ecf1f9)}.mopt.on{font-weight:500;color:var(--checkbox-checked-color, #111c2c)}.mopt.dis{color:var(--neutral-light, #8e9fbc);opacity:.55;cursor:not-allowed}.selall{border-bottom:1px solid var(--border-color, #e3e8f2);margin-bottom:2px}.mlbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlbl.two{display:flex;flex-direction:column;line-height:1.25}.mlbl .ml-sub{font-size:11px;color:var(--neutral-light, #8e9fbc);overflow:hidden;text-overflow:ellipsis}.mdot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.opts obs-severity,.opts obs-icon{flex:0 0 auto;display:inline-flex;align-items:center}.mic{flex:0 0 auto;color:var(--neutral-regular, #7186a8)}.mav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--primary-alt, #3279be);color:var(--white-regular, #fff);font-size:10px;font-weight:600}.mav img{width:100%;height:100%;object-fit:cover;display:block}.mopt.branch{font-weight:500}.mopt.branch .mlbl{color:var(--page-text-color, #1d2a3e)}.tchev-slot{flex:0 0 auto;width:12px;display:inline-flex;align-items:center;justify-content:center}.tchev{color:var(--neutral-light, #8e9fbc);transition:transform .12s}.tchev.open{transform:rotate(90deg)}.ban{flex:0 0 auto;position:relative;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.ban:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:1.5px;background:currentColor;transform:rotate(45deg)}.cbx{position:relative;flex:0 0 auto;width:18px;height:18px;border-radius:3px;box-sizing:border-box;border:1.5px solid var(--neutral-lighter, #e3e8f2);background:var(--checkbox-bg, #fff)}.cbx.ck{border-color:var(--checkbox-checked-border-color, #6a7fa0)}.cbx.ck:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--checkbox-checked-color, #111c2c);border-width:0 2px 2px 0;transform:rotate(45deg)}.cbx.ind{border-color:var(--primary-alt, #3279be)}.cbx.ind:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;border-radius:1px;background:var(--primary-alt, #3279be);transform:translateY(-50%)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:var(--neutral-light, #8e9fbc);font-size:13px}.empty-ic{width:30px;height:24px;border:2px solid currentColor;border-radius:4px;opacity:.5}.foot{display:flex;justify-content:flex-end;padding:6px 8px 8px;border-top:1px solid var(--border-color, #e3e8f2);margin-top:2px}.clearbtn{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);cursor:pointer;font:inherit;font-size:13px}.clearbtn:hover{border-color:var(--neutral-light, #8e9fbc)}.clearbtn .x{font-size:14px;line-height:1}.descpane{flex:1;min-width:0;padding:14px;border-left:1px solid var(--border-color, #e3e8f2)}.desc-title{font-weight:600;font-size:13px;margin-bottom:8px}.desc-body{color:var(--neutral-light, #8e9fbc);font-size:12px;line-height:1.5}.desc-hint{color:var(--neutral-light, #8e9fbc);font-size:12px}', S7 = ["aria-expanded"], $7 = {
@@ -5169,11 +5169,11 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, d1 = M(() => v1(H1.value, []).concat(K.value)), G1 = M(() => H1.value.some((g) => g.group)), L1 = M(() => {
       const g = v.value.toLowerCase();
       return d1.value.filter((L) => !g || String(L.label).toLowerCase().includes(g));
-    }), o1 = M(() => d1.value.filter((g) => !g.disabled).map((g) => g.value)), l1 = M(() => o1.value.length > 0 && o1.value.every((g) => V.value.includes(g))), M1 = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), I1 = (g) => g && String(g).startsWith("--") ? `var(${g}, #6a7fa0)` : g, t2 = (g) => {
+    }), o1 = M(() => d1.value.filter((g) => !g.disabled).map((g) => g.value)), l1 = M(() => o1.value.length > 0 && o1.value.every((g) => V.value.includes(g))), M1 = /* @__PURE__ */ U(/* @__PURE__ */ new Set()), I1 = (g) => g && String(g).startsWith("--") ? `var(${g}, #6a7fa0)` : g, s2 = (g) => {
       if (g.severity) return String(g.severity).toLowerCase().trim();
       const L = g.color && String(g.color).match(/^--severity-([a-z]+)/i);
       return L ? L[1].toLowerCase() : "";
-    }, s2 = (g) => g.color && !t2(g), K1 = (g) => typeof g == "string" && /^(https?:|data:|blob:|\/|\.\.?\/)/.test(g), c2 = (g) => String(g || "").trim().split(/\s+/).slice(0, 2).map((L) => L[0] || "").join("").toUpperCase() || "?";
+    }, c2 = (g) => g.color && !s2(g), K1 = (g) => typeof g == "string" && /^(https?:|data:|blob:|\/|\.\.?\/)/.test(g), l2 = (g) => String(g || "").trim().split(/\s+/).slice(0, 2).map((L) => L[0] || "").join("").toUpperCase() || "?";
     function m2(g) {
       const L = new Set(M1.value);
       L.has(g.value) ? L.delete(g.value) : L.add(g.value), M1.value = L;
@@ -5208,7 +5208,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       else for (const k1 of L) n1.includes(k1) || n1.push(k1);
       V.value = n1, l("change", [...V.value]);
     }
-    const $ = M(() => s.maxValues > 0 && V.value.length >= s.maxValues);
+    const A = M(() => s.maxValues > 0 && V.value.length >= s.maxValues);
     function W(g) {
       const L = d1.value.find((n1) => n1.value === g);
       return L ? L.label : g;
@@ -5226,7 +5226,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       p.value && B();
     }
     function z() {
-      s.disabled || s.loading || (p.value = !0, l("show"), h.value = Math.max(0, L1.value.findIndex((g) => V.value.includes(g.value))), i2(() => {
+      s.disabled || s.loading || (p.value = !0, l("show"), h.value = Math.max(0, L1.value.findIndex((g) => V.value.includes(g.value))), d2(() => {
         try {
           const g = r.value;
           g && g.showPopover && !g.matches(":popover-open") && g.showPopover();
@@ -5247,7 +5247,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           const L = V.value.indexOf(g.value);
           if (L >= 0) V.value.splice(L, 1);
           else {
-            if ($.value) return;
+            if (A.value) return;
             V.value.push(g.value);
           }
           V.value = [...V.value], l("change", [...V.value]);
@@ -5261,19 +5261,19 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       g && g.stopPropagation(), V.value = [], l("change", s.multiple ? [] : "");
     }
     function k() {
-      j.value = !0, t1.value = "", i2(() => {
+      j.value = !0, t1.value = "", d2(() => {
         u.value && u.value.focus(), B();
       });
     }
     function e1() {
-      j.value = !1, t1.value = "", i2(B);
+      j.value = !1, t1.value = "", d2(B);
     }
     function p1() {
       const g = t1.value.trim();
-      g && (d1.value.some((L) => L.value === g) || (K.value = [...K.value, { value: g, label: g }]), l("add", g), s.multiple ? (V.value.includes(g) || (V.value = [...V.value, g]), l("change", [...V.value])) : (V.value = [g], l("change", g)), j.value = !1, t1.value = "", i2(B));
+      g && (d1.value.some((L) => L.value === g) || (K.value = [...K.value, { value: g, label: g }]), l("add", g), s.multiple ? (V.value.includes(g) || (V.value = [...V.value, g]), l("change", [...V.value])) : (V.value = [g], l("change", g)), j.value = !1, t1.value = "", d2(B));
     }
     function m1(g) {
-      v.value = g.target.value, h.value = 0, l("search", v.value), i2(B);
+      v.value = g.target.value, h.value = 0, l("search", v.value), d2(B);
     }
     function F1(g) {
       if (!p.value) {
@@ -5300,7 +5300,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ;
       h.value = n1;
     }
-    function l2(g) {
+    function o2(g) {
       g.currentTarget.contains(g.relatedTarget) || i1();
     }
     const f2 = M(() => s.allowClear && !s.removeClearBtn && V.value.length && !s.disabled && !s.loading), J = M(() => V.value.length ? W(V.value[0]) : ""), Z = M(() => Math.max(0, V.value.length - 1)), m = M(() => J.value + (Z.value ? ` (+${Z.value})` : ""));
@@ -5327,14 +5327,14 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         "aria-expanded": p.value,
         "aria-haspopup": "listbox",
         onKeydown: F1,
-        onFocusout: l2
+        onFocusout: o2
       }, [
         e.multiple && e.disabled ? (n(), i("div", $7, [
           V.value.length ? (n(), i(T, { key: 0 }, [
             (n(!0), i(T, null, r1(V.value.slice(0, e.maxItems), (Y) => (n(), i("span", {
               class: "pill",
               key: Y
-            }, A(W(Y)), 1))), 128)),
+            }, $(W(Y)), 1))), 128)),
             V.value.length > e.maxItems ? (n(), i("span", {
               key: 0,
               class: "pill more",
@@ -5342,22 +5342,22 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               tabindex: "0",
               onClick: L[0] || (L[0] = (Y) => S.value = !S.value)
             }, [
-              $1(" +" + A(V.value.length - e.maxItems) + " ", 1),
+              $1(" +" + $(V.value.length - e.maxItems) + " ", 1),
               S.value ? (n(), i("div", A7, [
                 (n(!0), i(T, null, r1(V.value.slice(e.maxItems), (Y) => (n(), i("div", {
                   class: "pill-pop-item",
                   key: Y
-                }, A(W(Y)), 1))), 128))
+                }, $(W(Y)), 1))), 128))
               ])) : _("", !0)
             ])) : _("", !0)
-          ], 64)) : (n(), i("span", z7, A(g1.value), 1))
+          ], 64)) : (n(), i("span", z7, $(g1.value), 1))
         ])) : P1.value === "text" ? (n(), i("span", {
           key: 1,
           class: N(["t-text", { ph: !V.value.length }]),
           onClick: c1,
           onMouseenter: G,
           onMouseleave: w1
-        }, A(V.value.length ? e.multiple ? m.value : J.value : g1.value), 35)) : P1.value === "chip" ? (n(), i("button", {
+        }, $(V.value.length ? e.multiple ? m.value : J.value : g1.value), 35)) : P1.value === "chip" ? (n(), i("button", {
           key: 2,
           class: "t-chip",
           disabled: e.disabled,
@@ -5365,7 +5365,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         }, [
           a("span", {
             class: N({ ph: !V.value.length })
-          }, A(V.value.length ? e.multiple ? m.value : J.value : g1.value), 3)
+          }, $(V.value.length ? e.multiple ? m.value : J.value : g1.value), 3)
         ], 8, T7)) : P1.value === "button" ? (n(), i("button", {
           key: 3,
           class: N(["t-btn", { open: p.value }]),
@@ -5374,7 +5374,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         }, [
           a("span", {
             class: N({ ph: !V.value.length && !e.triggerLabel })
-          }, A(e.triggerLabel || (V.value.length ? e.multiple ? m.value : J.value : g1.value)), 3),
+          }, $(e.triggerLabel || (V.value.length ? e.multiple ? m.value : J.value : g1.value)), 3),
           q(n1, {
             class: N(["chev", { up: p.value }]),
             name: e.triggerIcon || "chevronDown",
@@ -5391,7 +5391,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             name: e.triggerIcon || "ellipsisV",
             size: "16"
           }, null, 8, ["name"]),
-          e.multiple && V.value.length ? (n(), i("span", E7, A(V.value.length), 1)) : _("", !0)
+          e.multiple && V.value.length ? (n(), i("span", E7, $(V.value.length), 1)) : _("", !0)
         ], 10, P7)) : (n(), i("button", {
           key: 5,
           class: N(["trig", { open: p.value }]),
@@ -5401,7 +5401,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           onMouseleave: L[2] || (L[2] = (Y) => y.value = !1)
         }, [
           a("span", D7, [
-            V.value.length ? (n(), i("span", B7, A(e.multiple ? m.value : J.value), 1)) : (n(), i("span", I7, A(g1.value), 1))
+            V.value.length ? (n(), i("span", B7, $(e.multiple ? m.value : J.value), 1)) : (n(), i("span", I7, $(g1.value), 1))
           ]),
           a("span", j7, [
             f2.value && y.value ? (n(), i("span", {
@@ -5432,7 +5432,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           (n(!0), i(T, null, r1(V.value, (Y) => (n(), i("div", {
             key: Y,
             class: "val-pop-item"
-          }, A(W(Y)), 1))), 128))
+          }, $(W(Y)), 1))), 128))
         ], 4)) : _("", !0),
         p.value ? (n(), i("div", {
           key: 7,
@@ -5559,14 +5559,14 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       src: Y.avatar,
                       alt: ""
                     }, null, 8, ee)) : (n(), i(T, { key: 1 }, [
-                      $1(A(c2(Y.label)), 1)
+                      $1($(l2(Y.label)), 1)
                     ], 64))
                   ], 2)) : _("", !0),
-                  t2(Y) ? (n(), z1(k1, {
+                  s2(Y) ? (n(), z1(k1, {
                     key: 2,
-                    severity: t2(Y),
+                    severity: s2(Y),
                     shape: "dot"
-                  }, null, 8, ["severity"])) : s2(Y) ? (n(), i("span", {
+                  }, null, 8, ["severity"])) : c2(Y) ? (n(), i("span", {
                     key: 3,
                     class: "mdot",
                     style: Z1({ background: I1(Y.color) }),
@@ -5581,8 +5581,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   a("span", {
                     class: N(["mlbl", { two: Y.sublabel, br: Y.__branch }])
                   }, [
-                    a("span", te, A(Y.label), 1),
-                    Y.sublabel ? (n(), i("span", se, A(Y.sublabel), 1)) : _("", !0)
+                    a("span", te, $(Y.label), 1),
+                    Y.sublabel ? (n(), i("span", se, $(Y.sublabel), 1)) : _("", !0)
                   ], 2)
                 ], 14, Y7))), 128)),
                 C.value.length ? _("", !0) : (n(), i("div", ce, [...L[9] || (L[9] = [
@@ -5619,14 +5619,14 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       src: Y.avatar,
                       alt: ""
                     }, null, 8, oe)) : (n(), i(T, { key: 1 }, [
-                      $1(A(c2(Y.label)), 1)
+                      $1($(l2(Y.label)), 1)
                     ], 64))
                   ], 2)) : _("", !0),
-                  t2(Y) ? (n(), z1(k1, {
+                  s2(Y) ? (n(), z1(k1, {
                     key: 2,
-                    severity: t2(Y),
+                    severity: s2(Y),
                     shape: "dot"
-                  }, null, 8, ["severity"])) : s2(Y) ? (n(), i("span", {
+                  }, null, 8, ["severity"])) : c2(Y) ? (n(), i("span", {
                     key: 3,
                     class: "mdot",
                     style: Z1({ background: I1(Y.color) }),
@@ -5641,8 +5641,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   a("span", {
                     class: N(["mlbl", { two: Y.sublabel }])
                   }, [
-                    a("span", re, A(Y.label), 1),
-                    Y.sublabel ? (n(), i("span", ne, A(Y.sublabel), 1)) : _("", !0)
+                    a("span", re, $(Y.label), 1),
+                    Y.sublabel ? (n(), i("span", ne, $(Y.sublabel), 1)) : _("", !0)
                   ], 2),
                   Y.disabled ? (n(), i("span", ae)) : _("", !0)
                 ], 42, le))), 128)),
@@ -5671,8 +5671,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ]),
           e.useAfterMenuDescription ? (n(), i("div", ue, [
             a1.value ? (n(), i(T, { key: 0 }, [
-              a("div", pe, A(W(L1.value[b.value].value)), 1),
-              a("div", he, A(a1.value), 1)
+              a("div", pe, $(W(L1.value[b.value].value)), 1),
+              a("div", he, $(a1.value), 1)
             ], 64)) : (n(), i("div", ve, "Hover an option to see details."))
           ])) : _("", !0)
         ], 6)) : _("", !0)
@@ -5707,20 +5707,20 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           style: Z1(d.value),
           "aria-hidden": "true"
         }, null, 4),
-        e.displayText ? (n(), i("span", xe, A(o.value), 1)) : _("", !0)
+        e.displayText ? (n(), i("span", xe, $(o.value), 1)) : _("", !0)
       ], 64)) : e.shape === "chip" ? (n(), i("span", {
         key: 1,
         class: "chip",
         style: Z1(u.value)
-      }, A(r.value), 5)) : e.shape === "text" ? (n(), i("span", {
+      }, $(r.value), 5)) : e.shape === "text" ? (n(), i("span", {
         key: 2,
         class: "txt",
         style: Z1(p.value)
-      }, A(r.value), 5)) : e.shape === "bg" ? (n(), i("span", {
+      }, $(r.value), 5)) : e.shape === "bg" ? (n(), i("span", {
         key: 3,
         class: "bgcell",
         style: Z1(v.value)
-      }, A(r.value), 5)) : e.shape === "bar" ? (n(), i("span", {
+      }, $(r.value), 5)) : e.shape === "bar" ? (n(), i("span", {
         key: 4,
         class: "bar",
         style: Z1({ background: l.value }),
@@ -5730,8 +5730,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         class: "striperow",
         style: Z1({ borderLeftColor: l.value })
       }, [
-        p2(h.$slots, "default", {}, () => [
-          $1(A(r.value), 1)
+        e2(h.$slots, "default", {}, () => [
+          $1($(r.value), 1)
         ])
       ], 4)) : _("", !0)
     ], 10, me));
@@ -5847,7 +5847,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           key: v1 + d1,
           class: "pill"
         }, [
-          a("span", Me, A(c.value ? d(v1) : v1), 1),
+          a("span", Me, $(c.value ? d(v1) : v1), 1),
           V.value ? (n(), i("button", {
             key: 0,
             class: "rm",
@@ -5874,7 +5874,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           onBlur: _1
         }, null, 40, He)), [
           [G3, v.value]
-        ]) : p.value.length ? _("", !0) : (n(), i("span", Ve, A(t1.value), 1)),
+        ]) : p.value.length ? _("", !0) : (n(), i("span", Ve, $(t1.value), 1)),
         e.loading ? (n(), i("span", Le, [
           q(H1, {
             name: "spinnerThird",
@@ -5899,7 +5899,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             onMousedown: x1((G1) => R1(v1), ["prevent"]),
             onMouseenter: (G1) => b.value = d1
           }, [
-            a("span", $e, A(v1.label), 1)
+            a("span", $e, $(v1.label), 1)
           ], 42, Se))), 128))
         ])) : _("", !0)
       ], 34);
@@ -5948,7 +5948,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           }, null, 2))), 128))
         ]),
         a("div", Re, [
-          c[4] || (c[4] = a2('<div class="hdr"><span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span></div>', 1)),
+          c[4] || (c[4] = i2('<div class="hdr"><span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span></div>', 1)),
           a("div", De, [
             c[1] || (c[1] = a("div", { class: "ptitle" }, "Page title", -1)),
             c[2] || (c[2] = a("div", { class: "rule" }, null, -1)),
@@ -5964,7 +5964,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ])
         ])
       ]),
-      c[5] || (c[5] = a2('<span class="dot" style="left:436px;top:64px;"></span><span class="lv" style="left:439px;top:44px;height:24px;"></span><span class="chip" style="left:440px;top:16px;transform:translateX(-50%);">Header</span><span class="dot" style="left:56px;top:368px;"></span><span class="lv" style="left:59px;top:372px;height:32px;"></span><span class="chip" style="left:48px;top:410px;">NavBar</span><span class="dot" style="left:396px;top:374px;"></span><span class="lv" style="left:399px;top:378px;height:26px;"></span><span class="chip" style="left:400px;top:410px;transform:translateX(-50%);">Content panel</span><span class="dot" style="left:696px;top:368px;"></span><span class="lv" style="left:699px;top:372px;height:32px;"></span><span class="chip" style="right:108px;top:410px;">Overlay layer (floats above)</span>', 12))
+      c[5] || (c[5] = i2('<span class="dot" style="left:436px;top:64px;"></span><span class="lv" style="left:439px;top:44px;height:24px;"></span><span class="chip" style="left:440px;top:16px;transform:translateX(-50%);">Header</span><span class="dot" style="left:56px;top:368px;"></span><span class="lv" style="left:59px;top:372px;height:32px;"></span><span class="chip" style="left:48px;top:410px;">NavBar</span><span class="dot" style="left:396px;top:374px;"></span><span class="lv" style="left:399px;top:378px;height:26px;"></span><span class="chip" style="left:400px;top:410px;transform:translateX(-50%);">Content panel</span><span class="dot" style="left:696px;top:368px;"></span><span class="lv" style="left:699px;top:372px;height:32px;"></span><span class="chip" style="right:108px;top:410px;">Overlay layer (floats above)</span>', 12))
     ])) : (n(), i("div", Be, [
       e.sidebar ? (n(), i("div", Ie, [
         c[6] || (c[6] = a("span", { class: "logo" }, null, -1)),
@@ -5975,7 +5975,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])) : _("", !0),
       a("div", je, [
         e.header ? (n(), i("div", Ne, [...c[7] || (c[7] = [
-          a2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
+          i2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
         ])])) : _("", !0),
         a("div", Fe, [
           e.empty ? (n(), i("div", Ue, [...c[8] || (c[8] = [
@@ -6017,7 +6017,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         (n(!0), i(T, null, r1(c.value, (u) => (n(), i("div", {
           key: u,
           class: "cell"
-        }, A(s.value), 1))), 128))
+        }, $(s.value), 1))), 128))
       ], 4),
       e.autoSize ? (n(), i(T, { key: 0 }, [
         d[1] || (d[1] = a("div", { class: "hint" }, [
@@ -6068,7 +6068,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     const t = e, s = M(() => t.shape === "chart-over-grid");
     return (l, c) => e.callouts ? (n(), i("div", tt, [
       a("div", st, [
-        c[1] || (c[1] = a2('<div class="rhead"><span class="t"></span><span class="b"></span></div><div class="rtool"><span class="ti"></span><span class="ti"></span></div>', 2)),
+        c[1] || (c[1] = i2('<div class="rhead"><span class="t"></span><span class="b"></span></div><div class="rtool"><span class="ti"></span><span class="ti"></span></div>', 2)),
         a("div", ct, [
           c[0] || (c[0] = a("span", { class: "bh" }, null, -1)),
           (n(), i(T, null, r1(4, (o) => a("span", {
@@ -6080,7 +6080,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           a("span", { class: "fi" })
         ], -1))
       ]),
-      c[3] || (c[3] = a2('<span class="dot" style="left:396px;top:40px;"></span><span class="lh" style="left:400px;top:43px;width:40px;"></span><span class="chip" style="left:448px;top:31px;">Page header</span><span class="dot" style="left:396px;top:81px;"></span><span class="lh" style="left:400px;top:84px;width:40px;"></span><span class="chip" style="left:448px;top:72px;">Toolbar / filter bar · optional</span><span class="dot" style="left:396px;top:193px;"></span><span class="lh" style="left:400px;top:196px;width:40px;"></span><span class="chip" style="left:448px;top:184px;">Body</span><span class="dot" style="left:396px;top:307px;"></span><span class="lh" style="left:400px;top:310px;width:40px;"></span><span class="chip" style="left:448px;top:298px;">Footer / pagination · optional</span>', 12))
+      c[3] || (c[3] = i2('<span class="dot" style="left:396px;top:40px;"></span><span class="lh" style="left:400px;top:43px;width:40px;"></span><span class="chip" style="left:448px;top:31px;">Page header</span><span class="dot" style="left:396px;top:81px;"></span><span class="lh" style="left:400px;top:84px;width:40px;"></span><span class="chip" style="left:448px;top:72px;">Toolbar / filter bar · optional</span><span class="dot" style="left:396px;top:193px;"></span><span class="lh" style="left:400px;top:196px;width:40px;"></span><span class="chip" style="left:448px;top:184px;">Body</span><span class="dot" style="left:396px;top:307px;"></span><span class="lh" style="left:400px;top:310px;width:40px;"></span><span class="chip" style="left:448px;top:298px;">Footer / pagination · optional</span>', 12))
     ])) : (n(), i("div", lt, [
       c[15] || (c[15] = a("div", { class: "phead" }, [
         a("div", { class: "ptitle" }, "Page title"),
@@ -6160,7 +6160,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, s = e, l = M(() => t[s.shell] || t.layout), c = [{ i: 0, o: 1 }, { i: 1, o: 0 }, { i: 1, o: 0 }, { i: 0, o: 1 }, { i: 1, o: 0 }, { i: 0, o: 1 }];
     return (o, r) => (n(), i("div", pt, [
       l.value.bare ? (n(), i("div", ht, [...r[0] || (r[0] = [
-        a2('<div class="card"><span class="avatar"></span><div class="signin">Sign in</div><div class="ifield"></div><div class="ifield"></div><div class="ibtn"></div></div>', 1)
+        i2('<div class="card"><span class="avatar"></span><div class="signin">Sign in</div><div class="ifield"></div><div class="ifield"></div><div class="ibtn"></div></div>', 1)
       ])])) : (n(), i(T, { key: 1 }, [
         l.value.nav ? (n(), i("div", vt, [
           r[1] || (r[1] = a("span", { class: "logo" }, null, -1)),
@@ -6171,7 +6171,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         ])) : _("", !0),
         a("div", Ct, [
           l.value.header ? (n(), i("div", ft, [...r[2] || (r[2] = [
-            a2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
+            i2('<span class="brand"></span><span class="acts"><span class="ai"></span><span class="ai"></span><span class="ai bare"></span></span>', 2)
           ])])) : _("", !0),
           a("div", {
             class: N(["body", { padded: l.value.padded }])
@@ -6182,7 +6182,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 class: "trow",
                 style: Z1({ marginLeft: d.i * 14 + "px" })
               }, [
-                a("span", bt, A(d.o ? "▾" : "▸"), 1),
+                a("span", bt, $(d.o ? "▾" : "▸"), 1),
                 r[3] || (r[3] = a("span", { class: "tbar" }, null, -1))
               ], 4)), 64))
             ])) : l.value.twoPane === "menu" ? (n(), i("div", mt, [
@@ -6226,7 +6226,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         c[10] || (c[10] = a("div", { class: "hdr" }, null, -1)),
         a("div", Ht, [
           s.value === "list" ? (n(), i(T, { key: 0 }, [
-            c[1] || (c[1] = a2('<div class="row jb sh"><div class="bar" style="height:14px;width:30%;"></div><div class="row g6"><div class="btn ghost" style="width:80px;"></div><div class="btn pri" style="width:54px;"></div></div></div><div class="row g6 sh"><div class="btn ghost" style="width:64px;"></div><div class="btn ghost" style="width:64px;"></div></div>', 2)),
+            c[1] || (c[1] = i2('<div class="row jb sh"><div class="bar" style="height:14px;width:30%;"></div><div class="row g6"><div class="btn ghost" style="width:80px;"></div><div class="btn pri" style="width:54px;"></div></div></div><div class="row g6 sh"><div class="btn ghost" style="width:64px;"></div><div class="btn ghost" style="width:64px;"></div></div>', 2)),
             a("div", Vt, [
               c[0] || (c[0] = a("div", { class: "thead" }, null, -1)),
               (n(), i(T, null, r1(5, (o) => a("div", {
@@ -6241,11 +6241,11 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               })
             ], -1))
           ], 64)) : s.value === "form" ? (n(), i(T, { key: 1 }, [
-            c[3] || (c[3] = a2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:120px;"></div></div><div class="row g6"><div class="btn pri" style="width:54px;"></div><div class="btn ghost" style="width:54px;"></div></div></div><div class="fcol"><div class="row g10"><div class="fl"><div class="tag">Name</div><div class="fld"></div></div><div class="fl"><div class="tag">Type</div><div class="fld"></div></div></div><div class="row g10"><div class="fl"><div class="tag">Severity</div><div class="fld"></div></div><div class="fl"><div class="tag">Tags</div><div class="fld"></div></div></div><div class="fl"><div class="tag">Description</div><div class="fld" style="height:38px;"></div></div></div>', 2))
+            c[3] || (c[3] = i2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:120px;"></div></div><div class="row g6"><div class="btn pri" style="width:54px;"></div><div class="btn ghost" style="width:54px;"></div></div></div><div class="fcol"><div class="row g10"><div class="fl"><div class="tag">Name</div><div class="fld"></div></div><div class="fl"><div class="tag">Type</div><div class="fld"></div></div></div><div class="row g10"><div class="fl"><div class="tag">Severity</div><div class="fld"></div></div><div class="fl"><div class="tag">Tags</div><div class="fld"></div></div></div><div class="fl"><div class="tag">Description</div><div class="fld" style="height:38px;"></div></div></div>', 2))
           ], 64)) : s.value === "detail" ? (n(), i(T, { key: 2 }, [
-            c[4] || (c[4] = a2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:110px;"></div><span class="dot crit"></span></div><div class="btn ghost" style="width:64px;"></div></div><div class="row g14 sh tabs"><div class="tab on"></div><div class="tab"></div><div class="tab"></div></div><div class="row g8 fill"><div class="pane sol"></div><div class="pane sol"></div></div>', 3))
+            c[4] || (c[4] = i2('<div class="row jb sh"><div class="row g8"><div class="box16"></div><div class="bar" style="height:14px;width:110px;"></div><span class="dot crit"></span></div><div class="btn ghost" style="width:64px;"></div></div><div class="row g14 sh tabs"><div class="tab on"></div><div class="tab"></div><div class="tab"></div></div><div class="row g8 fill"><div class="pane sol"></div><div class="pane sol"></div></div>', 3))
           ], 64)) : s.value === "dashboard" ? (n(), i(T, { key: 3 }, [
-            c[5] || (c[5] = a2('<div class="row jb sh"><div class="row g8"><div class="bar" style="height:14px;width:90px;"></div><div class="btn ghost" style="width:60px;"></div></div><div class="btn ghost" style="width:96px;"></div></div>', 1)),
+            c[5] || (c[5] = i2('<div class="row jb sh"><div class="row g8"><div class="bar" style="height:14px;width:90px;"></div><div class="btn ghost" style="width:60px;"></div></div><div class="btn ghost" style="width:96px;"></div></div>', 1)),
             a("div", Lt, [
               (n(), i(T, null, r1(4, (o) => a("div", {
                 key: o,
@@ -6265,7 +6265,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               a("div", { class: "pane dsh" })
             ], -1))
           ])) : s.value === "wizard" ? (n(), i(T, { key: 5 }, [
-            c[7] || (c[7] = a2('<div class="row g6 sh steps"><span class="step on"></span><span class="conn on"></span><span class="step ring"></span><span class="conn"></span><span class="step ring2"></span><span class="conn"></span><span class="step ring2"></span></div>', 1)),
+            c[7] || (c[7] = i2('<div class="row g6 sh steps"><span class="step on"></span><span class="conn on"></span><span class="step ring"></span><span class="conn"></span><span class="step ring2"></span><span class="conn"></span><span class="step ring2"></span></div>', 1)),
             a("div", $t, [
               (n(), i(T, null, r1(3, (o) => a("div", {
                 key: o,
@@ -6290,7 +6290,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 style: Z1({ marginLeft: o % 3 === 0 ? "10px" : "0" })
               }, null, 4)), 64))
             ]),
-            c[9] || (c[9] = a2('<div class="canvas"><svg class="edges" preserveAspectRatio="none"><line x1="50%" y1="30%" x2="28%" y2="62%"></line><line x1="50%" y1="30%" x2="72%" y2="60%"></line><line x1="28%" y1="62%" x2="52%" y2="84%"></line></svg><span class="node pri" style="left:50%;top:30%;"></span><span class="node clear" style="left:28%;top:62%;"></span><span class="node crit" style="left:72%;top:60%;"></span><span class="node warn" style="left:52%;top:84%;"></span><div class="gtools"><span>+</span><span>−</span><span>⤢</span></div><div class="minimap"><span class="mnode" style="left:30%;top:30%;"></span><span class="mnode" style="left:60%;top:60%;"></span></div></div>', 1))
+            c[9] || (c[9] = i2('<div class="canvas"><svg class="edges" preserveAspectRatio="none"><line x1="50%" y1="30%" x2="28%" y2="62%"></line><line x1="50%" y1="30%" x2="72%" y2="60%"></line><line x1="28%" y1="62%" x2="52%" y2="84%"></line></svg><span class="node pri" style="left:50%;top:30%;"></span><span class="node clear" style="left:28%;top:62%;"></span><span class="node crit" style="left:72%;top:60%;"></span><span class="node warn" style="left:52%;top:84%;"></span><div class="gtools"><span>+</span><span>−</span><span>⤢</span></div><div class="minimap"><span class="mnode" style="left:30%;top:30%;"></span><span class="mnode" style="left:60%;top:60%;"></span></div></div>', 1))
           ]))
         ])
       ])
@@ -6343,11 +6343,11 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           })), 64))
         ])
       ])) : s.value === "modal" ? (n(), i("div", Bt, [...c[3] || (c[3] = [
-        a2('<div class="dsh full"></div><div class="scrim"></div><div class="modal"><div class="bar w50"></div><div class="bar"></div><div class="bar w80"></div><div class="row je g8 mt4"><div class="mbtn ghost"></div><div class="mbtn pri"></div></div></div>', 3)
+        i2('<div class="dsh full"></div><div class="scrim"></div><div class="modal"><div class="bar w50"></div><div class="bar"></div><div class="bar w80"></div><div class="row je g8 mt4"><div class="mbtn ghost"></div><div class="mbtn pri"></div></div></div>', 3)
       ])])) : s.value === "collapse" ? (n(), i("div", It, [...c[4] || (c[4] = [
-        a2('<div class="sec muted">▸ Section A</div><div class="sec open"><div class="sechead">▾ Section B</div><div class="secbody"><div class="bar"></div><div class="bar"></div></div></div><div class="sec muted">▸ Section C</div>', 3)
+        i2('<div class="sec muted">▸ Section A</div><div class="sec open"><div class="sechead">▾ Section B</div><div class="secbody"><div class="bar"></div><div class="bar"></div></div></div><div class="sec muted">▸ Section C</div>', 3)
       ])])) : s.value === "expand" ? (n(), i("div", jt, [...c[5] || (c[5] = [
-        a2('<div class="erow muted">▸ row</div><div class="erow open"><div class="erhead">▾ row (expanded)</div><div class="erbody"><div class="bar"></div><div class="bar"></div></div></div><div class="erow muted">▸ row</div>', 3)
+        i2('<div class="erow muted">▸ row</div><div class="erow open"><div class="erhead">▾ row (expanded)</div><div class="erbody"><div class="bar"></div><div class="bar"></div></div></div><div class="erow muted">▸ row</div>', 3)
       ])])) : s.value === "split" ? (n(), i("div", Nt, [...c[6] || (c[6] = [
         a("div", {
           class: "dsh",
@@ -6447,8 +6447,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           class: "trigger",
           "aria-describedby": e.disabled ? null : b2(t)
         }, [
-          p2(c.$slots, "trigger", {}, () => [
-            e.triggerLabel ? (n(), i("button", cs, A(e.triggerLabel), 1)) : (n(), z1(r, {
+          e2(c.$slots, "trigger", {}, () => [
+            e.triggerLabel ? (n(), i("button", cs, $(e.triggerLabel), 1)) : (n(), z1(r, {
               key: 1,
               class: "info",
               name: "infoCircle",
@@ -6464,7 +6464,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           role: "tooltip",
           id: b2(t)
         }, [
-          p2(c.$slots, "default")
+          e2(c.$slots, "default")
         ], 8, ls))
       ], 2);
     };
@@ -6654,10 +6654,10 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       const P = { display: "flex", alignItems: "center", justifyContent: "center", height: "40px", fontSize: "13px", borderRadius: "4px", cursor: "pointer" };
       return R ? { ...P, background: "var(--calendar-selected-day-background-color)", color: "var(--page-background-color)", fontWeight: 500 } : { ...P, color: "var(--page-text-color)" };
     }
-    function t2() {
+    function s2() {
       p.value = !1;
     }
-    const s2 = Array.from({ length: 100 }, (R, P) => P), K1 = /* @__PURE__ */ U(26), c2 = /* @__PURE__ */ U(50), m2 = /* @__PURE__ */ U(null), X1 = /* @__PURE__ */ U(null), x2 = M(() => {
+    const c2 = Array.from({ length: 100 }, (R, P) => P), K1 = /* @__PURE__ */ U(26), l2 = /* @__PURE__ */ U(50), m2 = /* @__PURE__ */ U(null), X1 = /* @__PURE__ */ U(null), x2 = M(() => {
       const R = [];
       for (let Q = 0; Q <= 100; Q += 10) {
         const D1 = (769 + Q / 10 * 529) % 1440;
@@ -6671,7 +6671,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function f(R) {
       if (!m2.value || !X1.value) return;
       const P = X1.value.getBoundingClientRect(), S1 = Math.min(100, Math.max(0, (R.clientX - P.left) / P.width * 100));
-      m2.value === "left" ? K1.value = Math.min(S1, c2.value - 2) : c2.value = Math.max(S1, K1.value + 2);
+      m2.value === "left" ? K1.value = Math.min(S1, l2.value - 2) : l2.value = Math.max(S1, K1.value + 2);
     }
     function w() {
       m2.value = null;
@@ -6681,7 +6681,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }), A2(() => {
       window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", w);
     });
-    const I = M(() => s.kind === "field-time" ? "clock" : "calendar"), D = M(() => s.placeholder || (s.kind === "field-time" ? "Select time" : s.kind === "field-date" ? "Select date" : "Select date & time")), $ = /* @__PURE__ */ U(!1), W = /* @__PURE__ */ U("date"), B = /* @__PURE__ */ U(null), F = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), i1 = /* @__PURE__ */ U(null), c1 = Array.from({ length: 12 }, (R, P) => P + 1), u1 = Array.from({ length: 60 }, (R, P) => P), h1 = M(() => s.kind === "field-date" || s.kind === "field-datetime"), x = M(() => s.kind === "field-time"), k = M(() => A1(y.value, S.value)), e1 = (R) => String(R).padStart(2, "0"), p1 = M(() => F.value != null && z.value != null && i1.value != null), m1 = M(() => p1.value ? `${e1(F.value)}:${e1(z.value)} ${i1.value}` : ""), F1 = M(() => {
+    const I = M(() => s.kind === "field-time" ? "clock" : "calendar"), D = M(() => s.placeholder || (s.kind === "field-time" ? "Select time" : s.kind === "field-date" ? "Select date" : "Select date & time")), A = /* @__PURE__ */ U(!1), W = /* @__PURE__ */ U("date"), B = /* @__PURE__ */ U(null), F = /* @__PURE__ */ U(null), z = /* @__PURE__ */ U(null), i1 = /* @__PURE__ */ U(null), c1 = Array.from({ length: 12 }, (R, P) => P + 1), u1 = Array.from({ length: 60 }, (R, P) => P), h1 = M(() => s.kind === "field-date" || s.kind === "field-datetime"), x = M(() => s.kind === "field-time"), k = M(() => A1(y.value, S.value)), e1 = (R) => String(R).padStart(2, "0"), p1 = M(() => F.value != null && z.value != null && i1.value != null), m1 = M(() => p1.value ? `${e1(F.value)}:${e1(z.value)} ${i1.value}` : ""), F1 = M(() => {
       if (!B.value) return "";
       const R = new Date(B.value);
       return `${e1(R.getDate())}/${e1(R.getMonth() + 1)}/${R.getFullYear()}`;
@@ -6689,13 +6689,13 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       if (!B.value) return "";
       const R = new Date(B.value);
       return `${o[R.getMonth()]} ${R.getDate()} ${R.getFullYear()}`;
-    }), l2 = M(() => x.value ? m1.value : B.value ? s.kind === "field-datetime" ? `${F1.value}${p1.value ? " " + m1.value : ""}` : F1.value : ""), f2 = M(() => x.value ? p1.value : !!B.value);
+    }), o2 = M(() => x.value ? m1.value : B.value ? s.kind === "field-datetime" ? `${F1.value}${p1.value ? " " + m1.value : ""}` : F1.value : ""), f2 = M(() => x.value ? p1.value : !!B.value);
     function J() {
       const R = /* @__PURE__ */ new Date(), P = R.getHours();
       F.value = P % 12 || 12, z.value = R.getMinutes(), i1.value = P < 12 ? "AM" : "PM";
     }
     function Z() {
-      s.disabled || ($.value = !$.value, $.value && (W.value = x.value ? "time" : "date"), $.value && x.value && !p1.value && J());
+      s.disabled || (A.value = !A.value, A.value && (W.value = x.value ? "time" : "date"), A.value && x.value && !p1.value && J());
     }
     function m(R) {
       return {
@@ -6705,7 +6705,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       };
     }
     function G(R) {
-      R.cur && (B.value = R.ts, s.kind === "field-date" && ($.value = !1));
+      R.cur && (B.value = R.ts, s.kind === "field-date" && (A.value = !1));
     }
     function w1() {
       B.value || (B.value = t1), p1.value || J(), W.value = "time";
@@ -6715,10 +6715,10 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       B.value = new Date(R.getFullYear(), R.getMonth(), R.getDate()).getTime(), J();
     }
     function g() {
-      B.value = t1, $.value = !1;
+      B.value = t1, A.value = !1;
     }
     function L() {
-      $.value = !1;
+      A.value = !1;
     }
     function n1(R) {
       F.value = R;
@@ -6742,7 +6742,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         const R = r.find((P) => P.k === b.value);
         return { type: "relative", key: b.value, label: R ? R.t : b.value, span: R ? R.s : null };
       }
-      return x.value ? p1.value ? { time: m1.value } : null : h1.value ? B.value ? { date: B.value, display: l2.value } : null : s.kind === "slider" ? { startPct: Math.round(K1.value), endPct: Math.round(c2.value), start: B2(K1.value), end: B2(c2.value) } : null;
+      return x.value ? p1.value ? { time: m1.value } : null : h1.value ? B.value ? { date: B.value, display: o2.value } : null : s.kind === "slider" ? { startPct: Math.round(K1.value), endPct: Math.round(l2.value), start: B2(K1.value), end: B2(l2.value) } : null;
     });
     function b3() {
       if (c)
@@ -6757,34 +6757,34 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     }, { deep: !0 }), D2(b3);
     const m3 = /* @__PURE__ */ U(null), I3 = /* @__PURE__ */ U(null), r3 = /* @__PURE__ */ U(null);
     function Q5() {
-      i2(() => {
+      d2(() => {
         for (const R of [m3.value, I3.value, r3.value]) {
           const P = R && R.querySelector(".srow.on");
           P && (R.scrollTop = P.offsetTop);
         }
       });
     }
-    J1([W, $, F, z, i1], () => {
-      $.value && W.value === "time" && Q5();
+    J1([W, A, F, z, i1], () => {
+      A.value && W.value === "time" && Q5();
     });
     function n8(R) {
-      R.composedPath().some((P) => P && P.tagName === "OBS-DATE-TIME-PICKER") || (p.value = !1, H.value = null, $.value = !1);
+      R.composedPath().some((P) => P && P.tagName === "OBS-DATE-TIME-PICKER") || (p.value = !1, H.value = null, A.value = !1);
     }
     return D2(() => document.addEventListener("click", n8, !0)), A2(() => document.removeEventListener("click", n8, !0)), J1(() => s.kind, () => {
-      p.value = !1, H.value = null, $.value = !1, v.value = "presets", h.value = null, W.value = s.kind === "field-time" ? "time" : "date";
+      p.value = !1, H.value = null, A.value = !1, v.value = "presets", h.value = null, W.value = s.kind === "field-time" ? "time" : "date";
     }), (R, P) => {
       const S1 = N1("obs-icon");
       return e.kind.startsWith("field") ? (n(), i("span", {
         key: 0,
-        class: N(["field-wrap", { open: $.value, wide: h1.value }])
+        class: N(["field-wrap", { open: A.value, wide: h1.value }])
       }, [
         a("span", {
-          class: N(["field", { disabled: e.disabled, open: $.value }]),
+          class: N(["field", { disabled: e.disabled, open: A.value }]),
           onClick: Z
         }, [
           a("span", {
             class: N(["field-ph", { filled: f2.value }])
-          }, A(l2.value || D.value), 3),
+          }, $(o2.value || D.value), 3),
           f2.value && !e.disabled ? (n(), z1(S1, {
             key: 0,
             name: "timesCircle",
@@ -6803,7 +6803,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             class: "ficon"
           }))
         ], 2),
-        $.value ? (n(), i("div", ps, [
+        A.value ? (n(), i("div", ps, [
           W.value === "date" ? (n(), i("div", hs, [
             a("div", vs, [
               a("span", Cs, [
@@ -6826,7 +6826,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   })
                 ])
               ]),
-              a("span", fs, A(k.value.mlabel) + " " + A(k.value.y), 1),
+              a("span", fs, $(k.value.mlabel) + " " + $(k.value.y), 1),
               a("span", gs, [
                 a("span", {
                   class: "navbtn",
@@ -6852,7 +6852,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               (n(), i(T, null, r1(u, (Q) => a("div", {
                 key: Q,
                 class: "wd"
-              }, A(Q), 1)), 64))
+              }, $(Q), 1)), 64))
             ]),
             (n(!0), i(T, null, r1(k.value.weeks, (Q, D1) => (n(), i("div", {
               key: D1,
@@ -6862,11 +6862,11 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 a("div", {
                   class: N(["fday", m(U1)]),
                   onClick: x1((X2) => G(U1), ["stop"])
-                }, A(U1.d), 11, ms)
+                }, $(U1.d), 11, ms)
               ]))), 128))
             ]))), 128))
           ])) : (n(), i("div", xs, [
-            h1.value ? (n(), i("div", Zs, A(q1.value || "Select date"), 1)) : _("", !0),
+            h1.value ? (n(), i("div", Zs, $(q1.value || "Select date"), 1)) : _("", !0),
             a("div", ys, [
               a("div", {
                 class: "scol",
@@ -6877,7 +6877,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: "h" + Q,
                   class: N(["srow", { on: F.value === Q }]),
                   onClick: x1((D1) => n1(Q), ["stop"])
-                }, A(e1(Q)), 11, ws))), 128))
+                }, $(e1(Q)), 11, ws))), 128))
               ], 512),
               a("div", {
                 class: "scol",
@@ -6888,7 +6888,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: "m" + Q,
                   class: N(["srow", { on: z.value === Q }]),
                   onClick: x1((D1) => k1(Q), ["stop"])
-                }, A(e1(Q)), 11, Ms))), 128))
+                }, $(e1(Q)), 11, Ms))), 128))
               ], 512),
               a("div", {
                 class: "scol",
@@ -6899,7 +6899,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: Q,
                   class: N(["srow", { on: i1.value === Q }]),
                   onClick: x1((D1) => Y(Q), ["stop"])
-                }, A(Q), 11, ks)), 64))
+                }, $(Q), 11, ks)), 64))
               ], 512)
             ])
           ])),
@@ -6937,14 +6937,14 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           ref: X1,
           class: "rail"
         }, [
-          (n(!0), i(T, null, r1(b2(s2), (Q) => (n(), i("div", {
+          (n(!0), i(T, null, r1(b2(c2), (Q) => (n(), i("div", {
             key: Q,
             class: "tick",
             style: Z1({ left: Q / 99 * 100 + "%" })
           }, null, 4))), 128)),
           a("div", {
             class: "band",
-            style: Z1({ left: K1.value + "%", width: c2.value - K1.value + "%" })
+            style: Z1({ left: K1.value + "%", width: l2.value - K1.value + "%" })
           }, null, 4),
           a("div", {
             class: "handle",
@@ -6953,19 +6953,19 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
           }, null, 36),
           a("div", {
             class: "handle",
-            style: Z1({ left: c2.value + "%", marginLeft: "-12px" }),
+            style: Z1({ left: l2.value + "%", marginLeft: "-12px" }),
             onMousedown: P[6] || (P[6] = (Q) => C("right", Q))
           }, null, 36),
           (n(!0), i(T, null, r1(x2.value, (Q) => (n(), i("div", {
             key: "l" + Q.pct,
             class: "tlabel",
             style: Z1({ left: Q.pct + "%" })
-          }, A(Q.t), 5))), 128))
+          }, $(Q.t), 5))), 128))
         ], 512)
       ])) : (n(), i("div", {
         key: 2,
         class: "range-root",
-        onClick: t2
+        onClick: s2
       }, [
         a("div", {
           class: "anchor",
@@ -6977,9 +6977,9 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             onClick: _1
           }, [
             g1.value ? (n(), i(T, { key: 0 }, [
-              a("span", Ls, A(g1.value.s), 1),
+              a("span", Ls, $(g1.value.s), 1),
               P[23] || (P[23] = a("span", { class: "sep" }, null, -1)),
-              a("span", _s, A(g1.value.t), 1),
+              a("span", _s, $(g1.value.t), 1),
               e.allowClear ? (n(), z1(S1, {
                 key: 0,
                 name: "timesCircle",
@@ -7007,8 +7007,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               class: N(["prow", { active: b.value === Q.k }]),
               onClick: (D1) => R1(Q.k)
             }, [
-              a("span", null, A(Q.t), 1),
-              a("span", As, A(Q.s), 1)
+              a("span", null, $(Q.t), 1),
+              a("span", As, $(Q.s), 1)
             ], 10, $s)), 64)),
             C1.value ? _("", !0) : (n(), i("a", {
               key: 0,
@@ -7040,7 +7040,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 a("span", {
                   class: "lk",
                   onClick: P[18] || (P[18] = (Q) => h.value = "year")
-                }, A(y.value), 1),
+                }, $(y.value), 1),
                 a("span", {
                   class: "navbtn",
                   onClick: P[19] || (P[19] = (Q) => y.value++)
@@ -7056,7 +7056,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: Q,
                   style: Z1(I1(D1 === S.value)),
                   onClick: (U1) => o1(D1)
-                }, A(Q), 13, Qs)), 64))
+                }, $(Q), 13, Qs)), 64))
               ])
             ])) : (n(), i("div", ec, [
               a("div", tc, [
@@ -7069,7 +7069,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     size: "11"
                   })
                 ]),
-                a("span", null, A(X.value[1]) + " - " + A(X.value[X.value.length - 2]), 1),
+                a("span", null, $(X.value[1]) + " - " + $(X.value[X.value.length - 2]), 1),
                 a("span", {
                   class: "navbtn",
                   onClick: P[21] || (P[21] = (Q) => M1(10))
@@ -7085,7 +7085,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: Q,
                   style: Z1(I1(Q === y.value)),
                   onClick: (D1) => l1(Q)
-                }, A(Q), 13, cc))), 128))
+                }, $(Q), 13, cc))), 128))
               ])
             ])) : (n(), i(T, { key: 0 }, [
               a("div", Os, [
@@ -7120,12 +7120,12 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       a("span", {
                         class: "lk",
                         onClick: P[10] || (P[10] = (U1) => h.value = "month")
-                      }, A(Q.mlabel), 1),
+                      }, $(Q.mlabel), 1),
                       P[26] || (P[26] = $1()),
                       a("span", {
                         class: "lk",
                         onClick: P[11] || (P[11] = (U1) => h.value = "year")
-                      }, A(Q.y), 1)
+                      }, $(Q.y), 1)
                     ]),
                     a("span", Ds, [
                       D1 === 1 ? (n(), i(T, { key: 0 }, [
@@ -7154,7 +7154,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     (n(), i(T, null, r1(u, (U1) => a("div", {
                       key: U1,
                       class: "wd"
-                    }, A(U1), 1)), 64))
+                    }, $(U1), 1)), 64))
                   ]),
                   (n(!0), i(T, null, r1(Q.weeks, (U1, M2) => (n(), i("div", {
                     key: M2,
@@ -7163,8 +7163,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     (n(!0), i(T, null, r1(U1, (X2, j3) => (n(), i("div", { key: j3 }, [
                       a("div", {
                         style: Z1(H1(X2)),
-                        onClick: (Vr) => f1(X2)
-                      }, A(X2.d), 13, Is)
+                        onClick: (Ar) => f1(X2)
+                      }, $(X2.d), 13, Is)
                     ]))), 128))
                   ]))), 128))
                 ], 2))), 128))
@@ -7176,7 +7176,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     class: "tfield",
                     onClick: P[14] || (P[14] = (Q) => G1("from", Q))
                   }, [
-                    a("span", null, A(K.value || "Select"), 1),
+                    a("span", null, $(K.value || "Select"), 1),
                     q(S1, {
                       name: "chevronDown",
                       size: "11",
@@ -7188,7 +7188,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: Q,
                       class: N(["trow", { active: K.value === Q }]),
                       onClick: (D1) => L1(Q)
-                    }, A(Q), 11, Us))), 128))
+                    }, $(Q), 11, Us))), 128))
                   ])) : _("", !0)
                 ]),
                 a("div", Ws, [
@@ -7199,7 +7199,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   }, [
                     a("span", {
                       class: N({ muted: !O.value })
-                    }, A(O.value || "Select"), 3),
+                    }, $(O.value || "Select"), 3),
                     q(S1, {
                       name: "chevronDown",
                       size: "11",
@@ -7211,7 +7211,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                       key: Q,
                       class: N(["trow", { active: O.value === Q }]),
                       onClick: (D1) => L1(Q)
-                    }, A(Q), 11, qs))), 128))
+                    }, $(Q), 11, qs))), 128))
                   ])) : _("", !0)
                 ])
               ]),
@@ -7385,8 +7385,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       l("change", Z);
     }
     const l1 = /* @__PURE__ */ U(null), M1 = /* @__PURE__ */ U(null), I1 = /* @__PURE__ */ U(null);
-    function t2(Z) {
-      i2(() => {
+    function s2(Z) {
+      d2(() => {
         const m = I1.value && I1.value.querySelectorAll(".chip-wrap")[Z];
         if (!m) {
           M1.value = null;
@@ -7396,14 +7396,14 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         M1.value = { left: Math.round(G.left), top: Math.round(G.bottom + 6) };
       });
     }
-    const s2 = (Z) => G1.value.find((m) => m.key === Z), K1 = (Z) => {
+    const c2 = (Z) => G1.value.find((m) => m.key === Z), K1 = (Z) => {
       for (const m in f1) {
         const G = f1[m].find((w1) => w1.k === Z);
         if (G) return G;
       }
       return null;
-    }, c2 = (Z) => {
-      const m = s2(Z.field);
+    }, l2 = (Z) => {
+      const m = c2(Z.field);
       return m ? m.label : "Select Filter";
     }, m2 = (Z) => {
       const m = K1(Z.operator);
@@ -7421,9 +7421,9 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
       if (!l1.value) return [];
       const Z = L1.value[l1.value.i];
       if (l1.value.step === "field") return G1.value.map((G) => ({ k: G.key, l: G.label }));
-      const m = s2(Z.field);
+      const m = c2(Z.field);
       return l1.value.step === "operator" ? (f1[m ? m.type : "enum"] || []).map((G) => ({ k: G.k, l: G.l })) : (m ? m.values : []).map((G) => ({ k: G, l: G }));
-    }), $ = M(() => L1.value.some((Z) => {
+    }), A = M(() => L1.value.some((Z) => {
       if (!Z.field || !Z.operator) return !1;
       if (!X1(Z)) return !0;
       const m = Z.value;
@@ -7436,7 +7436,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         l1.value = null, M1.value = null;
         return;
       }
-      l1.value = { i: Z, step: m }, t2(Z);
+      l1.value = { i: Z, step: m }, s2(Z);
     }
     function B(Z) {
       const { i: m, step: G } = l1.value, w1 = L1.value[m];
@@ -7449,10 +7449,10 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
         w1.value = a1.includes(Z.k) ? a1.filter((g) => g !== Z.k) : [...a1, Z.k];
       } else
         w1.value = Z.k, l1.value = null;
-      L1.value = [...L1.value], o1(), l1.value ? t2(l1.value.i) : M1.value = null;
+      L1.value = [...L1.value], o1(), l1.value ? s2(l1.value.i) : M1.value = null;
     }
     function F(Z) {
-      i2(() => {
+      d2(() => {
         const m = () => {
           const G = I1.value && I1.value.querySelectorAll(".chip-wrap")[Z], w1 = G && G.querySelector(".valsel obs-select"), a1 = w1 && w1.shadowRoot && w1.shadowRoot.querySelector(".t-text");
           return a1 ? (a1.click(), !0) : !1;
@@ -7470,17 +7470,17 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function c1() {
       L1.value.push({ field: "", operator: "", value: "" });
       const Z = L1.value.length - 1;
-      l1.value = { i: Z, step: "field" }, t2(Z);
+      l1.value = { i: Z, step: "field" }, s2(Z);
     }
     function u1() {
       L1.value = [], l1.value = null, M1.value = null, o1();
     }
     function h1(Z) {
-      const m = s2(Z.field);
+      const m = c2(Z.field);
       return m ? JSON.stringify((m.values || []).map((G) => typeof G == "string" ? { value: G, label: G } : G.children ? { value: G.v, label: G.v, children: G.children.map((w1) => ({ value: w1, label: w1 })) } : { value: G.v, label: G.v, color: G.col })) : "[]";
     }
     const x = (Z) => Array.isArray(Z.value) ? Z.value.join(",") : Z.value || "", k = (Z) => {
-      const m = s2(Z.field);
+      const m = c2(Z.field);
       return !!(m && m.selectAll);
     };
     function e1(Z, m) {
@@ -7497,7 +7497,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
     function q1(Z) {
       Z.open = !Z.open;
     }
-    function l2(Z) {
+    function o2(Z) {
       m1.value = { ...m1.value, [Z]: !m1.value[Z] };
     }
     const f2 = (Z) => ({ "check-circle": "checkCircle", "times-circle": "timesCircle", sitemap: "sitemap", server: "server" })[Z] || "";
@@ -7548,7 +7548,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 key: a1.k,
                 class: N(["tab", { on: S.value === a1.k }]),
                 onClick: (g) => S.value = a1.k
-              }, A(a1.text), 11, pc)), 64))
+              }, $(a1.text), 11, pc)), 64))
             ]),
             K.value > 1 ? (n(), i("div", hc, [
               a("span", vc, [
@@ -7625,7 +7625,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     (n(), i(T, null, r1(r, (k1) => a("option", {
                       key: k1,
                       value: k1
-                    }, A(k1), 9, yc)), 64))
+                    }, $(k1), 9, yc)), 64))
                   ], 8, Zc), [
                     [w3, L.operand]
                   ]),
@@ -7647,7 +7647,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                     (n(), i(T, null, r1(d, (k1) => a("option", {
                       key: k1.k,
                       value: k1.k
-                    }, A(k1.l), 9, kc)), 64))
+                    }, $(k1.l), 9, kc)), 64))
                   ], 8, Mc), [
                     [w3, L.operator]
                   ]),
@@ -7769,12 +7769,12 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 a("span", {
                   class: N(["seg field", { on: I(g, "field") }]),
                   onClick: x1((L) => W(g, "field", L), ["stop"])
-                }, A(c2(a1)), 11, Pc),
+                }, $(l2(a1)), 11, Pc),
                 a1.operator ? (n(), i("span", {
                   key: 0,
                   class: N(["seg op", { on: I(g, "operator") }]),
                   onClick: x1((L) => W(g, "operator", L), ["stop"])
-                }, A(m2(a1)), 11, Ec)) : _("", !0),
+                }, $(m2(a1)), 11, Ec)) : _("", !0),
                 a1.operator && X1(a1) && x2(a1) ? (n(), i("span", {
                   key: 1,
                   class: "seg val valsel",
@@ -7795,7 +7795,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   key: 2,
                   class: N(["seg val", { on: I(g, "value") }]),
                   onClick: x1((L) => W(g, "value", L), ["stop"])
-                }, A(C(a1)), 11, Rc)) : _("", !0),
+                }, $(C(a1)), 11, Rc)) : _("", !0),
                 w(a1) ? (n(), i("span", {
                   key: 3,
                   class: "seg-x",
@@ -7828,13 +7828,13 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             onClick: m[6] || (m[6] = x1(() => {
             }, ["stop"]))
           }, [
-            a("div", Bc, A(l1.value.step), 1),
+            a("div", Bc, $(l1.value.step), 1),
             (n(!0), i(T, null, r1(D.value, (a1) => (n(), i("div", {
               key: a1.k,
               class: N(["menu-row", { msel: z(l1.value.i, a1) }]),
               onClick: x1((g) => B(a1), ["stop"])
             }, [
-              a("span", null, A(a1.l), 1),
+              a("span", null, $(a1.l), 1),
               z(l1.value.i, a1) ? (n(), z1(G, {
                 key: 0,
                 name: "check",
@@ -7844,7 +7844,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             ], 10, Ic))), 128)),
             D.value.length ? _("", !0) : (n(), i("div", jc, "No options"))
           ], 4)) : _("", !0),
-          $.value ? (n(), i("div", {
+          A.value ? (n(), i("div", {
             key: 1,
             class: "bar-right",
             onClick: m[8] || (m[8] = x1(() => {
@@ -7856,7 +7856,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               onClick: m[7] || (m[7] = (a1) => H1.value = H1.value === "All Filters" ? "Any Filter" : "All Filters")
             }, [
               m[21] || (m[21] = a("span", { class: "muted" }, "Match", -1)),
-              a("span", Nc, A(H1.value), 1),
+              a("span", Nc, $(H1.value), 1),
               q(G, {
                 name: "sync",
                 size: "14",
@@ -7881,7 +7881,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
               key: a1,
               class: "quick-row"
             }, [
-              a("span", null, A(a1), 1),
+              a("span", null, $(a1), 1),
               q(G, {
                 name: "chevronRight",
                 size: "11",
@@ -7894,7 +7894,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
             key: a1,
             class: "frow-field"
           }, [
-            a("div", qc, A(a1), 1),
+            a("div", qc, $(a1), 1),
             a("div", Jc, [
               m[22] || (m[22] = a("span", { class: "muted" }, "Select", -1)),
               q(G, {
@@ -7940,7 +7940,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   size: "10",
                   class: N(["i10 vchev", { open: a1.open }])
                 }, null, 8, ["class"]),
-                $1(A(a1.n), 1)
+                $1($(a1.n), 1)
               ], 8, tl),
               a1.open ? (n(), i("div", sl, [
                 (n(!0), i(T, null, r1(a1.rows, (g) => (n(), i("label", {
@@ -7949,7 +7949,7 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                 }, [
                   a("span", {
                     class: N(["vcb", { on: !!m1.value[a1.n + g.n] }]),
-                    onClick: x1((L) => l2(a1.n + g.n), ["prevent"])
+                    onClick: x1((L) => o2(a1.n + g.n), ["prevent"])
                   }, [
                     m1.value[a1.n + g.n] ? (n(), z1(G, {
                       key: 0,
@@ -7968,8 +7968,8 @@ const M0 = ':host{display:inline-block}button,input,select,textarea{font-family:
                   }, null, 8, ["style", "name"])) : _("", !0),
                   a("span", {
                     class: N(["vname", { noicon: !g.i }])
-                  }, A(g.n), 3),
-                  a("span", ll, A(g.c), 1)
+                  }, $(g.n), 3),
+                  a("span", ll, $(g.c), 1)
                 ]))), 128))
               ])) : _("", !0)
             ]))), 128))
@@ -8052,7 +8052,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         } catch {
           X.setAttribute("open", "");
         }
-        u.value = !0, i2(() => {
+        u.value = !0, d2(() => {
           K();
           try {
             X.focus({ preventScroll: !0 });
@@ -8107,8 +8107,8 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               id: b2(r),
               class: "title"
             }, [
-              p2(X.$slots, "title", {}, () => [
-                $1(A(e.title), 1)
+              e2(X.$slots, "title", {}, () => [
+                $1($(e.title), 1)
               ])
             ], 8, dl),
             a("button", {
@@ -8126,18 +8126,18 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           a("div", {
             class: N(["body", { scroll: v.value, pad: e.usePadding, hasfoot: t1.value }])
           }, [
-            p2(X.$slots, "default")
+            e2(X.$slots, "default")
           ], 2),
           H2(a("footer", {
             class: N(["actions", { split: !h.value && j.value }])
           }, [
-            p2(X.$slots, "actions", {
+            e2(X.$slots, "actions", {
               ref_key: "actionsSlot",
               ref: b,
               onSlotchange: K
             }),
             !h.value && S.value ? (n(), i(T, { key: 0 }, [
-              S.value.note ? (n(), i("span", ul, A(S.value.note), 1)) : _("", !0),
+              S.value.note ? (n(), i("span", ul, $(S.value.note), 1)) : _("", !0),
               (n(!0), i(T, null, r1(S.value.left || [], (s1) => (n(), z1(P1, {
                 key: "l" + s1.t,
                 variant: s1.v,
@@ -8145,7 +8145,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 onClick: (f1) => V(s1)
               }, {
                 default: V2(() => [
-                  $1(A(s1.t), 1)
+                  $1($(s1.t), 1)
                 ]),
                 _: 2
               }, 1032, ["variant", "outline", "onClick"]))), 128)),
@@ -8158,7 +8158,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   onClick: (H1) => V(s1)
                 }, {
                   default: V2(() => [
-                    $1(A(s1.t), 1)
+                    $1($(s1.t), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant", "outline", "style", "onClick"]))), 128))
@@ -8824,7 +8824,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       y.value = o1.target.value, l("search", y.value);
     }
     function H1() {
-      i2(() => {
+      d2(() => {
         const o1 = j.value && j.value.getBoundingClientRect();
         if (!o1) return;
         K.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(o1.left)}px`, top: `${Math.round(o1.bottom + 4)}px`, width: `${Math.max(Math.round(o1.width), 520)}px` };
@@ -8877,7 +8877,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }, [
           a("span", {
             class: N(["tlabel", { ph: !O.value }])
-          }, A(E.value), 3),
+          }, $(E.value), 3),
           q(M1, {
             class: N(["chev", { up: b.value }]),
             name: "angleDown",
@@ -8907,11 +8907,11 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               }, null, 40, Ml)
             ])) : _("", !0),
             e.multiple && O.value ? (n(), i("div", kl, [
-              a("span", Hl, A(O.value), 1),
+              a("span", Hl, $(O.value), 1),
               a("a", {
                 class: "lnk",
-                onClick: l1[0] || (l1[0] = (t2) => S.value = S.value === "selected" ? "all" : "selected")
-              }, A(S.value === "selected" ? "View All" : "View Selected"), 1),
+                onClick: l1[0] || (l1[0] = (s2) => S.value = S.value === "selected" ? "all" : "selected")
+              }, $(S.value === "selected" ? "View All" : "View Selected"), 1),
               l1[1] || (l1[1] = a("span", { class: "sep" }, "|", -1)),
               a("a", {
                 class: "lnk",
@@ -8976,7 +8976,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       }
     }
     function y() {
-      i2(() => {
+      d2(() => {
         const K = p.value && p.value.getBoundingClientRect();
         if (!K) return;
         const O = s.placement !== "bottom-start", H = 200, E = Math.round(O ? K.right - H : K.left);
@@ -9041,7 +9041,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               name: E.icon,
               size: "15"
             }, null, 8, ["name"])) : _("", !0),
-            a("span", Al, A(E.label ?? E.name ?? E.key), 1)
+            a("span", Al, $(E.label ?? E.name ?? E.key), 1)
           ], 10, $l))
         ], 64))), 256))
       ], 512)) : (n(), i("div", {
@@ -9057,7 +9057,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           disabled: e.disabled,
           onClick: x1(t1, ["stop"])
         }, [
-          a("span", null, A(e.label), 1),
+          a("span", null, $(e.label), 1),
           q(H, {
             class: N(["chev", { up: u.value }]),
             name: "angleDown",
@@ -9104,7 +9104,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 name: E.icon,
                 size: "15"
               }, null, 8, ["name"])) : _("", !0),
-              a("span", Pl, A(E.label ?? E.name ?? E.key), 1)
+              a("span", Pl, $(E.label ?? E.name ?? E.key), 1)
             ], 10, Ol))
           ], 64))), 256))
         ], 4)) : _("", !0)
@@ -9174,7 +9174,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       K(b1.target.value);
     }
     function H() {
-      i2(() => {
+      d2(() => {
         const b1 = j.value && j.value.getBoundingClientRect();
         if (!b1) return;
         V.value = { position: "fixed", inset: "auto", margin: "0", left: `${Math.round(b1.left)}px`, top: `${Math.round(b1.bottom + 6)}px` };
@@ -9281,7 +9281,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           ]),
           a("div", Kl, [
             X[3] || (X[3] = a("span", { class: "hash" }, "#", -1)),
-            a("span", ql, A(h.value), 1)
+            a("span", ql, $(h.value), 1)
           ])
         ], 4)) : _("", !0)
       ], 2);
@@ -9457,15 +9457,15 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       }
       return e1;
     }
-    const l1 = M(() => o1(d.value, 0, [])), M1 = /* @__PURE__ */ U(null), I1 = /* @__PURE__ */ U({}), t2 = (x) => M1.value != null && String(t1(x)) === String(M1.value);
-    function s2(x) {
+    const l1 = M(() => o1(d.value, 0, [])), M1 = /* @__PURE__ */ U(null), I1 = /* @__PURE__ */ U({}), s2 = (x) => M1.value != null && String(t1(x)) === String(M1.value);
+    function c2(x) {
       M1.value = t1(x), I1.value = { ...x }, l("edit", t1(x));
     }
     function K1(x, k) {
       const e1 = (k.detail && k.detail[0]) ?? (k.target && k.target.value) ?? "";
       I1.value = { ...I1.value, [x]: e1 };
     }
-    function c2(x) {
+    function l2(x) {
       l("save", { id: t1(x), values: { ...I1.value } }), M1.value = null, I1.value = {};
     }
     function m2() {
@@ -9511,7 +9511,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       const k = x.target && x.target.checked, e1 = b1.value.map((p1) => String(t1(p1)));
       h.value = k ? [.../* @__PURE__ */ new Set([...h.value, ...e1])] : h.value.filter((p1) => !e1.includes(p1)), w();
     }
-    function $() {
+    function A() {
       h.value = [], w();
     }
     function W(x) {
@@ -9528,22 +9528,22 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     function c1(x) {
       const k = Array.isArray(x) ? x : [];
       if (k.length < 2) return "";
-      const e1 = Math.min(...k), m1 = Math.max(...k) - e1 || 1, F1 = 80, q1 = 18, l2 = 2;
-      return k.map((f2, J) => `${(J / (k.length - 1) * F1).toFixed(1)},${(q1 - l2 - (f2 - e1) / m1 * (q1 - 2 * l2)).toFixed(1)}`).join(" ");
+      const e1 = Math.min(...k), m1 = Math.max(...k) - e1 || 1, F1 = 80, q1 = 18, o2 = 2;
+      return k.map((f2, J) => `${(J / (k.length - 1) * F1).toFixed(1)},${(q1 - o2 - (f2 - e1) / m1 * (q1 - 2 * o2)).toFixed(1)}`).join(" ");
     }
     const u1 = (x, k) => `var(${x[k.colorKey] || "--neutral-lighter"}, var(--neutral-lighter, #e3e8f2))`, h1 = (x, k) => Math.max(0, Math.min(100, Number(z(x, k)) || 0));
     return (x, k) => {
-      const e1 = N1("obs-tag"), p1 = N1("obs-checkbox"), m1 = N1("obs-icon"), F1 = N1("obs-input"), q1 = N1("obs-severity"), l2 = N1("obs-menu"), f2 = N1("obs-link");
+      const e1 = N1("obs-tag"), p1 = N1("obs-checkbox"), m1 = N1("obs-icon"), F1 = N1("obs-input"), q1 = N1("obs-severity"), o2 = N1("obs-menu"), f2 = N1("obs-link");
       return n(), i("div", Xl, [
         e.selectable && !e.hideSelectionInfo && h.value.length ? (n(), i("div", Ql, [
           q(e1, {
             variant: "default",
             rounded: "",
             closable: "",
-            onClose: $
+            onClose: A
           }, {
             default: V2(() => [
-              $1(A(h.value.length) + " items selected", 1)
+              $1($(h.value.length) + " items selected", 1)
             ]),
             _: 1
           })
@@ -9569,7 +9569,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   onClick: (Z) => W(J)
                 }, [
                   a("span", lo, [
-                    $1(A(J.title), 1),
+                    $1($(J.title), 1),
                     e.sortable && J.sortable && y.value === J.key ? (n(), z1(m1, {
                       key: 0,
                       class: "sarr",
@@ -9600,8 +9600,8 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         name: d1(J.__group) ? "chevronDown" : "chevronRight",
                         size: "11"
                       }, null, 8, ["name"])) : _("", !0),
-                      $1(A(J.__group) + " ", 1),
-                      v1.value ? (n(), i("span", io, "(" + A(J.__count) + ")", 1)) : _("", !0)
+                      $1($(J.__group) + " ", 1),
+                      v1.value ? (n(), i("span", io, "(" + $(J.__count) + ")", 1)) : _("", !0)
                     ], 10, ao)
                   ], 8, no)
                 ], 2)) : (n(), i(T, { key: 1 }, [
@@ -9650,25 +9650,25 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           onClick: x1((G) => f1(J), ["stop"])
                         }, null, 8, ["name", "onClick"])) : (n(), i("span", ho))
                       ], 4)) : _("", !0),
-                      e.editable && t2(J) && Z.editable ? (n(), z1(F1, {
+                      e.editable && s2(J) && Z.editable ? (n(), z1(F1, {
                         key: 1,
                         class: "edit-input",
                         value: String(I1.value[Z.key] ?? ""),
                         onInput: (G) => K1(Z.key, G)
-                      }, null, 8, ["value", "onInput"])) : Z.type === "heat" ? (n(), i("span", vo, A(z(J, Z)), 1)) : Z.type === "bar" ? (n(), i("span", Co, [
+                      }, null, 8, ["value", "onInput"])) : Z.type === "heat" ? (n(), i("span", vo, $(z(J, Z)), 1)) : Z.type === "bar" ? (n(), i("span", Co, [
                         a("span", fo, [
                           a("span", {
                             class: "bar-fill",
                             style: Z1({ width: h1(J, Z) + "%", background: h1(J, Z) > 70 ? "var(--severity-major, #f47c22)" : "var(--primary-alt, #3279be)" })
                           }, null, 4)
                         ]),
-                        a("span", go, A(h1(J, Z)) + "%", 1)
+                        a("span", go, $(h1(J, Z)) + "%", 1)
                       ])) : Z.type === "severity" ? (n(), i("span", bo, [
                         q(q1, {
                           severity: i1(J),
                           shape: "dot"
                         }, null, 8, ["severity"]),
-                        $1(A(z(J, Z)), 1)
+                        $1($(z(J, Z)), 1)
                       ])) : Z.type === "dot" ? (n(), i("span", mo, [
                         q(q1, {
                           severity: String(z(J, Z)).toLowerCase().trim(),
@@ -9694,7 +9694,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           variant: G.variant || "default"
                         }, {
                           default: V2(() => [
-                            $1(A(G.label || G), 1)
+                            $1($(G.label || G), 1)
                           ]),
                           _: 2
                         }, 1032, ["variant"]))), 128))
@@ -9707,7 +9707,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                           "stroke-linecap": "round",
                           "stroke-linejoin": "round"
                         }, null, 8, wo)
-                      ])) : (n(), i("span", Mo, A(z(J, Z)), 1))
+                      ])) : (n(), i("span", Mo, $(z(J, Z)), 1))
                     ], 6))), 128)),
                     u.value.length ? (n(), i("td", {
                       key: 2,
@@ -9715,7 +9715,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       onClick: k[1] || (k[1] = x1(() => {
                       }, ["stop"]))
                     }, [
-                      q(l2, {
+                      q(o2, {
                         items: p.value,
                         placement: "bottom-end",
                         onSelect: (Z) => B(J, Z)
@@ -9727,10 +9727,10 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                       onClick: k[3] || (k[3] = x1(() => {
                       }, ["stop"]))
                     }, [
-                      t2(J) ? (n(), i("span", ko, [
+                      s2(J) ? (n(), i("span", ko, [
                         q(f2, {
                           class: "edit-save",
-                          onClick: x1((Z) => c2(J), ["prevent"])
+                          onClick: x1((Z) => l2(J), ["prevent"])
                         }, {
                           default: V2(() => [...k[8] || (k[8] = [
                             $1("Save", -1)
@@ -9753,7 +9753,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                         size: "14",
                         class: "edit-pencil",
                         title: "Edit row",
-                        onClick: (Z) => s2(J)
+                        onClick: (Z) => c2(J)
                       }, null, 8, ["onClick"]))
                     ])) : _("", !0)
                   ], 10, uo),
@@ -9788,7 +9788,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 a("td", {
                   colspan: R1.value,
                   class: "state"
-                }, A(e.emptyText), 9, zo)
+                }, $(e.emptyText), 9, zo)
               ]))
             ])
           ], 2),
@@ -9818,7 +9818,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 key: Z,
                 class: N(["ppage", { sel: J === j.value, dots: J === "…" }]),
                 onClick: (m) => F(J)
-              }, A(J), 11, Po))), 128)),
+              }, $(J), 11, Po))), 128)),
               a("span", {
                 class: N(["ppage nav", { dis: j.value >= A1.value }]),
                 title: "Next",
@@ -9847,11 +9847,11 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 (n(!0), i(T, null, r1(C1.value, (J) => (n(), i("option", {
                   key: J,
                   value: J
-                }, A(J), 9, Ro))), 128))
+                }, $(J), 9, Ro))), 128))
               ], 40, Eo),
               k[12] || (k[12] = a("span", { class: "pperlbl" }, "items per page", -1))
             ]),
-            a("span", Do, A(C.value), 1)
+            a("span", Do, $(C.value), 1)
           ])) : _("", !0)
         ])
       ]);
@@ -9905,7 +9905,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         }
     }
     function y() {
-      v.value || (Y5(S), v.value = !0, b(!0), i2(() => {
+      v.value || (Y5(S), v.value = !0, b(!0), d2(() => {
         const O = p.value;
         if (O) {
           try {
@@ -9962,7 +9962,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           ])) : _("", !0),
           a("div", Uo, [
             a("div", Wo, [
-              p2(O.$slots, "default")
+              e2(O.$slots, "default")
             ]),
             u.value ? (n(), i("div", Ko, [
               q(C1, {
@@ -9970,7 +9970,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 onClick: H[0] || (H[0] = (g1) => t1("cancel"))
               }, {
                 default: V2(() => [
-                  $1(A(e.cancelText), 1)
+                  $1($(e.cancelText), 1)
                 ]),
                 _: 1
               }),
@@ -9980,7 +9980,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                 onClick: H[1] || (H[1] = (g1) => t1("confirm"))
               }, {
                 default: V2(() => [
-                  $1(A(e.confirmText), 1)
+                  $1($(e.confirmText), 1)
                 ]),
                 _: 1
               }, 8, ["variant"])
@@ -9988,7 +9988,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
           ])
         ])) : (n(), i(T, { key: 1 }, [
           a("div", qo, [
-            a("h4", Jo, A(e.title), 1),
+            a("h4", Jo, $(e.title), 1),
             a("button", {
               type: "button",
               class: "x",
@@ -10002,7 +10002,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             ])
           ]),
           a("div", Go, [
-            p2(O.$slots, "default")
+            e2(O.$slots, "default")
           ]),
           u.value ? (n(), i("div", Yo, [
             q(C1, {
@@ -10010,7 +10010,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               onClick: H[3] || (H[3] = (g1) => t1("cancel"))
             }, {
               default: V2(() => [
-                $1(A(e.cancelText), 1)
+                $1($(e.cancelText), 1)
               ]),
               _: 1
             }),
@@ -10019,7 +10019,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               onClick: H[4] || (H[4] = (g1) => t1("confirm"))
             }, {
               default: V2(() => [
-                $1(A(e.confirmText), 1)
+                $1($(e.confirmText), 1)
               ]),
               _: 1
             }, 8, ["variant"])
@@ -10053,11 +10053,11 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             a("span", {
               class: "num",
               style: Z1(r.color ? { color: `var(${r.color})` } : null)
-            }, A(r.value), 5),
+            }, $(r.value), 5),
             o[0] || (o[0] = $1()),
-            r.unit ? (n(), i("span", cr, A(r.unit), 1)) : _("", !0)
+            r.unit ? (n(), i("span", cr, $(r.unit), 1)) : _("", !0)
           ]),
-          a("td", lr, A(r.label), 1)
+          a("td", lr, $(r.label), 1)
         ]))), 128))
       ])
     ]));
@@ -10095,7 +10095,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
         a("tbody", null, [
           (n(!0), i(T, null, r1(o.value, (p, v) => (n(), i("tr", { key: v }, [
             (n(!0), i(T, null, r1(p, (h, b) => (n(), i(T, { key: b }, [
-              a("td", ar, A(h.label), 1),
+              a("td", ar, $(h.label), 1),
               a("td", {
                 class: "val",
                 style: Z1(h.color ? { color: `var(${h.color})`, fontWeight: 600 } : null)
@@ -10104,7 +10104,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
                   key: 0,
                   status: String(h.status)
                 }, null, 8, ["status"])) : (n(), i(T, { key: 1 }, [
-                  $1(A(h.value), 1)
+                  $1($(h.value), 1)
                 ], 64))
               ], 4)
             ], 64))), 128)),
@@ -10204,7 +10204,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             a("span", {
               class: "lbl",
               "data-label": o(S)
-            }, A(o(S)), 9, vr)
+            }, $(o(S)), 9, vr)
           ], 10, hr))), 128))
         ]),
         a("div", Cr, [
@@ -10213,7 +10213,7 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             class: "pane",
             role: "tabpanel"
           }, [
-            p2(h.$slots, S.key)
+            e2(h.$slots, S.key)
           ])), [
             [J5, S.key === u.value]
           ])), 128))
@@ -10221,17 +10221,22 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, gr = /* @__PURE__ */ T1(fr, [["styles", [ur]]]), br = "button{font-family:inherit}:host{display:block}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:center;gap:10px;min-width:0}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", mr = { class: "left" }, xr = {
-  key: 1,
+}, gr = /* @__PURE__ */ T1(fr, [["styles", [ur]]]), br = "button{font-family:inherit}:host{display:block}.wrap{display:block}.crumb ::slotted(*){display:block;margin-bottom:6px}.ph{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, #e3e8f2);color:var(--page-text-color, #1d2a3e)}.ph.no-divider{border-bottom-color:transparent}.left{display:flex;align-items:center;gap:10px;min-width:0}.titles{display:flex;flex-direction:column;min-width:0}.ttl-row{display:flex;align-items:center;gap:10px;min-width:0}.subtitle{margin-top:2px;font-size:.75rem;line-height:1.4;color:var(--neutral-theme-color, #6a7fa0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;color:var(--neutral-light, #a5bad0)}.title{margin:0;font-size:16px;font-weight:500;line-height:1.5;color:var(--primary-alt, #1d2a3e);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}", mr = { class: "wrap" }, xr = { class: "crumb" }, Zr = { class: "left" }, yr = { class: "titles" }, wr = { class: "ttl-row" }, Mr = {
+  key: 0,
   class: "title"
-}, Zr = {
-  key: 2,
+}, kr = {
+  key: 1,
   class: "count"
-}, yr = { class: "right" }, wr = {
+}, Hr = {
+  key: 0,
+  class: "subtitle"
+}, Vr = { class: "right" }, Lr = {
   __name: "ObsPageHeader.ce",
   props: {
     heading: { type: String, default: "" },
     // the page title (not `title` — that sets a native tooltip)
+    subtitle: { type: String, default: "" },
+    // optional secondary line under the title (detail/drawer headers)
     count: { type: [String, Number], default: null },
     // optional count pill next to the title
     back: { type: [Boolean, String], default: !1 },
@@ -10245,34 +10250,45 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
     };
     return (c, o) => {
       const r = N1("obs-icon");
-      return n(), i("div", {
-        class: N(["ph", { "no-divider": s(e.noDivider) }])
-      }, [
-        a("div", mr, [
-          s(e.back) ? (n(), i("button", {
-            key: 0,
-            class: "back",
-            type: "button",
-            "aria-label": "Back",
-            onClick: l
-          }, [
-            q(r, {
-              name: "chevronLeft",
-              size: "16"
-            })
-          ])) : _("", !0),
-          p2(c.$slots, "back"),
-          e.heading ? (n(), i("h4", xr, A(e.heading), 1)) : _("", !0),
-          e.count !== null && e.count !== "" ? (n(), i("span", Zr, A(e.count), 1)) : _("", !0),
-          p2(c.$slots, "title")
+      return n(), i("div", mr, [
+        a("div", xr, [
+          e2(c.$slots, "breadcrumb")
         ]),
-        a("div", yr, [
-          p2(c.$slots, "default")
-        ])
-      ], 2);
+        a("div", {
+          class: N(["ph", { "no-divider": s(e.noDivider) }])
+        }, [
+          a("div", Zr, [
+            s(e.back) ? (n(), i("button", {
+              key: 0,
+              class: "back",
+              type: "button",
+              "aria-label": "Back",
+              onClick: l
+            }, [
+              q(r, {
+                name: "chevronLeft",
+                size: "16"
+              })
+            ])) : _("", !0),
+            e2(c.$slots, "back"),
+            e2(c.$slots, "before"),
+            a("div", yr, [
+              a("div", wr, [
+                e.heading ? (n(), i("h4", Mr, $(e.heading), 1)) : _("", !0),
+                e.count !== null && e.count !== "" ? (n(), i("span", kr, $(e.count), 1)) : _("", !0),
+                e2(c.$slots, "title")
+              ]),
+              e.subtitle ? (n(), i("div", Hr, $(e.subtitle), 1)) : _("", !0)
+            ])
+          ]),
+          a("div", Vr, [
+            e2(c.$slots, "default")
+          ])
+        ], 2)
+      ]);
     };
   }
-}, Mr = /* @__PURE__ */ T1(wr, [["styles", [br]]]), kr = {
+}, _r = /* @__PURE__ */ T1(Lr, [["styles", [br]]]), Sr = {
   "obs-button": L0,
   "obs-tag": T0,
   "obs-checkbox": I0,
@@ -10304,13 +10320,13 @@ const nl = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
   "obs-metric-list": rr,
   "obs-key-value": dr,
   "obs-tabs": gr,
-  "obs-page-header": Mr
+  "obs-page-header": _r
 };
-function Hr() {
-  for (const [e, t] of Object.entries(kr))
+function $r() {
+  for (const [e, t] of Object.entries(Sr))
     customElements.get(e) || customElements.define(e, /* @__PURE__ */ v0(t));
 }
-Hr();
+$r();
 export {
-  Hr as register
+  $r as register
 };