@esrf/daiquiri-lib 0.0.2-alpha.3 → 0.0.2-alpha.5

package/dist/index.esm.js

@@ -1,31 +1,31 @@
-import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
-import { map as E } from "lodash";
-import { Badge as C, ButtonGroup as _, Button as m, OverlayTrigger as F, Popover as v, Container as z, Row as L, Col as D, Form as N, InputGroup as p } from "react-bootstrap";
-import { forwardRef as H, useRef as M, useState as O, useEffect as k } from "react";
-import x from "classnames";
-import K from "debug";
-function Y(e) {
+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) {
   const {
     activeMessage: t = "Online",
     inactiveMessage: r = "Offline",
-    message: a = "This device is"
+    message: i = "This device is"
   } = e;
   return /* @__PURE__ */ n(
     "div",
     {
       className: `dot-indicator small bg-${e.online ? "success" : "danger"}`,
-      title: `${a} ${e.online ? t : r}`
+      title: `${i} ${e.online ? t : r}`
     }
   );
 }
 function I(e) {
   const { name: t, icon: r } = e;
-  return /* @__PURE__ */ l("div", { className: "icon", title: t, children: [
+  return /* @__PURE__ */ s("div", { className: "icon", title: t, children: [
     /* @__PURE__ */ n("i", { className: `fa ${r}` }),
-    /* @__PURE__ */ n(Y, { ...e })
+    /* @__PURE__ */ n(Ce, { ...e })
   ] });
 }
-function Z(e) {
+function Oe(e) {
   const t = {
     24: "Y",
     21: "Z",
@@ -43,110 +43,110 @@ function Z(e) {
     "-18": "a",
     "-21": "z",
     "-24": "y"
-  }, r = Math.log(e) / Math.log(1e3), a = !Number.isInteger(r), o = 3 * Math.ceil(r - (a ? 1 : 0)), i = o === 0 ? "" : t[o];
+  }, r = Math.log(e) / Math.log(1e3), i = !Number.isInteger(r), a = 3 * Math.ceil(r - (i ? 1 : 0)), o = a === 0 ? "" : t[a];
   return {
-    scalar: e * 10 ** -o,
-    prefix: i,
-    multiplier: 10 ** -o
+    scalar: e * 10 ** -a,
+    prefix: o,
+    multiplier: 10 ** -a
   };
 }
-function J(e) {
+function Se(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function U(e) {
+function ae(e) {
   if (e < 60)
     return `${Math.round(e)} sec`;
-  const t = Math.round(e / 60), r = t % 60, a = Math.floor(t / 60);
-  return a ? `${a} hr ${r} min` : `${r} min`;
+  const t = Math.round(e / 60), r = t % 60, i = Math.floor(t / 60);
+  return i ? `${i} hr ${r} min` : `${r} min`;
 }
-function Q(e) {
+function Ee(e) {
   return e > 0 ? (662607004e-42 * 299792458 / (e * 1e-10) / 160218e-24 * 1e-3).toFixed(4) : 0;
 }
-function X(e, t) {
+function xe(e, t) {
   return Number.parseFloat(e.toFixed(t));
 }
-const me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  formatEng: Z,
-  round: X,
-  toEnergy: Q,
-  toHoursMins: U,
-  ucfirst: J
+  formatEng: Oe,
+  round: xe,
+  toEnergy: Ee,
+  toHoursMins: ae,
+  ucfirst: Se
 }, Symbol.toStringTag, { value: "Module" }));
-function ee(e) {
+function Me(e) {
   const { hardware: t } = e;
-  function r(u) {
+  function r(d) {
     t.requestChange({
       function: "reset"
     });
   }
-  const a = {
+  const i = {
     "Front End": "feitlk",
     Experimental: "expitlk",
     PSS: "pssitlk"
-  }, o = {
+  }, a = {
     Current: `${t.properties.current.toFixed(1)} mA`,
     Mode: t.properties.mode,
-    Refill: U(t.properties.refill),
+    Refill: ae(t.properties.refill),
     Message: /* @__PURE__ */ n("pre", { children: t.properties.message })
   };
-  function i(u) {
-    if (!(u in t.properties))
+  function o(d) {
+    if (!(d in t.properties))
       return "UNKNOWN";
-    const d = t.properties[u];
-    return !d || typeof d != "string" ? "UNKNOWN" : d;
+    const l = t.properties[d];
+    return !l || typeof l != "string" ? "UNKNOWN" : l;
   }
   return /* @__PURE__ */ n(
-    F,
+    V,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(v, { id: "popid", children: [
-        /* @__PURE__ */ l(v.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ l(v.Body, { children: [
+        /* @__PURE__ */ s(b.Body, { children: [
           /* @__PURE__ */ n("h6", { children: "Status" }),
           /* @__PURE__ */ n("pre", { children: t.properties.status }),
           /* @__PURE__ */ n("h6", { children: "Interlocks" }),
-          /* @__PURE__ */ n(z, { children: E(a, (u, d) => /* @__PURE__ */ l(L, { children: [
-            /* @__PURE__ */ l(D, { children: [
-              d,
+          /* @__PURE__ */ n(_, { children: C(i, (d, l) => /* @__PURE__ */ s(q, { children: [
+            /* @__PURE__ */ s(k, { children: [
+              l,
               ":"
             ] }),
-            /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
-              C,
+            /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
+              D,
               {
-                bg: i(u) === "ON" ? "success" : "danger",
-                children: i(u)
+                bg: o(d) === "ON" ? "success" : "danger",
+                children: o(d)
               }
             ) })
-          ] }, d)) }),
+          ] }, l)) }),
           /* @__PURE__ */ n("h6", { children: "Ring Status" }),
-          /* @__PURE__ */ n(z, { children: E(o, (u, d) => /* @__PURE__ */ l(L, { children: [
-            /* @__PURE__ */ l(D, { children: [
-              d,
+          /* @__PURE__ */ n(_, { children: C(a, (d, l) => /* @__PURE__ */ s(q, { children: [
+            /* @__PURE__ */ s(k, { children: [
+              l,
               ":"
             ] }),
-            /* @__PURE__ */ n(D, { children: u })
-          ] }, d)) }),
-          /* @__PURE__ */ n("div", { className: "d-grid gap-2", children: /* @__PURE__ */ n(m, { disabled: e.disabled, onClick: r, children: "Reset" }) })
+            /* @__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" }) })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(m, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ n(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function we(e) {
+function Et(e) {
   const { hardware: t, options: r = {} } = e;
-  function a(o) {
+  function i(a) {
     t.requestChange({
       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__ */ n(
         I,
         {
@@ -157,54 +157,54 @@ function we(e) {
       ),
       /* @__PURE__ */ n("div", { className: "name", children: t.name }),
       /* @__PURE__ */ n(
-        C,
+        D,
         {
           bg: t.properties.state === "OPEN" || t.properties.state === "RUNNING" ? "success" : "danger",
           children: t.properties.state
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ l(_, { className: "d-flex", children: [
+    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ s(re, { className: "d-flex", children: [
       /* @__PURE__ */ n(
-        m,
+        y,
         {
           variant: t.properties.frontend === "FE open" ? "danger" : "success",
-          onClick: a,
+          onClick: i,
           disabled: e.disabled,
           children: t.properties.frontend === "FE open" ? "Close" : "Open"
         }
       ),
-      /* @__PURE__ */ n(ee, { ...e })
+      /* @__PURE__ */ n(Me, { ...e })
     ] }) })
   ] });
 }
-function ge(e) {
+function xt(e) {
   const { hardware: t, options: r = {} } = e;
-  function a() {
-    const o = r.property;
-    if (o === void 0)
+  function i() {
+    const a = r.property;
+    if (a === void 0)
       return "property is not set";
-    if (o === null)
+    if (a === null)
       return "property is null";
-    let i = t;
-    for (const u of o.split("/"))
-      if (i = i[u], i === void 0)
-        return `property '${o}' not found`;
-    return `${i}`;
+    let o = t;
+    for (const d of a.split("/"))
+      if (o = o[d], o === void 0)
+        return `property '${a}' not found`;
+    return `${o}`;
   }
-  return /* @__PURE__ */ n(S, { children: a() });
+  return /* @__PURE__ */ n(v, { children: i() });
 }
-function A(e) {
+function Y(e) {
   const { headerMode: t, hardware: r } = e;
-  function a() {
+  function i() {
     return r.alias ? r.alias : r.name ? r.name : r.id;
   }
-  const o = a();
+  const a = i();
   switch (t) {
     case "front":
-      return /* @__PURE__ */ n("div", { className: "hw-component", children: /* @__PURE__ */ l("div", { className: "hw-single", children: [
+      return /* @__PURE__ */ n("div", { className: "hw-component", children: /* @__PURE__ */ s("div", { className: "hw-single", children: [
         e.widgetIcon,
-        /* @__PURE__ */ n("div", { className: "name", children: o }),
+        /* @__PURE__ */ n("div", { className: "name", children: a }),
         /* @__PURE__ */ n("div", { className: "d-inline-block", children: e.widgetContent })
       ] }) });
     case "none":
@@ -212,33 +212,33 @@ function A(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__ */ n("div", { className: "name", children: /* @__PURE__ */ n(N.Label, { htmlFor: r.id, children: o }) }),
+          /* @__PURE__ */ n("div", { className: "name", children: /* @__PURE__ */ n(N.Label, { htmlFor: r.id, children: a }) }),
           e.widgetState,
           e.hardware.errors && e.hardware.errors.length > 0 && /* @__PURE__ */ n(
-            F,
+            V,
             {
               trigger: "click",
               placement: "bottom",
               rootClose: !0,
-              overlay: /* @__PURE__ */ l(v, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
-                /* @__PURE__ */ n(v.Header, { children: "Device Errors" }),
-                /* @__PURE__ */ l(v.Body, { children: [
+              overlay: /* @__PURE__ */ s(b, { id: e.hardware.id, style: { maxWidth: 500 }, children: [
+                /* @__PURE__ */ n(b.Header, { children: "Device Errors" }),
+                /* @__PURE__ */ s(b.Body, { children: [
                   "There were errors with properties on this device:",
-                  /* @__PURE__ */ n("ul", { children: e.hardware.errors.map((i) => /* @__PURE__ */ l("li", { children: [
-                    i.property,
+                  /* @__PURE__ */ n("ul", { children: e.hardware.errors.map((o) => /* @__PURE__ */ s("li", { children: [
+                    o.property,
                     ":",
-                    /* @__PURE__ */ l("span", { className: "stack-trace", children: [
-                      i.traceback,
+                    /* @__PURE__ */ s("span", { className: "stack-trace", children: [
+                      o.traceback,
                       /* @__PURE__ */ n("br", {}),
-                      i.exception
+                      o.exception
                     ] })
                   ] })) })
                 ] })
               ] }),
-              children: /* @__PURE__ */ n(m, { variant: "danger", size: "sm", children: /* @__PURE__ */ n("i", { className: "fa fa-exclamation-triangle" }) })
+              children: /* @__PURE__ */ n(y, { variant: "danger", size: "sm", children: /* @__PURE__ */ n("i", { className: "fa fa-exclamation-triangle" }) })
             }
           )
         ] }),
@@ -246,42 +246,42 @@ function A(e) {
       ] });
   }
 }
-function q(e) {
+function W(e) {
   const t = {
     display: "inline-block",
     minWidth: ""
   };
-  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ n("div", { style: t, children: /* @__PURE__ */ n(C, { bg: e.variant, children: e.state }) });
+  return e.minWidth && (t.minWidth = `${e.minWidth}em`), /* @__PURE__ */ n("div", { style: t, children: /* @__PURE__ */ n(D, { bg: e.variant, children: e.state }) });
 }
-function W(e) {
+function oe(e) {
   const { hardware: t } = e;
   function r() {
     if (!t.online)
       return "OFFLINE";
-    let o = "UNKNOWN";
-    return e.hardware.properties.state && ([o] = e.hardware.properties.state), o;
+    let a = "UNKNOWN";
+    return e.hardware.properties.state && ([a] = e.hardware.properties.state), a;
   }
-  const a = r();
+  const i = r();
   return /* @__PURE__ */ n(
-    q,
+    W,
     {
-      state: a,
+      state: i,
       minWidth: 6,
-      variant: a === "READY" ? "success" : "warning"
+      variant: i === "READY" ? "success" : "warning"
     }
   );
 }
-function B(e) {
+function se(e) {
   const { hardware: t } = e;
   function r() {
     if (!t.online)
       return "OFFLINE";
-    const i = t.properties.state;
-    return e.useReadyState && (i === "OPEN" || i === "CLOSED") ? "READY" : i;
+    const o = t.properties.state;
+    return e.useReadyState && (o === "OPEN" || o === "CLOSED") ? "READY" : o;
   }
-  const a = r();
-  function o() {
-    switch (a) {
+  const i = r();
+  function a() {
+    switch (i) {
       case "READY":
         return "success";
       case "OPEN":
@@ -300,36 +300,36 @@ function B(e) {
         return "fatal";
     }
   }
-  return /* @__PURE__ */ n(q, { state: a, minWidth: 6, variant: o() });
+  return /* @__PURE__ */ n(W, { state: i, minWidth: 6, variant: a() });
 }
-const ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  HardwareState: q,
-  MotorState: W,
-  ShutterState: B
-}, Symbol.toStringTag, { value: "Module" })), te = H((e, t) => {
-  const r = M(null), [a, o] = O(e.step), i = (h) => {
-    const R = t;
+  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)
       return;
-    let $ = Number.parseFloat(R.current.value);
-    const P = Number.parseFloat(r.current.value);
-    $ += h ? P : -P, R.current.value = `${$}`, e.onStep && e.onStep({
-      target: R.current
+    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
     });
   }, {
-    onStep: u,
-    step: d,
-    overlay: g,
-    incIcon: w,
-    decIcon: s,
-    swapIncDec: c,
-    onKeyDown: f,
-    horizontalArrows: y,
-    largeArrows: V,
-    ...b
-  } = e, T = (h) => {
-    h.key === "ArrowUp" ? (h.preventDefault(), i(!0)) : h.key === "ArrowDown" ? (h.preventDefault(), i(!1)) : f && f(h);
+    onStep: d,
+    step: l,
+    overlay: h,
+    incIcon: u,
+    decIcon: c,
+    swapIncDec: f,
+    onKeyDown: m,
+    horizontalArrows: M,
+    largeArrows: K,
+    ...S
+  } = e, Z = (g) => {
+    g.key === "ArrowUp" ? (g.preventDefault(), o(!0)) : g.key === "ArrowDown" ? (g.preventDefault(), o(!1)) : m && m(g);
   };
   if (!e.step)
     return /* @__PURE__ */ n(
@@ -338,127 +338,127 @@ const ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ref: t,
         type: "number",
         step: "any",
-        onKeyDown: T,
-        ...b
+        onKeyDown: Z,
+        ...S
       }
     );
-  const j = E(e.steps || [e.step], (h) => /* @__PURE__ */ n("option", { value: h, children: h }, h));
+  const he = C(e.steps || [e.step], (g) => /* @__PURE__ */ n("option", { value: g, children: g }, g));
   return /* @__PURE__ */ n(
     "div",
     {
-      className: x("numeric-step", {
-        "numeric-step-large": V,
-        "numeric-step-horizontal": y
+      className: L("numeric-step", {
+        "numeric-step-large": K,
+        "numeric-step-horizontal": M
       }),
-      children: /* @__PURE__ */ l(p, { children: [
+      children: /* @__PURE__ */ s(x, { children: [
         /* @__PURE__ */ n(
           N.Control,
           {
-            onKeyDown: T,
+            onKeyDown: Z,
             ref: t,
             type: "number",
             step: "any",
-            ...b
+            ...S
           }
         ),
-        /* @__PURE__ */ l(S, { children: [
-          g,
-          !g && /* @__PURE__ */ l(p.Text, { className: "d-flex flex-column", children: [
+        /* @__PURE__ */ s(v, { children: [
+          h,
+          !h && /* @__PURE__ */ s(x.Text, { className: "d-flex flex-column", children: [
             /* @__PURE__ */ n(
               N.Control,
               {
                 ref: r,
                 as: "select",
                 className: "step-size",
-                defaultValue: a,
-                onChange: (h) => o(Number.parseFloat(h.target.value)),
-                children: j
+                defaultValue: i,
+                onChange: (g) => a(Number.parseFloat(g.target.value)),
+                children: he
               }
             ),
             e.unit && /* @__PURE__ */ n("div", { children: e.unit }),
-            !w && !s && /* @__PURE__ */ l(S, { children: [
+            !u && !c && /* @__PURE__ */ s(v, { children: [
               /* @__PURE__ */ n(
-                m,
+                y,
                 {
                   className: "step step-up",
                   disabled: e.disabled,
-                  onClick: (h) => i(!0)
+                  onClick: (g) => o(!0)
                 }
               ),
               /* @__PURE__ */ n(
-                m,
+                y,
                 {
                   className: "step step-down",
                   disabled: e.disabled,
-                  onClick: (h) => i(!1)
+                  onClick: (g) => o(!1)
                 }
               )
             ] })
           ] }),
-          s && c && /* @__PURE__ */ n(m, { disabled: e.disabled, onClick: (h) => i(!1), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${s}` }) }),
-          w && /* @__PURE__ */ n(m, { disabled: e.disabled, onClick: (h) => i(!0), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${w}` }) }),
-          s && !c && /* @__PURE__ */ n(m, { disabled: e.disabled, onClick: (h) => i(!1), children: /* @__PURE__ */ n("i", { className: `fa fa-fw fa-${s}` }) })
+          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}` }) })
         ] })
       ] })
     }
   );
-}), ne = te;
-function re(e) {
-  const t = M(null), [r, a] = O(!1), [o, i] = O(!1);
-  k(() => {
-    t.current && (e.hardwareValue === null ? t.current.value = "" : t.current.value = e.hardwareValue.toString(), a(!1));
+}), Ie = Ae;
+function ke(e) {
+  const t = $(null), [r, i] = A(!1), [a, o] = A(!1);
+  H(() => {
+    t.current && (e.hardwareValue === null ? t.current.value = "" : t.current.value = e.hardwareValue.toString(), i(!1));
   }, [e.hardwareValue]);
-  function u(c) {
-    let f = c;
-    e.precision !== void 0 && (f = Number.parseFloat(f).toFixed(e.precision)), t != null && t.current && (t.current.value = f);
+  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 d() {
+  function l() {
     r && setTimeout(() => {
-      u(e.hardwareValue), a(!1);
+      d(e.hardwareValue), i(!1);
     }, 3e3);
   }
-  function g(c) {
-    e.hardwareValue !== null && (a(!0), t != null && t.current && (t.current.value = c.target.value), c.target.value === e.hardwareValue.toString() && a(!1));
+  function h(f) {
+    e.hardwareValue !== null && (i(!0), t != null && t.current && (t.current.value = f.target.value), f.target.value === e.hardwareValue.toString() && i(!1));
   }
-  function w(c) {
-    a(!1), e.onMoveRequested(c.target.value);
+  function u(f) {
+    i(!1), e.onMoveRequested(f.target.value);
   }
-  function s(c) {
-    switch (c.key) {
+  function c(f) {
+    switch (f.key) {
       case "Enter":
         {
-          a(!1);
-          const f = Number.parseFloat(c.target.value), y = e.onMoveRequested(f);
-          y && y.catch(() => {
-            i(!0), setTimeout(() => {
-              u(e.hardwareValue), i(!1);
+          i(!1);
+          const m = Number.parseFloat(f.target.value), M = e.onMoveRequested(m);
+          M && M.catch(() => {
+            o(!0), setTimeout(() => {
+              d(e.hardwareValue), o(!1);
             }, 2e3);
           });
         }
-        c.preventDefault(), c.stopPropagation();
+        f.preventDefault(), f.stopPropagation();
         break;
       case "Esc":
       case "Escape":
-        r && (i(!1), a(!1), u(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
+        r && (o(!1), i(!1), d(e.hardwareValue)), f.target.blur(), f.preventDefault(), f.stopPropagation();
         break;
     }
   }
   return /* @__PURE__ */ n(
-    ne,
+    Ie,
     {
       id: e.id,
-      className: x({
+      className: L({
         "form-control-edited": r,
-        "form-control-error": o,
+        "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
       }),
       type: e.readOnly ? "text" : "number",
       ref: t,
       precision: e.precision,
-      onChange: g,
-      onBlur: d,
-      onStep: w,
-      onKeyDown: s,
+      onChange: h,
+      onBlur: l,
+      onStep: u,
+      onKeyDown: c,
       disabled: e.hardwareIsDisabled || e.readOnly || !e.hardwareIsReady,
       step: e.step,
       steps: e.steps,
@@ -467,154 +467,154 @@ function re(e) {
       swapIncDec: e.swapIncDec,
       horizontalArrows: e.horizontalArrows,
       largeArrows: e.largeArrows,
-      overlay: e.hardwareIsMoving && !e.hardwareIsDisabled ? /* @__PURE__ */ n(m, { variant: "danger", onClick: e.onAbortRequested, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) }) : null
+      overlay: e.hardwareIsMoving && !e.hardwareIsDisabled ? /* @__PURE__ */ n(y, { variant: "danger", onClick: e.onAbortRequested, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) }) : null
     }
   );
 }
-function G(e) {
-  const t = M(null), [r, a] = O(!1), [o, i] = O(!1);
-  function u(s) {
-    return e.precision !== void 0 ? Number.parseFloat(s).toFixed(e.precision) : s;
+function te(e) {
+  const t = $(null), [r, i] = A(!1), [a, o] = A(!1);
+  function d(c) {
+    return e.precision !== void 0 ? Number.parseFloat(c).toFixed(e.precision) : c;
   }
-  k(() => {
-    var s;
-    t.current && (t.current.value = u((s = e.hardwareValue) == null ? void 0 : s.toString()), a(!1));
+  H(() => {
+    var c;
+    t.current && (t.current.value = d((c = e.hardwareValue) == null ? void 0 : c.toString()), i(!1));
   }, [e.hardwareValue, e.precision]);
-  function d(s) {
-    const c = u(s);
-    t != null && t.current && (t.current.value = c);
+  function l(c) {
+    const f = d(c);
+    t != null && t.current && (t.current.value = f);
   }
-  function g(s) {
-    switch (s.key) {
+  function h(c) {
+    switch (c.key) {
       case "Enter": {
-        a(!1);
-        const c = Number.parseFloat(s.target.value), f = e.onMoveRequested(c);
-        f && f.catch(() => {
-          i(!0), setTimeout(() => {
-            d(e.hardwareValue), i(!1);
+        i(!1);
+        const f = Number.parseFloat(c.target.value), m = e.onMoveRequested(f);
+        m && m.catch(() => {
+          o(!0), setTimeout(() => {
+            l(e.hardwareValue), o(!1);
           }, 2e3);
-        }), s.preventDefault(), s.stopPropagation();
+        }), c.preventDefault(), c.stopPropagation();
         break;
       }
       case "Esc":
       case "Escape":
-        r && (i(!1), a(!1), d(e.hardwareValue)), s.target.blur(), s.preventDefault(), s.stopPropagation();
+        r && (o(!1), i(!1), l(e.hardwareValue)), c.target.blur(), c.preventDefault(), c.stopPropagation();
         break;
     }
   }
-  function w(s) {
-    a(!0), s.target, t != null && t.current && (t.current.value = s.target.value), s.target.value === e.hardwareValue.toString() && a(!1);
+  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(
     N.Control,
     {
-      className: x({
+      className: L({
         "form-control-edited": r,
-        "form-control-error": o,
+        "form-control-error": a,
         "hw-moving": e.hardwareIsMoving
       }),
       type: "number",
       ref: t,
-      onChange: w,
-      onKeyDown: g,
+      onChange: u,
+      onKeyDown: h,
       disabled: e.readOnly || e.hardwareIsMoving || e.hardwareIsDisabled,
       step: e.step
     }
   );
 }
-function ae(e) {
-  function t(o) {
+function De(e) {
+  function t(a) {
     return e.hardware.requestChange({
       property: "velocity",
-      value: o
+      value: a
     });
   }
-  function r(o) {
+  function r(a) {
     return e.hardware.requestChange({
       property: "acceleration",
-      value: o
+      value: a
     });
   }
-  let a = "UNKNOWN";
-  return e.hardware.properties.state && ([a] = e.hardware.properties.state), /* @__PURE__ */ n(
-    F,
+  let i = "UNKNOWN";
+  return e.hardware.properties.state && ([i] = e.hardware.properties.state), /* @__PURE__ */ n(
+    V,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(v, { id: "popid", children: [
-        /* @__PURE__ */ l(v.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           e.hardware.name,
           " details"
         ] }),
-        /* @__PURE__ */ l(v.Body, { children: [
-          /* @__PURE__ */ l(N.Group, { children: [
+        /* @__PURE__ */ s(b.Body, { children: [
+          /* @__PURE__ */ s(N.Group, { children: [
             /* @__PURE__ */ n(N.Label, { children: "Velocity" }),
             /* @__PURE__ */ n(
-              G,
+              te,
               {
                 hardwareValue: e.hardware.properties.velocity,
                 onMoveRequested: t,
                 hardwareIsDisabled: e.disabled,
-                hardwareIsReady: a === "READY",
-                hardwareIsMoving: a === "MOVING",
+                hardwareIsReady: i === "READY",
+                hardwareIsMoving: i === "MOVING",
                 readOnly: e.readOnly
               }
             )
           ] }),
-          /* @__PURE__ */ l(N.Group, { children: [
+          /* @__PURE__ */ s(N.Group, { children: [
             /* @__PURE__ */ n(N.Label, { children: "Acceleration" }),
             /* @__PURE__ */ n(
-              G,
+              te,
               {
                 hardwareValue: e.hardware.properties.acceleration,
                 onMoveRequested: r,
                 hardwareIsDisabled: e.disabled,
-                hardwareIsReady: a === "READY",
-                hardwareIsMoving: a === "MOVING",
+                hardwareIsReady: i === "READY",
+                hardwareIsMoving: i === "MOVING",
                 readOnly: e.readOnly
               }
             )
           ] })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function Ne(e) {
+function At(e) {
   const { hardware: t, options: r = {} } = e;
-  function a() {
+  function i() {
     t.requestChange({
       function: "stop"
     });
   }
-  function o(w) {
+  function a(u) {
     return t.requestChange({
       property: "position",
-      value: w,
+      value: u,
       function: "move"
     });
   }
-  let i = "UNKNOWN";
-  e.hardware.properties.state && ([i] = e.hardware.properties.state);
-  const u = /* @__PURE__ */ n(I, { name: "Motor", icon: "fam-hardware-motor", online: t.online }), d = /* @__PURE__ */ n(W, { hardware: t }), g = e.options ? e.options.header : "top";
+  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(
-    A,
+    Y,
     {
       hardware: t,
-      widgetIcon: u,
-      widgetState: d,
-      widgetContent: /* @__PURE__ */ l(p, { children: [
+      widgetIcon: d,
+      widgetState: l,
+      widgetContent: /* @__PURE__ */ s(x, { children: [
         /* @__PURE__ */ n(
-          re,
+          ke,
           {
             id: t.id,
             hardwareValue: t.properties.position,
             hardwareIsDisabled: e.disabled,
-            hardwareIsReady: i === "READY",
-            hardwareIsMoving: i === "MOVING",
-            onMoveRequested: o,
-            onAbortRequested: a,
+            hardwareIsReady: o === "READY",
+            hardwareIsMoving: o === "MOVING",
+            onMoveRequested: a,
+            onAbortRequested: i,
             precision: r.precision,
             readOnly: r.readOnly,
             step: r.step,
@@ -626,48 +626,48 @@ function Ne(e) {
             largeArrows: r.largearrows
           }
         ),
-        t.properties.unit && /* @__PURE__ */ n(p.Text, { children: t.properties.unit }),
-        i !== "MOVING" && r.extended && /* @__PURE__ */ n(
-          ae,
+        t.properties.unit && /* @__PURE__ */ n(x.Text, { children: t.properties.unit }),
+        o !== "MOVING" && r.extended && /* @__PURE__ */ n(
+          De,
           {
             hardware: t,
             disabled: e.disabled,
             readOnly: r.readOnly
           }
         ),
-        i === "MOVING" && !e.disabled && !r.step && /* @__PURE__ */ n(m, { variant: "danger", onClick: a, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) })
+        o === "MOVING" && !e.disabled && !r.step && /* @__PURE__ */ n(y, { variant: "danger", onClick: i, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) })
       ] }),
-      headerMode: g
+      headerMode: h
     }
   );
 }
-function be(e) {
-  const { hardware: t, options: r = {} } = e, a = M(null);
-  k(() => {
-    if (!a.current) {
+function It(e) {
+  const { hardware: t, options: r = {} } = e, i = $(null);
+  H(() => {
+    if (!i.current) {
       console.error("selectionRef ref is unset");
       return;
     }
-    a.current.value = t.properties.position;
+    i.current.value = t.properties.position;
   }, [t.properties.position]);
-  function o(d) {
-    if (console.debug("change", d), !a || !a.current) {
+  function a(l) {
+    if (console.debug("change", l), !i || !i.current) {
       console.error("selection ref is unset");
       return;
     }
     t.requestChange({
-      value: a.current.value,
+      value: i.current.value,
       function: "move"
     });
   }
-  function i(d) {
+  function o(l) {
     t.requestChange({
       function: "stop"
     });
   }
-  const u = E(t.properties.positions, (d) => /* @__PURE__ */ n("option", { title: d.description, children: d.position }, d.position));
-  return /* @__PURE__ */ l("div", { className: "hw-component", children: [
-    /* @__PURE__ */ l("div", { className: "hw-head", children: [
+  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(
         I,
         {
@@ -678,42 +678,42 @@ function be(e) {
       ),
       /* @__PURE__ */ n("div", { className: "name", children: t.name }),
       /* @__PURE__ */ n(
-        C,
+        D,
         {
           bg: t.properties.state === "READY" ? "success" : "warning",
           children: t.properties.state
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ l(p, { children: [
-      /* @__PURE__ */ l(
+    /* @__PURE__ */ n("div", { className: "hw-content", children: /* @__PURE__ */ s(x, { children: [
+      /* @__PURE__ */ s(
         N.Control,
         {
           className: "custom-select",
           as: "select",
-          ref: a,
+          ref: i,
           disabled: e.disabled,
           defaultValue: t.properties.position,
           children: [
             /* @__PURE__ */ n("option", { disabled: !0, children: "unknown" }),
-            u
+            d
           ]
         }
       ),
-      t.properties.state !== "MOVING" && /* @__PURE__ */ n(m, { onClick: o, disabled: e.disabled, children: "Move" }),
-      t.properties.state === "MOVING" && !e.disabled && /* @__PURE__ */ n(m, { variant: "danger", onClick: i, children: /* @__PURE__ */ n("i", { className: "fa fa-times" }) })
+      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" }) })
     ] }) })
   ] });
 }
-const ie = K("daiquiri.components.hardware.NoObject");
-function pe(e) {
+const $e = Ne("daiquiri.components.hardware.NoObject");
+function kt(e) {
   if (e.options.emptyifnone)
-    return ie(
+    return $e(
       'Component id:"%s" name:"%s" not displayed cause setup with emptyifnone.',
       e.id,
       e.name
-    ), /* @__PURE__ */ n(S, {});
-  const t = /* @__PURE__ */ n(I, { name: "NoObject", icon: "fam-hardware-any", online: !1 }), r = /* @__PURE__ */ n(S, {}), a = /* @__PURE__ */ n(S, { children: "Missing" }), o = e.options ? e.options.header : "top", i = {
+    ), /* @__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 = {
     id: e.id,
     name: e.name ?? "",
     alias: null,
@@ -722,103 +722,103 @@ function pe(e) {
     type: ""
   };
   return /* @__PURE__ */ n(
-    A,
+    Y,
     {
-      hardware: i,
+      hardware: o,
       widgetIcon: t,
       widgetState: r,
-      widgetContent: a,
-      headerMode: o
+      widgetContent: i,
+      headerMode: a
     }
   );
 }
-function oe(e) {
+function Fe(e) {
   const t = e.online ? "READY" : "OFFLINE";
-  return /* @__PURE__ */ n(C, { bg: t === "READY" ? "success" : "warning", children: t });
+  return /* @__PURE__ */ n(D, { bg: t === "READY" ? "success" : "warning", children: t });
 }
-function ye(e) {
-  const { hardware: t, options: r = {} } = e, a = /* @__PURE__ */ n(I, { name: "Optic", icon: "fa-cog", online: t.online }), o = /* @__PURE__ */ n(oe, { ...t });
-  function i() {
-    const s = r.property;
-    if (s === void 0)
+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 o() {
+    const c = r.property;
+    if (c === void 0)
       return "property is not set";
-    if (s === null)
+    if (c === null)
       return "property is null";
-    let c = t;
-    for (const f of s.split("/"))
-      if (c = c[f], c === void 0)
-        return `property '${s}' not found`;
-    return `${c}`;
-  }
-  function u() {
-    const s = r.unit;
-    if (!s)
+    let f = t;
+    for (const m of c.split("/"))
+      if (f = f[m], f === void 0)
+        return `property '${c}' not found`;
+    return `${f}`;
+  }
+  function d() {
+    const c = r.unit;
+    if (!c)
       return null;
-    if (!s.includes("properties"))
-      return s;
-    let c = e;
-    for (const f of s.split("/"))
-      if (c = c[f], c === void 0)
+    if (!c.includes("properties"))
+      return c;
+    let f = e;
+    for (const m of c.split("/"))
+      if (f = f[m], f === void 0)
         return null;
-    return `${c}`;
+    return `${f}`;
   }
-  const d = u(), g = /* @__PURE__ */ l(p, { children: [
-    /* @__PURE__ */ n(N.Control, { value: i(), readOnly: !0 }),
-    d && /* @__PURE__ */ n(p.Text, { children: d })
-  ] }), w = e.options.header || "top";
+  const l = d(), h = /* @__PURE__ */ s(x, { children: [
+    /* @__PURE__ */ n(N.Control, { value: o(), readOnly: !0 }),
+    l && /* @__PURE__ */ n(x.Text, { children: l })
+  ] }), u = e.options.header || "top";
   return /* @__PURE__ */ n(
-    A,
+    Y,
     {
       hardware: t,
-      widgetIcon: a,
-      widgetState: o,
-      widgetContent: g,
-      headerMode: w
+      widgetIcon: i,
+      widgetState: a,
+      widgetContent: h,
+      headerMode: u
     }
   );
 }
-function se(e) {
+function Re(e) {
   const { hardware: t } = e, r = () => {
     t.requestChange({
       function: "reset"
     });
   };
   return /* @__PURE__ */ n(
-    F,
+    V,
     {
       trigger: "click",
       rootClose: !0,
-      overlay: /* @__PURE__ */ l(v, { id: "popid", children: [
-        /* @__PURE__ */ l(v.Header, { children: [
+      overlay: /* @__PURE__ */ s(b, { id: "popid", children: [
+        /* @__PURE__ */ s(b.Header, { children: [
           t.name,
           " Details"
         ] }),
-        /* @__PURE__ */ l(v.Body, { children: [
+        /* @__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(m, { onClick: r, disabled: e.disabled, children: "Reset" }) })
+          /* @__PURE__ */ n("div", { className: "d-grid gap-2", children: /* @__PURE__ */ n(y, { onClick: r, disabled: e.disabled, children: "Reset" }) })
         ] })
       ] }),
-      children: /* @__PURE__ */ n(m, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
+      children: /* @__PURE__ */ n(y, { className: "flex-grow-0", title: "Shutter Details", children: /* @__PURE__ */ n("i", { className: "fa fa-ellipsis-h" }) })
     }
   );
 }
-function Se(e) {
-  const { hardware: t, options: r = {} } = e, a = /* @__PURE__ */ n(
+function $t(e) {
+  const { hardware: t, options: r = {} } = e, i = /* @__PURE__ */ n(
     I,
     {
       name: "Shutter",
       icon: "fam-hardware-shutter",
       online: t.online
     }
-  ), o = /* @__PURE__ */ n(B, { hardware: t });
-  function i() {
+  ), a = /* @__PURE__ */ n(se, { hardware: t });
+  function o() {
     return t.properties ? t.properties.state : "UNKNOWN";
   }
-  function u(b) {
-    return b === "OPEN" ? ["Close", "close"] : b === "CLOSED" ? ["Open", "open"] : b === "DISABLED" || b === "STANDBY" || b === "FAULT" ? ["Closed", ""] : b === "MOVING" ? ["...", ""] : ["Unknown", ""];
+  function d(S) {
+    return S === "OPEN" ? ["Close", "close"] : S === "CLOSED" ? ["Open", "open"] : S === "DISABLED" || S === "STANDBY" || S === "FAULT" ? ["Closed", ""] : S === "MOVING" ? ["...", ""] : ["Unknown", ""];
   }
-  const d = i(), [g, w] = u(d), c = {
+  const l = o(), [h, u] = d(l), f = {
     OPEN: "danger",
     CLOSED: "success",
     MOVING: "warning",
@@ -826,49 +826,58 @@ function Se(e) {
     STANDBY: "danger",
     FAULT: "fatal",
     UNKNOWN: "warning"
-  }[d] || "danger";
-  function f() {
+  }[l] || "danger";
+  function m() {
     t.requestChange({
-      function: w
+      function: u
     });
   }
-  const y = /* @__PURE__ */ l(_, { className: "d-flex flex-nowrap", children: [
+  const M = /* @__PURE__ */ s(re, { className: "d-flex flex-nowrap", children: [
     /* @__PURE__ */ n(
-      m,
+      y,
       {
-        variant: c,
-        onClick: f,
-        disabled: e.disabled || w === "",
-        children: g
+        variant: f,
+        onClick: m,
+        disabled: e.disabled || u === "",
+        children: h
       }
     ),
-    r.extended && /* @__PURE__ */ n(se, { ...e })
-  ] }), V = e.options.header || "top";
+    r.extended && /* @__PURE__ */ n(Re, { ...e })
+  ] }), K = e.options.header || "top";
   return /* @__PURE__ */ n(
-    A,
+    Y,
     {
       hardware: t,
-      widgetIcon: a,
-      widgetState: o,
-      widgetContent: y,
-      headerMode: V
+      widgetIcon: i,
+      widgetState: a,
+      widgetContent: M,
+      headerMode: K
     }
   );
 }
-function Oe(e) {
-  const [t, r] = O({}), a = M(null);
-  return k(() => {
-    if (a.current) {
-      const o = a.current;
+class Ft extends ie {
+  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 });
+  }
+}
+function _e(e) {
+  const [t, r] = A({}), i = $(null);
+  return H(() => {
+    if (i.current) {
+      const a = i.current;
       r({
-        width: o.clientWidth,
-        height: o.clientHeight
+        width: a.clientWidth,
+        height: a.clientHeight
       });
     }
   }, []), /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
+      ref: i,
       style: { width: "100%", height: "100%" },
       className: e.className,
       children: t.width > 0 && /* @__PURE__ */ n(
@@ -886,28 +895,670 @@ function Oe(e) {
     }
   );
 }
-const Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), _t = /* @__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 Pe(e) {
+  return /* @__PURE__ */ n("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 }) });
+}
+p.Header = Te;
+p.Contents = Pe;
+const R = {};
+function Ve(e, t) {
+  R[e] = t;
+}
+function O(e, t, r = !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);
+}
+function He({
+  children: e,
+  key: t,
+  panel: r,
+  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(
+    e,
+    (a) => ye(a) ? ve(a, { key: t, ...a.props }) : void 0
+  ) });
+}
+function le(e, t) {
+  const { _parentNode: r, _indexFromParent: i, ...a } = t;
+  if (e && Object.keys(a).length > 0)
+    throw new T(e, Object.keys(a));
+}
+class F extends Error {
+  constructor(t, r) {
+    super(t), this.yamlNode = r;
+  }
+}
+class T extends F {
+  constructor(t, r) {
+    super(`Unexpected keys: ${r.join(", ")}`, t), this.keys = r;
+  }
+}
+class P extends F {
+  constructor(t, r) {
+    super(`Keys ${r.join(", ")} are missing`, t), this.keys = r;
+  }
+}
+class w extends F {
+  constructor(t, r, i) {
+    super(`Key ${r} error: ${i}`, t), this.key = r, this.keyMessage = i;
+  }
+}
+function Le(e) {
+  let t = e;
+  for (; t._parentNode; )
+    t = t._parentNode;
+  return t;
+}
+function Ye(e) {
+  const t = [];
+  let r = e;
+  for (; r; )
+    t.push({
+      node: r,
+      indexFromParent: r._indexFromParent
+    }), r = r._parentNode;
+  return t.reverse(), t;
+}
+function ce(e, t = null, r = null) {
+  if (e._parentNode)
+    throw new Error(
+      "Attribute _parentNode was already defined by the yml layout."
+    );
+  const i = {
+    ...e,
+    _parentNode: t,
+    _indexFromParent: r
+  };
+  if (e.children) {
+    const a = [...e.children];
+    Object.freeze(a), i.children = a.map((o, d) => ce(o, i, d));
+  }
+  return Object.freeze(i), i;
+}
+function je(e) {
+  return /* @__PURE__ */ n(E, { variant: "danger", children: e.message });
+}
+function Ke(e) {
+  const { error: t } = e;
+  if (!(t instanceof F))
+    return /* @__PURE__ */ n(v, {});
+  function r(o, d = 3) {
+    const l = Ye(o.yamlNode), h = [];
+    let u = "";
+    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}...`,
+        `${u}# children number ${m ?? 0 + 1}`
+      ), h.push(`${u}- type: ${f.type}`), u += " ".repeat(2);
+    }
+    return o instanceof T ? o.keys.forEach((c) => {
+      h.push(
+        `${u}${c}: ...  ${" ".repeat(
+          50 - u.length - c.length
+        )}<-- unexpected key`
+      );
+    }) : o instanceof P ? o.keys.forEach((c) => {
+      h.push(
+        `${u}???:  ${" ".repeat(
+          50 - u.length - c.length
+        )}<-- key **${c}** is expected`
+      );
+    }) : o instanceof w && 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 o = t.keys.length === 1 ? "key" : "keys";
+    return /* @__PURE__ */ s(E, { variant: "danger", children: [
+      "Unexpected ",
+      o,
+      " ",
+      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
+        l !== 0 && ", ",
+        /* @__PURE__ */ n("b", { children: d })
+      ] })),
+      " ",
+      "from the layout name ",
+      /* @__PURE__ */ n("b", { children: a }),
+      ".",
+      /* @__PURE__ */ n("br", {}),
+      /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
+      /* @__PURE__ */ n("br", {})
+    ] });
+  }
+  if (t instanceof P) {
+    const o = t.keys.length === 1 ? "Key" : "Keys";
+    return /* @__PURE__ */ s(E, { variant: "danger", children: [
+      "Expected ",
+      o,
+      " ",
+      t.keys.map((d, l) => /* @__PURE__ */ s(v, { children: [
+        l !== 0 && ", ",
+        /* @__PURE__ */ n("b", { children: d })
+      ] })),
+      " ",
+      "from the layout name ",
+      /* @__PURE__ */ n("b", { children: a }),
+      ".",
+      /* @__PURE__ */ n("br", {}),
+      /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
+      /* @__PURE__ */ n("br", {})
+    ] });
+  }
+  return t instanceof w ? /* @__PURE__ */ s(E, { variant: "danger", children: [
+    "Error on key ",
+    /* @__PURE__ */ n("b", { children: t.key }),
+    " from the layout name ",
+    /* @__PURE__ */ n("b", { children: a }),
+    ".",
+    /* @__PURE__ */ n("br", {}),
+    /* @__PURE__ */ n("pre", { className: "mt-3", children: r(t) }),
+    /* @__PURE__ */ n("br", {})
+  ] }) : /* @__PURE__ */ n(je, { ...e });
+}
+const ne = {
+  hasError: !1,
+  message: "",
+  error: void 0
+};
+class ze extends ie {
+  constructor(t) {
+    super(t), this.reload = () => {
+      window.location.reload();
+    }, this.state = ne;
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(t) {
+    t instanceof F && 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);
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ s(_, { className: "mt-2", children: [
+      /* @__PURE__ */ n("h4", { children: "Something went wrong" }),
+      /* @__PURE__ */ n(
+        Ke,
+        {
+          message: this.state.message,
+          error: this.state.error
+        }
+      ),
+      /* @__PURE__ */ s("p", { children: [
+        "This error has been logged. Please",
+        " ",
+        /* @__PURE__ */ s(y, { size: "sm", onClick: this.reload, children: [
+          /* @__PURE__ */ n("i", { className: "fa fa-refresh" }),
+          " Reload"
+        ] }),
+        " ",
+        "the application"
+      ] })
+    ] }) : this.props.children;
+  }
+}
+function qe(e, t, r) {
+  if (e && r === void 0)
+    throw new P(e, [t]);
+}
+function Ge(e, t, r) {
+  if (typeof r != "string")
+    throw new w(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 Be(e, t, r) {
+  if (typeof r != "number")
+    throw new w(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 de(e, t, r) {
+  if (r !== void 0 && typeof r != "string")
+    throw new w(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) => {
+    if (typeof i != "string")
+      throw new w(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(
+        e,
+        t,
+        "An optional string or list of string is expected"
+      );
+    r.forEach((i) => {
+      if (typeof i != "string")
+        throw new w(
+          e,
+          t,
+          "An optional string or list of string is expected"
+        );
+    });
+  }
+}
+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) => {
+      if (typeof i != "string")
+        throw new w(
+          e,
+          t,
+          "A optional list of string is expected"
+        );
+    });
+  }
+}
+function ue(e, t, r) {
+  if (r !== void 0 && typeof r != "number")
+    throw new w(e, t, "An optional number is expected");
+}
+function Qe(e, t, r) {
+  if (r !== void 0) {
+    if (!Array.isArray(r))
+      throw new w(
+        e,
+        t,
+        "An optional list of numbers is expected"
+      );
+    r.forEach((i) => {
+      if (typeof i != "number")
+        throw new w(
+          e,
+          t,
+          "An optional list of numbers is expected"
+        );
+    });
+  }
+}
+function j(e, t) {
+  const { _parentNode: r, _indexFromParent: i, ...a } = t;
+  if (e && Object.keys(a).length > 0)
+    throw new T(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 et(e, t, r) {
+  if (r !== void 0 && r !== "h5web" && r !== "plotly")
+    throw new w(e, t, '"h5web" or "plotly" string is expected');
+}
+const Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  assertBoolean: Ue,
+  assertDataCollectionId: Xe,
+  assertKeyExpected: qe,
+  assertNoUnknownKeys: j,
+  assertNumber: Be,
+  assertOptionalBackend: et,
+  assertOptionalBoolean: G,
+  assertOptionalNumber: ue,
+  assertOptionalNumberList: Qe,
+  assertOptionalString: de,
+  assertOptionalStringList: Je,
+  assertOptionalStringOrStringList: Ze,
+  assertString: Ge,
+  assertStringList: We
+}, 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,
+    {
+      className: L("yamymllayout-col", { col: !!a }),
+      style: i,
+      xs: a,
+      children: C(e.children, (l, h) => O(l, h, t))
+    }
+  );
+}
+const U = {};
+function Pt(e, t) {
+  U[e] = t;
+}
+function rt(e, t) {
+  if (t === void 0)
+    throw new P(e, ["id"]);
+  if (typeof t.id != "string")
+    throw new w(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) => {
+      try {
+        rt(e, i);
+      } catch {
+        throw new w(
+          e,
+          "ids",
+          `The hardware description ${a} is wrong`
+        );
+      }
+    });
+  }
+}
+function at(e) {
+  const {
+    providers: t = {},
+    yamlNode: r,
+    ids: i,
+    groupid: a,
+    even: o,
+    nowrap: d,
+    ...l
+  } = 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(
+    h,
+    {
+      providers: t,
+      ids: i,
+      groupid: a,
+      nowrap: d || !1,
+      even: o || !1
+    }
+  );
+}
+const B = {
+  hardwaregroup: at
+};
+function Vt(e, t) {
+  B[e] = t;
+}
+function ot(e) {
+  const { yamlNode: t, panel: r } = e, { type: i, style: a, scroll: o, title: d, ...l } = t;
+  if (!(i in B))
+    return /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(p.Contents, { children: /* @__PURE__ */ s(E, { 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(
+      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)
+    );
+  }), 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 });
+}
+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 ht(e) {
+  const { node: t, state: r, row: i } = e, { title: a } = t;
+  function o() {
+    if (t.id)
+      return t.id;
+  }
+  function d() {
+    if (a !== void 0)
+      return a;
+    if (t.type === "hardware") {
+      const h = o(), u = {
+        _parentNode: t._parentNode,
+        _indexFromParent: t._indexFromParent,
+        type: "hardware",
+        id: h,
+        variant: "name",
+        emptyifnone: !0
+      };
+      return O(u, "a", !1);
+    }
+    return "";
+  }
+  const l = d();
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ n(
+          "h5",
+          {
+            style: {
+              margin: "0px",
+              whiteSpace: "nowrap"
+            },
+            children: l
+          }
+        ),
+        r && /* @__PURE__ */ n("div", { style: { position: "relative", top: -5 }, children: r })
+      ]
+    }
+  );
+}
+function ft(e) {
+  const { node: t, row: r } = e, {
+    titlealign: i,
+    title: a,
+    stateinheader: o = !1,
+    variant: d,
+    id: l,
+    ...h
+  } = t;
+  let u, c;
+  if (h.type === "hardware")
+    if (u = {
+      ...h,
+      id: l,
+      variant: d
+    }, o) {
+      const f = {
+        ...h,
+        id: l,
+        variant: "state",
+        emptyifnone: !0
+      };
+      c = O(f, "k", !1);
+    } else
+      c = null;
+  else
+    u = h, c = null;
+  return /* @__PURE__ */ s(v, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        style: {
+          gridColumn: 1,
+          alignSelf: i ?? "center"
+        },
+        children: /* @__PURE__ */ n(ht, { node: t, state: c, row: r })
+      }
+    ),
+    /* @__PURE__ */ n("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(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "min-content auto"
+        },
+        children: C(a, (h, u) => h.type === "formheader" ? /* @__PURE__ */ n(
+          ut,
+          {
+            node: h,
+            row: u
+          },
+          u
+        ) : /* @__PURE__ */ n(ft, { node: h, row: u }, u))
+      }
+    ) })
+  ] });
+}
+function pt(e) {
+  const { yamlNode: t, panel: r } = e;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "ymllayout-grid",
+      style: {
+        gridTemplateColumns: t.columns,
+        gridTemplateRows: t.rows
+      },
+      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(
+            "div",
+            {
+              className: "ymllayout-grid-cell",
+              style: {
+                gridColumn: h,
+                gridRow: u
+              },
+              children: O(l, a, r)
+            },
+            a
+          );
+        }),
+        " "
+      ]
+    }
+  );
+}
+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
+};
+Object.entries(gt).forEach(([e, t]) => {
+  Ve(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: [
+        "File: ",
+        t.name
+      ] }),
+      /* @__PURE__ */ n(E, { variant: "warning", children: /* @__PURE__ */ n("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)) }) });
+}
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  me as Formatting,
-  we as Frontend,
-  Oe as FullSizer,
-  G as HardwareInputNumber,
-  re as HardwareNumericStep,
-  Ce as HardwareSchema,
-  ve as HardwareState,
-  A as HardwareTemplate,
-  Ie as HardwareTypes,
-  ge as Info,
-  Ne as MotorDefault,
-  be as Multiposition,
-  pe as NoObject,
-  ne as NumericStep,
-  ye as Property,
-  Se as ShutterDefault,
-  I as TypeIcon
+  St as Formatting,
+  Et as Frontend,
+  _e as FullSizer,
+  Lt as HWObject,
+  te as HardwareInputNumber,
+  ke as HardwareNumericStep,
+  _t as HardwareSchema,
+  Mt 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,
+  I as TypeIcon,
+  Ht as YAMLLayout,
+  Tt as YamlAsserts,
+  Pt as registerHardwareComponent,
+  Vt as registerYamlComponent,
+  Ve as registerYamlType
 };
 //# sourceMappingURL=index.esm.js.map