@kvaser/canking-api 7.1.0-beta.231

package/dist/controls.mjs

@@ -0,0 +1,1714 @@
+import { u as G, a as Se, b as z, c as Fe, d as Ie } from "./index.mjs";
+import { C as Pt, D as Wt, L as Ut, g as Ot, f as Kt, M as Xt, O as qt, R as Yt, U as jt, W as Gt, e as Ht, r as Jt } from "./index.mjs";
+import { jsx as s, Fragment as H, jsxs as k } from "react/jsx-runtime";
+import te, { useCallback as S, useState as D, useMemo as P, useEffect as W, useRef as Me } from "react";
+import { FormControlLabel as he, Checkbox as Ae, styled as U, Button as $e, MenuItem as ae, IconButton as ve, Popover as Re, FormControl as pe, Stack as ge, TextField as Le, InputAdornment as se, Radio as ye, RadioGroup as Be, Box as V, Divider as we, Tooltip as Z, InputLabel as Ee, Select as _e, FormHelperText as ke, ListSubheader as Te, TableContainer as De, Table as Pe, TableHead as We, TableRow as ie, TableCell as de, TableBody as Ue, Toolbar as Oe, Typography as me, ToggleButtonGroup as Ke, toggleButtonGroupClasses as ce, ButtonGroup as Xe, buttonGroupClasses as J, Paper as qe, ToggleButton as Ye, Menu as je, ListItemIcon as Ge, ListItemText as ue } from "@mui/material";
+import { LineArrowDownIcon as be, LineArrowUpIcon as He } from "./icons.mjs";
+import oe from "fast-deep-equal";
+import "long";
+import { C as X, W as Je } from "./measurement_settings.mjs";
+function Ce({
+  id: e = void 0,
+  label: t,
+  checked: r,
+  onChange: a,
+  disabled: o = !1,
+  size: l = "small",
+  sx: c = void 0
+}) {
+  const u = S((n) => {
+    if (n.key === "Enter" && !n.ctrlKey && !n.altKey && !n.shiftKey) {
+      n.preventDefault();
+      return;
+    }
+  }, []);
+  return /* @__PURE__ */ s(
+    he,
+    {
+      id: e,
+      "aria-label": e,
+      disabled: o,
+      "aria-disabled": o,
+      control: /* @__PURE__ */ s(Ae, { size: l, checked: r, onChange: (n, d) => a(d), onKeyDown: u }),
+      label: t,
+      slotProps: { typography: { noWrap: !0 } },
+      sx: c
+    }
+  );
+}
+const ne = U($e)(() => ({
+  whiteSpace: "nowrap",
+  minWidth: "max-content"
+}));
+function Ft({ items: e, onSelect: t, onClose: r = void 0 }) {
+  const a = S(
+    (o) => {
+      t(o), r && r();
+    },
+    [r, t]
+  );
+  return /* @__PURE__ */ s(H, { children: e.map((o) => /* @__PURE__ */ s(ae, { onClick: () => a(o.key), children: o.text }, o.key)) });
+}
+function Qe({
+  id: e = "dropdown-button",
+  startIcon: t = void 0,
+  endIcon: r = void 0,
+  text: a = void 0,
+  variant: o = "outlined",
+  color: l = void 0,
+  size: c = "medium",
+  disabled: u = !1,
+  children: n
+}) {
+  const [d, m] = D(null), b = !!d, g = S((R) => {
+    m(R.currentTarget);
+  }, []), v = S(() => {
+    m(null);
+  }, []), C = te.cloneElement(te.Children.only(n), {
+    onClose: v
+  });
+  return /* @__PURE__ */ k(H, { children: [
+    !a && /* @__PURE__ */ s(
+      ve,
+      {
+        id: e,
+        "data-testid": e,
+        "aria-controls": b ? `${e}-popover` : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": b ? "true" : void 0,
+        onClick: g,
+        size: c,
+        color: l,
+        disabled: u,
+        children: t
+      }
+    ),
+    a && /* @__PURE__ */ s(
+      ne,
+      {
+        id: e,
+        "data-testid": e,
+        "aria-controls": b ? `${e}-popover` : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": b ? "true" : void 0,
+        variant: o,
+        disableElevation: !0,
+        onClick: g,
+        startIcon: t,
+        endIcon: r ?? /* @__PURE__ */ s(be, {}),
+        size: c,
+        color: l,
+        disabled: u,
+        children: a
+      }
+    ),
+    /* @__PURE__ */ s(
+      Re,
+      {
+        id: `${e}-popover`,
+        "aria-labelledby": e,
+        anchorEl: d,
+        open: b,
+        onClose: v,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        children: C
+      }
+    )
+  ] });
+}
+const Ze = U("div")(({ top: e, left: t, width: r, height: a }) => ({
+  top: e,
+  left: t,
+  width: r,
+  height: a,
+  position: "absolute",
+  zIndex: 1
+})), ze = U("div")(({ top: e, left: t, width: r, height: a, position: o, theme: l }) => ({
+  top: e,
+  left: t,
+  width: r,
+  height: a,
+  position: "absolute",
+  zIndex: 2,
+  color: l.palette.primary.contrastText,
+  backgroundColor: l.palette.primary.main,
+  display: "flex",
+  flexDirection: o === "left" || o === "right" ? "column" : "row",
+  borderTopLeftRadius: o === "top" || o === "left" ? 0 : 8,
+  borderTopRightRadius: o === "top" || o === "right" ? 0 : 8,
+  borderBottomRightRadius: o === "bottom" || o === "right" ? 0 : 8,
+  borderBottomLeftRadius: o === "bottom" || o === "left" ? 0 : 8
+})), Q = 8;
+function It({
+  id: e = void 0,
+  position: t,
+  parentWidth: r,
+  parentHeight: a,
+  maxLength: o,
+  dropDownSize: l,
+  autoHideTimeout: c = 0,
+  forceShow: u = !1,
+  children: n = null
+}) {
+  const d = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return Math.min(o, a);
+      case "top":
+      case "bottom":
+        return Math.min(o, r);
+      default:
+        return o;
+    }
+  }, [o, a, r, t]), m = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return (a - d) / 2;
+      case "top":
+        return 0;
+      case "bottom":
+        return a - Q;
+      default:
+        return 0;
+    }
+  }, [d, a, t]), b = P(() => {
+    switch (t) {
+      case "left":
+        return 0;
+      case "right":
+        return r - Q;
+      case "top":
+      case "bottom":
+        return (r - d) / 2;
+      default:
+        return 0;
+    }
+  }, [d, r, t]), g = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return Q;
+      case "top":
+      case "bottom":
+        return d;
+      default:
+        return 0;
+    }
+  }, [d, t]), v = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return d;
+      case "top":
+      case "bottom":
+        return Q;
+      default:
+        return 0;
+    }
+  }, [d, t]), C = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return (a - d) / 2;
+      case "top":
+        return 0;
+      case "bottom":
+        return a - l;
+      default:
+        return 0;
+    }
+  }, [l, d, a, t]), R = P(() => {
+    switch (t) {
+      case "left":
+        return 0;
+      case "right":
+        return r - l;
+      case "top":
+      case "bottom":
+        return (r - d) / 2;
+      default:
+        return 0;
+    }
+  }, [l, d, r, t]), I = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return l;
+      case "top":
+      case "bottom":
+        return d;
+      default:
+        return 0;
+    }
+  }, [l, d, t]), y = P(() => {
+    switch (t) {
+      case "left":
+      case "right":
+        return d;
+      case "top":
+      case "bottom":
+        return l;
+      default:
+        return 0;
+    }
+  }, [l, d, t]), [x, p] = D(!1), i = S(
+    (N) => {
+      N.buttons === 0 && c && p(!0);
+    },
+    [c]
+  ), $ = S(() => {
+    p(!1);
+  }, []);
+  return W(() => {
+    let N;
+    return x && c && (N = setTimeout(() => p(!1), c)), () => {
+      N && clearTimeout(N);
+    };
+  }, [c, x]), /* @__PURE__ */ k(H, { children: [
+    /* @__PURE__ */ s(
+      Ze,
+      {
+        id: e,
+        top: m,
+        left: b,
+        width: g,
+        height: v,
+        "aria-haspopup": "true",
+        onMouseEnter: i
+      }
+    ),
+    (x || u === !0) && /* @__PURE__ */ s(
+      ze,
+      {
+        top: C,
+        left: R,
+        width: I,
+        height: y,
+        position: t,
+        onMouseLeave: $,
+        children: n
+      }
+    )
+  ] });
+}
+function re({
+  children: e,
+  fullWidth: t = !0,
+  spacing: r = "4px",
+  alignItems: a = "center"
+}) {
+  return /* @__PURE__ */ s(pe, { margin: "dense", fullWidth: t, variant: "standard", children: /* @__PURE__ */ s(ge, { direction: "row", spacing: r, alignItems: a, children: e }) });
+}
+const Ve = U("input")(({ variant: e, theme: t }) => ({
+  ...t.typography[e]
+})), et = U("span")(({ variant: e, theme: t }) => ({
+  ...t.typography[e]
+}));
+function tt({ value: e, onChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
+  const o = Me(null), [l, c] = D(e), u = S(
+    (m) => c(m.target.value),
+    []
+  ), n = S(
+    (m) => {
+      (m.key === "Enter" || m.key === "Escape") && (m.key === "Escape" && (c(e), m.currentTarget.value = e), m.currentTarget.blur());
+    },
+    [e]
+  ), d = S(
+    (m) => {
+      t(m.target.value);
+    },
+    [t]
+  );
+  return W(() => {
+    var m;
+    (m = o.current) == null || m.focus();
+  }, []), /* @__PURE__ */ s(
+    Ve,
+    {
+      ref: o,
+      variant: a ?? "body1",
+      type: "text",
+      "aria-label": r,
+      value: l,
+      onChange: u,
+      onKeyDown: n,
+      onBlur: d
+    }
+  );
+}
+function Mt({ editMode: e, value: t, onValueChange: r, ariaLabel: a = void 0, variant: o = "body1" }) {
+  return /* @__PURE__ */ k(H, { children: [
+    e && /* @__PURE__ */ s(tt, { ariaLabel: a, value: t, onChange: r, variant: o }),
+    !e && /* @__PURE__ */ s(et, { variant: o ?? "body1", children: t })
+  ] });
+}
+function nt({
+  id: e = void 0,
+  label: t = void 0,
+  helperText: r = "",
+  value: a,
+  onChange: o = void 0,
+  onBlur: l = void 0,
+  disabled: c = !1,
+  error: u = !1,
+  required: n = !1,
+  margin: d = "dense",
+  size: m = "small",
+  fullWidth: b = !1,
+  inputMode: g = void 0,
+  pattern: v = void 0,
+  startAdornment: C = void 0,
+  endAdornment: R = void 0,
+  sx: I = void 0,
+  sxStartAdornment: y = void 0,
+  sxEndAdornment: x = void 0
+}) {
+  const p = S(
+    (L) => {
+      o && o(L.target.value);
+    },
+    [o]
+  ), i = S((L) => {
+    if (L.key === "Enter" && !L.ctrlKey && !L.altKey && !L.shiftKey) {
+      L.preventDefault(), L.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur();
+      return;
+    }
+  }, []), $ = y ?? { marginBottom: 1 }, N = x ?? { marginBottom: 1 };
+  return /* @__PURE__ */ s(
+    Le,
+    {
+      id: e,
+      "aria-label": e,
+      type: "text",
+      label: t,
+      helperText: r,
+      margin: d,
+      size: m,
+      fullWidth: b,
+      variant: "standard",
+      value: a,
+      onChange: p,
+      onBlur: l,
+      disabled: c,
+      "aria-disabled": c,
+      error: u,
+      required: n,
+      slotProps: {
+        input: {
+          startAdornment: C ? /* @__PURE__ */ s(se, { position: "start", sx: { ...$ }, children: C }) : null,
+          endAdornment: R ? /* @__PURE__ */ s(se, { position: "end", sx: { ...N }, children: R }) : null
+        },
+        htmlInput: {
+          inputMode: g,
+          pattern: v
+        }
+      },
+      sx: I,
+      onKeyDown: i
+    }
+  );
+}
+function Y({
+  id: e,
+  label: t = void 0,
+  helperText: r = "",
+  value: a,
+  onChange: o = void 0,
+  onBlur: l = void 0,
+  disabled: c = !1,
+  required: u = !1,
+  margin: n = "dense",
+  size: d = "small",
+  fullWidth: m = !1,
+  inputMode: b = void 0,
+  pattern: g = void 0,
+  startAdornment: v = void 0,
+  endAdornment: C = void 0,
+  sx: R = void 0,
+  sxStartAdornment: I = void 0,
+  sxEndAdornment: y = void 0,
+  error: x = void 0,
+  onErrorChange: p = void 0,
+  onValidate: i = void 0,
+  numberType: $ = "int",
+  minValue: N = void 0,
+  maxValue: L = void 0
+}) {
+  const [E, T] = D(a), [O, K] = D(x !== void 0 ? x : !1);
+  W(() => {
+    T((f) => a !== f ? a : f);
+  }, [a]), W(() => {
+    K((f) => x !== void 0 && x !== f ? x : f);
+  }, [x]);
+  const q = S(
+    (f) => {
+      const B = Number.parseInt(f, f.startsWith("0x") ? 16 : 10);
+      let _ = Number.isNaN(B);
+      return _ || (_ = N !== void 0 && B < N), _ || (_ = L !== void 0 && B > L), { val: f, err: _ };
+    },
+    [L, N]
+  ), M = S(
+    (f) => {
+      let B = !1;
+      if (f.endsWith(",") || f.endsWith("."))
+        return B = !0, { val: f, err: B };
+      const _ = Number.parseFloat(f.replace(",", "."));
+      return B = Number.isNaN(_), B || (B = N !== void 0 && _ < N), B || (B = L !== void 0 && _ > L), { val: _.toString(), err: B };
+    },
+    [L, N]
+  ), A = S(
+    (f) => $ === "int" ? q(f) : M(f),
+    [$, M, q]
+  ), w = S(
+    (f, B) => {
+      let _ = f, j = !1;
+      return !u && (_ === void 0 || _ === "") ? { val: _, err: j } : ($ !== void 0 && ({ val: _, err: j } = A(f)), !j && i && ({ val: _, err: j } = i(_, B)), { val: _, err: j });
+    },
+    [i, A]
+  ), h = S(
+    (f) => {
+      const { val: B, err: _ } = w(f, "change");
+      (x === void 0 || x === !1) && K(_), T(_ ? f : B), !_ && o && o(B);
+    },
+    [o, w]
+  ), F = S(() => {
+    const { val: f, err: B } = w(E, "blur");
+    (x === void 0 || x === !1) && K(B), !B && l && l(f);
+  }, [l, w, E]);
+  return W(() => {
+    p && p(O);
+  }, [O, p]), /* @__PURE__ */ s(
+    nt,
+    {
+      id: e,
+      label: t,
+      helperText: r,
+      value: E,
+      onChange: h,
+      onBlur: F,
+      disabled: c,
+      error: O,
+      required: u,
+      margin: n,
+      size: d,
+      fullWidth: m,
+      inputMode: b,
+      pattern: g,
+      startAdornment: v,
+      endAdornment: C,
+      sx: R,
+      sxStartAdornment: I,
+      sxEndAdornment: y
+    }
+  );
+}
+function At({
+  minValue: e,
+  maxValue: t,
+  onChange: r = void 0,
+  onBlur: a = void 0,
+  minError: o = void 0,
+  onMinErrorChange: l = void 0,
+  maxError: c = void 0,
+  onMaxErrorChange: u = void 0,
+  onMinValidate: n = void 0,
+  onMaxValidate: d = void 0,
+  minDisabled: m = !1,
+  maxDisabled: b = !1,
+  unit: g = void 0,
+  lowerLimit: v = void 0,
+  upperLimit: C = void 0
+}) {
+  const R = G(), I = Number.parseInt(e), y = Number.parseInt(t), [x, p] = D(e.toString()), [i, $] = D(t.toString()), [N, L] = D(
+    o === !0 || Number.isNaN(I) || I < (v ?? 0) || C && I > C || !Number.isNaN(y) && I >= y
+  ), [E, T] = D(
+    c === !0 || Number.isNaN(y) || y < (v ?? 0) || C && y > C || !Number.isNaN(I) && I >= y
+  );
+  W(() => {
+    p((h) => e.toString() !== h ? e.toString() : h);
+  }, [e]), W(() => {
+    L((h) => o !== void 0 && o !== h ? o : h);
+  }, [o]), W(() => {
+    $((h) => t.toString() !== h ? t.toString() : h);
+  }, [t]), W(() => {
+    T((h) => c !== void 0 && c !== h ? c : h);
+  }, [c]);
+  const O = S(
+    (h) => {
+      const F = Number.parseInt(h, h.startsWith("0x") ? 16 : 10), f = Number.parseInt(i), B = Number.isNaN(F) || F < (v ?? 0) || C && F > C || !Number.isNaN(f) && F >= f;
+      return { val: h, err: B };
+    },
+    [i, v, C]
+  ), K = S(
+    (h) => {
+      const F = Number.parseInt(h, h.startsWith("0x") ? 16 : 10), f = Number.parseInt(x), B = Number.isNaN(F) || F < (v ?? 0) || C && F > C || !Number.isNaN(f) && f >= F;
+      return { val: h, err: B };
+    },
+    [x, v, C]
+  ), q = S(
+    (h) => {
+      let { val: F, err: f } = O(h);
+      if (!f && n && ({ val: F, err: f } = n(h, "change")), (o === void 0 || o === !1) && L(f), f)
+        r && r(h, i);
+      else {
+        const B = Number.parseInt(F, F.startsWith("0x") ? 16 : 10).toString();
+        p(B), r && r(B, i);
+      }
+    },
+    [O, n, o, r, i]
+  ), M = S(
+    (h) => {
+      let { val: F, err: f } = O(h);
+      !f && n && ({ val: F, err: f } = n(F, "blur")), L(f), !f && a && a(F, i);
+    },
+    [O, n, a, i]
+  ), A = S(
+    (h) => {
+      let { val: F, err: f } = K(h);
+      if (!f && d && ({ val: F, err: f } = d(h, "change")), (c === void 0 || c === !1) && T(f), f)
+        r && r(x, h);
+      else {
+        const B = Number.parseInt(F, F.startsWith("0x") ? 16 : 10).toString();
+        $(B), r && r(x, B);
+      }
+    },
+    [K, d, c, r, x]
+  ), w = S(
+    (h) => {
+      let { val: F, err: f } = K(h);
+      !f && d && ({ val: F, err: f } = d(F, "blur")), T(f), !f && a && a(x, F);
+    },
+    [K, d, a, x]
+  );
+  return W(() => {
+    l && l(N), u && u(E);
+  }, [E, N, u, l]), /* @__PURE__ */ k(H, { children: [
+    /* @__PURE__ */ s(
+      Y,
+      {
+        id: "min-value",
+        disabled: m,
+        inputMode: "numeric",
+        fullWidth: !0,
+        value: x,
+        onChange: q,
+        onBlur: M,
+        startAdornment: R.getString("LabelFrom"),
+        endAdornment: g,
+        numberType: "int",
+        error: N,
+        onErrorChange: L
+      }
+    ),
+    /* @__PURE__ */ s(
+      Y,
+      {
+        id: "max-value",
+        disabled: b,
+        inputMode: "numeric",
+        fullWidth: !0,
+        value: i,
+        onChange: A,
+        onBlur: w,
+        startAdornment: R.getString("LabelTo"),
+        endAdornment: g,
+        numberType: "int",
+        error: E,
+        onErrorChange: T
+      }
+    )
+  ] });
+}
+function ee({
+  id: e = void 0,
+  label: t,
+  value: r,
+  disabled: a = !1,
+  size: o = "small",
+  sx: l = void 0
+}) {
+  return /* @__PURE__ */ s(
+    he,
+    {
+      id: e,
+      "aria-label": e,
+      value: r,
+      disabled: a,
+      "aria-disabled": a,
+      control: /* @__PURE__ */ s(ye, { size: o }),
+      label: t,
+      componentsProps: { typography: { noWrap: !0 } },
+      sx: l
+    }
+  );
+}
+function rt({
+  children: e,
+  id: t = void 0,
+  value: r,
+  onChange: a
+}) {
+  return /* @__PURE__ */ s(Be, { id: t, "aria-label": t, value: r, onChange: (o, l) => a(l), children: e });
+}
+const at = U(V, {
+  shouldForwardProp: (e) => e !== "collapsed"
+})(({ collapsed: e, theme: t }) => ({
+  paddingTop: e ? "4px" : "8px",
+  paddingLeft: "2px",
+  paddingRight: "2px",
+  paddingBottom: e ? "0px" : "2px",
+  marginTop: "2px",
+  "&:hover, &:focus-within": {
+    background: t.palette.action.hover
+  }
+})), xe = U("span")(({ theme: e }) => ({
+  color: e.palette.divider
+})), ot = U(xe)(() => ({
+  "&:hover": {
+    cursor: "pointer"
+  }
+})), lt = U(ve)(({ theme: e }) => ({
+  color: e.palette.divider,
+  padding: "0px"
+}));
+function le({
+  textAlign: e = "left",
+  text: t = void 0,
+  summary: r = void 0,
+  children: a = void 0,
+  collapsible: o = !1,
+  collapsed: l = !1,
+  collapsedChange: c = void 0
+}) {
+  const u = Se(), n = G(), [d, m] = D(l);
+  W(() => m(l), [l]);
+  const b = S(
+    (g) => {
+      c ? c(g) : m(g);
+    },
+    [c]
+  );
+  return /* @__PURE__ */ k(at, { collapsed: d, children: [
+    t && /* @__PURE__ */ s(we, { textAlign: e, variant: "fullWidth", children: o ? /* @__PURE__ */ k(ge, { direction: "row", spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ k(ot, { onClick: () => b(!d), children: [
+        t.toLocaleUpperCase(u),
+        d && r ? ` (${r})` : ""
+      ] }),
+      /* @__PURE__ */ s(
+        Z,
+        {
+          title: d ? n == null ? void 0 : n.getString("TooltipExpandSection", t) : n == null ? void 0 : n.getString("TooltipCollapseSection", t),
+          children: /* @__PURE__ */ s(lt, { onClick: () => b(!d), children: d ? /* @__PURE__ */ s(be, {}) : /* @__PURE__ */ s(He, {}) })
+        }
+      )
+    ] }) : /* @__PURE__ */ s(xe, { children: t.toLocaleUpperCase(u) }) }),
+    !d && a
+  ] });
+}
+function fe({
+  id: e,
+  label: t,
+  showLabel: r = !1,
+  helperText: a = "",
+  options: o,
+  value: l,
+  onChange: c,
+  disabled: u = !1,
+  required: n = !1,
+  margin: d = "dense",
+  size: m = "small",
+  fullWidth: b = !1,
+  minWidth: g = void 0,
+  prefixTextWithValue: v = !1
+}) {
+  const C = S(
+    (p) => {
+      typeof p.target.value == "string" ? c("") : c(p.target.value);
+    },
+    [c]
+  ), R = S(
+    (p) => p.map((i) => /* @__PURE__ */ s(ae, { "aria-label": `menu-item-${i.value}`, value: i.value, children: v ? `${i.value} - ${i.displayText}` : i.displayText }, i.value)),
+    [v]
+  ), I = S(
+    (p, i) => {
+      const $ = [
+        /* @__PURE__ */ s(Te, { color: "primary", children: p }, p)
+      ];
+      return $.push(...R(i)), $;
+    },
+    [R]
+  ), y = S(
+    (p) => {
+      const i = [];
+      return p.forEach(($, N) => {
+        i.push(...I(N, $));
+      }), i;
+    },
+    [I]
+  ), x = S(
+    (p) => {
+      let i = "";
+      if (o instanceof Map)
+        o.forEach(($, N) => {
+          if (i === "") {
+            const L = $.find((E) => E.value === p);
+            L && (i = v ? `${L.value} - ${N} - ${L.displayText}` : `${N} - ${L.displayText}`);
+          }
+        });
+      else {
+        const $ = o.find((N) => N.value === p);
+        $ && (i = v ? `${$.value} - ${$.displayText}` : $.displayText);
+      }
+      return i === "" && (i = n ? `${t} *` : t), i;
+    },
+    [t, o, v, n]
+  );
+  return /* @__PURE__ */ k(pe, { fullWidth: b, variant: "standard", sx: { minWidth: g }, margin: d, size: m, children: [
+    r && /* @__PURE__ */ s(Ee, { id: `${e}-label`, children: n ? `${t} *` : t }),
+    /* @__PURE__ */ k(
+      _e,
+      {
+        labelId: `${e}-label`,
+        "aria-label": e,
+        id: e,
+        value: l,
+        renderValue: x,
+        onChange: C,
+        displayEmpty: !r,
+        disabled: u,
+        "aria-disabled": u,
+        children: [
+          o instanceof Map && y(o),
+          o instanceof Array && R(o)
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ s(ke, { children: a })
+  ] });
+}
+const $t = U(V)(({ height: e, width: t }) => ({
+  height: e,
+  width: t,
+  padding: "4px",
+  overflow: "auto"
+}));
+function st({ label: e, variant: t = "h6" }) {
+  return /* @__PURE__ */ s(Oe, { children: /* @__PURE__ */ s(me, { sx: { flex: "1 1 100%" }, variant: t, id: "tableTitle", component: "div", children: e }) });
+}
+function Rt({
+  data: e,
+  dataKey: t,
+  selectedKey: r = void 0,
+  onClickRow: a = void 0,
+  columns: o,
+  label: l = void 0,
+  labelVariant: c = "h6",
+  maxHeight: u = void 0,
+  size: n = "medium",
+  stickyHeader: d = !1,
+  hover: m = !1
+}) {
+  const b = S(
+    (g) => {
+      a && a(g);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ k(V, { children: [
+    l && /* @__PURE__ */ s(st, { label: l, variant: c }),
+    /* @__PURE__ */ s(De, { children: /* @__PURE__ */ k(Pe, { "aria-labelledby": "tableTitle", size: n, stickyHeader: d, sx: { maxHeight: u }, padding: "none", children: [
+      /* @__PURE__ */ s(We, { children: /* @__PURE__ */ s(ie, { children: o.map((g) => (
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        /* @__PURE__ */ s(de, { ...g.headProps, children: g.headCell }, g.key)
+      )) }) }),
+      /* @__PURE__ */ s(Ue, { children: e.map((g) => {
+        const v = t(g);
+        return /* @__PURE__ */ s(ie, { hover: m, selected: v === r, onClick: () => b(g), children: o.map((C) => /* @__PURE__ */ s(
+          de,
+          {
+            ...C.dataProps,
+            children: C.dataCell(g)
+          },
+          `${v}-${C.key}`
+        )) }, v);
+      }) })
+    ] }) })
+  ] });
+}
+const Lt = U("div")(({ theme: e }) => ({
+  borderBottom: "1px solid",
+  borderColor: e.palette.divider
+})), it = U(Ke)(({ theme: e }) => ({
+  [`& .${ce.grouped}`]: {
+    margin: e.spacing(0.5),
+    padding: e.spacing(1.25),
+    minWidth: 24,
+    color: e.palette.action.active,
+    border: 0,
+    borderRadius: e.shape.borderRadius,
+    [`&.${ce.disabled}`]: {
+      border: 0
+    }
+  }
+  // [`& .${toggleButtonGroupClasses.middleButton},& .${toggleButtonGroupClasses.lastButton}`]: {
+  //   marginLeft: -1,
+  //   borderLeft: '1px solid transparent',
+  // },
+})), dt = U(Xe)(({ theme: e }) => ({
+  [`& .${J.grouped}`]: {
+    margin: e.spacing(0.5),
+    padding: e.spacing(1.25),
+    minWidth: 24,
+    color: e.palette.action.active,
+    border: 0,
+    borderRadius: e.shape.borderRadius,
+    [`&.${J.disabled}`]: {
+      border: 0
+    }
+  },
+  [`& .${J.middleButton},& .${J.lastButton}`]: {
+    marginLeft: -1,
+    borderLeft: "1px solid transparent"
+  }
+}));
+function Ne({
+  onClick: e,
+  icon: t = void 0,
+  text: r = void 0,
+  size: a = "small",
+  variant: o = void 0,
+  color: l = "inherit",
+  tooltip: c = void 0,
+  ariaLabel: u = void 0,
+  children: n = void 0,
+  disabled: d = !1
+}) {
+  return n ? /* @__PURE__ */ s(
+    Qe,
+    {
+      size: typeof a == "string" ? a : "small",
+      variant: o,
+      color: l,
+      startIcon: t,
+      text: r,
+      disabled: d,
+      children: n
+    }
+  ) : r ? /* @__PURE__ */ k(
+    ne,
+    {
+      size: typeof a == "string" ? a : "small",
+      variant: o,
+      color: l,
+      "aria-label": u,
+      onClick: e,
+      startIcon: t,
+      disabled: d,
+      children: [
+        c && /* @__PURE__ */ s(Z, { placement: "bottom-start", title: c, children: /* @__PURE__ */ s("span", { children: r }) }),
+        !c && r
+      ]
+    }
+  ) : /* @__PURE__ */ k(
+    ne,
+    {
+      size: typeof a == "string" ? a : "small",
+      variant: o,
+      color: l,
+      "aria-label": u,
+      onClick: e,
+      disabled: d,
+      sx: {
+        height: typeof a == "number" ? `${a}px` : void 0,
+        width: typeof a == "number" ? `${a}px` : void 0
+      },
+      children: [
+        c && /* @__PURE__ */ s(Z, { placement: "bottom-start", title: c, children: /* @__PURE__ */ s("span", { children: t }) }),
+        !c && t
+      ]
+    }
+  );
+}
+function ct({
+  buttons: e,
+  size: t = "small",
+  ariaLabel: r = void 0,
+  orientation: a = "horizontal"
+}) {
+  return /* @__PURE__ */ s(dt, { size: t, "aria-label": r, orientation: a, children: e.map((o, l) => /* @__PURE__ */ s(
+    Ne,
+    {
+      onClick: o.onClick,
+      icon: o.icon,
+      text: o.text,
+      size: o.size,
+      variant: o.variant,
+      color: o.color,
+      tooltip: o.tooltip,
+      ariaLabel: o.ariaLabel,
+      disabled: o.disabled,
+      children: o.children
+    },
+    l
+  )) });
+}
+function ut({
+  value: e,
+  onChange: t,
+  size: r = "small",
+  ariaLabel: a = void 0,
+  exclusive: o = void 0,
+  buttons: l,
+  orientation: c = "horizontal"
+}) {
+  return /* @__PURE__ */ s(
+    it,
+    {
+      size: r,
+      value: e,
+      onChange: (u, n) => t(n),
+      "aria-label": a,
+      exclusive: o,
+      orientation: c,
+      children: l.map((u, n) => /* @__PURE__ */ k(
+        Ye,
+        {
+          size: typeof r == "string" ? r : "small",
+          value: u.value,
+          "aria-label": u.ariaLabel,
+          sx: {
+            height: typeof r == "number" ? `${r}px` : void 0,
+            width: typeof r == "number" ? `${r}px` : void 0,
+            padding: u.size === "small" || typeof r == "number" ? 1 : void 0,
+            margin: u.size === "small" || typeof r == "number" ? 0 : void 0
+          },
+          disabled: u.disabled,
+          children: [
+            u.tooltip && /* @__PURE__ */ s(Z, { placement: "bottom-start", title: u.tooltip, children: /* @__PURE__ */ s("span", { children: u.icon }) }),
+            !u.tooltip && u.icon
+          ]
+        },
+        n
+      ))
+    }
+  );
+}
+function yt({
+  items: e,
+  height: t = 34,
+  width: r = 34,
+  justifyContent: a = "left",
+  borderSize: o = 1,
+  padding: l = 1,
+  backgroundColor: c = void 0,
+  orientation: u = "horizontal"
+}) {
+  return /* @__PURE__ */ s(
+    qe,
+    {
+      elevation: 0,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: a,
+        border: (n) => `${o}px solid ${n.palette.divider}`,
+        flexWrap: "wrap",
+        height: u === "horizontal" ? `${t}px` : "100%",
+        minHeight: u === "horizontal" ? `${t}px` : void 0,
+        width: u === "vertical" ? `${r}px` : "100%",
+        minWidth: u === "vertical" ? `${r}px` : void 0,
+        paddingLeft: u === "horizontal" ? l : 0,
+        paddingRight: u === "horizontal" ? l : 0,
+        paddingTop: u === "vertical" ? l : 0,
+        paddingBottom: u === "vertical" ? l : 0,
+        borderRadius: "0px",
+        backgroundColor: c
+      },
+      children: e.map((n, d) => n.label ? (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ s(me, { variant: n.label.variant, component: "div", children: n.label.text }, d)
+      ) : n.toggleButtonGroup ? /* @__PURE__ */ s(
+        ut,
+        {
+          value: n.toggleButtonGroup.value,
+          onChange: n.toggleButtonGroup.onChange,
+          ariaLabel: n.toggleButtonGroup.ariaLabel,
+          exclusive: n.toggleButtonGroup.exclusive,
+          buttons: n.toggleButtonGroup.buttons,
+          orientation: u
+        },
+        d
+      ) : n.button ? /* @__PURE__ */ s(
+        Ne,
+        {
+          onClick: n.button.onClick,
+          icon: n.button.icon,
+          text: n.button.text,
+          variant: n.button.variant,
+          color: n.button.color,
+          tooltip: n.button.tooltip,
+          ariaLabel: n.button.ariaLabel,
+          disabled: n.button.disabled
+        },
+        d
+      ) : n.buttonGroup ? (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ s(
+          ct,
+          {
+            ariaLabel: n.buttonGroup.ariaLabel,
+            buttons: n.buttonGroup.buttons,
+            orientation: u
+          },
+          d
+        )
+      ) : n.other)
+    }
+  );
+}
+function Bt({ options: e, onSelect: t, children: r = void 0 }) {
+  const [a, o] = te.useState(null), l = S(
+    (n) => {
+      e.length !== 0 && (n.preventDefault(), o(
+        a === null ? {
+          mouseX: n.clientX + 2,
+          mouseY: n.clientY - 6
+        } : (
+          // repeated contextmenu when it is already open closes it with Chrome 84 on Ubuntu
+          // Other native context menus might behave different.
+          // With this behavior we prevent contextmenu from the backdrop to re-locale existing context menus.
+          null
+        )
+      ));
+    },
+    [a, e.length]
+  ), c = S(() => {
+    o(null);
+  }, []), u = S(
+    (n) => {
+      t(n), c();
+    },
+    [c, t]
+  );
+  return /* @__PURE__ */ k("div", { onContextMenu: l, style: { cursor: "context-menu" }, children: [
+    r,
+    /* @__PURE__ */ s(
+      je,
+      {
+        open: a !== null,
+        onClose: c,
+        anchorReference: "anchorPosition",
+        anchorPosition: a !== null ? { top: a.mouseY, left: a.mouseX } : void 0,
+        children: e.map((n) => /* @__PURE__ */ k(ae, { onClick: () => u(n.value), children: [
+          n.icon && /* @__PURE__ */ s(Ge, { children: n.icon }),
+          /* @__PURE__ */ s(ue, { children: n.displayText }),
+          n.shortcut && /* @__PURE__ */ s(ue, { sx: { pl: 2, textAlign: "right" }, children: n.shortcut })
+        ] }, n.value))
+      }
+    )
+  ] });
+}
+function ft({
+  canIdentifier: e,
+  canIdentifierType: t,
+  onCanIdentifierChange: r,
+  onErrorsChange: a = void 0,
+  hideSection: o = !1,
+  disabled: l = !1,
+  collapsible: c = !1,
+  collapsed: u = !1,
+  collapsedChange: n = void 0
+}) {
+  const d = G(), m = z(), [b, g] = D(!1);
+  W(() => {
+    a && a(b);
+  }, [b, a]);
+  const [v, C] = D(t);
+  W(() => {
+    C(t);
+  }, [t]);
+  const R = S((p) => {
+    C(p ? "extended" : "standard");
+  }, []), I = S(
+    (p) => {
+      let i = p, $ = !1;
+      if (i.length > 2 && i.toLowerCase().startsWith("0x") && (i = i.substring(2), $ = !0), i = i.toUpperCase(), v === "extended") {
+        const N = parseInt(i, $ ? 16 : m);
+        if (Number.isNaN(N) || N < 0 || N > 536870911)
+          return r(p, v), { val: p, err: !0 };
+        i = `${N.toString(m).toUpperCase()}`;
+      } else if (v === "standard") {
+        const N = parseInt(i, $ ? 16 : m);
+        if (Number.isNaN(N) || N < 0 || N > 2047)
+          return r(p, v), { val: p, err: !0 };
+        i = `${N.toString(m).toUpperCase()}`;
+      }
+      return r(i, v), { val: p, err: !1 };
+    },
+    [v, m, r]
+  ), y = S(
+    (p) => {
+      if (p !== v) {
+        let i = !1, $ = e;
+        if (p === "standard") {
+          const N = parseInt($, m);
+          (Number.isNaN(N) || N < 0 || N > 2047) && (i = !0);
+        } else if (p === "extended") {
+          const N = parseInt($, m);
+          (Number.isNaN(N) || N < 0 || N > 536870911) && (i = !0);
+        }
+        r($, p), g(i);
+      }
+    },
+    [v, e, r, m]
+  ), x = P(
+    () => /* @__PURE__ */ k(re, { spacing: 4, children: [
+      /* @__PURE__ */ s(
+        Y,
+        {
+          id: "constant-id",
+          fullWidth: !0,
+          value: e,
+          onBlur: I,
+          error: b,
+          onErrorChange: g,
+          disabled: l
+        }
+      ),
+      /* @__PURE__ */ s(
+        Ce,
+        {
+          id: "id-type",
+          label: d.getString("LabelUseExtendedIdentifier"),
+          checked: v === "extended",
+          onChange: (p) => {
+            R(p), y(p ? "extended" : "standard");
+          },
+          disabled: l
+        }
+      )
+    ] }),
+    [
+      e,
+      v,
+      l,
+      b,
+      d,
+      y,
+      I
+    ]
+  );
+  return o ? x : /* @__PURE__ */ s(
+    le,
+    {
+      text: d.getString("LabelCanIdentifier"),
+      summary: e,
+      collapsible: c,
+      collapsed: u,
+      collapsedChange: n,
+      children: x
+    }
+  );
+}
+function wt({
+  frame: e,
+  onFrameChange: t,
+  onErrorsChange: r = void 0,
+  collapsible: a = !1,
+  collapsed: o = !1,
+  collapsedChange: l = void 0
+}) {
+  var m;
+  const c = z(), u = P(
+    () => {
+      var b, g;
+      return ((g = (b = e.canFrameFlags) == null ? void 0 : b.flags) == null ? void 0 : g.includes(X.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+    },
+    [(m = e.canFrameFlags) == null ? void 0 : m.flags]
+  ), n = P(() => `${(e.id ?? 0).toString(c).toUpperCase()}`, [u, e.id, c]), d = S(
+    (b, g) => {
+      var y;
+      let v = e.id ?? 0;
+      v = parseInt(b, c);
+      const C = (y = e.canFrameFlags) != null && y.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, R = C.flags.indexOf(X.CAN_FRAME_FLAG_STD);
+      R !== -1 && C.flags.splice(R, 1);
+      const I = C.flags.indexOf(X.CAN_FRAME_FLAG_EXT);
+      if (I !== -1 && C.flags.splice(I, 1), g === "extended" ? C.flags.push(X.CAN_FRAME_FLAG_EXT) : g === "standard" && C.flags.push(X.CAN_FRAME_FLAG_STD), v !== e.id || !oe(C, e.canFrameFlags)) {
+        const x = { ...e };
+        x.id = v, x.canFrameFlags = C, t(x);
+      }
+    },
+    [e, c, t]
+  );
+  return /* @__PURE__ */ s(
+    ft,
+    {
+      canIdentifier: n,
+      canIdentifierType: u,
+      onCanIdentifierChange: d,
+      onErrorsChange: r,
+      collapsible: a,
+      collapsed: o,
+      collapsedChange: l
+    }
+  );
+}
+function ht({
+  canIdentifier: e,
+  identifierGeneratorType: t,
+  minCanIdentifier: r,
+  maxCanIdentifier: a,
+  canIdentifierType: o,
+  onChange: l,
+  onErrorsChange: c = void 0,
+  canIdentifierGeneratorSettingsError: u = void 0,
+  disabled: n = !1,
+  collapsible: d = !1,
+  collapsed: m = !1,
+  collapsedChange: b = void 0
+}) {
+  const g = G(), v = z(), [C, R] = D(!1), [I, y] = D(!1), [x, p] = D(!1), [i, $] = D(o);
+  W(() => {
+    $(o);
+  }, [o]);
+  const N = S((M) => {
+    $(M ? "extended" : "standard");
+  }, []), L = S(
+    (M) => {
+      let A = M, w = !1;
+      if (A.length > 2 && A.toLowerCase().startsWith("0x") && (A = A.substring(2), w = !0), A = A.toUpperCase(), i === "extended") {
+        const h = parseInt(A, w ? 16 : v);
+        if (Number.isNaN(h) || h < 0 || h > 536870911)
+          return l(M, t, r, a, i), { val: M, err: !0 };
+        A = `${h.toString(v).toUpperCase()}`;
+      } else if (i === "standard") {
+        const h = parseInt(A, w ? 16 : v);
+        if (Number.isNaN(h) || h < 0 || h > 2047)
+          return l(M, t, r, a, i), { val: M, err: !0 };
+        A = `${h.toString(v).toUpperCase()}`;
+      }
+      return l(A, t, r, a, i), { val: M, err: !1 };
+    },
+    [i, t, a, r, v, l]
+  ), E = S(
+    (M, A, w) => {
+      let h = M, F = -1, f = !1;
+      if (h.length > 2 && h.toLowerCase().startsWith("0x") && (h = h.substring(2), f = !0), h = h.toUpperCase(), A === "extended") {
+        if (F = parseInt(h, f ? 16 : v), Number.isNaN(F) || F < 0 || F > 536870911)
+          return w(M), { val: M, err: !0, id: F };
+        h = `${F.toString(v).toUpperCase()}`;
+      } else if (A === "standard") {
+        if (F = parseInt(h, f ? 16 : v), Number.isNaN(F) || F < 0 || F > 2047)
+          return w(M), { val: M, err: !0, id: F };
+        h = `${F.toString(v).toUpperCase()}`;
+      }
+      return w(h), { val: h, err: !1, id: F };
+    },
+    [v]
+  ), T = S(
+    (M) => {
+      const A = E(
+        M,
+        i,
+        (h) => l(e, t, h, a, i)
+      ), w = E(
+        a,
+        i,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        }
+      );
+      return !A.err && !w.err && (A.id >= w.id ? (A.err = !0, y(!0)) : y(!1)), { val: A.val, err: A.err };
+    },
+    [
+      e,
+      i,
+      t,
+      a,
+      l,
+      E
+    ]
+  ), O = S(
+    (M) => {
+      const A = E(
+        M,
+        i,
+        (h) => l(e, t, r, h, i)
+      ), w = E(
+        r,
+        i,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        }
+      );
+      return !w.err && !A.err && (w.id >= A.id ? (A.err = !0, p(!0)) : p(!1)), { val: A.val, err: A.err };
+    },
+    [
+      e,
+      i,
+      t,
+      r,
+      l,
+      E
+    ]
+  ), K = S(
+    (M) => {
+      if (M !== i) {
+        let A = e;
+        const w = E(r, M, () => {
+        }), h = E(a, M, () => {
+        });
+        l(A, t, w.val, h.val, M);
+      }
+    },
+    [
+      i,
+      e,
+      E,
+      r,
+      a,
+      l,
+      t,
+      v
+    ]
+  ), q = S(
+    (M) => {
+      let A = e;
+      const w = E(r, i, () => {
+      }), h = E(a, i, () => {
+      });
+      l(
+        A,
+        M,
+        w.val,
+        h.val,
+        i
+      );
+    },
+    [
+      i,
+      e,
+      E,
+      r,
+      a,
+      l,
+      t,
+      v
+    ]
+  );
+  return W(() => {
+    c && c(
+      t === "constant" && C || (t === "random" || t === "scan") && (I || x)
+    ), u && (u.current = t === "constant" && C || (t === "random" || t === "scan") && (I || x));
+  }, [
+    C,
+    u,
+    t,
+    x,
+    I,
+    c
+  ]), /* @__PURE__ */ s(
+    le,
+    {
+      text: g.getString("LabelCanIdentifier"),
+      summary: t === "constant" ? e : t === "random" ? `${g.getString("LabelRandom")} ${r}-${a}` : `${g.getString("LabelScan")} ${r}-${a}`,
+      collapsible: d,
+      collapsed: m,
+      collapsedChange: b,
+      children: /* @__PURE__ */ k(
+        rt,
+        {
+          id: "identifier-radio-group",
+          value: t,
+          onChange: (M) => {
+            q(M);
+          },
+          children: [
+            /* @__PURE__ */ k(re, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                ee,
+                {
+                  id: "constant-id-radio",
+                  value: "constant",
+                  label: g.getString("LabelConstantIdentifier"),
+                  sx: { marginLeft: "-11px !important" },
+                  disabled: n
+                }
+              ),
+              /* @__PURE__ */ s(
+                Y,
+                {
+                  id: "constant-id",
+                  fullWidth: !0,
+                  value: e,
+                  error: C,
+                  onErrorChange: R,
+                  disabled: n || t !== "constant",
+                  required: t === "constant",
+                  onBlur: L
+                }
+              ),
+              /* @__PURE__ */ s(
+                Ce,
+                {
+                  id: "id-type",
+                  label: g.getString("LabelUseExtendedIdentifier"),
+                  checked: i === "extended",
+                  onChange: (M) => {
+                    N(M), K(M ? "extended" : "standard");
+                  },
+                  disabled: n
+                }
+              )
+            ] }),
+            /* @__PURE__ */ k(re, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                ee,
+                {
+                  id: "random-identifier-radio",
+                  value: "random",
+                  label: g.getString("LabelRandomIdentifier"),
+                  sx: { marginLeft: "-11px !important" },
+                  disabled: n
+                }
+              ),
+              /* @__PURE__ */ s(
+                ee,
+                {
+                  id: "scan-identifier-radio",
+                  value: "scan",
+                  label: g.getString("LabelScanIdentifier"),
+                  disabled: n
+                }
+              ),
+              /* @__PURE__ */ s(
+                Y,
+                {
+                  id: "identifier-min",
+                  disabled: n || t !== "random" && t !== "scan",
+                  required: t === "random" || t === "scan",
+                  fullWidth: !0,
+                  value: r ?? "",
+                  error: I,
+                  onErrorChange: y,
+                  startAdornment: g.getString("LabelFrom"),
+                  onBlur: T,
+                  sxStartAdornment: { marginBottom: 0.8 }
+                }
+              ),
+              /* @__PURE__ */ s(
+                Y,
+                {
+                  id: "identifier-max",
+                  disabled: n || t !== "random" && t !== "scan",
+                  required: t === "random" || t === "scan",
+                  fullWidth: !0,
+                  value: a ?? "",
+                  error: x,
+                  onErrorChange: p,
+                  startAdornment: g.getString("LabelTo"),
+                  onBlur: O,
+                  sxStartAdornment: { marginBottom: 0.8 }
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function Et({
+  settings: e,
+  onSettingsChange: t,
+  onErrorsChange: r = void 0,
+  canIdentifierGeneratorSettingsError: a = void 0,
+  disabled: o = !1,
+  collapsible: l = !1,
+  collapsed: c = !1,
+  collapsedChange: u = void 0
+}) {
+  var R, I, y;
+  const n = z(), d = P(
+    () => {
+      var x, p, i;
+      return ((i = (p = (x = e.frame) == null ? void 0 : x.canFrameFlags) == null ? void 0 : p.flags) == null ? void 0 : i.includes(X.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+    },
+    [(I = (R = e.frame) == null ? void 0 : R.canFrameFlags) == null ? void 0 : I.flags]
+  ), m = P(() => {
+    var p;
+    return `${(((p = e.frame) == null ? void 0 : p.id) ?? 0).toString(n).toUpperCase()}`;
+  }, [n, (y = e.frame) == null ? void 0 : y.id]), b = P(() => `${(e.identifierMin ?? 0).toString(n).toUpperCase()}`, [n, e.identifierMin]), g = P(() => `${(e.identifierMax ?? 0).toString(n).toUpperCase()}`, [n, e.identifierMax]), v = P(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), C = S(
+    (x, p, i, $, N) => {
+      var A, w, h, F;
+      const L = N, E = parseInt(x, n), T = (w = (A = e.frame) == null ? void 0 : A.canFrameFlags) != null && w.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, O = T.flags.indexOf(X.CAN_FRAME_FLAG_STD), K = parseInt(i, n), q = parseInt($, n), M = T.flags.indexOf(X.CAN_FRAME_FLAG_EXT);
+      if (O !== -1 && T.flags.splice(O, 1), M !== -1 && T.flags.splice(M, 1), L === "extended" ? T.flags.push(X.CAN_FRAME_FLAG_EXT) : L === "standard" && T.flags.push(X.CAN_FRAME_FLAG_STD), E !== ((h = e.frame) == null ? void 0 : h.id) || !oe(T, (F = e.frame) == null ? void 0 : F.canFrameFlags) || p !== v || K !== e.identifierMin || q !== e.identifierMax) {
+        const f = { ...e };
+        f.frame = e.frame ? { ...e.frame } : Je.fromPartial({
+          id: 0,
+          canFrameFlags: { flags: [X.CAN_FRAME_FLAG_STD] },
+          data: Array.from({ length: 8 }, () => 0)
+        }), f.frame.id = E, f.frame.canFrameFlags = T, p === "constant" ? (f.randomIdentifier = !1, f.scanIdentifier = !1) : p === "random" ? (f.randomIdentifier = !0, f.scanIdentifier = !1) : p === "scan" && (f.randomIdentifier = !1, f.scanIdentifier = !0), f.identifierMin = K, f.identifierMax = q, t(f);
+      }
+    },
+    [v, n, t, e]
+  );
+  return /* @__PURE__ */ s(
+    ht,
+    {
+      canIdentifier: m,
+      identifierGeneratorType: v,
+      minCanIdentifier: b,
+      maxCanIdentifier: g,
+      canIdentifierType: d,
+      onChange: C,
+      onErrorsChange: r,
+      canIdentifierGeneratorSettingsError: a,
+      disabled: o,
+      collapsible: l,
+      collapsed: c,
+      collapsedChange: u
+    }
+  );
+}
+function vt(e, t, r, a) {
+  const [o, l] = D(""), [c, u] = D([]);
+  return W(() => {
+    u((n) => {
+      var m;
+      const d = (m = r == null ? void 0 : r.sources) == null ? void 0 : m.filter((b) => {
+        var v, C;
+        const g = (C = (v = a == null ? void 0 : a.find((R) => {
+          var I;
+          return R.nodeId === ((I = b.baseNode) == null ? void 0 : I.identifier);
+        })) == null ? void 0 : v.errorStatus) == null ? void 0 : C.errors;
+        return g === void 0 || g === "" ? b.baseNode && b.channelSettings && b.channelSettings.canConfiguration && (!t || b.channelSettings.canConfiguration.silentMode !== !0) : !1;
+      }).map((b) => ({
+        value: b.channelSettings.channelNumber,
+        displayText: b.baseNode.name,
+        canFdMode: b.channelSettings.canConfiguration.canMode > 0,
+        identifier: b.baseNode.identifier
+      }));
+      return !d || oe(n, d) ? n : d;
+    });
+  }, [t, r == null ? void 0 : r.sources, a]), W(() => {
+    const n = c.find((d) => d.identifier === e);
+    l(n ? (d) => n.value === d ? d : n.value : "");
+  }, [e, c]), {
+    channelOptions: c,
+    selectedChannelOption: o
+  };
+}
+function _t({
+  channelIdentifier: e,
+  onChannelIdentifierChange: t,
+  hideSilentChannels: r = !1,
+  hideSectionControl: a = !1,
+  disabled: o = !1,
+  collapsible: l = !1,
+  collapsed: c = !1,
+  collapsedChange: u = void 0
+}) {
+  var C;
+  const n = Fe(), d = Ie(), m = G(), { channelOptions: b, selectedChannelOption: g } = vt(
+    e,
+    r === !0,
+    n,
+    d
+  ), v = S(
+    (R) => {
+      const I = b.find((p) => p.value === R), y = (I == null ? void 0 : I.identifier) ?? "", x = (I == null ? void 0 : I.canFdMode) === !0;
+      t(y, x);
+    },
+    [b, t]
+  );
+  return a === !0 ? /* @__PURE__ */ s(
+    fe,
+    {
+      id: "channel",
+      label: m.getString("LabelChannel"),
+      fullWidth: !0,
+      value: g,
+      onChange: v,
+      options: b,
+      required: !0,
+      disabled: o
+    }
+  ) : /* @__PURE__ */ s(
+    le,
+    {
+      text: m.getString("LabelChannel"),
+      summary: g === "" || (C = b.find((R) => R.value === g)) == null ? void 0 : C.displayText,
+      collapsible: l,
+      collapsed: c,
+      collapsedChange: u,
+      children: /* @__PURE__ */ s(
+        fe,
+        {
+          id: "channel",
+          label: m.getString("LabelChannel"),
+          fullWidth: !0,
+          value: g,
+          onChange: v,
+          options: b,
+          required: !0,
+          disabled: o
+        }
+      )
+    }
+  );
+}
+const kt = U(V)(() => ({
+  height: "100%",
+  width: "100%",
+  padding: "4px",
+  overflow: "auto"
+}));
+export {
+  _t as CanChannelSelectControl,
+  ft as CanIdentifierControl,
+  wt as CanIdentifierFrameControl,
+  ht as CanIdentifierGeneratorControl,
+  Et as CanIdentifierGeneratorSettingsControl,
+  Pt as CanKingDataProvider,
+  Ce as CheckboxControl,
+  Bt as ContextMenu,
+  Wt as DevicesContext,
+  Qe as DropdownButton,
+  Ft as DropdownButtonTextItems,
+  It as DropdownPanel,
+  kt as FillBox,
+  re as FormControlRow,
+  Mt as InlineEditor,
+  Ut as LocalizedStrings,
+  Ot as LogMessagesContext,
+  Kt as MeasurementSetupContext,
+  Xt as MeasurementStatusContext,
+  At as NumberRangeControl,
+  ne as OneLineButton,
+  qt as OnlineStatusContext,
+  ee as RadioControl,
+  rt as RadioGroupControl,
+  Yt as RunningPeriodicTransmissionsContext,
+  le as SectionControl,
+  fe as SelectControl,
+  $t as SizedBox,
+  Rt as TableControl,
+  Lt as TabsPanel,
+  nt as TextControl,
+  yt as ToolbarControl,
+  jt as UserSettingsContext,
+  Y as ValidateableTextControl,
+  Gt as WorkspacePanesContext,
+  Ht as addEventListener,
+  Jt as removeEventListener
+};