@kvaser/canking-api 7.1.0 → 7.2.0

package/dist/controls.mjs

@@ -1,205 +1,208 @@
-import { u as re, a as Ve, b as fe, c as en, d as nn } from "./index.mjs";
-import { C as _r, D as wr, L as Rr, g as Ar, f as Tr, M as Er, O as Lr, R as Br, U as Or, W as kr, e as Wr, r as Pr } from "./index.mjs";
-import { jsx as d, jsxs as j, Fragment as ae } from "react/jsx-runtime";
-import * as te from "react";
-import me, { useCallback as $, useRef as Le, useState as B, useEffect as P, useMemo as W } from "react";
-import { FormControlLabel as Be, Checkbox as tn, Box as ie, styled as X, Button as rn, IconButton as Oe, Popover as an, MenuItem as pe, FormControl as ke, Stack as We, TextField as sn, InputAdornment as Se, Radio as ln, RadioGroup as on, Divider as dn, Tooltip as ue, InputLabel as un, Select as cn, FormHelperText as fn, ListSubheader as hn, TableContainer as gn, Table as mn, TableHead as bn, TableRow as $e, TableCell as Fe, TableBody as pn, Toolbar as xn, Typography as Pe, ToggleButtonGroup as vn, toggleButtonGroupClasses as Ie, ButtonGroup as Nn, buttonGroupClasses as le, Paper as Cn, ToggleButton as Sn, Menu as $n, ListItemIcon as Fn, ListItemText as ye } from "@mui/material";
-import { LineArrowDownIcon as je, LineArrowUpIcon as In } from "./icons.mjs";
-import xe 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 G, W as yn } from "./measurement_settings.mjs";
-function Ue({
+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: s = "small",
+  size: l = "small",
   sx: u = void 0
 }) {
-  const l = $((i) => {
+  const d = w((i) => {
     if (i.key === "Enter" && !i.ctrlKey && !i.altKey && !i.shiftKey) {
       i.preventDefault();
       return;
     }
   }, []);
-  return /* @__PURE__ */ d(
-    Be,
+  return /* @__PURE__ */ s(
+    Qe,
     {
       id: e,
       "aria-label": e,
       disabled: a,
       "aria-disabled": a,
-      control: /* @__PURE__ */ d(tn, { size: s, checked: t, onChange: (i, o) => r(o), onKeyDown: l }),
+      control: /* @__PURE__ */ s(xn, { size: l, checked: t, onChange: (i, o) => r(o), onKeyDown: d }),
       label: n,
       slotProps: { typography: { noWrap: !0 } },
       sx: u
     }
   );
 }
-var oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function De(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 Mn(e) {
+function Hn(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");
 }
-var ve = Mn, _n = typeof oe == "object" && oe && oe.Object === Object && oe, wn = _n, Rn = wn, An = typeof self == "object" && self && self.Object === Object && self, Tn = Rn || An || Function("return this")(), ze = Tn, En = ze, Ln = function() {
-  return En.Date.now();
-}, Bn = Ln, On = /\s/;
-function kn(e) {
-  for (var n = e.length; n-- && On.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 Wn = kn, Pn = Wn, jn = /^\s+/;
-function Un(e) {
-  return e && e.slice(0, Pn(e) + 1).replace(jn, "");
+var tt = nt, rt = tt, at = /^\s+/;
+function it(e) {
+  return e && e.slice(0, rt(e) + 1).replace(at, "");
 }
-var Dn = Un, zn = ze, Kn = zn.Symbol, Ke = Kn, Me = Ke, Xe = Object.prototype, Xn = Xe.hasOwnProperty, Hn = Xe.toString, ne = Me ? Me.toStringTag : void 0;
-function Gn(e) {
-  var n = Xn.call(e, ne), t = e[ne];
+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[ne] = void 0;
+    e[he] = void 0;
     var r = !0;
   } catch {
   }
-  var a = Hn.call(e);
-  return r && (n ? e[ne] = t : delete e[ne]), a;
+  var a = ut.call(e);
+  return r && (n ? e[he] = t : delete e[he]), a;
 }
-var qn = Gn, Yn = Object.prototype, Jn = Yn.toString;
-function Qn(e) {
-  return Jn.call(e);
+var ft = ct, gt = Object.prototype, mt = gt.toString;
+function ht(e) {
+  return mt.call(e);
 }
-var Zn = Qn, _e = Ke, Vn = qn, et = Zn, nt = "[object Null]", tt = "[object Undefined]", we = _e ? _e.toStringTag : void 0;
-function rt(e) {
-  return e == null ? e === void 0 ? tt : nt : we && we in Object(e) ? Vn(e) : et(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 at = rt;
-function it(e) {
+var Ct = vt;
+function It(e) {
   return e != null && typeof e == "object";
 }
-var st = it, lt = at, ot = st, dt = "[object Symbol]";
-function ut(e) {
-  return typeof e == "symbol" || ot(e) && lt(e) == dt;
+var $t = It, Mt = Ct, Ft = $t, Lt = "[object Symbol]";
+function wt(e) {
+  return typeof e == "symbol" || Ft(e) && Mt(e) == Lt;
 }
-var ct = ut, ft = Dn, Re = ve, ht = ct, Ae = NaN, gt = /^[-+]0x[0-9a-f]+$/i, mt = /^0b[01]+$/i, bt = /^0o[0-7]+$/i, pt = parseInt;
-function xt(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 (ht(e))
-    return Ae;
-  if (Re(e)) {
+  if (At(e))
+    return ze;
+  if (De(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Re(n) ? n + "" : n;
+    e = De(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = ft(e);
-  var t = mt.test(e);
-  return t || bt.test(e) ? pt(e.slice(2), t ? 2 : 8) : gt.test(e) ? Ae : +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 vt = xt, Nt = ve, he = Bn, Te = vt, Ct = "Expected a function", St = Math.max, $t = Math.min;
-function Ft(e, n, t) {
-  var r, a, s, u, l, i, o = 0, h = !1, b = !1, x = !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(Ct);
-  n = Te(n) || 0, Nt(t) && (h = !!t.leading, b = "maxWait" in t, s = b ? St(Te(t.maxWait) || 0, n) : s, x = "trailing" in t ? !!t.trailing : x);
-  function N(c) {
-    var F = r, _ = a;
-    return r = a = void 0, o = c, u = e.apply(_, F), u;
+    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 v(c) {
-    return o = c, l = setTimeout(w, n), h ? N(c) : u;
+  function m(M) {
+    return o = M, d = setTimeout(F, n), g ? N(M) : u;
   }
-  function f(c) {
-    var F = c - i, _ = c - o, z = n - F;
-    return b ? $t(z, s - _) : z;
+  function f(M) {
+    var b = M - i, $ = M - o, R = n - b;
+    return c ? Dt(R, l - $) : R;
   }
-  function I(c) {
-    var F = c - i, _ = c - o;
-    return i === void 0 || F >= n || F < 0 || b && _ >= s;
+  function h(M) {
+    var b = M - i, $ = M - o;
+    return i === void 0 || b >= n || b < 0 || c && $ >= l;
   }
-  function w() {
-    var c = he();
-    if (I(c))
-      return C(c);
-    l = setTimeout(w, f(c));
+  function F() {
+    var M = Le();
+    if (h(M))
+      return p(M);
+    d = setTimeout(F, f(M));
   }
-  function C(c) {
-    return l = void 0, x && r ? N(c) : (r = a = void 0, u);
+  function p(M) {
+    return d = void 0, I && r ? N(M) : (r = a = void 0, u);
   }
-  function S() {
-    l !== void 0 && clearTimeout(l), o = 0, r = i = a = l = void 0;
+  function L() {
+    d !== void 0 && clearTimeout(d), o = 0, r = i = a = d = void 0;
   }
-  function g() {
-    return l === void 0 ? u : C(he());
+  function S() {
+    return d === void 0 ? u : p(Le());
   }
-  function p() {
-    var c = he(), F = I(c);
-    if (r = arguments, a = this, i = c, F) {
-      if (l === void 0)
-        return v(i);
-      if (b)
-        return clearTimeout(l), l = setTimeout(w, n), N(i);
+  function v() {
+    var M = Le(), b = h(M);
+    if (r = arguments, a = this, i = M, b) {
+      if (d === void 0)
+        return m(i);
+      if (c)
+        return clearTimeout(d), d = setTimeout(F, n), N(i);
     }
-    return l === void 0 && (l = setTimeout(w, n)), u;
+    return d === void 0 && (d = setTimeout(F, n)), u;
   }
-  return p.cancel = S, p.flush = g, p;
+  return v.cancel = L, v.flush = S, v;
 }
-var He = Ft;
-const It = /* @__PURE__ */ De(He);
-var yt = He, Mt = ve, _t = "Expected a function";
-function wt(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(_t);
-  return Mt(t) && (r = "leading" in t ? !!t.leading : r, a = "trailing" in t ? !!t.trailing : a), yt(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 Rt = wt;
-const At = /* @__PURE__ */ De(Rt), Tt = (e, n, t, r) => {
+var Xt = Qt;
+const Yt = /* @__PURE__ */ ln(Xt), Jt = (e, n, t, r) => {
   switch (n) {
     case "debounce":
-      return It(e, t, r);
+      return Tt(e, t, r);
     case "throttle":
-      return At(e, t, r);
+      return Yt(e, t, r);
     default:
       return e;
   }
-}, Et = (
+}, Zt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const n = te.useRef(e);
-    return te.useEffect(() => {
+    const n = be.useRef(e);
+    return be.useEffect(() => {
       n.current = e;
-    }), te.useMemo(() => (...t) => {
+    }), be.useMemo(() => (...t) => {
       var r;
       return (r = n.current) === null || r === void 0 ? void 0 : r.call(n, ...t);
     }, []);
   }
-), Lt = (
+), Vt = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [n, t] = te.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: te.useMemo(() => new Proxy((a) => {
+    }, 0), { refProxy: be.useMemo(() => new Proxy((a) => {
       a !== n && t(a);
     }, {
-      get(a, s) {
-        return s === "current" ? n : a[s];
+      get(a, l) {
+        return l === "current" ? n : a[l];
       },
-      set(a, s, u) {
-        return s === "current" ? t(u) : a[s] = u, !0;
+      set(a, l, u) {
+        return l === "current" ? t(u) : a[l] = u, !0;
       }
     }), [n]), refElement: n, setRefElement: t };
   }
-), Bt = (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,136 +212,136 @@ const At = /* @__PURE__ */ De(Rt), Tt = (e, n, t, r) => {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function Ot({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: s = !0, targetRef: u, observerOptions: l, onResize: i } = {}) {
-  const o = Le(e), h = Et(i), [b, x] = B({
+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: N, refElement: v } = Lt(u), { box: f } = l || {}, I = $((C) => {
-    if (!a && !s)
+  }), { refProxy: N, refElement: m } = Vt(u), { box: f } = d || {}, h = w((p) => {
+    if (!a && !l)
       return;
     if (o.current) {
       o.current = !1;
       return;
     }
-    const S = (g, p) => a && g.width !== p.width || s && g.height !== p.height;
-    C.forEach((g) => {
-      const p = Bt(g, f);
-      x((c) => S(c, p) ? (h == null || h({
-        width: p.width,
-        height: p.height,
-        entry: g
-      }), p) : c);
+    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: S
+      }), v) : M);
     });
-  }, [a, s, o, f]), w = $(Tt(I, n, t, r), [
-    I,
+  }, [a, l, o, f]), F = w(Jt(h, n, t, r), [
+    h,
     n,
     t,
     r
   ]);
-  return P(() => {
-    let C;
-    return v ? (C = new window.ResizeObserver(w), C.observe(v, l)) : (b.width || b.height) && (h == null || h({
+  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
-    }), x({ width: void 0, height: void 0 })), () => {
-      var S, g, p;
-      (S = C == null ? void 0 : C.disconnect) === null || S === void 0 || S.call(C), (p = (g = w).cancel) === null || p === void 0 || p.call(g);
+    }), 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);
     };
-  }, [w, v]), Object.assign({ ref: N }, b);
+  }, [F, m]), Object.assign({ ref: N }, c);
 }
-const kt = () => {
-  const { ref: e, width: n } = Ot();
+const de = () => {
+  const { ref: e, width: n } = er();
   return {
     ref: e,
     width: n
   };
-}, Wt = (...e) => {
-  const [n, t] = B();
-  return P(() => {
+}, 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((s) => s === void 0 ? a : s);
+      t((l) => l === void 0 ? a : l);
     }
   }, [e]), n;
 };
-function Pt({ columnItem: e, width: n = void 0, children: t = void 0 }) {
-  return /* @__PURE__ */ d("div", { ref: e.ref, children: /* @__PURE__ */ d(ie, { 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 ce = X(rn)(() => ({
+const Z = V(Nn)(() => ({
   whiteSpace: "nowrap",
   minWidth: "max-content"
 }));
-function hr({ items: e, onSelect: n, onClose: t = void 0 }) {
-  const r = $(
-    (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__ */ d(ae, { children: e.map((a) => /* @__PURE__ */ d(pe, { 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 jt({
+function nr({
   id: e = "dropdown-button",
   startIcon: n = void 0,
   endIcon: t = void 0,
   text: r = void 0,
   variant: a = "outlined",
-  color: s = void 0,
+  color: l = void 0,
   size: u = "medium",
-  disabled: l = !1,
+  disabled: d = !1,
   children: i
 }) {
-  const [o, h] = B(null), b = !!o, x = $((f) => {
-    h(f.currentTarget);
-  }, []), N = $(() => {
-    h(null);
-  }, []), v = me.cloneElement(me.Children.only(i), {
+  const [o, g] = U(null), c = !!o, I = w((f) => {
+    g(f.currentTarget);
+  }, []), N = w(() => {
+    g(null);
+  }, []), m = we.cloneElement(we.Children.only(i), {
     onClose: N
   });
-  return /* @__PURE__ */ j(ae, { children: [
-    !r && /* @__PURE__ */ d(
-      Oe,
+  return /* @__PURE__ */ T(ce, { children: [
+    !r && /* @__PURE__ */ s(
+      Xe,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": b ? `${e}-popover` : void 0,
+        "aria-controls": c ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": b ? "true" : void 0,
-        onClick: x,
+        "aria-expanded": c ? "true" : void 0,
+        onClick: I,
         size: u,
-        color: s,
-        disabled: l,
+        color: l,
+        disabled: d,
         children: n
       }
     ),
-    r && /* @__PURE__ */ d(
-      ce,
+    r && /* @__PURE__ */ s(
+      Z,
       {
         id: e,
         "data-testid": e,
-        "aria-controls": b ? `${e}-popover` : void 0,
+        "aria-controls": c ? `${e}-popover` : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": b ? "true" : void 0,
+        "aria-expanded": c ? "true" : void 0,
         variant: a,
         disableElevation: !0,
-        onClick: x,
+        onClick: I,
         startIcon: n,
-        endIcon: t ?? /* @__PURE__ */ d(je, {}),
+        endIcon: t ?? /* @__PURE__ */ s(tn, {}),
         size: u,
-        color: s,
-        disabled: l,
+        color: l,
+        disabled: d,
         children: r
       }
     ),
-    /* @__PURE__ */ d(
-      an,
+    /* @__PURE__ */ s(
+      vn,
       {
         id: `${e}-popover`,
         "aria-labelledby": e,
         anchorEl: o,
-        open: b,
+        open: c,
         onClose: N,
         anchorOrigin: {
           vertical: "bottom",
@@ -348,46 +351,46 @@ function jt({
           vertical: "top",
           horizontal: "left"
         },
-        children: v
+        children: m
       }
     )
   ] });
 }
-const Ut = X("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
-})), Dt = X("div")(({ top: e, left: n, width: t, height: r, position: a, theme: s }) => ({
+})), 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: s.palette.primary.contrastText,
-  backgroundColor: s.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
-})), de = 8;
-function gr({
+})), $e = 8;
+function Br({
   id: e = void 0,
   position: n,
   parentWidth: t,
   parentHeight: r,
   maxLength: a,
-  dropDownSize: s,
+  dropDownSize: l,
   autoHideTimeout: u = 0,
-  forceShow: l = !1,
+  forceShow: d = !1,
   children: i = null
 }) {
-  const o = W(() => {
+  const o = O(() => {
     switch (n) {
       case "left":
       case "right":
@@ -398,7 +401,7 @@ function gr({
       default:
         return a;
     }
-  }, [a, r, t, n]), h = W(() => {
+  }, [a, r, t, n]), g = O(() => {
     switch (n) {
       case "left":
       case "right":
@@ -406,45 +409,45 @@ function gr({
       case "top":
         return 0;
       case "bottom":
-        return r - de;
+        return r - $e;
       default:
         return 0;
     }
-  }, [o, r, n]), b = W(() => {
+  }, [o, r, n]), c = O(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - de;
+        return t - $e;
       case "top":
       case "bottom":
         return (t - o) / 2;
       default:
         return 0;
     }
-  }, [o, t, n]), x = W(() => {
+  }, [o, t, n]), I = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return de;
+        return $e;
       case "top":
       case "bottom":
         return o;
       default:
         return 0;
     }
-  }, [o, n]), N = W(() => {
+  }, [o, n]), N = O(() => {
     switch (n) {
       case "left":
       case "right":
         return o;
       case "top":
       case "bottom":
-        return de;
+        return $e;
       default:
         return 0;
     }
-  }, [o, n]), v = W(() => {
+  }, [o, n]), m = O(() => {
     switch (n) {
       case "left":
       case "right":
@@ -452,169 +455,169 @@ function gr({
       case "top":
         return 0;
       case "bottom":
-        return r - s;
+        return r - l;
       default:
         return 0;
     }
-  }, [s, o, r, n]), f = W(() => {
+  }, [l, o, r, n]), f = O(() => {
     switch (n) {
       case "left":
         return 0;
       case "right":
-        return t - s;
+        return t - l;
       case "top":
       case "bottom":
         return (t - o) / 2;
       default:
         return 0;
     }
-  }, [s, o, t, n]), I = W(() => {
+  }, [l, o, t, n]), h = O(() => {
     switch (n) {
       case "left":
       case "right":
-        return s;
+        return l;
       case "top":
       case "bottom":
         return o;
       default:
         return 0;
     }
-  }, [s, o, n]), w = W(() => {
+  }, [l, o, n]), F = O(() => {
     switch (n) {
       case "left":
       case "right":
         return o;
       case "top":
       case "bottom":
-        return s;
+        return l;
       default:
         return 0;
     }
-  }, [s, o, n]), [C, S] = B(!1), g = $(
-    (c) => {
-      c.buttons === 0 && u && S(!0);
+  }, [l, o, n]), [p, L] = U(!1), S = w(
+    (M) => {
+      M.buttons === 0 && u && L(!0);
     },
     [u]
-  ), p = $(() => {
-    S(!1);
+  ), v = w(() => {
+    L(!1);
   }, []);
-  return P(() => {
-    let c;
-    return C && u && (c = setTimeout(() => S(!1), u)), () => {
-      c && clearTimeout(c);
+  return z(() => {
+    let M;
+    return p && u && (M = setTimeout(() => L(!1), u)), () => {
+      M && clearTimeout(M);
     };
-  }, [u, C]), /* @__PURE__ */ j(ae, { children: [
-    /* @__PURE__ */ d(
-      Ut,
+  }, [u, p]), /* @__PURE__ */ T(ce, { children: [
+    /* @__PURE__ */ s(
+      tr,
       {
         id: e,
-        top: h,
-        left: b,
-        width: x,
+        top: g,
+        left: c,
+        width: I,
         height: N,
         "aria-haspopup": "true",
-        onMouseEnter: g
+        onMouseEnter: S
       }
     ),
-    (C || l === !0) && /* @__PURE__ */ d(
-      Dt,
+    (p || d === !0) && /* @__PURE__ */ s(
+      rr,
       {
-        top: v,
+        top: m,
         left: f,
-        width: I,
-        height: w,
+        width: h,
+        height: F,
         position: n,
-        onMouseLeave: p,
+        onMouseLeave: v,
         children: i
       }
     )
   ] });
 }
-function be({
+function ue({
   children: e,
   fullWidth: n = !0,
   spacing: t = "4px",
   alignItems: r = "center"
 }) {
-  return /* @__PURE__ */ d(ke, { margin: "dense", fullWidth: n, variant: "standard", children: /* @__PURE__ */ d(We, { 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 zt = X("input")(({ variant: e, theme: n }) => ({
+const ar = V("input")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
-})), Kt = X("span")(({ variant: e, theme: n }) => ({
+})), ir = V("span")(({ variant: e, theme: n }) => ({
   ...n.typography[e]
 }));
-function Xt({ value: e, onChange: n, ariaLabel: t = void 0, variant: r = "body1" }) {
-  const a = Le(null), [s, u] = B(e), l = $(
-    (h) => u(h.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),
     []
-  ), i = $(
-    (h) => {
-      (h.key === "Enter" || h.key === "Escape") && (h.key === "Escape" && (u(e), h.currentTarget.value = e), h.currentTarget.blur());
+  ), i = w(
+    (g) => {
+      (g.key === "Enter" || g.key === "Escape") && (g.key === "Escape" && (u(e), g.currentTarget.value = e), g.currentTarget.blur());
     },
     [e]
-  ), o = $(
-    (h) => {
-      n(h.target.value);
+  ), o = w(
+    (g) => {
+      n(g.target.value);
     },
     [n]
   );
-  return P(() => {
-    var h;
-    (h = a.current) == null || h.focus();
-  }, []), /* @__PURE__ */ d(
-    zt,
+  return z(() => {
+    var g;
+    (g = a.current) == null || g.focus();
+  }, []), /* @__PURE__ */ s(
+    ar,
     {
       ref: a,
       variant: r ?? "body1",
       type: "text",
       "aria-label": t,
-      value: s,
-      onChange: l,
+      value: l,
+      onChange: d,
       onKeyDown: i,
       onBlur: o
     }
   );
 }
-function mr({ editMode: e, value: n, onValueChange: t, ariaLabel: r = void 0, variant: a = "body1" }) {
-  return /* @__PURE__ */ j(ae, { children: [
-    e && /* @__PURE__ */ d(Xt, { ariaLabel: r, value: n, onChange: t, variant: a }),
-    !e && /* @__PURE__ */ d(Kt, { 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 Ht({
+function lr({
   id: e = void 0,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: s = void 0,
+  onBlur: l = void 0,
   disabled: u = !1,
-  error: l = !1,
+  error: d = !1,
   required: i = !1,
   margin: o = "dense",
-  size: h = "small",
-  fullWidth: b = !1,
-  inputMode: x = void 0,
+  size: g = "small",
+  fullWidth: c = !1,
+  inputMode: I = void 0,
   pattern: N = void 0,
-  startAdornment: v = void 0,
+  startAdornment: m = void 0,
   endAdornment: f = void 0,
-  sx: I = void 0,
-  sxStartAdornment: w = void 0,
-  sxEndAdornment: C = void 0
+  sx: h = void 0,
+  sxStartAdornment: F = void 0,
+  sxEndAdornment: p = void 0
 }) {
-  const S = $(
-    (F) => {
-      a && a(F.target.value);
+  const L = w(
+    (b) => {
+      a && a(b.target.value);
     },
     [a]
-  ), g = $((F) => {
-    if (F.key === "Enter" && !F.ctrlKey && !F.altKey && !F.shiftKey) {
-      F.preventDefault(), F.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;
     }
-  }, []), p = w ?? { marginBottom: 1 }, c = C ?? { marginBottom: 1 };
-  return /* @__PURE__ */ d(
-    sn,
+  }, []), v = F ?? { marginBottom: 1 }, M = p ?? { marginBottom: 1 };
+  return /* @__PURE__ */ s(
+    Ze,
     {
       id: e,
       "aria-label": e,
@@ -622,277 +625,277 @@ function Ht({
       label: n,
       helperText: t,
       margin: o,
-      size: h,
-      fullWidth: b,
+      size: g,
+      fullWidth: c,
       variant: "standard",
       value: r,
-      onChange: S,
-      onBlur: s,
+      onChange: L,
+      onBlur: l,
       disabled: u,
       "aria-disabled": u,
-      error: l,
+      error: d,
       required: i,
       slotProps: {
         input: {
-          startAdornment: v ? /* @__PURE__ */ d(Se, { position: "start", sx: { ...p }, children: v }) : null,
-          endAdornment: f ? /* @__PURE__ */ d(Se, { position: "end", sx: { ...c }, children: f }) : 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: x,
+          inputMode: I,
           pattern: N
         }
       },
-      sx: I,
-      onKeyDown: g
+      sx: h,
+      onKeyDown: S
     }
   );
 }
-function ee({
+function re({
   id: e,
   label: n = void 0,
   helperText: t = "",
   value: r,
   onChange: a = void 0,
-  onBlur: s = void 0,
+  onBlur: l = void 0,
   disabled: u = !1,
-  required: l = !1,
+  required: d = !1,
   margin: i = "dense",
   size: o = "small",
-  fullWidth: h = !1,
-  inputMode: b = void 0,
-  pattern: x = void 0,
+  fullWidth: g = !1,
+  inputMode: c = void 0,
+  pattern: I = void 0,
   startAdornment: N = void 0,
-  endAdornment: v = void 0,
+  endAdornment: m = void 0,
   sx: f = void 0,
-  sxStartAdornment: I = void 0,
-  sxEndAdornment: w = void 0,
-  error: C = void 0,
-  onErrorChange: S = void 0,
-  onValidate: g = void 0,
-  numberType: p = void 0,
-  minValue: c = void 0,
-  maxValue: 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 [_, z] = B(r), [K, O] = B(C !== void 0 ? C : !1);
-  P(() => {
-    z((m) => r !== m ? r : m);
-  }, [r]), P(() => {
-    O((m) => C !== void 0 && C !== m ? C : m);
-  }, [C]);
-  const E = $(
-    (m) => {
-      const A = Number.parseInt(m, m.startsWith("0x") ? 16 : 10);
-      let R = Number.isNaN(A);
-      return R || (R = c !== void 0 && A < c), R || (R = F !== void 0 && A > F), { val: m, err: R };
+  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 };
     },
-    [F, c]
-  ), q = $(
-    (m) => {
-      let A = !1;
-      if (m.endsWith(",") || m.endsWith("."))
-        return A = !0, { val: m, err: A };
-      const R = Number.parseFloat(m.replace(",", "."));
-      return A = Number.isNaN(R), A || (A = c !== void 0 && R < c), A || (A = F !== void 0 && R > F), { val: R.toString(), err: A };
+    [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 };
     },
-    [F, c]
-  ), Y = $(
-    (m) => p === "int" ? E(m) : q(m),
-    [p, q, E]
-  ), H = $(
-    (m, A) => {
-      let R = m, J = !1;
-      return !l && (R === void 0 || R === "") ? { val: R, err: J } : (p !== void 0 && ({ val: R, err: J } = Y(m)), !J && g && ({ val: R, err: J } = g(R, A)), { val: R, err: J });
+    [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 });
     },
-    [g, Y]
-  ), y = $(
-    (m) => {
-      const { val: A, err: R } = H(m, "change");
-      O(R), z(R ? m : A), !R && a && 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, H]
-  ), T = $(() => {
-    const { val: m, err: A } = H(_, "blur");
-    O(A), !A && s && s(m);
-  }, [s, H, _]);
-  return P(() => {
-    S && S(K);
-  }, [K, S]), P(() => {
-    let m = !1;
-    u || (m = H(_, "blur").err), O(m);
-  }, [u]), /* @__PURE__ */ d(
-    Ht,
+    [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: _,
-      onChange: y,
-      onBlur: T,
+      value: $,
+      onChange: A,
+      onBlur: C,
       disabled: u,
-      error: K,
-      required: l,
+      error: k,
+      required: d,
       margin: i,
       size: o,
-      fullWidth: h,
-      inputMode: b,
-      pattern: x,
+      fullWidth: g,
+      inputMode: c,
+      pattern: I,
       startAdornment: N,
-      endAdornment: v,
+      endAdornment: m,
       sx: f,
-      sxStartAdornment: I,
-      sxEndAdornment: w
+      sxStartAdornment: h,
+      sxEndAdornment: F
     }
   );
 }
-function br({
+function yr({
   minValue: e,
   maxValue: n,
   onChange: t = void 0,
   onBlur: r = void 0,
   minError: a = void 0,
-  onMinErrorChange: s = void 0,
+  onMinErrorChange: l = void 0,
   maxError: u = void 0,
-  onMaxErrorChange: l = void 0,
+  onMaxErrorChange: d = void 0,
   onMinValidate: i = void 0,
   onMaxValidate: o = void 0,
-  minDisabled: h = !1,
-  maxDisabled: b = !1,
-  unit: x = void 0,
+  minDisabled: g = !1,
+  maxDisabled: c = !1,
+  unit: I = void 0,
   lowerLimit: N = void 0,
-  upperLimit: v = void 0
+  upperLimit: m = void 0
 }) {
-  const f = re(), I = Number.parseInt(e), w = Number.parseInt(n), [C, S] = B(e.toString()), [g, p] = B(n.toString()), [c, F] = B(
-    a === !0 || Number.isNaN(I) || I < (N ?? 0) || v && I > v || !Number.isNaN(w) && I >= w
-  ), [_, z] = B(
-    u === !0 || Number.isNaN(w) || w < (N ?? 0) || v && w > v || !Number.isNaN(I) && I >= w
+  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
   );
-  P(() => {
-    S((y) => e.toString() !== y ? e.toString() : y);
-  }, [e]), P(() => {
-    F((y) => a !== void 0 && a !== y ? a : y);
-  }, [a]), P(() => {
-    p((y) => n.toString() !== y ? n.toString() : y);
-  }, [n]), P(() => {
-    z((y) => u !== void 0 && u !== y ? u : y);
+  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 = $(
-    (y) => {
-      const T = Number.parseInt(y, y.startsWith("0x") ? 16 : 10), m = Number.parseInt(g), A = Number.isNaN(T) || T < (N ?? 0) || v && T > v || !Number.isNaN(m) && T >= m;
-      return { val: y, err: A };
+  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 };
     },
-    [g, N, v]
-  ), O = $(
-    (y) => {
-      const T = Number.parseInt(y, y.startsWith("0x") ? 16 : 10), m = Number.parseInt(C), A = Number.isNaN(T) || T < (N ?? 0) || v && T > v || !Number.isNaN(m) && m >= T;
-      return { val: y, err: A };
+    [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 };
     },
-    [C, N, v]
-  ), E = $(
-    (y) => {
-      let { val: T, err: m } = K(y);
-      if (!m && i && ({ val: T, err: m } = i(y, "change")), (a === void 0 || a === !1) && F(m), m)
-        t && t(y, g);
+    [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 A = Number.parseInt(T, T.startsWith("0x") ? 16 : 10).toString();
-        S(A), t && t(A, g);
+        const B = Number.parseInt(C, C.startsWith("0x") ? 16 : 10).toString();
+        L(B), t && t(B, S);
       }
     },
-    [K, i, a, t, g]
-  ), q = $(
-    (y) => {
-      let { val: T, err: m } = K(y);
-      !m && i && ({ val: T, err: m } = i(T, "blur")), F(m), !m && r && r(T, g);
+    [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);
     },
-    [K, i, r, g]
-  ), Y = $(
-    (y) => {
-      let { val: T, err: m } = O(y);
-      if (!m && o && ({ val: T, err: m } = o(y, "change")), (u === void 0 || u === !1) && z(m), m)
-        t && t(C, y);
+    [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 A = Number.parseInt(T, T.startsWith("0x") ? 16 : 10).toString();
-        p(A), t && t(C, A);
+        const B = Number.parseInt(C, C.startsWith("0x") ? 16 : 10).toString();
+        v(B), t && t(p, B);
       }
     },
-    [O, o, u, t, C]
-  ), H = $(
-    (y) => {
-      let { val: T, err: m } = O(y);
-      !m && o && ({ val: T, err: m } = o(T, "blur")), z(m), !m && r && r(C, T);
+    [_, 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);
     },
-    [O, o, r, C]
+    [_, o, r, p]
   );
-  return P(() => {
-    s && s(c), l && l(_);
-  }, [_, c, l, s]), /* @__PURE__ */ j(ae, { children: [
-    /* @__PURE__ */ d(
-      ee,
+  return z(() => {
+    l && l(M), d && d($);
+  }, [$, M, d, l]), /* @__PURE__ */ T(ce, { children: [
+    /* @__PURE__ */ s(
+      re,
       {
         id: "min-value",
-        disabled: h,
+        disabled: g,
         inputMode: "numeric",
         fullWidth: !0,
-        value: C,
-        onChange: E,
-        onBlur: q,
+        value: p,
+        onChange: W,
+        onBlur: j,
         startAdornment: f.getString("LabelFrom"),
-        endAdornment: x,
+        endAdornment: I,
         numberType: "int",
-        error: c,
-        onErrorChange: F
+        error: M,
+        onErrorChange: b
       }
     ),
-    /* @__PURE__ */ d(
-      ee,
+    /* @__PURE__ */ s(
+      re,
       {
         id: "max-value",
-        disabled: b,
+        disabled: c,
         inputMode: "numeric",
         fullWidth: !0,
-        value: g,
-        onChange: Y,
-        onBlur: H,
+        value: S,
+        onChange: X,
+        onBlur: P,
         startAdornment: f.getString("LabelTo"),
-        endAdornment: x,
+        endAdornment: I,
         numberType: "int",
-        error: _,
-        onErrorChange: z
+        error: $,
+        onErrorChange: R
       }
     )
   ] });
 }
-function ge({
+function fe({
   id: e = void 0,
   label: n,
   value: t,
   disabled: r = !1,
   size: a = "small",
-  sx: s = void 0
+  sx: l = void 0
 }) {
-  return /* @__PURE__ */ d(
-    Be,
+  return /* @__PURE__ */ s(
+    Qe,
     {
       id: e,
       "aria-label": e,
       value: t,
       disabled: r,
       "aria-disabled": r,
-      control: /* @__PURE__ */ d(ln, { size: a }),
+      control: /* @__PURE__ */ s(Cn, { size: a }),
       label: n,
       componentsProps: { typography: { noWrap: !0 } },
-      sx: s
+      sx: l
     }
   );
 }
-function Gt({
+function fn({
   children: e,
   id: n = void 0,
   value: t,
   onChange: r
 }) {
-  return /* @__PURE__ */ d(on, { id: n, "aria-label": n, value: t, onChange: (a, s) => r(s), children: e });
+  return /* @__PURE__ */ s(In, { id: n, "aria-label": n, value: t, onChange: (a, l) => r(l), children: e });
 }
-const qt = X(ie, {
+const dr = V(xe, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ collapsed: e, theme: n }) => ({
   paddingTop: e ? "4px" : "8px",
@@ -903,192 +906,483 @@ const qt = X(ie, {
   "&:hover, &:focus-within": {
     background: n.palette.action.hover
   }
-})), Ge = X("span")(({ theme: e }) => ({
+})), gn = V("span")(({ theme: e }) => ({
   color: e.palette.divider
-})), Yt = X(Ge)(() => ({
+})), or = V(gn)(() => ({
   "&:hover": {
     cursor: "pointer"
   }
-})), Jt = X(Oe)(({ theme: e }) => ({
+})), ur = V(Xe)(({ theme: e }) => ({
   color: e.palette.divider,
   padding: "0px"
 }));
-function Ne({
+function me({
   textAlign: e = "left",
   text: n = void 0,
   summary: t = void 0,
   children: r = void 0,
   collapsible: a = !1,
-  collapsed: s = !1,
+  collapsed: l = !1,
   collapsedChange: u = void 0
 }) {
-  const l = Ve(), i = re(), [o, h] = B(s);
-  P(() => h(s), [s]);
-  const b = $(
-    (x) => {
-      u ? u(x) : h(x);
+  const d = hn(), i = ne(), [o, g] = U(l);
+  z(() => g(l), [l]);
+  const c = w(
+    (I) => {
+      u ? u(I) : g(I);
     },
     [u]
   );
-  return /* @__PURE__ */ j(qt, { collapsed: o, children: [
-    n && /* @__PURE__ */ d(dn, { textAlign: e, variant: "fullWidth", children: a ? /* @__PURE__ */ j(We, { direction: "row", spacing: 1, alignItems: "center", children: [
-      /* @__PURE__ */ j(Yt, { onClick: () => b(!o), children: [
-        n.toLocaleUpperCase(l),
+  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),
         o && t ? ` (${t})` : ""
       ] }),
-      /* @__PURE__ */ d(
-        ue,
+      /* @__PURE__ */ s(
+        Se,
         {
           title: o ? i == null ? void 0 : i.getString("TooltipExpandSection", n) : i == null ? void 0 : i.getString("TooltipCollapseSection", n),
-          children: /* @__PURE__ */ d(Jt, { onClick: () => b(!o), children: o ? /* @__PURE__ */ d(je, {}) : /* @__PURE__ */ d(In, {}) })
+          children: /* @__PURE__ */ s(ur, { onClick: () => c(!o), children: o ? /* @__PURE__ */ s(tn, {}) : /* @__PURE__ */ s(Dn, {}) })
         }
       )
-    ] }) : /* @__PURE__ */ d(Ge, { children: n.toLocaleUpperCase(l) }) }),
+    ] }) : /* @__PURE__ */ s(gn, { children: n.toLocaleUpperCase(d) }) }),
     !o && r
   ] });
 }
-function Ee({
+function Me({
   id: e,
   label: n,
   showLabel: t = !1,
   helperText: r = "",
   options: a,
-  value: s,
+  value: l,
   onChange: u,
-  disabled: l = !1,
+  disabled: d = !1,
   required: i = !1,
   margin: o = "dense",
-  size: h = "small",
-  fullWidth: b = !1,
-  minWidth: x = void 0,
+  size: g = "small",
+  fullWidth: c = !1,
+  minWidth: I = void 0,
   prefixTextWithValue: N = !1
 }) {
-  const v = $(
-    (S) => {
-      typeof S.target.value == "string" ? u("") : u(S.target.value);
+  const m = w(
+    (L) => {
+      typeof L.target.value == "string" ? u("") : u(L.target.value);
     },
     [u]
-  ), f = $(
-    (S) => S.map((g) => /* @__PURE__ */ d(pe, { "aria-label": `menu-item-${g.value}`, value: g.value, children: N ? `${g.value} - ${g.displayText}` : g.displayText }, g.value)),
+  ), 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]
-  ), I = $(
-    (S, g) => {
-      const p = [
-        /* @__PURE__ */ d(hn, { color: "primary", children: S }, S)
+  ), h = w(
+    (L, S) => {
+      const v = [
+        /* @__PURE__ */ s(wn, { color: "primary", children: L }, L)
       ];
-      return p.push(...f(g)), p;
+      return v.push(...f(S)), v;
     },
     [f]
-  ), w = $(
-    (S) => {
-      const g = [];
-      return S.forEach((p, c) => {
-        g.push(...I(c, p));
-      }), g;
+  ), F = w(
+    (L) => {
+      const S = [];
+      return L.forEach((v, M) => {
+        S.push(...h(M, v));
+      }), S;
     },
-    [I]
-  ), C = $(
-    (S) => {
-      let g = "";
+    [h]
+  ), p = w(
+    (L) => {
+      let S = "";
       if (a instanceof Map)
-        a.forEach((p, c) => {
-          if (g === "") {
-            const F = p.find((_) => _.value === S);
-            F && (g = N ? `${F.value} - ${c} - ${F.displayText}` : `${c} - ${F.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 p = a.find((c) => c.value === S);
-        p && (g = N ? `${p.value} - ${p.displayText}` : p.displayText);
+        const v = a.find((M) => M.value === L);
+        v && (S = N ? `${v.value} - ${v.displayText}` : v.displayText);
       }
-      return g === "" && (g = i ? `${n} *` : n), g;
+      return S === "" && (S = i ? `${n} *` : n), S;
     },
     [n, a, N, i]
   );
-  return /* @__PURE__ */ j(ke, { fullWidth: b, variant: "standard", sx: { minWidth: x }, margin: o, size: h, children: [
-    t && /* @__PURE__ */ d(un, { id: `${e}-label`, children: i ? `${n} *` : n }),
-    /* @__PURE__ */ j(
-      cn,
+  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: s,
-        renderValue: C,
-        onChange: v,
+        value: l,
+        renderValue: p,
+        onChange: m,
         displayEmpty: !t,
-        disabled: l,
-        "aria-disabled": l,
+        disabled: d,
+        "aria-disabled": d,
         children: [
-          a instanceof Map && w(a),
+          a instanceof Map && F(a),
           a instanceof Array && f(a)
         ]
       }
     ),
-    r && /* @__PURE__ */ d(fn, { children: r })
+    r && /* @__PURE__ */ s(Ln, { children: r })
   ] });
 }
-const pr = X(ie)(({ height: e, width: n }) => ({
+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") }) })
+  ] });
+}
+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 Qt({ label: e, variant: n = "h6" }) {
-  return /* @__PURE__ */ d(xn, { children: /* @__PURE__ */ d(Pe, { 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 xr({
+function Dr({
   data: e,
   dataKey: n,
-  selectedKey: t = void 0,
-  onClickRow: r = void 0,
-  columns: a,
-  label: s = void 0,
-  labelVariant: u = "h6",
-  maxHeight: l = void 0,
-  size: i = "medium",
-  stickyHeader: o = !1,
-  hover: h = !1
+  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: o = "h6",
+  maxHeight: g = void 0,
+  size: c = "medium",
+  stickyHeader: I = !1,
+  hover: N = !1
 }) {
-  const b = $(
-    (x) => {
-      r && r(x);
+  const m = w(
+    (f) => {
+      u && u(f);
     },
-    [r]
+    [u]
   );
-  return /* @__PURE__ */ j(ie, { children: [
-    s && /* @__PURE__ */ d(Qt, { label: s, variant: u }),
-    /* @__PURE__ */ d(gn, { children: /* @__PURE__ */ j(mn, { "aria-labelledby": "tableTitle", size: i, stickyHeader: o, sx: { maxHeight: l }, padding: "none", children: [
-      /* @__PURE__ */ d(bn, { children: /* @__PURE__ */ d($e, { children: a.map((x) => (
+  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__ */ d(Fe, { ...x.headProps, children: x.headCell }, x.key)
+        /* @__PURE__ */ s(Fe, { ...f.headProps, children: f.headCell }, f.key)
       )) }) }),
-      /* @__PURE__ */ d(pn, { children: e.map((x) => {
-        const N = n(x);
-        return /* @__PURE__ */ d($e, { hover: h, selected: N === t, onClick: () => b(x), children: a.map((v) => /* @__PURE__ */ d(
-          Fe,
-          {
-            ...v.dataProps,
-            children: v.dataCell(x)
-          },
-          `${N}-${v.key}`
-        )) }, N);
+      /* @__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 vr = X("div")(({ theme: e }) => ({
+const zr = V("div")(({ theme: e }) => ({
   borderBottom: "1px solid",
   borderColor: e.palette.divider
-})), Zt = X(vn)(({ theme: e }) => ({
-  [`& .${Ie.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,
-    [`&.${Ie.disabled}`]: {
+    [`&.${Ue.disabled}`]: {
       border: 0
     }
   }
@@ -1096,68 +1390,68 @@ const vr = X("div")(({ theme: e }) => ({
   //   marginLeft: -1,
   //   borderLeft: '1px solid transparent',
   // },
-})), Vt = X(Nn)(({ theme: e }) => ({
-  [`& .${le.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,
-    [`&.${le.disabled}`]: {
+    [`&.${Ce.disabled}`]: {
       border: 0
     }
   },
-  [`& .${le.middleButton},& .${le.lastButton}`]: {
+  [`& .${Ce.middleButton},& .${Ce.lastButton}`]: {
     marginLeft: -1,
     borderLeft: "1px solid transparent"
   }
 }));
-function qe({
+function mn({
   onClick: e,
   icon: n = void 0,
   text: t = void 0,
   size: r = "small",
   variant: a = void 0,
-  color: s = "inherit",
+  color: l = "inherit",
   tooltip: u = void 0,
-  ariaLabel: l = void 0,
+  ariaLabel: d = void 0,
   children: i = void 0,
   disabled: o = !1
 }) {
-  return i ? /* @__PURE__ */ d(
-    jt,
+  return i ? /* @__PURE__ */ s(
+    nr,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: s,
+      color: l,
       startIcon: n,
       text: t,
       disabled: o,
       children: i
     }
-  ) : t ? /* @__PURE__ */ j(
-    ce,
+  ) : t ? /* @__PURE__ */ T(
+    Z,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: s,
-      "aria-label": l,
+      color: l,
+      "aria-label": d,
       onClick: e,
       startIcon: n,
       disabled: o,
       children: [
-        u && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: u, children: /* @__PURE__ */ d("span", { children: t }) }),
+        u && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: u, children: /* @__PURE__ */ s("span", { children: t }) }),
         !u && t
       ]
     }
-  ) : /* @__PURE__ */ j(
-    ce,
+  ) : /* @__PURE__ */ T(
+    Z,
     {
       size: typeof r == "string" ? r : "small",
       variant: a,
-      color: s,
-      "aria-label": l,
+      color: l,
+      "aria-label": d,
       onClick: e,
       disabled: o,
       sx: {
@@ -1165,20 +1459,20 @@ function qe({
         width: typeof r == "number" ? `${r}px` : void 0
       },
       children: [
-        u && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: u, children: /* @__PURE__ */ d("span", { children: n }) }),
+        u && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: u, children: /* @__PURE__ */ s("span", { children: n }) }),
         !u && n
       ]
     }
   );
 }
-function er({
+function hr({
   buttons: e,
   size: n = "small",
   ariaLabel: t = void 0,
   orientation: r = "horizontal"
 }) {
-  return /* @__PURE__ */ d(Vt, { size: n, "aria-label": t, orientation: r, children: e.map((a, s) => /* @__PURE__ */ d(
-    qe,
+  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,
@@ -1191,43 +1485,43 @@ function er({
       disabled: a.disabled,
       children: a.children
     },
-    s
+    l
   )) });
 }
-function nr({
+function br({
   value: e,
   onChange: n,
   size: t = "small",
   ariaLabel: r = void 0,
   exclusive: a = void 0,
-  buttons: s,
+  buttons: l,
   orientation: u = "horizontal"
 }) {
-  return /* @__PURE__ */ d(
-    Zt,
+  return /* @__PURE__ */ s(
+    gr,
     {
       size: t,
       value: e,
-      onChange: (l, i) => n(i),
+      onChange: (d, i) => n(i),
       "aria-label": r,
       exclusive: a,
       orientation: u,
-      children: s.map((l, i) => /* @__PURE__ */ j(
-        Sn,
+      children: l.map((d, i) => /* @__PURE__ */ T(
+        On,
         {
           size: typeof t == "string" ? t : "small",
-          value: l.value,
-          "aria-label": l.ariaLabel,
+          value: d.value,
+          "aria-label": d.ariaLabel,
           sx: {
             height: typeof t == "number" ? `${t}px` : void 0,
             width: typeof t == "number" ? `${t}px` : void 0,
-            padding: l.size === "small" || typeof t == "number" ? 1 : void 0,
-            margin: l.size === "small" || typeof t == "number" ? 0 : void 0
+            padding: d.size === "small" || typeof t == "number" ? 1 : void 0,
+            margin: d.size === "small" || typeof t == "number" ? 0 : void 0
           },
-          disabled: l.disabled,
+          disabled: d.disabled,
           children: [
-            l.tooltip && /* @__PURE__ */ d(ue, { placement: "bottom-start", title: l.tooltip, children: /* @__PURE__ */ d("span", { children: l.icon }) }),
-            !l.tooltip && l.icon
+            d.tooltip && /* @__PURE__ */ s(Se, { placement: "bottom-start", title: d.tooltip, children: /* @__PURE__ */ s("span", { children: d.icon }) }),
+            !d.tooltip && d.icon
           ]
         },
         i
@@ -1235,18 +1529,18 @@ function nr({
     }
   );
 }
-function Nr({
+function Tr({
   items: e,
   height: n = 34,
   width: t = 34,
   justifyContent: r = "left",
   borderSize: a = 1,
-  padding: s = 1,
+  padding: l = 1,
   backgroundColor: u = void 0,
-  orientation: l = "horizontal"
+  orientation: d = "horizontal"
 }) {
-  return /* @__PURE__ */ d(
-    Cn,
+  return /* @__PURE__ */ s(
+    yn,
     {
       elevation: 0,
       sx: {
@@ -1255,33 +1549,33 @@ function Nr({
         justifyContent: r,
         border: (i) => `${a}px solid ${i.palette.divider}`,
         flexWrap: "wrap",
-        height: l === "horizontal" ? `${n}px` : "100%",
-        minHeight: l === "horizontal" ? `${n}px` : void 0,
-        width: l === "vertical" ? `${t}px` : "100%",
-        minWidth: l === "vertical" ? `${t}px` : void 0,
-        paddingLeft: l === "horizontal" ? s : 0,
-        paddingRight: l === "horizontal" ? s : 0,
-        paddingTop: l === "vertical" ? s : 0,
-        paddingBottom: l === "vertical" ? s : 0,
+        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" ? l : 0,
+        paddingRight: d === "horizontal" ? l : 0,
+        paddingTop: d === "vertical" ? l : 0,
+        paddingBottom: d === "vertical" ? l : 0,
         borderRadius: "0px",
         backgroundColor: u
       },
       children: e.map((i, o) => i.label ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ d(Pe, { variant: i.label.variant, component: "div", children: i.label.text }, o)
-      ) : i.toggleButtonGroup ? /* @__PURE__ */ d(
-        nr,
+        /* @__PURE__ */ s(nn, { variant: i.label.variant, component: "div", children: i.label.text }, o)
+      ) : i.toggleButtonGroup ? /* @__PURE__ */ s(
+        br,
         {
           value: i.toggleButtonGroup.value,
           onChange: i.toggleButtonGroup.onChange,
           ariaLabel: i.toggleButtonGroup.ariaLabel,
           exclusive: i.toggleButtonGroup.exclusive,
           buttons: i.toggleButtonGroup.buttons,
-          orientation: l
+          orientation: d
         },
         o
-      ) : i.button ? /* @__PURE__ */ d(
-        qe,
+      ) : i.button ? /* @__PURE__ */ s(
+        mn,
         {
           onClick: i.button.onClick,
           icon: i.button.icon,
@@ -1295,12 +1589,12 @@ function Nr({
         o
       ) : i.buttonGroup ? (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ d(
-          er,
+        /* @__PURE__ */ s(
+          hr,
           {
             ariaLabel: i.buttonGroup.ariaLabel,
             buttons: i.buttonGroup.buttons,
-            orientation: l
+            orientation: d
           },
           o
         )
@@ -1308,8 +1602,8 @@ function Nr({
     }
   );
 }
-function Cr({ options: e, onSelect: n, children: t = void 0 }) {
-  const [r, a] = me.useState(null), s = $(
+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 ? {
@@ -1324,235 +1618,277 @@ function Cr({ options: e, onSelect: n, children: t = void 0 }) {
       ));
     },
     [r, e.length]
-  ), u = $(() => {
+  ), u = w(() => {
     a(null);
-  }, []), l = $(
+  }, []), d = w(
     (i) => {
       n(i), u();
     },
     [u, n]
   );
-  return /* @__PURE__ */ j("div", { onContextMenu: s, style: { cursor: "context-menu" }, children: [
+  return /* @__PURE__ */ T("div", { onContextMenu: l, style: { cursor: "context-menu" }, children: [
     t,
-    /* @__PURE__ */ d(
-      $n,
+    /* @__PURE__ */ s(
+      Pn,
       {
         open: r !== null,
         onClose: u,
         anchorReference: "anchorPosition",
         anchorPosition: r !== null ? { top: r.mouseY, left: r.mouseX } : void 0,
-        children: e.map((i) => /* @__PURE__ */ j(pe, { onClick: () => l(i.value), children: [
-          i.icon && /* @__PURE__ */ d(Fn, { children: i.icon }),
-          /* @__PURE__ */ d(ye, { children: i.displayText }),
-          i.shortcut && /* @__PURE__ */ d(ye, { sx: { pl: 2, textAlign: "right" }, children: i.shortcut })
+        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 tr({
+function pr({
   canIdentifier: e,
   canIdentifierType: n,
   onCanIdentifierChange: t,
   onErrorsChange: r = void 0,
-  hideSection: a = !1,
-  disabled: s = !1,
-  collapsible: u = !1,
-  collapsed: l = !1,
-  collapsedChange: i = 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 o = re(), h = fe(), [b, x] = B(!1);
-  P(() => {
-    r && r(b);
-  }, [b, r]);
-  const [N, v] = B(!1), [f, I] = B(n);
-  P(() => {
-    I(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 w = $((c) => {
-    I(c ? "extended" : "standard");
-  }, []), C = $(
-    (c) => {
-      let F = c;
-      const _ = parseInt(F, F.startsWith("0x") ? 16 : h);
-      if (f === "extended") {
-        if (Number.isNaN(_) || _ < 0 || _ > 536870911)
-          return Number.isNaN(_) || t(`${_.toString(h).toUpperCase()}`, f), { val: c, err: !0 };
-      } else if (f === "standard" && (Number.isNaN(_) || _ < 0 || _ > 2047))
-        return Number.isNaN(_) || t(`${_.toString(h).toUpperCase()}`, f), { val: c, err: !0 };
-      return t(`${_.toString(h).toUpperCase()}`, f), v(F.startsWith("0x")), { val: c, 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 };
     },
-    [f, h, t]
-  ), S = $(
-    (c) => {
-      if (c !== f) {
-        let F = !1;
-        const _ = parseInt(e, e.startsWith("0x") ? 16 : h);
-        c === "standard" ? (Number.isNaN(_) || _ < 0 || _ > 2047) && (F = !0) : c === "extended" && (Number.isNaN(_) || _ < 0 || _ > 536870911) && (F = !0), t(e, c), x(F);
+    [$, 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);
       }
     },
-    [f, e, t, h]
-  ), g = W(() => {
-    const c = parseInt(e, e.startsWith("0x") ? 16 : h);
-    return N ? `0x${c.toString(16).toUpperCase()}` : c.toString(h).toUpperCase();
-  }, [N, e, h]), p = W(
-    () => /* @__PURE__ */ j(be, { spacing: 4, children: [
-      /* @__PURE__ */ d(
-        ee,
+    [$, 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: g,
-          error: b,
-          onValidate: C,
-          onErrorChange: x,
-          disabled: s
+          value: j,
+          error: S,
+          onValidate: _,
+          onErrorChange: v,
+          disabled: u
         }
       ),
-      /* @__PURE__ */ d(
-        Ue,
+      /* @__PURE__ */ s(
+        sn,
         {
           id: "id-type",
-          label: o.getString("LabelUseExtendedIdentifier"),
-          checked: f === "extended",
-          onChange: (c) => {
-            w(c), S(c ? "extended" : "standard");
+          label: f.getString("LabelUseExtendedIdentifier"),
+          checked: $ === "extended",
+          onChange: (P) => {
+            k(P), W(P ? "extended" : "standard");
           },
-          disabled: s
+          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")
+        }
+      ) })
     ] }),
-    [g, f, s, b, o, S, C]
+    [j, $, u, S, f, W, _]
   );
-  return a ? p : /* @__PURE__ */ d(
-    Ne,
+  return o ? X : /* @__PURE__ */ s(
+    me,
     {
-      text: o.getString("LabelCanIdentifier"),
+      text: f.getString("LabelCanIdentifier"),
       summary: e,
-      collapsible: u,
-      collapsed: l,
-      collapsedChange: i,
-      children: p
+      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: s = !1,
-  collapsedChange: u = 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 b;
-  const l = fe(), i = W(
+  var F;
+  const N = le(), m = O(
     () => {
-      var x, N;
-      return ((N = (x = e.canFrameFlags) == null ? void 0 : x.flags) == null ? void 0 : N.includes(G.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";
     },
-    [(b = e.canFrameFlags) == null ? void 0 : b.flags]
-  ), o = W(() => `${(e.id ?? 0).toString(l).toUpperCase()}`, [i, e.id, l]), h = $(
-    (x, N) => {
-      var C;
-      const v = parseInt(x, x.startsWith("0x") ? 16 : l), f = (C = e.canFrameFlags) != null && C.flags ? { flags: [...e.canFrameFlags.flags] } : { flags: [] }, I = f.flags.indexOf(G.CAN_FRAME_FLAG_STD);
-      I !== -1 && f.flags.splice(I, 1);
-      const w = f.flags.indexOf(G.CAN_FRAME_FLAG_EXT);
-      if (w !== -1 && f.flags.splice(w, 1), N === "extended" ? f.flags.push(G.CAN_FRAME_FLAG_EXT) : N === "standard" && f.flags.push(G.CAN_FRAME_FLAG_STD), v !== e.id || !xe(f, e.canFrameFlags)) {
-        const S = { ...e };
-        S.id = v, S.canFrameFlags = f, n(S);
+    [(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, l, n]
+    [e, N, n]
   );
-  return /* @__PURE__ */ d(
-    tr,
+  return /* @__PURE__ */ s(
+    pr,
     {
-      canIdentifier: o,
-      canIdentifierType: i,
+      canIdentifier: f,
+      canIdentifierType: m,
       onCanIdentifierChange: h,
       onErrorsChange: t,
-      hideSection: r,
-      collapsible: a,
-      collapsed: s,
-      collapsedChange: u
+      showSelectMessageDialogChange: r,
+      showSelectSignalDialogChange: a,
+      disableSelectMessageButton: l,
+      disableSelectSignalButton: u,
+      hideSection: d,
+      hideSelectMessageButton: i,
+      showSelectSignalButton: o,
+      collapsible: g,
+      collapsed: c,
+      collapsedChange: I
     }
   );
 }
-function rr({
+function Sr({
   canIdentifier: e,
   identifierGeneratorType: n,
   minCanIdentifier: t,
   maxCanIdentifier: r,
   canIdentifierType: a,
-  onChange: s,
+  onChange: l,
   onErrorsChange: u = void 0,
-  canIdentifierGeneratorSettingsError: l = void 0,
+  canIdentifierGeneratorSettingsError: d = void 0,
   disabled: i = !1,
   collapsible: o = !1,
-  collapsed: h = !1,
-  collapsedChange: b = void 0,
-  showSelectMessageDialogChange: x,
+  collapsed: g = !1,
+  collapsedChange: c = void 0,
+  showSelectMessageDialogChange: I,
   showSignalValuesTable: N
 }) {
-  const v = re(), f = fe(), [I, w] = B(!1), [C, S] = B(!1), [g, p] = B(!1), [c, F] = B(!1), [_, z] = B(!1), [K, O] = B(!1), [E, q] = B(a);
-  P(() => {
-    q(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 Y = $((M) => {
-    q(M ? "extended" : "standard");
-  }, []), H = $(
-    (M) => {
-      let k = M;
-      const L = parseInt(k, k.startsWith("0x") ? 16 : f);
-      if (E === "extended") {
-        if (Number.isNaN(L) || L < 0 || L > 536870911)
-          return Number.isNaN(L) || s(
-            `${L.toString(f).toUpperCase()}`,
+  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,
-            E
-          ), { val: M, err: !0 };
-      } else if (E === "standard" && (Number.isNaN(L) || L < 0 || L > 2047))
-        return Number.isNaN(L) || s(
-          `${L.toString(f).toUpperCase()}`,
+            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,
-          E
-        ), { val: M, err: !0 };
-      return s(
-        `${L.toString(f).toUpperCase()}`,
+          W
+        ), { val: E, err: !0 };
+      return l(
+        `${q.toString(f).toUpperCase()}`,
         n,
         t,
         r,
-        E
-      ), F(k.startsWith("0x")), { val: M, err: !1 };
+        W
+      ), b(H.startsWith("0x")), { val: E, err: !1 };
     },
-    [E, n, r, t, f, s]
-  ), y = $(
-    (M, k, L, D) => {
-      let Q = M;
-      const U = parseInt(Q, Q.startsWith("0x") ? 16 : f);
-      if (k === "extended") {
-        if (Number.isNaN(U) || U < 0 || U > 536870911)
-          return Number.isNaN(U) || L(`${U.toString(f).toUpperCase()}`), { val: M, err: !0, id: U };
-      } else if (k === "standard" && (Number.isNaN(U) || U < 0 || U > 2047))
-        return Number.isNaN(U) || L(`${U.toString(f).toUpperCase()}`), { val: M, err: !0, id: U };
-      return L(`${U.toString(f).toUpperCase()}`), D(Q.startsWith("0x")), { val: M, err: !1, id: U };
+    [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 };
     },
     [f]
-  ), T = $(
-    (M) => {
-      const k = y(
-        M,
+  ), C = w(
+    (E) => {
+      const H = A(
         E,
-        (D) => s(e, n, D, r, E),
-        (D) => z(D)
-      ), L = y(
+        W,
+        (J) => l(e, n, J, r, W),
+        (J) => R(J)
+      ), q = A(
         r,
-        E,
+        W,
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         },
@@ -1560,26 +1896,26 @@ function rr({
         () => {
         }
       );
-      return k.id >= L.id ? k.err = !0 : L.err && p(L.err), { val: k.val, err: k.err };
+      return H.id >= q.id ? H.err = !0 : q.err && v(q.err), { val: H.val, err: H.err };
     },
     [
       e,
-      E,
+      W,
       n,
       r,
-      s,
-      y
+      l,
+      A
     ]
-  ), m = $(
-    (M) => {
-      const k = y(
-        M,
+  ), x = w(
+    (E) => {
+      const H = A(
         E,
-        (D) => s(e, n, t, D, E),
-        (D) => O(D)
-      ), L = y(
+        W,
+        (J) => l(e, n, t, J, W),
+        (J) => _(J)
+      ), q = A(
         t,
-        E,
+        W,
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         () => {
         },
@@ -1587,169 +1923,169 @@ function rr({
         () => {
         }
       );
-      return L.id >= k.id ? k.err = !0 : L.err && S(L.err), { val: k.val, err: k.err };
+      return q.id >= H.id ? H.err = !0 : q.err && L(q.err), { val: H.val, err: H.err };
     },
     [
       e,
-      E,
+      W,
       n,
       t,
-      s,
-      y
+      l,
+      A
     ]
-  ), A = $(
-    (M) => {
-      if (M !== E) {
-        let k = !1, L = e;
-        const D = parseInt(L, L.startsWith("0x") ? 16 : f);
-        M === "standard" ? ((Number.isNaN(D) || D < 0 || D > 2047) && (k = !0), w(k)) : M === "extended" && ((Number.isNaN(D) || D < 0 || D > 536870911) && (k = !0), w(k));
-        let Q = !1, U = t;
-        const Z = parseInt(U, U.startsWith("0x") ? 16 : f);
-        M === "standard" ? (Number.isNaN(Z) || Z < 0 || Z > 2047) && (Q = !0) : M === "extended" && (Number.isNaN(Z) || Z < 0 || Z > 536870911) && (Q = !0);
-        let se = !1, Ce = r;
-        const V = parseInt(Ce, Ce.startsWith("0x") ? 16 : f);
-        M === "standard" ? (Number.isNaN(V) || V < 0 || V > 2047) && (se = !0) : M === "extended" && (Number.isNaN(V) || V < 0 || V > 536870911) && (se = !0), !Number.isNaN(Z) && !Number.isNaN(V) && Z >= V && (Q = !0, se = !0), S(Q), p(se), s(e, n, t, r, M);
+  ), 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);
       }
     },
     [
-      E,
+      W,
       e,
       t,
       r,
-      s,
+      l,
       n,
       f
     ]
-  ), R = $(
-    (M) => {
-      N(M === "constant"), s(e, M, t, r, E);
+  ), y = w(
+    (E) => {
+      N(E === "constant"), l(e, E, t, r, W);
     },
-    [E, e, t, r, s]
+    [W, e, t, r, l]
   );
-  P(() => {
+  z(() => {
     u && u(
-      n === "constant" && I || (n === "random" || n === "scan") && (C || g)
-    ), l && (l.current = n === "constant" && I || (n === "random" || n === "scan") && (C || g));
+      n === "constant" && h || (n === "random" || n === "scan") && (p || S)
+    ), d && (d.current = n === "constant" && h || (n === "random" || n === "scan") && (p || S));
   }, [
-    I,
-    l,
+    h,
+    d,
     n,
-    g,
-    C,
+    S,
+    p,
     u
   ]);
-  const J = kt(), Ye = Wt(J), Je = W(() => {
-    const M = parseInt(e, e.startsWith("0x") ? 16 : f);
-    return c ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
-  }, [c, e, f]), Qe = W(() => {
-    const M = parseInt(t, t.startsWith("0x") ? 16 : f);
-    return _ ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
-  }, [_, t, f]), Ze = W(() => {
-    const M = parseInt(r, r.startsWith("0x") ? 16 : f);
-    return K ? `0x${M.toString(16).toUpperCase()}` : M.toString(f).toUpperCase();
-  }, [K, r, f]);
-  return /* @__PURE__ */ d(
-    Ne,
+  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: v.getString("LabelCanIdentifier"),
-      summary: n === "constant" ? e : n === "random" ? `${v.getString("LabelRandom")} ${t}-${r}` : `${v.getString("LabelScan")} ${t}-${r}`,
+      text: m.getString("LabelCanIdentifier"),
+      summary: n === "constant" ? e : n === "random" ? `${m.getString("LabelRandom")} ${t}-${r}` : `${m.getString("LabelScan")} ${t}-${r}`,
       collapsible: o,
-      collapsed: h,
-      collapsedChange: b,
-      children: /* @__PURE__ */ j(
-        Gt,
+      collapsed: g,
+      collapsedChange: c,
+      children: /* @__PURE__ */ T(
+        fn,
         {
           id: "identifier-radio-group",
           value: n,
-          onChange: (M) => {
-            R(M);
+          onChange: (E) => {
+            y(E);
           },
           children: [
-            /* @__PURE__ */ j(be, { spacing: 4, children: [
-              /* @__PURE__ */ d(
-                ge,
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "constant-id-radio",
                   value: "constant",
-                  label: v.getString("LabelConstantIdentifier"),
+                  label: m.getString("LabelConstantIdentifier"),
                   sx: { marginLeft: "-11px !important" },
                   disabled: i
                 }
               ),
-              /* @__PURE__ */ d(
-                ee,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "constant-id",
                   fullWidth: !0,
-                  value: Je,
-                  error: !i && n === "constant" && I,
-                  onErrorChange: w,
-                  onValidate: H,
+                  value: Q,
+                  error: !i && n === "constant" && h,
+                  onErrorChange: F,
+                  onValidate: P,
                   disabled: i || n !== "constant",
                   required: n === "constant"
                 }
               ),
-              /* @__PURE__ */ d(
-                Ue,
+              /* @__PURE__ */ s(
+                sn,
                 {
                   id: "id-type",
-                  label: v.getString("LabelUseExtendedIdentifier"),
-                  checked: E === "extended",
-                  onChange: (M) => {
-                    Y(M), A(M ? "extended" : "standard");
+                  label: m.getString("LabelUseExtendedIdentifier"),
+                  checked: W === "extended",
+                  onChange: (E) => {
+                    X(E), B(E ? "extended" : "standard");
                   },
                   disabled: i
                 }
               ),
-              /* @__PURE__ */ d(Pt, { columnItem: J, width: Ye, children: /* @__PURE__ */ d(ce, { onClick: () => x(!0), variant: "outlined", size: "large", children: v.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__ */ j(be, { spacing: 4, children: [
-              /* @__PURE__ */ d(
-                ge,
+            /* @__PURE__ */ T(ue, { spacing: 4, children: [
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "random-identifier-radio",
                   value: "random",
-                  label: v.getString("LabelRandomIdentifier"),
+                  label: m.getString("LabelRandomIdentifier"),
                   sx: { marginLeft: "-11px !important" },
                   disabled: i
                 }
               ),
-              /* @__PURE__ */ d(
-                ge,
+              /* @__PURE__ */ s(
+                fe,
                 {
                   id: "scan-identifier-radio",
                   value: "scan",
-                  label: v.getString("LabelScanIdentifier"),
+                  label: m.getString("LabelScanIdentifier"),
                   disabled: i
                 }
               ),
-              /* @__PURE__ */ d(
-                ee,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "identifier-min",
                   disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: Qe,
-                  error: !i && (n === "random" || n === "scan") && C,
-                  onErrorChange: S,
-                  onValidate: T,
-                  startAdornment: v.getString("LabelFrom"),
+                  value: G,
+                  error: !i && (n === "random" || n === "scan") && p,
+                  onErrorChange: L,
+                  onValidate: C,
+                  startAdornment: m.getString("LabelFrom"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               ),
-              /* @__PURE__ */ d(
-                ee,
+              /* @__PURE__ */ s(
+                re,
                 {
                   id: "identifier-max",
                   disabled: i || n !== "random" && n !== "scan",
                   required: n === "random" || n === "scan",
                   fullWidth: !0,
-                  value: Ze,
-                  error: !i && (n === "random" || n === "scan") && g,
-                  onErrorChange: p,
-                  onValidate: m,
-                  startAdornment: v.getString("LabelTo"),
+                  value: te,
+                  error: !i && (n === "random" || n === "scan") && S,
+                  onErrorChange: v,
+                  onValidate: x,
+                  startAdornment: m.getString("LabelTo"),
                   sxStartAdornment: { marginBottom: 0.8 }
                 }
               )
@@ -1760,143 +2096,229 @@ function rr({
     }
   );
 }
-function $r({
+function Kr({
   settings: e,
   onSettingsChange: n,
   onErrorsChange: t = void 0,
   canIdentifierGeneratorSettingsError: r = void 0,
   disabled: a = !1,
-  collapsible: s = !1,
+  collapsible: l = !1,
   collapsed: u = !1,
-  collapsedChange: l = void 0,
+  collapsedChange: d = void 0,
   showSelectMessageDialogChange: i,
   showSignalValuesTable: o
 }) {
-  var w, C, S;
-  const h = fe(), b = W(
+  var F, p, L;
+  const g = le(), c = O(
     () => {
-      var g, p, c;
-      return ((c = (p = (g = e.frame) == null ? void 0 : g.canFrameFlags) == null ? void 0 : p.flags) == null ? void 0 : c.includes(G.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";
     },
-    [(C = (w = e.frame) == null ? void 0 : w.canFrameFlags) == null ? void 0 : C.flags]
-  ), x = W(() => {
-    var p;
-    return `${(((p = e.frame) == null ? void 0 : p.id) ?? 0).toString(h).toUpperCase()}`;
-  }, [h, (S = e.frame) == null ? void 0 : S.id]), N = W(() => `${(e.identifierMin ?? 0).toString(h).toUpperCase()}`, [h, e.identifierMin]), v = W(() => `${(e.identifierMax ?? 0).toString(h).toUpperCase()}`, [h, e.identifierMax]), f = W(() => e.randomIdentifier === !0 ? "random" : e.scanIdentifier === !0 ? "scan" : "constant", [e.randomIdentifier, e.scanIdentifier]), I = $(
-    (g, p, c, F, _) => {
-      var y, T, m, A;
-      const z = _, K = parseInt(g, g.startsWith("0x") ? 16 : h), O = (T = (y = e.frame) == null ? void 0 : y.canFrameFlags) != null && T.flags ? { flags: [...e.frame.canFrameFlags.flags] } : { flags: [] }, E = O.flags.indexOf(G.CAN_FRAME_FLAG_STD), q = parseInt(c, c.startsWith("0x") ? 16 : h), Y = parseInt(F, F.startsWith("0x") ? 16 : h), H = O.flags.indexOf(G.CAN_FRAME_FLAG_EXT);
-      if (E !== -1 && O.flags.splice(E, 1), H !== -1 && O.flags.splice(H, 1), z === "extended" ? O.flags.push(G.CAN_FRAME_FLAG_EXT) : z === "standard" && O.flags.push(G.CAN_FRAME_FLAG_STD), K !== ((m = e.frame) == null ? void 0 : m.id) || !xe(O, (A = e.frame) == null ? void 0 : A.canFrameFlags) || p !== f || q !== e.identifierMin || Y !== e.identifierMax) {
-        const R = { ...e };
-        R.frame = e.frame ? { ...e.frame } : yn.fromPartial({
+    [(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, (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: [G.CAN_FRAME_FLAG_STD] },
+          canFrameFlags: { flags: [ee.CAN_FRAME_FLAG_STD] },
           data: Array.from({ length: 8 }, () => 0)
-        }), R.frame.id = K, R.frame.canFrameFlags = O, p === "constant" ? (R.randomIdentifier = !1, R.scanIdentifier = !1) : p === "random" ? (R.randomIdentifier = !0, R.scanIdentifier = !1) : p === "scan" && (R.randomIdentifier = !1, R.scanIdentifier = !0), R.identifierMin = q, R.identifierMax = Y, n(R);
+        }), 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);
       }
     },
-    [f, h, n, e]
+    [f, g, n, e]
   );
-  return /* @__PURE__ */ d(
-    rr,
+  return /* @__PURE__ */ s(
+    Sr,
     {
-      canIdentifier: x,
+      canIdentifier: I,
       identifierGeneratorType: f,
       minCanIdentifier: N,
-      maxCanIdentifier: v,
-      canIdentifierType: b,
-      onChange: I,
+      maxCanIdentifier: m,
+      canIdentifierType: c,
+      onChange: h,
       onErrorsChange: t,
       canIdentifierGeneratorSettingsError: r,
       disabled: a,
-      collapsible: s,
+      collapsible: l,
       collapsed: u,
-      collapsedChange: l,
+      collapsedChange: d,
       showSelectMessageDialogChange: i,
       showSignalValuesTable: o
     }
   );
 }
-function ar(e, n, t, r) {
-  const [a, s] = B(""), [u, l] = B([]);
-  return P(() => {
-    l((i) => {
-      var h;
-      const o = (h = t == null ? void 0 : t.sources) == null ? void 0 : h.filter((b) => {
-        var N, v;
-        const x = (v = (N = r == null ? void 0 : r.find((f) => {
-          var I;
-          return f.nodeId === ((I = b.baseNode) == null ? void 0 : I.identifier);
-        })) == null ? void 0 : N.errorStatus) == null ? void 0 : v.errors;
-        return x === void 0 || x === "" ? b.baseNode && b.channelSettings && b.channelSettings.canConfiguration && (!n || b.channelSettings.canConfiguration.silentMode !== !0) : !1;
-      }).map((b) => ({
-        value: b.channelSettings.channelNumber,
-        displayText: b.baseNode.name,
-        canFdMode: b.channelSettings.canConfiguration.canMode > 0,
-        identifier: b.baseNode.identifier
+function xr(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.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 !o || xe(i, o) ? i : o;
+      return !o || ge(i, o) ? i : o;
     });
-  }, [n, t == null ? void 0 : t.sources, r]), P(() => {
+  }, [n, t == null ? void 0 : t.sources, r]), z(() => {
     const i = u.find((o) => o.identifier === e);
-    s(i ? (o) => i.value === o ? o : i.value : "");
+    l(i ? (o) => i.value === o ? o : i.value : "");
   }, [e, u]), {
     channelOptions: u,
     selectedChannelOption: a
   };
 }
-function Fr({
+function Qr({
   channelIdentifier: e,
   onChannelIdentifierChange: n,
   hideSilentChannels: t = !1,
   hideSectionControl: r = !1,
   disabled: a = !1,
-  collapsible: s = !1,
+  collapsible: l = !1,
   collapsed: u = !1,
-  collapsedChange: l = void 0
+  collapsedChange: d = void 0
 }) {
-  var v;
-  const i = en(), o = nn(), h = re(), { channelOptions: b, selectedChannelOption: x } = ar(
+  var m;
+  const i = qe(), o = He(), g = ne(), { channelOptions: c, selectedChannelOption: I } = xr(
     e,
     t === !0,
     i,
     o
-  ), N = $(
+  ), 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);
+    },
+    [c, n]
+  );
+  return r === !0 ? /* @__PURE__ */ s(
+    Me,
+    {
+      id: "channel",
+      label: g.getString("LabelChannel"),
+      fullWidth: !0,
+      value: I,
+      onChange: N,
+      options: c,
+      required: !0,
+      disabled: a
+    }
+  ) : /* @__PURE__ */ s(
+    me,
+    {
+      text: g.getString("LabelChannel"),
+      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: g.getString("LabelChannel"),
+          fullWidth: !0,
+          value: I,
+          onChange: N,
+          options: c,
+          required: !0,
+          disabled: a
+        }
+      )
+    }
+  );
+}
+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 I = b.find((S) => S.value === f), w = (I == null ? void 0 : I.identifier) ?? "", C = (I == null ? void 0 : I.canFdMode) === !0;
-      n(w, C);
+      const h = c.find((p) => p.value === f), F = (h == null ? void 0 : h.identifier) ?? "";
+      t(F);
     },
-    [b, n]
+    [c, t]
   );
-  return r === !0 ? /* @__PURE__ */ d(
-    Ee,
+  return r === !0 ? /* @__PURE__ */ s(
+    Me,
     {
       id: "channel",
-      label: h.getString("LabelChannel"),
+      label: n ? g.getString("LabelChannelLinModeMaster") : g.getString("LabelChannelLinModeSlave"),
       fullWidth: !0,
-      value: x,
+      value: I,
       onChange: N,
-      options: b,
+      options: c,
       required: !0,
       disabled: a
     }
-  ) : /* @__PURE__ */ d(
-    Ne,
+  ) : /* @__PURE__ */ s(
+    me,
     {
-      text: h.getString("LabelChannel"),
-      summary: x === "" || (v = b.find((f) => f.value === x)) == null ? void 0 : v.displayText,
-      collapsible: s,
+      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: l,
-      children: /* @__PURE__ */ d(
-        Ee,
+      collapsedChange: d,
+      children: /* @__PURE__ */ s(
+        Me,
         {
           id: "channel",
-          label: h.getString("LabelChannel"),
+          label: n ? g.getString("LabelChannelLinModeMaster") : g.getString("LabelChannelLinModeSlave"),
           fullWidth: !0,
-          value: x,
+          value: I,
           onChange: N,
-          options: b,
+          options: c,
           required: !0,
           disabled: a
         }
@@ -1904,51 +2326,441 @@ function Fr({
     }
   );
 }
-const Ir = X(ie)(() => ({
+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 {
-  Fr as CanChannelSelectControl,
-  tr as CanIdentifierControl,
-  Sr as CanIdentifierFrameControl,
-  rr as CanIdentifierGeneratorControl,
-  $r as CanIdentifierGeneratorSettingsControl,
-  _r as CanKingDataProvider,
-  Ue as CheckboxControl,
-  Pt as ColumnItemControl,
-  Cr as ContextMenu,
-  wr as DevicesContext,
-  jt as DropdownButton,
-  hr as DropdownButtonTextItems,
-  gr as DropdownPanel,
-  Ir as FillBox,
-  be as FormControlRow,
-  mr as InlineEditor,
-  Rr as LocalizedStrings,
-  Ar as LogMessagesContext,
-  Tr as MeasurementSetupContext,
-  Er as MeasurementStatusContext,
-  br as NumberRangeControl,
-  ce as OneLineButton,
-  Lr as OnlineStatusContext,
-  ge as RadioControl,
-  Gt as RadioGroupControl,
-  Br as RunningPeriodicTransmissionsContext,
-  Ne as SectionControl,
-  Ee as SelectControl,
-  pr as SizedBox,
-  xr as TableControl,
-  vr as TabsPanel,
-  Ht as TextControl,
-  Nr as ToolbarControl,
-  Or as UserSettingsContext,
-  ee as ValidateableTextControl,
-  kr as WorkspacePanesContext,
-  Wr as addEventListener,
-  Pr as removeEventListener,
-  kt as useColumnItem,
-  Wt 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
 };