@kvaser/canking-api 7.1.0-beta.241 → 7.2.0

package/dist/controls.mjs

@@ -1,205 +1,208 @@
-import { u as H, a as We, b as re, c as De, d as Ue } from "./index.mjs";
-import { C as br, D as mr, L as pr, g as vr, f as xr, M as Cr, O as Sr, R as Nr, U as yr, W as Ir, e as $r, r as Fr } from "./index.mjs";
-import { jsx as c, jsxs as L, Fragment as J } from "react/jsx-runtime";
-import * as Y from "react";
-import oe, { useCallback as F, useRef as $e, useState as A, useEffect as k, useMemo as j } from "react";
-import { FormControlLabel as Fe, Checkbox as ze, Box as Q, styled as W, Button as Ke, IconButton as we, Popover as Xe, MenuItem as se, FormControl as Me, Stack as Re, TextField as Ge, InputAdornment as he, Radio as qe, RadioGroup as Ye, Divider as He, Tooltip as ne, InputLabel as Je, Select as Qe, FormHelperText as Ze, ListSubheader as Ve, TableContainer as en, Table as nn, TableHead as tn, TableRow as ge, TableCell as be, TableBody as rn, Toolbar as an, Typography as Te, ToggleButtonGroup as ln, toggleButtonGroupClasses as me, ButtonGroup as on, buttonGroupClasses as Z, Paper as dn, ToggleButton as sn, Menu as un, ListItemIcon as cn, ListItemText as pe } from "@mui/material";
-import { LineArrowDownIcon as _e, LineArrowUpIcon as fn } from "./icons.mjs";
-import ue from "fast-deep-equal";
+import { u as ne, a as hn, b as bn, r as pn, c as le, d as qe, e as He } from "./index.mjs";
+import { C as ea, D as na, L as ta, g as ra, f as aa, M as ia, O as sa, R as la, U as da, W as oa } from "./index.mjs";
+import { jsx as s, jsxs as T, Fragment as ce } from "react/jsx-runtime";
+import * as be from "react";
+import we, { useCallback as w, useRef as Ke, useState as U, useEffect as z, useMemo as O, Fragment as Sn } from "react";
+import { FormControlLabel as Qe, Checkbox as xn, Box as xe, styled as V, Button as Nn, IconButton as Xe, Popover as vn, MenuItem as We, FormControl as Ye, Stack as Je, TextField as Ze, InputAdornment as Ee, Radio as Cn, RadioGroup as In, Divider as $n, Tooltip as Se, InputLabel as Mn, Select as Fn, FormHelperText as Ln, ListSubheader as wn, Dialog as Ve, DialogTitle as Ge, DialogContent as en, DialogActions as Re, Autocomplete as Rn, TableContainer as Wn, Table as An, TableHead as _n, TableRow as Be, TableCell as Fe, TableBody as kn, Toolbar as En, Typography as nn, ToggleButtonGroup as Bn, toggleButtonGroupClasses as Ue, ButtonGroup as Un, buttonGroupClasses as Ce, Paper as yn, ToggleButton as On, Menu as Pn, ListItemIcon as jn, ListItemText as ye } from "@mui/material";
+import { LineArrowDownIcon as tn, LineArrowUpIcon as Dn, CloseIcon as zn } from "./icons.mjs";
+import { v4 as Tn } from "uuid";
+import { SimpleTreeView as rn, TreeItem as pe } from "@mui/x-tree-view";
+import { getFrameDefinitions as qn } from "./ipc.mjs";
+import ge from "fast-deep-equal";
 import "long";
