@esrf/daiquiri-lib 0.1.0 → 0.2.0

package/dist/index.esm.js

@@ -1,31 +1,31 @@
-import { jsxs as s, jsx as n, Fragment as v } from "react/jsx-runtime";
-import { map as C, each as fe } from "lodash";
-import { Badge as D, ButtonGroup as re, Button as y, OverlayTrigger as V, Popover as b, Container as _, Row as q, Col as k, Form as N, InputGroup as x, Alert as E, Tab as me, Tabs as X } from "react-bootstrap";
-import { forwardRef as pe, useRef as $, useState as A, useEffect as H, Component as ie, Fragment as we, Children as ge, isValidElement as ye, cloneElement as ve, Suspense as ee, useMemo as be } from "react";
-import L from "classnames";
-import Ne from "debug";
-function Ce(e) {
+import { jsxs as l, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { map as C, each as ve } from "lodash";
+import { Badge as D, ButtonGroup as oe, Button as y, OverlayTrigger as F, Popover as b, Container as $, Row as P, Col as E, Form as N, InputGroup as M, Alert as x, Tab as be, Tabs as te, Tooltip as Ne } from "react-bootstrap";
+import { forwardRef as Ce, useRef as R, useState as k, useEffect as j, Component as se, Fragment as U, Children as Oe, isValidElement as Se, cloneElement as Ee, Suspense as ne, useMemo as xe, createElement as Me } from "react";
+import T from "classnames";
+import Ae from "debug";
+function ke(e) {
   const {
     activeMessage: t = "Online",
-    inactiveMessage: r = "Offline",
+    inactiveMessage: n = "Offline",
     message: i = "This device is"
   } = e;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: `dot-indicator small bg-${e.online ? "success" : "danger"}`,
-      title: `${i} ${e.online ? t : r}`
+      title: `${i} ${e.online ? t : n}`
     }
   );
 }
 function I(e) {
-  const { name: t, icon: r } = e;
-  return /* @__PURE__ */ s("div", { className: "icon", title: t, children: [
-    /* @__PURE__ */ n("i", { className: `fa ${r}` }),
-    /* @__PURE__ */ n(Ce, { ...e })
+  const { name: t, icon: n } = e;
+  return /* @__PURE__ */ l("div", { className: "icon", title: t, children: [
+    /* @__PURE__ */ r("i", { className: `fa ${n}` }),
+    /* @__PURE__ */ r(ke, { ...e })
   ] });
 }
-function Oe(e) {
+function Ie(e) {
   const t = {
     24: "Y",
     21: "Z",
@@ -43,39 +43,39 @@ function Oe(e) {
     "-18": "a",
     "-21": "z",
     "-24": "y"
-  }, r = Math.log(e) / Math.log(1e3), i = !Number.isInteger(r), a = 3 * Math.ceil(r - (i ? 1 : 0)), o = a === 0 ? "" : t[a];
+  }, n = Math.log(e) / Math.log(1e3), i = !Number.isInteger(n), a = 3 * Math.ceil(n - (i ? 1 : 0)), o = a === 0 ? "" : t[a];
   return {
     scalar: e * 10 ** -a,
     prefix: o,
     multiplier: 10 ** -a
   };
 }
-function Se(e) {
+function $e(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function ae(e) {
+function le(e) {
   if (e < 60)
     return `${Math.round(e)} sec`;
-  const t = Math.round(e / 60), r = t % 60, i = Math.floor(t / 60);
-  return i ? `${i} hr ${r} min` : `${r} min`;
+  const t = Math.round(e / 60), n = t % 60, i = Math.floor(t / 60);
+  return i ? `${i} hr ${n} min` : `${n} min`;
 }
-function Ee(e) {
+function De(e) {
   return e > 0 ? (662607004e-42 * 299792458 / (e * 1e-10) / 160218e-24 * 1e-3).toFixed(4) : 0;
 }
-function xe(e, t) {
+function Fe(e, t) {
   return Number.parseFloat(e.toFixed(t));
 }
-const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  formatEng: Oe,
-  round: xe,
-  toEnergy: Ee,
-  toHoursMins: ae,
-  ucfirst: Se
+  formatEng: Ie,
+  round: Fe,
+  toEnergy: De,
+  toHoursMins: le,
+  ucfirst: $e
 }, Symbol.toStringTag, { value: "Module" }));
-function Me(e) {
+function Re(e) {
   const { hardware: t } = e;
-  function r(d) {
+  function n(d) {
     t.requestChange({
       function: "reset"
     });
@@ -87,67 +87,67 @@ function Me(e) {
   }, a = {
     Current: `${t.properties.current.toFixed(1)} mA`,
     Mode: t.properties.mode,
-    Refill: ae(t.properties.refill),
-    Message: /* @__PURE__ */ n("pre", { children: t.properties.message })
+    Refill: le(t.properties.refill),
+    Message: /* @__PURE__ */ r("pre", { children: t.properties.message })
   };
   function o(d) {
     if (!(d in t.properties))
       return "UNKNOWN";
-    const l = t.properties[d];
-    return !l || typeof l != "string" ? "UNKNOWN" : l;
+    const s = t.properties[d];
+    return !s || typeof s != "string" ? "UNKNOWN" : s;
   }
-  return /* @__PURE__ */ n(
-    V,
+  return /* @__PURE__ */ r(
+    F,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
-        /* @__PURE__ */ s(b.Header, { children: [
+      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
+        /* @__PURE__ */ l(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ s(b.Body, { children: [
-          /* @__PURE__ */ n("h6", { children: "Status" }),
-          /* @__PURE__ */ n("pre", { children: t.properties.status }),
-          /* @__PURE__ */ n("h6", { children: "Interlocks" }),
-          /* @__PURE__ */ n(_, { children: C(i, (d, l) => /* @__PURE__ */ s(q, { children: [
-            /* @__PURE__ */ s(k, { children: [
-              l,
+        /* @__PURE__ */ l(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__ */ n(k, { children: /* @__PURE__ */ n(
+            /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(
               D,
               {
                 bg: o(d) === "ON" ? "success" : "danger",
                 children: o(d)
               }
             ) })
-          ] }, l)) }),
-          /* @__PURE__ */ n("h6", { children: "Ring Status" }),
-          /* @__PURE__ */ n(_, { children: C(a, (d, l) => /* @__PURE__ */ s(q, { children: [
-            /* @__PURE__ */ s(k, { children: [
-              l,
+          ] }, s)) }),
+          /* @__PURE__ */ r("h6", { children: "Ring Status" }),
+          /* @__PURE__ */ r($, { children: C(a, (d, s) => /* @__PURE__ */ l(P, { children: [
+            /* @__PURE__ */ l(E, { children: [
+              s,
               ":"
             ] }),
-            /* @__PURE__ */ n(k, { children: d })
-          ] }, l)) }),
-          /* @__PURE__ */ n("div", { className: "d-grid gap-2", children: /* @__PURE__ */ n(y, { disabled: e.disabled, onClick: r, children: "Reset" }) })
+            /* @__PURE__ */ r(E, { children: d })
+          ] }, s)) }),
+          /* @__PURE__ */ r("div", { className: "d-grid gap-2", children: /* @__PURE__ */ r(y, { disabled: e.disabled, onClick: n, children: "Reset" }) })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ r(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ r("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function Et(e) {
-  const { hardware: t, options: r = {} } = e;
+function _t(e) {
+  const { hardware: t, options: n = {} } = e;
   function i(a) {
     t.requestChange({
       function: t.properties.frontend === "FE open" ? "close" : "open"
     });
   }
-  return /* @__PURE__ */ s("div", { className: "hw-component", children: [
-    /* @__PURE__ */ s("div", { className: "hw-head", children: [
-      /* @__PURE__ */ n(
+  return /* @__PURE__ */ l("div", { className: "hw-component", children: [
+    /* @__PURE__ */ l("div", { className: "hw-head", children: [
+      /* @__PURE__ */ r(
         I,
         {
           name: "Frontend",
@@ -155,8 +155,8 @@ function Et(e) {
           online: t.online
         }
       ),
-      /* @__PURE__ */ n("div", { className: "name", children: t.name }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ r("div", { className: "name", children: t.name }),
+      /* @__PURE__ */ r(
         D,
         {
           bg: t.properties.state === "OPEN" || t.properties.state === "RUNNING" ? "success" : "danger",
@@ -164,8 +164,8 @@ function Et(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ s(re, { className: "d-flex", children: [
-      /* @__PURE__ */ n(
+    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(oe, { className: "d-flex", children: [
+      /* @__PURE__ */ r(
         y,
         {
           variant: t.properties.frontend === "FE open" ? "danger" : "success",
@@ -174,14 +174,14 @@ function Et(e) {
           children: t.properties.frontend === "FE open" ? "Close" : "Open"
         }
       ),
-      /* @__PURE__ */ n(Me, { ...e })
+      /* @__PURE__ */ r(Re, { ...e })
     ] }) })
   ] });
 }
-function xt(e) {
-  const { hardware: t, options: r = {} } = e;
+function Pt(e) {
+  const { hardware: t, options: n = {} } = e;
   function i() {
-    const a = r.property;
+    const a = n.property;
     if (a === void 0)
       return "property is not set";
     if (a === null)
@@ -192,78 +192,78 @@ function xt(e) {
         return `property '${a}' not found`;
     return `${o}`;
   }
-  return /* @__PURE__ */ n(v, { children: i() });
+  return /* @__PURE__ */ r(v, { children: i() });
 }
 function Y(e) {
-  const { headerMode: t, hardware: r } = e;
+  const { headerMode: t, hardware: n } = e;
   function i() {
-    return r.alias ? r.alias : r.name ? r.name : r.id;
+    return n.alias ? n.alias : n.name ? n.name : n.id;
   }
   const a = i();
   switch (t) {
     case "front":
-      return /* @__PURE__ */ n("div", { className: "hw-component", children: /* @__PURE__ */ s("div", { className: "hw-single", children: [
+      return /* @__PURE__ */ r("div", { className: "hw-component", children: /* @__PURE__ */ l("div", { className: "hw-single", children: [
         e.widgetIcon,
-        /* @__PURE__ */ n("div", { className: "name", children: a }),
-        /* @__PURE__ */ n("div", { className: "d-inline-block", children: e.widgetContent })
+        /* @__PURE__ */ r("div", { className: "name", children: a }),
+        /* @__PURE__ */ r("div", { className: "d-inline-block", children: e.widgetContent })
       ] }) });
     case "none":
-      return /* @__PURE__ */ n("div", { className: "hw-component", children: /* @__PURE__ */ n("div", { className: "hw-single", children: e.widgetContent }) });
+      return /* @__PURE__ */ r("div", { className: "hw-component", children: /* @__PURE__ */ r("div", { className: "hw-single", children: e.widgetContent }) });
     case "state":
       return e.widgetState;
     default:
-      return /* @__PURE__ */ s("div", { className: "hw-component", children: [
-        /* @__PURE__ */ s("div", { className: "hw-head", children: [
+      return /* @__PURE__ */ l("div", { className: "hw-component", children: [
+        /* @__PURE__ */ l("div", { className: "hw-head", children: [
           e.widgetIcon,
-          /* @__PURE__ */ n("div", { className: "name", children: /* @__PURE__ */ n(N.Label, { htmlFor: r.id, children: a }) }),
+          /* @__PURE__ */ r("div", { className: "name", children: /* @__PURE__ */ r(N.Label, { htmlFor: n.id, children: a }) }),
           e.widgetState,
-          e.hardware.errors && e.hardware.errors.length > 0 && /* @__PURE__ */ n(
-            V,
+          e.hardware.errors && e.hardware.errors.length > 0 && /* @__PURE__ */ r(
+            F,
             {
               trigger: "click",
               placement: "bottom",
               rootClose: !0,
-              overlay: /* @__PURE__ */ s(b, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
-                /* @__PURE__ */ n(b.Header, { children: "Device Errors" }),
-                /* @__PURE__ */ s(b.Body, { children: [
+              overlay: /* @__PURE__ */ l(b, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
+                /* @__PURE__ */ r(b.Header, { children: "Device Errors" }),
+                /* @__PURE__ */ l(b.Body, { children: [
                   "There were errors with properties on this device:",
-                  /* @__PURE__ */ n("ul", { children: e.hardware.errors.map((o) => /* @__PURE__ */ s("li", { children: [
+                  /* @__PURE__ */ r("ul", { children: e.hardware.errors.map((o) => /* @__PURE__ */ l("li", { children: [
                     o.property,
                     ":",
-                    /* @__PURE__ */ s("span", { className: "stack-trace", children: [
+                    /* @__PURE__ */ l("span", { className: "stack-trace", children: [
                       o.traceback,
-                      /* @__PURE__ */ n("br", {}),
+                      /* @__PURE__ */ r("br", {}),
                       o.exception
                     ] })
                   ] })) })
                 ] })
               ] }),
-              children: /* @__PURE__ */ n(y, { variant: "danger", size: "sm", children: /* @__PURE__ */ n("i", { className: "fa fa-exclamation-triangle" }) })
+              children: /* @__PURE__ */ r(y, { variant: "danger", size: "sm", children: /* @__PURE__ */ r("i", { className: "fa fa-exclamation-triangle" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ n("div", { className: "hw-content", children: e.widgetContent })
+        /* @__PURE__ */ r("div", { className: "hw-content", children: e.widgetContent })
       ] });
   }
 }
-function W(e) {
+function J(e) {
   const t = {
     display: "inline-block",
     minWidth: ""
   };
-  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ n("div", { style: t, children: /* @__PURE__ */ n(D, { bg: e.variant, children: e.state }) });
+  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ r("div", { style: t, children: /* @__PURE__ */ r(D, { bg: e.variant, children: e.state }) });
 }
-function oe(e) {
+function ce(e) {
   const { hardware: t } = e;
-  function r() {
+  function n() {
     if (!t.online)
       return "OFFLINE";
     let a = "UNKNOWN";
     return e.hardware.properties.state && ([a] = e.hardware.properties.state), a;
   }
-  const i = r();
-  return /* @__PURE__ */ n(
-    W,
+  const i = n();
+  return /* @__PURE__ */ r(
+    J,
     {
       state: i,
       minWidth: 6,
@@ -271,15 +271,15 @@ function oe(e) {
     }
   );
 }
-function se(e) {
+function de(e) {
   const { hardware: t } = e;
-  function r() {
+  function n() {
     if (!t.online)
       return "OFFLINE";
     const o = t.properties.state;
     return e.useReadyState && (o === "OPEN" || o === "CLOSED") ? "READY" : o;
   }
-  const i = r();
+  const i = n();
   function a() {
     switch (i) {
       case "READY":
@@ -300,120 +300,120 @@ function se(e) {
         return "fatal";
     }
   }
-  return /* @__PURE__ */ n(W, { state: i, minWidth: 6, variant: a() });
+  return /* @__PURE__ */ r(J, { state: i, minWidth: 6, variant: a() });
 }
-const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  HardwareState: W,
-  MotorState: oe,
-  ShutterState: se
-}, Symbol.toStringTag, { value: "Module" })), Ae = pe((e, t) => {
-  const r = $(null), [i, a] = A(e.step), o = (g) => {
-    const z = t;
-    if (r.current === null)
+  HardwareState: J,
+  MotorState: ce,
+  ShutterState: de
+}, Symbol.toStringTag, { value: "Module" })), Te = Ce((e, t) => {
+  const n = R(null), [i, a] = k(e.step), o = (w) => {
+    const q = t;
+    if (n.current === null)
       return;
-    let J = Number.parseFloat(z.current.value);
-    const Q = Number.parseFloat(r.current.value);
-    J += g ? Q : -Q, z.current.value = `${J}`, e.onStep && e.onStep({
-      target: z.current
+    let X = Number.parseFloat(q.current.value);
+    const ee = Number.parseFloat(n.current.value);
+    X += w ? ee : -ee, q.current.value = `${X}`, e.onStep && e.onStep({
+      target: q.current
     });
   }, {
     onStep: d,
-    step: l,
+    step: s,
     overlay: h,
     incIcon: u,
     decIcon: c,
     swapIncDec: f,
     onKeyDown: m,
-    horizontalArrows: M,
-    largeArrows: K,
+    horizontalArrows: A,
+    largeArrows: z,
     ...S
-  } = e, Z = (g) => {
-    g.key === "ArrowUp" ? (g.preventDefault(), o(!0)) : g.key === "ArrowDown" ? (g.preventDefault(), o(!1)) : m && m(g);
+  } = e, Q = (w) => {
+    w.key === "ArrowUp" ? (w.preventDefault(), o(!0)) : w.key === "ArrowDown" ? (w.preventDefault(), o(!1)) : m && m(w);
   };
   if (!e.step)
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ r(
       N.Control,
       {
         ref: t,
         type: "number",
         step: "any",
-        onKeyDown: Z,
+        onKeyDown: Q,
         ...S
       }
     );
-  const he = C(e.steps || [e.step], (g) => /* @__PURE__ */ n("option", { value: g, children: g }, g));
-  return /* @__PURE__ */ n(
+  const ye = C(e.steps || [e.step], (w) => /* @__PURE__ */ r("option", { value: w, children: w }, w));
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: L("numeric-step", {
-        "numeric-step-large": K,
-        "numeric-step-horizontal": M
+      className: T("numeric-step", {
+        "numeric-step-large": z,
+        "numeric-step-horizontal": A
       }),
-      children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ n(
+      children: /* @__PURE__ */ l(M, { children: [
+        /* @__PURE__ */ r(
           N.Control,
           {
-            onKeyDown: Z,
+            onKeyDown: Q,
             ref: t,
             type: "number",
             step: "any",
             ...S
           }
         ),
-        /* @__PURE__ */ s(v, { children: [
+        /* @__PURE__ */ l(v, { children: [
           h,
-          !h && /* @__PURE__ */ s(x.Text, { className: "d-flex flex-column", children: [
-            /* @__PURE__ */ n(
+          !h && /* @__PURE__ */ l(M.Text, { className: "d-flex flex-column", children: [
+            /* @__PURE__ */ r(
               N.Control,
               {
-                ref: r,
+                ref: n,
                 as: "select",
                 className: "step-size",
                 defaultValue: i,
-                onChange: (g) => a(Number.parseFloat(g.target.value)),
-                children: he
+                onChange: (w) => a(Number.parseFloat(w.target.value)),
+                children: ye
               }
             ),
-            e.unit && /* @__PURE__ */ n("div", { children: e.unit }),
-            !u && !c && /* @__PURE__ */ s(v, { children: [
-              /* @__PURE__ */ n(
+            e.unit && /* @__PURE__ */ r("div", { children: e.unit }),
+            !u && !c && /* @__PURE__ */ l(v, { children: [
+              /* @__PURE__ */ r(
                 y,
                 {
                   className: "step step-up",
                   disabled: e.disabled,
-                  onClick: (g) => o(!0)
+                  onClick: (w) => o(!0)
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r(
                 y,
                 {
                   className: "step step-down",
                   disabled: e.disabled,
-                  onClick: (g) => o(!1)
+                  onClick: (w) => o(!1)
                 }
               )
             ] })
           ] }),
-          c && f && /* @__PURE__ */ n(y, { disabled: e.disabled, onClick: (g) => o(!1), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${c}` }) }),
-          u && /* @__PURE__ */ n(y, { disabled: e.disabled, onClick: (g) => o(!0), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${u}` }) }),
-          c && !f && /* @__PURE__ */ n(y, { disabled: e.disabled, onClick: (g) => o(!1), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${c}` }) })
+          c && f && /* @__PURE__ */ r(y, { disabled: e.disabled, onClick: (w) => o(!1), children: /* @__PURE__ */ r("i", { className: `fa fa-fw fa-${c}` }) }),
+          u && /* @__PURE__ */ r(y, { disabled: e.disabled, onClick: (w) => o(!0), children: /* @__PURE__ */ r("i", { className: `fa fa-fw fa-${u}` }) }),
+          c && !f && /* @__PURE__ */ r(y, { disabled: e.disabled, onClick: (w) => o(!1), children: /* @__PURE__ */ r("i", { className: `fa fa-fw fa-${c}` }) })
         ] })
       ] })
     }
   );
-}), Ie = Ae;
-function ke(e) {
-  const t = $(null), [r, i] = A(!1), [a, o] = A(!1);
-  H(() => {
+}), He = Te;
+function _e(e) {
+  const t = R(null), [n, i] = k(!1), [a, o] = k(!1);
+  j(() => {
     t.current && (e.hardwareValue === null ? t.current.value = "" : t.current.value = e.hardwareValue.toString(), i(!1));
   }, [e.hardwareValue]);
   function d(f) {
     let m = f;
     e.precision !== void 0 && (m = Number.parseFloat(m).toFixed(e.precision)), t != null && t.current && (t.current.value = m);
   }
-  function l() {
-    r && setTimeout(() => {
+  function s() {
+    n && setTimeout(() => {
       d(e.hardwareValue), i(!1);
     }, 3e3);
   }
@@ -428,8 +428,8 @@ function ke(e) {
       case "Enter":
         {
           i(!1);
-          const m = Number.parseFloat(f.target.value), M = e.onMoveRequested(m);
-          M && M.catch(() => {
+          const m = Number.parseFloat(f.target.value), A = e.onMoveRequested(m);
+          A && A.catch(() => {
             o(!0), setTimeout(() => {
               d(e.hardwareValue), o(!1);
             }, 2e3);
@@ -439,16 +439,16 @@ function ke(e) {
         break;
       case "Esc":
       case "Escape":
-        r && (o(!1), i(!1), d(e.hardwareValue)), f.target.blur(), f.preventDefault(), f.stopPropagation();
+        n && (o(!1), i(!1), d(e.hardwareValue)), f.target.blur(), f.preventDefault(), f.stopPropagation();
         break;
     }
   }
-  return /* @__PURE__ */ n(
-    Ie,
+  return /* @__PURE__ */ r(
+    He,
     {
       id: e.id,
-      className: L({
-        "form-control-edited": r,
+      className: T({
+        "form-control-edited": n,
         "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
       }),
@@ -456,7 +456,7 @@ function ke(e) {
       ref: t,
       precision: e.precision,
       onChange: h,
-      onBlur: l,
+      onBlur: s,
       onStep: u,
       onKeyDown: c,
       disabled: e.hardwareIsDisabled || e.readOnly || !e.hardwareIsReady,
@@ -467,20 +467,20 @@ function ke(e) {
       swapIncDec: e.swapIncDec,
       horizontalArrows: e.horizontalArrows,
       largeArrows: e.largeArrows,
-      overlay: e.hardwareIsMoving && !e.hardwareIsDisabled ? /* @__PURE__ */ n(y, { variant: "danger", onClick: e.onAbortRequested, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) }) : null
+      overlay: e.hardwareIsMoving && !e.hardwareIsDisabled ? /* @__PURE__ */ r(y, { variant: "danger", onClick: e.onAbortRequested, children: /* @__PURE__ */ r("i", { className: "fa fa-times" }) }) : null
     }
   );
 }
-function te(e) {
-  const t = $(null), [r, i] = A(!1), [a, o] = A(!1);
+function re(e) {
+  const t = R(null), [n, i] = k(!1), [a, o] = k(!1);
   function d(c) {
     return e.precision !== void 0 ? Number.parseFloat(c).toFixed(e.precision) : c;
   }
-  H(() => {
+  j(() => {
     var c;
     t.current && (t.current.value = d((c = e.hardwareValue) == null ? void 0 : c.toString()), i(!1));
   }, [e.hardwareValue, e.precision]);
-  function l(c) {
+  function s(c) {
     const f = d(c);
     t != null && t.current && (t.current.value = f);
   }
@@ -491,25 +491,25 @@ function te(e) {
         const f = Number.parseFloat(c.target.value), m = e.onMoveRequested(f);
         m && m.catch(() => {
           o(!0), setTimeout(() => {
-            l(e.hardwareValue), o(!1);
+            s(e.hardwareValue), o(!1);
           }, 2e3);
         }), c.preventDefault(), c.stopPropagation();
         break;
       }
       case "Esc":
       case "Escape":
-        r && (o(!1), i(!1), l(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
+        n && (o(!1), i(!1), s(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
         break;
     }
   }
   function u(c) {
     i(!0), c.target, t != null && t.current && (t.current.value = c.target.value), c.target.value === e.hardwareValue.toString() && i(!1);
   }
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     N.Control,
     {
-      className: L({
-        "form-control-edited": r,
+      className: T({
+        "form-control-edited": n,
         "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
       }),
@@ -522,35 +522,35 @@ function te(e) {
     }
   );
 }
-function De(e) {
+function Pe(e) {
   function t(a) {
     return e.hardware.requestChange({
       property: "velocity",
       value: a
     });
   }
-  function r(a) {
+  function n(a) {
     return e.hardware.requestChange({
       property: "acceleration",
       value: a
     });
   }
   let i = "UNKNOWN";
-  return e.hardware.properties.state && ([i] = e.hardware.properties.state), /* @__PURE__ */ n(
-    V,
+  return e.hardware.properties.state && ([i] = e.hardware.properties.state), /* @__PURE__ */ r(
+    F,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
-        /* @__PURE__ */ s(b.Header, { children: [
+      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
+        /* @__PURE__ */ l(b.Header, { children: [
           e.hardware.name,
           " details"
         ] }),
-        /* @__PURE__ */ s(b.Body, { children: [
-          /* @__PURE__ */ s(N.Group, { children: [
-            /* @__PURE__ */ n(N.Label, { children: "Velocity" }),
-            /* @__PURE__ */ n(
-              te,
+        /* @__PURE__ */ l(b.Body, { children: [
+          /* @__PURE__ */ l(N.Group, { children: [
+            /* @__PURE__ */ r(N.Label, { children: "Velocity" }),
+            /* @__PURE__ */ r(
+              re,
               {
                 hardwareValue: e.hardware.properties.velocity,
                 onMoveRequested: t,
@@ -561,13 +561,13 @@ function De(e) {
               }
             )
           ] }),
-          /* @__PURE__ */ s(N.Group, { children: [
-            /* @__PURE__ */ n(N.Label, { children: "Acceleration" }),
-            /* @__PURE__ */ n(
-              te,
+          /* @__PURE__ */ l(N.Group, { children: [
+            /* @__PURE__ */ r(N.Label, { children: "Acceleration" }),
+            /* @__PURE__ */ r(
+              re,
               {
                 hardwareValue: e.hardware.properties.acceleration,
-                onMoveRequested: r,
+                onMoveRequested: n,
                 hardwareIsDisabled: e.disabled,
                 hardwareIsReady: i === "READY",
                 hardwareIsMoving: i === "MOVING",
@@ -577,12 +577,12 @@ function De(e) {
           ] })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function At(e) {
-  const { hardware: t, options: r = {} } = e;
+function Lt(e) {
+  const { hardware: t, options: n = {} } = e;
   function i() {
     t.requestChange({
       function: "stop"
@@ -597,16 +597,16 @@ function At(e) {
   }
   let o = "UNKNOWN";
   e.hardware.properties.state && ([o] = e.hardware.properties.state);
-  const d = /* @__PURE__ */ n(I, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), l = /* @__PURE__ */ n(oe, { hardware: t }), h = e.options ? e.options.header : "top";
-  return /* @__PURE__ */ n(
+  const d = /* @__PURE__ */ r(I, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), s = /* @__PURE__ */ r(ce, { hardware: t }), h = e.options ? e.options.header : "top";
+  return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
       widgetIcon: d,
-      widgetState: l,
-      widgetContent: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ n(
-          ke,
+      widgetState: s,
+      widgetContent: /* @__PURE__ */ l(M, { children: [
+        /* @__PURE__ */ r(
+          _e,
           {
             id: t.id,
             hardwareValue: t.properties.position,
@@ -615,43 +615,43 @@ function At(e) {
             hardwareIsMoving: o === "MOVING",
             onMoveRequested: a,
             onAbortRequested: i,
-            precision: r.precision,
-            readOnly: r.readOnly,
-            step: r.step,
-            steps: r.steps,
-            incIcon: r.incicon,
-            decIcon: r.decicon,
-            swapIncDec: r.swapincdec,
-            horizontalArrows: r.horizontalarrows,
-            largeArrows: r.largearrows
+            precision: n.precision,
+            readOnly: n.readOnly,
+            step: n.step,
+            steps: n.steps,
+            incIcon: n.incicon,
+            decIcon: n.decicon,
+            swapIncDec: n.swapincdec,
+            horizontalArrows: n.horizontalarrows,
+            largeArrows: n.largearrows
           }
         ),
-        t.properties.unit && /* @__PURE__ */ n(x.Text, { children: t.properties.unit }),
-        o !== "MOVING" && r.extended && /* @__PURE__ */ n(
-          De,
+        t.properties.unit && /* @__PURE__ */ r(M.Text, { children: t.properties.unit }),
+        o !== "MOVING" && n.extended && /* @__PURE__ */ r(
+          Pe,
           {
             hardware: t,
             disabled: e.disabled,
-            readOnly: r.readOnly
+            readOnly: n.readOnly
           }
         ),
-        o === "MOVING" && !e.disabled && !r.step && /* @__PURE__ */ n(y, { variant: "danger", onClick: i, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) })
+        o === "MOVING" && !e.disabled && !n.step && /* @__PURE__ */ r(y, { variant: "danger", onClick: i, children: /* @__PURE__ */ r("i", { className: "fa fa-times" }) })
       ] }),
       headerMode: h
     }
   );
 }
-function It(e) {
-  const { hardware: t, options: r = {} } = e, i = $(null);
-  H(() => {
+function jt(e) {
+  const { hardware: t, options: n = {} } = e, i = R(null);
+  j(() => {
     if (!i.current) {
       console.error("selectionRef ref is unset");
       return;
     }
     i.current.value = t.properties.position;
   }, [t.properties.position]);
-  function a(l) {
-    if (console.debug("change", l), !i || !i.current) {
+  function a(s) {
+    if (console.debug("change", s), !i || !i.current) {
       console.error("selection ref is unset");
       return;
     }
@@ -660,15 +660,15 @@ function It(e) {
       function: "move"
     });
   }
-  function o(l) {
+  function o(s) {
     t.requestChange({
       function: "stop"
     });
   }
-  const d = C(t.properties.positions, (l) => /* @__PURE__ */ n("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__ */ n(
+  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: [
+      /* @__PURE__ */ r(
         I,
         {
           name: "Multiposition",
@@ -676,8 +676,8 @@ function It(e) {
           online: t.online
         }
       ),
-      /* @__PURE__ */ n("div", { className: "name", children: t.name }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ r("div", { className: "name", children: t.name }),
+      /* @__PURE__ */ r(
         D,
         {
           bg: t.properties.state === "READY" ? "success" : "warning",
@@ -685,8 +685,8 @@ function It(e) {
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ s(x, { children: [
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ r("div", { className: "hw-content", children: /* @__PURE__ */ l(M, { children: [
+      /* @__PURE__ */ l(
         N.Control,
         {
           className: "custom-select",
@@ -695,25 +695,25 @@ function It(e) {
           disabled: e.disabled,
           defaultValue: t.properties.position,
           children: [
-            /* @__PURE__ */ n("option", { disabled: !0, children: "unknown" }),
+            /* @__PURE__ */ r("option", { disabled: !0, children: "unknown" }),
             d
           ]
         }
       ),
-      t.properties.state !== "MOVING" && /* @__PURE__ */ n(y, { onClick: a, disabled: e.disabled, children: "Move" }),
-      t.properties.state === "MOVING" && !e.disabled && /* @__PURE__ */ n(y, { variant: "danger", onClick: o, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) })
+      t.properties.state !== "MOVING" && /* @__PURE__ */ r(y, { onClick: a, disabled: e.disabled, children: "Move" }),
+      t.properties.state === "MOVING" && !e.disabled && /* @__PURE__ */ r(y, { variant: "danger", onClick: o, children: /* @__PURE__ */ r("i", { className: "fa fa-times" }) })
     ] }) })
   ] });
 }
-const $e = Ne("daiquiri.components.hardware.NoObject");
-function kt(e) {
+const Ve = Ae("daiquiri.components.hardware.NoObject");
+function Yt(e) {
   if (e.options.emptyifnone)
-    return $e(
+    return Ve(
       'Component id:"%s" name:"%s" not displayed cause setup with emptyifnone.',
       e.id,
       e.name
-    ), /* @__PURE__ */ n(v, {});
-  const t = /* @__PURE__ */ n(I, { name: "NoObject", icon: "fam-hardware-any", online: !1 }), r = /* @__PURE__ */ n(v, {}), i = /* @__PURE__ */ n(v, { children: "Missing" }), a = e.options ? e.options.header : "top", o = {
+    ), /* @__PURE__ */ r(v, {});
+  const t = /* @__PURE__ */ r(I, { name: "NoObject", icon: "fam-hardware-any", online: !1 }), n = /* @__PURE__ */ r(v, {}), i = /* @__PURE__ */ r(v, { children: "Missing" }), a = e.options ? e.options.header : "top", o = {
     id: e.id,
     name: e.name ?? "",
     alias: null,
@@ -721,25 +721,25 @@ function kt(e) {
     properties: {},
     type: ""
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     Y,
     {
       hardware: o,
       widgetIcon: t,
-      widgetState: r,
+      widgetState: n,
       widgetContent: i,
       headerMode: a
     }
   );
 }
-function Fe(e) {
+function Le(e) {
   const t = e.online ? "READY" : "OFFLINE";
-  return /* @__PURE__ */ n(D, { bg: t === "READY" ? "success" : "warning", children: t });
+  return /* @__PURE__ */ r(D, { bg: t === "READY" ? "success" : "warning", children: t });
 }
-function Dt(e) {
-  const { hardware: t, options: r = {} } = e, i = /* @__PURE__ */ n(I, { name: "Optic", icon: "fa-cog", online: t.online }), a = /* @__PURE__ */ n(Fe, { ...t });
+function Kt(e) {
+  const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(I, { name: "Optic", icon: "fa-cog", online: t.online }), a = /* @__PURE__ */ r(Le, { ...t });
   function o() {
-    const c = r.property;
+    const c = n.property;
     if (c === void 0)
       return "property is not set";
     if (c === null)
@@ -751,7 +751,7 @@ function Dt(e) {
     return `${f}`;
   }
   function d() {
-    const c = r.unit;
+    const c = n.unit;
     if (!c)
       return null;
     if (!c.includes("properties"))
@@ -762,11 +762,11 @@ function Dt(e) {
         return null;
     return `${f}`;
   }
-  const l = d(), h = /* @__PURE__ */ s(x, { children: [
-    /* @__PURE__ */ n(N.Control, { value: o(), readOnly: !0 }),
-    l && /* @__PURE__ */ n(x.Text, { children: l })
+  const s = d(), h = /* @__PURE__ */ l(M, { children: [
+    /* @__PURE__ */ r(N.Control, { value: o(), readOnly: !0 }),
+    s && /* @__PURE__ */ r(M.Text, { children: s })
   ] }), u = e.options.header || "top";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
@@ -777,48 +777,48 @@ function Dt(e) {
     }
   );
 }
-function Re(e) {
-  const { hardware: t } = e, r = () => {
+function je(e) {
+  const { hardware: t } = e, n = () => {
     t.requestChange({
       function: "reset"
     });
   };
-  return /* @__PURE__ */ n(
-    V,
+  return /* @__PURE__ */ r(
+    F,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
-        /* @__PURE__ */ s(b.Header, { children: [
+      overlay: /* @__PURE__ */ l(b, { id: "popid", children: [
+        /* @__PURE__ */ l(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ s(b.Body, { children: [
-          /* @__PURE__ */ n("h6", { children: "Status" }),
-          /* @__PURE__ */ n("pre", { children: t.properties.status }),
-          /* @__PURE__ */ n("div", { className: "d-grid gap-2", children: /* @__PURE__ */ n(y, { onClick: r, disabled: e.disabled, children: "Reset" }) })
+        /* @__PURE__ */ l(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" }) })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ r(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ r("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function $t(e) {
-  const { hardware: t, options: r = {} } = e, i = /* @__PURE__ */ n(
+function zt(e) {
+  const { hardware: t, options: n = {} } = e, i = /* @__PURE__ */ r(
     I,
     {
       name: "Shutter",
       icon: "fam-hardware-shutter",
       online: t.online
     }
-  ), a = /* @__PURE__ */ n(se, { hardware: t });
+  ), a = /* @__PURE__ */ r(de, { hardware: t });
   function o() {
     return t.properties ? t.properties.state : "UNKNOWN";
   }
   function d(S) {
     return S === "OPEN" ? ["Close", "close"] : S === "CLOSED" ? ["Open", "open"] : S === "DISABLED" || S === "STANDBY" || S === "FAULT" ? ["Closed", ""] : S === "MOVING" ? ["...", ""] : ["Unknown", ""];
   }
-  const l = o(), [h, u] = d(l), f = {
+  const s = o(), [h, u] = d(s), f = {
     OPEN: "danger",
     CLOSED: "success",
     MOVING: "warning",
@@ -826,14 +826,14 @@ function $t(e) {
     STANDBY: "danger",
     FAULT: "fatal",
     UNKNOWN: "warning"
-  }[l] || "danger";
+  }[s] || "danger";
   function m() {
     t.requestChange({
       function: u
     });
   }
-  const M = /* @__PURE__ */ s(re, { className: "d-flex flex-nowrap", children: [
-    /* @__PURE__ */ n(
+  const A = /* @__PURE__ */ l(oe, { className: "d-flex flex-nowrap", children: [
+    /* @__PURE__ */ r(
       y,
       {
         variant: f,
@@ -842,45 +842,45 @@ function $t(e) {
         children: h
       }
     ),
-    r.extended && /* @__PURE__ */ n(Re, { ...e })
-  ] }), K = e.options.header || "top";
-  return /* @__PURE__ */ n(
+    n.extended && /* @__PURE__ */ r(je, { ...e })
+  ] }), z = e.options.header || "top";
+  return /* @__PURE__ */ r(
     Y,
     {
       hardware: t,
       widgetIcon: i,
       widgetState: a,
-      widgetContent: M,
-      headerMode: K
+      widgetContent: A,
+      headerMode: z
     }
   );
 }
-class Ft extends ie {
+class qt extends se {
   constructor() {
     super(...arguments), this.variants = {};
   }
   render() {
     let t = this.variants.default;
-    return this.props.options.variant in this.variants && (t = this.variants[this.props.options.variant]), /* @__PURE__ */ n(t, { ...this.props });
+    return this.props.options.variant in this.variants && (t = this.variants[this.props.options.variant]), /* @__PURE__ */ r(t, { ...this.props });
   }
 }
-function _e(e) {
-  const [t, r] = A({}), i = $(null);
-  return H(() => {
+function Ye(e) {
+  const [t, n] = k({}), i = R(null);
+  return j(() => {
     if (i.current) {
       const a = i.current;
-      r({
+      n({
         width: a.clientWidth,
         height: a.clientHeight
       });
     }
-  }, []), /* @__PURE__ */ n(
+  }, []), /* @__PURE__ */ r(
     "div",
     {
       ref: i,
       style: { width: "100%", height: "100%" },
       className: e.className,
-      children: t.width > 0 && /* @__PURE__ */ n(
+      children: t.width > 0 && /* @__PURE__ */ r(
         "div",
         {
           className: "full-sizer",
@@ -895,86 +895,86 @@ function _e(e) {
     }
   );
 }
-const Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-function Te(e) {
-  return /* @__PURE__ */ n("div", { className: "panel-header", style: e.style, children: e.children });
+function Ke(e) {
+  return /* @__PURE__ */ r("div", { className: "panel-header", style: e.style, children: e.children });
 }
-function Pe(e) {
-  return /* @__PURE__ */ n("div", { className: "panel-contents", style: e.style, children: e.children });
+function ze(e) {
+  return /* @__PURE__ */ r("div", { className: "panel-contents", style: e.style, children: e.children });
 }
 function p(e) {
-  const t = e.scroll ? _e : we;
-  return /* @__PURE__ */ n("div", { className: `panel ${e.className ?? ""}`, style: e.style, children: /* @__PURE__ */ n(t, { children: e.children }) });
+  const t = e.scroll ? Ye : U;
+  return /* @__PURE__ */ r("div", { className: `panel ${e.className ?? ""}`, style: e.style, children: /* @__PURE__ */ r(t, { children: e.children }) });
 }
-p.Header = Te;
-p.Contents = Pe;
-const R = {};
-function Ve(e, t) {
-  R[e] = t;
+p.Header = Ke;
+p.Contents = ze;
+const _ = {};
+function qe(e, t) {
+  _[e] = t;
 }
-function O(e, t, r = !0) {
+function O(e, t, n = !0) {
   if (!e)
-    return /* @__PURE__ */ n(v, {});
-  const { type: i } = e, a = i && i in R ? R[i] : R.component;
-  return /* @__PURE__ */ n(a, { yamlNode: e, panel: r }, t);
+    return /* @__PURE__ */ r(v, {});
+  const { type: i } = e, a = i && i in _ ? _[i] : _.component;
+  return /* @__PURE__ */ r(a, { yamlNode: e, panel: n }, t);
 }
-function He({
+function Ue({
   children: e,
   key: t,
-  panel: r,
+  panel: n,
   options: i
 }) {
-  return r ? /* @__PURE__ */ n(p, { style: i.style, scroll: i.scroll, children: /* @__PURE__ */ n(p.Contents, { children: e }) }, t) : /* @__PURE__ */ n(v, { children: ge.map(
+  return n ? /* @__PURE__ */ r(p, { style: i.style, scroll: i.scroll, children: /* @__PURE__ */ r(p.Contents, { children: e }) }, t) : /* @__PURE__ */ r(v, { children: Oe.map(
     e,
-    (a) => ye(a) ? ve(a, { key: t, ...a.props }) : void 0
+    (a) => Se(a) ? Ee(a, { key: t, ...a.props }) : void 0
   ) });
 }
-function le(e, t) {
-  const { _parentNode: r, _indexFromParent: i, ...a } = t;
+function ue(e, t) {
+  const { _parentNode: n, _indexFromParent: i, ...a } = t;
   if (e && Object.keys(a).length > 0)
-    throw new T(e, Object.keys(a));
+    throw new V(e, Object.keys(a));
 }
-class F extends Error {
-  constructor(t, r) {
-    super(t), this.yamlNode = r;
+class H extends Error {
+  constructor(t, n) {
+    super(t), this.yamlNode = n;
   }
 }
-class T extends F {
-  constructor(t, r) {
-    super(`Unexpected keys: ${r.join(", ")}`, t), this.keys = r;
+class V extends H {
+  constructor(t, n) {
+    super(`Unexpected keys: ${n.join(", ")}`, t), this.keys = n;
   }
 }
-class P extends F {
-  constructor(t, r) {
-    super(`Keys ${r.join(", ")} are missing`, t), this.keys = r;
+class L extends H {
+  constructor(t, n) {
+    super(`Keys ${n.join(", ")} are missing`, t), this.keys = n;
   }
 }
-class w extends F {
-  constructor(t, r, i) {
-    super(`Key ${r} error: ${i}`, t), this.key = r, this.keyMessage = i;
+class g extends H {
+  constructor(t, n, i) {
+    super(`Key ${n} error: ${i}`, t), this.key = n, this.keyMessage = i;
   }
 }
-function Le(e) {
+function Ge(e) {
   let t = e;
   for (; t._parentNode; )
     t = t._parentNode;
   return t;
 }
-function Ye(e) {
+function We(e) {
   const t = [];
-  let r = e;
-  for (; r; )
+  let n = e;
+  for (; n; )
     t.push({
-      node: r,
-      indexFromParent: r._indexFromParent
-    }), r = r._parentNode;
+      node: n,
+      indexFromParent: n._indexFromParent
+    }), n = n._parentNode;
   return t.reverse(), t;
 }
-function ce(e, t = null, r = null) {
+function he(e, t = null, n = null) {
   if (e._parentNode)
     throw new Error(
       "Attribute _parentNode was already defined by the yml layout."
@@ -982,141 +982,141 @@ function ce(e, t = null, r = null) {
   const i = {
     ...e,
     _parentNode: t,
-    _indexFromParent: r
+    _indexFromParent: n
   };
   if (e.children) {
     const a = [...e.children];
-    Object.freeze(a), i.children = a.map((o, d) => ce(o, i, d));
+    Object.freeze(a), i.children = a.map((o, d) => he(o, i, d));
   }
   return Object.freeze(i), i;
 }
-function je(e) {
-  return /* @__PURE__ */ n(E, { variant: "danger", children: e.message });
+function Be(e) {
+  return /* @__PURE__ */ r(x, { variant: "danger", children: e.message });
 }
-function Ke(e) {
+function Ze(e) {
   const { error: t } = e;
-  if (!(t instanceof F))
-    return /* @__PURE__ */ n(v, {});
-  function r(o, d = 3) {
-    const l = Ye(o.yamlNode), h = [];
+  if (!(t instanceof H))
+    return /* @__PURE__ */ r(v, {});
+  function n(o, d = 3) {
+    const s = We(o.yamlNode), h = [];
     let u = "";
-    for (let c = 1; c < l.length; c++) {
-      const { node: f, indexFromParent: m } = l[c];
+    for (let c = 1; c < s.length; c++) {
+      const { node: f, indexFromParent: m } = s[c];
       h.push(`${u}children:`), u += " ".repeat(d), m === 1 ? h.push(`${u}- type: ...`) : (m ?? 0 > 1) && h.push(
         `${u}...`,
         `${u}...`,
         `${u}# children number ${m ?? 0 + 1}`
       ), h.push(`${u}- type: ${f.type}`), u += " ".repeat(2);
     }
-    return o instanceof T ? o.keys.forEach((c) => {
+    return o instanceof V ? o.keys.forEach((c) => {
       h.push(
         `${u}${c}: ...  ${" ".repeat(
           50 - u.length - c.length
         )}<-- unexpected key`
       );
-    }) : o instanceof P ? o.keys.forEach((c) => {
+    }) : o instanceof L ? o.keys.forEach((c) => {
       h.push(
         `${u}???:  ${" ".repeat(
           50 - u.length - c.length
         )}<-- key **${c}** is expected`
       );
-    }) : o instanceof w && h.push(
+    }) : o instanceof g && h.push(
       `${u}${o.key}:  ${" ".repeat(
         50 - u.length - o.key.length
       )}<-- ${o.keyMessage}`
     ), h.join(`
 `);
   }
-  const a = Le(t.yamlNode).name;
-  if (t instanceof T) {
+  const a = Ge(t.yamlNode).name;
+  if (t instanceof V) {
     const o = t.keys.length === 1 ? "key" : "keys";
-    return /* @__PURE__ */ s(E, { variant: "danger", children: [
+    return /* @__PURE__ */ l(x, { variant: "danger", children: [
       "Unexpected ",
       o,
       " ",
-      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
-        l !== 0 && ", ",
-        /* @__PURE__ */ n("b", { children: d })
+      t.keys.map((d, s) => /* @__PURE__ */ l(v, { children: [
+        s !== 0 && ", ",
+        /* @__PURE__ */ r("b", { children: d })
       ] })),
       " ",
       "from the layout name ",
-      /* @__PURE__ */ n("b", { children: a }),
+      /* @__PURE__ */ r("b", { children: a }),
       ".",
-      /* @__PURE__ */ n("br", {}),
-      /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
-      /* @__PURE__ */ n("br", {})
+      /* @__PURE__ */ r("br", {}),
+      /* @__PURE__ */ r("pre", { className: "mt-3", children: n(t) }),
+      /* @__PURE__ */ r("br", {})
     ] });
   }
-  if (t instanceof P) {
+  if (t instanceof L) {
     const o = t.keys.length === 1 ? "Key" : "Keys";
-    return /* @__PURE__ */ s(E, { variant: "danger", children: [
+    return /* @__PURE__ */ l(x, { variant: "danger", children: [
       "Expected ",
       o,
       " ",
-      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
-        l !== 0 && ", ",
-        /* @__PURE__ */ n("b", { children: d })
+      t.keys.map((d, s) => /* @__PURE__ */ l(v, { children: [
+        s !== 0 && ", ",
+        /* @__PURE__ */ r("b", { children: d })
       ] })),
       " ",
       "from the layout name ",
-      /* @__PURE__ */ n("b", { children: a }),
+      /* @__PURE__ */ r("b", { children: a }),
       ".",
-      /* @__PURE__ */ n("br", {}),
-      /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
-      /* @__PURE__ */ n("br", {})
+      /* @__PURE__ */ r("br", {}),
+      /* @__PURE__ */ r("pre", { className: "mt-3", children: n(t) }),
+      /* @__PURE__ */ r("br", {})
     ] });
   }
-  return t instanceof w ? /* @__PURE__ */ s(E, { variant: "danger", children: [
+  return t instanceof g ? /* @__PURE__ */ l(x, { variant: "danger", children: [
     "Error on key ",
-    /* @__PURE__ */ n("b", { children: t.key }),
+    /* @__PURE__ */ r("b", { children: t.key }),
     " from the layout name ",
-    /* @__PURE__ */ n("b", { children: a }),
+    /* @__PURE__ */ r("b", { children: a }),
     ".",
-    /* @__PURE__ */ n("br", {}),
-    /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
-    /* @__PURE__ */ n("br", {})
-  ] }) : /* @__PURE__ */ n(je, { ...e });
+    /* @__PURE__ */ r("br", {}),
+    /* @__PURE__ */ r("pre", { className: "mt-3", children: n(t) }),
+    /* @__PURE__ */ r("br", {})
+  ] }) : /* @__PURE__ */ r(Be, { ...e });
 }
-const ne = {
+const ie = {
   hasError: !1,
   message: "",
   error: void 0
 };
-class ze extends ie {
+class Je extends se {
   constructor(t) {
     super(t), this.reload = () => {
       window.location.reload();
-    }, this.state = ne;
+    }, this.state = ie;
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
   componentDidCatch(t) {
-    t instanceof F && this.setState({
+    t instanceof H && this.setState({
       hasError: !0,
       message: t.message,
       error: t
     });
   }
   // https://github.com/bvaughn/react-error-boundary/blob/23a4d779744f3079dfe0960acaa4bdfd5dede87b/src/ErrorBoundary.ts#L53
-  componentDidUpdate(t, r) {
-    this.state.hasError && r.error !== void 0 && t.resetKey !== this.props.resetKey && this.setState(ne);
+  componentDidUpdate(t, n) {
+    this.state.hasError && n.error !== void 0 && t.resetKey !== this.props.resetKey && this.setState(ie);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ s(_, { className: "mt-2", children: [
-      /* @__PURE__ */ n("h4", { children: "Something went wrong" }),
-      /* @__PURE__ */ n(
-        Ke,
+    return this.state.hasError ? /* @__PURE__ */ l($, { className: "mt-2", children: [
+      /* @__PURE__ */ r("h4", { children: "Something went wrong" }),
+      /* @__PURE__ */ r(
+        Ze,
         {
           message: this.state.message,
           error: this.state.error
         }
       ),
-      /* @__PURE__ */ s("p", { children: [
+      /* @__PURE__ */ l("p", { children: [
         "This error has been logged. Please",
         " ",
-        /* @__PURE__ */ s(y, { size: "sm", onClick: this.reload, children: [
-          /* @__PURE__ */ n("i", { className: "fa fa-refresh" }),
+        /* @__PURE__ */ l(y, { size: "sm", onClick: this.reload, children: [
+          /* @__PURE__ */ r("i", { className: "fa fa-refresh" }),
           " Reload"
         ] }),
         " ",
@@ -1125,49 +1125,49 @@ class ze extends ie {
     ] }) : this.props.children;
   }
 }
-function qe(e, t, r) {
-  if (e && r === void 0)
-    throw new P(e, [t]);
+function Qe(e, t, n) {
+  if (e && n === void 0)
+    throw new L(e, [t]);
 }
-function Ge(e, t, r) {
-  if (typeof r != "string")
-    throw new w(e, t, "A string is expected");
+function Xe(e, t, n) {
+  if (typeof n != "string")
+    throw new g(e, t, "A string is expected");
 }
-function Ue(e, t, r) {
-  if (typeof r != "boolean")
-    throw new w(e, t, "A boolean is expected");
+function et(e, t, n) {
+  if (typeof n != "boolean")
+    throw new g(e, t, "A boolean is expected");
 }
-function Be(e, t, r) {
-  if (typeof r != "number")
-    throw new w(e, t, "A number is expected");
+function tt(e, t, n) {
+  if (typeof n != "number")
+    throw new g(e, t, "A number is expected");
 }
-function G(e, t, r) {
-  if (r !== void 0 && typeof r != "boolean")
-    throw new w(e, t, "An optional boolean is expected");
+function G(e, t, n) {
+  if (n !== void 0 && typeof n != "boolean")
+    throw new g(e, t, "An optional boolean is expected");
 }
-function de(e, t, r) {
-  if (r !== void 0 && typeof r != "string")
-    throw new w(e, t, "An optional string is expected");
+function fe(e, t, n) {
+  if (n !== void 0 && typeof n != "string")
+    throw new g(e, t, "An optional string is expected");
 }
-function We(e, t, r) {
-  if (!Array.isArray(r))
-    throw new w(e, t, "A list of string is expected");
-  r.forEach((i) => {
+function nt(e, t, n) {
+  if (!Array.isArray(n))
+    throw new g(e, t, "A list of string is expected");
+  n.forEach((i) => {
     if (typeof i != "string")
-      throw new w(e, t, "A list of string is expected");
+      throw new g(e, t, "A list of string is expected");
   });
 }
-function Ze(e, t, r) {
-  if (r !== void 0 && typeof r != "string") {
-    if (!Array.isArray(r))
-      throw new w(
+function rt(e, t, n) {
+  if (n !== void 0 && typeof n != "string") {
+    if (!Array.isArray(n))
+      throw new g(
         e,
         t,
         "An optional string or list of string is expected"
       );
-    r.forEach((i) => {
+    n.forEach((i) => {
       if (typeof i != "string")
-        throw new w(
+        throw new g(
           e,
           t,
           "An optional string or list of string is expected"
@@ -1175,13 +1175,13 @@ function Ze(e, t, r) {
     });
   }
 }
-function Je(e, t, r) {
-  if (r !== void 0) {
-    if (!Array.isArray(r))
-      throw new w(e, t, "An optional list of string is expected");
-    r.forEach((i) => {
+function it(e, t, n) {
+  if (n !== void 0) {
+    if (!Array.isArray(n))
+      throw new g(e, t, "An optional list of string is expected");
+    n.forEach((i) => {
       if (typeof i != "string")
-        throw new w(
+        throw new g(
           e,
           t,
           "A optional list of string is expected"
@@ -1189,21 +1189,21 @@ function Je(e, t, r) {
     });
   }
 }
-function ue(e, t, r) {
-  if (r !== void 0 && typeof r != "number")
-    throw new w(e, t, "An optional number is expected");
+function me(e, t, n) {
+  if (n !== void 0 && typeof n != "number")
+    throw new g(e, t, "An optional number is expected");
 }
-function Qe(e, t, r) {
-  if (r !== void 0) {
-    if (!Array.isArray(r))
-      throw new w(
+function at(e, t, n) {
+  if (n !== void 0) {
+    if (!Array.isArray(n))
+      throw new g(
         e,
         t,
         "An optional list of numbers is expected"
       );
-    r.forEach((i) => {
+    n.forEach((i) => {
       if (typeof i != "number")
-        throw new w(
+        throw new g(
           e,
           t,
           "An optional list of numbers is expected"
@@ -1211,71 +1211,71 @@ function Qe(e, t, r) {
     });
   }
 }
-function j(e, t) {
-  const { _parentNode: r, _indexFromParent: i, ...a } = t;
+function K(e, t) {
+  const { _parentNode: n, _indexFromParent: i, ...a } = t;
   if (e && Object.keys(a).length > 0)
-    throw new T(e, Object.keys(a));
+    throw new V(e, Object.keys(a));
 }
-function Xe(e, t, r) {
-  if (r !== "last" && typeof r != "number")
-    throw new w(e, t, '"last" or a number is expected');
+function ot(e, t, n) {
+  if (n !== "last" && typeof n != "number")
+    throw new g(e, t, '"last" or a number is expected');
 }
-function et(e, t, r) {
-  if (r !== void 0 && r !== "h5web" && r !== "plotly")
-    throw new w(e, t, '"h5web" or "plotly" string is expected');
+function st(e, t, n) {
+  if (n !== void 0 && n !== "h5web" && n !== "plotly")
+    throw new g(e, t, '"h5web" or "plotly" string is expected');
 }
-const Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  assertBoolean: Ue,
-  assertDataCollectionId: Xe,
-  assertKeyExpected: qe,
-  assertNoUnknownKeys: j,
-  assertNumber: Be,
-  assertOptionalBackend: et,
+  assertBoolean: et,
+  assertDataCollectionId: ot,
+  assertKeyExpected: Qe,
+  assertNoUnknownKeys: K,
+  assertNumber: tt,
+  assertOptionalBackend: st,
   assertOptionalBoolean: G,
-  assertOptionalNumber: ue,
-  assertOptionalNumberList: Qe,
-  assertOptionalString: de,
-  assertOptionalStringList: Je,
-  assertOptionalStringOrStringList: Ze,
-  assertString: Ge,
-  assertStringList: We
+  assertOptionalNumber: me,
+  assertOptionalNumberList: at,
+  assertOptionalString: fe,
+  assertOptionalStringList: it,
+  assertOptionalStringOrStringList: rt,
+  assertString: Xe,
+  assertStringList: nt
 }, Symbol.toStringTag, { value: "Module" }));
-function tt({ yamlNode: e, panel: t }) {
-  const { type: r, style: i, children: a, ...o } = e;
-  return j(e, o), /* @__PURE__ */ n(q, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, l) => O(d, l, t)) });
-}
-function nt({ yamlNode: e, panel: t }) {
-  const { type: r, style: i, xs: a, children: o, ...d } = e;
-  return j(e, d), ue(e, "xs", a), /* @__PURE__ */ n(
-    k,
+function lt({ yamlNode: e, panel: t }) {
+  const { type: n, style: i, children: a, ...o } = e;
+  return K(e, o), /* @__PURE__ */ r(P, { className: "ymllayout-row gx-0", style: i, children: C(a, (d, s) => O(d, s, t)) });
+}
+function ct({ yamlNode: e, panel: t }) {
+  const { type: n, style: i, xs: a, children: o, ...d } = e;
+  return K(e, d), me(e, "xs", a), /* @__PURE__ */ r(
+    E,
     {
-      className: L("yamymllayout-col", { col: !!a }),
+      className: T("yamymllayout-col", { col: !!a }),
       style: i,
       xs: a,
-      children: C(e.children, (l, h) => O(l, h, t))
+      children: C(e.children, (s, h) => O(s, h, t))
     }
   );
 }
-const U = {};
-function Pt(e, t) {
-  U[e] = t;
+const W = {};
+function Bt(e, t) {
+  W[e] = t;
 }
-function rt(e, t) {
+function dt(e, t) {
   if (t === void 0)
-    throw new P(e, ["id"]);
+    throw new L(e, ["id"]);
   if (typeof t.id != "string")
-    throw new w(e, "id", "A string is expected");
+    throw new g(e, "id", "A string is expected");
 }
-function it(e, t, r) {
-  if (r !== void 0) {
-    if (!Array.isArray(r))
-      throw new w(e, "ids", "A option list is expected");
-    r.forEach((i, a) => {
+function ut(e, t, n) {
+  if (n !== void 0) {
+    if (!Array.isArray(n))
+      throw new g(e, "ids", "A option list is expected");
+    n.forEach((i, a) => {
       try {
-        rt(e, i);
+        dt(e, i);
       } catch {
-        throw new w(
+        throw new g(
           e,
           "ids",
           `The hardware description ${a} is wrong`
@@ -1284,20 +1284,20 @@ function it(e, t, r) {
     });
   }
 }
-function at(e) {
+function ht(e) {
   const {
     providers: t = {},
-    yamlNode: r,
+    yamlNode: n,
     ids: i,
     groupid: a,
     even: o,
     nowrap: d,
-    ...l
+    ...s
   } = e;
-  if (it(r, "ids", i), de(r, "groupid", a), G(r, "even", o), G(r, "nowrap", d), j(r, l), !U.HardwareGroup)
-    return /* @__PURE__ */ n(E, { variant: "warning", children: "No `HardwareGroup` component registered" });
-  const h = U.HardwareGroup;
-  return /* @__PURE__ */ n(
+  if (ut(n, "ids", i), fe(n, "groupid", a), G(n, "even", o), G(n, "nowrap", d), K(n, s), !W.HardwareGroup)
+    return /* @__PURE__ */ r(x, { variant: "warning", children: "No `HardwareGroup` component registered" });
+  const h = W.HardwareGroup;
+  return /* @__PURE__ */ r(
     h,
     {
       providers: t,
@@ -1309,57 +1309,57 @@ function at(e) {
   );
 }
 const B = {
-  hardwaregroup: at
+  hardwaregroup: ht
 };
-function Vt(e, t) {
+function Zt(e, t) {
   B[e] = t;
 }
-function ot(e) {
-  const { yamlNode: t, panel: r } = e, { type: i, style: a, scroll: o, title: d, ...l } = t;
+function ft(e) {
+  const { yamlNode: t, panel: n } = e, { type: i, style: a, scroll: o, title: d, ...s } = t;
   if (!(i in B))
-    return /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(p.Contents, { children: /* @__PURE__ */ s(E, { variant: "warning", children: [
+    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ l(x, { variant: "warning", children: [
       'Unknown component "',
       i,
       '"'
     ] }) }) });
   const h = B[t.type];
-  return r ? /* @__PURE__ */ n(p, { style: a, scroll: o, children: /* @__PURE__ */ s(ee, { fallback: /* @__PURE__ */ n("p", { children: "Loading..." }), children: [
-    d && /* @__PURE__ */ n(p.Header, { children: d }),
-    /* @__PURE__ */ n(p.Contents, { children: /* @__PURE__ */ n(h, { ...l, yamlNode: t }) })
-  ] }) }) : /* @__PURE__ */ n(ee, { fallback: /* @__PURE__ */ n("p", { children: "Loading..." }), children: /* @__PURE__ */ n(h, { ...l, yamlNode: t }) });
-}
-function st({ yamlNode: e, panel: t }) {
-  const r = e.options || {};
-  return /* @__PURE__ */ n(_, { className: "ymllayout-container", ...r, children: C(e.children, (i, a) => O(i, a, t)) });
-}
-function lt(e) {
-  const { yamlNode: t } = e, r = t.options || {}, i = {};
-  return r.centerContent && (i.margin = "auto"), /* @__PURE__ */ s(p, { className: "ymllayout-panel", ...r, children: [
-    t.title && /* @__PURE__ */ n(p.Header, { children: t.title }),
-    /* @__PURE__ */ n(p.Contents, { style: i, children: C(
+  return n ? /* @__PURE__ */ r(p, { style: a, scroll: o, children: /* @__PURE__ */ l(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 }) });
+}
+function mt({ yamlNode: e, panel: t }) {
+  const n = e.options || {};
+  return /* @__PURE__ */ r($, { className: "ymllayout-container", ...n, children: C(e.children, (i, a) => O(i, a, t)) });
+}
+function pt(e) {
+  const { yamlNode: t } = e, n = t.options || {}, i = {};
+  return n.centerContent && (i.margin = "auto"), /* @__PURE__ */ l(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,
       (a, o) => O(a, o, !1)
     ) })
   ] });
 }
-const ct = () => Math.random().toString(36).slice(2, 15) + Math.random().toString(36).slice(2, 15);
-function dt({ yamlNode: e, panel: t }) {
-  const r = [];
-  return fe(e.children, (i, a) => {
-    r.push(
-      /* @__PURE__ */ n(me, { eventKey: ct(), title: i.title, children: O(i, 0, !1) }, a)
+const gt = () => Math.random().toString(36).slice(2, 15) + Math.random().toString(36).slice(2, 15);
+function wt({ yamlNode: e, panel: t }) {
+  const n = [];
+  return ve(e.children, (i, a) => {
+    n.push(
+      /* @__PURE__ */ r(be, { eventKey: gt(), title: i.title, children: O(i, 0, !1) }, a)
     );
-  }), t ? /* @__PURE__ */ s(p, { className: "ymllayout-tabs", children: [
-    e.title && /* @__PURE__ */ n(p.Header, { children: e.title }),
-    /* @__PURE__ */ n(p.Contents, { children: /* @__PURE__ */ n(X, { mountOnEnter: !0, children: r }) })
-  ] }) : /* @__PURE__ */ n(X, { children: r });
+  }), t ? /* @__PURE__ */ l(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 });
 }
-function ut(e) {
-  const { node: t } = e, { type: r, title: i, ...a } = t;
-  return le(t, a), /* @__PURE__ */ n("div", { style: { gridColumn: "1 / 3" }, children: /* @__PURE__ */ n("h3", { children: i }) });
+function yt(e) {
+  const { node: t } = e, { type: n, title: i, ...a } = t;
+  return ue(t, a), /* @__PURE__ */ r("div", { style: { gridColumn: "1 / 3" }, children: /* @__PURE__ */ r("h3", { children: i }) });
 }
-function ht(e) {
-  const { node: t, state: r, row: i } = e, { title: a } = t;
+function vt(e) {
+  const { node: t, state: n, row: i } = e, { title: a } = t;
   function o() {
     if (t.id)
       return t.id;
@@ -1380,48 +1380,48 @@ function ht(e) {
     }
     return "";
   }
-  const l = d();
-  return /* @__PURE__ */ s(
+  const s = d();
+  return /* @__PURE__ */ l(
     "div",
     {
       style: {
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ r(
           "h5",
           {
             style: {
               margin: "0px",
               whiteSpace: "nowrap"
             },
-            children: l
+            children: s
           }
         ),
-        r && /* @__PURE__ */ n("div", { style: { position: "relative", top: -5 }, children: r })
+        n && /* @__PURE__ */ r("div", { style: { position: "relative", top: -5 }, children: n })
       ]
     }
   );
 }
-function ft(e) {
-  const { node: t, row: r } = e, {
+function bt(e) {
+  const { node: t, row: n } = e, {
     titlealign: i,
     title: a,
     stateinheader: o = !1,
     variant: d,
-    id: l,
+    id: s,
     ...h
   } = t;
   let u, c;
   if (h.type === "hardware")
     if (u = {
       ...h,
-      id: l,
+      id: s,
       variant: d
     }, o) {
       const f = {
         ...h,
-        id: l,
+        id: s,
         variant: "state",
         emptyifnone: !0
       };
@@ -1430,46 +1430,46 @@ function ft(e) {
       c = null;
   else
     u = h, c = null;
-  return /* @__PURE__ */ s(v, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ l(v, { children: [
+    /* @__PURE__ */ r(
       "div",
       {
         style: {
           gridColumn: 1,
           alignSelf: i ?? "center"
         },
-        children: /* @__PURE__ */ n(ht, { node: t, state: c, row: r })
+        children: /* @__PURE__ */ r(vt, { node: t, state: c, row: n })
       }
     ),
-    /* @__PURE__ */ n("div", { style: { gridColumn: 2 }, children: O(u, "k", !1) })
+    /* @__PURE__ */ r("div", { style: { gridColumn: 2 }, children: O(u, "k", !1) })
   ] });
 }
-function mt(e) {
-  const { yamlNode: t, panel: r } = e, { type: i, children: a, options: o = {}, title: d, ...l } = t;
-  return le(t, l), /* @__PURE__ */ s(p, { className: "ymllayout-form", ...o, children: [
-    t.title && /* @__PURE__ */ n(p.Header, { children: t.title }),
-    /* @__PURE__ */ n(p.Contents, { children: /* @__PURE__ */ n(
+function Nt(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: [
+    t.title && /* @__PURE__ */ r(p.Header, { children: t.title }),
+    /* @__PURE__ */ r(p.Contents, { children: /* @__PURE__ */ r(
       "div",
       {
         style: {
           display: "grid",
           gridTemplateColumns: "min-content auto"
         },
-        children: C(a, (h, u) => h.type === "formheader" ? /* @__PURE__ */ n(
-          ut,
+        children: C(a, (h, u) => h.type === "formheader" ? /* @__PURE__ */ r(
+          yt,
           {
             node: h,
             row: u
           },
           u
-        ) : /* @__PURE__ */ n(ft, { node: h, row: u }, u))
+        ) : /* @__PURE__ */ r(bt, { node: h, row: u }, u))
       }
     ) })
   ] });
 }
-function pt(e) {
-  const { yamlNode: t, panel: r } = e;
-  return /* @__PURE__ */ s(
+function Ct(e) {
+  const { yamlNode: t, panel: n } = e;
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "ymllayout-grid",
@@ -1479,8 +1479,8 @@ function pt(e) {
       },
       children: [
         C(t.children, (i, a) => {
-          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__ */ n(
+          const { columnSpan: o = 1, rowSpan: d = 1, ...s } = i, h = o > 1 ? `span ${o}` : void 0, u = d > 1 ? `span ${d}` : void 0;
+          return /* @__PURE__ */ r(
             "div",
             {
               className: "ymllayout-grid-cell",
@@ -1488,7 +1488,7 @@ function pt(e) {
                 gridColumn: h,
                 gridRow: u
               },
-              children: O(l, a, r)
+              children: O(s, a, n)
             },
             a
           );
@@ -1498,70 +1498,188 @@ function pt(e) {
     }
   );
 }
-function wt({ yamlNode: e, panel: t }) {
-  const r = e.options || {};
-  return /* @__PURE__ */ n(He, { panel: t, options: r, children: /* @__PURE__ */ n("div", { children: e.label }) });
-}
-const gt = {
-  row: tt,
-  col: nt,
-  container: st,
-  component: ot,
-  panel: lt,
-  tabs: dt,
-  form: mt,
-  grid: pt,
-  label: wt
+function Ot({ yamlNode: e, panel: t }) {
+  const n = e.options || {};
+  return /* @__PURE__ */ r(Ue, { panel: t, options: n, children: /* @__PURE__ */ r("div", { children: e.label }) });
+}
+const St = {
+  row: lt,
+  col: ct,
+  container: mt,
+  component: ft,
+  panel: pt,
+  tabs: wt,
+  form: Nt,
+  grid: Ct,
+  label: Ot
 };
-Object.entries(gt).forEach(([e, t]) => {
-  Ve(e, t);
+Object.entries(St).forEach(([e, t]) => {
+  qe(e, t);
 });
-function Ht(e) {
-  var r;
-  const t = be(() => ce(e.layout), [e.layout]);
-  return t.error ? /* @__PURE__ */ n("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ n(p.Header, { children: "Layout Error" }),
-    /* @__PURE__ */ s(p.Contents, { children: [
-      /* @__PURE__ */ s("p", { children: [
+function Jt(e) {
+  var n;
+  const t = xe(() => he(e.layout), [e.layout]);
+  return t.error ? /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ l(p, { children: [
+    /* @__PURE__ */ r(p.Header, { children: "Layout Error" }),
+    /* @__PURE__ */ l(p.Contents, { children: [
+      /* @__PURE__ */ l("p", { children: [
         "File: ",
         t.name
       ] }),
-      /* @__PURE__ */ n(E, { variant: "warning", children: /* @__PURE__ */ n("pre", { className: "mb-0", children: t.error }) })
+      /* @__PURE__ */ r(x, { variant: "warning", children: /* @__PURE__ */ r("pre", { className: "mb-0", children: t.error }) })
     ] })
-  ] }) }) : /* @__PURE__ */ n("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ n(ze, { resetKey: t, children: (r = t.children) == null ? void 0 : r.map((i, a) => O(i, a)) }) });
+  ] }) }) : /* @__PURE__ */ r("div", { className: `${e.className ?? ""} ymllayout-main`, id: e.id, children: /* @__PURE__ */ r(Je, { resetKey: t, children: (n = t.children) == null ? void 0 : n.map((i, a) => O(i, a)) }) });
 }
-const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
+}, Symbol.toStringTag, { value: "Module" })), pe = {
+  hardware: kt
+};
+function Xt(e, t) {
+  pe[e] = t;
+}
+function Et(e) {
+  return /* @__PURE__ */ l(
+    E,
+    {
+      className: "monitor-panel-item bg-fatal",
+      title: `Error from yaml configuration: ${e.message}`,
+      children: [
+        /* @__PURE__ */ r("h1", { children: e.monitor.name }),
+        /* @__PURE__ */ r("div", { children: "Parsing error" })
+      ]
+    }
+  );
+}
+function en(e) {
+  const t = C(e.monitors, (n, i) => {
+    const a = n.type ?? "hardware", o = pe[a];
+    return o === void 0 ? /* @__PURE__ */ r(
+      Et,
+      {
+        monitor: n,
+        message: `Type ${a} unsupported`
+      },
+      `m${i}`
+    ) : /* @__PURE__ */ r(o, { monitor: n }, `m${i}`);
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: T(
+        { "ms-auto": e.margin === "start" },
+        "me-auto",
+        "monitor-panel",
+        { "monitor-panel-light": e.bg === "light" }
+      ),
+      children: /* @__PURE__ */ r($, { fluid: !0, children: /* @__PURE__ */ r(P, { className: "flex-nowrap", children: t }) })
+    }
+  );
+}
+function xt(e) {
+  return /* @__PURE__ */ r(E, { className: "monitor-panel-item", children: e.children });
+}
+const Z = {};
+function tn(e, t) {
+  Z[e] = t;
+}
+function ge(e) {
+  if (!Z.useHardware)
+    throw new Error("No `useHardware` hook registered");
+  return Z.useHardware(e);
+}
+const Mt = (e, t, n) => {
+  const i = {
+    ">": (a, o) => a > o,
+    "<": (a, o) => a < o,
+    ">=": (a, o) => a >= o,
+    "<=": (a, o) => a <= o,
+    "==": (a, o) => a === o,
+    "!=": (a, o) => a !== o,
+    in: (a, o) => o.indexOf(a) > -1
+  };
+  if (e in i)
+    return i[e](t, n);
+};
+function we(e, t, n) {
+  const i = e.split(t);
+  return n ? [i.slice(0, -n).join(t)].concat(i.slice(-n)) : i;
+}
+function ae(e) {
+  const t = e !== void 0 ? we(e, ".", 1) : [null, ""], n = ge(t[0]);
+  if (n && n.properties && t[1] !== null)
+    return Array.isArray(n.properties[t[1]]) ? n.properties[t[1]][0] : n.properties[t[1]];
+}
+function At(e) {
+  const t = e !== void 0 && !e.includes("."), n = e !== void 0 ? we(e, ".", 1) : [null, ""], i = ge(n[0]);
+  if (t)
+    return e;
+  if (i && i.properties && n[1] !== null)
+    return `${i.properties[n[1]]}`;
+}
+function kt(e) {
+  const { monitor: t } = e;
+  let n = ae(t.value) ?? "-";
+  const i = At(t.unit), a = ae(t.overlay), o = Number.parseFloat(`${n}`);
+  Number.isNaN(o) || String(o).length > 5 && (n = o.toPrecision(5));
+  let d;
+  t.comparator && t.comparison && (d = Mt(t.comparator, n, t.comparison) ? "valid" : "invalid"), Number.isNaN(o) || i !== void 0 && (n = `${n} ${i}`);
+  let s = U;
+  const h = {};
+  if (a) {
+    const u = `${a}`;
+    let c = U;
+    u.includes(`
+`) && (c = "pre"), s = F, h.placement = "bottom", h.overlay = /* @__PURE__ */ r(Ne, {
+      id: "tooltipid",
+      className: "monitor-panel-tooltip",
+      // @ts-expect-error
+      children: /* @__PURE__ */ r(c, { children: u })
+    });
+  }
+  return (
+    // @ts-expect-error
+    /* @__PURE__ */ Me(s, { ...h, key: t.name }, /* @__PURE__ */ l(xt, { children: [
+      /* @__PURE__ */ r("h1", { children: t.name }),
+      /* @__PURE__ */ r("div", { className: d, children: `${n}` })
+    ] }))
+  );
+}
 export {
-  St as Formatting,
-  Et as Frontend,
-  _e as FullSizer,
-  Lt as HWObject,
-  te as HardwareInputNumber,
-  ke as HardwareNumericStep,
-  _t as HardwareSchema,
-  Mt as HardwareState,
+  Ht as Formatting,
+  _t as Frontend,
+  Ye as FullSizer,
+  Qt as HWObject,
+  re as HardwareInputNumber,
+  _e as HardwareNumericStep,
+  Gt as HardwareSchema,
+  Vt as HardwareState,
   Y as HardwareTemplate,
-  Rt as HardwareTypes,
-  Ft as HardwareVariant,
-  xt as Info,
-  w as KeyError,
-  P as MissingKeysError,
-  At as MotorDefault,
-  It as Multiposition,
-  kt as NoObject,
-  Ie as NumericStep,
-  Dt as Property,
-  $t as ShutterDefault,
+  Ut as HardwareTypes,
+  qt as HardwareVariant,
+  Pt as Info,
+  g as KeyError,
+  L as MissingKeysError,
+  kt as MonitorHardware,
+  en as MonitorPanel,
+  xt as MonitorPanelItem,
+  Lt as MotorDefault,
+  jt as Multiposition,
+  Yt as NoObject,
+  He as NumericStep,
+  Kt as Property,
+  zt as ShutterDefault,
   I as TypeIcon,
-  ze as YAMLErrorBoundary,
-  Ht as YAMLLayout,
-  Tt as YamlAsserts,
-  Pt as registerHardwareComponent,
-  Vt as registerYamlComponent,
-  Ve as registerYamlType,
+  Je as YAMLErrorBoundary,
+  Jt as YAMLLayout,
+  Wt as YamlAsserts,
+  Mt as dynamicOp,
+  Bt as registerHardwareComponent,
+  Xt as registerMonitorComponent,
+  tn as registerRuntimeHook,
+  Zt as registerYamlComponent,
+  qe as registerYamlType,
   O as renderYamlNode,
-  gt as yamlMap
+  St as yamlMap
 };
 //# sourceMappingURL=index.esm.js.map