@esrf/daiquiri-lib 1.0.1 → 1.0.3

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { jsxs as s, jsx as r, Fragment as v } from "react/jsx-runtime";
 import { map as C, each as be } from "lodash";
 import { Badge as F, ButtonGroup as oe, Button as y, OverlayTrigger as R, Popover as b, Container as $, Row as P, Col as E, Form as N, InputGroup as A, Alert as x, Tab as Ne, Tabs as te, Tooltip as Ce } from "react-bootstrap";
 import { forwardRef as Oe, useRef as T, useState as I, useEffect as j, Component as se, Fragment as q, Children as Se, isValidElement as Ee, cloneElement as xe, Suspense as ne, useMemo as Me, createElement as Ae } from "react";
@@ -20,7 +20,7 @@ function Ie(e) {
 }
 function D(e) {
   const { name: t, icon: n } = e;
-  return /* @__PURE__ */ l("div", { className: "icon", title: t, children: [
+  return /* @__PURE__ */ s("div", { className: "icon", title: t, children: [
     /* @__PURE__ */ r("i", { className: `fa ${n}` }),
     /* @__PURE__ */ r(Ie, { ...e })
   ] });
@@ -93,26 +93,26 @@ function Te(e) {
   function o(d) {
     if (!(d in t.properties))
       return "UNKNOWN";
-    const s = t.properties[d];
-    return !s || typeof s != "string" ? "UNKNOWN" : s;
+    const l = t.properties[d];
+    return !l || typeof l != "string" ? "UNKNOWN" : l;
   }
   return /* @__PURE__ */ r(
     R,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
-        /* @__PURE__ */ l(b.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ l(b.Body, { children: [
+        /* @__PURE__ */ s(b.Body, { children: [
           /* @__PURE__ */ r("h6", { children: "Status" }),
           /* @__PURE__ */ r("pre", { children: t.properties.status }),
           /* @__PURE__ */ r("h6", { children: "Interlocks" }),
-          /* @__PURE__ */ r($, { children: C(i, (d, s) => /* @__PURE__ */ l(P, { children: [
-            /* @__PURE__ */ l(E, { children: [
-              s,
+          /* @__PURE__ */ r($, { children: C(i, (d, l) => /* @__PURE__ */ s(P, { children: [
+            /* @__PURE__ */ s(E, { children: [
+              l,
               ":"
             ] }),
             /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
@@ -122,15 +122,15 @@ function Te(e) {
                 children: o(d)
               }
             ) })
-          ] }, s)) }),
+          ] }, l)) }),
           /* @__PURE__ */ r("h6", { children: "Ring Status" }),
-          /* @__PURE__ */ r($, { children: C(a, (d, s) => /* @__PURE__ */ l(P, { children: [
-            /* @__PURE__ */ l(E, { children: [
-              s,
+          /* @__PURE__ */ r($, { children: C(a, (d, l) => /* @__PURE__ */ s(P, { children: [
+            /* @__PURE__ */ s(E, { children: [
+              l,
               ":"
             ] }),
             /* @__PURE__ */ r(E, { children: d })
-          ] }, s)) }),
+          ] }, l)) }),
           /* @__PURE__ */ r("div", { className: "d-grid gap-2", children: /* @__PURE__ */ r(y, { disabled: e.disabled, onClick: n, children: "Reset" }) })
         ] })
       ] }),
@@ -145,8 +145,8 @@ function Pt(e) {
       function: t.properties.frontend === "FE open" ? "close" : "open"
     });
   }
-  return /* @__PURE__ */ l("div", { className: "hw-component", children: [
-    /* @__PURE__ */ l("div", { className: "hw-head", children: [
+  return /* @__PURE__ */ s("div", { className: "hw-component", children: [
+    /* @__PURE__ */ s("div", { className: "hw-head", children: [
       /* @__PURE__ */ r(
         D,
         {
@@ -164,7 +164,7 @@ function Pt(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(oe, { className: "d-flex", children: [
+    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ s(oe, { className: "d-flex", children: [
       /* @__PURE__ */ r(
         y,
         {
@@ -202,7 +202,7 @@ function Y(e) {
   const a = i();
   switch (t) {
     case "front":
-      return /* @__PURE__ */ r("div", { className: "hw-component", children: /* @__PURE__ */ l("div", { className: "hw-single", children: [
+      return /* @__PURE__ */ r("div", { className: "hw-component", children: /* @__PURE__ */ s("div", { className: "hw-single", children: [
         e.widgetIcon,
         /* @__PURE__ */ r("div", { className: "name", children: a }),
         /* @__PURE__ */ r("div", { className: "d-inline-block", children: e.widgetContent })
@@ -212,8 +212,8 @@ function Y(e) {
     case "state":
       return e.widgetState;
     default:
-      return /* @__PURE__ */ l("div", { className: "hw-component", children: [
-        /* @__PURE__ */ l("div", { className: "hw-head", children: [
+      return /* @__PURE__ */ s("div", { className: "hw-component", children: [
+        /* @__PURE__ */ s("div", { className: "hw-head", children: [
           e.widgetIcon,
           /* @__PURE__ */ r("div", { className: "name", children: /* @__PURE__ */ r(N.Label, { htmlFor: n.id, children: a }) }),
           e.widgetState,
@@ -223,14 +223,14 @@ function Y(e) {
               trigger: "click",
               placement: "bottom",
               rootClose: !0,
-              overlay: /* @__PURE__ */ l(b, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
+              overlay: /* @__PURE__ */ s(b, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
                 /* @__PURE__ */ r(b.Header, { children: "Device Errors" }),
-                /* @__PURE__ */ l(b.Body, { children: [
+                /* @__PURE__ */ s(b.Body, { children: [
                   "There were errors with properties on this device:",
-                  /* @__PURE__ */ r("ul", { children: e.hardware.errors.map((o) => /* @__PURE__ */ l("li", { children: [
+                  /* @__PURE__ */ r("ul", { children: e.hardware.errors.map((o) => /* @__PURE__ */ s("li", { children: [
                     o.property,
                     ":",
-                    /* @__PURE__ */ l("span", { className: "stack-trace", children: [
+                    /* @__PURE__ */ s("span", { className: "stack-trace", children: [
                       o.traceback,
                       /* @__PURE__ */ r("br", {}),
                       o.exception
@@ -319,7 +319,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     });
   }, {
     onStep: d,
-    step: s,
+    step: l,
     overlay: h,
     incIcon: u,
     decIcon: c,
@@ -350,7 +350,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         "numeric-step-large": K,
         "numeric-step-horizontal": k
       }),
-      children: /* @__PURE__ */ l(A, { children: [
+      children: /* @__PURE__ */ s(A, { children: [
         /* @__PURE__ */ r(
           N.Control,
           {
@@ -361,9 +361,9 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             ...S
           }
         ),
-        /* @__PURE__ */ l(v, { children: [
+        /* @__PURE__ */ s(v, { children: [
           h,
-          !h && /* @__PURE__ */ l(A.Text, { className: "d-flex flex-column", children: [
+          !h && /* @__PURE__ */ s(A.Text, { className: "d-flex flex-column", children: [
             /* @__PURE__ */ r(
               N.Control,
               {
@@ -376,7 +376,7 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
               }
             ),
             e.unit && /* @__PURE__ */ r("div", { children: e.unit }),
-            !u && !c && /* @__PURE__ */ l(v, { children: [
+            !u && !c && /* @__PURE__ */ s(v, { children: [
               /* @__PURE__ */ r(
                 y,
                 {
@@ -412,7 +412,7 @@ function Pe(e) {
     let m = f;
     e.precision !== void 0 && (m = Number.parseFloat(m).toFixed(e.precision)), t != null && t.current && (t.current.value = m);
   }
-  function s() {
+  function l() {
     n && setTimeout(() => {
       d(e.hardwareValue), i(!1);
     }, 3e3);
@@ -456,7 +456,7 @@ function Pe(e) {
       ref: t,
       precision: e.precision,
       onChange: h,
-      onBlur: s,
+      onBlur: l,
       onStep: u,
       onKeyDown: c,
       disabled: e.hardwareIsDisabled || e.readOnly || !e.hardwareIsReady,
@@ -480,7 +480,7 @@ function re(e) {
     var c;
     t.current && (t.current.value = d((c = e.hardwareValue) == null ? void 0 : c.toString()), i(!1));
   }, [e.hardwareValue, e.precision]);
-  function s(c) {
+  function l(c) {
     const f = d(c);
     t != null && t.current && (t.current.value = f);
   }
@@ -491,14 +491,14 @@ function re(e) {
         const f = Number.parseFloat(c.target.value), m = e.onMoveRequested(f);
         m && m.catch(() => {
           o(!0), setTimeout(() => {
-            s(e.hardwareValue), o(!1);
+            l(e.hardwareValue), o(!1);
           }, 2e3);
         }), c.preventDefault(), c.stopPropagation();
         break;
       }
       case "Esc":
       case "Escape":
-        n && (o(!1), i(!1), s(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
+        n && (o(!1), i(!1), l(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
         break;
     }
   }
@@ -541,13 +541,13 @@ function Ve(e) {
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
-        /* @__PURE__ */ l(b.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           e.hardware.name,
           " details"
         ] }),
-        /* @__PURE__ */ l(b.Body, { children: [
-          /* @__PURE__ */ l(N.Group, { children: [
+        /* @__PURE__ */ s(b.Body, { children: [
+          /* @__PURE__ */ s(N.Group, { children: [
             /* @__PURE__ */ r(N.Label, { children: "Velocity" }),
             /* @__PURE__ */ r(
               re,
@@ -561,7 +561,7 @@ function Ve(e) {
               }
             )
           ] }),
-          /* @__PURE__ */ l(N.Group, { children: [
+          /* @__PURE__ */ s(N.Group, { children: [
             /* @__PURE__ */ r(N.Label, { children: "Acceleration" }),
             /* @__PURE__ */ r(
               re,
@@ -597,14 +597,14 @@ function jt(e) {
   }
   let o = "UNKNOWN";
   e.hardware.properties.state && ([o] = e.hardware.properties.state);
-  const d = /* @__PURE__ */ r(D, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), s = /* @__PURE__ */ r(ce, { hardware: t }), h = e.options ? e.options.header : "top";
+  const d = /* @__PURE__ */ r(D, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), l = /* @__PURE__ */ r(ce, { hardware: t }), h = e.options ? e.options.header : "top";
   return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
       widgetIcon: d,
-      widgetState: s,
-      widgetContent: /* @__PURE__ */ l(A, { children: [
+      widgetState: l,
+      widgetContent: /* @__PURE__ */ s(A, { children: [
         /* @__PURE__ */ r(
           Pe,
           {
@@ -650,8 +650,8 @@ function Yt(e) {
     }
     i.current.value = t.properties.position;
   }, [t.properties.position]);
-  function a(s) {
-    if (console.debug("change", s), !i || !i.current) {
+  function a(l) {
+    if (console.debug("change", l), !i || !i.current) {
       console.error("selection ref is unset");
       return;
     }
@@ -660,14 +660,14 @@ function Yt(e) {
       function: "move"
     });
   }
-  function o(s) {
+  function o(l) {
     t.requestChange({
       function: "stop"
     });
   }
-  const d = C(t.properties.positions, (s) => /* @__PURE__ */ r("option", { title: s.description, children: s.position }, s.position));
-  return /* @__PURE__ */ l("div", { className: "hw-component", children: [
-    /* @__PURE__ */ l("div", { className: "hw-head", children: [
+  const d = C(t.properties.positions, (l) => /* @__PURE__ */ r("option", { title: l.description, children: l.position }, l.position));
+  return /* @__PURE__ */ s("div", { className: "hw-component", children: [
+    /* @__PURE__ */ s("div", { className: "hw-head", children: [
       /* @__PURE__ */ r(
         D,
         {
@@ -685,8 +685,8 @@ function Yt(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(A, { children: [
-      /* @__PURE__ */ l(
+    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ s(A, { children: [
+      /* @__PURE__ */ s(
         N.Control,
         {
           className: "custom-select",
@@ -762,9 +762,9 @@ function Kt(e) {
         return null;
     return `${f}`;
   }
-  const s = d(), h = /* @__PURE__ */ l(A, { children: [
+  const l = d(), h = /* @__PURE__ */ s(A, { children: [
     /* @__PURE__ */ r(N.Control, { value: o(), readOnly: !0 }),
-    s && /* @__PURE__ */ r(A.Text, { children: s })
+    l && /* @__PURE__ */ r(A.Text, { children: l })
   ] }), u = e.options.header || "top";
   return /* @__PURE__ */ r(
     Y,
@@ -788,12 +788,12 @@ function Ye(e) {
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
-        /* @__PURE__ */ l(b.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ l(b.Body, { children: [
+        /* @__PURE__ */ s(b.Body, { children: [
           /* @__PURE__ */ r("h6", { children: "Status" }),
           /* @__PURE__ */ r("pre", { children: t.properties.status }),
           /* @__PURE__ */ r("div", { className: "d-grid gap-2", children: /* @__PURE__ */ r(y, { onClick: n, disabled: e.disabled, children: "Reset" }) })
@@ -818,7 +818,7 @@ function zt(e) {
   function d(S) {
     return S === "OPEN" ? ["Close", "close"] : S === "CLOSED" ? ["Open", "open"] : S === "DISABLED" || S === "STANDBY" || S === "FAULT" ? ["Closed", ""] : S === "MOVING" ? ["...", ""] : ["Unknown", ""];
   }
-  const s = o(), [h, u] = d(s), f = {
+  const l = o(), [h, u] = d(l), f = {
     OPEN: "danger",
     CLOSED: "success",
     MOVING: "warning",
@@ -826,13 +826,13 @@ function zt(e) {
     STANDBY: "danger",
     FAULT: "fatal",
     UNKNOWN: "warning"
-  }[s] || "danger";
+  }[l] || "danger";
   function m() {
     t.requestChange({
       function: u
     });
   }
-  const k = /* @__PURE__ */ l(oe, { className: "d-flex flex-nowrap", children: [
+  const k = /* @__PURE__ */ s(oe, { className: "d-flex flex-nowrap", children: [
     /* @__PURE__ */ r(
       y,
       {
@@ -990,17 +990,22 @@ function he(e, t = null, n = null) {
   return Object.freeze(i), i;
 }
 function fe(e) {
-  return /* @__PURE__ */ r(x, { variant: "danger", children: e.message });
+  var t;
+  return /* @__PURE__ */ s(x, { variant: "danger", children: [
+    e.message,
+    /* @__PURE__ */ r("br", {}),
+    /* @__PURE__ */ r("pre", { children: (t = e.error) == null ? void 0 : t.stack })
+  ] });
 }
 function Ze(e) {
   const { error: t } = e;
   if (!(t instanceof M))
     return /* @__PURE__ */ r(v, {});
   function n(o, d = 3) {
-    const s = Be(o.yamlNode), h = [];
+    const l = Be(o.yamlNode), h = [];
     let u = "";
-    for (let c = 1; c < s.length; c++) {
-      const { node: f, indexFromParent: m } = s[c];
+    for (let c = 1; c < l.length; c++) {
+      const { node: f, indexFromParent: m } = l[c];
       h.push(`${u}children:`), u += " ".repeat(d), m === 1 ? h.push(`${u}- type: ...`) : (m ?? 0 > 1) && h.push(
         `${u}...`,
         `${u}...`,
@@ -1029,12 +1034,12 @@ function Ze(e) {
   const a = We(t.yamlNode).name;
   if (t instanceof V) {
     const o = t.keys.length === 1 ? "key" : "keys";
-    return /* @__PURE__ */ l(x, { variant: "danger", children: [
+    return /* @__PURE__ */ s(x, { variant: "danger", children: [
       "Unexpected ",
       o,
       " ",
-      t.keys.map((d, s) => /* @__PURE__ */ l(v, { children: [
-        s !== 0 && ", ",
+      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
+        l !== 0 && ", ",
         /* @__PURE__ */ r("b", { children: d })
       ] })),
       " ",
@@ -1048,12 +1053,12 @@ function Ze(e) {
   }
   if (t instanceof L) {
     const o = t.keys.length === 1 ? "Key" : "Keys";
-    return /* @__PURE__ */ l(x, { variant: "danger", children: [
+    return /* @__PURE__ */ s(x, { variant: "danger", children: [
       "Expected ",
       o,
       " ",
-      t.keys.map((d, s) => /* @__PURE__ */ l(v, { children: [
-        s !== 0 && ", ",
+      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
+        l !== 0 && ", ",
         /* @__PURE__ */ r("b", { children: d })
       ] })),
       " ",
@@ -1065,7 +1070,7 @@ function Ze(e) {
       /* @__PURE__ */ r("br", {})
     ] });
   }
-  return t instanceof g ? /* @__PURE__ */ l(x, { variant: "danger", children: [
+  return t instanceof g ? /* @__PURE__ */ s(x, { variant: "danger", children: [
     "Error on key ",
     /* @__PURE__ */ r("b", { children: t.key }),
     " from the layout name ",
@@ -1091,16 +1096,21 @@ class Je extends se {
     return { hasError: !0 };
   }
   componentDidCatch(t) {
-    t instanceof M ? this.setState({
-      hasError: !0,
-      message: t.message,
-      error: t
-    }) : this.props.unhandledComponentDidCatch && this.props.unhandledComponentDidCatch(t, (n) => {
+    var n, i;
+    if (t instanceof M || !this.props.unhandledComponentDidCatch) {
+      this.setState({
+        hasError: !0,
+        message: t.message,
+        error: t
+      });
+      return;
+    }
+    (i = (n = this.props).unhandledComponentDidCatch) == null || i.call(n, t, (a) => {
       this.setState({
         hasError: !0,
         message: t.message,
         error: t,
-        ...n
+        ...a
       });
     });
   }
@@ -1111,7 +1121,7 @@ class Je extends se {
   render() {
     if (this.state.hasError) {
       const { UnhandledErrorComponent: t } = this.props, { hasError: n, ...i } = this.state;
-      return /* @__PURE__ */ l($, { className: "mt-2", children: [
+      return /* @__PURE__ */ s($, { className: "mt-2", children: [
         /* @__PURE__ */ r("h4", { children: "Something went wrong" }),
         this.state.error instanceof M && /* @__PURE__ */ r(
           Ze,
@@ -1127,10 +1137,10 @@ class Je extends se {
             error: this.state.error
           }
         ) }),
-        /* @__PURE__ */ l("p", { children: [
+        /* @__PURE__ */ s("p", { children: [
           "This error has been logged. Please",
           " ",
-          /* @__PURE__ */ l(y, { size: "sm", onClick: this.reload, children: [
+          /* @__PURE__ */ s(y, { size: "sm", onClick: this.reload, children: [
             /* @__PURE__ */ r("i", { className: "fa fa-refresh" }),
             " Reload"
           ] }),
@@ -1260,7 +1270,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function lt({ yamlNode: e, panel: t }) {
   const { type: n, style: i, children: a, ...o } = e;
-  return U(e, o), /* @__PURE__ */ r(P, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, s) => O(d, s, t)) });
+  return U(e, o), /* @__PURE__ */ r(P, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, l) => O(d, l, t)) });
 }
 function ct({ yamlNode: e, panel: t }) {
   const { type: n, style: i, xs: a, children: o, ...d } = e;
@@ -1270,7 +1280,7 @@ function ct({ yamlNode: e, panel: t }) {
       className: H("yamymllayout-col", { col: !!a }),
       style: i,
       xs: a,
-      children: C(e.children, (s, h) => O(s, h, t))
+      children: C(e.children, (l, h) => O(l, h, t))
     }
   );
 }
@@ -1309,9 +1319,9 @@ function ht(e) {
     groupid: a,
     even: o,
     nowrap: d,
-    ...s
+    ...l
   } = e;
-  if (ut(n, "ids", i), me(n, "groupid", a), G(n, "even", o), G(n, "nowrap", d), U(n, s), !W.HardwareGroup)
+  if (ut(n, "ids", i), me(n, "groupid", a), G(n, "even", o), G(n, "nowrap", d), U(n, l), !W.HardwareGroup)
     return /* @__PURE__ */ r(x, { variant: "warning", children: "No `HardwareGroup` component registered" });
   const h = W.HardwareGroup;
   return /* @__PURE__ */ r(
@@ -1337,18 +1347,18 @@ function Jt(e) {
   );
 }
 function mt(e) {
-  const { yamlNode: t, panel: n } = e, { type: i, style: a, scroll: o, title: d, ...s } = t;
+  const { yamlNode: t, panel: n } = e, { type: i, style: a, scroll: o, title: d, ...l } = t;
   if (!(i in B))
-    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ l(x, { variant: "warning", children: [
+    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ s(x, { variant: "warning", children: [
       'Unknown component "',
       i,
       '"'
     ] }) }) });
   const h = B[t.type];
-  return n ? /* @__PURE__ */ r(p, { style: a, scroll: o, children: /* @__PURE__ */ l(ne, { fallback: /* @__PURE__ */ r("p", { children: "Loading..." }), children: [
+  return n ? /* @__PURE__ */ r(p, { style: a, scroll: o, children: /* @__PURE__ */ s(ne, { fallback: /* @__PURE__ */ r("p", { children: "Loading..." }), children: [
     d && /* @__PURE__ */ r(p.Header, { children: d }),
-    /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(h, { ...s, yamlNode: t }) })
-  ] }) }) : /* @__PURE__ */ r(ne, { fallback: /* @__PURE__ */ r("p", { children: "Loading..." }), children: /* @__PURE__ */ r(h, { ...s, yamlNode: t }) });
+    /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(h, { ...l, yamlNode: t }) })
+  ] }) }) : /* @__PURE__ */ r(ne, { fallback: /* @__PURE__ */ r("p", { children: "Loading..." }), children: /* @__PURE__ */ r(h, { ...l, yamlNode: t }) });
 }
 function pt({ yamlNode: e, panel: t }) {
   const n = e.options || {};
@@ -1356,7 +1366,7 @@ function pt({ yamlNode: e, panel: t }) {
 }
 function gt(e) {
   const { yamlNode: t } = e, n = t.options || {}, i = {};
-  return n.centerContent && (i.margin = "auto"), /* @__PURE__ */ l(p, { className: "ymllayout-panel", ...n, children: [
+  return n.centerContent && (i.margin = "auto"), /* @__PURE__ */ s(p, { className: "ymllayout-panel", ...n, children: [
     t.title && /* @__PURE__ */ r(p.Header, { children: t.title }),
     /* @__PURE__ */ r(p.Contents, { style: i, children: C(
       t.children,
@@ -1371,7 +1381,7 @@ function yt({ yamlNode: e, panel: t }) {
     n.push(
       /* @__PURE__ */ r(Ne, { eventKey: wt(), title: i.title, children: O(i, 0, !1) }, a)
     );
-  }), t ? /* @__PURE__ */ l(p, { className: "ymllayout-tabs", children: [
+  }), t ? /* @__PURE__ */ s(p, { className: "ymllayout-tabs", children: [
     e.title && /* @__PURE__ */ r(p.Header, { children: e.title }),
     /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(te, { mountOnEnter: !0, children: n }) })
   ] }) : /* @__PURE__ */ r(te, { children: n });
@@ -1402,8 +1412,8 @@ function bt(e) {
     }
     return "";
   }
-  const s = d();
-  return /* @__PURE__ */ l(
+  const l = d();
+  return /* @__PURE__ */ s(
     "div",
     {
       style: {
@@ -1417,7 +1427,7 @@ function bt(e) {
               margin: "0px",
               whiteSpace: "nowrap"
             },
-            children: s
+            children: l
           }
         ),
         n && /* @__PURE__ */ r("div", { style: { position: "relative", top: -5 }, children: n })
@@ -1431,19 +1441,19 @@ function Nt(e) {
     title: a,
     stateinheader: o = !1,
     variant: d,
-    id: s,
+    id: l,
     ...h
   } = t;
   let u, c;
   if (h.type === "hardware")
     if (u = {
       ...h,
-      id: s,
+      id: l,
       variant: d
     }, o) {
       const f = {
         ...h,
-        id: s,
+        id: l,
         variant: "state",
         emptyifnone: !0
       };
@@ -1452,7 +1462,7 @@ function Nt(e) {
       c = null;
   else
     u = h, c = null;
-  return /* @__PURE__ */ l(v, { children: [
+  return /* @__PURE__ */ s(v, { children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -1467,8 +1477,8 @@ function Nt(e) {
   ] });
 }
 function Ct(e) {
-  const { yamlNode: t, panel: n } = e, { type: i, children: a, options: o = {}, title: d, ...s } = t;
-  return ue(t, s), /* @__PURE__ */ l(p, { className: "ymllayout-form", ...o, children: [
+  const { yamlNode: t, panel: n } = e, { type: i, children: a, options: o = {}, title: d, ...l } = t;
+  return ue(t, l), /* @__PURE__ */ s(p, { className: "ymllayout-form", ...o, children: [
     t.title && /* @__PURE__ */ r(p.Header, { children: t.title }),
     /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(
       "div",
@@ -1491,7 +1501,7 @@ function Ct(e) {
 }
 function Ot(e) {
   const { yamlNode: t, panel: n } = e;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "ymllayout-grid",
@@ -1501,7 +1511,7 @@ function Ot(e) {
       },
       children: [
         C(t.children, (i, a) => {
-          const { columnSpan: o = 1, rowSpan: d = 1, ...s } = i, h = o > 1 ? `span ${o}` : void 0, u = d > 1 ? `span ${d}` : void 0;
+          const { columnSpan: o = 1, rowSpan: d = 1, ...l } = i, h = o > 1 ? `span ${o}` : void 0, u = d > 1 ? `span ${d}` : void 0;
           return /* @__PURE__ */ r(
             "div",
             {
@@ -1510,7 +1520,7 @@ function Ot(e) {
                 gridColumn: h,
                 gridRow: u
               },
-              children: O(s, a, n)
+              children: O(l, a, n)
             },
             a
           );
@@ -1541,10 +1551,10 @@ Object.entries(Et).forEach(([e, t]) => {
 function Qt(e) {
   var n;
   const t = Me(() => he(e.layout), [e.layout]);
-  return t.error ? /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ l(p, { children: [
+  return t.error ? /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ s(p, { children: [
     /* @__PURE__ */ r(p.Header, { children: "Layout Error" }),
-    /* @__PURE__ */ l(p.Contents, { children: [
-      /* @__PURE__ */ l("p", { children: [
+    /* @__PURE__ */ s(p.Contents, { children: [
+      /* @__PURE__ */ s("p", { children: [
         "File: ",
         t.name
       ] }),
@@ -1569,7 +1579,7 @@ function en(e, t) {
   ge[e] = t;
 }
 function xt(e) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     E,
     {
       className: "monitor-panel-item bg-fatal",
@@ -1654,13 +1664,13 @@ function It(e) {
   Number.isNaN(o) || String(o).length > 5 && (n = o.toPrecision(5));
   let d;
   t.comparator && t.comparison && (d = At(t.comparator, n, t.comparison) ? "valid" : "invalid"), Number.isNaN(o) || i !== void 0 && (n = `${n} ${i}`);
-  let s = q;
+  let l = q;
   const h = {};
   if (a) {
     const u = `${a}`;
     let c = q;
     u.includes(`
-`) && (c = "pre"), s = R, h.placement = "bottom", h.overlay = /* @__PURE__ */ r(Ce, {
+`) && (c = "pre"), l = R, h.placement = "bottom", h.overlay = /* @__PURE__ */ r(Ce, {
       id: "tooltipid",
       className: "monitor-panel-tooltip",
       // @ts-expect-error
@@ -1669,7 +1679,7 @@ function It(e) {
   }
   return (
     // @ts-expect-error
-    /* @__PURE__ */ Ae(s, { ...h, key: t.name }, /* @__PURE__ */ l(Mt, { children: [
+    /* @__PURE__ */ Ae(l, { ...h, key: t.name }, /* @__PURE__ */ s(Mt, { children: [
       /* @__PURE__ */ r("h1", { children: t.name }),
       /* @__PURE__ */ r("div", { className: d, children: `${n}` })
     ] }))