-import { C as U, W as hn } from "./measurement_settings.mjs";
-function Ae({
+import { C as ee, W as an } from "./measurement_settings.mjs";
+function sn({
   id: e = void 0,
   label: n,
   checked: t,
   onChange: r,
   disabled: a = !1,
-  size: i = "small",
-  sx: f = void 0
+  size: l = "small",
+  sx: u = void 0
 }) {
-  const d = F((l) => {
-    if (l.key === "Enter" && !l.ctrlKey && !l.altKey && !l.shiftKey) {
-      l.preventDefault();
+  const d = w((i) => {
+    if (i.key === "Enter" && !i.ctrlKey && !i.altKey && !i.shiftKey) {
+      i.preventDefault();
       return;
     }
   }, []);
-  return /* @__PURE__ */ c(
-    Fe,
+  return /* @__PURE__ */ s(
+    Qe,
     {
       id: e,
       "aria-label": e,
       disabled: a,
       "aria-disabled": a,
-      control: /* @__PURE__ */ c(ze, { size: i, checked: t, onChange: (l, s) => r(s), onKeyDown: d }),
+      control: /* @__PURE__ */ s(xn, { size: l, checked: t, onChange: (i, o) => r(o), onKeyDown: d }),
       label: n,
       slotProps: { typography: { noWrap: !0 } },
-      sx: f
+      sx: u
     }
   );
 }
-var V = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Le(e) {
+var Ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ln(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function gn(e) {
+function Hn(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");
 }
-var ce = gn, bn = typeof V == "object" && V && V.Object === Object && V, mn = bn, pn = mn, vn = typeof self == "object" && self && self.Object === Object && self, xn = pn || vn || Function("return this")(), Ee = xn, Cn = Ee, Sn = function() {
-  return Cn.Date.now();
-}, Nn = Sn, yn = /\s/;
-function In(e) {
-  for (var n = e.length; n-- && yn.test(e.charAt(n)); )
+var Ae = Hn, Kn = typeof Ie == "object" && Ie && Ie.Object === Object && Ie, Qn = Kn, Xn = Qn, Yn = typeof self == "object" && self && self.Object === Object && self, Jn = Xn || Yn || Function("return this")(), dn = Jn, Zn = dn, Vn = function() {
+  return Zn.Date.now();
+}, Gn = Vn, et = /\s/;
+function nt(e) {
+  for (var n = e.length; n-- && et.test(e.charAt(n)); )
     ;
   return n;
 }
-var $n = In, Fn = $n, wn = /^\s+/;
-function Mn(e) {
-  return e && e.slice(0, Fn(e) + 1).replace(wn, "");
+var tt = nt, rt = tt, at = /^\s+/;
+function it(e) {
+  return e && e.slice(0, rt(e) + 1).replace(at, "");
 }
-var Rn = Mn, Tn = Ee, _n = Tn.Symbol, Be = _n, ve = Be, Oe = Object.prototype, An = Oe.hasOwnProperty, Ln = Oe.toString, q = ve ? ve.toStringTag : void 0;
-function En(e) {
-  var n = An.call(e, q), t = e[q];
+var st = it, lt = dn, dt = lt.Symbol, on = dt, Oe = on, un = Object.prototype, ot = un.hasOwnProperty, ut = un.toString, he = Oe ? Oe.toStringTag : void 0;
+function ct(e) {
+  var n = ot.call(e, he), t = e[he];
   try {
-    e[q] = void 0;
+    e[he] = void 0;
     var r = !0;
   } catch {
   }
-  var a = Ln.call(e);
-  return r && (n ? e[q] = t : delete e[q]), a;
+  var a = ut.call(e);
+  return r && (n ? e[he] = t : delete e[he]), a;
 }
-var Bn = En, On = Object.prototype, kn = On.toString;
-function jn(e) {
-  return kn.call(e);
+var ft = ct, gt = Object.prototype, mt = gt.toString;
+function ht(e) {
+  return mt.call(e);
 }
-var Pn = jn, xe = Be, Wn = Bn, Dn = Pn, Un = "[object Null]", zn = "[object Undefined]", Ce = xe ? xe.toStringTag : void 0;
-function Kn(e) {
-  return e == null ? e === void 0 ? zn : Un : Ce && Ce in Object(e) ? Wn(e) : Dn(e);
+var bt = ht, Pe = on, pt = ft, St = bt, xt = "[object Null]", Nt = "[object Undefined]", je = Pe ? Pe.toStringTag : void 0;
+function vt(e) {
+  return e == null ? e === void 0 ? Nt : xt : je && je in Object(e) ? pt(e) : St(e);
 }
-var Xn = Kn;
-function Gn(e) {
+var Ct = vt;
+function It(e) {
   return e != null && typeof e == "object";
 }
-var qn = Gn, Yn = Xn, Hn = qn, Jn = "[object Symbol]";
-function Qn(e) {
-  return typeof e == "symbol" || Hn(e) && Yn(e) == Jn;
+var $t = It, Mt = Ct, Ft = $t, Lt = "[object Symbol]";
+function wt(e) {
+  return typeof e == "symbol" || Ft(e) && Mt(e) == Lt;
 }
-var Zn = Qn, Vn = Rn, Se = ce, et = Zn, Ne = NaN, nt = /^[-+]0x[0-9a-f]+$/i, tt = /^0b[01]+$/i, rt = /^0o[0-7]+$/i, at = parseInt;
-function lt(e) {
+var Rt = wt, Wt = st, De = Ae, At = Rt, ze = NaN, _t = /^[-+]0x[0-9a-f]+$/i, kt = /^0b[01]+$/i, Et = /^0o[0-7]+$/i, Bt = parseInt;
+function Ut(e) {
   if (typeof e == "number")
     return e;
-  if (et(e))
-    return Ne;
-  if (Se(e)) {
+  if (At(e))
+    return ze;
+  if (De(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Se(n) ? n + "" : n;
+    e = De(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Vn(e);
-  var t = tt.test(e);
-  return t || rt.test(e) ? at(e.slice(2), t ? 2 : 8) : nt.test(e) ? Ne : +e;
+  e = Wt(e);
+  var t = kt.test(e);
+  return t || Et.test(e) ? Bt(e.slice(2), t ? 2 : 8) : _t.test(e) ? ze : +e;
 }
-var it = lt, ot = ce, le = Nn, ye = it, dt = "Expected a function", st = Math.max, ut = Math.min;
-function ct(e, n, t) {
-  var r, a, i, f, d, l, s = 0, g = !1, x = !1, y = !0;
+var yt = Ut, Ot = Ae, Le = Gn, Te = yt, Pt = "Expected a function", jt = Math.max, Dt = Math.min;
+function zt(e, n, t) {
+  var r, a, l, u, d, i, o = 0, g = !1, c = !1, I = !0;
   if (typeof e != "function")
-    throw new TypeError(dt);
-  n = ye(n) || 0, ot(t) && (g = !!t.leading, x = "maxWait" in t, i = x ? st(ye(t.maxWait) || 0, n) : i, y = "trailing" in t ? !!t.trailing : y);
-  function C(o) {
-    var M = r, E = a;
-    return r = a = void 0, s = o, f = e.apply(E, M), f;
+    throw new TypeError(Pt);
+  n = Te(n) || 0, Ot(t) && (g = !!t.leading, c = "maxWait" in t, l = c ? jt(Te(t.maxWait) || 0, n) : l, I = "trailing" in t ? !!t.trailing : I);
+  function N(M) {
+    var b = r, $ = a;
+    return r = a = void 0, o = M, u = e.apply($, b), u;
   }
-  function S(o) {
-    return s = o, d = setTimeout(T, n), g ? C(o) : f;
+  function m(M) {
+    return o = M, d = setTimeout(F, n), g ? N(M) : u;
   }
-  function I(o) {
-    var M = o - l, E = o - s, P = n - M;
-    return x ? ut(P, i - E) : P;
+  function f(M) {
+    var b = M - i, $ = M - o, R = n - b;
+    return c ? Dt(R, l - $) : R;
   }
-  function w(o) {
-    var M = o - l, E = o - s;
-    return l === void 0 || M >= n || M < 0 || x && E >= i;
+  function h(M) {
+    var b = M - i, $ = M - o;
+    return i === void 0 || b >= n || b < 0 || c && $ >= l;
   }
-  function T() {
-    var o = le();
-    if (w(o))
-      return N(o);
-    d = setTimeout(T, I(o));
+  function F() {
+    var M = Le();
+    if (h(M))
+      return p(M);
+    d = setTimeout(F, f(M));
   }
-  function N(o) {
-    return d = void 0, y && r ? C(o) : (r = a = void 0, f);
+  function p(M) {
+    return d = void 0, I && r ? N(M) : (r = a = void 0, u);
   }
-  function m() {
-    d !== void 0 && clearTimeout(d), s = 0, r = l = a = d = void 0;
+  function L() {
+    d !== void 0 && clearTimeout(d), o = 0, r = i = a = d = void 0;
   }
-  function h() {
-    return d === void 0 ? f : N(le());
+  function S() {
+    return d === void 0 ? u : p(Le());
   }
   function v() {
-    var o = le(), M = w(o);
-    if (r = arguments, a = this, l = o, M) {
+    var M = Le(), b = h(M);
+    if (r = arguments, a = this, i = M, b) {
       if (d === void 0)
-        return S(l);
-      if (x)
-        return clearTimeout(d), d = setTimeout(T, n), C(l);
+        return m(i);
+      if (c)
+        return clearTimeout(d), d = setTimeout(F, n), N(i);
     }
-    return d === void 0 && (d = setTimeout(T, n)), f;
+    return d === void 0 && (d = setTimeout(F, n)), u;
   }
-  return v.cancel = m, v.flush = h, v;
+  return v.cancel = L, v.flush = S, v;
 }
-var ke = ct;
-const ft = /* @__PURE__ */ Le(ke);
-var ht = ke, gt = ce, bt = "Expected a function";
-function mt(e, n, t) {
+var cn = zt;
+const Tt = /* @__PURE__ */ ln(cn);
+var qt = cn, Ht = Ae, Kt = "Expected a function";
+function Qt(e, n, t) {
   var r = !0, a = !0;
   if (typeof e != "function")
-    throw new TypeError(bt);
-  return gt(t) && (r = "leading" in t ? !!t.leading : r, a = "trailing" in t ? !!t.trailing : a), ht(e, n, {
+    throw new TypeError(Kt);
+  return Ht(t) && (r = "leading" in t ? !!t.leading : r, a = "trailing" in t ? !!t.trailing : a), qt(e, n, {
     leading: r,
     maxWait: n,
     trailing: a
   });
 }
-var pt = mt;
-const vt = /* @__PURE__ */ Le(pt), xt = (e, n, t, r) => {
+var Xt = Qt;
+const Yt = /* @__PURE__ */ ln(Xt), Jt = (e, n, t, r) => {
   switch (n) {
     case "debounce":
-      return ft(e, t, r);
+      return Tt(e, t, r);
     case "throttle":
-      return vt(e, t, r);
+      return Yt(e, t, r);
     default:
       return e;
   }
-}, Ct = (
+}, Zt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const n = Y.useRef(e);
-    return Y.useEffect(() => {
+    const n = be.useRef(e);
+    return be.useEffect(() => {
       n.current = e;
-    }), Y.useMemo(() => (...t) => {
+    }), be.useMemo(() => (...t) => {
       var r;
       return (r = n.current) === null || r === void 0 ? void 0 : r.call(n, ...t);
     }, []);
   }
-), St = (
+), Vt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [n, t] = Y.useState((e == null ? void 0 : e.current) || null);
+    const [n, t] = be.useState((e == null ? void 0 : e.current) || null);
     return e && setTimeout(() => {
       e.current !== n && t(e.current);
-    }, 0), { refProxy: Y.useMemo(() => new Proxy((a) => {
+    }, 0), { refProxy: be.useMemo(() => new Proxy((a) => {
       a !== n && t(a);
     }, {
-      get(a, i) {
-        return i === "current" ? n : a[i];
+      get(a, l) {
+        return l === "current" ? n : a[l];
       },
-      set(a, i, f) {
-        return i === "current" ? t(f) : a[i] = f, !0;
+      set(a, l, u) {
+        return l === "current" ? t(u) : a[l] = u, !0;
       }
     }), [n]), refElement: n, setRefElement: t };
   }
-), Nt = (e, n) => n === "border-box" ? {
+), Gt = (e, n) => n === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
 } : n === "content-box" ? {
@@ -209,137 +212,137 @@ const vt = /* @__PURE__ */ Le(pt), xt = (e, n, t, r) => {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function yt({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: i = !0, targetRef: f, observerOptions: d, onResize: l } = {}) {
-  const s = $e(e), g = Ct(l), [x, y] = A({
+function er({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: l = !0, targetRef: u, observerOptions: d, onResize: i } = {}) {
+  const o = Ke(e), g = Zt(i), [c, I] = U({
     width: void 0,
     height: void 0
-  }), { refProxy: C, refElement: S } = St(f), { box: I } = d || {}, w = F((N) => {
-    if (!a && !i)
+  }), { refProxy: N, refElement: m } = Vt(u), { box: f } = d || {}, h = w((p) => {
+    if (!a && !l)
       return;
-    if (s.current) {
-      s.current = !1;
+    if (o.current) {
+      o.current = !1;
       return;
     }
-    const m = (h, v) => a && h.width !== v.width || i && h.height !== v.height;
-    N.forEach((h) => {
-      const v = Nt(h, I);
-      y((o) => m(o, v) ? (g == null || g({
+    const L = (S, v) => a && S.width !== v.width || l && S.height !== v.height;
+    p.forEach((S) => {
+      const v = Gt(S, f);
+      I((M) => L(M, v) ? (g == null || g({
         width: v.width,
         height: v.height,
-        entry: h
-      }), v) : o);
+        entry: S
+      }), v) : M);
     });
-  }, [a, i, s, I]), T = F(xt(w, n, t, r), [
-    w,
+  }, [a, l, o, f]), F = w(Jt(h, n, t, r), [
+    h,
     n,
     t,
     r
   ]);
-  return k(() => {
-    let N;
-    return S ? (N = new window.ResizeObserver(T), N.observe(S, d)) : (x.width || x.height) && (g == null || g({
+  return z(() => {
+    let p;
+    return m ? (p = new window.ResizeObserver(F), p.observe(m, d)) : (c.width || c.height) && (g == null || g({
       width: null,
       height: null,
       entry: null
-    }), y({ width: void 0, height: void 0 })), () => {
-      var m, h, v;
-      (m = N == null ? void 0 : N.disconnect) === null || m === void 0 || m.call(N), (v = (h = T).cancel) === null || v === void 0 || v.call(h);
+    }), I({ width: void 0, height: void 0 })), () => {
+      var L, S, v;
+      (L = p == null ? void 0 : p.disconnect) === null || L === void 0 || L.call(p), (v = (S = F).cancel) === null || v === void 0 || v.call(S);
     };
-  }, [T, S]), Object.assign({ ref: C }, x);
+  }, [F, m]), Object.assign({ ref: N }, c);
 }
-const It = () => {
-  const { ref: e, width: n } = yt();
+const de = () => {
+  const { ref: e, width: n } = er();
   return {
     ref: e,
     width: n
   };
-}, $t = (...e) => {
-  const [n, t] = A();
-  return k(() => {
+}, Ne = (...e) => {
+  const [n, t] = U();
+  return z(() => {
     const r = e.filter((a) => a.width !== void 0).map((a) => Number(a.width.toFixed(1)));
     if (r.length === e.length) {
       const a = Math.max(...r);
-      t((i) => i === void 0 ? a : i);
+      t((l) => l === void 0 ? a : l);
     }
   }, [e]), n;
 };
-function Ft({ columnItem: e, width: n = void 0, children: t = void 0 }) {
-  return /* @__PURE__ */ c("div", { ref: e.ref, children: /* @__PURE__ */ c(Q, { sx: { width: n }, children: t }) });
+function oe({ columnItem: e, width: n = void 0, children: t = void 0 }) {
+  return /* @__PURE__ */ s("div", { ref: e.ref, children: /* @__PURE__ */ s(xe, { sx: { width: n }, children: t }) });
 }
-const te = W(Ke)(() => ({
+const Z = V(Nn)(() => ({
   whiteSpace: "nowrap",
   minWidth: "max-content"
 }));
-function er({ items: e, onSelect: n, onClose: t = void 0 }) {
-  const r = F(
-    (a) => {
-      n(a), t && t();
+function Er({ items: e, onSelect: n, onClose: t = void 0 }) {
+  const r = w(
+    (a, l) => {
+      n(a, l), t && t();
     },
     [t, n]
   );
-  return /* @__PURE__ */ c(J, { children: e.map((a) => /* @__PURE__ */ c(se, { onClick: () => r(a.key), children: a.text }, a.key)) });
+  return /* @__PURE__ */ s(ce, { children: e.map((a) => /* @__PURE__ */ s(We, { onClick: () => r(a.key, a.text), children: a.text }, a.key)) });
 }
-function wt({
+function nr({
   id: e = "dropdown-button",
   startIcon: n = void 0,
   endIcon: t = void 0,
   text: r = void 0,
   variant: a = "outlined",
-  color: i = void 0,
-  size: f = "medium",
+  color: l = void 0,
+  size: u = "medium",
   disabled: d = !1,
-  children: l
+  children: i
 }) {
-  const [s, g] = A(null), x = !!s, y = F((I) => {
-    g(I.currentTarget);
-  }, []), C = F(() => {
+  const [o, g] = U(null), c = !!o, I = w((f) => {
+    g(f.currentTarget);
+  }, []), N = w(() => {
     g(null);
-  }, []), S = oe.cloneElement(oe.Children.only(l), {
-    onClose: C
+  }, []), m = we.cloneElement(we.Children.only(i), {
+    onClose: N
   });
-  return /* @__PURE__ */ L(J, { children: [
-    !r && /* @__PURE__ */ c(
-      we,
+  return /* @__PURE__ */ T(ce, { children: [
+    !r && /* @__PURE__ */ s(
+      Xe,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": x ? `${e}-popover` : void 0,
+        "aria-controls": c ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": x ? "true" : void 0,
-        onClick: y,
-        size: f,
-        color: i,
+        "aria-expanded": c ? "true" : void 0,
+        onClick: I,
+        size: u,
+        color: l,
         disabled: d,
         children: n
       }
     ),
-    r && /* @__PURE__ */ c(
-      te,
+    r && /* @__PURE__ */ s(
+      Z,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": x ? `${e}-popover` : void 0,
+        "aria-controls": c ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": x ? "true" : void 0,
+        "aria-expanded": c ? "true" : void 0,
         variant: a,
         disableElevation: !0,
-        onClick: y,
+        onClick: I,
         startIcon: n,
-        endIcon: t ?? /* @__PURE__ */ c(_e, {}),
-        size: f,
-        color: i,
+        endIcon: t ?? /* @__PURE__ */ s(tn, {}),
+        size: u,
+        color: l,
         disabled: d,
         children: r
       }
     ),
-    /* @__PURE__ */ c(
-      Xe,
+    /* @__PURE__ */ s(
+      vn,
       {
         id: `${e}-popover`,
         "aria-labelledby": e,
-        anchorEl: s,
-        open: x,
-        onClose: C,
+        anchorEl: o,
+        open: c,
+        onClose: N,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
@@ -348,46 +351,46 @@ function wt({
           vertical: "top",
           horizontal: "left"
         },
-        children: S
+        children: m
       }
     )
   ] });
 }
-const Mt = W("div")(({ top: e, left: n, width: t, height: r }) => ({
+const tr = V("div")(({ top: e, left: n, width: t, height: r }) => ({
   top: e,
   left: n,
   width: t,
   height: r,
   position: "absolute",
   zIndex: 1
-})), Rt = W("div")(({ top: e, left: n, width: t, height: r, position: a, theme: i }) => ({
+})), rr = V("div")(({ top: e, left: n, width: t, height: r, position: a, theme: l }) => ({
   top: e,
   left: n,
   width: t,
   height: r,
   position: "absolute",
   zIndex: 2,
-  color: i.palette.primary.contrastText,
-  backgroundColor: i.palette.primary.main,
+  color: l.palette.primary.contrastText,
+  backgroundColor: l.palette.primary.main,
   display: "flex",
   flexDirection: a === "left" || a === "right" ? "column" : "row",
   borderTopLeftRadius: a === "top" || a === "left" ? 0 : 8,
   borderTopRightRadius: a === "top" || a === "right" ? 0 : 8,
   borderBottomRightRadius: a === "bottom" || a === "right" ? 0 : 8,
   borderBottomLeftRadius: a === "bottom" || a === "left" ? 0 : 8
-})), ee = 8;
-function nr({
+})), $e = 8;
+function Br({
   id: e = void 0,
   position: n,
   parentWidth: t,
   parentHeight: r,
   maxLength: a,
-  dropDownSize: i,
-  autoHideTimeout: f = 0,
+  dropDownSize: l,
+  autoHideTimeout: u = 0,
   forceShow: d = !1,
-  children: l = null
+  children: i = null
 }) {
-  const s = j(() => {
+  const o = O(() => {
     switch (n) {
       case "left":
       case "right":
@@ -398,498 +401,501 @@ function nr({
       default:
         return a;
     }
-  }, [a, r, t, n]), g = j(() => {
+  }, [a, r, t, n]), g = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return (r - s) / 2;
+        return (r - o) / 2;
       case "top":
         return 0;
       case "bottom":
-        return r - ee;
+        return r - $e;
       default:
         return 0;
     }
-  }, [s, r, n]), x = j(() => {
+  }, [o, r, n]), c = O(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - ee;
+        return t - $e;
       case "top":
       case "bottom":
-        return (t - s) / 2;
+        return (t - o) / 2;
       default:
         return 0;
     }
-  }, [s, t, n]), y = j(() => {
+  }, [o, t, n]), I = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return ee;
+        return $e;
       case "top":
       case "bottom":
-        return s;
+        return o;
       default:
         return 0;
     }
-  }, [s, n]), C = j(() => {
+  }, [o, n]), N = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return s;
+        return o;
       case "top":
       case "bottom":
-        return ee;
+        return $e;
       default:
         return 0;
     }
-  }, [s, n]), S = j(() => {
+  }, [o, n]), m = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return (r - s) / 2;
+        return (r - o) / 2;
       case "top":
         return 0;
       case "bottom":
-        return r - i;
+        return r - l;
       default:
         return 0;
     }
-  }, [i, s, r, n]), I = j(() => {
+  }, [l, o, r, n]), f = O(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - i;
+        return t - l;
       case "top":
       case "bottom":
-        return (t - s) / 2;
+        return (t - o) / 2;
       default:
         return 0;
     }
-  }, [i, s, t, n]), w = j(() => {
+  }, [l, o, t, n]), h = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return i;
+        return l;
       case "top":
       case "bottom":
-        return s;
+        return o;
       default:
         return 0;
     }
-  }, [i, s, n]), T = j(() => {
+  }, [l, o, n]), F = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return s;
+        return o;
       case "top":
       case "bottom":
-        return i;
+        return l;
       default:
         return 0;
     }
-  }, [i, s, n]), [N, m] = A(!1), h = F(
-    (o) => {
-      o.buttons === 0 && f && m(!0);
+  }, [l, o, n]), [p, L] = U(!1), S = w(
+    (M) => {
+      M.buttons === 0 && u && L(!0);
     },
-    [f]
-  ), v = F(() => {
-    m(!1);
+    [u]
+  ), v = w(() => {
+    L(!1);
   }, []);
-  return k(() => {
-    let o;
-    return N && f && (o = setTimeout(() => m(!1), f)), () => {
-      o && clearTimeout(o);
+  return z(() => {
+    let M;
+    return p && u && (M = setTimeout(() => L(!1), u)), () => {
+      M && clearTimeout(M);
     };
-  }, [f, N]), /* @__PURE__ */ L(J, { children: [
-    /* @__PURE__ */ c(
-      Mt,
+  }, [u, p]), /* @__PURE__ */ T(ce, { children: [
+    /* @__PURE__ */ s(
+      tr,
       {
         id: e,
         top: g,
-        left: x,
-        width: y,
-        height: C,
+        left: c,
+        width: I,
+        height: N,
         "aria-haspopup": "true",
-        onMouseEnter: h
+        onMouseEnter: S
       }
     ),
-    (N || d === !0) && /* @__PURE__ */ c(
-      Rt,
+    (p || d === !0) && /* @__PURE__ */ s(
+      rr,
       {
-        top: S,
-        left: I,
-        width: w,
-        height: T,
+        top: m,
+        left: f,
+        width: h,
+        height: F,
         position: n,
         onMouseLeave: v,
-        children: l
+        children: i
       }
     )
   ] });
 }
-function de({
+function ue({
   children: e,
   fullWidth: n = !0,
   spacing: t = "4px",
   alignItems: r = "center"
 }) {
-  return /* @__PURE__ */ c(Me, { margin: "dense", fullWidth: n, variant: "standard", children: /* @__PURE__ */ c(Re, { direction: "row", spacing: t, alignItems: r, children: e }) });
+  return /* @__PURE__ */ s(Ye, { margin: "dense", fullWidth: n, variant: "standard", children: /* @__PURE__ */ s(Je, { direction: "row", spacing: t, alignItems: r, children: e }) });
 }
-const Tt = W("input")(({ variant: e, theme: n }) => ({
+const ar = V("input")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
-})), _t = W("span")(({ variant: e, theme: n }) => ({
+})), ir = V("span")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
 }));
-function At({ value: e, onChange: n, ariaLabel: t = void 0, variant: r = "body1" }) {
-  const a = $e(null), [i, f] = A(e), d = F(
-    (g) => f(g.target.value),
+function sr({ value: e, onChange: n, ariaLabel: t = void 0, variant: r = "body1" }) {
+  const a = Ke(null), [l, u] = U(e), d = w(
+    (g) => u(g.target.value),
     []
-  ), l = F(
+  ), i = w(
     (g) => {
-      (g.key === "Enter" || g.key === "Escape") && (g.key === "Escape" && (f(e), g.currentTarget.value = e), g.currentTarget.blur());
+      (g.key === "Enter" || g.key === "Escape") && (g.key === "Escape" && (u(e), g.currentTarget.value = e), g.currentTarget.blur());
     },
     [e]
-  ), s = F(
+  ), o = w(
     (g) => {
       n(g.target.value);
     },
     [n]
   );
-  return k(() => {
+  return z(() => {
     var g;
     (g = a.current) == null || g.focus();
-  }, []), /* @__PURE__ */ c(
-    Tt,
+  }, []), /* @__PURE__ */ s(
+    ar,
     {
       ref: a,
       variant: r ?? "body1",
       type: "text",
       "aria-label": t,
-      value: i,
+      value: l,
       onChange: d,
-      onKeyDown: l,
-      onBlur: s
+      onKeyDown: i,
+      onBlur: o
     }
   );
 }
-function tr({ editMode: e, value: n, onValueChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
-  return /* @__PURE__ */ L(J, { children: [
-    e && /* @__PURE__ */ c(At, { ariaLabel: r, value: n, onChange: t, variant: a }),
-    !e && /* @__PURE__ */ c(_t, { variant: a ?? "body1", children: n })
+function Ur({ editMode: e, value: n, onValueChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
+  return /* @__PURE__ */ T(ce, { children: [
+    e && /* @__PURE__ */ s(sr, { ariaLabel: r, value: n, onChange: t, variant: a }),
+    !e && /* @__PURE__ */ s(ir, { variant: a ?? "body1", children: n })
   ] });
 }
-function Lt({
+function lr({
   id: e = void 0,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: i = void 0,
-  disabled: f = !1,
+  onBlur: l = void 0,
+  disabled: u = !1,
   error: d = !1,
-  required: l = !1,
-  margin: s = "dense",
+  required: i = !1,
+  margin: o = "dense",
   size: g = "small",
-  fullWidth: x = !1,
-  inputMode: y = void 0,
-  pattern: C = void 0,
-  startAdornment: S = void 0,
-  endAdornment: I = void 0,
-  sx: w = void 0,
-  sxStartAdornment: T = void 0,
-  sxEndAdornment: N = void 0
+  fullWidth: c = !1,
+  inputMode: I = void 0,
+  pattern: N = void 0,
+  startAdornment: m = void 0,
+  endAdornment: f = void 0,
+  sx: h = void 0,
+  sxStartAdornment: F = void 0,
+  sxEndAdornment: p = void 0
 }) {
-  const m = F(
-    (M) => {
-      a && a(M.target.value);
+  const L = w(
+    (b) => {
+      a && a(b.target.value);
     },
     [a]
-  ), h = F((M) => {
-    if (M.key === "Enter" && !M.ctrlKey && !M.altKey && !M.shiftKey) {
-      M.preventDefault(), M.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur();
+  ), S = w((b) => {
+    if (b.key === "Enter" && !b.ctrlKey && !b.altKey && !b.shiftKey) {
+      b.preventDefault(), b.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur();
       return;
     }
-  }, []), v = T ?? { marginBottom: 1 }, o = N ?? { marginBottom: 1 };
-  return /* @__PURE__ */ c(
-    Ge,
+  }, []), v = F ?? { marginBottom: 1 }, M = p ?? { marginBottom: 1 };
+  return /* @__PURE__ */ s(
+    Ze,
     {
       id: e,
       "aria-label": e,
       type: "text",
       label: n,
       helperText: t,
-      margin: s,
+      margin: o,
       size: g,
-      fullWidth: x,
+      fullWidth: c,
       variant: "standard",
       value: r,
-      onChange: m,
-      onBlur: i,
-      disabled: f,
-      "aria-disabled": f,
+      onChange: L,
+      onBlur: l,
+      disabled: u,
+      "aria-disabled": u,
       error: d,
-      required: l,
+      required: i,
       slotProps: {
         input: {
-          startAdornment: S ? /* @__PURE__ */ c(he, { position: "start", sx: { ...v }, children: S }) : null,
-          endAdornment: I ? /* @__PURE__ */ c(he, { position: "end", sx: { ...o }, children: I }) : null
+          startAdornment: m ? /* @__PURE__ */ s(Ee, { position: "start", sx: { ...v }, children: m }) : null,
+          endAdornment: f ? /* @__PURE__ */ s(Ee, { position: "end", sx: { ...M }, children: f }) : null
         },
         htmlInput: {
-          inputMode: y,
-          pattern: C
+          inputMode: I,
+          pattern: N
         }
       },
-      sx: w,
-      onKeyDown: h
+      sx: h,
+      onKeyDown: S
     }
   );
 }
-function G({
+function re({
   id: e,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: i = void 0,
-  disabled: f = !1,
+  onBlur: l = void 0,
+  disabled: u = !1,
   required: d = !1,
-  margin: l = "dense",
-  size: s = "small",
+  margin: i = "dense",
+  size: o = "small",
   fullWidth: g = !1,
-  inputMode: x = void 0,
-  pattern: y = void 0,
-  startAdornment: C = void 0,
-  endAdornment: S = void 0,
-  sx: I = void 0,
-  sxStartAdornment: w = void 0,
-  sxEndAdornment: T = void 0,
-  error: N = void 0,
-  onErrorChange: m = void 0,
-  onValidate: h = void 0,
-  numberType: v = "int",
-  minValue: o = void 0,
-  maxValue: M = void 0
+  inputMode: c = void 0,
+  pattern: I = void 0,
+  startAdornment: N = void 0,
+  endAdornment: m = void 0,
+  sx: f = void 0,
+  sxStartAdornment: h = void 0,
+  sxEndAdornment: F = void 0,
+  error: p = void 0,
+  onErrorChange: L = void 0,
+  onValidate: S = void 0,
+  numberType: v = void 0,
+  minValue: M = void 0,
+  maxValue: b = void 0
 }) {
-  const [E, P] = A(r), [_, B] = A(N !== void 0 ? N : !1);
-  k(() => {
-    P((u) => r !== u ? r : u);
-  }, [r]), k(() => {
-    B((u) => N !== void 0 && N !== u ? N : u);
-  }, [N]);
-  const z = F(
-    (u) => {
-      const $ = Number.parseInt(u, u.startsWith("0x") ? 16 : 10);
-      let b = Number.isNaN($);
-      return b || (b = o !== void 0 && $ < o), b || (b = M !== void 0 && $ > M), { val: u, err: b };
+  const [$, R] = U(r), [k, _] = U(p !== void 0 ? p : !1);
+  z(() => {
+    R((x) => r !== x ? r : x);
+  }, [r]), z(() => {
+    _((x) => p !== void 0 && p !== x ? p : x);
+  }, [p]);
+  const W = w(
+    (x) => {
+      const B = Number.parseInt(x, x.startsWith("0x") ? 16 : 10);
+      let y = Number.isNaN(B);
+      return y || (y = M !== void 0 && B < M), y || (y = b !== void 0 && B > b), { val: x, err: y };
     },
-    [M, o]
-  ), K = F(
-    (u) => {
-      let $ = !1;
-      if (u.endsWith(",") || u.endsWith("."))
-        return $ = !0, { val: u, err: $ };
-      const b = Number.parseFloat(u.replace(",", "."));
-      return $ = Number.isNaN(b), $ || ($ = o !== void 0 && b < o), $ || ($ = M !== void 0 && b > M), { val: b.toString(), err: $ };
+    [b, M]
+  ), j = w(
+    (x) => {
+      let B = !1;
+      if (x.endsWith(",") || x.endsWith("."))
+        return B = !0, { val: x, err: B };
+      const y = Number.parseFloat(x.replace(",", "."));
+      return B = Number.isNaN(y), B || (B = M !== void 0 && y < M), B || (B = b !== void 0 && y > b), { val: y.toString(), err: B };
     },
-    [M, o]
-  ), X = F(
-    (u) => v === "int" ? z(u) : K(u),
-    [v, K, z]
-  ), D = F(
-    (u, $) => {
-      let b = u, O = !1;
-      return !d && (b === void 0 || b === "") ? { val: b, err: O } : (v !== void 0 && ({ val: b, err: O } = X(u)), !O && h && ({ val: b, err: O } = h(b, $)), { val: b, err: O });
+    [b, M]
+  ), X = w(
+    (x) => v === "int" ? W(x) : j(x),
+    [v, j, W]
+  ), P = w(
+    (x, B) => {
+      let y = x, D = !1;
+      return !d && (y === void 0 || y === "") ? { val: y, err: D } : (v !== void 0 && ({ val: y, err: D } = X(x)), !D && S && ({ val: y, err: D } = S(y, B)), { val: y, err: D });
     },
-    [h, X]
-  ), R = F(
-    (u) => {
-      const { val: $, err: b } = D(u, "change");
-      (N === void 0 || N === !1) && B(b), P(b ? u : $), !b && a && a($);
+    [S, X]
+  ), A = w(
+    (x) => {
+      const { val: B, err: y } = P(x, "change");
+      _(y), R(y ? x : B), !y && a && a(B);
     },
-    [a, D]
-  ), p = F(() => {
-    const { val: u, err: $ } = D(E, "blur");
-    (N === void 0 || N === !1) && B($), !$ && i && i(u);
-  }, [i, D, E]);
-  return k(() => {
-    m && m(_);
-  }, [_, m]), /* @__PURE__ */ c(
-    Lt,
+    [a, P]
+  ), C = w(() => {
+    const { val: x, err: B } = P($, "blur");
+    _(B), !B && l && l(x);
+  }, [l, P, $]);
+  return z(() => {
+    L && L(k);
+  }, [k, L]), z(() => {
+    let x = !1;
+    u || (x = P($, "blur").err), _(x);
+  }, [u]), /* @__PURE__ */ s(
+    lr,
     {
       id: e,
       label: n,
       helperText: t,
-      value: E,
-      onChange: R,
-      onBlur: p,
-      disabled: f,
-      error: _,
+      value: $,
+      onChange: A,
+      onBlur: C,
+      disabled: u,
+      error: k,
       required: d,
-      margin: l,
-      size: s,
+      margin: i,
+      size: o,
       fullWidth: g,
-      inputMode: x,
-      pattern: y,
-      startAdornment: C,
-      endAdornment: S,
-      sx: I,
-      sxStartAdornment: w,
-      sxEndAdornment: T
+      inputMode: c,
+      pattern: I,
+      startAdornment: N,
+      endAdornment: m,
+      sx: f,
+      sxStartAdornment: h,
+      sxEndAdornment: F
     }
   );
 }
-function rr({
+function yr({
   minValue: e,
   maxValue: n,
   onChange: t = void 0,
   onBlur: r = void 0,
   minError: a = void 0,
-  onMinErrorChange: i = void 0,
-  maxError: f = void 0,
+  onMinErrorChange: l = void 0,
+  maxError: u = void 0,
   onMaxErrorChange: d = void 0,
-  onMinValidate: l = void 0,
-  onMaxValidate: s = void 0,
+  onMinValidate: i = void 0,
+  onMaxValidate: o = void 0,
   minDisabled: g = !1,
-  maxDisabled: x = !1,
-  unit: y = void 0,
-  lowerLimit: C = void 0,
-  upperLimit: S = void 0
+  maxDisabled: c = !1,
+  unit: I = void 0,
+  lowerLimit: N = void 0,
+  upperLimit: m = void 0
 }) {
-  const I = H(), w = Number.parseInt(e), T = Number.parseInt(n), [N, m] = A(e.toString()), [h, v] = A(n.toString()), [o, M] = A(
-    a === !0 || Number.isNaN(w) || w < (C ?? 0) || S && w > S || !Number.isNaN(T) && w >= T
-  ), [E, P] = A(
-    f === !0 || Number.isNaN(T) || T < (C ?? 0) || S && T > S || !Number.isNaN(w) && w >= T
+  const f = ne(), h = Number.parseInt(e), F = Number.parseInt(n), [p, L] = U(e.toString()), [S, v] = U(n.toString()), [M, b] = U(
+    a === !0 || Number.isNaN(h) || h < (N ?? 0) || m && h > m || !Number.isNaN(F) && h >= F
+  ), [$, R] = U(
+    u === !0 || Number.isNaN(F) || F < (N ?? 0) || m && F > m || !Number.isNaN(h) && h >= F
   );
-  k(() => {
-    m((R) => e.toString() !== R ? e.toString() : R);
-  }, [e]), k(() => {
-    M((R) => a !== void 0 && a !== R ? a : R);
-  }, [a]), k(() => {
-    v((R) => n.toString() !== R ? n.toString() : R);
-  }, [n]), k(() => {
-    P((R) => f !== void 0 && f !== R ? f : R);
-  }, [f]);
-  const _ = F(
-    (R) => {
-      const p = Number.parseInt(R, R.startsWith("0x") ? 16 : 10), u = Number.parseInt(h), $ = Number.isNaN(p) || p < (C ?? 0) || S && p > S || !Number.isNaN(u) && p >= u;
-      return { val: R, err: $ };
+  z(() => {
+    L((A) => e.toString() !== A ? e.toString() : A);
+  }, [e]), z(() => {
+    b((A) => a !== void 0 && a !== A ? a : A);
+  }, [a]), z(() => {
+    v((A) => n.toString() !== A ? n.toString() : A);
+  }, [n]), z(() => {
+    R((A) => u !== void 0 && u !== A ? u : A);
+  }, [u]);
+  const k = w(
+    (A) => {
+      const C = Number.parseInt(A, A.startsWith("0x") ? 16 : 10), x = Number.parseInt(S), B = Number.isNaN(C) || C < (N ?? 0) || m && C > m || !Number.isNaN(x) && C >= x;
+      return { val: A, err: B };
     },
-    [h, C, S]
-  ), B = F(
-    (R) => {
-      const p = Number.parseInt(R, R.startsWith("0x") ? 16 : 10), u = Number.parseInt(N), $ = Number.isNaN(p) || p < (C ?? 0) || S && p > S || !Number.isNaN(u) && u >= p;
-      return { val: R, err: $ };
+    [S, N, m]
+  ), _ = w(
+    (A) => {
+      const C = Number.parseInt(A, A.startsWith("0x") ? 16 : 10), x = Number.parseInt(p), B = Number.isNaN(C) || C < (N ?? 0) || m && C > m || !Number.isNaN(x) && x >= C;
+      return { val: A, err: B };
     },
-    [N, C, S]
-  ), z = F(
-    (R) => {
-      let { val: p, err: u } = _(R);
-      if (!u && l && ({ val: p, err: u } = l(R, "change")), (a === void 0 || a === !1) && M(u), u)
-        t && t(R, h);
+    [p, N, m]
+  ), W = w(
+    (A) => {
+      let { val: C, err: x } = k(A);
+      if (!x && i && ({ val: C, err: x } = i(A, "change")), (a === void 0 || a === !1) && b(x), x)
+        t && t(A, S);
       else {
-        const $ = Number.parseInt(p, p.startsWith("0x") ? 16 : 10).toString();
-        m($), t && t($, h);
+        const B = Number.parseInt(C, C.startsWith("0x") ? 16 : 10).toString();
+        L(B), t && t(B, S);
       }
     },
-    [_, l, a, t, h]
-  ), K = F(
-    (R) => {
-      let { val: p, err: u } = _(R);
-      !u && l && ({ val: p, err: u } = l(p, "blur")), M(u), !u && r && r(p, h);
+    [k, i, a, t, S]
+  ), j = w(
+    (A) => {
+      let { val: C, err: x } = k(A);
+      !x && i && ({ val: C, err: x } = i(C, "blur")), b(x), !x && r && r(C, S);
     },
-    [_, l, r, h]
-  ), X = F(
-    (R) => {
-      let { val: p, err: u } = B(R);
-      if (!u && s && ({ val: p, err: u } = s(R, "change")), (f === void 0 || f === !1) && P(u), u)
-        t && t(N, R);
+    [k, i, r, S]
+  ), X = w(
+    (A) => {
+      let { val: C, err: x } = _(A);
+      if (!x && o && ({ val: C, err: x } = o(A, "change")), (u === void 0 || u === !1) && R(x), x)
+        t && t(p, A);
       else {
-        const $ = Number.parseInt(p, p.startsWith("0x") ? 16 : 10).toString();
-        v($), t && t(N, $);
+        const B = Number.parseInt(C, C.startsWith("0x") ? 16 : 10).toString();
+        v(B), t && t(p, B);
       }
     },
-    [B, s, f, t, N]
-  ), D = F(
-    (R) => {
-      let { val: p, err: u } = B(R);
-      !u && s && ({ val: p, err: u } = s(p, "blur")), P(u), !u && r && r(N, p);
+    [_, o, u, t, p]
+  ), P = w(
+    (A) => {
+      let { val: C, err: x } = _(A);
+      !x && o && ({ val: C, err: x } = o(C, "blur")), R(x), !x && r && r(p, C);
     },
-    [B, s, r, N]
+    [_, o, r, p]
   );
-  return k(() => {
-    i && i(o), d && d(E);
-  }, [E, o, d, i]), /* @__PURE__ */ L(J, { children: [
-    /* @__PURE__ */ c(
-      G,
+  return z(() => {
+    l && l(M), d && d($);
+  }, [$, M, d, l]), /* @__PURE__ */ T(ce, { children: [
+    /* @__PURE__ */ s(
+      re,
       {
         id: "min-value",
         disabled: g,
         inputMode: "numeric",
         fullWidth: !0,
-        value: N,
-        onChange: z,
-        onBlur: K,
-        startAdornment: I.getString("LabelFrom"),
-        endAdornment: y,
+        value: p,
+        onChange: W,
+        onBlur: j,
+        startAdornment: f.getString("LabelFrom"),
+        endAdornment: I,
         numberType: "int",
-        error: o,
-        onErrorChange: M
+        error: M,
+        onErrorChange: b
       }
     ),
-    /* @__PURE__ */ c(
-      G,
+    /* @__PURE__ */ s(
+      re,
       {
         id: "max-value",
-        disabled: x,
+        disabled: c,
         inputMode: "numeric",
         fullWidth: !0,
-        value: h,
+        value: S,
         onChange: X,
-        onBlur: D,
-        startAdornment: I.getString("LabelTo"),
-        endAdornment: y,
+        onBlur: P,
+        startAdornment: f.getString("LabelTo"),
+        endAdornment: I,
         numberType: "int",
-        error: E,
-        onErrorChange: P
+        error: $,
+        onErrorChange: R
       }
     )
   ] });
 }
-function ie({
+function fe({
   id: e = void 0,
   label: n,
   value: t,
   disabled: r = !1,
   size: a = "small",
-  sx: i = void 0
+  sx: l = void 0
 }) {
-  return /* @__PURE__ */ c(
-    Fe,
+  return /* @__PURE__ */ s(
+    Qe,
     {
       id: e,
       "aria-label": e,
       value: t,
       disabled: r,
       "aria-disabled": r,
-      control: /* @__PURE__ */ c(qe, { size: a }),
+      control: /* @__PURE__ */ s(Cn, { size: a }),
       label: n,
       componentsProps: { typography: { noWrap: !0 } },
-      sx: i
+      sx: l
     }
   );
 }
-function Et({
+function fn({
   children: e,
   id: n = void 0,
   value: t,
   onChange: r
 }) {
-  return /* @__PURE__ */ c(Ye, { id: n, "aria-label": n, value: t, onChange: (a, i) => r(i), children: e });
+  return /* @__PURE__ */ s(In, { id: n, "aria-label": n, value: t, onChange: (a, l) => r(l), children: e });
 }
-const Bt = W(Q, {
+const dr = V(xe, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ collapsed: e, theme: n }) => ({
   paddingTop: e ? "4px" : "8px",
@@ -900,192 +906,483 @@ const Bt = W(Q, {
   "&:hover, &:focus-within": {
     background: n.palette.action.hover
   }
-})), je = W("span")(({ theme: e }) => ({
+})), gn = V("span")(({ theme: e }) => ({
   color: e.palette.divider
-})), Ot = W(je)(() => ({
+})), or = V(gn)(() => ({
   "&:hover": {
     cursor: "pointer"
   }
-})), kt = W(we)(({ theme: e }) => ({
+})), ur = V(Xe)(({ theme: e }) => ({
   color: e.palette.divider,
   padding: "0px"
 }));
-function fe({
+function me({
   textAlign: e = "left",
   text: n = void 0,
   summary: t = void 0,
   children: r = void 0,
   collapsible: a = !1,
-  collapsed: i = !1,
-  collapsedChange: f = void 0
+  collapsed: l = !1,
+  collapsedChange: u = void 0
 }) {
-  const d = We(), l = H(), [s, g] = A(i);
-  k(() => g(i), [i]);
-  const x = F(
-    (y) => {
-      f ? f(y) : g(y);
+  const d = hn(), i = ne(), [o, g] = U(l);
+  z(() => g(l), [l]);
+  const c = w(
+    (I) => {
+      u ? u(I) : g(I);
     },
-    [f]
+    [u]
   );
-  return /* @__PURE__ */ L(Bt, { collapsed: s, children: [
-    n && /* @__PURE__ */ c(He, { textAlign: e, variant: "fullWidth", children: a ? /* @__PURE__ */ L(Re, { direction: "row", spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ L(Ot, { onClick: () => x(!s), children: [
+  return /* @__PURE__ */ T(dr, { collapsed: o, children: [
+    n && /* @__PURE__ */ s($n, { textAlign: e, variant: "fullWidth", children: a ? /* @__PURE__ */ T(Je, { direction: "row", spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ T(or, { onClick: () => c(!o), children: [
         n.toLocaleUpperCase(d),
-        s && t ? ` (${t})` : ""
+        o && t ? ` (${t})` : ""
       ] }),
-      /* @__PURE__ */ c(
-        ne,
+      /* @__PURE__ */ s(
+        Se,
         {
-          title: s ? l == null ? void 0 : l.getString("TooltipExpandSection", n) : l == null ? void 0 : l.getString("TooltipCollapseSection", n),
-          children: /* @__PURE__ */ c(kt, { onClick: () => x(!s), children: s ? /* @__PURE__ */ c(_e, {}) : /* @__PURE__ */ c(fn, {}) })
+          title: o ? i == null ? void 0 : i.getString("TooltipExpandSection", n) : i == null ? void 0 : i.getString("TooltipCollapseSection", n),
+          children: /* @__PURE__ */ s(ur, { onClick: () => c(!o), children: o ? /* @__PURE__ */ s(tn, {}) : /* @__PURE__ */ s(Dn, {}) })
         }
       )
-    ] }) : /* @__PURE__ */ c(je, { children: n.toLocaleUpperCase(d) }) }),
-    !s && r
+    ] }) : /* @__PURE__ */ s(gn, { children: n.toLocaleUpperCase(d) }) }),
+    !o && r
   ] });
 }
-function Ie({
+function Me({
   id: e,
   label: n,
   showLabel: t = !1,
   helperText: r = "",
   options: a,
-  value: i,
-  onChange: f,
+  value: l,
+  onChange: u,
   disabled: d = !1,
-  required: l = !1,
-  margin: s = "dense",
+  required: i = !1,
+  margin: o = "dense",
   size: g = "small",
-  fullWidth: x = !1,
-  minWidth: y = void 0,
-  prefixTextWithValue: C = !1
+  fullWidth: c = !1,
+  minWidth: I = void 0,
+  prefixTextWithValue: N = !1
 }) {
-  const S = F(
-    (m) => {
-      typeof m.target.value == "string" ? f("") : f(m.target.value);
+  const m = w(
+    (L) => {
+      typeof L.target.value == "string" ? u("") : u(L.target.value);
     },
-    [f]
-  ), I = F(
-    (m) => m.map((h) => /* @__PURE__ */ c(se, { "aria-label": `menu-item-${h.value}`, value: h.value, children: C ? `${h.value} - ${h.displayText}` : h.displayText }, h.value)),
-    [C]
-  ), w = F(
-    (m, h) => {
+    [u]
+  ), f = w(
+    (L) => L.map((S) => /* @__PURE__ */ s(We, { "aria-label": `menu-item-${S.value}`, value: S.value, children: N ? `${S.value} - ${S.displayText}` : S.displayText }, S.value)),
+    [N]
+  ), h = w(
+    (L, S) => {
       const v = [
-        /* @__PURE__ */ c(Ve, { color: "primary", children: m }, m)
+        /* @__PURE__ */ s(wn, { color: "primary", children: L }, L)
       ];
-      return v.push(...I(h)), v;
+      return v.push(...f(S)), v;
     },
-    [I]
-  ), T = F(
-    (m) => {
-      const h = [];
-      return m.forEach((v, o) => {
-        h.push(...w(o, v));
-      }), h;
+    [f]
+  ), F = w(
+    (L) => {
+      const S = [];
+      return L.forEach((v, M) => {
+        S.push(...h(M, v));
+      }), S;
     },
-    [w]
-  ), N = F(
-    (m) => {
-      let h = "";
+    [h]
+  ), p = w(
+    (L) => {
+      let S = "";
       if (a instanceof Map)
-        a.forEach((v, o) => {
-          if (h === "") {
-            const M = v.find((E) => E.value === m);
-            M && (h = C ? `${M.value} - ${o} - ${M.displayText}` : `${o} - ${M.displayText}`);
+        a.forEach((v, M) => {
+          if (S === "") {
+            const b = v.find(($) => $.value === L);
+            b && (S = N ? `${b.value} - ${M} - ${b.displayText}` : `${M} - ${b.displayText}`);
           }
         });
       else {
-        const v = a.find((o) => o.value === m);
-        v && (h = C ? `${v.value} - ${v.displayText}` : v.displayText);
+        const v = a.find((M) => M.value === L);
+        v && (S = N ? `${v.value} - ${v.displayText}` : v.displayText);
       }
-      return h === "" && (h = l ? `${n} *` : n), h;
+      return S === "" && (S = i ? `${n} *` : n), S;
     },
-    [n, a, C, l]
+    [n, a, N, i]
   );
-  return /* @__PURE__ */ L(Me, { fullWidth: x, variant: "standard", sx: { minWidth: y }, margin: s, size: g, children: [
-    t && /* @__PURE__ */ c(Je, { id: `${e}-label`, children: l ? `${n} *` : n }),
-    /* @__PURE__ */ L(
-      Qe,
+  return /* @__PURE__ */ T(Ye, { fullWidth: c, variant: "standard", sx: { minWidth: I }, margin: o, size: g, children: [
+    t && /* @__PURE__ */ s(Mn, { id: `${e}-label`, children: i ? `${n} *` : n }),
+    /* @__PURE__ */ T(
+      Fn,
       {
         labelId: `${e}-label`,
         "aria-label": e,
         id: e,
-        value: i,
-        renderValue: N,
-        onChange: S,
+        value: l,
+        renderValue: p,
+        onChange: m,
         displayEmpty: !t,
         disabled: d,
         "aria-disabled": d,
         children: [
-          a instanceof Map && T(a),
-          a instanceof Array && I(a)
+          a instanceof Map && F(a),
+          a instanceof Array && f(a)
         ]
       }
     ),
-    r && /* @__PURE__ */ c(Ze, { children: r })
+    r && /* @__PURE__ */ s(Ln, { children: r })
+  ] });
+}
+const _e = (e) => {
+  const [n, t] = U([]);
+  return z(() => {
+    const r = () => {
+      qn(e).then((l) => {
+        const u = [];
+        for (let d = 0; d < l.length; d += 1) {
+          let i;
+          const o = l[d];
+          if (o.messageQualifiedName !== void 0) {
+            const g = o.messageQualifiedName.indexOf(".");
+            if (g !== -1) {
+              const c = o.messageQualifiedName.substring(0, g);
+              i = u.find((I) => I.name === c), i || (i = { name: c, messages: [] }, u.push(i));
+            }
+          }
+          i && i.messages.push(o);
+        }
+        return t(u), u;
+      });
+    }, a = Tn();
+    return bn(a, "meas-setup-changed", r), r(), () => {
+      pn(a, "meas-setup-changed");
+    };
+  }, [e]), n;
+};
+function Or({
+  parentDialogTitle: e = void 0,
+  open: n,
+  onSelect: t,
+  nodeIdentifier: r = void 0,
+  onClose: a,
+  modal: l = !1
+}) {
+  const u = ne(), d = _e(r), i = O(
+    () => e ? `${e} > ${u.getString("DialogHeaderSelectMessage")}` : u.getString("DialogHeaderSelectMessage"),
+    [u, e]
+  ), o = w(
+    (c) => {
+      if (c !== null)
+        for (let I = 0; I < d.length; I += 1) {
+          const m = d[I].messages.find((f) => f.messageQualifiedName === c);
+          m && (t(m), a && a());
+        }
+    },
+    [d, a, t]
+  ), g = O(() => d.map((c) => c.name), [d]);
+  return /* @__PURE__ */ T(
+    Ve,
+    {
+      open: n,
+      fullScreen: l !== !0,
+      fullWidth: l === !0,
+      maxWidth: l === !0 ? "md" : void 0,
+      children: [
+        /* @__PURE__ */ s(Ge, { className: "draggable", children: i }),
+        /* @__PURE__ */ s(en, { dividers: !0, children: /* @__PURE__ */ s(
+          rn,
+          {
+            "aria-label": "frame-selector",
+            onSelectedItemsChange: (c, I) => o(I),
+            multiSelect: !1,
+            defaultExpandedItems: g,
+            sx: { height: 400 },
+            children: d.map((c) => /* @__PURE__ */ s(pe, { itemId: c.name, label: c.name, children: c.messages.map((I) => /* @__PURE__ */ s(pe, { itemId: I.messageQualifiedName, label: I.messageName }, I.messageQualifiedName)) }, c.name))
+          }
+        ) }),
+        /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Z, { onClick: a, variant: "outlined", size: "large", children: u.getString("ButtonBack") }) })
+      ]
+    }
+  );
+}
+function cr({
+  parentDialogTitle: e = void 0,
+  nodeIdentifier: n = void 0,
+  open: t,
+  multiSelect: r = !1,
+  checkboxSelection: a = !1,
+  onSelect: l = void 0,
+  onMultiSelect: u = void 0,
+  onClose: d,
+  selectedMessages: i = void 0,
+  selectedSignals: o = void 0
+}) {
+  const g = ne(), c = _e(n), I = O(
+    () => e ? `${e} > ${g.getString("DialogHeaderSelectSignal")}` : g.getString("DialogHeaderSelectSignal"),
+    [g, e]
+  ), [N, m] = U(() => i ? c.map((b) => b.messages.filter(($) => i.includes($.messageQualifiedName))).flat() : []);
+  z(() => {
+    if (i) {
+      const b = c.map(($) => $.messages.filter((R) => i.includes(R.messageQualifiedName))).flat();
+      m(b);
+    }
+  }, [i, c]);
+  const [f, h] = U(() => o ? c.map(
+    (b) => b.messages.filter(
+      ($) => $.signals && $.signals.find((R) => o.includes(R.qualifiedName))
+    )
+  ).flat().map((b) => b.signals.filter(($) => o.includes($.qualifiedName))).flat() : []);
+  z(() => {
+    if (o) {
+      const b = c.map(
+        ($) => $.messages.filter(
+          (R) => R.signals && R.signals.find((k) => o.includes(k.qualifiedName))
+        )
+      ).flat().map(($) => $.signals.filter((R) => o.includes(R.qualifiedName))).flat();
+      h(b);
+    }
+  }, [o, c]);
+  const [F, p] = U(!1), L = O(() => {
+    if (r)
+      return [
+        ...N.map((b) => b.messageQualifiedName),
+        ...f.map((b) => b.qualifiedName)
+      ];
+  }, [r, N, f]), S = w(
+    (b) => {
+      if (b === null)
+        return;
+      if (!r)
+        for (let R = 0; R < c.length; R += 1) {
+          const _ = c[R].messages.find(
+            (W) => W.signals && W.signals.findIndex((j) => j.qualifiedName === b) !== -1
+          );
+          if (_ != null && _.signals) {
+            const W = _.signals.find((j) => j.qualifiedName === b);
+            if (W && l && (l(_, W), d)) {
+              d();
+              return;
+            }
+          }
+        }
+      let $ = [];
+      m((R) => {
+        let k = [];
+        for (let _ = 0; _ < c.length; _ += 1) {
+          const W = c[_], j = W.messages.filter(
+            (C) => C.signals && C.signals.length > 0 && C.signals.every((x) => b.includes(x.qualifiedName))
+          ), X = W.messages.filter(
+            (C) => C.signals && C.signals.some((x) => b.includes(x.qualifiedName))
+          );
+          if (X) {
+            const C = X.map((x) => x.signals).flat().filter((x) => b.includes(x.qualifiedName));
+            C && (k = [...new Set(k.concat(j))], $ = [...new Set($.concat(C))]);
+          }
+          const P = W.messages.filter(
+            (C) => C.signals.length > 0 && b.includes(C.messageQualifiedName) && !R.some((x) => x.messageQualifiedName === C.messageQualifiedName)
+          );
+          if (P.length > 0) {
+            const C = P.map((x) => x.signals).flat();
+            C && (k = [...new Set(k.concat(P))], $ = [...new Set($.concat(C))]);
+          }
+          const A = W.messages.filter(
+            (C) => !b.includes(C.messageQualifiedName) && R.some((x) => x.messageQualifiedName === C.messageQualifiedName)
+          );
+          if (A.length > 0) {
+            const C = A.map((x) => x.signals).flat();
+            C && (k = k.filter(
+              (x) => !A.some((B) => B.messageQualifiedName === x.messageQualifiedName)
+            ), $ = $.filter(
+              (x) => !C.some((B) => B.qualifiedName === x.qualifiedName)
+            ));
+          }
+        }
+        return k;
+      }), h($);
+    },
+    [c, r, d, l]
+  ), v = w(() => {
+    u && (u(N, f), m([]), h([])), d && d();
+  }, [d, u, N, f]);
+  z(() => {
+    p(f.length === 0);
+  }, [f.length]);
+  const M = O(() => {
+    const b = c.map((R) => R.name), $ = c.map((R) => R.messages).flat().filter(
+      (R) => R.signals && R.signals.some((k) => f.some((_) => _.qualifiedName === k.qualifiedName))
+    ).map((R) => R.messageQualifiedName);
+    return [...b, ...$];
+  }, [c, f]);
+  return /* @__PURE__ */ T(Ve, { open: t, fullScreen: !0, children: [
+    /* @__PURE__ */ s(Ge, { className: "draggable", children: I }),
+    /* @__PURE__ */ s(en, { dividers: !0, children: /* @__PURE__ */ s(
+      rn,
+      {
+        "aria-label": "signal-selector",
+        multiSelect: r,
+        checkboxSelection: a,
+        selectedItems: L,
+        onSelectedItemsChange: (b, $) => S($),
+        defaultExpandedItems: M,
+        children: c.map((b) => /* @__PURE__ */ s(pe, { itemId: b.name, label: b.name, children: b.messages.map(($) => /* @__PURE__ */ s(pe, { itemId: $.messageQualifiedName, label: $.messageName, children: $.signals && $.signals.map((R) => /* @__PURE__ */ s(pe, { itemId: R.qualifiedName, label: R.name }, R.qualifiedName)) }, $.messageQualifiedName)) }, b.name))
+      }
+    ) }),
+    r && /* @__PURE__ */ T(Re, { children: [
+      /* @__PURE__ */ s(
+        Z,
+        {
+          onClick: v,
+          variant: "contained",
+          size: "large",
+          disabled: F,
+          children: g.getString("ButtonSave")
+        }
+      ),
+      /* @__PURE__ */ s(Z, { onClick: d, variant: "outlined", size: "large", children: g.getString("ButtonCancel") })
+    ] }),
+    !r && /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Z, { onClick: d, variant: "outlined", size: "large", children: g.getString("ButtonBack") }) })
   ] });
 }
-const ar = W(Q)(({ height: e, width: n }) => ({
+function Pr({
+  selectedSignals: e,
+  onSelectedSignalseChange: n,
+  onErrorsChange: t = void 0,
+  signalFilterError: r = void 0,
+  parentDialogTitle: a = void 0,
+  nodeIdentifier: l = void 0,
+  disabled: u = !1
+}) {
+  const d = ne(), i = de(), o = Ne(i), g = _e(l), c = O(() => {
+    const h = /* @__PURE__ */ new Set();
+    return g.forEach((F) => {
+      F.messages.forEach((p) => {
+        p.signals.length > 0 && p.signals.every((L) => e.includes(L.qualifiedName)) && h.add(p.messageQualifiedName);
+      });
+    }), Array.from(h);
+  }, [g, e]), I = w(
+    (h, F) => {
+      n(F.map((p) => p.qualifiedName));
+    },
+    [n]
+  ), N = w(
+    (h, F) => {
+      n(F);
+    },
+    [n]
+  );
+  z(() => {
+    r && (r.current = e.length === 0), t && t(e.length === 0);
+  }, [t, e, r]);
+  const [m, f] = U(!1);
+  return /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ T(ue, { children: [
+    /* @__PURE__ */ s(
+      Rn,
+      {
+        id: "selected-signals",
+        multiple: !0,
+        limitTags: 3,
+        freeSolo: !0,
+        options: [],
+        value: e,
+        renderInput: (h) => /* @__PURE__ */ s(Ze, { ...h, label: d.getString("LabelSelectedSignals") }),
+        size: "small",
+        fullWidth: !0,
+        onChange: N,
+        inputValue: ""
+      }
+    ),
+    /* @__PURE__ */ s(oe, { columnItem: i, width: o, children: /* @__PURE__ */ s(Se, { title: d.getString("TooltipSelectSignals"), children: /* @__PURE__ */ s(
+      Z,
+      {
+        disabled: u,
+        onClick: () => f(!0),
+        variant: "outlined",
+        size: "large",
+        children: d.getString("ButtonSelectSignals")
+      }
+    ) }) }),
+    /* @__PURE__ */ s(
+      cr,
+      {
+        parentDialogTitle: a,
+        open: m,
+        onClose: () => f(!1),
+        nodeIdentifier: l,
+        onMultiSelect: I,
+        multiSelect: !0,
+        selectedMessages: c,
+        selectedSignals: e,
+        checkboxSelection: !0
+      }
+    )
+  ] }) });
+}
+const jr = V(xe)(({ height: e, width: n }) => ({
   height: e,
   width: n,
   padding: "4px",
   overflow: "auto"
 }));
-function jt({ label: e, variant: n = "h6" }) {
-  return /* @__PURE__ */ c(an, { children: /* @__PURE__ */ c(Te, { sx: { flex: "1 1 100%" }, variant: n, id: "tableTitle", component: "div", children: e }) });
+function fr({ label: e, variant: n = "h6" }) {
+  return /* @__PURE__ */ s(En, { children: /* @__PURE__ */ s(nn, { sx: { flex: "1 1 100%" }, variant: n, id: "tableTitle", component: "div", children: e }) });
 }
-function lr({
+function Dr({
   data: e,
   dataKey: n,
-  selectedKey: t = void 0,
-  onClickRow: r = void 0,
-  columns: a,
+  hasRemoveButton: t = !1,
+  removeButtonTitle: r = void 0,
+  onRemoveRow: a = void 0,
+  selectedKey: l = void 0,
+  onClickRow: u = void 0,
+  columns: d,
   label: i = void 0,
-  labelVariant: f = "h6",
-  maxHeight: d = void 0,
-  size: l = "medium",
-  stickyHeader: s = !1,
-  hover: g = !1
+  labelVariant: o = "h6",
+  maxHeight: g = void 0,
+  size: c = "medium",
+  stickyHeader: I = !1,
+  hover: N = !1
 }) {
-  const x = F(
-    (y) => {
-      r && r(y);
+  const m = w(
+    (f) => {
+      u && u(f);
     },
-    [r]
+    [u]
   );
-  return /* @__PURE__ */ L(Q, { children: [
-    i && /* @__PURE__ */ c(jt, { label: i, variant: f }),
-    /* @__PURE__ */ c(en, { children: /* @__PURE__ */ L(nn, { "aria-labelledby": "tableTitle", size: l, stickyHeader: s, sx: { maxHeight: d }, padding: "none", children: [
-      /* @__PURE__ */ c(tn, { children: /* @__PURE__ */ c(ge, { children: a.map((y) => (
+  return /* @__PURE__ */ T(xe, { children: [
+    i && /* @__PURE__ */ s(fr, { label: i, variant: o }),
+    /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ T(An, { "aria-labelledby": "tableTitle", size: c, stickyHeader: I, sx: { maxHeight: g }, padding: "none", children: [
+      /* @__PURE__ */ s(_n, { children: /* @__PURE__ */ s(Be, { children: d.map((f) => (
         // eslint-disable-next-line react/jsx-props-no-spreading
-        /* @__PURE__ */ c(be, { ...y.headProps, children: y.headCell }, y.key)
+        /* @__PURE__ */ s(Fe, { ...f.headProps, children: f.headCell }, f.key)
       )) }) }),
-      /* @__PURE__ */ c(rn, { children: e.map((y) => {
-        const C = n(y);
-        return /* @__PURE__ */ c(ge, { hover: g, selected: C === t, onClick: () => x(y), children: a.map((S) => /* @__PURE__ */ c(
-          be,
-          {
-            ...S.dataProps,
-            children: S.dataCell(y)
-          },
-          `${C}-${S.key}`
-        )) }, C);
+      /* @__PURE__ */ s(kn, { children: e.map((f) => {
+        const h = n(f);
+        return /* @__PURE__ */ s(Be, { hover: N, selected: h === l, children: d.map((F) => /* @__PURE__ */ T(Sn, { children: [
+          /* @__PURE__ */ s(
+            Fe,
+            {
+              onClick: () => m(f),
+              ...F.dataProps,
+              children: F.dataCell(f)
+            },
+            `${h}-${F.key}-project-file`
+          ),
+          t && /* @__PURE__ */ s(Fe, { children: /* @__PURE__ */ s(Z, { size: "small", title: r, onClick: () => a(f), children: /* @__PURE__ */ s(zn, { fontSize: "small" }) }) }, `${h}-${F.key}-remove-button`)
+        ] }, `${h}-${F.key}`)) }, h);
       }) })
     ] }) })
   ] });
 }
-const ir = W("div")(({ theme: e }) => ({
+const zr = V("div")(({ theme: e }) => ({
   borderBottom: "1px solid",
   borderColor: e.palette.divider
-})), Pt = W(ln)(({ theme: e }) => ({
-  [`& .${me.grouped}`]: {
+})), gr = V(Bn)(({ theme: e }) => ({
+  [`& .${Ue.grouped}`]: {
     margin: e.spacing(0.5),
     padding: e.spacing(1.25),
     minWidth: 24,
     color: e.palette.action.active,
     border: 0,
     borderRadius: e.shape.borderRadius,
-    [`&.${me.disabled}`]: {
+    [`&.${Ue.disabled}`]: {
       border: 0
     }
   }
@@ -1093,89 +1390,89 @@ const ir = W("div")(({ theme: e }) => ({
   //   marginLeft: -1,
   //   borderLeft: '1px solid transparent',
   // },
-})), Wt = W(on)(({ theme: e }) => ({
-  [`& .${Z.grouped}`]: {
+})), mr = V(Un)(({ 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,
-    [`&.${Z.disabled}`]: {
+    [`&.${Ce.disabled}`]: {
       border: 0
     }
   },
-  [`& .${Z.middleButton},& .${Z.lastButton}`]: {
+  [`& .${Ce.middleButton},& .${Ce.lastButton}`]: {
     marginLeft: -1,
     borderLeft: "1px solid transparent"
   }
 }));
-function Pe({
+function mn({
   onClick: e,
   icon: n = void 0,
   text: t = void 0,
   size: r = "small",
   variant: a = void 0,
-  color: i = "inherit",
-  tooltip: f = void 0,
+  color: l = "inherit",
+  tooltip: u = void 0,
   ariaLabel: d = void 0,
-  children: l = void 0,
-  disabled: s = !1
+  children: i = void 0,
+  disabled: o = !1
 }) {
-  return l ? /* @__PURE__ */ c(
-    wt,
+  return i ? /* @__PURE__ */ s(
+    nr,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
+      color: l,
       startIcon: n,
       text: t,
-      disabled: s,
-      children: l
+      disabled: o,
+      children: i
     }
-  ) : t ? /* @__PURE__ */ L(
-    te,
+  ) : t ? /* @__PURE__ */ T(
+    Z,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
+      color: l,
       "aria-label": d,
       onClick: e,
       startIcon: n,
-      disabled: s,
+      disabled: o,
       children: [
-        f && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: f, children: /* @__PURE__ */ c("span", { children: t }) }),
-        !f && t
+        u && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: u, children: /* @__PURE__ */ s("span", { children: t }) }),
+        !u && t
       ]
     }
-  ) : /* @__PURE__ */ L(
-    te,
+  ) : /* @__PURE__ */ T(
+    Z,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: i,
+      color: l,
       "aria-label": d,
       onClick: e,
-      disabled: s,
+      disabled: o,
       sx: {
         height: typeof r == "number" ? `${r}px` : void 0,
         width: typeof r == "number" ? `${r}px` : void 0
       },
       children: [
-        f && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: f, children: /* @__PURE__ */ c("span", { children: n }) }),
-        !f && n
+        u && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: u, children: /* @__PURE__ */ s("span", { children: n }) }),
+        !u && n
       ]
     }
   );
 }
-function Dt({
+function hr({
   buttons: e,
   size: n = "small",
   ariaLabel: t = void 0,
   orientation: r = "horizontal"
 }) {
-  return /* @__PURE__ */ c(Wt, { size: n, "aria-label": t, orientation: r, children: e.map((a, i) => /* @__PURE__ */ c(
-    Pe,
+  return /* @__PURE__ */ s(mr, { size: n, "aria-label": t, orientation: r, children: e.map((a, l) => /* @__PURE__ */ s(
+    mn,
     {
       onClick: a.onClick,
       icon: a.icon,
@@ -1188,29 +1485,29 @@ function Dt({
       disabled: a.disabled,
       children: a.children
     },
-    i
+    l
   )) });
 }
-function Ut({
+function br({
   value: e,
   onChange: n,
   size: t = "small",
   ariaLabel: r = void 0,
   exclusive: a = void 0,
-  buttons: i,
-  orientation: f = "horizontal"
+  buttons: l,
+  orientation: u = "horizontal"
 }) {
-  return /* @__PURE__ */ c(
-    Pt,
+  return /* @__PURE__ */ s(
+    gr,
     {
       size: t,
       value: e,
-      onChange: (d, l) => n(l),
+      onChange: (d, i) => n(i),
       "aria-label": r,
       exclusive: a,
-      orientation: f,
-      children: i.map((d, l) => /* @__PURE__ */ L(
-        sn,
+      orientation: u,
+      children: l.map((d, i) => /* @__PURE__ */ T(
+        On,
         {
           size: typeof t == "string" ? t : "small",
           value: d.value,
@@ -1223,95 +1520,95 @@ function Ut({
           },
           disabled: d.disabled,
           children: [
-            d.tooltip && /* @__PURE__ */ c(ne, { placement: "bottom-start", title: d.tooltip, children: /* @__PURE__ */ c("span", { children: d.icon }) }),
+            d.tooltip && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: d.tooltip, children: /* @__PURE__ */ s("span", { children: d.icon }) }),
             !d.tooltip && d.icon
           ]
         },
-        l
+        i
       ))
     }
   );
 }
-function or({
+function Tr({
   items: e,
   height: n = 34,
   width: t = 34,
   justifyContent: r = "left",
   borderSize: a = 1,
-  padding: i = 1,
-  backgroundColor: f = void 0,
+  padding: l = 1,
+  backgroundColor: u = void 0,
   orientation: d = "horizontal"
 }) {
-  return /* @__PURE__ */ c(
-    dn,
+  return /* @__PURE__ */ s(
+    yn,
     {
       elevation: 0,
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: r,
-        border: (l) => `${a}px solid ${l.palette.divider}`,
+        border: (i) => `${a}px solid ${i.palette.divider}`,
         flexWrap: "wrap",
         height: d === "horizontal" ? `${n}px` : "100%",
         minHeight: d === "horizontal" ? `${n}px` : void 0,
         width: d === "vertical" ? `${t}px` : "100%",
         minWidth: d === "vertical" ? `${t}px` : void 0,
-        paddingLeft: d === "horizontal" ? i : 0,
-        paddingRight: d === "horizontal" ? i : 0,
-        paddingTop: d === "vertical" ? i : 0,
-        paddingBottom: d === "vertical" ? i : 0,
+        paddingLeft: d === "horizontal" ? l : 0,
+        paddingRight: d === "horizontal" ? l : 0,
+        paddingTop: d === "vertical" ? l : 0,
+        paddingBottom: d === "vertical" ? l : 0,
         borderRadius: "0px",
-        backgroundColor: f
+        backgroundColor: u
       },
-      children: e.map((l, s) => l.label ? (
+      children: e.map((i, o) => i.label ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ c(Te, { variant: l.label.variant, component: "div", children: l.label.text }, s)
-      ) : l.toggleButtonGroup ? /* @__PURE__ */ c(
-        Ut,
+        /* @__PURE__ */ s(nn, { variant: i.label.variant, component: "div", children: i.label.text }, o)
+      ) : i.toggleButtonGroup ? /* @__PURE__ */ s(
+        br,
         {
-          value: l.toggleButtonGroup.value,
-          onChange: l.toggleButtonGroup.onChange,
-          ariaLabel: l.toggleButtonGroup.ariaLabel,
-          exclusive: l.toggleButtonGroup.exclusive,
-          buttons: l.toggleButtonGroup.buttons,
+          value: i.toggleButtonGroup.value,
+          onChange: i.toggleButtonGroup.onChange,
+          ariaLabel: i.toggleButtonGroup.ariaLabel,
+          exclusive: i.toggleButtonGroup.exclusive,
+          buttons: i.toggleButtonGroup.buttons,
           orientation: d
         },
-        s
-      ) : l.button ? /* @__PURE__ */ c(
-        Pe,
+        o
+      ) : i.button ? /* @__PURE__ */ s(
+        mn,
         {
-          onClick: l.button.onClick,
-          icon: l.button.icon,
-          text: l.button.text,
-          variant: l.button.variant,
-          color: l.button.color,
-          tooltip: l.button.tooltip,
-          ariaLabel: l.button.ariaLabel,
-          disabled: l.button.disabled
+          onClick: i.button.onClick,
+          icon: i.button.icon,
+          text: i.button.text,
+          variant: i.button.variant,
+          color: i.button.color,
+          tooltip: i.button.tooltip,
+          ariaLabel: i.button.ariaLabel,
+          disabled: i.button.disabled
         },
-        s
-      ) : l.buttonGroup ? (
+        o
+      ) : i.buttonGroup ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ c(
-          Dt,
+        /* @__PURE__ */ s(
+          hr,
           {
-            ariaLabel: l.buttonGroup.ariaLabel,
-            buttons: l.buttonGroup.buttons,
+            ariaLabel: i.buttonGroup.ariaLabel,
+            buttons: i.buttonGroup.buttons,
             orientation: d
           },
-          s
+          o
         )
-      ) : l.other)
+      ) : i.other)
     }
   );
 }
-function dr({ options: e, onSelect: n, children: t = void 0 }) {
-  const [r, a] = oe.useState(null), i = F(
-    (l) => {
-      e.length !== 0 && (l.preventDefault(), a(
+function qr({ options: e, onSelect: n, children: t = void 0 }) {
+  const [r, a] = we.useState(null), l = w(
+    (i) => {
+      e.length !== 0 && (i.preventDefault(), a(
         r === null ? {
-          mouseX: l.clientX + 2,
-          mouseY: l.clientY - 6
+          mouseX: i.clientX + 2,
+          mouseY: i.clientY - 6
         } : (
           // repeated contextmenu when it is already open closes it with Chrome 84 on Ubuntu
           // Other native context menus might behave different.
@@ -1321,439 +1618,474 @@ function dr({ options: e, onSelect: n, children: t = void 0 }) {
       ));
     },
     [r, e.length]
-  ), f = F(() => {
+  ), u = w(() => {
     a(null);
-  }, []), d = F(
-    (l) => {
-      n(l), f();
+  }, []), d = w(
+    (i) => {
+      n(i), u();
     },
-    [f, n]
+    [u, n]
   );
-  return /* @__PURE__ */ L("div", { onContextMenu: i, style: { cursor: "context-menu" }, children: [
+  return /* @__PURE__ */ T("div", { onContextMenu: l, style: { cursor: "context-menu" }, children: [
     t,
-    /* @__PURE__ */ c(
-      un,
+    /* @__PURE__ */ s(
+      Pn,
       {
         open: r !== null,
-        onClose: f,
+        onClose: u,
         anchorReference: "anchorPosition",
         anchorPosition: r !== null ? { top: r.mouseY, left: r.mouseX } : void 0,
-        children: e.map((l) => /* @__PURE__ */ L(se, { onClick: () => d(l.value), children: [
-          l.icon && /* @__PURE__ */ c(cn, { children: l.icon }),
-          /* @__PURE__ */ c(pe, { children: l.displayText }),
-          l.shortcut && /* @__PURE__ */ c(pe, { sx: { pl: 2, textAlign: "right" }, children: l.shortcut })
-        ] }, l.value))
+        children: e.map((i) => /* @__PURE__ */ T(We, { onClick: () => d(i.value), children: [
+          i.icon && /* @__PURE__ */ s(jn, { children: i.icon }),
+          /* @__PURE__ */ s(ye, { children: i.displayText }),
+          i.shortcut && /* @__PURE__ */ s(ye, { sx: { pl: 2, textAlign: "right" }, children: i.shortcut })
+        ] }, i.value))
       }
     )
   ] });
 }
-function zt({
+function pr({
   canIdentifier: e,
   canIdentifierType: n,
   onCanIdentifierChange: t,
   onErrorsChange: r = void 0,
-  hideSection: a = !1,
-  disabled: i = !1,
-  collapsible: f = !1,
-  collapsed: d = !1,
-  collapsedChange: l = void 0
+  showSelectMessageDialogChange: a = void 0,
+  showSelectSignalDialogChange: l = void 0,
+  disabled: u = !1,
+  disableSelectMessageButton: d = !1,
+  disableSelectSignalButton: i = !1,
+  hideSection: o = !1,
+  hideSelectMessageButton: g = !1,
+  showSelectSignalButton: c = !1,
+  collapsible: I = !1,
+  collapsed: N = !1,
+  collapsedChange: m = void 0
 }) {
-  const s = H(), g = re(), [x, y] = A(!1);
-  k(() => {
-    r && r(x);
-  }, [x, r]);
-  const [C, S] = A(n);
-  k(() => {
-    S(n);
+  const f = ne(), h = le(), F = de(), p = de(), L = Ne(F, p), [S, v] = U(!1);
+  z(() => {
+    r && r(S);
+  }, [S, r]);
+  const [M, b] = U(!1), [$, R] = U(n);
+  z(() => {
+    R(n);
   }, [n]);
-  const I = F((m) => {
-    S(m ? "extended" : "standard");
-  }, []), w = F(
-    (m) => {
-      let h = m, v = !1;
-      if (h.length > 2 && h.toLowerCase().startsWith("0x") && (h = h.substring(2), v = !0), h = h.toUpperCase(), C === "extended") {
-        const o = parseInt(h, v ? 16 : g);
-        if (Number.isNaN(o) || o < 0 || o > 536870911)
-          return t(m, C), { val: m, err: !0 };
-        h = `${o.toString(g).toUpperCase()}`;
-      } else if (C === "standard") {
-        const o = parseInt(h, v ? 16 : g);
-        if (Number.isNaN(o) || o < 0 || o > 2047)
-          return t(m, C), { val: m, err: !0 };
-        h = `${o.toString(g).toUpperCase()}`;
-      }
-      return t(h, C), { val: m, err: !1 };
+  const k = w((P) => {
+    R(P ? "extended" : "standard");
+  }, []), _ = w(
+    (P) => {
+      let A = P;
+      const C = parseInt(A, A.startsWith("0x") ? 16 : h);
+      if ($ === "extended") {
+        if (Number.isNaN(C) || C < 0 || C > 536870911)
+          return Number.isNaN(C) || t(`${C.toString(h).toUpperCase()}`, $), { val: P, err: !0 };
+      } else if ($ === "standard" && (Number.isNaN(C) || C < 0 || C > 2047))
+        return Number.isNaN(C) || t(`${C.toString(h).toUpperCase()}`, $), { val: P, err: !0 };
+      return t(`${C.toString(h).toUpperCase()}`, $), b(A.startsWith("0x")), { val: P, err: !1 };
     },
-    [C, g, t]
-  ), T = F(
-    (m) => {
-      if (m !== C) {
-        let h = !1, v = e;
-        if (m === "standard") {
-          const o = parseInt(v, g);
-          (Number.isNaN(o) || o < 0 || o > 2047) && (h = !0);
-        } else if (m === "extended") {
-          const o = parseInt(v, g);
-          (Number.isNaN(o) || o < 0 || o > 536870911) && (h = !0);
-        }
-        t(v, m), y(h);
+    [$, h, t]
+  ), W = w(
+    (P) => {
+      if (P !== $) {
+        let A = !1;
+        const C = parseInt(e, e.startsWith("0x") ? 16 : h);
+        P === "standard" ? (Number.isNaN(C) || C < 0 || C > 2047) && (A = !0) : P === "extended" && (Number.isNaN(C) || C < 0 || C > 536870911) && (A = !0), t(e, P), v(A);
       }
     },
-    [C, e, t, g]
-  ), N = j(
-    () => /* @__PURE__ */ L(de, { spacing: 4, children: [
-      /* @__PURE__ */ c(
-        G,
+    [$, e, t, h]
+  ), j = O(() => {
+    const P = parseInt(e, e.startsWith("0x") ? 16 : h);
+    return M ? `0x${P.toString(16).toUpperCase()}` : P.toString(h).toUpperCase();
+  }, [M, e, h]), X = O(
+    () => /* @__PURE__ */ T(ue, { spacing: 4, children: [
+      /* @__PURE__ */ s(
+        re,
         {
           id: "constant-id",
           fullWidth: !0,
-          value: e,
-          onBlur: w,
-          error: x,
-          onErrorChange: y,
-          disabled: i
+          value: j,
+          error: S,
+          onValidate: _,
+          onErrorChange: v,
+          disabled: u
         }
       ),
-      /* @__PURE__ */ c(
-        Ae,
+      /* @__PURE__ */ s(
+        sn,
         {
           id: "id-type",
-          label: s.getString("LabelUseExtendedIdentifier"),
-          checked: C === "extended",
-          onChange: (m) => {
-            I(m), T(m ? "extended" : "standard");
+          label: f.getString("LabelUseExtendedIdentifier"),
+          checked: $ === "extended",
+          onChange: (P) => {
+            k(P), W(P ? "extended" : "standard");
           },
-          disabled: i
+          disabled: u
         }
-      )
+      ),
+      !g && /* @__PURE__ */ s(oe, { columnItem: F, width: L, children: /* @__PURE__ */ s(
+        Z,
+        {
+          disabled: d,
+          onClick: () => {
+            a && a(!0);
+          },
+          variant: "outlined",
+          size: "large",
+          children: f.getString("ButtonSelectMessage")
+        }
+      ) }),
+      c && /* @__PURE__ */ s(oe, { columnItem: p, width: L, children: /* @__PURE__ */ s(
+        Z,
+        {
+          disabled: i,
+          onClick: () => {
+            l && l(!0);
+          },
+          variant: "outlined",
+          size: "large",
+          children: f.getString("ButtonSelectSignal")
+        }
+      ) })
     ] }),
-    [
-      e,
-      C,
-      i,
-      x,
-      s,
-      T,
-      w
-    ]
+    [j, $, u, S, f, W, _]
   );
-  return a ? N : /* @__PURE__ */ c(
-    fe,
+  return o ? X : /* @__PURE__ */ s(
+    me,
     {
-      text: s.getString("LabelCanIdentifier"),
+      text: f.getString("LabelCanIdentifier"),
       summary: e,
-      collapsible: f,
-      collapsed: d,
-      collapsedChange: l,
-      children: N
+      collapsible: I,
+      collapsed: N,
+      collapsedChange: m,
+      children: X
     }
   );
 }
-function sr({
+function Hr({
   frame: e,
   onFrameChange: n,
   onErrorsChange: t = void 0,
-  hideSection: r = !1,
-  collapsible: a = !1,
-  collapsed: i = !1,
-  collapsedChange: f = void 0
+  showSelectMessageDialogChange: r = void 0,
+  showSelectSignalDialogChange: a = void 0,
+  disableSelectMessageButton: l = !1,
+  disableSelectSignalButton: u = !1,
+  hideSection: d = !1,
+  hideSelectMessageButton: i = !1,
+  showSelectSignalButton: o = !1,
+  collapsible: g = !1,
+  collapsed: c = !1,
+  collapsedChange: I = void 0
 }) {
-  var x;
-  const d = re(), l = j(
+  var F;
+  const N = le(), m = O(
     () => {
-      var y, C;
-      return ((C = (y = e.canFrameFlags) == null ? void 0 : y.flags) == null ? void 0 : C.includes(U.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+      var p, L;
+      return ((L = (p = e.canFrameFlags) == null ? void 0 : p.flags) == null ? void 0 : L.includes(ee.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
     },
-    [(x = e.canFrameFlags) == null ? void 0 : x.flags]
-  ), s = j(() => `${(e.id ?? 0).toString(d).toUpperCase()}`, [l, e.id, d]), g = F(
-    (y, C) => {
-      var N;
-      let S = e.id ?? 0;
-      S = parseInt(y, d);
-      const I = (N = e.canFrameFlags) != null && N.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, w = I.flags.indexOf(U.CAN_FRAME_FLAG_STD);
-      w !== -1 && I.flags.splice(w, 1);
-      const T = I.flags.indexOf(U.CAN_FRAME_FLAG_EXT);
-      if (T !== -1 && I.flags.splice(T, 1), C === "extended" ? I.flags.push(U.CAN_FRAME_FLAG_EXT) : C === "standard" && I.flags.push(U.CAN_FRAME_FLAG_STD), S !== e.id || !ue(I, e.canFrameFlags)) {
-        const m = { ...e };
-        m.id = S, m.canFrameFlags = I, n(m);
+    [(F = e.canFrameFlags) == null ? void 0 : F.flags]
+  ), f = O(() => `${(e.id ?? 0).toString(N).toUpperCase()}`, [m, e.id, N]), h = w(
+    (p, L) => {
+      var $;
+      const S = parseInt(p, p.startsWith("0x") ? 16 : N), v = ($ = e.canFrameFlags) != null && $.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, M = v.flags.indexOf(ee.CAN_FRAME_FLAG_STD);
+      M !== -1 && v.flags.splice(M, 1);
+      const b = v.flags.indexOf(ee.CAN_FRAME_FLAG_EXT);
+      if (b !== -1 && v.flags.splice(b, 1), L === "extended" ? v.flags.push(ee.CAN_FRAME_FLAG_EXT) : L === "standard" && v.flags.push(ee.CAN_FRAME_FLAG_STD), S !== e.id || !ge(v, e.canFrameFlags)) {
+        const R = { ...e };
+        R.id = S, R.canFrameFlags = v, n(R);
       }
     },
-    [e, d, n]
+    [e, N, n]
   );
-  return /* @__PURE__ */ c(
-    zt,
+  return /* @__PURE__ */ s(
+    pr,
     {
-      canIdentifier: s,
-      canIdentifierType: l,
-      onCanIdentifierChange: g,
+      canIdentifier: f,
+      canIdentifierType: m,
+      onCanIdentifierChange: h,
       onErrorsChange: t,
-      hideSection: r,
-      collapsible: a,
-      collapsed: i,
-      collapsedChange: f
+      showSelectMessageDialogChange: r,
+      showSelectSignalDialogChange: a,
+      disableSelectMessageButton: l,
+      disableSelectSignalButton: u,
+      hideSection: d,
+      hideSelectMessageButton: i,
+      showSelectSignalButton: o,
+      collapsible: g,
+      collapsed: c,
+      collapsedChange: I
     }
   );
 }
-function Kt({
+function Sr({
   canIdentifier: e,
   identifierGeneratorType: n,
   minCanIdentifier: t,
   maxCanIdentifier: r,
   canIdentifierType: a,
-  onChange: i,
-  onErrorsChange: f = void 0,
+  onChange: l,
+  onErrorsChange: u = void 0,
   canIdentifierGeneratorSettingsError: d = void 0,
-  disabled: l = !1,
-  collapsible: s = !1,
+  disabled: i = !1,
+  collapsible: o = !1,
   collapsed: g = !1,
-  collapsedChange: x = void 0,
-  showSelectMessageDialogChange: y,
-  showSignalValuesTable: C
+  collapsedChange: c = void 0,
+  showSelectMessageDialogChange: I,
+  showSignalValuesTable: N
 }) {
-  const S = H(), I = re(), [w, T] = A(!1), [N, m] = A(!1), [h, v] = A(!1), [o, M] = A(a);
-  k(() => {
-    M(a);
+  const m = ne(), f = le(), [h, F] = U(!1), [p, L] = U(!1), [S, v] = U(!1), [M, b] = U(!1), [$, R] = U(!1), [k, _] = U(!1), [W, j] = U(a);
+  z(() => {
+    j(a);
   }, [a]);
-  const E = F((p) => {
-    M(p ? "extended" : "standard");
-  }, []), P = F(
-    (p) => {
-      let u = p, $ = !1;
-      if (u.length > 2 && u.toLowerCase().startsWith("0x") && (u = u.substring(2), $ = !0), u = u.toUpperCase(), o === "extended") {
-        const b = parseInt(u, $ ? 16 : I);
-        if (Number.isNaN(b) || b < 0 || b > 536870911)
-          return i(p, n, t, r, o), { val: p, err: !0 };
-        u = `${b.toString(I).toUpperCase()}`;
-      } else if (o === "standard") {
-        const b = parseInt(u, $ ? 16 : I);
-        if (Number.isNaN(b) || b < 0 || b > 2047)
-          return i(p, n, t, r, o), { val: p, err: !0 };
-        u = `${b.toString(I).toUpperCase()}`;
-      }
-      return i(u, n, t, r, o), { val: p, err: !1 };
+  const X = w((E) => {
+    j(E ? "extended" : "standard");
+  }, []), P = w(
+    (E) => {
+      let H = E;
+      const q = parseInt(H, H.startsWith("0x") ? 16 : f);
+      if (W === "extended") {
+        if (Number.isNaN(q) || q < 0 || q > 536870911)
+          return Number.isNaN(q) || l(
+            `${q.toString(f).toUpperCase()}`,
+            n,
+            t,
+            r,
+            W
+          ), { val: E, err: !0 };
+      } else if (W === "standard" && (Number.isNaN(q) || q < 0 || q > 2047))
+        return Number.isNaN(q) || l(
+          `${q.toString(f).toUpperCase()}`,
+          n,
+          t,
+          r,
+          W
+        ), { val: E, err: !0 };
+      return l(
+        `${q.toString(f).toUpperCase()}`,
+        n,
+        t,
+        r,
+        W
+      ), b(H.startsWith("0x")), { val: E, err: !1 };
     },
-    [o, n, r, t, I, i]
-  ), _ = F(
-    (p, u, $) => {
-      let b = p, O = -1, ae = !1;
-      if (b.length > 2 && b.toLowerCase().startsWith("0x") && (b = b.substring(2), ae = !0), b = b.toUpperCase(), u === "extended") {
-        if (O = parseInt(b, ae ? 16 : I), Number.isNaN(O) || O < 0 || O > 536870911)
-          return $(p), { val: p, err: !0, id: O };
-        b = `${O.toString(I).toUpperCase()}`;
-      } else if (u === "standard") {
-        if (O = parseInt(b, ae ? 16 : I), Number.isNaN(O) || O < 0 || O > 2047)
-          return $(p), { val: p, err: !0, id: O };
-        b = `${O.toString(I).toUpperCase()}`;
-      }
-      return $(b), { val: b, err: !1, id: O };
+    [W, n, r, t, f, l]
+  ), A = w(
+    (E, H, q, J) => {
+      let ae = E;
+      const Y = parseInt(ae, ae.startsWith("0x") ? 16 : f);
+      if (H === "extended") {
+        if (Number.isNaN(Y) || Y < 0 || Y > 536870911)
+          return Number.isNaN(Y) || q(`${Y.toString(f).toUpperCase()}`), { val: E, err: !0, id: Y };
+      } else if (H === "standard" && (Number.isNaN(Y) || Y < 0 || Y > 2047))
+        return Number.isNaN(Y) || q(`${Y.toString(f).toUpperCase()}`), { val: E, err: !0, id: Y };
+      return q(`${Y.toString(f).toUpperCase()}`), J(ae.startsWith("0x")), { val: E, err: !1, id: Y };
     },
-    [I]
-  ), B = F(
-    (p) => {
-      const u = _(
-        p,
-        o,
-        (b) => i(e, n, b, r, o)
-      ), $ = _(
+    [f]
+  ), C = w(
+    (E) => {
+      const H = A(
+        E,
+        W,
+        (J) => l(e, n, J, r, W),
+        (J) => R(J)
+      ), q = A(
         r,
-        o,
+        W,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         }
       );
-      return !u.err && !$.err && (u.id >= $.id ? (u.err = !0, m(!0)) : m(!1)), { val: u.val, err: u.err };
+      return H.id >= q.id ? H.err = !0 : q.err && v(q.err), { val: H.val, err: H.err };
     },
     [
       e,
-      o,
+      W,
       n,
       r,
-      i,
-      _
+      l,
+      A
     ]
-  ), z = F(
-    (p) => {
-      const u = _(
-        p,
-        o,
-        (b) => i(e, n, t, b, o)
-      ), $ = _(
+  ), x = w(
+    (E) => {
+      const H = A(
+        E,
+        W,
+        (J) => l(e, n, t, J, W),
+        (J) => _(J)
+      ), q = A(
         t,
-        o,
+        W,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         }
       );
-      return !$.err && !u.err && ($.id >= u.id ? (u.err = !0, v(!0)) : v(!1)), { val: u.val, err: u.err };
+      return q.id >= H.id ? H.err = !0 : q.err && L(q.err), { val: H.val, err: H.err };
     },
     [
       e,
-      o,
+      W,
       n,
       t,
-      i,
-      _
+      l,
+      A
     ]
-  ), K = F(
-    (p) => {
-      if (p !== o) {
-        let u = e;
-        const $ = _(t, p, () => {
-        }), b = _(r, p, () => {
-        });
-        i(u, n, $.val, b.val, p);
+  ), B = w(
+    (E) => {
+      if (E !== W) {
+        let H = !1, q = e;
+        const J = parseInt(q, q.startsWith("0x") ? 16 : f);
+        E === "standard" ? ((Number.isNaN(J) || J < 0 || J > 2047) && (H = !0), F(H)) : E === "extended" && ((Number.isNaN(J) || J < 0 || J > 536870911) && (H = !0), F(H));
+        let ae = !1, Y = t;
+        const ie = parseInt(Y, Y.startsWith("0x") ? 16 : f);
+        E === "standard" ? (Number.isNaN(ie) || ie < 0 || ie > 2047) && (ae = !0) : E === "extended" && (Number.isNaN(ie) || ie < 0 || ie > 536870911) && (ae = !0);
+        let ve = !1, ke = r;
+        const se = parseInt(ke, ke.startsWith("0x") ? 16 : f);
+        E === "standard" ? (Number.isNaN(se) || se < 0 || se > 2047) && (ve = !0) : E === "extended" && (Number.isNaN(se) || se < 0 || se > 536870911) && (ve = !0), !Number.isNaN(ie) && !Number.isNaN(se) && ie >= se && (ae = !0, ve = !0), L(ae), v(ve), l(e, n, t, r, E);
       }
     },
     [
-      o,
+      W,
       e,
-      _,
       t,
       r,
-      i,
+      l,
       n,
-      I
+      f
     ]
-  ), X = F(
-    (p) => {
-      let u = e;
-      const $ = _(t, o, () => {
-      }), b = _(r, o, () => {
-      });
-      C(p === "constant"), i(
-        u,
-        p,
-        $.val,
-        b.val,
-        o
-      );
+  ), y = w(
+    (E) => {
+      N(E === "constant"), l(e, E, t, r, W);
     },
-    [
-      o,
-      e,
-      _,
-      t,
-      r,
-      i,
-      n,
-      I
-    ]
+    [W, e, t, r, l]
   );
-  k(() => {
-    f && f(
-      n === "constant" && w || (n === "random" || n === "scan") && (N || h)
-    ), d && (d.current = n === "constant" && w || (n === "random" || n === "scan") && (N || h));
+  z(() => {
+    u && u(
+      n === "constant" && h || (n === "random" || n === "scan") && (p || S)
+    ), d && (d.current = n === "constant" && h || (n === "random" || n === "scan") && (p || S));
   }, [
-    w,
+    h,
     d,
     n,
-    h,
-    N,
-    f
+    S,
+    p,
+    u
   ]);
-  const D = It(), R = $t(D);
-  return /* @__PURE__ */ c(
-    fe,
+  const D = de(), K = Ne(D), Q = O(() => {
+    const E = parseInt(e, e.startsWith("0x") ? 16 : f);
+    return M ? `0x${E.toString(16).toUpperCase()}` : E.toString(f).toUpperCase();
+  }, [M, e, f]), G = O(() => {
+    const E = parseInt(t, t.startsWith("0x") ? 16 : f);
+    return $ ? `0x${E.toString(16).toUpperCase()}` : E.toString(f).toUpperCase();
+  }, [$, t, f]), te = O(() => {
+    const E = parseInt(r, r.startsWith("0x") ? 16 : f);
+    return k ? `0x${E.toString(16).toUpperCase()}` : E.toString(f).toUpperCase();
+  }, [k, r, f]);
+  return /* @__PURE__ */ s(
+    me,
     {
-      text: S.getString("LabelCanIdentifier"),
-      summary: n === "constant" ? e : n === "random" ? `${S.getString("LabelRandom")} ${t}-${r}` : `${S.getString("LabelScan")} ${t}-${r}`,
-      collapsible: s,
+      text: m.getString("LabelCanIdentifier"),
+      summary: n === "constant" ? e : n === "random" ? `${m.getString("LabelRandom")} ${t}-${r}` : `${m.getString("LabelScan")} ${t}-${r}`,
+      collapsible: o,
       collapsed: g,
-      collapsedChange: x,
-      children: /* @__PURE__ */ L(
-        Et,
+      collapsedChange: c,
+      children: /* @__PURE__ */ T(
+        fn,
         {
           id: "identifier-radio-group",
           value: n,
-          onChange: (p) => {
-            X(p);
+          onChange: (E) => {
+            y(E);
           },
           children: [
-            /* @__PURE__ */ L(de, { spacing: 4, children: [
-              /* @__PURE__ */ c(
-                ie,
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "constant-id-radio",
                   value: "constant",
-                  label: S.getString("LabelConstantIdentifier"),
+                  label: m.getString("LabelConstantIdentifier"),
                   sx: { marginLeft: "-11px !important" },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "constant-id",
                   fullWidth: !0,
-                  value: e,
-                  error: w,
-                  onErrorChange: T,
-                  disabled: l || n !== "constant",
-                  required: n === "constant",
-                  onBlur: P
+                  value: Q,
+                  error: !i && n === "constant" && h,
+                  onErrorChange: F,
+                  onValidate: P,
+                  disabled: i || n !== "constant",
+                  required: n === "constant"
                 }
               ),
-              /* @__PURE__ */ c(
-                Ae,
+              /* @__PURE__ */ s(
+                sn,
                 {
                   id: "id-type",
-                  label: S.getString("LabelUseExtendedIdentifier"),
-                  checked: o === "extended",
-                  onChange: (p) => {
-                    E(p), K(p ? "extended" : "standard");
+                  label: m.getString("LabelUseExtendedIdentifier"),
+                  checked: W === "extended",
+                  onChange: (E) => {
+                    X(E), B(E ? "extended" : "standard");
                   },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(Ft, { columnItem: D, width: R, children: /* @__PURE__ */ c(te, { onClick: () => y(!0), variant: "outlined", size: "large", children: S.getString("ButtonSelectMessage") }) })
+              /* @__PURE__ */ s(oe, { columnItem: D, width: K, children: /* @__PURE__ */ s(Z, { onClick: () => I(!0), variant: "outlined", size: "large", children: m.getString("ButtonSelectMessage") }) })
             ] }),
-            /* @__PURE__ */ L(de, { spacing: 4, children: [
-              /* @__PURE__ */ c(
-                ie,
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "random-identifier-radio",
                   value: "random",
-                  label: S.getString("LabelRandomIdentifier"),
+                  label: m.getString("LabelRandomIdentifier"),
                   sx: { marginLeft: "-11px !important" },
-                  disabled: l
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                ie,
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "scan-identifier-radio",
                   value: "scan",
-                  label: S.getString("LabelScanIdentifier"),
-                  disabled: l
+                  label: m.getString("LabelScanIdentifier"),
+                  disabled: i
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "identifier-min",
-                  disabled: l || n !== "random" && n !== "scan",
+                  disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: t ?? "",
-                  error: N,
-                  onErrorChange: m,
-                  startAdornment: S.getString("LabelFrom"),
-                  onBlur: B,
+                  value: G,
+                  error: !i && (n === "random" || n === "scan") && p,
+                  onErrorChange: L,
+                  onValidate: C,
+                  startAdornment: m.getString("LabelFrom"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               ),
-              /* @__PURE__ */ c(
-                G,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "identifier-max",
-                  disabled: l || n !== "random" && n !== "scan",
+                  disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: r ?? "",
-                  error: h,
+                  value: te,
+                  error: !i && (n === "random" || n === "scan") && S,
                   onErrorChange: v,
-                  startAdornment: S.getString("LabelTo"),
-                  onBlur: z,
+                  onValidate: x,
+                  startAdornment: m.getString("LabelTo"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               )
@@ -1764,143 +2096,143 @@ function Kt({
     }
   );
 }
-function ur({
+function Kr({
   settings: e,
   onSettingsChange: n,
   onErrorsChange: t = void 0,
   canIdentifierGeneratorSettingsError: r = void 0,
   disabled: a = !1,
-  collapsible: i = !1,
-  collapsed: f = !1,
+  collapsible: l = !1,
+  collapsed: u = !1,
   collapsedChange: d = void 0,
-  showSelectMessageDialogChange: l,
-  showSignalValuesTable: s
+  showSelectMessageDialogChange: i,
+  showSignalValuesTable: o
 }) {
-  var T, N, m;
-  const g = re(), x = j(
+  var F, p, L;
+  const g = le(), c = O(
     () => {
-      var h, v, o;
-      return ((o = (v = (h = e.frame) == null ? void 0 : h.canFrameFlags) == null ? void 0 : v.flags) == null ? void 0 : o.includes(U.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
+      var S, v, M;
+      return ((M = (v = (S = e.frame) == null ? void 0 : S.canFrameFlags) == null ? void 0 : v.flags) == null ? void 0 : M.includes(ee.CAN_FRAME_FLAG_EXT)) === !0 ? "extended" : "standard";
     },
-    [(N = (T = e.frame) == null ? void 0 : T.canFrameFlags) == null ? void 0 : N.flags]
-  ), y = j(() => {
+    [(p = (F = e.frame) == null ? void 0 : F.canFrameFlags) == null ? void 0 : p.flags]
+  ), I = O(() => {
     var v;
     return `${(((v = e.frame) == null ? void 0 : v.id) ?? 0).toString(g).toUpperCase()}`;
-  }, [g, (m = e.frame) == null ? void 0 : m.id]), C = j(() => `${(e.identifierMin ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMin]), S = j(() => `${(e.identifierMax ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMax]), I = j(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), w = F(
-    (h, v, o, M, E) => {
-      var R, p, u, $;
-      const P = E, _ = parseInt(h, g), B = (p = (R = e.frame) == null ? void 0 : R.canFrameFlags) != null && p.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, z = B.flags.indexOf(U.CAN_FRAME_FLAG_STD), K = parseInt(o, g), X = parseInt(M, g), D = B.flags.indexOf(U.CAN_FRAME_FLAG_EXT);
-      if (z !== -1 && B.flags.splice(z, 1), D !== -1 && B.flags.splice(D, 1), P === "extended" ? B.flags.push(U.CAN_FRAME_FLAG_EXT) : P === "standard" && B.flags.push(U.CAN_FRAME_FLAG_STD), _ !== ((u = e.frame) == null ? void 0 : u.id) || !ue(B, ($ = e.frame) == null ? void 0 : $.canFrameFlags) || v !== I || K !== e.identifierMin || X !== e.identifierMax) {
-        const b = { ...e };
-        b.frame = e.frame ? { ...e.frame } : hn.fromPartial({
+  }, [g, (L = e.frame) == null ? void 0 : L.id]), N = O(() => `${(e.identifierMin ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMin]), m = O(() => `${(e.identifierMax ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMax]), f = O(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), h = w(
+    (S, v, M, b, $) => {
+      var A, C, x, B;
+      const R = $, k = parseInt(S, S.startsWith("0x") ? 16 : g), _ = (C = (A = e.frame) == null ? void 0 : A.canFrameFlags) != null && C.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, W = _.flags.indexOf(ee.CAN_FRAME_FLAG_STD), j = parseInt(M, M.startsWith("0x") ? 16 : g), X = parseInt(b, b.startsWith("0x") ? 16 : g), P = _.flags.indexOf(ee.CAN_FRAME_FLAG_EXT);
+      if (W !== -1 && _.flags.splice(W, 1), P !== -1 && _.flags.splice(P, 1), R === "extended" ? _.flags.push(ee.CAN_FRAME_FLAG_EXT) : R === "standard" && _.flags.push(ee.CAN_FRAME_FLAG_STD), k !== ((x = e.frame) == null ? void 0 : x.id) || !ge(_, (B = e.frame) == null ? void 0 : B.canFrameFlags) || v !== f || j !== e.identifierMin || X !== e.identifierMax) {
+        const y = { ...e };
+        y.frame = e.frame ? { ...e.frame } : an.fromPartial({
           id: 0,
-          canFrameFlags: { flags: [U.CAN_FRAME_FLAG_STD] },
+          canFrameFlags: { flags: [ee.CAN_FRAME_FLAG_STD] },
           data: Array.from({ length: 8 }, () => 0)
-        }), b.frame.id = _, b.frame.canFrameFlags = B, v === "constant" ? (b.randomIdentifier = !1, b.scanIdentifier = !1) : v === "random" ? (b.randomIdentifier = !0, b.scanIdentifier = !1) : v === "scan" && (b.randomIdentifier = !1, b.scanIdentifier = !0), b.identifierMin = K, b.identifierMax = X, n(b);
+        }), y.frame.id = k, y.frame.canFrameFlags = _, v === "constant" ? (y.randomIdentifier = !1, y.scanIdentifier = !1) : v === "random" ? (y.randomIdentifier = !0, y.scanIdentifier = !1) : v === "scan" && (y.randomIdentifier = !1, y.scanIdentifier = !0), y.identifierMin = j, y.identifierMax = X, n(y);
       }
     },
-    [I, g, n, e]
+    [f, g, n, e]
   );
-  return /* @__PURE__ */ c(
-    Kt,
+  return /* @__PURE__ */ s(
+    Sr,
     {
-      canIdentifier: y,
-      identifierGeneratorType: I,
-      minCanIdentifier: C,
-      maxCanIdentifier: S,
-      canIdentifierType: x,
-      onChange: w,
+      canIdentifier: I,
+      identifierGeneratorType: f,
+      minCanIdentifier: N,
+      maxCanIdentifier: m,
+      canIdentifierType: c,
+      onChange: h,
       onErrorsChange: t,
       canIdentifierGeneratorSettingsError: r,
       disabled: a,
-      collapsible: i,
-      collapsed: f,
+      collapsible: l,
+      collapsed: u,
       collapsedChange: d,
-      showSelectMessageDialogChange: l,
-      showSignalValuesTable: s
+      showSelectMessageDialogChange: i,
+      showSignalValuesTable: o
     }
   );
 }
-function Xt(e, n, t, r) {
-  const [a, i] = A(""), [f, d] = A([]);
-  return k(() => {
-    d((l) => {
+function xr(e, n, t, r) {
+  const [a, l] = U(""), [u, d] = U([]);
+  return z(() => {
+    d((i) => {
       var g;
-      const s = (g = t == null ? void 0 : t.sources) == null ? void 0 : g.filter((x) => {
-        var C, S;
-        const y = (S = (C = r == null ? void 0 : r.find((I) => {
-          var w;
-          return I.nodeId === ((w = x.baseNode) == null ? void 0 : w.identifier);
-        })) == null ? void 0 : C.errorStatus) == null ? void 0 : S.errors;
-        return y === void 0 || y === "" ? x.baseNode && x.channelSettings && x.channelSettings.canConfiguration && (!n || x.channelSettings.canConfiguration.silentMode !== !0) : !1;
-      }).map((x) => ({
-        value: x.channelSettings.channelNumber,
-        displayText: x.baseNode.name,
-        canFdMode: x.channelSettings.canConfiguration.canMode > 0,
-        identifier: x.baseNode.identifier
+      const o = (g = t == null ? void 0 : t.sources) == null ? void 0 : g.filter((c) => {
+        var N, m;
+        const I = (m = (N = r == null ? void 0 : r.find((f) => {
+          var h;
+          return f.nodeId === ((h = c.baseNode) == null ? void 0 : h.identifier);
+        })) == null ? void 0 : N.errorStatus) == null ? void 0 : m.errors;
+        return I === void 0 || I === "" ? c.baseNode && c.channelSettings && c.channelSettings.canConfiguration && (!n || c.channelSettings.canConfiguration.silentMode !== !0) : !1;
+      }).map((c) => ({
+        value: c.channelSettings.channelNumber,
+        displayText: c.baseNode.name,
+        canFdMode: c.channelSettings.canConfiguration.canMode > 0,
+        identifier: c.baseNode.identifier
       }));
-      return !s || ue(l, s) ? l : s;
+      return !o || ge(i, o) ? i : o;
     });
-  }, [n, t == null ? void 0 : t.sources, r]), k(() => {
-    const l = f.find((s) => s.identifier === e);
-    i(l ? (s) => l.value === s ? s : l.value : "");
-  }, [e, f]), {
-    channelOptions: f,
+  }, [n, t == null ? void 0 : t.sources, r]), z(() => {
+    const i = u.find((o) => o.identifier === e);
+    l(i ? (o) => i.value === o ? o : i.value : "");
+  }, [e, u]), {
+    channelOptions: u,
     selectedChannelOption: a
   };
 }
-function cr({
+function Qr({
   channelIdentifier: e,
   onChannelIdentifierChange: n,
   hideSilentChannels: t = !1,
   hideSectionControl: r = !1,
   disabled: a = !1,
-  collapsible: i = !1,
-  collapsed: f = !1,
+  collapsible: l = !1,
+  collapsed: u = !1,
   collapsedChange: d = void 0
 }) {
-  var S;
-  const l = De(), s = Ue(), g = H(), { channelOptions: x, selectedChannelOption: y } = Xt(
+  var m;
+  const i = qe(), o = He(), g = ne(), { channelOptions: c, selectedChannelOption: I } = xr(
     e,
     t === !0,
-    l,
-    s
-  ), C = F(
-    (I) => {
-      const w = x.find((m) => m.value === I), T = (w == null ? void 0 : w.identifier) ?? "", N = (w == null ? void 0 : w.canFdMode) === !0;
-      n(T, N);
+    i,
+    o
+  ), N = w(
+    (f) => {
+      const h = c.find((L) => L.value === f), F = (h == null ? void 0 : h.identifier) ?? "", p = (h == null ? void 0 : h.canFdMode) === !0;
+      n(F, p);
     },
-    [x, n]
+    [c, n]
   );
-  return r === !0 ? /* @__PURE__ */ c(
-    Ie,
+  return r === !0 ? /* @__PURE__ */ s(
+    Me,
     {
       id: "channel",
       label: g.getString("LabelChannel"),
       fullWidth: !0,
-      value: y,
-      onChange: C,
-      options: x,
+      value: I,
+      onChange: N,
+      options: c,
       required: !0,
       disabled: a
     }
-  ) : /* @__PURE__ */ c(
-    fe,
+  ) : /* @__PURE__ */ s(
+    me,
     {
       text: g.getString("LabelChannel"),
-      summary: y === "" || (S = x.find((I) => I.value === y)) == null ? void 0 : S.displayText,
-      collapsible: i,
-      collapsed: f,
+      summary: I === "" || (m = c.find((f) => f.value === I)) == null ? void 0 : m.displayText,
+      collapsible: l,
+      collapsed: u,
       collapsedChange: d,
-      children: /* @__PURE__ */ c(
-        Ie,
+      children: /* @__PURE__ */ s(
+        Me,
         {
           id: "channel",
           label: g.getString("LabelChannel"),
           fullWidth: !0,
-          value: y,
-          onChange: C,
-          options: x,
+          value: I,
+          onChange: N,
+          options: c,
           required: !0,
           disabled: a
         }
@@ -1908,51 +2240,527 @@ function cr({
     }
   );
 }
-const fr = W(Q)(() => ({
+function Nr(e, n, t, r) {
+  const [a, l] = U(""), [u, d] = U([]);
+  return z(() => {
+    d((i) => {
+      var g;
+      const o = (g = t == null ? void 0 : t.sources) == null ? void 0 : g.filter((c) => {
+        var N, m;
+        const I = (m = (N = r == null ? void 0 : r.find((f) => {
+          var h;
+          return f.nodeId === ((h = c.baseNode) == null ? void 0 : h.identifier);
+        })) == null ? void 0 : N.errorStatus) == null ? void 0 : m.errors;
+        return (I === void 0 || I === "") && c.channelSettings !== void 0 && c.channelSettings.linConfiguration !== void 0 && c.channelSettings.linConfiguration.masterMode === n ? c.baseNode && c.channelSettings && c.channelSettings.linConfiguration : !1;
+      }).map((c) => ({
+        value: c.channelSettings.channelNumber,
+        displayText: c.baseNode.name,
+        identifier: c.baseNode.identifier
+      }));
+      return !o || ge(i, o) ? i : o;
+    });
+  }, [t == null ? void 0 : t.sources, r]), z(() => {
+    const i = u.find((o) => o.identifier === e);
+    l(i ? (o) => i.value === o ? o : i.value : "");
+  }, [e, u]), {
+    channelOptions: u,
+    selectedChannelOption: a
+  };
+}
+function Xr({
+  channelIdentifier: e,
+  selectMasterChannels: n,
+  onChannelIdentifierChange: t,
+  hideSectionControl: r = !1,
+  disabled: a = !1,
+  collapsible: l = !1,
+  collapsed: u = !1,
+  collapsedChange: d = void 0
+}) {
+  var m;
+  const i = qe(), o = He(), g = ne(), { channelOptions: c, selectedChannelOption: I } = Nr(
+    e,
+    n,
+    i,
+    o
+  ), N = w(
+    (f) => {
+      const h = c.find((p) => p.value === f), F = (h == null ? void 0 : h.identifier) ?? "";
+      t(F);
+    },
+    [c, t]
+  );
+  return r === !0 ? /* @__PURE__ */ s(
+    Me,
+    {
+      id: "channel",
+      label: n ? g.getString("LabelChannelLinModeMaster") : g.getString("LabelChannelLinModeSlave"),
+      fullWidth: !0,
+      value: I,
+      onChange: N,
+      options: c,
+      required: !0,
+      disabled: a
+    }
+  ) : /* @__PURE__ */ s(
+    me,
+    {
+      text: n ? g.getString("LabelChannelLinModeMaster") : g.getString("LabelChannelLinModeSlave"),
+      summary: I === "" || (m = c.find((f) => f.value === I)) == null ? void 0 : m.displayText,
+      collapsible: l,
+      collapsed: u,
+      collapsedChange: d,
+      children: /* @__PURE__ */ s(
+        Me,
+        {
+          id: "channel",
+          label: n ? g.getString("LabelChannelLinModeMaster") : g.getString("LabelChannelLinModeSlave"),
+          fullWidth: !0,
+          value: I,
+          onChange: N,
+          options: c,
+          required: !0,
+          disabled: a
+        }
+      )
+    }
+  );
+}
+function vr({
+  linIdentifier: e,
+  onLinIdentifierChange: n,
+  onErrorsChange: t = void 0,
+  showSelectMessageDialogChange: r = void 0,
+  showSelectSignalDialogChange: a = void 0,
+  disabled: l = !1,
+  disableSelectMessageButton: u = !1,
+  disableSelectSignalButton: d = !1,
+  hideSection: i = !1,
+  hideSelectMessageButton: o = !1,
+  showSelectSignalButton: g = !1,
+  collapsible: c = !1,
+  collapsed: I = !1,
+  collapsedChange: N = void 0
+}) {
+  const m = ne(), f = le(), h = de(), F = de(), p = Ne(h, F), [L, S] = U(!1);
+  z(() => {
+    t && t(L);
+  }, [L, t]);
+  const [v, M] = U(!1), b = w(
+    (k) => {
+      let _ = k;
+      const W = parseInt(_, _.startsWith("0x") ? 16 : f);
+      return Number.isNaN(W) || W < 0 || W > 63 ? (Number.isNaN(W) || n(`${W.toString(f).toUpperCase()}`), { val: k, err: !0 }) : (n(`${W.toString(f).toUpperCase()}`), M(_.startsWith("0x")), { val: k, err: !1 });
+    },
+    [f, n]
+  ), $ = O(() => {
+    const k = parseInt(e, e.startsWith("0x") ? 16 : f);
+    return v ? `0x${k.toString(16).toUpperCase()}` : k.toString(f).toUpperCase();
+  }, [v, e, f]), R = O(
+    () => /* @__PURE__ */ T(ue, { spacing: 4, children: [
+      /* @__PURE__ */ s(
+        re,
+        {
+          id: "constant-id",
+          fullWidth: !0,
+          value: $,
+          error: L,
+          onValidate: b,
+          onErrorChange: S,
+          disabled: l
+        }
+      ),
+      !o && /* @__PURE__ */ s(oe, { columnItem: h, width: p, children: /* @__PURE__ */ s(
+        Z,
+        {
+          disabled: u,
+          onClick: () => {
+            r && r(!0);
+          },
+          variant: "outlined",
+          size: "large",
+          children: m.getString("ButtonSelectMessage")
+        }
+      ) }),
+      g && /* @__PURE__ */ s(oe, { columnItem: F, width: p, children: /* @__PURE__ */ s(
+        Z,
+        {
+          disabled: d,
+          onClick: () => {
+            a && a(!0);
+          },
+          variant: "outlined",
+          size: "large",
+          children: m.getString("ButtonSelectSignal")
+        }
+      ) })
+    ] }),
+    [$, l, L, m, b]
+  );
+  return i ? R : /* @__PURE__ */ s(
+    me,
+    {
+      text: m.getString("LabelLinIdentifier"),
+      summary: e,
+      collapsible: c,
+      collapsed: I,
+      collapsedChange: N,
+      children: R
+    }
+  );
+}
+function Yr({
+  frame: e,
+  onFrameChange: n,
+  onErrorsChange: t = void 0,
+  showSelectMessageDialogChange: r = void 0,
+  showSelectSignalDialogChange: a = void 0,
+  disableSelectMessageButton: l = !1,
+  disableSelectSignalButton: u = !1,
+  hideSection: d = !1,
+  hideSelectMessageButton: i = !1,
+  showSelectSignalButton: o = !1,
+  collapsible: g = !1,
+  collapsed: c = !1,
+  collapsedChange: I = void 0
+}) {
+  const N = le(), m = O(() => `${(e.id ?? 0).toString(N).toUpperCase()}`, [e.id, N]), f = w(
+    (h) => {
+      var L;
+      const F = parseInt(h, h.startsWith("0x") ? 16 : N), p = (L = e.linFrameFlags) != null && L.flags ? { flags: [...e.linFrameFlags.flags] } : { flags: [] };
+      if (F !== e.id || !ge(p, e.linFrameFlags)) {
+        const S = { ...e };
+        S.id = F, S.linFrameFlags = p, n(S);
+      }
+    },
+    [e, N, n]
+  );
+  return /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s(
+    vr,
+    {
+      linIdentifier: m,
+      onLinIdentifierChange: f,
+      onErrorsChange: t,
+      showSelectMessageDialogChange: r,
+      showSelectSignalDialogChange: a,
+      disableSelectMessageButton: l,
+      disableSelectSignalButton: u,
+      hideSection: d,
+      hideSelectMessageButton: i,
+      showSelectSignalButton: o,
+      collapsible: g,
+      collapsed: c,
+      collapsedChange: I
+    }
+  ) });
+}
+function Cr({
+  linIdentifier: e,
+  identifierGeneratorType: n,
+  minLinIdentifier: t,
+  maxLinIdentifier: r,
+  onChange: a,
+  onErrorsChange: l = void 0,
+  linIdentifierGeneratorSettingsError: u = void 0,
+  disabled: d = !1,
+  collapsible: i = !1,
+  collapsed: o = !1,
+  collapsedChange: g = void 0,
+  showSelectMessageDialogChange: c,
+  showSignalValuesTable: I
+}) {
+  const N = ne(), m = le(), [f, h] = U(!1), [F, p] = U(!1), [L, S] = U(!1), [v, M] = U(!1), [b, $] = U(!1), [R, k] = U(!1), _ = w(
+    (D) => {
+      let K = D;
+      const Q = parseInt(K, K.startsWith("0x") ? 16 : m);
+      return Number.isNaN(Q) || Q < 0 || Q > 63 ? (Number.isNaN(Q) || a(
+        `${Q.toString(m).toUpperCase()}`,
+        n,
+        t,
+        r
+      ), { val: D, err: !0 }) : (a(
+        `${Q.toString(m).toUpperCase()}`,
+        n,
+        t,
+        r
+      ), M(K.startsWith("0x")), { val: D, err: !1 });
+    },
+    [n, r, t, m, a]
+  ), W = w(
+    (D, K, Q) => {
+      let G = D;
+      const te = parseInt(G, G.startsWith("0x") ? 16 : m);
+      return Number.isNaN(te) || te < 0 || te > 63 ? (Number.isNaN(te) || K(`${te.toString(m).toUpperCase()}`), { val: D, err: !0, id: te }) : (K(`${te.toString(m).toUpperCase()}`), Q(G.startsWith("0x")), { val: D, err: !1, id: te });
+    },
+    [m]
+  ), j = w(
+    (D) => {
+      const K = W(
+        D,
+        (G) => a(e, n, G, r),
+        (G) => $(G)
+      ), Q = W(
+        r,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        }
+      );
+      return K.id >= Q.id ? K.err = !0 : Q.err && S(Q.err), { val: K.val, err: K.err };
+    },
+    [e, n, r, a, W]
+  ), X = w(
+    (D) => {
+      const K = W(
+        D,
+        (G) => a(e, n, t, G),
+        (G) => k(G)
+      ), Q = W(
+        t,
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        () => {
+        }
+      );
+      return Q.id >= K.id ? K.err = !0 : Q.err && p(Q.err), { val: K.val, err: K.err };
+    },
+    [e, n, t, a, W]
+  ), P = w(
+    (D) => {
+      I(D === "constant"), a(e, D, t, r);
+    },
+    [e, t, r, a]
+  );
+  z(() => {
+    l && l(
+      n === "constant" && f || (n === "random" || n === "scan") && (F || L)
+    ), u && (u.current = n === "constant" && f || (n === "random" || n === "scan") && (F || L));
+  }, [
+    f,
+    u,
+    n,
+    L,
+    F,
+    l
+  ]);
+  const A = de(), C = Ne(A), x = O(() => {
+    const D = parseInt(e, e.startsWith("0x") ? 16 : m);
+    return v ? `0x${D.toString(16).toUpperCase()}` : D.toString(m).toUpperCase();
+  }, [v, e, m]), B = O(() => {
+    const D = parseInt(t, t.startsWith("0x") ? 16 : m);
+    return b ? `0x${D.toString(16).toUpperCase()}` : D.toString(m).toUpperCase();
+  }, [b, t, m]), y = O(() => {
+    const D = parseInt(r, r.startsWith("0x") ? 16 : m);
+    return R ? `0x${D.toString(16).toUpperCase()}` : D.toString(m).toUpperCase();
+  }, [R, r, m]);
+  return /* @__PURE__ */ s(
+    me,
+    {
+      text: N.getString("LabelLinIdentifier"),
+      summary: n === "constant" ? e : n === "random" ? `${N.getString("LabelRandom")} ${t}-${r}` : `${N.getString("LabelScan")} ${t}-${r}`,
+      collapsible: i,
+      collapsed: o,
+      collapsedChange: g,
+      children: /* @__PURE__ */ T(
+        fn,
+        {
+          id: "identifier-radio-group",
+          value: n,
+          onChange: (D) => {
+            P(D);
+          },
+          children: [
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
+                {
+                  id: "constant-id-radio",
+                  value: "constant",
+                  label: N.getString("LabelConstantIdentifier"),
+                  sx: { marginLeft: "-11px !important" },
+                  disabled: d
+                }
+              ),
+              /* @__PURE__ */ s(
+                re,
+                {
+                  id: "constant-id",
+                  fullWidth: !0,
+                  value: x,
+                  error: !d && n === "constant" && f,
+                  onErrorChange: h,
+                  onValidate: _,
+                  disabled: d || n !== "constant",
+                  required: n === "constant"
+                }
+              ),
+              /* @__PURE__ */ s(oe, { columnItem: A, width: C, children: /* @__PURE__ */ s(Z, { onClick: () => c(!0), variant: "outlined", size: "large", children: N.getString("ButtonSelectMessage") }) })
+            ] }),
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
+                {
+                  id: "random-identifier-radio",
+                  value: "random",
+                  label: N.getString("LabelRandomIdentifier"),
+                  sx: { marginLeft: "-11px !important" },
+                  disabled: d
+                }
+              ),
+              /* @__PURE__ */ s(
+                fe,
+                {
+                  id: "scan-identifier-radio",
+                  value: "scan",
+                  label: N.getString("LabelScanIdentifier"),
+                  disabled: d
+                }
+              ),
+              /* @__PURE__ */ s(
+                re,
+                {
+                  id: "identifier-min",
+                  disabled: d || n !== "random" && n !== "scan",
+                  required: n === "random" || n === "scan",
+                  fullWidth: !0,
+                  value: B,
+                  error: !d && (n === "random" || n === "scan") && F,
+                  onErrorChange: p,
+                  onValidate: j,
+                  startAdornment: N.getString("LabelFrom"),
+                  sxStartAdornment: { marginBottom: 0.8 }
+                }
+              ),
+              /* @__PURE__ */ s(
+                re,
+                {
+                  id: "identifier-max",
+                  disabled: d || n !== "random" && n !== "scan",
+                  required: n === "random" || n === "scan",
+                  fullWidth: !0,
+                  value: y,
+                  error: !d && (n === "random" || n === "scan") && L,
+                  onErrorChange: S,
+                  onValidate: X,
+                  startAdornment: N.getString("LabelTo"),
+                  sxStartAdornment: { marginBottom: 0.8 }
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function Jr({
+  settings: e,
+  onSettingsChange: n,
+  onErrorsChange: t = void 0,
+  linIdentifierGeneratorSettingsError: r = void 0,
+  disabled: a = !1,
+  collapsible: l = !1,
+  collapsed: u = !1,
+  collapsedChange: d = void 0,
+  showSelectMessageDialogChange: i,
+  showSignalValuesTable: o
+}) {
+  var h;
+  const g = le(), c = O(() => {
+    var p;
+    return `${(((p = e.frame) == null ? void 0 : p.id) ?? 0).toString(g).toUpperCase()}`;
+  }, [g, (h = e.frame) == null ? void 0 : h.id]), I = O(() => `${(e.identifierMin ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMin]), N = O(() => `${(e.identifierMax ?? 0).toString(g).toUpperCase()}`, [g, e.identifierMax]), m = O(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), f = w(
+    (F, p, L, S) => {
+      var R, k, _, W;
+      const v = parseInt(F, F.startsWith("0x") ? 16 : g), M = (k = (R = e.frame) == null ? void 0 : R.linFrameFlags) != null && k.flags ? { flags: [...e.frame.linFrameFlags.flags] } : { flags: [] }, b = parseInt(L, L.startsWith("0x") ? 16 : g), $ = parseInt(S, S.startsWith("0x") ? 16 : g);
+      if (v !== ((_ = e.frame) == null ? void 0 : _.id) || !ge(M, (W = e.frame) == null ? void 0 : W.linFrameFlags) || p !== m || b !== e.identifierMin || $ !== e.identifierMax) {
+        const j = { ...e };
+        j.frame = e.frame ? { ...e.frame } : an.fromPartial({
+          id: 0,
+          linFrameFlags: void 0,
+          data: Array.from({ length: 8 }, () => 0)
+        }), j.frame.id = v, j.frame.linFrameFlags = M, p === "constant" ? (j.randomIdentifier = !1, j.scanIdentifier = !1) : p === "random" ? (j.randomIdentifier = !0, j.scanIdentifier = !1) : p === "scan" && (j.randomIdentifier = !1, j.scanIdentifier = !0), j.identifierMin = b, j.identifierMax = $, n(j);
+      }
+    },
+    [m, g, n, e]
+  );
+  return /* @__PURE__ */ s(
+    Cr,
+    {
+      linIdentifier: c,
+      identifierGeneratorType: m,
+      minLinIdentifier: I,
+      maxLinIdentifier: N,
+      onChange: f,
+      onErrorsChange: t,
+      linIdentifierGeneratorSettingsError: r,
+      disabled: a,
+      collapsible: l,
+      collapsed: u,
+      collapsedChange: d,
+      showSelectMessageDialogChange: i,
+      showSignalValuesTable: o
+    }
+  );
+}
+const Zr = V(xe)(() => ({
   height: "100%",
   width: "100%",
   padding: "4px",
   overflow: "auto"
 }));
 export {
-  cr as CanChannelSelectControl,
-  zt as CanIdentifierControl,
-  sr as CanIdentifierFrameControl,
-  Kt as CanIdentifierGeneratorControl,
-  ur as CanIdentifierGeneratorSettingsControl,
-  br as CanKingDataProvider,
-  Ae as CheckboxControl,
-  Ft as ColumnItemControl,
-  dr as ContextMenu,
-  mr as DevicesContext,
-  wt as DropdownButton,
-  er as DropdownButtonTextItems,
-  nr as DropdownPanel,
-  fr as FillBox,
-  de as FormControlRow,
-  tr as InlineEditor,
-  pr as LocalizedStrings,
-  vr as LogMessagesContext,
-  xr as MeasurementSetupContext,
-  Cr as MeasurementStatusContext,
-  rr as NumberRangeControl,
-  te as OneLineButton,
-  Sr as OnlineStatusContext,
-  ie as RadioControl,
-  Et as RadioGroupControl,
-  Nr as RunningPeriodicTransmissionsContext,
-  fe as SectionControl,
-  Ie as SelectControl,
-  ar as SizedBox,
-  lr as TableControl,
-  ir as TabsPanel,
-  Lt as TextControl,
-  or as ToolbarControl,
-  yr as UserSettingsContext,
-  G as ValidateableTextControl,
-  Ir as WorkspacePanesContext,
-  $r as addEventListener,
-  Fr as removeEventListener,
-  It as useColumnItem,
-  $t as useColumnItems
+  Qr as CanChannelSelectControl,
+  pr as CanIdentifierControl,
+  Hr as CanIdentifierFrameControl,
+  Sr as CanIdentifierGeneratorControl,
+  Kr as CanIdentifierGeneratorSettingsControl,
+  ea as CanKingDataProvider,
+  sn as CheckboxControl,
+  oe as ColumnItemControl,
+  qr as ContextMenu,
+  na as DevicesContext,
+  nr as DropdownButton,
+  Er as DropdownButtonTextItems,
+  Br as DropdownPanel,
+  Zr as FillBox,
+  ue as FormControlRow,
+  Ur as InlineEditor,
+  Xr as LinChannelSelectControl,
+  vr as LinIdentifierControl,
+  Yr as LinIdentifierFrameControl,
+  Cr as LinIdentifierGeneratorControl,
+  Jr as LinIdentifierGeneratorSettingsControl,
+  ta as LocalizedStrings,
+  ra as LogMessagesContext,
+  aa as MeasurementSetupContext,
+  ia as MeasurementStatusContext,
+  yr as NumberRangeControl,
+  Z as OneLineButton,
+  sa as OnlineStatusContext,
+  fe as RadioControl,
+  fn as RadioGroupControl,
+  la as RunningPeriodicTransmissionsContext,
+  me as SectionControl,
+  Me as SelectControl,
+  Or as SelectMessageDialog,
+  Pr as SelectSignalControl,
+  cr as SelectSignalDialog,
+  jr as SizedBox,
+  Dr as TableControl,
+  zr as TabsPanel,
+  lr as TextControl,
+  Tr as ToolbarControl,
+  da as UserSettingsContext,
+  re as ValidateableTextControl,
+  oa as WorkspacePanesContext,
+  bn as addEventListener,
+  pn as removeEventListener,
+  de as useColumnItem,
+  Ne as useColumnItems,
+  _e as useMessageDatabases
 };